/* ── Shared nav styles (plain-HTML pages) ── */
nav.site-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 0;}
.nav-logo{height:56px;width:auto;display:block;}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-links-wrap{position:relative;display:flex;align-items:center;}

/* link base */
.nav-link{position:relative;display:inline-grid;padding:9px 16px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;overflow:hidden;}
.nav-link .nl-g{grid-area:1/1;font-weight:900;visibility:hidden;height:0;overflow:hidden;}
.nav-link .nl-t{grid-area:1/1;font-weight:400;color:#fff;position:relative;z-index:2;transition:color .12s;}
.nav-link .nl-d{grid-area:1/1;font-weight:900;color:#04060a;position:relative;z-index:4;clip-path:inset(0 100% 0 0);pointer-events:none;}

/* green bar: pseudo-element behind each link */
.nav-link::before{content:'';position:absolute;inset:0;top:50%;height:36px;transform:translateY(-50%) scaleX(0);transform-origin:left center;background:#96ff00;z-index:1;}

/* enter */
@keyframes navBarIn{from{transform:translateY(-50%) scaleX(0);}to{transform:translateY(-50%) scaleX(1);}}
@keyframes navBarOut{from{transform:translateY(-50%) scaleX(1);}to{transform:translateY(-50%) scaleX(0);}}
@keyframes navTxtIn{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0% 0 0);}}
@keyframes navTxtOut{from{clip-path:inset(0 0 0 0%);}to{clip-path:inset(0 0 0 100%);}}

.nav-link.nv-in::before{animation:navBarIn .26s cubic-bezier(.34,1.56,.4,1) forwards;}
.nav-link.nv-in .nl-d{animation:navTxtIn .26s cubic-bezier(.34,1.56,.4,1) forwards;}

.nav-link.nv-out::before{animation:navBarOut .22s cubic-bezier(.22,1,.36,1) forwards;}
.nav-link.nv-out .nl-d{animation:navTxtOut .22s cubic-bezier(.22,1,.36,1) forwards;}

/* subscribe button */
.nav-sub{font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#04060a;background:#96ff00;padding:11px 22px;text-decoration:none;display:inline-grid;place-items:center;transition:box-shadow .2s;}
.nav-sub:hover{box-shadow:0 0 20px rgba(150,255,0,0.5);}
.nav-sub .nl-g{grid-area:1/1;font-weight:900;font-size:15px;visibility:hidden;}
.nav-sub .nl-t{grid-area:1/1;position:relative;z-index:2;transition:font-weight .12s;}
.nav-sub:hover .nl-t{font-weight:900;}

.nav-divider{border:none;border-top:1px solid rgba(54,236,255,0.12);margin:0;}