.hero-demo-wrapper,.hero-demo-wrapper *,.hero-demo-container,.hero-demo-container *{box-sizing:border-box}.hero-demo-container.glitching{filter:url(#rgb-split);animation:glitch-displacement 1.5s steps(20) forwards}@keyframes glitch-displacement{0%{transform:translate(0) skew(0)}8%{transform:translate(-8px) skew(-2deg)}16%{transform:translate(6px) skew(1.5deg)}24%{transform:translate(-4px) skew(-1deg)}32%{transform:translate(5px) skew(1deg)}40%{transform:translate(-6px) skew(-1.5deg)}48%{transform:translate(4px) skew(.5deg)}56%{transform:translate(-3px) skew(-.5deg)}64%{transform:translate(2px) skew(.3deg)}72%{transform:translate(-1px) skew(0)}80%{transform:translate(1px) skew(0)}to{transform:translate(0) skew(0)}}.hero-demo-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 4px);animation:scanlines-effect 1.5s linear forwards}.hero-demo-scanlines:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,200,.8) 50%,transparent 100%);box-shadow:0 0 20px #00ffc899,0 0 40px #00ffc84d;animation:scanline-sweep 1.4s linear forwards}.hero-demo-scanlines:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.7) 50%,transparent 100%);box-shadow:0 0 15px #8b5cf680,0 0 30px #8b5cf633;animation:scanline-sweep-up 1.4s linear forwards}@keyframes scanlines-effect{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes scanline-sweep{0%{top:-4px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes scanline-sweep-up{0%{bottom:-3px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:100%;opacity:0}}.show-pulses .hero-demo-container{animation:demo-border-pulse 1s ease-out forwards}@keyframes demo-border-pulse{0%{box-shadow:0 0 #8b5cf600}30%{box-shadow:0 0 0 4px #8b5cf6cc,0 0 20px #8b5cf666}to{box-shadow:0 0 #8b5cf600}}.hero-demo-wrapper{--pulse-opacity: 0}.hero-demo-wrapper.show-pulses{--pulse-opacity: 1}
