/* HLTH offer landing template — additive styles on top of base.css.
   base.css owns the design system (tokens, header, hero, sections, buttons,
   delivery-steps, cta, footer). Everything here is offer-page specific. */

/* Hero: single wide credibility line under the actions */
.hero-proof .badge-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);flex-shrink:0}

/* THE GAP — three truths on paper */
.truths{padding:100px 6.3% 90px}
.truths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px}
.truth{background:#fff;border:1px solid var(--line);border-radius:9px;padding:34px 30px;position:relative;transition:transform .25s,box-shadow .25s}
.truth:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1c0d5f0d}
.truth .truth-no{font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:var(--purple);letter-spacing:.02em}
.truth h3{font-size:24px;margin:18px 0 14px;line-height:1.15}
.truth p{font-size:16px;color:var(--muted);line-height:1.7}

/* WHAT'S INCLUDED — six white cards */
.includes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.include{border:1px solid var(--line);background:#fff;border-radius:9px;padding:32px 30px;position:relative;transition:transform .25s,box-shadow .25s}
.include:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1c0d5f0d}
.include-no{font-size:12px;letter-spacing:.12em;color:var(--purple);font-weight:650}
.include h3{font-size:22px;margin:18px 0 13px;line-height:1.18}
.include p{font-size:16px;color:var(--muted);line-height:1.65}
.include .flag{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.09em;font-weight:650;color:var(--ink);background:var(--mint);padding:6px 11px;border-radius:30px}

/* WHY HLTH — credibility bridge band */
.bridge{background:var(--light)}
.bridge-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.bridge-copy h2{font-size:clamp(32px,3.3vw,48px)}
.bridge-copy p{font-size:16px;color:#4b4363;line-height:1.75;margin-top:22px;max-width:480px}
.bridge-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.bridge-points li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 26px}
.bridge-points strong{display:block;font-family:'Manrope',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.02em}
.bridge-points span{display:block;font-size:15px;color:var(--muted);margin-top:6px;line-height:1.6}

/* PROOF slot — editable per client */
.proof-band{padding:90px 6.3%}
.proof-slot{background:var(--mint);border-radius:10px;padding:48px 44px;display:grid;grid-template-columns:1fr 250px;gap:40px;align-items:center;color:var(--ink)}
.proof-slot .eyebrow{color:#36513d}
.proof-slot blockquote{margin:0;font-family:'Manrope',sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:500;line-height:1.28;letter-spacing:-.03em}
.proof-slot cite{display:block;font-style:normal;font-size:14px;color:#36513d;margin-top:20px}
.proof-metric{border-left:1px solid #1c0d5f30;padding-left:34px}
.proof-metric span{font-size:11px;letter-spacing:.12em}
.proof-metric strong{display:block;font-family:'Manrope',sans-serif;font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin:14px 0 8px}
.proof-metric small{font-size:13px;color:#36513d}

@media(max-width:1100px){
  .truths-grid{gap:20px}
  .truth h3{font-size:22px}
  .includes-grid{grid-template-columns:1fr 1fr}
  .bridge-layout{gap:36px}
}
@media(max-width:800px){
  .truths{padding:64px 6% 56px}
  .truths-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}
  .includes-grid{grid-template-columns:1fr}
  .bridge-layout{grid-template-columns:1fr;gap:30px}
  .bridge-points{gap:10px}
  .proof-band{padding:60px 6%}
  .proof-slot{grid-template-columns:1fr;gap:26px;padding:34px}
  .proof-metric{border-left:0;border-top:1px solid #1c0d5f30;padding:22px 0 0}
}