/* Hero Section Mobile Improvements - Ultra Compact */
@media (max-width: 991px) {
    #hero {
        padding: 55px 10px 15px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    #hero .container {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    #hero .row {
        margin: 0 !important;
        padding: 0 !important;
    }

    #hero .col-lg-6 {
        margin: 0 !important;
        padding: 0 10px !important;
    }

    #hero .display-3 {
        font-size: 1.5rem !important;
        line-height: 1.15 !important;
        word-wrap: break-word;
        margin-bottom: 6px !important;
        padding: 0 !important;
    }

    #hero .lead {
        font-size: 0.8rem !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    .hero-btns {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hero-btns .btn {
        width: 100% !important;
        margin: 0 !important;
        padding: 9px 20px !important;
        font-size: 0.8rem !important;
    }
}