/* ============================================
    TA — MOTION
    Subtle animation: hero entrance, reveal-on-scroll, hover lift.
    JS: reveal.js adds .ta-reveal (+ .is-in) to blocks below the fold.
    Everything sits inside prefers-reduced-motion: no-preference, so
    visitors who turned animation off get the static page.
============================================ */

@media (prefers-reduced-motion: no-preference) {

    /* ---- Hero entrance (above the fold, CSS only) ---- */
    @keyframes ta-rise {
        from { opacity: 0; transform: translateY(16px); }
        to   { opacity: 1; transform: none; }
    }
    @keyframes ta-pop {
        from { opacity: 0; transform: scale(0.96); }
        to   { opacity: 1; transform: none; }
    }

    .ta-hero-title,
    .ta-hero-text,
    .ta-hero-btns,
    .ta-lhero-list,
    .ta-lhero-btns,
    .ta-hero .ta-trust,
    .ta-lhero .ta-trust,
    .ta-coupon,
    .ta-dhero-btns,
    .ta-phead > .ta-container > *,
    .ta-scourse-title,
    .ta-archive-title,
    .ta-barchive-head,
    .ta-blog-title,
    .ta-post-head,
    .ta-bhero-main > * {
        animation: ta-rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;
    }
    .ta-hero-text,
    .ta-lhero-list,
    .ta-phead > .ta-container > :nth-child(2),
    .ta-bhero-main > :nth-child(2) { animation-delay: 0.08s; }
    .ta-hero-btns,
    .ta-lhero .ta-trust,
    .ta-dhero-btns,
    .ta-phead > .ta-container > :nth-child(3),
    .ta-bhero-main > :nth-child(3) { animation-delay: 0.16s; }
    .ta-hero .ta-trust,
    .ta-lhero-btns,
    .ta-bhero-main > :nth-child(n+4) { animation-delay: 0.24s; }

    .ta-hero-media,
    .ta-lhero-img,
    .ta-dhero-img,
    .ta-bprice,
    .ta-scourse .ta-price {
        animation: ta-pop 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0.12s both;
    }

    /* ---- Reveal on scroll (reveal.js) ---- */
    .ta-reveal {
        opacity: 0;
        transform: translateY(22px);
        transition: opacity 0.6s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
        transition-delay: var(--ta-reveal-delay, 0s);
    }
    .ta-reveal.is-in {
        opacity: 1;
        transform: none;
    }

    /* ---- Hover lift: cards and tiles ---- */
    .ta-ccard,
    .ta-scard,
    .ta-bcard,
    .ta-mcard,
    .ta-postcard,
    .ta-roadmap-card,
    .ta-certorder-card,
    .ta-accred-tile,
    .ta-feature,
    .ta-step {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .ta-ccard:hover,
    .ta-scard:hover,
    .ta-bcard:hover,
    .ta-mcard:hover,
    .ta-postcard:hover,
    .ta-roadmap-card:hover,
    .ta-certorder-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--ta-shadow-card);
    }
    .ta-accred-tile:hover,
    .ta-feature:hover,
    .ta-step:hover {
        transform: translateY(-3px);
    }

    /* Card images ease in a little on hover */
    .ta-ccard-thumb img,
    .ta-scard-thumb img,
    .ta-bcard-thumb img,
    .ta-mcard-thumb img,
    .ta-postcard-thumb img {
        transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .ta-ccard:hover .ta-ccard-thumb img,
    .ta-scard:hover .ta-scard-thumb img,
    .ta-bcard:hover .ta-bcard-thumb img,
    .ta-mcard:hover .ta-mcard-thumb img,
    .ta-postcard:hover .ta-postcard-thumb img {
        transform: scale(1.05);
    }

    /* FAQ answer fades in as it opens */
    .ta-faq .collapsing .ta-faq-a,
    .ta-faq .collapse.show .ta-faq-a {
        animation: ta-rise 0.35s ease both;
    }
}