:root{
  --apn-navy:#0B2A55;
  --apn-navy-deep:#081D3D;
  --apn-navy-mid:#123B73;
  --apn-blue:#1E63B5;
  --apn-blue-light:#4D9AE0;

  --apn-gold:#B5842C;
  --apn-gold-light:#D9AD5E;
  --apn-gold-deep:#8C651F;
  --apn-cta-text:#ffffff;

  --apn-ink:#0F2036;
  --apn-muted:#5C6E88;
  --apn-line:#E1E6EF;
  --apn-mist:#F4F6FA;
  --apn-h:96px;
  --apn-h-sm:70px;
  --apn-font-head:'ABC Favorit Trial','Space Grotesk','Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --apn-font-body:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

html{scroll-padding-top:110px}

#apnHd .apn-hd,
#apnHd .apn-hd *,
#apnHd .apn-hd *::before,
#apnHd .apn-hd *::after{box-sizing:border-box}

#apnHd .apn-hd :where(a){color:inherit; text-decoration:none; box-shadow:none; font-family:var(--apn-font-body)}
#apnHd .apn-hd :where(button){
  -webkit-appearance:none; appearance:none; margin:0; padding:0;
  font:inherit; font-family:var(--apn-font-body); color:inherit; background:none; border:0; border-radius:0;
  box-shadow:none; text-shadow:none; text-transform:none; letter-spacing:normal;
  line-height:inherit; min-height:0;
}
#apnHd .apn-hd :where(img){max-width:none; border-radius:0; box-shadow:none}

#apnHd .apn-hd{
  font-family:var(--apn-font-body);
  position:fixed; top:0; left:0; right:0;
  z-index:9999;
  background:#fff;
  border-bottom:1px solid transparent;
  transition:box-shadow .35s ease, border-color .35s ease, background .35s ease;
}
#apnHd .apn-hd.is-scrolled{
  border-bottom-color:var(--apn-line);
  box-shadow:0 8px 30px -18px rgba(10,31,68,.35);
}
#apnHd .apn-hd-spacer{height:var(--apn-h)}

#apnHd .apn-hd__inner{
  max-width:1480px; margin:0 auto;
  padding:0 24px;
  height:var(--apn-h);
  display:flex; align-items:center; gap:24px;
  transition:height .35s ease;
}
#apnHd .apn-hd.is-scrolled .apn-hd__inner{height:72px}

#apnHd .apn-hd__brand{display:flex; align-items:center; flex:0 0 auto; text-decoration:none}
#apnHd .apn-hd__brand img{display:block; height:44px; width:auto}

#apnHd .apn-hd__nav{margin-left:auto; display:flex; align-items:center; gap:34px}
#apnHd .apn-hd__link{
  position:relative;
  font-family:var(--apn-font-body);
  font-size:14.5px; font-weight:500; letter-spacing:.005em;
  color:var(--apn-ink); text-decoration:none;
  padding:6px 0; white-space:nowrap;
  transition:color .25s ease;
}
#apnHd .apn-hd__link::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; background:var(--apn-gold);
  transform:scaleX(0); transform-origin:left;
  transition:transform .3s cubic-bezier(.2,.7,.3,1);
}
#apnHd .apn-hd__link:hover{color:var(--apn-blue)}
#apnHd .apn-hd__link:hover::after,
#apnHd .apn-hd__link.is-active::after{transform:scaleX(1)}
#apnHd .apn-hd__link.is-active{color:var(--apn-navy)}
#apnHd .apn-hd__link:focus-visible{outline:2px solid var(--apn-blue); outline-offset:4px; border-radius:2px}

#apnHd .apn-hd__cta{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:10px;
  background:var(--apn-navy);
  color:var(--apn-cta-text); text-decoration:none;
  font-family:var(--apn-font-body);
  font-size:14px; font-weight:700;
  padding:14px 28px; border-radius:100px;
  box-shadow:0 10px 24px -10px rgba(11,42,85,.5);
  white-space:nowrap;
  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
}
#apnHd .apn-hd__cta:hover{
  background:var(--apn-blue);
  color:var(--apn-cta-text); transform:translateY(-2px);
  box-shadow:0 14px 28px -10px rgba(30,99,181,.5);
}
#apnHd .apn-hd__cta:focus-visible{outline:2px solid var(--apn-navy); outline-offset:3px}
#apnHd .apn-hd__cta svg{width:14px; height:14px; flex:none; transition:transform .3s ease}
#apnHd .apn-hd__cta:hover svg{transform:translateX(4px)}

#apnHd .apn-hd__burger{
  display:none; margin-left:auto;
  width:44px; height:44px; padding:0;
  border:1px solid var(--apn-line); border-radius:50%;
  background:#fff; cursor:pointer;
  align-items:center; justify-content:center;
}
#apnHd .apn-hd__burger span{
  display:block; position:relative;
  width:18px; height:1.6px; background:var(--apn-navy); border-radius:2px;
  transition:background .2s ease;
}
#apnHd .apn-hd__burger span::before,
#apnHd .apn-hd__burger span::after{
  content:""; position:absolute; left:0;
  width:18px; height:1.6px; background:var(--apn-navy); border-radius:2px;
  transition:transform .3s cubic-bezier(.2,.7,.3,1), top .2s ease;
}
#apnHd .apn-hd__burger span::before{top:-6px}
#apnHd .apn-hd__burger span::after{top:6px}
#apnHd .apn-hd__burger[aria-expanded="true"] span{background:transparent}
#apnHd .apn-hd__burger[aria-expanded="true"] span::before{top:0; transform:rotate(45deg)}
#apnHd .apn-hd__burger[aria-expanded="true"] span::after{top:0; transform:rotate(-45deg)}

#apnHd .apn-hd__panel{
  display:none;
  position:fixed; left:0; right:0; top:var(--apn-h-sm);
  background:#fff;
  max-height:0; overflow:hidden;
  transition:max-height .45s cubic-bezier(.2,.7,.3,1);
  z-index:9998;
}
#apnHd .apn-hd__panel.is-open{max-height:calc(100vh - var(--apn-h-sm)); border-top:1px solid var(--apn-line)}
#apnHd .apn-hd__panel-in{padding:12px 24px 32px; overflow-y:auto; max-height:calc(100vh - var(--apn-h-sm))}
#apnHd .apn-hd__panel .apn-hd__link{
  display:block; padding:16px 0; font-size:17px;
  border-bottom:1px solid var(--apn-line);
}
#apnHd .apn-hd__panel .apn-hd__link::after{display:none}
#apnHd .apn-hd__panel .apn-hd__cta{display:inline-flex; margin-top:26px; width:100%; justify-content:center}

@media (max-width:1100px){
  #apnHd .apn-hd__nav{gap:24px}
  #apnHd .apn-hd__link{font-size:13.5px}
}
@media (max-width:980px){
  #apnHd .apn-hd__inner{height:var(--apn-h-sm); padding:0 20px}
  #apnHd .apn-hd.is-scrolled .apn-hd__inner{height:var(--apn-h-sm)}
  #apnHd .apn-hd-spacer{height:var(--apn-h-sm)}
  #apnHd .apn-hd__brand img,
  #apnHd .apn-hd.is-scrolled .apn-hd__brand img{height:40px}
  #apnHd .apn-hd__nav{display:none}
  #apnHd .apn-hd__burger{display:flex}
  #apnHd .apn-hd__panel{display:block}
}
@media (prefers-reduced-motion:reduce){
  #apnHd .apn-hd,
  #apnHd .apn-hd *{transition-duration:.01ms !important}
}