*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:#0b0e14;color:#c9d1d9;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}h1,h2,h3{color:#f0f6fc;font-weight:600;line-height:1.25}h1{font-size:2.75rem}h2{font-size:1.75rem}h3{font-size:1.25rem}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}p{margin-bottom:1rem}.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:background 0.2s, box-shadow 0.2s}.btn-primary{background:#58a6ff;color:#0b0e14}.btn-primary:hover{background:#81bcff;box-shadow:0 0 20px rgba(88,166,255,0.15);text-decoration:none}.btn-sm{padding:10px 22px;font-size:0.95rem;font-weight:700;border-radius:6px;background:#fff;color:#0b0e14}.btn-sm:hover{background:#e0e0e0;text-decoration:none}.section{padding:80px 0}.section-label{text-transform:uppercase;font-size:0.75rem;letter-spacing:0.1em;color:#58a6ff;font-weight:600;margin-bottom:12px}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.section{padding:56px 0}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:rgba(11,14,20,0.85);backdrop-filter:blur(12px);border-bottom:1px solid #1e2536}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:1.25rem;font-weight:700;color:#f0f6fc;letter-spacing:-0.02em}.logo:hover{text-decoration:none;color:#f0f6fc}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#8b949e;font-size:0.9rem}.nav-links a:hover{color:#f0f6fc;text-decoration:none}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:22px;height:2px;background:#c9d1d9;border-radius:1px;transition:transform 0.2s, opacity 0.2s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0b0e14;border-bottom:1px solid #1e2536;padding:20px 24px;gap:16px}}.hero{padding:160px 0 80px;text-align:center}.hero h1{font-size:4.5rem;margin-bottom:24px;letter-spacing:-0.03em}.hero h1 span{color:#58a6ff}.hero .subtitle{font-size:1.4rem;color:#8b949e;max-width:640px;margin:0 auto 40px;line-height:1.5}.hero .btn{margin-bottom:48px}.terminal{max-width:640px;margin:0 auto;background:#131720;border:1px solid #1e2536;border-radius:12px;overflow:hidden;text-align:left}.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,0.03);border-bottom:1px solid #1e2536}.terminal-bar span{width:12px;height:12px;border-radius:50%}.terminal-bar span:nth-child(1){background:#ff5f57}.terminal-bar span:nth-child(2){background:#febc2e}.terminal-bar span:nth-child(3){background:#28c840}.terminal-body{padding:20px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.85rem;line-height:1.7;color:#3fb950;min-height:180px}.terminal-body .cursor{display:inline-block;width:8px;height:1.1em;background:#58a6ff;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.hero{padding:120px 0 56px}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.15rem}.terminal-body{font-size:0.75rem}}.steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-top:40px}.step{background:#131720;border:1px solid #1e2536;border-radius:12px;padding:32px 24px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(88,166,255,0.15);color:#58a6ff;font-weight:700;font-size:0.9rem;margin-bottom:16px}.step h3{margin-bottom:8px}.step p{color:#8b949e;font-size:0.95rem;margin:0}.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-top:40px}.feature{background:#131720;border:1px solid #1e2536;border-radius:12px;padding:28px 24px}.feature-icon{font-size:1.5rem;margin-bottom:12px}.feature h3{margin-bottom:8px}.feature p{color:#8b949e;font-size:0.95rem;margin:0}.use-cases{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:40px}.use-case{background:#131720;border:1px solid #1e2536;border-radius:12px;padding:28px 24px}.use-case h3{margin-bottom:8px}.use-case p{color:#8b949e;font-size:0.95rem;margin:0}.use-case code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.85rem;color:#3fb950;background:rgba(63,185,80,0.08);padding:2px 6px;border-radius:4px}.compliance{background:#131720;border:1px solid #1e2536;border-radius:12px;padding:40px;margin-top:40px}.compliance-items{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:24px}.compliance-item{display:flex;gap:12px;align-items:flex-start}.compliance-check{color:#3fb950;font-size:1.1rem;flex-shrink:0;margin-top:2px}.compliance-item p{margin:0;font-size:0.95rem}.cta-section{text-align:center;padding:80px 0 100px}.cta-section h2{margin-bottom:16px}.cta-section p{color:#8b949e;margin-bottom:28px}.page-content{padding:120px 0 80px;max-width:720px;margin:0 auto}.page-content h1{margin-bottom:8px}.page-content .page-updated{color:#8b949e;font-size:0.85rem;margin-bottom:40px}.page-content h2{margin-top:40px;margin-bottom:12px}.page-content h3{margin-top:28px;margin-bottom:8px}.page-content ul,.page-content ol{padding-left:24px;margin-bottom:16px}.page-content ul li,.page-content ol li{margin-bottom:6px}.page-content strong{color:#f0f6fc}@media (max-width: 768px){.steps,.use-cases{grid-template-columns:1fr}.compliance-items{grid-template-columns:1fr}.page-content{padding:100px 24px 60px}}.site-footer{border-top:1px solid #1e2536;padding:40px 0}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-brand .logo{display:block;margin-bottom:8px}.compliance-line{color:#8b949e;font-size:0.8rem;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:#8b949e;font-size:0.875rem}.footer-links a:hover{color:#f0f6fc}@media (max-width: 768px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{flex-direction:column;gap:12px}}.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:#131720;border:1px solid #1e2536;border-radius:16px;padding:48px 40px;max-width:440px;width:90%;text-align:center;position:relative}.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#8b949e;font-size:1.5rem;cursor:pointer}.modal-close:hover{color:#f0f6fc}.modal h2{margin-bottom:16px}.coming-soon{display:inline-block;padding:8px 20px;border-radius:20px;background:rgba(88,166,255,0.15);color:#58a6ff;font-weight:600;font-size:0.9rem;margin:16px 0 12px}.modal-sub{color:#8b949e;font-size:0.9rem;margin:0}.api-key-page{padding:120px 0 80px;display:flex;justify-content:center}.api-key-card{max-width:560px;margin:0 auto;text-align:center}.api-key-card h1{margin-bottom:12px}.api-key-subtitle{color:#8b949e;font-size:1.05rem;margin-bottom:40px}.api-key-display{background:#131720;border:1px solid #1e2536;border-radius:12px;padding:24px;margin-bottom:32px}.api-key-label{text-transform:uppercase;font-size:0.7rem;letter-spacing:0.1em;color:#8b949e;font-weight:600;margin-bottom:12px}.api-key-value{display:flex;align-items:center;justify-content:center;gap:12px;background:#0b0e14;border:1px solid #1e2536;border-radius:8px;padding:14px 20px;margin-bottom:12px}.api-key-obscured{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.95rem;color:#8b949e;letter-spacing:0.02em}.api-key-lock{font-size:1rem;flex-shrink:0}.api-key-hint{color:#8b949e;font-size:0.85rem;margin:0}.consent-checkboxes{text-align:left;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto;background:#131720;border:1px solid #1e2536;border-radius:12px;padding:24px 28px}.consent-checkboxes-heading{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#f0f6fc;margin:0 0 4px}.phone-input-group{display:flex;flex-direction:column;gap:6px}.phone-label{font-size:0.82rem;font-weight:600;color:#f0f6fc}.phone-input{padding:12px 14px;border:1px solid #1e2536;border-radius:8px;font-size:0.95rem;font-family:inherit;color:#f0f6fc;background:#0b0e14;transition:border-color 0.15s;width:100%;box-sizing:border-box}.phone-input::placeholder{color:#8b949e;opacity:0.5}.phone-input:focus{outline:none;border-color:#3fb950;box-shadow:0 0 0 2px rgba(63,185,80,0.2)}.consent-checkbox{display:flex;align-items:flex-start;gap:14px;cursor:pointer;user-select:none;padding:12px 14px;border-radius:8px;border:1px solid #1e2536;transition:border-color 0.15s, background 0.15s}.consent-checkbox:hover{border-color:#303b57;background:rgba(255,255,255,0.02)}.consent-checkbox input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.consent-checkbox:has(input:checked){border-color:#3fb950;background:rgba(63,185,80,0.05)}.checkbox-mark{flex-shrink:0;width:22px;height:22px;border:2px solid #8b949e;border-radius:5px;margin-top:1px;transition:background 0.15s, border-color 0.15s;position:relative}.checkbox-mark::after{content:'';position:absolute;top:2px;left:6px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);opacity:0;transition:opacity 0.15s}.consent-checkbox input:checked+.checkbox-mark{background:#3fb950;border-color:#3fb950}.consent-checkbox input:checked+.checkbox-mark::after{opacity:1}.consent-checkbox input:focus-visible+.checkbox-mark{box-shadow:0 0 0 2px rgba(63,185,80,0.4)}.checkbox-label{font-size:0.92rem;line-height:1.5;color:#f0f6fc}.checkbox-label a{color:#3fb950;text-decoration:underline;text-underline-offset:2px}.checkbox-label a:hover{opacity:0.8}.consent-error{color:#f85149;font-size:0.88rem;font-weight:500;margin:0 0 20px;opacity:0;max-height:0;overflow:hidden;transition:opacity 0.2s, max-height 0.2s}.consent-error.visible{opacity:1;max-height:40px}@keyframes shake{0%, 100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.consent-checkboxes.shake{animation:shake 0.4s ease}.btn-google{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:1px solid #dadce0;background:#fff;color:#3c4043;transition:background 0.2s, box-shadow 0.2s;margin-bottom:40px}.btn-google:hover{background:#f7f8f8;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.google-icon{flex-shrink:0}.api-key-consent{text-align:left;background:#131720;border:1px solid #1e2536;border-radius:12px;padding:28px 32px}.consent-heading{color:#8b949e;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:20px}.consent-items{display:flex;flex-direction:column;gap:16px}.consent-item{display:flex;gap:12px;align-items:flex-start}.consent-check{color:#3fb950;font-size:1rem;flex-shrink:0;margin-top:2px}.consent-item p{margin:0;font-size:0.9rem;line-height:1.5;color:#c9d1d9}.consent-item strong{color:#f0f6fc}@media (max-width: 768px){.api-key-page{padding:100px 24px 60px}.api-key-consent{padding:24px 20px}}