/* Rules that the original Next.js site injected as inline <style> blocks, plus progressive-enhancement helpers. */

/* [hidden] must win over Tailwind display utilities (flex, grid, block …) */
[hidden] { display: none !important; }

/* Industry-page testimonials: pure CSS marquee (3 copies of the cards => -33.333% loops seamlessly) */
@keyframes inlineMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-33.333%); }
}
.custom-marquee-container {
  display: flex;
  gap: 1.5rem;
  animation: inlineMarquee 55s linear infinite;
}
.custom-marquee-wrapper:hover .custom-marquee-container {
  animation-play-state: paused;
}

/* Industry-page pricing cards fade in */
@keyframes customFadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-pricing-card {
  animation: customFadeInUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Header mega-menu (desktop only). Opened by site.js */
.nav-dropdown { display: none; }
.nav-dropdown.is-open { display: block; }
@media (max-width: 1023px) { .nav-dropdown, .nav-dropdown.is-open { display: none !important; } }

/* Without JavaScript, stat counters and typewriter simply show their final text. */
@media (prefers-reduced-motion: reduce) {
  .custom-marquee-container { animation: none; }
}