@font-face{font-family:Mona Sans;src:url(/fonts/Mona-Sans.woff2)format("woff2 supports variations"),url(/fonts/Mona-Sans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-feature-settings:"calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1;font-display:swap}@font-face{font-family:Hubot Sans;src:url(/fonts/Hubot-Sans.woff2)format("woff2 supports variations"),url(/fonts/Hubot-Sans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-feature-settings:"calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1;font-display:swap}@font-face{font-family:Gorton;src:url(/fonts/GortonPerfectedVF.woff2)format("woff2 supports variations"),url(/fonts/GortonPerfectedVF.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-feature-settings:"calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1;font-display:swap}@font-face{font-family:Alpha Lyrae;src:url(/fonts/AlphaLyrae-Medium.woff2)format("woff2");font-weight:100 900;font-feature-settings:"calt" 1, "liga" 1, "kern" 1;font-display:swap}@font-face{font-family:Mozilla Text;src:url(/fonts/MozillaText-VF.woff2)format("woff2 supports variations"),url(/fonts/MozillaText-VF.woff2)format("woff2-variations");font-weight:200 700;font-feature-settings:"calt" 1, "liga" 1, "kern" 1;font-display:swap}:root{color-scheme:dark;--bg:#13111c;--surface:#1c1928;--surface-2:#252136;--text:#ece9f5;--muted:#a39fb8;--line:#ffffff17;--accent:#a78bfa;--accent-strong:#7c3aed;--sans:"Mozilla Text", system-ui, sans-serif;--headings:"Alpha Lyrae", "Mona Sans", system-ui, sans-serif;--mono:"Geist Mono", "Recursive Mono Casual Static", "Recursive Mono Casual", "Recursive Mono", "Comic Code", "JetBrains Mono", "SF Mono", Menlo, Monaco, "Courier New", monospace}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(70% 40% at 50% 0%, #7c3aed2e, transparent 70%), var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3,.brand{font-family:var(--headings);font-weight:500}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.1}p{text-wrap:pretty;margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[id]{scroll-margin-top:4.5rem}code,kbd,pre{font-family:var(--mono)}:not(pre)>code{background:var(--surface-2);border-radius:.3em;padding:.1em .35em;font-size:.88em}kbd{background:var(--surface-2);border:1px solid var(--line);border-bottom-width:3px;border-radius:.35em;padding:.3em .5em;font-size:.8em;line-height:1;display:inline-block}.bar{z-index:10;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#13111cbf;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand-icon{color:var(--accent);flex:none}.bar nav{align-items:center;gap:1rem;font-size:.9rem;display:flex}.bar nav a{color:var(--muted);text-decoration:none}.bar nav a:hover{color:var(--text)}.lock{border:1px solid var(--accent-strong);white-space:nowrap;background:0 0;border-radius:999px;padding:.35rem .9rem;font-weight:600}.lock[aria-pressed=true]{background:var(--accent-strong);color:#fff}@media (width<=26rem){.bar nav a[href=\#docs]{display:none}}main{max-width:52rem;margin:0 auto;padding:0 1rem}.hero{text-align:center;justify-items:center;gap:1.25rem;padding:clamp(3rem,10vw,6rem) 0 3rem;display:grid}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(2.5rem,1.5rem + 5vw,4.5rem)}.lede{color:var(--muted);max-width:36rem;font-size:clamp(1.05rem,1rem + .4vw,1.25rem)}.keys{color:var(--muted);align-items:center;gap:.75rem;margin-top:1rem;font-size:1.5rem;display:flex}.keys kbd{border-bottom-width:6px;border-radius:.6rem;min-width:5.5rem;padding:.9rem 1rem;font-size:1.2rem;transition:transform 80ms,border-bottom-width 80ms,background .15s,border-color .15s}.keys kbd[data-down]{background:var(--accent-strong);border-bottom-width:2px;border-color:var(--accent);color:#fff;transform:translateY(4px)}.try{color:var(--muted);font-size:.95rem}.touch{display:block}@media (hover:hover) and (pointer:fine){.touch{display:none}}.demo{gap:1rem;padding:2rem 0 3rem;display:grid}.demo h2,.docs h2{font-size:clamp(1.6rem,1.3rem + 1.5vw,2.2rem)}.demo>p{color:var(--muted)}.app{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:.5rem;padding:1rem;display:grid}.card{background:var(--surface-2);border-radius:.9rem;align-content:start;gap:.75rem;padding:1.1rem;display:grid}.card h3{font-size:1.05rem}.card p{color:var(--muted);font-size:.9rem}.user{grid-template-columns:auto 1fr;align-items:center}.user button{grid-column:1/-1}.avatar{aspect-ratio:1;background:var(--accent-strong);color:#fff;border-radius:50%;place-items:center;width:3rem;font-weight:700;display:grid}.card button{background:var(--text);color:var(--bg);border:0;border-radius:.6rem;padding:.55rem 1rem;font-weight:600}.card ul{gap:.4rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.card li{border-radius:.4rem;justify-content:space-between;gap:1rem;padding:.4rem .5rem;display:flex}.card .total{color:var(--text);text-align:right;font-size:1.1rem;font-weight:700}.card label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}.card input{font:inherit;color:var(--text);border:1px solid var(--line);background:var(--bg);border-radius:.5rem;padding:.55rem .7rem}.badge{color:var(--accent);background:#a78bfa26;border-radius:999px;margin-right:.35rem;padding:.1rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.docs{gap:1rem;padding-bottom:4rem;display:grid}.docs section{border-top:1px solid var(--line);gap:1rem;padding:2.5rem 0 1rem;display:grid}.docs section>p,.docs li{color:var(--muted)}.docs ul{gap:.4rem;margin:0;padding-left:1.2rem;display:grid}.astro-code{border:1px solid var(--line);white-space:pre-wrap;word-wrap:break-word;border-radius:.8rem;margin:0;padding:1rem 1.1rem;font-size:.85rem;line-height:1.55;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .75rem .7rem 0}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}td:first-child{white-space:nowrap}td:last-child{color:var(--muted)}@media (width<=34rem){tr{border-bottom:1px solid var(--line);padding:.6rem 0;display:grid}thead{display:none}td{border:0;padding:.15rem 0}}.swatches{flex-wrap:wrap;gap:.6rem;display:flex}.swatches button{border:1px solid var(--line);background:var(--swatch-bg);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .5rem;font-size:.9rem;font-weight:600;display:flex}.swatches button:before{content:"";aspect-ratio:1;background:var(--swatch);border-radius:50%;width:1.1rem}.swatches button[aria-pressed=true]{border-color:var(--swatch);box-shadow:0 0 0 1px var(--swatch)}details{border:1px solid var(--line);background:var(--surface);border-radius:.8rem}details .astro-code{border:0;border-top:1px solid var(--line);border-radius:0 0 .8rem .8rem}summary{cursor:pointer;padding:.75rem 1rem;font-weight:600}.frameworks{gap:.5rem;display:grid}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:2rem 1rem;font-size:.9rem;display:flex}.foot a{color:inherit}.foot a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}