/**
 * Chrome Compatibility Fixes
 * Ensures all hero content is immediately visible across all browsers
 */

/* FORCE IMMEDIATE VISIBILITY FOR ALL HERO ELEMENTS */
.hero .tagline,
.hero .hero-description,
.hero .cta-button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    animation-delay: 0s !important;
    animation-fill-mode: none !important;
}

/* ENSURE HERO CONTENT CONTAINER IS PROPERLY DISPLAYED */
.hero-content {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 10 !important;
}

/* FALLBACK STYLES FOR HERO ELEMENTS */
.hero-badge {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    transform: scale(1) !important;
}

.hero h1 {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: translateY(0) scale(1) !important;
}

/* ENSURE FONTS ARE LOADED BEFORE CONTENT SHOWS */
.hero {
    font-display: swap;
}

/* PREVENT LAYOUT SHIFTS */
.hero-logo {
    width: 300px !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    opacity: 1 !important;
}

/* BUTTON VISIBILITY GUARANTEE */
.hero .cta-button {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 5 !important;
}

/* RESPONSIVE VISIBILITY FIXES */
@media (max-width: 768px) {
    .hero-content {
        padding: 2rem 1rem !important;
    }
    
    .hero h1,
    .hero .tagline,
    .hero .hero-description,
    .hero .cta-button {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}

/* WEBKIT SPECIFIC FIXES */
@supports (-webkit-appearance: none) {
    .hero h1 {
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
    }
}

/* CHROME SPECIFIC ANIMATION OVERRIDE */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .hero .tagline,
    .hero .hero-description,
    .hero .cta-button {
        animation: none !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* FORCE HARDWARE ACCELERATION FOR SMOOTH RENDERING */
.hero-content,
.hero h1,
.hero .tagline,
.hero .hero-description,
.hero .cta-button {
    transform: translateZ(0) !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
}

/* CONTENT FLASH PREVENTION */
.hero-content > * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ENSURE TEXT IS SELECTABLE AND VISIBLE */
.hero h1,
.hero .tagline,
.hero .hero-description {
    user-select: text !important;
    -webkit-user-select: text !important;
    color: inherit !important;
}

/* FALLBACK COLORS IF GRADIENTS FAIL */
.hero h1 {
    background: linear-gradient(135deg, #FFFFFF 0%, #00E6FF 40%, #FFFFFF 60%, #FF004F 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ALTERNATIVE TEXT COLOR FOR COMPATIBILITY */
@supports not (background-clip: text) {
    .hero h1 {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}