/* nav-unified.css — THE site navigation. One definition, every page.
 *
 * Until 2026-09-18 growthmastery.ai ran TWO navigations: this one (.nv) lived
 * inline in index.html and nowhere else, while 30 other pages carried an older
 * `.nav.nav-dark` bar with a different information architecture — /enterprise
 * offered "Membership · Services · Partners · Resources · About · Contact"
 * where the homepage offered "Solutions · For Portfolios · Partners ·
 * Resources · Company". Joe, 2026-09-18: the homepage bar is the correct one
 * and it must be the same everywhere, with only the top-right CTA changing per
 * page.
 *
 * Every rule here is scoped under .nv / #nv, which is why it can sit alongside
 * the legacy .nav rules in styles.css without either fighting the other.
 * Generated from index.html by scripts/sync_site_nav.py — edit the source page
 * or this file, then re-run that script; do not hand-edit a page's nav. */

/* ═══ NAV PROTOTYPE ═══ */
.nv{position:fixed;top:0;left:0;right:0;z-index:90;background:hsl(158 50% 5% / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,161,59,.14)}

.nv .in{width:min(1280px,94vw);margin:0 auto;display:flex;align-items:center;gap:8px;height:64px}

.nv .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-right:14px}

.nv .brand img{width:30px;height:30px}

.nv .brand b{font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem;color:#fff}

.nv .brand b i{font-style:normal;color:var(--hv-gold)}

.nv .links{display:flex;align-items:center;gap:2px;flex:1}

.nv .nitem,.nv .ndbtn{font-family:'Inter',sans-serif;font-weight:500;font-size:.9rem;color:rgba(244,240,231,.82);
  background:none;border:0;cursor:pointer;padding:10px 12px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s,background .2s}

.nv .nitem:hover,.nv .ndbtn:hover{color:#fff;background:rgba(216,161,59,.1)}

.nv .nitem:focus-visible,.nv .ndbtn:focus-visible{outline:2px solid var(--hv-gold);outline-offset:2px}

.nv .car{width:9px;height:9px;transition:transform .25s}

.nv .nd{position:relative}

.nv .nd.open .car{transform:rotate(180deg)}

.nv .menu{position:absolute;top:calc(100% + 8px);left:0;min-width:290px;background:hsl(158 46% 8%);border:1px solid rgba(216,161,59,.25);
  border-radius:10px;padding:8px;display:none;box-shadow:0 26px 60px -20px rgba(0,0,0,.7)}

.nv .nd.open .menu{display:block}

.nv .menu a{display:block;padding:10px 12px;border-radius:7px;text-decoration:none;transition:background .2s}

.nv .menu a:hover,.nv .menu a:focus-visible{background:rgba(216,161,59,.12);outline:none}

.nv .menu a b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:.9rem;color:#fff}

.nv .menu a small{display:block;font-size:.76rem;color:rgba(244,240,231,.55);margin-top:2px}

.nv .util{display:flex;align-items:center;gap:10px}

.nv .mobiletail{display:none}

.nv .login{font-size:.86rem;font-weight:500;color:rgba(244,240,231,.85);text-decoration:none;border:1px solid rgba(244,240,231,.25);padding:9px 16px;border-radius:6px;transition:border-color .2s,color .2s}

.nv .login:hover{border-color:var(--hv-gold);color:#fff}

.nv .cta{padding:11px 20px;font-size:.88rem}

.nv .burger{display:none;background:none;border:0;cursor:pointer;padding:10px;margin-left:auto}

.nv .burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:transform .3s,opacity .3s}
@media(max-width:1080px){
  .nv.open{-webkit-backdrop-filter:none;backdrop-filter:none;background:hsl(158 50% 5%)}
  .nv .links,.nv .util{display:none}
  .nv .burger{display:block}
  .nv.open .links{display:block;position:fixed;top:64px;left:0;right:0;height:calc(100dvh - 64px);background:hsl(158 50% 5%);overflow-y:auto;padding:18px 6vw 60px}
  .nv.open .nitem,.nv.open .ndbtn{display:flex;width:100%;justify-content:space-between;font-size:1.05rem;padding:16px 8px;border-bottom:1px solid rgba(216,161,59,.12);border-radius:0}
  .nv.open .menu{position:static;display:none;min-width:0;border:0;box-shadow:none;background:rgba(216,161,59,.05);border-radius:8px;margin:4px 0 10px}
  .nv.open .nd.open .menu{display:block}
  .nv.open .mobiletail{display:flex;flex-direction:column;gap:14px;margin-top:22px}
  .nv .mobiletail{display:none}
  .nv.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nv.open .burger span:nth-child(2){opacity:0}
  .nv.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}