/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:64px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--nav-bg);backdrop-filter:blur(22px);border-bottom:1px solid var(--nav-border);transition:background .4s ease,border-color .4s ease}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.logo-mark{font-size:1.05rem;font-weight:700;letter-spacing:2px;color:var(--teal);text-transform:uppercase}
.nav-links{display:flex;gap:26px;list-style:none;margin:0 auto}
.nav-links a{color:var(--ico);text-decoration:none;font-size:.84rem;font-weight:500;transition:border-bottom .4s ease;border-bottom:2px solid transparent;padding-bottom:2px;position:relative}
.nav-links a:hover:not(.active){border-bottom-color:var(--teal)}
.nav-links a.active{color:var(--teal);font-weight:700;position:relative}
.nav-links a.active::after{content:none;}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-pill{display:flex;align-items:center;background:var(--pill-bg);border:1px solid var(--pill-b);border-radius:50px;padding:4px 8px;gap:2px}
.nib{width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ico);transition:background .4s ease, color .4s ease, transform .4s ease;text-decoration:none}
.nib:hover{background:rgba(44,201,206,.12);color:var(--teal)}
.nib svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-cta{background:var(--teal);color:#071518;padding:8px 20px;border-radius:8px;font-size:.84rem;font-weight:700;text-decoration:none;letter-spacing:.3px;transition:background .4s ease,box-shadow .4s ease;white-space:nowrap}
.nav-cta:hover{background:var(--teal-dark);box-shadow:0 4px 20px var(--teal-glow)}