.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 28px;}

.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .3s,box-shadow .3s,backdrop-filter .3s;}
.nav.solid{background:rgba(255,255,255,.96);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border),var(--shadow-xs);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.nav-logo{font-family:var(--ff-body);font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--white);transition:color .3s;}
.nav.solid .nav-logo{color:var(--ink);}
.nav-logo span{color:#6b9eff;}
.nav.solid .nav-logo span{color:var(--blue);}
.nav-menu{display:flex;align-items:center;gap:2px;}
.nav-menu a{padding:8px 14px;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.78);border-radius:var(--r8);transition:color .2s,background .2s;}
.nav.solid .nav-menu a{color:var(--ink3);}
.nav-menu a:hover{color:#fff;background:rgba(255,255,255,.12);}
.nav.solid .nav-menu a:hover{color:var(--blue);background:var(--blue-soft);}
.nav-cta{background:var(--blue)!important;color:#fff!important;font-weight:700!important;padding:9px 20px!important;border-radius:var(--rpill)!important;}
.nav-cta:hover{background:var(--blue2)!important;color:#fff!important;}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;}
.nav-burger span{display:block;width:22px;height:2px;background:rgba(255,255,255,.9);border-radius:2px;transition:.25s;}
.nav.solid .nav-burger span{background:var(--ink);}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  .nav-menu{position:fixed;top:68px;left:0;right:0;background:rgba(6,11,22,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:20px 24px 28px;gap:4px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s;}
  .nav-menu.open{opacity:1;pointer-events:all;transform:none;}
  .nav-menu a{padding:12px 16px;font-size:1rem;}
  .nav-burger{display:flex;}
}