/*
  Reveal enhances motion only. Content must always remain readable.
*/

.reveal {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  html.js-motion .reveal:not(.is-visible) {
    /* Never hide content — only a subtle offset before settle */
    opacity: 1;
    transform: translateY(0.55rem);
    transition: transform var(--duration-reveal) var(--ease-out);
  }

  html.js-motion .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  html.js-motion .reveal-delay-1.is-visible { transition-delay: 80ms; }
  html.js-motion .reveal-delay-2.is-visible { transition-delay: 160ms; }
  html.js-motion .reveal-delay-3.is-visible { transition-delay: 240ms; }
  html.js-motion .reveal-delay-4.is-visible { transition-delay: 320ms; }
}

.reveal--critical,
.page-hero .reveal,
.hero .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@keyframes pulse-glow {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes grid-drift {
  0% { background-position: 0 0; }
  100% { background-position: 48px 48px; }
}

@keyframes light-sweep {
  0% { transform: translateX(-30%) skewX(-18deg); opacity: 0; }
  35% { opacity: 0.35; }
  100% { transform: translateX(130%) skewX(-18deg); opacity: 0; }
}

@keyframes ticker-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes node-orbit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes status-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.45); }
  70% { box-shadow: 0 0 0 8px rgba(52, 211, 153, 0); }
}

.anim-pulse {
  animation: pulse-glow 3.2s var(--ease-soft) infinite;
}

.anim-status-pulse {
  animation: status-pulse 2.4s var(--ease-soft) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .anim-pulse,
  .anim-status-pulse,
  .broadcast-ticker__track,
  .hub-network__orbit,
  .hero-visual__sweep,
  .animated-bg__grid,
  .network-arch__orbit,
  .ecosystem-constellation__ring {
    animation: none !important;
  }

  .btn--primary::after {
    display: none;
  }
}