/* Formium Alliance: home closing section "proof": stats, one rotating client quote, and the partner logos, in one calm white section. */
.fa-proof { background: #fff; color: #141414; font-family: var(--fa-font, 'Geist', system-ui, sans-serif); padding: 120px 20px 130px; }
.fa-proof__in { max-width: 1240px; margin: 0 auto; }

/* numbers */
.fa-proof__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(20, 20, 20, .14); border-bottom: 1px solid rgba(20, 20, 20, .14); }
.fa-proof__stat { padding: 34px 0 32px 28px; border-left: 1px solid rgba(20, 20, 20, .14); }
.fa-proof__stat:first-child { border-left: 0; padding-left: 0; }
.fa-proof__n { display: block; font-size: var(--fa-title, 56px); line-height: 1.06; letter-spacing: var(--fa-title-ls, -.03em); font-weight: 400; font-variant-numeric: tabular-nums; }
.fa-proof__n small { font-size: inherit; color: #E60023; font-weight: 400; }
.fa-proof__l { display: block; margin-top: 10px; font-size: 14px; line-height: 1.4; color: rgba(20, 20, 20, .6); }

/* quote (left) + logos (right) */
.fa-proof__grid { margin-top: 120px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 100px; align-items: start; }
.fa-proof__bar { position: relative; height: 1px; background: rgba(20, 20, 20, .14); }
.fa-proof__bar i { position: absolute; left: 0; top: -.5px; height: 2px; width: 0; background: #141414; }
.fa-proof__bar i.is-run { width: 100%; transition: width var(--dur, 6500ms) linear; }
.fa-proof__row { margin-top: 36px; display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 28px; align-items: start; transition: opacity .45s ease, transform .6s cubic-bezier(.22, 1, .36, 1); }
.fa-proof__row.is-out { opacity: 0; transform: translateY(10px); }
.fa-proof__av { width: 100px; height: 134px; background: #EFEAE2; overflow: hidden; display: grid; place-items: center; }
.fa-proof__av img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.fa-proof__av b { font-size: 28px; font-weight: 450; letter-spacing: -.02em; color: #E60023; }
#proof .fa-proof__q { margin: 0; font-size: 22px; line-height: 1.32; letter-spacing: -.015em; font-weight: 400; color: #141414; text-wrap: pretty; }
.fa-proof__by { margin: 22px 0 0; font-size: 14px; line-height: 1.5; color: rgba(20, 20, 20, .62); }
.fa-proof__by b { display: block; font-weight: 450; color: #141414; }
.fa-proof__ctl { margin-top: 30px; display: flex; align-items: center; gap: 18px; }
.fa-proof__no { font-family: var(--fa-mono, 'Geist Mono', ui-monospace, monospace); font-size: 12px; letter-spacing: .03em; white-space: nowrap; }
.fa-proof__nav { display: flex; gap: 6px; }
.fa-proof__nav button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(20, 20, 20, .2); background: transparent; color: #141414; display: grid; place-items: center; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
.fa-proof__nav button:hover { background: #141414; color: #fff; border-color: #141414; }
.fa-proof__nav svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.fa-proof__lab { margin: 0; font-size: 14px; line-height: 1.4; color: #141414; }
.fa-proof__logos { margin-top: 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 84px; gap: 0 20px; }
.fa-proof__slot { display: flex; align-items: center; }
.fa-proof__slot img { max-width: 140px; max-height: 38px; width: auto; height: auto; object-fit: contain; filter: grayscale(1) contrast(1.5); mix-blend-mode: multiply; opacity: .92; transition: opacity .5s ease; }
.fa-proof__slot img.is-out { opacity: 0; }

@media (max-width: 1000px) { .fa-proof__grid { gap: 60px; } .fa-proof__row { grid-template-columns: 80px minmax(0, 1fr); gap: 20px; } .fa-proof__av { width: 80px; height: 108px; } }
@media (max-width: 767px) {
  .fa-proof { padding: 80px 20px 90px; }
  .fa-proof__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fa-proof__stat { padding: 26px 0 24px 20px; }
  .fa-proof__stat:nth-child(odd) { border-left: 0; padding-left: 0; }
  .fa-proof__stat:nth-child(n+3) { border-top: 1px solid rgba(20, 20, 20, .14); }
  .fa-proof__grid { grid-template-columns: minmax(0, 1fr); margin-top: 72px; gap: 64px; }
  #proof .fa-proof__q { font-size: 19px; }
  .fa-proof__logos { grid-auto-rows: 68px; gap: 0 12px; }
  .fa-proof__slot img { max-width: 100px; max-height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .fa-proof__row, .fa-proof__slot img, .fa-proof__bar i.is-run { transition: none; } }
.fa-proof__co { display: block; }
