:root{color-scheme:dark;--void: #090b10;--deck: #111620;--raised: #192230;--grid: #35455d;--paper: #f2f5e9;--fog: #aeb9bc;--signal: #72f1b8;--signal-ink: #062116;--pulse: #ffb86b;--alert: #ff6b7a;--info: #8aa9ff;--mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max: 1440px;font-family:var(--sans);font-synthesis:none;color:var(--paper);background:var(--void)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.55;background:var(--void);color:var(--paper)}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%}::selection{color:var(--signal-ink);background:var(--signal)}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;color:var(--signal-ink);background:var(--signal);transform:translateY(-180%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.noise{position:fixed;z-index:-1;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 4px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.site-header{width:min(calc(100% - 48px),var(--max));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--grid)}.brand{display:inline-flex;min-height:44px;align-items:center;gap:12px;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end;height:18px}.brand-mark i{display:block;width:5px;background:var(--signal)}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:11px;background:var(--pulse)}.site-header nav{display:flex;gap:8px}.site-header nav a{display:grid;min-width:64px;min-height:44px;place-items:center;color:var(--fog);font-family:var(--mono);font-size:13px;text-decoration:none;text-transform:uppercase}.site-header nav a:hover{color:var(--signal)}.hero{width:min(calc(100% - 48px),var(--max));min-height:680px;margin:0 auto;padding:80px 0 88px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(40px,7vw,108px)}.eyebrow{margin:0 0 20px;color:var(--signal);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{display:inline-block;margin-right:8px;font-size:12px}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:24px;font-family:var(--mono);font-size:clamp(2.7rem,6.3vw,5.6rem);line-height:.97;letter-spacing:-.065em}h1 em{color:var(--pulse);font-style:normal}h2{margin-bottom:12px;font-family:var(--mono);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em}h3{margin-bottom:0;font-family:var(--mono);line-height:1.2;letter-spacing:-.02em}.hero-lede{max-width:590px;margin-bottom:28px;color:var(--fog);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6}.hero-note{margin:14px 0 0;color:var(--fog);font-family:var(--mono);font-size:12px}.hero-art{position:relative;margin:0;padding:12px;background:var(--deck);border:1px solid var(--grid);box-shadow:10px 10px #05070a}.hero-art:before,.hero-art:after{content:"";position:absolute;z-index:1;width:13px;height:13px;border-color:var(--signal)}.hero-art:before{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.hero-art:after{right:5px;bottom:35px;border-right:2px solid;border-bottom:2px solid}.hero-art picture{display:block;overflow:hidden;aspect-ratio:3 / 2;background:#02050a}.hero-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.hero-art figcaption{display:flex;justify-content:space-between;padding:10px 2px 0;color:var(--fog);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.button{min-height:46px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:2px;font-family:var(--mono);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,color .12s ease}.button:active{transform:translate(2px,2px);box-shadow:none}.button-primary{color:var(--signal-ink);background:var(--signal);box-shadow:4px 4px #1a7e5a}.button-primary:hover{background:#97f7ce}.button-primary:disabled{opacity:.75;cursor:wait}.button-secondary{color:var(--paper);background:var(--raised);border-color:#536883;box-shadow:4px 4px #05070a}.button-secondary:hover{border-color:var(--signal)}.button-quiet{color:var(--fog);background:transparent;border-color:var(--grid)}.button-quiet:hover{color:var(--paper);border-color:var(--fog)}.lab-section{width:min(calc(100% - 32px),calc(var(--max) + 32px));margin:0 auto;padding:64px 16px 72px;background:var(--deck);border:1px solid var(--grid);box-shadow:12px 12px #05070a}.section-heading{max-width:calc(var(--max) - 64px);margin:0 auto 44px;display:flex;justify-content:space-between;gap:40px;align-items:end}.section-heading p:last-child{max-width:560px;margin:0;color:var(--fog)}#app{max-width:calc(var(--max) - 64px);margin:0 auto}.lab-status{position:sticky;z-index:10;top:12px;margin:0 0 20px;padding:12px 16px;color:var(--signal-ink);background:var(--signal);border-left:5px solid #1a7e5a;font-family:var(--mono);font-size:13px;box-shadow:4px 4px #05070a}.lab-status[data-tone=error]{color:#28050a;background:var(--alert);border-color:#8c2130}.instrument-label,.panel-heading>div{display:flex;align-items:center;gap:12px}.instrument-label{margin-bottom:16px}.instrument-label>span,.panel-number{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;color:var(--signal-ink);background:var(--signal);font-family:var(--mono);font-size:12px;font-weight:800}.instrument-label h3{font-size:17px}.preset-block{margin-bottom:24px}.preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.preset{position:relative;min-height:144px;padding:18px 14px 14px;display:flex;flex-direction:column;align-items:start;gap:8px;text-align:left;background:#0d1119;border:1px solid var(--grid);border-radius:2px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.preset:hover{z-index:1;transform:translateY(-3px);border-color:var(--fog)}.preset[aria-pressed=true]{background:#17291f;border-color:var(--signal);box-shadow:inset 0 -3px 0 var(--signal)}.preset-index{color:var(--fog);font-family:var(--mono);font-size:12px}.preset strong{color:var(--paper);font-family:var(--mono);font-size:14px;line-height:1.2}.preset>span:last-child{color:var(--fog);font-size:12px;line-height:1.4}.workbench{display:grid;grid-template-columns:1.08fr .92fr;gap:8px}.preview-deck,.curve-deck,.comparison-deck,.export-deck{background:#0d1119;border:1px solid var(--grid)}.preview-deck,.curve-deck{padding:20px}.panel-heading{min-height:40px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h3{font-size:16px}.panel-readout{color:var(--fog);font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.motion-stage{position:relative;height:350px;overflow:hidden;background:#080b11;border:1px solid var(--grid);contain:layout paint}.stage-grid{position:absolute;inset:0;opacity:.43;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}.stage-axis{position:absolute;left:32px;right:32px;top:50%;height:1px;background:var(--grid)}.stage-axis:before,.stage-axis:after{content:"";position:absolute;top:-4px;width:8px;height:8px;background:var(--paper)}.stage-axis:before{left:0}.stage-axis:after{right:0}.stage-axis span{position:absolute;top:12px;color:#8996a0;font-family:var(--mono);font-size:12px;letter-spacing:.08em}.stage-axis span:first-child{left:0}.stage-axis span:last-child{right:0}.onion-path,.probe{position:absolute;left:32px;top:calc(50% - 22px);width:44px;height:44px;transform-origin:center}.onion-path{inset:0;width:auto;height:auto;transform:none}.onion-sample{position:absolute;left:32px;top:calc(50% - 20px);width:40px;height:40px;border:2px solid var(--pulse);transform-origin:center}.probe{z-index:2;display:grid;place-items:center;background:var(--pulse);border:3px solid #4c2308;box-shadow:5px 5px #0000008c;will-change:transform}.probe span{width:12px;height:12px;background:var(--paper);box-shadow:inset 0 0 0 3px #5e350f}.preview-controls{padding-top:16px;display:flex;align-items:end;gap:12px}.play-button{min-width:138px}.select-label{display:flex;flex-direction:column;gap:4px;color:var(--fog);font-family:var(--mono);font-size:12px;text-transform:uppercase}select{min-width:128px;min-height:46px;padding:0 36px 0 12px;color:var(--paper);background:var(--raised);border:1px solid #536883;border-radius:2px}.curve-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.curve-tabs button,.code-tabs button{min-height:44px;padding:8px 12px;color:var(--fog);background:transparent;border:1px solid var(--grid);cursor:pointer;font-family:var(--mono);font-size:12px}.curve-tabs button[aria-selected=true],.code-tabs button[aria-selected=true]{color:var(--paper);background:var(--raised);border-color:#607898}.curve-tabs i{display:inline-block;width:13px;height:3px;margin-right:7px;background:var(--signal);vertical-align:middle}.curve-tabs button:last-child i{background:var(--pulse)}.curve-chart{display:block;width:100%;height:270px;color:var(--fog);background:#080b11;border:1px solid var(--grid);touch-action:none}.chart-grid path{fill:none;stroke:#29364a;stroke-width:1;vector-effect:non-scaling-stroke}.chart-grid .chart-zero{stroke:#536883;stroke-dasharray:4 5}.curve-chart text{fill:#8996a0;font:12px var(--mono)}.curve-path{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.curve-path.active{stroke:var(--signal);filter:drop-shadow(0 0 4px rgba(114,241,184,.24))}.curve-path.inactive{stroke:var(--pulse);stroke-width:1.5;stroke-dasharray:4 5;opacity:.48}.handle-lines path{fill:none;stroke:#6d819a;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.curve-node{fill:var(--paper)}.curve-handle{fill:transparent;stroke:transparent;stroke-width:2;cursor:grab}.handle-knob{fill:var(--pulse);stroke:#4c2308;stroke-width:2;pointer-events:none}.curve-handle:active{cursor:grabbing}.curve-handle:focus{outline:none;stroke:var(--signal);stroke-width:2}.curve-inputs{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.curve-inputs label{min-width:0;color:var(--fog);font-family:var(--mono);font-size:12px}.curve-inputs label>span{display:flex;justify-content:space-between;gap:4px}.curve-inputs output{color:var(--paper);font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:44px;margin:3px 0 0;accent-color:var(--signal);cursor:pointer}.curve-help{margin:8px 0 0;color:var(--fog);font-size:12px}.comparison-deck{margin-top:8px;padding:20px}.comparison-heading p{max-width:460px;margin:0;color:var(--fog);font-size:13px}.comparison-grid{display:grid;gap:8px}.comparison-row{min-height:94px;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px;background:#080b11;border:1px solid var(--grid)}.comparison-label{padding-left:18px;display:flex;flex-direction:column}.comparison-label strong{font-family:var(--mono);font-size:13px}.comparison-label span{color:var(--fog);font-size:12px}.frame-strip{position:relative;height:60px;margin:0 38px 0 12px;border-bottom:1px solid var(--grid)}.frame-strip:before,.frame-strip:after{content:"";position:absolute;bottom:-3px;width:5px;height:5px;background:var(--fog)}.frame-strip:before{left:0}.frame-strip:after{right:0}.sample-frame{position:absolute;bottom:9px;width:29px;height:29px;background:var(--pulse);border:2px solid #4c2308;transform-origin:center;box-shadow:2px 2px #000}.export-deck{margin-top:8px;padding:28px;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(520px,1fr);gap:40px}.export-copy>p{color:var(--fog);font-size:14px}.code-panel{min-width:0;background:#080b11;border:1px solid var(--grid)}.code-toolbar{min-height:60px;padding:8px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--grid)}.code-toolbar>div{display:flex;gap:8px}.code-tabs{display:flex;gap:4px}.code-tabs button{min-width:72px}.icon-button{min-height:44px;padding:8px 12px;color:var(--fog);background:transparent;border:0;cursor:pointer;font-family:var(--mono);font-size:12px}.icon-button:hover{color:var(--paper)}.copy-button{min-height:44px}pre{max-height:420px;margin:0;padding:20px;overflow:auto;color:#cee6db;font:12px/1.65 var(--mono);tab-size:2}.guide{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:120px 0;display:grid;grid-template-columns:.65fr 1fr;gap:clamp(40px,10vw,160px)}.guide-copy{position:sticky;top:40px;align-self:start}.guide-copy p:last-child{max-width:520px;color:var(--fog)}.guide-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--grid)}.guide-steps li{min-height:156px;padding:28px 0;display:grid;grid-template-columns:68px 1fr;gap:20px;border-bottom:1px solid var(--grid)}.guide-steps li>span{color:var(--signal);font-family:var(--mono);font-size:12px}.guide-steps h3{margin-bottom:10px;font-size:20px}.guide-steps p{max-width:580px;margin:0;color:var(--fog)}footer{width:min(calc(100% - 48px),var(--max));min-height:120px;margin:0 auto;padding:28px 0 calc(28px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:32px;color:var(--fog);border-top:1px solid var(--grid);font-size:13px}footer p{margin:0}footer p:last-child{display:flex;gap:20px}footer a{display:inline-flex;min-height:44px;align-items:center}footer a:hover{color:var(--signal)}.offline-bar{position:fixed;z-index:50;right:16px;bottom:16px;max-width:440px;padding:12px 16px;color:#07101f;background:var(--info);border:2px solid var(--paper);box-shadow:5px 5px #05070a;font-family:var(--mono);font-size:12px}.offline-bar[hidden],.lab-status[hidden]{display:none}.state-message{padding:28px;color:var(--paper);background:#28050a;border-left:5px solid var(--alert)}.state-message p{margin:6px 0 0}.legal-page{background-image:linear-gradient(rgba(41,54,74,.24) 1px,transparent 1px);background-size:100% 48px}.legal-wrap{width:min(calc(100% - 48px),760px);margin:0 auto;padding:96px 0 120px}.legal-wrap h1{margin-bottom:12px;font-size:clamp(3.2rem,9vw,6.2rem)}.legal-updated{margin-bottom:64px;color:var(--fog);font-family:var(--mono);font-size:13px}.legal-wrap h2{margin-top:44px;font-size:24px}.legal-wrap p:not(.eyebrow,.legal-updated){max-width:680px;color:#cbd3cf;font-size:17px}.legal-wrap .button{margin-top:36px}@media(max-width:1100px){.hero{grid-template-columns:.85fr 1.15fr;gap:40px}.preset-grid{grid-template-columns:repeat(3,1fr)}.preset{min-height:126px}.workbench{grid-template-columns:1fr}.motion-stage{height:320px}.export-deck{grid-template-columns:1fr}}@media(max-width:760px){html{scroll-behavior:auto}.site-header{width:min(calc(100% - 32px),var(--max));min-height:64px}.site-header nav a{min-width:52px}.hero{width:min(calc(100% - 32px),var(--max));min-height:auto;padding:64px 0 80px;grid-template-columns:1fr}.hero-copy{display:contents}.hero-copy .eyebrow{order:0}.hero h1{order:1;margin-top:-28px}.hero-lede{order:2;margin-top:-20px}.hero-art{order:3;margin:-4px 0 4px}.hero-copy .button{order:4}.hero-note{order:5}.hero-art figcaption{gap:12px}.lab-section{width:100%;padding:52px 16px;border-left:0;border-right:0;box-shadow:none}.section-heading{display:block;margin-bottom:32px}.section-heading p:last-child{margin-top:16px}.preset-grid{grid-template-columns:1fr 1fr}.preset{min-height:148px}.preview-deck,.curve-deck,.comparison-deck{padding:14px}.motion-stage{height:280px}.preview-controls{display:grid;grid-template-columns:1fr 1fr}.preview-controls .button-quiet{grid-column:1 / -1}.play-button{min-width:0}select{width:100%;min-width:0}.curve-chart{height:auto}.curve-inputs{grid-template-columns:1fr 1fr}.comparison-heading{display:block}.comparison-heading>div{margin-bottom:12px}.comparison-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.comparison-label{padding:0 14px;flex-direction:row;justify-content:space-between}.frame-strip{width:auto;margin:0 34px}.export-deck{padding:18px 14px;gap:24px}.code-toolbar{align-items:stretch;flex-direction:column}.code-toolbar>div{justify-content:space-between}.code-tabs button{flex:1}pre{padding:14px;font-size:12px}.guide{width:min(calc(100% - 32px),var(--max));padding:88px 0;grid-template-columns:1fr;gap:40px}.guide-copy{position:static}.guide-steps li{min-height:140px;grid-template-columns:48px 1fr}footer{width:min(calc(100% - 32px),var(--max));align-items:start;flex-direction:column}footer p:last-child{flex-wrap:wrap}.offline-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}@media(max-width:420px){.brand{font-size:12px}.site-header nav a:last-child{display:none}h1{font-size:2.65rem}.preset{min-height:162px;padding:14px 12px}.motion-stage{height:240px}.panel-readout{display:none}.curve-tabs button{padding-inline:6px}.comparison-row{min-height:100px}.sample-frame{width:25px;height:25px}.copy-button{padding-inline:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.probe{will-change:auto}}