@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: rgb(255 255 255 / .09);--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{margin:0;background:radial-gradient(70% 40% at 50% 0%,rgb(124 58 237 / .18),transparent 70%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;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{line-height:1.1;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}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{font-size:.88em;padding:.1em .35em;border-radius:.3em;background:var(--surface-2)}kbd{display:inline-block;font-size:.8em;line-height:1;padding:.3em .5em;border-radius:.35em;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:3px}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:#13111cbf;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);text-decoration:none;white-space:nowrap}.brand-icon{color:var(--accent);flex:none}.bar nav{display:flex;align-items:center;gap:1rem;font-size:.9rem}.bar nav a{color:var(--muted);text-decoration:none}.bar nav a:hover{color:var(--text)}.lock{padding:.35rem .9rem;border-radius:999px;border:1px solid var(--accent-strong);background:transparent;font-weight:600;white-space:nowrap}.lock[aria-pressed=true]{background:var(--accent-strong);color:#fff}@media(max-width:26rem){.bar nav a[href="#docs"]{display:none}}main{max-width:52rem;margin:0 auto;padding:0 1rem}.hero{padding:clamp(3rem,10vw,6rem) 0 3rem;text-align:center;display:grid;justify-items:center;gap:1.25rem}.eyebrow{color:var(--accent);font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,1.5rem + 5vw,4.5rem)}.lede{color:var(--muted);font-size:clamp(1.05rem,1rem + .4vw,1.25rem);max-width:36rem}.keys{display:flex;align-items:center;gap:.75rem;margin-top:1rem;color:var(--muted);font-size:1.5rem}.keys kbd{font-size:1.2rem;min-width:5.5rem;padding:.9rem 1rem;border-radius:.6rem;border-bottom-width:6px;transition:transform .08s,border-bottom-width .08s,background .15s,border-color .15s}.keys kbd[data-down]{transform:translateY(4px);border-bottom-width:2px;background:var(--accent-strong);border-color:var(--accent);color:#fff}.try{color:var(--muted);font-size:.95rem}.touch{display:block}@media(hover:hover)and (pointer:fine){.touch{display:none}}.demo{padding:2rem 0 3rem;display:grid;gap:1rem}.demo h2,.docs h2{font-size:clamp(1.6rem,1.3rem + 1.5vw,2.2rem)}.demo>p{color:var(--muted)}.app{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:1rem;margin-top:.5rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--line)}.card{display:grid;gap:.75rem;align-content:start;padding:1.1rem;border-radius:.9rem;background:var(--surface-2)}.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{width:3rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--accent-strong);color:#fff;font-weight:700}.card button{padding:.55rem 1rem;border:0;border-radius:.6rem;background:var(--text);color:var(--bg);font-weight:600}.card ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.9rem}.card li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem .5rem;border-radius:.4rem}.card .total{color:var(--text);font-weight:700;text-align:right;font-size:1.1rem}.card label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}.card input{font:inherit;color:var(--text);padding:.55rem .7rem;border-radius:.5rem;border:1px solid var(--line);background:var(--bg)}.badge{display:inline-block;margin-right:.35rem;padding:.1rem .6rem;border-radius:999px;background:#a78bfa26;color:var(--accent);font-weight:600;font-size:.8rem}.docs{display:grid;gap:1rem;padding-bottom:4rem}.docs section{display:grid;gap:1rem;padding:2.5rem 0 1rem;border-top:1px solid var(--line)}.docs section>p,.docs li{color:var(--muted)}.docs ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.astro-code{margin:0;padding:1rem 1.1rem;border-radius:.8rem;font-size:.85rem;line-height:1.55;border:1px solid var(--line);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.7rem .75rem .7rem 0;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}td:first-child{white-space:nowrap}td:last-child{color:var(--muted)}@media(max-width:34rem){tr{display:grid;padding:.6rem 0;border-bottom:1px solid var(--line)}thead{display:none}td{border:0;padding:.15rem 0}}.swatches{display:flex;flex-wrap:wrap;gap:.6rem}.swatches button{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .5rem;border-radius:999px;border:1px solid var(--line);background:var(--swatch-bg);font-weight:600;font-size:.9rem}.swatches button:before{content:"";width:1.1rem;aspect-ratio:1;border-radius:50%;background:var(--swatch)}.swatches button[aria-pressed=true]{border-color:var(--swatch);box-shadow:0 0 0 1px var(--swatch)}details{border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}details .astro-code{border:0;border-top:1px solid var(--line);border-radius:0 0 .8rem .8rem}summary{padding:.75rem 1rem;font-weight:600;cursor:pointer}.frameworks{display:grid;gap:.5rem}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:2rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot a{color:inherit}.foot a:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}