/* Landing Page Responsive Styles */

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

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

    .stack-comparison,
    .pricing-cards,
    .use-cases-grid,
    .value-props {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .features-grid,
    .testimonials-grid,
    .stats-row {
        grid-template-columns: 1fr;
    }

    .hero-title {
        font-size: 2rem;
    }

    .cta-box {
        padding: 2rem;
    }

    .footer-content {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
    }

    .nav-cta {
        gap: 0.5rem;
    }

    .btn-ghost, .btn-primary-glow {
        padding: 0.4rem 0.75rem;
        font-size: 0.85rem;
    }

    .comparison-table {
        overflow-x: auto;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 0.75rem;
        font-size: 0.85rem;
    }
}