:root{color-scheme:light;--ink: #081213;--ink-soft: #253234;--paper: #fbfaf5;--paper-strong: #ffffff;--paper-muted: #eef0e7;--line: #081213;--accent: #f2d45c;--accent-strong: #d8402a;--blue: #2c6fbb;--focus: #005fcc;font-family:Avenir Next,Trebuchet MS,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(90deg,rgba(8,18,19,.05) 1px,transparent 1px),linear-gradient(rgba(8,18,19,.05) 1px,transparent 1px),var(--paper);background-size:28px 28px;color:var(--ink)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.skip-link{position:absolute;top:0;left:16px;z-index:20;transform:translateY(-130%);padding:10px 12px;border:2px solid var(--line);background:var(--paper-strong);color:var(--ink);font-weight:900}.skip-link:focus{transform:translateY(12px)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:14px 48px;border-bottom:2px solid var(--line);background:#fbfaf5f0;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:1.05rem;font-weight:950;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--line);background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--accent);font-size:1.45rem;line-height:1}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-nav a,.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:2px solid var(--line);border-radius:6px;background:var(--paper-strong);color:var(--ink);font-size:.86rem;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap}.site-nav a:hover,.button:hover{background:var(--accent)}.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:54px;align-items:center;padding:78px 56px 88px;border-bottom:2px solid var(--line)}.hero-copy,.section-copy,.stack,.code-stack{display:grid;align-content:start;gap:18px}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--ink);font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.kicker:before{width:36px;height:10px;content:"";border:2px solid var(--line);background:var(--accent);box-shadow:3px 3px 0 var(--ink)}h1,h2,h3,p,figure{margin:0}h1{font-size:5rem;line-height:.96;font-weight:950}h2{max-width:13ch;font-size:3.4rem;line-height:1.02;font-weight:900;text-wrap:balance}h3{font-size:1.4rem;line-height:1.14;font-weight:900;text-wrap:balance}.lead{max-width:58ch;color:var(--ink-soft);font-size:1.22rem;line-height:1.48;font-weight:560;text-wrap:pretty}.lead code,.section-copy code,.setup-card code{padding:0 .18em;background:#f2d45c73}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;padding:0 18px;box-shadow:5px 5px 0 var(--ink);font-size:.94rem}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--accent-strong);color:var(--paper)}.demo-frame{overflow:hidden;border:2px solid var(--line);background:var(--ink);box-shadow:12px 12px 0 var(--accent)}.demo-frame img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;background:var(--ink)}.demo-frame figcaption{padding:14px 16px;border-top:2px solid var(--line);background:var(--paper-strong);color:var(--ink-soft);font-size:.95rem;font-weight:700;line-height:1.35}.section{padding:76px 56px;border-bottom:2px solid var(--line)}.section-inner{max-width:1180px;margin:0 auto;min-width:0}.split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:44px;align-items:start}.split>*,.code-stack,.code-card,.setup-card,.capability-card,.example-grid{min-width:0}.section-copy p,.setup-card p,.setup-card li,.capability-card p{max-width:68ch;color:var(--ink-soft);font-size:1.03rem;font-weight:550;line-height:1.52;text-wrap:pretty}.command-strip{background:var(--ink);color:var(--paper)}.command-strip .kicker,.command-strip h2{color:var(--paper)}pre{max-width:100%;overflow-x:auto;margin:0;padding:18px;border:2px solid var(--line);background:#101a1c;color:#f8f5de;box-shadow:8px 8px 0 var(--accent);font-size:.92rem;line-height:1.55}pre code{display:block;min-width:max-content;white-space:pre}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.capability-card,.setup-card,.code-card{display:grid;align-content:start;gap:16px;border:2px solid var(--line);background:var(--paper-strong);box-shadow:8px 8px 0 var(--ink)}.capability-card{min-height:298px;padding:20px}.capability-card span{width:fit-content;padding:7px 9px;border:2px solid var(--line);background:var(--accent);font-size:.72rem;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}.capability-card code{align-self:end;color:var(--blue);font-size:.9rem;font-weight:850;line-height:1.45}.install-section{background:var(--paper-muted)}.code-card{padding:18px}.code-card pre,.setup-card pre,.example-grid pre{box-shadow:none}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setup-card{padding:22px}.setup-card ol{display:grid;gap:10px;margin:0;padding-left:20px}.examples-section{background:var(--paper-muted)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:28px 48px;background:var(--ink);color:var(--paper)}.footer-intro{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-weight:800}.footer-intro a{color:var(--accent)}@media(max-width:1020px){.site-header{align-items:flex-start;flex-direction:column;padding:14px 24px}.site-nav{justify-content:flex-start}.hero,.split,.setup-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:58px 28px 66px}.section{padding:58px 28px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-header,.site-footer{padding-inline:18px}.site-nav a{min-height:36px;font-size:.8rem}h1{font-size:3.2rem}h2{font-size:2.25rem}.lead{font-size:1.08rem}.hero,.section{padding-inline:18px}.capability-grid,.example-grid{grid-template-columns:1fr}pre{padding:14px;font-size:.82rem}pre code{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}p code{overflow-wrap:anywhere}.demo-frame{box-shadow:7px 7px 0 var(--accent)}}