/* Copy left, figures right — the "…by the numbers" band on
   /about-teroxx/story. The figures are sans and heavy, filled with the
   brand's prismatic wash; the captions are white uppercase, not grey. */
.tx-stats__grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

.tx-stats__heading {
  margin: 0 0 1.75rem;
  max-width: 14ch;
  text-wrap: balance;
}
.tx-stats__copy .tx-richtext { max-width: 46ch; }
.tx-theme-dark .tx-stats__copy .tx-richtext { color: var(--tx-text-on-dark-muted); }

.tx-stats__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 3rem);
  margin: 0;
}

.tx-stats__item { min-width: 0; }

/* Two figures in two narrow columns broke "3 Bio. USD" across lines. With
   only a couple of figures they get the full column width instead. */
.tx-stats__list--few { grid-template-columns: minmax(0, 1fr); }

.tx-stats__value {
  margin: 0 0 0.75rem;
  font-family: var(--tx-font-sans);
  font-weight: var(--tx-weight-semibold);
  /* 80px clipped the column and split "3 Bio. USD" across lines; 64px is
     the largest that still fits the longest figure on one line. */
  font-size: clamp(2.25rem, 1.5rem + 2.8vw, 4rem);
  line-height: 1;
  letter-spacing: var(--tx-tracking-tight);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;

  /* Prismatic fill, sampled off the live band: warm peach through steel
     blue to a cool grey. Falls back to a solid colour where the clip is
     unsupported. */
  color: var(--tx-sand-300);
  background-image: linear-gradient(96deg,
    #e9d3c4 0%, #dfe6ec 22%, #b9cddc 46%, #cfd9e2 62%, #ecd6c6 84%, #dfe3e8 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .tx-stats__value { color: transparent; }
}

.tx-stats__caption {
  margin: 0;
  font-family: var(--tx-font-sans);
  /* "Satisfied customers*" on /about-teroxx/story: 18/28 medium,
     uppercase, no letter-spacing. */
  font-size: var(--tx-text-base);
  font-weight: var(--tx-weight-medium);
  line-height: var(--tx-text-pill);
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--tx-white);
}
.tx-theme-light .tx-stats__caption,
.tx-theme-cream .tx-stats__caption,
.tx-theme-sand  .tx-stats__caption { color: var(--tx-ink); }

/* On light grounds the prismatic fill would disappear; use ink instead. */
.tx-theme-light .tx-stats__value,
.tx-theme-cream .tx-stats__value,
.tx-theme-sand  .tx-stats__value {
  background-image: none;
  color: var(--tx-ink);
}

@media (max-width: 1023px) {
  .tx-stats__grid { grid-template-columns: 1fr; }
  .tx-stats__heading { max-width: none; }
}
@media (max-width: 479px) {
  .tx-stats__list { grid-template-columns: 1fr; gap: 1.75rem; }
}

/* Two dark bands flush against each other read as one section, so this
   opens 40px of the white page between them. */
.tx-stats--gap-above { margin-top: 40px; }
.tx-stats--tight { padding-top: clamp(1.25rem, 2.5vw, 2.25rem); }

/* The legacy pages put a standalone CTA button right under a figures band. */
.tx-stats__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: clamp(1.5rem, 3vw, 2rem); }