html, body, #root {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #0a0a0a;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
* { box-sizing: border-box; }

@keyframes marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.brands-track {
  animation: marquee-scroll 47s linear infinite;
}
.brands-track:hover {
  animation-play-state: paused;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes hero-word-in {
  0%   { transform: translateY(72px); opacity: 0; }
  100% { transform: translateY(0);    opacity: 1; }
}
.hero-word-enter {
  animation: hero-word-in 0.55s cubic-bezier(0.34, 1.4, 0.64, 1) forwards;
}