@media (max-width: 1280px) {
    .hero-content { width: 60%; padding-left: 40px; padding-right: 40px; }
    .hero-image-wrapper { width: 40%; }
    .emergency-cta { margin: 80px 24px; }
}

@media (max-width: 1024px) {
    h1 { font-size: 3.5rem; }
    h2 { font-size: 2.5rem; }
    
    .trust-strip { width: calc(100% - 40px); }
    .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
    
    .about-grid { gap: 3rem; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
}

@media (max-width: 768px) {
    h1 { font-size: 3rem; }
    h2 { font-size: 2rem; }
    
    .top-bar { display: none; }
    
    .nav-links, .nav-cta { display: none; }
    .mobile-menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 6px;
        background: none;
        border: none;
        cursor: pointer;
    }
    .mobile-menu-toggle span {
        width: 30px;
        height: 3px;
        background: var(--primary-color);
        transition: 0.3s;
        border-radius: 3px;
    }
    
    .hero {
        flex-direction: column;
        padding: 120px 0 0;
        text-align: center;
        min-height: auto;
    }
    .hero-content {
        width: 100%;
        padding: 40px 24px;
    }
    .hero-subtitle { margin: 1.5rem auto 2.5rem; max-width: 100%; }
    .hero-actions { justify-content: center; }
    .hero-image-wrapper {
        position: relative;
        width: 100%;
        height: 400px;
        clip-path: none;
        margin-top: 2rem;
    }
    
    .trust-strip { 
        margin-top: 0; 
        border-radius: 0; 
        width: 100%;
    }
    
    .about-grid { grid-template-columns: 1fr; gap: 4rem; text-align: center; }
    .experience-badge { 
        right: 0; 
        transform: none; 
        bottom: -20px; 
        width: 140px; 
        height: 140px; 
        padding: 1.5rem;
        border-width: 6px;
    }
    .experience-badge .badge-number { font-size: 2.2rem; }
    .experience-badge .badge-text { font-size: 0.7rem; }
    
    .emergency-cta { margin: 60px 0; border-radius: 0; padding: 60px 24px; }
    .emergency-cta .cta-actions { flex-direction: column; }
    
    .floating-whatsapp { bottom: 20px; width: 60px; height: 60px; right: 20px; }
    
    .contact-grid { grid-template-columns: 1fr; gap: 2rem; }
    .quote-form { padding: 2rem 1.5rem; }
}

@media (max-width: 480px) {
    h1 { font-size: 2.5rem; }
    .hero-actions { flex-direction: column; width: 100%; }
    .hero-actions .btn { width: 100%; }
    .trust-grid { grid-template-columns: 1fr; gap: 2rem; }
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; text-align: left; }
    .footer-contact p { justify-content: flex-start; }
}