/*
 * "Proven in pilots. Scaled in production." stats section (Dual Loop Engineering page)
 * Scoped under .dlh-stats so theme styles can't leak in or out.
 */

.dlh-stats {
  --dlh-stats-ink: #1a1a1a;
  --dlh-stats-card: #f5f5f9;

  font-family: "Inter", system-ui, sans-serif;
  color: #000;
  background: #fff;
  padding: 74px 16px 73px;
  overflow: hidden;
}

.dlh-stats *,
.dlh-stats *::before,
.dlh-stats *::after { box-sizing: border-box; margin: 0; padding: 0; }
.dlh-stats p,
.dlh-stats h2,
.dlh-stats h3 { font-family: inherit; color: inherit; text-transform: none; }
.dlh-stats img { display: block; max-width: none; border: 0; box-shadow: none; border-radius: 0; }

.dlh-stats__inner {
  max-width: 1024px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 21px;
}

.dlh-stats .dlh-stats__title {
  max-width: 662px;
  padding: 24px 0;
  text-align: center;
  font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.28px;
}

.dlh-stats__cards {
  width: 100%;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px;
}
.dlh-stats-card {
  padding: 32px;
  border-radius: 16px;
  background: var(--dlh-stats-card);
  display: flex; flex-direction: column; align-items: flex-start; gap: 18px;
}
.dlh-stats-card img { width: 40px; height: 40px; }
.dlh-stats .dlh-stats-card__value {
  color: var(--dlh-stats-ink);
  font-size: 56px; font-weight: 400; line-height: 62px; letter-spacing: -1.28px;
}
.dlh-stats .dlh-stats-card__caption { font-size: 17px; line-height: 24px; letter-spacing: -0.18px; }

/* Tablet: one column, narrower */
@media (max-width: 900px) {
  .dlh-stats { padding: 64px 16px; }
  .dlh-stats__cards { grid-template-columns: 1fr; max-width: 560px; gap: 16px; }
}

/* Phones */
@media (max-width: 720px) {
  .dlh-stats .dlh-stats__title { padding: 12px 0; font-size: 36px; line-height: 42px; letter-spacing: -0.8px; }
  .dlh-stats__title br { display: none; }   /* let the title wrap naturally on narrow screens */
  .dlh-stats-card { padding: 24px; gap: 12px; }
  .dlh-stats .dlh-stats-card__value { font-size: 44px; line-height: 50px; }
}
