.section{background:#fff; color:#0f172a; padding:64px 16px; text-align:center}
.section h2{font-weight:500; font-size:clamp(26px,3.5vw,36px); margin:0 0 18px; letter-spacing:.3px}
.section p{max-width:900px; margin:0 auto; color:#475569; line-height:1.7; font-size:16px}

.grid{display:grid; gap:16px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff; border:1px solid #eee; border-radius:14px; padding:18px}
.card.dark{background:var(--card); color:var(--text); border:1px solid #1b2a3a}