/* Proofly scroll reveal — replaces removed Webflow/GSAP interactions */

html.proofly-js:not(.proofly-animations-ready) :is(
  .hero-section-caption-block,
  .hero-title-block,
  .hero-description-block,
  .hero-cta-block,
  .title-text-animattion,
  .description-text-animation,
  .section-caption-block,
  .proofly-scroll-fade,
  .proofly-scroll-stagger > *
) {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html.proofly-js:not(.proofly-animations-ready) :is(
    .hero-section-caption-block,
    .hero-title-block,
    .hero-description-block,
    .hero-cta-block,
    .title-text-animattion,
    .description-text-animation,
    .section-caption-block,
    .proofly-scroll-fade,
    .proofly-scroll-stagger > *
  ) {
    visibility: visible;
  }
}

.proofly-reveal {
  overflow: hidden;
  display: block;
}

.proofly-reveal-inner,
.proofly-line-inner {
  display: block;
  transform: translate3d(0, 110%, 0);
  transition: transform 0.85s cubic-bezier(0.36, 0, 0.114, 0.92);
  will-change: transform;
}

.proofly-line {
  overflow: hidden;
  display: block;
}

.title-text-animattion.is-in-view .proofly-reveal-inner,
.title-text-animattion.is-in-view .proofly-line-inner {
  transform: translate3d(0, 0, 0);
}

.title-text-animattion.is-in-view .proofly-line:nth-child(1) .proofly-line-inner {
  transition-delay: 0s;
}

.title-text-animattion.is-in-view .proofly-line:nth-child(2) .proofly-line-inner {
  transition-delay: 0.08s;
}

.title-text-animattion.is-in-view .proofly-line:nth-child(3) .proofly-line-inner {
  transition-delay: 0.16s;
}

.title-text-animattion.is-in-view .proofly-line:nth-child(4) .proofly-line-inner {
  transition-delay: 0.24s;
}

.description-text-animation,
.section-caption-block,
.proofly-scroll-fade {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition:
    opacity 0.72s ease,
    transform 0.72s cubic-bezier(0.36, 0, 0.114, 0.92);
  transition-delay: var(--proofly-delay, 0s);
  will-change: opacity, transform;
}

.description-text-animation.is-in-view,
.section-caption-block.is-in-view,
.proofly-scroll-fade.is-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.description-text-animation {
  transition-delay: var(--proofly-delay, 0.12s);
}

.section-caption-block {
  transition-delay: var(--proofly-delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .proofly-reveal-inner,
  .proofly-line-inner,
  .description-text-animation,
  .section-caption-block,
  .proofly-scroll-fade {
    transform: none;
    transition: none;
    opacity: 1;
  }
}