@keyframes scanline { 0%{left:-100%} 100%{left:100%} }

@keyframes heroScrollDot {
  0%   { opacity: 1; transform: translate(-50%, 0); }
  60%  { opacity: 0; transform: translate(-50%, 14px); }
  100% { opacity: 0; transform: translate(-50%, 14px); }
}

@keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

@keyframes edgeGlow {
  from { opacity: 0; transform: scaleY(0); }
  to   { opacity: 1; transform: scaleY(1); }
}

@keyframes logoHover {
  0%, 100% { transform: scale(1.06) rotate(-9deg); }
  50%      { transform: scale(1.14) rotate(-9deg); }
}

@keyframes loaderPulse {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50%      { transform: scale(1.12) rotate(-6deg); }
}