.embedded-payment{border:1px solid #d9e2f2;border-radius:14px;overflow:hidden;background:#fff;margin-top:10px;padding:26px}.payment-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.payment-mode{font-size:.7rem;font-weight:750;letter-spacing:.09em;color:#3154f4;background:#edf2ff;border-radius:5px;padding:6px 9px}.payment-topline>span:last-child{font-size:.8rem;color:#596982}.payment-demo-note{font-size:.875rem;line-height:1.6;color:#6f5622;background:#fff8e9;padding:13px 15px;border-radius:7px}.payment-order{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 0 22px}.payment-order>div>span{font-size:.7rem;letter-spacing:.1em;color:#526680;font-weight:650}.payment-order h2{font-size:2.4rem;margin:10px 0;line-height:1.2}.payment-order p{font-size:.9rem;color:#526680}.payment-order-icon{width:54px;height:54px;background:#edf2ff;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.payment-order-icon svg{width:30px;height:30px;fill:none;stroke:#3154f4;stroke-width:1.5}.payment-totals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;font-size:.875rem;margin:0;padding:22px 0;border-block:1px solid #e1e7f2}.payment-totals dt{color:#526680}.payment-totals dd{text-align:right;margin:0;font-weight:600}.payment-totals .payment-total-label,.payment-totals .payment-total-value{font-size:1rem;color:#172448;font-weight:750;padding-top:10px}.payment-tax-note{font-size:.8rem;color:#697793;line-height:1.7;margin:13px 0 22px}.payment-demo-tools{padding:15px;border:1px dashed #b7c7ed;border-radius:8px;margin:20px 0 28px;background:#f8faff}.payment-demo-tools summary{font-size:.875rem;font-weight:650;cursor:pointer}.payment-demo-tools p{font-size:.8rem;line-height:1.65;color:#526680;margin:10px 0 13px}.payment-demo-tools>div{display:flex;gap:8px;flex-wrap:wrap}.payment-demo-tools button{font-size:.8rem;color:#2546ce;background:#edf2ff;border:1px solid #ccd8f6;border-radius:5px;padding:9px 11px}.payment-demo-tools button:hover{background:#e2eaff}.onboarding-shell .payment-fields legend{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:0}.payment-fields input,.payment-fields select{font-size:.9375rem;box-shadow:0 1px 2px #17244805}.payment-fields input:focus,.payment-fields select:focus{border-color:#3154f4}.payment-field-help{font-size:.8rem;color:#697793;line-height:1.6;margin:8px 0}.payment-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;font-size:.9375rem;font-weight:650}.payment-card-brands{font-size:.65rem;color:#526680;font-weight:700;display:flex;align-items:center;gap:5px}.payment-card-brands b{color:#6e7fa2;letter-spacing:-.3em;margin-right:3px}.onboarding-shell label.payment-card-label{font-size:.8rem;margin-top:12px;font-weight:500}.payment-card-number{position:relative}.onboarding-shell .payment-card-number input{padding-right:45px}.payment-card-number svg{position:absolute;right:12px;top:13px;width:24px;height:24px;fill:none;stroke:#7b8ba5;stroke-width:1.5;pointer-events:none}.payment-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.payment-terms-note{font-size:.8rem;color:#697793;line-height:1.7;margin:24px 0 18px}.payment-terms-note a{color:#3154f4;text-decoration:underline;text-underline-offset:3px}.payment-pay{width:100%;margin-top:18px}.payment-error{font-size:.9rem;line-height:1.65}.payment-processing{display:flex;gap:12px;align-items:center;padding:14px;background:#edf2ff;color:#2942ac;font-size:.875rem;border-radius:7px}.payment-processing>span{width:17px;height:17px;border:2px solid #c7d3ff;border-top-color:#3154f4;border-radius:50%;animation:payment-spin 1s linear infinite;flex-shrink:0}.payment-cancel{display:block;padding:5px 0;background:none;color:#3154f4;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;margin:14px auto 0}.payment-bottom-note{text-align:center;color:#697793;font-size:.8rem;line-height:1.5;margin:14px 0}.embedded-payment .payment-secondary{border-top:1px solid #e1e7f2;margin-top:24px;padding-top:18px;align-items:center;justify-content:space-between}.payment-secondary>span{font-size:.7rem;color:#7b86a0}.embedded-payment button:disabled{cursor:wait;opacity:.6;transform:none}.embedded-payment [aria-busy=true]{cursor:progress}.payment-auth{width:min(460px,calc(100% - 32px));border:1px solid #d6e0f4;border-radius:16px;padding:32px;color:#172448;box-shadow:0 24px 100px #17244830;max-height:calc(100dvh - 32px);overflow:auto}.payment-auth::backdrop{background:#111d3b80;backdrop-filter:blur(3px)}.payment-auth-icon{height:44px;width:44px;border-radius:12px;background:#edf2ff;color:#3154f4;display:grid;place-items:center;font-size:1.35rem;margin-bottom:20px}.payment-auth h2{font-size:1.85rem;line-height:1.2;margin:22px 0 15px}.payment-auth p{font-size:.9375rem;color:#526680;line-height:1.7}.payment-auth-amount{background:#f4f7ff;border-radius:8px;padding:18px;margin:22px 0}.payment-auth-amount span,.payment-auth-amount strong{display:block}.payment-auth-amount span{font-size:.8rem;color:#526680}.payment-auth-amount strong{font-size:.95rem;margin-top:8px}.payment-auth-actions{display:grid;gap:10px}.payment-auth-actions .payment-cancel{margin-top:5px}.payment-auth .button{width:100%}.onboarding-shell:has([data-onboard-step="3"]:not([hidden])){padding:25px}.onboarding-layout:has([data-onboard-step="3"]:not([hidden])){grid-template-columns:minmax(0,1.6fr) minmax(230px,.75fr);gap:55px}
@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.payment-processing>span{animation:none}}
@media(max-width:850px){.onboarding-layout:has([data-onboard-step="3"]:not([hidden])){grid-template-columns:1fr;max-width:760px;gap:25px}.onboarding-layout:has([data-onboard-step="3"]:not([hidden])) .onboarding-aside{padding-inline:15px}}
@media(max-width:480px){.onboarding-shell:has([data-onboard-step="3"]:not([hidden])){padding:17px 12px}.embedded-payment{padding:20px 15px}.payment-topline{align-items:start;flex-direction:column;gap:10px}.payment-order h2{font-size:2rem}.payment-order-icon{width:42px;height:42px}.payment-totals{font-size:.8rem;gap:12px}.payment-field-row{gap:12px}.payment-card-heading{align-items:start;flex-direction:column;gap:8px}.payment-auth{padding:25px}.payment-auth h2{font-size:1.6rem}.payment-auth .button{font-size:.875rem}.embedded-payment .payment-secondary{align-items:start;flex-direction:column}}