/* Creative Haven — custom styles */

/* Marquee */
.marquee {
  display: inline-block;
  will-change: transform;
}
@media (prefers-reduced-motion: no-preference) {
  .marquee {
    animation: marquee 38s linear infinite;
  }
}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Hero subtle fade-in */
@media (prefers-reduced-motion: no-preference) {
  #top h1, #top p, #top .mt-8 { animation: riseIn .7s ease-out both; }
  #top p { animation-delay: .06s; }
  #top .mt-8 { animation-delay: .12s; }
}
@keyframes riseIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Sticky CTA — safe-area aware */
.sticky-cta {
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-shadow: 0 -8px 24px rgba(0,0,0,0.25);
}

/* Prevent horizontal scroll from marquee overflow */
html, body { overflow-x: hidden; }