:root{--paper:#f4f9fa;--surface:#fff;--ink:#12283a;--ink-2:#4a6072;--line:#d5e3e8;--lagoon:#0b7488;--lagoon-soft:#d9f0f4;--film-a:#6fd3e0;--film-b:#b9a6f5;--film-c:#f4a6c8;--film-d:#f7d58b;--rim:conic-gradient(from 200deg, var(--film-a), var(--film-b), var(--film-c), var(--film-d), #9fe3c6, var(--film-a));--bubble-fill:#e6f6f9;--warn-bg:#fff4d6;--warn-ink:#5c4300;--ok:#0f7a4d;--ask:#8a5a00;--no:#a8323e;--code-bg:#eaf3f6;--font-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3rem;--step-2:clamp(1.6rem, 3.4vw, 2.1rem);--step-3:clamp(2.7rem, 7.2vw, 5rem);--gutter:16px;--max:1120px;color-scheme:light}:root[data-theme=dark],.surface-dark,pre{color-scheme:dark;--paper:#0b1823;--surface:#112432;--ink:#e7f2f6;--ink-2:#9fb6c4;--line:#1f3a4b;--lagoon:#5ccbdd;--lagoon-soft:#12333f;--bubble-fill:#12303d;--warn-bg:#3a2f10;--warn-ink:#f6dfa0;--ok:#55d39b;--ask:#f0c25a;--no:#ff8c96;--code-bg:#0f2230}.surface-dark,pre{color:var(--ink)}:root[data-theme=dark] .surface-dark,:root[data-theme=dark] pre{box-shadow:0 0 0 1px #2c4a5e,0 18px 40px #00000059}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.08}h1{font-size:var(--step-3);letter-spacing:-.035em}h2{font-size:var(--step-2)}h3{font-size:var(--step-1);letter-spacing:-.01em}p{max-width:64ch;margin:0 0 1em}a{color:var(--lagoon);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--lagoon);outline-offset:3px;border-radius:4px}code,pre{font-family:var(--font-mono);font-size:.875em}code{background:var(--code-bg);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em}pre{background:var(--code-bg);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;line-height:1.55;overflow-x:auto}pre code{overflow-wrap:normal;background:0 0;padding:0}.astro-code,.astro-code span{color:var(--shiki-dark)}.astro-code{background:var(--code-bg)!important}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.skip{background:var(--ink);color:var(--paper);z-index:10;border-radius:8px;padding:.5rem .8rem;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.site-header{z-index:5;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:1rem;min-height:60px;display:flex}.bar>nav{margin-left:auto}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav{font-size:var(--step--1);gap:1.1rem;display:flex}.site-header nav a{color:var(--ink);border-bottom:2px solid #0000;padding:.4rem .1rem;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:var(--lagoon)}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--step--1);margin-top:5rem;padding:2.5rem 0 3rem}.foot-links{flex-wrap:wrap;gap:.4rem 1.4rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.small{font-size:var(--step--1);color:var(--ink-2)}.btn{border:2px solid var(--ink);min-height:46px;color:var(--ink);background:0 0;border-radius:999px;align-items:center;padding:0 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--ink);color:var(--paper)}.btn:hover{transform:translateY(-2px)}.btn{transition:transform .15s}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}.btn-row{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.hero{padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(2rem,5vw,4rem);position:relative;overflow:clip}.hero .wrap{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid;position:relative}@media (width>=900px){.hero .wrap{grid-template-columns:1.05fr .95fr;gap:3.5rem}}.hero h1{max-width:11ch}.hero .sub{font-size:var(--step-1);color:var(--ink-2);max-width:30ch;line-height:1.4}.hero .badge{font-size:var(--step--1);background:var(--lagoon-soft);color:var(--ink);border-radius:999px;margin-bottom:1.2rem;padding:.25rem .8rem;display:inline-block}.section{border-top:1px solid var(--line);padding:clamp(3rem,7vw,5.5rem) 0}.section .wrap{grid-template-columns:minmax(0,1fr);gap:1.6rem 4rem;display:grid}@media (width>=900px){.section .wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.section .head{align-self:start;position:sticky;top:84px}}.section .head p{color:var(--ink-2)}.lead{font-size:var(--step-1);color:var(--ink);line-height:1.45}.facts{gap:1.1rem;margin:0;display:grid}.facts dt{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.facts dd{color:var(--ink-2);max-width:56ch;margin:.15rem 0 0}.modes{gap:2rem;display:grid}.mode{grid-template-columns:76px minmax(0,1fr);gap:1.1rem;display:grid}.mode svg{width:76px;height:76px}.mode p{margin-bottom:.5em}.tradeoff{color:var(--ink-2);font-size:var(--step--1)}.tradeoff b{color:var(--ink);font-weight:600}.snippet-label{font-size:var(--step--1);background:var(--warn-bg);color:var(--warn-ink);border-radius:999px;margin:.5rem 0 .4rem;padding:.15rem .7rem;display:inline-block}.principles{gap:.8rem;margin:0 0 2rem;display:grid}.principle{font-family:var(--font-display);letter-spacing:-.02em;max-width:24ch;margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;line-height:1.2}.flow{gap:.6rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.flow li{grid-template-columns:1.6rem 1fr;align-items:start;gap:.7rem;display:grid}.flow li:before{content:"";border:2.5px solid var(--lagoon);background:var(--surface);border-radius:50%;width:14px;height:14px;margin-top:.4em}.note{background:var(--warn-bg);color:var(--warn-ink);border-radius:16px;max-width:62ch;margin-top:1.6rem;padding:1rem 1.2rem}.note p{margin:0}.note a{color:inherit}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--step--1)}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.7rem .8rem .7rem 0}th{font-family:var(--font-display);font-size:.95rem}.compare th:first-child{min-width:9rem}.docs-layout{grid-template-columns:minmax(0,1fr);gap:2rem;padding:2.5rem 0 0;display:grid}@media (width>=900px){.docs-layout{grid-template-columns:230px minmax(0,1fr);gap:3rem}}.docs-nav ul{font-size:var(--step--1);gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.docs-nav a{color:var(--ink);border-radius:10px;padding:.35rem .7rem;text-decoration:none;display:block}.docs-nav a:hover{background:var(--lagoon-soft)}.docs-nav a[aria-current]{background:var(--lagoon-soft);font-weight:600}.docs-nav .label{font-family:var(--font-display);margin:0 0 .5rem;padding-left:.7rem;font-weight:700}@media (width>=900px){.docs-nav{align-self:start;position:sticky;top:84px}}.prose{min-width:0;max-width:72ch}.prose h1{font-size:clamp(2rem,5vw,3rem)}.prose h2{margin-top:2em}.prose blockquote{background:var(--warn-bg);color:var(--warn-ink);border-radius:14px;margin:0 0 1.4em;padding:.7rem 1.1rem}.prose blockquote p{margin:0}.prose blockquote:not(:first-of-type){background:var(--lagoon-soft);color:var(--ink);border-left:4px solid var(--lagoon);border-radius:4px 14px 14px 4px}.prose table{display:block;overflow-x:auto}.prose li{max-width:64ch;margin-bottom:.35em}.doc-list{gap:1.2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.doc-list h2{margin:0;font-size:1.3rem}.doc-list p{color:var(--ink-2);margin:.1rem 0 0}.doc-list a{text-decoration:none}.doc-list a:hover{text-decoration:underline}.center-page{padding:4rem 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:2.1rem;height:2.1rem;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;margin-left:.3rem;display:grid}.theme-toggle:hover{border-color:var(--lagoon)}.theme-toggle svg{width:1.05rem;height:1.05rem}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}@media (width<=420px){.bar{gap:.6rem}.site-header nav{gap:.75rem}.theme-toggle{width:2rem;height:2rem;margin-left:0}}