/* mobile first */
.hub-hero { display: flex; flex-direction: column; gap: 26px; margin-bottom: 32px; }
.hub-stats { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 22px; }
.hub-stat-num { font-family: var(--mono); font-weight: 700; font-size: 24px; letter-spacing: -.03em; color: var(--accent); }
.hub-stat-label { font: 600 11px/1.35 var(--body-font); color: var(--text-tertiary); margin-top: 4px; }
.hub-section-label { font: 700 10.5px/1 var(--body-font); letter-spacing: .16em; text-transform: uppercase; color: var(--text-tertiary); margin: 0 0 16px; }
.hub-card-wide { flex-direction: column; align-items: flex-start; gap: 13px; }
.hub-card-wide .hub-card-wide-body { display: flex; flex-direction: column; gap: 6px; }

@media (min-width: 640px) {
  .hub-card-wide { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 20px; padding-right: 26px; }
  .hub-card-wide .hub-badge { position: static; align-self: center; order: 3; }
  .hub-card-wide .hub-card-wide-body { flex: 1; }
  .hub-card-wide .hub-card-go { flex: none; }
}

@media (min-width: 1000px) {
  .hub-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; margin-bottom: 44px; }
  .hub-stat-num { font-size: 26px; }
}