/* HVACBidCheck.com — deep evergreen + amber.
   Distinctive typography per house rule: Space Grotesk display, Inter body.
   Deliberately unlike t1 (Oswald, federal blue), t2 (Fraunces, academic green)
   and t3 (Bricolage Grotesque, civic indigo) — plan §6.1 asks that tenants
   share no recognisable design footprint. */

/* --- HCWF shared-chrome contract (core navbar/footer read these; core ships
   no defaults, and a tenant that omits them renders dark text on white) --- */
:root {
  --mm-navbar-bg: #0e3a2e;
  --mm-navbar-text: #e6f0ea;
  --mm-footer-bg: #0e3a2e;
  --mm-footer-text: #cbdcd3;
  --primary-color: #12503f;
  --secondary-color: #e8a33d;
  --text-dark: #14211c;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;

  --hv-green: #12503f;
  --hv-green-dark: #0a2b21;
  --hv-amber: #e8a33d;
  --hv-ink: #14211c;
  --hv-paper: #f4f7f4;
  --hv-rule: #d5dfd8;
  --hv-flag: #b4472e;
}

.site-footer { background: var(--mm-footer-bg); color: var(--mm-footer-text); }
.site-footer a { color: var(--mm-footer-text); text-decoration: none; }
.site-footer a:hover, .site-footer a:focus { color: var(--hv-amber); }
.site-footer h4 { color: #fff; }
.navbar, .hcwf-navbar { background: var(--mm-navbar-bg) !important; }
.hcwf-navbar .nav-link { color: var(--mm-navbar-text) !important; }
.hcwf-navbar .nav-link:hover, .hcwf-navbar .nav-link:focus { color: var(--hv-amber) !important; }
.navbar-brand img, .site-logo, .hcwf-logo-link img { max-width: 320px; max-height: 54px; }

/* --- site --- */
body { font-family: var(--font-body); color: var(--hv-ink); }
h1, h2, h3, .h1, .h2, .h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: -.02em; }
a { color: var(--hv-green); }
a:hover { color: #1d7259; }

.hv-hero { background: linear-gradient(160deg, var(--hv-green) 0%, var(--hv-green-dark) 92%); color: #fff; padding: 4.5rem 0 4rem; }
.hv-hero .lead { max-width: 42rem; }
.hv-hero .badge { background: var(--hv-amber); color: var(--hv-ink); font-weight: 600; }
.btn-hv { background: var(--hv-amber); border: none; color: var(--hv-ink); font-weight: 600; padding: .7rem 1.6rem; }
.btn-hv:hover { background: #f2b455; color: var(--hv-ink); }
.btn-outline-light:hover { color: var(--hv-green-dark); }

/* hero aside — a worked example of the comparison, which IS the product */
.hv-card-sample { background: #fff; color: var(--hv-ink); border-radius: 8px; padding: 1.4rem 1.5rem 1.25rem;
  box-shadow: 0 24px 60px rgba(0,0,0,.34); }
.hv-card-sample h2 { font-size: .95rem; text-transform: uppercase; letter-spacing: .09em; color: #5d6b64; }
.hv-compare { width: 100%; font-size: .92rem; border-collapse: collapse; margin: .9rem 0 .8rem; }
.hv-compare th { font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; color: #5d6b64;
  border-bottom: 1px solid var(--hv-rule); padding: .35rem .4rem; text-align: left; }
.hv-compare td { padding: .42rem .4rem; border-bottom: 1px solid #eef2ef; }
.hv-compare tr:last-child td { border-bottom: none; }
.hv-flagline { color: var(--hv-flag); font-weight: 600; font-size: .9rem; }
.hv-note { font-size: .82rem; color: #5d6b64; margin-bottom: 0; }
.hv-preview { border: 1px solid var(--hv-rule); border-radius: 6px; overflow: hidden; margin-bottom: 1rem; }
.hv-preview img { display: block; width: 100%; height: auto; }
.hv-sample-link { color: var(--hv-green); font-weight: 600; }

.hv-step-num { font-family: var(--font-display); font-size: 2rem; color: var(--hv-green); font-weight: 700; }
.hv-section-alt { background: var(--hv-paper); }
.hv-check li { margin-bottom: .5rem; }
.hv-fineprint { font-size: .85rem; color: #5d6b64; }
.hv-guide h2 { margin-top: 2.2rem; color: var(--hv-green); }
.hv-guide table { font-size: .93rem; }
.hv-pull { border-left: 4px solid var(--hv-amber); background: var(--hv-paper);
  padding: 1rem 1rem 1rem 1.25rem; border-radius: 4px; }
.hv-card { border: 1px solid var(--hv-rule); border-radius: 6px; padding: 1.25rem; height: 100%; background: #fff; }
.hv-card h3 { font-size: 1.05rem; }
.hv-price { font-family: var(--font-display); font-size: 2.6rem; font-weight: 700; color: var(--hv-green); }