<style>
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

/* GRID */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
  font-family: 'Archivo', sans-serif;
}

/* CARD */
.stat-card {
  position: relative;
  padding: 28px;
  border-radius: 18px;
  background: #f7f5f5;
  overflow: hidden;
  cursor: pointer;

  border: 1px solid rgba(0,0,0,0.06);

  transition: transform 0.35s ease, box-shadow 0.35s ease;
  transform: translateY(0);
}

/* TYPOGRAPHY */
.stat-value {
  font-size: 34px;
  font-weight: 700;
  color: #a3263d;

  letter-spacing: -0.03em;
  line-height: 100%;
}

.stat-label {
  font-size: 14px;
  color: #333;
  opacity: 0.85;

  letter-spacing: -0.03em;
  line-height: 100%;
}

/* HOVER BACKGROUND LAYER */
.stat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top left,
    #DF6682 0%,
    #A62C48 46%,
    #40111C 100%
  );

  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: scale(1);
  z-index: 0;
}

/* UNIVERSAL HOVER (ALL CARDS) */
.stat-card:hover::before {
  opacity: 1;
  transform: scale(1.08);
}

.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* KEEP TEXT ABOVE GRADIENT */
.stat-card * {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* TEXT HOVER */
.stat-card:hover .stat-value,
.stat-card:hover .stat-label {
  color: #ffffff;
}

/* PRIMARY CARD STILL SAME STYLE INITIALLY */
.stat-card.primary {
  background: linear-gradient(135deg, #7a1f33, #3b0d18);
}

.stat-card.primary .stat-value,
.stat-card.primary .stat-label {
  color: white;
}

/* RESPONSIVE TABLET */
@media (max-width: 992px) {
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .stat-card {
    padding: 22px;
  }

  .stat-value {
    font-size: 28px;
  }
}

/* RESPONSIVE MOBILE */
@media (max-width: 600px) {
  .stats-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .stat-card {
    padding: 20px;
    border-radius: 14px;
  }

  .stat-value {
    font-size: 26px;
  }

  .stat-label {
    font-size: 13px;
  }
}
</style>

<div class="stats-grid">

  <div class="stat-card primary">
    <div class="stat-value">$74M+</div>
    <div class="stat-label">in cumulative revenue managed</div>
  </div>

  <div class="stat-card">
    <div class="stat-value">320+</div>
    <div class="stat-label">Active clients</div>
  </div>

  <div class="stat-card">
    <div class="stat-value">$3.96</div>
    <div class="stat-label">cost per consumer reached</div>
  </div>

  <div class="stat-card">
    <div class="stat-value">41,000+</div>
    <div class="stat-label">Events/year</div>
  </div>

</div>

Services

Custom Services

In addition to our products, we also take up AI transformation projects across industries, unlocking countless business applications.

View All Services

$74M+

in cumulative revenue managed

320+

Active clients

$3.96

cost per consumer reached

41,000+

Events/year

Vision AI

Facial recognition, traffic imaging, medical imaging, and beyond!

Generative AI

Solve problems with the power of AI that is trained on your company data.

Text AI

Unlock hidden insights. Automate reading and pattern discovery in documents.

Speech AI

Convert voice to insights with recognition, modification, and analytics.