/* --- PROBLEM SECTION --- */
      
        
        

        /* --- SOLUTION SECTION --- */


        

        /* --- FINAL CTA SECTION --- */
        

        /* --- FOOTER --- */
        footer {
            text-align: center;
            padding: 2rem 5%;
            background: #01020a;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            z-index: 2;
        }

        footer nav {
            justify-content: center;
            gap: 2rem;
        }
        
        /* --- RESPONSIVENESS --- */
        @media (max-width: 768px) {
            header { padding: 1rem 3%; }
            nav { gap: 1rem; }
            .logo { font-size: 1.2rem; }
            .btn { padding: 0.5rem 1rem; }
            
            .hero h1 { font-size: 2.5rem; }
            .hero p { font-size: 1rem; }

            .section-title { font-size: 2rem; }
            
            .problem-layout { flex-direction: column; }
            .solution-cards { flex-direction: column; align-items: center; }

            .cta h2 { font-size: 2rem; }
        }

        @media (max-width: 480px) {
            nav a:not(.btn) { display: none; } /* Hide text links on very small screens */
        }