/* ===== Tablet / small desktop ===== */
@media(max-width:1024px){
    .pillar-grid{grid-template-columns:1fr;}
    .coverage-layout{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}

    .hero{min-height:auto;}
    .hero-body{flex-direction:column;}
    .hero-copy{max-width:none;flex:1 1 auto;}
    .hero-visual{flex:1 1 auto;max-width:340px;order:-1;}
}

/* ===== Mobile nav (hamburger) ===== */
@media(max-width:860px){
    .nav-toggle{display:flex;}

    .navbar nav{
        position:absolute;top:100%;left:0;right:0;
        flex-direction:column;align-items:flex-start;gap:4px;
        background:rgba(255,255,255,.98);
        backdrop-filter:blur(14px);
        padding:14px clamp(20px,8vw,8%) 22px;
        border-bottom:1px solid var(--border);
        box-shadow:0 18px 40px rgba(7,21,48,.14);
        max-height:0;overflow:hidden;opacity:0;visibility:hidden;
        transition:max-height .35s ease,opacity .25s ease,visibility .25s ease;
    }
    .navbar nav.open{max-height:80vh;opacity:1;visibility:visible;}
    .navbar nav a{width:100%;padding:12px 0;font-size:1rem;border-bottom:1px solid var(--border);}
    .navbar nav a::after{display:none;}
    .lang-switch{margin-top:14px;}
}

/* ===== Phones ===== */
@media(max-width:640px){
    .logo{height:46px;}
    .hero-actions{flex-direction:column;}
    .btn-primary,.btn-secondary{width:100%;min-width:0;}
    .hero-metrics{grid-template-columns:1fr;}
    .industry-grid,.trust-grid{grid-template-columns:1fr;}
    .country-grid{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:1fr;}
    .contact-form{grid-template-columns:1fr;padding:22px;}
    .cert-placeholder{flex:1 1 100%;}
}

/* ===== Large screens cap ===== */
@media(min-width:1500px){
    .hero-copy{max-width:840px;}
}
                                                               