@media (max-width: 768px) {

    .banner-bg {
        min-height: 80vh;
    }

    .banner-content {
        margin-left: 0;
        text-align: center;
        max-width: 100%;
    }

    .banner-overlay {
        background: rgba(41, 95, 166, 0.75);
    }

    .banner-content h1 {
        font-size: 2rem;
    }
    .nav-links {
        display: none;
    }

    .pricing-grid,
    .grid {
        grid-template-columns: 1fr;
    }

    .price-card.highlighted {
        transform: none;
    }
}

@media (max-width: 900px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }
}