:root { --brand: #d946ef; --accent: #f97316; }
body { font-family: 'Inter', sans-serif; }
.card { border-radius: 1rem; box-shadow: 0 10px 24px rgba(0,0,0,.06); }
.badge { background: var(--brand); color: white; padding: .25rem .5rem; border-radius: .5rem; font-size: .75rem; }
.hero-overlay { background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.45)); }
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-scroll { display:flex; width:max-content; animation: scroll 18s linear infinite; }
/* responsive tweaks */
@media (max-width: 768px) {
  .animate-scroll { animation-duration: 28s; }
}