/* Shared navigation matching the supplied header reference. */
.reference-header,.reference-header.scrolled{position:relative;padding:22px 0;background:linear-gradient(115deg,#171335 15%,#122031 65%,#101928);border:0;box-shadow:none;backdrop-filter:none}
.reference-header .nav-shell{width:calc(100% - 64px);max-width:1840px;height:80px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px}
.reference-header .brand{justify-self:start}.reference-header .brand img{width:clamp(160px,14.5vw,280px);height:auto}
.reference-header .site-nav{position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;gap:7px;margin:0;padding:10px 12px;background:#ffffff1a;border:0;border-radius:15px;box-shadow:none}
.reference-header .site-nav>a,.reference-header .nav-services>summary{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:12px 15px;color:#f7f7fc;font-size:clamp(14px,1.25vw,24px);font-weight:600;line-height:1.35;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s}
.reference-header .site-nav>a::after{display:none}
.reference-header .site-nav>a:hover,.reference-header .nav-services>summary:hover{color:#00c7fa;background:#151f3580}
.reference-header .site-nav>a.active,.reference-header .nav-services>summary.active{color:#00c9fa;background:#18233b;box-shadow:0 0 18px #00b9ff26,0 0 15px #9155ff24}
.reference-header .nav-services{position:relative}
.reference-header .nav-services>summary{list-style:none;cursor:inherit}
.reference-header .nav-services>summary::-webkit-details-marker{display:none}
.reference-header .nav-services>summary svg{width:15px;height:10px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.reference-header .nav-services[open]>summary svg{transform:rotate(180deg)}
.reference-header .services-dropdown{position:absolute;top:calc(100% + 16px);left:0;min-width:270px;padding:10px;background:#19263b;border:1px solid #56779766;border-radius:12px;box-shadow:0 18px 45px #02071566;z-index:30}
.reference-header .services-dropdown>a{display:block;margin:0;padding:11px 13px;font-size:13px;font-weight:500;color:#edf3fc;border-radius:7px;line-height:1.4;white-space:normal}
.reference-header .services-dropdown>a:hover,.reference-header .services-dropdown>a[aria-current="page"]{color:#17cbff;background:#ffffff0b}
.reference-header .header-connect{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 29px;border:2px solid #1ebcfa;border-radius:40px;background:#111b2b;color:#fff;font-weight:600;font-size:clamp(14px,1.2vw,23px);white-space:nowrap;margin:0;box-shadow:0 0 30px #00c6ff08;transition:background .2s,box-shadow .2s}
.reference-header .header-connect:hover{background:#193249;box-shadow:0 0 22px #00c6ff24}
.reference-header .menu-toggle{display:none}
@media(min-width:1600px){.reference-header{padding:28px 0}.reference-header .nav-shell{height:100px}.reference-header .site-nav{padding:14px}.reference-header .site-nav>a,.reference-header .nav-services>summary{padding:14px 16px}.reference-header .header-connect{min-height:80px;padding:0 40px}}
@media(max-width:1200px){.reference-header .nav-shell{gap:16px;width:calc(100% - 40px)}.reference-header .site-nav>a,.reference-header .nav-services>summary{padding:11px 9px;font-size:14px}.reference-header .header-connect{padding:0 20px;min-height:50px}.reference-header .brand img{width:155px}}
@media(max-width:1050px){
  .reference-header{padding:12px 0}.reference-header .nav-shell{height:58px;grid-template-columns:1fr auto;gap:12px;width:calc(100% - 32px)}
  .reference-header .brand img{width:150px}.reference-header .menu-toggle{display:block;justify-self:end;margin:0}
  .reference-header .desktop-cta{display:none}.reference-header .site-nav{display:none;position:absolute;top:82px;left:16px;right:16px;padding:12px;background:#1b273e;flex-direction:column;align-items:stretch;border:1px solid #465976;max-height:calc(100dvh - 100px);overflow:auto;z-index:30}
  .reference-header .site-nav.open{display:flex}.reference-header .site-nav>a,.reference-header .nav-services>summary{font-size:16px;padding:13px 14px}
  .reference-header .nav-services>summary{justify-content:space-between}.reference-header .services-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid #2eb7ed66;margin:5px 10px 10px;padding:0 6px;border-radius:0;background:transparent}
}
@media(prefers-reduced-motion:reduce){.reference-header *{transition:none!important}}

@media (hover:hover) and (pointer:fine){.reference-header .nav-services,.reference-header .nav-services *,.reference-header .nav-services *::before,.reference-header .nav-services *::after,.reference-header .nav-services>summary::marker{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2232%22%20viewBox%3D%220%200%2028%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22c%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23277bff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23943aff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M3%202%2022%2019%2013%2020%209%2028Z%22%20fill%3D%22url%28%23c%29%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 3 2,default!important}}
@media(forced-colors:active){.reference-header .nav-services,.reference-header .nav-services *,.reference-header .nav-services *::before,.reference-header .nav-services *::after,.reference-header .nav-services>summary::marker{cursor:auto!important}}