/* ============================================
   Content Visibility - Ensure content is visible
   ============================================ */

/* Force visibility for all sections */
.section {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Stats section specific */
.stats,
.stats * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Content should be visible by default - GSAP will handle animations */
/* GSAP will set initial states and animate, so we don't force visibility here */
/* Fallback: Show content if GSAP doesn't load within 3 seconds */
@keyframes showContentFallback {
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
        visibility: visible !important;
    }
}

/* Only apply fallback if GSAP hasn't loaded */
body:not(.gsap-loaded) .hero-badge,
body:not(.gsap-loaded) .hero-title span,
body:not(.gsap-loaded) .hero-description,
body:not(.gsap-loaded) .hero-cta .btn {
    animation: showContentFallback 0.1s ease 3s forwards;
}