.payment-page{--payment-wrap:min(1180px,calc(100% - 40px));--payment-ink:#1c1916;--payment-muted:#6a625c;background:#fff;color:var(--payment-ink)}
.payment-page main{overflow:hidden}.payment-kicker{display:block;color:#ff8b79;font:700 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.payment-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding-bottom:5px;border-bottom:1px solid currentColor;color:#fff;font:700 14px/1.2 var(--display);text-decoration:none}.payment-link span{transition:transform .2s var(--curve)}.payment-link:hover span{transform:translateY(3px)}
.payment-hero{width:var(--payment-wrap);min-height:730px;margin:18px auto 0;padding:clamp(44px,5.8vw,76px) clamp(44px,5.8vw,76px) 126px;position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.68fr);align-items:center;gap:clamp(48px,8vw,116px);overflow:hidden;border-radius:38px;background:radial-gradient(72% 92% at 100% 0,rgba(255,132,106,.24),transparent 70%),radial-gradient(50% 70% at 12% 100%,rgba(255,183,67,.14),transparent 74%),#201d1a;color:#fff}.payment-hero:before{content:"";position:absolute;right:20%;top:-340px;width:660px;height:660px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.payment-hero-copy{position:relative;z-index:2}.payment-hero h1{max-width:10.5ch;margin:18px 0 0;font:700 clamp(52px,6.25vw,84px)/.96 var(--display);letter-spacing:-.063em}.payment-hero-copy>p{max-width:620px;margin:26px 0 0;color:#cfc6be;font-size:clamp(17px,1.75vw,20px);line-height:1.56}.payment-phone{position:relative;z-index:1;align-self:end;margin:0;display:grid;justify-items:center}.payment-phone>div{width:min(100%,304px);padding:7px;border-radius:40px;background:#faf9f7;box-shadow:0 34px 80px rgba(0,0,0,.38)}.payment-phone img{display:block;width:100%;border-radius:33px;background:#fff}.payment-phone figcaption{margin-top:12px;color:#a9a19a;font-size:12px}.payment-equation{position:absolute;left:clamp(44px,5.8vw,76px);right:clamp(44px,5.8vw,76px);bottom:24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.18);padding-top:17px}.payment-equation span{display:grid;gap:5px}.payment-equation small{color:#948c85;font:600 10px/1 var(--display);text-transform:uppercase;letter-spacing:.08em}.payment-equation strong{font:650 13px/1.2 var(--display)}.payment-equation b{color:#716a64;font:500 16px/1 var(--display)}
.payment-steps{width:var(--payment-wrap);margin:0 auto;padding:clamp(76px,8.5vw,116px) 0 clamp(82px,9.5vw,126px);display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:clamp(58px,9vw,132px)}.payment-steps header{align-self:start;position:sticky;top:128px}.payment-steps .payment-kicker{color:#d95140}.payment-steps h2{max-width:9ch;margin:18px 0 0;font:700 clamp(42px,5.2vw,68px)/1 var(--display);letter-spacing:-.055em}.payment-steps header>p{max-width:480px;margin:24px 0 0;color:var(--payment-muted);font-size:17px;line-height:1.55}.payment-ledger{border-top:2px solid var(--payment-ink);border-bottom:1px solid #d9d1ca}.payment-ledger article{display:grid;grid-template-columns:minmax(118px,.34fr) minmax(0,1fr);gap:28px;padding:25px 0;border-bottom:1px solid #d9d1ca}.payment-ledger article:last-child{border-bottom:0}.payment-ledger h3{margin:0;font:700 17px/1.3 var(--display)}.payment-ledger strong{display:block;font:700 16px/1.3 var(--display)}.payment-ledger p{margin:8px 0 0;color:var(--payment-muted);font-size:15px;line-height:1.55}.payment-ledger a{color:var(--payment-ink);font-weight:700;text-underline-offset:3px}
@media(max-width:900px){.payment-hero{min-height:auto;grid-template-columns:1fr;padding-bottom:142px}.payment-phone{align-self:auto}.payment-phone>div{width:min(74vw,320px)}.payment-steps{grid-template-columns:1fr}.payment-steps header{position:static}.payment-steps h2{max-width:12ch}}
@media(max-width:620px){.payment-page{--payment-wrap:calc(100% - 20px)}.payment-page .crumbs{margin-top:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-hero{margin-top:14px;padding:46px 18px 132px;border-radius:27px;gap:40px}.payment-hero:before{right:-320px;top:-220px}.payment-hero h1{max-width:10.5ch;font-size:clamp(40px,11.2vw,52px);line-height:.97}.payment-hero-copy>p{font-size:16px;line-height:1.52}.payment-phone>div{width:min(80vw,300px);padding:6px;border-radius:33px}.payment-phone img{border-radius:27px}.payment-phone figcaption{max-width:260px;text-align:center}.payment-equation{left:18px;right:18px;bottom:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:4px;padding-top:14px}.payment-equation span{gap:3px}.payment-equation small{font-size:7px}.payment-equation strong{font-size:8px;line-height:1.18}.payment-equation b{font-size:10px}.payment-steps{padding:64px 0 78px;gap:38px}.payment-steps h2{font-size:clamp(36px,10vw,46px)}.payment-steps header>p{font-size:15px}.payment-ledger article{grid-template-columns:1fr;gap:8px;padding:21px 0}.payment-ledger p{font-size:15px}}

/* Keep the purchase journey concise instead of letting it wrap accidentally. */
.payment-hero h1{max-width:none;font-size:clamp(48px,5.3vw,72px)}
.payment-hero h1 span,.payment-steps h2 span{display:block;white-space:nowrap}
.payment-steps h2{max-width:none;font-size:clamp(40px,4.4vw,58px);line-height:.98}
@media(max-width:620px){.payment-hero h1{font-size:clamp(38px,10.4vw,46px)}.payment-steps h2{font-size:clamp(34px,9vw,42px)}}
@media(prefers-reduced-motion:reduce){.payment-link span{transition:none}}