/* Mobile navigation and layout: desktop header stays untouched. */
.menu-toggle{display:none;border:0;background:transparent;color:inherit;padding:10px 0 10px 12px;cursor:pointer;gap:5px}
.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;border-radius:2px}
@media(max-width:1100px){
  .nav,.home-page .nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;min-height:76px!important;padding:12px 20px!important;display:flex;align-items:center!important;flex-wrap:nowrap!important;background:var(--blue)!important}
  .brand{width:205px;height:48px;flex:0 1 auto}
  .menu-toggle{display:grid;margin-left:auto}
  .links{display:none!important;position:absolute!important;top:76px;left:0;right:0;z-index:30;order:initial!important;width:auto!important;margin:0!important;padding:18px 20px 22px!important;flex-direction:column!important;gap:14px!important;overflow:visible!important;white-space:normal!important;background:var(--shadow);font-size:1rem!important}
  .nav.menu-open .links{display:flex!important}
  .cta{margin-left:12px;padding:10px 13px;white-space:nowrap}
  .footer .shell{padding-left:20px;padding-right:20px}
}
@media(max-width:1100px){
  .home{min-height:auto;display:block}
  .home .shell{padding:56px 20px 48px}
  .home h1{font-size:clamp(2.35rem,8vw,3.35rem);line-height:1.04}
  .home p{font-size:1.05rem}
  .hero-facts{position:static;width:100%;margin-top:38px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .hero-fact:last-child{grid-column:span 2;max-width:none}
  .hero-boxes{position:static;margin-top:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-boxes a{min-height:0;padding:16px 14px}
}
@media(max-width:500px){
  .nav,.home-page .nav{min-height:70px!important;padding:10px 16px!important}
  .brand{width:194px;height:44px}
  .cta{font-size:.82rem;padding:9px 11px}
  .links{top:70px;padding:16px!important}
  .home .shell{padding:46px 16px 38px}
  .home h1{font-size:clamp(2.1rem,10vw,2.7rem)}
  .hero-facts{grid-template-columns:1fr;gap:24px;margin-top:34px}
  .hero-fact:last-child{grid-column:auto}
  .hero-fact strong{font-size:2.45rem}
  .hero-boxes{margin-top:30px;gap:9px}
  .hero-boxes a{padding:14px 12px}
  .hero-boxes h2{font-size:1rem}
  .hero-boxes p{font-size:.75rem}
}
