.hcd-benefits { background: var(--hcd-color-surface); }
.hcd-benefits__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hcd-gap); }
.hcd-benefits__item { height: 100%; padding: 24px; border: 1px solid var(--hcd-color-border); border-radius: var(--hcd-radius-md); background: #fff; }
.hcd-benefits__icon { display: grid; width: 48px; height: 48px; margin-bottom: 18px; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--hcd-color-primary) 12%, white); color: var(--hcd-color-primary); font-size: 22px; }
.hcd-benefits__title { margin: 0 0 8px; font-size: 18px; font-weight: 700; }
.hcd-benefits__description { margin: 0; color: var(--hcd-color-muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 849px) { .hcd-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 549px) { .hcd-benefits__grid { grid-template-columns: 1fr; } }