:root{--sl-color-accent-low:#4a3307;--sl-color-accent:#ffb224;--sl-color-accent-high:#ffc75a;--sl-color-white:#f4f1ea;--sl-color-gray-1:#e8e4db;--sl-color-gray-2:#d8d3c8;--sl-color-gray-3:#b9b4a8;--sl-color-gray-4:#6f6b61;--sl-color-gray-5:#3a3832;--sl-color-gray-6:#23231e;--sl-color-black:#0e0f0c;--sl-color-bg-nav:oklch(16.6021% .00633311 122.112/.5);--sl-color-bg-inline-code:#23231e;--sl-color-border-inline-code:#3a3832}:root[data-theme=light]{--sl-color-accent-low:#fff1d6;--sl-color-accent:#8a5a00;--sl-color-accent-high:#6b4500}:root{--sp-bg:#0e0f0c;--sp-surface:#181913;--sp-text:#f4f1ea;--sp-muted:#b9b4a8;--sp-dim:#8c8778;--sp-accent:#ffb224;--sp-accent-high:#ffc75a;--sp-accent-low:#4a3307}.sp-nav{border-bottom:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);justify-content:space-between;align-items:center;padding:18px 48px;display:flex}.sp-logo{color:var(--sp-accent);font-family:monospace;font-size:18px;font-weight:700;text-decoration:none}.sp-nav-links{align-items:center;gap:28px;display:flex}.sp-nav-links a{color:var(--sp-muted);font-size:14px;text-decoration:none}.sp-nav-links a:hover{color:var(--sp-accent)}.sp-nav-cta{background:var(--sp-accent);border-radius:5px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;color:var(--sp-bg)!important}.sp-hero{text-align:center;max-width:760px;margin:0 auto;padding:100px 48px 80px}.sp-badge{background:color-mix(in srgb, var(--sp-accent) 9%, transparent);border:1px solid color-mix(in srgb, var(--sp-accent) 20%, transparent);color:var(--sp-accent-high);border-radius:99px;margin-bottom:24px;padding:4px 12px;font-family:monospace;font-size:12px;display:inline-block}.sp-badge.sp-badge-alpha{color:#fcd34d;background:#f59e0b18;border-color:#f59e0b66}.sp-hero h1{color:var(--sp-text);letter-spacing:-1px;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.sp-hero h1 span{color:var(--sp-accent)}.sp-hero p{color:var(--sp-muted);max-width:560px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:18px}.sp-install{background:var(--sp-surface);border:1px solid color-mix(in srgb, var(--sp-accent) 20%, transparent);color:var(--sp-text);border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 24px;font-family:monospace;font-size:15px;display:inline-flex}.sp-install .prompt{color:var(--sp-accent)}.sp-install-row{text-align:left;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.sp-install-group{flex-direction:column;gap:6px;max-width:100%;display:flex}.sp-install-group .sp-install{max-width:100%;overflow-x:auto}.sp-install-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--sp-muted);font-family:monospace;font-size:11px}.sp-install-row .sp-install{margin-bottom:0}.sp-install-agent{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}.sp-install-agent>span{white-space:nowrap}.sp-install-note{color:var(--sp-muted);max-width:340px;font-size:12px}.sp-install-note a,.sp-code-footnote a{color:var(--sp-accent-high)}.sp-lead code,.sp-code-footnote code{color:var(--sp-accent-high);background:var(--sp-surface);border-radius:3px;padding:1px 4px;font-size:.9em}.sp-code-footnote{color:var(--sp-muted);margin-top:16px;font-size:13px}.sp-npm-disclaimer{color:#e6a817;opacity:.85;margin-top:8px;margin-bottom:0;font-size:12px}.sp-hero.sp-hero-split{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1180px;padding:72px 48px 48px;display:grid}.sp-hero-split h1{font-size:46px}.sp-hero-split p{margin-bottom:24px;margin-left:0;margin-right:0}.sp-hero-split .sp-install-row,.sp-cta .sp-install-row{grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.sp-cta .sp-install-row{max-width:640px;margin-left:auto;margin-right:auto}.sp-hero-split .sp-install,.sp-cta .sp-install{align-items:baseline;font-size:14px}.sp-hero-terminal{margin-top:0}.sp-hero-terminal .sp-code-body{font-size:12px;line-height:1.7}.sp-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.sp-chips .sp-badge{margin-bottom:0}.sp-proof-line{max-width:1180px;color:var(--sp-muted);margin:0 auto;padding:0 48px 40px;font-size:15px}.sp-proof-line a{color:var(--sp-accent-high)}.sp-how-lead{margin-bottom:8px}.sp-cta{text-align:center}.sp-cta h2{margin-bottom:28px}.sp-hero-buttons{justify-content:center;gap:12px;margin-top:8px;display:flex}.sp-btn-primary{background:var(--sp-accent);color:var(--sp-bg);border-radius:6px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none}.sp-btn-secondary{border:1px solid color-mix(in srgb, var(--sp-accent) 27%, transparent);color:var(--sp-accent-high);border-radius:6px;padding:10px 24px;font-size:14px;text-decoration:none}.sp-section{max-width:900px;margin:0 auto;padding:72px 48px}.sp-section-label{color:var(--sp-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:monospace;font-size:12px}.sp-section h2{color:var(--sp-text);margin-bottom:16px;font-size:32px;font-weight:700}.sp-section .sp-lead,.sp-code-section .sp-lead,.sp-how-inner .sp-lead{color:var(--sp-muted);max-width:600px;font-size:17px}.sp-why-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;display:grid}.sp-why-card{background:var(--sp-surface);border:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);border-radius:10px;padding:24px}.sp-why-card h3{color:var(--sp-accent);margin-bottom:8px;font-size:15px;font-weight:600}.sp-why-card p{color:var(--sp-muted);font-size:14px}.sp-why-card code{color:var(--sp-accent);background:var(--sp-bg);border-radius:3px;padding:1px 4px;font-size:12px}.sp-how-section{background:var(--sp-surface);border-top:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);padding:72px 48px}.sp-how-inner{max-width:900px;margin:0 auto}.sp-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid}.sp-step{text-align:center}.sp-step-num{background:color-mix(in srgb, var(--sp-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--sp-accent) 27%, transparent);width:36px;height:36px;color:var(--sp-accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-family:monospace;font-weight:700;display:flex}.sp-step h3{color:var(--sp-text);margin-bottom:6px;font-size:14px;font-weight:600}.sp-step p{color:var(--sp-muted);font-size:13px}.sp-code-section{max-width:900px;margin:0 auto;padding:72px 48px}.sp-code-block{background:var(--sp-surface);border:1px solid color-mix(in srgb, var(--sp-accent) 13%, transparent);border-radius:10px;margin-top:32px;overflow:hidden}.sp-code-header{border-bottom:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);align-items:center;gap:8px;padding:12px 16px;display:flex}.sp-code-dot{border-radius:50%;width:10px;height:10px}.sp-code-filename{color:var(--sp-accent-high);margin-left:8px;font-family:monospace;font-size:12px}.sp-code-body{white-space:pre;margin:0;padding:20px 24px;font-family:monospace;font-size:13px;line-height:1.8;overflow-x:auto}.sp-kw,.sp-fn{color:var(--sp-accent-high)}.sp-str{color:#9cc7ff}.sp-cm{color:var(--sp-dim)}.sp-num{color:#f9a8d4}.sp-divider{border:none;border-top:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);margin:0}.sp-footer{border-top:1px solid color-mix(in srgb, var(--sp-accent) 10%, transparent);justify-content:space-between;align-items:center;padding:40px 48px;display:flex}.sp-footer-logo{color:var(--sp-accent);font-family:monospace;font-weight:700}.sp-footer-sub{color:var(--sp-dim);margin-top:4px;font-size:13px}.sp-footer-links{gap:24px;display:flex}.sp-footer-links a{color:var(--sp-accent-high);font-size:13px;text-decoration:none}@media (width<=768px){.sp-nav{padding:16px 24px}.sp-nav-links{display:none}.sp-hero{padding:60px 24px 48px}.sp-hero h1{font-size:36px}.sp-hero.sp-hero-split{grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 24px 32px}.sp-hero-split h1{font-size:34px}.sp-proof-line{padding:0 24px 32px}.sp-hero-split .sp-install-row,.sp-cta .sp-install-row{grid-template-columns:minmax(0,1fr)}.sp-section{padding:48px 24px}.sp-why-grid{grid-template-columns:1fr}.sp-how-section{padding:48px 24px}.sp-steps{grid-template-columns:1fr 1fr}.sp-code-section{padding:48px 24px}.sp-install-group .sp-install{padding:12px 14px}.sp-footer{text-align:center;flex-direction:column;gap:20px;padding:32px 24px}}@media (width<=1000px){.sp-hero.sp-hero-split{grid-template-columns:minmax(0,1fr)}}