.tc-main {
  background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.08), transparent 55%),
    radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.06), transparent 55%),
    var(--color-background);
}

.tc-container {
  max-width: 56rem;
}

.tc-header {
  text-align: left;
  margin-bottom: var(--space-8);
}

.tc-header .badge {
  margin-bottom: var(--space-3);
}

.tc-section + .tc-section {
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-8);
}

.tc-section h2 {
  font-size: clamp(1.35rem, 3vw, var(--font-size-3xl));
  margin-bottom: var(--space-3);
}

.tc-section p {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}

.tc-list {
  margin: var(--space-3) 0;
  padding-left: var(--space-4);
  list-style: disc;
  color: var(--gray-700);
  font-size: var(--font-size-sm);
}

.tc-list li {
  margin-bottom: 0.4rem;
}

.tc-cta {
  margin-top: var(--space-8);
}

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

.tc-cta .btn {
  margin-top: var(--space-2);
}

@media (max-width: 640px) {
  .tc-header {
    text-align: left;
  }
}