/* A compact Services list, carrying the same Flexible colour blend. */
.nav-services{position:relative;flex:none}
.nav-services-trigger{display:flex;align-items:center;gap:2px}
.nav-services-overview{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.nav-services-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.nav-services-toggle[hidden]{display:none!important}
.nav-services-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease}
.nav-services-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-services-toggle:hover,.nav-services-toggle[aria-expanded=true]{color:#eedfff;background:linear-gradient(120deg,#7c3aed30,#5364f426,#00b4ff20)}
.nav-services.is-active .nav-services-overview,.nav-services.is-open .nav-services-overview{color:#d9c2ff}
.nav-services-toggle:focus-visible,.nav-services-panel a:focus-visible{outline:2px solid #ddbbff;outline-offset:3px}
.nav-services-panel[hidden]{display:none!important}
.nav-services-panel{position:absolute;top:calc(100% + 12px);left:-18px;z-index:30;width:278px;padding:10px;background:linear-gradient(145deg,#202035,#141826);border:1px solid #b492e546;border-radius:14px;box-shadow:0 22px 55px #0006;isolation:isolate}
.nav-services-panel:before{content:"";position:absolute;left:-1px;right:-1px;top:-14px;height:14px}
.nav-services-panel:after{content:"";position:absolute;left:13px;right:13px;top:-1px;height:3px;border-radius:10px;background:var(--brand-blend,linear-gradient(90deg,#7c3aed,#5364f4 49%,#00b4ff));pointer-events:none}
.nav-services-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.nav-services-list li{margin:0;padding:0}
.nav .nav-services-panel a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:11px 13px;border:1px solid transparent;border-radius:8px;color:#f5f2fc;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;white-space:normal;transition:background .15s ease,border-color .15s ease}
.nav-services-panel a span[aria-hidden]{color:#be9af1;font-size:17px;line-height:1}
.nav .nav-services-panel a:hover,.nav .nav-services-panel a:focus-visible,.nav .nav-services-panel a[aria-current=page]{color:#fff;background:linear-gradient(110deg,#7c3aed32,#5364f424,#00b4ff17);border-color:#9aabff5c;text-decoration:none}
.nav .nav-services-panel a[aria-current=page]{border-left-color:#e7bcff}
@media(max-width:1100px) and (min-width:821px){
  .nav-services-trigger{gap:0}
  .nav-services-toggle{width:27px}
}
@media(max-width:820px){
  .site-header .nav{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .nav-services-trigger{justify-content:space-between;gap:12px}
  .nav-services-overview{flex:1}
  .nav-services-toggle{width:44px;min-height:44px;border:1px solid #b492e540;background:#ffffff05}
  .nav-services-panel{position:relative;top:auto;left:auto;width:100%;margin-top:7px;padding:8px;border-radius:10px;box-shadow:none}
  .nav-services-panel:before{display:none}
  .nav .nav-services-panel a{min-height:46px;padding:11px 12px}
}
@media(prefers-reduced-motion:reduce){
  .nav-services-toggle svg,.nav .nav-services-panel a{transition:none}
}
@media(forced-colors:active){
  .nav-services-toggle{border:1px solid ButtonText}
  .nav-services-panel{border:1px solid CanvasText}
  .nav .nav-services-panel a:hover,.nav .nav-services-panel a:focus-visible,.nav .nav-services-panel a[aria-current=page]{border-color:Highlight}
}