.navbar{color:#fff;z-index:100;justify-content:space-between;align-items:center;width:100%;padding:20px 60px;display:flex;position:absolute;top:0}.navbar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-name{color:#fff;font-size:18px;font-weight:600}.nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#fff;font-size:14px;text-decoration:none}.nav-links a:hover{color:#576976}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;display:none;position:relative}.nav-toggle span{background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:99;background:#00000080;position:fixed;inset:0}@media (max-width:768px){.navbar{padding:16px 20px}.navbar-brand{gap:6px;min-width:0}.brand-name{white-space:nowrap;text-overflow:ellipsis;max-width:55vw;font-size:15px;overflow:hidden}.nav-toggle{display:flex}.nav-links{background:var(--surface-navy);z-index:100;flex-direction:column;align-items:flex-start;gap:4px;width:min(78vw,300px);height:100vh;margin:0;padding:100px 32px 40px;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0006}.nav-links.open{transform:translate(0)}.nav-links li{width:100%}.nav-links a{border-bottom:1px solid #ffffff14;width:100%;padding:14px 0;font-size:16px;display:block}}@media (min-width:769px){.nav-overlay{display:none}}