/* Hero logo motion — idle rings + live gradient + scroll vars */
[data-hero-logo] {
  will-change: transform;
}
[data-hero-ring] {
  --da-scroll-scale: 1;
  --da-scroll-rot: 0deg;
  will-change: transform, opacity;
  transform-origin: center;
  transform: scale(var(--da-scroll-scale)) rotate(var(--da-scroll-rot));
}
[data-hero-ring="1"] {
  animation: da-ring-spin 28s linear infinite;
}
[data-hero-ring="2"] {
  animation: da-ring-spin-rev 36s linear infinite;
}
[data-hero-ring="3"] {
  animation: da-ring-spin 48s linear infinite;
}
[data-hero-logo] > div[class*="blur-3xl"] {
  animation: da-logo-glow 6s ease-in-out infinite alternate;
}
.brand-gradient-text-live {
  background-size: 200% 200%;
  animation: da-gradient-shift 8s ease-in-out infinite;
}

@keyframes da-ring-spin {
  from {
    transform: scale(var(--da-scroll-scale)) rotate(var(--da-scroll-rot));
  }
  to {
    transform: scale(var(--da-scroll-scale))
      rotate(calc(var(--da-scroll-rot) + 360deg));
  }
}
@keyframes da-ring-spin-rev {
  from {
    transform: scale(var(--da-scroll-scale)) rotate(var(--da-scroll-rot));
  }
  to {
    transform: scale(var(--da-scroll-scale))
      rotate(calc(var(--da-scroll-rot) - 360deg));
  }
}
@keyframes da-logo-glow {
  from {
    opacity: 0.7;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1.06);
  }
}
@keyframes da-gradient-shift {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Word strip under hero */
[data-marquee-track] {
  animation: da-marquee 36s linear infinite;
  will-change: transform;
}

@keyframes da-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-hero-ring],
  [data-hero-logo] > div[class*="blur-3xl"],
  .brand-gradient-text-live,
  [data-marquee-track] {
    animation: none !important;
  }
}