.payments-page{--payment-copy:#4c584c;--payment-surface:#fffefb;--payment-soft:#f0f3e9;--payment-border:#dce1d4;--payment-green:#326143}
.payments-page main{max-width:1240px;padding:32px 40px 42px;margin:0 auto}
.payments-page .sidebar nav{gap:5px;margin-inline:-12px}.payments-page .sidebar nav a{font-size:14px;line-height:1.5;padding:10px 12px;border-radius:9px}.payments-page .sidebar nav a[aria-current=page]{background:var(--payment-soft);color:var(--payment-green);font-weight:700}
.payments-page header{font-size:13px;gap:20px}
.payments-page .payment-welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:12px 0 34px}
.payments-page .eyebrow{display:block;font-size:11px;letter-spacing:1.8px;line-height:1.6;color:#ae481f;font-weight:700;margin-bottom:10px}
.payments-page h1{font-size:clamp(32px,3.1vw,46px);letter-spacing:-1.8px;line-height:1.15;max-width:640px;margin:0 0 16px}.payments-page h1 span{color:var(--orange);display:inline-block;margin-left:12px}
.payments-page .payment-welcome p{font-size:16px;line-height:1.7;color:var(--payment-copy);margin:0;max-width:58ch}
.payment-mode{flex-shrink:0;display:inline-flex;align-items:center;background:#fff0df;color:#805018;border:1px solid #ead8bc;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:700}
.payment-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:26px;align-items:start}
.payments-page .setup-card{background:var(--payment-surface);border:1px solid var(--payment-border);border-radius:18px;box-shadow:0 5px 20px #26362404;min-width:0}
.payment-card-heading{display:flex;gap:18px;padding:30px 30px 24px;border-bottom:1px solid var(--payment-border)}
.payment-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:39px;height:39px;border-radius:11px;background:var(--payment-soft);color:var(--payment-green);font-size:13px;font-weight:700;letter-spacing:.5px}
.payments-page h2{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}.payment-card-heading .eyebrow{font-size:10px;margin-bottom:6px}.payment-card-heading p{font-size:15px;line-height:1.7;color:var(--payment-copy);margin:0}
.payment-card-body{padding:26px 30px 30px}
.payments-page .payment-status{margin:0 0 26px;padding:16px 18px;border:1px solid var(--payment-border);border-left:3px solid var(--payment-green);border-radius:10px;background:var(--payment-soft);color:var(--payment-copy);font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.payments-page #paymentSetupForm{display:grid;gap:18px;margin:0 0 18px}.payments-page label{font-size:15px;line-height:1.5;font-weight:700}.payments-page .field{gap:10px}.payments-page input{min-height:54px;font-size:16px;line-height:1.5;padding:13px 15px;border-color:#aab5a5;border-radius:10px}.payments-page .hint{font-size:13px;line-height:1.7;color:var(--payment-copy)}
.payments-page .primary,.payments-page .secondary{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:46px;max-width:100%;padding:12px 18px;line-height:1.5;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:normal}.payments-page .primary{background:#b8451e;border-color:#b8451e;color:#fff}.payments-page .primary:hover{background:#963716}.payments-page .secondary{background:var(--payment-surface);border-color:#adb6a4;color:var(--olive)}.payments-page .secondary:hover{background:var(--payment-soft)}.payments-page #savePaymentKey{justify-self:start}.payment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.payments-page .payment-privacy{padding-top:22px;margin:24px 0 0;border-top:1px solid var(--payment-border);font-size:13px;line-height:1.75;color:var(--payment-copy)}
.payment-guide{padding:28px;border:1px solid var(--payment-border);background:var(--payment-soft);border-radius:18px}.payments-page .payment-guide h2{font-size:22px;line-height:1.4}.payment-guide ol{padding-left:22px;margin:22px 0;display:grid;gap:17px;font-size:15px;line-height:1.75;color:var(--payment-copy)}.payment-guide li{padding-left:5px}.payment-guide li::marker{color:var(--payment-green);font-weight:700}.payments-page .payment-text-link{font-size:14px;line-height:1.6;color:var(--payment-green);font-weight:700;text-underline-offset:4px}.payment-guide-note{margin-top:26px;padding-top:22px;border-top:1px solid #cbd5c0;font-size:14px;line-height:1.75;color:var(--payment-copy)}.payment-guide-note strong{color:var(--olive)}.payment-guide-note p{margin:8px 0 0}
.payment-next{margin-top:46px}.payment-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.payment-section-heading p{font-size:14px;color:var(--payment-copy);margin:0 0 10px;line-height:1.7}.payment-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.payments-page .payment-task{display:flex;flex-direction:column;align-items:start;padding:26px;overflow:visible}.payment-task .payment-step{margin-bottom:23px}.payments-page .payment-task h3{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:0 0 12px}.payment-task>p{font-size:15px;line-height:1.8;margin:0 0 24px;color:var(--payment-copy)}.payment-task>.secondary{margin-top:auto;width:100%}.payments-page .payment-status-small{font-size:13px;line-height:1.7;padding:12px 14px;margin:0 0 22px;width:100%}.payment-money{color:var(--payment-green);font-variant-numeric:tabular-nums}
.payment-details{border-top:1px solid var(--payment-border);border-bottom:1px solid var(--payment-border);margin:32px 0 0;font-size:14px;color:var(--payment-copy);line-height:1.8}.payment-details summary{cursor:pointer;font-weight:700;padding:20px 0;color:var(--olive)}.payment-details>div{padding:0 0 18px;max-width:80ch}.payment-details p{margin:0 0 12px}
.payments-page .payment-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:28px;font-size:12px;line-height:1.7;color:var(--payment-copy)}.payment-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;overflow:visible}.payment-footer a{color:var(--payment-copy);text-underline-offset:4px}
.payments-page :is(a,button,input,summary):focus-visible{outline:3px solid #b8451e;outline-offset:4px}.payments-skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--payment-surface);color:var(--olive);padding:14px 20px;border:2px solid #b8451e;border-radius:8px}.payments-skip:focus{top:16px}
html[data-theme=dark] .payments-page{--payment-copy:#d1d9c9;--payment-surface:#20271f;--payment-soft:#293526;--payment-border:#46523f;--payment-green:#b5dbab}html[data-theme=dark] .payments-page .eyebrow{color:#ffad80}html[data-theme=dark] .payment-mode{background:#3c3020;color:#f3d39b;border-color:#705a35}html[data-theme=dark] .payments-page :is(.payment-status,.payment-task>p,.payment-guide-note p){color:var(--payment-copy)}html[data-theme=dark] .payments-page input{border-color:#839179}
@media(max-width:1180px){.payments-page main{padding:28px}.payment-layout{grid-template-columns:minmax(0,1fr)}.payment-guide{padding:26px}.payment-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:24px}.payment-guide-note{margin-top:22px}.payment-next-grid{grid-template-columns:1fr}.payments-page .payment-task{padding:26px;display:grid;grid-template-columns:39px minmax(0,1fr);column-gap:20px}.payment-task .payment-step{grid-row:1/5;margin:0}.payment-task>p,.payment-task>.secondary,.payment-task .payment-status{grid-column:2}.payment-task>.secondary{justify-self:start;width:auto}.payment-section-heading{align-items:start;flex-direction:column;gap:0}.payments-page .payment-welcome{align-items:start}.payment-mode{font-size:12px;padding:8px 12px}}
@media(max-width:760px){.payments-page .sidebar nav{display:flex;gap:7px;padding:12px 0 0;margin:12px 0 0;overflow:auto}.payments-page .sidebar nav a{white-space:nowrap;font-size:13px}.payments-page main{padding:22px 18px 30px}.payments-page .payment-welcome{flex-direction:column;gap:18px;margin:8px 0 26px}.payments-page h1{font-size:36px;letter-spacing:-1.3px;max-width:490px}.payments-page .payment-welcome p{font-size:15px}.payment-card-heading{padding:24px 22px;gap:13px}.payment-card-body{padding:22px}.payments-page h2{font-size:22px}.payment-guide ol{grid-template-columns:1fr;gap:15px}.payment-layout{gap:20px}.payment-guide{padding:24px}.payment-next{margin-top:34px}.payments-page .payment-task{padding:24px 22px;column-gap:15px}.payments-page .payment-footer{align-items:start;flex-direction:column}.payment-actions>*{flex:1 1 180px}.payments-page #savePaymentKey{width:100%;justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.payments-page *{scroll-behavior:auto!important}}