/* Shared native layouts for software sales offers. */
.mx-sales-page{--mx-sales-night:var(--mx-ink);--mx-sales-accent:var(--mx-accent);--mx-sales-light:var(--mx-paper)}
.mx-sales-hero{background:var(--mx-sales-night);color:var(--mx-sales-light);padding-top:28px}.mx-sales-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.mx-sales-opening>*{margin:0;min-width:0}.mx-sales-copy h1{font-size:clamp(44px,5.5vw,82px);line-height:1.04;letter-spacing:-.055em;margin:24px 0}.mx-sales-copy h1 em{color:var(--mx-sales-accent)}.mx-sales-copy .mx-eyebrow{color:var(--mx-sales-accent)}.mx-sales-copy .mx-lead{font-size:20px;line-height:1.65;color:var(--mx-sales-light)}.mx-sales-copy .wp-block-buttons{margin-top:30px;gap:12px}.mx-sales-copy .wp-block-button a{background:var(--mx-sales-accent);color:var(--mx-sales-night)}.mx-sales-copy .wp-block-button:nth-child(2) a{background:transparent;color:var(--mx-sales-light);border:1px solid currentColor}
.mx-sales-board{padding:34px;background:var(--mx-sales-light);color:var(--mx-sales-night);border-radius:18px;box-shadow:12px 12px 0 var(--mx-sales-accent)}.mx-sales-board>.mx-eyebrow{color:var(--mx-sales-night)}.mx-sales-board h2{font-size:clamp(32px,3.4vw,48px);margin:18px 0 28px}.mx-sales-row{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--mx-line);margin:0}.mx-sales-row>*{margin:0;min-width:0}.mx-sales-row h3{font-size:21px;margin:0 0 5px}.mx-sales-row p{font-size:15px;line-height:1.5;margin:0}.mx-sales-row .mx-sales-step{font-size:26px;font-weight:700}.mx-sales-board .mx-sales-note{font-size:13px;line-height:1.6;margin-top:20px}.mx-sales-page .mx-app-demo{margin-top:30px}.mx-sales-page .mx-app-demo .mx-app-card{border-top-color:var(--mx-sales-accent)}
@media(max-width:1100px){.mx-sales-opening{gap:40px;grid-template-columns:1fr}.mx-sales-board{max-width:800px}.mx-sales-copy{max-width:850px}}
@media(max-width:700px){.mx-sales-board{padding:24px;box-shadow:6px 6px 0 var(--mx-sales-accent);margin-right:6px}.mx-sales-copy .mx-lead{font-size:18px}.mx-sales-copy h1{font-size:clamp(42px,10vw,64px)}.mx-sales-row{grid-template-columns:32px 1fr;gap:10px}.mx-sales-page .mx-app-demo-top .wp-block-buttons{gap:8px}}