/* GMI homepage — v2: typography and vertical rhythm. Scoped to <body class="page-home">. */

:root{
  --hm-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Typeface: one family across the homepage (headings + body) ---- */
.page-home,
.page-home :is(p,li,a,label,input,textarea,select,td,th,blockquote,figcaption,span,small,strong,em,address,dd,dt),
.page-home :is(h1,h2,h3,h4,h5,h6,.eyebrow,.stat-num,.hm-lede,.hm-step-num,.pillar-num,.t-role,.btn-gmi,.badge-gmi,.cred-tile span,.nav-link-gmi,.quick-card h2){
  font-family: var(--hm-font);
}
.page-home :is(h1,h2,h3,h4,h5,h6){
  font-weight:800;
  letter-spacing:-.022em;
  line-height:1.12;
}
.page-home .h-hero{font-weight:800; letter-spacing:-.03em; line-height:1.04}
.page-home .h-section{font-size:clamp(28px,3.2vw,42px)}
.page-home p,
.page-home li{font-size:17px; line-height:1.65}
.page-home .eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.14em}
.page-home .btn-gmi{font-weight:700; letter-spacing:.01em}
.page-home .stat-num{font-weight:800; letter-spacing:-.03em}

/* ---- Vertical rhythm: tighter sections, consistent gaps ---- */
.page-home .section{padding:72px 0}
.page-home .section-sm{padding:48px 0}
@media(max-width:991.98px){
  .page-home .section{padding:60px 0}
}
@media(max-width:767.98px){
  .page-home .section{padding:48px 0}
  .page-home .section-sm{padding:36px 0}
}
.page-home .section-head{margin-bottom:36px}
.page-home .section-head p{margin-top:12px; font-size:17px}
.page-home .section-head.mb-0{margin-bottom:0 !important}
.page-home .alt-row{margin-bottom:56px}
.page-home .alt-row:last-child{margin-bottom:0}
.page-home .mt-5{margin-top:32px !important}
.page-home .mb-5{margin-bottom:32px !important}
.page-home .mt-4{margin-top:24px !important}
.page-home .hm-intro{padding-top:72px}
.page-home .hm-intro-grid{gap:40px}
.page-home .hm-lede{margin:12px 0 18px; font-size:clamp(22px,2.4vw,28px)}
.page-home .quick-cards{margin-top:-96px}
@media(max-width:991.98px){.page-home .quick-cards{margin-top:-48px}}
.page-home .hm-steps{gap:20px}
.page-home .hm-step{padding:32px 30px}
.page-home .hm-step-icon{margin-bottom:18px}
.page-home .hm-cta{padding:36px 34px}
.page-home .stat-band .stat{padding:8px 22px}
.page-home .cred-grid{gap:16px}
.page-home .scroll-row{gap:16px}

/* ---- Form controls: use the site face (style.css hard-codes Inter here) ---- */
.page-home :is(input,select,textarea,button){
  font-family: var(--hm-font) !important;
}