.nav{position:sticky;top:12px;z-index:100;width:min(1240px,calc(100% - 28px));margin:12px auto 0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:linear-gradient(180deg,rgba(46,46,46,.80),rgba(17,17,17,.78));-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:0 20px 55px rgba(0,0,0,.24),0 5px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04);overflow:hidden;transition:.45s cubic-bezier(.16,1,.3,1)}.nav:before{content:"";position:absolute;z-index:0;left:4%;right:4%;top:0;height:50%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 55%,transparent);pointer-events:none}.nav:after{content:"";position:absolute;z-index:0;width:32%;height:160%;top:-30%;left:-20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(16deg);animation:navGloss 9s ease-in-out infinite;pointer-events:none}@keyframes navGloss{0%,72%{transform:translateX(0) rotate(16deg);opacity:0}78%{opacity:.9}92%{transform:translateX(460%) rotate(16deg);opacity:0}100%{opacity:0}}.navin{position:relative;z-index:1;width:100%!important;max-width:none!important;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px}.logo img{height:40px;width:auto;display:block}.links{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(0,0,0,.18);color:#AAA;font-size:12px;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.links a{position:relative;padding:9px 13px;border-radius:999px;transition:.3s}.links a:hover{color:#fff;background:rgba(255,255,255,.06)}.links a.active{color:#111;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.20)}.links a.active:after{display:none}.navCtas{display:flex;gap:7px;align-items:center}.navCtas .pill{padding:11px 16px;font-size:11px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 19px;font-size:13px;font-weight:850;border:1px solid transparent;transition:.3s}.pill.white{background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.9)}.pill.dark{background:#111;color:#fff}.pill.line{border-color:rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.035)}.pill.ghost{border-color:#D8D8D2}.pill:hover{transform:translateY(-2px)}@media(max-width:1000px){.nav{width:min(100% - 20px,1240px);top:8px;margin-top:8px}.navin{height:64px;padding:0 13px}.logo img{height:34px}}@media(prefers-reduced-motion:reduce){.nav:after{animation:none!important}}
/* EYVE-inspired floating glass header v2 */
.nav{
  top:10px!important;
  padding:0 10px!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none;
}
.navin{
  position:relative!important;
  overflow:hidden!important;
  width:min(1240px,calc(100% - 8px))!important;
  margin:0 auto!important;
  height:72px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:9999px!important;
  background:
    radial-gradient(140% 125% at 15% -25%,rgba(255,255,255,.20),transparent 42%),
    linear-gradient(180deg,rgba(55,55,55,.78) 0%,rgba(25,25,25,.72) 48%,rgba(12,12,12,.82) 100%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.22),
    0 5px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.23),
    inset 0 -1px 0 rgba(255,255,255,.045)!important;
  pointer-events:auto;
  transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s,border-color .45s,box-shadow .45s;
}
.navin:before{
  content:"";
  position:absolute;
  z-index:0;
  left:2.5%;
  right:2.5%;
  top:1px;
  height:47%;
  border-radius:9999px 9999px 52% 52%;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 52%,transparent);
  pointer-events:none;
}
.navin:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-90%;
  background:radial-gradient(circle at var(--nav-glow-x,30%) 50%,rgba(255,255,255,.095),transparent 19%);
  pointer-events:none;
  transition:opacity .4s;
}
.navin>*{position:relative;z-index:1}
.navin.isScrolled{
  border-color:rgba(255,255,255,.20)!important;
  background:
    radial-gradient(120% 110% at 18% -20%,rgba(255,255,255,.17),transparent 40%),
    linear-gradient(180deg,rgba(43,43,43,.92),rgba(12,12,12,.91))!important;
  box-shadow:
    0 26px 76px rgba(0,0,0,.30),
    0 8px 26px rgba(0,0,0,.19),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.navin .logo img{height:39px!important}
.mobileToggle{
  display:none;
  width:42px;height:42px;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  cursor:pointer;
}
.mobileToggle span,.mobileToggle span:before,.mobileToggle span:after{
  display:block;width:16px;height:1.5px;background:#fff;border-radius:2px;position:relative;transition:.28s;
}
.mobileToggle span:before,.mobileToggle span:after{content:"";position:absolute;left:0}
.mobileToggle span:before{top:-5px}.mobileToggle span:after{top:5px}
.mobileToggle.active span{background:transparent}
.mobileToggle.active span:before{top:0;transform:rotate(45deg)}
.mobileToggle.active span:after{top:0;transform:rotate(-45deg)}
.mobileSheet{
  position:fixed;
  z-index:140;
  left:12px;right:12px;
  max-height:calc(100svh - 130px);
  overflow:auto;
  padding:12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  background:
    radial-gradient(120% 80% at 15% 0%,rgba(255,255,255,.13),transparent 42%),
    linear-gradient(180deg,rgba(35,35,35,.96),rgba(10,10,10,.97));
  -webkit-backdrop-filter:blur(30px) saturate(150%);
  backdrop-filter:blur(30px) saturate(150%);
  box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.16);
  opacity:0;
  transform:translateY(-10px) scale(.985);
  pointer-events:none;
  transition:.32s cubic-bezier(.16,1,.3,1);
}
.mobileSheet.open{opacity:1;transform:none;pointer-events:auto}
.mobileSheet a{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-radius:17px;
  color:rgba(255,255,255,.66);font-size:15px;font-weight:750;
  transition:.24s;
}
.mobileSheet a:hover,.mobileSheet a.current{background:rgba(255,255,255,.075);color:#fff}
.mobileSheet .mobilePrimary{margin-top:8px;background:#fff;color:#171717!important;font-weight:900}
.mobileSheet .mobileMeta{padding:13px 16px 5px;border-top:1px solid rgba(255,255,255,.08);margin-top:9px;color:rgba(255,255,255,.34);font-size:10px;line-height:1.6}
.mobileBackdrop{
  position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.35);
  opacity:0;pointer-events:none;transition:.3s;backdrop-filter:blur(3px);
}
.mobileBackdrop.open{opacity:1;pointer-events:auto}
@media(max-width:1000px){
  .nav{top:8px!important;padding:0 7px!important}
  .navin{width:100%!important;height:62px!important;padding:0 10px 0 13px!important}
  .navin .logo img{height:31px!important}
  .links,.navCtas{display:none!important}
  .mobileToggle{display:grid}
}
@media(max-width:480px){
  .navin{height:58px!important;border-radius:22px!important}
  .navin:before{border-radius:21px 21px 48% 48%}
  .mobileToggle{width:38px;height:38px}
  .mobileSheet{left:7px;right:7px;border-radius:23px}
}
@media(prefers-reduced-motion:reduce){
  .navin,.mobileSheet,.mobileToggle span,.mobileToggle span:before,.mobileToggle span:after{transition:none!important}
}

/* visible-glass-header-hotfix-v3 */
.nav{
  position:sticky!important;
  top:12px!important;
  z-index:999!important;
  padding:0 12px!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none!important;
}
.navin{
  width:min(1220px,calc(100% - 4px))!important;
  margin:0 auto!important;
  height:72px!important;
  padding:0 17px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:9999px!important;
  background:
    radial-gradient(120% 150% at 18% -25%,rgba(255,255,255,.30),transparent 40%),
    linear-gradient(180deg,rgba(70,70,70,.78) 0%,rgba(28,28,28,.82) 48%,rgba(10,10,10,.88) 100%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(175%)!important;
  backdrop-filter:blur(34px) saturate(175%)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045),
    0 22px 70px rgba(0,0,0,.36),
    0 8px 22px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(255,255,255,.06)!important;
  pointer-events:auto!important;
}
.navin:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:3%!important; right:3%!important; top:1px!important;
  height:48%!important;
  border-radius:9999px 9999px 48% 48%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.045) 52%,transparent)!important;
  opacity:.95!important;
  pointer-events:none!important;
}
.navin:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:-80%!important;
  background:radial-gradient(circle at var(--nav-glow-x,28%) 50%,rgba(255,255,255,.12),transparent 18%)!important;
  pointer-events:none!important;
}
.navin>*{position:relative!important;z-index:1!important}
.navin .logo img{height:40px!important;filter:drop-shadow(0 2px 10px rgba(255,255,255,.06))}
.links{color:rgba(255,255,255,.72)!important}
.links a{padding:9px 12px!important;border-radius:999px!important}
.links a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.links a.active{background:#fff!important;color:#161616!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
.navCtas .line{border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.045)!important}
.navCtas .white{box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.95)!important}

@media(max-width:1000px){
  .nav{top:8px!important;padding:0 8px!important}
  .navin{
    width:100%!important;
    height:62px!important;
    padding:0 10px 0 14px!important;
    border-radius:26px!important;
    border-color:rgba(255,255,255,.30)!important;
  }
  .navin:before{border-radius:25px 25px 45% 45%!important}
  .navin .logo img{height:31px!important}
  .links,.navCtas{display:none!important}
  .mobileToggle{display:grid!important}
}
@media(max-width:480px){
  .navin{height:58px!important;border-radius:23px!important}
  .mobileSheet{top:76px!important}
}