@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}
@keyframes spin-slow{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes draw{
  to{stroke-dashoffset:0}
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes pulseDot{
  0%,100%{opacity:1}
  50%{opacity:.35}
}

.loop-orbit{animation:spin-slow 40s linear infinite}
.loop-orbit-rev{animation:spin-slow 55s linear infinite reverse}
.loop-card .dot{animation:pulseDot 2.4s ease-in-out infinite}

.hero-copy > *{animation:fadeUp .9s var(--ease-loop) both}
.hero-copy .eyebrow{animation-delay:.05s}
.hero-copy h1{animation-delay:.15s}
.hero-copy p{animation-delay:.3s}
.hero-copy .hero-actions{animation-delay:.45s}
.hero-copy .hero-trust{animation-delay:.6s}

@media (prefers-reduced-motion: reduce){
  .loop-orbit,.loop-orbit-rev,.loop-card,.loop-card .dot{animation:none !important}
}