@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-secondary:#7c3aed;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#10b9811a;--color-danger:#ef4444;--color-warning:#f59e0b;--bg-white:#fff;--bg-light:#f8fafc;--bg-slate:#f1f5f9;--text-dark:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, #059669 100%);--gradient-light-blue:linear-gradient(135deg, #1d4ed80d 0%, #7c3aed0d 100%);--gradient-dark-hero:linear-gradient(180deg, #090d1a 0%, #0f172a 100%);--gradient-card-dark:linear-gradient(135deg, #1e293bb3 0%, #0f172acc 100%);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 20px 40px #0f172a1f;--shadow-premium:0 25px 60px -15px #1d4ed826;--shadow-glow:0 0 30px #7c3aed40;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none;transition:all .2s}.glass-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffbf;border:1px solid #fff9}.glass-panel-dark{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#0f172a73;border:1px solid #ffffff14;box-shadow:0 20px 50px #0000004d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(#1d4ed8,#7c3aed);border-radius:4px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media (width<=768px){.section-padding{padding:60px 0}}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#7c3aed 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-emerald{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-glow-1{z-index:0;pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#1d4ed826 0%,#0000 70%);width:600px;height:600px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:-10%;left:20%}.hero-glow-2{z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite reverse glowPulse;position:absolute;bottom:10%;right:-10%}.premium-btn{font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.premium-btn:after{content:"";opacity:0;border-radius:inherit;background:#ffffff26;transition:opacity .3s;position:absolute;inset:0}.premium-btn:hover:after{opacity:1}.premium-btn-primary{background:var(--gradient-brand);color:var(--bg-white);box-shadow:0 4px 15px #1d4ed840}.premium-btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #1d4ed873}.premium-btn-secondary{color:var(--text-dark);box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #0f172a14}.premium-btn-secondary:hover{background:var(--bg-white);box-shadow:var(--shadow-md);border-color:#0f172a26;transform:translateY(-3px)scale(1.02)}.premium-btn-accent{background:var(--gradient-accent);color:var(--bg-white);box-shadow:0 4px 15px #10b98133}.premium-btn-accent:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #10b98166}@keyframes glowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatReverse{0%,to{transform:translateY(-8px)}50%{transform:translateY(4px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 12px #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes orbitSpin{0%{transform:rotate(0)translate(180px)rotate(0)}to{transform:rotate(360deg)translate(180px)rotate(-360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes progressFill{0%{width:0%}to{width:var(--target-width,100%)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}60%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes successBurst{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shimmer-text{background:linear-gradient(90deg,#1d4ed8 0%,#7c3aed 25%,#10b981 50%,#7c3aed 75%,#1d4ed8 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0f172a1a}.gradient-border{background:#fff;border-radius:24px;position:relative}.gradient-border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#1d4ed8,#7c3aed,#10b981,#1d4ed8) 0 0/300% 300%;animation:4s infinite gradientShift;position:absolute;inset:-2px}.particle-field{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle-field span{animation:twinkle var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s);background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-radius:50%;display:block;position:absolute}.modal-step-enter{animation:.3s forwards fadeSlideUp}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=991px){.hero-container{text-align:center!important;grid-template-columns:1fr!important;gap:48px!important}.hero-left-col{text-align:center!important;align-items:center!important}.hero-cta-group{justify-content:center!important}.hero-right-col{margin-top:24px;padding-bottom:20px;transform-origin:50%!important;height:auto!important;transform:scale(.9)!important}}@media (width<=576px){.hero-right-col{transform-origin:50%!important;height:360px!important;margin-bottom:20px!important;transform:scale(.78)!important}.dashboard-frame{width:100%!important;transform:translate(0)!important}.mobile-mockup-frame{right:10px!important}}@media (width<=400px){.hero-right-col{height:310px!important;transform:scale(.68)!important}}@media (width<=991px){.solution-split-layout{grid-template-columns:1fr!important;gap:32px!important;max-width:600px!important;margin:0 auto!important}}@media (width<=768px){.stats-grid-container{grid-template-columns:1fr!important;gap:24px!important;max-width:400px!important;margin:0 auto!important}}@media (width<=480px){.problem-card{padding:24px!important}}@media (width<=768px){.final-cta-card{border-radius:24px!important;padding:60px 24px!important}.final-cta-card h2{font-size:2.2rem!important}.final-cta-card p{margin-bottom:24px!important;font-size:1rem!important}}@media (width<=576px){.modal-container{border-radius:24px!important;max-width:94%!important}.modal-inner{padding:32px 20px 24px!important}.modal-container h2{font-size:1.35rem!important}}