:root{--ink:#071018;--panel:#0b1721;--cyan:#4ee9d5;--green:#b9ff45;--white:#f3f7f6;--muted:#91a3aa;--font-sans:Arial,Helvetica,sans-serif;--font-mono:"Courier New",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font-sans);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}em{font-style:normal;color:var(--cyan)}
.boot-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 42%,#4b5061,#171b25 72%);display:grid;place-items:center;transition:opacity .65s,visibility .65s;perspective:1200px}.boot-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.gameboy-shell{position:relative;width:min(760px,82vw);height:min(790px,88vh);padding:8.5% 8% 0;background:linear-gradient(118deg,#d7d8cf 0%,#bfc1bb 47%,#9fa29e 100%);border-radius:28px 28px 90px 28px;box-shadow:0 8px 0 #777c7d,0 34px 75px #05070bbf,inset 5px 5px 7px #ffffffba,inset -8px -9px 15px #73787788;transform:rotateX(1deg)}.case-line{position:absolute;left:0;right:0;height:2px;background:#8e9290;box-shadow:0 1px #e9eae3}.case-line-a{top:29px}.case-line-b{top:39px}.screen-bezel{position:relative;width:100%;height:62%;padding:8% 8% 7% 12%;background:linear-gradient(145deg,#525765,#2e3340);border-radius:18px 18px 62px 18px;box-shadow:inset 4px 5px 8px #171a23,inset -2px -2px 2px #707582,0 3px 4px #f6f6ed}.screen-stripes{position:absolute;top:5.2%;left:8%;right:7%;display:flex;align-items:center;gap:10px;color:#b7bbc1;font:700 7px var(--font-sans);letter-spacing:.5px;white-space:nowrap}.screen-stripes i,.screen-stripes b{height:2px;flex:1;background:#9e285b;box-shadow:0 3px #274e92}.boot-display{position:relative;width:100%;height:100%;background:#9dad69;box-shadow:inset 0 0 55px #687747,inset 5px 5px 4px #657044,0 0 0 5px #20242d;overflow:hidden;text-align:center;image-rendering:pixelated}.pixel-grid{position:absolute;inset:0;opacity:.18;background:linear-gradient(#32402d 1px,transparent 1px),linear-gradient(90deg,#32402d 1px,transparent 1px);background-size:4px 4px}.boot-word{position:relative;margin-top:31%;color:#263628;font:900 clamp(38px,7vw,76px)/1 "Arial Black",var(--font-mono);font-style:italic;letter-spacing:-5px;text-shadow:3px 3px #718052;animation:bootDrop 2.2s cubic-bezier(.16,.8,.28,1) forwards}.boot-sub{position:relative;margin-top:18px;color:#38472f;font:700 9px var(--font-mono);letter-spacing:6px;opacity:0;animation:appear .4s 1.9s forwards}.boot-led{position:absolute;left:3.3%;top:49%;z-index:2;text-align:center;color:#b5bac0}.boot-led>i{display:block;width:9px;height:9px;margin:0 auto 7px;border-radius:50%;background:#c72c46;box-shadow:0 0 9px #ff3158}.boot-led small{font:700 6px var(--font-sans);letter-spacing:.5px}.gameboy-logo{margin:25px 0 0 4%;color:#253d78;font-style:italic}.gameboy-logo span{font:900 clamp(24px,3.4vw,38px)/1 "Arial Black",Arial,sans-serif;letter-spacing:-3px;text-shadow:1px 2px #eeeff0}.gameboy-logo small{display:block;margin-top:7px;color:#777d84;font:700 8px var(--font-mono);letter-spacing:4px}.shell-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#fff4 0%,transparent 20% 78%,#0002)}.skip{position:absolute;right:24px;top:20px;border:1px solid #ffffff35;border-radius:20px;padding:9px 13px;background:#11151b99;color:#d8dcdf;font:700 10px var(--font-mono);z-index:2}.skip:hover{border-color:#fff8}@keyframes bootDrop{0%{transform:translateY(-300px);filter:blur(4px)}72%{transform:translateY(8px)}88%{transform:translateY(-4px)}100%{transform:translateY(0);filter:none}}@keyframes appear{to{opacity:1}}
.topbar,.hero,.section,.trust-rail,footer{--site-bg:#050b12;--site-panel:#09131e;--site-panel-2:#0c1925;--site-line:#17303d;--site-line-bright:#275266;--site-cyan:#55ead8;--site-blue:#65a9ff;--site-violet:#9278ff;--site-lime:#b8ff5b;--site-white:#f3f7f8;--site-muted:#8ba0aa;--site-dim:#526974;--site-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--site-sans:Inter,"Helvetica Neue",Arial,sans-serif}
body{background:#050b12;color:#f3f7f8}.topbar{height:88px;padding:0 clamp(24px,5.5vw,92px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #142833;position:sticky;top:0;z-index:40;background:#050b12e8;backdrop-filter:blur(22px);font-family:var(--site-sans);transition:box-shadow .25s,border-color .25s}.topbar.scrolled{border-color:#245063;box-shadow:0 14px 45px #0008}.brand{justify-self:start;border:0;background:none;color:var(--site-white);display:flex;gap:13px;align-items:center;text-align:left;font-weight:850;letter-spacing:3px}.brand small{display:block;color:#68808b;font:600 7px var(--site-mono);letter-spacing:2.1px;margin-top:4px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,var(--site-cyan),#77fff0);color:#041013;font:900 13px var(--site-mono);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);box-shadow:0 0 30px #55ead826}.desktop-nav{display:flex;gap:32px;align-items:center}.desktop-nav button{position:relative;border:0;background:none;color:#82959e;padding:12px 0;font:700 10px var(--site-mono);letter-spacing:1.2px;text-transform:uppercase;transition:color .2s}.desktop-nav button:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--site-cyan);transition:right .25s}.desktop-nav button:hover,.desktop-nav button.active{color:var(--site-white)}.desktop-nav button:hover:after,.desktop-nav button.active:after{right:0}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:10px}.helping-tools{position:relative}.helping-tools summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #203f4d;background:#07131c;color:#8ba0a8;cursor:pointer;font:700 9px var(--site-mono);letter-spacing:1px;transition:.2s;white-space:nowrap}.helping-tools summary::-webkit-details-marker{display:none}.helping-tools summary:hover,.helping-tools[open] summary{border-color:var(--site-cyan);color:var(--site-white);background:#0b2029}.tools-indicator{display:grid;place-items:center;width:14px;height:14px;color:var(--site-cyan);border:1px solid #28606c;transition:transform .25s}.helping-tools[open] .tools-indicator{transform:rotate(45deg)}.tools-short{display:none}.tools-dropdown{position:absolute;right:0;top:calc(100% + 13px);width:310px;padding:12px;background:#061019f5;border:1px solid #2b5969;box-shadow:0 24px 60px #000c,0 0 35px #55ead80d;backdrop-filter:blur(18px)}.tools-dropdown:before{content:"";position:absolute;right:23px;top:-6px;width:10px;height:10px;background:#061019;border-left:1px solid #2b5969;border-top:1px solid #2b5969;transform:rotate(45deg)}.tools-dropdown>p{margin:2px 7px 10px;color:#506c77;font:700 7px var(--site-mono);letter-spacing:1.5px}.tools-dropdown a{position:relative;display:grid;gap:4px;padding:16px 42px 16px 15px;color:var(--site-white);text-decoration:none;border:1px solid #173440;background:#081720;transition:.2s}.tools-dropdown a+a{margin-top:7px}.tools-dropdown a:hover{border-color:var(--site-cyan);background:#0b242d;transform:translateX(-3px)}.tools-dropdown .tool-code{color:var(--site-cyan);font:700 7px var(--site-mono);letter-spacing:1.2px}.tools-dropdown strong{font:750 13px var(--site-sans);letter-spacing:.1px}.tools-dropdown small{color:#6f8790;font:600 9px var(--site-mono)}.tools-dropdown a>b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--site-cyan);font:700 13px var(--site-mono)}.portal-button{justify-self:end;display:flex;align-items:center;gap:10px;text-decoration:none;background:#0a1721;border:1px solid #285063;color:var(--site-white);padding:12px 16px;font:700 10px var(--site-mono);letter-spacing:1.2px;transition:.2s}.portal-button>span:first-child{width:6px;height:6px;border-radius:50%;background:var(--site-lime);box-shadow:0 0 11px var(--site-lime)}.portal-button b{color:var(--site-cyan)}.portal-button:hover{border-color:var(--site-cyan);background:#0c222b;box-shadow:0 0 30px #55ead810}
.hero{min-height:calc(100vh - 88px);padding:clamp(80px,9vw,138px) clamp(24px,5.5vw,92px) clamp(90px,10vw,150px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:clamp(48px,7vw,120px);position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,#0c2835 0,transparent 31%),radial-gradient(circle at 18% 80%,#17214066 0,transparent 28%),#050b12;font-family:var(--site-sans)}.hero:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--site-cyan),transparent);opacity:.4}.hero-grid{position:absolute;inset:0;background:linear-gradient(#55ead808 1px,transparent 1px),linear-gradient(90deg,#55ead808 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000 26%,#000 78%,transparent)}.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#8ddbd4 0.55px,transparent .55px);background-size:7px 7px;mask-image:linear-gradient(105deg,transparent 20%,#000 70%,transparent)}.hero-copy{position:relative;z-index:2}.eyebrow{font:700 9px var(--site-mono);letter-spacing:2.6px;color:#839ba5;text-transform:uppercase}.eyebrow>span{display:inline-block;width:28px;height:1px;background:var(--site-cyan);vertical-align:middle;margin-right:13px;box-shadow:0 0 8px #55ead888}.hero h1,.section h2{font-family:var(--site-sans);font-size:clamp(52px,5.7vw,94px);line-height:.98;letter-spacing:-.055em;margin:25px 0 29px;font-weight:750}.hero h1 em,.section h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--site-cyan),#72bdff 55%,#a790ff);background-clip:text;-webkit-background-clip:text}.lead{max-width:670px;color:#9cafb7;font-size:clamp(16px,1.25vw,20px);line-height:1.75}.actions{display:flex;gap:12px;margin:40px 0 48px}.primary,.secondary{min-height:52px;padding:0 22px;border:1px solid var(--site-cyan);font:800 10px var(--site-mono);letter-spacing:1.25px;transition:.22s}.primary{background:var(--site-cyan);color:#041014;box-shadow:0 10px 38px #55ead818}.primary:hover{background:#8bfff2;border-color:#8bfff2;transform:translateY(-2px);box-shadow:0 16px 48px #55ead830}.primary span{margin-left:22px}.secondary{background:#08131c99;color:#b9c9ce;border-color:#28414e}.secondary:hover{border-color:#568193;color:white;background:#0b1c27}.hero-facts{display:flex;gap:0;border-top:1px solid #1b303b;padding-top:22px}.hero-facts div{padding:0 24px;border-right:1px solid #1b303b}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border:0}.hero-facts strong,.hero-facts small{display:block}.hero-facts strong{color:#d7e4e7;font:700 9px var(--site-mono);letter-spacing:1.4px}.hero-facts small{color:#536a74;font:500 10px var(--site-mono);margin-top:6px}
.ops-visual{position:relative;z-index:2;min-height:560px;border:1px solid #21404e;background:linear-gradient(145deg,#0a1722e8,#071019e8);box-shadow:0 35px 90px #0009,inset 0 0 80px #061019;overflow:hidden}.ops-visual:before,.ops-visual:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--site-cyan);opacity:.7}.ops-visual:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.ops-visual:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.ops-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183440;background:#08141d;font:700 8px var(--site-mono);letter-spacing:1px;color:#7c929c}.ops-head span{display:flex;align-items:center}.ops-head i{width:6px;height:6px;border-radius:50%;background:var(--site-lime);box-shadow:0 0 12px var(--site-lime);margin-right:9px}.ops-head time{color:#455e69}.ops-stage{height:435px;position:relative;overflow:hidden;background:linear-gradient(#55ead50b 1px,transparent 1px),linear-gradient(90deg,#55ead50b 1px,transparent 1px),radial-gradient(circle at 55% 52%,#123443,transparent 42%);background-size:34px 34px,34px 34px,auto}.ops-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#02090d26 50%);background-size:100% 4px;pointer-events:none}.data-rail{position:absolute;left:15px;top:20px;bottom:20px;width:64px;border-right:1px solid #1f3b47;display:flex;flex-direction:column;justify-content:space-around;color:#3f5e6b;font:600 6px var(--site-mono);letter-spacing:1px}.core-ring{position:absolute;border-radius:50%;border:1px solid #2b6370;left:56%;top:51%;transform:translate(-50%,-50%)}.ring-a{width:300px;height:300px;border-style:dashed;animation:ringPulse 4s ease-in-out infinite}.ring-b{width:190px;height:190px;opacity:.75}.core-unit{position:absolute;left:56%;top:51%;width:118px;height:118px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#0e2b36,#091a24);border:1px solid var(--site-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #55ead52b}.core-unit>*{transform:rotate(-45deg)}.core-unit small{font:600 6px var(--site-mono);color:#66808a;letter-spacing:1.2px}.core-unit strong{font:900 27px var(--site-mono);color:var(--site-cyan);margin:4px}.core-unit span{font:700 6px var(--site-mono);color:var(--site-lime)}.signal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--site-cyan),transparent);transform-origin:left;opacity:.6}.signal-a{left:29%;top:32%;width:31%;transform:rotate(22deg)}.signal-b{left:56%;top:50%;width:31%;transform:rotate(-38deg)}.signal-c{left:27%;top:72%;width:33%;transform:rotate(-24deg)}.system-node{position:absolute;min-width:108px;padding:10px 12px;border:1px solid #254754;background:#091721d9;font-family:var(--site-mono);box-shadow:0 10px 25px #0005}.system-node i{position:absolute;right:8px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--site-lime);box-shadow:0 0 10px var(--site-lime)}.system-node span,.system-node b{display:block}.system-node span{font-size:8px;color:#d4e1e4;letter-spacing:1px}.system-node b{font-size:6px;color:#496975;margin-top:5px}.node-edge{left:16%;top:20%}.node-cloud{right:4%;top:23%}.node-id{right:8%;bottom:17%}.node-data{left:13%;bottom:13%}.telemetry{height:76px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #183440}.telemetry div{padding:18px;border-right:1px solid #183440}.telemetry div:last-child{border:0}.telemetry span,.telemetry b{display:block;font-family:var(--site-mono)}.telemetry span{font-size:6px;color:#536b75;letter-spacing:1.3px}.telemetry b{font-size:8px;color:#b8c9ce;margin-top:8px}.telemetry b:before{content:"";display:inline-block;width:5px;height:5px;background:var(--site-lime);border-radius:50%;margin-right:7px;box-shadow:0 0 8px var(--site-lime)}@keyframes ringPulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.04)}}
.trust-rail{min-height:72px;padding:0 clamp(24px,5.5vw,92px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #18313d;border-bottom:1px solid #18313d;background:#07111a;color:#667e89;font:700 8px var(--site-mono);letter-spacing:1.4px;white-space:nowrap;overflow:hidden}.trust-rail i{width:4px;height:4px;flex:0 0 auto;background:var(--site-cyan);transform:rotate(45deg);box-shadow:0 0 9px var(--site-cyan)}.section{padding:clamp(90px,10vw,160px) clamp(24px,5.5vw,92px);font-family:var(--site-sans);position:relative}.section h2{font-size:clamp(43px,5vw,76px);max-width:930px}.section-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:8vw;align-items:end;margin-bottom:70px}.section-intro h2{margin-bottom:0}.section-intro>p{color:#80959e;line-height:1.8;font-size:16px;max-width:540px;padding-bottom:8px}.services{background:linear-gradient(180deg,#07111a,#050b12);border-bottom:1px solid #142a35}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1b3845;border-left:1px solid #1b3845}.service-grid article{position:relative;min-height:410px;padding:34px;background:#07121b;border-right:1px solid #1b3845;border-bottom:1px solid #1b3845;overflow:hidden;transition:background .3s,transform .3s}.service-grid article:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--site-cyan),var(--site-violet));transition:width .35s}.service-grid article:hover{background:#0b1b26;transform:translateY(-4px)}.service-grid article:hover:after{width:100%}.service-code{font:700 7px var(--site-mono);color:#536c77;letter-spacing:1.5px}.service-icon{display:block;color:var(--site-cyan);font-size:35px;margin:36px 0 52px;text-shadow:0 0 24px #55ead84f}.service-grid h3{font-size:24px;margin:0 0 15px;letter-spacing:-.02em}.service-grid p{color:#82969e;line-height:1.7;font-size:14px;max-width:400px}.service-grid ul{list-style:none;padding:0;margin:24px 0 0}.service-grid li{position:relative;padding:7px 0 7px 17px;color:#637b85;font:600 9px var(--site-mono);letter-spacing:.35px}.service-grid li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border:1px solid #3c6978}.contact{overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;background:linear-gradient(120deg,#0b2230,#08131d 58%,#11142a);border-top:1px solid #285667;border-bottom:1px solid #285667}.contact:before{content:"CONTACT // INFORDAT";position:absolute;right:-25px;top:40px;color:#ffffff06;font:900 clamp(70px,11vw,180px)/1 var(--site-sans);letter-spacing:-8px;white-space:nowrap}.contact-glow{position:absolute;width:520px;height:520px;right:8%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#55ead826,transparent 65%);pointer-events:none}.contact-copy,.contact-actions{position:relative;z-index:2}.contact h2{margin-bottom:28px}.contact p{color:#91a6ae;line-height:1.75;max-width:670px}.contact-actions{display:flex;flex-direction:column;align-items:stretch;max-width:430px;margin-left:auto;width:100%}.contact-actions a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:20px 22px;font:800 10px var(--site-mono);letter-spacing:1.1px;transition:.22s}.contact-primary{background:var(--site-cyan);color:#041014;border:1px solid var(--site-cyan)}.contact-primary:hover{background:#8bfff2;transform:translateY(-2px)}.contact-secondary{color:#c0d0d4;border:1px solid #32515d;margin-top:10px;background:#08131ba8}.contact-secondary:hover{border-color:var(--site-cyan)}.contact-actions small{color:#68808a;font:600 10px var(--site-mono);text-align:right;margin-top:20px}
.operations{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:clamp(55px,8vw,130px);align-items:center;background:#050b12}.operations-console{border:1px solid #1f3e4b;background:#07131d;box-shadow:0 35px 80px #0008;transform:perspective(1200px) rotateY(3deg)}.console-top{height:40px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #1a3541;color:#637a84;font:700 7px var(--site-mono);letter-spacing:1.2px}.console-top span{margin-right:auto}.console-top i{width:7px;height:7px;border-radius:50%;border:1px solid #35505b;margin-left:6px}.console-body{display:grid;grid-template-columns:112px 1fr;min-height:405px}.console-body aside{border-right:1px solid #1a3541;padding:22px 12px;display:flex;flex-direction:column;gap:8px}.console-body aside span{padding:10px;color:#475f69;font:600 7px var(--site-mono)}.console-body aside .active{color:var(--site-cyan);background:#102631;border-left:2px solid var(--site-cyan)}.console-main{padding:26px}.console-title{display:flex;align-items:flex-end;justify-content:space-between}.console-title small,.console-title strong{display:block}.console-title small{color:#55707b;font:600 6px var(--site-mono);letter-spacing:1px}.console-title strong{font-size:21px;margin-top:7px}.console-title>span{font:700 6px var(--site-mono);color:var(--site-lime);border:1px solid #334d3a;padding:7px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:35px}.metric-row>div{min-height:155px;padding:18px;background:#0a1822;border:1px solid #183541}.metric-row small{display:block;color:#536d78;font:600 6px var(--site-mono);letter-spacing:1px}.metric-row strong{display:block;color:var(--site-cyan);font:300 32px var(--site-mono);margin:17px 0}.metric-row p{color:#6d838c;font-size:10px;line-height:1.55}.activity{height:82px;margin-top:18px;border:1px solid #183541;padding:15px;display:flex;align-items:end;gap:7px;background:linear-gradient(#55ead508 1px,transparent 1px);background-size:100% 16px}.activity span{flex:1;background:linear-gradient(to top,var(--site-cyan),#538cff);opacity:.55;animation:activity 2.8s ease-in-out infinite}.activity span:nth-child(1){height:25%}.activity span:nth-child(2){height:52%;animation-delay:-.4s}.activity span:nth-child(3){height:38%;animation-delay:-1.2s}.activity span:nth-child(4){height:70%;animation-delay:-.8s}.activity span:nth-child(5){height:48%;animation-delay:-1.5s}.activity span:nth-child(6){height:82%;animation-delay:-.2s}.activity span:nth-child(7){height:54%;animation-delay:-1.8s}.activity span:nth-child(8){height:68%;animation-delay:-.7s}.activity span:nth-child(9){height:35%;animation-delay:-1s}.activity span:nth-child(10){height:76%;animation-delay:-.3s}.activity span:nth-child(11){height:58%;animation-delay:-1.4s}.activity span:nth-child(12){height:88%;animation-delay:-.9s}@keyframes activity{50%{opacity:.9;transform:scaleY(.78)}}.operations-copy>p:not(.eyebrow),.security-copy>p:not(.eyebrow){color:#82969e;line-height:1.8;font-size:15px;max-width:610px}.operations-copy h2,.security-copy h2{font-size:clamp(42px,4.5vw,70px)}.principles{margin-top:42px;border-top:1px solid #1b3541}.principles>div{display:flex;align-items:center;gap:22px;padding:19px 0;border-bottom:1px solid #1b3541}.principles b{color:var(--site-cyan);font:600 10px var(--site-mono)}.principles span,.principles strong,.principles small{display:block}.principles strong{font-size:14px}.principles small{font:500 10px var(--site-mono);color:#5c747e;margin-top:5px}.security{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:linear-gradient(145deg,#07121b,#0a1020);border-top:1px solid #192f3b;border-bottom:1px solid #192f3b;overflow:hidden}.security:after{content:"";position:absolute;width:650px;height:650px;right:-160px;border:1px solid #514c913d;border-radius:50%;box-shadow:0 0 0 100px #243b5e12,0 0 0 200px #243b5e0b}.text-link{border:0;border-bottom:1px solid #2e5c6b;background:none;color:var(--site-cyan);padding:18px 0 10px;margin-top:20px;font:800 9px var(--site-mono);letter-spacing:1.1px}.text-link span{margin-left:18px}.security-layers{position:relative;z-index:2;min-height:440px;display:flex;flex-direction:column;justify-content:center}.layer{height:82px;display:grid;grid-template-columns:50px 1fr 1.4fr;align-items:center;padding:0 24px;border:1px solid #24424f;background:#091721ed;margin-top:-1px;box-shadow:0 16px 35px #0004;transition:.25s}.layer:hover{transform:translateX(-10px);border-color:var(--site-cyan);background:#0c202b}.layer span{color:#536c78;font:600 8px var(--site-mono)}.layer b{color:#d9e5e7;font:700 10px var(--site-mono);letter-spacing:1.3px}.layer small{color:#5d7580;font:600 8px var(--site-mono)}.layer-1{margin-left:0}.layer-2{margin-left:28px}.layer-3{margin-left:56px}.layer-4{margin-left:84px}.process{background:#07111a}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1c3a47}.process-grid article{position:relative;padding:34px 28px 20px;border-right:1px solid #1c3a47;min-height:230px}.process-grid article:last-child{border:0}.process-grid article:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:6px;background:var(--site-cyan);box-shadow:0 0 12px var(--site-cyan)}.process-grid span{color:#536c77;font:700 8px var(--site-mono)}.process-grid h3{font-size:22px;margin:45px 0 14px}.process-grid p{color:#6f858e;line-height:1.7;font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}footer{min-height:150px;padding:34px clamp(24px,5.5vw,92px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#04090e;color:#526a73;font-family:var(--site-mono);border-top:1px solid #142a35}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand>span:last-child,.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:#d5e1e4;font-size:12px;letter-spacing:2px}.footer-brand small{font-size:6px;letter-spacing:1.4px;margin-top:5px}.footer-meta{display:flex;gap:30px;font-size:7px;letter-spacing:.8px}.footer-meta span:last-child{color:#344d58}footer>button{justify-self:end;border:1px solid #243f4a;background:none;color:#7c929b;padding:11px 13px;font:700 8px var(--site-mono)}footer>button:hover{color:var(--site-cyan);border-color:var(--site-cyan)}
.modal-backdrop{display:none!important}::selection{background:#55ead8;color:#041014}button:focus-visible,a:focus-visible{outline:2px solid #55ead8;outline-offset:4px}
@media(max-width:1180px){.desktop-nav{display:none}.topbar{grid-template-columns:1fr auto}.hero{grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);gap:48px}.ops-visual{min-height:520px}.ops-stage{height:395px}.service-grid{grid-template-columns:repeat(2,1fr)}.operations{grid-template-columns:1fr}.operations-console{transform:none;max-width:850px}.operations-copy{max-width:800px}.footer-meta{flex-direction:column;gap:7px}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.ops-visual{max-width:680px;width:100%;margin:15px auto 0}.section-intro{grid-template-columns:1fr;gap:20px}.operations,.security,.contact{grid-template-columns:1fr}.security-layers{max-width:650px}.contact-actions{margin:0;max-width:520px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(-n+2){border-bottom:1px solid #1c3a47}.hero h1,.section h2{letter-spacing:-.045em}.gameboy-shell{width:min(690px,88vw)}footer{grid-template-columns:1fr auto}.footer-meta{display:none}}
@media(max-width:620px){.topbar{height:72px;padding-inline:18px}.brand small{display:none}.brand-mark{width:36px;height:36px}.topbar-actions{gap:6px}.tools-label{display:none}.tools-short{display:inline}.helping-tools summary{padding:10px 9px;font-size:8px;gap:5px}.tools-indicator{width:12px;height:12px}.tools-dropdown{right:-96px;top:calc(100% + 12px);width:min(310px,calc(100vw - 36px))}.tools-dropdown:before{right:112px}.portal-button{padding:10px 11px;font-size:8px}.portal-button b{display:none}.hero{min-height:auto;padding:70px 20px 85px}.hero h1{font-size:clamp(43px,13vw,66px)}.lead{font-size:16px}.actions{flex-direction:column;align-items:stretch}.actions button{width:100%}.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-facts div{padding:0;border:0}.hero-facts div:last-child{grid-column:1/-1}.ops-visual{min-height:470px}.ops-head{padding-inline:12px}.ops-head time{display:none}.ops-stage{height:350px}.data-rail{display:none}.core-ring{left:50%}.core-unit{left:50%;width:96px;height:96px}.ring-a{width:240px;height:240px}.ring-b{width:155px;height:155px}.system-node{min-width:86px;padding:8px}.node-edge{left:4%;top:17%}.node-cloud{right:3%;top:18%}.node-id{right:2%;bottom:14%}.node-data{left:3%;bottom:13%}.telemetry{height:70px}.telemetry div{padding:15px 9px}.trust-rail{justify-content:flex-start;overflow:auto;padding-inline:20px}.section{padding:85px 20px}.section-intro{margin-bottom:45px}.section h2{font-size:clamp(39px,12vw,58px)}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:370px;padding:28px}.console-body{grid-template-columns:1fr}.console-body aside{display:none}.console-main{padding:18px}.console-title>span{display:none}.metric-row{grid-template-columns:1fr}.metric-row>div{min-height:auto}.activity{display:none}.layer{grid-template-columns:40px 1fr;padding:0 16px}.layer small{display:none}.layer-2,.layer-3,.layer-4{margin-left:0}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid #1c3a47}.contact:before{display:none}.contact-actions a{padding:18px}.footer-brand small{display:none}footer{min-height:120px;padding:25px 20px}.gameboy-shell{width:91vw;height:70vh;min-height:480px;padding:16% 7% 0;border-radius:20px 20px 58px 20px}.screen-bezel{height:58%;padding:13% 7% 8% 13%;border-radius:13px 13px 38px 13px}.screen-stripes span{font-size:5px}.boot-word{margin-top:35%;font-size:clamp(28px,11vw,50px);letter-spacing:-3px}.boot-sub{font-size:6px;letter-spacing:3px}.gameboy-logo{margin-top:18px}.boot-led{display:block}.skip{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}.boot-screen{display:none}.reveal{opacity:1;transform:none}}

/* Visual system v6: larger interface typography and a stronger, restrained cyberpunk layer.
   The boot/Gameboy selectors above are intentionally left untouched. */
.topbar,.hero,.section,.trust-rail,footer{
  --site-line:#1c4352;
  --site-line-bright:#3b8294;
  --site-muted:#a9bbc2;
  --site-dim:#718892;
}

.topbar{
  height:96px;
  border-bottom-color:#245363;
  background:
    linear-gradient(90deg,#061019f5 0%,#07131cf2 48%,#08131cf5 100%);
  box-shadow:0 1px 0 #55ead81f,0 18px 55px #0007;
}
.topbar:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:22%;
  height:1px;
  background:linear-gradient(90deg,transparent,#55ead8,#7f6cff,transparent);
  box-shadow:0 0 14px #55ead8;
  animation:navSweep 7s linear infinite;
  pointer-events:none;
}
@keyframes navSweep{from{transform:translateX(-120%)}to{transform:translateX(560%)}}

.brand{font-size:18px;text-shadow:0 0 24px #55ead824}
.brand small{font-size:9px;color:#849aa3;letter-spacing:2.3px}
.brand-mark{
  width:44px;
  height:44px;
  font-size:14px;
  box-shadow:0 0 0 1px #b4fff23d,0 0 34px #55ead84a;
}
.desktop-nav{gap:38px}
.desktop-nav button{
  color:#a1b3ba;
  padding:16px 2px;
  font-size:12px;
  letter-spacing:1.45px;
  text-shadow:0 0 16px #55ead812;
}
.desktop-nav button:hover,.desktop-nav button.active{
  color:#f5ffff;
  text-shadow:0 0 14px #55ead86b;
}
.desktop-nav button:after{height:2px;box-shadow:0 0 10px #55ead8}

.helping-tools summary,.portal-button{
  min-height:48px;
  font-size:11px;
  letter-spacing:1.35px;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
.helping-tools summary{
  padding:14px 17px;
  border-color:#326071;
  color:#afc2c9;
  background:linear-gradient(135deg,#081722,#071119);
}
.helping-tools summary:hover,.helping-tools[open] summary{
  box-shadow:inset 0 0 24px #55ead812,0 0 24px #55ead81a;
}
.tools-indicator{width:17px;height:17px;font-size:13px}
.portal-button{
  padding:14px 19px;
  border-color:#3c7183;
  background:linear-gradient(135deg,#0c1b26,#09141e);
  box-shadow:inset 0 0 25px #55ead80b,0 0 22px #55ead80e;
}
.portal-button:hover{box-shadow:inset 0 0 30px #55ead818,0 0 32px #55ead82d}

.tools-dropdown{
  width:370px;
  padding:15px;
  border-color:#3b7d8f;
  background:linear-gradient(145deg,#07131cf7,#071019f9);
  box-shadow:0 28px 75px #000d,0 0 45px #55ead817;
}
.tools-dropdown>p{font-size:10px;color:#829aa4;margin:3px 8px 13px}
.tools-dropdown a{
  gap:6px;
  padding:18px 48px 18px 17px;
  border-color:#245061;
  background:linear-gradient(100deg,#091a24,#07141d);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
}
.tools-dropdown a:hover{box-shadow:inset 3px 0 #55ead8,0 0 22px #55ead812}
.tools-dropdown .tool-code{font-size:10px;color:#6ef4e2}
.tools-dropdown strong{font-size:16px}
.tools-dropdown small{font-size:12px;color:#91a8b1}
.tools-dropdown a>b{font-size:16px}

.hero{
  min-height:calc(100vh - 96px);
  background:
    linear-gradient(115deg,transparent 0 58%,#7f6cff08 72%,transparent 88%),
    radial-gradient(circle at 76% 42%,#0d3a48 0,transparent 34%),
    radial-gradient(circle at 18% 80%,#1a285f73 0,transparent 30%),
    #050b12;
}
.hero:after{
  content:"SYS://SECURE  ·  ZERO TRUST  ·  LIVE OPERATIONS";
  position:absolute;
  right:18px;
  top:50%;
  z-index:1;
  color:#66eadf73;
  font:700 9px var(--site-mono);
  letter-spacing:2.3px;
  writing-mode:vertical-rl;
  transform:translateY(-50%);
  text-shadow:0 0 10px #55ead866;
}
.hero-grid{
  opacity:.95;
  background:
    linear-gradient(#55ead80e 1px,transparent 1px),
    linear-gradient(90deg,#55ead80e 1px,transparent 1px);
  background-size:46px 46px;
}
.hero-copy:before{
  content:"01";
  position:absolute;
  left:-33px;
  top:6px;
  color:#55ead860;
  font:700 10px var(--site-mono);
  writing-mode:vertical-rl;
  letter-spacing:2px;
}
.eyebrow{font-size:11px;color:#aec0c7;letter-spacing:2.75px}
.hero h1{font-weight:780;text-shadow:0 12px 48px #000b}
.hero h1 em,.section h2 em{filter:drop-shadow(0 0 20px #55ead81f)}
.lead{color:#b8c7cd;font-size:clamp(18px,1.35vw,22px)}
.primary,.secondary{
  min-height:58px;
  padding-inline:26px;
  font-size:12px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.primary{box-shadow:0 0 0 1px #a8fff24a,0 12px 42px #55ead829}
.secondary{border-color:#376172;color:#d2e1e5;background:linear-gradient(135deg,#0a1924,#07131c)}
.hero-facts{border-color:#28505e;padding-top:25px}
.hero-facts div{border-color:#28505e}
.hero-facts strong{font-size:11px;color:#f0f8fa}
.hero-facts small{font-size:12px;color:#829aa4}

.ops-visual{
  border-color:#3a7182;
  background:linear-gradient(145deg,#0b1c28f2,#071019f2);
  box-shadow:0 42px 110px #000b,0 0 50px #55ead814,inset 0 0 95px #061019;
}
.ops-head{height:54px;font-size:10px;color:#a5b8bf;border-color:#285565}
.ops-head time{font-size:9px;color:#6e8993}
.data-rail{font-size:8px;color:#63818c}
.core-unit{box-shadow:0 0 30px #55ead840,0 0 90px #55ead826}
.core-unit small,.core-unit span{font-size:8px}
.system-node{min-width:126px;padding:13px 14px;border-color:#356474;background:#0a1b27ed;box-shadow:0 12px 30px #0008,0 0 20px #55ead80b}
.system-node span{font-size:10px}
.system-node b{font-size:8px;color:#7d98a2}
.telemetry span{font-size:8px;color:#738f99}
.telemetry b{font-size:10px;color:#d2e2e6}

.trust-rail{
  min-height:80px;
  color:#a1b5bd;
  font-size:11px;
  border-color:#275565;
  background:linear-gradient(90deg,#07121b,#0a1721 50%,#07121b);
  box-shadow:inset 0 1px #55ead80d,inset 0 -1px #55ead80d;
}
.trust-rail i{width:6px;height:6px}

.services{
  background:
    radial-gradient(circle at 10% 20%,#55ead80b,transparent 25%),
    radial-gradient(circle at 90% 70%,#7f6cff0e,transparent 26%),
    linear-gradient(180deg,#07131d,#050b12);
}
.service-grid{border-color:#28515f;box-shadow:0 28px 80px #0005}
.service-grid article{
  border-color:#28515f;
  background:linear-gradient(145deg,#081722,#07121b);
  box-shadow:inset 0 0 35px #55ead805;
}
.service-grid article:before{
  content:"";
  position:absolute;
  right:14px;
  top:14px;
  width:18px;
  height:18px;
  border-right:1px solid #55ead875;
  border-top:1px solid #55ead875;
}
.service-grid article:hover{background:linear-gradient(145deg,#0d2430,#091721);box-shadow:inset 0 0 55px #55ead80c,0 0 28px #55ead80c}
.service-code{font-size:10px;color:#7d98a2}
.service-icon{font-size:42px;text-shadow:0 0 30px #55ead880}
.service-grid h3{font-size:27px}
.service-grid p{font-size:16px;color:#a2b4bb}
.service-grid li{font-size:12px;color:#91a7b0;padding-block:8px}

.operations-console{
  border-color:#347083;
  box-shadow:0 40px 100px #000a,0 0 50px #55ead812,inset 0 0 45px #55ead806;
}
.console-top{height:46px;font-size:10px;color:#8da5ae}
.console-body{grid-template-columns:138px 1fr}
.console-body aside span{font-size:10px;color:#718b95;padding:12px}
.console-title small,.console-title>span,.metric-row small{font-size:9px}
.console-title strong{font-size:24px}
.metric-row p{font-size:13px;color:#91a6ae}
.metric-row>div{border-color:#27505f;background:linear-gradient(145deg,#0b1d28,#08151f)}
.operations-copy>p:not(.eyebrow),.security-copy>p:not(.eyebrow){font-size:17px;color:#a4b6bd}
.principles strong{font-size:16px}
.principles small{font-size:12px;color:#8098a2}

.security{
  background:
    linear-gradient(145deg,#07151f,#0b1226),
    #07121b;
}
.security:before{
  content:"SECURITY MATRIX // 03";
  position:absolute;
  left:24px;
  bottom:22px;
  color:#9278ff42;
  font:700 10px var(--site-mono);
  letter-spacing:2px;
}
.text-link{font-size:11px}
.layer{height:92px;border-color:#356172;background:linear-gradient(90deg,#0a1c27f2,#0b1624f2)}
.layer:hover{box-shadow:-5px 0 #55ead8,0 0 35px #55ead817}
.layer span{font-size:10px;color:#7e98a2}
.layer b{font-size:12px}
.layer small{font-size:11px;color:#89a1aa}

.process{background:linear-gradient(180deg,#07131d,#061019)}
.process-grid{border-color:#2a5665}
.process-grid article{border-color:#2a5665}
.process-grid span{font-size:10px}
.process-grid h3{font-size:25px}
.process-grid p{font-size:15px;color:#9bafb7}

.contact{
  background:
    linear-gradient(115deg,#0b2b38,#081722 52%,#171536),
    #08131d;
  box-shadow:inset 0 1px #55ead833,inset 0 -1px #9278ff33;
}
.contact-glow{background:radial-gradient(circle,#7f6cff2b 0,#55ead817 35%,transparent 68%)}
.contact p{font-size:17px;color:#b1c1c7}
.contact-actions a{padding:22px 24px;font-size:12px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.contact-actions small{font-size:12px;color:#8ba4ad}

footer{color:#8098a1;border-color:#26515f}
.footer-brand strong{font-size:14px}
.footer-brand small{font-size:9px}
.footer-meta{font-size:10px}
footer>button{font-size:10px}

@media(max-width:1180px){
  .hero:after{display:none}
}
@media(max-width:620px){
  .topbar{height:80px;padding-inline:16px}
  .brand{font-size:15px;letter-spacing:2px}
  .brand-mark{width:38px;height:38px}
  .helping-tools summary,.portal-button{min-height:42px;font-size:9px;padding:10px}
  .tools-dropdown{width:min(350px,calc(100vw - 28px));right:-92px}
  .tools-dropdown>p,.tools-dropdown .tool-code{font-size:9px}
  .tools-dropdown strong{font-size:15px}
  .tools-dropdown small{font-size:11px}
  .hero{padding-inline:22px}
  .hero-copy:before{display:none}
  .eyebrow{font-size:10px;line-height:1.6}
  .lead{font-size:17px}
  .primary,.secondary{font-size:11px}
  .system-node{min-width:96px;padding:10px}
  .system-node span{font-size:9px}
  .system-node b{font-size:7px}
  .service-grid p{font-size:15px}
  .service-grid li{font-size:11px}
  .metric-row p{font-size:12px}
  .layer{height:86px}
  .layer b{font-size:11px}
  .process-grid p{font-size:15px}
  .footer-brand strong{font-size:13px}
}

/* Gameboy-to-interface handoff v7 */
body.system-locked{overflow:hidden}
body.system-locked .topbar,
body.system-locked .hero-copy,
body.system-locked .ops-visual,
body.system-locked .trust-rail{opacity:0}
body.system-locked .topbar{transform:translateY(-28px)}
body.system-locked .hero-copy{transform:translateY(34px);filter:blur(14px)}
body.system-locked .ops-visual{transform:translateX(45px) scale(.97);filter:blur(12px) brightness(1.8)}
body.system-locked .hero-grid{opacity:0;transform:scaleY(.04)}

.boot-screen.glitching{background:#03080d}
.boot-screen.glitching .gameboy-shell{animation:caseGlitch .38s steps(2,end) both}
.boot-screen.glitching .boot-display{animation:displayGlitch .38s steps(3,end) infinite;box-shadow:inset 0 0 55px #687747,0 0 0 5px #20242d,9px 0 #ff326b,-9px 0 #38f8ff}
.boot-screen.glitching .boot-display:before,
.boot-screen.glitching .boot-display:after{
  content:"";
  position:absolute;
  z-index:4;
  left:-10%;
  right:-10%;
  height:17%;
  pointer-events:none;
  mix-blend-mode:screen;
}
.boot-screen.glitching .boot-display:before{top:23%;background:#ff1f6d88;transform:translateX(9%);animation:glitchSlice .13s steps(2,end) infinite}
.boot-screen.glitching .boot-display:after{bottom:18%;background:#2de9ff80;transform:translateX(-8%);animation:glitchSlice .1s steps(2,end) reverse infinite}
.boot-screen.glitching .boot-word{
  color:#e6fff8;
  text-shadow:-8px 0 #ff226d,8px 0 #22f3ff,0 0 24px #b8ff5b;
  animation:wordGlitch .11s steps(2,end) infinite;
}
.boot-screen.glitching .boot-sub{color:#d8fff8;text-shadow:4px 0 #ff226d,-4px 0 #22f3ff}
.boot-screen.glitching:before{
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  background:
    repeating-linear-gradient(0deg,transparent 0 7px,#55ead82a 8px,#55ead82a 9px),
    linear-gradient(90deg,transparent 0 15%,#ff23701f 15% 31%,transparent 31% 58%,#35edff22 58% 76%,transparent 76%);
  background-size:100% 100%,240% 100%;
  animation:signalTear .12s steps(2,end) infinite;
  pointer-events:none;
}
.boot-screen.glitching:after{
  content:"SIGNAL LOCK // INTERFACE HANDOFF";
  position:absolute;
  z-index:9;
  left:50%;
  top:50%;
  width:min(680px,80vw);
  padding:9px 14px;
  transform:translate(-50%,-50%);
  border-left:2px solid #55ead8;
  border-right:2px solid #9278ff;
  background:#030a10e8;
  color:#dffff9;
  text-align:center;
  font:700 10px var(--site-mono);
  letter-spacing:3px;
  box-shadow:0 0 45px #55ead84a;
  animation:handoffLabel .12s steps(2,end) infinite;
}

.boot-screen.handoff{animation:bootPlaneCollapse 1.32s cubic-bezier(.72,0,.24,1) forwards}
.boot-screen.handoff .gameboy-shell{animation:caseDissolve .68s steps(6,end) forwards}
.boot-screen.handoff:before{animation:scanBurst 1.32s ease-out forwards}
.boot-screen.handoff:after{content:"INFORDAT SYSTEM // ONLINE";animation:onlineLabel 1.32s cubic-bezier(.18,.75,.2,1) forwards}

body.system-booting .topbar{animation:interfaceTopbar .58s cubic-bezier(.2,.85,.2,1) .12s both}
body.system-booting .hero-grid{animation:gridMaterialize .9s steps(8,end) .08s both}
body.system-booting .hero-copy{animation:interfaceCopy .82s cubic-bezier(.16,.9,.2,1) .24s both}
body.system-booting .ops-visual{animation:interfaceConsole .88s cubic-bezier(.16,.85,.18,1) .36s both}
body.system-booting .trust-rail{animation:interfaceRail .55s ease-out .65s both}
body.system-booting .hero:before{animation:heroScan .95s ease-out .08s both}

@keyframes caseGlitch{
  0%{transform:rotateX(1deg) translate(0);filter:none}
  20%{transform:rotateX(1deg) translate(-11px,3px);filter:hue-rotate(75deg) contrast(1.6)}
  40%{transform:rotateX(1deg) translate(13px,-2px);clip-path:inset(7% 0 48%)}
  60%{transform:rotateX(1deg) translate(-5px,1px);clip-path:inset(46% 0 12%)}
  80%{transform:rotateX(1deg) translate(8px);filter:hue-rotate(-65deg) contrast(2)}
  100%{transform:rotateX(1deg) translate(0);clip-path:inset(0)}
}
@keyframes displayGlitch{0%{transform:translateX(0)}33%{transform:translateX(7px) skewX(2deg)}66%{transform:translateX(-8px) skewX(-3deg)}100%{transform:translateX(2px)}}
@keyframes wordGlitch{0%{transform:translate(0)}35%{transform:translate(-7px,2px)}70%{transform:translate(8px,-1px)}100%{transform:translate(-2px)}}
@keyframes glitchSlice{0%{clip-path:inset(0 0 60%)}50%{clip-path:inset(50% 0 0)}100%{clip-path:inset(20% 0 35%)}}
@keyframes signalTear{0%{transform:translateX(0);opacity:.55;background-position:0 0,0 0}50%{transform:translateX(10px);opacity:.9;background-position:0 4px,80% 0}100%{transform:translateX(-7px);opacity:.65;background-position:0 -3px,160% 0}}
@keyframes handoffLabel{50%{transform:translate(-49%,-50%) skewX(-8deg);opacity:.68}}
@keyframes caseDissolve{0%{opacity:1;filter:brightness(1.4)}35%{opacity:.8;filter:brightness(3) saturate(2);clip-path:inset(14% 0 36%)}70%{opacity:.28;filter:brightness(5) blur(2px);clip-path:inset(46% 0 43%)}100%{opacity:0;filter:brightness(8) blur(8px);clip-path:inset(50% 0)}}
@keyframes bootPlaneCollapse{0%{clip-path:inset(0);opacity:1}42%{clip-path:inset(12% 0);opacity:1;background:#050d14}68%{clip-path:inset(31% 0);opacity:1;background:#07131d}84%{clip-path:inset(44% 0);opacity:1;background:#0b2730}94%{clip-path:inset(49.1% 0);opacity:1;background:#55ead8}100%{clip-path:inset(50% 0);opacity:0}}
@keyframes scanBurst{0%{opacity:.9;transform:scaleY(1)}60%{opacity:1;transform:scaleY(.015);filter:brightness(3)}100%{opacity:0;transform:scaleY(0);filter:brightness(6)}}
@keyframes onlineLabel{0%{opacity:0;transform:translate(-50%,-50%) scale(1.35);filter:blur(6px);letter-spacing:6px}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12);filter:blur(0);letter-spacing:4px}55%{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:3px}78%{opacity:1;transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 110px #55ead873;letter-spacing:3.5px}100%{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:blur(1px);letter-spacing:4px}}
@keyframes interfaceTopbar{0%{opacity:0;transform:translateY(-28px);filter:brightness(2) blur(5px)}55%{opacity:1;filter:brightness(2.2) blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes gridMaterialize{0%{opacity:0;transform:scaleY(.03);filter:brightness(4)}45%{opacity:1;transform:scaleY(.03);filter:brightness(3)}100%{opacity:.95;transform:scaleY(1);filter:none}}
@keyframes interfaceCopy{0%{opacity:0;transform:translateY(34px);filter:blur(14px) brightness(2)}35%{opacity:.45;clip-path:inset(42% 0 38%)}65%{opacity:1;clip-path:inset(0);filter:blur(0) brightness(1.8)}100%{opacity:1;transform:none;filter:none}}
@keyframes interfaceConsole{0%{opacity:0;transform:translateX(45px) scale(.97);filter:blur(12px) brightness(2)}38%{opacity:.6;clip-path:inset(0 0 78% 0);filter:blur(1px) brightness(2.8)}70%{opacity:1;clip-path:inset(0);box-shadow:0 0 90px #55ead855}100%{opacity:1;transform:none;filter:none}}
@keyframes interfaceRail{0%{opacity:0;transform:scaleX(.1);filter:brightness(4)}100%{opacity:1;transform:scaleX(1);filter:none}}
@keyframes heroScan{0%{transform:translateY(-45vh);opacity:0}25%{opacity:1;box-shadow:0 0 35px #55ead8}100%{transform:translateY(100vh);opacity:0}}

@media(prefers-reduced-motion:reduce){
  body.system-locked{overflow:auto}
  body.system-locked .topbar,
  body.system-locked .hero-copy,
  body.system-locked .ops-visual,
  body.system-locked .trust-rail,
  body.system-locked .hero-grid{opacity:1;transform:none;filter:none}
  .boot-screen{display:none!important}
}

/* Desktop hero fit v8 */
@media(min-width:1281px){
  .hero{
    grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);
    gap:clamp(44px,5vw,88px);
  }
  .hero h1{
    max-width:100%;
    font-size:clamp(58px,4.85vw,86px);
  }
}
@media(min-width:1101px) and (max-width:1280px){
  .hero{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
    gap:36px;
    padding-inline:40px;
  }
  .hero h1{max-width:100%;font-size:clamp(48px,4.5vw,58px)}
  .ops-visual{min-height:500px}
}
@media(min-width:901px) and (max-width:1100px){
  .hero{grid-template-columns:1fr;gap:58px}
  .hero-copy{max-width:850px}
  .hero h1{max-width:820px;font-size:clamp(58px,7.2vw,76px)}
  .ops-visual{width:100%;max-width:850px;margin-inline:auto}
}

/* Keep the italic INFORDAT wordmark inside the desktop Gameboy display. */
@media(min-width:621px){
  .boot-word{
    padding-inline:16px;
    font-size:clamp(36px,5.7vw,58px);
    letter-spacing:-3px;
  }
}

/* Selectable interface palettes v11 */
html[data-theme="cyan"]{--theme-bg:#050b12;--theme-panel:#09131e;--theme-panel-2:#0c1925;--theme-line:#285565;--theme-accent:#55ead8;--theme-blue:#65a9ff;--theme-violet:#9278ff;--theme-lime:#b8ff5b;--theme-text:#f3f7f8;--theme-muted:#a9bbc2;--theme-dim:#718892}
html[data-theme="magenta"]{--theme-bg:#0c0610;--theme-panel:#170a18;--theme-panel-2:#211026;--theme-line:#71305f;--theme-accent:#ff3bbd;--theme-blue:#37d8ff;--theme-violet:#b34cff;--theme-lime:#ffe45c;--theme-text:#fff4fc;--theme-muted:#d1acc8;--theme-dim:#9d708f}
html[data-theme="violet"]{--theme-bg:#090713;--theme-panel:#120d21;--theme-panel-2:#1b1230;--theme-line:#55417d;--theme-accent:#a970ff;--theme-blue:#6ea8ff;--theme-violet:#e15dff;--theme-lime:#5effe1;--theme-text:#f9f5ff;--theme-muted:#c1b4d6;--theme-dim:#8879a3}
html[data-theme="toxic"]{--theme-bg:#0d1006;--theme-panel:#151a08;--theme-panel-2:#20250c;--theme-line:#69732a;--theme-accent:#eaff36;--theme-blue:#ff9f2f;--theme-violet:#ff5b24;--theme-lime:#fff36a;--theme-text:#fbffe9;--theme-muted:#c7cca0;--theme-dim:#929765}
html[data-theme="light"]{--theme-bg:#eaf2f3;--theme-panel:#f7fbfb;--theme-panel-2:#dce9eb;--theme-line:#7ca4aa;--theme-accent:#087f8c;--theme-blue:#2d69c7;--theme-violet:#7651c9;--theme-lime:#5d8e11;--theme-text:#07151b;--theme-muted:#435e67;--theme-dim:#667f87}

html[data-theme] .topbar,
html[data-theme] .hero,
html[data-theme] .section,
html[data-theme] .trust-rail,
html[data-theme] footer{
  --site-bg:var(--theme-bg);
  --site-panel:var(--theme-panel);
  --site-panel-2:var(--theme-panel-2);
  --site-line:var(--theme-line);
  --site-line-bright:var(--theme-line);
  --site-cyan:var(--theme-accent);
  --site-blue:var(--theme-blue);
  --site-violet:var(--theme-violet);
  --site-lime:var(--theme-lime);
  --site-white:var(--theme-text);
  --site-muted:var(--theme-muted);
  --site-dim:var(--theme-dim);
}
html[data-theme] body{background:var(--theme-bg);color:var(--theme-text);transition:background .35s,color .35s}
html[data-theme] .topbar{background:color-mix(in srgb,var(--theme-bg) 94%,transparent);border-color:var(--theme-line)}
html[data-theme] .topbar:after{background:linear-gradient(90deg,transparent,var(--theme-accent),var(--theme-violet),transparent);box-shadow:0 0 14px var(--theme-accent)}
html[data-theme] .brand-mark{background:linear-gradient(135deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 55%,white));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 35%,transparent),0 0 34px color-mix(in srgb,var(--theme-accent) 35%,transparent)}
html[data-theme] .helping-tools summary,html[data-theme] .theme-picker summary,html[data-theme] .portal-button{background:linear-gradient(135deg,var(--theme-panel-2),var(--theme-panel));border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme] .tools-dropdown,html[data-theme] .theme-menu{background:color-mix(in srgb,var(--theme-panel) 96%,transparent);border-color:var(--theme-line)}
html[data-theme] .tools-dropdown a,html[data-theme] .theme-menu button{background:linear-gradient(100deg,var(--theme-panel-2),var(--theme-panel));border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme] .hero{background:radial-gradient(circle at 76% 42%,color-mix(in srgb,var(--theme-accent) 18%,var(--theme-bg)) 0,transparent 34%),radial-gradient(circle at 18% 80%,color-mix(in srgb,var(--theme-violet) 16%,transparent) 0,transparent 30%),var(--theme-bg)}
html[data-theme] .hero-grid{background:linear-gradient(color-mix(in srgb,var(--theme-accent) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 9%,transparent) 1px,transparent 1px);background-size:52px 52px}
html[data-theme] .ops-visual,html[data-theme] .operations-console{background:linear-gradient(145deg,var(--theme-panel-2),var(--theme-panel));border-color:var(--theme-line)}
html[data-theme] .ops-stage{background:linear-gradient(color-mix(in srgb,var(--theme-accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 7%,transparent) 1px,transparent 1px),radial-gradient(circle at 55% 52%,color-mix(in srgb,var(--theme-accent) 18%,var(--theme-panel)),transparent 42%);background-size:34px 34px,34px 34px,auto}
html[data-theme] .trust-rail,html[data-theme] .services,html[data-theme] .process{background:linear-gradient(180deg,var(--theme-panel),var(--theme-bg));border-color:var(--theme-line)}
html[data-theme] .service-grid article,html[data-theme] .metric-row>div{background:linear-gradient(145deg,var(--theme-panel-2),var(--theme-panel));border-color:var(--theme-line)}
html[data-theme] .operations{background:var(--theme-bg)}
html[data-theme] .security{background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-violet) 12%,var(--theme-bg)))}
html[data-theme] .layer{background:linear-gradient(90deg,var(--theme-panel-2),var(--theme-panel));border-color:var(--theme-line)}
html[data-theme] .contact{background:linear-gradient(115deg,color-mix(in srgb,var(--theme-accent) 14%,var(--theme-panel)),var(--theme-panel) 52%,color-mix(in srgb,var(--theme-violet) 16%,var(--theme-bg)))}
html[data-theme] footer{background:color-mix(in srgb,var(--theme-bg) 94%,black);border-color:var(--theme-line)}

.theme-picker{position:relative}
.theme-picker summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 14px;border:1px solid #326071;cursor:pointer;font:700 11px var(--site-mono);letter-spacing:1.25px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-swatch{display:flex;width:25px;height:15px;overflow:hidden;border:1px solid var(--theme-line)}
.theme-swatch i{flex:1;background:var(--theme-accent)}
.theme-swatch i:nth-child(2){background:var(--theme-violet)}
.theme-swatch i:nth-child(3){background:var(--theme-lime)}
.theme-menu{position:absolute;right:0;top:calc(100% + 13px);width:330px;padding:14px;border:1px solid var(--theme-line);box-shadow:0 28px 75px #000b,0 0 40px color-mix(in srgb,var(--theme-accent) 15%,transparent);backdrop-filter:blur(18px)}
.theme-menu>p{margin:3px 7px 12px;color:var(--theme-dim);font:700 9px var(--site-mono);letter-spacing:1.4px}
.theme-menu button{position:relative;width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 12px;align-items:center;padding:13px;text-align:left;border:1px solid var(--theme-line);cursor:pointer;transition:.2s}
.theme-menu button+button{margin-top:7px}
.theme-menu button:hover,.theme-menu button[aria-pressed="true"]{border-color:var(--theme-accent);box-shadow:inset 3px 0 var(--theme-accent);transform:translateX(-3px)}
.palette{grid-row:1/3;width:38px;height:28px;border:1px solid #ffffff35;background:linear-gradient(135deg,#55ead8 0 34%,#9278ff 34% 67%,#b8ff5b 67%)}
.palette.magenta{background:linear-gradient(135deg,#ff3bbd 0 34%,#b34cff 34% 67%,#37d8ff 67%)}
.palette.violet{background:linear-gradient(135deg,#a970ff 0 34%,#e15dff 34% 67%,#5effe1 67%)}
.palette.toxic{background:linear-gradient(135deg,#eaff36 0 34%,#ff9f2f 34% 67%,#ff5b24 67%)}
.palette.light{background:linear-gradient(135deg,#f7fbfb 0 34%,#087f8c 34% 67%,#7651c9 67%)}
.theme-menu b{font:750 14px var(--site-sans)}
.theme-menu small{color:var(--theme-muted);font:600 10px var(--site-mono)}

html[data-theme="light"] .topbar,html[data-theme="light"] footer{box-shadow:0 12px 35px #1538421f}
html[data-theme="light"] .hero-noise{opacity:.08}
html[data-theme="light"] .hero h1,html[data-theme="light"] .section h2{color:#07151b;text-shadow:none}
html[data-theme="light"] .lead,html[data-theme="light"] .section-intro>p,html[data-theme="light"] .service-grid p,html[data-theme="light"] .operations-copy>p:not(.eyebrow),html[data-theme="light"] .security-copy>p:not(.eyebrow),html[data-theme="light"] .process-grid p,html[data-theme="light"] .contact p{color:#435e67}
html[data-theme="light"] .ops-visual,html[data-theme="light"] .operations-console,html[data-theme="light"] .service-grid{box-shadow:0 28px 65px #1538421f}
html[data-theme="light"] .system-node,html[data-theme="light"] .core-unit{background:#f2f9f9e8}
html[data-theme="light"] .system-node span,html[data-theme="light"] .core-unit strong{color:#075f6a}
html[data-theme="light"] .metric-row p,html[data-theme="light"] .principles small,html[data-theme="light"] .layer small{color:#526e76}
html[data-theme="light"] .desktop-nav button{color:#3c5962}
html[data-theme="light"] .desktop-nav button:hover,html[data-theme="light"] .desktop-nav button.active{color:#07151b}
html[data-theme="light"] .hero-facts strong,html[data-theme="light"] .telemetry b,html[data-theme="light"] .layer b,html[data-theme="light"] .footer-brand strong{color:#18343d}
html[data-theme="light"] .trust-rail{color:#435e67}
html[data-theme="light"] .secondary,html[data-theme="light"] .contact-secondary{background:#f7fbfbcc;color:#17343d;border-color:#7ca4aa}
html[data-theme="light"] .secondary:hover,html[data-theme="light"] .contact-secondary:hover{background:#fff;color:#07151b}

@media(max-width:1380px){.theme-label{display:none}.theme-picker summary{padding-inline:11px}}
@media(max-width:620px){.theme-picker summary{min-height:42px;padding:9px}.theme-swatch{width:20px;height:14px}.theme-menu{right:-145px;width:min(330px,calc(100vw - 28px))}}
@media(max-width:430px){.brand>span:last-child{display:none}.topbar-actions{gap:4px}}

/* Cyber-glyph hover labels v12 */
.cyber-label{position:relative;display:inline-block;isolation:isolate;white-space:nowrap;transition:color .08s,text-shadow .08s,filter .08s}
.cyber-label:after{content:attr(data-cyber);position:absolute;z-index:2;left:50%;top:50%;min-width:100%;transform:translate(-50%,-50%) skewX(-7deg);color:var(--theme-accent);font-family:var(--site-mono);font-size:1em;font-weight:900;line-height:1;letter-spacing:.055em;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:-1px 0 var(--theme-violet),1px 0 var(--theme-blue),0 0 6px var(--theme-accent),0 0 12px color-mix(in srgb,var(--theme-accent) 52%,transparent)}
.desktop-nav button:hover .cyber-label,.theme-picker summary:hover .cyber-label,.helping-tools summary:hover .cyber-label,.portal-button:hover .cyber-label,.tools-dropdown a:hover .cyber-label,.theme-menu button:hover .cyber-label{color:transparent;text-shadow:none}
.desktop-nav button:hover .cyber-label:after,.theme-picker summary:hover .cyber-label:after,.helping-tools summary:hover .cyber-label:after,.portal-button:hover .cyber-label:after,.tools-dropdown a:hover .cyber-label:after,.theme-menu button:hover .cyber-label:after{opacity:1;animation:cyberGlyphShift .34s steps(4,end) 1 both}
@keyframes cyberGlyphShift{0%{transform:translate(calc(-50% - 2px),calc(-50% + 1px)) skewX(-10deg);clip-path:inset(0 0 58% 0)}25%{transform:translate(calc(-50% + 2px),calc(-50% - 1px)) skewX(7deg);clip-path:inset(45% 0 8% 0)}50%{transform:translate(calc(-50% - 1px),-50%) skewX(-5deg);clip-path:inset(8% 0 30% 0)}75%{transform:translate(-50%,-50%) skewX(-7deg);clip-path:inset(0)}100%{transform:translate(-50%,-50%) skewX(-7deg);clip-path:inset(0)}}
html[data-theme="light"] .cyber-label:after{text-shadow:-2px 0 var(--theme-violet),2px 0 var(--theme-blue),0 0 8px #ffffff}
@media(hover:none){.cyber-label:after{display:none}.desktop-nav button:hover .cyber-label,.theme-picker summary:hover .cyber-label,.helping-tools summary:hover .cyber-label,.portal-button:hover .cyber-label,.tools-dropdown a:hover .cyber-label,.theme-menu button:hover .cyber-label{color:inherit}}
.tools-dropdown small{display:none}
@media(prefers-reduced-motion:reduce){.cyber-label:after{animation:none!important;transform:translate(-50%,-50%)}}

/* Living circuit-energy background v14 */
.energy-field{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;pointer-events:none;opacity:.74;mix-blend-mode:screen;filter:saturate(1.2)}
main{position:relative;z-index:1}
html[data-theme] .hero{background:radial-gradient(circle at 76% 42%,color-mix(in srgb,var(--theme-accent) 15%,transparent) 0,transparent 34%),radial-gradient(circle at 18% 80%,color-mix(in srgb,var(--theme-violet) 13%,transparent) 0,transparent 30%),color-mix(in srgb,var(--theme-bg) 87%,transparent)}
html[data-theme] .trust-rail,html[data-theme] .services,html[data-theme] .process{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 91%,transparent),color-mix(in srgb,var(--theme-bg) 88%,transparent))}
html[data-theme] .operations{background:color-mix(in srgb,var(--theme-bg) 89%,transparent)}
html[data-theme] .security{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 92%,transparent),color-mix(in srgb,var(--theme-violet) 11%,color-mix(in srgb,var(--theme-bg) 88%,transparent)))}
html[data-theme] .contact{background:linear-gradient(115deg,color-mix(in srgb,var(--theme-accent) 12%,color-mix(in srgb,var(--theme-panel) 90%,transparent)),color-mix(in srgb,var(--theme-panel) 90%,transparent) 52%,color-mix(in srgb,var(--theme-violet) 14%,color-mix(in srgb,var(--theme-bg) 88%,transparent)))}
html[data-theme] footer{background:color-mix(in srgb,var(--theme-bg) 91%,transparent)}
html[data-theme="light"] .energy-field{opacity:.3;mix-blend-mode:multiply;filter:saturate(.95)}
@media(max-width:700px){.energy-field{opacity:.48}}
@media(prefers-reduced-motion:reduce){.energy-field{opacity:.34}}

/* Complete, overflow-safe mobile navigation v15 */
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;width:48px;height:48px;padding:14px 13px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--theme-line);background:linear-gradient(135deg,var(--theme-panel-2),var(--theme-panel));cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary i{display:block;width:20px;height:1px;background:var(--theme-accent);box-shadow:0 0 7px color-mix(in srgb,var(--theme-accent) 70%,transparent);transition:transform .22s,opacity .22s}
.mobile-menu[open] summary i:first-child{transform:translateY(6px) rotate(45deg)}
.mobile-menu[open] summary i:nth-child(2){opacity:0}
.mobile-menu[open] summary i:last-child{transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-panel{position:fixed;z-index:60;top:88px;left:18px;right:18px;padding:15px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel) 97%,transparent);box-shadow:0 28px 75px #000d,0 0 45px color-mix(in srgb,var(--theme-accent) 18%,transparent);backdrop-filter:blur(20px)}
.mobile-menu-panel>p{margin:3px 8px 13px;color:var(--theme-dim);font:700 9px var(--site-mono);letter-spacing:1.5px}
.mobile-menu-panel button{position:relative;width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 12px;padding:16px;text-align:left;color:var(--theme-text);border:1px solid var(--theme-line);background:linear-gradient(100deg,var(--theme-panel-2),var(--theme-panel))}
.mobile-menu-panel button+button{margin-top:7px}
.mobile-menu-panel button>span{grid-row:1/3;align-self:center;color:var(--theme-accent);font:800 10px var(--site-mono)}
.mobile-menu-panel b{font:750 16px var(--site-sans)}
.mobile-menu-panel small{color:var(--theme-muted);font:600 10px var(--site-mono)}
@media(max-width:1180px){.mobile-menu{display:block}}
@media(max-width:620px){
  .topbar{height:80px;padding-inline:14px;grid-template-columns:auto minmax(0,1fr);gap:8px;overflow:visible}
  .topbar-actions{min-width:0;gap:5px}
  .mobile-menu summary{width:42px;height:42px;padding:11px}
  .theme-label.cyber-label,.tools-label.cyber-label{display:none}
  .tools-short.cyber-label{display:inline-block}
  .theme-picker summary{width:42px;justify-content:center}
  .helping-tools summary{min-width:54px;justify-content:center}
  .portal-button{min-height:42px;padding-inline:9px;gap:7px}
  .mobile-menu-panel,.theme-menu,.tools-dropdown{position:fixed;top:80px;left:14px;right:14px;width:auto;max-height:calc(100vh - 94px);overflow:auto}
}
@media(max-width:430px){
  .topbar{padding-inline:12px;gap:6px}
  .brand-mark{width:36px;height:36px}
  .topbar-actions{gap:4px}
  .tools-short.cyber-label{display:none}
  .helping-tools summary{width:42px;min-width:42px;padding:9px}
  .portal-label{font-size:0}
  .portal-label:before{content:"PORTAL";font:800 8px var(--site-mono);letter-spacing:.8px}
  .portal-button{padding-inline:8px}
  .mobile-menu-panel,.theme-menu,.tools-dropdown{left:10px;right:10px}
}

/* Flag language selector and three-language layout v16 */
.language-picker{position:relative}
.language-picker summary{list-style:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--theme-line);background:linear-gradient(135deg,var(--theme-panel-2),var(--theme-panel));cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:border-color .2s,box-shadow .2s}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{border-color:var(--theme-accent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--theme-accent) 12%,transparent),0 0 24px color-mix(in srgb,var(--theme-accent) 14%,transparent)}
.active-flag{font-size:21px;line-height:1;filter:saturate(1.1);text-shadow:0 0 10px color-mix(in srgb,var(--theme-accent) 35%,transparent)}
.language-menu{position:absolute;right:0;top:calc(100% + 13px);width:285px;padding:14px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel) 97%,transparent);box-shadow:0 28px 75px #000d,0 0 40px color-mix(in srgb,var(--theme-accent) 15%,transparent);backdrop-filter:blur(20px)}
.language-menu>p{margin:3px 7px 12px;color:var(--theme-dim);font:700 9px var(--site-mono);letter-spacing:1.4px}
.language-menu button{width:100%;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 11px;align-items:center;padding:12px;text-align:left;color:var(--theme-text);border:1px solid var(--theme-line);background:linear-gradient(100deg,var(--theme-panel-2),var(--theme-panel));cursor:pointer;transition:.2s}
.language-menu button+button{margin-top:7px}
.language-menu button:hover,.language-menu button[aria-pressed="true"]{border-color:var(--theme-accent);box-shadow:inset 3px 0 var(--theme-accent);transform:translateX(-3px)}
.language-menu button>span{grid-row:1/3;font-size:22px;line-height:1}
.language-menu b{font:750 14px var(--site-sans)}
.language-menu small{color:var(--theme-muted);font:600 9px var(--site-mono)}
@media(max-width:620px){
  .brand>span:last-child{display:none}
  .topbar-actions{gap:4px}
  .mobile-menu summary,.theme-picker summary,.language-picker summary{width:40px;height:40px;min-height:40px}
  .helping-tools summary{width:40px;min-width:40px;min-height:40px;padding:8px}
  .tools-short.cyber-label{display:none}
  .portal-label{font-size:0}
  .portal-label:before{content:"PORTAL";font:800 8px var(--site-mono);letter-spacing:.7px}
  .portal-button{min-height:40px;padding-inline:7px}
  .language-menu{position:fixed;top:80px;left:14px;right:14px;width:auto;max-height:calc(100vh - 94px);overflow:auto}
}
@media(max-width:430px){.language-menu{left:10px;right:10px}}