*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #10b981;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-dark: #111827;--border-color: #e5e7eb;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}.header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6)}.logo{display:flex;align-items:center;gap:var(--spacing-2);font-weight:800;font-size:var(--font-size-xl);color:var(--primary-color)}.logo-icon{font-size:var(--font-size-2xl)}.nav{display:flex;align-items:center;gap:var(--spacing-8)}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .3s ease;position:relative;cursor:pointer}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.btn-primary,.btn-cta{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.btn-primary:hover,.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-cta{background:var(--gradient-accent);padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);font-weight:700}.btn-primary:disabled,.btn-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero{padding:var(--spacing-24) 0 var(--spacing-20);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.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="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center;position:relative;z-index:1}.hero-badge{display:inline-block;background:#fff3;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-6);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-text{font-size:var(--font-size-sm);font-weight:600}.hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6)}.highlight{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);line-height:1.6;margin-bottom:var(--spacing-8);opacity:.9}.hero-cta{margin-bottom:var(--spacing-12)}.email-form{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.email-form.large{max-width:500px;margin:0 auto var(--spacing-6)}.email-input{flex:1;padding:var(--spacing-4) var(--spacing-6);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.email-input::placeholder{color:#ffffffb3}.email-input:focus{outline:none;border-color:#fff9;background:#fff3}.form-note{font-size:var(--font-size-sm);opacity:.8;text-align:center}.hero-stats{display:flex;gap:var(--spacing-8)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:800;color:var(--accent-color)}.stat-label{font-size:var(--font-size-sm);opacity:.8}.terminal-window{background:var(--bg-dark);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.terminal-header{background:#2d3748;padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4)}.terminal-buttons{display:flex;gap:var(--spacing-2)}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.btn-red{background:#ff5f56}.btn-yellow{background:#ffbd2e}.btn-green{background:#27ca3f}.terminal-title{color:#a0aec0;font-size:var(--font-size-sm);font-weight:500}.terminal-body{padding:var(--spacing-6);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm)}.terminal-line{margin-bottom:var(--spacing-3);color:#e2e8f0;display:flex;align-items:center;gap:var(--spacing-2)}.prompt{color:var(--secondary-color);font-weight:600}.terminal-line.success{color:var(--secondary-color)}.cursor{display:inline-block;width:8px;height:16px;background:var(--secondary-color);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.features{padding:var(--spacing-20) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-4);color:var(--text-primary)}.section-header p{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8)}.feature-card{background:#fff;padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.feature-card.featured{border-color:var(--primary-color);background:linear-gradient(135deg,#2563eb0d,#10b9810d)}.feature-badge{position:absolute;top:-10px;right:var(--spacing-6);background:var(--gradient-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.feature-card h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.7}.feature-list{list-style:none}.feature-list li{padding:var(--spacing-2) 0;color:var(--text-secondary);position:relative;padding-left:var(--spacing-6)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.why-section{padding:var(--spacing-20) 0;background:#fff}.why-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center}.why-text h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-6);color:var(--text-primary)}.why-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.7}.why-stats{display:grid;gap:var(--spacing-6)}.why-stat{display:flex;flex-direction:column;padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border-left:4px solid var(--primary-color)}.why-number{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary-color)}.why-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-container{background:#fff;padding:var(--spacing-6);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.chart-title{font-weight:600;margin-bottom:var(--spacing-6);text-align:center;color:var(--text-primary)}.line-chart{position:relative}.chart-svg{width:100%;height:200px;margin-bottom:var(--spacing-4)}.chart-line{transition:stroke-dashoffset 2s ease-in-out}.chart-point{transition:opacity .5s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chart-value{font-size:12px;font-weight:600;fill:var(--text-primary);transition:opacity .5s ease}.chart-labels{display:flex;justify-content:space-between;padding:0 50px}.chart-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;text-align:center}.how-it-works{padding:var(--spacing-20) 0;background:var(--bg-secondary)}.steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);max-width:900px;margin:0 auto}.step{text-align:center;flex:1;max-width:250px}.step-number{width:60px;height:60px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:800;margin:0 auto var(--spacing-4);box-shadow:var(--shadow-lg)}.step h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--text-primary)}.step p{color:var(--text-secondary);line-height:1.6}.step-arrow{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:800}.cta-section{padding:var(--spacing-20) 0;background:var(--gradient-primary);color:#fff;text-align:center}.cta-content h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-4)}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-8);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-benefits{display:flex;justify-content:center;gap:var(--spacing-8);margin-bottom:var(--spacing-6);flex-wrap:wrap}.benefit{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);opacity:.9}.benefit-icon{font-size:var(--font-size-lg)}.cta-urgency{font-size:var(--font-size-sm);background:#fff3;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);display:inline-block;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer{background:var(--bg-dark);color:#fff;padding:var(--spacing-16) 0 var(--spacing-8)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-16);margin-bottom:var(--spacing-12)}.footer-brand p{color:#9ca3af;margin-top:var(--spacing-4)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.footer-column h4{font-weight:600;margin-bottom:var(--spacing-4);color:#fff}.footer-column a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:var(--spacing-2);transition:color .3s ease;cursor:pointer}.footer-column a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid #374151;padding-top:var(--spacing-8);text-align:center;color:#9ca3af}.form-success{background:var(--success-color);color:#fff;padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);text-align:center;font-weight:600;animation:slideUp .3s ease}.form-error{background:var(--error-color);color:#fff;padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);text-align:center;font-weight:600;animation:slideUp .3s ease}@media (max-width: 768px){.nav{display:none}.hero .container{grid-template-columns:1fr;gap:var(--spacing-10);text-align:center}.hero-title{font-size:var(--font-size-3xl)}.hero-stats{justify-content:center;flex-wrap:wrap;gap:var(--spacing-4)}.features-grid{grid-template-columns:1fr}.why-content{grid-template-columns:1fr;text-align:center}.steps{flex-direction:column;gap:var(--spacing-12)}.step-arrow{transform:rotate(90deg)}.cta-benefits{flex-direction:column;align-items:center;gap:var(--spacing-4)}.footer-content{grid-template-columns:1fr;text-align:center}.email-form{flex-direction:column}}@media (max-width: 480px){.container{padding:0 var(--spacing-4)}.hero{padding:var(--spacing-20) 0 var(--spacing-16)}.hero-title{font-size:var(--font-size-2xl)}.section-header h2{font-size:var(--font-size-3xl)}.feature-card{padding:var(--spacing-6)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-up{transform:translateY(30px);opacity:0;animation:slideUp .6s ease forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}html{scroll-behavior:smooth}