/* ============================================================================
   sections/trust.css — Trust strip (animated stat counters + certification row)
   ========================================================================== */

/* Compact trust strip — numbers + certs in ~half the vertical space. */
.trust {
  border-block: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(8,41,30,.4), rgba(12,59,46,.2));
  padding-block: clamp(1.1rem, 3vw, 2rem);   /* ~50% of the standard section pad */
}
.trust .stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4);
  text-align: center;
}
.stat .num {
  font-family: var(--font-display); font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  color: var(--gold-300); line-height: 1; font-variant-numeric: tabular-nums;
}
.stat .num .suffix { color: var(--gold-500); }
.stat .label {
  margin-top: .3rem; font-size: var(--fs-eyebrow); letter-spacing: .12em;
  text-transform: uppercase; color: var(--text-muted-on-dark);
}

/* Certs tucked right under the numbers — small gap, no big divider block. */
.certs {
  display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem;
  margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--line);
}
.certs .chip { background: rgba(201,162,75,.06); padding: .3rem .7rem; font-size: .8rem; }

@media (max-width: 720px) {
  .trust .stats { grid-template-columns: repeat(4, 1fr); gap: var(--space-3) var(--space-2); }
  .stat .num { font-size: clamp(1.3rem, 6vw, 1.9rem); }
  .stat .label { font-size: .56rem; }
}