.landing-hero{background:radial-gradient(ellipse 80% 60% at 50% -20%, #3b5bdb26, transparent), radial-gradient(ellipse 60% 50% at 80% 50%, #6580e814, transparent), radial-gradient(ellipse 60% 40% at 20% 80%, #3b5bdb0f, transparent), var(--color-background);position:relative;overflow:hidden}.dark .landing-hero{background:radial-gradient(ellipse 80% 60% at 50% -20%, #6580e81f, transparent), radial-gradient(ellipse 60% 50% at 80% 50%, #3b5bdb14, transparent), radial-gradient(ellipse 60% 40% at 20% 80%, #6580e80d, transparent), var(--color-background)}.landing-grid{background-image:linear-gradient(#3b5bdb0a 1px,#0000 1px),linear-gradient(90deg,#3b5bdb0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 80%)}.dark .landing-grid{background-image:linear-gradient(#6580e80f 1px,#0000 1px),linear-gradient(90deg,#6580e80f 1px,#0000 1px)}.glow-orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite glow-float;position:absolute}.glow-orb-1{background:#3b5bdb33;width:400px;height:400px;animation-delay:0s;top:-100px;left:20%}.glow-orb-2{background:#6580e826;width:300px;height:300px;animation-delay:-3s;top:30%;right:10%}.glow-orb-3{background:#3b5bdb1f;width:250px;height:250px;animation-delay:-5s;bottom:0;left:40%}@keyframes glow-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}}.glass-card{-webkit-backdrop-filter:blur(16px);background:#fff9;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000000f,inset 0 1px #fff6}.dark .glass-card{background:#151c26b3;border:1px solid #37405780;box-shadow:0 8px 32px #0003,inset 0 1px #3740574d}.dashboard-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000a,0 12px 24px #0000000f,0 48px 80px #00000014}.dark .dashboard-mockup{box-shadow:0 0 0 1px #ffffff08,0 2px 4px #00000026,0 12px 24px #0003,0 48px 80px #0000004d}.floating-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a}.floating-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}.dark .floating-card{box-shadow:0 4px 12px #0003,0 1px 3px #00000026}.dark .floating-card:hover{box-shadow:0 8px 24px #0000004d,0 2px 6px #0003}.feature-reveal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-reveal:before{content:"";background:linear-gradient(90deg, var(--color-primary), #6580e899, var(--color-primary));opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-reveal:hover:before{opacity:1}.feature-reveal:hover{border-color:#3b5bdb4d;box-shadow:0 20px 40px #3b5bdb14}.dark .feature-reveal:hover{border-color:#6580e84d;box-shadow:0 20px 40px #6580e80f}.gradient-text{background:linear-gradient(135deg, var(--color-foreground), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-glow{position:relative}.section-glow:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.3;width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, var(--color-primary), #6580e84d);height:2px;position:absolute;bottom:0;left:0;right:0}.progress-bar-animated{background:var(--color-muted);border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar-animated .bar{background:linear-gradient(90deg, var(--color-primary), #7a93f0);transform-origin:0;border-radius:999px;height:100%;animation:2s ease-out forwards progress-grow}@keyframes progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-shimmer:hover:after{left:100%}.cta-gradient{background:linear-gradient(135deg,#3b5bdb0f,#6580e808);border:1px solid #3b5bdb1f}.dark .cta-gradient{background:linear-gradient(135deg,#6580e814,#3b5bdb0a);border:1px solid #6580e826}.metric-widget{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex}.timeline-connector{padding-left:32px;position:relative}.timeline-connector:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-border));width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-dot{background:var(--color-primary);border:3px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-primary);border-radius:50%;position:absolute;top:4px;left:4px}.landing-header-premium{transition:all .3s}.landing-header-premium.scrolled{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.reveal-section{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal-section.visible{opacity:1;transform:translateY(0)}.pulse-ring{position:relative}.pulse-ring:before{content:"";border:2px solid var(--color-primary);opacity:0;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.gradient-border{background:linear-gradient(135deg,#3b5bdb4d,#6580e81a,#3b5bdb33);border-radius:16px;padding:1px;position:relative}.gradient-border>*{background:var(--color-surface);border-radius:15px}.mini-chart{align-items:flex-end;gap:3px;height:32px;display:flex}.mini-chart .bar{background:var(--color-primary);transform-origin:bottom;border-radius:2px;width:4px;animation:1s ease-out forwards chart-bar-grow}@keyframes chart-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.landing-split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.landing-workflow-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.landing-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}@media (max-width:768px){.landing-hero{min-height:auto}.glow-orb{opacity:.2}.glow-orb-1{width:200px;height:200px}.glow-orb-2{width:150px;height:150px}.glow-orb-3{width:120px;height:120px}.landing-split-grid{grid-template-columns:1fr;gap:40px}.landing-workflow-grid,.landing-features-grid{grid-template-columns:1fr}}