.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:var(--maxw);margin:0 auto}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.25rem;color:var(--navy);letter-spacing:-.02em}.logo .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--teal));display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow-sm)}.logo small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.12em;color:var(--slate);text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:30px}.navlinks a{font-weight:600;font-size:.95rem;color:var(--navy-700)}.navlinks a:hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:14px}.nav-phone{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--navy)}.menu-toggle{display:none;background:0 0;border:0;cursor:pointer;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.2s}@media (max-width:680px){.navlinks,.nav-phone{display:none}.menu-toggle{display:block}.navlinks.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:20px 24px;gap:16px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}}