.terms-hero {
  background: radial-gradient(circle at top, rgba(212, 168, 87, 0.16), transparent 55%), var(--color-bg-soft);
}

.terms-hero__header {
  max-width: 760px;
}

.terms-hero__header .lead {
  margin-top: var(--space-4);
}

.terms-content {
  background: transparent;
}

.terms-card {
  max-width: 880px;
  margin-inline: auto;
}

.terms-card h2 {
  font-size: var(--font-size-xl);
}

.terms-card p + h2 {
  margin-top: var(--space-24);
}

.terms-cta {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .terms-card {
    padding: var(--space-12);
  }

  .terms-cta {
    justify-content: center;
  }
}