/* =========================================================================
 * Home 2026-10-21, block 12 — "The Proof": the final call to action.
 *
 * The component is the steps-on-a-line of Why LMNTRIX block 5 (assets/css/
 * why-lmntrix/block5-experience.css, handle lmx-why-w5): the discs, the leg,
 * the line, the pulse and the entry choreography are the component's own.
 * Here: discs without icons and with a large number, the step title and its
 * description read as one sentence (bold lead), and the buttons and the line
 * of links under the text (`after`, printed only when passed).
 * ====================================================================== */

.lmx-fin.lmx-ex-inner{--ex-disc:max(100px,calc(140px * var(--ms-scale,1)))}
.lmx-fin .lmx-ex-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}
.lmx-fin .lmx-ex-eyebrow{font-weight:600;letter-spacing:.34em;font-size:max(10px,calc(12.5px * var(--ms-scale,1)))}
.lmx-fin .lmx-ex-title{font-size:max(34px,min(calc(64px * var(--ms-scale,1)),4vw)) !important;font-weight:700 !important;letter-spacing:-.03em;max-width:12ch}
.lmx-fin .lmx-ex-desc{max-width:min(100%,600px);font-size:max(15px,calc(19px * var(--ms-scale,1))) !important}
.lmx-fin .lmx-ex-desc::after{content:'';display:block;width:max(28px,calc(56px * var(--ms-scale,1)));height:2px;margin-top:max(16px,calc(32px * var(--ms-scale,1)));background:var(--ex-accent)}

/* discs: no icon, a large number in the middle */
.lmx-fin .lmx-ex-icon{display:none}
.lmx-fin .lmx-ex-num{position:static;transform:none;font-family:var(--lmx-ms-display,'Outfit',sans-serif);font-weight:500;font-size:max(24px,calc(34px * var(--ms-scale,1)));letter-spacing:.02em;color:var(--ex-accent)}
/* the step reads as one sentence: the bold lead, then the rest */
.lmx-fin .lmx-ex-step-title{display:inline;font-size:max(16px,calc(19px * var(--ms-scale,1))) !important;font-weight:700 !important;line-height:1.5 !important}
.lmx-fin .lmx-ex-step-desc{display:inline;margin:0 !important;font-size:max(16px,calc(19px * var(--ms-scale,1))) !important;line-height:1.5 !important;color:var(--ex-dim) !important}
.lmx-fin .lmx-ex-step{display:block;text-align:center}
.lmx-fin .lmx-ex-disc,.lmx-fin .lmx-ex-stem{margin-left:auto;margin-right:auto}
.lmx-fin .lmx-ex-step-text{display:block;max-width:min(100%,300px);margin:0 auto}

/* buttons and links */
.lmx-fin-ctas{display:flex;flex-wrap:wrap;gap:max(10px,calc(16px * var(--ms-scale,1)));margin-top:max(16px,calc(30px * var(--ms-scale,1)))}
.lmx-fin-btn{--lmx-v2-scale:var(--ms-scale,1);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:max(12px,calc(14px * var(--ms-scale,1))) !important;border-radius:4px;border-color:#178a8a;color:#178a8a !important;background:transparent}
.lmx-fin-btn--solid{background:#178a8a !important;color:#fff !important;border-color:#178a8a}
.lmx-fin-btn--solid:hover{background:#1a9e9d !important;border-color:#1a9e9d}
.lmx-fin-btn--outline:hover{background:rgba(23,138,138,.1)}
.lmx-fin-lines{margin:max(12px,calc(22px * var(--ms-scale,1))) 0 0 !important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:max(13px,calc(16px * var(--ms-scale,1))) !important;line-height:1.5 !important;font-weight:300;color:var(--ex-dim) !important}
.lmx-fin-line{display:inline}
.lmx-fin-dot{color:#178a8a;opacity:.7}
.lmx-fin-link{display:inline;padding:0;border:0;background:none;font:inherit;color:#178a8a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:inherit}
.lmx-fin-link:hover,.lmx-fin-link:focus-visible{color:#0f6b6a}
.lmx-fin-link.lmx-btn-fx{overflow:visible;transform:none !important;box-shadow:none !important}
.lmx-fin-link.lmx-btn-fx::after{display:none}

@media (max-width:1024px){
.lmx-fin .lmx-ex-title{font-size:40px !important;max-width:none}
.lmx-fin .lmx-ex-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:680px){
.lmx-fin .lmx-ex-title{font-size:32px !important}
.lmx-fin .lmx-ex-step{display:grid;grid-template-columns:var(--ex-disc) 1fr;column-gap:18px;text-align:left;align-items:start}
.lmx-fin .lmx-ex-disc{margin:0}
.lmx-fin .lmx-ex-step-text{margin:0;max-width:none}
.lmx-fin-ctas{flex-direction:column}
.lmx-fin-btn{width:100%}
}