.payments-hero{background:radial-gradient(ellipse at 0 100%,#103653 0,transparent 55%),var(--navy-950);color:#fff;padding:10rem 0 5.5rem;position:relative;overflow:hidden}.payments-layout{display:grid;grid-template-columns:1.08fr 1fr;align-items:start;gap:6rem}.payments-copy{padding-top:1rem}.payments-copy h1{font-size:clamp(2.8rem,4.5vw,4.7rem);font-weight:800;letter-spacing:-.06em;line-height:1.05;margin:0}.payments-copy h1 em{font-style:normal;color:var(--cyan-400)}.payments-lead{color:#bdd0de;font-size:1.13rem;line-height:1.7;max-width:29rem;margin:1.8rem 0 2rem}.provider-line{display:flex;gap:1.25rem;align-items:center;color:#bdcdda;font-size:.8rem}.provider-line strong{color:#ffb36e;font-weight:500}.provider-mark{border-right:1px solid #375168;padding-right:1.25rem;color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.07em}.payment-steps{list-style:none;margin:3rem 0 0;padding:1.8rem 0 0;border-top:1px solid #284052;display:flex;gap:1.4rem;font-size:.8rem;color:#becedb}.payment-steps li{flex:1}.payment-steps li span{display:block;color:var(--cyan-400);font-size:.7rem;letter-spacing:.15em;margin-bottom:.55rem}.payment-card{background:#fff;color:var(--ink);border-radius:1.5rem;padding:2.3rem;box-shadow:0 22px 80px #0004}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-heading .eyebrow{margin:0;font-size:.67rem}.currency-tag{font-size:.7rem;font-weight:800;border:1px solid #dbe7eb;border-radius:6px;padding:.25rem .55rem;color:#536978}.payment-card h2{font-size:1.8rem;letter-spacing:-.045em;line-height:1.2;margin:0 0 .5rem}.card-intro{margin:0 0 1.5rem;color:#62798a;font-size:.9rem}.gateway-note{font-size:.83rem;line-height:1.6;padding:.85rem 1rem;border:1px solid #f5d8b3;border-radius:.7rem;background:#fff7ed;color:#754415}.gateway-note.active{color:#116059;background:#eefaf7;border-color:#c2e7dd}.payment-message{background:#fff0f0;border:1px solid #e1b5b5;color:#812e2e;border-radius:.6rem;padding:.8rem;margin-top:1rem;font-size:.9rem}#empty-order{text-align:center;padding:1.5rem 0 .6rem}#empty-order h3{font-size:1.15rem;margin:.9rem 0 .4rem}#empty-order p{color:#62798a;font-size:.9rem;margin:.4rem 0 1.35rem}.order-symbol{display:grid;place-items:center;border-radius:50%;width:2.9rem;height:2.9rem;background:#eef6fa;color:#177d92;margin:auto;font-size:1.5rem}.payment-card .button{width:100%;font-size:.94rem}.help-link{display:block;font-size:.82rem;text-align:center;text-decoration:underline;text-underline-offset:3px;margin:1rem 0;color:#50697c}.card-footnote{display:flex;align-items:center;justify-content:center;gap:.6rem;border-top:1px solid #e6edf2;margin-top:.85rem;padding-top:1.3rem;font-size:.7rem;color:#62798a;line-height:1.5}.card-footnote svg{flex:none;width:1.15rem;height:1.15rem}.payment-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding-block:4rem}.benefit-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#087f96;font-weight:800;margin:0 0 1rem}.payment-benefits h2{font-size:1.15rem;margin:0 0 .6rem;letter-spacing:-.02em}.payment-benefits article>p:last-child{font-size:.93rem;color:#62798a;margin:0}.payment-benefits a{text-decoration:underline}.payment-faq{background:#f6f9fb;padding:4rem 0}.payment-faq h2{font-size:2.3rem;letter-spacing:-.05em;margin:0}.payment-faq .faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem}.payment-faq p{color:#62798a}.payment-faq details{border-bottom:1px solid #dbe5eb;padding:1.05rem 0}.payment-faq summary{font-weight:700;cursor:pointer}.payment-faq details p{font-size:.93rem;margin-bottom:.3rem}.payments-footer{background:var(--navy-950);color:#c4d3dd;padding:2rem 0}.payments-footer .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.83rem}.order-summary{margin:1.5rem 0 0}.order-summary>div{display:flex;justify-content:space-between;gap:1rem;margin:.65rem 0;font-size:.87rem}.order-summary dt{color:#62798a}.order-summary dd{margin:0;text-align:right;font-weight:650}.order-summary .total-row{padding-top:1rem;margin-top:1rem;border-top:1px dashed #d3dfe6;align-items:center}.total-row dd{font-size:1.65rem;letter-spacing:-.035em}.payment-state{font-size:.86rem;color:#416476;background:#f0f6f8;border-radius:.6rem;padding:.8rem}.buyer-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#payment-form label{display:block;font-size:.8rem;font-weight:650;margin:.9rem 0 .5rem}#payment-form input{display:block;width:100%;margin-top:.4rem;padding:.65rem;border:1px solid #bccfd8;border-radius:.5rem;color:var(--ink);min-width:0}.optional{font-weight:400;color:#62798a}.data-note,.single-payment{font-size:.73rem;color:#62798a}.single-payment{text-align:center}.refresh-button{background:#fff;border:1px solid #d2dfe6;border-radius:.6rem;padding:.7rem;width:100%;cursor:pointer;font-size:.85rem;color:var(--ink);margin-top:.7rem}button:disabled{opacity:.5;cursor:wait;transform:none!important}button:focus-visible{outline:3px solid var(--orange-500);outline-offset:3px}@media(max-width:960px){.payments-layout{gap:2.5rem}.payment-card{padding:1.7rem}.payments-hero{padding-top:8rem}.payment-steps{gap:.7rem}.payment-faq .faq-layout{gap:2rem}}@media(max-width:700px){.payments-layout{grid-template-columns:1fr;gap:2.5rem}.payments-hero{padding:7.5rem 0 3rem}.payments-copy{padding-top:0}.payments-copy h1{font-size:3rem}.payments-copy h1 em br{display:none}.payments-lead{font-size:1rem;margin:1.3rem 0}.payment-steps{margin-top:1.5rem;padding-top:1.2rem}.payment-card{padding:1.4rem;border-radius:1.1rem}.payment-benefits{grid-template-columns:1fr;gap:1.8rem;padding-block:2.5rem}.payment-faq .faq-layout{grid-template-columns:1fr;gap:1.5rem}.payments-footer .container{flex-wrap:wrap}.payments-footer p{margin:0}.buyer-fields{grid-template-columns:1fr;gap:0}.payment-card h2{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.provider-mark{font-size:1.6rem}.provider-plus{color:#8ca8bb;font-size:1rem;margin:0 .25rem}.gateway-options{border:0;padding:0;margin:0 0 1rem;min-width:0}.gateway-options legend{font-size:.78rem;font-weight:700;margin-bottom:.6rem}#gateway-choices{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.gateway-choice{display:flex;align-items:center;gap:.5rem;border:1px solid #c5d7df;border-radius:.65rem;padding:.7rem;cursor:pointer;min-width:0}.gateway-choice:has(input:checked){border-color:#087f96;background:#effafd}.gateway-choice:has(input:disabled){cursor:default}.gateway-choice input{accent-color:#087f96;margin:0;flex:none;width:1rem;height:1rem}.gateway-choice strong{display:block;font-size:.9rem}.gateway-choice small{display:block;font-size:.68rem;color:#62798a}.gateway-choice input:focus-visible{outline:3px solid var(--orange-500);outline-offset:3px}.gateway-choice.unavailable{background:#f6f9fb;border-color:#dfe7eb;color:#536978}@media(max-width:400px){.provider-mark{font-size:1.4rem}.provider-line{gap:.7rem}.gateway-choice{padding:.6rem}}

.demo-payments{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.demo-payments button:disabled{opacity:.55;cursor:not-allowed}.demo-payments .button{font-size:.8rem;padding:.8rem .4rem}body:not([data-payment-mode="showcase"]) .demo-payments{display:none}

[hidden]{display:none!important}.receipt-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;margin:16px auto}#transfer-form{display:grid;gap:14px}#transfer-form input{width:100%;padding:12px;border:1px solid #ccd6dd;border-radius:8px;font:inherit}#transfer-form label{display:grid;gap:7px;font-weight:600}#transfer-details{border-top:1px solid #dce5ed;margin-top:20px;padding-top:20px}#receipt-state:empty{display:none}.gateway-choice{align-items:flex-start}.gateway-choice small{display:block}