/* ======================================================
   SECTION GLOBAL BASE
====================================================== */

section {
    padding: 80px;
}

/* Scroll offset for fixed header */
section {
    scroll-margin-top: 90px;
}

/* ======================================================
   GLOBAL REVEAL SYSTEM (FAIL-SAFE)
====================================================== */

/* Default → visible (if JS fails, content still shown) */
section {
    opacity: 1;
    transform: translateY(0);
}

/* JS will add class on body */
body.reveal-init section {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

body.reveal-init section.reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* Child subtle lift animation */
body.reveal-init section.reveal-active .card,
body.reveal-init section.reveal-active .service-card,
body.reveal-init section.reveal-active .about-text,
body.reveal-init section.reveal-active .about-visual,
body.reveal-init section.reveal-active .stat-box {
    animation: fadeUp 0.7s ease forwards;
}

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

/* ======================================================
   GLOBAL RESPONSIVE
====================================================== */

@media(max-width: 900px) {
    section {
        padding: 60px 40px;
    }
}