/* Responsive Design */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5em;
            }
            
            .hero-subtitle {
                font-size: 1.2em;
            }
            
            .demo-section {
                padding: 30px 20px;
            }
            
            .demo-title {
                font-size: 1.8em;
            }
            
            .vision-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 480px) {
            .hero-title {
                font-size: 2em;
            }
            
            .demo-button {
                padding: 15px 30px;
                font-size: 1.1em;
            }
        }