#simple-data-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  background: #F1F4F8;
}

#simple-data-display .inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 950px;
  padding: 80px 0;
}

#simple-data-display h2 {
  color: var(--color-alias-text-primary, #1A1A1A);
  text-align: center;
  font-size: var(--typography-font-size-title, 36px);
  font-style: normal;
  font-weight: var(--typography-font-weight-emphasis, 600);
  line-height: var(--typography-line-height-title, 44px);
  margin: 0;
}

#simple-data-display h2 sup {
  color: var(--color-alias-text-primary, #1A1A1A);
  font-family: var(--font-family-body, "Noto Sans Display"), azo-sans-web, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: var(--font-weight-body, 400);
  line-height: 16px;
}

#simple-data-display p {
  color: #404245;
  text-align: center;
  font-size: var(--typography-font-size-body-md, 20px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body, 300);
  line-height: var(--typography-line-height-body-md, 28px);
  margin: 0;
}

#simple-data-display .lex-cta-box {
  margin: 28px 0 0 0;
}

@media (max-width: 768px) {
  #simple-data-display h2 {
    font-size: var(--typography-font-size-title, 28px);
    line-height: var(--typography-line-height-title, 36px);
  }

  #simple-data-display p {
    font-size: var(--typography-font-size-body-md, 18px);
    line-height: var(--typography-line-height-body-md, 26px);
  }

  #simple-data-display .inner-container {
    padding: 40px 24px;
  }
}