/* Homepage clarity revision (15 Nov 2026): what-I-offer hero, funding band, How it works strip. */

/* Hero eyebrow */
.page-home .home-hero .hero-eyebrow{color:var(--brand-terracotta);margin:0 0 1rem;letter-spacing:.14em}

/* Funding band directly under the hero */
.home-funding-band{background:var(--sage);border-bottom:1px solid var(--line)}
.home-funding-band p{max-width:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 0;margin:0;padding:.9rem 0;font-size:.9375rem;line-height:1.4;color:var(--bark);text-align:center}
.home-funding-band span:not(:last-of-type)::after{content:"·";margin:0 .75rem;color:var(--brand-green)}
.home-funding-band a{margin-left:1.25rem;color:var(--brand-green);font-weight:600;white-space:nowrap}

/* How it works */
.page-home .home-how{background:var(--brand-cream)}
.page-home .home-how h2{max-width:24ch}
.page-home .home-how .how-intro{max-width:60ch;color:var(--ink-soft);font-size:1.125rem;line-height:1.55}
.how-steps{list-style:none;margin:2.5rem 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.how-steps li{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem 1.75rem 1.5rem}
.how-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-green);color:var(--paper);font:500 1.25rem/1 var(--font-display);margin-bottom:1.1rem}
.how-steps h3{font-size:1.35rem;line-height:1.3;margin:0 0 .5rem;color:var(--bark)}
.how-steps p{margin:0;color:var(--ink-soft);line-height:1.55}
.how-links{margin:0}

@media(max-width:767px){
  .home-funding-band p{font-size:.875rem;padding:.75rem 0;justify-content:flex-start;text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem}
  .home-funding-band span:not(:last-of-type)::after{content:none}
  .home-funding-band span::before{content:"✓";margin-right:.5rem;color:var(--brand-green)}
  .home-funding-band a{margin:.35rem 0 0}
  .how-steps{grid-template-columns:1fr;gap:1rem;margin:1.75rem 0 1.5rem}
  .how-steps li{padding:1.25rem 1.25rem 1.25rem 4.5rem}
  .how-number{position:absolute;left:1.25rem;top:1.25rem;width:38px;height:38px;font-size:1.1rem;margin:0}
  .how-steps h3{font-size:1.2rem}
}
