:root{--ink:#f2ede3;--ink-soft:#c8c2b6;--ink-faint:#8f897d;--ground:#0b0b10;--ground-raised:#13131a;--ground-sunken:#08080c;--hairline:#24242e;--cyan:#31e5ff;--magenta:#ff3ea5;--violet:#8b5cf6;--focus:#ffd98a;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--gutter:clamp(1.25rem,4vw,4rem);--radius:14px}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(120% 80% at 50% -10%,#17131f 0,var(--ground) 55%,var(--ground-sunken) 100%);background-attachment:fixed}h1,h2,h3{margin:0;font-weight:560;letter-spacing:-.015em}code{font-family:var(--font-mono);font-size:.9em;color:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--gutter);inset-block-start:-3rem;z-index:50;padding:.6rem 1rem;border-radius:0 0 var(--radius) var(--radius);background:var(--ink);color:var(--ground);font-size:.85rem;font-weight:600;text-decoration:none;transition:inset-block-start .14s ease}.skip-link:focus-visible{inset-block-start:0}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}.lab{display:grid;grid-gap:clamp(2rem,5vw,4.5rem);gap:clamp(2rem,5vw,4.5rem);padding:clamp(1.5rem,4vw,3.5rem) var(--gutter) 4rem;max-width:1600px;margin-inline:auto}.lab>*{min-width:0}@media (min-width:1040px){.lab{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);grid-template-areas:"stage    controls" "stage    readout" "offerings offerings" "footer   footer";align-items:start;column-gap:clamp(2rem,4vw,4rem)}.stage{grid-area:stage;position:-webkit-sticky;position:sticky;top:clamp(1.5rem,3vw,2.5rem)}.controls{grid-area:controls}.readout{grid-area:readout}.offerings{grid-area:offerings}.lab-footer{grid-area:footer}}.stage-head{margin-bottom:clamp(1rem,2vw,1.75rem)}.brand{margin:0 0 .5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint)}.product-name{font-size:clamp(2.75rem,8vw,5.5rem);line-height:.92;letter-spacing:-.04em;background:linear-gradient(96deg,var(--ink) 0,var(--ink) 52%,var(--cyan) 128%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{max-width:34ch;margin:.85rem 0 0;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.5;color:var(--ink-soft)}.viewer{position:relative;isolation:isolate;width:100%;aspect-ratio:4/3;max-height:min(72vh,720px);min-height:300px;min-width:0;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;background:var(--ground-sunken);touch-action:pan-y;transition:border-color .5s ease,box-shadow .5s ease}.viewer[data-mode=retrofx]{border-color:#2c2450;box-shadow:0 0 0 1px rgba(49,229,255,.09),0 30px 90px -50px rgba(139,92,246,.55)}.viewer canvas{display:block;width:100%!important;height:100%!important;max-width:100%}@media (min-width:1040px){.viewer{aspect-ratio:16/11;max-height:min(78vh,820px)}}.grain,.mode-transition{position:absolute;inset:0;pointer-events:none}.grain{z-index:2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity .6s ease}.mode-transition{z-index:3}.placeholder-note{margin:1rem 0 0;padding:.75rem .9rem;-webkit-border-start:2px solid var(--violet);border-inline-start:2px solid var(--violet);background:rgba(139,92,246,.07);border-radius:0 8px 8px 0;font-size:.85rem;line-height:1.55;color:var(--ink-soft)}.placeholder-note strong{color:var(--ink)}.panel{position:absolute;inset:0;z-index:4;display:grid;place-content:center;grid-gap:.85rem;gap:.85rem;padding:clamp(1.25rem,4vw,2.5rem);text-align:center;background:var(--ground-sunken)}.panel-placeholder{background:linear-gradient(180deg,#0d0d13,var(--ground-sunken))}.panel-loading{background:rgba(8,8,12,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel-title{margin:0;font-size:1.05rem;font-weight:560;color:var(--ink)}.panel-note{margin:0;max-width:46ch;margin-inline:auto;font-size:.87rem;line-height:1.6;color:var(--ink-soft)}.progress{position:relative;width:min(260px,60vw);height:3px;margin-inline:auto;border-radius:999px;background:#1e1e27;overflow:hidden}.progress-fill{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:inherit}.progress-determinate .progress-fill{transition:width .2s ease-out}.progress-indeterminate .progress-fill{width:38%;animation:sweep 1.15s ease-in-out infinite}@keyframes sweep{0%{transform:translateX(-110%)}to{transform:translateX(300%)}}.controls{display:grid;grid-gap:1.75rem;gap:1.75rem;align-content:start}@media (max-width:1039px){.lab{gap:1.75rem}.controls{gap:1.15rem}.stage-head{margin-bottom:.85rem}.viewer{min-height:260px}}.control-group{display:grid;grid-gap:.7rem;gap:.7rem}.control-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.control-hint{margin:0;font-size:.82rem;line-height:1.55;color:var(--ink-faint)}.control-hint-standalone{padding-top:.25rem;border-top:1px solid var(--hairline)}.button-row,.swatch-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.55rem .95rem;border:1px solid var(--hairline);border-radius:999px;background:var(--ground-raised);color:var(--ink-soft);font:inherit;font-size:.87rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.pill:hover{border-color:#3a3a48;color:var(--ink)}.pill[aria-pressed=true]{border-color:var(--cyan);background:rgba(49,229,255,.11);color:var(--ink)}.pill-ghost{background:transparent}.pill-solid{border-color:transparent;background:var(--ink);color:var(--ground);font-weight:560}.motion-toggle,.segmented{justify-self:start}.segmented{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;border:1px solid var(--hairline);border-radius:999px;background:var(--ground-sunken)}.segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 1.15rem;border:0;border-radius:999px;background:transparent;color:var(--ink-faint);font:inherit;font-size:.87rem;cursor:pointer;transition:background .2s ease,color .2s ease}.segment:hover{color:var(--ink-soft)}.segment[aria-pressed=true]{background:linear-gradient(120deg,rgba(49,229,255,.16),rgba(139,92,246,.22));color:var(--ink);box-shadow:inset 0 0 0 1px rgba(49,229,255,.26)}.swatch{position:relative;display:grid;grid-auto-flow:column;align-items:center;grid-gap:.55rem;gap:.55rem;padding:.45rem .85rem .45rem .5rem;border:1px solid var(--hairline);border-radius:999px;background:var(--ground-raised);color:var(--ink-soft);font:inherit;font-size:.87rem;cursor:pointer;transition:border-color .16s ease,color .16s ease}.swatch:hover{border-color:#3a3a48;color:var(--ink)}.swatch[aria-pressed=true]{border-color:var(--ink-soft);color:var(--ink)}.swatch-chip{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}.swatch-check{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.offerings,.readout{display:grid;grid-gap:1rem;gap:1rem;align-content:start}.offerings h2,.readout h2{font-size:1.15rem}.readout h3{margin-top:.75rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.readout-lead{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-soft)}.readout-lead strong{color:var(--ink)}.spec-list{display:grid;grid-gap:.7rem;gap:.7rem;margin:0}.spec{display:grid;grid-gap:.15rem;gap:.15rem;padding-bottom:.7rem;border-bottom:1px solid var(--hairline)}.spec:last-child{border-bottom:0;padding-bottom:0}.spec dt{font-size:.8rem;color:var(--ink);font-weight:560}.spec dd{margin:0;font-size:.84rem;line-height:1.55;color:var(--ink-faint)}.offerings{padding-top:clamp(1.5rem,4vw,2.5rem);border-top:1px solid var(--hairline)}.offerings-lead{margin:0;max-width:60ch;font-size:.9rem;color:var(--ink-faint)}.offering-list{display:grid;grid-gap:clamp(1rem,2.5vw,2rem);gap:clamp(1rem,2.5vw,2rem);margin:.5rem 0 0;padding:0;list-style:none}@media (min-width:760px){.offering-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.offering{display:grid;grid-gap:.5rem;gap:.5rem;align-content:start;padding-top:.9rem;border-top:1px solid var(--hairline)}.offering h3{font-size:.98rem;color:var(--ink)}.offering p{margin:0;font-size:.85rem;line-height:1.6;color:var(--ink-faint)}.offering-cta{justify-self:start;margin-top:.2rem;color:var(--cyan);font-size:.87rem;font-weight:560;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .16s ease}.offering-cta:hover{border-bottom-color:var(--cyan)}.offering-unlinked{font-size:.8rem;color:var(--ink-faint);font-style:italic}.lab-footer{padding-top:1.5rem;border-top:1px solid var(--hairline)}.lab-footer p{margin:0;max-width:70ch;font-size:.78rem;line-height:1.6;color:var(--ink-faint)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.progress-indeterminate .progress-fill{width:100%;opacity:.5}}