/* ============ about.css ============ */
.about-hero { background: var(--color-gradient-hero); padding-block: var(--space-24) var(--space-16); text-align: center; }
.about-hero h1 { font-size: clamp(2.3rem, 6vw, 3.75rem); }
.about-hero p { max-width: 60ch; margin: var(--space-4) auto 0; font-size: var(--text-lg); }

.about-section { display: grid; gap: var(--space-8); align-items: center; }
@media (min-width: 900px) { .about-split { grid-template-columns: 1fr 1fr; } }
.about-section p { margin-bottom: var(--space-4); }

.offer-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 640px) { .offer-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px){ .offer-grid { grid-template-columns: repeat(4,1fr); } }
.offer-card { text-align: center; padding: var(--space-8) var(--space-4); }
.offer-card .oc-icon { font-size: 2.2rem; margin-bottom: var(--space-3); }
.offer-card h3 { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.offer-card p { font-size: var(--text-sm); margin: 0; }

.disclaimer-box { background: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); }
.disclaimer-box h3 { margin-bottom: var(--space-4); }
.disclaimer-box p { font-size: var(--text-sm); margin-bottom: var(--space-4); }