/* One shared public-site header for desktop and mobile. */
.nav{position:relative;z-index:50;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(30px,calc((100vw - 1450px)/2));background:#fff;border-bottom:1px solid #e6ebef}
.nav>a:first-child{display:block;flex:none}
.nav .logo{display:block;width:184px;height:auto}
.navlinks{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;background:#f2f6fc;border:1px solid #e3ebf5;border-radius:999px;color:#53657b;font-size:13px;font-weight:700}
.navlinks a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease}
.navlinks a[aria-current="page"]{background:#fff;color:#145de0;box-shadow:0 1px 5px #16396116}
.navlinks a:hover{background:#fff;color:#145de0}
.navright{display:flex;align-items:center;gap:0;flex:none}
.navright .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border:1px solid #ffffff36;border-radius:999px;background:linear-gradient(135deg,#1682f7,#2455e8);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px #1455c940,inset 0 1px 0 #ffffff40}
.navright .cta-button span{color:#fff!important;-webkit-text-fill-color:#fff}
.navright .cta-button:hover{color:#fff!important;background:linear-gradient(135deg,#075ed8 0%,#173fc2 100%)!important;filter:none;box-shadow:0 10px 28px #0b48bd55,inset 0 1px 0 #ffffff55}
.nav a:focus-visible{outline:3px solid #a9ccff;outline-offset:3px}
/* Keep shared calls to action readable and prevent flex layouts from squeezing them. */
.cta-button,.cta-button:visited,.cta-button:hover,.cta-button:focus-visible{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:154px;min-height:48px;padding:13px 20px;border:1px solid #ffffff50;border-radius:999px;background:linear-gradient(135deg,#1682f7 0%,#2455e8 100%)!important;color:#fff!important;font-size:13px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;opacity:1;-webkit-text-fill-color:#fff;box-shadow:0 8px 24px #1455c940,inset 0 1px 0 #ffffff55}
.cta-button span{color:#fff!important;-webkit-text-fill-color:#fff}
.cta-button:hover{background:linear-gradient(135deg,#075ed8 0%,#173fc2 100%)!important;filter:none;box-shadow:0 10px 28px #0b48bd55,inset 0 1px 0 #ffffff55}
.why-end .cta-panel>.cta-button{min-width:190px}
@media(max-width:900px){.nav{padding:0 22px}.nav .logo{width:165px}.navlinks a{padding-right:12px;padding-left:12px}}
@media(max-width:700px){.nav .navlinks a:not(.cta){display:flex}}
@media(max-width:620px){
  .nav{height:auto;min-height:0;flex-wrap:wrap;row-gap:8px;padding:10px 15px}
  .nav .logo{width:128px}
  .navlinks{order:3;flex:0 0 100%;width:100%;justify-content:space-between;gap:4px;padding:8px 0 0;background:transparent;border:0;border-top:1px solid #e1e8f0;border-radius:0;font-size:13px}
  .navlinks a{min-height:36px;padding:8px 9px;border-radius:0}
  .navlinks a[aria-current="page"]{background:transparent;box-shadow:inset 0 -2px 0 #1765e8;font-weight:800}
  .navright .cta-button{min-width:142px;min-height:44px;padding:10px 14px;font-size:12px}
  .why-end .cta-panel>.cta-button{min-width:190px}
}
@media(max-width:360px){.navlinks{font-size:12px}.navlinks a{padding-right:6px;padding-left:6px}.nav .logo{width:118px}}