/* ============================================================
   comp-stats.css (Lego Block)
   Growth Strip & Live Stats
   ============================================================ */

.growth-strip { border-bottom: 1px solid var(--border-muted); background: var(--bg-void); }
.growth-inner {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
  padding: 12px 0; text-align: center;
}
.growth-stat { display: flex; flex-direction: column; align-items: center; position: relative; }
.growth-stat + .growth-stat::before {
  content: ""; position: absolute; left: -14px; top: 6px; bottom: 6px; width: 1px;
  background: var(--border-muted);
}
.growth-stat .num {
  font-family: var(--serif); font-weight: bold; font-size: clamp(30px, 3.8vw, 43px);
  line-height: 1;
  background: var(--gradient-primary);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.growth-stat .label {
  margin-top: 12px; font-family: var(--sans); font-size: 13px; color: var(--text-muted);
  line-height: 1.5; max-width: 22ch;
}

@media (max-width: 640px) {
  .growth-inner { grid-template-columns: 1fr; gap: 30px; padding: 44px 0; }
  .growth-stat + .growth-stat::before { display: none; }
}