/* === proof.css === */

/* ══════════════════════════════════════
   SOCIAL PROOF BAR
══════════════════════════════════════ */
.proof-bar {
  background: var(--dark);
  border-top: 1px solid var(--bdr);
  border-bottom: 1px solid var(--bdr);
  padding: 52px 0;
}
.proof-inner {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap;
}
.proof-stat {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 10px 52px; text-align: center;
}
.proof-num {
  font-family: 'Satoshi', sans-serif;
  font-size: clamp(30px, 3.8vw, 46px); font-weight: 900;
  letter-spacing: -1.5px; color: var(--g); line-height: 1;
}
html[lang="ar"] .proof-num { font-family:'Cairo',sans-serif; letter-spacing:0; }
.proof-lbl {
  font-size: 11px; font-weight: 500; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.8px;
}
html[lang="ar"] .proof-lbl { font-family:'Cairo',sans-serif; letter-spacing:0; text-transform:none; }
.proof-div {
  width: 1px; height: 44px; background: var(--bdr); flex-shrink: 0;
}