@keyframes fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes float-slow {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -22px, 0); }
}

@keyframes pulse-ring {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity var(--t-slow), transform var(--t-slow);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal[data-delay="1"] { transition-delay: 60ms; }
.reveal[data-delay="2"] { transition-delay: 120ms; }
.reveal[data-delay="3"] { transition-delay: 180ms; }
.reveal[data-delay="4"] { transition-delay: 240ms; }
.reveal[data-delay="5"] { transition-delay: 300ms; }
.reveal[data-delay="6"] { transition-delay: 360ms; }

.orb--1 { animation: float-slow 14s ease-in-out infinite; }
.orb--2 { animation: float-slow 18s ease-in-out infinite reverse; }
.orb--3 { animation: float-slow 22s ease-in-out infinite; }

.platform-visual__ring--1 {
  animation: pulse-ring 80s linear infinite;
  transform-origin: center;
}
.platform-visual__ring--2 {
  animation: pulse-ring 120s linear infinite reverse;
  transform-origin: center;
}

.metric__num {
  background-size: 200% auto;
}

@media (prefers-reduced-motion: reduce) {
  .orb,
  .platform-visual__ring--1,
  .platform-visual__ring--2 { animation: none !important; }
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}