:root{--bg:#f3f1ec;--bg-elevated:#fffcf7;--ink:#121212;--ink-muted:#5c5a54;--line:#d9d4c8;--accent:#1a1a1a;--accent-soft:#2a2a2a;--code-bg:#1c1b19;--code-ink:#f0ebe3;--demo-bg:#ebe7df;--shadow:0 24px 60px #12121214;--font:"Instrument Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--max:72rem;--prose:42rem}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(1200px 600px at 10% -10%, #fff8e8 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e8ebe4 0%, transparent 50%), var(--bg);background-attachment:fixed}body{min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.05rem;line-height:1.6}a{color:inherit}code,pre{font-family:var(--mono);font-size:.92em}.site-header{max-width:var(--max);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.site-brand{letter-spacing:-.03em;font-size:1.05rem;font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.site-nav__link{color:var(--ink-muted);font-size:.95rem;text-decoration:none}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--ink)}.site-nav__link[aria-current=page]{text-underline-offset:.3em;text-decoration:underline}.hero{max-width:var(--max);margin:0 auto;padding:clamp(3rem,12vh,7rem) 1.5rem 4rem;animation:.7s both rise}.hero__eyebrow{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;animation:.7s 50ms both rise}.hero__brand{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:.95;animation:.75s .1s both rise}.hero__lede{max-width:34rem;color:var(--ink-muted);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);animation:.75s .18s both rise}.hero__cta{flex-wrap:wrap;gap:.75rem;margin:2rem 0 0;animation:.75s .26s both rise;display:flex}.btn{font:inherit;border:1px solid #0000;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#f7f4ee;background:var(--accent)}.btn--primary:hover{background:var(--accent-soft)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.family{max-width:var(--max);margin:0 auto;padding:0 1.5rem 5rem;animation:.8s .32s both rise}.family__title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1.25rem;font-size:.85rem;font-weight:600}.family__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.family__grid a{background:color-mix(in srgb, var(--bg-elevated) 88%, white);border:1px solid var(--line);height:100%;box-shadow:var(--shadow);flex-direction:column;gap:.5rem;padding:1.25rem 1.35rem;text-decoration:none;transition:border-color .15s;display:flex}.family__grid a:hover{border-color:#b8b2a4}.family__grid strong{letter-spacing:-.02em;font-size:1.15rem}.family__grid span{color:var(--ink-muted);font-size:.95rem}.prose{max-width:var(--prose);margin:0 auto;padding:2rem 1.5rem 4rem}.prose--marketing{max-width:40rem}.prose :is(h1,h2,h3){letter-spacing:-.03em;line-height:1.2}.prose h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem)}.prose h2{margin:2.5rem 0 .75rem;font-size:1.35rem}.prose p,.prose li{color:var(--ink-muted)}.prose :is(p,li) :is(a,strong,code){color:var(--ink)}.prose a{text-underline-offset:.18em}.prose ul{padding-left:1.2rem}.docs-shell{max-width:var(--max);grid-template-columns:15.5rem minmax(0,1fr);gap:1.5rem;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.docs-side{align-self:start;max-height:calc(100vh - 2rem);padding:.5rem 0 2rem;position:sticky;top:1rem;overflow:auto}.docs-side__group+.docs-side__group{margin-top:1.35rem}.docs-side__title{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:600}.docs-side__list{margin:0;padding:0;list-style:none}.docs-side__link{color:var(--ink-muted);padding:.28rem 0;font-size:.92rem;text-decoration:none;display:block}.docs-side__link:hover,.docs-side__link[aria-current=page]{color:var(--ink)}.docs-side__link[aria-current=page]{font-weight:600}.docs-main .prose{margin:0;padding-top:.5rem;padding-left:0;padding-right:0}.code-block{background:var(--code-bg);color:var(--code-ink);border:1px solid #2e2c28;margin:1.25rem 0;overflow:hidden}.code-block__cap{color:#b7b0a4;font-family:var(--mono);border-bottom:1px solid #2e2c28;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;font-size:.75rem;display:flex}.code-block__pre{margin:0;padding:.9rem 1rem;font-size:.85rem;line-height:1.55;overflow-x:auto}.code-block__pre code{font-family:inherit;font-size:inherit}.code-block .line{width:100%;display:inline-block}.demo{background:var(--demo-bg);border:1px solid var(--line);margin:1.5rem 0;padding:1.25rem}.demo__trigger{color:#f7f4ee;font:inherit;cursor:pointer;background:var(--accent);border:0;padding:.55rem .9rem;font-weight:600}.demo__panel{color:var(--ink);background:var(--bg-elevated);border:1px solid var(--line);margin-top:.85rem;padding:.85rem 1rem}.demo__panel[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.docs-shell{grid-template-columns:1fr}.docs-side{border-bottom:1px solid var(--line);max-height:none;padding-bottom:0;position:static}.site-header{flex-direction:column;align-items:flex-start}}