@media (max-width: 1200px) {
    .hero-title { font-size: 2.8rem; }
}

@media (max-width: 991px) {
    .hero-slider-section { height: 580px; }
    .hero-title { font-size: 2.2rem; }
    .section-title { font-size: 2rem; }
    
    .asymmetric-image-wrapper {
        padding-right: 0;
        padding-bottom: 0;
    }
    
    .floating-experience-badge {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 15px;
    }

    .mobile-sticky-cta { display: flex !important; }
    body { padding-bottom: 50px; }
}

@media (max-width: 576px) {
    .hero-slider-section { height: 520px; }
    .hero-title { font-size: 1.8rem; }
    .counter-num { font-size: 1.8rem; }
    
    .float-wa { bottom: 80px; right: 15px; width: 42px; height: 42px; font-size: 18px; }
    .float-call { bottom: 130px; right: 15px; width: 42px; height: 42px; font-size: 18px; }
    .float-top { bottom: 25px; right: 15px; width: 42px; height: 42px; font-size: 18px; }
}