.nav {
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  background:rgba(251,253,255,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(219,232,240,.7);
  transition:.25s
}

.nav.scrolled {
  box-shadow:0 8px 28px rgba(17,52,76,.08)
}

.nav-inner {
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}

.logo {
  display:flex;
  align-items:center;
  gap:10px;
  font:800 1.22rem 'Manrope',sans-serif;
  color:var(--navy);
  letter-spacing:-.03em;
  position:relative;
  z-index:2
}

.logo-mark {
  width:34px;
  height:34px;
  border-radius:11px;
  background:var(--navy);
  display:grid;
  place-items:center;
  color:var(--aqua);
  transform:rotate(-3deg)
}

.logo-mark svg {
  width:20px
}

.nav-links {
  display:flex;
  align-items:center;
  gap:25px
}

.nav-links>a:not(.btn) {
  font-size:.88rem;
  color:#425a6d;
  font-weight:600
}

.nav-links>a:not(.btn):hover {
  color:#1e75a5
}

.nav .btn {
  min-height:44px;
  padding-inline:18px
}

.menu-btn {
  display:none;
  border:0;
  background:transparent;
  padding:8px;
  color:var(--navy);
  z-index:2
}

.menu-btn svg {
  display:block
}