/* =========================================================================
 * MXDR Service — block 5, Measured Results.
 *
 * Four metrics above the dome and the comparison chain below it. The dome is
 * CSS (a huge circle with a lit upper rim, as in home block 10), no images.
 * The numbers arrive from PHP already final; JS animates them.
 * ====================================================================== */

.lmx-mr-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:hidden;--ms-scale:1;--mr-accent:#52C7C6;--mr-pad-x:var(--lmx-section-padding-x)}
.lmx-mr-inner *{box-sizing:border-box}

/* --- header (tokens of home block 10) -------------------------------------- */
.lmx-mr-head{position:relative;z-index:1;text-align:center;padding-top:max(20px,calc(46px * var(--ms-scale,1)))}
.lmx-mr-eyebrow{display:block;font-size:max(10px,calc(13px * var(--ms-scale,1)));font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--mr-accent)}
.lmx-mr-title{margin:max(8px,calc(18px * 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(72px * var(--ms-scale,1))) !important;line-height:1.05 !important;letter-spacing:-.02em;color:#d5d9dc !important}
.lmx-mr-desc{margin:max(10px,calc(20px * var(--ms-scale,1))) auto 0 !important;max-width:760px;font-size:max(13px,calc(18px * var(--ms-scale,1))) !important;line-height:1.55 !important;font-weight:300;color:rgba(255,255,255,.66) !important}

/* --- metrics ---------------------------------------------------------------- */
.lmx-mr-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--mr-n,4),minmax(0,1fr));gap:0;margin-top:max(18px,calc(44px * var(--ms-scale,1)))}
.lmx-mr-metrics[data-count="2"]{--mr-n:2;max-width:760px;margin-left:auto;margin-right:auto}
.lmx-mr-metrics[data-count="3"]{--mr-n:3;max-width:1100px;margin-left:auto;margin-right:auto}
.lmx-mr-metric{position:relative;padding:max(6px,calc(12px * var(--ms-scale,1))) max(12px,calc(30px * var(--ms-scale,1)))}
.lmx-mr-metric + .lmx-mr-metric::before{content:'';position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(255,255,255,.14)}
.lmx-mr-metric::after{content:'';position:absolute;left:10%;right:10%;top:0;bottom:0;background:radial-gradient(50% 60% at 50% 50%,rgba(82,199,198,.14),rgba(82,199,198,0) 70%);pointer-events:none;z-index:-1}
.lmx-mr-value{display:flex;align-items:baseline;flex-wrap:nowrap;gap:0 max(6px,calc(10px * var(--ms-scale,1)));font-family:var(--lmx-ms-display,'Outfit',sans-serif)}
.lmx-mr-num{font-weight:300;font-size:max(46px,calc(82px * var(--ms-scale,1)));line-height:1;letter-spacing:-.01em;color:#dfe3e6;text-shadow:0 2px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}
.lmx-mr-suffix{font-weight:300;font-size:max(20px,calc(36px * var(--ms-scale,1)));line-height:1;color:#dfe3e6;margin-left:-4px}
/* A non-numeric value (“Sub-Second”, “24–48”, “5–5,000”) is smaller and may wrap. */
.lmx-mr-num--text{font-size:max(28px,calc(52px * var(--ms-scale,1)));letter-spacing:-.005em;white-space:nowrap}
.lmx-mr-value.has-text{flex-wrap:wrap}
/* A word suffix (“Days”, “Months”, “IPs”) is set off from the number. */
.lmx-mr-suffix--word{margin-left:.22em;font-size:max(16px,calc(26px * var(--ms-scale,1)))}
.lmx-mr-accent{font-family:var(--lmx-ms-font);font-weight:400;font-size:max(14px,calc(19px * var(--ms-scale,1)));white-space:nowrap;color:var(--mr-accent);align-self:flex-end;padding-bottom:max(2px,calc(6px * var(--ms-scale,1)))}
.lmx-mr-cap{margin:max(4px,calc(8px * var(--ms-scale,1))) 0 0 !important;font-size:max(12px,calc(17px * var(--ms-scale,1))) !important;font-weight:300;color:rgba(255,255,255,.66) !important;line-height:1.4 !important}

/* --- dome plus chain --------------------------------------------------------- */
.lmx-mr-flow{position:relative;margin-top:max(20px,calc(50px * var(--ms-scale,1)));padding-top:max(34px,calc(70px * var(--ms-scale,1)))}
.lmx-mr-domewrap{position:absolute;top:0;bottom:-8%;left:calc(-1 * var(--mr-pad-x));right:calc(-1 * var(--mr-pad-x));overflow:hidden;pointer-events:none;z-index:0}
.lmx-mr-dome{position:absolute;left:50%;top:0;width:460%;aspect-ratio:1/1;transform:translateX(-50%);border-radius:50%;display:block;background:radial-gradient(50% 50% at 50% 50%,#0c1214 0%,#080c0d 40%,#040606 62%,#020303 100%)}
.lmx-mr-dome::before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.028) 0 1px,transparent 1px 7px);opacity:.7;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 6%);mask-image:linear-gradient(180deg,#000 0,transparent 6%)}
.lmx-mr-dome::after{content:'';position:absolute;inset:0;border-radius:50%;border-top:2px solid rgba(255,255,255,.55);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 44%,#000 56%,transparent 70%);mask-image:linear-gradient(90deg,transparent 30%,#000 44%,#000 56%,transparent 70%)}


.lmx-mr-chain{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--mr-c,6),minmax(0,1fr));gap:max(8px,calc(14px * var(--ms-scale,1)))}
.lmx-mr-chain[data-count="3"]{--mr-c:3}
.lmx-mr-chain[data-count="4"]{--mr-c:4}
.lmx-mr-chain[data-count="5"]{--mr-c:5}
.lmx-mr-chain[data-count="6"]{--mr-c:6}
/* The chain line runs through the centres of the rings. */
.lmx-mr-chain::before{content:'';position:absolute;left:8%;right:8%;top:calc(max(56px,calc(80px * var(--ms-scale,1))) / 2);height:1px;background:linear-gradient(90deg,rgba(82,199,198,0),rgba(82,199,198,.9) 8%,rgba(82,199,198,.9) 92%,rgba(82,199,198,0));box-shadow:0 0 8px rgba(82,199,198,.5)}
.lmx-mr-node{position:relative;margin:0;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0) * 90ms)}
.lmx-mr-inner.is-in .lmx-mr-node{opacity:1;transform:none}
.lmx-mr-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:max(56px,calc(80px * var(--ms-scale,1)));height:max(56px,calc(80px * var(--ms-scale,1)));margin:0 auto;border-radius:50%;border:1px solid rgba(82,199,198,.85);background:#000;box-shadow:0 0 0 6px #000,0 0 18px rgba(82,199,198,.35);color:#dfe3e6}
.lmx-mr-ring-num{font-size:max(10px,calc(13px * var(--ms-scale,1)));line-height:1;color:#fff}
.lmx-mr-ring-icon{display:block;width:40%;height:40%;color:#dfe3e6}
.lmx-mr-ring-icon svg{width:100%;height:100%;display:block}
.lmx-mr-node-title{margin:max(12px,calc(24px * var(--ms-scale,1))) 0 0 !important;font-family:var(--lmx-ms-font) !important;font-weight:400 !important;font-size:max(13px,calc(17px * var(--ms-scale,1))) !important;line-height:1.3 !important;color:#fff !important}
.lmx-mr-val{margin:max(6px,calc(10px * var(--ms-scale,1))) 0 0 !important;font-size:max(11.5px,calc(14px * var(--ms-scale,1))) !important;line-height:1.35 !important;font-weight:400}
.lmx-mr-val-a{color:var(--mr-accent) !important}
.lmx-mr-val-b{color:rgba(255,255,255,.55) !important}
.lmx-mr-val-who{text-transform:none}

/* --- desktop ---------------------------------------------------------------------- */
@media (min-width:1025px){
.lmx-mr-inner{display:grid;align-content:center;height:100%;min-height:100%}
}

/* --- narrow screens --------------------------------------------------------------- */
@media (max-width:1024px){
.lmx-mr-inner{min-height:0;height:auto;padding:84px var(--lmx-section-padding-x) 64px}
.lmx-mr-title{font-size:38px !important}
.lmx-mr-metrics,.lmx-mr-metrics[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;max-width:none}
.lmx-mr-metric:nth-child(odd)::before{display:none}
.lmx-mr-num{font-size:52px}
.lmx-mr-suffix{font-size:22px}
.lmx-mr-accent{font-size:15px}
.lmx-mr-cap{font-size:14px !important}
.lmx-mr-dome{width:620%}
.lmx-mr-flow{margin-top:34px;padding-top:54px}
.lmx-mr-chain,.lmx-mr-chain[data-count="3"],.lmx-mr-chain[data-count="4"],.lmx-mr-chain[data-count="5"],.lmx-mr-chain[data-count="6"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
.lmx-mr-chain::before{display:none}
.lmx-mr-node-title{font-size:15px !important}
}
@media (max-width:520px){
.lmx-mr-metrics,.lmx-mr-metrics[data-count="3"]{grid-template-columns:1fr}
.lmx-mr-metric::before{display:none !important}
.lmx-mr-metric{text-align:center}
.lmx-mr-value{justify-content:center}
.lmx-mr-chain,.lmx-mr-chain[data-count="3"],.lmx-mr-chain[data-count="4"],.lmx-mr-chain[data-count="5"],.lmx-mr-chain[data-count="6"]{grid-template-columns:1fr}
}

/* --- less motion ------------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
.lmx-mr-node{opacity:1;transform:none;transition:none}
.lmx-mr-inner *{transition:none !important;animation:none !important}
}