/* ============================================================================
   Vantage — sitewide CONSISTENCY LAYER  (single source of truth)
   Linked LAST in every page's <head> so it normalizes any per-page CSS drift.
   Because each page carries its own inline <style>, values had diverged over
   time (broken navs, different paddings/gaps, mismatched hero sizes). These
   pins win the cascade (loaded after the inline style, equal specificity) and
   keep every page identical. Add a page → link this → it inherits the canon.
   2026-07-10.
   ========================================================================== */

/* --- Top navigation: identical on every page --------------------------------
   .nav-menu MUST be flex or the links + pill + button stack vertically and
   clip the hero (the data-security / investors / corporate / PE bug). */
nav{padding:1.1rem 4%}
.nav-menu{display:flex;align-items:center;gap:0.4rem}
.nav-links{align-items:center;gap:0.25rem;list-style:none}
.nav-link{font-size:0.95rem}
.nav-dd-item small{font-size:0.72rem}
.nav-pricing-cta{font-size:0.85rem}

/* --- Mobile hamburger: one drop-offset everywhere (was 60 / 64 / 68px) --- */
@media(max-width:1024px){
  .nav-menu{top:64px;max-height:calc(100vh - 64px)}
  .nav-link{width:100%}
}

/* --- Page hero heading: one size on inner pages -----------------------------
   (the homepage hero is intentionally larger and is scoped to .hero, so it is
   unaffected by this .page-hero rule.) */
.page-hero h1{font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.15}
