/* Shared section-label treatment used across every marketing page. */
body .eyebrow.eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #eaf0ff;
  color: #2463eb;
  font-family: var(--fd, Inter, system-ui, sans-serif);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}

/* Demo metric legends are labels inside a control, not section headings. */
body .legend .eyebrow {
  width: auto;
  margin: 0 2px 0 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
}