/* Keep the two journeys readable without nesting grids inside oversized cards. */
body.page-how-it-works main>.how-intro:first-child{padding:56px 0 32px}
body.page-how-it-works .how-intro h1{max-width:900px;font-size:clamp(2.7rem,5.2vw,4.5rem)!important;line-height:1.04;margin:16px 0 20px!important;letter-spacing:-.055em}
body.page-how-it-works .how-intro .hero-copy{max-width:650px;font-size:1.1rem;line-height:1.65;margin:0}
body.page-how-it-works .how-workflows{padding:24px 0 72px}
body.page-how-it-works .how-tracks{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body.page-how-it-works .how-track{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(0,2fr);gap:44px;padding:36px;border:1px solid var(--line);border-radius:24px;box-shadow:none;background:var(--surface)}
body.page-how-it-works .create-track{background:linear-gradient(120deg,color-mix(in srgb,var(--surface) 94%,var(--pink) 6%),var(--surface))}
body.page-how-it-works .how-track-intro{display:flex;flex-direction:column;align-items:flex-start}
body.page-how-it-works .how-track h2{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.13;letter-spacing:-.04em;margin:14px 0 24px;max-width:340px}
body.page-how-it-works .how-track .btn{margin-top:auto;min-width:120px}
body.page-how-it-works .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:0;align-self:center}
body.page-how-it-works .how-step{min-width:0;border-top:1px solid var(--line);padding-top:18px}
body.page-how-it-works .how-number{display:block;color:var(--pink);font-weight:900;font-size:.8rem;letter-spacing:.08em;margin-bottom:24px}
body.page-how-it-works .how-step h3{font-size:1.1rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}
body.page-how-it-works .how-step p{font-size:.95rem;line-height:1.6;margin:0}
@media(max-width:1000px){
 body.page-how-it-works .how-track{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}
 body.page-how-it-works .how-track h2{max-width:600px}
}
@media(max-width:600px){
 body.page-how-it-works main>.how-intro:first-child{padding:32px 0 16px}
 body.page-how-it-works .how-intro h1{font-size:2.7rem!important}
 body.page-how-it-works .how-intro .hero-copy{font-size:1rem}
 body.page-how-it-works .how-workflows{padding:16px 0 40px}
 body.page-how-it-works .how-track{padding:24px 20px;gap:28px;border-radius:20px}
 body.page-how-it-works .how-track h2{font-size:1.75rem}
 body.page-how-it-works .how-steps{grid-template-columns:minmax(0,1fr);gap:20px}
 body.page-how-it-works .how-step{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;padding-top:20px}
 body.page-how-it-works .how-number{grid-row:1 / 3;margin:3px 0 0}
 body.page-how-it-works .how-step p{grid-column:2}
 body.page-how-it-works .how-track .btn{width:100%}
}