/**
 * Site-wide motion: page enter, scroll reveals, nav progress.
 * GPU-friendly; hero / in-viewport text stay stable.
 */

.if-page-hero,
.if-page-hero h1,
.if-page-hero p,
.if-page-hero a,
.if-page-hero button {
  opacity: 1;
  transform: none;
}

/* Blog-style card reveal (below fold only) */
.if-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--if-reveal-delay, 0ms);
}

.if-reveal.if-reveal--visible {
  opacity: 1;
  transform: none;
}

/* Section band reveal (products, about, learn, etc.) */
.if-section-reveal {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition:
    opacity 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--if-section-delay, 0ms);
}

.if-section-reveal.if-section-reveal--visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .if-reveal,
  .if-section-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}