:root {
  --stats-surface: 0 0% 100%;
  --stats-heading: 222 47% 11%;
  --stats-label: 215 25% 27%;
  --stats-description: 215 16% 40%;
  --stats-border: 214 32% 91%;
  --stats-positive: 162 73% 30%;
  --stats-positive-surface: 152 81% 96%;
  --stats-accent: 0 75% 53%;
  --stats-accent-surface: 356 100% 97%;
  --stats-verified: 221 83% 53%;
  --stats-verified-surface: 214 100% 97%;
  --stats-rating: 38 92% 40%;
  --stats-rating-surface: 48 100% 96%;
}

.home-stats {
  position: relative;
  z-index: 20;
  width: 100%;
  border-block: 1px solid hsl(var(--stats-border));
  background: hsl(var(--stats-surface));
  color: hsl(var(--stats-heading));
}
.home-stats__grid {
  max-width: 1280px;
  margin: 0 auto;
  padding: 28px 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.home-stats__item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 24px;
}
.home-stats__item:nth-child(odd) { border-right: 1px solid hsl(var(--stats-border)); }
.home-stats__item:nth-child(-n + 2) { border-bottom: 1px solid hsl(var(--stats-border)); }
.home-stats__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  color: hsl(var(--stats-positive));
  background: hsl(var(--stats-positive-surface));
}
.home-stats__icon .material-symbols-outlined { font-size: 26px; }
.home-stats__item--slots .home-stats__icon { color: hsl(var(--stats-accent)); background: hsl(var(--stats-accent-surface)); }
.home-stats__item--verified .home-stats__icon { color: hsl(var(--stats-verified)); background: hsl(var(--stats-verified-surface)); }
.home-stats__item--rating .home-stats__icon { color: hsl(var(--stats-rating)); background: hsl(var(--stats-rating-surface)); }
.home-stats__copy { min-width: 0; }
.home-stats__value {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
}
.home-stats__item--slots .home-stats__value { color: hsl(var(--stats-accent)); }
.home-stats__scale { font-size: 16px; font-weight: 600; color: hsl(var(--stats-description)); }
.home-stats__label { margin: 6px 0 0; color: hsl(var(--stats-label)); font-size: 14px; line-height: 1.5; font-weight: 700; }
.home-stats__description { margin: 3px 0 0; color: hsl(var(--stats-description)); font-size: 12px; line-height: 1.5; }
.home-stats__live { display: flex; align-items: center; gap: 6px; color: hsl(var(--stats-positive)); font-weight: 600; }
.home-stats__dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; background: currentColor; }
@media (min-width: 1024px) {
  .home-stats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 32px 24px; }
  .home-stats__item { padding: 8px 20px; gap: 12px; }
  .home-stats__item:nth-child(-n + 2) { border-bottom: 0; }
  .home-stats__item:not(:last-child) { border-right: 1px solid hsl(var(--stats-border)); }
}
@media (max-width: 599px) {
  .home-stats__grid { padding: 16px; }
  .home-stats__item { flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 20px 8px; }
  .home-stats__icon { width: 40px; height: 40px; }
  .home-stats__icon .material-symbols-outlined { font-size: 23px; }
  .home-stats__value { font-size: 26px; }
  .home-stats__label { font-size: 13px; }
  .home-stats__live { justify-content: center; }
}