:root{--fluid-scroll-transition-timing:cubic-bezier(0.25,0.46,0.45,0.94);--fluid-scroll-transition-duration:1.2s;--fluid-parallax-strength:0.5;--fluid-wave-frequency:0.8s;--fluid-float-duration:3s;--cyber-reveal-duration:1.5s;--cyber-hide-duration:0.8s;--cyber-line-color:hsla(0,0%,100%,.8);--cyber-glitch-intensity:5px;--cyber-text-glow:0 0 8px hsla(0,0%,100%,.9);--cyber-text-color:hsla(0,0%,100%,.9);--shader-gradient-speed:3s;--shader-wave-amplitude:20px;--shader-distortion-strength:5px;--shader-color-shift:180deg;--shader-holographic-shift:2px;--grid-animation-duration:0.8s;--grid-wave-delay:0.15s;--grid-scale-hover:1.02;--grid-shadow-hover:0 12px 32px rgba(0,0,0,.5)}html{scroll-behavior:smooth}@media (min-width:1024px){html{scroll-snap-type:y mandatory}}body{background:#000;margin:0;overflow-x:hidden;padding:0}.fluid-section{position:relative;scroll-snap-align:start;scroll-snap-stop:always}.fluid-section-overlay{background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.1) 50%,rgba(0,0,0,.3));bottom:0;left:0;position:absolute;right:0;top:0}.fluid-section-parallax{transform-style:preserve-3d;will-change:transform}@keyframes fluidWave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes fluidFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fluid-animate-wave{animation:fluidWave var(--fluid-wave-frequency) ease-in-out infinite}.fluid-animate-float{animation:fluidFloat var(--fluid-float-duration) ease-in-out infinite}.fluid-delay-100{animation-delay:.1s}.fluid-delay-200{animation-delay:.2s}.fluid-delay-300{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.fluid-animate-float,.fluid-animate-wave{animation:none}}.fluid-section{transition:all var(--fluid-scroll-transition-duration) var(--fluid-scroll-transition-timing)}.fluid-section-parallax{transition:transform var(--fluid-scroll-transition-duration) var(--fluid-scroll-transition-timing)}.fluid-section-overlay{opacity:0;transition:opacity .6s ease-in-out}.fluid-section:hover .fluid-section-overlay{opacity:1}.animation-target{display:inline-block;overflow:hidden;position:relative;will-change:transform,opacity}.animation-target[data-hover-state=hovered],.animation-target[data-hover-state=not-hovered]{filter:blur(0);transform:translateX(0) scale(1);transition:all .3s ease}@keyframes cyberReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(2px);opacity:0;text-shadow:none;transform:translateX(-10px) scale(.95)}10%{clip-path:polygon(0 0,5% 0,5% 100%,0 100%);filter:blur(1.8px);opacity:.1;transform:translateX(-8px) scale(.96)}25%{clip-path:polygon(0 0,25% 0,25% 100%,0 100%);filter:blur(1.5px);opacity:.3;transform:translateX(-5px) scale(.97)}50%{clip-path:polygon(0 0,60% 0,60% 100%,0 100%);filter:blur(1px);opacity:.6;transform:translateX(-2px) scale(.99)}75%{clip-path:polygon(0 0,85% 0,85% 100%,0 100%);filter:blur(.5px);opacity:.8;transform:translateX(-1px) scale(1)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0);opacity:1;transform:translateX(0) scale(1)}}@keyframes cyberHide{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0);opacity:1;transform:translateX(0) scale(1)}25%{clip-path:polygon(0 0,75% 0,75% 100%,0 100%);filter:blur(.5px);opacity:.8;transform:translateX(1px) scale(.99)}50%{clip-path:polygon(0 0,40% 0,40% 100%,0 100%);filter:blur(1px);opacity:.5;transform:translateX(3px) scale(.97)}75%{clip-path:polygon(0 0,15% 0,15% 100%,0 100%);filter:blur(1.5px);opacity:.2;transform:translateX(6px) scale(.95)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(2px);opacity:0;text-shadow:none;transform:translateX(10px) scale(.93)}}.cyber-scan-line{background:linear-gradient(90deg,transparent,var(--cyber-line-color),transparent);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}[data-cyber-state=revealing],[data-cyber-state=visible]{color:var(--cyber-text-color);filter:blur(0);opacity:1;transform:translateX(0) scale(1)}@keyframes scanLineReveal{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes scanLineHide{0%{left:-100%;opacity:0}50%{opacity:.7}to{left:100%;opacity:0}}#hero-section{transform-origin:center bottom;transition:transform .4s var(--fluid-scroll-transition-timing),filter .4s var(--fluid-scroll-transition-timing),opacity .4s var(--fluid-scroll-transition-timing);will-change:transform,filter,opacity}.frame-container{height:100%;overflow:hidden;position:relative;width:100%}.cyber-text-reveal{animation:cyberReveal var(--cyber-reveal-duration) forwards;animation-fill-mode:both}.cyber-text-hide,.cyber-text-reveal{will-change:clip-path,opacity,transform}.cyber-text-hide{animation:cyberHide var(--cyber-hide-duration) forwards;animation-fill-mode:both}.opacity-50.cyber-text-hide,.opacity-50.cyber-text-reveal,.opacity-50[data-cyber-state=hiding],.opacity-50[data-cyber-state=revealing],.opacity-50[data-cyber-state=visible]{opacity:.5!important}.cyber-text-reveal .cyber-scan-line{animation:scanLineReveal var(--cyber-reveal-duration) forwards;animation-fill-mode:both;will-change:left,opacity}.cyber-text-hide .cyber-scan-line{animation:scanLineHide var(--cyber-hide-duration) forwards;animation-fill-mode:both;will-change:left,opacity}.cyber-text-pixelated{animation-timing-function:steps(10)!important;font-family:monospace!important;image-rendering:pixelated;letter-spacing:1px;text-transform:uppercase}.cinematic-text-wipe{--cinematic-duration:1.2s;--cinematic-easing:cubic-bezier(0.25,0.46,0.45,0.94);--cinematic-line-width:3px;--cinematic-line-color:hsla(0,0%,100%,.9);clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(2px) brightness(.8);opacity:0;overflow:hidden;position:relative;transform:translateX(-15px) scale(.98)}@keyframes cinematicWipeReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(2px) brightness(.8);opacity:0;transform:translateX(-15px) scale(.98)}15%{clip-path:polygon(0 0,8% 0,8% 100%,0 100%);filter:blur(1.5px) brightness(.85);opacity:.2;transform:translateX(-12px) scale(.985)}35%{clip-path:polygon(0 0,35% 0,35% 100%,0 100%);filter:blur(1px) brightness(.9);opacity:.5;transform:translateX(-8px) scale(.99)}65%{clip-path:polygon(0 0,75% 0,75% 100%,0 100%);filter:blur(.5px) brightness(.95);opacity:.8;transform:translateX(-3px) scale(.995)}85%{clip-path:polygon(0 0,95% 0,95% 100%,0 100%);filter:blur(.2px) brightness(.98);opacity:.95;transform:translateX(-1px) scale(.998)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0) brightness(1);opacity:1;transform:translateX(0) scale(1)}}@keyframes cinematicWipeHide{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0) brightness(1);opacity:1;transform:translateX(0) scale(1)}20%{clip-path:polygon(0 0,80% 0,80% 100%,0 100%);filter:blur(.2px) brightness(.98);opacity:.9;transform:translateX(2px) scale(.998)}45%{clip-path:polygon(0 0,55% 0,55% 100%,0 100%);filter:blur(.5px) brightness(.95);opacity:.7;transform:translateX(5px) scale(.995)}70%{clip-path:polygon(0 0,25% 0,25% 100%,0 100%);filter:blur(1px) brightness(.9);opacity:.4;transform:translateX(8px) scale(.99)}90%{clip-path:polygon(0 0,5% 0,5% 100%,0 100%);filter:blur(1.5px) brightness(.85);opacity:.15;transform:translateX(12px) scale(.985)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(2px) brightness(.8);opacity:0;transform:translateX(15px) scale(.98)}}.cinematic-text-wipe-reveal{animation:cinematicWipeReveal var(--cinematic-duration) var(--cinematic-easing) forwards;animation-fill-mode:both;will-change:clip-path,opacity,transform,filter}#main-subtitle.cinematic-text-wipe-reveal{--cinematic-duration:0.9s;--cinematic-line-color:hsla(0,0%,100%,.7);animation:cinematicWipeReveal var(--cinematic-duration) var(--cinematic-easing) forwards}#main-subtitle{color:hsla(0,0%,100%,.85);letter-spacing:.5px;text-shadow:0 0 10px hsla(0,0%,100%,.1)}#main-title{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif!important;font-weight:900!important;letter-spacing:.02em;line-height:1;text-rendering:optimizeLegibility;text-shadow:0 0 20px hsla(0,0%,100%,.1),0 0 40px hsla(0,0%,100%,.05);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:visible}@media (max-width:768px){#main-title{white-space:normal;word-break:keep-all}}.cinematic-text-wipe-hide{animation:cinematicWipeHide calc(var(--cinematic-duration)*.7) var(--cinematic-easing) forwards;animation-fill-mode:both;will-change:clip-path,opacity,transform,filter}.cinematic-text-wipe .cyber-scan-line{background:linear-gradient(90deg,transparent,var(--cinematic-line-color) 20%,#fff 50%,var(--cinematic-line-color) 80%,transparent);box-shadow:0 0 8px 2px var(--cinematic-line-color),0 0 16px 4px hsla(0,0%,100%,.3);filter:blur(.5px);width:var(--cinematic-line-width)}.cinematic-text-wipe-reveal .cyber-scan-line{animation:cinematicScanLineReveal var(--cinematic-duration) var(--cinematic-easing) forwards;animation-fill-mode:both}.cinematic-text-wipe-hide .cyber-scan-line{animation:cinematicScanLineHide calc(var(--cinematic-duration)*.7) var(--cinematic-easing) forwards;animation-fill-mode:both}@keyframes cinematicScanLineReveal{0%{left:-100%;opacity:0}20%{opacity:.8}80%{opacity:1}to{left:100%;opacity:0}}@keyframes cinematicScanLineHide{0%{left:-100%;opacity:0}30%{opacity:.6}70%{opacity:.8}to{left:100%;opacity:0}}.cyber-text-pixelated .cyber-scan-line{background:repeating-linear-gradient(to right,var(--cyber-line-color),var(--cyber-line-color) 4px,transparent 4px,transparent 8px)!important;box-shadow:0 0 5px 1px var(--cyber-line-color)!important;height:4px!important}@keyframes pixelExplode{0%{box-shadow:0 0 2px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(0);opacity:1;transform:translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1)}20%{box-shadow:0 0 5px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(1px);opacity:.9;transform:translateX(calc(var(--pixel-move-x, 10px)*.2)) translateY(calc(var(--pixel-move-y, 20px)*.2)) translateZ(calc(var(--pixel-move-z, 0px)*.2)) rotate(calc(var(--pixel-rotate, 0deg)*.2)) scale(var(--pixel-scale,.95))}60%{box-shadow:0 0 10px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(2px);opacity:.6;transform:translateX(calc(var(--pixel-move-x, 10px)*.6)) translateY(calc(var(--pixel-move-y, 20px)*.6)) translateZ(calc(var(--pixel-move-z, 0px)*.6)) rotate(calc(var(--pixel-rotate, 0deg)*.6)) scale(calc(var(--pixel-scale, .6)*.8))}to{box-shadow:0 0 0 var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(4px);opacity:0;transform:translateX(var(--pixel-move-x,10px)) translateY(var(--pixel-move-y,20px)) translateZ(var(--pixel-move-z,0)) rotate(var(--pixel-rotate,0deg)) scale(0)}}@keyframes pixelCollect{0%{box-shadow:0 0 0 var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(4px);opacity:0;transform:translateX(var(--pixel-move-x,10px)) translateY(var(--pixel-move-y,20px)) translateZ(var(--pixel-move-z,0)) rotate(var(--pixel-rotate,0deg)) scale(0)}40%{box-shadow:0 0 8px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(3px);opacity:.4;transform:translateX(calc(var(--pixel-move-x, 10px)*.6)) translateY(calc(var(--pixel-move-y, 20px)*.6)) translateZ(calc(var(--pixel-move-z, 0px)*.6)) rotate(calc(var(--pixel-rotate, 0deg)*.6)) scale(calc(var(--pixel-scale, .6)*.5))}70%{box-shadow:0 0 6px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(1.5px);opacity:.7;transform:translateX(calc(var(--pixel-move-x, 10px)*.3)) translateY(calc(var(--pixel-move-y, 20px)*.3)) translateZ(calc(var(--pixel-move-z, 0px)*.3)) rotate(calc(var(--pixel-rotate, 0deg)*.3)) scale(calc(var(--pixel-scale, .8)*.7))}90%{box-shadow:0 0 4px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(.5px);opacity:.9;transform:translateX(calc(var(--pixel-move-x, 10px)*.1)) translateY(calc(var(--pixel-move-y, 20px)*.1)) translateZ(calc(var(--pixel-move-z, 0px)*.1)) rotate(calc(var(--pixel-rotate, 0deg)*.1)) scale(.95)}to{box-shadow:0 0 2px var(--pixel-glow-color,rgba(0,255,240,.8));filter:blur(0);opacity:1;transform:translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1)}}.cyber-text-pixelated-fragments .pixel-fragment{background-color:var(--cyber-text-color,hsla(0,0%,100%,.9));box-shadow:0 0 2px var(--pixel-glow-color,rgba(0,255,240,.8));display:inline-block;height:10px;position:absolute;width:10px}.cyber-text-reveal .pixel-fragment{animation:pixelCollect calc(var(--cyber-reveal-duration)*.8) ease-out forwards;animation-delay:calc(var(--fragment-delay, 0)*.05s)}.cyber-text-hide .pixel-fragment{animation:pixelExplode calc(var(--cyber-hide-duration)*.8) ease-in forwards;animation-delay:calc(var(--fragment-delay, 0)*.03s)}.cyber-text-pixelated-fragments{display:inline-block;overflow:visible;position:relative}.cyber-text-pixelated-fragments.active-fragments .pixel-fragment{will-change:transform,opacity}.cyber-text-pixelated-fragments .pixel-fragment.ghost{filter:blur(1px);opacity:.3}.video-grid-container{perspective:1200px;position:relative;transform-style:preserve-3d}@keyframes gridItemReveal{0%{box-shadow:0 0 0 hsla(0,0%,100%,0);filter:blur(12px) brightness(.3);opacity:0;transform:translateY(80px) rotateX(-20deg) scale(.7)}30%{box-shadow:0 4px 16px hsla(0,0%,100%,.1);filter:blur(6px) brightness(.6);opacity:.3;transform:translateY(40px) rotateX(-10deg) scale(.85)}60%{box-shadow:0 8px 24px hsla(0,0%,100%,.15);filter:blur(2px) brightness(.85);opacity:.7;transform:translateY(10px) rotateX(-3deg) scale(.95)}85%{box-shadow:0 10px 28px hsla(0,0%,100%,.2);filter:blur(.5px) brightness(.95);opacity:.95;transform:translateY(-5px) rotateX(1deg) scale(1.02)}to{box-shadow:0 8px 24px rgba(0,0,0,.3);filter:blur(0) brightness(1);opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}}.grid-video-item{border-radius:8px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow,filter}@media (hover:hover) and (pointer:fine){.grid-video-item:hover{box-shadow:var(--grid-shadow-hover);transform:translateY(-8px) scale(var(--grid-scale-hover)) rotateX(2deg);z-index:10}}.grid-video-item:hover:before{animation:glowPulse 2s ease-in-out infinite;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05),hsla(0,0%,100%,.1));border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glowPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.grid-scan-line{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),hsla(0,0%,100%,.9),hsla(0,0%,100%,.8),transparent);box-shadow:0 0 10px 2px hsla(0,0%,100%,.3);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:4px;z-index:15}.grid-video-item.revealing .grid-scan-line{animation:gridScanReveal 1.2s ease-out forwards}@keyframes gridScanReveal{0%{left:-100%;opacity:0}25%{opacity:1}75%{opacity:.8}to{left:100%;opacity:0}}@media (max-width:768px){:root{--grid-wave-delay:0.1s;--grid-scale-hover:1.01}.grid-video-item:hover{box-shadow:none!important;transform:none!important}:root{--shader-gradient-speed:4.5s;--shader-holographic-shift:1px;--shader-distortion-strength:3px}}@media (prefers-reduced-motion:reduce){.grid-video-item,.grid-video-item:hover{animation:none;transition:opacity .3s ease}@keyframes gridItemReveal{0%{opacity:0}to{opacity:1}}}@keyframes shaderGradientMove{0%{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%;filter:hue-rotate(45deg)}50%{background-position:100% 100%;filter:hue-rotate(90deg)}75%{background-position:0 100%;filter:hue-rotate(135deg)}to{background-position:0 50%;filter:hue-rotate(var(--shader-color-shift))}}@keyframes shaderWipeReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(3px) hue-rotate(0deg);opacity:0;transform:translateX(-15px) skewX(5deg) scale(.9)}15%{clip-path:polygon(0 5%,8% 0,12% 100%,0 95%);filter:blur(2.5px) hue-rotate(30deg);opacity:.2;transform:translateX(-10px) skewX(3deg) scale(.92)}35%{clip-path:polygon(0 3%,30% 0,35% 100%,0 97%);filter:blur(2px) hue-rotate(60deg);opacity:.4;transform:translateX(-5px) skewX(1deg) scale(.95)}60%{clip-path:polygon(0 2%,65% 0,70% 100%,0 98%);filter:blur(1px) hue-rotate(90deg);opacity:.7;transform:translateX(-2px) skewX(.5deg) scale(.98)}85%{clip-path:polygon(0 1%,90% 0,95% 100%,0 99%);filter:blur(.5px) hue-rotate(120deg);opacity:.9;transform:translateX(-1px) skewX(0deg) scale(.99)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur(0) hue-rotate(150deg);opacity:1;transform:translateX(0) skewX(0deg) scale(1)}}@keyframes holographicGlitch{0%,to{text-shadow:0 0 5px rgba(0,255,255,.5);transform:translateX(0)}10%{text-shadow:2px 0 0 rgba(255,0,255,.7),-2px 0 0 rgba(0,255,255,.7);transform:translateX(var(--shader-holographic-shift))}20%{text-shadow:-1px 0 0 rgba(255,255,0,.6),1px 0 0 rgba(255,0,0,.6);transform:translateX(calc(var(--shader-holographic-shift)*-1))}30%{text-shadow:0 0 8px hsla(0,0%,100%,.8);transform:translateX(0)}}@keyframes waveDistortion{0%{transform:perspective(500px) rotateX(0deg) scale(1)}25%{transform:perspective(500px) rotateX(2deg) scale(1.01)}50%{transform:perspective(500px) rotateX(0deg) scale(1.02)}75%{transform:perspective(500px) rotateX(-2deg) scale(1.01)}to{transform:perspective(500px) rotateX(0deg) scale(1)}}.shader-text-gradient{background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#0080ff,#8000ff,#ff0080);background-clip:text;-webkit-background-clip:text;background-size:300% 300%;-webkit-text-fill-color:transparent;animation:shaderGradientMove var(--shader-gradient-speed) ease-in-out infinite}.shader-wipe-reveal{animation:shaderWipeReveal var(--cyber-reveal-duration) ease-out forwards;will-change:clip-path,transform,filter,opacity}.shader-holographic{animation:holographicGlitch 4s ease-in-out infinite;will-change:transform,text-shadow}.shader-wave-distortion{animation:waveDistortion 6s ease-in-out infinite;will-change:transform}.shader-title-effect{display:inline-block;position:relative}.shader-title-effect:before{background:linear-gradient(90deg,rgba(255,0,128,.8),rgba(0,255,255,.8),rgba(255,255,0,.8));background-clip:text;-webkit-background-clip:text;background-size:200% 100%;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%;-webkit-text-fill-color:transparent;animation:shaderGradientMove calc(var(--shader-gradient-speed)*.8) linear infinite;mix-blend-mode:screen;opacity:.7}@media (max-width:768px){.shader-text-gradient,.shader-title-effect:before{animation-duration:calc(var(--shader-gradient-speed)*1.5)}:root{--shader-holographic-shift:1px;--shader-distortion-strength:3px}}