:root{--sl-color-accent-low: #dcfce7;--sl-color-accent: #16a34a;--sl-color-accent-high: #15803d;--sl-color-bg: #ffffff;--sl-color-bg-sidebar: #f8f9fa;--sl-color-bg-nav: #ffffff;--sl-color-bg-inline-code: #f3f4f6;--sl-color-white: #ffffff;--sl-color-gray-1: #111827;--sl-color-gray-2: #374151;--sl-color-gray-3: #6b7280;--sl-color-gray-4: #9ca3af;--sl-color-gray-5: #e5e7eb;--sl-color-gray-6: #f3f4f6;--sl-color-black: #111827;--sl-color-text: #374151;--sl-color-text-accent: #16a34a;--sl-color-text-invert: #ffffff;--sl-color-hairline: #e5e7eb;--sl-color-hairline-light: #f3f4f6;--sl-color-hairline-shade: #d1d5db}starlight-theme-select{display:none}.sp-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;border-bottom:1px solid #22c55e1a}.sp-logo{font-family:monospace;font-size:18px;font-weight:700;color:#22c55e;text-decoration:none}.sp-nav-links{display:flex;gap:28px;align-items:center}.sp-nav-links a{color:#86efac;text-decoration:none;font-size:14px}.sp-nav-links a:hover{color:#22c55e}.sp-nav-cta{background:#22c55e;color:#0d1f12!important;padding:7px 16px;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none}.sp-hero{text-align:center;padding:100px 48px 80px;max-width:760px;margin:0 auto}.sp-badge{display:inline-block;background:#22c55e18;border:1px solid #22c55e33;color:#4ade80;padding:4px 12px;border-radius:99px;font-size:12px;font-family:monospace;margin-bottom:24px}.sp-hero h1{font-size:52px;font-weight:800;line-height:1.1;color:#f0fdf4;margin-bottom:20px;letter-spacing:-1px}.sp-hero h1 span{color:#22c55e}.sp-hero p{font-size:18px;color:#86efac;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}.sp-install{background:#14291a;border:1px solid #22c55e33;border-radius:8px;padding:14px 24px;display:inline-flex;align-items:center;gap:12px;font-family:monospace;font-size:15px;color:#f0fdf4;margin-bottom:20px}.sp-install .prompt{color:#22c55e}.sp-npm-disclaimer{font-size:12px;color:#e6a817;margin-top:8px;margin-bottom:0;opacity:.85}.sp-hero-buttons{display:flex;gap:12px;justify-content:center;margin-top:8px}.sp-btn-primary{background:#22c55e;color:#0d1f12;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none}.sp-btn-secondary{border:1px solid #22c55e44;color:#4ade80;padding:10px 24px;border-radius:6px;font-size:14px;text-decoration:none}.sp-section{padding:72px 48px;max-width:900px;margin:0 auto}.sp-section-label{font-size:12px;font-family:monospace;color:#22c55e;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.sp-section h2{font-size:32px;font-weight:700;color:#f0fdf4;margin-bottom:16px}.sp-section .sp-lead{font-size:17px;color:#86efac;max-width:600px}.sp-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.sp-why-card{background:#14291a;border:1px solid #22c55e1a;border-radius:10px;padding:24px}.sp-why-card h3{color:#22c55e;font-size:15px;font-weight:600;margin-bottom:8px}.sp-why-card p{color:#86efac;font-size:14px}.sp-why-card code{color:#22c55e;font-size:12px;background:#0a1a0e;padding:1px 4px;border-radius:3px}.sp-how-section{padding:72px 48px;background:#0a1a0e;border-top:1px solid #22c55e1a;border-bottom:1px solid #22c55e1a}.sp-how-inner{max-width:900px;margin:0 auto}.sp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.sp-step{text-align:center}.sp-step-num{width:36px;height:36px;border-radius:50%;background:#22c55e1a;border:1px solid #22c55e44;color:#22c55e;font-family:monospace;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.sp-step h3{font-size:14px;font-weight:600;color:#f0fdf4;margin-bottom:6px}.sp-step p{font-size:13px;color:#86efac}.sp-code-section{padding:72px 48px;max-width:900px;margin:0 auto}.sp-code-block{background:#0a1a0e;border:1px solid #22c55e22;border-radius:10px;overflow:hidden;margin-top:32px}.sp-code-header{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #22c55e1a;align-items:center}.sp-code-dot{width:10px;height:10px;border-radius:50%}.sp-code-filename{font-family:monospace;font-size:12px;color:#4ade80;margin-left:8px}.sp-code-body{padding:20px 24px;font-family:monospace;font-size:13px;line-height:1.8;overflow-x:auto;white-space:pre}.sp-kw{color:#4ade80}.sp-fn{color:#86efac}.sp-str{color:#fde68a}.sp-cm{color:#3d6b4a}.sp-num{color:#f9a8d4}.sp-divider{border:none;border-top:1px solid #22c55e1a;margin:0}.sp-footer{padding:40px 48px;border-top:1px solid #22c55e1a;display:flex;justify-content:space-between;align-items:center}.sp-footer-logo{font-family:monospace;color:#22c55e;font-weight:700}.sp-footer-sub{color:#3d6b4a;font-size:13px;margin-top:4px}.sp-footer-links{display:flex;gap:24px}.sp-footer-links a{color:#4ade80;text-decoration:none;font-size:13px}@media(max-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-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-footer{padding:32px 24px;flex-direction:column;gap:20px;text-align:center}}