/* Experience strip: owner-supplied metrics in the existing site palette. */
.experience-strip { padding-top: 2px; padding-bottom: 22px; }
.proof-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 30px 0; border-block: 1px solid #a5b5e02a; }
.proof-stat { --proof-accent: #7edff3; }
.proof-stat[data-tone="violet"] { --proof-accent: #baa9ff; }
.proof-stat[data-tone="mint"] { --proof-accent: #96e0c8; }
.proof-stat[data-tone="blue"] { --proof-accent: #9ebdff; }
.proof-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 2px 32px; border-right: 1px solid #a5b5e026; }
.proof-stat:first-child { padding-left: 0; }
.proof-stat:last-child { border-right: 0; }
.proof-stat dt { color: #b9c6dc; font-size: 1rem; line-height: 1.5; }
.proof-stat dd { order: -1; margin: 0; color: #f0f3fc; font: 600 clamp(2.75rem, 4.5vw, 4rem)/1.12 var(--display); letter-spacing: -.055em; font-variant-numeric: lining-nums tabular-nums; }
.proof-stat dd span { display: inline-block; margin-left: 5px; color: var(--proof-accent); font-size: .6em; font-weight: 400; vertical-align: 7%; }
@media (max-width: 1000px) { .proof-stat { padding-inline: 23px; } }
@media (max-width: 760px) {
  .proof-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .proof-stat { padding: 24px 20px; }
  .proof-stat:nth-child(odd) { padding-left: 0; }
  .proof-stat:nth-child(even) { padding-right: 0; border-right: 0; }
  .proof-stat:nth-child(-n+2) { border-bottom: 1px solid #a5b5e026; }
  .proof-stat dd { font-size: clamp(2.75rem, 7vw, 3.5rem); }
}
@media (max-width: 380px) {
  .proof-stat { padding-inline: 14px; }
  .proof-stat dt { font-size: .9375rem; }
}