.feature-grid { background: var(--color-bg-light); }
.feature-grid--muted { background: var(--color-bg-muted); }
.feature-grid__header { display: grid; max-width: 1020px; margin-bottom: 42px; gap: 12px; }
.feature-grid__header h2 { margin: 0; }
.feature-grid__header p { max-width: 760px; margin: 0; color: var(--color-text); font-size: 17px; line-height: 1.6; }
.feature-grid__eyebrow { color: var(--color-accent); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.feature-grid__items { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feature-grid__item { min-height: 250px; padding: 30px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: #fff; }
.feature-grid__number { display: inline-flex; margin-bottom: 46px; color: var(--color-accent); font-size: 14px; font-weight: 900; letter-spacing: .08em; }
.feature-grid__item h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.25; }
.feature-grid__item p { margin: 0; color: var(--color-text); font-size: 15px; line-height: 1.6; }

@media (max-width: 900px) { .feature-grid__items { grid-template-columns: 1fr; } .feature-grid__item { min-height: 0; } .feature-grid__number { margin-bottom: 28px; } }
@media (max-width: 767px) { .feature-grid__header { margin-bottom: 30px; } .feature-grid__item { padding: 24px; } .feature-grid__item h3 { font-size: 21px; } }