body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8fafc; /* Slate-50 */
}
        
.feature-card:hover .icon-box {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2);
}

.icon-box {
    transition: all 0.3s ease-in-out;
}

/* Responsive grid adjustment for main features */
@media (min-width: 1024px) {
    .feature-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}