.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.hero-mascot img{animation:floatMascot 5s ease-in-out infinite}
.energy-line{animation:energyPulse 2.5s ease-in-out infinite}
@keyframes floatMascot{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes energyPulse{0%,100%{opacity:.25;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}