.container {
  width: min(calc(100% - 32px), var(--container));
  margin-inline: auto;
}

.section {
  padding-block: 56px;
}

.section--muted {
  background: linear-gradient(180deg, rgba(230, 238, 248, 0.8) 0%, rgba(242, 246, 252, 0.96) 100%);
}

.split,
.cards-grid,
.advantages-grid,
.stats-grid {
  display: grid;
  gap: var(--space-5);
}

@media (min-width: 48rem) {
  .container { width: min(calc(100% - 48px), var(--container)); }
  .section { padding-block: 72px; }
}

@media (min-width: 64rem) {
  .container { width: min(calc(100% - 64px), var(--container)); }
  .split--hero {
    grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);
    align-items: center;
    gap: var(--space-7);
  }
  .cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }
  .advantages-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}