@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/bricolage-grotesque.174b8e47.woff2)format("woff2-variations")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/instrument-sans.2ee17598.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/jetbrains-mono.e1ccbad5.woff2)format("woff2-variations")}:root{--worm:#de8f8a;--worm-deep:#933a43;--clitellum:#b85c5e;--terra:#33211a;--rust:#6e4530;--sienna:#b07a52;--dune:#eadbc4;--bone:#f5eee3;--night:#1a110d;--surface:var(--bone);--surface-raised:var(--dune);--surface-card:#fbf7f0;--ink:var(--terra);--ink-muted:var(--rust);--accent:var(--worm-deep);--accent-soft:color-mix(in oklab, var(--worm) 28%, transparent);--hairline:#dccbb0;--focus:var(--worm-deep);--shadow:0 1px 0 #33211a0a, 0 12px 32px -12px #33211a40;--term-bg:#1f1510;--term-ink:#eadbc4;--term-muted:#a88a70;--term-tag:var(--worm);--term-attr:#f0c27b;--term-string:#8fd1a6;--astro-code-foreground:var(--term-ink);--astro-code-background:var(--term-bg);--astro-code-token-constant:var(--term-attr);--astro-code-token-string:var(--term-string);--astro-code-token-comment:var(--term-muted);--astro-code-token-keyword:var(--term-tag);--astro-code-token-parameter:var(--term-ink);--astro-code-token-function:var(--term-attr);--astro-code-token-string-expression:var(--term-string);--astro-code-token-punctuation:#c4a88c;--astro-code-token-link:var(--term-string);--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--surface:var(--terra);--surface-raised:#452e23;--surface-card:#3d281f;--ink:var(--dune);--ink-muted:#c4946c;--accent:var(--worm);--hairline:#5a3d2f;--focus:var(--worm);--shadow:0 1px 0 #0003, 0 16px 40px -16px #0009;--term-bg:var(--night)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-synthesis:none}body{background:var(--surface);color:var(--ink);font:400 17px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}strong,b{color:var(--ink);font-weight:650}em,i{color:var(--accent);font-style:normal}a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2{font-family:var(--font-display);text-wrap:balance;font-weight:800}h1{margin:0 0 var(--space-6);letter-spacing:-.04em;font-variation-settings:"opsz" 96;font-size:clamp(48px,7.5vw,92px);line-height:.92}h2{margin:0 0 var(--space-8);letter-spacing:-.03em;font-variation-settings:"opsz" 72;font-size:clamp(32px,4.5vw,52px);line-height:1}h3{margin:0;font-size:19px;font-weight:600;line-height:1.3}code,pre{font-family:var(--font-mono);font-variant-ligatures:none;font-size:14px}:not(pre)>code{border-radius:var(--radius-sm);background:var(--surface-raised);padding:1px 5px;font-size:.85em}.wrap{width:min(100% - 2 * var(--space-4), 1120px);margin-inline:auto}.site-header{z-index:10;background:color-mix(in oklab, var(--surface) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;position:sticky;top:0}.header-row{gap:var(--space-4);padding-block:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.brand{line-height:0;display:block}.brand img{width:150px;height:auto}.site-header nav{gap:var(--space-2) var(--space-6);flex-wrap:wrap;align-items:center;font-size:15px;font-weight:500;display:flex}.site-header nav a{min-width:24px;min-height:24px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--accent)}.site-header .nav-cta{border-radius:var(--radius-pill);border:1.5px solid;padding:6px 14px}.lede{max-width:54ch;margin:0 0 var(--space-8);color:var(--ink-muted);font-size:19px;line-height:1.55}.t-prompt{color:var(--worm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-footer{border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:14px}.footer-row{gap:var(--space-4) var(--space-8);padding-block:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.footer-row p{margin:0}.footer-row a{min-width:24px;min-height:24px;padding-block:1px;display:inline-block}.footer-row nav{gap:var(--space-4);flex-wrap:wrap;margin-left:auto;display:flex}h1{margin-bottom:var(--space-8)}.skip-link{top:var(--space-2);left:var(--space-2);z-index:20;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--surface);font-weight:600;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}#content:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.install{gap:var(--space-3);width:fit-content;max-width:100%;margin:0 0 var(--space-6);padding:10px var(--space-4);border-radius:var(--radius-md);background:var(--term-bg);color:var(--term-ink);font-family:var(--font-mono);align-items:center;font-size:14px;display:flex}.install code{white-space:nowrap;user-select:all;background:0 0;min-width:0;padding:0;overflow-x:auto}@media (width<=560px){.brand img{width:120px}.site-header nav{gap:var(--space-4);font-size:14px}.site-header .nav-npm{display:none}}pre[tabindex="0"]:focus-visible,.install code[tabindex="0"]:focus-visible{outline:2px solid var(--worm);outline-offset:-4px}.prose pre,pre[data-copy]{position:relative}.copy-button{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);color:var(--term-ink);font:600 12px/1.4 var(--font-sans);cursor:pointer;opacity:0;background:#1a110db3;border:1px solid #eadbc440;align-items:center;gap:6px;padding:4px 10px;transition:opacity .12s;display:inline-flex;position:absolute}.prose pre:hover .copy-button,pre[data-copy]:hover .copy-button,.copy-button:focus-visible{opacity:1}.copy-button:hover{border-color:var(--worm);color:var(--worm)}.copy-button:focus-visible{outline:2px solid var(--worm);outline-offset:2px}.install .copy-button{opacity:1;flex:none;position:static}@media (hover:none){.copy-button{opacity:1}}.hero{padding-block:var(--space-12) var(--space-20);background:radial-gradient(circle 520px at 88% 12%, color-mix(in oklab, var(--worm) 38%, transparent), transparent), radial-gradient(circle 460px at 8% 90%, color-mix(in oklab, var(--sienna) 22%, transparent), transparent);position:relative;overflow:hidden}.hero-grid{gap:var(--space-12);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid}.eyebrow{gap:var(--space-2);margin:0 0 var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--ink-muted);letter-spacing:.02em;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow .dot{background:#3d9a6a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px oklab(61.7559% -.106473 .0435982/.25)}.squiggle{color:var(--accent);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 6 Q 5 1 10 6 T 20 6 T 30 6 T 40 6' fill='none' stroke='%23de8f8a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/40px 10px repeat-x;padding-bottom:.08em}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{gap:var(--space-2);border:1.5px solid var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--surface);align-items:center;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{box-shadow:0 10px 24px -10px var(--accent);transform:translateY(-2px)}.button svg{transition:transform .16s}.button:hover svg:last-child{transform:translate(3px)}.button-ghost{color:var(--ink);border-color:var(--hairline);background:0 0}.button-ghost:hover{border-color:var(--accent);box-shadow:none}.terminal{border-radius:var(--radius-lg);background:var(--term-bg);color:var(--term-ink);box-shadow:var(--shadow);margin:0;overflow:hidden}.terminal-bar{color:var(--term-muted);border-bottom:1px solid #eadbc414;align-items:center;gap:6px;padding:12px 16px;display:flex}.terminal-bar span{background:#6e4530;border-radius:50%;width:11px;height:11px}.terminal-bar span:first-child{background:var(--worm)}.terminal-bar span:nth-child(2){background:var(--sienna)}.terminal-bar code,.terminal-bar svg{color:var(--term-muted);background:0 0;margin-left:auto;font-size:12px}.terminal pre{padding:var(--space-6);margin:0;line-height:1.7;overflow-x:auto}.t-ok{color:#8fd1a6}.t-num{color:#f0c27b}.t-path{color:var(--term-muted)}.t-err{color:#ff8c84;font-weight:700}.soil{height:max(120px,16.4vw);margin-top:calc(-1 * var(--space-12));position:relative;overflow:hidden}.soil-art{width:100%;height:100%;position:absolute;inset:0}.stratum-1{fill:var(--terra)}.stratum-2{fill:var(--rust)}.stratum-3{fill:#8a5a3c}.stratum-bedrock{fill:var(--terra)}@media (prefers-color-scheme:dark){.stratum-1{fill:var(--night)}.stratum-2{fill:#4a2f22}.stratum-3{fill:#5e3d2b}.stratum-bedrock{fill:var(--night)}}.worm-tunnel{fill:none;stroke:#1a110d66;stroke-width:34px;stroke-linecap:round}.worm use{fill:none;stroke-width:22px;stroke-linecap:round}.worm .worm-shadow{stroke:#00000080;stroke-width:20px}.worm .worm-rim{stroke:color-mix(in oklab, var(--worm) 55%, var(--worm-deep))}.worm .worm-body{stroke:var(--worm);stroke-width:15px}.worm .worm-rings{stroke:#933a4359;stroke-dasharray:.6 3.4;stroke-linecap:butt}.worm .worm-saddle{stroke:var(--clitellum);stroke-dasharray:0 26 9 100;stroke-linecap:butt}.worm .worm-shine{stroke:#ffece673;stroke-width:4px}.soil-toggle{right:var(--space-4);bottom:var(--space-3);width:36px;height:36px;color:var(--dune);cursor:pointer;background:#1a110d73;border:1px solid #eadbc44d;border-radius:50%;place-items:center;display:grid;position:absolute}.soil-toggle:hover{background:#1a110db3}.soil-toggle:focus-visible{outline:2px solid var(--worm);outline-offset:2px}.soil-toggle[hidden],.soil-toggle[aria-pressed=true] .soil-toggle-pause,.soil-toggle[aria-pressed=false] .soil-toggle-play{display:none}.pebble{color:#eadbc466}.stats{background:var(--terra);color:var(--dune);margin-top:-1px;position:relative}@media (prefers-color-scheme:dark){.stats{background:var(--night)}}.stats-grid{gap:var(--space-6);padding-block:var(--space-8) calc(var(--space-8) + max(11px, 1.46vw) - 10px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats-grid div{gap:var(--space-1);padding-left:var(--space-4);border-left:2px solid var(--worm);display:grid}.stats strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--worm);font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1}.stats span{color:#c4a88c;font-size:14px}.stats-caption{padding-bottom:var(--space-4);color:#c4a88c;margin-block:-22px 0;font-size:13px;line-height:1.4;display:block}.section{padding-block:var(--space-20)}.section-raised{background:var(--surface-raised)}.section-dark{background:var(--terra);color:var(--dune);--ink-muted:#c4946c;--accent:var(--worm);--surface-raised:#452e23;--hairline:#5a3d2f}.section-dark strong{color:var(--dune)}@media (prefers-color-scheme:dark){.section-dark{background:var(--night)}}.kicker{margin:0 0 var(--space-3);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600}.section-lede{max-width:62ch;margin:calc(-1 * var(--space-4)) 0 var(--space-8);color:var(--ink-muted);font-size:18px}.more{margin:var(--space-8) 0 0;color:var(--ink-muted)}.code{margin:var(--space-4) 0 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--term-bg);color:var(--term-ink);font-size:13px;line-height:1.6;overflow-x:auto}.c-tag{color:var(--term-tag)}.c-attr{color:var(--term-attr)}.c-str{color:var(--term-string)}.c-comment{color:var(--term-muted)}.c-error{text-decoration-skip-ink:none;text-underline-offset:4px;text-decoration:underline wavy #ff8c84}.bento{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tile{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tile:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--hairline));box-shadow:var(--shadow);transform:translateY(-3px)}.tile p{color:var(--ink-muted);margin:0;font-size:16px}.tile-wide{grid-column:span 2}.tile-tall{grid-row:span 2}.tile-head{gap:var(--space-3);align-items:center;display:flex}.badge{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;font-size:20px;display:grid}.checks{gap:var(--space-2);padding:var(--space-4) 0 0;margin:auto 0 0;font-size:15px;list-style:none;display:grid}.checks li{gap:var(--space-2);align-items:center;display:flex}.checks svg{color:#3d9a6a}.steps{gap:var(--space-6);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex}.steps li:before{content:counter(step);counter-increment:step;width:36px;height:36px;margin-bottom:var(--space-4);background:var(--accent);color:var(--surface);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid}.steps p{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:15px}.steps .code{padding-top:var(--space-4);margin-top:auto}.steps li>p{margin-bottom:var(--space-4)}.demo-steps .code{margin-top:var(--space-4);padding-top:var(--space-4)}.demo-steps .code+.code{margin-top:var(--space-3)}.demo-icons{gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-icon{gap:var(--space-2);min-width:84px;padding:var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--accent);justify-items:center;font-size:40px;display:grid}.demo-icon code{color:var(--ink-muted);text-align:center;background:0 0;padding:0;font-size:12px}.showcase{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:0;padding:0;list-style:none;display:grid}.showcase li{gap:var(--space-3);padding:var(--space-6) var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-lg);color:var(--worm);justify-items:center;transition:background .18s,transform .18s;display:grid}.showcase li:hover{background:#de8f8a14;transform:translateY(-3px)}.showcase code{color:#c4a88c;background:0 0;font-size:12px}.color-demo{gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-lg);background:#eadbc40f;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.color-demo p{color:#c4a88c;max-width:44ch;margin:0}.swatches{gap:var(--space-3);border:0;margin:0;padding:0;display:flex}.swatch{background:var(--swatch);cursor:pointer;border:3px solid #0000;border-radius:50%;width:44px;height:44px;transition:transform .16s;display:block;position:relative}.swatch:hover{transform:scale(1.08)}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch:has(input:checked){border-color:var(--bone);box-shadow:0 0 0 2px var(--swatch)}.swatch:has(input:focus-visible){outline:2px solid var(--worm);outline-offset:3px}.color-stage{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:var(--bone);color:#933a43;align-items:center;margin:0;transition:color .2s;display:flex}.agents{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.agents p{color:var(--ink-muted)}@media (width<=1040px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.hero-grid,.agents,.bento,.steps{grid-template-columns:minmax(0,1fr)}.tile-wide,.tile-tall{grid-area:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.terminal pre,.code{white-space:pre;overflow-x:auto}.landing :not(pre)>code{white-space:nowrap}.suggest{border-radius:var(--radius-md);background:var(--term-bg);color:var(--term-ink);font-family:var(--font-mono);border:1px solid #eadbc41a;font-size:13px;overflow:hidden}.suggest-input{padding:10px var(--space-4);border-bottom:1px solid #eadbc41a;margin:0}.caret{vertical-align:-.2em;background:var(--worm);width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.suggest ul{padding:var(--space-1);margin:0;list-style:none}.suggest li{gap:var(--space-2);border-radius:var(--radius-sm);color:var(--term-muted);align-items:center;padding:6px 10px;display:flex}.suggest li.active{color:var(--term-ink);background:#de8f8a29}.suggest li svg{color:var(--worm)}.suggest code{color:inherit;background:0 0;padding:0;font-size:13px}.suggest small{color:var(--term-muted);margin-left:auto;font-size:11px}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.caret{animation-iteration-count:4}.suggest li.active small{color:var(--term-ink)}@media (prefers-color-scheme:dark){.hero{background:radial-gradient(circle 520px at 88% 12%, color-mix(in oklab, var(--worm) 22%, transparent), transparent), radial-gradient(circle 460px at 8% 90%, color-mix(in oklab, var(--sienna) 10%, transparent), transparent)}}.swatches{flex-wrap:wrap}.color-demo{align-items:center}@media (prefers-color-scheme:dark){.hero .lede{color:#dcb08c}}.showcase-group+.showcase-group{margin-top:var(--space-8)}.showcase-group h3{gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.showcase-group h3 small{color:#c4a88c;font-size:14px;font-weight:400}.showcase-multi li{background:#eadbc40f}.install-switch{min-width:0;max-width:100%;margin:0 0 var(--space-6)}.install-tabs{gap:var(--space-1);width:fit-content;margin:0 0 var(--space-2);border:0;padding:0;display:flex}.install-tabs label{border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--ink-muted);cursor:pointer;padding:4px 12px;font-size:13px;font-weight:600;position:relative}.install-tabs input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.install-tabs label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.install-tabs label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.install-switch .install{margin-bottom:0}.install-switch:not(:has(input[value=next]:checked)) .install-next,.install-switch:not(:has(input[value=vite]:checked)) .install-vite,.install-switch:not(:has(input[value=astro]:checked)) .install-astro{display:none}.cta-inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.cta-inner h2{margin-bottom:var(--space-4)}.cta-inner>p:not(.install){margin:0 0 var(--space-8);color:var(--ink-muted);font-size:18px}.cta .actions{justify-content:center}@media (width<=560px){.terminal pre{padding:var(--space-4);font-size:12px}.showcase{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.showcase li{padding:var(--space-4) var(--space-1)}.showcase code{text-align:center;font-size:11px}}@media (width<=640px){.hero .terminal{display:none}}.hero-fit{margin:var(--space-3) 0 var(--space-6);color:var(--ink-muted);font-size:14px;line-height:1.5}.agent-prompt{min-width:0;max-width:100%;margin:0 0 var(--space-6)}.agent-prompt-label{margin:0 0 var(--space-2);color:var(--ink-muted);font-size:13px;font-weight:600}.agent-prompt .code{white-space:pre-wrap;margin:0;padding-right:80px;font-size:12px}.agent-migrate{grid-column:1/-1}.agent-migrate p{margin:0 0 var(--space-4)}.guides{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guide-links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}@media (width<=860px){.guides{grid-template-columns:1fr}}