:root{--bg-1:#f7f1e5;--bg-2:#efe6d4;--panel:#fffcf7eb;--ink:#201a15;--muted:#6b6258;--line:#836c522e;--accent:#0d684f;--accent-strong:#083d34;--accent-soft:#0d684f14;--good:#1b8f5a;--bad:#b03c2e;--shadow:0 30px 70px #2b1e121a}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top left, #fffffff2, transparent 28%), radial-gradient(circle at bottom right, #0d684f14, transparent 24%), linear-gradient(145deg, var(--bg-1), var(--bg-2));margin:0;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;font-size:15px;line-height:1.45}main{min-height:100vh}.shell{max-width:980px;margin:0 auto;padding:18px 14px 28px}.shell-embedded{max-width:none;padding:0}.checkout-grid{gap:14px;display:grid}.checkout-stage{background:radial-gradient(circle at 100% 0,#0d684f1f,#0000 28%),linear-gradient(#ffffffb8,#fffaf399);border:1px solid #836c521f;border-radius:16px;gap:8px;margin-bottom:10px;padding:12px 14px;display:grid;box-shadow:0 10px 24px #2b1e120f}.checkout-stage__copy{gap:8px;display:grid}.checkout-stage__copy h1{letter-spacing:-.035em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.08}.checkout-stage__copy p{max-width:42rem;margin:0}.checkout-stage__meta{flex-wrap:wrap;gap:10px;display:flex}.checkout-stage__pill{color:var(--accent-strong);background:#0d684f14;border:1px solid #0d684f1f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.checkout-grid-embedded{grid-template-columns:1fr}@media (min-width:1024px){.checkout-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start}.shell:not(.shell-embedded){height:100vh;padding-top:10px;padding-bottom:10px;overflow:hidden}.checkout-stage{display:none}.checkout-grid{grid-auto-rows:minmax(0,1fr);gap:10px;height:100%}.checkout-form,.checkout-summary{height:100%;border-radius:14px!important;padding:14px!important}.checkout-form{scrollbar-gutter:stable;align-content:start;gap:8px;overflow-y:auto;padding-bottom:88px!important}.checkout-summary{overflow:hidden}.checkout-form .hero{gap:4px;padding-bottom:2px}.checkout-form .hero p,.checkout-form__section-heading,.checkout-summary .summary-note,.checkout-summary__reference,.checkout-summary .detail-optional{display:none}.checkout-form .security-pill{padding:4px 9px!important;font-size:.66rem!important}.checkout-form .field input,.checkout-form .field select{border-radius:11px;padding:9px 11px;font-size:.88rem}.checkout-form .button{min-width:130px;padding:10px 14px;font-size:.86rem}.checkout-form .action-row{gap:8px;margin-top:2px}.checkout-summary{gap:8px}.checkout-summary .hero h2{font-size:1.05rem;line-height:1.12}.checkout-summary .detail-list{gap:6px}.checkout-summary .detail-item{gap:8px;padding-bottom:6px}.checkout-summary .summary-total{gap:4px;padding:10px}.checkout-summary .summary-total strong{font-size:1rem}}@media (min-width:1200px){.checkout-grid{grid-template-columns:minmax(0,1.02fr) minmax(280px,340px)}}@media (min-width:1024px) and (max-height:820px){.checkout-form .hero h2{font-size:1rem}.checkout-summary .merchant-brand-hero{padding:8px 10px}.checkout-summary .merchant-logo,.checkout-summary .merchant-logo-fallback{border-radius:10px;width:38px;height:38px}}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:18px}.stack,.hero{gap:10px;display:grid}.hero h2{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.12}.hero p{margin:0}.hero-form{border-bottom:1px solid #836c521f;padding-bottom:6px}.hero-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-summary{padding:4px 0 6px}.stack-tight{gap:4px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.muted{color:var(--muted);font-size:.88rem}.button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #083d342e}.button-secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffc2}.field{gap:8px;display:grid}.field input,.field select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffffff0;border-radius:16px;padding:12px 14px;transition:border-color .16s,box-shadow .16s,transform .16s}.field input:focus,.field select:focus{border-color:#0d684f70;outline:none;box-shadow:0 0 0 4px #0d684f1a}.field-grid{gap:12px;display:grid}@media (min-width:720px){.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.input-cluster{gap:12px;display:grid}@media (min-width:720px){.input-cluster{grid-template-columns:repeat(2,minmax(0,1fr))}}.summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.merchant-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.merchant-brand-hero{background:linear-gradient(135deg,#0d684f14,#083d340a);border:1px solid #0d684f1f;border-radius:22px;padding:14px 16px}.merchant-logo{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:16px;width:48px;height:48px}.merchant-logo-fallback{color:var(--accent-strong);background:#e7f3ee;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.status-badge{color:var(--accent-strong);background:#0d684f14;border:1px solid #0d684f29;border-radius:999px;padding:7px 12px;font-weight:700;display:inline-flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.card-helper{background:linear-gradient(#ffffffe6,#faf5ecd6);border:1px solid #0d684f1f;border-radius:24px;padding:18px}.status-error{color:var(--bad)}.security-pill{color:var(--accent-strong);background:#0d684f1a;border-radius:999px;align-items:center;padding:7px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.helper-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.helper-header strong{margin-top:4px;display:block}.helper-caption{color:var(--muted)}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.scenario-card{text-align:left;color:var(--ink);cursor:pointer;background:#ffffffe0;border:1px solid #836c5224;border-radius:16px;gap:8px;padding:12px 14px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.scenario-card:hover{border-color:#0d684f42;transform:translateY(-1px);box-shadow:0 10px 24px #18140f14}.scenario-card small{color:var(--muted);font-size:.78rem}.scenario-card-active{background:linear-gradient(#0d684f1f,#ffffffeb);border-color:#0d684f57;box-shadow:0 14px 28px #0d684f1f}.section-heading{gap:4px;display:grid}.section-heading p{margin:0}.field-code{letter-spacing:.05em;font-family:SFMono-Regular,Menlo,monospace}.action-row{flex-wrap:wrap;gap:12px;display:flex}.action-row .button{min-width:150px}.summary-total{color:#fff;background:linear-gradient(135deg,#083d34f5,#0d684fe6);border-radius:24px;gap:8px;padding:18px 20px;display:grid}.summary-total strong{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1}.summary-total .eyebrow{color:#ffffffb8}.detail-list{gap:14px;padding:4px 0;display:grid}.detail-item{border-bottom:1px solid #836c521f;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.detail-item:last-child{border-bottom:0;padding-bottom:0}.detail-item span:last-child{text-align:right}.summary-note{background:#ffffffb3;border:1px solid #836c5224;border-radius:22px;gap:6px;padding:18px 20px;display:grid}.summary-note strong{font-size:.98rem}@media (max-width:768px){body{font-size:14px}.shell{padding:10px 10px 18px}.checkout-stage{display:none}.checkout-grid{gap:10px}.panel{border-radius:12px;padding:12px}.stack{gap:8px}.hero{gap:6px}.hero h2{font-size:1.05rem;line-height:1.15}.checkout-form .hero p,.checkout-form .security-pill,.checkout-summary .summary-note,.checkout-summary .detail-optional{display:none}.checkout-form .field input,.checkout-form .field select{border-radius:10px;padding:10px 11px;font-size:.88rem}.checkout-form .field-grid,.checkout-form .input-cluster,.checkout-summary{gap:8px}.checkout-summary .hero h2{font-size:1rem}.checkout-summary .merchant-brand-hero{border-radius:12px;padding:8px 10px}.checkout-summary .merchant-logo,.checkout-summary .merchant-logo-fallback{border-radius:10px;width:36px;height:36px}.checkout-summary .summary-total{border-radius:12px;padding:10px}.checkout-summary .summary-total strong{font-size:.98rem}.checkout-summary .detail-list{gap:6px}.checkout-summary .detail-item{gap:8px;padding-bottom:6px}.checkout-form .action-row{z-index:4;background:#fffcf7f0;border:1px solid #836c5229;border-radius:12px;padding:8px;position:sticky;bottom:8px;box-shadow:0 8px 18px #2218121f}.checkout-form .action-row .button{flex:auto;min-width:0;padding:11px 12px}}