.tc-hero {
  margin-bottom: var(--space-40);
}

.tc-title {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
}

.tc-intro {
  font-size: var(--font-size-md);
}

.tc-content {
  margin-top: var(--space-32);
}

.tc-block + .tc-block {
  margin-top: var(--space-32);
}

.tc-block h2 {
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-12);
}

.tc-block p:last-child {
  margin-bottom: 0;
}

.tc-cta {
  border-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  .tc-hero {
    max-width: 760px;
  }
}