*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#153b2d;font:15px system-ui,sans-serif}button,input,select{font:inherit}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe3d9}.brand{font-size:36px;font-weight:850;letter-spacing:-2px}.brand span{font-size:14px;letter-spacing:0;font-weight:500;margin-left:20px;color:#657767}.badge{border:1px solid #c4d2c2;padding:8px 13px;border-radius:25px;font-size:12px}main{max-width:1140px;margin:55px auto;padding:0 28px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#527654}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;line-height:1.08;margin:14px 0 18px}.intro{color:#637466;font-size:17px;line-height:1.6;max-width:650px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.card{background:white;border:1px solid #dce4d9;border-radius:20px;padding:30px}h2{font-size:20px;margin:0 0 24px}.step{color:#7c967b;font-size:12px;margin-right:12px}label{display:block;font-size:13px;font-weight:650;margin:24px 0 9px}input,select{width:100%;padding:14px;border:1px solid #ccd6c9;border-radius:10px;background:white;color:#153b2d}.amount{font-size:28px;font-weight:650}button,.link{display:inline-block;border:0;border-radius:10px;padding:15px 18px;cursor:pointer;text-align:center;text-decoration:none;font-weight:650}button:disabled{opacity:.5;cursor:wait}.primary{background:#b6f04c;color:#16382a;width:100%;margin-top:24px}.secondary{background:#edf2e9;color:#254b36;margin:8px 5px 0 0}.note{font-size:12px;color:#71806e;line-height:1.7}.checkout{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.icon{font-size:40px;width:90px;height:90px;background:#eff5e9;border-radius:24px;display:grid;place-items:center;margin:14px}.checkout h3{font-size:23px;margin:18px 0 8px}.checkout p{max-width:320px;color:#6a7b66;line-height:1.6}.status{border-radius:24px;background:#edf2e8;padding:7px 13px;font-size:12px;font-weight:700}.success{background:#d6f7c3}.reference{font:11px monospace;word-break:break-all;color:#71806e;margin:20px 0}.events{margin-top:24px;background:#173c2d;color:#d0e4ce;border-radius:16px;padding:24px}.events h2{font-size:15px;margin:0 0 14px}.event{font:12px monospace;line-height:1.8;border-top:1px solid #31513f;padding:9px 0;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;margin:25px 0 50px;font-size:12px;color:#6d806b}footer a{color:inherit}#alert{margin-top:15px;font-size:13px;color:#a22f2f;line-height:1.6}.total{font-size:38px;font-weight:750;margin:10px}@media(max-width:700px){header{padding:0 24px}.brand span{display:none}main{margin-top:35px}.grid{grid-template-columns:1fr}.card{padding:23px}footer{flex-direction:column}}

.demo-receipt{margin-top:24px;text-align:center}.demo-warning{background:#fff2cc;color:#654500;border:1px solid #d9b856;border-radius:10px;padding:14px;font-weight:800;letter-spacing:1px;margin-bottom:24px}.verification-qr{display:block;width:min(100%,440px);height:auto;margin:24px auto;image-rendering:pixelated}.verification-url{overflow-wrap:anywhere;font:11px monospace;color:#61735c}.verification-card{max-width:780px;margin:auto}.verification-card h1{font-size:38px}.verification-card p{line-height:1.7}.receipt-details{display:grid;grid-template-columns:180px 1fr;gap:14px;margin:28px 0}.receipt-details dt{font-weight:700}.receipt-details dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.receipt-details{grid-template-columns:1fr;gap:8px}.receipt-details dd{margin-bottom:12px}}