@media (max-width: 768px) {
    h1 {
        font-size: 38px;
    }

    .desc {
        font-size: 16px;
    }

    .benefits-intro h2 {
        font-size: 34px;
    }

    .benefits-cards {
        grid-template-columns: 1fr;
    }

    .stats {
        gap: 24px;
    }
}

@media (max-width: 1024px) {
    .points-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .points-title {
        font-size: 38px;
    }

    .points-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

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

@media (max-width: 768px) {
    .value-box {
        grid-template-columns: 1fr;
    }

    .value-divider {
        display: none;
    }
}

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

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

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

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