@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--electric-blue: #0066FF;--vibrant-orange: #FF6B35;--clean-white: #FFFFFF;--dark-gray: #1A1A1A;--light-gray: #F8F9FA;--text-gray: #6B7280;--border-gray: #E5E7EB;--success-green: #10B981;--warning-yellow: #F59E0B;--error-red: #EF4444;--gradient-blue: linear-gradient(135deg, #0066FF, #0052CC);--gradient-orange: linear-gradient(135deg, #FF6B35, #E55A2B);--gradient-hero: linear-gradient(135deg, #F8FAFF 0%, #E8F2FF 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--clean-white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);text-align:center;margin-bottom:3rem}h3{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:.75rem}p{font-size:1.125rem;line-height:1.7;margin-bottom:1rem;color:var(--text-gray)}.section-subtitle{text-align:center;font-size:1.25rem;color:var(--text-gray);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{background:var(--gradient-blue);color:var(--clean-white);border:none;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 4px 15px #0066ff4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #06f6}.cta-button.primary{background:var(--gradient-orange);box-shadow:0 4px 15px #ff6b354d}.cta-button.primary:hover{box-shadow:0 8px 25px #ff6b3566}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-button:disabled:hover{transform:none;box-shadow:0 4px 15px #0066ff4d}.sticky-cta{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.hero{background:var(--gradient-hero);padding:120px 0 80px;min-height:100vh;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--clean-white);padding:8px 16px;border-radius:25px;font-size:.875rem;font-weight:600;color:var(--electric-blue);margin-bottom:1.5rem;box-shadow:0 4px 15px #0066ff1a}.badge-icon{font-size:1rem}.hero-content h1{color:var(--dark-gray);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--electric-blue),var(--vibrant-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:1.25rem;color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.hero-stats{display:flex;gap:30px;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat .stat-number{font-size:2rem;font-weight:800;color:var(--electric-blue);margin-bottom:.25rem}.hero-stat .stat-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.hero-cta{display:flex;flex-direction:column;gap:1rem}.cta-note{font-size:.875rem;color:var(--text-gray);margin:0}.hero-visual{display:flex;justify-content:center;align-items:center}.dashboard-mockup{background:var(--clean-white);border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-gray);animation:float 6s ease-in-out infinite;width:100%;max-width:400px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dashboard-header{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--dark-gray);margin-bottom:20px;text-align:center;justify-content:center}.header-icon{font-size:1.5rem}.dashboard-content{display:flex;flex-direction:column;gap:20px}.revenue-chart{display:flex;align-items:end;gap:8px;height:100px;margin-bottom:20px}.chart-bar{background:var(--gradient-blue);border-radius:4px 4px 0 0;min-width:20px;animation:growUp 2s ease-out}@keyframes growUp{0%{height:0}to{height:var(--height, 50%)}}.dashboard-stats{display:grid;grid-template-columns:1fr;gap:15px}.stat{text-align:center;padding:15px;background:var(--light-gray);border-radius:12px}.stat-number{font-size:1.5rem;font-weight:700;color:var(--electric-blue);margin-bottom:5px}.stat-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.problem{padding:80px 0;background:var(--clean-white)}.problem h2{color:var(--dark-gray);margin-bottom:1rem}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.problem-item{text-align:center;padding:40px 30px;background:var(--light-gray);border-radius:16px;transition:transform .3s ease;border:2px solid transparent}.problem-item:hover{transform:translateY(-5px);border-color:var(--electric-blue)}.problem-icon{margin-bottom:1.5rem}.problem-icon .icon-cart,.problem-icon .icon-email,.problem-icon .icon-reviews,.problem-icon .icon-insights{font-size:3rem;display:block}.problem-item h3{color:var(--dark-gray);margin-bottom:1rem;font-size:1.25rem}.solutions{padding:80px 0;background:var(--gradient-hero)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.solution-card{background:var(--clean-white);padding:40px 30px;border-radius:20px;box-shadow:0 10px 40px #00000014;border:1px solid var(--border-gray);transition:all .3s ease;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue)}.solution-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.solution-icon{margin-bottom:1.5rem}.solution-icon .icon-cart-recovery,.solution-icon .icon-upsell,.solution-icon .icon-reviews,.solution-icon .icon-insights{font-size:3rem;display:block}.solution-card h3{color:var(--dark-gray);margin-bottom:1rem}.solution-features{margin:1.5rem 0}.feature{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-gray)}.feature-icon{font-size:1.25rem}.solution-result{background:var(--light-gray);padding:15px;border-radius:12px;text-align:center;margin-top:1.5rem;color:var(--success-green);font-weight:600}.how-it-works{padding:80px 0;background:var(--clean-white)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;position:relative}.step{text-align:center;position:relative}.step-number{width:80px;height:80px;background:var(--gradient-blue);color:var(--clean-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 10px 30px #0066ff4d}.step h3{color:var(--dark-gray);margin-bottom:1rem}.why{padding:80px 0;background:var(--gradient-hero)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.why-item{text-align:center;padding:30px 20px}.why-icon{margin-bottom:1.5rem}.why-icon .icon-24-7,.why-icon .icon-voice,.why-icon .icon-integration,.why-icon .icon-roi{font-size:3rem;display:block}.why-item h3{color:var(--dark-gray);margin-bottom:1rem}.use-cases{padding:80px 0;background:var(--clean-white)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.use-case{text-align:center;padding:40px 30px;background:var(--light-gray);border-radius:16px;transition:transform .3s ease;border:2px solid transparent}.use-case:hover{transform:translateY(-5px);border-color:var(--vibrant-orange)}.use-case-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.use-case h3{color:var(--dark-gray);margin-bottom:1rem}.social-proof{padding:80px 0;background:var(--clean-white)}.logos{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}.logo-placeholder{background:var(--light-gray);padding:20px 40px;border-radius:12px;color:var(--text-gray);font-weight:600;border:2px solid var(--border-gray);transition:all .3s ease}.logo-placeholder:hover{border-color:var(--electric-blue);color:var(--electric-blue)}.testimonial{text-align:center;max-width:800px;margin:0 auto 40px;padding:40px;background:var(--light-gray);border-radius:20px;border-left:4px solid var(--electric-blue)}.testimonial:last-child{margin-bottom:0}.testimonial blockquote{font-size:1.5rem;font-style:italic;color:var(--dark-gray);margin-bottom:1.5rem;line-height:1.6}.testimonial cite{color:var(--text-gray);font-weight:600;font-style:normal}.signup-cta{padding:80px 0;background:var(--gradient-blue);color:var(--clean-white);text-align:center}.signup-cta h2{color:var(--clean-white);margin-bottom:1rem}.signup-cta p{color:#ffffffe6;margin-bottom:3rem;font-size:1.25rem}.signup-form{max-width:600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group select{padding:16px 20px;border:none;border-radius:12px;font-size:1rem;background:var(--clean-white);color:var(--dark-gray);transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:1 / -1}.signup-form .cta-button{grid-column:1 / -1;margin-top:20px;background:var(--gradient-orange);box-shadow:0 4px 15px #ff6b354d}.signup-form .cta-button:hover{box-shadow:0 8px 25px #ff6b3566}.form-note{grid-column:1 / -1;font-size:.875rem;color:#fffc;margin:10px 0 0}@media (max-width: 768px){.container{padding:0 15px}.hero .container{grid-template-columns:1fr;gap:40px;text-align:center}.hero{padding:100px 0 60px}.sticky-cta{position:fixed;top:10px;right:10px;left:10px;text-align:center}.sticky-cta .cta-button{width:100%;padding:12px 20px;font-size:1rem}.hero-stats{justify-content:center}.signup-form{grid-template-columns:1fr}.logos{gap:20px}.logo-placeholder{padding:15px 25px;font-size:.875rem}.testimonial{padding:30px 20px}.testimonial blockquote{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.75rem}.hero{padding:80px 0 40px}.dashboard-mockup{padding:20px}.stat-number{font-size:1.25rem}.solution-card,.problem-item,.use-case{padding:30px 20px}.hero-stats{flex-direction:column;gap:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content,.hero-visual,.problem-item,.solution-card,.step,.why-item,.use-case{animation:fadeInUp .6s ease-out}a,button{transition:all .3s ease}.cta-button:focus,input:focus,select:focus{outline:2px solid var(--electric-blue);outline-offset:2px}.badge-icon,.header-icon,.problem-icon .icon-cart,.problem-icon .icon-email,.problem-icon .icon-reviews,.problem-icon .icon-insights,.solution-icon .icon-cart-recovery,.solution-icon .icon-upsell,.solution-icon .icon-reviews,.solution-icon .icon-insights,.why-icon .icon-24-7,.why-icon .icon-voice,.why-icon .icon-integration,.why-icon .icon-roi,.use-case-icon,.feature-icon{font-size:1.5rem;display:inline-block;filter:grayscale(.2) brightness(1.1);transition:all .3s ease}.problem-icon .icon-cart,.problem-icon .icon-email,.problem-icon .icon-reviews,.problem-icon .icon-insights,.solution-icon .icon-cart-recovery,.solution-icon .icon-upsell,.solution-icon .icon-reviews,.solution-icon .icon-insights,.why-icon .icon-24-7,.why-icon .icon-voice,.why-icon .icon-integration,.why-icon .icon-roi,.use-case-icon{font-size:3rem;display:block;margin-bottom:1rem}.feature-icon{font-size:1.25rem;margin-right:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--electric-blue);border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;width:100%}button{border:none;background:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}*:focus{outline:2px solid #0066FF;outline-offset:2px}::selection{background-color:#06f;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#06f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0052cc}