#nav{position:sticky;top:0;z-index:200;height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--page-bg,#0c1520);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-logo{display:flex;align-items:center;height:88px;flex-shrink:0}
.nav-logo img{height:36px;width:auto;display:block;margin:auto 0}
.nav-menu{display:flex;align-items:center;gap:4px;justify-content:center;position:absolute;left:50%;transform:translateX(-50%)}
a.nav-link{font-family:'Cabinet Grotesk',-apple-system,sans-serif;font-size:13px;font-weight:400;color:rgba(255,255,255,.68);background:none;border:none;cursor:pointer;padding:8px 14px;display:inline-flex;align-items:center;transition:color .2s;white-space:nowrap;text-decoration:none}
a.nav-link:hover{color:white}
a.nav-link:focus-visible{outline:2px solid rgba(121,197,199,.9);outline-offset:2px;border-radius:4px}
.nav-btn{font-family:'Cabinet Grotesk',-apple-system,sans-serif;font-size:13px;font-weight:500;color:#79C5C7;padding:9px 20px;border:1px solid rgba(121,197,199,.35);border-radius:50px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap;flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center}
.nav-btn:hover{background:rgba(121,197,199,.08);border-color:#79C5C7;color:white}
.nav-btn:focus-visible{outline:2px solid rgba(121,197,199,.9);outline-offset:2px}
.nav-mob-btn{display:none;font-size:20px;color:rgba(255,255,255,.68);background:none;border:none;cursor:pointer;padding:8px}
.nav-mob-btn:focus-visible{outline:2px solid rgba(121,197,199,.9);outline-offset:2px;border-radius:4px}

/* MOBILE */
@media(max-width:768px){
  #nav{padding:0 20px}
  .nav-logo img{height:48px}
  .nav-menu{display:none;position:fixed;top:88px;left:0;right:0;bottom:0;background:rgba(7,12,17,.98);flex-direction:column;align-items:flex-start;padding:24px 20px;overflow-y:auto;gap:0;transform:none}
  .nav-menu.mob-open{display:flex}
  a.nav-link{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:15px;justify-content:flex-start}
  a.nav-link.nav-mobile-cta{margin-top:24px;border-bottom:none;color:#79C5C7;font-weight:500;border:1px solid rgba(121,197,199,.35);border-radius:50px;justify-content:center;padding:14px 20px;width:100%}
  a.nav-link.nav-mobile-cta:hover{background:rgba(121,197,199,.08);color:white}
  .nav-btn{display:inline-flex}
  .nav-mob-btn{display:none}
}