/* Brightline Painting — animations.css
   One orchestrated moment: the bright line paints itself under the hero headline. */
@keyframes paint-line{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes glow-pulse{0%,100%{box-shadow:0 0 16px rgba(61,155,255,.55)}50%{box-shadow:0 0 28px rgba(61,155,255,.9)}}
.js .hero h1,.js .hero .hero-lead,.js .hero .hero-ctas,.js .hero .hero-seals,.js .hero .rating-note{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.js .hero .hero-lead{animation-delay:.55s}
.js .hero .hero-ctas{animation-delay:.65s}
.js .hero .hero-seals,.js .hero .rating-note{animation-delay:.75s}
.js .hero .bright-line{animation:paint-line 1.1s cubic-bezier(.65,0,.25,1) .25s both,glow-pulse 4s ease-in-out 1.6s infinite}
.js .float-card{animation:rise .6s ease both}
.js .fc-1{animation-delay:.9s}.js .fc-2{animation-delay:1.05s}.js .fc-3{animation-delay:1.2s}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}