/* ====== Waitlist reveal animations (final states + keyframes) ====== */

#waitlist.is-inview .pill,
#waitlist.is-inview .hero__title,
#waitlist.is-inview .hero__subtitle,
#waitlist.is-inview .form-card {
  animation: hcFadeUp 700ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

/* Появление по очереди */
#waitlist.is-inview .pill {
  animation-delay: 80ms;
}
#waitlist.is-inview .hero__title {
  animation-delay: 180ms;
}
#waitlist.is-inview .hero__subtitle {
  animation-delay: 300ms;
}
#waitlist.is-inview .form-card {
  animation-delay: 420ms;
}

/* Внутри формы: поля и кнопка по очереди */
#waitlist.is-inview .form-card .field {
  animation: hcFadeUp 650ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
#waitlist.is-inview .form-card .field:nth-child(1) {
  animation-delay: 520ms;
}
#waitlist.is-inview .form-card .field:nth-child(2) {
  animation-delay: 600ms;
}
#waitlist.is-inview .form-card .field:nth-child(3) {
  animation-delay: 680ms;
}
#waitlist.is-inview .form-card .field:nth-child(4) {
  animation-delay: 760ms;
}

#waitlist.is-inview .form-card .btn {
  animation: hcPop 600ms cubic-bezier(0.2, 0.9, 0.2, 1) both;
  animation-delay: 860ms;
}

#waitlist.is-inview .form-note {
  animation: hcFade 700ms ease both;
  animation-delay: 980ms;
}

/* Лёгкая анимация пилюли (точка) */
#waitlist.is-inview .pill__dot {
  animation: hcPulse 1.4s ease-in-out 1.1s infinite;
}

@keyframes hcFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes hcPop {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes hcFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hcPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.35);
    opacity: 1;
  }
}

/* Уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  #waitlist.is-inview * {
    animation: none !important;
  }
}



/*  */


/* ===== Card inner reveal (background untouched) ===== */

.wrap-cards__content.is-active .card__icon{
  animation: cardIn 520ms cubic-bezier(.2,.8,.2,1) both;
  animation-delay: 60ms;
}

.wrap-cards__content.is-active .card__title{
  animation: cardIn 620ms cubic-bezier(.2,.8,.2,1) both;
  animation-delay: 140ms;
}

.wrap-cards__content.is-active .card__list li{
  animation: cardIn 620ms cubic-bezier(.2,.8,.2,1) both;
}

/* Stagger list items */
.wrap-cards__content.is-active .card__list li:nth-child(1){ animation-delay: 240ms; }
.wrap-cards__content.is-active .card__list li:nth-child(2){ animation-delay: 320ms; }
.wrap-cards__content.is-active .card__list li:nth-child(3){ animation-delay: 400ms; }
.wrap-cards__content.is-active .card__list li:nth-child(4){ animation-delay: 480ms; }
.wrap-cards__content.is-active .card__list li:nth-child(5){ animation-delay: 560ms; }

@keyframes cardIn{
  from{
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    filter: blur(6px);
  }
  to{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce){
  .wrap-cards__content.is-active .card__icon,
  .wrap-cards__content.is-active .card__title,
  .wrap-cards__content.is-active .card__list li{
    animation: none !important;
  }
}