@view-transition{navigation:auto}
:root{color-scheme:dark;--ink:#e4ebf2;--muted:#b6c5d3;--accent:#b0d9ef;--line:#718398;--deep:#11283f;--metal:linear-gradient(180deg,#91a0b1 0%,#64788e 9%,#53677d 47%,#344c65 49%,#586f87 100%);--mono:'Courier New',monospace;--pace:1;--motion-duration:32s}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#4e5660;background-image:radial-gradient(#a4afb04d .7px,transparent .7px),linear-gradient(90deg,#1a283d55,transparent 10%,transparent 90%,#1a283d55);background-size:5px 5px,100% 100%;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#13283c}button{border-radius:0}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:#d5e4ef;color:#14273a;padding:12px}.skip:focus{top:10px}.shell{width:min(1280px,calc(100% - 48px));margin:28px auto;padding:6px;background:linear-gradient(90deg,#172638,#8a9aac 3px,#425b73 7px,#263d55 99%,#92a2b5);border:1px solid #acb7c1;box-shadow:0 0 0 4px #263b51,0 0 0 6px #737f8b,0 30px 70px #0c1a2b66}.top-strip{min-height:38px;padding:10px 18px;display:flex;justify-content:space-between;gap:16px;background:repeating-linear-gradient(135deg,#1f344b 0 45px,#2a4057 45px 65px,#142b44 65px 120px);font:11px/1.5 var(--mono);color:#b8c7d7;letter-spacing:.11em;border-bottom:3px solid #243950}header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#8192a8,#798ca3 54%,#536a84);border-bottom:2px solid #142b40;box-shadow:inset 0 1px #c5d0db;min-height:115px}.brand{display:flex;gap:14px;align-items:center}.brand svg{width:58px;height:58px;fill:none;stroke:#e9f3fa;stroke-width:2;filter:drop-shadow(1px 2px 0 #334963)}.wordmark{font-size:31px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-1.6px;text-shadow:0 2px #445b73}.wordmark>span{font-weight:400}.wordmark small{display:block;font:10px/1.5 var(--mono);letter-spacing:.17em;margin-top:9px}.header-controls{display:grid;grid-template-columns:auto auto;gap:8px 18px;justify-items:end;align-items:center}.header-controls .index{grid-column:1/-1}.index,.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.1em;color:var(--accent)}.motion-control{border:0;background:transparent;text-transform:uppercase;font:11px/1.5 var(--mono);padding:5px}.motion-control:before{content:'◉';margin-right:7px;color:var(--accent)}.palette{display:flex;gap:5px}.palette button{width:18px;height:18px;border:1px solid #dce9f6;box-shadow:inset 0 0 0 3px #64758a;background:#b0d9ef}.palette button[data-palette=amber]{background:#e4bd8a}.palette button[data-palette=steel]{background:#d0d5da}.palette button[aria-pressed=true]{outline:1px solid #fff;outline-offset:2px}.navigation{display:grid;grid-template-columns:1.4fr repeat(6,1fr);margin-top:5px;background:var(--metal);border:1px solid #a4b1c0;box-shadow:0 0 0 2px #142840}.navigation a,.nav-id{position:relative;padding:10px 8px;text-align:center;font:700 12px/1.6 'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #172d45;box-shadow:inset 1px 0 #9aadc1;transition:background .25s,color .25s;overflow:hidden}.nav-id{font:10px/1.8 var(--mono);background:#243d5777;white-space:nowrap}.nav-id b{color:var(--accent);margin-left:10px}.navigation a:last-child{border:0}.navigation a:before{content:'';position:absolute;inset:auto 20% 0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .3s}.navigation a:hover:before,.navigation a[aria-current]:before{transform:scaleX(1)}.navigation a:hover,.navigation a[aria-current]{background:#142b4566;color:#fff}.section-strip{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#1a3149;border-top:1px solid #8fa2b3;font:10px/1.5 var(--mono);letter-spacing:.1em;color:#a4b9ca}.strip-arrow{margin-left:12px;color:var(--accent)}main{background:#23394f;padding:6px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.04fr;overflow:hidden;border:1px solid #8194a7;background:#11283f;min-height:405px;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:42px 32px 58px;background:linear-gradient(90deg,#10273cf5,#122b42c9,transparent);pointer-events:auto}.eyebrow{margin-bottom:17px}.eyebrow:before{content:'// ';color:var(--accent)}h1,h2,h3{font-family:'Arial Narrow',Arial,sans-serif;line-height:1.1}h1{font-size:clamp(36px,4.7vw,62px);letter-spacing:-.045em;margin:0 0 20px;font-weight:800;text-transform:uppercase}h1 em{font-style:normal;color:var(--accent)}h3{font-size:22px;letter-spacing:-.025em;margin:14px 0}p{margin:0 0 18px;color:var(--muted)}.hero-copy>p{max-width:440px;font-size:15px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;min-height:42px;border:1px solid #aec2d5;background:var(--metal);color:#f3f7fa;font:700 12px/1.6 Arial,sans-serif;letter-spacing:.02em;box-shadow:inset 0 1px #dbe7f3,0 2px #081f34;position:relative;transition:filter .25s,transform .25s}.action b{color:var(--accent);font-size:16px}.action:hover{filter:brightness(1.2);transform:translateY(-2px)}.action.secondary{background:linear-gradient(#294862,#18374d);border-color:#7892a8}.text-action{background:none;box-shadow:none;border:0;border-top:1px solid #71889b66;padding:12px 0 0;width:100%;text-transform:uppercase;font:11px/1.8 var(--mono);margin-top:10px}.hero-bottom{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;background:var(--metal);border-top:1px solid #91a7b8;padding:8px 14px;font:9px/1.5 var(--mono);letter-spacing:.06em}.signal{display:flex;align-items:center;gap:6px}.signal i{width:4px;height:4px;background:var(--accent);box-shadow:0 0 7px var(--accent);animation:glow 4s ease-in-out infinite}.machine{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#809eb744,transparent 50%),linear-gradient(130deg,#172e49,#2a4762 60%,#10304b);--px:0px;--py:0px}.hero>.machine{margin-left:-80px;width:calc(100% + 80px)}.machine:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#b9d6e60c 0 1px,transparent 1px 4px);pointer-events:none}.machine-grid{position:absolute;inset:-20%;background-image:linear-gradient(#b5d4e314 1px,transparent 1px),linear-gradient(90deg,#b5d4e314 1px,transparent 1px);background-size:22px 22px;transform:perspective(600px) rotateY(-20deg) rotateZ(-18deg) translate(var(--px),var(--py));opacity:.7}.structure{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--px),var(--py)) scale(1.08);transition:transform .65s ease-out;overflow:visible}.beam-one{animation:beam-drift calc(var(--motion-duration) * .55) ease-in-out infinite alternate}.beam-two{animation:beam-drift calc(var(--motion-duration) * .7) ease-in-out infinite alternate-reverse}.beam-three{animation:beam-drift calc(var(--motion-duration) * .8) ease-in-out infinite alternate}.rotor>g{animation:rotate var(--motion-duration) linear infinite;transform-origin:0 0}.wire{opacity:.32;animation:glow 12s ease-in-out infinite alternate}.scanline{position:absolute;top:-5%;left:0;right:0;height:18%;background:linear-gradient(transparent,#b9d8ea0e,transparent);animation:scan 12s linear infinite;pointer-events:none}.art-coordinate{position:absolute;top:22px;right:18px;color:#aec9db88;font:9px/1.7 var(--mono);letter-spacing:.1em}.art-caption{position:absolute;right:20px;bottom:65px;text-align:right;color:#d9e8f2;text-shadow:0 1px #122a40}.art-caption span{display:block;font:9px/1.8 var(--mono);letter-spacing:.1em}.art-caption b{font:800 20px/1.3 'Arial Narrow',Arial,sans-serif;letter-spacing:-.02em}.art-bars{position:absolute;left:100px;bottom:75px;display:flex;align-items:end;gap:5px;height:30px}.art-bars i{width:4px;height:40%;background:#afc8d744;animation:bar 3.5s ease-in-out infinite alternate}.art-bars i:nth-child(2){animation-delay:-1s}.art-bars i:nth-child(3){animation-delay:-2s}.art-bars i:nth-child(4){animation-delay:-.7s}.art-bars i:nth-child(5){animation-delay:-1.8s}.ticker{overflow:hidden;padding:8px 0;border:1px solid #6f8499;background:#1c344b;margin:6px 0;font:10px/1.7 var(--mono);letter-spacing:.08em;color:#7b98ae}.ticker>div{display:flex;width:max-content;gap:28px;animation:marquee 60s linear infinite}.ticker span{color:#bacbd8}.columns{display:grid;gap:6px;margin-top:6px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.panel{min-width:0;border:1px solid #7b8fa4;background:linear-gradient(135deg,#1c334a,#2d455f);margin-top:6px;position:relative}.columns>.panel{margin:0}.panel:after{content:'';position:absolute;bottom:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 45%,#7b94aa44 46% 50%,#112c4377 51%);pointer-events:none}.panel-title{margin:0;padding:9px 12px;background:var(--metal);border-bottom:2px solid #152e47;display:flex;align-items:center;gap:8px;text-transform:uppercase;font:700 12px/1.4 'Arial Narrow',Arial,sans-serif;letter-spacing:.03em;box-shadow:inset 0 1px #b7c6d4}.panel-mark{color:#e6f3fa}.grip{margin-left:auto;height:15px;width:35%;max-width:100px;background-image:radial-gradient(#c7d6e177 .7px,transparent .7px);background-size:3px 3px}.panel-content{padding:23px 20px}.panel-content p{font-size:14px;line-height:1.75}.panel-content h3{font-size:21px}.panel .index{font-size:10px}.note-row{display:flex;align-items:center;gap:20px}.note-row>.index{writing-mode:vertical-rl;white-space:nowrap}.note-row h3{margin-top:0}.note-row p{margin-bottom:0}.square{margin-left:auto;flex-shrink:0;width:31px;height:31px;border:1px solid #8aa4b9;background:linear-gradient(#60798e,#29465d);color:var(--accent);font:22px/1 var(--mono);transition:transform .3s}.square:hover{transform:rotate(90deg)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips a,.chips button{padding:8px 12px;border:1px solid #7590a4;background:#18354a;color:#d6e7f1;font:11px/1.5 var(--mono)}.chips a:hover,.chips button:hover{background:#365c76}.utility-strip{padding:9px 15px;margin-top:5px;background:var(--metal);display:flex;justify-content:space-between;font:9px/1.7 var(--mono);letter-spacing:.06em}.utility-strip a{color:#f1f7fb}footer{background:#1c3048;border-top:2px solid #112941;padding:20px 18px;display:flex;gap:16px;justify-content:space-between;font:10px/1.5 var(--mono);color:#b0c1d2}footer button{background:none;border:0;font:inherit;padding:0}footer a:hover,footer button:hover{text-decoration:underline}.page-intro{padding:36px 30px;border:1px solid #6c8196;background:repeating-linear-gradient(120deg,transparent 0 90px,#718fa112 90px 125px,transparent 125px 220px),linear-gradient(120deg,#152c42,#35516e)}.page-intro p{max-width:680px}.accordion details{border-bottom:1px solid #7690a566}.accordion details:last-child{border:0}summary{cursor:pointer;list-style:none;padding:15px 0;color:var(--ink);font:12px/1.7 var(--mono);display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:19px;transition:transform .3s}details[open]>summary span{transform:rotate(45deg)}details p{padding-top:4px;animation:panel-enter .4s ease-out}.tab-bar{display:flex;border-bottom:1px solid #6b879d}.tab-bar button{flex:1;padding:17px 8px;border:0;border-right:1px solid #6b879d;background:#18344b;color:#a9bece;font:12px/1.6 var(--mono)}.tab-bar button[aria-selected=true]{background:linear-gradient(120deg,#3b5c78,#284862);color:#fff;box-shadow:inset 0 3px var(--accent)}.tab-bar button:hover{color:#fff;background:#36566f}.capability-panel{position:relative;display:grid;grid-template-columns:180px 1fr;gap:25px;padding:38px;overflow:hidden;animation:panel-enter .45s ease-out;min-height:310px}.capability-panel[hidden]{display:none}.giant-number{font:900 150px/.9 'Arial Narrow',Arial,sans-serif;letter-spacing:-.1em;color:#7190a342;text-shadow:2px 2px #132c43}.capability-panel h2{font-size:30px;margin:5px 0 16px}.capability-panel p{max-width:650px}ul{padding-left:20px;color:var(--muted);font-size:14px}li{padding:4px 0}li::marker{color:var(--accent)}.stack-list{display:flex;gap:12px;flex-wrap:wrap}.stack-list span{padding:10px 18px;border:1px solid #68849d;background:linear-gradient(135deg,#57728b33,#192f4755);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));font:12px/1.6 var(--mono)}.fine{font:11px/1.7 var(--mono)!important;color:#adc0cf;margin-top:16px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;border:1px solid #7b90a5;background:var(--metal)}.process-track a{padding:18px 16px;display:flex;gap:14px;align-items:center;border-right:1px solid #19364e;text-transform:uppercase;font:12px/1.6 var(--mono);transition:background .3s}.process-track a:hover{background:#0c2a4455}.process-track a span{font-size:22px;color:var(--accent)}.process-track a b{margin-left:auto}.stage{position:relative;padding-left:65px}.stage-number{position:absolute;left:0;top:0;font:40px/1 var(--mono);color:#91b5cf99}.stage h3{margin-top:0}.stage details{border-top:1px solid #7893aa66}.study-layout{display:grid;grid-template-columns:1fr 260px}.study-stage{position:relative;min-height:430px;overflow:hidden;border-right:1px solid #66829a}.study-art{height:430px;transition:background 1s}.study-controls{padding:25px 20px;background:linear-gradient(140deg,#375772,#19364d)}.study-label{position:absolute;left:20px;bottom:18px;font:10px/1.6 var(--mono);background:#122c40bb;border:1px solid #7c96aa;padding:8px 12px;z-index:2}.study-buttons{display:grid;gap:8px;margin-bottom:28px}.study-buttons button{padding:13px 10px;background:#213f57;border:1px solid #6c8ca5;text-align:left;display:flex;justify-content:space-between;font:11px/1.6 var(--mono)}.study-buttons button[aria-pressed=true]{border-color:var(--accent);background:var(--metal)}.range-label{display:flex;justify-content:space-between;gap:10px;font:11px/1.6 var(--mono);margin-bottom:10px}.study-controls input{accent-color:var(--accent);width:100%}.study-controls .action{width:100%;font-size:11px}.study-art[data-study=orbit] .beam{opacity:.15;transition:opacity 1s}.study-art[data-study=orbit] .structure{transform:translate(calc(var(--px) - 50px),var(--py)) scale(1.4)}.study-art[data-study=orbit] .wire{opacity:.8}.study-art[data-study=signal]{background:repeating-linear-gradient(145deg,#112d44 0 20px,#476d85 21px 23px,#142e46 24px 45px)}.study-art[data-study=signal] .beam{opacity:.35}.study-art[data-study=signal] .scanline{background:linear-gradient(transparent,#bddbed33,transparent)}.contact-columns{grid-template-columns:1.65fr 1fr}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;margin-bottom:20px;text-transform:uppercase;font:11px/1.6 var(--mono);letter-spacing:.08em}form input,form textarea{display:block;margin-top:8px;width:100%;border:1px solid #6c89a1;background:#112a41;box-shadow:inset 0 2px 7px #0003;color:#edf5fa;padding:13px;font:15px/1.6 Arial,sans-serif;letter-spacing:0;text-transform:none}form textarea{resize:vertical}form input:focus,form textarea:focus{background:#18374e;border-color:var(--accent)}.honeypot{position:absolute;left:-10000px}#contact-status{font:12px/1.6 var(--mono);margin:18px 0 0}.connection-art{height:100px;display:grid;place-items:center;background:repeating-linear-gradient(130deg,#4e779030 0 5px,transparent 5px 35px);border:1px solid #6c879d;margin-bottom:20px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.connection-art svg{width:74px;fill:none;stroke:var(--accent);stroke-width:1}.email-link{display:block;font:12px/1.7 var(--mono);overflow-wrap:anywhere;color:var(--accent);margin-top:25px}.legal{max-width:900px;margin:6px auto}.legal h1{font-size:36px}.legal h2{font-size:22px;margin-top:30px}.legal a{text-decoration:underline}.legal p{font-size:15px}.legal .panel-content{padding:30px}.reveal{animation:panel-enter .75s both}.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(15px)}.js-motion .reveal{animation:none;transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.is-visible{opacity:1;transform:none}.page-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);z-index:100;transform-origin:left;animation:load-strip .7s both;pointer-events:none}dialog{padding:0;max-width:560px;width:calc(100% - 36px);background:#213d55;border:1px solid #b3c6d5;color:var(--ink);box-shadow:0 0 0 4px #223f57,20px 30px 100px #06172aa6}dialog[open]{animation:panel-enter .35s ease-out}dialog::backdrop{background:#091e33b3;backdrop-filter:blur(4px)}dialog .panel-title{justify-content:space-between}dialog h2{font-size:30px}dialog .square{font-size:20px}dialog .panel-content{padding:28px}html[data-paused=true] *,html[data-paused=true] *:before,html[data-paused=true] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html[data-paused=true] .page-progress{display:none}html[data-paused=true] .reveal{opacity:1!important;transform:none!important;transition:none!important}html[data-paused=true] .structure{transform:none;transition:none}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes beam-drift{to{transform:translate(12px,-7px)}}@keyframes scan{to{transform:translateY(650%)}}@keyframes glow{50%{opacity:.15}}@keyframes bar{to{height:95%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panel-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes load-strip{0%{transform:scaleX(0)}70%{transform:scaleX(1)}100%{opacity:0}}::view-transition-old(root){animation:old-page .2s ease-in both}::view-transition-new(root){animation:panel-enter .4s ease-out both}@keyframes old-page{to{opacity:0;transform:translateY(-6px)}}
@media(min-width:1400px){.hero{min-height:460px}.hero-copy{padding-top:50px}}
@media(max-width:1050px){.navigation{grid-template-columns:repeat(6,1fr)}.nav-id{display:none}.hero-copy{padding:34px 24px 58px}h1{font-size:42px}.hero-actions .action{font-size:11px;padding:9px 11px}.header-controls .index{font-size:9px}.three .panel-content{padding:20px 15px}.hero-bottom{font-size:8px}.art-caption b{font-size:17px}.art-coordinate{font-size:8px}.study-layout{grid-template-columns:1fr 240px}}
@media(max-width:760px){.shell{width:calc(100% - 26px);margin:16px auto}.top-strip{font-size:8px}.top-strip>span:last-child{display:none}header{padding:19px 16px;min-height:95px}.brand svg{width:43px}.wordmark{font-size:25px}.wordmark small{font-size:8px;letter-spacing:.05em}.header-controls{gap:7px}.header-controls>.index{display:none}.palette{display:none}.motion-control{font-size:9px}.navigation{grid-template-columns:repeat(3,1fr)}.navigation a{font-size:11px;border-bottom:1px solid #19364e}.hero{display:block;min-height:480px}.hero-copy{padding:36px 25px 170px;max-width:620px;min-height:480px;background:linear-gradient(90deg,#112940f5,#122b42c7 70%,transparent)}.hero>.machine{position:absolute;inset:0;margin:0;width:100%;z-index:-1;opacity:.75}.structure{width:135%;left:12%;height:100%}.art-caption{bottom:53px}.art-bars{left:28px;bottom:63px}.art-coordinate{display:none}h1{font-size:46px}.hero-copy>p{max-width:400px}.hero-actions{max-width:370px}.hero-bottom{font-size:8px;padding:8px}.hero-bottom>span:first-child{max-width:200px}.three{grid-template-columns:1fr}.two{grid-template-columns:1fr}.three .panel-content{padding:23px}.note-row{gap:14px}.utility-strip{font-size:8px}.utility-strip>span{max-width:170px}footer{flex-wrap:wrap;font-size:9px;gap:14px}footer>span:last-child{display:none}.capability-panel{grid-template-columns:80px 1fr;padding:25px 20px;gap:20px}.giant-number{font-size:80px}.capability-panel h2{font-size:25px}.tab-bar button{font-size:10px;padding:14px 5px}.process-track{grid-template-columns:1fr 1fr}.process-track a{font-size:10px;padding:12px}.stage{padding-left:55px}.page-intro{padding:30px 24px}.page-intro h1{font-size:39px}.study-layout{grid-template-columns:1fr}.study-stage{min-height:320px;border-right:0;border-bottom:1px solid #7692a9}.study-art{height:320px}.study-controls{padding:22px}.study-buttons{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px}.study-buttons button{font-size:9px;padding:10px 7px}.study-buttons b{display:none}.study-controls .action{width:auto}.study-art .structure{width:100%;left:0}.study-art[data-study=orbit] .structure{transform:translate(calc(var(--px) - 40px),var(--py)) scale(1.4)}.contact-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.legal h1{font-size:30px}.legal .panel-content{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.page-progress{display:none}.reveal{opacity:1!important;transform:none!important}.structure{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(max-width:420px){h1,.page-intro h1{font-size:30px;overflow-wrap:anywhere}.page-intro{padding:30px 20px}}
/* Transmission console and spacious content framing. */
main{padding:16px}.columns{gap:20px;margin-top:24px}.panel-content{padding:30px}.three .panel-content{padding:28px 24px}.hero-copy{padding:52px 38px 70px}.page-intro{padding:44px 36px}.panel{margin-bottom:12px}.original-logo{background:linear-gradient(145deg,#263e54,#112638);border:2px solid #b6c9da;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);padding:8px}.wordmark{font-style:normal;font-weight:800}.console{margin-top:28px}.console-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:30px;background:linear-gradient(125deg,#6a7e92,#273f56 28%,#122b42)}.tv-housing{padding:12px;background:linear-gradient(155deg,#90a0ad,#3b5166 20%,#172b40 65%,#7990a4);border:1px solid #b8c9d7;box-shadow:inset 0 0 0 4px #1b3045,0 10px 20px #081d3066;min-width:0}.tv-top,.tv-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;font:10px var(--mono);color:#c5d8e7}.status-led{color:var(--accent)}.tv-screen{position:relative;height:290px;overflow:hidden;border:5px solid #0b1c2b;border-radius:24px/10px;background:radial-gradient(ellipse,#365d75,#102a40 70%);box-shadow:inset 0 0 45px #010b16,0 0 0 1px #8296a8;isolation:isolate}.tv-grid{position:absolute;inset:-80%;background:repeating-linear-gradient(0deg,transparent 0 27px,#b0d9ef30 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#b0d9ef30 28px 29px);transform:perspective(400px) rotateX(55deg);animation:tv-grid 16s linear infinite}.tv-orbit{position:absolute;width:210px;height:210px;right:10%;top:12%;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 18px #b0d9ef0c,0 0 0 45px #b0d9ef08;animation:tv-orbit 18s linear infinite}.tv-orbit:before,.tv-orbit:after{content:'';position:absolute;inset:20px;border:2px dashed var(--accent);border-radius:50%}.tv-orbit:after{inset:55px;border-radius:0;transform:rotate(45deg);background:#b0d9ef12}.tv-wave{position:absolute;left:-10%;top:45%;width:120%;height:65px;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--accent) 13px 15px);clip-path:polygon(0 50%,5% 40%,10% 60%,15% 0,20% 100%,25% 25%,30% 65%,35% 40%,40% 80%,45% 0,50% 90%,55% 40%,60% 70%,65% 20%,70% 100%,75% 35%,80% 50%,85% 0,90% 80%,95% 40%,100% 50%);opacity:.35;animation:tv-wave 7s ease-in-out infinite alternate}.tv-title{position:absolute;left:25px;bottom:26px;display:grid;gap:7px;text-shadow:0 2px 6px #000}.tv-title small,.tv-title>span{font:9px var(--mono);letter-spacing:.16em}.tv-title strong{font-size:clamp(22px,3vw,38px);letter-spacing:-.04em}.tv-sweep{position:absolute;inset:-100% 0 100%;background:linear-gradient(transparent,#d4edf51c,transparent);animation:scan 6s linear infinite}.tv-noise{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#03132255 0 1px,transparent 2px 4px);box-shadow:inset 0 0 60px #0008}.tv-shutter{position:absolute;left:0;right:0;height:52%;z-index:4;background:repeating-linear-gradient(0deg,#556e84 0 3px,#2c455c 4px 8px);border:1px solid #b7c9d8;transition:transform .9s cubic-bezier(.65,0,.2,1)}.tv-shutter.top{top:0;transform:translateY(-102%)}.tv-shutter.bottom{bottom:0;transform:translateY(102%)}.screen-off .tv-shutter{transform:translateY(0)}.screen-off .tv-title,.screen-off .tv-orbit{opacity:0}.screen-power{border:1px solid #8ba2b7;background:#152e45;color:#d9e7ef;padding:6px;font:9px var(--mono)}.console-controls{display:flex;flex-direction:column;gap:20px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{min-height:64px;border:1px solid #9db2c5;background:var(--metal);box-shadow:inset 0 1px #d3e2ed,0 4px #071c2f;display:grid;place-content:center;gap:5px;transition:transform .2s,filter .2s}.keypad button span{font:22px var(--mono)}.keypad button small{font:8px var(--mono)}.keypad button:hover{filter:brightness(1.3);transform:translateY(-2px)}.keypad button[aria-pressed=true]{background:linear-gradient(#315a73,#0e293f);color:var(--accent);transform:translateY(3px);box-shadow:inset 0 0 14px #0009,0 1px #071c2f}.console-mini{font:9px var(--mono);border-block:1px solid #7990a455;padding:12px 0}.meter{display:flex;gap:5px;align-items:end;height:32px;margin-top:8px}.meter i{background:var(--accent);height:80%;width:12px;animation:meter 1.7s ease-in-out infinite alternate}.meter i:nth-child(2n){animation-delay:-.8s;height:45%}.meter i:nth-child(3n){animation-delay:-1.3s}.drawer-toggle{font-size:10px}.instrument-drawer{display:grid;grid-template-rows:1fr;transition:grid-template-rows .8s cubic-bezier(.65,0,.2,1);background:#112a41}.instrument-drawer.is-closed{grid-template-rows:0fr}.instrument-inner{overflow:hidden;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;transition:opacity .7s,transform .8s}.is-closed .instrument-inner{opacity:0;transform:translateY(-80px)}.instrument{padding:24px;border-top:1px solid #7992a7;border-right:1px solid #577189;position:relative;overflow:hidden}.instrument>span,.instrument>small{font:10px var(--mono);display:block;color:#afc8db}.instrument>small{font-size:8px}.oscillator{height:70px;margin:18px 0;background:repeating-linear-gradient(90deg,transparent 0 6px,#b0d9ef66 7px 9px);clip-path:polygon(0 45%,10% 65%,20% 0,30% 100%,40% 20%,50% 80%,60% 40%,70% 65%,80% 0,90% 100%,100% 40%);animation:tv-wave 4s ease-in-out infinite alternate}.crosshair{height:70px;width:70px;border:1px solid #aacce1;border-radius:50%;margin:18px auto;position:relative;animation:tv-orbit 12s linear infinite}.crosshair:before,.crosshair:after{content:'';position:absolute;background:var(--accent)}.crosshair:before{width:110px;height:1px;left:-21px;top:34px}.crosshair:after{height:110px;width:1px;top:-21px;left:34px}.sequence{height:70px;display:flex;gap:4px;align-items:center;margin:18px 0}.sequence i{height:45px;flex:1;background:linear-gradient(var(--accent),#1d3e58);animation:meter 3s ease-in-out infinite alternate}.sequence i:nth-child(2n){animation-delay:-1s}.sequence i:nth-child(3n){animation-delay:-2s}.tv-screen[data-channel="2"],.tv-screen[data-channel="5"],.tv-screen[data-channel="8"]{background:radial-gradient(ellipse,#546b80,#172438)}.tv-screen[data-channel="3"] .tv-orbit,.tv-screen[data-channel="6"] .tv-orbit,.tv-screen[data-channel="9"] .tv-orbit{border-radius:10%;left:45%;animation-direction:reverse}.tv-screen[data-channel="4"] .tv-grid,.tv-screen[data-channel="7"] .tv-grid{transform:rotate(45deg)}.tv-screen[data-channel="3"] .tv-wave,.tv-screen[data-channel="6"] .tv-wave{opacity:.8;top:25%;height:140px}.tv-screen[data-channel="5"] .tv-orbit,.tv-screen[data-channel="8"] .tv-orbit{width:130px;height:130px;top:20%;right:25%}.console.channel-switch .tv-title{animation:channel-in .6s ease both}.console.channel-switch .tv-noise{animation:channel-flash .4s ease}
@keyframes tv-grid{to{background-position:0 232px,232px 0}}@keyframes tv-orbit{to{transform:rotate(360deg)}}@keyframes tv-wave{to{transform:translateX(8%) scaleY(.45)}}@keyframes meter{to{transform:scaleY(.25);opacity:.4}}@keyframes channel-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes channel-flash{50%{background-color:#d8f0ff88}}.js-motion .panel.reveal{transform:translateY(65px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.js-motion .panel.reveal:nth-child(even){transform:translateY(-45px)}.js-motion .panel.reveal.is-visible{transform:none}
@media(max-width:760px){main{padding:10px}.hero-copy{padding:38px 25px 160px}.panel-content,.three .panel-content{padding:27px 23px}.page-intro{padding:35px 25px}.console-body{padding:18px;grid-template-columns:1fr;gap:24px}.tv-screen{height:240px}.console-controls{gap:16px}.keypad{grid-template-columns:repeat(3,1fr)}.keypad button{min-height:54px}.instrument-inner{grid-template-columns:1fr}.instrument{padding:20px}.tv-top,.tv-bottom{font-size:8px}.tv-title{left:15px}.tv-title>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.js-motion .panel.reveal{opacity:1;transform:none}.instrument-drawer,.instrument-inner,.tv-shutter{transition:none}.console *{animation:none!important}}
html[data-paused=true] .console *{animation-play-state:paused!important}html[data-paused=true] .js-motion .panel.reveal{transform:none}