/* Mobile Modal Fixes */
@media (max-width: 768px) {
    .modal-content {
        width: 92% !important;
        margin: 20px auto !important;
        padding: 45px 20px 30px !important;
        border-radius: 24px !important;
    }
    .modal-body h2 {
        font-size: 1.8rem !important;
        letter-spacing: -1px !important;
        line-height: 1.2 !important;
    }
    .modal-body h3 {
        font-size: 1.3rem !important;
    }
    .modal-body p, .modal-body li {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
    .close-modal {
        right: 15px !important;
        top: 15px !important;
        font-size: 30px !important;
    }
    .cta-group {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .btn-cta-expert {
        width: 100% !important;
        text-align: center !important;
        padding: 15px !important;
    }

    /* Hero Buttons Mobile Optimization */
    .hero-cta-group {
        flex-direction: column !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 40px auto 0 !important;
        gap: 15px !important;
    }

    .btn-hero-primary, .btn-hero-secondary {
        width: 100% !important;
        padding: 16px 20px !important;
        font-size: 1rem !important;
        text-align: center !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Stats Grid 2x2 for Mobile */
    .stats-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        padding: 0 15px !important;
    }

    .stat-item h3 {
        font-size: 2.2rem !important;
        margin-bottom: 5px !important;
    }

    .stat-item p {
        font-size: 0.85rem !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
}