/* =========================================================================
 * MXDR Service — block 4, Use Cases: the text column and the block grid.
 *
 * The tower stage is the shared component assets/css/shared/layers-tower.css
 * (the same one as in home block 7). This block only ties the stage scale to
 * its own variable (--lmx-tower-scale ← --ms-scale) and lays out the text on
 * the left; the pill, the heading and the description use the tokens of home
 * block 7.
 * ====================================================================== */

.lmx-mu-inner{position:relative;width:100%;min-height:100vh;background:#000 !important;font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:visible;--ms-scale:1;--lmx-tower-scale:var(--ms-scale,1);--mu-accent:#52C7C6}
.lmx-mu-inner *{box-sizing:border-box}

.lmx-mu-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:max(16px,calc(40px * var(--ms-scale,1)))}

.lmx-mu-pill{display:inline-block;padding:max(5px,calc(9px * var(--ms-scale,1))) max(12px,calc(20px * var(--ms-scale,1)));border:1px solid rgba(82,199,198,.55);border-radius:999px;color:var(--mu-accent);font-size:max(9px,calc(12px * var(--ms-scale,1)));font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.lmx-mu-title{margin:max(10px,calc(22px * var(--ms-scale,1))) 0 0 !important;font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:300 !important;font-size:max(30px,calc(66px * var(--ms-scale,1))) !important;line-height:1.05 !important;letter-spacing:-.01em;color:#fff !important}
.lmx-mu-title span{color:var(--mu-accent)}
.lmx-mu-desc{margin:max(10px,calc(22px * var(--ms-scale,1))) 0 0 !important;max-width:calc(440px * var(--ms-scale,1));font-size:max(12px,calc(17px * var(--ms-scale,1))) !important;line-height:1.6 !important;font-weight:300;color:rgba(255,255,255,.66) !important}
.lmx-mu-rule{display:block;width:max(28px,calc(44px * var(--ms-scale,1)));height:2px;margin-top:max(14px,calc(30px * var(--ms-scale,1)));background:var(--mu-accent)}
.lmx-mu-caption{display:block;margin-top:max(10px,calc(18px * var(--ms-scale,1)));font-size:max(10px,calc(13px * var(--ms-scale,1)));letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5)}

.lmx-mu-stagewrap{min-width:0}

@media (min-width:1025px){
.lmx-mu-inner{display:grid;align-content:center;height:100%;min-height:100%}
}
@media (max-width:1024px){
.lmx-mu-inner{display:block !important;height:auto !important;min-height:0 !important;padding:90px var(--lmx-section-padding-x) 70px}
.lmx-mu-grid{grid-template-columns:minmax(0,1fr);gap:30px}
.lmx-mu-title{font-size:42px !important}
}
@media (max-width:680px){
.lmx-mu-inner{padding:70px var(--lmx-section-padding-x) 50px}
.lmx-mu-title{font-size:32px !important}
}