/* Features Section */
.features {
    padding: 8rem 0;
    background-color: white;
    position: relative;
    overflow: hidden;
}

.features::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/api/placeholder/1400/800');
    background-size: cover;
    background-position: center;
    opacity: 0.03;
    z-index: 0;
}

/* Remove .features-grid styles (handled by components.css) */
/* Remove .feature-card base styles (handled by components.css) */
/* Remove .feature-icon styles (handled by components.css) */
/* Remove .feature-card h3, p styles (handled by components.css) */

/* Keep only styles that are TRULY unique to the general features section, if any */

/* Example: Maybe a specific background pattern for the .features section itself */
.features::before {
    /* content: ''; ... */
}