.how[data-astro-cid-xddc5n57]{--grotesk:"Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;gap:clamp(48px,7vw,88px);max-width:1040px;padding-block:28px 96px;display:grid}.how-top[data-astro-cid-xddc5n57]{font-size:var(--step--1);justify-content:space-between;gap:16px;display:flex}.how-top[data-astro-cid-xddc5n57] span[data-astro-cid-xddc5n57]{flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;display:flex}.how-head[data-astro-cid-xddc5n57]{gap:18px;padding-top:clamp(8px,4vw,40px);display:grid}.how-title[data-astro-cid-xddc5n57]{font-size:clamp(3.2rem,2rem + 6vw,7rem)}.how-lead[data-astro-cid-xddc5n57]{max-width:40ch;font:500 var(--step-2) / 1.22 var(--grotesk);letter-spacing:-.02em;text-wrap:pretty}.how-stats[data-astro-cid-xddc5n57]{border-top:1px solid var(--fg);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]{align-content:start;gap:4px;padding:18px 16px 20px 0;display:grid}.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]+li[data-astro-cid-xddc5n57]{border-left:1px solid var(--line);padding-left:16px}.how-stats[data-astro-cid-xddc5n57] strong[data-astro-cid-xddc5n57]{font-size:var(--step-4);color:var(--fg);line-height:1}.how-stat-l[data-astro-cid-xddc5n57]{font:600 var(--step-0) / 1.2 var(--grotesk)}.how-stat-n[data-astro-cid-xddc5n57]{color:var(--fg-2);font-size:.72rem;line-height:1.45}.how-h2[data-astro-cid-xddc5n57]{font:600 var(--step-2) / 1.1 var(--grotesk);letter-spacing:-.03em;text-wrap:balance}.how-demo[data-astro-cid-xddc5n57]{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:24px 48px;display:grid}.how-demo-intro[data-astro-cid-xddc5n57]{gap:12px;display:grid;position:sticky;top:24px}.how-rig[data-astro-cid-xddc5n57]{border:1px solid var(--line);background:var(--bg-2);border-radius:18px;gap:16px;padding:clamp(14px,3vw,28px);display:grid}.how-visitor[data-astro-cid-xddc5n57]{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.how-pill[data-astro-cid-xddc5n57]{background:var(--fg);color:var(--bg);font-size:var(--step--1);border-radius:14px;padding:5px 12px}.how-svg[data-astro-cid-xddc5n57]{width:100%;height:auto;overflow:visible}.how-band[data-astro-cid-xddc5n57]{fill:color-mix(in oklab, var(--bg) 70%, transparent)}.how-rail[data-astro-cid-xddc5n57]{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.how-lbl[data-astro-cid-xddc5n57]{fill:var(--fg-2);font:500 11.5px var(--font-mono);letter-spacing:.08em}.how-cnt[data-astro-cid-xddc5n57]{fill:var(--fg-2);font:500 12px var(--font-mono)}.how-svg[data-astro-cid-xddc5n57] .how-tick{fill:color-mix(in oklab, var(--fg) 16%, transparent)}.how-svg[data-astro-cid-xddc5n57] .how-tick.on{fill:var(--accent)}.how-wire[data-astro-cid-xddc5n57]{fill:none;stroke:var(--accent);stroke-width:1.5px}.how-node[data-astro-cid-xddc5n57]{fill:var(--accent)}.how-name[data-astro-cid-xddc5n57]{fill:var(--fg);font:600 16px var(--grotesk);letter-spacing:-.01em}.how-name[data-astro-cid-xddc5n57].off{fill:var(--fg-2);font-style:italic;font-weight:400}.how-wire[data-astro-cid-xddc5n57].off,.how-node[data-astro-cid-xddc5n57].off{display:none}@media (prefers-reduced-motion:no-preference){.is-paused[data-astro-cid-xddc5n57] [data-astro-cid-xddc5n57]{animation-play-state:paused!important}.is-assembling[data-astro-cid-xddc5n57] .how-tick{animation:.5s ease-out both how-scan;animation-delay:calc(var(--d) + var(--j) * 22ms)}.is-assembling[data-astro-cid-xddc5n57] .how-tick.on{animation:how-pick .9s var(--ease) both;animation-delay:var(--d)}.is-assembling[data-astro-cid-xddc5n57] .how-wire[data-astro-cid-xddc5n57]{stroke-dasharray:1;animation:.35s ease-out both how-draw;animation-delay:calc(var(--d) + .55s)}.is-assembling[data-astro-cid-xddc5n57] .how-node[data-astro-cid-xddc5n57],.is-assembling[data-astro-cid-xddc5n57] .how-name[data-astro-cid-xddc5n57]{animation:how-in .35s var(--ease) both;animation-delay:calc(var(--d) + .75s)}.is-assembling[data-astro-cid-xddc5n57] .how-meter[data-astro-cid-xddc5n57] i[data-astro-cid-xddc5n57].on{animation:.3s ease-out both how-in;animation-delay:calc(1.8s + var(--s,0) * 1ms)}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]{animation:.3s ease-out both how-in}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:first-child{animation-delay:1.9s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(2){animation-delay:1.98s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(3){animation-delay:2.06s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(4){animation-delay:2.14s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(5){animation-delay:2.22s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(6){animation-delay:2.3s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(7){animation-delay:2.38s}.is-assembling[data-astro-cid-xddc5n57] .how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(8){animation-delay:2.46s}}@keyframes how-scan{0%{fill:color-mix(in oklab, var(--fg) 16%, transparent)}35%{fill:var(--accent-2)}to{fill:color-mix(in oklab, var(--fg) 16%, transparent)}}@keyframes how-pick{0%,55%{fill:color-mix(in oklab, var(--fg) 16%, transparent)}to{fill:var(--accent)}}@keyframes how-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes how-in{0%{opacity:0}to{opacity:1}}.how-checks[data-astro-cid-xddc5n57]{border-top:1px dashed var(--line);gap:12px;padding-top:14px;display:grid}.how-budget[data-astro-cid-xddc5n57]{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.how-meter[data-astro-cid-xddc5n57]{gap:4px;display:inline-flex}.how-meter[data-astro-cid-xddc5n57] i[data-astro-cid-xddc5n57]{background:color-mix(in oklab, var(--fg) 14%, transparent);border-radius:2px;width:22px;height:10px}.how-meter[data-astro-cid-xddc5n57] i[data-astro-cid-xddc5n57].on{background:var(--accent-2)}.small[data-astro-cid-xddc5n57]{font-size:var(--step--1)}.how-valid[data-astro-cid-xddc5n57]{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.72rem;list-style:none;display:flex}.how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]{border:1px solid color-mix(in oklab, var(--accent-2) 45%, var(--line));color:var(--accent-2);border-radius:999px;padding:3px 9px 3px 7px}.how-valid[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:before{content:"✓ "}.how-actions[data-astro-cid-xddc5n57]{flex-wrap:wrap;gap:10px;display:flex}.how-steps[data-astro-cid-xddc5n57]{gap:clamp(36px,5vw,56px);margin:0;padding:0;list-style:none;display:grid}.how-step[data-astro-cid-xddc5n57]{border-top:1px solid var(--fg);grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:12px 48px;padding-top:20px;display:grid}.how-step[data-astro-cid-xddc5n57]>div[data-astro-cid-xddc5n57]{gap:14px;max-width:66ch;display:grid}.how-step[data-astro-cid-xddc5n57]>div[data-astro-cid-xddc5n57]>.how-h2[data-astro-cid-xddc5n57]{margin-bottom:2px}.how-n[data-astro-cid-xddc5n57]{font-size:var(--step-3);color:var(--accent-text);grid-column:1;font-family:Instrument Serif,Georgia,serif;font-style:italic;line-height:1}code[data-astro-cid-xddc5n57]{font:500 .9em var(--font-mono);background:var(--bg-2);border-radius:4px;padding:1px 5px}.how-foot[data-astro-cid-xddc5n57]{border-top:1px solid var(--fg);gap:14px;padding-top:24px;display:grid}.how-foot-links[data-astro-cid-xddc5n57]{flex-wrap:wrap;gap:10px;display:flex}.how-cs[data-astro-cid-xddc5n57]{font-size:var(--step--1);color:var(--fg-2);line-height:1.8}@media (width<=900px){.how-stats[data-astro-cid-xddc5n57]{grid-template-columns:repeat(2,minmax(0,1fr))}.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57],.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]+li[data-astro-cid-xddc5n57]{border-left:0;border-bottom:1px solid var(--line);padding:16px 12px 16px 0}.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:nth-child(2n){border-left:1px solid var(--line);padding-left:14px}.how-stats[data-astro-cid-xddc5n57] li[data-astro-cid-xddc5n57]:last-child{border-bottom:0;grid-column:1/-1}.how-demo[data-astro-cid-xddc5n57],.how-step[data-astro-cid-xddc5n57]{grid-template-columns:1fr}.how-demo-intro[data-astro-cid-xddc5n57]{position:static}}