:root{--font-display:"Krona One", system-ui, sans-serif;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--background:#eef3f2;--foreground:#16292d;--card:#f7faf9;--primary:#224248;--primary-foreground:#eef3f2;--secondary:#dce8e6;--secondary-foreground:#224248;--muted-foreground:#4f6f75;--border:#c7d8d6;--accent:#ff9a00;--accent-hover:#eb8d00;--accent-foreground:#2b1a00;--eyebrow-on-light:#a35e00;--ring:#ff9a00;--ink:#172f34;--ink-header:rgba(23, 47, 52, 0.94);--ink-panel:#102327;--ink-foreground:#eef3f2;--ink-muted:#9fc3c4;--ink-border:rgba(68, 161, 164, 0.28);--teal:#44a1a4;--slate:#325e6a;--ease:cubic-bezier(0.4, 0, 0.2, 1);--shadow-card:0 18px 40px -24px rgba(0, 0, 0, 0.5);--shadow-panel:0 24px 60px -40px rgba(0, 0, 0, 0.55);--grain-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}main{display:block}a{color:inherit;text-decoration:none;transition:color 150ms var(--ease)}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--accent-foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}h1,h2,h3,p{margin:0}code{font-family:var(--font-mono)}.icon{flex-shrink:0}.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}.ink{background:var(--ink);color:var(--ink-foreground)}.grain{position:relative;overflow:hidden}.grain::before{content:"";position:absolute;inset:0;background-image:var(--grain-svg);mix-blend-mode:soft-light;opacity:.4;pointer-events:none}.grain>.wrap{position:relative}.wordmark{font-family:var(--font-display);font-weight:400;font-size:17px;letter-spacing:.02em;color:var(--ink-foreground);white-space:nowrap}.wordmark .dot{color:var(--accent);margin-left:2px}.site-header{position:sticky;top:0;z-index:20;background:var(--ink-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink-border);color:var(--ink-foreground)}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.version{font-family:var(--font-mono);font-size:12px;color:var(--accent);border:1px solid var(--ink-border);border-radius:9999px;padding:3px 10px;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:20px;min-width:0;overflow-x:auto;white-space:nowrap;font-size:14px;font-weight:500;color:var(--ink-muted);scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav a{display:inline-flex;align-items:center;gap:4px}.eyebrow{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--eyebrow-on-light)}.hero .eyebrow{letter-spacing:.25em;color:var(--accent)}h1,h2{font-family:var(--font-display);font-weight:400;text-wrap:balance}h2{font-size:1.5rem;line-height:1.2}.section-head{display:flex;flex-direction:column;gap:12px;max-width:40rem}.section-head .sub,.point p{font-size:15px;line-height:1.6;color:var(--muted-foreground);text-wrap:pretty}.section-head code,.point code{font-size:13px;color:var(--slate)}.hero-grid{padding-top:6rem;padding-bottom:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));gap:56px;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}.hero h1{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.08;letter-spacing:-.01em}.hero .lead{max-width:34rem;font-size:18px;line-height:1.55;color:var(--ink-muted);text-wrap:pretty}.install{display:flex;align-items:center;gap:12px;max-width:34rem;background:rgba(255,255,255,5%);border:1px solid var(--ink-border);border-radius:.4rem;padding:6px 6px 6px 16px;font-family:var(--font-mono);font-size:14px}.install .prompt{color:var(--accent)}.install .cmd{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}.copy{flex-shrink:0;height:32px;padding:0 12px;border-radius:.25rem;border:1px solid var(--ink-border);background:0 0;color:var(--ink-foreground);font-family:var(--font-sans);font-size:12px;font-weight:600;cursor:pointer;transition:border-color 150ms var(--ease)}.copy:hover{border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 28px;border-radius:.4rem;border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:background-color 150ms var(--ease),border-color 150ms var(--ease),color 150ms var(--ease)}.btn-accent{background:var(--accent);color:var(--accent-foreground)}.btn-accent:hover{background:var(--accent-hover);color:var(--accent-foreground)}.btn-ghost{background:0 0;color:var(--ink-foreground);border-color:var(--teal)}.hero .meta{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--ink-muted)}.hexdiff{margin:0;min-width:0;background:var(--ink-panel);border:1px solid var(--ink-border);border-radius:.75rem;box-shadow:var(--shadow-panel);overflow:hidden}.hexdiff-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ink-border)}.hexdiff-label{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}.seg{display:flex;gap:4px;background:rgba(255,255,255,5%);border-radius:9999px;padding:3px}.seg button{border:0;border-radius:9999px;padding:5px 12px;background:0 0;color:var(--ink-muted);font-family:var(--font-sans);font-size:12px;font-weight:600;cursor:pointer;transition:background-color 150ms var(--ease),color 150ms var(--ease)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}.hexdiff-body{padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.9}.hexrow{display:flex;gap:16px;white-space:nowrap}.hexrow .off{color:var(--slate)}.hexrow .cells{display:flex;gap:5px}.hx{color:var(--ink-foreground);border-radius:2px}.hexrow .ascii{color:var(--teal);white-space:pre}.hexdiff[data-mode=before] .hx.hit{color:var(--accent)}.hexdiff[data-mode=after] .hx.hit{background:var(--accent);color:var(--accent-foreground);box-shadow:0 0 0 1px var(--accent)}.hexdiff[data-mode=before] .a,.hexdiff[data-mode=after] .b{display:none}.hexdiff-foot{display:flex;flex-wrap:wrap;gap:20px;padding:12px 16px;border-top:1px solid var(--ink-border);font-size:12px;color:var(--ink-muted)}.hexdiff-foot strong{color:var(--ink-foreground);font-weight:600}.hexdiff-foot strong.n{color:var(--accent)}.hexdiff-foot .mono{font-family:var(--font-mono)}.section>.wrap{padding-top:4rem;padding-bottom:4rem}.section.ruled{border-top:1px solid var(--border)}.stack{display:flex;flex-direction:column;gap:32px}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:40px}.point{display:flex;flex-direction:column;gap:10px}.point h3{font-size:16px;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:16px}.card{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:.5rem;transition:transform 200ms var(--ease),box-shadow 200ms var(--ease),border-color 200ms var(--ease)}.card:hover{color:inherit;transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:rgba(34,66,72,.35)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-top .icon{color:var(--muted-foreground)}.card-name{font-family:var(--font-display);font-size:17px;letter-spacing:.02em}.tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:.25rem;padding:2px 8px;white-space:nowrap}.card-role{font-size:14px;line-height:1.55;color:var(--muted-foreground);text-wrap:pretty}.card-fns{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border)}.card-fns code{font-size:12.5px;color:var(--foreground)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:40px;align-items:start}.examples-side{display:flex;flex-direction:column;gap:20px}.tabs{display:flex;flex-direction:column;gap:8px}.tab{display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-align:left;border-radius:.4rem;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-family:var(--font-sans);cursor:pointer;transition:background-color 150ms var(--ease),border-color 150ms var(--ease),color 150ms var(--ease)}.tab:hover{border-color:rgba(34,66,72,.35)}.tab[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.tab-title{font-size:15px;font-weight:600}.tab-desc{font-size:13px;line-height:1.5;opacity:.75}.code-panels{min-width:0}.code-panel{background:var(--ink);color:var(--ink-foreground);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-panel)}.code-panel[hidden]{display:none}.code-bar{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ink-border);font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}.code-panel pre{margin:0;padding:20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.7;tab-size:4}.code-panel .ln{display:block;min-height:1.7em}.code-panel .ln.cm{color:var(--teal)}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:8px 32px;padding:20px 0;border-bottom:1px solid var(--border);align-items:baseline}.row-title{font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.02em;line-height:1.4}.row-desc{font-size:14px;line-height:1.55;color:var(--muted-foreground);text-wrap:pretty}.pill{justify-self:start;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:9999px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.pill-ready{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.site-footer{margin-top:auto;color:var(--ink-muted)}.footer-inner{padding-top:3rem;padding-bottom:3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:14px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-nav{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}html{scroll-behavior:auto}}