.site-header .header-with-nav{position:relative}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;margin-left:auto}
.header-nav .header-nav-link{min-height:48px;padding:13px 18px;font-size:.9375rem;white-space:nowrap;text-align:center}
.header-nav .header-clients{background:var(--navy)}
.header-nav .header-clients:hover{background:#202665}
.header-nav .header-business{background:transparent;border-color:#6bad9f;color:var(--navy)}
.header-nav .header-business:hover{background:rgba(255,255,255,.45)}
.header-nav a[aria-current=page]{outline:2px solid var(--navy);outline-offset:4px}
.header-nav a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
@media(max-width:1199px){
  .site-header .header-with-nav{flex-wrap:wrap;justify-content:center;gap:14px;padding-block:16px}
  .header-nav{flex:1 0 100%;justify-content:center;margin-left:0}
}
@media(max-width:760px){
  .header-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;width:100%}
  .header-nav .header-nav-link{min-width:0;min-height:56px;padding:10px 9px;font-size:.875rem;line-height:1.4;white-space:normal}
}
@media(max-width:420px){
  .header-nav{gap:8px}
  .header-nav .header-nav-link{padding-inline:6px;font-size:.8125rem;border-radius:10px}
}