.charter-stats { display: flex; align-items: flex-start; gap: 24px; padding: 24px 40px; width: 100%; }
.charter-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; flex: 1; }
.charter-stat__label { display: flex; width: 128px; align-items: center; justify-content: center; padding: 8px 0; border-radius: 100px; border: 2px solid #CFDBE1; color: var(--text); font-size: 18px; text-align: center; }
.charter-stat__body { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; }
.charter-stat__row { display: flex; align-items: flex-end; justify-content: center; width: 100%; }
.charter-stat__number { font-weight: 700; color: var(--text); font-size: 104px; line-height: 104px; white-space: nowrap; }
.charter-stat__number--text { font-size: 72px; line-height: 1.2; white-space: normal; word-break: break-word; text-align: center; }
.charter-stat__unit { font-weight: 400; color: var(--text); font-size: 32px; line-height: 32px; padding-bottom: 4px; }
.charter-stat__suffix { width: 128px; font-weight: 700; color: var(--text); font-size: 36px; line-height: 36px; text-align: center; }
@media (max-width: 768px) {
  .charter-stats { flex-direction: column; align-items: center; gap: 40px; padding: 0; }
  .charter-stat__label { width: 88px; font-size: 14px; }
  .charter-stat__number { font-size: 56px; line-height: 56px; }
  .charter-stat__number--text { font-size: 28px; line-height: 1.2; }
  .charter-stat__unit { font-size: 20px; line-height: 20px; }
  .charter-stat__suffix { width: auto; font-size: 28px; line-height: 28px; }
}