.features-bar {
    background: var(--white);
    padding: 2rem;
    margin: -2rem auto 0;
    max-width: 1100px;
    border-radius: 20px;
    box-shadow: 0 10px 40px var(--shadow);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    position: relative;
    z-index: 10;
}
.feature-item { text-align: center; padding: 1rem; }
.feature-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--pink-light), var(--purple-light)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; color: var(--purple-dark); }
.feature-item h3 { font-size: 1rem; color: var(--purple-dark); margin-bottom: 0.3rem; }
.feature-item p { font-size: 0.85rem; color: var(--purple-text); opacity: 0.7; }

@media (max-width: 1024px) {
    .features-bar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .features-bar { grid-template-columns: 1fr; margin: -1rem 1rem 0; }
}