.hero-bg {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('https://static.photos/nature/1200x630/42');
    background-size: cover;
    background-position: center;
    color: #333;
}
.feature-card {
    transition: all 0.3s ease;
}

@media (max-width: 640px) {
    .hero-bg {
        padding: 60px 20px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 22px;
    }
    .feature-card {
        margin-bottom: 20px;
    }
}