.agent-catalog-counter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 92px;
  min-width: 0;
  isolation: isolate;
}
.agent-catalog-counter__number {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(106deg, #81f9e9 4%, #55cde9 58%, #ab9fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 9px rgba(87, 227, 235, .45));
}
.agent-catalog-counter--loaded .agent-catalog-counter__number {
  animation: agent-count-glow 4s ease-in-out infinite;
}
.agent-catalog-counter__label {
  display: block;
  margin-top: 4px;
  color: #c4dcf0;
  font-weight: 570;
  line-height: 1.3;
}
.agent-catalog-counter--unavailable .agent-catalog-counter__number {
  color: #b5cbdb;
  background: none;
  filter: none;
}
.agent-catalog-counter--card {
  margin-top: 10px;
}
.agent-catalog-counter--card .agent-catalog-counter__number {
  font-size: clamp(40px, 4vw, 56px);
}
.agent-catalog-counter--card .agent-catalog-counter__label {
  font-size: 13px;
}
.agent-catalog-counter--hero {
  min-height: 116px;
  margin: 4px 0 5px;
}
.agent-catalog-counter--hero .agent-catalog-counter__number {
  font-size: clamp(72px, 7.2vw, 96px);
}
.agent-catalog-counter--hero .agent-catalog-counter__label {
  font-size: 15px;
}
@keyframes agent-count-glow {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(87, 227, 235, .32)); }
  50% { filter: drop-shadow(0 0 19px rgba(94, 212, 244, .68)); }
}
@media (max-width: 700px) {
  .agent-catalog-counter--card {
    min-height: 78px;
    margin-top: 8px;
  }
  .agent-catalog-counter--card .agent-catalog-counter__number {
    font-size: clamp(36px, 10vw, 44px);
  }
  .agent-catalog-counter--card .agent-catalog-counter__label {
    font-size: 11px;
    overflow-wrap: anywhere;
  }
  .agent-catalog-counter--hero {
    min-height: 85px;
    margin: 2px 0 5px;
  }
  .agent-catalog-counter--hero .agent-catalog-counter__number {
    font-size: clamp(48px, 14vw, 64px);
  }
  .agent-catalog-counter--hero .agent-catalog-counter__label {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .agent-catalog-counter__number { animation: none !important; }
}
html[data-motion="off"] .agent-catalog-counter__number {
  animation: none !important;
}