/**
 * Always run full motion — bypass macOS / prefers-reduced-motion.
 * Do not add styles that disable animation under prefers-reduced-motion.
 */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    transition: opacity 800ms var(--ease) !important;
  }

  .hero-content .reveal,
  .hero-dex-video-wrap.reveal {
    transition: opacity 800ms var(--ease), transform 800ms var(--ease) !important;
  }

  .orb-1,
  .orb-2,
  .orb-3 {
    animation: float 18s ease-in-out infinite !important;
  }

  .orb-1 { animation-delay: 0s !important; }
  .orb-2 { animation-delay: -6s !important; }
  .orb-3 { animation-delay: -12s !important; }

  .logo-placeholder {
    animation: shimmer 2s linear infinite !important;
  }

  .wall-of-love {
    overflow: hidden !important;
    height: min(720px, 68vh) !important;
    contain: layout paint !important;
  }

  .wall-of-love::before,
  .wall-of-love::after {
    display: block !important;
  }

  .wall-of-love__column {
    overflow: hidden !important;
    height: 100% !important;
  }

  .wall-of-love__column--up .wall-of-love__track {
    animation: wall-scroll-up 62s linear infinite !important;
  }

  .wall-of-love__column--down .wall-of-love__track {
    animation: wall-scroll-up 72s linear infinite reverse !important;
  }

  .integration-marquee.is-animated .integration-marquee__track {
    animation: integration-marquee-scroll 52s linear infinite !important;
  }

  .nl-hero-logos__track {
    animation: nl-hero-logos-scroll 42s linear infinite !important;
  }

  .integration-marquee.is-animated .integration-marquee__viewport {
    overflow: hidden !important;
    mask-image: linear-gradient(
      90deg,
      transparent,
      rgba(24, 24, 24, 1) 10%,
      rgba(24, 24, 24, 1) 90%,
      transparent
    ) !important;
  }

  .stack-panel.active .stack-copy,
  .stack-panel.active .stack-visual {
    animation: panelIn 500ms var(--ease) !important;
  }

  .creative-play.is-playing svg {
    animation: playPulse 700ms ease-in-out infinite !important;
  }

  .agents-orb {
    animation: agentsOrbSpin 10s linear infinite !important;
  }

  .agents-phone.is-live .agents-orb {
    animation: agentsOrbSpin 2.5s linear infinite, agentsOrbPulse 1.4s ease-in-out infinite !important;
  }

  .agents-typing span {
    animation: typingDot 1.2s ease-in-out infinite !important;
  }

  .platform-card.is-inview .creative-editor,
  .platform-card.is-inview .agents-phone {
    animation: cardRise 900ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
  }

  .platform-card--agents.is-inview .agents-phone {
    animation-delay: 120ms !important;
  }

  .agents-bubble {
    transition:
      opacity 450ms var(--ease),
      transform 450ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .creative-word,
  .creative-tag {
    transition:
      background 200ms var(--ease),
      color 200ms var(--ease),
      transform 300ms var(--ease),
      box-shadow 300ms var(--ease) !important;
  }

  .hero-timeline.is-sequencing .hero-timeline__callout,
  .hero-timeline.is-sequencing [data-hero-callout] {
    transition: opacity 520ms ease, visibility 520ms ease !important;
  }

  .dither-ambient-wrap {
    animation: ditherAmbientShift 28s ease-in-out infinite alternate !important;
  }

  .vd2-emblem__globe-inner {
    animation: vd2-globe-inner-spin 22s linear infinite !important;
  }
}