:root{--bg:#0a0b10;--bg2:#11131c;--card:#161824;--border:#232636;--text:#e8e8ed;--text-dim:#8888a0;--accent:#25d366;--accent2:#128c7e;--accent3:#0e7c6f;--gradient:linear-gradient(135deg, #25d366, #128c7e);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid var(--border);background:#0a0b10d9;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.nav-logo{border-radius:8px;width:32px;height:32px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-dim);font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--gradient);border-radius:10px;padding:8px 20px;font-weight:600;color:#fff!important}.nav-cta:hover{opacity:.9}.btn-primary{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d3664d}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-block}.btn-secondary:hover{border-color:var(--accent)}.btn-full{text-align:center;width:100%}.btn-sm{padding:8px 16px;font-size:13px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:80px 40px;display:grid}.hero-badge{color:var(--accent);background:#25d3661a;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:52px;font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-dim);max-width:500px;margin-bottom:32px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{gap:40px;display:flex}.stat{flex-direction:column;display:flex}.stat strong{color:var(--accent);font-size:28px}.stat span{color:var(--text-dim);font-size:13px}.hero-visual{justify-content:center;display:flex}.phone-mockup{background:var(--card);border:1px solid var(--border);border-radius:24px;width:340px;overflow:hidden;box-shadow:0 20px 60px #0006}.phone-header{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.phone-avatar{border-radius:50%;width:40px;height:40px}.phone-name{font-size:15px;font-weight:600}.phone-status{color:var(--accent);font-size:12px}.phone-chat{flex-direction:column;gap:12px;min-height:320px;padding:16px;display:flex}.msg{border-radius:12px;max-width:80%;padding:10px 14px;font-size:14px}.msg p{margin-bottom:4px}.msg span{opacity:.5;font-size:10px}.msg.customer{background:var(--bg2);border-bottom-left-radius:4px;align-self:flex-start}.msg.bot{color:var(--accent);background:#25d3661a;border-bottom-right-radius:4px;align-self:flex-end}.problem{text-align:center;max-width:1000px;margin:0 auto;padding:80px 40px}.problem h2{margin-bottom:48px;font-size:36px}.problem-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.problem-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.problem-icon{margin-bottom:16px;font-size:40px}.problem-card h3{margin-bottom:8px;font-size:20px}.problem-card p{color:var(--text-dim);font-size:15px}.problem-solution{border-radius:var(--radius);background:#25d3660d;border:1px solid #25d36633;padding:24px}.problem-solution p{font-size:18px}.problem-solution strong{color:var(--accent)}.section-header{text-align:center;max-width:600px;margin:0 auto 56px}.section-header h2{margin-bottom:12px;font-size:36px}.section-header p{color:var(--text-dim);font-size:17px}.features{max-width:1200px;margin:0 auto;padding:80px 40px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:36px}.feature-card h3{margin-bottom:8px;font-size:20px}.feature-card p{color:var(--text-dim);font-size:15px}.how{max-width:1000px;margin:0 auto;padding:80px 40px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{text-align:center;padding:32px}.step-num{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:24px;font-weight:800;display:flex}.step-card h3{margin-bottom:8px;font-size:20px}.step-card p{color:var(--text-dim);font-size:15px}.testimonials{max-width:1200px;margin:0 auto;padding:80px 40px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.stars{color:#f39c12;margin-bottom:12px;font-size:18px}.testimonial-card p{color:var(--text-dim);margin-bottom:20px;font-size:15px;font-style:italic}.testimonial-author{flex-direction:column;display:flex}.testimonial-author strong{font-size:15px}.testimonial-author span{color:var(--text-dim);font-size:13px}.pricing{max-width:1200px;margin:0 auto;padding:80px 40px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative}.price-card.popular{border-color:var(--accent);box-shadow:0 8px 32px #25d3661a}.popular-badge{background:var(--gradient);color:#fff;white-space:nowrap;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-card h3{margin-bottom:16px;font-size:20px}.price{margin-bottom:24px}.price-amount{font-size:36px;font-weight:800}.price-period{color:var(--text-dim);font-size:16px}.price-card ul{margin-bottom:28px;list-style:none}.price-card li{color:var(--text-dim);padding:6px 0;font-size:14px}.price-card .btn-primary,.price-card .btn-secondary{text-align:center;width:100%}.contact{max-width:1100px;margin:0 auto;padding:80px 40px}.contact-box{background:var(--card);border:1px solid var(--border);border-radius:24px;grid-template-columns:1fr 1fr;gap:48px;padding:48px;display:grid}.contact-left h2{margin-bottom:16px;font-size:32px}.contact-sub{color:var(--text-dim);margin-bottom:28px;font-size:16px}.contact-benefits{margin-bottom:32px;list-style:none}.contact-benefits li{padding:6px 0;font-size:15px}.contact-trust{gap:32px;display:flex}.trust-item{flex-direction:column;display:flex}.trust-item strong{color:var(--accent);font-size:24px}.trust-item span{color:var(--text-dim);font-size:12px}.lead-form{flex-direction:column;gap:16px;display:flex}.lead-form h3{margin-bottom:4px;font-size:20px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-dim);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-note{color:var(--text-dim);text-align:center;font-size:12px}.form-error{color:#e74c3c;text-align:center;font-size:13px}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-msg{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.success-icon{font-size:48px}.success-msg h3{font-size:24px}.success-msg p{color:var(--text-dim)}.admin-bar{flex-wrap:wrap;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:20px 40px 40px;display:flex}.leads-table{width:100%;margin-top:16px;overflow-x:auto}.leads-table table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.leads-table th{background:var(--bg2);text-align:left;text-transform:uppercase;color:var(--text-dim);padding:12px;font-size:12px}.leads-table td{border-top:1px solid var(--border);padding:12px;font-size:14px}.footer{background:var(--bg2);border-top:1px solid var(--border);margin-top:40px;padding:60px 40px 24px}.footer-content{grid-template-columns:1fr 2fr;gap:48px;max-width:1200px;margin:0 auto;display:grid}.footer-brand{align-items:flex-start;gap:12px;display:flex}.footer-logo{border-radius:10px;width:40px;height:40px}.footer-brand strong{font-size:18px}.footer-brand p{color:var(--text-dim);margin-top:4px;font-size:14px}.footer-links{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-links h4{margin-bottom:12px;font-size:14px}.footer-links a{color:var(--text-dim);padding:4px 0;font-size:14px;display:block}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1200px;margin:40px auto 0;padding-top:24px}.footer-bottom p{color:var(--text-dim);font-size:13px}@media (width<=900px){.hero,.contact-box,.footer-content{grid-template-columns:1fr}.hero-visual{order:-1}.features-grid,.testimonials-grid,.pricing-grid,.problem-grid,.steps-grid{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}.hero h1{font-size:36px}.section-header h2,.problem h2{font-size:28px}.footer-links{grid-template-columns:1fr}.nav{padding:12px 20px}.hero,.features,.how,.testimonials,.pricing,.contact{padding:40px 20px}}@media (width<=500px){.hero h1{font-size:28px}.hero-stats{gap:20px}.form-row{grid-template-columns:1fr}.contact-box{padding:24px}}
