/* =========================================================================
 * Integrations (landing) — section backgrounds and tweaks on top of the
 * shared components: the MXDR service wheel
 * (assets/css/mxdr-service/block2-capabilities.css), the comet
 * (assets/css/home/block6-siem.css), the carousel
 * (assets/css/home/block4-carousel.css) and the showcase
 * (assets/css/home/block3-xdr.css). The --blockN-scale ← --ms-scale bridges
 * live in assets/css/shared/core-page.css.
 * ====================================================================== */

.lmx-igl > .lmx-msec--i1,
.lmx-igl > .lmx-msec--i3,
.lmx-igl > .lmx-msec--i6{background-color:#050708}
.lmx-igl > .lmx-msec--i2,
.lmx-igl > .lmx-msec--i4,
.lmx-igl > .lmx-msec--i5{background-color:#eceef1}

/* Hero: a long description — a narrower column and a slightly smaller size. */
.lmx-igl-hero .lmx-mh-desc{max-width:min(100%,900px);font-size:max(15px,calc(17px * var(--ms-scale,1))) !important;line-height:1.55 !important}

/* Wheel: a segment with an image icon; a card without a list — description only. */
.lmx-igl .lmx-mc-seg-icon--img{width:max(28px,calc(40px * var(--mc-fit,1)));height:max(28px,calc(40px * var(--mc-fit,1)))}

/* Comet: the image in the visual area, the comet flies over it. */
.lmx-igl-ingest .lmx-siem-text{max-width:660px}
.lmx-igl-ingest .lmx-siem-desc{max-width:620px}

/* Showcase: without the bottom points — the text and the button are centred in the column. */
.lmx-igl-xdr .lmx-b3-desc{max-width:520px}