@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#7dd3fc;--accent:#f59e0b;--accent-light:#fbbf24;--success:#10b981;--danger:#ef4444;--bg-dark:#0c1222;--bg-card:#131c31;--bg-card-hover:#1a2542;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--gradient-hero:linear-gradient(135deg, #0c1222 0%, #1e1b4b 50%, #0c1222 100%);--gradient-rain:linear-gradient(180deg, #0ea5e9 0%, #6366f1 100%);--gradient-accent:linear-gradient(135deg, #f59e0b, #ef4444);--gradient-card:linear-gradient(145deg, #0ea5e914, #6366f10d);--glow-blue:0 0 40px #0ea5e926;--glow-amber:0 0 40px #f59e0b26;--shadow-card:0 8px 32px #0000004d;--section-padding:100px 0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.rain-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.raindrop{background:linear-gradient(#0000,#0ea5e94d);border-radius:0 0 2px 2px;width:2px;height:15px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1222cc;border-bottom:1px solid #0ea5e91a;justify-content:space-between;align-items:center;padding:16px 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--glow-blue);background:#0c1222f2;padding:12px 40px}.nav-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-logo span{background:var(--gradient-rain);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-light)}.nav-cta{background:var(--gradient-rain);border-radius:50px;padding:10px 24px;font-weight:600;color:#fff!important;transition:transform .3s,box-shadow .3s!important}.nav-cta:hover{box-shadow:var(--glow-blue);transform:translateY(-2px)}.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-100px}.hero:after{content:"";background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;left:-100px}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-text{max-width:560px}.hero-badge{color:var(--primary-light);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;animation:.6s fadeInUp;display:inline-flex}.hero-badge .pulse{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero h1{margin-bottom:24px;font-size:3.5rem;font-weight:900;line-height:1.1;animation:.6s .1s both fadeInUp}.hero h1 .highlight{background:var(--gradient-rain);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero h1 .highlight-amber{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:40px;font-size:1.2rem;animation:.6s .2s both fadeInUp}.hero-actions{gap:16px;animation:.6s .3s both fadeInUp;display:flex}.btn-primary{background:var(--gradient-rain);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #0ea5e94d}.btn-secondary{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:#0ea5e90d}.hero-image{justify-content:center;animation:.8s .4s both fadeInUp;display:flex}.hero-image img{width:100%;max-width:500px;box-shadow:var(--shadow-card);border-radius:24px}.hero-stats{gap:40px;margin-top:48px;animation:.6s .5s both fadeInUp;display:flex}.stat{text-align:left}.stat-number{background:var(--gradient-rain);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.85rem}.features{padding:var(--section-padding);padding-left:40px;padding-right:40px;position:relative}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-tag{color:var(--primary-light);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-block}.section-header h2{margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--gradient-card);border:1px solid #0ea5e914;border-radius:20px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-rain);opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--glow-blue);border-color:#0ea5e933;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{background:#0ea5e91a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:1.8rem;display:flex}.feature-card h3{margin-bottom:10px;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.how-it-works{padding:var(--section-padding);background:linear-gradient(#0000,#0ea5e908,#0000);padding-left:40px;padding-right:40px}.steps-container{flex-direction:column;gap:0;max-width:900px;margin:0 auto;display:flex;position:relative}.steps-container:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--accent), var(--success));width:2px;position:absolute;top:40px;bottom:40px;left:39px}.step{align-items:flex-start;gap:32px;padding:32px 0;display:flex}.step-number{background:var(--bg-card);border:2px solid var(--primary);width:80px;min-width:80px;height:80px;color:var(--primary-light);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex;position:relative}.step-content h3{margin-top:8px;margin-bottom:8px;font-size:1.3rem;font-weight:700}.step-content p{color:var(--text-secondary);max-width:600px;font-size:1rem}.step-content .step-time{color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:50px;margin-top:8px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.demo{padding:var(--section-padding);padding-left:40px;padding-right:40px}.demo-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:0 auto;display:grid}.demo-phone{justify-content:center;display:flex}.demo-phone img{border-radius:24px;width:100%;max-width:350px;box-shadow:0 20px 60px #0006}.demo-text h2{margin-bottom:20px;font-size:2.5rem;font-weight:800}.demo-text p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.demo-features{flex-direction:column;gap:16px;list-style:none;display:flex}.demo-features li{color:var(--text-secondary);align-items:center;gap:12px;font-size:1rem;display:flex}.demo-features .check{color:var(--success);font-size:1.2rem}.pricing{padding:var(--section-padding);background:linear-gradient(#0000,#6366f108,#0000);padding-left:40px;padding-right:40px}.pricing-cards{grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto;display:grid}.pricing-card{background:var(--gradient-card);text-align:center;border:1px solid #0ea5e914;border-radius:24px;padding:40px;transition:all .4s}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--glow-blue);position:relative}.pricing-card.popular:before{content:"MOST POPULAR";background:var(--gradient-rain);letter-spacing:1px;border-radius:50px;padding:4px 20px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card:hover{transform:translateY(-8px)}.pricing-card h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.pricing-card .price{margin:16px 0;font-size:3rem;font-weight:900}.pricing-card .price span{color:var(--text-muted);font-size:1rem;font-weight:400}.pricing-card .price .currency{font-size:1.5rem;font-weight:600}.pricing-features{text-align:left;flex-direction:column;gap:12px;margin:24px 0;list-style:none;display:flex}.pricing-features li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.pricing-features .icon{font-size:1rem}.footer{border-top:1px solid #0ea5e914;padding:60px 40px 30px}.footer-content{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.footer-logo{font-size:1.3rem;font-weight:800}.footer-logo span{background:var(--gradient-rain);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-text{color:var(--text-muted);font-size:.9rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:12px 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.hero-content{text-align:center;grid-template-columns:1fr;gap:40px}.hero h1{font-size:2.4rem}.hero-subtitle{margin:0 auto 32px}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-stats{justify-content:center}.hero-image{order:-1}.hero-image img{max-width:300px}.features-grid{grid-template-columns:1fr}.demo-container{text-align:center;grid-template-columns:1fr}.demo-phone{order:-1}.pricing-cards{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column;gap:16px}.section-header h2{font-size:2rem}}