body{background:#fff}
.lhead{padding-bottom:clamp(40px,5vw,64px)}
.lhead .eyebrow{margin-bottom:20px}
/* how it works: three numbered steps (the one place this copy lives; the homepage "How it works" link comes here).
   The number sits in the top-left corner with its title on the same row. The three cards share two rows (subgrid): one for the titles,
   one for the descriptions, so the descriptions start on the same line even when a title wraps to two lines */
.how{padding-bottom:clamp(88px,10vw,140px)}
.how>.eyebrow{margin:0 0 18px}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;counter-reset:s}
.steps3 li{counter-increment:s;background:var(--soft);border-radius:22px;padding:clamp(24px,2.4vw,36px);display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px}
.steps3 li::before{content:counter(s);grid-area:1/1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:500 14px var(--sans);color:var(--deep);background:var(--mist);box-shadow:inset 0 0 0 1px rgba(16,181,174,.35)}
.steps3 h3{grid-area:1/2;margin:max(0px,calc((38px - 1.08em) / 2)) 0 0;font-size:clamp(24px,2.2vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1.08;color:var(--navy)}
.steps3 p{grid-area:2/1/3/3;margin:clamp(12px,1.2vw,16px) 0 0;font-size:16px;line-height:1.55;color:#6A6E88;max-width:26em}
@supports (grid-template-rows:subgrid){.steps3{grid-template-rows:auto 1fr}.steps3 li{grid-row:span 2;grid-template-rows:subgrid}}
@supports not (grid-template-rows:subgrid){.steps3 h3{min-height:2.16em}}
/* under the cards: one sentence, then Request access at the very bottom of the page */
.wrapup{margin:clamp(36px,4.5vw,56px) 0 0;font-size:clamp(19px,1.8vw,25px);line-height:1.38;letter-spacing:-.025em;color:var(--navy);max-width:34em}
.how .cta-row{margin-top:clamp(24px,2.4vw,32px)}
@media (max-width:999px){.steps3{grid-template-columns:1fr;grid-template-rows:none;gap:24px}.steps3 li{grid-row:auto;grid-template-rows:auto auto;column-gap:20px;align-items:start}.steps3 li::before{grid-row:1/3}.steps3 h3{grid-area:1/2;margin:5px 0 0;min-height:0}.steps3 p{grid-area:2/2;margin-top:10px}}