@font-face{font-family:"InterLocal";src:url("fonts/Inter-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"InterDisplayLocal";src:url("fonts/InterDisplay-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"InterDisplayLocal";src:url("fonts/InterDisplay-ExtraBold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"NotoMonoLocal";src:url("fonts/NotoSansMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"NotoMonoLocal";src:url("fonts/NotoSansMono-SemiCondensedBold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#030806;--surface:#07100c;--surface2:#0b1610;--line:#203b2c;--line-dim:#15261c;--green:#9cffb7;--green-hot:#6bffa2;--muted:#7d9685;--white:#e8f6eb;--red:#ff3554;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030806;color:var(--white);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit} [hidden]{display:none!important}
.ambient-grid,.ambient-noise,.screen-flicker,.screen-edge{pointer-events:none;position:fixed;inset:0;z-index:0}.ambient-grid{background-image:linear-gradient(rgba(92,183,117,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(92,183,117,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent)}.ambient-noise{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' seed='14' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.screen-edge{box-shadow:inset 0 0 170px rgba(0,0,0,.72);background:radial-gradient(ellipse at 78% 33%,rgba(39,101,62,.14),transparent 45%),radial-gradient(ellipse at 9% 57%,rgba(28,75,46,.1),transparent 50%)}.screen-flicker{opacity:.15;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.24) 4px,transparent 5px)}.world-coordinates{position:fixed;right:7px;top:45%;transform:rotate(90deg) translateX(50%);transform-origin:right top;font:9px var(--mono);letter-spacing:2px;color:#345a42;pointer-events:none;z-index:1}
.site-frame{position:relative;z-index:2;max-width:1480px;width:calc(100% - 112px);margin:auto;min-height:100vh;display:flex;flex-direction:column}.masthead{padding:30px 0 21px;display:flex;gap:20px;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none}.logo-box{width:45px;height:45px;border:1px solid #579469;display:grid;place-items:center;color:var(--green);position:relative;background:#0b1a11;box-shadow:inset 0 0 18px #2048305c}.logo-box:before,.logo-box:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--green)}.logo-box:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.logo-box:after{right:-3px;bottom:-3px;border-left:0;border-top:0}.logo-box span{font:700 29px var(--mono);transform:skew(-10deg)}.logo-box i{position:absolute;bottom:5px;right:5px;width:4px;height:4px;background:#7dffae}.brandlines strong{display:block;font:800 16px/1.2 var(--mono);letter-spacing:1.7px}.brand-dot{color:var(--green)}.brandlines small{display:block;margin-top:7px;color:#729482;font:700 9px var(--mono);letter-spacing:2.2px}.brandlines b{color:#4cff93}.mast-status{display:flex;align-items:center;gap:13px;font:700 10px var(--mono);letter-spacing:1.2px;color:#aec4b3}.system-led,.mini-led,.signal-dot{display:inline-block;width:7px;height:7px;background:var(--green-hot);border-radius:50%;box-shadow:0 0 12px var(--green-hot);animation:led 2.3s ease-in-out infinite}.mast-divider{height:14px;width:1px;background:#31513b}.sound-toggle{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:40px;color:#a9c4b0;border:1px solid #2b4a34;background:#0b1710;letter-spacing:1px;font:700 10px var(--mono);transition:.2s}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{background:#133422;color:#b5ffd0;border-color:#3b8f59}.audio-icon{font-size:20px;line-height:15px}.top-rule{height:38px;border-top:1px solid #32513b;border-bottom:1px solid #253c2c;display:flex;justify-content:space-between;align-items:center;color:#799983;font:700 10px var(--mono);letter-spacing:1.8px}.top-rule b{color:#a7d4b2}.main-stage{flex:1}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);min-height:335px;padding:36px 0 22px;position:relative;overflow:hidden}.hero-left{position:relative;z-index:2}.classification{display:flex;align-items:center;gap:10px;color:#a4cdad;font:700 10px var(--mono);letter-spacing:2.2px;margin:9px 0 22px}.class-dot{height:7px;width:7px;background:var(--green-hot);box-shadow:0 0 10px #58f98e}.class-line{height:1px;width:53px;background:#365a3f}.hero h1{font-size:clamp(58px,7.8vw,122px);font-weight:850;line-height:.85;letter-spacing:-.092em;margin:0;max-width:880px;text-transform:uppercase;color:#f2fff4;text-shadow:0 10px 52px #010604}.headline-break{display:block}.hero h1 em{display:block;font-weight:750;letter-spacing:-.088em;color:var(--green);font-style:normal}.cursor{display:inline-block;vertical-align:baseline;animation:blink 1s step-end infinite;color:#baffcc}.hero-bottom{display:flex;gap:12px;align-items:center;margin-top:33px}.corner-plus{font-size:18px;color:#7effad}.hero-bottom p{font:500 13px/1.65 var(--mono);color:#93b49d;margin:0}.hero-bottom strong{font-weight:600;color:#d5e8d9}.orbit-wrap{width:310px;height:310px;justify-self:end;position:relative;align-self:center;margin-right:10px;opacity:.85}.orbit{position:absolute;inset:16px;border-radius:50%;border:1px solid #386b4a}.orbit-one{inset:25px;border-style:dashed;opacity:.64;animation:rotate 70s linear infinite}.orbit-two{inset:66px;border-color:#3e8355;box-shadow:0 0 60px #153f2360,inset 0 0 45px #19432b44}.orbit-three{inset:0;border:1px solid #31593e6e}.orbital-arc{position:absolute;inset:2px;border-radius:50%;border:2px solid transparent;border-top-color:#84fca5;border-right-color:#438d59;animation:rotate 13s linear infinite;box-shadow:0 0 14px #5fff9640}.radar-sweep{position:absolute;inset:27px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 295deg,rgba(116,255,155,.09) 355deg,rgba(116,255,155,.28) 360deg);animation:rotate 7s linear infinite;mask-image:radial-gradient(circle,transparent 22%,black 23%,black 100%)}.orbit-cross{position:absolute;background:#376546}.cross-vert{width:1px;height:100%;left:50%}.cross-horiz{width:100%;height:1px;top:50%}.orbit-core{position:absolute;inset:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#09170f;border:1px solid #467a53;box-shadow:0 0 40px #327a4533}.orbit-core span{font:750 48px/1 var(--mono);color:#adffc3}.orbit-core small{font:700 8px var(--mono);color:#6fb88a;letter-spacing:1px}.orbit-tag{position:absolute;padding:6px 8px;background:#09160c;color:#8ed9a2;font:700 9px var(--mono);letter-spacing:.6px;border:1px solid #234a2e}.orbit-tag-a{top:13px;right:-12px}.orbit-tag-b{bottom:29px;left:-15px}
.interface-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:20px}.console-card,.gateway-card{background:linear-gradient(170deg,rgba(12,23,16,.92),rgba(4,11,7,.94));border:1px solid #2a5035;position:relative;min-width:0;box-shadow:0 20px 80px #0009}.console-card:before,.gateway-card:before{content:"";position:absolute;top:-1px;left:-1px;width:18px;height:18px;border-top:2px solid var(--green);border-left:2px solid var(--green)}.console-card:after,.gateway-card:after{content:"";position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;border-right:2px solid #67d887;border-bottom:2px solid #67d887}.card-head{height:48px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #213c2a;color:#abceb4;font:700 10px var(--mono);letter-spacing:1.1px}.card-label{display:flex;align-items:center;gap:9px}.tiny-square{width:7px;height:7px;display:inline-block;background:#87ed9e}.card-muted{color:#547965}.head-dots{display:flex;gap:6px}.head-dots i{width:6px;height:6px;border:1px solid #4d7057;border-radius:50%}.terminal-monitor{margin:17px 17px 0;border:1px solid #1d412b;background:radial-gradient(ellipse at 40% 0%,#16432830,transparent 70%),#030b06;min-height:314px;overflow:hidden;position:relative}.terminal-monitor:after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000040 4px 5px);opacity:.19}.terminal-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #183824;font:600 10px var(--mono);color:#729b7f}.terminal-meta strong{color:#b1e8c0}.terminal-badge{white-space:nowrap;color:#9feebb;font-size:9px}.terminal-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#78fbad;vertical-align:middle;margin-right:5px;animation:led 2s infinite}.terminal-screen{padding:15px 14px 7px;font:500 11px/1.8 var(--mono);height:247px;overflow:hidden;color:#b0daba}.term-row{display:grid;grid-template-columns:53px 1fr auto;gap:8px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #14301b66;padding:2px 0}.term-row .term-time{color:#578b66}.term-row .term-message{overflow:hidden;text-overflow:ellipsis}.term-row .term-check{color:#6cd98d}.term-row.warn .term-check{color:#c8b36e}.term-row.flash{animation:rowIn .4s ease-out}.command-line{display:flex;align-items:center;gap:8px;padding:6px 14px 13px;color:#8bebb1;font:600 11px var(--mono)}.command-cursor{height:13px;width:7px;background:#84fbaa;animation:blink 1s steps(1) infinite}.console-footer{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px;color:#759780;font:700 9px var(--mono);letter-spacing:.6px}.console-footer b{color:#ccf5d7}.mini-led{width:5px;height:5px;margin-right:5px;vertical-align:middle}.gateway-state{display:flex;align-items:center;gap:7px;color:#ceaa8b;font:700 10px var(--mono)}.gateway-body{padding:27px 31px 24px}.section-overline{color:#7ba58b;font:700 10px var(--mono);letter-spacing:1.3px}.gateway-body h2{font-size:clamp(29px,3.5vw,45px);line-height:1.05;letter-spacing:-2px;margin:12px 0 11px;white-space:nowrap;font-weight:800}.gateway-body h2 span{color:var(--green)}.key-explainer{font:500 12px var(--mono);color:#829b89;display:flex;align-items:center;gap:9px}.small-dash{height:1px;width:19px;background:#82b991}.gateway-measures{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #203e2a;margin:22px 0 24px;background:#0c1a11}.gateway-measures>div{padding:12px 14px;border-right:1px solid #203e2a}.gateway-measures>div:last-child{border-right:0}.gateway-measures small{font:700 9px var(--mono);letter-spacing:1.1px;color:#63876e}.gateway-measures strong{display:block;font:700 12px var(--mono);margin-top:7px;white-space:nowrap;color:#b8ecc6}.gateway-measures>div:last-child strong{color:#e2aa8e}form label{display:block;font:700 10px var(--mono);letter-spacing:1.25px;margin-bottom:11px;color:#c3d7c9}form label span{color:#7f9b88}.input-group{height:55px;border:1px solid #3d7850;background:#06120a;display:flex;align-items:center;padding:0 13px;gap:11px;transition:border-color .2s,box-shadow .2s}.input-group:focus-within{border-color:#8effb3;box-shadow:0 0 0 3px #80ff9b1b}.angle{color:#8afaad;font:750 17px var(--mono)}.input-group input{color:#f0fff4;flex:1;min-width:0;border:0;background:transparent;outline:0;font:600 15px var(--mono);letter-spacing:.8px}.input-group input::placeholder{color:#567a5f;letter-spacing:3px}.reveal-key{color:#9ec7ab;background:none;border:none;font:700 10px var(--mono);padding:9px 0}.reveal-key:hover{color:white}.field-error{margin:7px 0 9px;color:#ff8d96;font:12px var(--mono);min-height:18px}.authenticate{width:100%;height:54px;border:1px solid #acffc1;background:linear-gradient(115deg,#8cffa9,#afffbe 50%,#7afb9e);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#05120a;font:900 14px var(--mono);letter-spacing:2px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.authenticate:before{content:"";position:absolute;inset:0;transform:translateX(-140%);background:linear-gradient(115deg,transparent 35%,#fff7 50%,transparent 65%);animation:shine 4s infinite}.authenticate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 40px #6dfb8d4f}.authenticate:disabled{opacity:.65;cursor:wait}.authenticate span{position:relative}.auth-bracket{opacity:.35}.auth-arrow{margin-left:auto;margin-right:23px;font-size:22px}.gate-foot{display:flex;justify-content:space-between;color:#5f816a;font:700 9px var(--mono);letter-spacing:.7px;margin-top:21px}.gate-foot i{display:inline-block;width:5px;height:5px;background:#88c69a;border-radius:50%;vertical-align:middle;margin-right:4px}.bottom-metrics{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#55775f;font:700 10px var(--mono);letter-spacing:1px;padding:24px 0 25px;border-bottom:1px solid #25422f}.bottom-metrics strong{color:#89b79a}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:79px;color:#66836e;font:700 10px var(--mono);letter-spacing:.7px}.footer .foot-separator{color:#3a6046;margin:0 6px}.footer a{text-decoration:none;color:#9dc9a5;border-bottom:1px solid #4c7754;padding:7px 0}.footer a:hover{color:#daffe4}.footer a span{margin-left:5px}
/* Alarm: a full-screen cinematic sequence, not a small modal. */
body.modal-open{overflow:hidden}body.modal-open .site-frame{filter:blur(2px)}.alert-overlay{position:fixed;inset:0;z-index:80;background:#150306;color:#fff;display:flex;flex-direction:column;isolation:isolate;overflow:auto}.alert-grid,.alert-noise,.alert-scan,.alert-vignette,.red-flash{position:absolute;inset:0;pointer-events:none}.alert-grid{z-index:-3;background-image:linear-gradient(#ff355413 1px,transparent 1px),linear-gradient(90deg,#ff355416 1px,transparent 1px);background-size:48px 48px;animation:gridShift 10s linear infinite}.alert-noise{z-index:-2;opacity:.2;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ff2c3c13 4px,transparent 5px)}.alert-vignette{z-index:-1;background:radial-gradient(ellipse at 50% 42%,#6c122425,transparent 48%),radial-gradient(ellipse at 50% 50%,transparent 20%,#020001db 100%)}.alert-scan{z-index:-1;background:linear-gradient(180deg,transparent,#ff496610,transparent);height:25%;animation:alertScan 3s linear infinite}.red-flash{z-index:5;background:#f92345;animation:flashOpen .55s linear 1 forwards;opacity:0}.alert-chrome,.alert-bottom{padding:21px max(30px,5vw);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#db6674;font:700 10px var(--mono);letter-spacing:1.5px;position:relative;z-index:1}.alert-chrome{border-bottom:1px solid #ff405033}.alert-chrome b{color:#ffb1b9}.signal-dot{height:8px;width:8px;background:#ff4864;box-shadow:0 0 13px #ff4864;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:5px;animation:led .7s infinite}.alert-body{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 26px 25px;position:relative;z-index:2;outline:none}.alarm-phase,.reveal-phase{max-width:860px;width:100%;text-align:center}.warning-emblem{height:105px;width:105px;margin:0 auto 26px;position:relative;color:#ff4b62;display:grid;place-items:center;filter:drop-shadow(0 0 23px #ff2a4a88)}.warning-emblem svg{height:78px;width:78px}.warning-ring{position:absolute;border:1px solid #ee3c526b;inset:0;border-radius:50%;animation:warningPulse 1.6s infinite}.ring-b{inset:-15px;opacity:.45;animation-delay:.7s}.alert-kicker{font:700 11px var(--mono);letter-spacing:3px;color:#ff7a8c;margin-bottom:17px}.alert-title{font-size:clamp(47px,8.5vw,104px);letter-spacing:-.08em;line-height:.91;font-weight:950;margin:0;color:#fff;text-shadow:0 0 60px #ff355488;position:relative}.alert-title span{display:block;color:#ff3d5b}.alert-translation{font:800 clamp(12px,1.4vw,17px) var(--mono);letter-spacing:2.3px;color:#ffc6cf;margin-top:25px}.alert-sub{font:500 12px/1.7 var(--mono);color:#bf8290;margin:16px auto 27px;max-width:640px;min-height:22px}.trace-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#6a1c2a;border:1px solid #64202b;max-width:700px;margin:0 auto 25px;text-align:left}.trace-stats>div{background:#1e090e;padding:14px 17px}.trace-stats small{display:block;color:#a45b69;font:700 10px var(--mono);letter-spacing:1.8px;margin-bottom:7px}.trace-stats strong{color:#ffe4e9;font:700 13px var(--mono);overflow-wrap:anywhere}.scan-status{max-width:700px;margin:0 auto 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 10px var(--mono);letter-spacing:1.2px;color:#ff8999}.scan-status b{color:#ffe0e4;font-size:16px}.scan-progress{position:relative;height:8px;max-width:700px;margin:0 auto;background:#3d1019;border:1px solid #63242c;overflow:hidden}.scan-progress>div{height:100%;width:0;background:linear-gradient(90deg,#e52146,#ff425e,#ffb6bd);box-shadow:0 0 15px #f4314b;transition:width .13s linear}.scan-progress>span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,#130509bb 14px 16px)}.alert-footline{max-width:700px;margin:14px auto 0;display:flex;justify-content:space-between;gap:15px;color:#895462;font:700 10px var(--mono);letter-spacing:1px}.alert-bottom{border-top:1px solid #ff40502c;padding-top:14px;padding-bottom:14px;font-size:9px}.flashing-bottom{animation:led 1s infinite}.alert-overlay.phase-critical .alert-title{animation:microShake 2.2s infinite}.alert-overlay.phase-critical .warning-emblem{animation:microShake 1s infinite}.alert-overlay.phase-final .alert-title{color:#fff7f8;text-shadow:0 0 55px #ff3e5eb9}.alert-overlay.phase-final .warning-ring{animation-duration:.6s}
.reveal-phase .reveal-symbol{height:94px;width:94px;border:1px solid #3b9259;background:#0b2414;color:#a0ffb3;display:grid;place-items:center;margin:0 auto 27px;font:800 52px var(--mono);box-shadow:0 0 70px #35e36e24;transform:rotate(-6deg)}.reveal-phase .reveal-overline{font:700 11px var(--mono);letter-spacing:2.6px;color:#91e6a9}.reveal-phase h2{font-size:clamp(62px,10vw,116px);letter-spacing:-.08em;line-height:1;margin:15px 0 10px}.reveal-phase h2 span{color:#a6ffbd}.reveal-phase p{color:#bcdec5;font:500 17px var(--mono);margin:0 0 31px}.reset-btn{border:1px solid #a6ffbc;background:#9cffb7;color:#041609;padding:17px 27px;min-height:54px;font:900 12px var(--mono);letter-spacing:1.5px}.reset-btn:hover{background:#d0ffdc}.reset-btn span{margin-left:24px;font-size:20px}.alert-overlay.revealed{background:#04110a}.alert-overlay.revealed .alert-grid{background-image:linear-gradient(#54d97510 1px,transparent 1px),linear-gradient(90deg,#54d97510 1px,transparent 1px)}.alert-overlay.revealed .alert-vignette{background:radial-gradient(ellipse at 50% 40%,#245b3533,transparent 58%),radial-gradient(ellipse at 50% 50%,transparent 30%,#000a04ee 100%)}.alert-overlay.revealed .alert-chrome,.alert-overlay.revealed .alert-bottom{color:#72b984;border-color:#31654170}.alert-overlay.revealed .signal-dot{background:#9cffb7;box-shadow:0 0 10px #5ee88b}.alert-overlay.revealed .flashing-bottom{animation:none}
@keyframes blink{50%{opacity:0}}@keyframes led{50%{opacity:.35}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes shine{50%,100%{transform:translateX(140%)}}@keyframes rowIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes alertScan{from{transform:translateY(-100%)}to{transform:translateY(500%)}}@keyframes gridShift{to{background-position:48px 48px}}@keyframes flashOpen{0%{opacity:0}10%{opacity:.5}30%{opacity:.05}55%{opacity:.25}100%{opacity:0}}@keyframes warningPulse{50%{transform:scale(1.1);opacity:.32}}@keyframes microShake{0%,91%,100%{transform:translateX(0)}92%{transform:translateX(-1px)}94%{transform:translateX(3px)}96%{transform:translateX(-2px)}}
@media(max-width:1150px){.site-frame{width:calc(100% - 64px)}.hero h1{font-size:clamp(60px,7vw,96px)}.orbit-wrap{transform:scale(.85);transform-origin:center right;margin-right:0}.gateway-body{padding:24px}.gateway-body h2{font-size:30px}.terminal-screen{font-size:10px}}@media(max-width:880px){.site-frame{width:calc(100% - 38px)}.hero{min-height:290px;grid-template-columns:1fr 190px}.hero h1{font-size:clamp(61px,8.2vw,92px)}.orbit-wrap{transform:scale(.62);transform-origin:center;justify-self:center;margin-right:0}.interface-grid{grid-template-columns:1fr}.terminal-monitor{min-height:220px}.terminal-screen{height:165px}.gateway-body h2{font-size:clamp(32px,6vw,46px)}.footer .foot-middle{display:none}.bottom-metrics{flex-wrap:wrap;gap:13px 22px}}@media(max-width:630px){.site-frame{width:calc(100% - 30px)}.masthead{padding:19px 0;flex-wrap:wrap;gap:12px}.logo-box{height:38px;width:38px}.logo-box span{font-size:24px}.brandlines strong{font-size:13px}.brandlines small{font-size:8px;letter-spacing:1.1px}.mast-status{order:3;width:100%;justify-content:space-between;border-top:1px solid #25422f;padding-top:14px}.mast-status .optional{display:none}.sound-toggle{margin-left:auto}.top-rule{font-size:8px;letter-spacing:.6px}.top-rule span:nth-child(2){display:none}.hero{padding-top:37px;min-height:272px;grid-template-columns:1fr}.classification{font-size:9px;letter-spacing:1.1px;margin:0 0 20px}.class-line{width:22px}.hero h1{font-size:clamp(47px,12.7vw,79px);letter-spacing:-.075em}.hero h1 em{letter-spacing:-.085em}.orbit-wrap{position:absolute;right:-92px;top:-55px;transform:scale(.5);opacity:.3}.hero-bottom{margin-top:24px}.hero-bottom p{font-size:11px}.card-head{padding:0 13px;font-size:9px}.terminal-monitor{margin:12px 12px 0}.terminal-meta{font-size:8px;padding:10px}.console-footer{padding:0 12px;font-size:8px}.console-footer span:nth-child(2){display:none}.gateway-body{padding:22px 17px}.gateway-body h2{font-size:clamp(28px,7.6vw,43px);letter-spacing:-1.8px}.gateway-measures>div{padding:11px 8px}.gateway-measures strong{font-size:9px}.gateway-measures small{font-size:8px}.bottom-metrics{padding:22px 0;font-size:8px}.bottom-metrics span{width:44%}.footer{font-size:9px;min-height:77px}.world-coordinates{display:none}.alert-chrome,.alert-bottom{padding:16px 15px;font-size:8px;letter-spacing:.5px}.alert-chrome span:last-child,.alert-bottom span:last-child{display:none}.alert-body{padding:15px 17px 22px}.warning-emblem{height:78px;width:78px;margin-bottom:22px}.warning-emblem svg{height:60px;width:60px}.alert-kicker{font-size:9px;letter-spacing:1.5px}.alert-title{font-size:clamp(47px,12vw,78px)}.alert-translation{font-size:11px;letter-spacing:.8px;line-height:1.6;margin-top:20px}.alert-sub{font-size:11px}.trace-stats{grid-template-columns:1fr;gap:0}.trace-stats>div{display:flex;justify-content:space-between;padding:9px 12px;gap:15px;border-bottom:1px solid #62232c}.trace-stats>div:last-child{border:0}.trace-stats small{margin:0}.trace-stats strong{font-size:11px}.alert-footline{font-size:8px}.reveal-phase .reveal-symbol{width:75px;height:75px;font-size:43px}.reveal-phase h2{font-size:clamp(54px,15vw,87px)}.reveal-phase p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* v6.1 — typography refinement: balanced proportions, readable terminal */
:root{--sans:"Bahnschrift","Segoe UI",Arial,sans-serif;--mono:Consolas,"Cascadia Mono","Liberation Mono",monospace}
.hero h1{font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(58px,6.5vw,102px);font-weight:750;line-height:.94;letter-spacing:-.052em}
.hero h1 em{font-weight:750;letter-spacing:-.045em}
.gateway-body h2{font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:clamp(29px,3.05vw,42px);font-weight:700;letter-spacing:-.8px;line-height:1.13}
.terminal-screen{font-size:12px;line-height:1.65}
.terminal-meta{font-size:11px}
.alert-title{font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:-.05em;font-weight:800}
.reveal-phase h2{font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.04em}
.scan-progress>div{transition:width .18s linear}
@media(max-width:1150px){.hero h1{font-size:clamp(57px,6.8vw,89px)}.terminal-screen{font-size:11.5px}}
@media(max-width:880px){.hero h1{font-size:clamp(56px,8.0vw,80px)}}
@media(max-width:630px){.hero h1{font-size:clamp(45px,12.1vw,71px);letter-spacing:-.055em}.hero h1 em{letter-spacing:-.06em}.gateway-body h2{font-size:clamp(27px,7vw,40px);letter-spacing:-.7px}.terminal-screen{font-size:11px}}

/* v6.2 — desktop viewport-fit: keep the full landing screen visible without scrolling.
   Tablet/mobile retain their natural vertical flow for accessible controls. */
@media (min-width: 881px) and (min-height: 650px) {
  html,body{height:100%;overflow-y:hidden}
  .site-frame{height:100vh;height:100dvh;min-height:0}
  .masthead{flex:0 0 64px;padding:8px 0}
  .logo-box{width:40px;height:40px}.logo-box span{font-size:26px}
  .top-rule{height:30px;flex:0 0 30px}
  .main-stage{min-height:0;display:flex;flex-direction:column;justify-content:center}
  .hero{flex:1 1 auto;min-height:0;max-height:370px;padding:10px 0;align-items:center;overflow:visible}
  .classification{margin:2px 0 13px}
  .hero h1{font-size:clamp(55px,8.3vh,91px);line-height:.93}
  .hero-bottom{margin-top:14px}
  .hero-bottom p{font-size:12px;line-height:1.45}
  .orbit-wrap{width:clamp(154px,24vh,260px);height:clamp(154px,24vh,260px);transform:none;margin-right:10px}
  .orbit-one{inset:8%}.orbit-two{inset:21%}.orbit-three{inset:0}
  .radar-sweep{inset:9%}.orbit-core{inset:34%}.orbit-core span{font-size:36px}
  .orbit-tag-a{top:3%;right:-7px}.orbit-tag-b{bottom:5%;left:-10px}
  .interface-grid{flex:0 0 350px;min-height:0;gap:16px}
  .console-card,.gateway-card{height:350px;min-height:0}
  .console-card{display:flex;flex-direction:column}
  .card-head{flex:0 0 38px;height:38px;padding:0 15px}
  .terminal-monitor{flex:1 1 auto;min-height:0;margin:9px 12px 0;display:flex;flex-direction:column}
  .terminal-meta{flex:0 0 33px;padding:7px 12px;font-size:10px}
  .terminal-screen{flex:1 1 auto;min-height:0;height:auto;padding:7px 12px;font-size:11px;line-height:1.45}
  .command-line{flex:0 0 27px;padding:5px 12px 8px}
  .console-footer{flex:0 0 33px;height:33px;padding:0 13px}
  .gateway-body{padding:14px 23px 10px}
  .gateway-body h2{font-size:clamp(27px,3vh,34px);line-height:1.07;margin:7px 0 8px}
  .section-overline{font-size:9px}
  .key-explainer{font-size:11px}
  .gateway-measures{margin:11px 0 14px}
  .gateway-measures>div{padding:7px 11px}
  .gateway-measures strong{font-size:11px;margin-top:4px}
  .gateway-measures small{font-size:8px}
  form label{font-size:9px;margin-bottom:6px}
  .input-group{height:42px}
  .field-error{margin:3px 0 5px;min-height:15px;font-size:11px}
  .authenticate{height:44px;font-size:12px}
  .gate-foot{margin-top:11px;font-size:8px}
  .bottom-metrics{flex:0 0 30px;padding:0;font-size:9px}
  .footer{flex:0 0 42px;min-height:42px;font-size:9px}
}
@media (min-width: 881px) and (min-height: 650px) and (max-height: 790px) {
  .masthead{flex-basis:55px}
  .top-rule{height:26px;flex-basis:26px}
  .hero{padding:6px 0}
  .hero h1{font-size:clamp(49px,8.15vh,69px)}
  .classification{margin:0 0 9px;font-size:9px}
  .hero-bottom{margin-top:10px}
  .hero-bottom p{font-size:10px}
  .interface-grid{flex-basis:335px}
  .console-card,.gateway-card{height:335px}
  .gateway-body{padding:11px 20px 8px}
  .gateway-body h2{margin:6px 0;font-size:28px}
  .gateway-measures{margin:8px 0 10px}
  .gateway-measures>div{padding:6px 9px}
  .gateway-measures strong{font-size:10px}
  .input-group{height:39px}
  .authenticate{height:41px}
  .gate-foot{margin-top:8px}
  .bottom-metrics{flex-basis:26px;font-size:8px}
  .footer{flex-basis:36px;min-height:36px;font-size:8px}
}
/* Small desktop-height windows: scroll naturally rather than clipping controls. */
@media (min-width:881px) and (max-height:649px){html,body{overflow-y:auto}}


/* v6.3 — embedded fonts + threat feed */
:root{--sans:"InterLocal",system-ui,sans-serif;--mono:"NotoMonoLocal","DejaVu Sans Mono",monospace;--display:"InterDisplayLocal","InterLocal",system-ui,sans-serif}
.brandlines strong,.hero h1,.gateway-body h2,.alert-title,.reveal-phase h2{font-family:var(--display)!important}
.hero h1{font-weight:800!important;letter-spacing:-.06em!important}
.gateway-body h2{font-weight:800!important;letter-spacing:-.04em!important}
.alert-title{font-weight:800!important;letter-spacing:-.058em!important;line-height:.92}
.alert-translation,.alert-sub,.trace-stats strong,.scan-status,.alert-kicker,.alert-footline,.reveal-overline,.reveal-phase p,.reveal-phase .reset-btn,.gateway-body,.card-head,.classification,.mast-status,.top-rule,.footer,.bottom-metrics,.console-footer,.terminal-meta,.term-row{font-family:var(--mono)!important}
.threat-feed{margin-top:18px;border:1px solid #6d253099;background:linear-gradient(180deg,#25060d80,#110307aa);box-shadow:inset 0 0 0 1px #ffffff05}
.threat-feed-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #6d253066;font:700 10px var(--mono);letter-spacing:1.5px;color:#ffb9c2}
.threat-feed-head span:last-child{color:#ff7e92}
.threat-feed-body{min-height:126px;max-height:126px;overflow:hidden;padding:8px 0}
.threat-row{display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:start;padding:6px 14px;font:500 11px/1.45 var(--mono);color:#ffdfe3;animation:rowIn .24s ease}
.threat-row.emphasize .threat-text,.threat-row:nth-child(odd) .threat-text{color:#fff1f3}
.threat-time{color:#ff7d92}
.threat-text{opacity:.94}
@media(max-width:630px){.threat-feed{margin-top:12px}.threat-feed-head{padding:8px 10px;font-size:8px}.threat-feed-body{min-height:112px;max-height:112px}.threat-row{grid-template-columns:66px 1fr;gap:8px;padding:5px 10px;font-size:9px;line-height:1.35}}
