/* =========================================================================
 * Our Story — block 8, The Mission (redesigned 2026-09-24).
 *
 * A closing “letter”: a centred column of text, the signature with a rule, the
 * button and a full-width logo strip. The background is three arcs converging
 * on the centre plus a teal halo, all static. Text widths are in px (the
 * fitting trap). The logo strip is a shared component (trusted-logos.css): only
 * the spacing and the line above it live here.
 * ====================================================================== */

.lmx-mi-inner{position:relative;width:100%;min-height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:center;
  background:#050708 !important;color:#fff;text-align:center;
  font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);
  padding:max(32px,calc(56px * var(--ms-scale,1))) var(--lmx-section-padding-x) max(18px,calc(30px * var(--ms-scale,1)));box-sizing:border-box;overflow:hidden;
  --mi-accent:#52C7C6;--mi-accent-hi:#9ff1ef;--mi-text:rgba(255,255,255,.82)}
.lmx-mi-inner *{box-sizing:border-box;min-width:0}

/* Background: a halo at the top centre and three horizon arcs converging on the column. */
.lmx-mi-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(42% 38% at 50% 0%,rgba(82,199,198,.2),rgba(82,199,198,0) 70%),radial-gradient(60% 40% at 50% 110%,rgba(82,199,198,.08),rgba(82,199,198,0) 70%)}
.lmx-mi-arc{position:absolute;left:50%;top:-62vw;width:124vw;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(82,199,198,.16);
  box-shadow:0 0 40px rgba(82,199,198,.06) inset}
.lmx-mi-arc--2{top:-66vw;width:134vw;border-color:rgba(82,199,198,.1)}
.lmx-mi-arc--3{top:-70vw;width:144vw;border-color:rgba(82,199,198,.06)}

.lmx-mi-main{position:relative;z-index:1;width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.lmx-mi-eyebrow{margin:0 !important;font-family:var(--lmx-ms-font) !important;font-weight:600;font-size:max(11px,calc(13px * var(--ms-scale,1))) !important;letter-spacing:.34em;text-transform:uppercase;color:var(--mi-accent) !important;line-height:1.4 !important}
.lmx-mi-title{margin:max(10px,calc(18px * var(--ms-scale,1))) 0 0 !important;max-width:16ch;font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:300 !important;font-size:max(34px,min(calc(64px * var(--ms-scale,1)),4.2vw)) !important;line-height:1.02 !important;letter-spacing:-.025em;color:#fff !important;text-wrap:balance}
.lmx-mi-text{max-width:720px;margin-top:max(14px,calc(26px * var(--ms-scale,1)))}
.lmx-mi-text p{margin:0 0 max(10px,calc(14px * var(--ms-scale,1))) !important;font-family:var(--lmx-ms-font) !important;font-weight:300;font-size:max(14px,calc(16.5px * var(--ms-scale,1))) !important;line-height:1.6 !important;color:var(--mi-text) !important}
.lmx-mi-text p:last-child{margin-bottom:0 !important}

/* The signature: a rule and two lines, the second one bold. */
.lmx-mi-signoff{position:relative;margin:max(16px,calc(28px * var(--ms-scale,1))) 0 0 !important;padding-top:max(14px,calc(22px * var(--ms-scale,1)));font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:400 !important;font-size:max(16px,calc(20px * var(--ms-scale,1))) !important;line-height:1.35 !important;color:#fff !important}
.lmx-mi-signoff::before{content:'';position:absolute;left:50%;top:0;width:64px;height:2px;transform:translateX(-50%);border-radius:1px;background:linear-gradient(90deg,rgba(82,199,198,0),#52C7C6,rgba(82,199,198,0));box-shadow:0 0 14px rgba(82,199,198,.7)}
.lmx-mi-signoff-line{display:block}
.lmx-mi-signoff-line--name{font-weight:600;letter-spacing:.02em;color:var(--mi-accent-hi)}
.lmx-mi-cta{margin-top:max(16px,calc(26px * var(--ms-scale,1)))}

/* The logo strip — a line above it and the block spacing. */
.lmx-mi-trusted{position:relative;z-index:1;margin-top:max(18px,calc(36px * var(--ms-scale,1)));padding-top:max(12px,calc(22px * var(--ms-scale,1)));border-top:1px solid rgba(255,255,255,.1)}
.lmx-mi-trusted .lmx-b2-trusted{padding-top:0;padding-bottom:max(4px,calc(10px * var(--ms-scale,1)))}

@media (max-width:1024px){
.lmx-mi-inner{min-height:0;display:block;padding:72px var(--lmx-section-padding-x) 48px}
.lmx-mi-title{font-size:38px !important}
.lmx-mi-arc{top:-70vw;width:140vw}
.lmx-mi-arc--2{top:-74vw;width:150vw}
.lmx-mi-arc--3{top:-78vw;width:160vw}
.lmx-mi-trusted{margin-top:40px}
.lmx-mi-trusted .lmx-b2-logos{flex-wrap:wrap;justify-content:center;row-gap:24px}
}
@media (max-width:600px){
.lmx-mi-inner{padding:60px var(--lmx-section-padding-x) 40px}
.lmx-mi-title{font-size:32px !important}
.lmx-mi-trusted .lmx-b2-trusted-label{white-space:normal;line-height:1.5;max-width:100%}
}