.container { width: min(var(--content), calc(100% - 40px)); margin-inline: auto; }
.section { padding-block: var(--space-12); }
.soft { background: var(--surface-soft); }
.section-heading { max-width: 48rem; margin-bottom: var(--space-8); }
.grid { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
.hero-grid { display: grid; gap: var(--space-8); align-items: center; }
.footer-grid { display: grid; gap: var(--space-8); }
.form-grid { display: grid; gap: var(--space-6); }
.full-width { grid-column: 1 / -1; }
@media (min-width: 768px) {
  .container { width: min(var(--content), calc(100% - 64px)); }
  .grid, .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-grid { grid-template-columns: 1.2fr 1fr; }
  .section { padding-block: var(--space-16); }
}
@media (min-width: 1200px) {
  .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; }
  .section { padding-block: var(--space-20); }
}