body.seo-page{margin:0}
.pay-hero,.pay-closing{background:#0c2832;color:#f4faf7;padding:76px 0;overflow:hidden}
.pay-split{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.pay-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#26745c;margin-bottom:18px}
.pay-hero .pay-eyebrow,.pay-closing .pay-eyebrow{color:#b8f36c}
.pay-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-.045em;color:#fff;margin:0 0 24px}
.pay-hero h1 em{font-style:normal;color:#b8f36c}
.pay-lead{font-size:19px;line-height:1.7;color:#d1e0dd;max-width:570px;margin-bottom:28px}
.pay-button{display:inline-block;background:#b8f36c;color:#102b31!important;padding:17px 23px;border-radius:12px;font-size:15px;font-weight:800;text-decoration:none;text-align:center;line-height:1.5}
.pay-button:hover{background:#ccff8b}.pay-button:focus-visible,.pay-text-link:focus-visible,.pay-faq summary:focus-visible{outline:3px solid #45ad92;outline-offset:5px}
.pay-text-link{display:block;color:#176349;font-weight:700;margin:20px 0;line-height:1.6}
.pay-hero .pay-text-link{color:#e6f7f0}
.pay-note{font-size:12px!important;line-height:1.7;color:#c3d5cf!important;margin-top:15px;max-width:470px}
.pay-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.pay-tags span{border:1px solid #44615c;border-radius:30px;padding:7px 11px;font-size:11px;color:#e2ece6}
.pay-shot{margin:0 auto;max-width:430px;width:100%}.pay-shot img{display:block;width:100%;height:auto;border:1px solid #d6e2dc;border-radius:24px;box-shadow:0 22px 55px #071c2220}
.pay-shot figcaption{text-align:center;font-size:12px;line-height:1.6;margin-top:14px;color:#5e7068}.pay-shot--hero figcaption{color:#c3d5cf}
.pay-flow h2,.pay-features h2,.pay-member h2,.pay-faq h2,.pay-closing h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-.035em;margin:0 0 20px}
.pay-intro{font-size:17px;line-height:1.8;color:#50675d;max-width:740px;margin:0 0 30px}
.pay-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pay-steps li{border-top:2px solid #9fd584;padding-top:20px}.pay-steps li>span{font-size:13px;font-weight:800;color:#26745c}
.pay-steps h3,.pay-grid h3{font-size:19px;margin:14px 0 10px;line-height:1.35}.pay-steps p,.pay-grid p{font-size:15px;line-height:1.8;color:#50675d;margin:0}
.pay-features{background:#f1f6f2}.pay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.pay-grid article{padding:28px;background:#fff;border:1px solid #dfe9e2;border-radius:18px}.pay-grid article>span{font-size:26px;color:#26745c}
.pay-benefits{padding-left:20px;color:#50675d;font-size:16px;line-height:2}
.pay-related{display:flex;gap:14px;flex-wrap:wrap}.pay-related a{color:#175b44;font-weight:700;padding:15px 18px;border:1px solid #b8cfc1;border-radius:12px;background:#fff;text-decoration:none}
.pay-faq{max-width:850px}.pay-faq details{padding:22px 0;border-bottom:1px solid #d9e4dc}.pay-faq summary{cursor:pointer;font-weight:700;font-size:17px;line-height:1.5}.pay-faq details p{color:#50675d;font-size:16px;line-height:1.8;margin:15px 0 0}
.pay-closing{text-align:center}.pay-closing h2{color:#fff}.pay-closing>div>p:not(.pay-eyebrow){color:#c3d5cf;line-height:1.8}.pay-closing .pay-note{margin-left:auto;margin-right:auto}.pay-closing .pay-button{margin-top:20px}
@media(max-width:800px){.pay-split{grid-template-columns:1fr;gap:38px}.pay-hero,.pay-closing{padding:46px 0}.pay-steps{grid-template-columns:repeat(2,1fr)}.pay-shot{max-width:390px}.pay-member>figure{order:2}.pay-grid{gap:12px}.pay-grid article{padding:22px}}
@media(max-width:480px){.pay-lead{font-size:17px}.pay-grid{grid-template-columns:1fr}.pay-steps{gap:20px}.pay-steps h3{font-size:17px}.pay-steps p{font-size:14px}.pay-button{width:100%;padding:16px}.pay-related{flex-direction:column}.pay-shot{max-width:350px}}
html[data-theme="dark"] :is(.pay-flow,.pay-member,.pay-faq){color:#edf5ef}
html[data-theme="dark"] .pay-features{background:#142d29;color:#edf5ef}
html[data-theme="dark"] :is(.pay-grid article,.pay-related a){background:#1c3730;border-color:#416052}
html[data-theme="dark"] :is(.pay-steps p,.pay-grid p,.pay-intro,.pay-benefits,.pay-faq details p,.pay-shot figcaption){color:#b7cec0}
html[data-theme="dark"] :is(.pay-eyebrow,.pay-text-link,.pay-related a,.pay-steps li>span,.pay-grid article>span){color:#b8f36c}