.container { width: 100%; max-width: var(--container-max); margin: 0 auto; padding: 0 var(--space-lg); }
.container-narrow { max-width: var(--container-narrow); }
.bai-section { padding: var(--space-section) 0; }
.bai-section:nth-child(even) { background-color: var(--color-sky); }

.grid { display: grid; gap: var(--space-lg); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .bai-section { padding: var(--space-xl) 0; }
}

.section-heading { text-align: center; margin-bottom: var(--space-2xl); }
.section-heading p { max-width: 700px; margin: var(--space-sm) auto 0; color: var(--color-text-light); font-size: var(--font-size-lg); }

.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xl); align-items: center; }
@media (max-width: 768px) { .split { grid-template-columns: 1fr; } }