@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans-latin.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mona Sans;src:url(/fonts/MonaSans-latin-ext.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Monaspace Neon;src:url(/fonts/MonaspaceNeon-Var.woff2) format("woff2");font-weight:200 800;font-stretch:100% 125%;font-display:swap}:root{--bg:#070708;--surface:#121214;--surface-2:#19191c;--surface-3:#222226;--text:#f3f1ec;--text-2:#a6a29b;--text-3:#6f6c67;--accent:#ff7a3d;--accent-soft:rgba(255,122,61,0.13);--accent-ink:#1c0b03;--fail:#ff5a52;--fail-soft:rgba(255,90,82,0.13);--demo:#0a0a0b;--on-demo:#f3f1ec;--on-demo-2:rgba(243,241,236,0.62);--accent-on-dark:#ffb08a;--scrim:rgba(7,7,8,0.72);--glass:rgba(10,10,11,0.64);--glass-line:inset 0 0 0 1px rgba(255,255,255,0.1);--code-key:#a6a29b;--code-str:#f3f1ec;--code-num:var(--accent-on-dark);--code-dim:#5f5c57;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-control:10px;--r-card:20px;--r-device:46px;--r-pill:999px;--font:"Mona Sans",ui-sans-serif,system-ui,sans-serif;--mono:"Monaspace Neon",ui-monospace,"SFMono-Regular",Menlo,monospace;--t-display:clamp(44px,5.4vw,80px);--t-h1:clamp(34px,3.4vw,48px);--t-h2:clamp(21px,1.7vw,25px);--t-body:15px;--t-small:13px;--t-mono:13px;--ease:cubic-bezier(0.2,0.8,0.2,1);--d1:120ms;--d2:200ms;--d3:600ms;--line:rgba(255,255,255,0.075);--border:inset 0 0 0 1px var(--line);--lift:0 30px 60px -30px rgba(0,0,0,0.85);--grain:0.05;--max:1264px;--gutter:var(--s6);--nav-h:64px;--side-w:232px;--card-h:320px;--phone-w:236px;--phone-h:486px;--phone-k:1;--bar-h:40px;color-scheme:dark}[data-theme=light]{--bg:#f3f1ec;--surface:#ffffff;--surface-2:#ebe8e2;--surface-3:#dedad3;--text:#141311;--text-2:#57534e;--text-3:#8b8780;--accent:#e2561a;--accent-soft:rgba(226,86,26,0.1);--code-key:#6f6b65;--code-str:#141311;--code-num:#c4480f;--code-dim:#a5a19a;--line:rgba(20,18,16,0.1);--lift:0 30px 60px -34px rgba(60,40,20,0.4);--grain:0.06;color-scheme:light}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden;font-weight:420;word-spacing:.05em;transition:background-color var(--d2) var(--ease),color var(--d2) var(--ease)}canvas,iframe,img,svg,video{display:block}button{font:inherit;background:none;border:0;cursor:pointer;word-spacing:.1em}a,button{color:inherit}a{text-decoration:none}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-control)}[hidden]{display:none!important}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:var(--grain);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}[data-theme=light] body:after{mix-blend-mode:multiply;filter:invert(1)}.t-display{font-size:var(--t-display);line-height:.96;font-weight:580;font-stretch:116%;letter-spacing:-.045em}.t-h1{font-size:var(--t-h1);line-height:1;font-weight:570;font-stretch:112%;letter-spacing:-.038em}.t-h2{font-size:var(--t-h2);line-height:1.15;font-weight:560;font-stretch:106%;letter-spacing:-.022em}.t-body{font-size:var(--t-body);line-height:1.6}.t-small{font-size:var(--t-small);line-height:1.5}.t-mono,code,kbd{font-family:var(--mono);font-size:var(--t-mono);line-height:1.65;font-weight:400;font-stretch:100%;word-spacing:0}dd code,li code,p code{font-size:var(--t-mono);padding:0 var(--s1);border-radius:calc(var(--r-control) - var(--s1));background:var(--surface-2)}.c2{color:var(--text-2)}.c3{color:var(--text-3)}.link{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color var(--d2) var(--ease)}.link:hover{text-decoration-color:var(--accent)}.more{display:inline-flex;align-items:center;gap:var(--s2);font-weight:540;color:var(--text-2);transition:color var(--d2) var(--ease)}.more svg{width:14px;height:14px;transition:transform var(--d2) var(--ease)}.more:hover{color:var(--text)}.more:hover svg{transform:translateX(var(--s1))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:44px;padding:0 var(--s4) 0 var(--s5);border-radius:var(--r-control);font-size:var(--t-body);font-weight:560;white-space:nowrap;transition:transform var(--d1) var(--ease),background-color var(--d2) var(--ease),color var(--d2) var(--ease)}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px;transition:transform var(--d2) var(--ease)}.btn:hover svg.arrow{transform:translateX(var(--s1))}.btn-primary{background:var(--text);color:var(--bg)}.btn-quiet{background:var(--surface-2);color:var(--text);box-shadow:var(--border);padding:0 var(--s4)}.btn-quiet:hover{background:var(--surface-3)}.btn-sm{height:32px;padding:0 var(--s3);font-size:var(--t-small);gap:var(--s2)}.btn-sm svg{width:14px;height:14px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-control);color:var(--text-2);transition:color var(--d2) var(--ease),background-color var(--d2) var(--ease)}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn svg{width:18px;height:18px}.icon-btn.sm{width:30px;height:30px}.icon-btn.sm svg{width:15px;height:15px}.icon-btn.done{color:var(--accent)}.cmd{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:44px;padding:var(--s1) var(--s1) var(--s1) var(--s4);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--border);color:var(--text-2);text-align:left;transition:background-color var(--d2) var(--ease)}.cmd:hover{background:var(--surface-2)}.cmd .lbl{flex:none;width:64px;font-size:var(--t-small);font-weight:540;color:var(--text-3);word-spacing:.05em}.cmd .txt{flex:1;min-width:0;font-family:var(--mono);font-size:var(--t-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-spacing:0}.cmd .txt b{color:var(--text);font-weight:460}.cmd .prompt{color:var(--text-3);margin-right:var(--s2)}.copy{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:calc(var(--r-control) - var(--s1));color:var(--text-3);transition:color var(--d2) var(--ease),background-color var(--d2) var(--ease)}.copy svg{width:15px;height:15px}.cmd:hover .copy,.copy:hover{color:var(--text);background:var(--surface-3)}.copy.done{color:var(--accent)}.cmd.inline{width:auto;display:inline-flex}.cmd.inline .txt{flex:none}.seg{padding:var(--s1);gap:var(--s1);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--border);isolation:isolate;max-width:100%}.seg,.seg button{position:relative;display:inline-flex}.seg button{z-index:1;height:30px;padding:0 var(--s3);border-radius:calc(var(--r-control) - var(--s1));font-size:var(--t-small);font-weight:540;color:var(--text-3);white-space:nowrap;transition:color var(--d2) var(--ease);align-items:center;gap:var(--s2)}.seg button:hover{color:var(--text-2)}.seg button[aria-selected=true]{color:var(--text)}.seg .pill{position:absolute;z-index:0;top:var(--s1);bottom:var(--s1);left:0;width:0;border-radius:calc(var(--r-control) - var(--s1));background:var(--surface-3);box-shadow:var(--border)}.seg .count{color:var(--text-3);font-weight:460}.dd{position:relative}.dd-btn{display:inline-flex;align-items:center;gap:var(--s2);height:30px;padding:0 var(--s2) 0 var(--s3);border-radius:calc(var(--r-control) - var(--s1));font-size:var(--t-small);font-weight:540;color:var(--text-2);background:var(--surface-2);box-shadow:var(--border);transition:color var(--d2) var(--ease)}.dd-btn:hover,.dd-btn[aria-expanded=true]{color:var(--text)}.dd-btn svg{width:14px;height:14px;color:var(--text-3)}.dd-list{position:absolute;right:0;top:calc(100% + var(--s2));z-index:30;min-width:156px;padding:var(--s1);border-radius:var(--r-control);background:var(--surface-2);box-shadow:var(--border),var(--lift);list-style:none;animation:rise var(--d2) var(--ease)}.dd-list button{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;height:32px;padding:0 var(--s3);border-radius:calc(var(--r-control) - var(--s1));font-size:var(--t-small);font-weight:520;color:var(--text-2);word-spacing:.05em}.dd-list button:hover,.dd-list button[data-active=true]{background:var(--surface-3);color:var(--text)}.dd-list button svg{width:14px;height:14px;color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--s1) * -1))}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;--p:50%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent) var(--p),var(--surface-3) var(--p))}input[type=range]::-moz-range-track{height:4px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent) var(--p),var(--surface-3) var(--p))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--on-demo);box-shadow:0 0 0 var(--s1) var(--accent-soft),0 2px 6px rgba(0,0,0,.45);transition:box-shadow var(--d2) var(--ease),transform var(--d1) var(--ease)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--on-demo);box-shadow:0 0 0 var(--s1) var(--accent-soft)}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 var(--s2) var(--accent-soft),0 2px 6px rgba(0,0,0,.45)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.switch{position:relative;flex:none;width:40px;height:24px;border-radius:var(--r-pill);background:var(--surface-3);transition:background-color var(--d2) var(--ease)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--on-demo);box-shadow:0 2px 4px rgba(0,0,0,.35);transition:transform var(--d2) var(--ease)}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translateX(var(--s4))}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:var(--bg);box-shadow:0 1px 0 var(--line)}.nav,.nav .wrap{display:flex;align-items:center}.nav .wrap{gap:var(--s6)}.nav.docs-nav .wrap{max-width:none}.brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:640;font-stretch:116%;font-size:var(--t-h2);letter-spacing:-.03em;line-height:1}.brand svg{width:26px;height:18px}.nav-links{display:flex;gap:var(--s1)}.nav-links a{padding:var(--s1) var(--s3);border-radius:var(--r-control);font-weight:520;color:var(--text-2);transition:color var(--d2) var(--ease)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--s1)}.search{display:inline-flex;align-items:center;gap:var(--s3);height:36px;width:232px;padding:0 var(--s2) 0 var(--s3);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--border);color:var(--text-3);font-size:var(--t-small);font-weight:480;transition:color var(--d2) var(--ease)}.search:hover{color:var(--text-2)}.search svg{width:15px;height:15px;flex:none}.search kbd{margin-left:auto;font-family:var(--font);font-size:var(--t-small);font-weight:540;color:var(--text-3);background:var(--surface-2);border-radius:calc(var(--r-control) - var(--s1));padding:0 var(--s2);line-height:22px}.menu-btn{display:none}.menu-sheet{position:fixed;z-index:60;top:var(--nav-h);left:var(--s3);right:var(--s3);padding:var(--s2);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border),var(--lift);display:grid;gap:var(--s1);animation:rise var(--d2) var(--ease)}.menu-sheet a{display:flex;align-items:center;height:44px;padding:0 var(--s4);border-radius:var(--r-control);font-weight:540;color:var(--text-2)}.menu-sheet a:hover,.menu-sheet a[aria-current=page]{color:var(--text);background:var(--surface-2)}.palette-scrim{position:fixed;inset:0;z-index:90;background:var(--scrim);display:grid;justify-items:center;align-items:start;padding:14vh var(--s4) var(--s4)}[data-theme=light] .palette-scrim{background:rgba(40,34,26,.3)}.palette{width:min(560px,100%);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border),var(--lift);overflow:hidden;animation:rise var(--d2) var(--ease)}.palette-input{display:flex;align-items:center;gap:var(--s3);height:56px;padding:0 var(--s4);box-shadow:0 1px 0 var(--line)}.palette-input svg{width:17px;height:17px;color:var(--text-3);flex:none}.palette-input input{flex:1;height:100%;background:none;border:0;outline:none;font-size:var(--t-body);color:var(--text)}.palette-input input::placeholder{color:var(--text-3)}.palette ul{list-style:none;max-height:360px;overflow-y:auto;padding:var(--s2)}.palette li a{display:flex;align-items:center;gap:var(--s3);height:44px;padding:0 var(--s3);border-radius:var(--r-control);font-weight:520;color:var(--text-2)}.palette li a[data-active=true]{background:var(--surface-2);color:var(--text)}.palette li a .kind{margin-left:auto;font-size:var(--t-small);color:var(--text-3);font-weight:460}.palette li a .sw{width:20px;height:20px;border-radius:calc(var(--r-control) - var(--s1));flex:none;box-shadow:var(--border)}.palette .empty{padding:var(--s4) var(--s5) var(--s5);color:var(--text-3)}.badge{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--s2);height:28px;padding:0 var(--s3) 0 var(--s2);border-radius:var(--r-pill);background:var(--surface-2);box-shadow:var(--border);color:var(--text);font-size:var(--t-small);font-weight:560;white-space:nowrap;cursor:pointer;transition:background-color var(--d2) var(--ease)}.badge:hover,.badge[aria-expanded=true]{background:var(--surface-3)}.badge .mk{width:17px;height:12px;flex:none}.badge .num{display:inline-block;width:4.6ch;text-align:right;font-weight:600;letter-spacing:-.01em}.badge .word{display:inline-block;width:7.2em;color:var(--text-2);font-weight:520;text-align:left}.badge[data-verdict=identical] .word{color:var(--text)}.badge[data-verdict=fail] .num,.badge[data-verdict=fail] .word{color:var(--fail)}.badge[data-verdict=pending] .num{color:var(--text-3)}.badge[data-verdict=pending] .mk{opacity:.5}.badge[data-size=md]{height:36px;gap:var(--s3);padding:0 var(--s4) 0 var(--s3);font-size:var(--t-body)}.badge[data-size=md] .mk{width:22px;height:16px}.badge[data-size=md] .num{width:4.4ch}.badge.on-demo{background:var(--glass);color:var(--on-demo);box-shadow:var(--glass-line)}.badge.on-demo .word{color:var(--on-demo-2)}.badge.on-demo:hover,.badge.on-demo[aria-expanded=true]{background:rgba(10,10,11,.8)}.sheet{position:fixed;z-index:80;width:344px;max-height:calc(100dvh - var(--s3) * 2);overflow-y:auto;overscroll-behavior:contain;padding:var(--s3);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border),var(--lift);color:var(--text);scrollbar-width:none;animation:rise var(--d2) var(--ease)}.sheet::-webkit-scrollbar{display:none}.sheet .seam{height:clamp(140px,calc(100dvh - 380px),300px)}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding:var(--s1) var(--s1) var(--s3)}.sheet-head b{font-weight:600}.sheet-head span{font-size:var(--t-small);color:var(--text-3)}.sheet dl{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s3)}.sheet dl div{padding:var(--s2) var(--s3);border-radius:var(--r-control);background:var(--surface-2)}.sheet dt{font-size:var(--t-small);color:var(--text-3);line-height:1.35}.sheet dd{margin-top:var(--s1);font-weight:600}.sheet .rig{padding:0 var(--s1);color:var(--text-2)}.sheet .foot,.sheet .rig{margin-top:var(--s3);font-size:var(--t-small)}.sheet .foot{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s1) 0;box-shadow:0 -1px 0 var(--line)}.sheet .pending-note{padding:var(--s5) var(--s3);text-align:center;color:var(--text-2);font-size:var(--t-small)}.seam{position:relative;height:300px;border-radius:calc(var(--r-card) - var(--s3));overflow:hidden;background:var(--demo);cursor:ew-resize;touch-action:none;user-select:none}.seam img{width:100%;height:100%;object-fit:cover;object-position:center 60%;pointer-events:none}.seam .r,.seam img{position:absolute;inset:0}.seam .side{position:absolute;top:var(--s2);z-index:2;padding:0 var(--s2);border-radius:calc(var(--r-control) - var(--s1));background:var(--glass);color:var(--on-demo);font-size:var(--t-small);font-weight:540;line-height:22px}.seam .side.l{left:var(--s2)}.seam .side.rr{right:var(--s2)}.seam .bar{position:absolute;top:0;bottom:0;z-index:2;width:1px;background:rgba(255,255,255,.7)}.seam .bar:after{content:"";position:absolute;top:50%;left:-13px;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--glass);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.seam .bar svg{position:absolute;top:50%;left:-6px;width:12px;height:12px;margin-top:-6px;z-index:1;color:var(--on-demo)}.fxv{overflow:hidden;background-color:var(--fx-bg,var(--demo))}.fxv,.fxv-poster{position:absolute;inset:0}.fxv-poster{background:50%/cover no-repeat;transition:opacity var(--d2) var(--ease) var(--d2)}.fxv[data-demo=frame]{container-type:size}.fxv-poster[data-shaped]{background-image:var(--pa)}@container (aspect-ratio < 0.605){.fxv-poster[data-shaped]{background-image:var(--pp)}}@container (0.605 <= aspect-ratio < 0.883){.fxv-poster[data-shaped]{background-image:var(--pn)}}@container (0.883 <= aspect-ratio < 1.118){.fxv-poster[data-shaped]{background-image:var(--ps)}}@container (1.346 <= aspect-ratio < 1.745){.fxv-poster[data-shaped]{background-image:var(--pb)}}@container (1.745 <= aspect-ratio < 2.29){.fxv-poster[data-shaped]{background-image:var(--pc)}}@container (aspect-ratio >= 2.29){.fxv-poster[data-shaped]{background-image:var(--pd)}}.fxv[data-ready] .fxv-poster{opacity:0}.fxv-live{position:absolute;inset:0;opacity:0;transition:opacity var(--d2) var(--ease)}.fxv[data-ready] .fxv-live{opacity:1}.fxv canvas.fx{position:absolute;inset:0;width:100%;height:100%}.fxv .demo-scale{position:absolute;left:0;top:0;transform-origin:0 0}.fxv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color-scheme:normal}.fxv .demo-scale iframe{position:static}.fxv[data-inert] iframe,.fxv[data-linked] iframe{pointer-events:none}.static .fxv-live,.static .fxv-poster{transition:none}.stage{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--phone-w) * var(--phone-k));gap:var(--s6);align-items:end}.browser{position:relative;border-radius:var(--r-card);background:var(--demo);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),var(--lift);overflow:hidden}.browser-bar{position:relative;z-index:2;height:var(--bar-h);display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2) 0 var(--s4);background:#121214;box-shadow:0 1px 0 rgba(255,255,255,.06)}.browser-dots{display:flex;gap:var(--s2)}.browser-dots i{width:10px;height:10px;border-radius:50%;background:#2a2a2e}.browser-url{flex:1;max-width:360px;margin:0 auto;height:24px;border-radius:calc(var(--r-control) - var(--s1));background:#0b0b0c;display:flex;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--t-small);font-weight:480;color:#8a8780;overflow:hidden;white-space:nowrap}.browser-url svg{width:10px;height:10px;opacity:.7;flex:none}.browser-url span{min-width:0;overflow:hidden;text-overflow:ellipsis}.browser-bar .icon-btn{color:#8a8780}.browser-bar .icon-btn:hover{color:var(--on-demo);background:#222226}.browser-view{position:relative;overflow:hidden;height:var(--stage-h,446px);background:var(--demo)}.phone{position:relative;width:calc(var(--phone-w) * var(--phone-k));height:calc(var(--phone-h) * var(--phone-k));border-radius:calc(var(--r-device) * var(--phone-k));padding:calc(7px * var(--phone-k));background:linear-gradient(160deg,#3a3a3f,#18181b 30%,#0e0e10 70%,#2b2b30);box-shadow:0 0 0 1px rgba(255,255,255,.08),var(--lift)}.phone:before{content:"";position:absolute;inset:1.5px;border-radius:calc(var(--r-device) * var(--phone-k) - 1.5px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.9);pointer-events:none}.phone-screen{position:relative;height:100%;border-radius:calc((var(--r-device) - 7px) * var(--phone-k));overflow:hidden;background:var(--demo);isolation:isolate}.phone-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.island{top:calc(9px * var(--phone-k));width:31%;height:calc(21px * var(--phone-k));background:#000}.home-ind,.island{position:absolute;z-index:3;left:50%;transform:translateX(-50%);border-radius:var(--r-pill)}.home-ind{bottom:calc(6px * var(--phone-k));width:34%;height:max(2px,calc(4px * var(--phone-k)));background:rgba(255,255,255,.4);pointer-events:none}.stage-foot{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:var(--s4);min-height:36px}[data-theme=light] .browser{box-shadow:0 0 0 1px rgba(0,0,0,.12),var(--lift)}[data-theme=light] .phone{box-shadow:0 0 0 1px rgba(0,0,0,.2),var(--lift)}.code{font-family:var(--mono);font-size:var(--t-mono);line-height:1.65;color:var(--code-str);font-weight:380;tab-size:2;word-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere}.code .k{color:var(--code-key)}.code .n{color:var(--code-num)}.code .c{color:var(--code-dim);font-style:italic}.code .p{color:var(--text-3)}.code .t{color:var(--accent)}[data-theme=dark] .code .t{color:var(--accent-on-dark)}.panel{position:relative;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border)}.panel-head{display:flex;align-items:center;gap:var(--s2);height:48px;padding:0 var(--s2) 0 var(--s5);box-shadow:0 1px 0 var(--line)}.panel-head h2,.panel-head h3{font-size:var(--t-body);font-weight:600;letter-spacing:-.01em}.panel-head .file{font-family:var(--mono);font-size:var(--t-mono);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-spacing:0}.panel-head .spacer{flex:1}.panel-body{padding:var(--s5)}.codepanel .panel-body{position:relative;overflow:hidden;padding-bottom:var(--s5)}.codepanel pre{overflow:hidden}.codepanel[data-collapsed=true] .panel-body{max-height:calc(var(--t-mono) * 1.65 * 30 + var(--s5) * 2)}.codepanel .fade{position:absolute;left:0;right:0;bottom:0;height:144px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--s5);background:linear-gradient(to bottom,transparent,var(--surface) 72%);border-radius:0 0 var(--r-card) var(--r-card)}.codepanel[data-collapsed=false] .fade{position:static;height:auto;background:none;padding:0 0 var(--s5)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s5)}.card{display:block;grid-column:span var(--span,1)}.card,.preview{position:relative}.preview{height:var(--card-h);border-radius:var(--r-card);overflow:hidden;background:var(--demo);isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:transform var(--d2) var(--ease)}.preview .fxv,.preview:after{border-radius:inherit}.preview:after{content:"";position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}[data-theme=light] .preview{box-shadow:var(--lift)}.card:hover .preview{transform:translateY(calc(var(--s1) * -1))}.play{position:absolute;z-index:4;right:var(--s3);bottom:var(--s3);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--glass);color:var(--on-demo);box-shadow:var(--glass-line);transition:opacity var(--d2) var(--ease);pointer-events:none}.play svg{width:12px;height:12px;margin-left:2px}.card[data-live=true] .play{opacity:0}.meta{padding:var(--s4) var(--s1) 0}.meta-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:28px}.meta h3{min-width:0;font-size:var(--t-body);font-weight:600;letter-spacing:-.01em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta h3 span{margin-left:var(--s2);font-weight:460;color:var(--text-3);letter-spacing:0}.meta h3 span,.meta p{font-size:var(--t-small)}.meta p{margin-top:var(--s1);color:var(--text-2);max-width:56ch}.filters{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s6);flex-wrap:wrap}.hint-touch{display:none}@media (hover:none){.hint-hover{display:none}.hint-touch{display:inline}}.grid[data-dense]{--card-h:236px;gap:var(--s6) var(--s5)}.grid[data-dense] .meta{padding-top:var(--s3)}.filters[data-sticky]{position:sticky;top:var(--nav-h);z-index:40;margin:0 calc(var(--gutter) * -1) var(--s6);padding:var(--s3) var(--gutter);background:var(--bg);box-shadow:0 1px 0 var(--line)}.hero{padding:var(--s8) 0 var(--s9)}.hero-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s7);align-items:end;margin-bottom:var(--s7)}.hero-head h1{white-space:nowrap}.hero-cta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s3)}.hero-cta .cmd{width:360px}.bleed{position:relative;width:100%;overflow:hidden;background:var(--demo);color:var(--on-demo);isolation:isolate}.bleed>.fxv{z-index:0}.bleed .over{position:relative;z-index:2;height:100%;pointer-events:none}.bleed .over>*{pointer-events:auto}.shallows{height:680px}.shallows .over{display:flex;flex-direction:column;justify-content:space-between;padding-top:var(--s9);padding-bottom:var(--s6)}.shallows h2{max-width:14ch;text-shadow:0 2px 40px rgba(0,0,0,.45)}.shallows:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,10,.55),transparent 45%,transparent 70%,rgba(3,8,10,.6))}.shallows .row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5)}.shallows .who{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.shallows .who b{font-weight:600}.knob{width:420px;padding:var(--s4);border-radius:var(--r-card);background:var(--glass);box-shadow:var(--glass-line);color:var(--on-demo)}.knob .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s2);font-size:var(--t-small);font-weight:540}.knob .top output{color:var(--on-demo-2);font-weight:520}.knob .sws{display:flex;gap:var(--s2);margin-top:var(--s3)}.knob .sws button{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform var(--d1) var(--ease)}.knob .sws button[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 2px rgba(8,12,14,.9),0 0 0 3.5px var(--on-demo)}.knob .sws button:active{transform:scale(.9)}.knob pre{white-space:pre-wrap;margin-top:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-control);background:rgba(0,0,0,.35);color:var(--on-demo)}.knob pre .p{color:var(--on-demo-2)}.knob pre .n{color:var(--accent-on-dark)}.knob pre .t{color:var(--on-demo)}.section{padding:var(--s10) 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);margin-bottom:var(--s6);flex-wrap:wrap}.section-head p{margin-top:var(--s2);color:var(--text-2)}.glass{height:720px}.band-foot{display:flex;align-items:center;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s10);font-size:var(--t-small);color:var(--text-2);flex-wrap:wrap}.band-foot b{color:var(--text);font-weight:600}.band-foot .more{margin-left:auto}.caption{display:inline-flex;align-items:center;gap:var(--s3);height:28px;padding:0 var(--s3) 0 var(--s4);border-radius:var(--r-pill);background:var(--glass);box-shadow:var(--glass-line);font-size:var(--t-small);color:var(--on-demo-2)}.caption b{color:var(--on-demo);font-weight:600}.caption a{display:inline-flex;align-items:center;gap:var(--s1);color:var(--on-demo);font-weight:560;padding:0 var(--s2)}.caption svg{width:13px;height:13px;flex:none}.lettering{padding:var(--s10) 0;background:var(--demo);color:var(--on-demo)}.lettering .sign{position:relative;height:210px;margin:0 auto;max-width:1040px}.lettering .sign .fxv{background:transparent}.lettering p{max-width:52ch;margin:var(--s6) auto 0}.lettering p,.lettering pre{text-align:center;color:var(--on-demo-2)}.lettering pre{width:max-content;max-width:100%;white-space:pre-wrap;margin:var(--s5) auto 0;padding:var(--s2) var(--s4);border-radius:var(--r-control);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.lettering pre .n{color:var(--accent-on-dark)}.lettering .links{display:flex;justify-content:center;gap:var(--s5);margin-top:var(--s5);font-size:var(--t-small)}.lettering .links a{color:var(--on-demo-2);display:inline-flex;gap:var(--s1);align-items:center;transition:color var(--d2) var(--ease)}.lettering .links a:hover{color:var(--on-demo)}.lettering .links svg{width:13px;height:13px}.closing{height:640px}.closing:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 46% at 50% 38%,rgba(7,7,8,.7),transparent 100%)}.closing .over{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--s9)}.closing .cmds{width:min(620px,100%);display:grid;gap:var(--s3)}.closing .cmd{background:var(--glass);box-shadow:var(--glass-line);color:var(--on-demo-2)}.closing .cmd:hover{background:rgba(18,18,20,.85)}.closing .cmd .lbl,.closing .cmd .prompt{color:rgba(243,241,236,.45)}.closing .cmd .txt b{color:var(--on-demo)}.closing .cmd .copy{color:rgba(243,241,236,.5)}.closing .cmd:hover .copy{color:var(--on-demo);background:rgba(255,255,255,.08)}.footer{padding:var(--s6) 0 var(--s7)}.footer .wrap{align-items:center;gap:var(--s6);font-size:var(--t-small);color:var(--text-3)}.footer .wrap,.footer nav{display:flex;flex-wrap:wrap}.footer nav{gap:var(--s5)}.footer nav a{color:var(--text-2);transition:color var(--d2) var(--ease)}.footer nav a:hover{color:var(--text)}.footer .fine{margin-left:auto}.page-head{padding:var(--s8) 0 var(--s6)}.page-head p{margin-top:var(--s3);color:var(--text-2);max-width:60ch}.docs{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);gap:var(--s8);align-items:start;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.side{position:sticky;top:var(--nav-h);max-height:calc(100vh - var(--nav-h));overflow-y:auto;padding:var(--s6) 0 var(--s7);scrollbar-width:none}.side::-webkit-scrollbar{display:none}.side h5{font-size:var(--t-small);font-weight:600;color:var(--text);margin:var(--s5) 0 var(--s1) var(--s3)}.side>div:first-child h5{margin-top:0}.side ul{list-style:none;display:grid;gap:0}.side a{position:relative;display:flex;align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3);border-radius:var(--r-control);font-size:var(--t-small);font-weight:480;color:var(--text-2);transition:color var(--d2) var(--ease),background-color var(--d2) var(--ease)}.side a:hover{color:var(--text)}.side a[aria-current=page]{color:var(--text);background:var(--surface-2);font-weight:560}.side .n{margin-left:auto;color:var(--text-3);font-weight:460}.side-toggle{display:none}.doc{min-width:0;padding:var(--s6) 0 var(--s9)}.doc>header h1{margin-bottom:var(--s3)}.doc>header p{color:var(--text-2);max-width:62ch}.doc>section{margin-top:var(--s7)}.doc>section>h2{margin-bottom:var(--s4)}.doc .lead-stage{margin-top:var(--s6)}.prose{max-width:68ch;display:grid;gap:var(--s4);color:var(--text-2)}.prose strong{color:var(--text);font-weight:580}.prose h2{margin-top:var(--s5);color:var(--text)}.prose ol,.prose ul{padding-left:var(--s5);display:grid;gap:var(--s2)}.prose li::marker{color:var(--text-3)}.prose .code{padding:var(--s4) var(--s5);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border)}.knobs{margin-top:var(--s5)}.knobs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s6);padding:var(--s5)}.krow{min-width:0}.krow.wide{grid-column:1/-1}.ktop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.ktop label,.ktop span{font-size:var(--t-small);font-weight:560}.ktop output{font-size:var(--t-small);color:var(--text-2);font-weight:520}.presets{display:flex;gap:var(--s2);flex-wrap:wrap}.presets button{display:inline-flex;align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3) 0 var(--s2);border-radius:var(--r-control);background:var(--surface-2);font-size:var(--t-small);font-weight:520;color:var(--text-2);transition:color var(--d2) var(--ease),box-shadow var(--d2) var(--ease)}.presets button i{width:16px;height:16px;border-radius:50%;box-shadow:var(--border)}.presets button:hover{color:var(--text)}.presets button[aria-pressed=true]{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}.colorrow{display:flex;align-items:center;gap:var(--s2)}.colorrow .sw{position:relative;flex:none;width:32px;height:32px;border-radius:var(--r-control);box-shadow:var(--border);overflow:hidden}.colorrow .sw input{position:absolute;inset:calc(var(--s2) * -1);width:48px;height:48px;opacity:0;cursor:pointer}.colorrow .hex{flex:1;height:32px;padding:0 var(--s3);border-radius:var(--r-control);background:var(--surface-2);font-family:var(--mono);font-size:var(--t-mono);word-spacing:0}.colorrow .hex,.switchrow{display:flex;align-items:center}.switchrow{justify-content:space-between;gap:var(--s4)}.switchrow p{font-size:var(--t-small);color:var(--text-3)}.props-line{display:grid;gap:var(--s2);padding:var(--s4) var(--s5) var(--s5);box-shadow:0 -1px 0 var(--line)}.props-line .cmd .lbl{width:64px}.install-cmds{display:grid;gap:var(--s3)}.parity-line{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s4) var(--s5);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border)}.parity-line p{flex:1;min-width:240px;color:var(--text-2)}.parity-line button.more,.parity-line p{font-size:var(--t-small)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s8)}.pager a{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s5);border-radius:var(--r-card);box-shadow:var(--border);transition:background-color var(--d2) var(--ease)}.pager a:hover{background:var(--surface)}.pager a.next{text-align:right;align-items:flex-end}.pager small{font-size:var(--t-small);color:var(--text-3);display:inline-flex;gap:var(--s1);align-items:center}.pager small svg{width:13px;height:13px}.pager b{font-weight:600}.proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s4)}.proof figure{min-width:0}.proof .pane{position:relative;aspect-ratio:402/760;border-radius:var(--r-card);overflow:hidden;background:var(--demo);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.proof .pane canvas,.proof .pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:opacity var(--d1) var(--ease)}.proof .pane .tag{position:absolute;left:var(--s3);top:var(--s3);z-index:2;padding:0 var(--s2);border-radius:calc(var(--r-control) - var(--s1));background:var(--glass);color:var(--on-demo);font-size:var(--t-small);font-weight:540;line-height:24px}.proof .pane .tag.wrong{background:var(--fail);color:#1a0504}.proof figcaption{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s3);font-size:var(--t-small);color:var(--text-3)}.proof figcaption b{color:var(--text);font-weight:560}.proof-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s5);margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border)}.proof-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap}.scrub{position:relative;height:40px;cursor:ew-resize;touch-action:none}.scrub .rail{right:0;background:var(--surface-3)}.scrub .fill,.scrub .rail{position:absolute;left:0;top:19px;height:2px;border-radius:var(--r-pill)}.scrub .fill{background:var(--accent)}.scrub .stop{position:absolute;top:14px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--surface-3);box-shadow:0 0 0 3px var(--surface)}.scrub .stop.on{background:var(--accent)}.scrub .stop i{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:var(--t-small);font-weight:540;color:var(--text-3);white-space:nowrap}.scrub .handle{position:absolute;top:10px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--on-demo);box-shadow:0 0 0 var(--s1) var(--accent-soft),0 2px 8px rgba(0,0,0,.5)}.scrub:focus-visible{outline:none}.scrub:focus-visible .handle{box-shadow:0 0 0 var(--s2) var(--accent-soft)}.wrongrow{display:flex;align-items:center;gap:var(--s3);font-size:var(--t-small);font-weight:540}.wrongrow small{color:var(--text-3);font-weight:460}.bignum{font-size:var(--t-display);line-height:.9;font-weight:300;font-stretch:125%;letter-spacing:-.05em;display:inline-block;min-width:4.2ch}.bignum.fail{color:var(--fail)}.lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.lesson{border-radius:var(--r-card);background:var(--surface);box-shadow:var(--border);overflow:hidden}.lesson .pic{position:relative;height:220px;background:var(--demo)}.lesson .pic canvas{position:absolute;inset:0;width:100%;height:100%}.lesson .pic .lbl{position:absolute;bottom:var(--s3);z-index:2;display:flex;align-items:baseline;gap:var(--s2);font-size:var(--t-small);font-weight:540;color:var(--on-demo-2)}.lesson .pic .lbl code{color:var(--on-demo)}.lesson .pic .lbl.l{left:var(--s4)}.lesson .pic .lbl.r{right:var(--s4)}.lesson .txt{padding:var(--s5)}.lesson h3{font-size:var(--t-body);font-weight:600;margin-bottom:var(--s1)}.lesson p{font-size:var(--t-small);color:var(--text-2)}.lesson.wide{grid-column:1/-1}.lesson.wide .pic{height:260px}.ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1) var(--s5)}.ledger a{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:48px;padding:0 var(--s2) 0 var(--s4);border-radius:var(--r-control);transition:background-color var(--d2) var(--ease)}.ledger a:hover{background:var(--surface)}.ledger a>span{font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal{opacity:0;transform:translateY(14px);transition:opacity var(--d3) var(--ease),transform var(--d3) var(--ease);transition-delay:calc(var(--i, 0) * 45ms)}.reveal.in,.static .reveal{opacity:1;transform:none}.static .reveal{transition:none}.nf{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:var(--s4)}.nf .row{display:flex;gap:var(--s3);margin-top:var(--s3)}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{grid-column:span min(var(--span,1),2)}.docs{grid-template-columns:minmax(0,1fr);gap:0}.side{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:45;max-height:none;padding:calc(var(--s4) + 44px + var(--s5)) var(--gutter) var(--s8);background:var(--bg)}.side[data-open=true]{display:block}.side-toggle{position:sticky;top:calc(var(--nav-h) + var(--s4));z-index:46;display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;margin:var(--s4) 0 var(--s6);padding:0 var(--s3) 0 var(--s4);border-radius:var(--r-control);background:var(--surface);box-shadow:var(--border);font-size:var(--t-small);font-weight:540;color:var(--text-2)}.side-toggle b{color:var(--text);font-weight:600}.side-toggle svg{width:16px;height:16px}.proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}}@media (max-width:900px){:root{--gutter:20px;--card-h:280px}.nav .wrap{gap:var(--s4)}.nav-links,.search kbd,.search span{display:none}.search{width:36px;padding:0;justify-content:center}.menu-btn{display:grid}.section{padding:var(--s9) 0}.hero{padding:var(--s6) 0 var(--s8)}.hero-head{grid-template-columns:minmax(0,1fr);gap:var(--s5);margin-bottom:var(--s6)}.hero-head h1{white-space:normal}.hero-cta{align-items:stretch}.hero-cta .cmd{width:100%}.stage{grid-template-columns:minmax(0,1fr);gap:var(--s5);justify-items:center}.stage .browser{width:100%}.hero{--phone-k:0.72}.hero .stage{grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);justify-items:stretch}.hero .browser-view{height:calc(var(--phone-h) * var(--phone-k) - var(--bar-h))}.grid{grid-template-columns:minmax(0,1fr);gap:var(--s6)}.grid[data-dense]{--card-h:220px;gap:var(--s5)}.filters[data-sticky]{padding:var(--s2) var(--gutter)}.filters[data-sticky] [data-catalog-mode]{display:none}.card{grid-column:auto}.shallows{height:620px}.shallows .over{padding-top:var(--s8)}.shallows .row{flex-direction:column;align-items:stretch}.knob{width:100%}.glass{height:560px}.band-foot{padding-bottom:var(--s9)}.band-foot .more{margin-left:0}.lettering{padding:var(--s9) 0}.lettering .sign{height:120px}.closing{height:560px}.cmd .lbl{width:auto}.cmd .txt{white-space:normal;overflow-wrap:anywhere}.footer .fine{margin-left:0}.knobs-grid{grid-template-columns:minmax(0,1fr)}.filters .seg{overflow-x:auto;scrollbar-width:none}.filters .seg::-webkit-scrollbar{display:none}.proof{grid-template-columns:repeat(2,minmax(0,1fr))}.proof figure.heatfig{grid-column:1/-1}.proof figure.heatfig .pane{aspect-ratio:402/500}.proof-bar{gap:var(--s4)}.ledger,.lessons,.pager,.proof-bar{grid-template-columns:minmax(0,1fr)}.sheet{width:calc(100vw - var(--s5))}}@media (max-width:600px){.hero{--phone-k:0.49;padding-top:var(--s5)}.hero .wrap{display:flex;flex-direction:column}.hero-head{display:contents}.hero-head h1{order:0;margin-bottom:var(--s5)}.hero .stage{order:1}.hero-cta{order:2;margin-top:var(--s6)}.hero .browser-bar{gap:var(--s2);padding:0 var(--s1) 0 var(--s3)}.hero .browser-dots{display:none}.hero .browser-url{justify-content:flex-start;padding:0 var(--s2)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.badge[data-size=lg]{height:72px;gap:var(--s4);padding:0 var(--s6) 0 var(--s5);border-radius:var(--r-pill)}.badge[data-size=lg] .mk{width:34px;height:25px}.badge[data-size=lg] .num{width:4.4ch;font-size:var(--t-h1);font-weight:340;font-stretch:125%;letter-spacing:-.05em;line-height:1}.badge[data-size=lg] .word{width:7.4em;font-size:var(--t-body)}.handoff{position:relative}.handoff .btn{height:32px;padding:0 var(--s3);font-size:var(--t-small);background:none;box-shadow:none;color:var(--text-2)}.handoff .btn:hover{color:var(--text);background:var(--surface-2)}.handoff .btn svg{width:14px;height:14px}.qr-pop{position:absolute;right:0;top:calc(100% + var(--s2));z-index:30;width:264px;padding:var(--s4);border-radius:var(--r-card);background:var(--surface-2);box-shadow:var(--border),var(--lift);opacity:0;transform:translateY(calc(var(--s1) * -1));pointer-events:none;transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease)}.handoff.open .qr-pop{opacity:1;transform:none;pointer-events:auto}.qr-pop .qr{width:100%;aspect-ratio:1;border-radius:var(--r-control);background:#f5f2ee;padding:var(--s3)}.qr-pop p{margin-top:var(--s3);font-size:var(--t-small);color:var(--text-2)}.qr-pop .status{color:var(--text)}@media (max-width:900px){.handoff{display:none}}