:root{color-scheme:light;--mx-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mx-bg-app: #f1f1f1;--mx-bg-surface: #ffffff;--mx-bg-surface-hover: #f7f7f7;--mx-bg-dark: #111213;--mx-bg-primary: #303030;--mx-bg-primary-hover: #1f1f1f;--mx-text: #303030;--mx-text-secondary: #616161;--mx-border: #e3e3e3;--mx-border-hover: #c9cccf;--mx-border-focus: #005bd3;--mx-shadow-card: 0 1px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(63, 63, 68, .05), 0 2px 1px rgba(0, 0, 0, .03);--mx-shadow-inset: inset 0 0 0 1px rgba(0, 0, 0, .08);--mx-shadow-button: 0 -1px 0 0 #b5b5b5 inset, 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 .5px 0 1.5px #fff inset;--mx-shadow-button-hover: 0 1px 0 0 #ebebeb inset, -1px 0 0 0 #ebebeb inset, 1px 0 0 0 #ebebeb inset, 0 -1px 0 0 #ccc inset;--mx-shadow-button-primary: 0 -1px 0 1px rgba(0, 0, 0, .8) inset, 0 0 0 1px #303030 inset, 0 .5px 0 1.5px rgba(255, 255, 255, .25) inset;--mx-shadow-button-primary-hover: 0 1px 0 0 rgba(255, 255, 255, .16) inset, 1px 0 0 0 rgba(255, 255, 255, .12) inset, -1px 0 0 0 rgba(255, 255, 255, .12) inset, 0 -1px 0 0 #000 inset;font-family:var(--mx-font-sans)}*{box-sizing:border-box}body{margin:0;background:var(--mx-bg-app);color:var(--mx-text);font-family:var(--mx-font-sans);font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit}.checkout-page,.success-page{min-height:100vh;background:var(--mx-bg-app);color:var(--mx-text)}.checkout-shell{max-width:1240px;margin:0 auto;padding:26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.checkout-main,.checkout-sidebar{display:grid;gap:18px}.checkout-kicker{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--mx-text-secondary)}.checkout-main h1,.success-card h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em}.checkout-card,.success-card{background:var(--mx-bg-surface);border-radius:12px;box-shadow:var(--mx-shadow-card);padding:16px}.section-heading{margin-bottom:14px}.section-heading h2,.section-heading p,.summary-line p,.summary-total,.success-card p{margin:0}.section-heading h2{font-size:15px}.section-heading p,.summary-line p,.helper-text,.policy-card p,.summary-footnote{color:var(--mx-text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field-span{grid-column:1 / -1}input,select,textarea{width:100%;border:1px solid var(--mx-border);background:#fff;color:var(--mx-text);border-radius:10px;box-shadow:var(--mx-shadow-inset)}input,select{height:36px;padding:0 12px}textarea{padding:12px}input:hover,select:hover,textarea:hover{border-color:var(--mx-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mx-border-focus);outline-offset:2px}.primary-button,.secondary-button{appearance:none;border:0;height:36px;border-radius:10px;padding:0 14px;font-weight:600;color:var(--mx-text);background:#fff;box-shadow:var(--mx-shadow-button);cursor:pointer;transition:background .14s ease,transform .08s ease,box-shadow .14s ease}.primary-button:hover,.secondary-button:hover{background:#fafafa;box-shadow:var(--mx-shadow-button-hover)}.primary-button{background:var(--mx-bg-primary);color:#fff;box-shadow:var(--mx-shadow-button-primary)}.primary-button:hover{background:var(--mx-bg-primary-hover);box-shadow:var(--mx-shadow-button-primary-hover)}.checkout-actions{display:flex;gap:12px;flex-wrap:wrap}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--mx-border)}.summary-line:first-of-type{border-top:0}.summary-total{font-size:14px;font-weight:600}.summary-total--muted{font-weight:500}.embedded-checkout-shell{display:grid;gap:12px}.embedded-checkout-mount,.embedded-checkout-placeholder{min-height:120px;border-radius:12px;border:1px dashed var(--mx-border);padding:12px;background:#fff}.embedded-checkout-placeholder{display:grid;place-items:center;color:var(--mx-text-secondary)}.embedded-checkout-placeholder--error{color:#8e1f0b}.success-page{display:grid;place-items:center;padding:24px}.success-card{width:min(520px,100%)}@media(max-width:960px){.checkout-shell{grid-template-columns:1fr}}@media(max-width:640px){.checkout-shell{padding:16px}.form-grid{grid-template-columns:1fr}}
