/* === Global Responsive Breakpoints === */
/* Extracted from HTML source. Covers nav, footer, buttons, hero, CTA. */

@media(max-width:1024px){
    :root{--content-pad:40px}
    .nav{padding:0 24px}
    .nav__links{display:none}
    .nav__mobile{display:flex}
    .footer__top{grid-template-columns:1fr 1fr;gap:40px}
}

@media(max-width:768px){
    :root{--content-pad:32px}
}

@media(max-width:640px){
    :root{--content-pad:20px}
    .nav{padding:0 16px;height:56px}
    .btn{font-size:13px;padding:11px 24px}
    .footer{padding:40px var(--content-pad) 24px}
    .footer__top{grid-template-columns:1fr;gap:32px}
    .footer__bottom{flex-direction:column;gap:16px;text-align:center}
}

@media(max-width:400px){
    :root{--content-pad:16px}
    .btn{padding:10px 20px;font-size:12px}
}