.section { padding: var(--space-20) 0; }
.section-sm { padding: var(--space-12) 0; }
.section-header { text-align: center; margin-bottom: var(--space-12); }
.section-header p { max-width: 600px; margin: var(--space-4) auto 0; }
.text-center { text-align: center; }
.text-white { color: var(--color-white); }
.bg-primary { background-color: var(--color-primary); }
.bg-gray { background-color: var(--color-gray-50); }
.bg-accent { background-color: var(--color-accent); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.hidden { display: none; }
.visible { display: block; }