.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.nav-in{max-width:1080px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.3rem;color:var(--fb);letter-spacing:-.01em}
.brand .logo{width:36px;height:36px;border-radius:10px;background:var(--fb);color:#fff;display:grid;place-items:center}
.brand .logo .ms{font-size:22px}
.links{display:flex;align-items:center;gap:6px}
.links a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--muted);padding:8px 14px;border-radius:8px}
.links a:hover{background:var(--bg);color:var(--text)}
.links a.cta{background:var(--fb);color:#fff;margin-left:6px}
.links a.cta:hover{background:var(--fb-dark)}
.burger{display:none;background:var(--bg);color:var(--text);border:0;border-radius:10px;width:42px;height:42px;cursor:pointer}
@media(max-width:720px){
  .burger{display:inline-grid;place-items:center}
  .links{position:absolute;left:12px;right:12px;top:68px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;padding:8px;display:none}
  .links.open{display:flex}
  .links a{padding:12px 14px}
  .links a.cta{margin:4px 0 0;text-align:center}
}