/* ===== TPGIG Brand Book v3.0 — V2 treatment (AI Blue nav + mark lockup + inline wordmarks) ===== */
:root{--orange:#4C5C87; --aiblue:#687CB4}
::selection{background:#687CB4;color:#f7f7f7}
#progress{background:#687CB4}

/* nav: AI Blue banner, abbreviated mark, navy display-bold links */
nav{background:#687CB4 !important;box-shadow:none;border-bottom:0;padding:16px 6vw}
nav.scrolled{background:#687CB4 !important}
.logo img{height:46px !important}
nav.scrolled .logo img{height:40px !important}
.nav-toggle span{background:#192033}
/* desktop-only nav layout — leave the mobile hamburger panel (styles.css ≤860px) intact */
@media(min-width:861px){
  .nav-links{flex-wrap:nowrap;gap:22px}
  .nav-links li{white-space:nowrap}
  .nav-links a:not(.btn){color:#192033;font-weight:700;font-size:19px;white-space:nowrap}
  .nav-links a:not(.btn):hover,.nav-links a.active{color:#192033}
  .nav-links a:not(.btn)::after{background:#192033}
}
/* mobile dropdown: keep the light panel from styles.css; navy accents only */
@media(max-width:860px){
  .nav-links a:not(.btn){color:#192033}
  .nav-links a:not(.btn)::after{background:#192033}
  nav.menu-open .logo img{content:url("assets/tpgigAiMarkLight.png")}
}

/* CTAs: navy carries the action */
.btn-primary{background:#192033;color:#f7f7f7}
.btn-primary:hover{box-shadow:0 14px 34px rgba(25,32,51,.3)}
.btn-primary:active{box-shadow:0 6px 16px rgba(25,32,51,.26)}
.status-next{background:#192033;color:#f7f7f7}

/* orange purge — literal remnants */
#hero{background:radial-gradient(1000px 560px at 80% 8%,rgba(104,124,180,.10),transparent 60%),var(--bg);padding-top:170px}
.stat-card:hover{border-color:rgba(104,124,180,.6)}
.stage .step{background:rgba(104,124,180,.16);border-color:rgba(104,124,180,.5)}
.tier.featured{border-color:rgba(104,124,180,.7)}
.tier.featured::before{background:#192033}
.pod-feature{border-color:rgba(104,124,180,.55)}
.event-card.featured-event{border-color:rgba(104,124,180,.7)}
.wm-rule{background:#687CB4}

/* hero wordmark image + inline wordmark images */
.hero-wm{display:block;width:min(88vw,730px);height:auto;margin:0 0 6px}
.il{height:.95em;width:auto;vertical-align:-0.12em;display:inline-block}
.who-close .il{height:1.05em}

/* ===== Signature Blue boxes -> TPGIG Grey (navy text only on grey, per v3 contrast table) ===== */
.rt-banner,.whofor,.cta-band,.rt-crosslink,.roi-note{background:#9A9BA0}
.rt-banner .kicker,.whofor .kicker,.rt-crosslink .kicker{color:#192033}
.rt-banner h3,.whofor h3,.rt-crosslink h3,.cta-band h2{color:#192033}
.rt-banner p,.whofor p,.rt-crosslink p,.cta-band p,.roi-note p{color:rgba(25,32,51,.78)}
.roi-note .big,.roi-note .big em{color:#192033}
.roi-note .big .fte{color:rgba(25,32,51,.65)}
.roi-note p b{color:#192033}
.roi-note small{color:rgba(25,32,51,.6)}
.who-bar{background:rgba(247,247,247,.55);border:1px solid rgba(25,32,51,.18);border-left:4px solid #192033;color:#192033}
.who-bar:hover{background:rgba(247,247,247,.8)}
.who-close{color:#192033}
.cta-band .link-quiet{color:#192033 !important;border-color:rgba(25,32,51,.4)}
.cta-band .link-quiet:hover{color:#192033;border-color:#192033}

/* Book a Demo + all primary buttons: white text on navy, everywhere */
.btn-primary, .nav-links .btn-primary, .nav-links a.btn-primary{color:#f7f7f7 !important}