@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0e0d0b;--surface:#181914;--surface2:#21231d;--line:#514936;--line-faint:#3a392c;--ink:#f1e9d5;--muted:#a99f88;--amber:#ffc27b;--phosphor:#48ff66;--red:#ed8164}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 42% -13%,#49311b 0,transparent 38%),radial-gradient(ellipse at 87% 22%,#243028 0,transparent 28%),var(--bg);color:var(--ink);font:13px/1.6 'IBM Plex Mono',ui-monospace,monospace}button,select{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 2px,#0006 3px 4px),repeating-linear-gradient(90deg,transparent 0 59px,#ffb4740b 60px 61px)}.horizon{position:absolute;top:320px;left:0;right:0;height:270px;z-index:0;pointer-events:none;opacity:.28;overflow:hidden;background:linear-gradient(transparent 40%,#f6aa6740 99%);mask-image:linear-gradient(transparent,#000 50%,transparent)}.horizon:before{content:'';position:absolute;left:-25%;right:-25%;top:50%;height:250%;border-top:1px solid var(--amber);background:repeating-linear-gradient(90deg,transparent 0 6%,#d28b5540 6.2% 6.3%),repeating-linear-gradient(0deg,transparent 0 11%,#d28b5540 11.2% 11.4%);transform:perspective(270px) rotateX(68deg);transform-origin:top}
.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:#14130edb;backdrop-filter:blur(12px)}.wordmark{text-decoration:none;white-space:nowrap;font:700 25px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.15em}.wordmark span{color:var(--amber);font-weight:400}.top-center{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.08em}.signal-dot,.lit-dot,.console-led{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 11px var(--amber);display:inline-block;flex:none}.topbar nav{display:flex;gap:25px;white-space:nowrap}.topbar nav a{text-decoration:none;font-size:11px;color:var(--muted)}.topbar nav a:hover,.topbar nav a.current{color:var(--amber)}main{position:relative;z-index:1;max-width:1640px;padding:0 clamp(18px,3.5vw,58px);margin:auto}.intro{display:flex;justify-content:space-between;gap:36px;min-height:279px;padding:45px 0 36px;border-bottom:1px solid var(--line)}.intro-copy{max-width:860px}.eyebrow,.intro-index>span,.console-head,.route-heading,.activity-head,.capability>span,.lower-card>span{color:var(--amber);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.intro h1{font:600 clamp(50px,6.2vw,93px)/.97 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02em;margin:15px 0}.intro h1 span{color:var(--amber);text-shadow:0 0 27px #f3a45a70}.lede{color:#c0baa9;max-width:740px;font-size:13px;margin:0}.intro-index{min-width:185px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:3px}.intro-index strong{color:#baa384;font:600 36px/.94 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.08em;margin:13px 0}.intro-index small{color:#8e9b86;font-size:9px;line-height:1.7}.transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 130px;gap:1px;background:var(--line);border:1px solid var(--line);margin:19px 0 24px}.mode{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:#1c1d17;color:var(--ink);padding:15px 21px;min-height:94px;cursor:pointer;text-decoration:none;transition:background .2s}.mode:hover,.mode.active{background:#2d3026}.mode.active{box-shadow:inset 0 3px 0 var(--amber)}.mode>span{color:var(--amber);font-size:10px;letter-spacing:.16em}.mode strong{font:600 25px/1 'Barlow Condensed','Arial Narrow',sans-serif;margin:8px 0 4px}.mode small{color:var(--muted);font-size:10px}.transport-mark{background:#181b15;display:grid;place-content:center;text-align:center;gap:4px;color:#8fa18d;font-size:10px;letter-spacing:.14em}.transport-mark b{font:400 30px/1 sans-serif;color:var(--amber)}
.cockpit{display:grid;grid-template-columns:minmax(0,1fr) minmax(294px,330px);gap:20px;align-items:start}.sim-panel,.console{border:1px solid var(--line);background:linear-gradient(135deg,#1b1c17,#12130f)}.sim-panel{min-width:0;overflow:hidden;box-shadow:0 35px 100px #0007}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}.panel-heading h2{font:600 35px/1 'Barlow Condensed','Arial Narrow',sans-serif;margin:5px 0 0;letter-spacing:.035em}.panel-heading h2 span{color:var(--amber)}.panel-flags{color:#93a38d;font-size:10px;white-space:nowrap}.panel-flags .lit-dot{background:var(--phosphor);box-shadow:0 0 10px var(--phosphor);margin-right:4px}.panel-flags .divider{margin:0 7px;color:#776d58}#sim-frame{display:block;width:100%;height:980px;border:0;background:#171813}.underbar{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:10px 22px;color:#8b9a88;font-size:10px}.console{position:sticky;top:15px;overflow:hidden}.console-head{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;background:#292a20;border-bottom:1px solid var(--line)}.console-led{background:#655d4a;box-shadow:none}.console-led.on{background:var(--phosphor);box-shadow:0 0 13px var(--phosphor)}.identity{padding:20px 20px 13px}.identity small{color:#8e9d88;font-size:10px;letter-spacing:.15em}.identity strong{display:block;font:600 34px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.04em;color:var(--amber);margin-top:8px}.identity p{min-height:68px;color:var(--muted);font-size:11px;margin:10px 0 0}.device-actions{display:flex;gap:7px;padding:0 19px 18px}.action{border:1px solid #7b694c;background:#25271e;color:var(--amber);padding:9px 11px;min-height:39px;cursor:pointer;font-size:10px;white-space:nowrap}.action.primary{background:var(--amber);border-color:var(--amber);color:#21170e;font-weight:600;flex:1}.action:hover{filter:brightness(1.17)}.action:disabled{opacity:.4;cursor:not-allowed}.route-heading,.activity-head{display:flex;justify-content:space-between;align-items:center;background:#24261e;padding:9px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.route-heading span,.activity-head span:last-child{color:#8a9b85;font-size:9px;letter-spacing:0}.switchrow{position:relative;display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line-faint);cursor:pointer}.switchrow span b,.switchrow span small{display:block}.switchrow b{font-size:11px;font-weight:500}.switchrow small{color:var(--muted);font-size:10px;margin-top:3px}.switchrow input{position:absolute;opacity:0;width:1px;height:1px}.switchrow i{position:relative;display:block;flex:none;width:31px;height:17px;background:#45463a;border:1px solid #6d6d55;border-radius:10px;margin-top:4px}.switchrow i:before{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;background:#a19a81;border-radius:50%;transition:transform .17s}.switchrow input:checked+i{background:#69583b;border-color:var(--amber)}.switchrow input:checked+i:before{background:var(--amber);transform:translateX(14px)}.switchrow:has(input:disabled){opacity:.5;cursor:not-allowed}.switchrow:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:-2px}.channel-row{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;color:var(--muted);font-size:10px}.channel-row select{background:#24261e;border:1px solid var(--line);padding:5px;color:var(--ink);font-size:10px}.activity{list-style:none;padding:12px 17px;min-height:93px;max-height:139px;overflow:auto;margin:0;color:#a9b6a2;font-size:10px}.activity li{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px dotted #494d3d}.activity li em{color:var(--amber);font-style:normal}.activity li small{color:#728271}.panic{display:block;width:calc(100% - 36px);margin:4px 18px 19px;padding:9px;border:1px solid #a1634f;background:#341e1a;color:#f5a480;cursor:pointer;font-size:10px}.panic:hover{background:#4a2821}.capability{background:#1b1d18;border-top:1px solid var(--line);padding:15px 18px}.capability p{font-size:10px;color:var(--muted);margin:7px 0}.capability a{font-size:10px;color:var(--amber);text-underline-offset:3px}
.lower{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0 55px}.lower-card{display:block;border:1px solid var(--line);background:#1b1c17;padding:22px;min-height:181px;text-decoration:none}.lower-card:not(div):hover{border-color:var(--amber);background:#26251c}.lower-card h3{font:600 25px/1.1 'Barlow Condensed','Arial Narrow',sans-serif;margin:14px 0 8px}.lower-card p{color:var(--muted);font-size:11px;margin:0}.lower-card.caution{border-color:#715741}.lower-card.caution a{display:inline-block;margin-top:8px;font-size:10px;color:var(--amber)}footer{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:22px clamp(18px,3.5vw,58px);color:#8b9c87;font-size:10px}footer a{text-decoration:none;color:var(--muted)}footer a:hover{color:var(--amber)}
@media(max-width:1150px){.top-center{display:none}.cockpit{grid-template-columns:minmax(0,1fr) 290px}.intro h1{font-size:66px}.panel-flags{display:none}}
@media(max-width:850px){.cockpit{grid-template-columns:1fr}.console{position:static;display:grid;grid-template-columns:1fr 1fr}.console-head,.route-heading,.activity-head,.capability{grid-column:1/-1}.device-actions{align-self:end}.switchrow:nth-of-type(odd){border-right:1px solid var(--line-faint)}.channel-row,.activity,.panic{grid-column:1/-1}.lower{grid-template-columns:1fr 1fr}.lower-card.caution{grid-column:1/-1}}
@media(max-width:620px){.topbar{min-height:0;padding:15px 18px;flex-wrap:wrap}.topbar nav{width:100%;gap:19px}.intro{padding:38px 0 27px;min-height:0}.intro h1{font-size:52px}.intro-index{display:none}.transport{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-mark{display:none}.mode{padding:12px 9px;min-height:90px}.mode strong{font-size:19px}.mode small{font-size:9px;line-height:1.25}.panel-heading{padding:14px}.panel-heading h2{font-size:27px}.console{display:block}.underbar{display:block;font-size:9px}.underbar span{display:block}.lower{grid-template-columns:1fr}.lower-card.caution{grid-column:auto}}
.web-volume{gap:12px}.web-volume label{white-space:nowrap}.web-volume output{color:var(--amber)}.web-volume input{width:135px;accent-color:var(--amber)}
.web-only-status{margin:0;padding:0 18px 13px;color:var(--muted);font-size:10px;line-height:1.5}
.demo-signal{display:block;width:calc(100% - 36px);margin:0 18px 8px;padding:9px;border:1px dashed #716849;background:transparent;color:#aebd9f;cursor:pointer;font-size:10px;text-align:left}.demo-signal:hover{border-color:var(--phosphor);color:var(--phosphor)}
.editor-panel{border:1px solid var(--line);background:#171711;margin:22px 0 0;scroll-margin-top:20px}.editor-heading{padding:24px clamp(18px,3vw,42px) 16px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#31251a,#1a1c17 65%)}.editor-heading h2{font:600 clamp(29px,3vw,44px)/1.05 'Barlow Condensed','Arial Narrow',sans-serif;margin:9px 0;color:var(--ink)}.editor-heading p{color:var(--muted);font-size:11px;margin:0}.editor-panel iframe{display:block;width:100%;height:730px;border:0;background:#0c0805}.editor-panel:focus-within{border-color:#92704e}