@font-face{font-family:Metropolis-Italic;src:url(./fonts/Metropolis-Italic[wght].874686b37e8ad49a050500d90cc53992.woff2);font-weight:100 900}.metropolis-italic{--wght:400}.metropolis-italic,.metropolis-italic *,.metropolis-italic :after,.metropolis-italic :before{font-family:Metropolis-Italic,monospace;font-variation-settings:"wght" var(--wght)}@font-face{font-family:Metropolis-Regular;src:url(./fonts/Metropolis[wght].8567aabdfbafd7797852c01fecc86dd4.woff2);font-weight:100 900}.metropolis-regular{--wght:400}.metropolis-regular,.metropolis-regular *,.metropolis-regular :after,.metropolis-regular :before{font-family:Metropolis-Regular,monospace;font-variation-settings:"wght" var(--wght)}:root{--paper:#eceef2;--surface:#f8f9fb;--surface-2:#e3e6eb;--ink:#15171b;--ink-2:#555b65;--line:rgba(21,23,27,0.14);--line-strong:rgba(21,23,27,0.32);--accent:#f97316;--accent-ink:#15171b;--blue:#2563eb;--blue-ink:#fff;--sun:#facc15;--track:rgba(21,23,27,0.12);--shadow:0 1px 0 rgba(21,23,27,0.06),0 12px 32px -12px rgba(21,23,27,0.22);--focus:#2563eb;--font:"Metropolis-Regular",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--radius-s:10px;--radius:18px;--radius-l:28px;--pill:999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:140ms;--t:220ms;--gutter:clamp(16px,4vw,48px);--max:1320px;--wght:400;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111317;--surface:#1a1d22;--surface-2:#262a31;--ink:#eef0f3;--ink-2:#a9afb9;--line:rgba(238,240,243,0.14);--line-strong:rgba(238,240,243,0.34);--accent:#fb8a3c;--blue:#6b8cff;--blue-ink:#0b1026;--track:rgba(238,240,243,0.16);--shadow:0 1px 0 rgba(0,0,0,0.3),0 16px 40px -16px rgba(0,0,0,0.7);--focus:#8ea6ff;color-scheme:dark}}:root[data-theme=dark]{--paper:#111317;--surface:#1a1d22;--surface-2:#262a31;--ink:#eef0f3;--ink-2:#a9afb9;--line:rgba(238,240,243,0.14);--line-strong:rgba(238,240,243,0.34);--accent:#fb8a3c;--blue:#6b8cff;--blue-ink:#0b1026;--track:rgba(238,240,243,0.16);--shadow:0 1px 0 rgba(0,0,0,0.3),0 16px 40px -16px rgba(0,0,0,0.7);--focus:#8ea6ff;color-scheme:dark}*,:after,:before{box-sizing:border-box;font-variation-settings:"wght" var(--wght)}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color var(--t) ease,color var(--t) ease}body,figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}code,pre{font-family:var(--mono);font-variation-settings:normal}code{font-size:.88em;padding:.1em .35em;border-radius:6px;background:var(--surface-2)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:var(--accent-ink)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--pill);background:var(--ink);color:var(--paper);--wght:600}.skip-link:focus{top:var(--space-4)}.section{max-width:var(--max);margin:0 auto;padding:var(--space-9) var(--gutter) 0}.section-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-7);max-width:760px}.section-head-row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.section-head h2{font-size:clamp(2.2rem,5.5vw,4.25rem);line-height:1;letter-spacing:-.02em;--wght:800}.lede{text-wrap:pretty;font-size:1.2rem;color:var(--ink-2);max-width:52ch}.toast{position:fixed;left:50%;bottom:var(--space-5);z-index:90;padding:var(--space-3) var(--space-5);border-radius:var(--pill);background:var(--ink);color:var(--paper);box-shadow:var(--shadow);transform:translate(-50%,200%);visibility:hidden;transition:transform var(--t) var(--ease-out),visibility 0s linear var(--t);--wght:600;pointer-events:none}.toast.is-shown{transform:translate(-50%);visibility:visible;transition:transform var(--t) var(--ease-out),visibility 0s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:2px solid transparent;border-radius:var(--pill);background:none;text-decoration:none;white-space:nowrap;--wght:600;transition:transform var(--t-fast) var(--ease-out),background-color var(--t) ease,border-color var(--t) ease,color var(--t) ease,box-shadow var(--t) ease}.btn:active{transform:scale(.97)}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:.95rem}.btn-lg{min-height:56px;padding:0 var(--space-6);font-size:1.1rem}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-ghost{border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--surface)}.btn-ink{background:var(--accent-ink);color:#f4f5f7}.btn-ink:hover{box-shadow:0 0 0 4px rgba(21,23,27,.25)}.btn-ghost-ink{border-color:var(--accent-ink);color:var(--accent-ink)}.btn-ghost-ink:hover{background:rgba(21,23,27,.08)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid var(--line);border-radius:50%;background:none;transition:border-color var(--t) ease,transform var(--t) var(--ease-spring)}.icon-btn:hover{border-color:var(--ink);transform:rotate(-18deg)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:44px;padding:0 var(--space-4);border:2px solid var(--line);border-radius:var(--pill);background:transparent;--wght:500;transition:background-color var(--t) ease,border-color var(--t) ease,color var(--t) ease,transform var(--t-fast) var(--ease-out)}.chip:hover{border-color:currentColor}.chip:active{transform:scale(.96)}.chip.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper);--wght:650}.control{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.control-head label,.control legend{padding:0;font-size:.95rem;color:var(--ink-2);--wght:650}.control legend{margin-bottom:var(--space-2)}.control-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.num,.out{min-width:4.5ch;font-size:.95rem;font-feature-settings:"tnum";text-align:right;--wght:650}.num{width:5.5ch;min-height:40px;padding:0 var(--space-2);border:2px solid var(--line);border-radius:var(--radius-s);background:var(--surface);-moz-appearance:textfield}.num::-webkit-inner-spin-button,.num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num:focus{border-color:var(--focus);outline:none}.range{--f:0.5;--thumb:28px;--track-h:10px;position:relative}.range-weight{--thumb:36px;--track-h:16px}.range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.range input[type=range]:active{cursor:-webkit-grabbing;cursor:grabbing}.range input[type=range]:focus-visible{outline:none}.range input[type=range]::-webkit-slider-runnable-track{height:var(--track-h);border-radius:var(--pill);background:linear-gradient(90deg,var(--accent),var(--accent) calc(var(--thumb)/2 + var(--f)*(100% - var(--thumb))),var(--track) calc(var(--thumb)/2 + var(--f)*(100% - var(--thumb))))}.range input[type=range]::-moz-range-track{height:var(--track-h);border-radius:var(--pill);background:var(--track)}.range input[type=range]::-moz-range-progress{height:var(--track-h);border-radius:var(--pill);background:var(--accent)}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track-h) - var(--thumb))/2);border:3px solid var(--ink);border-radius:50%;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.18);-webkit-transition:transform var(--t) var(--ease-spring),box-shadow var(--t) ease;transition:transform var(--t) var(--ease-spring),box-shadow var(--t) ease}.range input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:3px solid var(--ink);border-radius:50%;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.18);-moz-transition:transform var(--t) var(--ease-spring),box-shadow var(--t) ease;transition:transform var(--t) var(--ease-spring),box-shadow var(--t) ease}.range input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}.range input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 28%,transparent)}.range input[type=range]:active::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 28%,transparent)}.range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--paper),0 0 0 7px var(--focus)}.range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--paper),0 0 0 7px var(--focus)}.range-bubble{position:absolute;left:calc(var(--thumb)/2 + var(--f)*(100% - var(--thumb)));bottom:calc(100% + 2px);padding:4px 10px;border-radius:var(--pill);background:var(--ink);color:var(--paper);font-size:.85rem;font-feature-settings:"tnum";white-space:nowrap;--wght:650;pointer-events:none;opacity:0;transform:translate(-50%,6px) scale(.9);transition:opacity var(--t-fast) ease,transform var(--t) var(--ease-spring)}.range-bubble:after{content:"";position:absolute;left:50%;top:100%;border:6px solid transparent;border-top:6px solid var(--ink);transform:translateX(-50%)}.range.is-active .range-bubble,.range:focus-within .range-bubble,.range:hover .range-bubble{opacity:1;transform:translate(-50%) scale(1)}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:var(--pill);background:var(--surface-2)}.segmented label{position:relative;display:flex}.segmented input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.segmented span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:0 var(--space-4);border-radius:var(--pill);--wght:550;transition:background-color var(--t) ease,color var(--t) ease}.segmented-icons span{padding:0 var(--space-3)}.segmented label:hover span{background:var(--line)}.segmented input:checked+span{background:var(--ink);color:var(--paper);--wght:650}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.switch{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;--wght:500}.switch input{position:absolute;width:48px;height:28px;margin:0;opacity:0;cursor:pointer}.switch-track{position:relative;flex:none;width:48px;height:28px;border-radius:var(--pill);background:var(--track);transition:background-color var(--t) ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform var(--t) var(--ease-spring)}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translateX(20px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:3px}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatches label{position:relative;display:flex}.swatches input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.swatch{display:grid;place-items:center;width:52px;height:44px;border-radius:var(--radius-s);border:2px solid var(--line);font-size:1rem;--wght:750;transition:transform var(--t) var(--ease-spring)}.swatches label:hover .swatch{transform:translateY(-2px)}.swatches input:checked+.swatch{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.swatches input:focus-visible+.swatch{outline:3px solid var(--focus);outline-offset:5px}.swatch-paper{background:#f8f9fb;color:#15171b}.swatch-ink{background:#15171b;color:#f4f5f7}.swatch-citrus{background:#f97316;color:#15171b}.swatch-cobalt{background:#2447d6;color:#fff}.badge{display:inline-flex;min-height:28px;padding:0 var(--space-3);border-radius:var(--pill);background:var(--ink);color:var(--paper);font-size:.8rem;white-space:nowrap;--wght:650}.badge,.topbar{align-items:center}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;gap:var(--space-5);height:72px;padding:0 max(var(--gutter),calc((100% - 1600px)/2));background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color var(--t) ease,background-color var(--t) ease}.topbar.is-scrolled{border-bottom-color:var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:1.3rem;letter-spacing:-.01em;text-decoration:none;--wght:800;transition:font-variation-settings var(--t) var(--ease-out)}.wordmark:hover{--wght:300}.wordmark-dot{width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:7px 0 0 -2px var(--blue)}.topbar-nav{display:flex;gap:var(--space-1);margin-left:auto}.topbar-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);border-radius:var(--pill);text-decoration:none;--wght:500;transition:background-color var(--t) ease}.topbar-nav a:hover{background:var(--surface-2)}.topbar-nav a.is-current{background:var(--ink);color:var(--paper)}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-moon,:root[data-theme=dark] .icon-sun{display:none}:root[data-theme=dark] .icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun{display:none}:root:not([data-theme=light]) .icon-moon{display:block}}@media (max-width:900px){.topbar-nav{display:none}.topbar-actions{margin-left:auto}}.hero{position:relative;display:grid;justify-items:center;gap:var(--space-5);padding:var(--space-8) var(--gutter) var(--space-6);text-align:center;overflow:hidden;isolation:isolate}.hero-shapes{position:absolute;inset:0;max-width:1600px;margin:0 auto;z-index:-1;pointer-events:none}.shape{position:absolute;display:block;animation:drift 14s ease-in-out infinite alternate}.hero.is-paused .shape{animation-play-state:paused}.shape-sun{top:-4%;right:-3%;width:clamp(90px,14vw,200px);aspect-ratio:1;border-radius:50%;background:var(--accent)}.shape-half{bottom:10%;left:2%;width:clamp(110px,16vw,230px);aspect-ratio:2/1;border-radius:999px 999px 0 0;background:var(--blue);animation-delay:-5s}.shape-ring{top:8%;left:6%;width:clamp(50px,7vw,96px);aspect-ratio:1;border-radius:50%;border:10px solid var(--sun);animation-delay:-9s}.shape-bar{bottom:18%;right:10%;width:clamp(80px,11vw,150px);height:18px;border-radius:var(--pill);background:var(--ink);transform:rotate(-24deg);animation-name:drift-tilt}@media (max-width:700px){.shape-bar,.shape-half,.shape-ring{display:none}.shape-sun{top:-40px;right:-40px;width:110px}}.nowrap{white-space:nowrap}@keyframes drift{to{transform:translateY(-18px) rotate(8deg)}}@keyframes drift-tilt{0%{transform:rotate(-24deg)}to{transform:rotate(-12deg) translate(-12px,-10px)}}.hero-word{display:flex;justify-content:center;max-width:100%;font-size:clamp(3.2rem,18vw,12.5rem);line-height:.95;letter-spacing:-.035em;white-space:nowrap;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.05em 0}.hero-letter{display:inline-block;--wght:400}.hero-tagline{max-width:34ch;text-wrap:balance;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.35;color:var(--ink-2);--wght:400}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.pg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);align-items:start}.pg-stage{--stage-bg:var(--surface);--stage-ink:var(--ink);--stage-line:var(--line);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:88px;height:min(calc(100vh - 112px),780px);min-height:420px;border:1px solid var(--stage-line);border-radius:var(--radius-l);background:var(--stage-bg);color:var(--stage-ink);box-shadow:var(--shadow);overflow:hidden;transition:background-color .32s ease,color .32s ease}.pg-stage[data-scheme=ink]{--stage-bg:#15171b;--stage-ink:#f4f5f7;--stage-line:rgba(244,245,247,0.16)}.pg-stage[data-scheme=citrus]{--stage-bg:#f97316;--stage-ink:#15171b;--stage-line:rgba(21,23,27,0.2)}.pg-stage[data-scheme=cobalt]{--stage-bg:#2447d6;--stage-ink:#fff;--stage-line:hsla(0,0%,100%,0.22)}.pg-stage-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--stage-line)}.pg-stage .chip{border-color:var(--stage-line)}.pg-stage .chip.is-active,.pg-stage .chip:hover{border-color:var(--stage-ink)}.pg-stage .chip.is-active{background:var(--stage-ink);color:var(--stage-bg)}.pg-readout{display:inline-flex;align-items:baseline;gap:var(--space-2);font-feature-settings:"tnum"}.pg-readout-num{font-size:1.6rem;--wght:800}.pg-readout-name{opacity:.7;--wght:500}.pg-text{flex:1;overflow-y:auto;padding:clamp(24px,4vw,48px);font-size:var(--size,45px);line-height:var(--leading,1.1);letter-spacing:var(--tracking,0);text-align:var(--align,left);overflow-wrap:anywhere;outline:none;caret-color:var(--accent)}.pg-text.ss01,.pg-text.ss01 *{font-feature-settings:"ss01"}.pg-text.tnum,.pg-text.tnum *{font-feature-settings:"tnum"}.pg-text.ss01.tnum,.pg-text.ss01.tnum *{font-feature-settings:"ss01","tnum"}.pg-stage:focus-within{box-shadow:var(--shadow),0 0 0 3px var(--focus)}.pg-controls{display:grid;gap:var(--space-6);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface)}.control-weight{gap:var(--space-3)}.snaps{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.snap{display:grid;justify-items:center;gap:2px;min-height:56px;padding:6px 0;border:0;border-radius:var(--radius-s);background:var(--surface-2);transition:background-color var(--t) ease,color var(--t) ease,transform var(--t) var(--ease-spring)}.snap:hover{transform:translateY(-2px)}.snap-glyph{font-size:1.35rem;line-height:1}.snap-num{font-size:.68rem;font-feature-settings:"tnum";opacity:.75;--wght:500}.snap[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.btn-play{justify-self:start;border-color:var(--line-strong)}.btn-play:hover{border-color:var(--ink)}.btn-play .icon-pause{display:none}.btn-play[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-play[aria-pressed=true] .icon-play{display:none}.btn-play[aria-pressed=true] .icon-pause{display:block}.btn-play svg{fill:currentColor;stroke:none}.control-grid{display:grid;gap:var(--space-4)}.ss01-demo{font-feature-settings:"ss01";--wght:700}.pg-actions{display:flex;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}@media (max-width:1000px){.pg{grid-template-columns:1fr}.pg-stage{top:80px;z-index:2;height:46vh;min-height:260px}.pg-stage-bar{flex-wrap:nowrap;padding:var(--space-3) 0 var(--space-3) var(--space-4)}.pg-stage-bar .chips{flex-wrap:nowrap;overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:var(--space-6)}.pg-stage-bar .chips::-webkit-scrollbar{display:none}.pg-stage-bar .chip{flex:none;scroll-snap-align:start}.pg-readout{flex:none;padding-right:var(--space-4)}.pg-readout-name{display:none}}.w-list{border-top:2px solid var(--ink)}.w-list li{border-bottom:1px solid var(--line)}.w-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:var(--space-5);width:100%;min-height:44px;padding:var(--space-4) var(--space-3);border:0;border-radius:var(--radius-s);background:none;text-align:left;transition:background-color var(--t) ease}.w-meta{display:grid;--wght:400}.w-name{font-size:1rem;--wght:600}.w-num{font-size:.85rem;color:var(--ink-2);font-feature-settings:"tnum"}.w-sample{font-size:clamp(1.6rem,4.2vw,3.6rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--t) var(--ease-out)}.w-go{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--pill);background:var(--accent);color:var(--accent-ink);font-size:.9rem;--wght:650;opacity:0;transform:translateX(-8px);transition:opacity var(--t) ease,transform var(--t) var(--ease-out)}.w-row:focus-visible,.w-row:hover{background:var(--surface)}.w-row:focus-visible .w-sample,.w-row:hover .w-sample{transform:translateX(8px)}.w-row:focus-visible .w-go,.w-row:hover .w-go{opacity:1;transform:none}@media (max-width:700px){.w-row{grid-template-columns:1fr;gap:var(--space-1)}.w-meta{display:flex;gap:var(--space-2);align-items:baseline}.w-go{display:none}}.bento{display:grid;grid-template-columns:repeat(12,1fr)}.bento,.card{gap:var(--space-4)}.card{display:flex;flex-direction:column;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);transition:transform var(--t) var(--ease-out),box-shadow var(--t) ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-ss01{grid-column:span 5}.card-tnum{grid-column:span 7}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-head h3{font-size:1.35rem;line-height:1.15;--wght:700}.card-head .switch code{background:transparent}.card-glyph{font-size:clamp(6rem,12vw,10rem);line-height:1;--wght:500;transition:font-variation-settings var(--t) ease}.card-sample{font-size:1.35rem;line-height:1.3}.card-note{margin-top:auto;color:var(--ink-2);font-size:.98rem}.card-ss01.is-on .card-glyph,.card-ss01.is-on .card-sample{font-feature-settings:"ss01"}.card-tnum.is-on .ledger{font-feature-settings:"tnum"}.ledger{width:100%;border-collapse:collapse;font-size:clamp(1.4rem,3vw,2.2rem)}.ledger th{text-align:left;color:var(--ink-2);font-size:.55em}.ledger td,.ledger th{padding:6px 0;--wght:500}.ledger td{text-align:right}.ledger tr+tr{border-top:1px dashed var(--line)}.ledger-total td{--wght:800}.ledger-total{border-top:2px solid var(--ink)!important}.card-bracket{grid-column:span 7;--ink:#15171b;--ink-2:#2b2f36;--paper:#f4f5f7;--surface:#f4f5f7;--line:rgba(21,23,27,0.2);--track:rgba(21,23,27,0.2);--accent:#15171b;--focus:#15171b;background:#f97316;color:#15171b;border-color:transparent}.card-bracket code,.card-italic code{background:hsla(0,0%,100%,.3)}.card-glyph-money{white-space:nowrap;font-size:clamp(4.5rem,10vw,8.5rem)}.card-italic{grid-column:span 5;--ink:#fff;--ink-2:#dbe3ff;--paper:#2447d6;background:#2447d6;color:#fff;border-color:transparent}.card-italic .badge{background:#fff;color:#2447d6}.card-pair{display:grid;font-size:clamp(3rem,6vw,5rem);line-height:1}@media (max-width:900px){.card-bracket,.card-italic,.card-ss01,.card-tnum{grid-column:span 12}}.g-filters{margin-bottom:var(--space-5)}.g-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-5);align-items:start}.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;padding:10px;margin:-10px;content-visibility:auto;contain-intrinsic-height:auto 4800px}@media (min-width:700px){.g-grid{contain-intrinsic-height:auto 1800px}}.g-cell{aspect-ratio:1;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:1.7rem;line-height:1;transition:background-color var(--t-fast) ease,color var(--t-fast) ease,transform var(--t) var(--ease-spring)}.g-cell.is-current,.g-cell:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:scale(1.08)}.g-cell[hidden]{display:none}.g-inspector{position:-webkit-sticky;position:sticky;top:88px;display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface)}.g-stage{--F:190px;position:relative;height:calc(var(--F)*1.21 + 32px);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.g-big{top:16px;left:50%;font-size:var(--F);line-height:1.21;transform:translateX(-50%);white-space:pre}.g-big,.g-line{position:absolute}.g-line{left:0;right:0;height:0;border-top:1px dashed var(--line-strong)}.g-line:after{content:attr(data-label);position:absolute;right:8px;bottom:2px;font-size:.75rem;color:var(--ink-2);--wght:600}.g-line-asc{top:calc(16px + var(--F)*0.205)}.g-line-cap{top:calc(16px + var(--F)*0.313)}.g-line-x{top:calc(16px + var(--F)*0.483)}.g-line-base{top:calc(16px + var(--F));border-top:2px solid var(--accent)}.g-line-desc{top:calc(16px + var(--F)*1.205)}.g-code{display:flex;justify-content:space-between;font-feature-settings:"tnum";font-size:1.1rem;--wght:650}@media (max-width:1000px){.g-layout{grid-template-columns:1fr}.g-inspector{position:static;order:-1}.g-stage{--F:150px}}.lang-search{display:grid;gap:var(--space-2);width:min(100%,380px)}.lang-search label{--wght:600}.lang-search input{min-height:52px;padding:0 var(--space-4);border:2px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);font-size:1.05rem}.lang-search input:focus{border-color:var(--focus);outline:none}.lang-result{min-height:1.5em;color:var(--ink-2);font-size:.95rem}.lang-list{columns:220px;column-gap:var(--space-6);font-size:.98rem}.lang-list li{padding:3px 8px;margin-left:-8px;border-radius:6px;break-inside:avoid;transition:opacity var(--t) ease,background-color var(--t) ease}.lang-list.is-collapsed:not(.is-filtering){max-height:13.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.lang-list.is-filtering li:not(.is-match){display:none}.lang-list.is-filtering li.is-match{background:var(--accent);color:var(--accent-ink);--wght:650}.lang-more{margin-top:var(--space-4)}.lang-list.is-filtering+.lang-more{display:none}.get{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-7);align-items:center;max-width:var(--max);margin:var(--space-9) auto 0;padding:var(--space-8) clamp(24px,5vw,72px);border-radius:clamp(24px,4vw,48px);background:#f97316;color:#15171b}.get h2{font-size:clamp(2.6rem,6vw,5rem);line-height:.95;letter-spacing:-.02em;--wght:900}.get-copy{display:grid;gap:var(--space-5)}.get-copy p{max-width:44ch;font-size:1.15rem}.get-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.get .btn-ink{--accent-ink:#15171b}.get :focus-visible{outline-color:#15171b}.code-card{border-radius:var(--radius);background:#15171b;color:#f4f5f7;overflow:hidden;box-shadow:0 24px 48px -24px rgba(21,23,27,.6)}.code-card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-bottom:1px solid rgba(244,245,247,.12);font-size:.9rem;color:#b9bec7}.btn-code{border-color:rgba(244,245,247,.3);color:#f4f5f7}.btn-code:hover{border-color:#f4f5f7}.code-card pre{margin:0;padding:var(--space-5);overflow-x:auto;font-size:.9rem;line-height:1.6}.code-card code{padding:0;background:none;font-size:inherit}@media (max-width:900px){.get{grid-template-columns:1fr;margin-left:var(--gutter);margin-right:var(--gutter)}}.footer{max-width:var(--max);margin:0 auto;padding:var(--space-8) var(--gutter) var(--space-7);overflow:hidden}.footer-mark{font-size:clamp(3.5rem,15vw,13rem);line-height:1.05;letter-spacing:-.04em;color:var(--surface-2);--wght:900;white-space:nowrap}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-5);color:var(--ink-2);font-size:.95rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.is-in{opacity:1;transform:none}.no-variable .btn-play{display:none}