/* Payment Health Check shares the established site typography and identity. */
.payment-hero{padding:70px max(28px,calc((100vw - 1160px)/2));background:linear-gradient(125deg,#fafaf7,#edf3ef)}
.payment-hero-copy{max-width:850px;min-width:0}
.payment-hero h1{font:500 clamp(42px,5.5vw,68px)/1.06 var(--serif);letter-spacing:-.045em;margin:0 0 24px}
.payment-hero .lede{max-width:780px;margin:0 0 26px}
.payment-page .section>p,.payment-page .wide{max-width:850px}
.payment-page .grid,.payment-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}
.payment-page .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.payment-page .grid article,.payment-page .steps>div{padding:24px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0}
.payment-page h3{font:500 25px/1.2 var(--serif);margin:12px 0}
.payment-page .grid p,.payment-page .steps p{margin:0;color:var(--body)}
.payment-page .grid b,.payment-page .steps strong{color:var(--teal-dark)}
.payment-page .twocol{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.payment-page .deliverable{padding:24px;margin-top:24px;border-left:4px solid var(--teal);background:var(--sage)}
.payment-page .muted{background:#f1f5f1}
.payment-page .cta{background:var(--ink);color:#fff}
.payment-page .cta h2,.payment-page .cta .eyebrow{color:#fff}
.payment-page .cta .small{color:#e0eaeb!important;margin-top:24px}
.payment-page .cta .btn{background:#fff;color:var(--ink)}
.payment-page .cta a:focus-visible{outline-color:#f3e7d7}
.payment-page .actions .btn{white-space:normal;max-width:100%;text-align:left}
@media(max-width:980px){.payment-page .steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.payment-hero{padding:48px 22px 54px}.payment-hero h1{font-size:clamp(36px,10vw,50px)}.payment-page .grid,.payment-page .steps,.payment-page .twocol{grid-template-columns:1fr;gap:18px}.payment-page .grid article,.payment-page .steps>div{padding:22px}}