.hero-home {
    background: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.72)), url("../assets/images/hero.jpg") center/cover no-repeat fixed;
}

.hero-benefits {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../assets/images/hero.jpg") center/cover no-repeat;
}

.hero-questions {
    background: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.68)), url("../assets/images/hero.jpg") center/cover no-repeat;
}

.cta-button {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
}

@media (max-width: 767px) {
    .js-nav-menu.is-open {
        display: flex;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        background: #fff;
        padding: 1.25rem 1.5rem;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 12px 24px rgb(15 23 42 / 0.12);
    }

    .hero-home {
        background-attachment: scroll;
    }
}