/* Direct, high-priority font loading with local file first */

@font-face {
    font-family: 'Neuropol X';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    /* Prevents FOUT */
    src: url('neuropol_x/Neuropol X Rg.otf') format('opentype');
}


/* Force Neuropol X font to be loaded and applied */

.logo-text {
    font-family: 'Neuropol X', 'Arial Black', 'Impact', sans-serif !important;
    font-weight: 800;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Optimize animations */

.hero-video-container,
.mobile-mockup,
.hero-video[poster] {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    will-change: auto;
}


/* Performance optimizations */

* {
    will-change: auto;
    -webkit-font-smoothing: antialiased;
}


/* Remove animation delays */

[class*="animation"],
[class*="transition"] {
    animation-delay: 0s !important;
    transition-delay: 0s !important;
    transition-duration: 0.1s !important;
}


/* Ensure instant visibility for all content */

.fonts-loading .logo-text,
body.fonts-loading,
.fonts-loading [class*="hero"],
.fonts-loading [class*="mobile"] {
    visibility: visible !important;
    opacity: 1 !important;
}


/* Enhanced mobile visibility */

@media (max-width: 768px) {
    /* Make sure first few sections after hero are visible without scrolling */
    #why-wondermove,
    #problems,
    #features {
        opacity: 1 !important;
        visibility: visible !important;
    }
    /* Force immediate visibility for cards in the first section */
    #why-wondermove .enhanced-card,
    #problems .problem-item,
    #features .feature-card {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }
    /* Show content on visible screen immediately */
    .section {
        opacity: 1 !important;
        visibility: visible !important;
    }
}