.marketing{--bg:#fff;--bg-subtle:#f7f7f5;--border:#e6e6e1;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#ff6a3d;--accent-hover:#e85a2f;--max-content:720px;color:var(--text);background:var(--bg);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}.marketing a{color:var(--accent);text-decoration:none}.marketing a:hover{color:var(--accent-hover);text-decoration:underline}.marketing header.site{max-width:var(--max-content);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:24px 24px 0;display:flex}.marketing header.site .brand{letter-spacing:.02em;color:var(--text);font-size:18px;font-weight:700}.marketing header.site .brand:hover{color:var(--text);text-decoration:none}.marketing header.site nav{color:var(--text-muted);font-size:14px}.marketing header.site nav a{color:var(--text-muted);margin-left:16px}.marketing main{max-width:var(--max-content);margin:0 auto;padding:32px 24px 64px}.marketing h1{margin:16px 0 8px;font-size:32px;font-weight:700;line-height:1.2}.marketing h1 .accent{color:var(--accent)}.marketing h2{margin:32px 0 8px;font-size:20px;font-weight:700;line-height:1.3}.marketing p{margin:12px 0}.marketing ul{padding-left:20px}.marketing li{margin-bottom:6px}.marketing .lede{color:var(--text-muted);margin:8px 0 24px;font-size:18px}.marketing .callout{background:var(--bg-subtle);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;margin:24px 0;padding:16px 18px}.marketing .callout p:first-child{margin-top:0}.marketing .callout p:last-child{margin-bottom:0}.marketing .meta{color:var(--text-muted);margin:0;font-size:13px}.marketing footer.site{max-width:var(--max-content);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:32px auto 0;padding:24px;font-size:13px;display:flex}.marketing footer.site a{color:var(--text-muted)}.marketing footer.site nav a{margin-right:14px}@media (prefers-color-scheme:dark){.marketing{--bg:#111;--bg-subtle:#1a1a1a;--border:#2a2a2a;--text:#f0f0ee;--text-muted:#9a9a96}}@media (max-width:540px){.marketing h1{font-size:26px}.marketing header.site,.marketing main,.marketing footer.site{padding-left:18px;padding-right:18px}.marketing header.site{flex-direction:column;align-items:flex-start}.marketing header.site nav a:first-child{margin-left:0}}