*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #3B7BDC;--primary-dark: #2563eb;--primary-light: #5b93f5;--accent-coral: #FF6A3C;--accent-yellow: #FBBD35;--accent-mint: #4ED6A5;--accent-purple: #9B51E0;--navy-dark: #1A2230;--bg-light-blue: #F8FAFF;--bg-medium-blue: #E7F0FF;--text-dark: #333333;--text-gray: #888888;--text-light: #9ca3af;--bg-white: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#app{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit;transition:all .3s ease}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:18px 0;z-index:1000;box-shadow:var(--shadow-sm)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px}.logo-image{height:40px;width:auto}.logo-image-footer{height:50px;width:auto}.nav-menu{display:flex;list-style:none;gap:32px;align-items:center}.nav-menu li a{font-weight:500;color:var(--text-gray);font-size:15px}.nav-menu li a:hover{color:var(--primary-blue)}.nav-link-signin{color:var(--text-dark)}.nav-cta{background:var(--primary-blue);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero{margin-top:80px;padding:100px 0 80px;background:linear-gradient(180deg,var(--bg-light-blue) 0%,var(--bg-white) 100%)}.hero .container{max-width:900px}.hero-content{text-align:center}.micro-story{background:#fff;padding:32px;border-radius:12px;border-left:4px solid var(--accent-coral);text-align:left;max-width:600px;margin:40px auto;box-shadow:var(--shadow-md)}.micro-story p{margin-bottom:8px;color:var(--text-dark);font-size:16px;line-height:1.6}.micro-story p:last-child{margin-top:12px;margin-bottom:0}.hero-title{font-size:58px;font-weight:700;line-height:1.15;color:var(--text-dark);margin-bottom:24px;letter-spacing:-1.5px}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--text-gray);margin-bottom:40px}.hero-buttons{display:flex;gap:16px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}.trust-bar{text-align:center;margin-top:48px}.trust-headline{font-size:18px;color:var(--text-dark);font-weight:600;margin-bottom:20px;font-style:italic}.trust-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.trust-badges span{font-size:14px;color:var(--text-gray);font-weight:500;padding:0 12px;border-right:1px solid var(--border-color)}.trust-badges span:last-child{border-right:none}.primary-button{background:var(--primary-blue);color:#fff;padding:16px 32px;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.primary-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary-button.large{font-size:18px;padding:20px 48px}.secondary-button{background:#fff;color:var(--text-dark);padding:16px 32px;border-radius:10px;border:2px solid var(--border-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:8px}.secondary-button:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:16px;color:var(--text-dark);letter-spacing:-1px}.section-subtitle{font-size:20px;text-align:center;color:var(--text-gray);margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.features{padding:100px 0;background:var(--bg-white)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:40px 32px;background:#fff;border:2px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-coral);transform:scaleX(0);transition:transform .3s ease}.feature-card.accent-coral:before{background:var(--accent-coral)}.feature-card.accent-blue:before{background:var(--primary-blue)}.feature-card.accent-mint:before{background:var(--accent-mint)}.feature-card.accent-yellow:before{background:var(--accent-yellow)}.feature-card.accent-purple:before{background:var(--accent-purple)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;margin-bottom:24px;background:var(--bg-light-blue);color:var(--primary-blue)}.feature-card.accent-coral .feature-icon-wrapper{background:#ff6a3c1a;color:var(--accent-coral)}.feature-card.accent-blue .feature-icon-wrapper{background:#3b7bdc1a;color:var(--primary-blue)}.feature-card.accent-mint .feature-icon-wrapper{background:#4ed6a51a;color:var(--accent-mint)}.feature-card.accent-yellow .feature-icon-wrapper{background:#fbbd351a;color:var(--accent-yellow)}.feature-card.accent-purple .feature-icon-wrapper{background:#9b51e01a;color:var(--accent-purple)}.feature-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--text-dark)}.feature-card p{color:var(--text-gray);line-height:1.6;font-size:15px}.stats-section{padding:80px 0;background:var(--navy-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.stat-card{text-align:center;color:#fff}.stat-big-number{font-size:56px;font-weight:700;color:var(--accent-yellow);margin-bottom:8px;line-height:1}.stat-description{font-size:18px;font-weight:600;margin-bottom:8px}.stat-card p{font-size:14px;color:#ffffffb3}.pricing{padding:100px 0;background:var(--bg-light-blue)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}.pricing-card{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:40px 32px;transition:all .3s ease;position:relative}.pricing-card.featured{border-color:var(--primary-blue);box-shadow:var(--shadow-xl);transform:scale(1.05)}.pricing-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl)}.pricing-card.featured:hover{transform:translateY(-4px) scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-blue);color:#fff;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:600}.pricing-header{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.pricing-header h3{font-size:24px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:48px;font-weight:700;color:var(--text-dark)}.price-period{font-size:18px;color:var(--text-gray)}.pricing-features{margin-bottom:32px}.pricing-feature{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--text-dark)}.pricing-feature svg{color:var(--accent-mint);flex-shrink:0}.pricing-button{width:100%;background:#fff;color:var(--primary-blue);padding:14px 32px;border-radius:8px;border:2px solid var(--primary-blue);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.pricing-button:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.pricing-button.primary{background:var(--primary-blue);color:#fff}.pricing-button.primary:hover{background:var(--primary-dark)}.how-it-works{padding:100px 0;background:var(--bg-white)}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center}.step-card{text-align:center;padding:40px 32px;background:#fff;border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.step-arrow{font-size:32px;color:var(--primary-blue);font-weight:700}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;font-size:24px;font-weight:700;margin-bottom:24px}.step-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--text-dark)}.step-card p{color:var(--text-gray);line-height:1.6;font-size:15px}.testimonials{padding:100px 0;background:var(--bg-light-blue)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background:#fff;padding:40px 32px;border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.testimonial-stars{color:var(--accent-yellow);font-size:20px;margin-bottom:20px}.testimonial-text{color:var(--text-dark);line-height:1.6;margin-bottom:24px;font-size:15px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-info{text-align:left}.author-name{font-weight:600;color:var(--text-dark);margin-bottom:4px}.author-title{font-size:14px;color:var(--text-gray)}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.cta-box{text-align:center;color:#fff;position:relative;z-index:1}.cta-box h2{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:-1px}.cta-box p{font-size:20px;margin-bottom:40px;opacity:.95}.cta-box .primary-button{background:#fff;color:var(--primary-blue)}.cta-box .primary-button:hover{background:var(--bg-light-blue);transform:translateY(-2px)}.cta-note{font-size:14px;margin-top:20px;opacity:.85}.footer{background:var(--navy-dark);color:#fff;padding:80px 0 32px}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:32px}.footer-section{text-align:center;flex:1}.footer-section p{color:#ffffffb3;line-height:1.6;margin-top:16px;font-size:16px}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:#fff9;font-size:14px}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;gap:48px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:24px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.step-arrow{display:none}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid,.testimonials-grid,.stats-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}.nav-menu{gap:16px;font-size:13px}.nav-cta{padding:8px 16px;font-size:14px}.section-title{font-size:36px}.section-subtitle{font-size:18px}.cta-box h2{font-size:36px}}.why-matters{padding:100px 0;background:var(--bg-white)}.stats-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}.stat-card-simple{text-align:center;padding:40px 24px}.stat-card-simple .stat-big-number{font-size:48px;font-weight:700;color:var(--primary-blue);margin-bottom:16px;line-height:1.2}.stat-card-simple p{font-size:16px;color:var(--text-gray);line-height:1.6}.section-closer{text-align:center;font-size:20px;color:var(--text-dark);margin-top:32px}.problem-section{padding:100px 0;background:var(--bg-light-blue)}.problem-content{display:grid;grid-template-columns:repeat(2,1fr);gap:64px;margin-top:48px}.problem-list h3,.cost-comparison h3{font-size:24px;font-weight:600;color:var(--text-dark);margin-bottom:24px}.problem-list ul,.cost-comparison ul{list-style:none;margin-bottom:24px}.problem-list ul li,.cost-comparison ul li{padding:12px 0 12px 32px;position:relative;font-size:16px;color:var(--text-dark)}.problem-list ul li:before,.cost-comparison ul li:before{content:"•";position:absolute;left:12px;color:var(--accent-coral);font-size:20px}.emphasis{font-size:18px;font-weight:600;color:var(--text-dark)}.cost-comparison{background:#fff;padding:32px;border-radius:12px;box-shadow:var(--shadow-md)}.product-intro{padding:100px 0;background:var(--bg-white)}.section-subtitle-large{font-size:28px;font-weight:600;text-align:center;color:var(--text-dark);margin:48px 0 32px}.features-list{max-width:700px;margin:0 auto 48px}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:20px;font-size:18px;color:var(--text-dark)}.feature-icon{background:var(--accent-mint);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.brand-personality{background:var(--navy-dark);color:#fff;padding:32px;border-radius:12px;text-align:center;margin:48px auto;max-width:700px}.brand-personality p{font-size:20px;font-weight:600;line-height:1.6}.value-equation{text-align:center;margin:48px 0}.value-equation p{font-size:22px;color:var(--primary-blue)}.stakes-section{padding:100px 0;background:var(--bg-light-blue)}.math-block{background:#fff;padding:48px;border-radius:16px;text-align:center;max-width:600px;margin:48px auto;box-shadow:var(--shadow-xl)}.math-block p{font-size:20px;color:var(--text-dark);margin-bottom:12px;line-height:1.8}.revenue-number{color:var(--accent-coral);font-size:28px}.revenue-number.huge{font-size:48px;display:block;margin:24px 0}.ease-clarity{text-align:center;font-size:18px;color:var(--text-gray);margin-top:32px;font-style:italic}.why-now{padding:100px 0;background:var(--bg-white)}.why-now-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0}.why-now-item{text-align:center;padding:32px 24px;background:var(--bg-light-blue);border-radius:12px}.why-now-icon{font-size:48px;margin-bottom:16px}.why-now-item p{font-size:16px;color:var(--text-dark);line-height:1.6}.transformation{padding:100px 0;background:var(--bg-light-blue)}.transformation-list{max-width:600px;margin:48px auto}.transformation-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;margin-bottom:16px;border-radius:8px;box-shadow:var(--shadow-sm)}.transformation-icon{background:var(--accent-mint);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.transformation-item p{font-size:18px;color:var(--text-dark);margin:0}.outcome{text-align:center;padding:32px;background:#fff;border-radius:12px;max-width:600px;margin:48px auto 0}.outcome p{font-size:20px;color:var(--text-dark);line-height:1.6;margin-bottom:12px}.final-cta{padding:100px 0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%)}.final-cta .cta-box{text-align:center;color:#fff}.final-cta .cta-box h2{font-size:48px;font-weight:700;margin-bottom:24px;letter-spacing:-1px}.final-cta .cta-box p{font-size:20px;margin-bottom:16px;opacity:.95}.final-cta .hero-buttons{margin:40px auto 24px}.final-cta .primary-button{background:#fff;color:var(--primary-blue)}.final-cta .primary-button:hover{background:var(--bg-light-blue)}.final-cta .secondary-button{background:transparent;border-color:#fff;color:#fff}.final-cta .secondary-button:hover{background:#ffffff1a}.secondary-button.large{font-size:18px;padding:20px 48px}.footer-links{display:flex;gap:32px;justify-content:center;align-items:center}.footer-links a{color:#ffffffb3;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}@media(max-width:1024px){.stats-grid-three,.why-now-grid{grid-template-columns:repeat(2,1fr)}.problem-content{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid-three,.why-now-grid{grid-template-columns:1fr}.micro-story{padding:24px}.hero-buttons{flex-direction:column;align-items:stretch}.math-block{padding:32px 24px}.revenue-number.huge{font-size:36px}}
