/* How We Help: extras on top of the Home B2 design (home-b2.css). */
.hero h1 span{white-space:normal}
.hero .sub2{margin-top:14px}
.hw-stat-word{letter-spacing:-.03em}

/* Headings break evenly, with no word left alone on a line */
.hero h1,.hero .sub,.hero .sub2,.band h2,.hw-step h3,.win-t,.cta h2{text-wrap:balance}
#process .sh,#wins .sh{max-width:900px}

/* The three steps: every row uses the same grid, so numbers, titles and boxes line up */
.hw-steps{display:grid;gap:20px}
.hw-step{background:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:48px;align-items:stretch;box-shadow:0 18px 44px rgba(16,40,140,.06)}
.hw-n{font-size:clamp(88px,10vw,132px);font-weight:700;letter-spacing:-.055em;line-height:.85;color:var(--dark)}
.hw-step h3{margin-top:24px;font-size:clamp(28px,3vw,38px);letter-spacing:-.04em;line-height:1.02}
.hw-step-copy p{margin-top:16px;font-size:17px;line-height:1.55;color:var(--muted)}
.hw-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hw-box{border-radius:22px;padding:28px}
.hw-box h4{font-size:20px;letter-spacing:-.03em;margin-bottom:20px}
.hw-you{background:var(--grey)}
.hw-we{background:linear-gradient(125deg,#0d2275 0%,#1640c4 60%,#2559ea 100%);color:#fff}
.hw-we h4{color:#fff}
.hw-box ul{list-style:none;display:grid;gap:14px}
.hw-box li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.hw-box .ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px}
.hw-you .ico{background:var(--dark);color:#fff}
.hw-we .ico{background:#fff;color:var(--dark)}
.steps-cta .btn-dark:hover{color:#fff}

/* Situation tiles link straight to their service page here, so no expanding panel */
#situations .sit-lbl{white-space:nowrap}
#situations .help-note{text-align:center}

/* Wins sit in their own band on this page */
#wins .wins-head{margin-top:0}

/* What you can count on: bigger cards that fill the height of the photo */
#count-on .power-grid{align-items:stretch}
#count-on .feat-list{grid-auto-rows:1fr}
#count-on .feat{padding:32px;align-content:start}
#count-on .feat h4{font-size:20px}
#count-on .feat p{font-size:16px;line-height:1.5;margin-top:14px}
#count-on .power-img{height:auto;min-height:460px}
#count-on .power-img img{position:absolute;inset:0;object-position:62% 50%}

@media(max-width:960px){
  .hw-step{grid-template-columns:1fr;gap:32px;padding:36px}
  #count-on .power-img{min-height:320px}
}
@media(max-width:620px){
  .hw-step{padding:30px 22px;gap:26px;border-radius:24px}
  .hw-boxes{grid-template-columns:1fr}
  .hw-box{padding:24px 22px}
  .hw-n{font-size:88px}
}