/* ===== V69 — hero animowany dopiero po pełnym załadowaniu strony ===== */

/* Neutralise old, competing hero animations. */
.hero__content > .wow-hero-item,
html.v67-ready .hero__content > .eyebrow,
html.v67-ready .hero__title,
html.v67-ready .hero__lead,
html.v67-ready .hero__actions,
html.v67-ready .hero__trust {
  animation: none !important;
}

/* Keep the hero title words controlled as one clean block, not word-by-word. */
.hero__title .wow-word {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Only with JS prepared do we hide the load-sequence elements. */
html.v69-hero-prepared .hero__eyebrow,
html.v69-hero-prepared .hero__title,
html.v69-hero-prepared .hero__lead,
html.v69-hero-prepared .hero__actions,
html.v69-hero-prepared .hero__trust {
  opacity: 0;
  will-change: transform, opacity;
}

html.v69-hero-prepared .hero__eyebrow { transform: translate3d(-34px,0,0); }
html.v69-hero-prepared .hero__title { transform: translate3d(-62px,0,0); }
html.v69-hero-prepared .hero__lead { transform: translate3d(-48px,0,0); }
html.v69-hero-prepared .hero__actions { transform: translate3d(-34px,0,0); }
html.v69-hero-prepared .hero__trust { transform: translate3d(0,26px,0); }

html.v69-hero-loaded .hero__eyebrow,
html.v69-hero-loaded .hero__title,
html.v69-hero-loaded .hero__lead,
html.v69-hero-loaded .hero__actions,
html.v69-hero-loaded .hero__trust {
  animation: v69HeroIn 1.55s cubic-bezier(.16,1,.3,1) both !important;
}

html.v69-hero-loaded .hero__eyebrow { animation-delay: .05s !important; }
html.v69-hero-loaded .hero__title { animation-delay: .22s !important; }
html.v69-hero-loaded .hero__lead { animation-delay: .52s !important; }
html.v69-hero-loaded .hero__actions { animation-delay: .78s !important; }
html.v69-hero-loaded .hero__trust { animation-delay: .98s !important; }

@keyframes v69HeroIn {
  0% { opacity:0; }
  100% { opacity:1; transform:translate3d(0,0,0); }
}

/* Mobile: smaller travel distance prevents clipping while keeping the same visible effect. */
@media(max-width:760px){
  html.v69-hero-prepared .hero__eyebrow { transform:translate3d(-22px,0,0); }
  html.v69-hero-prepared .hero__title { transform:translate3d(-38px,0,0); }
  html.v69-hero-prepared .hero__lead { transform:translate3d(-30px,0,0); }
  html.v69-hero-prepared .hero__actions { transform:translate3d(-22px,0,0); }

  html.v69-hero-loaded .hero__eyebrow,
  html.v69-hero-loaded .hero__title,
  html.v69-hero-loaded .hero__lead,
  html.v69-hero-loaded .hero__actions,
  html.v69-hero-loaded .hero__trust {
    animation-duration:1.65s !important;
  }
}

@media(prefers-reduced-motion:reduce){
  html.v69-hero-prepared .hero__eyebrow,
  html.v69-hero-prepared .hero__title,
  html.v69-hero-prepared .hero__lead,
  html.v69-hero-prepared .hero__actions,
  html.v69-hero-prepared .hero__trust {
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
}
