:root{--text:#5a6554;--text-h:#1a2e1a;--bg:#fafaf7;--border:#d4ddd0;--code-bg:#eef2eb;--accent:#2d7a3a;--accent-light:#4a9e58;--accent-bg:#2d7a3a14;--accent-border:#2d7a3a59;--warm:#c4743a;--warm-bg:#c4743a14;--mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9caa95;--text-h:#e4ebe1;--bg:#141a12;--border:#2a3328;--code-bg:#1c231a;--accent:#5cb86b;--accent-light:#7dd08a;--accent-bg:#5cb86b1f;--accent-border:#5cb86b66;--warm:#e09050;--warm-bg:#e090501f}}body{margin:0}h1{color:var(--text-h);letter-spacing:-1.68px;margin:0;font-size:56px;font-weight:500}h2,h3{color:var(--text-h);margin:0}p{margin:0}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.logo{color:var(--text-h);letter-spacing:-.5px;align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.logo-icon{color:var(--accent);font-family:var(--mono);font-size:16px;font-weight:400}.nav-links{gap:24px;display:flex}.nav-link{color:var(--text);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.brand{color:var(--accent)}.hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:100px 24px 64px;display:flex}.badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:100px;padding:6px 16px;font-size:13px;font-weight:600}.hero h1{letter-spacing:-2px;max-width:700px;font-size:64px;line-height:1.1}.subtitle{max-width:560px;font-size:20px;line-height:1.6}.cta{gap:12px;margin-top:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}.btn-secondary:hover{background:var(--accent-border)}.code-preview{justify-content:center;padding:0 24px 80px;display:flex}.terminal{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:640px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);gap:6px;padding:12px 16px;display:flex}.terminal-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.terminal pre{font-family:var(--mono);color:var(--text-h);white-space:pre;margin:0;padding:20px 24px;font-size:14px;line-height:1.6;overflow-x:auto}.dim{color:var(--text)}.sources-bar{text-align:center;background:var(--accent-bg);border-top:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);letter-spacing:.3px;padding:24px;font-size:15px}.sources-bar strong{color:var(--text-h)}.data-section{text-align:center;padding:80px 24px}.data-section h2{letter-spacing:-1px;margin:0 0 12px;font-size:36px;font-weight:500}.section-subtitle{max-width:520px;margin:0 auto 48px;font-size:18px}.data-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px;margin:0 auto;display:grid}.data-card{text-align:left;border:1px solid var(--border);border-radius:12px;padding:28px;transition:border-color .2s}.data-card:hover{border-color:var(--accent-border)}.data-icon{font-family:var(--mono);color:var(--accent);margin-bottom:12px;font-size:18px;display:block}.data-card h3{margin:0 0 8px;font-size:18px;font-weight:600}.data-card p{font-size:15px;line-height:1.5}.why-section{border-top:1px solid var(--border);text-align:center;padding:80px 24px}.why-section h2{letter-spacing:-1px;margin:0 0 48px;font-size:36px;font-weight:500}.why-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.why-card{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:28px}.why-card h3{margin:0 0 10px;font-size:20px;font-weight:600}.why-card p{font-size:16px;line-height:1.6}.signup-section{text-align:center;background:var(--accent-bg);border-top:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);padding:80px 24px}.signup-section h2{letter-spacing:-1px;margin:0 0 12px;font-size:36px;font-weight:500}.signup-form{flex-direction:column;align-items:center;gap:12px;max-width:380px;margin:0 auto;display:flex}.signup-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:8px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.signup-input:focus{border-color:var(--accent)}.signup-form .btn-primary{cursor:pointer;border:none;width:100%;font-family:inherit}.signup-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.signup-error{color:#c44;font-size:14px}.signup-result{max-width:480px;margin:0 auto}.signup-result h3{margin:0 0 8px;font-size:24px}.api-key-display{background:var(--code-bg);border:1px solid var(--border);word-break:break-all;border-radius:8px;margin:16px 0;padding:16px 20px}.api-key-display code{font-family:var(--mono);color:var(--accent);font-size:15px}.key-usage{font-size:14px}.key-usage code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:13px}.beta-note{color:var(--text);max-width:400px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:13px}.enterprise-section{text-align:center;border-top:1px solid var(--border);padding:80px 24px}.enterprise-section h2{letter-spacing:-1px;margin:0 0 12px;font-size:36px;font-weight:500}.enterprise-section .btn-primary{margin-top:16px;display:inline-block}footer{border-top:1px solid var(--border);text-align:center;padding:32px 24px;font-size:14px}@media (width<=768px){.hero{padding:72px 20px 56px}.hero h1{font-size:40px}.subtitle{font-size:17px}.cta{flex-direction:column;width:100%;max-width:280px}.data-grid,.why-grid{grid-template-columns:1fr}}
