.checkout-backdrop{position:fixed;inset:0;background:rgba(14,31,26,.72);z-index:55;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s;padding:20px}.checkout-backdrop.open{opacity:1;pointer-events:auto}.checkout-modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fbfaf6;position:relative;padding:38px 48px}.checkout-close{position:absolute;right:20px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}.checkout-progress{display:flex;gap:8px;margin-bottom:32px;padding-right:38px}.progress-step{height:4px;flex:1;background:var(--line);border-radius:4px}.progress-step.active{background:var(--orange)}.checkout-heading h2{font-size:36px;letter-spacing:-2px;margin:7px 0}.checkout-heading p{color:var(--muted);line-height:1.6;margin:0 0 27px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-form label{font-size:12px;font-weight:700}.checkout-form label.wide{grid-column:1/-1}.checkout-form input,.checkout-form select{width:100%;display:block;margin-top:6px;padding:13px;border:1px solid var(--line);background:white}.checkout-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.checkout-actions .back-button{border:0;background:transparent;font-weight:700;cursor:pointer}.order-review{background:#f1eddf;padding:18px;margin-top:20px}.review-line{display:flex;justify-content:space-between;margin:8px 0;font-size:13px}.review-line.total{font-size:18px;font-weight:800;border-top:1px solid #d4d0c4;padding-top:13px;margin-top:13px}.payment-warning{background:#fff4db;border-left:4px solid #efae32;padding:13px 15px;font-size:12px;line-height:1.5;margin:20px 0}.payment-card{border:1px solid var(--line);background:white;padding:23px}.payment-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.demo-tag{font-size:10px;font-weight:800;background:#f8d5c8;color:#9c3a19;padding:6px 9px;border-radius:20px}.payment-detail{display:grid;grid-template-columns:150px 1fr auto;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.payment-detail span{color:var(--muted)}.copy-button{border:0;background:transparent;color:var(--orange);font-weight:700;cursor:pointer}.confirm-box{background:var(--ink);color:white;padding:22px;margin-top:20px}.confirm-box p{color:#b9cac4;font-size:13px;line-height:1.5}.success-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:36px;margin:10px auto 25px}.success-view{text-align:center}.success-view h2{font-size:38px;letter-spacing:-2px}.order-number{display:inline-block;background:#eee8d8;padding:9px 14px;margin:10px 0 25px;font:800 13px Manrope}.timeline{text-align:left;max-width:510px;margin:30px auto}.timeline-item{display:grid;grid-template-columns:25px 1fr;gap:15px;position:relative;padding-bottom:25px}.timeline-item:before{content:"";position:absolute;left:7px;top:17px;bottom:0;width:2px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid #b5bcb8;background:#fbfaf6;z-index:1}.timeline-item.done .timeline-dot{border-color:var(--green);background:var(--lime)}.timeline-item h3{font:700 14px DM Sans;margin-bottom:4px}.timeline-item p{font-size:12px;color:var(--muted);margin:0}.prototype-note{font-size:11px;color:var(--muted);margin-top:14px}@media(max-width:560px){.checkout-modal{padding:30px 20px}.checkout-form{grid-template-columns:1fr}.checkout-form label.wide{grid-column:auto}.checkout-heading h2{font-size:30px}.payment-detail{grid-template-columns:1fr auto}.payment-detail span{grid-column:1/-1}.checkout-actions{gap:10px}.checkout-actions .button{padding:14px 12px}.success-view h2{font-size:31px}}