/* =========================================================================
 * Home 2026-10-21, block 2 — "Proof, not promises".
 *
 * Built on the recognition wall of Why LMNTRIX (assets/css/why-lmntrix/
 * block6-recognition.css, handle lmx-why-w6): the pill, the three-line
 * heading, the rule and the description on the left are the component's own.
 * New here (selectors the component never prints on Why): the three analyst
 * cards in group 1 (.lmx-rc-cards) and the row of client logos under the grid
 * (.lmx-rc-trusted). The scale is --ms-scale, written by page.js.
 * ====================================================================== */

.lmx-prf.lmx-rc-inner{padding-top:max(24px,calc(48px * var(--ms-scale,1)));padding-bottom:max(20px,calc(40px * var(--ms-scale,1)))}
.lmx-prf .lmx-rc-grid{grid-template-columns:minmax(0,.55fr) minmax(0,1.7fr);align-items:start;gap:max(24px,calc(64px * var(--ms-scale,1)))}
.lmx-prf .lmx-rc-title{font-size:max(32px,calc(72px * var(--ms-scale,1))) !important;font-weight:500 !important}
.lmx-prf .lmx-rc-text{padding-top:max(4px,calc(10px * var(--ms-scale,1)))}

/* --- the three cards ------------------------------------------------------ */
.lmx-rc-cards{list-style:none;margin:max(16px,calc(26px * var(--ms-scale,1))) 0 0 !important;padding:0 !important;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:max(12px,calc(22px * var(--ms-scale,1)))}
.lmx-rc-card{margin:0 !important;min-width:0;display:flex}
.lmx-rc-card-body{position:relative;display:flex;flex-direction:column;width:100%;min-height:max(190px,calc(300px * var(--ms-scale,1)));
  padding:max(18px,calc(34px * var(--ms-scale,1))) max(16px,calc(30px * var(--ms-scale,1))) max(16px,calc(28px * var(--ms-scale,1)));
  border:1px solid rgba(255,255,255,.16);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  color:var(--rc-ink);text-decoration:none !important;transition:border-color .25s ease,background .25s ease,transform .25s ease}
a.lmx-rc-card-link:hover,a.lmx-rc-card-link:focus-visible{border-color:rgba(82,199,198,.75);background:rgba(82,199,198,.06);transform:translateY(-2px)}
a.lmx-rc-card-link:focus-visible{outline:2px solid var(--rc-accent);outline-offset:3px}
.lmx-rc-card-logo{display:block;height:max(38px,calc(62px * var(--ms-scale,1)));margin-bottom:max(18px,calc(36px * var(--ms-scale,1)))}
.lmx-rc-card-img{display:block;width:auto;height:100%;max-width:70%;object-fit:contain;object-position:left center;opacity:.95}
.lmx-rc-card-title{display:block;font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);font-weight:600;font-size:max(16px,calc(21px * var(--ms-scale,1)));line-height:1.25;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.lmx-rc-card-text{display:block;margin-top:max(8px,calc(12px * var(--ms-scale,1)));padding-right:max(20px,calc(32px * var(--ms-scale,1)));font-size:max(13px,calc(15.5px * var(--ms-scale,1)));line-height:1.45;font-weight:300;color:rgba(217,221,225,.8)}
.lmx-rc-card-arrow{position:absolute;right:max(16px,calc(28px * var(--ms-scale,1)));bottom:max(14px,calc(26px * var(--ms-scale,1)));width:max(18px,calc(24px * var(--ms-scale,1)));height:max(18px,calc(24px * var(--ms-scale,1)));color:var(--rc-accent);transition:transform .25s ease}
.lmx-rc-card-arrow svg{display:block;width:100%;height:100%}
a.lmx-rc-card-link:hover .lmx-rc-card-arrow{transform:translateX(4px)}

/* --- trusted row ---------------------------------------------------------- */
.lmx-rc-trusted{position:relative;z-index:1;margin-top:max(22px,calc(44px * var(--ms-scale,1)));padding-top:max(20px,calc(36px * var(--ms-scale,1)));border-top:1px solid rgba(255,255,255,.12)}
.lmx-rc-trusted-logos{list-style:none;margin:max(18px,calc(34px * var(--ms-scale,1))) 0 0 !important;padding:0 !important;
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:max(14px,calc(24px * var(--ms-scale,1)))}
.lmx-rc-trusted-logo{margin:0 !important;display:flex;align-items:center;justify-content:center;min-width:0;min-height:max(28px,calc(44px * var(--ms-scale,1)))}
.lmx-rc-trusted-img{display:block;width:auto;height:auto;max-width:100%;max-height:max(26px,calc(40px * var(--ms-scale,1)));object-fit:contain;opacity:.86}
/* A client without a mark yet: the name in the same silver tone (replaced by a logo in the admin). */
.lmx-rc-trusted-name{display:block;text-align:center;font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);font-weight:500;font-size:max(13px,calc(19px * var(--ms-scale,1)));line-height:1.15;letter-spacing:.01em;color:rgba(217,221,225,.86)}

/* --- narrow screens ------------------------------------------------------- */
@media (max-width:1280px) and (min-width:1025px){
.lmx-prf .lmx-rc-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}
.lmx-rc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
.lmx-prf.lmx-rc-inner{padding:90px var(--lmx-section-padding-x) 70px}
.lmx-prf .lmx-rc-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.lmx-prf .lmx-rc-title{font-size:48px !important}
.lmx-rc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lmx-rc-card-body{min-height:0;padding:24px 20px 22px}
.lmx-rc-trusted-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}
.lmx-rc-trusted-img{max-height:34px}
}
@media (max-width:768px){
.lmx-rc-cards{grid-template-columns:minmax(0,1fr)}
.lmx-rc-card-logo{height:44px;margin-bottom:20px}
.lmx-rc-trusted-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
.lmx-prf.lmx-rc-inner{padding:70px var(--lmx-section-padding-x) 50px}
.lmx-prf .lmx-rc-title{font-size:38px !important}
.lmx-rc-trusted-name{font-size:15px}
}