:root{--night:#0B172D;--deep:#132758;--navy:#1E3A8A;--per:#FF6F3C;--per-t:#FFE9DF;--per-ink:#A8461C;--mint:#5EE0B8;--mint-t:#E2F7EF;--mint-ink:#0B6B55;--mist:#F4F6FB;--ink:#121521;--slate:#5B6372;--line:#E3E7EF;--soft:#E8EEFB}
/* shared header */
.sitebar{position:fixed;inset:0 0 auto 0;z-index:60;background:#0B172D;display:flex;align-items:center;gap:22px;padding:14px 28px;height:60px;box-sizing:border-box;font-family:Manrope,system-ui,sans-serif}
.brandlogo{display:flex;align-items:center;flex:none;background:none;padding:0}
.brandlogo img{height:26px;width:auto;display:block}
.sitenav{display:flex;gap:4px;margin-left:12px}
.sitenav a{color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:8px 12px;border-radius:99px}
.sitenav a:hover,.sitenav a[aria-current=page]{background:#1E2F55}
.barright{margin-left:auto;display:flex;align-items:center;gap:10px}
.navcta{background:var(--per);color:var(--night);font-weight:800;text-decoration:none;border-radius:99px;padding:10px 16px;font-size:14px;white-space:nowrap}
.menubtn{display:none;background:#1E2F55;color:#fff;border:0;border-radius:99px;padding:8px 13px;font:700 13px Manrope,sans-serif;cursor:pointer}
.mobmenu{display:none}
@media (max-width:899px){
 .sitebar{padding:10px 14px;gap:10px;height:56px}
 .brandlogo img{height:22px}
 .sitenav,.navcta{display:none}
 .menubtn{display:block}
 .mobmenu.open{display:flex;flex-direction:column;position:fixed;top:56px;left:0;right:0;z-index:59;background:#0B172D;padding:8px 14px 18px;border-top:1px solid #1E2F55}
 .mobmenu a{color:#fff;text-decoration:none;font:800 22px Manrope,sans-serif;padding:12px 4px;letter-spacing:-.02em}
 .mobmenu a.navcta2{margin-top:8px;background:var(--per);color:var(--night);border-radius:99px;text-align:center;font-size:17px}
}
/* shared footer */
.sitefoot{background:#0B172D;color:#C9D1E0;font-family:Manrope,system-ui,sans-serif;padding:56px 28px 40px;position:relative;z-index:5}
.sitefoot .fin{max-width:1180px;margin:0 auto}
.sitefoot .frow{display:flex;flex-wrap:wrap;gap:16px 36px;justify-content:space-between;align-items:center}
.sitefoot .frow2{align-items:baseline;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.sitefoot img{height:26px;width:auto;display:block}
.sitefoot p{margin:0;font-size:14px;line-height:1.5}
.sitefoot nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;line-height:1.5;font-weight:700}
.sitefoot nav a{color:#fff;text-decoration:none}
.sitefoot .small{font-size:13px;color:#98A3B8;text-align:left}
@media(max-width:700px){.sitefoot .frow{flex-direction:column;align-items:flex-start}.sitefoot .frow2{gap:8px}}
.sitefoot a{color:#fff}
/* gliding nav pill (update-6b, 19 Oct 18:43): CSS anchor positioning, top menu only, never on the logo */
@supports (anchor-name:--a){
 .sitenav{position:relative}
 .sitenav a{position:relative;z-index:1}
 .sitenav a:hover,.sitenav a[aria-current=page]{background:transparent}
 .sitenav a[aria-current=page]{anchor-name:--navpill}
 .sitenav:has(a:hover) a[aria-current=page],.sitenav:has(a:focus-visible) a[aria-current=page]{anchor-name:none}
 .sitenav a:hover,.sitenav a:focus-visible{anchor-name:--navpill}
 .sitenav:has(a:focus-visible) a:hover:not(:focus-visible){anchor-name:none}
 .sitenav::before{content:"";position:absolute;z-index:0;position-anchor:--navpill;top:anchor(top,8px);bottom:anchor(bottom,8px);left:anchor(left,0px);right:anchor(right,100%);border-radius:99px;background:rgba(255,255,255,.10);opacity:0;pointer-events:none;transition:top .25s ease-out,bottom .25s ease-out,left .25s ease-out,right .25s ease-out,opacity .25s ease-out}
 .sitenav:has(a[aria-current=page],a:hover,a:focus-visible)::before{opacity:1}
 .sitenav a:focus-visible{outline:2px solid var(--per);outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){.sitenav::before{transition:none}}