.navbar{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,69,130,.1)}
.navbar .container{width:min(1180px,92%);margin:auto}
.nav-wrapper{height:78px;display:flex;align-items:center;gap:28px}
.logo img{width:142px}
.nav-menu{display:flex;gap:24px;margin-left:auto;font-weight:700;font-size:14px;color:#29364d}
.nav-menu a:hover{color:var(--blue)}
.nav-cta{background:var(--blue);color:#fff!important;border-radius:999px;padding:14px 22px;font-weight:800;box-shadow:0 12px 30px rgba(36,69,130,.25);border:0;cursor:pointer}
.hamburger{display:none;margin-left:auto;background:transparent;border:0}
.hamburger span{display:block;width:26px;height:2px;background:var(--blue-dark);margin:6px 0}

@media(max-width:900px){
  .nav-menu,.nav-cta{display:none}
  .hamburger{display:block}
  .nav-menu.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 6%;box-shadow:var(--shadow)}
}
@media(max-width:560px){
  .nav-wrapper{height:70px}
  .nav-menu.open{top:70px}
}