/* =========================================================================
 * Why LMNTRIX — the page frame.
 *
 * The scroll container, the sections, the dots, the scale and the .lmx-ms-btn
 * buttons come from the shared service-page frame
 * (assets/css/mxdr-service/page.css, handle lmx-ms): the page uses the same
 * .lmx-ms / .lmx-msec / .lmx-msec-inner classes and the same --ms-scale
 * variable. Only this page's section backgrounds and the bridges to the shared
 * blocks live here.
 * ====================================================================== */

/* The section background is in place before the block CSS loads — no white flash. */
.lmx-msec--w1,
.lmx-msec--w3,
.lmx-msec--w4,
.lmx-msec--w7{background-color:#000}
.lmx-msec--w6{background-color:#0a0e14}
.lmx-msec--w2,
.lmx-msec--w5{background-color:#eef0f3}

/* The logo corridor of the home page (block 9) inside this page: its scale is
   tied to --block9-scale while this page's engine writes --ms-scale. */
.lmx-why .lmx-b9-inner{--block9-scale:var(--ms-scale,1)}

/* The logo corridor button (Integrations) — on this page only. */
.lmx-why .lmx-b9-foot{position:relative;z-index:2;text-align:center}
.lmx-why .lmx-b9-ctas{margin-top:max(14px,calc(30px * var(--ms-scale,1)))}
.lmx-why .lmx-in-btn{min-width:max(220px,calc(300px * var(--ms-scale,1)));height:max(48px,calc(64px * var(--ms-scale,1)));justify-content:center;letter-spacing:.22em;font-weight:500}
.lmx-why .lmx-in-btn .lmx-ms-btn-bar{position:absolute;left:10px;top:9px;bottom:9px;height:auto;width:2px}
@media (max-width:1024px){
.lmx-why .lmx-b9-ctas{margin-top:22px}
.lmx-why .lmx-in-btn{width:100%;max-width:360px}
}