/* sections/proof — v2. Headerless. Stat strip + 1 anchor quote. No fake logos. */

.proof {
  background: var(--color-contrast-bg);
  color: var(--color-contrast-text);
  padding-block: var(--space-20);
}

.proof__wrap {
  max-width: var(--wrap-wide);
  margin-inline: auto;
  padding-inline: var(--space-4);
  display: grid;
  gap: var(--space-16);
}

/* Stat strip */
.proof__stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  padding-bottom: var(--space-12);
  border-bottom: 1px solid var(--color-contrast-border);
}
@media (min-width: 700px) {
  .proof__stats {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-12);
  }
}

.proof__stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.proof__stat-value {
  font-family: var(--font-display);
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-contrast-text);
  letter-spacing: -0.02em;
  font-feature-settings: "tnum", "lnum";
  font-variant-numeric: tabular-nums lining-nums;
}
.proof__stat-suffix {
  font-family: var(--font-sans);
  font-size: 24px;
  font-weight: 500;
  color: var(--color-contrast-muted);
  margin-left: 4px;
}
.proof__stat-label {
  font-family: var(--font-mono);
  font-size: var(--type-xs);
  color: var(--color-contrast-muted);
  letter-spacing: 0.04em;
}
.proof__stat-detail {
  margin-top: var(--space-2);
  font-size: var(--type-sm);
  color: var(--color-contrast-text);
  opacity: 0.85;
  word-break: keep-all;
  line-height: var(--leading-snug);
}

/* Anchor quote */
.proof__quote {
  margin: 0;
  max-width: 880px;
}
.proof__quote-mark {
  font-family: var(--font-display);
  font-size: 96px;
  line-height: 0.5;
  color: var(--color-accent);
  margin-bottom: var(--space-4);
  display: block;
  font-weight: 700;
}
.proof__quote blockquote {
  margin: 0;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.005em;
  color: var(--color-contrast-text);
  word-break: keep-all;
  text-wrap: pretty;
}
@media (min-width: 768px) {
  .proof__quote blockquote { font-size: 32px; }
}
.proof__quote figcaption {
  margin-top: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--font-mono);
  font-size: var(--type-xs);
  color: var(--color-contrast-muted);
  letter-spacing: 0.04em;
}
.proof__quote figcaption strong {
  color: var(--color-contrast-text);
  font-weight: 500;
}