/* =========================================================================
 * Partners Program — section backgrounds and tweaks on top of the shared
 * components.
 *
 * Partner Benefits is the tower wrapper of Why LMNTRIX block 3
 * (assets/css/why-lmntrix/block3-stack.css) plus the shared stage
 * (assets/css/shared/layers-tower.css). Partner Ecosystem is the selector of
 * Active Defense block 2 (assets/css/mdr/block4-capabilities.css, classes
 * .lmx-cap-*): only the lower size bounds live here, those at which the
 * heading, the panel with the visual and the four-item chain fit a laptop
 * window.
 * ====================================================================== */

.lmx-ppg > .lmx-msec--r1,
.lmx-ppg > .lmx-msec--r2,
.lmx-ppg > .lmx-msec--r3,
.lmx-ppg > .lmx-msec--r4{background-color:#000}

/* Partner Benefits: two labels in a callout — the first one larger (the main one), the second ordinary. */
.lmx-ppg-benefits .lmx-b7-stage--wrap .lmx-b7-lab-txt span:first-child{font-size:max(11px,calc(15px * var(--ms-scale,1)));font-weight:600;color:#fff;letter-spacing:.08em}

/* Partner Ecosystem: the left column holds the heading and the description, the right one the panel with the visual. */
.lmx-ppg-ecosystem .lmx-cap-cols{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:max(24px,calc(56px * var(--ms-scale,1)));padding-top:max(6px,calc(20px * var(--ms-scale,1)))}
.lmx-ppg-ecosystem .lmx-cap-title{font-size:max(30px,calc(56px * var(--ms-scale,1))) !important;max-width:14ch}
.lmx-ppg-ecosystem .lmx-cap-desc{max-width:520px;font-size:max(14px,calc(18px * var(--ms-scale,1))) !important}
.lmx-ppg-ecosystem .lmx-cap-right{padding-left:max(20px,calc(52px * var(--ms-scale,1)))}
.lmx-ppg-ecosystem .lmx-cap-accent-label{margin-top:0 !important;font-size:max(10px,calc(12px * var(--ms-scale,1))) !important}
.lmx-ppg-ecosystem .lmx-cap-panel-title{margin-top:max(8px,calc(16px * var(--ms-scale,1))) !important;font-size:max(22px,calc(34px * var(--ms-scale,1))) !important}
.lmx-ppg-ecosystem .lmx-cap-panel-desc{margin-top:max(8px,calc(14px * var(--ms-scale,1))) !important;max-width:560px;font-size:max(14px,calc(17.5px * var(--ms-scale,1))) !important}
.lmx-ppg-ecosystem .lmx-cap-navwrap{margin-top:max(14px,calc(40px * var(--ms-scale,1)))}
@media (max-width:1024px){
.lmx-ppg-ecosystem .lmx-cap-cols{grid-template-columns:1fr;gap:28px;padding-top:0}
.lmx-ppg-ecosystem .lmx-cap-right{padding-left:0}
.lmx-ppg-ecosystem .lmx-cap-title{font-size:40px !important;max-width:none}
}