@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.dWcE-G_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.dWcE-G_variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d3c0e0b91ac3a3c1.0oq8s6qy1l2lw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/50a63ac321745c44.p.202x5_1668z2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d3c0e0b91ac3a3c1.0oq8s6qy1l2lw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/50a63ac321745c44.p.202x5_1668z2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.t4uSSG_className{font-family:Atkinson Hyperlegible Mono;font-style:normal}.t4uSSG_variable{--font-atkinson:"Atkinson Hyperlegible Mono"}
:root{--paper:#f4f0e7;--paper-raised:#fbf9f4;--paper-sunk:#eae4d7;--ink:#15202b;--ink-raised:#1c2936;--ink-2:#465062;--ink-3:#5b6370;--on-ink:#f4f0e7;--on-ink-2:#a9b1bc;--on-ink-3:#8a94a0;--line:#15202b1a;--line-2:#15202b33;--line-ink:#f4f0e71f;--line-ink-2:#f4f0e73d;--spark:#de5b2a;--red:#b3261e;--red-ink:#a3221b;--amber-wash:#fbe7b8;--amber-ink:#6e4300;--sans:var(--font-hanken), "Hanken Grotesk", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:var(--font-atkinson), "Atkinson Hyperlegible Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--gutter:clamp(20px, 5vw, 72px);--max:1280px;--col-gap:24px;--sec:clamp(96px, 12vw, 176px);--head:clamp(48px, 5.5vw, 80px);--pad:clamp(24px, 2.8vw, 40px);--t-display:clamp(40px, min(6.7vw, 12.2vh), 108px);--t-hero:clamp(42px, min(5.4vw, 9.6vh), 88px);--t-close:clamp(36px, 5.4vw, 84px);--t-title:clamp(34px, 4.8vw, 72px);--t-head:clamp(22px, 1.95vw, 28px);--t-lead:clamp(17px, 1.35vw, 19px);--t-body:17px;--t-small:14px;--t-label:12px;--r-shell:32px;--r-core:24px;--r-in:12px;--r-field:16px;--h-l:56px;--h-s:44px;--z-grain:10;--z-nav:20;--z-skip:30}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}body{background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:var(--z-grain);pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg,canvas{display:block}[hidden]{display:none!important}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}p{text-wrap:pretty}::selection{background:var(--ink);color:var(--paper)}.on-ink ::selection{background:var(--paper);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}.on-ink :focus-visible,.nav :focus-visible{outline-color:var(--on-ink)}.skip{left:-999px;top:var(--s2);z-index:var(--z-skip);background:var(--paper);color:var(--ink);padding:var(--s3) var(--s4);border-radius:var(--r-in);position:absolute}.skip:focus{left:var(--s4)}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.on-ink{background:var(--ink);color:var(--on-ink)}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.grid{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.c-l{grid-column:1/span 7}.c-r{grid-column:8/span 5}.w7{max-width:calc((100% - 11 * var(--col-gap)) * 7 / 12 + 6 * var(--col-gap))}@media (max-width:960px){.grid{grid-template-columns:minmax(0,1fr)}.c-l,.c-r{grid-column:1}.w7{max-width:none}}.h1{font-weight:300;font-size:var(--t-display);letter-spacing:-.045em;line-height:.98}.h2{font-weight:300;font-size:var(--t-title);letter-spacing:-.04em;text-wrap:balance;line-height:1}.dim{color:var(--on-ink-2)}.dim-ink{color:var(--ink-3);display:block}.lead{font-size:var(--t-lead);line-height:1.55}.fine{font-size:var(--t-small);color:var(--on-ink-3);text-wrap:balance;line-height:1.5}.fine>span{text-wrap:balance;display:block}.label,.tag{font:500 var(--t-label)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.tag{height:28px;padding:0 var(--s3);margin-bottom:var(--s5);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;align-items:center;display:inline-flex}.on-ink .tag{color:var(--on-ink-2);box-shadow:inset 0 0 0 1px var(--line-ink-2)}.btn{justify-content:center;align-items:center;gap:var(--s4);height:var(--h-l);padding:0 var(--s6);font:600 16px/1 var(--sans);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease-out), background-color .2s ease, box-shadow .2s ease;border:0;border-radius:999px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:has(.ic){padding:0 var(--s2) 0 var(--s6)}.btn .ic{width:40px;height:40px;transition:transform .2s var(--ease-out);border-radius:50%;place-items:center;display:grid}.btn .ic svg{width:18px;height:18px}.btn-paper{background:var(--paper);color:var(--ink)}.btn-paper .ic{background:#15202b17}.btn-ghost{color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--line-ink-2)}.btn-s{height:var(--h-s);padding:0 20px;font-size:14px}@media (hover:hover) and (pointer:fine){.btn-paper:hover{background:#fff}.btn-ghost:hover{background:#f4f0e712}.btn:hover .ic{transform:translate(4px)}}.nav{top:max(var(--s4), env(safe-area-inset-top));z-index:var(--z-nav);align-items:center;gap:var(--s6);padding:var(--s2) var(--s2) var(--s2) var(--s5);width:max-content;max-width:calc(100% - 2 * var(--s3));-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);color:var(--on-ink);background:#15202bdb;border-radius:999px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f4f0e71c,0 20px 44px -20px #060a0f99}.brand{min-height:var(--h-s);align-items:center;display:flex}.wm{width:auto;height:20px}.nav nav{gap:var(--s5);display:flex}.nav nav a{color:var(--on-ink-2);min-height:var(--h-s);align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.nav-end{align-items:center;gap:var(--s5);display:flex}.nav-in{color:var(--on-ink);min-height:var(--h-s);align-items:center;font-size:14px;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.nav nav a:hover{color:var(--on-ink)}.nav-in:hover{color:#fff}}@media (max-width:720px){.nav nav{display:none}.nav{gap:var(--s5);padding-left:20px}}@media (max-width:480px){.nav .more{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-end{gap:var(--s4)}}@media (max-width:380px){.wm{height:17px}.nav{gap:var(--s4)}.nav .btn{padding:0 var(--s4)}}.hero{grid-template-rows:auto minmax(116px,1fr) auto;min-height:100dvh;display:grid;position:relative;overflow:clip}@media (max-height:940px){.hero{grid-template-rows:auto minmax(150px,1fr) auto}}.glow{pointer-events:none;background:radial-gradient(closest-side,#f4f0e716,#f4f0e700);border-radius:50%;width:700px;height:700px;position:absolute;top:0;left:0;transform:translate(60vw,-200px)}.hero-main{align-items:center;padding:clamp(120px,16vh,176px) 0 clamp(8px,1.5vh,24px);position:relative}.hero .dayline{height:auto}.hero-copy{grid-column:1/span 6}.hero .h1{font-size:var(--t-hero);line-height:1}.hero .tag{height:auto;min-height:28px;margin-bottom:var(--s6);padding-block:7px;line-height:1.25}@media (max-width:480px){.hero .tag{letter-spacing:.07em;padding-inline:10px}}.hero-copy .lead{color:var(--on-ink-2);margin-top:var(--s6);max-width:32em}.actions{gap:var(--s3);margin:var(--s6) 0 var(--s5);flex-wrap:wrap;display:flex}.ln{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.ln>span{display:block}.hero-product{grid-column:7/-1;margin:0}@media (max-width:960px){.hero-main{row-gap:var(--s7);align-items:start;padding-top:clamp(112px,15vh,140px)}.hero-copy,.hero-product{grid-column:1}.hero .h1{font-size:clamp(40px,10.4vw,72px);font-weight:350}.hero-product{max-width:640px}.hero .dayline{margin-top:var(--s5)}}.slab-shell{padding:var(--s2);border-radius:var(--r-shell);box-shadow:inset 0 0 0 1px var(--line-ink), 0 48px 96px -48px #04080cd9;background:#f4f0e70b;container:slab/inline-size}.slab{border-radius:var(--r-core);background:var(--ink-raised);color:var(--on-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(12px,4cqi,28px);padding:clamp(20px,6cqi,40px);display:grid;box-shadow:inset 0 1px #f4f0e714}.slab-copy{min-width:0}.slab-state{font:600 clamp(19px, 4.6cqi, 30px)/1.05 var(--sans);letter-spacing:-.01em;align-items:center;gap:.42em;display:flex}.slab-dot{background:var(--spark);border-radius:50%;flex:none;width:.5em;height:.5em}.slab-count{flex-wrap:wrap;align-items:baseline;column-gap:clamp(10px,2.4cqi,18px);margin-top:clamp(6px,1.8cqi,12px);display:flex}.slab-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(40px,14.2cqi,92px);font-weight:400;line-height:1}.slab-num i{color:var(--on-ink-2);font-style:normal}.slab-note{color:var(--on-ink-2);white-space:nowrap;font-size:clamp(12px,2.3cqi,15px);font-weight:500}.slab-round{--d:clamp(68px, 20cqi, 128px);width:var(--d);height:var(--d);background:var(--paper);color:var(--ink);font:600 clamp(13px, 2.4cqi, 16px)/1 var(--sans);border-radius:50%;place-content:center;justify-items:center;gap:4px;display:grid;box-shadow:inset 0 1px #fff9,0 16px 32px -18px #04080ce6}.slab-round svg{width:calc(var(--d) * .26);height:calc(var(--d) * .26)}.dayline{height:clamp(152px,22vh,216px);position:relative}.dayline canvas{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.rec-pill{align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-ink);font:600 13px/1 var(--sans);color:var(--on-ink);background:#1c2936e6;border-radius:999px;display:inline-flex}.rec-pill b{font:400 13px/1 var(--mono);color:var(--on-ink-2);font-variant-numeric:tabular-nums}.rec-pill .dot{background:var(--spark);border-radius:50%;width:8px;height:8px;transition:background-color .2s}.rail{border-top:1px solid var(--line-ink)}.rail ul{align-items:center;row-gap:var(--s3);padding:var(--s5) 0;color:var(--on-ink-2);flex-wrap:wrap;display:flex}.rail li{align-items:center;display:flex}.rail li+li:before{content:"";background:var(--line-ink-2);width:1px;height:12px;margin:0 clamp(16px,2.4vw,32px)}.rail li:first-child{color:var(--on-ink)}@media (max-width:560px){.rail ul{flex-direction:column;align-items:flex-start}.rail li+li:before{display:none}}.sec{padding:var(--sec) 0}.benefits .head{margin-bottom:var(--head)}.shell{padding:var(--s2);border-radius:var(--r-shell);box-shadow:inset 0 0 0 1px var(--line);background:#15202b09}.core{border-radius:var(--r-core);background:var(--paper-raised);height:100%;box-shadow:inset 0 1px #fff,0 1px 2px #15202b0a,0 24px 48px -32px #15202b38}.on-ink .shell{box-shadow:inset 0 0 0 1px var(--line-ink);background:#f4f0e70a}.core-ink,.on-ink .core{background:var(--ink-raised);color:var(--on-ink);box-shadow:inset 0 1px #f4f0e717}.bento{row-gap:var(--col-gap)}.card{transition:transform .6s var(--ease-out)}.card-a{grid-row:1/span 2}.card .core{padding:var(--pad);flex-direction:column;min-height:264px;display:flex;position:relative;overflow:hidden}.card-a .core{min-height:552px}.card .idx{font:400 var(--t-label)/1 var(--mono);letter-spacing:.1em;color:var(--ink-3);min-height:80px;margin-bottom:auto}.card h3{font-weight:400;font-size:var(--t-head);letter-spacing:-.025em;margin:var(--s5) 0 var(--s3);text-wrap:balance;line-height:1.15}.card p{color:var(--ink-2);max-width:30em}.card-a .idx{min-height:0;margin-bottom:0}.card-a .glyph{min-height:200px;margin:var(--s4) 0;flex:1;align-items:center;display:grid}.card-b .glyph,.card-c .glyph{top:var(--pad);right:var(--pad);position:absolute}.glyph svg{width:100%;height:auto;color:var(--ink);overflow:visible}.card-b .glyph svg{width:132px}.card-c .glyph{gap:7px;width:132px;display:grid}@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-6px)}}@media (max-width:960px){.bento{row-gap:var(--s4)}.card-a{grid-row:auto}.card-a .core{min-height:0}}.g-bars rect{transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease-out);transition-delay:calc(var(--n) * 14ms + .2s);transform:scaleY(.04)}.g-line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease-io);transition-delay:calc(var(--n) * 90ms + .7s)}.g-node{transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform .5s var(--ease-out), opacity .3s ease;transition-delay:calc(var(--n) * 90ms + 1.1s);transform:scale(.6)}.g-tally path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .42s var(--ease-out);transition-delay:calc(var(--n) * .12s + .3s)}.g-shelf i{background:var(--ink);opacity:0;height:8px;transition:transform .6s var(--ease-out), opacity .4s ease;transition-delay:calc(var(--n) * 70ms + .3s);border-radius:4px;display:block;transform:translate(-14px)}.in .g-bars rect{transform:none}.in .g-line,.in .g-tally path{stroke-dashoffset:0}.in .g-node{opacity:1;transform:none}.in .g-shelf i{opacity:var(--o,1);transform:none}.how-pin{padding:var(--sec) 0}.how-grid{align-items:center}.how-copy{grid-column:1/span 6}.how .h2{margin-bottom:var(--s7)}.prog{background:var(--line-ink);height:1px}.prog i{background:var(--on-ink);transform-origin:0;height:1px;display:block;transform:scaleX(0)}.steps li{padding:var(--s5) 0;border-bottom:1px solid var(--line-ink);grid-template-columns:48px minmax(0,1fr);align-items:baseline;display:grid}.steps .n{font:400 var(--t-label)/1 var(--mono);letter-spacing:.1em;color:var(--on-ink-3);transition:color .3s}.steps h3{letter-spacing:-.015em;margin-bottom:var(--s1);color:var(--on-ink-2);font-size:clamp(20px,1.6vw,22px);font-weight:400;line-height:1.3;transition:color .3s}.steps p{color:var(--on-ink-3);max-width:26em;transition:color .3s}.steps li.on .n{color:var(--spark)}.steps li.on h3{color:var(--on-ink)}.steps li.on p{color:var(--on-ink-2)}.scene-core{padding:20px var(--s3) var(--s3);position:relative}.lib-head{padding:0 21px var(--s4);color:var(--on-ink-2);justify-content:space-between;align-items:baseline;display:flex}.lib-head span:last-child{font:400 var(--t-label)/1 var(--mono);letter-spacing:.04em;text-transform:none;color:var(--on-ink-3)}.lib{gap:var(--s2);padding:0 9px;display:grid}.rec,.tray-slot{border-radius:var(--r-in);height:40px}.rec{z-index:1;align-items:center;column-gap:var(--s3);padding:0 var(--s3);font:400 var(--t-label)/1 var(--mono);color:var(--on-ink-2);background:#223040;grid-template-columns:80px minmax(0,1fr) 72px;transition:box-shadow .24s,background-color .24s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f4f0e714}.rec.pick{background:#2a3a4c;box-shadow:inset 0 0 0 1px #f4f0e780}.rec .wave{height:22px;color:var(--on-ink-2);position:relative}.rec.pick .wave{color:var(--on-ink)}.rec .wave svg{width:100%;height:100%}.rec .head{background:var(--spark);opacity:0;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-4px}.rec .end{text-align:right;height:12px;position:relative}.rec .end span{white-space:nowrap;transition:opacity .3s;position:absolute;top:0;right:0}.rec .st{opacity:0;color:var(--on-ink)}.rec .st.wait{color:var(--on-ink-2)}.rec.sent .len,.rec.setup .len{opacity:0}.rec.sent .st{opacity:1}.tray{gap:var(--s2);margin-top:var(--s4);padding:36px var(--s2) var(--s2);opacity:0;border:1px dashed #f4f0e742;border-radius:20px;display:grid;position:relative}.tray-label{left:20px;top:var(--s3);color:var(--on-ink-2);position:absolute}.tray-slot{background:#f4f0e708;display:block}@media (min-width:961px) and (min-height:641px) and (prefers-reduced-motion:no-preference){.js .how{height:320vh}.js .how-pin{align-items:center;height:100svh;padding:76px 0 0;display:grid;position:sticky;top:0}}@media (min-width:961px) and (max-height:780px){.how .h2{margin-bottom:var(--s6);font-size:clamp(34px,4vw,52px)}.how .tag{margin-bottom:var(--s4)}.steps li{padding:var(--s4) 0}}@media (max-width:960px){.how-grid{row-gap:0}.how-copy{display:contents}.how .tag{order:1;justify-self:start}.how .h2{margin-bottom:var(--s6);order:2}.scene{width:100%;max-width:560px;margin-bottom:var(--s7);order:3;justify-self:center}.how .prog{order:4}.how .steps{order:5}}@media (max-width:420px){.rec{column-gap:var(--s2);grid-template-columns:72px minmax(0,1fr) 64px}}.con-grid{align-items:end}.con-side{padding-bottom:calc(var(--t-title) * .155)}.con-side .lead{color:var(--ink-2);margin-bottom:var(--s6)}.demo .core{padding:20px}.demo-top,.demo-bot{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.demo-top b{font:400 13px/1 var(--mono);color:var(--on-ink-2);font-variant-numeric:tabular-nums}.demo canvas{width:100%;height:96px;margin:var(--s3) 0 var(--s4)}.demo-bot span{font:400 var(--t-label)/1.4 var(--mono);color:var(--on-ink-3);text-align:right}.demo-bot .btn{min-width:104px}.demo.paused .dot{background:var(--on-ink-2)}@media (max-width:960px){.con-grid{row-gap:var(--s7);align-items:start}.con-side{padding-bottom:0}}.faq{padding-top:0;scroll-margin-top:128px}.faq-grid{align-items:start}.faq .head .tag{margin-bottom:var(--s5)}.qa{border-top:1px solid var(--line-2)}.qa:last-child{border-bottom:1px solid var(--line-2)}.qa h3{font:inherit}.qa button span{text-wrap:balance}.qa button{justify-content:space-between;align-items:center;gap:var(--s5);width:100%;padding:var(--s6) 0;cursor:pointer;text-align:left;font-weight:400;font-size:var(--t-head);letter-spacing:-.02em;background:0 0;border:0;line-height:1.25;display:flex}.pm{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;flex:none;transition:background-color .2s;position:relative}.pm:before,.pm:after{content:"";background:var(--ink);height:1.5px;transition:transform .28s var(--ease-out);margin-top:-.75px;position:absolute;top:50%;left:13px;right:13px}.pm:after{transform:rotate(90deg)}.qa.open .pm:after{transform:rotate(0)}.ans{transition:grid-template-rows .28s var(--ease-out);grid-template-rows:0fr;display:grid}.ans>div{visibility:hidden;transition:visibility 0s .28s;overflow:hidden}.ans p{padding:0 var(--s8) var(--s6) 0;color:var(--ink-2);opacity:0;transition:opacity .2s ease, transform .28s var(--ease-out);transform:translateY(6px)}.qa.open .ans{grid-template-rows:1fr}.qa.open .ans>div{visibility:visible;transition-delay:0s}.qa.open .ans p{opacity:1;transition-delay:60ms;transform:none}@media (hover:hover) and (pointer:fine){.qa button:hover .pm{background:var(--paper-sunk)}}@media (max-width:960px){.faq-grid{row-gap:var(--s7)}.ans p{padding-right:0}}.final{position:relative;overflow:clip}.fin-grid{padding:var(--sec) 0 var(--s8);align-items:end}@supports (align-items:last baseline){.fin-grid{align-items:last baseline}}.fin-grid h2{font-size:var(--t-close);text-wrap:balance;line-height:1}.fin-grid h2 span{margin-top:.12em;display:block}.fin-side .fine{margin-top:var(--s5)}.final .dayline{opacity:.5;height:clamp(112px,16vh,168px)}footer{border-top:1px solid var(--line-ink)}footer .wrap{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5) 0;display:flex}.foot-brand{align-items:baseline;gap:var(--s3);font-size:var(--t-small);color:var(--on-ink-2);line-height:1.5;display:inline-flex}.foot-brand .wm{height:18px;color:var(--on-ink);transform:translateY(24.9%)}.foot-link{font-size:var(--t-small);color:var(--on-ink-2);min-height:var(--h-s);align-items:center;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.foot-link:hover{color:var(--on-ink)}}@media (max-width:960px){.fin-grid{row-gap:var(--s6);align-items:start}}.js .ln>span{transform:translateY(108%)}.js .up{opacity:0;transform:translateY(18px)}.js .nav{opacity:0;transform:translate(-50%,-14px)}.ready .ln>span{transition:transform 1.1s var(--ease-out) calc(var(--i) * 85ms + 80ms);transform:none}.ready .up{opacity:1;transition:opacity .7s ease calc(var(--i) * 70ms + .12s), transform .9s var(--ease-out) calc(var(--i) * 70ms + .12s);transform:none}.ready .nav{opacity:1;transition:opacity .6s ease .5s, transform .8s var(--ease-out) .5s;transform:translate(-50%)}.js .rv{opacity:0;transition:opacity .7s ease var(--d,0s), transform 1s var(--ease-out) var(--d,0s);transform:translateY(28px)}.js .rv.in{opacity:1;transform:none}.js .card.rv.in{transition:opacity .7s ease var(--d,0s), transform .6s var(--ease-out)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .ln>span,.js .up,.js .rv,.g-bars rect,.g-node,.g-shelf i,.ans p{transform:none!important}.js .nav{transform:translate(-50%)!important}.g-line,.g-tally path{stroke-dashoffset:0!important}.card,.btn,.btn .ic{transition:none}.tray{opacity:1}.glow{display:none}}.dayline canvas,.demo canvas{font-family:var(--mono)}