.demo-payment-design{margin:28px 0 38px;background:linear-gradient(130deg,#121313,#08090a);border:1px solid #74572e;border-radius:12px;padding:27px}.demo-pay-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-pay-title h2{font-size:clamp(30px,4vw,46px);margin:9px 0}.demo-pay-title p{margin:0}.demo-invoice-pill{min-width:205px;border:1px solid #58452b;padding:14px;border-radius:6px;display:grid;gap:5px}.demo-invoice-pill small,.demo-invoice-pill span{font-size:10px;color:#c2a77c}.demo-invoice-pill b{font:29px Georgia,serif;color:#e3b873}.demo-payment-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0 15px}.demo-payment-options button{padding:15px 8px;border:1px solid #4c3b25;border-radius:5px;background:#151719;color:#e4d6c2;font-weight:700}.demo-payment-options button.selected{border-color:#e3b873;background:#322719;color:#f3cb88}.demo-payment-body{display:grid;grid-template-columns:1.35fr .65fr;gap:15px}.demo-payment-content,.demo-payment-aside{padding:23px;background:#151719;border:1px solid #3c3021;border-radius:7px}.demo-payment-content>p{max-width:570px}.demo-pay-summary{margin:25px 0}.demo-pay-summary>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #453622}.demo-pay-summary span{color:#aca195}.demo-pay-summary strong{color:#e4bd7e}.demo-card-illustration{height:150px;border-radius:12px;background:linear-gradient(135deg,#41321c,#0a0a0a 65%,#47321a);border:1px solid #9d7945;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#eac789;box-shadow:0 14px 35px #0009}.demo-card-illustration span{font-size:11px;letter-spacing:1px}.demo-card-illustration strong{font-size:37px}.demo-card-illustration small{font-size:8px}.demo-payment-aside h3{margin-top:22px}.demo-payment-aside p{font-size:12px}.demo-small-print{font-size:10px!important}@media(max-width:700px){.demo-payment-design{padding:15px}.demo-pay-title{align-items:flex-start;flex-direction:column}.demo-payment-options{grid-template-columns:repeat(2,1fr)}.demo-payment-body{grid-template-columns:1fr}.demo-payment-content,.demo-payment-aside{padding:17px}}