*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #09090b;--surface: #18181b;--surface-hover: #27272a;--border: #27272a;--border-light: #3f3f46;--text: #fafafa;--text-muted: #a1a1aa;--text-dim: #71717a;--accent: #a78bfa;--accent-glow: rgba(167, 139, 250, .15);--pink: #f472b6;--radius: 12px;--radius-lg: 20px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{position:relative;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:24px 32px}.nav-logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:20px;color:var(--accent)}.logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px}.nav-cta{font-size:14px;font-weight:500;color:var(--text);text-decoration:none;padding:8px 20px;border:1px solid var(--border-light);border-radius:100px;transition:all .2s}.nav-cta:hover{background:var(--surface);border-color:var(--accent)}.hero{max-width:800px;margin:0 auto;padding:80px 32px 60px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:6px 16px;border-radius:100px;margin-bottom:32px}.badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:24px}.hero-highlight{background:linear-gradient(135deg,var(--accent),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-proof{display:flex;align-items:center;justify-content:center;gap:12px}.proof-avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;border:2px solid var(--bg);margin-right:-8px}.proof-text{font-size:14px;color:var(--text-dim)}.proof-em{color:var(--accent);font-weight:600}.features{max-width:1000px;margin:0 auto;padding:80px 32px}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);text-align:center;margin-bottom:48px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:all .25s}.feature-card:hover{border-color:var(--border-light);background:var(--surface-hover);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:16px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.proof-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 32px}.proof-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px}.proof-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:32px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--text),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--text-dim);font-weight:500}.proof-divider{width:1px;height:40px;background:var(--border)}.cta-section{padding:100px 32px;display:flex;justify-content:center}.cta-card{max-width:560px;width:100%;text-align:center}.cta-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;margin-bottom:12px;line-height:1.1}.cta-subtitle{font-size:17px;color:var(--text-muted);margin-bottom:36px}.cta-em{color:var(--accent);font-weight:700}.cta-form{width:100%}.input-wrapper{display:flex;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.cta-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px;padding:12px 16px;font-family:inherit}.cta-input::placeholder{color:var(--text-dim)}.cta-button{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}.cta-button:hover{opacity:.9;transform:translateY(-1px)}.cta-error{color:#ef4444;font-size:13px;margin-top:12px}.cta-fine{font-size:12px;color:var(--text-dim);margin-top:16px}.success-state{padding:20px 0}.success-icon{font-size:48px;color:var(--accent);margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.success-title{font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.success-text{font-size:16px;color:var(--text-muted);line-height:1.7}.footer{border-top:1px solid var(--border);padding:32px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:8px}.footer-copy{font-size:13px;color:var(--text-dim)}@media(max-width:640px){.nav{padding:16px 20px}.hero{padding:48px 20px 40px}.hero-subtitle{font-size:16px}.features{padding:48px 20px}.feature-grid{grid-template-columns:1fr}.proof-inner{gap:24px}.stat-number{font-size:24px}.cta-section{padding:60px 20px}.input-wrapper{flex-direction:column}.cta-button{width:100%}.footer-inner{flex-direction:column;gap:12px;text-align:center}}