.nav-wrap{--h:3.375rem;--r:1.6875rem;--toggle-h:2.7rem;--menu-indent:2.7rem;--menu-label-indent:.68rem}.nav-root{isolation:auto}.nav-shell{z-index:2;height:var(--h);padding-left:calc(var(--r)*.9);padding-right:calc((var(--h) - var(--toggle-h))/2);border-radius:var(--r);-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);background-color:rgba(224,239,255,.72);border:1px solid rgba(148,191,233,.45);justify-content:space-between;align-items:center;gap:max(.68rem,min(1.9vw,1.22rem));transition:border-radius .28s cubic-bezier(.37,0,.63,1),border-color .28s cubic-bezier(.37,0,.63,1),box-shadow .28s cubic-bezier(.37,0,.63,1);display:flex;position:relative;overflow:clip;box-shadow:0 8px 32px -8px rgba(15,23,42,.08),0 4px 12px -4px rgba(15,23,42,.05),inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(15,23,42,.02);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.nav-shell:hover{box-shadow:0 12px 40px -8px rgba(15,23,42,.1),0 6px 16px -4px rgba(15,23,42,.06),inset 0 1px 2px rgba(255,255,255,.7),inset 0 -1px 2px rgba(15,23,42,.03)}.nav-root.is-open .nav-shell{border-color:rgba(148,191,233,.55) rgba(148,191,233,.55) transparent;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 8px 32px -8px rgba(15,23,42,.08),0 4px 12px -4px rgba(15,23,42,.05),inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px rgba(148,191,233,.45)}.nav-toggle{height:var(--toggle-h);color:#0f76e2;background:rgba(203,224,249,.92);border-radius:9999px;justify-content:center;align-items:center;padding:0 1.1rem;transition:background-color .22s,box-shadow .22s;display:inline-flex}.nav-toggle:hover{background:rgba(15,118,226,.12)}.nav-toggle:focus-visible{background:rgba(15,118,226,.12)}.nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,118,226,.4)}.nav-toggle-bars{width:1.5rem;height:1.2rem;display:inline-block;position:relative}.nav-toggle-bars span{background:currentColor;border-radius:9999px;width:100%;height:3px;transition:transform .28s cubic-bezier(.37,0,.63,1),top .28s cubic-bezier(.37,0,.63,1),opacity .2s;position:absolute;left:0}.nav-toggle-bars span:first-child{top:0}.nav-toggle-bars span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle-bars span:nth-child(3){top:calc(100% - 3px)}.nav-toggle.open .nav-toggle-bars span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.nav-toggle.open .nav-toggle-bars span:nth-child(2){opacity:0;transform:translateY(-50%)scaleX(.4)}.nav-toggle.open .nav-toggle-bars span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.nav-panel{z-index:1;left:0;right:0;top:calc(var(--h) - 1px);border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);opacity:0;pointer-events:none;will-change:max-height,opacity;background-color:transparent;border:1px solid transparent;border-top:0;max-height:0;margin-top:-1px;transition:max-height .34s cubic-bezier(.37,0,.63,1),opacity .24s;position:absolute;overflow:hidden}.nav-root.is-open .nav-panel{max-height:var(--panel-max,18rem);opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);background-color:rgba(224,239,255,.72);border-color:rgba(148,191,233,.45);box-shadow:0 16px 32px -8px rgba(15,23,42,.1),0 8px 16px -4px rgba(15,23,42,.06),inset 0 -1px 1px rgba(255,255,255,.4)}@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.nav-shell,.nav-root.is-open .nav-panel{background-color:rgba(224,239,255,.68)}}.nav-list{padding:clamp(.24rem,.61vw,.38rem)calc((var(--h) - var(--toggle-h))/2)clamp(.24rem,.61vw,.38rem)calc(var(--r)*.9 + var(--menu-indent,.68rem));flex-direction:column;gap:max(.16rem,min(.47vw,.34rem));display:flex}.nav-item{padding:.43rem .82rem;padding-left:calc(.81rem + var(--menu-label-indent,.68rem));color:rgba(51,65,85,.92);border-radius:1rem;align-items:center;gap:.68rem;text-decoration:none;transition:color .18s,background-color .18s;display:flex}.nav-item .label{color:rgba(51,65,85,.58)}.nav-item.active .label{color:var(--color-text-active)}.nav-item .icon{color:rgba(71,85,105,.7);width:1.5rem;height:1.5rem}.nav-item:not(.active):hover{color:var(--color-text-accent);background:rgba(255,255,255,.5)}.nav-item:not(.active):focus-visible{color:var(--color-text-accent);background:rgba(255,255,255,.5)}.nav-item:not(.active):hover .label{color:var(--color-text-accent)}.nav-item:not(.active):focus-visible .label{color:var(--color-text-accent)}.nav-item:not(.active):hover .icon{color:var(--color-text-accent)}.nav-item:not(.active):focus-visible .icon{color:var(--color-text-accent)}.nav-item.active,.nav-item.active .icon{color:var(--color-text-active)}.glass-pill{-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%);background:rgba(203,224,249,.6);border:1px solid rgba(255,255,255,.55);transition:background-color .22s,box-shadow .22s,border-color .22s;position:relative;box-shadow:0 2px 8px -2px rgba(15,23,42,.08),0 4px 12px -4px rgba(15,23,42,.06),inset 0 1px 1px rgba(255,255,255,.75),inset 0 -1px 1px rgba(15,23,42,.04)}.glass-pill:hover{background:rgba(203,224,249,.78);border-color:rgba(255,255,255,.65);box-shadow:0 4px 12px -2px rgba(15,23,42,.1),0 8px 20px -4px rgba(15,23,42,.08),inset 0 1px 2px rgba(255,255,255,.85),inset 0 -1px 2px rgba(15,23,42,.05)}.glass-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,118,226,.4),0 4px 12px -2px rgba(15,23,42,.1),inset 0 1px 2px rgba(255,255,255,.85)}.glass-pill:before{content:"";border-radius:inherit;pointer-events:none;opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.12) 40%,transparent 60%);transition:opacity .22s;position:absolute;top:0;bottom:0;left:0;right:0}.glass-pill:hover:before{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.18) 40%,transparent 60%)}.mobile-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(15,23,42,.25);position:fixed;top:0;bottom:0;left:0;right:0}.mobile-nav-container{z-index:50;padding:.75rem 1rem 0;padding-top:max(.75rem,env(safe-area-inset-top));pointer-events:none;position:fixed;top:0;left:0;right:0}.mobile-nav-morph{pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background-color:rgba(224,239,255,.82);border:1px solid rgba(148,191,233,.45);border-radius:2rem;overflow:hidden;box-shadow:0 4px 24px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.06),inset 0 1px 1px rgba(255,255,255,.6)}.mobile-nav-morph.is-open{border-radius:1.5rem}.mobile-nav-bar{justify-content:space-between;align-items:center;height:4rem;padding:0 .75rem;display:flex}.mobile-nav-btn{color:rgba(51,65,85,.9);-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%);background:rgba(203,224,249,.6);border:1px solid rgba(255,255,255,.55);border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .22s,box-shadow .22s,transform .22s;display:inline-flex;position:relative;box-shadow:0 2px 8px -2px rgba(15,23,42,.08),0 4px 12px -4px rgba(15,23,42,.06),inset 0 1px 1px rgba(255,255,255,.75),inset 0 -1px 1px rgba(15,23,42,.04)}.mobile-nav-btn:hover{background:rgba(203,224,249,.78);box-shadow:0 4px 12px -2px rgba(15,23,42,.1),0 8px 20px -4px rgba(15,23,42,.08),inset 0 1px 2px rgba(255,255,255,.85),inset 0 -1px 2px rgba(15,23,42,.05)}.mobile-nav-btn:focus-visible{background:rgba(203,224,249,.78);box-shadow:0 4px 12px -2px rgba(15,23,42,.1),0 8px 20px -4px rgba(15,23,42,.08),inset 0 1px 2px rgba(255,255,255,.85),inset 0 -1px 2px rgba(15,23,42,.05)}.mobile-nav-btn:active{transform:scale(.97)}.mobile-nav-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.12) 40%,transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-nav-logo{align-items:center;padding:.5rem .25rem;text-decoration:none;display:inline-flex}.mobile-nav-logo svg{color:#0f76e2;width:auto;height:2rem}.mobile-nav-expand{padding:.625rem 1.25rem}.mobile-nav-links{border-top:1px solid rgba(148,191,233,.25);flex-direction:column;gap:.375rem;padding:.5rem .75rem .75rem;display:flex}.mobile-nav-link{color:rgba(51,65,85,.9);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.mobile-nav-link__icon{color:rgba(71,85,105,.65);width:1.25rem;height:1.25rem;transition:color .15s}.mobile-nav-link:hover{color:var(--color-text-accent);background:rgba(255,255,255,.4)}.mobile-nav-link:focus-visible{color:var(--color-text-accent);background:rgba(255,255,255,.4)}.mobile-nav-link:hover .mobile-nav-link__icon{color:var(--color-text-accent)}.mobile-nav-link:focus-visible .mobile-nav-link__icon{color:var(--color-text-accent)}.mobile-nav-link:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px rgba(15,118,226,.25)}.mobile-nav-link.active{color:var(--color-text-accent);background:rgba(255,255,255,.3)}.mobile-nav-link.active .mobile-nav-link__icon{color:var(--color-text-accent)}.mobile-nav-expand .nav-toggle-bars{width:1.25rem;height:1rem;display:inline-block;position:relative}.mobile-nav-expand .nav-toggle-bars span{background:currentColor;border-radius:9999px;width:100%;height:2px;transition:transform .28s cubic-bezier(.37,0,.63,1),top .28s cubic-bezier(.37,0,.63,1),opacity .2s;position:absolute;left:0}.mobile-nav-expand .nav-toggle-bars span:first-child{top:0}.mobile-nav-expand .nav-toggle-bars span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-nav-expand .nav-toggle-bars span:nth-child(3){top:calc(100% - 2px)}.mobile-nav-expand.open .nav-toggle-bars span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.mobile-nav-expand.open .nav-toggle-bars span:nth-child(2){opacity:0;transform:translateY(-50%)scaleX(.4)}.mobile-nav-expand.open .nav-toggle-bars span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}@media (min-width:768px){.nav-toggle{display:none!important}}@media (max-width:768px){.nav-shell{-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%)}.mobile-sheet{-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%)}}