.pin[data-astro-cid-4pt2nqzy]{fill:var(--pin);opacity:var(--pin-rest);animation:3s linear infinite pin}.still[data-astro-cid-4pt2nqzy] .pin[data-astro-cid-4pt2nqzy]{opacity:.55;animation:none}[data-theme=light] .still[data-astro-cid-4pt2nqzy] .pin[data-astro-cid-4pt2nqzy]{opacity:.4}@keyframes pin{0%{opacity:var(--pin-rest);fill:var(--pin)}5%{opacity:1;fill:var(--pin-lit)}16%{opacity:var(--pin-rest);fill:var(--pin)}to{opacity:var(--pin-rest)}}@media (prefers-reduced-motion:reduce){.pin[data-astro-cid-4pt2nqzy]{animation:none}}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage.woff2)format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains.woff2)format("woff2");font-weight:100 800;font-display:swap}:root,.stage,.dark,.code{color-scheme:dark;--ground:#060609;--ground-a:#060609c2;--surface:#0e0f14eb;--surface-2:#ffffff09;--fill:#ffffff0f;--fill-2:#ffffff1f;--line:#ffffff17;--line-soft:#ffffff0f;--line-strong:#ffffff38;--outline:#f1f2ed42;--outline-hi:#f1f2ed99;--ink:#f1f2ed;--ink-2:#bdbfc7;--ink-3:#8a8d97;--ink-hi:#fff;--gold:#f7c431;--gold-text:#f7c431;--green:#00ba7a;--green-text:#00ba7a;--link-line:#f7c43199;--btn:#f7c431;--btn-hi:#ffd457;--btn-ink:#14161b;--glow-gold:#f7c43121;--glow-green:#00ba7a1f;--shadow:0 50px 120px #0009;--pin:#ecede8;--pin-rest:.35;--pin-lit:#fff6cf;--wire:#ffffff42;--wire-end:#ffffff14}[data-theme=light]{color-scheme:light;--ground:#fbfbf8;--ground-a:#fbfbf8d1;--surface:#fff;--surface-2:#f2f2ec;--fill:#14161b0f;--fill-2:#14161b1a;--line:#dfdfd7;--line-soft:#e8e8e1;--line-strong:#14161b42;--outline:#14161b47;--outline-hi:#14161bb3;--ink:#14161b;--ink-2:#454851;--ink-3:#626670;--ink-hi:#000;--gold-text:#7d5b00;--green-text:#00754e;--link-line:#7d5b008c;--btn:#14161b;--btn-hi:#2a2d35;--btn-ink:#fbfbf8;--glow-gold:#f7c43133;--glow-green:#00ba7a17;--shadow:0 30px 80px #14161b29;--pin:#14161b;--pin-lit:#f7c431;--wire:#14161b4d;--wire-end:#14161b14}:root{--display:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif;--body:"Instrument Sans",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}.stage,.dark,.code{color:var(--ink)}*,:before,:after{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.5}img,video,svg{max-width:100%}a{color:var(--ink)}a:hover{color:var(--ink-hi)}:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px;border-radius:6px}code{font-family:var(--mono);font-size:.9em}::selection{color:var(--ink-hi);background:#f7c43159}.skip{z-index:100;background:var(--btn);color:var(--btn-ink);border-radius:10px;padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}.pg{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:clip}.pg:before{content:"";pointer-events:none;background:radial-gradient(1100px 800px at -8% -6%,var(--glow-gold),transparent 68%);height:1400px;position:absolute;top:0;left:0;right:0}.pg:after{content:"";pointer-events:none;background:radial-gradient(1200px 900px at 108% 104%,var(--glow-green),transparent 66%);height:1600px;position:absolute;bottom:0;left:0;right:0}.pg>main{z-index:1;flex:1;position:relative}.wrap{z-index:1;max-width:1240px;margin:0 auto;padding:0 40px;position:relative}.d{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.035em;font-weight:700}.m{font-family:var(--mono)}.eye{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green-text);font-size:13px;font-weight:500}[data-theme=light] .stage{background:radial-gradient(70% 60% at 0 0,#f7c4311f,#0000 70%),radial-gradient(70% 60% at 100% 100%,#00ba7a1f,#0000 70%),#060609;border-radius:28px}.btn{min-height:52px;font:600 16px/1 var(--body);cursor:pointer;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn.sm{border-radius:12px;min-height:44px;padding:0 18px;font-size:15px}.btn.soon{cursor:default;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line-soft);background:0 0}.btn.soon:active{transform:none}.gold{background:var(--btn);color:var(--btn-ink)}.gold:hover{background:var(--btn-hi);color:var(--btn-ink)}.line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--outline);background:0 0}.line:hover{box-shadow:inset 0 0 0 1.5px var(--outline-hi);color:var(--ink-hi)}.quiet{color:var(--ink);background:0 0;padding:0 10px}.quiet:hover{color:var(--gold-text)}.quiet .ring{width:32px;height:32px;box-shadow:inset 0 0 0 1.5px var(--outline);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.more{margin:0;font-size:17px}.more a{color:var(--gold-text);text-decoration:none}.more a:hover{text-underline-offset:4px;text-decoration:underline}.top{z-index:40;background:var(--ground-a);backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand .mark{width:34px;height:34px;display:block}.brand span{letter-spacing:-.03em;font-size:25px}.nav-r{align-items:center;gap:34px;display:flex}.links{align-items:center;gap:30px;display:flex}.links a{color:var(--ink-2);padding:12px 0;font-size:15px;text-decoration:none}.links a:hover,.links a[aria-current=page]{color:var(--ink-hi)}.bar{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;padding-bottom:10px;display:grid}.seg{background:var(--fill-2);border-radius:2px;height:3px;overflow:hidden}.seg i{background:var(--green);transform-origin:0;height:100%;transform:scaleX(clamp(0,calc(var(--p,0) * var(--n) - var(--i)),1));display:block;box-shadow:0 0 10px #00ba7ab3}.cmd{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:4px 4px 4px 16px;display:flex}.cmd code{white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--ink-2);scrollbar-width:none;flex:1;padding:10px 0;font-size:14.5px;overflow-x:auto}.cmd code::-webkit-scrollbar{display:none}.cmd code b{color:var(--gold-text);user-select:none;margin-right:.6em;font-weight:500}.copy{background:var(--fill);min-width:44px;height:44px;color:var(--ink);cursor:pointer;font:500 13px var(--mono);border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.copy:hover{background:var(--fill-2)}.copy .done{display:none}.copy.copied .done{display:inline}.copy.copied svg{display:none}.cmd.bare{padding:4px 16px}.cmd.bare code{white-space:normal;line-height:1.6}.cmd.say{align-items:flex-start}.cmd.say code{white-space:normal;overflow-wrap:anywhere;font-size:13.5px;line-height:1.6}.cmd-k{color:var(--ink-3);margin:0 0 10px;font-size:14px}.vid{display:block;position:relative}.vid img{object-fit:cover;width:100%;height:100%;display:block}.vid video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.vid video.on{opacity:1}.sec{border-top:1px solid var(--line-soft);padding:72px 0}.sec h2{max-width:820px;margin:16px 0 0;font-size:clamp(34px,4.2vw,56px);line-height:1}.sec>p,.sec .prose p,.sec .prose li{color:var(--ink-2);max-width:680px;font-size:18px}.sec>p{margin:20px 0 0}.prose p{margin:18px 0 0}.prose ul{margin:18px 0 0;padding-left:1.2em}.prose li{margin:8px 0}.prose li::marker{color:var(--gold-text)}.prose a,.sec>p:not(.more) a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--link-line);text-underline-offset:4px}.prose a:hover,.sec>p:not(.more) a:hover{text-decoration-color:var(--gold-text)}.prose strong{color:var(--ink);font-weight:600}.fine,.sec .prose p.fine{color:var(--ink-3);font-size:14.5px}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:20px 72px;display:grid}.split .sh{position:sticky;top:120px}.split h2{font-size:clamp(32px,3.4vw,48px);line-height:1.02}.split .sb>.prose:first-child>p:first-child,.split .sb>.prose{margin-top:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 30px 32px;position:relative}.card h3{font-family:var(--display);letter-spacing:-.02em;margin:18px 0 0;font-size:28px;font-weight:600;line-height:1.1}.card p{color:var(--ink-2);margin:12px 0 0;font-size:17px}.ic{background:var(--fill);width:46px;height:46px;color:var(--gold-text);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.code{border:1px solid var(--line);background:#0e0f14f7;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #00000059}.code-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;height:44px;padding:0 18px;display:flex}.code-bar i{background:#2c2e36;border-radius:50%;width:10px;height:10px;display:block}.code-bar span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-left:auto;font-size:12px}.code pre{font-family:var(--mono);font-variant-ligatures:none;color:var(--ink-2);margin:0;padding:26px 28px 30px;font-size:15.5px;line-height:1.75;overflow-x:auto}.code .k{color:#a382fe}.code .s{color:#f7c431}.code .f{color:#14b3d7}.foot{z-index:1;border-top:1px solid var(--line-soft);margin-top:40px;padding:48px 0 56px;position:relative}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px 48px;display:flex}.foot .brand .mark{width:30px;height:30px}.foot .brand span{font-size:22px}.foot-nav{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.foot-links{flex-wrap:wrap;justify-content:flex-end;gap:10px 28px;display:flex}.foot-links a{color:var(--ink-2);padding:6px 0;font-size:15px;text-decoration:none}.foot-links a:hover{color:var(--ink-hi)}.foot-works a{color:var(--ink-3);font-size:14.5px}.foot-works a:hover{color:var(--gold-text)}.foot-end{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:36px;display:flex}.lic{color:var(--ink-3);max-width:760px;margin:0;font-size:14px;line-height:1.6}.theme{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:inline-flex}.theme button{min-height:36px;color:var(--ink-3);font:500 13px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px}.theme button:hover{color:var(--ink)}.theme button[aria-pressed=true]{background:var(--fill-2);color:var(--ink)}dialog.film{backdrop-filter:blur(14px);color:#f1f2ed;background:#060609eb;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}dialog.film[open]{justify-content:center;align-items:center;display:flex}dialog.film::backdrop{background:0 0}dialog.film video{aspect-ratio:9/16;background:#000;border-radius:26px;max-width:92%;height:min(86%,1080px);box-shadow:0 40px 120px #0009}.x{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:absolute;top:22px;right:22px}.x:hover{background:#fff3}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.rv{animation:linear both rise view();animation-range:entry entry 70%}}}@keyframes rise{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vid video{transition:none}}@media (width<=1000px){.split{grid-template-columns:minmax(0,1fr)}.split .sh{position:static}}@media (width<=720px){.wrap{padding:0 20px}body{font-size:16px}.nav{height:64px}.links{display:none}.brand span{font-size:23px}.brand .mark{width:30px;height:30px}.cmd code{white-space:normal;font-size:13px;line-height:1.55}.sec{padding:56px 0}.sec h2{font-size:36px}.split h2{font-size:34px}.sec>p,.sec .prose p,.sec .prose li{font-size:17px}.card{border-radius:20px;padding:24px 22px 26px}.card h3{font-size:24px}.code pre{padding:20px 18px 22px;font-size:12.5px}.foot-top{flex-direction:column}.foot-nav{align-items:flex-start}.foot-links{justify-content:flex-start;gap:4px 24px}dialog.film video{border-radius:20px;width:92%;height:auto;max-height:80%}.x{top:14px;right:14px}}