// Nav.jsx — sticky top nav for AltaPath Management Services
function MsoNav() {
  return (
    <nav className="nav">
      <div className="nav__inner">
        <a className="nav__brand" href="#top">
          <img src="assets/AltaPath_MSO_HexPath.svg" alt="AltaPath Management Services" style={{ height: 81 }} />
        </a>
        <div className="nav__links">
          <a href="#services">Services</a>
          <a href="#engage">How we engage</a>
          <a href="#metrics">Performance</a>
          <a href="#compliance">Compliance</a>
          <a href="#leadership">Leadership</a>
          <a href="#contact" className="btn btn--ghost" style={{ padding: "8px 14px" }}>
            Contact
            <span className="arrow">→</span>
          </a>
        </div>
      </div>
    </nav>
  );
}

Object.assign(window, { MsoNav });