@media(max-width:760px){
  .topbar .tb-txt{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .topbar .tb-left{gap:6px;flex-wrap:nowrap}
  .topbar .tb-item{gap:0;justify-content:center;min-width:40px;min-height:36px;padding:7px 9px;border-radius:9px}
  .topbar .tb-item svg{width:18px;height:18px}
  .topbar a.tb-item:hover{background:rgba(255,255,255,.08)}
}
@media(max-width:1000px){
    /* backdrop-filter makes the header a containing block for fixed children,
       which would trap the menu inside the 72px bar — disable it on mobile */
    header.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
    /* Mobile slide-in menu: dark full-height panel */
    nav.links{position:fixed;inset:0 0 0 auto;width:min(430px,100vw);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#141414;color:#fff;padding:78px 0 32px;box-shadow:none;transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:75;overflow-y:auto;overscroll-behavior:contain}
    nav.links.open{transform:translateX(0)}
    .m-logo{display:block;height:40px;width:auto;margin:0 24px 16px}
    nav.links a{font-size:1.06rem;font-weight:600;color:#fff;padding:16px 24px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08)}
    nav.links a:hover,nav.links a:focus-visible{background:var(--red);color:#fff;outline:none}
    nav.links a::after{display:none}
    .m-extra{display:flex;flex-direction:column;gap:12px;padding:24px 24px 0}
    .m-extra .btn{width:100%;justify-content:center}
    .m-extra .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
    .m-extra .btn-ghost:hover{border-color:#fff;color:#fff}
    .m-contact{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
    .m-contact a{color:#cfcfcf;font-size:.92rem;padding:5px 0;border:0;font-weight:500}
    .m-contact a:hover{color:#fff;background:transparent}
    .nav-cta .btn-employer,.nav-cta .btn-primary{display:none}
    .burger{display:flex;z-index:90}
    .burger span{background:var(--ink)}
    .burger.open{position:fixed;top:16px;right:16px}
    .burger.open span{background:#fff}
    .burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
    .burger.open span:nth-child(2){opacity:0}
    .burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
    .scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.3s;z-index:70}
    .scrim.open{opacity:1;visibility:visible}
  }
@media(max-width:920px){
    .hero-grid{grid-template-columns:1fr;gap:46px}
    .hero-visual{max-width:430px;margin:0 auto;order:2}
  }
@media(max-width:880px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.trust-grid{grid-template-columns:1fr}}
@media(max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}
@media(max-width:900px){.exp-grid{grid-template-columns:1fr;gap:46px}.phone{order:-1}}
@media(max-width:880px){.cobra-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:860px){.aud-grid{grid-template-columns:1fr}}
@media(max-width:820px){.five-top{grid-template-columns:1fr}.five-cols{grid-template-columns:1fr}}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr;gap:40px}.row2{grid-template-columns:1fr}}
@media(max-width:860px){.ft-top{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:520px){.ft-top{grid-template-columns:1fr}}
@media(max-width:480px){.cs-panel{right:12px;left:12px;width:auto;bottom:84px;height:78vh}.cs-fab{right:14px;bottom:14px}}
@media(max-width:900px){.leavebot-grid{grid-template-columns:1fr;gap:44px}.lb-mock{order:-1}}
@media(max-width:520px){.lb-feats{grid-template-columns:1fr}}
@media(max-width:920px){
    .hero{
      background:
        linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.78)),
        url("../images/HeroBG.jpg");
      background-size:cover;background-position:center;background-repeat:no-repeat;
    }
  }
@media(max-width:600px){
    .brand-logo{height:32px}
    .hero h1{font-size:clamp(2.2rem,9vw,3rem)}
  }
@media(max-width:600px){.brand-logo{height:38px}}

@media(max-width:640px){.svc.cta-wide{flex-direction:column;align-items:flex-start;gap:18px}}

@media(max-width:900px){.lb-visual{max-width:430px}.lb-visual .lb-mock{position:static;width:100%;margin-top:18px}}

@media(max-width:900px){.cobra-admin-grid{grid-template-columns:1fr;gap:28px}.cobra-admin-media img{height:auto;min-height:0;max-height:420px}}