/* ============================================================
   Homepage-only redesign layer (scoped to body.home)
   Goal: warm the neutral background, add restrained brand-color
   accents, and sharpen heading hierarchy — without touching the
   shared site.css that every other page still uses.
   ============================================================ */

body.home{
  --paper:#faf7f1;
  --paper-2:#f2ede1;
  --paper-3:#ece3d1;
}

/* kicker: small gold-to-red accent bar under the eyebrow label */
body.home .kicker{display:inline-block}
body.home .kicker::after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-top:10px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--accent-2),var(--red));
}

/* headings: a touch heavier, a little more breathing room below */
body.home h2{font-weight:800;margin-bottom:.62em}
body.home .narrow > p{font-size:1.06rem}

/* who-teaser cards: gold top accent so the light section isn't flat */
body.home .teaser-card{border-top:3px solid var(--accent-2)}

/* honest-limits split: green top edge for "what changes", red for "what can't" */
body.home .limits .yes{border-top:3px solid var(--good)}
body.home .limits .no{border-top:3px solid var(--red)}

/* cta-band: converted to a bold navy closing block (class="cta-band dark"
   is added in index.html) right before the footer, with its own accents */
body.home .cta-band.dark{border-top:3px solid var(--accent-2)}
body.home .cta-band.dark .kicker{color:var(--accent-2)}
body.home .cta-band.dark .kicker::after{background:linear-gradient(90deg,var(--accent-2),#fff)}
body.home .cta-band.dark p{color:#cfe0f2!important}
body.home .cta-band.dark .btn-primary{background:var(--accent-2);color:#1a1206}
body.home .cta-band.dark .btn-primary:hover{background:#c89652}
body.home .cta-band.dark .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
body.home .cta-band.dark .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}