/* --- RESPONSIVE --- */
        @media screen and (max-width: 768px) {
            .hamburger { display: flex; }
            .nav-links {
                position: fixed;
                top: 70px; 
                left: 0;
                width: 100%;
                background-color: var(--white);
                flex-direction: column;
                align-items: center;
                gap: 0; 
                max-height: 0; 
                overflow: hidden;
                transition: max-height 0.4s ease-out;
            }
            .nav-links li { width: 100%; text-align: center; }
            .nav-links li a { display: block; padding: 1.5rem 0; width: 100%; }
            .nav-links.active { max-height: 300px; }
            
            .hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); background-color: var(--dark-purple); }
            .hamburger.active .bar:nth-child(2) { opacity: 0; }
            .hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background-color: var(--dark-purple); }

.hero-banner { width: 95%; margin: 6rem auto 2rem auto; }
            
            .layanan { 
                width: 100%;
                min-width: 50px;
                max-width: 160px;
            }
            .layanan-img-box { padding: 30px 20px; height: 120px; }
            .layanan img { max-width: 100px; max-height: 100px; }
            .layanan-info { background-color: var(--dark-purple); padding: 15px; }
            .layanan h2 { font-size: 0.8rem; font-weight: 700; margin: 0; line-height: 1.4; }
            
            .dark-section { padding: 3rem 5%; }
            .dark-section h2 { font-size: 1.5rem; }
            
            .step-card { max-width: 100%; min-width: unset; }
            
            .about-stats { gap: 1.5rem; }
            .stat-number { font-size: 1.5rem; }
            
            .footer-links { gap: 1rem; flex-direction: column; }
            
            .wave-separator { height: 70px; }
            .wave-separator svg { height: 70px; }
        }