/* ============================================================
   animations-clean.css — Clean template animation states
   Initial hidden states, hover effects, reduced motion
   ============================================================ */

/* --- Hero initial states (CSS hides, GSAP reveals) --- */
.fr-hero-india .hero__eyebrow-heading {
  opacity: 0;
  transform: translateY(20px);
}

.fr-hero-india .hero__heading {
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
}

.fr-hero-india .fr-lede {
  opacity: 0;
  transform: translateY(30px);
}

.fr-hero-india .fr-hero-foxtrot__cta-wrapper {
  opacity: 0;
  transform: translateY(30px);
}

/* --- Hover effects — hero blocks --- */
.hero-block {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* --- Hover effects — testimonial cards --- */
.fr-testimonial-card-echo {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fr-testimonial-card-echo:hover {
  transform: translateY(-3px);
}

/* --- Hover effects — pricing cards --- */
.fr-price-card-alpha {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fr-price-card-alpha:hover {
  transform: translateY(-4px);
  box-shadow: rgba(50, 54, 72, 0.2) 0px 4px 12px;
}

/* --- Hover effects — footer links --- */
.fr-footer-delta__nav-link {
  transition: color 0.2s ease;
}

.fr-social-alpha__icon-wrapper {
  transition: transform 0.2s ease;
}

.fr-social-alpha__icon-wrapper:hover {
  transform: translateY(-2px);
}

/* --- Fallback: if GSAP fails to load, reveal hero --- */
html.no-gsap .fr-hero-india .hero__eyebrow-heading,
html.no-gsap .fr-hero-india .hero__heading,
html.no-gsap .fr-hero-india .fr-lede,
html.no-gsap .fr-hero-india .fr-hero-foxtrot__cta-wrapper {
  opacity: 1 !important;
  transform: none !important;
}

/* --- Accessibility: reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .fr-hero-india .hero__eyebrow-heading,
  .fr-hero-india .hero__heading,
  .fr-hero-india .fr-lede,
  .fr-hero-india .fr-hero-foxtrot__cta-wrapper {
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-block,
  .about-icon-box,
  .fr-testimonial-card-echo,
  .fr-price-card-alpha,
  .fr-social-alpha__icon-wrapper {
    transition: none !important;
  }
}