.landing-page{color:#e4e7f0;background:linear-gradient(135deg,#0f1729 0%,#1a1f35 100%);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing-nav{z-index:100;border-bottom:1px solid #0000;padding:0 24px;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1729d9;border-bottom-color:#ffffff12}.nav-inner{align-items:center;gap:32px;max-width:1100px;height:64px;margin:0 auto;display:flex}.nav-logo{color:#e4e7f0;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav-logo svg{color:#60a5fa}.nav-links{gap:28px;margin-left:8px;display:flex}.nav-links a{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#e4e7f0}.nav-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-btn-ghost{color:#e4e7f0;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-btn-ghost:hover{background:#ffffff0f;border-color:#fff3}.nav-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.hero-section{align-items:center;gap:60px;max-width:1100px;min-height:100vh;margin:0 auto;padding:100px 24px 60px;display:flex;position:relative}.hero-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.hero-glow{filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}.glow-1{background:#3b82f6;width:500px;height:500px;top:-100px;left:-100px}.glow-2{background:#10b981;width:400px;height:400px;bottom:0;right:0}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:1;flex:1;max-width:560px;position:relative}.hero-badge{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:100px;align-items:center;gap:7px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-1px;margin:0 0 20px;font-size:56px;font-weight:800;line-height:1.1}.hero-accent{background:linear-gradient(135deg,#60a5fa,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#9ca3af;max-width:460px;margin:0 0 36px;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:44px;display:flex}.hero-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #3b82f659}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f680}.hero-btn-ghost{color:#e4e7f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-ghost:hover{background:#ffffff17}.hero-stats{align-items:center;gap:24px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-item strong{color:#e4e7f0;font-size:16px;font-weight:700}.stat-item span{color:#6b7280;font-size:12px}.stat-divider{background:#ffffff1a;width:1px;height:32px}.hero-card-preview{z-index:1;flex-direction:column;flex-shrink:0;gap:14px;width:300px;display:flex;position:relative}.preview-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1f35cc;border:1px solid #ffffff1a;border-radius:20px;padding:20px;box-shadow:0 20px 60px #0006}.preview-card.small{padding:16px 20px}.preview-header{color:#9ca3af;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.preview-header .preview-pnl{color:#10b981;margin-left:auto;font-weight:700}.preview-dot{border-radius:50%;width:8px;height:8px}.preview-dot.green{background:#10b981;box-shadow:0 0 6px #10b981}.preview-chart{margin-bottom:14px}.preview-chart svg{width:100%;height:60px}.preview-indicators{flex-wrap:wrap;gap:6px;display:flex}.pi-badge{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.pi-badge.blue{color:#60a5fa;background:#60a5fa26}.pi-badge.amber{color:#f59e0b;background:#f59e0b26}.pi-badge.green{color:#10b981;background:#10b98126}.preview-mini-row{color:#9ca3af;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.preview-mini-row:last-child{border-bottom:none}.preview-mini-row svg{color:#60a5fa;flex-shrink:0}.preview-mini-row .profit-text{color:#10b981;margin-left:auto;font-weight:700}.preview-mini-row .loss-text{color:#ef4444;margin-left:auto;font-weight:700}.profit-text{color:#10b981}.loss-text{color:#ef4444}.section-inner{max-width:1100px;margin:0 auto;padding:100px 24px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:#60a5fa;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.section-title{letter-spacing:-.5px;margin:0 0 48px;font-size:40px;font-weight:800;line-height:1.15}.features-section{background:#ffffff05;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#1a1f3599;border:1px solid #ffffff14;border-radius:20px;padding:28px;transition:all .3s}.feature-card:hover{background:#1a1f35e6;border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 16px 40px #00000040}.feature-icon{background:rgba(var(--accent-rgb,96,165,250), .15);width:44px;height:44px;color:var(--accent,#60a5fa);background-color:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.feature-card p{color:#9ca3af;margin:0;font-size:14px;line-height:1.6}.steps-list{flex-wrap:wrap;align-items:stretch;gap:0;display:flex}.step-card{background:#1a1f3580;border:1px solid #ffffff14;border-radius:20px;flex:1;align-items:flex-start;gap:16px;min-width:200px;padding:32px 28px;display:flex;position:relative}.step-num{color:#60a5fa33;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:36px;font-weight:900;line-height:1}.step-body h3{margin:0 0 6px;font-size:16px;font-weight:700}.step-body p{color:#9ca3af;margin:0;font-size:14px;line-height:1.55}.step-arrow{color:#374151;z-index:2;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.cta-section{text-align:center;padding:100px 24px;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#3b82f633,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:1;max-width:500px;margin:0 auto;position:relative}.cta-inner h2{letter-spacing:-.5px;margin:0 0 14px;font-size:40px;font-weight:800}.cta-inner p{color:#9ca3af;margin:0 0 36px;font-size:16px}.landing-footer{border-top:1px solid #ffffff12;padding:28px 24px}.footer-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.footer-logo{color:#e4e7f0;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.footer-logo svg{color:#60a5fa}.footer-note{color:#4b5563;margin:0;font-size:13px}@media (max-width:900px){.hero-section{text-align:center;flex-direction:column;padding-top:120px}.hero-content{max-width:100%}.hero-title{font-size:38px}.hero-actions,.hero-stats{justify-content:center}.hero-card-preview{width:100%;max-width:340px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-list{flex-direction:column}.step-arrow{display:none}.section-title{font-size:30px}.footer-inner{text-align:center;flex-direction:column}}@media (max-width:600px){.nav-links{display:none}.features-grid{grid-template-columns:1fr}.hero-title{font-size:30px}}