@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
.nav-group{position:relative;height:100%;display:flex;align-items:center}.nav-group>button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:20px 5px}.nav-group>button span{display:inline-block;margin-left:4px;color:#619fe8;transition:transform .25s}.nav-group.open>button span{transform:rotate(180deg)}.submenu{position:absolute;z-index:100;left:50%;top:calc(100% - 8px);width:248px;padding:16px;background:rgba(5,10,17,.97);border:1px solid rgba(133,191,255,.2);box-shadow:0 28px 65px rgba(0,0,0,.58);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.25s cubic-bezier(.16,1,.3,1)}.nav-group:hover .submenu,.nav-group.open .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.submenu small{display:block;padding:8px 12px 12px;color:#617a96;font:600 7.5px 'Sora',sans-serif;letter-spacing:.16em;border-bottom:1px solid rgba(133,191,255,.12)}.nav .submenu a{display:block;padding:13px 12px;color:#93a8bf;font:500 11px/1.35 'Inter',sans-serif;border-bottom:1px solid rgba(133,191,255,.07)}.nav .submenu a:hover{color:#c5e3ff;background:rgba(64,143,244,.09);transform:translateX(3px)}
header .brand,header .brand *,header .brand-mark{font-family:'Sora',sans-serif!important;font-weight:600!important}header .nav>*,header .nav a,header .nav button,header .nav-cta,header .hub-link,header .header-dashboard{font-family:'Inter',sans-serif!important;font-weight:500!important}header .nav-group>button{font-family:'Inter',sans-serif!important;font-weight:500!important}header .submenu small{font-family:'Sora',sans-serif!important;font-weight:600!important}
@media(max-width:900px){.nav-group{display:block;width:100%;height:auto}.nav-group>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#9cb0c5;text-align:left}.submenu{position:relative;left:auto;top:auto;width:100%;padding:0 0 0 12px;border:0;border-left:1px solid rgba(100,165,255,.22);box-shadow:none;background:transparent;backdrop-filter:none;display:none;opacity:1;visibility:visible;transform:none!important}.nav-group:hover .submenu:not(.mobile-open){display:none}.nav-group.open .submenu,.submenu.mobile-open{display:block}.submenu small{display:none}.nav .submenu a{padding:12px 10px;font-size:11px;line-height:1.4}}
.nav-group>button{cursor:pointer!important;touch-action:manipulation;user-select:none}
.nav .submenu a:first-of-type{color:#d8b66b}
.nav .submenu a:first-of-type:hover{color:#f0cf82;background:rgba(216,182,107,.08)}
/* Keep in-page category destinations below the fixed 88px desktop header. */
main [id]{scroll-margin-top:108px}
@media(max-width:1100px){main [id]{scroll-margin-top:82px}}
/* Desktop category menus must stay above every animated/content layer. */
.nav-group>input:checked~.submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1101px){
  .site-header,.site-header.scrolled{z-index:10000!important;overflow:visible!important;isolation:isolate!important}
  .site-header .nav,.site-header .nav-group{overflow:visible!important}
  .site-header .nav-group{z-index:1!important}
  .site-header .nav-group:hover,.site-header .nav-group:focus-within,.site-header .nav-group:has(>input:checked){z-index:3!important}
  .site-header .submenu{z-index:10001!important}
}