/* Responsive Design */
@media (max-width: 768px) {
            .navbar {
                padding: 1rem;
            }

    .hero h1 {
        font-size: 4rem;
    }

    .hero p {
        font-size: 1.1rem;
    }

    .demo-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .demo-content h2 {
        font-size: 2rem;
    }

            .demo-mockup {
                font-size: 0.8rem;
            }

            .demo-features {
                flex-direction: column;
                gap: 1rem;
            }

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

    .pricing-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .pricing-card {
        padding: 2rem 1.5rem;
    }

    .pricing-amount .price {
        font-size: 2.5rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

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

    .footer-legal {
        justify-content: center;
    }

            .social-links {
                justify-content: center;
            }

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

            .faq-question {
                padding: 1.25rem 1.5rem;
                font-size: 1rem;
            }

            .faq-answer p {
                padding: 1.25rem 1.5rem;
            }

            .demo-test-buttons {
                justify-content: center;
            }

            .demo-test-btn {
                padding: 0.4rem 0.8rem;
                font-size: 0.8rem;
            }

            .demo-test-header {
                flex-direction: column;
                gap: 1rem;
                align-items: flex-start;
            }

            .demo-score {
                align-self: flex-end;
            }

            .demo-test-content {
                gap: 1rem;
            }

            .demo-section li {
                font-size: 0.8rem;
                padding: 0.4rem 0;
            }
        }