header{--nav-ease:cubic-bezier(0.22, 1, 0.36, 1);--nav-hairline:color-mix(in srgb, var(--text-color) 10%, transparent);--nav-muted:color-mix(in srgb, var(--text-color) 58%, transparent);--nav-surface-hover:color-mix(in srgb, var(--primary-color) 8%, transparent);position:fixed;top:0;inset-inline-start:0;z-index:20;width:100%;background:var(--background-color);backdrop-filter:saturate(180%)blur(14px);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--nav-hairline);box-shadow:0 8px 24px -18px rgb(15 23 42/.25)}header .desktop{max-width:1440px;margin:auto;padding:1rem 4rem;display:flex;align-items:center;gap:2rem;@media(max-width:1200px){padding: 1rem 1rem;}}header .desktop .logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-color);text-decoration:none;font-weight:600;font-size:1.2rem;letter-spacing:-.01em;flex-shrink:0}header .desktop .logo svg{width:2.4rem;height:2.4rem}header .desktop .links{display:flex;align-items:center;gap:1.25rem;margin-inline-start:auto;@media(max-width:1200px){display: none;}}header .desktop .links nav .nav-list{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}header .desktop .links nav li{position:relative}header .desktop .links nav a{position:relative;display:inline-flex;align-items:center;padding:.5rem .85rem;color:var(--text-color);font-size:.94rem;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;border-radius:8px;transition:color .18s var(--nav-ease)}header .desktop .nav-list>li>a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.32rem;height:1.5px;background:var(--primary-color);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--nav-ease)}header .desktop .links nav a:hover{color:var(--primary-color)}header .desktop .nav-list>li>a:hover::after,header .desktop .nav-list>.has-submenu:focus-within>a::after{transform:scaleX(1)}header .desktop .nav-list>li>a.is-active{color:var(--primary-color)}header .desktop .nav-list>li>a.is-active::after{transform:scaleX(1)}.ext-icon{width:.72rem;height:.72rem;margin-inline-start:.3rem;opacity:.5}.has-submenu>a{cursor:pointer}.has-submenu>a .chevron{display:inline-block;margin-inline-start:.35rem;font-size:.7em;opacity:.7;transition:transform .25s var(--nav-ease)}.has-submenu:hover>a .chevron,.has-submenu:focus-within>a .chevron{transform:rotate(180deg)}.nav-list .submenu{position:absolute;top:calc(100% + .55rem);left:0;width:max-content;min-width:290px;background:var(--background-color);border:1px solid var(--nav-hairline);border-radius:14px;box-shadow:0 12px 40px -8px rgb(15 23 42/.18),0 2px 8px rgb(15 23 42/6%);list-style:none;padding:.4rem;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--nav-ease),transform .22s var(--nav-ease),visibility .22s var(--nav-ease);z-index:1000;display:grid;grid-template-columns:290px;grid-auto-rows:auto;gap:.25rem}.nav-list .submenu:has(>:nth-child(4)){grid-template-columns:repeat(2,290px)}.nav-list .submenu::before{content:"";position:absolute;top:-.55rem;left:0;right:0;height:.55rem}.nav-list .has-submenu:hover>.submenu,.nav-list .has-submenu:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}header .desktop .links .submenu li a{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;width:100%;padding:.6rem .75rem;border-radius:10px;text-align:start;white-space:normal;transition:background .16s var(--nav-ease)}header .desktop .links .submenu li a>*{transition:transform .16s var(--nav-ease)}header .desktop .links .submenu li a:hover,header .desktop .links .submenu li a:focus-visible{background:var(--nav-surface-hover);outline:none}.submenu-title{display:inline-flex;align-items:center;align-self:flex-start;font-size:.92rem;font-weight:600}.nav-list .submenu li a:hover .submenu-title{color:var(--primary-color)}.submenu-desc{font-size:.78rem;line-height:1.35;color:var(--nav-muted)}header .desktop .links :where(.btn,[class*=button]){filter:none;transition:filter .18s var(--nav-ease)}header .desktop .mobile-open-menu{display:none;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;margin-inline-start:auto;border:1px solid var(--nav-hairline);border-radius:10px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:background .18s var(--nav-ease),border-color .18s var(--nav-ease);@media(max-width:1200px){display: inline-flex;}}header .desktop .mobile-open-menu:hover{background:var(--nav-surface-hover);border-color:color-mix(in srgb,var(--primary-color) 30%,var(--nav-hairline))}header .desktop .mobile-open-menu svg{width:1.3rem;height:1.3rem}body.nav-scroll-lock{overflow:hidden}.mobile{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.mobile.hidden{display:none}.mobile-overlay{position:absolute;inset:0;background:rgb(15 23 42/.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:navFade .3s var(--nav-ease)}.mobile-panel{position:relative;height:100dvh;width:min(380px,86vw);background:var(--background-color);border-inline-start:1px solid var(--nav-hairline);box-shadow:-20px 0 60px -20px rgb(15 23 42/.35);padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto;animation:navSlide .34s var(--nav-ease)}.mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:.5rem;border-bottom:1px solid var(--nav-hairline)}.mobile-head .logo{display:flex;gap:1.5rem}.mobile-head .logo svg{width:2.4rem;height:2.4rem}.mobile-head .logo span{font-size:1.2rem;font-weight:600;color:var(--text-color);display:inline-flex;align-items:center}.mobile-close{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--nav-hairline);border-radius:10px;background:0 0;color:var(--text-color);cursor:pointer}.mobile-close svg{width:1.15rem;height:1.15rem}.mobile ul{list-style:none;margin:.5rem 0 0;padding:0}.mobile>.mobile-panel>ul>li,.mobile-group{border-bottom:1px solid var(--nav-hairline)}.mobile>.mobile-panel>ul>li>a{display:block;padding:.95rem .6rem;margin-inline:-.25rem;border-radius:10px;font-size:1.05rem;font-weight:500;transition:color .16s var(--nav-ease),background .16s var(--nav-ease)}.mobile>.mobile-panel>ul>li>a:hover,.mobile>.mobile-panel>ul>li>a:focus-visible,.mobile>.mobile-panel>ul>li>a.is-active{color:var(--primary-color);background:var(--nav-surface-hover);outline:none}.mobile-group summary{display:flex;align-items:center;justify-content:space-between;padding:.95rem .6rem;margin-inline:-.25rem;border-radius:10px;font-size:1.05rem;font-weight:500;cursor:pointer;list-style:none;transition:color .16s var(--nav-ease),background .16s var(--nav-ease)}.mobile-group summary:hover,.mobile-group summary:focus-visible{color:var(--primary-color);background:var(--nav-surface-hover);outline:none}.mobile-group summary::-webkit-details-marker{display:none}.mobile-group summary::after{content:"▾";font-size:.8em;opacity:.6;transition:transform .25s var(--nav-ease)}.mobile-group[open] summary::after{transform:rotate(180deg)}.mobile-sub{padding:.15rem 0 .6rem!important}.mobile-sub a{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.6rem .5rem .6rem .9rem;border-inline-start:2px solid var(--nav-hairline);margin-inline-start:.25rem;border-radius:0 8px 8px 0;transition:color .16s var(--nav-ease),border-color .16s var(--nav-ease),background .16s var(--nav-ease)}.mobile-sub a:hover,.mobile-sub a:focus-visible{color:var(--primary-color);background:var(--nav-surface-hover);border-inline-start-color:var(--primary-color);outline:none}.mobile-sub .submenu-title{font-size:.95rem;font-weight:600;color:var(--text-color)}.mobile-sub a:hover .submenu-title,.mobile-sub a:focus-visible .submenu-title{color:var(--primary-color)}.mobile-sub .submenu-desc{font-size:.8rem;line-height:1.35;color:var(--nav-muted)}.mobile-cta{margin-top:auto;padding-top:1.25rem}@keyframes navFade{from{opacity:0}to{opacity:1}}@keyframes navSlide{from{transform:translateX(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){header *,.mobile *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mobile-external-icon{display:flex;justify-content:start;align-items:center}