/* 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)}}

/* ===== Light header (Joe, Nov 3 2026: the dark bar "doesn't feel like it matches the branding of the new pages ... too
   overly dark"). Ivory glass bar, deep-green words, the page's own green button. Overrides the dark rules above on every page
   that loads this file; `body .nv` wins over pages that inline the old dark nav styles. ===== */
body .nv{background:rgba(247,246,241,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(14,59,42,.08);box-shadow:0 10px 30px -24px rgba(12,43,30,.35)}
body .nv .brand b{color:#0E3B2A}
body .nv .brand b i{color:#B98228}
body .nv .nitem,body .nv .ndbtn{color:#33443B}
body .nv .nitem:hover,body .nv .ndbtn:hover,body .nv .nd.open .ndbtn{color:#0E3B2A;background:rgba(31,122,77,.07)}
body .nv .menu{background:#FFFFFF;border:1px solid rgba(14,59,42,.10);box-shadow:0 28px 60px -28px rgba(12,43,30,.40)}
body .nv .menu a:hover,body .nv .menu a:focus-visible{background:#F3F1EA}
body .nv .menu a b{color:#0E3B2A}
body .nv .menu a small{color:#5E6E66}
body .nv .login{color:#0E3B2A;border-color:rgba(14,59,42,.22)}
body .nv .login:hover{color:#0E3B2A;border-color:#B98228}
body .nv .cta,body .nv .btn.cta{background:#0E3B2A;color:#F7F6F1;border:0;box-shadow:0 10px 24px -14px rgba(14,59,42,.7)}
body .nv .cta:hover,body .nv .btn.cta:hover{background:#1F6A45;color:#fff}
body .nv .burger span{background:#0E3B2A}
@media(max-width:1080px){
  body .nv.open{background:#F7F6F1}
  body .nv.open .links{background:#F7F6F1}
  body .nv.open .nitem,body .nv.open .ndbtn{color:#0E3B2A;border-bottom-color:rgba(14,59,42,.10)}
  body .nv.open .menu{background:#FFFFFF;border:1px solid rgba(14,59,42,.08)}
}

/* ===== THE footer (scripts/nav_canonical.py --footer, Nov 3 2026): one footer on every page, new brand. ===== */
/* FOOTER (Nov 11 2026, Joe: "I don't like how the footer shows a bunch of empty white space, at least on mobile").
   Phones: Solutions and Company side by side (five links each), Resources as one full-width row of two beneath, so no column
   or row is left half empty; every link is a 44px tap target. Wider screens: the brand line, then one row of three columns. */
footer.gmf{background:#F3F1EA;color:#33443B;border-top:1px solid rgba(14,59,42,.08);padding:44px 6vw 22px;font-family:'Inter',sans-serif;margin:0}
.gmf .gmf-in{max-width:1180px;margin:0 auto}
.gmf .gmf-brand{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid rgba(14,59,42,.10)}
.gmf .gmf-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0E3B2A;font:600 18px 'Poppins',sans-serif}
.gmf .gmf-logo i{font-style:normal;color:#B98228}
.gmf .gmf-brand p{margin:0;color:#5E6E66;font-size:14.5px;line-height:1.5}
.gmf .gmf-cols{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:20px 48px}
.gmf .gmf-cols b{display:block;margin-bottom:4px;font:600 12px 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A6216}
.gmf .gmf-cols a{display:flex;align-items:center;min-height:36px;color:#1F3A2E;text-decoration:none;font-size:14.5px;line-height:1.3}
.gmf .gmf-cols a:hover{color:#1F6A45}
.gmf .gmf-base{max-width:1180px;margin:22px auto 0;padding-top:6px;border-top:1px solid rgba(14,59,42,.10);display:flex;align-items:center;flex-wrap:wrap;gap:0 22px;font-size:13px;color:#6B7A72}
.gmf .gmf-base a{display:inline-flex;align-items:center;min-height:44px;color:#33443B;text-decoration:none}
@media(max-width:600px){footer.gmf{padding:34px 22px 14px}.gmf .gmf-brand{display:block;padding-bottom:20px;margin-bottom:14px}.gmf .gmf-brand p{margin-top:10px;font-size:14px}.gmf .gmf-cols{grid-template-columns:minmax(0,1fr) 7em;gap:12px 16px}.gmf .gmf-cols a{min-height:44px}.gmf .gmf-res{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 7em;column-gap:16px}.gmf .gmf-res b{grid-column:1/-1}.gmf .gmf-base{margin-top:14px;padding-top:0}}
@media(pointer:coarse){.gmf .gmf-cols a,.gmf .gmf-logo{min-height:44px}}