:root{--primary-purple: #6366f1;--primary-violet: #8b5cf6;--secondary-teal: #14b8a6;--secondary-cyan: #06b6d4;--secondary-emerald: #10b981;--accent-orange: #f97316;--accent-coral: #ff6b6b;--accent-amber: #f59e0b;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);--gradient-accent: linear-gradient(135deg, #f97316 0%, #ff6b6b 100%);--gradient-rainbow: linear-gradient(135deg, #6366f1 0%, #14b8a6 50%, #f97316 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(99, 102, 241, .4);--shadow-glow-teal: 0 0 20px rgba(20, 184, 166, .4);--shadow-glow-orange: 0 0 20px rgba(249, 115, 22, .4)}.hero-cta-primary,.pricing-cta,.features-nav-cta,.nav-cta,.demo-submit-btn,button[type=submit],.cta-button-primary{background:var(--gradient-primary);color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;box-shadow:0 4px 20px #6366f14d,0 0 #6366f180;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.hero-cta-primary:before,.pricing-cta:before,.features-nav-cta:before,.nav-cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hero-cta-primary:hover,.pricing-cta:hover,.features-nav-cta:hover,.nav-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #6366f180,0 0 40px #6366f14d}.hero-cta-primary:hover:before,.pricing-cta:hover:before,.features-nav-cta:hover:before,.nav-cta:hover:before{width:300px;height:300px}.hero-cta-primary:active,.pricing-cta:active,.features-nav-cta:active,.nav-cta:active{transform:translateY(-1px) scale(.98)}.hero-cta-secondary,.cta-button-secondary{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid var(--glass-border);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;box-shadow:var(--glass-shadow);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.hero-cta-secondary:hover,.cta-button-secondary:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px);box-shadow:0 12px 40px #0003}.cta-button-accent,.contact-cta,.urgent-cta{background:var(--gradient-accent);color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;box-shadow:0 4px 20px #f973164d;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.cta-button-accent:hover,.contact-cta:hover,.urgent-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #f9731680,0 0 40px #f973164d}.glass-card,.feature-card-glass,.pricing-card-glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before,.feature-card-glass:before,.pricing-card-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-rainbow);opacity:0;transition:opacity .3s ease}.glass-card:hover,.feature-card-glass:hover,.pricing-card-glass:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-8px);box-shadow:0 20px 60px #00000040}.glass-card:hover:before,.feature-card-glass:hover:before,.pricing-card-glass:hover:before{opacity:1}.feature-card,.benefit-card,.pricing-card,.trust-module-card{position:relative;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);overflow:hidden}.feature-card:after,.benefit-card:after,.pricing-card:after,.trust-module-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-rainbow);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.feature-card:hover,.benefit-card:hover,.pricing-card:hover,.trust-module-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow)}.feature-card:hover:after,.benefit-card:hover:after,.pricing-card:hover:after,.trust-module-card:hover:after{opacity:.03}.feature-card>*,.benefit-card>*,.pricing-card>*,.trust-module-card>*{position:relative;z-index:1}input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px}input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #6366f11a,0 4px 16px #6366f126;transform:translateY(-1px)}.hero-header-nav,.features-header-nav,.pricing-header-nav{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.hero-header-nav.scrolled,.features-header-nav.scrolled,.pricing-header-nav.scrolled{background:#0f172af2;box-shadow:0 8px 32px #0003}.hero-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary),.features-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary),.pricing-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary){position:relative;color:#e2e8f0;text-decoration:none;padding:.5rem 1rem;transition:color .3s ease}.hero-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):after,.features-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):after,.pricing-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1)}.hero-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover,.features-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover,.pricing-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover{color:#fff}.hero-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover:after,.features-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover:after,.pricing-header-nav a:not(.hero-cta-primary):not(.hero-cta-secondary):hover:after{width:100%}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:1.25rem}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.3;margin-bottom:1rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animated-link{position:relative;text-decoration:none;color:var(--primary-purple);font-weight:500;transition:color .3s ease}.animated-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.animated-link:hover{color:var(--primary-violet)}.animated-link:hover:after{transform:scaleX(1);transform-origin:left}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f166}50%{box-shadow:0 0 40px #6366f1cc}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes shimmer-enhanced{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-enhanced 3s linear infinite}.hero{position:relative;min-height:100vh;background:radial-gradient(ellipse at top,#1e1b4b,#0f172a,#020617);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 8s ease-in-out infinite}.hero:before{top:10%;left:10%;width:500px;height:500px;background:radial-gradient(circle,var(--primary-purple) 0%,transparent 70%);animation-delay:0s}.hero:after{bottom:10%;right:10%;width:600px;height:600px;background:radial-gradient(circle,var(--secondary-teal) 0%,transparent 70%);animation-delay:2s}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.5) 50%,transparent 100%);margin:4rem 0}.section-divider-gradient{height:3px;background:var(--gradient-rainbow);margin:5rem 0;opacity:.3}.badge,.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.badge-primary{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f14d;color:#a5b4fc}.badge-secondary{background:linear-gradient(135deg,#14b8a633,#06b6d433);border-color:#14b8a64d;color:#5eead4}.badge-accent{background:linear-gradient(135deg,#f9731633,#ff6b6b33);border-color:#f973164d;color:#fdba74}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.reveal-animation{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.reveal-left{animation:fadeInLeft .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.reveal-right{animation:fadeInRight .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.reveal-animation:nth-child(1){animation-delay:.1s}.reveal-animation:nth-child(2){animation-delay:.2s}.reveal-animation:nth-child(3){animation-delay:.3s}.reveal-animation:nth-child(4){animation-delay:.4s}.reveal-animation:nth-child(5){animation-delay:.5s}@media (max-width: 768px){.glass-card,.feature-card-glass,.pricing-card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero:before,.hero:after{width:300px;height:300px;filter:blur(60px)}h1{font-size:clamp(2rem,8vw,3rem)}}.skeleton-loader{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-enhanced 1.5s ease-in-out infinite;border-radius:8px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(99,102,241,.2);border-top-color:var(--primary-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.focus-visible:focus{outline:3px solid var(--primary-purple);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
