/* MotionLive — custom styles layered on top of Tailwind */

[x-cloak] { display: none !important; }

/* Hero marquee */
.marquee {
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .marquee { animation: none; }
  html { scroll-behavior: auto; }
}