:root{--bg:#070b12;--panel:#0d1420;--panel-2:#111b2b;--line:#1c2a3d;--line-2:#2a3b55;--fg:#e6eef8;--muted:#7e90a8;--live:#5ee7ff;--ref:#ffb454;--ok:#7cf3a0;--bad:#ff5d73;--violet:#b99cff;--font-sans:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius:10px;--shell:1440px;--bg-2:var(--panel);--bg-3:var(--panel-2);--accent:var(--live);--accent-2:var(--violet);--link:var(--live);--font-serif:var(--font-sans)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:radial-gradient(1200px 600px at 70% -10%, #5ee7ff12, transparent 60%), radial-gradient(900px 500px at 10% 100%, #b99cff0d, transparent 60%), var(--bg);color:var(--fg);font:16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--live);outline-offset:3px}::selection{background:var(--live);color:var(--bg)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.1}p{margin:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:var(--shell);margin:0 auto;padding:0 40px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.brand svg{color:var(--fg)}.nav nav{gap:4px;display:flex}.nav nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:15px}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--fg);background:var(--panel-2)}.hero{grid-template-rows:1fr auto;min-height:78vh;padding:72px 0 0;display:grid;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0 -40px;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%)}.hero-canvas canvas{width:100%;height:100%;display:block}.hero-copy{z-index:1;align-self:center;max-width:640px;position:relative}.hero-copy:before{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(closest-side,#070b12eb,#070b12b3 60%,#0000);position:absolute;inset:-40px -80px -40px -60px}.hero h1{letter-spacing:-.045em;margin-bottom:28px;font-size:clamp(56px,8.5vw,124px);line-height:.95}.hero h1:after{content:"";background:linear-gradient(90deg, var(--live), transparent);width:96px;height:3px;margin-top:24px;display:block}.hero-copy p{color:#c5d2e3;max-width:560px;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1420cc;border-radius:8px;align-items:center;padding:12px 20px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--live)}.btn-primary{background:var(--live);color:var(--bg);border-color:var(--live)}.btn-primary:hover{background:#8ff0ff}.hero-stats{z-index:1;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 0;padding:24px 0;list-style:none;display:grid;position:relative}.hero-stats li{align-items:baseline;gap:12px;display:flex}.hero-stats b{font:500 28px/1 var(--font-mono);color:var(--live)}.hero-stats span{color:var(--muted)}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin:96px 0 28px;display:flex}.section-head h2,.catalog-head h2,.domain-grid h2,.method-strip h2{font-size:32px}.section-head p,.catalog-head p{color:var(--muted);max-width:520px}.method-strip{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #5ee7ff0d, transparent 50%), var(--panel);grid-template-columns:1fr 1.6fr;gap:48px;margin:96px 0 0;padding:40px;display:grid}.method-strip p{color:var(--muted);max-width:420px;margin-top:12px}.pipeline{counter-reset:step;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.pipeline li{border-left:1px solid var(--line-2);padding:0 16px 0 14px;position:relative}.pipeline li:before{counter-increment:step;content:counter(step);font:500 12px/1 var(--font-mono);color:var(--live);margin-bottom:12px;display:block}.pipeline b{margin-bottom:6px;font-weight:600;display:block}.pipeline span{color:var(--muted);font-size:13px;line-height:1.4;display:block}.footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;gap:40px;margin:120px 0 0;padding:32px 0 48px;font-size:14px;display:grid}.footer p{max-width:520px;margin-top:8px}.brand-small{letter-spacing:.12em;color:var(--fg);font-weight:700}.footer nav{flex-direction:column;gap:8px;display:flex}.footer nav a:hover{color:var(--fg)}.lab-head{grid-template-columns:1fr 380px;align-items:end;gap:40px;padding:40px 0 24px;display:grid}.crumb{font:500 12px/1 var(--font-mono);color:hsl(var(--hue) 80% 70%);margin-bottom:14px}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--fg)}.lab-head h1{margin-bottom:14px;font-size:clamp(32px,4vw,48px)}.lead{color:#b9c6d8;max-width:60ch;font-size:17px}.lab-meta{gap:12px;font-size:13px;display:grid}.lab-meta dl{grid-template-columns:60px 1fr;gap:4px 12px;margin:0;display:grid}.lab-meta dt{color:var(--muted);font:500 11px/1.7 var(--font-mono)}.lab-meta dd{color:#cfdaea;margin:0}.lab-meta a{color:var(--live);font:12px var(--font-mono)}.lab-meta a:hover{text-decoration:underline}.lab{grid-template-columns:1fr 320px;grid-template-areas:"stage rail""tele rail";gap:14px;display:grid}.lab-stage{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(800px 400px at 50% 110%, #5ee7ff0f, transparent 60%), var(--panel);grid-area:stage;height:clamp(480px,64vh,820px);position:relative;overflow:hidden}.engine-host,.engine-canvas{position:absolute;inset:0}.engine-canvas canvas{outline:none;display:block;width:100%!important;height:100%!important}.engine-loading,.engine-error{border:1px solid var(--line-2);color:var(--muted);font:13px var(--font-mono);z-index:3;background:#070b12d9;border-radius:8px;padding:12px 14px;position:absolute;inset:auto 16px 16px}.engine-loading{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.engine-error{color:var(--bad)}.lab-hud{pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:12px 12px auto}.lab-transport{pointer-events:auto;align-items:center;gap:6px;display:flex}.lab-transport button{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b12cc;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500}.lab-transport button:hover{border-color:var(--live)}.lab-transport button[aria-pressed=true]{color:var(--live)}.lab-hint{color:var(--muted);font:12px var(--font-mono);margin-left:6px}.lab-legend{border:1px solid var(--line);font:12px var(--font-mono);color:#b9c6d8;background:#070b12b3;border-radius:6px;flex-direction:column;gap:4px;margin:0;padding:8px 12px;list-style:none;display:flex}.lab-legend li{align-items:center;gap:8px;display:flex}.lab-legend i{border-radius:2px;width:10px;height:10px}.inset{z-index:2;border:1px solid var(--line);background:#070b12cc;border-radius:6px;gap:6px;padding:8px;display:grid;position:absolute;bottom:12px;left:12px}.inset canvas{border-radius:3px;display:block}.inset span{font:11px var(--font-mono);color:var(--muted)}.inset-list{max-width:260px;max-height:40%;overflow:auto}.inset-list summary{cursor:pointer;font:12px var(--font-mono);color:#b9c6d8}.inset-list ul{font:11px/1.5 var(--font-mono);color:var(--muted);margin:6px 0 0;padding:0 0 0 14px}.lab-rail{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;grid-area:rail;align-self:start;gap:14px;padding:18px;display:flex;position:sticky;top:16px}.lab-rail h2{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:500}.ctl{gap:6px;display:grid}.ctl>span{justify-content:space-between;font-size:14px;display:flex}.ctl output{font:13px var(--font-mono);color:var(--live)}.ctl input[type=range]{width:100%;accent-color:var(--live);margin:0}.ctl input[type=text]{border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font:13px var(--font-mono);border-radius:6px;padding:9px 10px}.ctl small,.rail-note{color:var(--muted);font-size:12px;line-height:1.5}.ctl small.err{color:var(--bad)}.ctl-toggle{align-items:center;gap:10px;font-size:14px;display:flex}.ctl-toggle input{accent-color:var(--live);width:16px;height:16px;margin:0}.file-btn{border:1px dashed var(--line-2);text-align:center;cursor:pointer;border-radius:6px;padding:10px 12px;font-size:14px;display:block}.file-btn:hover{border-color:var(--live)}.file-btn input{display:none}.rail-actions{border-top:1px solid var(--line);gap:8px;padding-top:6px;display:grid}.rail-actions button{border:1px solid var(--line-2);background:0 0;border-radius:6px;padding:9px 12px;font-size:13px}.rail-actions button:hover{border-color:var(--live);color:var(--live)}.rail-note{border-top:1px solid var(--line);padding-top:12px}.lab-telemetry{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-area:tele;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;min-height:72px;display:grid;overflow:hidden}.lab-telemetry>div{background:var(--panel);gap:4px;padding:12px 14px;display:grid}.lab-telemetry span{font:11px/1.3 var(--font-mono);color:var(--muted)}.lab-telemetry b{font:500 18px/1.2 var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums}.lab-pager{grid-template-columns:1fr 1fr;gap:14px;margin-top:40px;display:grid}.lab-pager a{border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:16px 18px;font-weight:500;display:grid}.lab-pager a:last-child{text-align:right}.lab-pager small{font:11px var(--font-mono);color:var(--muted)}.lab-pager a:hover{border-color:var(--live)}.attention{grid-template-columns:1fr 340px;gap:12px;padding:52px 12px 12px;display:grid}.attention-arcs{border:1px solid var(--line);background:#070b1280;border-radius:8px;align-items:center;padding:8px;display:flex}.attention-arcs svg{width:100%;height:auto}.attention-matrix{border:1px solid var(--line);background:#070b1280;border-radius:8px;align-content:start;gap:8px;padding:8px;display:grid}.attention-matrix canvas{border-radius:4px;width:100%;height:auto}.attention-matrix span{font:11px var(--font-mono);color:var(--muted)}.orderbook{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:12px;padding:52px 12px 12px;display:grid}.ob-panel{grid-template-rows:1fr auto;gap:6px;min-height:0;display:grid}.ob-panel canvas{border:1px solid var(--line);border-radius:6px;width:100%;height:100%;min-height:0}.ob-panel span{font:11px var(--font-mono);color:var(--muted)}.ob-actions{grid-column:1/-1;gap:8px;display:flex}.ob-actions button{border:1px solid var(--line-2);background:var(--panel-2);border-radius:6px;padding:9px 14px;font-size:13px;font-weight:500}.ob-actions button:first-child:hover{border-color:var(--ok);color:var(--ok)}.ob-actions button:last-child:hover{border-color:var(--bad);color:var(--bad)}.doc-head{max-width:760px;padding:56px 0 32px}.doc-head h1{margin-bottom:16px;font-size:clamp(36px,4.5vw,56px)}.doc-head p{color:#b9c6d8;font-size:17px}.arch{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0 0 48px;padding:20px}.arch svg{width:100%;height:auto}.arch figcaption{font:12px var(--font-mono);color:var(--muted);margin-top:10px}.layers{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.layers article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.layers h2{margin-bottom:14px;font-size:22px}.layers h3{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--live);margin:14px 0 6px}.layers h3+p{color:#b9c6d8;font-size:14px;line-height:1.5}.engine-table{margin-top:64px}.engine-table h2,.contract h2,.rules h2{margin-bottom:18px;font-size:26px}.engine-table table{border-collapse:collapse;width:100%;font-size:14px}.engine-table th{text-align:left;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-2);padding:10px 12px}.engine-table td{border-bottom:1px solid var(--line);vertical-align:top;color:#cfdaea;padding:12px}.engine-table td:first-child{color:var(--fg);white-space:nowrap;font-weight:500}.engine-table td:nth-child(2){font:13px var(--font-mono);color:var(--live)}.contract{max-width:760px;margin-top:64px}.contract p{color:#b9c6d8;margin-bottom:16px}.contract pre{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);font:13px/1.6 var(--font-mono);color:#cfdaea;margin:0;padding:18px;overflow:auto}.rules{max-width:800px;margin-top:48px}.rules dl{gap:14px;margin:0;display:grid}.rules dl>div{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:16px;padding:14px 0;display:grid}.rules dt{font-weight:600}.rules dd{color:#b9c6d8;margin:0}.rules ol,.rules ul{color:#b9c6d8;gap:8px;margin:0;padding-left:22px;display:grid}.rules li::marker{color:var(--live);font-family:var(--font-mono)}@media (max-width:1200px){.lab-grid{grid-template-columns:repeat(3,1fr)}.scene-link{grid-template-columns:100px 1fr 220px}.scene-io{display:none}.layers{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.shell{padding:0 20px}.hero-canvas{inset:0 -20px}.lab{grid-template-columns:1fr;grid-template-areas:"stage""rail""tele"}.lab-rail{position:static}.lab-head{grid-template-columns:1fr}.method-strip{grid-template-columns:1fr;padding:24px}.pipeline{grid-template-columns:1fr;gap:14px}.pipeline li{border-left:none;border-top:1px solid var(--line-2);padding-top:10px;padding-left:0}.domain-grid ul{grid-template-columns:repeat(2,1fr)}.attention{grid-template-columns:1fr}.attention-matrix{max-width:320px}.orderbook{grid-template-rows:1fr 1fr auto;grid-template-columns:1fr}.footer{grid-template-columns:1fr}}@media (max-width:640px){.nav{height:64px}.nav nav{gap:0}.nav nav a{padding:8px 7px;font-size:13px}.nav nav a[href^=https]{display:none}.hero{min-height:70vh}.hero-stats{grid-template-columns:1fr;gap:10px}.lab-grid{grid-template-columns:1fr 1fr}.lab-card{min-height:0}.lab-card p{display:none}.scene-link{grid-template-columns:1fr;gap:10px}.scene-domain i{height:12px}.lab-stage{height:62vh}.lab-legend{display:none}.lab-pager,.layers,.domain-grid ul{grid-template-columns:1fr}.rules dl>div{grid-template-columns:1fr;gap:4px}.catalog-head{flex-direction:column;align-items:stretch}.search input{width:100%}}:root{--accent:hsl(var(--hue,190) 90% 68%)}.bg-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#5ee7ff0b 1px,#0000 1px),linear-gradient(90deg,#5ee7ff0b 1px,#0000 1px);background-size:48px 48px;animation:40s linear infinite gridDrift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 0,#000 0%,#0000 70%)}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:0 48px,48px 0}}@keyframes reveal{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.reveal{animation:.7s cubic-bezier(.2,.7,.2,1) both reveal}@keyframes spin{to{transform:rotate(360deg)}}.spin{border:2px solid var(--line-2);border-top-color:var(--live);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #5ee7ff00}50%{box-shadow:0 0 24px #5ee7ff40}}@keyframes scan{0%{top:-10%}to{top:110%}}.eyebrow{font:500 12px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.grad{background:linear-gradient(90deg,#5ee7ff,#b99cff 60%,#ffb454);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-actions .btn-primary{animation:3s ease-in-out infinite pulseGlow}.hero-stats b[data-count]{font-variant-numeric:tabular-nums}.nav{max-width:var(--shell);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12b8;margin:0 auto;padding:0 40px;position:sticky;top:0}.nav nav{flex-wrap:wrap}.nav nav a{padding:7px 11px;font-size:14px;position:relative}.nav nav a[aria-current=page]{color:var(--accent);background:hsl(var(--hue,190) 90% 68% / .1)}.nav-sep{background:var(--line);width:1px;margin:6px}.brand-needle{transform-origin:11px 11px;animation:6s linear infinite sweep}.nav-burger{border:1px solid var(--line);background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.nav-burger i{background:var(--fg);width:18px;height:2px;transition:transform .25s}.nav.open .nav-burger i:first-child{transform:translateY(4px)rotate(45deg)}.nav.open .nav-burger i:last-child{transform:translateY(-4px)rotate(-45deg)}.glyph{color:var(--accent);filter:drop-shadow(0 0 6px hsl(var(--hue,190) 90% 68% / .35));flex-shrink:0}.glyph .glyph-draw{stroke-dasharray:160;stroke-dashoffset:160px;animation:1.6s ease-out forwards dash}.glyph .glyph-sweep{transform-origin:32px 32px;animation:4s linear infinite sweep}.domains,.featured{margin-top:96px}.domain-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.domain-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg, hsl(var(--hue) 70% 50% / .08), transparent 55%), var(--panel);flex-direction:column;gap:14px;padding:22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.domain-card:after{content:"";background:linear-gradient(to bottom, transparent, hsl(var(--hue) 90% 68% / .06), transparent);opacity:0;pointer-events:none;height:40%;position:absolute;top:-10%;left:0;right:0}.domain-card:hover{border-color:hsl(var(--hue) 80% 60% / .6);box-shadow:0 18px 40px -20px hsl(var(--hue) 90% 60% / .5);transform:translateY(-4px)}.domain-card:hover:after{opacity:1;animation:1.4s linear infinite scan}.domain-card h3{margin-bottom:6px;font-size:17px}.domain-card p{color:var(--muted);font-size:13px;line-height:1.45}.dc-body{flex:1}.dc-foot{font:12px var(--font-mono);color:var(--muted);justify-content:space-between;display:flex}.dc-foot .arrow{color:var(--accent);transition:transform .2s}.domain-card:hover .arrow{transform:translate(4px)}.feat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:20px;transition:border-color .2s,transform .2s;display:flex}.feat-card:hover{border-color:hsl(var(--hue) 80% 60% / .6);transform:translateY(-3px)}.feat-domain{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.feat-card p{color:var(--muted);flex:1;font-size:13px;line-height:1.45}.feat-libs{font:11px var(--font-mono);color:#b9c6d8}.method-intro .btn{margin-top:18px}.page{max-width:var(--shell);margin:0 auto;padding:0 40px}.domain-head{padding:48px 0 28px}.domain-title{align-items:center;gap:22px;margin:12px 0 24px;display:flex}.domain-title h1{font-size:clamp(32px,4vw,48px)}.stats{color:var(--muted);gap:32px;font-size:14px;display:flex}.stats b{font:500 22px var(--font-mono);color:var(--accent);margin-right:6px}.scene-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.scene-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:48px 1fr 1.1fr 30px;align-items:center;gap:20px;padding:22px;transition:border-color .2s,background .2s,transform .2s;display:grid}.scene-link:hover{border-color:hsl(var(--hue) 80% 60% / .6);background:linear-gradient(90deg, hsl(var(--hue) 70% 50% / .08), var(--panel) 50%);transform:translate(4px)}.scene-idx{font:500 14px var(--font-mono);color:var(--accent)}.scene-main strong{margin-bottom:4px;font-size:18px;display:block}.scene-q{color:var(--muted);font-size:13.5px;line-height:1.45}.scene-demos{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.demo-pill{font:11px var(--font-mono);border:1px solid var(--line-2);color:#b9c6d8;background:#070b1280;border-radius:999px;padding:5px 9px}.scene-arrow{color:var(--accent)}.domain-nav{flex-wrap:wrap;gap:6px;margin:48px 0 0;display:flex}.domain-nav a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:13px}.domain-nav a.on,.domain-nav a:hover{color:var(--fg);border-color:var(--accent)}.scene-page .lab-head{padding-top:40px}.scene-page .crumb a{color:var(--muted)}.scene-page .crumb{color:var(--accent)}.demo-tabs{border-bottom:1px solid var(--line);grid-column:1/-1;gap:6px;margin-bottom:2px;padding-bottom:0;display:flex;overflow-x:auto}.demo-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;display:flex}.demo-tabs button:hover{color:var(--fg)}.demo-tabs button.on{color:var(--fg);border-bottom-color:var(--accent)}.demo-tabs .tab-n{font:500 11px var(--font-mono);color:var(--accent)}.lab{grid-template-areas:"tabs tabs""stage rail""tele rail""built rail"}.lab.rail-collapsed{grid-template-columns:1fr 52px}.lab.rail-collapsed .rail-body,.lab.rail-collapsed .rail-head h2{display:none}.rail-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rail-toggle{border:1px solid var(--line-2);width:26px;height:26px;color:var(--muted);background:0 0;border-radius:6px}.lab-telemetry{grid-area:tele}.stage-corners{pointer-events:none;z-index:2;background:linear-gradient(var(--accent), var(--accent)) top left / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 1px 14px no-repeat;opacity:.7;position:absolute;inset:8px}.lab-stage{animation:.5s both reveal}.lab-stage:before{content:"";background:linear-gradient(90deg, transparent, hsl(var(--hue,190) 90% 68% / .35), transparent);z-index:1;pointer-events:none;height:2px;animation:6s linear infinite scan;position:absolute;left:0;right:0}.engine-fill{position:absolute;inset:0}canvas.engine-host,canvas.engine-fill{width:100%;height:100%;display:block}.engine-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.engine-note{border:1px solid var(--ref);color:var(--ref);font:12px var(--font-mono);z-index:3;background:#070b12d9;border-radius:6px;padding:8px 10px;position:absolute;bottom:56px;left:12px}.key-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex;position:absolute;inset:0}.key-gate h3{font-size:20px}.key-gate p{color:var(--muted);max-width:52ch}.key-gate code{font:12px var(--font-mono);color:var(--live);border:1px solid var(--line-2);border-radius:6px;padding:6px 10px}.ctl select{border:1px solid var(--line-2);background:var(--panel-2);width:100%;color:var(--fg);font:13px var(--font-body);border-radius:6px;padding:8px 10px}.ctl .act{border:1px solid var(--accent);background:hsl(var(--hue,190) 90% 68% / .08);width:100%;color:var(--fg);border-radius:6px;padding:9px 12px;font-weight:500}.ctl .act:hover{background:hsl(var(--hue,190) 90% 68% / .18)}.built-with{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-area:built;padding:20px 22px}.built-with h3{align-items:baseline;gap:12px;margin-bottom:8px;font-size:15px;display:flex}.built-with h3 .eyebrow{margin:0}.bw-summary{color:#b9c6d8;margin-bottom:14px;font-size:14px;line-height:1.5}.built-with ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.built-with li{border:1px solid var(--line-2);background:#070b1280;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.built-with li a{color:var(--live);font:500 13px var(--font-mono)}.built-with li a:hover{text-decoration:underline}.built-with li a small{color:var(--muted);font-weight:400}.built-with li span{color:var(--muted);font-size:12px}.pager{justify-content:space-between;gap:12px;margin:32px 0 0;font-size:14px;display:flex}.pager a{color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:10px 14px}.pager a:hover{color:var(--fg);border-color:var(--accent)}.pager-mid{color:var(--accent)!important}.timeline{z-index:3;border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#070b12cc;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.tl-track{background:var(--panel-2);border-radius:4px;flex:1;height:8px;position:relative}.tl-track i{border-radius:1px;width:2px;height:14px;position:absolute;top:-3px}.tl-fill{background:linear-gradient(90deg, #5ee7ff66, var(--live));border-radius:4px;position:absolute;top:0;bottom:0;left:0}.tl-head{background:var(--fg);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-4px;box-shadow:0 0 0 3px #5ee7ff59}.tl-time{font:12px var(--font-mono);color:var(--fg);text-align:right;min-width:110px}.topic-list{z-index:3;border:1px solid var(--line);max-height:45%;font:11px var(--font-mono);color:#b9c6d8;background:#070b12cc;border-radius:8px;min-width:220px;padding:8px 10px;position:absolute;top:56px;left:12px;overflow:auto}.topic-list b{color:var(--live);margin-bottom:6px;font-weight:500;display:block}.topic-list div{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.topic-list small{color:var(--muted)}@media (max-width:1200px){.domain-grid,.feat-grid{grid-template-columns:repeat(3,1fr)}.scene-link{grid-template-columns:40px 1fr 30px}.scene-demos{display:none}}@media (max-width:960px){.page,.nav{padding:0 20px}.domain-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}.lab{grid-template-columns:1fr;grid-template-areas:"tabs""stage""tele""rail""built"}.lab.rail-collapsed{grid-template-columns:1fr}.nav-burger{display:flex}.nav nav{border-bottom:1px solid var(--line);background:#070b12f5;flex-direction:column;padding:12px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0}.nav.open nav{display:flex}.nav nav a[href^=https]{display:block}.nav-sep{display:none}.pager{flex-direction:column}}@media (max-width:640px){.domain-grid,.feat-grid{grid-template-columns:1fr}.stats{flex-wrap:wrap;gap:16px}.domain-title{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.reveal,.bg-grid,.lab-stage:before,.glyph *,.brand-needle,.hero-actions .btn-primary{animation:none!important}}.annot-list{z-index:3;border:1px solid var(--line);font:12px var(--font-mono);color:#b9c6d8;background:#070b12cc;border-radius:8px;min-width:160px;max-height:40%;padding:8px 10px;position:absolute;top:56px;left:12px;overflow:auto}.annot-list b{color:var(--fg);margin-bottom:6px;font-weight:500;display:block}.annot-list div{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:3px 4px;display:flex}.annot-list div.on{color:var(--fg);background:#5ee7ff26}.annot-list i{border-radius:2px;width:8px;height:8px}.annot-list small{color:var(--muted)}.cam-inset{aspect-ratio:1.6;border:1px solid var(--line-2);z-index:3;background:#0a0f18;border-radius:6px;width:38%;position:absolute;bottom:12px;right:12px}.img-host{background:#05080e;justify-content:center;align-items:center;display:flex}.img-canvas{object-fit:contain;width:100%;max-height:100%;display:block}.qa-host{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.qa-summary{gap:6px;font-size:13px;display:grid}.qa-summary>div{border:1px solid var(--line);border-radius:6px;align-items:baseline;gap:12px;padding:6px 10px;display:flex}.qa-summary b{font:500 12px var(--font-mono);color:var(--live);min-width:80px}.qa-summary span{color:var(--muted);font-size:12px}.qa-bars{border:0!important;gap:6px!important;padding:0!important}.qa-pill{font:11px var(--font-mono);border:1px solid var(--line-2);color:#b9c6d8;border-radius:999px;padding:4px 8px}.qa-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.qa-list li{border-left:3px solid var(--ref);background:#0d1420e6;border-radius:6px;grid-template-columns:56px 90px 1fr auto;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:grid}.qa-list li.error{border-left-color:var(--bad)}.qa-list li.ok{border-left-color:var(--ok);color:var(--ok);grid-template-columns:1fr}.qa-id{font:500 12px var(--font-mono);color:var(--fg)}.qa-rule{font:11px var(--font-mono);color:var(--muted)}.qa-list button{border:1px solid var(--line-2);color:var(--live);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.qa-list button:hover{border-color:var(--live)}.export-pre{font:12px/1.5 var(--font-mono);color:#cfdaea;border:1px solid var(--line);white-space:pre;background:#070b12cc;border-radius:8px;margin:0;padding:12px;overflow:auto}.snip-host{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.snip{border:1px solid var(--line);cursor:pointer;background:#0d1420e6;border-radius:8px;padding:8px;transition:border-color .2s,transform .2s}.snip:hover{border-color:var(--accent);transform:translateY(-2px)}.snip.open{border-color:var(--accent);grid-column:span 2}.snip-head{font:11px var(--font-mono);color:var(--muted);justify-content:space-between;margin-bottom:6px;display:flex}.snip-head b{color:var(--fg);font-weight:500}.snip canvas{border-radius:4px;width:100%;height:90px;display:block}.snip.open canvas{height:160px}.snip-meta{font:11px var(--font-mono);color:var(--muted);margin-top:6px}.triage-host{grid-template-rows:1fr auto;grid-template-columns:220px 1fr;display:grid}.triage-queue{border-right:1px solid var(--line);font:12px var(--font-mono);background:#070b1299;grid-row:1/3;padding:8px;overflow:auto}.triage-queue b{color:var(--fg);margin:4px 0 8px;font-weight:500;display:block}.triage-queue div{color:#b9c6d8;cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:5px 6px;display:flex}.triage-queue div span{color:var(--accent)}.triage-queue div small{color:var(--muted);margin-left:auto}.triage-queue div.on{color:var(--fg);background:#5ee7ff24}.triage-queue div i{border-radius:50%;width:8px;height:8px}.triage-stage{min-height:0;position:relative}.triage-actions{border-top:1px solid var(--line);font:12px var(--font-mono);color:var(--muted);background:#070b12cc;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.triage-actions>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.triage-actions button{border:1px solid var(--line-2);color:var(--fg);background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.triage-actions button.on,.triage-actions button:hover{border-color:var(--accent);color:var(--accent)}.triage-actions button.t{border-color:var(--bad)}.triage-actions .hint{margin-left:auto}.map-host .maplibregl-map,.map-host .mapboxgl-map{width:100%;height:100%}.map-host .maplibregl-ctrl-attrib,.map-host .mapboxgl-ctrl-attrib{color:var(--muted);background:#070b12b3;font-size:10px}@media (max-width:960px){.triage-host{grid-template-rows:140px 1fr auto;grid-template-columns:1fr}.triage-queue{border-right:0;border-bottom:1px solid var(--line);grid-row:auto}}.tree-list div small{color:var(--muted);margin-left:auto}.act-btn{border:1px solid var(--line-2);color:var(--fg);background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.act-btn.ok{border-color:var(--ok)}.act-btn.bad{border-color:#ff5d7380}.act-btn:hover{background:#5ee7ff1a}.cesium-host .cesium-viewer,.cesium-host .cesium-widget,.cesium-host .cesium-widget canvas{width:100%;height:100%}.cesium-host .cesium-viewer-bottom{display:none}.l7-host .l7-scene,.l7-host .l7-control-container{font-family:var(--font-mono)}.trace-host{gap:8px}.trace-bar{border:1px solid var(--line);background:#070b12b3;border-radius:8px;height:80px;position:relative;overflow:hidden}.trace-span{border-radius:3px;height:16px;transition:opacity .2s;position:absolute}.trace-cursor{background:var(--fg);width:2px;position:absolute;top:0;bottom:0}.preview{width:100%;height:100%;display:block}.showcase{border:1px solid var(--line);background:radial-gradient(120% 120% at 0% 0%, hsl(var(--hue) 80% 50% / .12), transparent 60%), var(--panel);border-radius:18px;grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;margin-top:64px;padding:28px;transition:background .6s;display:grid;position:relative;overflow:hidden}.showcase:before{content:"";background:linear-gradient(120deg, hsl(var(--hue) 90% 68% / .6), transparent 40%, transparent 60%, hsl(var(--hue) 90% 68% / .3));pointer-events:none;border-radius:18px;padding:1px;transition:background .6s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sc-stage{aspect-ratio:16/9;border:1px solid var(--line);background:#070b12;border-radius:12px;position:relative;overflow:hidden}.sc-canvas{animation:.6s both reveal}.sc-corners{pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) top left / 16px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 1px 16px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 16px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 1px 16px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 16px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 1px 16px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 16px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 1px 16px no-repeat;position:absolute;inset:10px}.sc-scan{background:linear-gradient(90deg, transparent, hsl(var(--hue) 90% 68% / .5), transparent);pointer-events:none;height:2px;animation:5s linear infinite scan;position:absolute;left:0;right:0}.sc-route{font:12px var(--font-mono);color:var(--accent);border:1px solid var(--line);background:#070b12bf;border-radius:6px;padding:6px 10px;position:absolute;bottom:12px;left:14px}.sc-route:hover{border-color:var(--accent)}.sc-copy{animation:.5s both reveal}.sc-copy h2{margin-bottom:12px;font-size:clamp(28px,3vw,40px)}.sc-copy>p{color:var(--muted);font-size:15px;line-height:1.55}.sc-meta{font:12px var(--font-mono);color:#b9c6d8;margin:14px 0 20px}.sc-dots{gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:16px;left:28px}.sc-dots button{background:var(--line-2);cursor:pointer;border:0;border-radius:3px;width:26px;height:6px;position:relative;overflow:hidden}.sc-dots button.on{background:hsl(var(--hue) 40% 30%)}.sc-progress{background:hsl(var(--hue) 90% 68%);transform-origin:0;animation:5s linear forwards scProgress;position:absolute;inset:0}@keyframes scProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.live-card{padding:0;overflow:hidden}.live-card .dc-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#070b12;position:relative}.live-card .dc-preview:after{content:"";background:linear-gradient(to top, hsl(var(--hue) 70% 40% / .18), transparent 45%);pointer-events:none;position:absolute;inset:0}.live-card .dc-body{padding:16px 20px 0}.live-card .dc-foot{padding:12px 20px 18px}.feat-card{padding:0;overflow:hidden}.feat-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#070b12;margin-bottom:12px}.feat-card .feat-domain,.feat-card h3,.feat-card p,.feat-card .feat-libs{padding:0 18px}.feat-card .feat-libs{padding-bottom:18px}.feat-card h3{font-size:16px}@media (max-width:960px){.showcase{grid-template-columns:1fr;padding:18px}.sc-dots{flex-wrap:wrap;margin-top:4px;position:static}}@media (prefers-reduced-motion:reduce){.sc-scan,.sc-progress{animation:none!important}}.scene-link{grid-template-columns:150px 40px 1fr 1.1fr 30px}.scene-thumb{aspect-ratio:16/9;border:1px solid var(--line-2);background:#070b12;border-radius:8px;display:block;overflow:hidden}@media (max-width:1200px){.scene-link{grid-template-columns:120px 32px 1fr 30px}}@media (max-width:640px){.scene-link{grid-template-columns:1fr}.scene-idx,.scene-arrow{display:none}}