/* Motion (motion.dev) — wejście hero i reveal. Wstrzykiwane w <head> na stronach marketingowych.
   Nagłówek hero (.r-hero__h1 / .hero h1) NIE jest animowany (LCP). */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .r-hero__lead,
  .r-hero__cta,
  .r-hero__points {
    animation: akro-hero-enter .65s cubic-bezier(.17,.55,.55,1) both;
  }
  .r-hero__lead { animation-delay: .05s; }
  .r-hero__cta { animation-delay: .12s; }
  .r-hero__points { animation-delay: .2s; }
  .hero:not(.r-hero) > p {
    animation: akro-hero-enter .55s cubic-bezier(.17,.55,.55,1) .08s both;
  }
}

@keyframes akro-hero-enter {
  from { opacity: 0; transform: translate3d(0, 14px, 0); }
  to { opacity: 1; transform: none; }
}

html.akro-motion-js .reveal { transition: none; }