/* ============================================================
   HORMONE INTELLIGENCE — pages.css
   Page-specific components (who-I-help, programmes, credentials, vision).
   ============================================================ */

/* "How it works" / numbered steps */
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:step}
.method-card{position:relative;background:#fff;border-radius:var(--radius);padding:40px 30px 30px;box-shadow:var(--shadow-sm)}
.method-card::before{counter-increment:step;content:"0" counter(step);position:absolute;top:22px;right:26px;
  font-family:var(--font-display);font-size:2.4rem;color:var(--pink);line-height:1}
.method-card h3{color:var(--purple-deep);margin-top:6px}
.method-card p{color:var(--muted);margin-bottom:0}

/* Who I help — soft tiles */
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.help-tile{background:var(--cream);border-radius:var(--radius);padding:30px 28px;text-align:center}
.help-tile .ico{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--purple);
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-sm)}
.help-tile .ico svg{width:26px;height:26px}
.help-tile h3{color:var(--purple-deep);font-size:1.12rem}
.help-tile p{color:var(--muted);margin-bottom:0;font-size:.95rem}

/* Programme detail blocks (services page) */
.programme{scroll-margin-top:110px;background:#fff;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);display:grid;grid-template-columns:.92fr 1.08fr}
.programme:nth-child(even){grid-template-columns:1.08fr .92fr}
.programme:nth-child(even) .programme__media{order:2}
.programme__media{padding:16px}
.programme__media img{width:100%;height:100%;object-fit:cover;min-height:300px;border-radius:20px}
.programme__body{padding:clamp(28px,4vw,50px)}
.programme__body h2{color:var(--purple-deep)}
.programme__body p{color:var(--muted)}

/* Specialisms grid */
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px}
.spec-item{display:flex;gap:12px;align-items:flex-start;padding:8px 0;color:var(--ink)}
.spec-item svg{width:22px;height:22px;color:var(--purple);flex:none;margin-top:3px}

/* Credentials / badges */
.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.badge{background:var(--pink-light);border-radius:999px;padding:10px 18px;
  font-size:.85rem;font-weight:500;color:var(--purple-deep);display:inline-flex;align-items:center;gap:8px}
.badge svg{width:16px;height:16px;color:var(--purple)}

/* Founder quote */
.quote-block{background:var(--blush);border-radius:var(--radius-lg);padding:clamp(34px,5vw,56px);text-align:center;max-width:840px;margin:0 auto}
.quote-block .flourish{color:var(--purple-soft)}
.quote-block blockquote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.9rem);
  color:var(--purple-deep);line-height:1.5;margin:0 0 18px}
.quote-block cite{font-style:normal;font-weight:600;color:var(--purple)}

/* Vision / future list */
.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px;max-width:820px;margin:0 auto}
.vision-item{display:flex;gap:12px;align-items:flex-start;color:var(--ink)}
.vision-item svg{width:20px;height:20px;color:var(--purple-soft);flex:none;margin-top:4px}

/* Two-column list */
.dl-cols{columns:2;column-gap:44px;padding-left:1.1em;margin:0}
.dl-cols li{break-inside:avoid;margin-bottom:8px;color:var(--ink)}

@media(max-width:820px){
  .method-grid{grid-template-columns:1fr}
  .help-grid{grid-template-columns:1fr}
  .programme,.programme:nth-child(even){grid-template-columns:1fr}
  .programme:nth-child(even) .programme__media{order:0}
  .programme__media img{min-height:240px}
  .spec-grid,.vision-grid{grid-template-columns:1fr}
  .dl-cols{columns:1}
}