@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060b13;--surface:#0c1420;--surface-raised:#111c2a;--surface-muted:#142130;--ink:#f2f5f8;--ink-soft:#8d9bab;--line:#223245;--line-strong:#38506a;--cyan:#68e0cf;--cyan-soft:#143d3d;--orange:#ff9366;--orange-soft:#49291f;--violet:#9da7ff;--green:#d8f28a;--red:#ff7d74;--shadow:0 24px 80px #00000057}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 8% 2%, #68e0cf1a, transparent 28rem), radial-gradient(circle at 95% 12%, #ff936617, transparent 28rem), linear-gradient(#5870910b 1px, transparent 1px), linear-gradient(90deg, #5870910b 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--ink);background-size:auto,auto,52px 52px,52px 52px,auto;margin:0;font-family:Manrope,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.shell{width:min(1580px,100% - 40px);margin:0 auto;padding:24px 0 42px}.hero,.hero__copy,.hero__actions,.hero__proof,.stage__toolbar,.stage__actions,.panel__header,.benchmark-card>div,.footer{align-items:center;display:flex}.hero{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1420e6;justify-content:space-between;gap:30px;margin-bottom:18px;padding:25px 27px}.hero__copy{align-items:flex-start;gap:18px;max-width:1050px}.case-mark{border:1px solid var(--line-strong);background:linear-gradient(135deg, transparent 44%, var(--cyan) 45%, var(--cyan) 51%, transparent 52%), var(--surface-muted);width:52px;height:52px;color:var(--orange);flex:0 0 52px;place-items:center;font:500 12px/1 DM Mono,monospace;display:grid}.eyebrow,.panel__kicker,.stage__path,.insight__signal span,.lesson-strip span,.canvas-hud span,.hero__proof span,.capability-banner,.footer{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace}.eyebrow,.panel__kicker,.stage__path{color:var(--cyan);font-size:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Syne,sans-serif}h1{letter-spacing:-.055em;margin:6px 0 4px;font-size:clamp(38px,4.8vw,70px);line-height:.96}h1 span{color:var(--orange)}.hero__subtitle{color:var(--cyan);font:500 13px/1.4 DM Mono,monospace}.hero p{max-width:810px;color:var(--ink-soft);margin:10px 0 13px;line-height:1.6}.hero__proof{flex-wrap:wrap;gap:7px}.hero__proof span{border:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);padding:5px 8px;font-size:8px}.hero__actions,.stage__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.button{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:40px;color:var(--ink);border-radius:0;justify-content:center;align-items:center;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.button:hover:not(:disabled){border-color:var(--cyan)}.button:disabled{cursor:wait;opacity:.5}.button--primary{border-color:var(--orange);background:var(--orange);color:#11151c}.button--accent{border-color:var(--cyan);color:var(--cyan)}.capability-banner{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);margin-bottom:18px;padding:9px 12px;font-size:9px}.capability-banner.is-ready{border-color:color-mix(in srgb, var(--cyan) 42%, var(--line));color:var(--cyan)}.capability-banner.is-error{border-color:var(--red);color:var(--red)}.workspace{grid-template-columns:minmax(0,2.15fr) minmax(330px,.78fr);align-items:start;gap:18px;display:grid}.stage,.panel,.inspect-bar,.benchmark,.terms{border:1px solid var(--line);box-shadow:var(--shadow);background:#0c1420f0}.stage{overflow:hidden}.stage__toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:17px 19px}.stage__toolbar h2{margin:3px 0 2px;font-size:20px}.stage__toolbar p{color:var(--ink-soft);margin:0;font-size:10px}.mode-switch{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.mode-switch button{border:0;border-right:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);text-align:left;padding:13px 15px}.mode-switch button:last-child{border-right:0}.mode-switch b,.mode-switch small{display:block}.mode-switch b{font-size:10px}.mode-switch small{color:var(--ink-soft);margin-top:4px;font:400 8px/1.35 DM Mono,monospace}.mode-switch button.is-active{box-shadow:inset 0 -3px var(--orange);background:var(--surface-raised);color:var(--ink)}.mode-switch button.is-active b{color:var(--cyan)}.insight{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--cyan-soft) 48%, var(--surface));grid-template-columns:minmax(0,1.6fr) minmax(110px,.32fr) minmax(140px,.45fr);display:grid}.insight__main,.insight__signal{border-right:1px solid var(--line);padding:15px 17px}.insight__main h3{margin:4px 0;font-size:16px}.insight__main p,.lesson-strip p{color:var(--ink-soft);margin:0;font-size:9px;line-height:1.55}.insight__signal{align-content:center;display:grid}.insight__signal span,.lesson-strip span{color:var(--orange);font-size:7px}.insight__signal strong{color:var(--green);margin-top:5px;font:500 15px/1.2 DM Mono,monospace}.lesson-strip{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:.9fr .9fr 1.5fr;display:grid}.lesson-strip>div{border-right:1px solid var(--line);padding:11px 14px}.lesson-strip>div:last-child{border-right:0}.lesson-strip p{margin-top:4px}.lesson-strip__read{background:color-mix(in srgb, var(--cyan-soft) 65%, transparent)}.lesson-strip__read p{color:var(--ink);font-weight:600}.canvas-shell{background:radial-gradient(circle at 50% 30%,#68e0cf14,#0000 45%),#06101a;min-height:590px;position:relative}#gpu-canvas{touch-action:none;width:100%;height:590px;display:block}.canvas-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a11d1;border:1px solid #68e0cf33;align-items:center;gap:12px;padding:9px 11px;display:flex;position:absolute;top:14px;left:14px}.canvas-hud div{min-width:76px}.canvas-hud span,.canvas-hud strong{display:block}.canvas-hud span{color:#71869a;font-size:7px}.canvas-hud strong{color:#f3f7fa;margin-top:2px;font:500 11px/1.3 DM Mono,monospace}.canvas-hud i{background:#68e0cf2e;width:1px;height:26px}.unsupported-copy{text-align:center;background:#04090ff0;place-content:center;gap:8px;padding:30px;display:none;position:absolute;inset:0}.unsupported-copy strong{color:var(--orange);font:700 24px/1.2 Syne,sans-serif}.unsupported-copy span{color:var(--ink-soft)}.canvas-shell.is-unsupported .unsupported-copy{display:grid}.stage-foot{color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;gap:14px;padding:11px 16px;font:400 8px/1.5 DM Mono,monospace;display:flex}.stage-foot b{color:var(--cyan)}.sidebar{gap:12px;display:grid}.panel{box-shadow:none}.panel__header{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:14px 15px}.panel__header h3{margin:3px 0 0;font-size:16px}.panel__header output{background:var(--cyan-soft);color:var(--cyan);padding:5px 7px;font:500 9px/1 DM Mono,monospace}.panel--telemetry{border-top:3px solid var(--cyan)}.metric,.range-row,.select-row{border-bottom:1px solid var(--line)}.metric--wide{justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr);padding:0 15px 15px;display:grid}.metric-grid .metric{border:1px solid var(--line);min-width:0;padding:11px}.metric span,.metric strong{display:block}.metric span{color:var(--ink-soft);font-size:9px}.metric strong{color:var(--green);margin-top:4px;font:500 11px/1.3 DM Mono,monospace}.control-stack{padding:0 15px}.range-row,.select-row{grid-template-columns:1fr auto;gap:7px 12px;padding:12px 0;display:grid}.range-row span,.range-row b,.range-row small,.select-row span,.select-row b,.select-row small{display:block}.range-row b,.select-row b{font-size:10px}.range-row small,.select-row small{color:var(--ink-soft);margin-top:2px;font-size:8px}.range-row output{color:var(--cyan);font:500 9px/1.3 DM Mono,monospace}input[type=range]{width:100%;accent-color:var(--orange);grid-column:1/-1}.select-row select{border:1px solid var(--line-strong);background:var(--surface-muted);width:100%;color:var(--ink);border-radius:0;grid-column:1/-1;padding:8px;font-size:9px}.stats-grid{grid-template-columns:1fr auto;margin:0;padding:7px 15px 14px;display:grid}.stats-grid dt,.stats-grid dd{border-bottom:1px solid var(--line);margin:0;padding:8px 0;font-size:9px}.stats-grid dt{color:var(--ink-soft)}.stats-grid dd{color:var(--cyan);text-align:right;font-family:DM Mono,monospace}.stats-grid--wrap dd{overflow-wrap:anywhere;max-width:180px}.inspect-bar{grid-template-columns:minmax(250px,1fr) repeat(3,minmax(180px,.72fr));margin-top:18px;display:grid}.inspect-bar>div,.compact-toggle{border-right:1px solid var(--line);padding:14px 16px}.inspect-bar>:last-child{border-right:0}.inspect-bar h3{margin:3px 0 2px;font-size:15px}.inspect-bar p,.compact-toggle small{color:var(--ink-soft);margin:0;font-size:8px}.compact-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-toggle b,.compact-toggle small{display:block}.compact-toggle b{font-size:10px}.switch{flex:0 0 34px;width:34px;height:18px;position:relative}.switch input{opacity:0;position:absolute}.switch i{border:1px solid var(--line-strong);background:var(--surface-muted);position:absolute;inset:0}.switch i:after{background:var(--ink-soft);content:"";width:10px;height:10px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+i{border-color:var(--cyan);background:var(--cyan-soft)}.switch input:checked+i:after{background:var(--cyan);transform:translate(16px)}.benchmark{grid-template-columns:minmax(280px,.72fr) minmax(0,2.1fr);margin-top:18px;display:grid}.benchmark__intro{border-right:1px solid var(--line);padding:25px}.benchmark h2,.terms h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(27px,3.2vw,42px);line-height:1}.benchmark__intro>p{color:var(--ink-soft);line-height:1.6}.audit-note{border-top:1px solid var(--line);margin-top:21px;padding-top:14px}.audit-note b,.audit-note span{display:block}.audit-note b{color:var(--orange);text-transform:uppercase;font:500 8px/1.4 DM Mono,monospace}.audit-note span{color:var(--ink-soft);margin-top:5px;font-size:9px;line-height:1.55}.benchmark-grid{grid-template-columns:repeat(4,1fr);display:grid}.benchmark-empty{min-height:260px;color:var(--ink-soft);grid-column:1/-1;place-items:center;font:400 10px/1.4 DM Mono,monospace;display:grid}.benchmark-card{border-right:1px solid var(--line);min-width:0;padding:18px}.benchmark-card:last-child{border-right:0}.benchmark-card.is-winner{background:linear-gradient(150deg, var(--cyan-soft), transparent 74%)}.benchmark-card>div{justify-content:space-between;gap:8px}.benchmark-card span{color:var(--ink-soft);text-transform:uppercase;font:500 8px/1.3 DM Mono,monospace}.benchmark-card b{color:var(--orange);font-size:8px}.benchmark-card>strong,.benchmark-card>small{display:block}.benchmark-card>strong{color:var(--cyan);margin:22px 0 4px;font:500 clamp(23px,3vw,38px)/1 DM Mono,monospace}.benchmark-card>small{color:var(--ink-soft);font-size:8px}.benchmark-card dl{border-top:1px solid var(--line);grid-template-columns:1fr auto;margin:18px 0 0;padding-top:10px;display:grid}.benchmark-card dt,.benchmark-card dd{color:var(--ink-soft);margin:0;padding:5px 0;font-size:8px}.benchmark-card dd{color:var(--ink);font-family:DM Mono,monospace}.terms{grid-template-columns:minmax(250px,.9fr) repeat(4,1fr);margin-top:18px;display:grid}.terms>div,.terms article{border-right:1px solid var(--line);padding:22px}.terms>:last-child{border-right:0}.terms article span{color:var(--orange);text-transform:uppercase;font:500 9px/1.3 DM Mono,monospace}.terms article p{color:var(--ink-soft);margin:8px 0 0;font-size:10px;line-height:1.6}.footer{color:var(--ink-soft);justify-content:space-between;gap:18px;padding:25px 4px 0;font-size:8px}.dialog{border:1px solid var(--line-strong);background:var(--surface-raised);width:min(650px,100% - 28px);color:var(--ink);box-shadow:var(--shadow);border-radius:0;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020509c7}.dialog__body{padding:28px}.dialog h3{margin:7px 0 10px;font-size:27px}.dialog p,.dialog li{color:var(--ink-soft);line-height:1.6}.dialog li+li{margin-top:7px}.dialog__actions{text-align:right;padding:0 28px 25px}@media (width<=1240px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr)}.benchmark{grid-template-columns:1fr}.benchmark__intro{border-right:0;border-bottom:1px solid var(--line)}.terms{grid-template-columns:repeat(2,1fr)}.terms>div{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1}.terms article:nth-of-type(2){border-right:0}}@media (width<=800px){.shell{width:min(100% - 20px,1580px);padding-top:10px}.hero,.stage__toolbar,.footer{flex-direction:column;align-items:stretch}.hero{padding:19px}.case-mark{display:none}.hero__actions,.stage__actions{justify-content:flex-start}.mode-switch,.insight,.lesson-strip,.benchmark-grid{grid-template-columns:1fr}.mode-switch button,.insight__main,.insight__signal,.lesson-strip>div,.benchmark-card{border-right:0;border-bottom:1px solid var(--line)}.mode-switch button.is-active{box-shadow:inset 3px 0 var(--orange)}.canvas-shell,#gpu-canvas{height:470px;min-height:470px}.canvas-hud{transform-origin:0 0;transform:scale(.82)}.sidebar,.inspect-bar{grid-template-columns:1fr}.inspect-bar>div,.compact-toggle{border-right:0;border-bottom:1px solid var(--line)}.inspect-bar>:last-child{border-bottom:0}.terms{grid-template-columns:1fr}.terms>div,.terms article{border-right:0;border-bottom:1px solid var(--line);grid-column:auto}.terms>:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}