*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem}h3{font-size:1.5rem}p{margin-bottom:1rem;line-height:1.7}:root{--primary: #2563EB;--primary-dark: #1d4ed8;--secondary: #059669;--accent: #D97706;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.btn-large{padding:16px 32px;font-size:18px}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:1000;transition:all .3s ease}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.nav-brand .logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--gray-700);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--primary)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer}.mobile-menu-toggle span{width:24px;height:3px;background:var(--gray-700);border-radius:2px;transition:all .3s ease}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.trust-bar{display:flex;justify-content:center;gap:40px;margin-bottom:40px;padding:20px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trust-bar .trust-item{text-align:center}.trust-bar .trust-number{display:block;font-size:24px;font-weight:700;color:var(--primary)}.trust-bar .trust-label{font-size:12px;color:var(--gray-600)}.urgency-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;animation:pulse 2s infinite}.value-props{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.value-prop{display:flex;align-items:center;gap:8px;background:#fffc;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.value-icon{font-size:16px}.cta-primary{position:relative;overflow:hidden}.cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-primary:hover:before{left:100%}.btn-large span{display:block;font-size:18px;font-weight:600}.btn-large small{display:block;font-size:12px;opacity:.8;font-weight:400}.social-proof{display:flex;align-items:center;gap:16px;margin-top:32px;padding:20px;background:#fffc;border-radius:12px}.social-proof-avatars{display:flex;gap:-8px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid white;margin-left:-8px}.avatar-more{width:40px;height:40px;border-radius:50%;background:var(--gray-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white;margin-left:-8px}.social-proof-text{font-size:14px;color:var(--gray-700)}.pain-point-hook{text-align:center;margin-bottom:60px;padding:40px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;border-left:4px solid #ef4444}.pain-title{font-size:2.5rem;color:#dc2626;margin-bottom:16px}.pain-subtitle{font-size:18px;color:#7f1d1d}.calculator-hook{text-align:center;margin-bottom:40px}.calculator-hook h2{font-size:2.5rem;margin-bottom:16px}.results-preview{background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px}.preview-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-item:last-child{margin-bottom:0}.preview-label{font-size:14px;opacity:.9}.preview-value{font-size:24px;font-weight:700}.preview-percentage{font-size:18px}.calculator-cta{margin-top:32px;text-align:center}.cta-subtext{font-size:12px;color:var(--gray-500);margin-top:8px}.calculator-instant-cta{margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-200);text-align:center}.btn-full{width:100%}.instant-cta-text{font-size:12px;color:var(--gray-600);margin-top:8px}.testimonials-section{padding:80px 0;background:var(--gray-50)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.testimonial-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--gray-200)}.testimonial-result{background:var(--success);color:#fff;padding:16px;border-radius:8px;text-align:center;margin-bottom:20px}.result-number{display:block;font-size:28px;font-weight:700}.result-label{font-size:12px;opacity:.9}.testimonial-author{display:flex;align-items:center;gap:16px;margin-top:20px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.urgency-section{padding:60px 0;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.urgency-content{display:flex;justify-content:space-between;align-items:center;gap:40px}.urgency-timer h3{font-size:2rem;margin-bottom:8px}.spots-remaining{display:flex;align-items:baseline;gap:8px;margin-top:16px}.spots-number{font-size:3rem;font-weight:700;color:#dc2626;background:#fff;padding:8px 16px;border-radius:8px}.spots-text{font-size:16px}.urgency-btn{background:#dc2626;border:none;animation:pulse 2s infinite}.urgency-btn:hover{background:#b91c1c}.urgency-subtext{font-size:14px;margin-top:8px;opacity:.9}.risk-reversal{background:#ffffff1a;padding:24px;border-radius:12px;margin-bottom:32px}.risk-reversal h3{color:#fff;margin-bottom:16px;text-align:center}.guarantees{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guarantee{font-size:14px;opacity:.9}.final-cta{position:relative;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 8px 24px #10b9814d}.final-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.final-social-proof{margin-top:32px;text-align:center}.final-social-proof p{color:#ffffffe6;font-size:16px}.exit-intent-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:3000;align-items:center;justify-content:center}.exit-intent-popup.show{display:flex}.exit-popup-content{background:#fff;border-radius:16px;max-width:500px;width:90%;animation:slideUp .3s ease}.exit-popup-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--gray-200)}.exit-popup-header h3{color:var(--gray-800);margin:0}.exit-popup-close{background:none;border:none;font-size:24px;color:var(--gray-400);cursor:pointer}.exit-popup-body{padding:24px;text-align:center}.exit-popup-offer{background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:20px;border-radius:12px;margin:20px 0}.offer-highlight{display:flex;flex-direction:column;align-items:center}.offer-amount{font-size:2rem;font-weight:700}.offer-text{font-size:14px;opacity:.9}.exit-popup-guarantee{font-size:12px;color:var(--gray-600);margin-top:12px}@media (max-width: 768px){.trust-bar{flex-direction:column;gap:20px}.value-props{flex-direction:column;gap:12px}.social-proof{flex-direction:column;text-align:center;gap:12px}.urgency-content{flex-direction:column;text-align:center}.guarantees,.testimonial-grid{grid-template-columns:1fr}.pain-title{font-size:2rem}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text h1{margin-bottom:24px}.highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--gray-600);margin-bottom:40px;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px}.stat{text-align:center}.stat-number{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{font-size:14px;color:var(--gray-600)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.dashboard-preview{background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0000001a;border:1px solid var(--gray-200);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.dashboard-title{font-size:18px;font-weight:600;color:var(--gray-800)}.dashboard-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--success)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.metric{padding:16px;background:var(--gray-50);border-radius:8px}.metric-label{font-size:12px;color:var(--gray-500);margin-bottom:4px}.metric-value{font-size:20px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.metric-change{font-size:12px;font-weight:500}.metric-change.positive{color:var(--success)}.dashboard-chart{height:120px;background:var(--gray-50);border-radius:8px;padding:16px}.chart{width:100%;height:100%}.problem-section{padding:80px 0;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px}.section-header p{font-size:18px;color:var(--gray-600);max-width:600px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.problem-card{padding:32px;background:var(--gray-50);border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.problem-icon{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.problem-card h3{margin-bottom:16px;color:var(--gray-800)}.problem-card p{color:var(--gray-600);line-height:1.6}.features-section{padding:80px 0;background:var(--gray-50)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card{background:#fff;padding:32px;border-radius:16px;border:1px solid var(--gray-200);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-icon{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card h3{margin-bottom:12px;color:var(--gray-800)}.feature-card p{color:var(--gray-600);line-height:1.6}.how-it-works-section{padding:80px 0;background:#fff}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.step{text-align:center;position:relative}.step:after{content:"";position:absolute;top:32px;right:-20px;width:40px;height:2px;background:var(--gray-300);z-index:1}.step:last-child:after{display:none}.step-number{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 24px;position:relative;z-index:2}.step h3{margin-bottom:16px;color:var(--gray-800)}.step p{color:var(--gray-600);line-height:1.6}.calculator-section{padding:80px 0;background:var(--gray-50)}.calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calculator-info h2{margin-bottom:20px}.calculator-info p{font-size:18px;color:var(--gray-600);margin-bottom:32px}.calculator-benefits{display:flex;flex-direction:column;gap:16px}.benefit{display:flex;align-items:center;gap:12px;color:var(--gray-700)}.benefit svg{color:var(--success);flex-shrink:0}.calculator-widget{background:#fff;padding:40px;border-radius:16px;box-shadow:0 12px 24px #0000001a;border:1px solid var(--gray-200)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--gray-700)}.form-group input[type=number]{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-group input[type=number]:focus{outline:none;border-color:var(--primary)}.form-group input[type=range]{width:100%;margin-bottom:8px}.range-value{font-size:14px;color:var(--gray-600)}.comparison-results{margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;border-radius:8px;background:var(--gray-50)}.result-item.highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.result-item.gain{background:var(--success);color:#fff;font-weight:600}.result-label{font-size:14px;font-weight:500;color:#374151}.result-item.highlight .result-label{color:#fff;font-weight:600}.result-value{font-size:18px;font-weight:600}.trust-section{padding:80px 0;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:60px}.trust-item{text-align:center;padding:32px}.trust-icon{width:64px;height:64px;background:var(--success);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.trust-item h3{margin-bottom:16px;color:var(--gray-800)}.trust-item p{color:var(--gray-600);line-height:1.6}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.testimonial{background:var(--gray-50);padding:32px;border-radius:16px;border-left:4px solid var(--primary)}.testimonial-content p{font-size:16px;line-height:1.6;color:var(--gray-700);margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:16px}.author-name{font-weight:600;color:var(--gray-800)}.author-title{font-size:14px;color:var(--gray-600)}.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center}.cta-content h2{margin-bottom:20px;color:#fff}.cta-content p{font-size:18px;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.cta-buttons .btn-primary{background:#fff;color:var(--primary)}.cta-buttons .btn-primary:hover{background:var(--gray-100);transform:translateY(-2px)}.cta-buttons .btn-secondary{border-color:#fff;color:#fff}.cta-buttons .btn-secondary:hover{background:#fff;color:var(--primary)}.cta-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.9}.cta-feature svg{color:#fff}.footer{background:var(--gray-900);color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:1fr 3fr;gap:60px;margin-bottom:40px}.footer-brand .logo{margin-bottom:16px}.footer-brand .logo span{color:#fff}.footer-brand p{color:var(--gray-400);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column h4{margin-bottom:16px;color:#fff}.footer-column a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:8px;transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--gray-800);flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--gray-400);margin:0}.footer-badges{display:flex;gap:12px}.badge{padding:4px 12px;background:var(--gray-800);border-radius:16px;font-size:12px;color:var(--gray-300);border:1px solid var(--gray-700)}@media (max-width: 768px){.container{padding:0 16px}h1{font-size:2.5rem}h2{font-size:2rem}.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-stats{grid-template-columns:1fr;gap:20px}.hero-cta{justify-content:center}.dashboard-preview{transform:none}.calculator-content{grid-template-columns:1fr;gap:40px}.steps-container{grid-template-columns:1fr}.step:after{display:none}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px}.footer-bottom{flex-direction:column;text-align:center}.cta-buttons,.cta-features{flex-direction:column;align-items:center}}@media (max-width: 480px){h1{font-size:2rem}.hero{padding:100px 0 60px}.hero-subtitle{font-size:18px}.problem-grid,.features-grid,.testimonials,.footer-links{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}html{scroll-behavior:smooth}button:focus,input:focus,a:focus{outline:2px solid var(--primary);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0;color:var(--gray-800)}.close{font-size:28px;font-weight:700;color:var(--gray-400);cursor:pointer;transition:color .2s ease;line-height:1}.close:hover{color:var(--gray-600)}.modal-body{padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--gray-700);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.form-actions .btn{min-width:120px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error);font-size:12px;margin-top:4px;display:block}.form-success{text-align:center;padding:40px 20px}.success-icon{width:64px;height:64px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.form-success h3{color:var(--success);margin-bottom:12px}.form-success p{color:var(--gray-600);margin-bottom:24px}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}
