:root{font-family:system-ui,sans-serif;color:#152d44;background:#f3f6f9;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#112b43;color:white;padding:18px max(20px,calc((100vw - 1040px)/2));display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}header a{color:white;text-decoration:none;font-weight:700}header span{color:#b9dcd9}main{max-width:1080px;margin:auto;padding:35px 20px}h1{font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.08;margin:10px 0 20px;letter-spacing:-.04em}h2{margin-top:0}.eyebrow{color:#13756f;font-weight:750;letter-spacing:.1em;font-size:.8rem}.intro{max-width:700px;font-size:1.17rem;line-height:1.65}.notice{background:#fff7df;padding:17px 20px;border-left:4px solid #c99934;line-height:1.7}.steps{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.steps span{padding:10px 15px;background:#e2ecef;border-radius:7px;font-weight:600}section{padding:25px;background:white;border:1px solid #d7e1e7;border-radius:15px;margin:20px 0;line-height:1.65}button,.button{background:#087c75;color:white;border:0;border-radius:8px;padding:13px 18px;font:600 1rem system-ui;cursor:pointer;display:inline-block;text-decoration:none;min-height:46px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e7eff2;color:#173a50}.actions{display:flex;gap:10px;flex-wrap:wrap}.amount{font-size:2.7rem;font-weight:800;margin:12px 0}label{display:block;font-weight:600}input{display:block;width:min(100%,440px);font:inherit;padding:12px;border:1px solid #91a6b3;border-radius:7px;margin:8px 0 16px}iframe{width:100%;height:85vh;min-height:600px;border:1px solid #d6dfe5;border-radius:8px}#status{white-space:pre-wrap;color:#155d59;overflow-wrap:anywhere}#reference{overflow-wrap:anywhere;font-size:.85rem}footer{margin:28px 0;color:#586e7b}a{color:#067970}[hidden]{display:none!important}.payment-row{border-top:1px solid #ddd;padding:20px 0}.payment-row p{overflow-wrap:anywhere}@media(max-width:600px){main{padding:22px 12px}section{padding:16px 12px}.steps span{font-size:.8rem;padding:8px}iframe{height:85vh;min-height:550px}header{padding:16px}}

.payment-info{font-size:.88rem;line-height:1.5;background:#fff7df;border-left:3px solid #c99934;padding:10px 13px;margin:12px 0}.payment-info summary{cursor:pointer;font-weight:600}.payment-info p{margin:10px 0 2px}.test-help{font-size:.85rem;margin:4px 0 10px;color:#526575}.in-test main{padding-top:12px}.in-test main>h1,.in-test .eyebrow,.in-test .intro{display:none}.in-test .steps{margin:12px 0;gap:6px}.in-test #test{border:0;padding:0;background:transparent;margin:12px 0}.in-test #test h2{font-size:1.05rem;margin:0}.in-test iframe{height:calc(100dvh - 130px);min-height:500px;background:white}.in-test header{padding-top:10px;padding-bottom:10px;font-size:.85rem}@media(max-width:600px){h1{font-size:1.8rem;letter-spacing:-.03em}.intro{font-size:.95rem;line-height:1.5}.in-test main{padding:8px}.in-test .payment-info{font-size:.76rem;padding:8px 10px;margin:6px 0}.in-test .steps{margin:8px 0}.in-test .steps span{padding:6px 8px;font-size:.72rem}.in-test #test{margin:8px 0}.in-test .test-help{margin:3px 0 8px;font-size:.78rem}}

.business-qr{margin:16px 0;padding:12px;border:1px solid #d7e1e7;border-radius:8px}.business-qr summary{cursor:pointer;font-weight:600}.business-qr img{display:block;max-width:100%;height:auto;background:#fff}.business-qr p,.payee-name{font-size:.88rem;line-height:1.5}