/* =========================================================================
 * LMNTRIX MDR — block 3, Security Team Pressure.
 *
 * A dark static block: on the left the framed label, a three-line Outfit 300
 * H2 with a silver gradient, a teal tick and the description; on the right the
 * group label with a teal square and three rows — an outlined number, an icon
 * in a dotted circle with crosshairs, the title and the description, a static
 * wave and a large accent. The background is a thin grid and concentric arcs
 * at the top right (CSS). No animations and no transitions.
 * ====================================================================== */

.lmx-pr-inner{position:relative;width:100%;min-height:100vh;background:#070b10;color:#fff;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;--pr-accent:#52C7C6}
.lmx-pr-inner *{box-sizing:border-box}

/* --- background ----------------------------------------------------------- */
.lmx-pr-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lmx-pr-grid{position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 72px),
  repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 72px)}
.lmx-pr-arcs{position:absolute;right:-14%;top:-58%;width:78%;aspect-ratio:1/1;border-radius:50%;
  background:repeating-radial-gradient(circle at 50% 50%,rgba(82,199,198,.09) 0 1px,transparent 1px 96px);
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%)}

/* --- two columns ----------------------------------------------------------- */
.lmx-pr-cols{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:max(24px,calc(72px * var(--ms-scale,1)));align-items:center;padding:max(24px,calc(40px * var(--ms-scale,1))) 0}

.lmx-pr-pill{display:inline-block;padding:max(8px,calc(12px * var(--ms-scale,1))) max(14px,calc(22px * var(--ms-scale,1)));border:1px solid rgba(255,255,255,.35);font-size:max(10px,calc(13px * var(--ms-scale,1)));font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#e6ebee;line-height:1.2}
.lmx-pr-title{margin:max(14px,calc(28px * 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(32px,min(calc(62px * var(--ms-scale,1)),3.9vw)) !important;line-height:1.08 !important;letter-spacing:-.02em;color:#e9edf0 !important;
  background:linear-gradient(180deg,#ffffff 0%,#c5ccd3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lmx-pr-bar{display:block;width:max(28px,calc(40px * var(--ms-scale,1)));height:3px;margin-top:max(14px,calc(28px * var(--ms-scale,1)));background:var(--pr-accent);box-shadow:0 0 12px rgba(82,199,198,.6)}
.lmx-pr-desc{margin:max(12px,calc(24px * var(--ms-scale,1))) 0 0 !important;max-width:360px;font-family:var(--lmx-ms-font) !important;font-weight:300;font-size:max(15px,calc(20px * var(--ms-scale,1))) !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}

.lmx-pr-label{display:flex;align-items:center;gap:max(10px,calc(18px * var(--ms-scale,1)));margin:0 0 max(12px,calc(22px * var(--ms-scale,1))) !important;font-family:var(--lmx-ms-font) !important;font-weight:500;font-size:max(11px,calc(14px * var(--ms-scale,1))) !important;letter-spacing:.34em;text-transform:uppercase;color:#e6ebee !important;line-height:1.2 !important}
.lmx-pr-label i{display:block;width:10px;height:10px;background:var(--pr-accent);box-shadow:0 0 10px rgba(82,199,198,.8)}

/* --- rows ----------------------------------------------------------------- */
.lmx-pr-list{list-style:none;margin:0;padding:0}
.lmx-pr-row{display:grid;grid-template-columns:auto auto minmax(0,1.5fr) minmax(0,.8fr) auto;grid-template-areas:"num icon text wave accent";align-items:center;gap:max(14px,calc(32px * var(--ms-scale,1)));padding:max(14px,calc(28px * var(--ms-scale,1))) 0;border-top:1px solid rgba(255,255,255,.12)}
.lmx-pr-row:first-child{border-top:0;padding-top:0}
.lmx-pr-row:last-child{padding-bottom:0}

.lmx-pr-num{grid-area:num;font-family:var(--lmx-ms-display,'Outfit',sans-serif);font-weight:200;font-size:max(44px,calc(88px * var(--ms-scale,1)));line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72);min-width:max(58px,calc(108px * var(--ms-scale,1)))}

.lmx-pr-icon{grid-area:icon;position:relative;display:flex;align-items:center;justify-content:center;width:max(62px,calc(108px * var(--ms-scale,1)));height:max(62px,calc(108px * var(--ms-scale,1)));border-radius:50%;border:1px dashed rgba(255,255,255,.38)}
/* Crosshairs: a vertical and a horizontal line with teal ends. */
.lmx-pr-icon::before,.lmx-pr-icon::after{content:'';position:absolute;pointer-events:none}
.lmx-pr-icon::before{left:50%;top:-7px;bottom:-7px;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,var(--pr-accent) 0 9px,transparent 9px calc(100% - 9px),var(--pr-accent) calc(100% - 9px) 100%)}
.lmx-pr-icon::after{top:50%;left:-7px;right:-7px;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,var(--pr-accent) 0 9px,transparent 9px calc(100% - 9px),var(--pr-accent) calc(100% - 9px) 100%)}
.lmx-pr-icon img{width:54%;height:54%;display:block;object-fit:contain}

.lmx-pr-text{grid-area:text;min-width:0}
.lmx-pr-row-title{margin:0 !important;font-family:var(--lmx-ms-display) !important;font-weight:400 !important;font-size:max(17px,calc(25px * var(--ms-scale,1))) !important;line-height:1.2 !important;letter-spacing:-.01em;color:#fff !important}
.lmx-pr-row-desc{margin:max(6px,calc(10px * var(--ms-scale,1))) 0 0 !important;max-width:380px;font-family:var(--lmx-ms-font) !important;font-weight:300;font-size:max(13px,calc(17px * var(--ms-scale,1))) !important;line-height:1.5 !important;color:rgba(255,255,255,.7) !important}

.lmx-pr-wave{grid-area:wave;display:block;width:100%;max-width:max(170px,calc(320px * var(--ms-scale,1)));height:max(36px,calc(60px * var(--ms-scale,1)));justify-self:center;fill:none;stroke:var(--pr-accent);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(82,199,198,.55))}

.lmx-pr-accent{grid-area:accent;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:max(84px,calc(140px * var(--ms-scale,1)));max-width:max(120px,calc(170px * var(--ms-scale,1)))}
.lmx-pr-accent-val{font-family:var(--lmx-ms-display);font-weight:200;font-size:max(26px,calc(50px * var(--ms-scale,1)));line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#e9edf0}
.lmx-pr-accent-sub{margin-top:max(4px,calc(8px * var(--ms-scale,1)));font-family:var(--lmx-ms-font);font-weight:500;font-size:max(9px,calc(11px * var(--ms-scale,1)));letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:rgba(255,255,255,.72)}

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

/* --- narrow screens -------------------------------------------------------- */
@media (max-width:1024px){
.lmx-pr-inner{min-height:0;height:auto;padding:84px var(--lmx-section-padding-x) 64px}
.lmx-pr-cols{grid-template-columns:1fr;gap:34px;padding:0}
.lmx-pr-title{font-size:44px !important}
.lmx-pr-desc{font-size:16px !important;max-width:none}
.lmx-pr-row{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"num icon accent" "text text text" "wave wave wave";gap:14px 16px;padding:18px 0}
.lmx-pr-num{font-size:48px;min-width:56px}
.lmx-pr-icon{width:64px;height:64px}
.lmx-pr-accent{justify-self:end;align-items:flex-end;min-width:0;max-width:150px}
.lmx-pr-accent-val{font-size:28px}
.lmx-pr-wave{justify-self:start;max-width:260px;height:40px}
.lmx-pr-row-title{font-size:18px !important}
.lmx-pr-row-desc{font-size:14px !important;max-width:none}
.lmx-pr-arcs{right:-40%;top:-30%;width:120%}
}
@media (max-width:480px){
.lmx-pr-title{font-size:38px !important}
}