:root{--annot-ink:#0f1730;--annot-ink-soft:#2a3357;--annot-text:#1c2240;--annot-text-soft:#4a527a;--annot-blue:#7c9cff;--annot-mint:#7ef0c5;--annot-purple:#b391ff;--annot-bg:#fdfdff;--annot-bg-alt:#f4f5fb;--annot-border:#e5e7f3;--annot-radius:12px;--annot-radius-sm:8px;--annot-shadow:0 2px 12px #0f17300f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--annot-bg);color:var(--annot-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:var(--annot-ink);text-decoration:underline;text-decoration-color:var(--annot-blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3{color:var(--annot-ink);margin:0;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.25rem)}h2{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.25rem}p{margin:0}code,pre{font-family:var(--font-mono);font-size:.92em}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--annot-border);background:var(--annot-bg)}.site-header-row{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.site-header-row nav{align-items:center;gap:24px;font-size:.95rem;display:flex}.site-header-row nav a{color:var(--annot-text);text-decoration:none}.site-header-row nav a:hover{color:var(--annot-ink);text-underline-offset:4px;text-decoration:underline}.site-header-brand{color:var(--annot-ink);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.site-header-brand svg{display:block}.hero{background:linear-gradient(180deg, var(--annot-bg) 0%, var(--annot-bg-alt) 100%);padding:72px 0 56px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.hero-eyebrow{color:var(--annot-ink-soft);background:var(--annot-bg);border:1px solid var(--annot-border);letter-spacing:.02em;border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.hero-headline{margin-bottom:18px}.hero-subhead{color:var(--annot-text-soft);max-width:32em;margin-bottom:32px;font-size:1.15rem}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--annot-radius-sm);border:1px solid #0000;padding:12px 22px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--annot-ink);color:#fff}.btn-primary:hover{background:#1a2548}.btn-secondary{background:var(--annot-bg);color:var(--annot-ink);border-color:var(--annot-border)}.btn-secondary:hover{border-color:var(--annot-ink-soft)}.code-card{background:var(--annot-ink);color:#e9ebf5;border-radius:var(--annot-radius);box-shadow:var(--annot-shadow);padding:22px 24px;font-size:.88rem;line-height:1.55;overflow-x:auto}.code-card .filename{color:var(--annot-blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.code-card pre{white-space:pre;margin:0}.tok-k{color:var(--annot-purple)}.tok-s{color:var(--annot-mint)}.tok-c{color:#6b7299;font-style:italic}.tok-f{color:var(--annot-blue)}.section{padding:64px 0}.section-alt{background:var(--annot-bg-alt)}.section-eyebrow{color:var(--annot-ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:600}.section-title{margin-bottom:16px}.section-lead{color:var(--annot-text-soft);max-width:40em;margin-bottom:40px}.flow-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.flow-card{background:var(--annot-bg);border:1px solid var(--annot-border);border-radius:var(--annot-radius);padding:24px}.flow-card h3{margin-bottom:8px}.flow-card p{color:var(--annot-text-soft);font-size:.95rem}.install-row{flex-wrap:wrap;gap:16px;display:flex}.install-card{background:var(--annot-bg);border:1px solid var(--annot-border);border-radius:var(--annot-radius);flex:280px;padding:20px 22px}.install-card h3{margin-bottom:6px;font-size:1rem}.install-card p{color:var(--annot-text-soft);margin-bottom:12px;font-size:.88rem}.install-card .cmd{background:var(--annot-ink);color:#e9ebf5;font-family:var(--font-mono);border-radius:var(--annot-radius-sm);user-select:all;padding:10px 14px;font-size:.84rem}.site-footer{border-top:1px solid var(--annot-border);background:var(--annot-bg);margin-top:24px;padding:40px 0 56px}.site-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.site-footer-brand{max-width:22em;color:var(--annot-text-soft);font-size:.9rem}.site-footer nav{flex-wrap:wrap;gap:32px;display:flex}.site-footer nav section{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.site-footer nav section h4{color:var(--annot-ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.site-footer nav a{color:var(--annot-text-soft);text-decoration:none}.site-footer nav a:hover{color:var(--annot-ink);text-underline-offset:3px;text-decoration:underline}.site-footer-meta{color:var(--annot-text-soft);margin-top:24px;font-size:.8rem}.prose-wrap{background:var(--annot-bg);padding:56px 0 72px}.prose{max-width:38rem;margin:0 auto}.prose .eyebrow{color:var(--annot-ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:600}.prose h1{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.5rem)}.prose .updated{color:var(--annot-text-soft);margin-bottom:32px;font-size:.92rem}.prose h2{margin:40px 0 14px;font-size:1.4rem}.prose h3{margin:28px 0 10px;font-size:1.1rem}.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin-bottom:8px}.prose code{background:var(--annot-bg-alt);border-radius:4px;padding:2px 6px;font-size:.88em}.prose .draft-banner{border-radius:var(--annot-radius-sm);color:#5a4400;background:#fff8e1;border:1px solid #f1d375;border-left:4px solid #e0a800;margin-bottom:32px;padding:14px 18px;font-size:.92rem}.prose .draft-banner strong{color:#3d2e00}.press-head{padding:56px 0 24px}.press-head .eyebrow{color:var(--annot-ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:600}.press-head h1{margin-bottom:12px}.press-head p{max-width:36em;color:var(--annot-text-soft)}.press-block{margin-bottom:48px}.press-block h2{margin-bottom:18px;font-size:1.4rem}.press-asset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.press-asset{background:var(--annot-bg);border:1px solid var(--annot-border);border-radius:var(--annot-radius);flex-direction:column;gap:10px;padding:18px;display:flex}.press-asset .preview{background:var(--annot-bg-alt);border-radius:var(--annot-radius-sm);justify-content:center;align-items:center;height:96px;padding:12px;display:flex}.press-asset .preview.preview-dark{background:var(--annot-ink)}.press-asset .preview img{object-fit:contain;max-width:100%;max-height:100%}.press-asset .label{color:var(--annot-ink);font-size:.95rem;font-weight:600}.press-asset .meta{color:var(--annot-text-soft);font-size:.82rem}.press-asset a{color:var(--annot-ink);text-decoration:underline;text-decoration-color:var(--annot-blue);font-size:.88rem}.press-card{background:var(--annot-bg);border:1px solid var(--annot-border);border-radius:var(--annot-radius);padding:24px 26px}.press-pitch{border-left:4px solid var(--annot-blue);color:var(--annot-text);max-width:36em;padding:4px 0 4px 18px;font-size:1.05rem}.press-meta-row{flex-wrap:wrap;gap:16px;display:flex}.press-meta-row .meta-item{color:var(--annot-text-soft);font-size:.92rem}.press-meta-row .meta-item strong{color:var(--annot-ink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.78rem;font-weight:600;display:block}.press-screenshot-placeholder{border:2px dashed var(--annot-border);background:var(--annot-bg-alt);border-radius:var(--annot-radius);text-align:center;color:var(--annot-text-soft);padding:32px 24px;font-size:.92rem}@media (width<=760px){.hero{padding:48px 0 32px}.hero-grid{grid-template-columns:1fr;gap:32px}.section{padding:48px 0}.prose-wrap{padding:40px 0 56px}.press-head{padding:40px 0 16px}}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}
