/* Landing copy scale. Hero, prices, metrics and embedded product UI have separate roles. */
:root {
  --type-section-size: 32px;
  --type-section-line: 40px;
  --type-subsection-size: 24px;
  --type-subsection-line: 34px;
  --type-lead-size: 16px;
}
.type-section {
  font-size: var(--type-section-size);
  line-height: var(--type-section-line);
  font-weight: 700;
  letter-spacing: -.03em;
}
.type-subsection {
  font-size: var(--type-subsection-size);
  line-height: var(--type-subsection-line);
  font-weight: 700;
  letter-spacing: -.025em;
}
.type-card-title { font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -.015em; }
.type-lead { font-size: var(--type-lead-size); line-height: 1.75; }
.type-card-copy { font-size: 14px; line-height: 1.65; }
@media (max-width: 639px) {
  :root {
    --type-section-size: 24px;
    --type-section-line: 32px;
    --type-subsection-size: 20px;
    --type-subsection-line: 28px;
    --type-lead-size: 15px;
  }
}