/* Shared page reveal effect for inner pages (about-style entrance) */
.selead_nybanner,
.selead_contact,
.selead_propage,
.selead_pro_related,
.product-grid,
.l2-showcase,
.l2-layout,
.services-section,
.selead_caselist,
.news-section,
.selead_newspage {
    opacity: 0;
    transform: translateY(16px);
}

.page-reveal .selead_nybanner {
    animation: fadeInUp .55s ease .04s forwards;
}

.page-reveal .selead_contact,
.page-reveal .selead_propage,
.page-reveal .product-grid,
.page-reveal .l2-layout,
.page-reveal .selead_caselist,
.page-reveal .news-section,
.page-reveal .selead_newspage {
    animation: fadeInUp .58s ease .22s forwards;
}

.page-reveal .selead_pro_related,
.page-reveal .l2-showcase,
.page-reveal .services-section {
    animation: fadeInUp .62s ease .40s forwards;
}

.header {
    opacity: 0;
    transform: translateY(-18px);
    animation: revealHeader .68s cubic-bezier(.22, 1, .36, 1) .04s forwards;
}

.page-load-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity .78s ease var(--load-reveal-delay, 160ms),
        transform .78s cubic-bezier(.22, 1, .36, 1) var(--load-reveal-delay, 160ms);
    will-change: opacity, transform;
}

.page-load-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(34px);
    transition:
        opacity .72s ease var(--reveal-delay, 0ms),
        transform .72s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes revealHeader {
    from {
        opacity: 0;
        transform: translateY(-18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .selead_nybanner,
    .selead_contact,
    .selead_propage,
    .selead_pro_related,
    .product-grid,
    .l2-showcase,
    .l2-layout,
    .services-section,
    .selead_caselist,
    .news-section,
    .selead_newspage,
    .header,
    .page-load-reveal,
    .scroll-reveal {
        opacity: 1;
        transform: none;
        transition: none !important;
        animation: none !important;
    }
}