/* =====================================================================
 * Simpld — supplemental styles for the hand-built build.
 *
 * The main stylesheet (style.css) is the compiled Tailwind output. This
 * file only adds what the React/Framer Motion runtime used to do at
 * runtime: the testimonial marquee and the scroll-reveal transition.
 * ===================================================================== */

/* --- Scroll reveal --------------------------------------------------- */
/* Content is visible by default — JS only adds a gentle entrance. With
   JS disabled or blocked, nothing is ever hidden. */
[data-reveal] {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .js [data-reveal] {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .5s ease-out, transform .5s ease-out;
  }
  .js [data-reveal].is-visible {
    opacity: 1;
    transform: none;
  }
}

/* --- Accordion panels ------------------------------------------------ */
/* `hidden` must win over Tailwind's display utilities on panel wrappers. */
[hidden] { display: none !important; }