.benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }
        .benefit-card { background: var(--color-background-card-light); border-radius: var(--border-radius-lg); padding: var(--space-lg); text-align: center; box-shadow: var(--shadow-sm); transition: all 0.3s ease; }
        .benefit-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
        .benefit-icon { font-size: 2.5rem; color: var(--color-primary); margin-bottom: var(--space-md); }
        .benefit-card h3 { font-size: 1.1rem; color: var(--color-text-main); margin: 0 0 var(--space-sm) 0; }
        .benefit-card p { font-size: 0.9rem; color: var(--color-text-secondary); line-height: 1.6; margin: 0; }