/* Why use a broker — value props grid */
.why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.why__card { background: #fff; border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); padding: 1.75rem; transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal); }
.why__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--color-primary); }
.why__card-title { margin: 1rem 0 .5rem; }
.why__card p { color: var(--color-text-body); }
@media (max-width: 900px) { .why__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .why__grid { grid-template-columns: 1fr; } }