nav.nav{z-index:100;border-bottom:1px solid var(--color-on-background-90);background:#fafafa;padding:16px 0;transition:padding .3s,background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(16px);background:#fafafaeb;padding:10px 0;box-shadow:0 1px #0000000f}@media (max-width:768px){.nav--collapsed{-webkit-backdrop-filter:blur(16px);background:#fafafaeb;box-shadow:0 1px #0000000f;padding:5px 0!important}.nav--collapsed .nav__inner{padding:0 16px}.nav--collapsed .nav__brand{gap:0}.nav--collapsed .nav__wordmark{opacity:0;width:0;font-size:0;overflow:hidden}.nav--collapsed .nav__logo{width:20px;height:20px;box-shadow:none}.nav--collapsed .nav__burger{padding:0;transform:scale(.7)}}.nav__inner{align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.nav__brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav__logo{border-radius:8px;width:36px;height:36px;transition:width .3s,height .3s;box-shadow:0 2px 12px #00000014}.nav__wordmark{color:var(--color-on-background);font-family:IBM Plex Sans,sans-serif;font-size:1.35rem;font-weight:600;transition:opacity .3s,width .3s,font-size .3s}.nav__links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav__links a,.nav__links .nav__dropdown-trigger{color:var(--color-on-background-30);border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav__links a:hover,.nav__links .nav__dropdown-trigger:hover{color:var(--color-on-background);background:#ebebeb}@media (max-width:768px){.nav__links{display:none}}.nav__dropdown{position:relative}.nav__dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-family:inherit;display:flex}.nav__dropdown-trigger--open{color:var(--color-on-background);background:#ebebeb}.nav__dropdown-chevron{display:block}.nav__dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nav__dropdown-menu:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav__dropdown-menu{border:1px solid var(--color-on-background-90);z-index:110;background:#fff;border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:flex;box-shadow:0 8px 24px #00000014}.nav__dropdown-menu a{white-space:nowrap;border-radius:6px;padding:9px 14px;font-size:.88rem;transition:background .15s,color .15s}.nav__dropdown-menu a:hover{color:var(--color-on-background);background:#ebebeb}.nav__burger{cursor:pointer;background:0 0;border:none;width:20px;height:14px;margin-left:auto;padding:4px;display:none;position:relative}.nav__burger span{background:var(--color-on-background-20);border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .2s;display:block;position:absolute;left:0}.nav__burger span:first-child{top:1px}.nav__burger span:nth-child(2){top:9px}.nav__burger span:nth-child(3){top:17px}.nav__burger--active span:first-child{top:11px;transform:rotate(45deg)}.nav__burger--active span:nth-child(2){opacity:0}.nav__burger--active span:nth-child(3){top:11px;transform:rotate(-45deg)}.nav__burger{transition:transform .3s}@media (max-width:768px){.nav__burger{display:block}}.nav__mobile{flex-direction:column;gap:0;padding:0 32px;transition:max-height .35s,padding .35s;display:none}.nav__mobile a{color:var(--color-on-background-30);border-bottom:1px solid var(--color-on-background-90);padding:14px 0;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .2s}.nav__mobile a:last-child{border-bottom:none}.nav__mobile a:hover{color:var(--color-on-background)}@media (max-width:768px){.nav__mobile{max-height:0;display:flex;overflow:hidden}.nav__mobile.nav__mobile--open{max-height:calc(100dvh - 60px);padding:8px 32px 16px;overflow-y:auto}}.nav__lang-switch{letter-spacing:.05em;color:var(--color-on-background-30);box-shadow:inset 0 0 0 1px var(--color-on-background-80);border:none;border-radius:6px;padding:5px 11px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s,box-shadow .2s}.nav__lang-switch:hover{color:var(--color-on-background);box-shadow:inset 0 0 0 1px var(--color-on-background-40)}.nav__mobile .nav__lang-switch{align-self:flex-start;margin:14px 0 4px;padding:7px 15px}@media (max-width:768px){.nav__cta{display:none}}