.swiper-wrapper .fade-in,
.fade-in {
    opacity: 0;
    /* Зсунутий вниз */
    transition: opacity 0.6s ease-out;
}

.swiper-wrapper .fade-in.visible,
.fade-in.visible {
    opacity: 1;
    /* Стають видимими */
}

.fade-in-hero {
    opacity: 1;
    transition: opacity 0.6s ease-out;
}

.fade-in-hero.visible {
    opacity: 1;
    /* Стають видимими */
}

.hero--v2 .hero-anim {
    transition-duration: 0.75s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.hero--v2 .hero-anim--eyebrow {
    transition-delay: 0.04s;
}

.hero--v2 .hero-anim--title {
    transition-delay: 0.12s;
}

.hero--v2 .hero-anim--card {
    transition-delay: 0.24s;
}

.hero--v2 .hero-anim--text {
    transition-delay: 0.34s;
}

.hero--v2 .hero-anim--button {
    transition-delay: 0.44s;
}

.hero--v2 .hero-anim--partners {
    transition-delay: 0.56s;
}

.hero--v2 .hero-anim--media {
    transition-delay: 0.28s;
}

.reviews .reviews-anim {
    transition-duration: 0.72s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.reviews .reviews-anim--1 {
    transition-delay: 0.04s;
}

.reviews .reviews-anim--2 {
    transition-delay: 0.16s;
}

.reviews .reviews-anim--3 {
    transition-delay: 0.3s;
}

.reviews .reviews-anim--4 {
    transition-delay: 0.92s;
}

.reviews .reviews-anim--5 {
    transition-delay: 1.04s;
}

.reviews .reviews-logo-anim,
.reviews .reviews-platform-anim {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.reviews .reviews-logo-anim {
    transition:
        opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0;
    transform: translate3d(-1.8rem, 0, 0);
}

.reviews .reviews-platform-anim {
    transition-duration: 0.52s;
}

.reviews .reviews-logo-anim--1,
.reviews .reviews_clients__item:nth-child(1) {
    transition-delay: 0.42s;
}

.reviews .reviews-logo-anim--2,
.reviews .reviews_clients__item:nth-child(2) {
    transition-delay: 0.48s;
}

.reviews .reviews-logo-anim--3,
.reviews .reviews_clients__item:nth-child(3) {
    transition-delay: 0.54s;
}

.reviews .reviews-logo-anim--4,
.reviews .reviews_clients__item:nth-child(4) {
    transition-delay: 0.6s;
}

.reviews .reviews-logo-anim--5,
.reviews .reviews_clients__item:nth-child(5) {
    transition-delay: 0.66s;
}

.reviews .reviews-logo-anim--6,
.reviews .reviews_clients__item:nth-child(6) {
    transition-delay: 0.72s;
}

.reviews .reviews-logo-anim--7,
.reviews .reviews_clients__item:nth-child(7) {
    transition-delay: 0.78s;
}

.reviews .reviews-logo-anim--8,
.reviews .reviews_clients__item:nth-child(8) {
    transition-delay: 0.84s;
}

.reviews .reviews-logo-anim--9,
.reviews .reviews_clients__item:nth-child(9) {
    transition-delay: 0.9s;
}

.reviews .reviews-logo-anim--10,
.reviews .reviews_clients__item:nth-child(10) {
    transition-delay: 0.96s;
}

.reviews .reviews-logo-anim--11,
.reviews .reviews_clients__item:nth-child(11) {
    transition-delay: 1.02s;
}

.reviews .reviews-logo-anim--12,
.reviews .reviews_clients__item:nth-child(12) {
    transition-delay: 1.08s;
}

.reviews .reviews-platform-anim--1 {
    transition-delay: 0.08s;
}

.reviews .reviews-platform-anim--2 {
    transition-delay: 0.18s;
}

.journal .journal-post-reveal {
    display: flex;
    opacity: 0;
    transform: translate3d(-4.8rem, 0, 0);
    transition:
        opacity 0.52s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.journal .journal-post-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.stages .stages-item-reveal {
    opacity: 0;
    transform: translate3d(-4.8rem, 0, 0);
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.stages .stages-item-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.other .other-card-reveal {
    opacity: 0;
    transform: translate3d(-4.2rem, 0, 0);
    transition:
        opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.other .other-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.get .get-card-reveal {
    opacity: 0;
    transform: translate3d(-4.2rem, 0, 0);
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.get .get-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.identity .identity-card-reveal {
    opacity: 0;
    transform: translate3d(-4.4rem, 0, 0);
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.identity .identity-anim {
    transition-duration: 0.66s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.identity .identity-anim--1 {
    transition-delay: 0.04s;
}

.identity .identity-anim--2 {
    transition-delay: 0.14s;
}

.identity .identity-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.need .need-card-reveal {
    opacity: 0;
    transform: translate3d(-4.2rem, 0, 0);
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.46s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.smm .smm-card-reveal {
    opacity: 0;
    transform: translate3d(-4.2rem, 0, 0);
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.smm .smm-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.specialization .specialization-card-reveal {
    opacity: 0;
    transform: translate3d(-4rem, 0, 0);
    transition:
        opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.specialization .specialization-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.more .more-card-reveal {
    opacity: 0;
    transform: translate3d(-4.2rem, 0, 0);
    transition:
        opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.more .more-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.create--v2 .create-item-reveal {
    opacity: 0;
    transform: translate3d(0, 3.2rem, 0);
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.create--v2 .create-item-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.need .need-card-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.single_posts .blog-card-anim {
    display: flex;
    transition-duration: 0.68s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.single_posts .blog-card-anim--1 {
    transition-delay: 0.04s;
}

.single_posts .blog-card-anim--2 {
    transition-delay: 0.16s;
}

.single_posts .blog-card-anim--3 {
    transition-delay: 0.28s;
}

.blog_hero .blog-page-anim,
.blog_list .blog-page-card-anim {
    transition-duration: 0.68s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.blog_hero .blog-page-anim--1 {
    transition-delay: 0.04s;
}

.blog_hero .blog-page-anim--2 {
    transition-delay: 0.14s;
}

.blog_hero .blog-page-anim--3 {
    transition-delay: 0.24s;
}

.blog_hero .blog-page-anim--4 {
    transition-delay: 0.34s;
}

.blog_list .blog-page-card-anim--1 {
    transition-delay: 0.04s;
}

.blog_list .blog-page-card-anim--2 {
    transition-delay: 0.14s;
}

.blog_list .blog-page-card-anim--3 {
    transition-delay: 0.24s;
}

.blog_list .blog-page-card-anim--4 {
    transition-delay: 0.34s;
}

.blog_list .blog-page-card-anim--5 {
    transition-delay: 0.44s;
}

.blog_list .blog-page-card-anim--6 {
    transition-delay: 0.54s;
}

.blog_list .blog-page-card-anim--7 {
    transition-delay: 0.64s;
}

.blog_list .blog-page-card-anim--8 {
    transition-delay: 0.74s;
}

.blog_list .blog-page-card-anim--9 {
    transition-delay: 0.84s;
}

.blog_list .blog-page-card-anim--10 {
    transition-delay: 0.94s;
}

.blog_list .blog-page-card-anim--11 {
    transition-delay: 1.04s;
}

.blog_list .blog-page-card-anim--12 {
    transition-delay: 1.14s;
}

.faq .faq-anim,
.faq .faq-item-anim {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.faq .faq-anim {
    transition-duration: 0.66s;
}

.faq .faq-item-anim {
    transition-duration: 0.54s;
}

.faq .faq-anim--head {
    transition-delay: 0.04s;
}

.faq .faq-item-anim--1 {
    transition-delay: 0.12s;
}

.faq .faq-item-anim--2 {
    transition-delay: 0.18s;
}

.faq .faq-item-anim--3 {
    transition-delay: 0.24s;
}

.faq .faq-item-anim--4 {
    transition-delay: 0.3s;
}

.faq .faq-item-anim--5 {
    transition-delay: 0.36s;
}

.faq .faq-item-anim--6 {
    transition-delay: 0.42s;
}

.faq .faq-item-anim--7 {
    transition-delay: 0.48s;
}

.faq .faq-item-anim--8 {
    transition-delay: 0.54s;
}

.faq .faq-item-anim--9 {
    transition-delay: 0.6s;
}

.faq .faq-item-anim--10 {
    transition-delay: 0.66s;
}

.proposition .fade-in,
.propos .fade-in,
.cases_contact .fade-in {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.proposition .fade-in,
.propos .fade-in {
    transition-duration: 0.68s;
}

.cases_contact .fade-in {
    transition-duration: 0.64s;
}

.proposition .proposition__title.fade-in,
.propos .propos__media--bg.fade-in,
.propos .propos__title.fade-in,
.cases_contact .cases_contact__title.fade-in {
    transition-delay: 0.04s;
}

.propos .propos__text.fade-in {
    transition-delay: 0.14s;
}

.proposition .proposition__after.fade-in,
.propos .propos__after.fade-in,
.cases_contact .cases_contact__descr.fade-in {
    transition-delay: 0.24s;
}

.proposition .proposition__right.fade-in,
.propos .propos__right.fade-in,
.cases_contact .cases_contact__btn.fade-in {
    transition-delay: 0.36s;
}

.proposition .proposition_form_title.fade-in,
.propos .propos_form_title.fade-in,
.cases_contact .cases_contact__right.fade-in {
    transition-delay: 0.44s;
}

.proposition .proposition__feature.fade-in,
.propos .propos__feature.fade-in {
    transition-duration: 0.5s;
}

.propos .propos__after .fade-in,
.propos .propos__right .fade-in,
.proposition .proposition__after .fade-in,
.proposition .proposition__right .fade-in {
    opacity: 1;
    transform: none;
    transition: none;
}

.proposition .proposition__feature:nth-child(1).fade-in,
.propos .propos__feature:nth-child(1).fade-in {
    transition-delay: 0.2s;
}

.proposition .proposition__feature:nth-child(2).fade-in,
.propos .propos__feature:nth-child(2).fade-in {
    transition-delay: 0.26s;
}

.proposition .proposition__feature:nth-child(3).fade-in,
.propos .propos__feature:nth-child(3).fade-in {
    transition-delay: 0.32s;
}

.proposition .proposition__feature:nth-child(4).fade-in,
.propos .propos__feature:nth-child(4).fade-in {
    transition-delay: 0.38s;
}

.proposition .proposition__feature:nth-child(5).fade-in,
.propos .propos__feature:nth-child(5).fade-in {
    transition-delay: 0.44s;
}

.footer .footer-anim {
    transition-duration: 0.68s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.footer .footer-anim--1 {
    transition-delay: 0.04s;
}

.footer .footer-anim--2 {
    transition-delay: 0.12s;
}

.footer .footer-anim--3 {
    transition-delay: 0.2s;
}

.footer .footer-anim--4 {
    transition-delay: 0.3s;
}

.footer .footer-anim--5 {
    transition-delay: 0.4s;
}

.footer .footer-anim--6 {
    transition-delay: 0.5s;
}

.footer .footer-anim--7 {
    transition-delay: 0.62s;
}

.footer .footer-anim--8 {
    transition-delay: 0.7s;
}


@media screen and (min-width: 1024px) {

    .swiper-wrapper .fade-in,
    .fade-in {
        opacity: 0;
        /* Початково невидимі */
        transform: translateY(50px);
        /* Зсунутий вниз */
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .swiper-wrapper .fade-in.visible,
    .fade-in.visible {
        opacity: 1;
        /* Стають видимими */
        transform: translateY(0);
        /* Повертаються на початкове місце */
    }


    .fade-in-hero {
        opacity: 0;
        transition: opacity 0.6s ease-out;
    }

    .fade-in-hero.visible {
        opacity: 1;
        /* Стають видимими */
    }

    .hero--v2 .hero-anim--eyebrow {
        transform: translate3d(0, 2.4rem, 0);
    }

    .hero--v2 .hero-anim--title {
        transform: translate3d(0, 3.2rem, 0);
    }

    .hero--v2 .hero-anim--card {
        transform: translate3d(-3.2rem, 0, 0);
    }

    .hero--v2 .hero-anim--text {
        transform: translate3d(0, 2.8rem, 0);
    }

    .hero--v2 .hero-anim--button {
        transform: translate3d(0, 2.8rem, 0);
    }

    .hero--v2 .hero-anim--partners {
        transform: translate3d(0, 2.4rem, 0);
    }

    .hero--v2 .hero-anim--media {
        transform: translate3d(3.6rem, 0, 0);
    }

    .hero--v2 .hero-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .reviews .reviews-anim {
        transform: translate3d(-5.2rem, 0, 0);
    }

    .reviews .reviews-anim--2 {
        transform: translate3d(-4.4rem, 0, 0);
    }

    .reviews .reviews-anim--3 {
        transform: translate3d(-3.6rem, 0, 0);
    }

    .reviews .reviews-anim--4 {
        transform: translate3d(-4.8rem, 0, 0);
    }

    .reviews .reviews-anim--5 {
        transform: translate3d(-4rem, 0, 0);
    }

    .reviews .reviews-platform-anim {
        transform: translate3d(-2.4rem, 0, 0);
    }

    .reviews .reviews-anim.visible,
    .reviews .reviews-logo-anim.visible,
    .reviews .reviews-platform-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .single_posts .blog-card-anim {
        transform: translate3d(-4.2rem, 0, 0);
    }

    .single_posts .blog-card-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .blog_hero .blog-page-anim,
    .blog_list .blog-page-card-anim {
        transform: translate3d(-4.2rem, 0, 0);
    }

    .blog_hero .blog-page-anim.visible,
    .blog_list .blog-page-card-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .faq .faq-anim {
        transform: translate3d(0, -4rem, 0);
    }

    .faq .faq-item-anim {
        transform: translate3d(0, -3rem, 0);
    }

    .faq .faq-anim.visible,
    .faq .faq-item-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .proposition .fade-in,
    .propos .fade-in,
    .cases_contact .fade-in {
        transform: translate3d(0, -4.2rem, 0);
    }

    .propos .propos__media--bg.fade-in {
        transform: scale(1.035);
    }

    .propos .propos__title.fade-in,
    .propos .propos__text.fade-in,
    .propos .propos__after.fade-in {
        transform: translate3d(-4.2rem, 0, 0);
    }

    .propos .propos__right.fade-in {
        transform: translate3d(4.2rem, 0, 0);
    }

    .proposition .proposition__feature.fade-in,
    .propos .propos__feature.fade-in {
        transform: translate3d(0, -2.4rem, 0);
    }

    .proposition .fade-in.visible,
    .propos .fade-in.visible,
    .cases_contact .fade-in.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .identity .identity-anim,
    .identity .identity-card-reveal {
        transform: translate3d(-4.2rem, 0, 0);
    }

    .identity .identity-anim.visible,
    .identity .identity-card-reveal.is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .footer .footer-anim {
        transform: translate3d(-4.4rem, 0, 0);
    }

    .footer .footer-anim.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


/* Додаткові класи для слайдів з різними затримками */
.blog_list_item.fade-in-slide-1,
.faq__item.fade-in-slide-1,
.services__list_item.fade-in-slide-1,
.tools__services_item.fade-in-slide-1,
.swiper-slide.fade-in-slide-1,
.testing-item.fade-in-slide-1 {
    transition-delay: 0s;
}

.blog_list_item.fade-in-slide-2,
.faq__item.fade-in-slide-2,
.services__list_item.fade-in-slide-2,
.tools__services_item.fade-in-slide-2,
.swiper-slide.fade-in-slide-2,
.testing-item.fade-in-slide-2 {
    transition-delay: 0.2s;
}

.blog_list_item.fade-in-slide-3,
.faq__item.fade-in-slide-3,
.services__list_item.fade-in-slide-3,
.tools__services_item.fade-in-slide-3,
.swiper-slide.fade-in-slide-3,
.testing-item.fade-in-slide-3 {
    transition-delay: 0.4s;
}

.blog_list_item.fade-in-slide-4,
.faq__item.fade-in-slide-4,
.services__list_item.fade-in-slide-4,
.tools__services_item.fade-in-slide-4,
.swiper-slide.fade-in-slide-4,
.testing-item.fade-in-slide-4 {
    transition-delay: 0.6s;
}

.blog_list_item.fade-in-slide-5,
.faq__item.fade-in-slide-5,
.services__list_item.fade-in-slide-5,
.tools__services_item.fade-in-slide-5,
.swiper-slide.fade-in-slide-5,
.testing-item.fade-in-slide-5 {
    transition-delay: 0.8s;
}

.blog_list_item.fade-in-slide-6,
.faq__item.fade-in-slide-6,
.services__list_item.fade-in-slide-6,
.tools__services_item.fade-in-slide-6,
.swiper-slide.fade-in-slide-6,
.testing-item.fade-in-slide-6 {
    transition-delay: 1.0s;
}

.blog_list_item.fade-in-slide-7,
.faq__item.fade-in-slide-7,
.services__list_item.fade-in-slide-7,
.tools__services_item.fade-in-slide-7,
.swiper-slide.fade-in-slide-7,
.testing-item.fade-in-slide-7 {
    transition-delay: 1.2s;
}

.blog_list_item.fade-in-slide-8,
.faq__item.fade-in-slide-8,
.services__list_item.fade-in-slide-8,
.tools__services_item.fade-in-slide-8,
.swiper-slide.fade-in-slide-8,
.testing-item.fade-in-slide-8 {
    transition-delay: 1.4s;
}


.blog_list_item.fade-in-slide-9,
.testing-item.fade-in-slide-9 {
    transition-delay: 1.6s;
}

.blog_list_item.fade-in-slide-10,
.testing-item.fade-in-slide-10 {
    transition-delay: 1.8s;
}

.blog_list_item.fade-in-slide-11 {
    transition-delay: 2s;
}

.blog_list_item.fade-in-slide-12 {
    transition-delay: 2.2s;
}

.swiper-slide.fade-in .purpose_item {
    transition: 0.6s ease;
}


/* ===== Pricing / Fractional — reveal у концепції сайту (зліва + стаггер) ===== */
.retainers .fade-in,
.bundles .fade-in,
.smm .fade-in,
.fractional .fade-in {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-duration: 0.66s;
}

/* стаггер (по черзі) — opacity на мобільному, opacity+зсув на десктопі */
.retainers__head-text.fade-in,
.bundles__head-text.fade-in,
.smm__text.fade-in {
    transition-delay: 0.1s;
}

.smm__tags.fade-in {
    transition-delay: 0.18s;
}

.smm__addons.fade-in {
    transition-delay: 0.26s;
}

.fractional__video.fade-in {
    transition-delay: 0.12s;
}

.retainers__grid .price-card.fade-in:nth-child(2),
.smm__grid .price-card.fade-in:nth-child(2) {
    transition-delay: 0.12s;
}

.retainers__grid .price-card.fade-in:nth-child(3),
.smm__grid .price-card.fade-in:nth-child(3) {
    transition-delay: 0.24s;
}

.retainers__grid .price-card.fade-in:nth-child(4),
.smm__grid .price-card.fade-in:nth-child(4) {
    transition-delay: 0.36s;
}

@media screen and (min-width: 1024px) {

    /* заголовки/контент — виїзд зліва */
    .retainers__title.fade-in,
    .retainers__head-text.fade-in,
    .bundles__title.fade-in,
    .bundles__head-text.fade-in,
    .smm__title.fade-in,
    .smm__text.fade-in,
    .smm__tags.fade-in,
    .smm__addons.fade-in,
    .fractional__card.fade-in,
    .retainers__grid .price-card.fade-in,
    .smm__grid .price-card.fade-in {
        transform: translate3d(-4.2rem, 0, 0);
    }

    /* відео fractional — дзеркально, справа */
    .fractional__video.fade-in {
        transform: translate3d(4.2rem, 0, 0);
    }

    /* кінцевий стан — на місце */
    .retainers .fade-in.visible,
    .bundles .fade-in.visible,
    .smm .fade-in.visible,
    .fractional .fade-in.visible {
        transform: translate3d(0, 0, 0);
    }
}


/* ===== Benefit — картки по черзі зліва направо ===== */
.benefit .fade-in {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-duration: 0.66s;
}

/* у картки свій transition для ховера фону — задаємо явний список, щоб
   анімувались і поява (opacity/transform), і ховер (background-color) */
.benefit-list .benefit-item.fade-in {
    transition:
        opacity 0.66s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.66s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

.benefit-text.fade-in {
    transition-delay: 0.1s;
}

@media screen and (min-width: 1024px) {
    /* поява зліва */
    .benefit-title.fade-in,
    .benefit-text.fade-in,
    .benefit-list .benefit-item.fade-in {
        transform: translate3d(-4.2rem, 0, 0);
    }

    /* стаггер за стовпцем (3-кол. сітка): кожен ряд з'являється однаково
       зліва → направо (col1 → col2 → col3), без накопичення затримки */
    .benefit-list .benefit-item.fade-in:nth-child(3n + 2) {
        transition-delay: 0.12s;
    }

    .benefit-list .benefit-item.fade-in:nth-child(3n + 3) {
        transition-delay: 0.24s;
    }

    .benefit .fade-in.visible {
        transform: translate3d(0, 0, 0);
    }
}

/* LCP: hero (перший екран) анімується чистим CSS і не чекає на JS */
.hero .fade-in,
.hero .hero-anim,
.hero__main .fade-in,
.hero__main .hero-anim {
    animation: heroFadeIn 0.6s ease-out forwards;
}

@keyframes heroFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}