:root{--bg:#03070c;--panel:#08151e;--panel2:#0b1c26;--line:#294653;--text:#f3f8fb;--muted:#99aeb8;--cyan:#63e8f2;--amber:#ffc85a;--green:#7be2a8;--red:#ff7485;--sans:"Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,sans-serif}
html{background:var(--bg)}body{font-family:var(--sans);background:radial-gradient(ellipse at 72% 4%,rgba(43,130,155,.18),transparent 34%),radial-gradient(ellipse at 7% 40%,rgba(42,87,121,.12),transparent 31%),linear-gradient(180deg,#02060a,#061019 45%,#03090e);overflow-x:hidden}body::before{opacity:.7;background-image:radial-gradient(circle at 18% 22%,rgba(218,246,255,.72) 0 1px,transparent 1.4px),radial-gradient(circle at 68% 13%,rgba(99,232,242,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 41% 72%,rgba(218,246,255,.46) 0 1px,transparent 1.3px),radial-gradient(circle at 88% 64%,rgba(255,200,90,.36) 0 1px,transparent 1.4px);background-size:223px 197px,317px 281px,263px 239px,379px 331px;mask-image:none}body::after{content:"";position:fixed;left:-10vw;right:-10vw;bottom:-19vh;height:54vh;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(77,129,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,129,151,.07) 1px,transparent 1px);background-size:54px 42px;transform:perspective(450px) rotateX(64deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 12%,transparent 88%)}::selection{color:#031015;background:var(--cyan)}*{scrollbar-width:thin;scrollbar-color:#315367 #071018}a{text-underline-offset:3px}.shell{width:min(1680px,100%);padding:24px clamp(16px,2vw,32px) 34px}
.topbar{position:relative;grid-template-columns:minmax(0,1fr) minmax(320px,auto);gap:28px;align-items:end;padding:18px 4px 22px;border-bottom:1px solid #315263}.topbar::after{content:"";position:absolute;left:0;bottom:-1px;width:min(320px,34vw);height:2px;background:var(--cyan);box-shadow:12px 5px 24px rgba(99,232,242,.28)}.brand-block{display:flex;align-items:center;gap:16px;min-width:0}.brand-lockup{width:48px;height:48px;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(50,177,194,.18))}.brand-lockup svg{display:block;width:100%;height:100%}.mark-frame{fill:rgba(7,24,34,.8);stroke:#496a7a;stroke-width:1.2}.mark-core{fill:rgba(99,232,242,.12);stroke:var(--cyan);stroke-width:1.5}.mark-link{fill:none;stroke:#607f8f;stroke-width:1}.product-name{margin:0 0 5px;color:#b5c7d0;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.product-name span{color:var(--cyan)}h1{margin:0;font-size:clamp(1.7rem,3.3vw,3.15rem);line-height:.98;letter-spacing:-.035em;font-weight:760;text-wrap:balance}.subtitle{max-width:74ch;margin:9px 0 0;color:var(--muted);font-size:.94rem}.status-cluster{gap:8px}.badge{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border:1px solid #284552;border-radius:4px;color:#a8bcc6;background:#07131b;font:650 .66rem/1 var(--sans);letter-spacing:.045em;text-transform:uppercase}.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#5f7783}.badge.primary::before{background:var(--cyan);box-shadow:0 0 12px rgba(99,232,242,.65)}.badge.command{border-color:rgba(255,200,90,.35);color:#f2dca9}.badge.command::before{background:var(--amber);box-shadow:0 0 12px rgba(255,200,90,.45)}
.hero{display:block;margin:18px 0 16px}.hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,5vw,80px);min-height:300px;overflow:hidden;border:1px solid #294655;border-radius:8px;background:linear-gradient(100deg,rgba(11,29,40,.98) 0 55%,rgba(8,24,34,.96) 55%);box-shadow:0 18px 46px rgba(0,0,0,.28)}.hero-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),rgba(99,232,242,.12) 68%,transparent)}.hero-card::after{content:"";position:absolute;top:0;right:6%;width:34%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:signalSweep 7s cubic-bezier(.16,1,.3,1) infinite}.hero-copy{align-self:center;padding:clamp(28px,4vw,54px);padding-right:0;z-index:1}.doctrine,.station-name{margin:0;color:#9fc0cf;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hero-copy h2{max-width:760px;margin:8px 0 13px;font-size:clamp(1.75rem,3.5vw,3.65rem);line-height:.98;letter-spacing:-.038em;text-wrap:balance}.hero-copy>p:not(.doctrine){max-width:68ch;margin:0;color:#b1c3cc;line-height:1.62;font-size:.94rem}.progress-block{max-width:580px;margin-top:28px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#8da6b2;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.progress-label strong{color:var(--text);font:700 .78rem var(--mono)}.progress{height:5px;margin:0;border-radius:0;background:#10242e}.progress>div{background:var(--cyan);box-shadow:10px 0 20px rgba(99,232,242,.35)}.hero-schematic{position:relative;display:grid;place-items:center;min-height:300px;padding:24px 28px 22px 0}.hero-schematic::before{content:"";position:absolute;inset:11% 12% 11% 2%;border:1px solid rgba(95,136,154,.12);background-image:linear-gradient(rgba(94,139,158,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,139,158,.06) 1px,transparent 1px);background-size:34px 34px}.hero-schematic svg{position:relative;width:100%;max-width:520px}.hero-schematic text{fill:#66818e;font:600 10px var(--mono);letter-spacing:1.5px}.route{fill:none;stroke:#274654;stroke-width:1;stroke-dasharray:4 7}.route-glow{fill:none;stroke:var(--cyan);stroke-opacity:.5;stroke-width:2}.node{stroke-width:1.4}.node.muted{fill:#0a1b24;stroke:#66818d}.node.live{fill:rgba(123,226,168,.14);stroke:var(--green)}.node.warning{fill:rgba(255,116,133,.12);stroke:var(--red)}.node.review{fill:rgba(255,200,90,.18);stroke:var(--amber)}.pulse{fill:none;stroke:rgba(255,200,90,.34);stroke-width:1}.reticle{fill:none;stroke:rgba(255,200,90,.42);stroke-width:1}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #243f4d;border-top:0;background:#07131b}.metric{display:flex;align-items:baseline;justify-content:space-between;min-height:60px;padding:15px 18px;border:0;border-right:1px solid #203844;border-radius:0;background:none;text-align:left}.metric:last-child{border-right:0}.metric span{margin:0;color:#7f99a6;font:650 .7rem var(--sans);letter-spacing:.08em}.metric strong{font-size:1.18rem}.metric .mirror-progress{font:700 .78rem var(--sans);letter-spacing:.04em;text-transform:uppercase}
.layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:16px}.panel{border-color:#294653;border-radius:8px;background:#08141c;box-shadow:0 12px 34px rgba(0,0,0,.18)}.panel-head,.station-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head{min-height:68px;padding:13px 16px;border-bottom:1px solid #233e4a;background:#0a1922}.panel-head h2,.station-head h2{margin:0;font-size:.98rem;letter-spacing:-.015em}.panel-head p{margin:4px 0 0;color:#78919d;font-size:.68rem}.panel-note{max-width:260px;color:#89a3af;font-size:.66rem;text-align:right}.revision{display:grid;place-items:center;min-width:44px;height:30px;border:1px solid #3e6575;border-radius:3px;color:var(--cyan);background:#071219;font:700 .69rem var(--mono)}.board{min-height:490px;background:#061119}.zone{padding:11px;border-right-color:#172f3b}.zone-head{min-height:42px;margin:-11px -11px 10px;padding:0 11px;border-bottom:1px solid #1d3642;color:#8da3ad;background:#091720;font:700 .64rem var(--sans)}.zone:nth-child(3) .zone-head{color:#ffb5bf;background:linear-gradient(90deg,rgba(255,116,133,.13),#091720 70%)}.zone:nth-child(4) .zone-head{color:#ffe0a0;background:linear-gradient(90deg,rgba(255,200,90,.14),#091720 70%)}.zone-head span:last-child{display:grid;place-items:center;min-width:23px;height:23px;border:1px solid #294756;border-radius:50%;color:#d8e3e8;font-family:var(--mono)}.task-card{position:relative;padding:11px;border:1px solid #29424e;border-left:1px solid #29424e;border-radius:5px;background:#0a1720;box-shadow:inset 0 1px 0 var(--task-tone,#66808c),0 6px 18px rgba(0,0,0,.12);transition:border-color .18s ease,background .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.task-card:hover{border-color:#496e7d;background:#0d1d27;transform:translateY(-2px)}.task-title{font-size:.8rem}.task-next{color:#8da4ae}.side{gap:16px}.inspector,.agent-lab{padding:16px;background:#091821}.station-head{min-height:54px;padding-bottom:12px;border-bottom:1px solid #203b47}.station-name{color:#7f9da9;font-size:.62rem}.status-chip{border-radius:3px}.fact-grid{margin-top:16px}.evidence-refs{padding-top:10px;border-top:1px solid #1c3541}.station-signal{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px rgba(99,232,242,.52)}.action,.proposal-actions button,dialog button{border-radius:4px;padding:9px 11px;font-weight:680;transition:background .16s ease,border-color .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.action:hover,.proposal-actions button:hover,dialog button:hover{background:#19414b;border-color:var(--cyan);transform:translateY(-1px)}pre{border-color:#203b47;border-radius:4px;background:#041017}.proposal-tray,.audit{margin-top:16px}.proposal,.proposal-empty{border-radius:5px;background:#07151d}.proposal{box-shadow:inset 0 1px 0 rgba(255,200,90,.45)}.proposal .eyebrow{color:#9eb4bd}.audit-list{gap:0}.audit-list li{min-height:34px;padding:8px 0;border-bottom:1px solid #152c37}.audit-list li:last-child{border-bottom:0}.notice{position:relative;min-height:38px;padding:10px 12px 10px 34px;border:1px solid #294653;border-left:1px solid #294653;border-radius:4px;background:#07151d}.notice::before{content:"";position:absolute;left:13px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--cyan);transform:translateY(-50%);box-shadow:0 0 10px rgba(99,232,242,.45)}.notice[data-error="true"]::before{background:var(--red)}dialog{border-radius:7px;background:#081821}.dialog-actions{margin-top:18px}
@keyframes signalSweep{0%,72%{opacity:0;transform:translateX(-110%)}76%{opacity:.3}91%{opacity:1}100%{opacity:0;transform:translateX(230%)}}
@media(max-width:1180px){.topbar{grid-template-columns:1fr;align-items:start}.status-cluster{justify-content:flex-start}.layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-card{grid-template-columns:1fr}.hero-copy{padding:30px 26px 10px}.hero-schematic{min-height:230px;padding:0 20px 16px}.board{min-height:0}.side{grid-template-columns:1fr}.telemetry{grid-template-columns:1fr 1fr}.telemetry .metric:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #203844}}
@media(max-width:620px){.shell{padding:12px 12px 24px}.brand-lockup{width:40px;height:40px}.status-cluster{display:grid;grid-template-columns:1fr}.badge{width:100%}.hero-copy h2{font-size:clamp(1.75rem,10vw,2.55rem)}.hero-schematic{min-height:190px}.telemetry{grid-template-columns:1fr}.telemetry .metric,.telemetry .metric:first-child{grid-column:auto;border-right:0;border-bottom:1px solid #203844}.telemetry .metric:last-child{border-bottom:0}.panel-head{align-items:flex-start}.panel-note{display:none}}
@media(prefers-reduced-motion:reduce){.hero-card::after{animation:none}.task-card,.action,.proposal-actions button,dialog button{transition:none}}