.desktop-nav .services-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;padding:8px 0;color:#c5c6ce;font:inherit;font-size:12px;line-height:1.5}
.services-toggle svg{width:12px;height:12px;transition:transform .2s}
.services-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-services{position:relative}
.services-menu[hidden]{display:none!important}
.desktop-nav .services-menu{position:absolute;top:calc(100% + 8px);left:-12px;width:max-content;padding:4px;background:#111219;border:1px solid #ffffff28;border-radius:9px;box-shadow:0 8px 24px #0004}
.desktop-nav .services-menu a{display:block;padding:8px 12px;border-radius:5px;white-space:nowrap;color:#e6e6ed;font-size:12px}
.desktop-nav .services-menu a:hover,.desktop-nav .services-menu a:focus-visible{background:#25212c;color:#fff}
.desktop-nav a[aria-current=page],.desktop-nav .services-toggle.nav-current{color:#fff}
.desktop-nav>a[aria-current=page]{text-decoration:underline;text-decoration-color:#ff0076;text-underline-offset:8px;text-decoration-thickness:2px}
.desktop-nav .services-toggle:hover{color:#fff}
.mobile-nav .services-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:none;color:#fff;padding:10px 15px;font-size:15px;line-height:1.65;border-radius:10px}
.mobile-nav .services-toggle:hover{background:#25212c}
.mobile-nav .services-menu{padding:0 12px 6px 24px}
.mobile-nav .services-menu a{display:block;font-size:14px;color:#d1d2df;border-left:1px solid #ff0076;padding:9px 15px}
.mobile-nav a[aria-current=page]{color:#ff70b8}
@media(max-width:1100px){.desktop-nav .services-toggle{font-size:11px}}

/* Shared menu states apply at every existing desktop/mobile breakpoint. */
.desktop-nav a:not(.button),.desktop-nav .services-toggle,
.mobile-nav a:not(.button),.mobile-nav .services-toggle{
 transition:color .22s ease,background-color .22s ease;
}
.desktop-nav a:not(.button):hover,.desktop-nav a:not(.button):focus-visible,
.desktop-nav .services-toggle:hover,.desktop-nav .services-toggle:focus-visible,
.mobile-nav a:not(.button):hover,.mobile-nav a:not(.button):focus-visible,
.mobile-nav .services-toggle:hover,.mobile-nav .services-toggle:focus-visible{
 color:var(--pink-dark);
}
.header>.review-button,.header .mobile-nav>.review-button{color:#fff}
@media(prefers-reduced-motion:reduce){
 .desktop-nav a:not(.button),.desktop-nav .services-toggle,
 .mobile-nav a:not(.button),.mobile-nav .services-toggle{transition:none}
}