/* ===== Home page (client notes v1) =====
   Colours measured from docs/design-v1: home-hero-text.jpg, target-audiences.png, testimonials.png. */
body.page-home{
  --hero-t1:#004028; --hero-t2:#008000; --hero-t3:#d97706;
  --aud-ink:#1c2834; --testi-ink:#1c2834; --testi-bg:#f4f8f8; --star:#f87414;
}

/* Vertical rhythm reduced ~18% (home-spacing-before-after.png) */
.page-home .section{padding:2.85rem 0}
.page-home .section-head{margin-bottom:1.25rem}
.page-home .section-head a{display:inline-flex;align-items:center;gap:.35rem}

/* Hero */
.page-home .hero{background:#fcfcf8;padding:2.9rem 0}
.page-home .hero .grid{grid-template-columns:1fr 1.05fr;gap:2.5rem}
.page-home .hero-title{font-size:3.1rem;font-weight:800;line-height:1.35;margin-bottom:1rem;letter-spacing:0}
.page-home .hero-title .t1{color:var(--hero-t1)}
.page-home .hero-title .t2{color:var(--hero-t2)}
.page-home .hero-title .t3{color:var(--hero-t3)}
.page-home .hero p{font-size:1.1rem;color:#4b5563;max-width:32rem}
.page-home .btn-hero{min-height:52px;padding:.75rem 1.6rem;font-size:1rem;border-radius:12px}
.page-home .hero-visual img{width:100%;max-width:640px;height:auto;margin-inline:auto;border-radius:20px}

/* Target audience tiles — informational, no hover lift */
.aud-row{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.aud-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;background:#fff;border:1px solid #eef0f2;border-radius:16px;padding:1.15rem .7rem 1rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.aud-ico{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:.45rem;overflow:hidden}
.aud-ico img{width:100%;height:100%;object-fit:cover}
.aud-ico.green{background:#e8f4ec;color:#187c48}
.aud-ico.orange{background:#fcf0e0;color:#e8902c}
.aud-ico.blue{background:#e4f0fc;color:#2460e8}
.aud-ico.red{background:#fce8e8;color:#dc2626}
.aud-name{font-weight:700;font-size:.9rem;line-height:1.5;color:var(--aud-ink)}
.aud-count{font-size:.78rem;color:#6b7280}

/* Stats band: up to six columns */
.page-home .stats-band{list-style:none;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))}
.page-home .stat{display:flex;flex-direction:column;align-items:center}

/* Trainee stories (testimonials.png) */
.testi-section{background:var(--testi-bg)}
.testi-head{text-align:center;margin-bottom:1.6rem}
.testi-tag{display:inline-block;padding:.2rem .85rem;border-radius:999px;background:#f0e8ec;color:#9c4a68;font-size:.78rem;font-weight:700;margin-bottom:.55rem}
.testi-head h2{font-size:2rem;font-weight:800;color:var(--testi-ink);line-height:1.4}
.testi-head p{color:#6b7280;font-size:.98rem;margin-top:.2rem}
.testi-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.testi-card{display:flex;flex-direction:column;gap:.8rem;background:#fff;border-radius:14px;padding:1.25rem 1.35rem 1rem;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.testi-top{display:flex;align-items:center;gap:.75rem}
.testi-avatar{width:50px;height:50px;border-radius:12px;background:#fcefe6;color:#c46084;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;overflow:hidden;flex-shrink:0}
.testi-avatar img{width:100%;height:100%;object-fit:cover}
.testi-name{font-weight:800;color:var(--testi-ink);line-height:1.4}
.testi-stars{color:var(--star);font-size:.9rem;letter-spacing:1px;line-height:1.2}
.testi-quote{flex:1;color:#4b5563;font-size:.92rem;line-height:1.85}
.testi-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid #f0f1f3;padding-top:.75rem}
.testi-program{background:#f3f4f6;color:#4b5563;border-radius:999px;padding:.15rem .75rem;font-size:.76rem;font-weight:700}
.testi-time{color:#187c48;font-size:.82rem;font-weight:700}

@media(max-width:992px){
  .page-home .hero .grid{grid-template-columns:1fr}
  .aud-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-home .stats-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .testi-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .page-home .hero-title{font-size:2.2rem}
  .aud-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .stats-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .testi-grid{grid-template-columns:1fr}
}