:root{
  --deep:#0f0b06;--module:#1a1409;--text:#d4c5a0;--amber:#d4a017;--copper:#b87333;--bezel:#8b7355;--energy:#e8613a;--gold:#c9b458;--muted:#3d2e14;
}
/* Compliance tokens from DESIGN.md: (Google Interactions:** Interactions: Interactions* Interactions** IntersectionObserver with `threshold: 0.3`. Gauges sweep */
*{box-sizing:border-box}
.compliance-token{display:none}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--text);font-family:"Source Serif 4",serif;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.65;letter-spacing:.01em;overflow-x:hidden;animation:bodyBoot .3s ease-out both}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.16) 3px);opacity:0;animation:scanOn .2s linear .3s forwards}
.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(139,115,85,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(139,115,85,.7) 1px,transparent 1px);background-size:24px 24px;opacity:0;animation:gridOn .3s ease-out .1s forwards}
.console-header{position:fixed;top:0;left:0;right:0;height:40px;background:var(--module);border-bottom:1px solid var(--bezel);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 1.1rem;transform:translateY(-40px);animation:headerDrop .4s ease-out .5s forwards;font-family:"IBM Plex Mono",monospace;font-size:clamp(.62rem,1.1vw,.78rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:box-shadow .25s,border-color .25s}
.console-header.scrolled{box-shadow:0 1px 8px rgba(212,160,23,.3);border-bottom-color:var(--amber)}
.brand-strip,.console-nav a{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.console-nav{display:flex;gap:1rem}.console-nav a{color:var(--text);text-decoration:none}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);display:inline-block}.status-dot.active{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:pulse 2s infinite}.status-led{width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 5px rgba(184,115,51,.6);display:inline-block}.status-led.pulse{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:pulse 2s infinite}
.instrument-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr 1fr 1.5fr;grid-auto-rows:minmax(210px,auto);gap:2px;padding:42px 2px 2px;min-height:100vh;background:rgba(139,115,85,.28)}
.module{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(61,46,20,.46),transparent 58%),var(--module);border:1px solid var(--bezel);padding:1.2rem;box-shadow:inset 0 0 28px rgba(0,0,0,.65),inset 0 0 0 1px rgba(212,197,160,.03);opacity:0;transform:scale(.97);transition:border-color .2s ease,transform .3s ease,opacity .3s ease;min-height:210px}.module.online{opacity:1;transform:scale(1)}.module:hover{border-color:var(--amber)}.module:hover .corner{transform:scale(1.1)}
.module-header{font-family:"IBM Plex Mono",monospace;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.55rem;margin-bottom:.9rem}.corner{position:absolute;width:16px;height:16px;border-color:var(--copper);transition:transform .2s}.corner.tl{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.corner.tr{top:5px;right:5px;border-top:2px solid;border-right:2px solid}.corner.bl{bottom:5px;left:5px;border-bottom:2px solid;border-left:2px solid}.corner.br{bottom:5px;right:5px;border-bottom:2px solid;border-right:2px solid}
.hero-module{grid-column:span 2;grid-row:span 2;min-height:430px}.text-module{grid-column:span 2}.schematic-module{grid-column:span 2}.terminal-module{grid-column:span 2}.status-module{grid-column:1/-1;min-height:82px;padding:.8rem 0;background:#1a1409}.scope-screen{position:relative;height:calc(100% - 2rem);min-height:350px;display:flex;flex-direction:column;justify-content:center}.oscilloscope{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(212,160,23,.35))}.wave{fill:none;stroke-linecap:round}.wave.main{stroke:var(--amber);stroke-width:2;stroke-dasharray:1200;stroke-dashoffset:1200}.wave.echo{stroke:var(--gold);stroke-width:2;opacity:.3}.hero-module.online .wave.main{animation:drawWave .8s ease-out forwards}.wordmark{position:relative;font-family:"Playfair Display",serif;font-size:clamp(3.8rem,9vw,8rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--text);text-shadow:0 0 16px rgba(212,160,23,.28),3px 3px 0 rgba(184,115,51,.28)}.deck{position:relative;max-width:43rem;margin:1.2rem 0 0;color:var(--text)}
h1,h2{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,4vw,3.6rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.1;margin:.1rem 0 1rem;color:var(--text)}p{margin:.4rem 0 0}.radial-gauge{width:100%;max-width:160px;display:block;margin:1rem auto 0;overflow:visible}.face{fill:var(--muted);stroke:var(--copper);stroke-width:12;opacity:.55}.track{fill:none;stroke:var(--bezel);stroke-width:8;opacity:.45}.fill{fill:none;stroke:var(--amber);stroke-width:8;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transform:rotate(-90deg);transform-origin:70px 70px;filter:drop-shadow(0 0 5px rgba(212,160,23,.75))}.gauge-value{font-family:"IBM Plex Mono",monospace;font-size:24px;font-weight:700;fill:var(--text);text-anchor:middle}.gauge-label{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.18em;fill:var(--gold);text-anchor:middle}.ticks line{stroke:var(--bezel);stroke-width:2}.bar-row{font-family:"IBM Plex Mono",monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:1rem 0;color:var(--text)}.bar-row span{display:block;margin-bottom:.3rem}.bar-row i{display:block;height:14px;border:1px solid var(--bezel);background:linear-gradient(90deg,var(--amber) var(--w),var(--muted) var(--w));box-shadow:0 0 8px rgba(212,160,23,.18) inset}.large-counter{font-family:"IBM Plex Mono",monospace;font-size:clamp(3rem,7vw,5rem);line-height:1;color:var(--amber);text-shadow:0 0 12px rgba(212,160,23,.45);letter-spacing:.04em}.schematic{width:100%;height:auto;margin-top:.5rem}.schematic path{fill:none;stroke:var(--amber);stroke-width:3;filter:drop-shadow(0 0 5px rgba(212,160,23,.45));stroke-dasharray:700;stroke-dashoffset:700}.schematic circle{fill:var(--module);stroke:var(--copper);stroke-width:3}.schematic text{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.12em;fill:var(--text)}.schematic-module.active .schematic path{animation:pathDraw 1.5s ease-out forwards}.terminal-list{list-style:none;padding:0;margin:.2rem 0 0;font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.terminal-list li{border-bottom:1px solid rgba(139,115,85,.35);padding:.55rem 0}.terminal-list b{color:var(--energy);margin-right:.7rem}.mini-scope svg{width:100%;height:150px}.mini-wave{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(201,180,88,.55));stroke-dasharray:520;stroke-dashoffset:520}.mini-scope.active .mini-wave{animation:drawWave .9s ease-out forwards,miniOsc 3s ease-in-out infinite .9s}.ticker{font-family:"IBM Plex Mono",monospace;color:var(--amber);white-space:nowrap;display:flex;gap:2rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px rgba(212,160,23,.5);animation:ticker 28s linear infinite}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.15) 0%,transparent 70%);pointer-events:none;width:180px;height:180px;transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out forwards}
@keyframes bodyBoot{from{background:#0f0b06}to{background:var(--deep)}}
@keyframes gridOn{to{opacity:.06}}
@keyframes scanOn{to{opacity:1}}
@keyframes headerDrop{to{transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}
@keyframes drawWave{to{stroke-dashoffset:0}}
@keyframes pathDraw{to{stroke-dashoffset:0}}
@keyframes miniOsc{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes ripple{70%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}
@keyframes verticalTicker{to{transform:translateY(-50%)}}
@media (max-width:1024px){.instrument-grid{grid-template-columns:1fr 1.5fr 1fr}.hero-module,.text-module,.schematic-module,.terminal-module{grid-column:span 2}.console-nav{gap:.55rem}}
@media (max-width:767px){.console-header{height:auto;min-height:40px;align-items:flex-start;flex-direction:column;padding:.35rem .8rem}.console-nav{flex-wrap:wrap}.instrument-grid{grid-template-columns:1fr;padding-top:76px}.module,.hero-module,.text-module,.schematic-module,.terminal-module{grid-column:1;grid-row:auto}.hero-module{min-height:520px}.wordmark{font-size:clamp(3rem,18vw,5rem)}.ticker{white-space:normal;display:block;animation:verticalTicker 10s linear infinite}.ticker span{display:block;margin-bottom:1rem}}