@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Bungee&family=Righteous&family=Fredoka+One&family=Comfortaa:wght@400;500;600;700&display=swap";:root{--cyber-blue: #00f0ff;--cyber-purple: #b026ff;--cyber-pink: #ff00d4;--cyber-green: #00ff88;--cyber-yellow: #ffd700;--cyber-orange: #ff6b35;--bg-primary: #0a0a0f;--bg-secondary: #0f0f15;--bg-tertiary: #151520;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(40px);--mouse-x: 50%;--mouse-y: 50%;--scroll: 0;--scroll-y: 0px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}.app{width:100%;min-height:100vh;position:relative}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:#fff;overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,240,255,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(176,38,255,.12) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,0,212,.08) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(0,255,136,.06) 0%,transparent 50%),linear-gradient(135deg,#0a0a0f,#050508,#0a0a0f);background-size:200% 200%;animation:gradientShift 25s ease infinite;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 30s linear infinite;z-index:-1;pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple),var(--cyber-pink));transform-origin:left;transform:scaleX(var(--scroll));z-index:10000;box-shadow:0 0 20px #00f0ff99;transition:transform .1s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyber-blue),var(--cyber-purple));border-radius:10px;border:2px solid var(--bg-secondary);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyber-purple),var(--cyber-pink))}.cursor-glow{position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(0,240,255,.15),transparent 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .15s cubic-bezier(.05,0,.2,1);z-index:9998;filter:blur(60px);mix-blend-mode:screen}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--cyber-blue);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .1s ease;z-index:9999;box-shadow:0 0 20px var(--cyber-blue)}.nav{position:fixed;top:0;left:0;width:100%;padding:24px 0;z-index:1000;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#0a0a0f99;border-bottom:1px solid rgba(0,240,255,.1);transition:all .4s var(--ease-out-expo)}.nav.scrolled{padding:16px 0;background:#0a0a0fd9;border-bottom-color:#00f0ff33;box-shadow:0 10px 40px #0000004d}.nav-container{max-width:1600px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple),var(--cyber-pink),var(--cyber-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:300% auto;animation:gradientFlow 4s linear infinite;text-decoration:none;display:flex;align-items:center;gap:12px;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}@keyframes gradientFlow{to{background-position:300% center}}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00f0ff80;animation:iconPulse 3s ease-in-out infinite;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #00f0ff80}50%{transform:scale(1.08);box-shadow:0 0 50px #00f0ffcc}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.logo-inner{font-size:24px;z-index:1}.nav-links{display:flex;gap:40px;list-style:none}.nav-link{color:#ffffffb3;text-decoration:none;font-weight:500;font-size:15px;position:relative;transition:color .3s ease;cursor:none}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));transition:width .4s var(--ease-out-expo)}.nav-link:hover,.nav-link.active{color:var(--cyber-blue)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{padding:14px 32px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border:none;border-radius:50px;color:#fff;font-weight:600;font-size:15px;cursor:none;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:inline-block}.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}.nav-cta:hover:before{width:400px;height:400px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00f0ff66}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:140px 60px 100px;overflow:hidden}.hero-background{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-3d-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:1;pointer-events:none}.hero-3d-container{width:100%;height:100%;position:relative}.hero-3d-container canvas{width:100%!important;height:100%!important}.hero-content{max-width:1200px;text-align:center;position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:50px;font-size:14px;font-weight:500;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:badgeFloat 4s ease-in-out infinite}.badge-icon{font-size:18px}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{font-family:Bungee,Righteous,cursive;font-size:clamp(48px,9vw,120px);font-weight:400;line-height:1.1;margin-bottom:40px;letter-spacing:.03em;text-transform:uppercase;color:#fff}.title-line{display:block;margin-bottom:12px;text-shadow:0 0 2px rgba(255,255,255,.5),0 0 4px rgba(255,255,255,.3)}.hero-subtitle{font-size:clamp(18px,2.5vw,24px);color:#fff9;margin-bottom:60px;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}.btn-primary,.btn-secondary{padding:20px 48px;border-radius:50px;font-size:17px;font-weight:600;cursor:none;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none}.btn-primary{background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));color:#fff;box-shadow:0 10px 40px #00f0ff4d}.btn-primary .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:btnShine 3s infinite}@keyframes btnShine{0%{left:-100%}to{left:100%}}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px #00f0ff80}.btn-secondary{background:transparent;border:2px solid var(--cyber-blue);color:var(--cyber-blue)}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--cyber-blue);transition:left .4s var(--ease-out-expo);z-index:-1}.btn-secondary:hover:before{left:0}.btn-secondary:hover{color:#fff;transform:translateY(-5px);box-shadow:0 15px 40px #00f0ff4d}.magnetic{transition:transform .3s var(--ease-out-expo)}.magnetic:hover{transform:translateY(-5px) scale(1.02)}.hero-stats{display:flex;gap:60px;justify-content:center;flex-wrap:wrap;margin-top:60px}@media(max-width:768px){.hero-stats{gap:40px}}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:800;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;font-family:Space Grotesk,sans-serif}.stat-label{font-size:14px;color:#ffffff80;font-weight:500}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff80;font-size:12px;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.scroll-mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--cyber-blue);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:wheelScroll 2s ease-in-out infinite}@keyframes wheelScroll{0%{top:8px;opacity:1}to{top:24px;opacity:0}}.floating-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:floatOrb 25s ease-in-out infinite;pointer-events:none}.orb-1{width:400px;height:400px;background:var(--cyber-blue);top:10%;left:10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--cyber-purple);top:60%;right:10%;animation-delay:-8s}.orb-3{width:350px;height:350px;background:var(--cyber-pink);bottom:10%;left:50%;animation-delay:-15s}.orb-4{width:250px;height:250px;background:var(--cyber-green);top:30%;right:30%;animation-delay:-5s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-60px) scale(1.1)}50%{transform:translate(-40px,40px) scale(.9)}75%{transform:translate(40px,60px) scale(1.05)}}.section-scroll{opacity:1!important;transform:translateY(0)!important;transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo)}.section-scroll:not(.in-view){opacity:0;transform:translateY(60px) scale(.95)}.section-scroll.in-view{opacity:1;transform:translateY(0) scale(1);animation:sectionFadeIn 1s var(--ease-out-expo) forwards}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-reveal{opacity:1!important;transform:translateY(0) scale(1)!important;transition:all .9s var(--ease-out-expo);transition-delay:var(--delay, 0s)}.section-scroll:not(.in-view) .scroll-reveal{opacity:0;transform:translateY(50px) scale(.9)}.section-scroll.in-view .scroll-reveal{opacity:1;transform:translateY(0) scale(1);animation:revealFadeIn .9s var(--ease-out-expo) forwards;animation-delay:var(--delay, 0s)}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(50px) scale(.9) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.features-grid .feature-card,.pricing-grid .pricing-card,.testimonials-grid .testimonial-card{animation:cardSlideIn .8s var(--ease-out-expo) forwards;animation-delay:var(--delay, 0s);opacity:0}.section-scroll.in-view .features-grid .feature-card,.section-scroll.in-view .pricing-grid .pricing-card,.section-scroll.in-view .testimonials-grid .testimonial-card{opacity:1}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(60px) translate(-20px) rotateY(-15deg)}to{opacity:1;transform:translateY(0) translate(0) rotateY(0)}}.feature-card,.pricing-card,.testimonial-card{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover,.pricing-card:hover,.testimonial-card:hover{transform:translateY(-15px) scale(1.03) rotateX(2deg);box-shadow:0 40px 100px #00f0ff4d,0 0 0 1px #00f0ff33,inset 0 1px #ffffff1a}.hero-title .title-line{animation:titleSlideIn 1.2s var(--ease-out-expo) forwards;opacity:1}.hero-title .title-line:nth-child(1){animation-delay:.2s}.hero-title .title-line:nth-child(2){animation-delay:.4s}.hero.in-view .hero-title .title-line{opacity:1}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(40px) rotateX(90deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}.btn-primary,.btn-secondary{animation:buttonPulse 3s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 10px 40px #00f0ff4d}50%{box-shadow:0 15px 60px #00f0ff80}}.btn-primary:hover,.btn-secondary:hover{animation:buttonPulseHover .6s ease-out forwards}@keyframes buttonPulseHover{0%{box-shadow:0 20px 60px #00f0ff80}50%{box-shadow:0 25px 80px #00f0ffb3;transform:translateY(-5px) scale(1.05)}to{box-shadow:0 20px 60px #00f0ff80;transform:translateY(-5px) scale(1.02)}}.feature-icon,.logo-icon{transition:transform .6s var(--ease-spring)}.feature-card:hover .feature-icon{transform:rotateY(360deg) scale(1.1);animation:iconSpin .6s ease-out}@keyframes iconSpin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.2)}to{transform:rotateY(360deg) scale(1.1)}}.feature-card,.pricing-card{background-position:0% 50%;background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.stat-number{animation:numberCount 2s var(--ease-out-expo) forwards;opacity:0;transform:translateY(20px)}.hero.in-view .stat-number{animation:numberCount 2s var(--ease-out-expo) forwards;animation-delay:calc(var(--index, 0) * .2s)}@keyframes numberCount{0%{opacity:0;transform:translateY(20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-background{transform:translateZ(0);will-change:transform}.section-scroll.in-view{animation:scaleIn 1s var(--ease-out-expo) forwards}@keyframes scaleIn{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.gradient-text{animation:textGlow 3s ease-in-out infinite alternate}@keyframes textGlow{0%{filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}to{filter:drop-shadow(0 0 20px rgba(0,240,255,.8)) drop-shadow(0 0 30px rgba(176,38,255,.6))}}.hero-badge,.section-eyebrow{animation:badgeSlide .8s var(--ease-spring) forwards;opacity:0;transform:translate(-30px)}.hero.in-view .hero-badge,.section-scroll.in-view .section-eyebrow{opacity:1;transform:translate(0)}@keyframes badgeSlide{0%{opacity:0;transform:translate(-30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.features-grid .feature-card:nth-child(1){--delay: .1s}.features-grid .feature-card:nth-child(2){--delay: .2s}.features-grid .feature-card:nth-child(3){--delay: .3s}.features-grid .feature-card:nth-child(4){--delay: .4s}.features-grid .feature-card:nth-child(5){--delay: .5s}.features-grid .feature-card:nth-child(6){--delay: .6s}.pricing-grid .pricing-card:nth-child(1){--delay: .1s}.pricing-grid .pricing-card:nth-child(2){--delay: .2s}.pricing-grid .pricing-card:nth-child(3){--delay: .3s}.nav-link{position:relative;transition:all .3s ease}.nav-link:before{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));transition:width .4s var(--ease-out-expo);box-shadow:0 0 10px var(--cyber-blue)}.nav-link:hover:before,.nav-link.active:before{width:100%;animation:navLinkGlow .6s ease-out}@keyframes navLinkGlow{0%,to{box-shadow:0 0 10px var(--cyber-blue)}50%{box-shadow:0 0 20px var(--cyber-blue),0 0 30px var(--cyber-purple)}}.stat-item{animation:statFadeIn 1s var(--ease-out-expo) forwards;opacity:0;transform:translateY(30px)}.hero.in-view .stat-item:nth-child(1){animation-delay:.3s}.hero.in-view .stat-item:nth-child(2){animation-delay:.5s}.hero.in-view .stat-item:nth-child(3){animation-delay:.7s}.hero.in-view .stat-item:nth-child(4){animation-delay:.9s}@keyframes statFadeIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.showcase-card{transition:transform .1s ease-out,box-shadow .3s ease}.showcase-card:hover{animation:showcaseTilt .3s ease-out forwards}@keyframes showcaseTilt{to{box-shadow:0 30px 80px #00f0ff4d,inset 0 1px #ffffff1a}}.feature-highlight{animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{background:#00f0ff1a;border-color:#00f0ff4d}50%{background:#00f0ff33;border-color:#00f0ff80;box-shadow:0 0 15px #00f0ff4d}}.pricing-badge{animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.testimonial-quote{animation:quoteFadeIn 1s var(--ease-out-expo) forwards;opacity:0}.testimonial-card:hover .testimonial-quote{animation:quoteFadeIn .6s ease-out forwards}@keyframes quoteFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cta-section{animation:ctaPulse 4s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 0 #00f0ff00}50%{box-shadow:0 0 60px #00f0ff33}}@keyframes pageLoad{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.app{animation:pageLoad 1s ease-out}.feature-card-inner{transition:transform .5s var(--ease-out-expo)}.feature-card:hover .feature-card-inner{transform:translateZ(20px)}.pricing-card.featured:before{animation:borderRotate 3s linear infinite}@keyframes borderRotate{0%{background-position:0% 50%}to{background-position:100% 50%}}.particle{animation:particleFloat 20s infinite,particleGlow 3s ease-in-out infinite alternate}@keyframes particleGlow{0%{opacity:.4;box-shadow:0 0 5px var(--cyber-blue)}to{opacity:.8;box-shadow:0 0 15px var(--cyber-blue),0 0 25px var(--cyber-purple)}}.logo-icon{animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.section-heading{animation:headingReveal 1s var(--ease-out-expo) forwards;opacity:0;transform:translateY(30px)}.section-scroll.in-view .section-heading{opacity:1;transform:translateY(0)}@keyframes headingReveal{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.magnetic{position:relative;transition:transform .3s cubic-bezier(.23,1,.32,1)}.magnetic:hover{transform:translateY(-8px) scale(1.05)}.feature-card{transform-style:preserve-3d;perspective:1000px}.feature-card:hover{transform:translateY(-15px) rotateX(5deg) rotateY(-2deg)}html{scroll-behavior:smooth}@keyframes initialLoad{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-content{animation:initialLoad 1.2s var(--ease-out-expo)}.hero-subtitle{opacity:1;animation:subtitleReveal 1.5s var(--ease-out-expo) forwards;animation-delay:.6s}.hero:not(.in-view) .hero-subtitle{opacity:0}.hero.in-view .hero-subtitle{opacity:1}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.btn-primary,.btn-secondary{position:relative;overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:after,.btn-secondary:hover:after{width:400px;height:400px}.feature-card{position:relative}.feature-card:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(45deg,var(--cyber-blue),var(--cyber-purple),var(--cyber-pink));opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(10px)}.feature-card:hover:after{opacity:.3}.pricing-card.featured{position:relative}.pricing-card.featured:after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(45deg,var(--cyber-blue),var(--cyber-purple),var(--cyber-pink),var(--cyber-blue));background-size:300% 300%;opacity:.5;z-index:-1;filter:blur(15px);animation:glowRotate 3s linear infinite}@keyframes glowRotate{0%{background-position:0% 50%}to{background-position:100% 50%}}.nav-cta{position:relative;overflow:hidden}.nav-cta:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.nav-cta:hover:after{left:100%}.section-description{animation:descFadeIn 1.2s var(--ease-out-expo) forwards;opacity:0;transform:translateY(20px)}.section-scroll.in-view .section-description{opacity:1;transform:translateY(0)}@keyframes descFadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-buttons>*:nth-child(1){animation-delay:.8s}.hero-buttons>*:nth-child(2){animation-delay:1s}.feature-icon{transition:all .5s var(--ease-spring)}.feature-card:hover .feature-icon{box-shadow:0 0 30px var(--cyber-blue),0 0 60px var(--cyber-purple),inset 0 0 20px #00f0ff33}.pricing-button{position:relative;overflow:hidden}.pricing-button:after{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}.pricing-button:hover:after{width:400px;height:400px}.testimonial-avatar{transition:transform .5s var(--ease-spring)}.testimonial-card:hover .testimonial-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #00f0ff66}.footer-links a,.social-link{position:relative;transition:all .3s ease}.footer-links a:before,.social-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--cyber-blue);transition:width .3s ease}.footer-links a:hover:before,.social-link:hover:before{width:100%}.scroll-indicator{animation:indicatorFade 2s ease-in-out infinite}@keyframes indicatorFade{0%,to{opacity:.5}50%{opacity:1}}.hero-badge{opacity:1;transform:translateY(0) scale(1);animation:badgeEntrance 1s var(--ease-spring) forwards}.hero:not(.in-view) .hero-badge{opacity:0;transform:translateY(-20px) scale(.8)}.hero.in-view .hero-badge{opacity:1;transform:translateY(0) scale(1)}@keyframes badgeEntrance{0%{opacity:0;transform:translateY(-20px) scale(.8) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}.features-grid,.pricing-grid,.testimonials-grid{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.section-scroll.in-view .features-grid,.section-scroll.in-view .pricing-grid,.section-scroll.in-view .testimonials-grid{opacity:1;transform:translateY(0)}.feature-highlight{position:relative;overflow:hidden}.feature-highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent);animation:highlightShine 3s infinite}@keyframes highlightShine{0%{left:-100%}to{left:100%}}.cta-title{animation:ctaTitleReveal 1s var(--ease-out-expo) forwards;opacity:0;transform:translateY(30px)}.cta-section.in-view .cta-title{opacity:1;transform:translateY(0)}@keyframes ctaTitleReveal{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.section{padding:120px 60px;position:relative}.section-title{text-align:center;margin-bottom:100px}.section-eyebrow{display:inline-block;padding:10px 24px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px;color:var(--cyber-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-heading{font-family:Space Grotesk,sans-serif;font-size:clamp(42px,7vw,80px);font-weight:800;margin-bottom:24px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.section-description{font-size:20px;color:#fff9;max-width:700px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1400px;margin:0 auto}.feature-card{background:#ffffff05;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(0,240,255,.15);border-radius:24px;padding:0;position:relative;overflow:hidden;transition:all .5s var(--ease-out-expo);cursor:none}.feature-card-inner{padding:50px 40px;position:relative;z-index:2}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--cyber-blue);box-shadow:0 30px 80px #00f0ff33}.feature-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,#00f0ff0d,#b026ff0d);opacity:0;transition:opacity .5s ease;pointer-events:none}.feature-card:hover .feature-hover-effect{opacity:1}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:32px;box-shadow:0 15px 40px #00f0ff4d;position:relative;overflow:hidden}.feature-highlight{display:inline-block;padding:4px 12px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:12px;font-size:11px;font-weight:700;color:var(--cyber-blue);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.feature-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}.feature-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin-bottom:16px;color:var(--cyber-blue)}.feature-description{color:#ffffffb3;line-height:1.7;font-size:16px}.showcase{position:relative;padding:120px 60px;overflow:hidden}.showcase-container{max-width:1400px;margin:0 auto}.showcase-card{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(0,240,255,.2);border-radius:32px;padding:60px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .1s ease,box-shadow .3s ease;cursor:none}.showcase-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00f0ff1a,#b026ff1a);opacity:0;transition:opacity .3s ease}.showcase-card:hover:before{opacity:1}.showcase-preview{width:100%;height:600px;background:linear-gradient(135deg,#00f0ff26,#b026ff26);border-radius:24px;margin-bottom:40px;position:relative;overflow:hidden}.preview-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative}.showcase-3d-container{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.5;pointer-events:none}.showcase-3d-container canvas{width:100%!important;height:100%!important}.preview-overlay{position:relative;z-index:2;text-align:center;background:#0a0a0fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;border:1px solid rgba(0,240,255,.2)}.preview-icon{font-size:80px;margin-bottom:24px;animation:float 4s ease-in-out infinite}.preview-title{font-size:32px;font-weight:700;color:var(--cyber-blue);margin-bottom:12px;font-family:Space Grotesk,sans-serif}.preview-subtitle{font-size:18px;color:#fff9;margin-bottom:40px}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:600px}.preview-grid-item{aspect-ratio:1;background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);border-radius:12px;animation:gridPulse 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes gridPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.showcase-info{text-align:center}.showcase-info h3{font-size:28px;font-weight:700;color:var(--cyber-blue);margin-bottom:12px;font-family:Space Grotesk,sans-serif}.showcase-info p{color:#ffffffb3;font-size:18px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;max-width:1400px;margin:0 auto}.pricing-card{background:#ffffff05;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(0,240,255,.15);border-radius:28px;padding:60px 50px;position:relative;overflow:hidden;transition:all .5s var(--ease-out-expo);cursor:none}.pricing-card.featured{border:2px solid var(--cyber-blue);transform:scale(1.05);box-shadow:0 30px 80px #00f0ff4d;background:#00f0ff0d}.pricing-badge{position:absolute;top:24px;right:24px;padding:6px 16px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border-radius:20px;font-size:12px;font-weight:700;color:#fff}.pricing-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--cyber-blue);box-shadow:0 40px 100px #00f0ff4d}.pricing-card.featured:hover{transform:translateY(-12px) scale(1.07)}.pricing-name{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px;color:var(--cyber-blue)}.pricing-price{font-size:64px;font-weight:900;margin-bottom:40px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Space Grotesk,sans-serif;line-height:1}.pricing-period{font-size:24px;font-weight:400;color:#ffffff80}.pricing-features{list-style:none;margin-bottom:50px}.pricing-features li{color:#fffc;border-bottom:1px solid rgba(255,255,255,.05);position:relative;padding:16px 0 16px 36px;font-size:16px}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--cyber-green);font-weight:700;font-size:20px}.pricing-button{width:100%;padding:20px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border:none;border-radius:50px;color:#fff;font-size:18px;font-weight:600;cursor:none;transition:all .3s ease;position:relative;overflow:hidden}.pricing-button: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}.pricing-button:hover:before{width:400px;height:400px}.pricing-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00f0ff66}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1400px;margin:0 auto}.testimonial-card{background:#ffffff05;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(0,240,255,.15);border-radius:24px;padding:40px;position:relative;overflow:hidden;transition:all .5s var(--ease-out-expo)}.testimonial-card:before{content:'"';position:absolute;top:20px;left:30px;font-size:120px;color:#00f0ff1a;font-family:serif;line-height:1}.testimonial-card:hover{transform:translateY(-8px);border-color:var(--cyber-blue);box-shadow:0 20px 60px #00f0ff33}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:2}.testimonial-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--cyber-blue),var(--cyber-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.testimonial-info{flex:1}.testimonial-name{font-weight:700;font-size:18px;color:var(--cyber-blue);margin-bottom:4px}.testimonial-role{font-size:14px;color:#fff9}.testimonial-rating{font-size:16px;color:var(--cyber-yellow)}.testimonial-quote{color:#fffc;line-height:1.7;font-size:16px;position:relative;z-index:2;font-style:italic}.cta-section{background:linear-gradient(135deg,#00f0ff1a,#b026ff1a);border-radius:40px;margin:120px 60px;padding:100px 60px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,240,255,.1),transparent 70%);animation:ctaPulse 4s ease-in-out infinite}@keyframes ctaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-content{position:relative;z-index:2}.cta-title{font-family:Space Grotesk,sans-serif;font-size:clamp(42px,6vw,72px);font-weight:800;margin-bottom:24px;background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-description{font-size:20px;color:#ffffffb3;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.footer{background:#050508e6;border-top:1px solid rgba(0,240,255,.1);padding:80px 60px 40px;margin-top:120px}.footer-content{max-width:1400px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px}.footer-section h3{font-family:Space Grotesk,sans-serif;color:var(--cyber-blue);margin-bottom:24px;font-size:20px;font-weight:700}.footer-section p{color:#fff9;line-height:1.7;margin-bottom:24px}.social-links{display:flex;gap:20px}.social-link{color:#ffffffb3;text-decoration:none;transition:color .3s ease;cursor:none}.social-link:hover{color:var(--cyber-blue)}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease;cursor:none}.footer-links a:hover{color:var(--cyber-blue)}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:var(--cyber-blue);border-radius:50%;animation:particleFloat 20s infinite;box-shadow:0 0 10px var(--cyber-blue);opacity:.6}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(100px) rotate(360deg);opacity:0}}.gradient-text{background:linear-gradient(90deg,var(--cyber-blue),var(--cyber-purple),var(--cyber-pink),var(--cyber-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:300% auto;animation:gradientFlow 4s linear infinite}.neon-text{text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 9px currentColor,0 0 12px currentColor;animation:neonPulse 3s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 9px currentColor,0 0 12px currentColor}to{text-shadow:0 0 2px currentColor,0 0 4px currentColor,0 0 6px currentColor,0 0 8px currentColor}}@media(max-width:1024px){.nav-container{padding:0 40px}.section{padding:100px 40px}.features-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}}@media(max-width:768px){.nav-links{display:none}.hero{padding:120px 30px 80px}.section{padding:80px 30px}.features-grid,.pricing-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}.hero-stats{gap:40px}.cta-section{margin:80px 30px;padding:60px 30px}.footer{padding:60px 30px 30px}}@media(max-width:480px){.nav-container{padding:0 20px}.hero{padding:100px 20px 60px}.section{padding:60px 20px}.cta-section{margin:60px 20px;padding:40px 20px}}