/* Scope the Vercel shell to the two commerce routes. Native transaction UI retains its own selectors. */
body.mx-reference-commerce{margin:0;padding:0;background:white;color:#101238;font-family:Avenir,Arial,sans-serif}
.mx-reference-commerce .u-header{position:sticky;top:0}
.mx-reference-commerce .u-hero h1{font-family:Avenir,Arial,sans-serif;font-weight:400;text-wrap:balance}
.mx-reference-commerce #mx-reference-compare,.mx-reference-commerce #mxp-pricing-controls{scroll-margin-top:104px}
.mx-reference-commerce #mxft-root{min-height:0;background:white;color:#141433}
.mx-reference-commerce #mxft-root .mxft_form{margin:0}
.mx-reference-commerce #mxft-root .mxft_field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mx-reference-commerce #mxft-root input:not([type=checkbox]):not([type=hidden]){border-radius:10px;border:1px solid #d9d7e2;background:#faf9fc;color:#16152d;font-family:inherit}
.mx-reference-commerce #mxft-root .mxft_consent{color:#505166}
.mx-reference-commerce #mxft-root .mxft_submit{border-radius:999px}
@media(max-width:560px){.mx-reference-commerce #mxft-root .mxft_field-grid{grid-template-columns:1fr}}

/* Keep the native trial inside its reference-layout card. */
.mx-reference-commerce #mxft-root{width:100%!important;max-width:100%!important;margin:0!important;left:auto!important;right:auto!important;box-sizing:border-box}
.mx-reference-commerce #mxft-root .mxft_form{padding:0}
.mx-reference-commerce #mxft-root .mxft_field{min-width:0}

.mx-reference-commerce #mxp-root{isolation:auto}