.payment-demo{max-width:560px;margin:40px auto 64px;padding:0 20px}.pd-breadcrumb{display:flex;gap:7px;flex-wrap:wrap;font-size:13px;color:#64748b;margin-bottom:18px}.pd-breadcrumb a{color:inherit;text-decoration:none}.pd-card{border:1px solid #e4e9ef;border-top:4px solid #15815e;border-radius:18px;padding:32px;background:white;box-shadow:0 12px 32px #152b4012}.pd-card header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.pd-icon{width:44px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#edf8f2;color:#087b55;border:1px solid #c9e8d8;border-radius:13px}.pd-icon svg{width:26px;height:26px}.pd-card h1{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0;color:#17252e}.pd-card h1 span{display:block}.pd-card header p{font-size:13px;color:#73808d;margin:6px 0 0}.pd-warning{display:flex;gap:10px;border:1px solid #f5d58c;border-radius:9px;padding:14px;background:#fffbef;color:#9a530b;font-size:14px;line-height:1.5;margin-bottom:24px}.pd-warning p{margin:0}.pd-card label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.pd-input{display:flex;align-items:center;gap:12px;height:52px;border:1px solid #d6dee7;border-radius:11px;padding:0 14px;color:#7d8795}.pd-input:focus-within{border-color:#15815e;box-shadow:0 0 0 3px #15815e12}.pd-input input{border:0;outline:0;min-width:0;width:100%;font:inherit;font-size:16px;background:transparent;color:#1f2937}.pd-input>span:last-child{font-size:12px}.pd-card #demo-amount-hint{font-size:12px;color:#76818e;margin:8px 0 12px}.pd-amounts{display:flex;flex-wrap:wrap;gap:8px}.pd-amounts button{padding:7px 12px;border:1px solid #dce2e8;background:white;border-radius:20px;color:#475569;font:inherit;font-size:14px;cursor:pointer}.pd-amounts button[aria-pressed=true]{border-color:#15815e;color:#087b55;background:#edf8f2}.pd-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:49px;margin-top:24px;border:0;border-radius:10px;background:#087e59;color:white;font:inherit;font-weight:650;cursor:pointer}.pd-submit:disabled{opacity:.65;cursor:wait}.pd-card button:focus-visible,.pd-docs:focus-visible{outline:3px solid #75bda4;outline-offset:3px}#demo-error{color:#b42318;font-size:14px;margin:16px 0 0}#demo-status{font-size:13px;color:#64748b;text-align:center;margin:10px 0 0}.pd-docs{display:block;text-align:center;color:#087e59;font-size:13px;margin-top:18px;text-decoration:none}.pd-footnote{text-align:center;color:#7c8794;font-size:12px;margin-top:18px}@media(max-width:600px){.payment-demo{margin-top:24px;padding:0 14px}.pd-card{padding:24px 20px}.pd-card h1{font-size:22px}}

#demo-result{padding:20px 0 4px}#demo-result h2{font-size:24px;color:#17362b;margin:0 0 12px}#demo-result[data-status=completed] h2{color:#087e59}#demo-result[data-status=cancelled] h2,#demo-result[data-status=error] h2{color:#9a530b}#demo-result p{line-height:1.6;color:#475569}#demo-result [data-details]{font-size:13px;overflow-wrap:anywhere;color:#64748b}#demo-result a{text-decoration:none}.pd-card [hidden]{display:none!important}