/* Network stats band — "Radar catches fraud others can't" */

.ent-stats {
  background: #f6f9fc;
  color: #0a2540;
  font-family: sohne-var, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding-block: clamp(2.5rem, 5vw, 4rem);
  overflow-x: clip;
}


.ent-stats__header {
  max-width: min(66.667%, 52rem);
  margin-bottom: clamp(2rem, 4vw, 4rem);
}

@media (max-width: 939px) {
  .ent-stats__header {
    max-width: 100%;
  }
}

.ent-stats__title {
  margin: 0;
  font-size: clamp(1.375rem, 2.4vw, 1.75rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-wrap: pretty;
}

.ent-stats__title-main {
  display: inline;
  font-weight: 500;
  color: #0a2540;
}

.ent-stats__title-main::after {
  content: "\0020";
}

.ent-stats__title-sub {
  display: inline;
  font-weight: 300;
  color: #425466;
}

.ent-stats__grid {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid #e3e8ee;
  border-bottom: 1px solid #e3e8ee;
  margin-inline: calc(-1 * var(--ent-content-pad));
}

@media (min-width: 640px) {
  .ent-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 940px) {
  .ent-stats__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.ent-stat {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 2rem var(--ent-content-pad);
  text-align: left;
  border-bottom: 1px solid #e3e8ee;
}

.ent-stat:last-child {
  border-bottom: 0;
}

@media (min-width: 640px) {
  .ent-stat {
    border-right: 1px solid #e3e8ee;
  }

  .ent-stat:nth-child(2n) {
    border-right: 0;
  }

  .ent-stat:nth-child(-n + 2) {
    border-bottom: 1px solid #e3e8ee;
  }

  .ent-stat:nth-child(n + 3) {
    border-bottom: 0;
  }
}

@media (min-width: 940px) {
  .ent-stat {
    padding-block: 2.25rem;
    border-bottom: 0;
    border-right: 1px solid #e3e8ee;
  }

  .ent-stat:nth-child(2n) {
    border-right: 1px solid #e3e8ee;
  }

  .ent-stat:last-child {
    border-right: 0;
  }
}

.ent-stat__value {
  display: block;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #0a2540;
  font-variant-numeric: tabular-nums;
}

.ent-stat__label {
  display: block;
  max-width: 18rem;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.45;
  color: #425466;
}

@media (min-width: 940px) {
  .ent-stat__label {
    max-width: none;
  }
}