/* ===================================
   COMPACT HERO FIXES
   Cleaner, more subtle hero section
   =================================== */

/* Override hero height and padding */
.hero {
    min-height: 60vh !important;
    padding: 3rem 0 2rem !important;
}

/* Simplify hero title - no fancy animations */
.hero-title {
    font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
    line-height: 1.35 !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
    color: white !important;
    animation: simpleFadeIn 0.5s ease-out !important;
    background: none !important;
    -webkit-text-fill-color: white !important;
    filter: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Simple fade in animation */
@keyframes simpleFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Smaller subtitle */
.hero-subtitle {
    font-size: 1.1rem !important;
    margin-bottom: 1.25rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 400 !important;
    animation: simpleFadeIn 0.5s ease-out 0.1s both !important;
}

/* Smaller country roller */
.country-roller {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding: 0.15rem 0.6rem !important;
    background: rgba(59, 130, 246, 0.12) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(96, 165, 250, 0.2) !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    animation: none !important;
}

/* Remove excessive shimmer */
.country-roller::before {
    display: none !important;
}

/* Smaller flag */
.country-flag {
    font-size: 1.1rem !important;
    animation: none !important;
    filter: none !important;
}

/* Compact benefits list */
.hero-benefits {
    margin-bottom: 1.25rem !important;
}

.benefit-item {
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem !important;
    opacity: 0.9 !important;
    animation: simpleFadeIn 0.5s ease-out 0.2s both !important;
}

.benefit-icon {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2.5 !important;
}

/* Smaller CTA button */
.hero-cta .btn-primary {
    padding: 0.75rem 2rem !important;
    font-size: 1.05rem !important;
    animation: simpleFadeIn 0.5s ease-out 0.3s both !important;
}

/* Simpler button hover */
.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3) !important;
}

/* Trust indicator smaller */
.trust-indicator {
    font-size: 0.9rem !important;
    animation: simpleFadeIn 0.5s ease-out 0.4s both !important;
}

/* Reduce particles opacity */
.hero::after {
    opacity: 0.3 !important;
}

/* Reduce background orbs */
.hero::before {
    opacity: 0.15 !important;
}

/* Smaller hero on tablet */
@media (max-width: 1024px) {
    .hero {
        min-height: 55vh !important;
    }
    
    .hero-title {
        font-size: 2.2rem !important;
    }
}

/* Even smaller on mobile */
@media (max-width: 768px) {
    .hero {
        min-height: 50vh !important;
        padding: 2rem 0 1.5rem !important;
    }
    
    .hero-title {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
    }
    
    .hero-subtitle {
        font-size: 1rem !important;
    }
    
    .country-roller {
        font-size: 0.85em !important;
        padding: 0.1rem 0.5rem !important;
    }
    
    .benefit-item {
        font-size: 0.85rem !important;
    }
    
    .hero-cta .btn-primary {
        padding: 0.65rem 1.5rem !important;
        font-size: 1rem !important;
    }
}

/* Hide parallax layers on smaller hero */
.parallax-layer {
    display: none !important;
}

/* Simplify PDF preview */
.hero-right {
    animation: simpleFadeIn 0.5s ease-out 0.3s both !important;
}

/* Remove excessive glow effects */
.btn-primary {
    animation: none !important;
}

.feature-card-visual::before,
.feature-card-visual::after {
    display: none !important;
}

/* Cleaner feature cards */
.feature-card-visual:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* No loading screen - too much */
.loading-screen {
    display: none !important;
}