/* --- RESPONSIVE MEDIA QUERIES --- */
@media (max-width: 991px) {
    .hero h1 { font-size: 3rem; }
    .intro-section { flex-direction: column; text-align: center; }
    .intro-section.reverse { flex-direction: column; }
}

@media (max-width: 768px) {
    /* 1. Munculkan Tombol Burger */
    .mobile-menu-btn { display: block; z-index: 1002; }

    /* 2. Style Sidebar Menu */
    .nav-links {
        position: fixed;
        top: 0; left: 0; 
        height: 100vh;
        width: 75%;
        max-width: 300px;
        background: white;
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 20px;
        box-shadow: 5px 0 15px rgba(0,0,0,0.1);
        z-index: 1001;
        transform: translateX(-100%); 
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Saat menu aktif */
    .nav-links.active { transform: translateX(0%); }
    
    .nav-links a {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 1.1rem;
    }

    .btn { width: 100%; text-align: center; margin-top: 10px; }
    .hero h1 { font-size: 2.2rem; }
    .section-title { font-size: 2rem; }

    /* Kunci scroll body saat menu terbuka */
    body.menu-open { overflow: hidden; }
}
@media (max-width: 768px) {

    header .container {
        justify-content: flex-start; /* jangan space-between */
    }

    .logo {
        margin-left: 8px; /* jarak logo ke icon burger */
    }
}
@media (max-width: 768px) {

    header .container {
        justify-content: space-between;
    }

    /* Logo ke paling kiri */
    .logo {
        order: 1;
        margin-left: 0;
    }

    /* Burger ke paling kanan */
    .mobile-menu-btn {
        order: 2;
        margin-left: auto;
    }
}
@media (max-width: 768px) {
    header { height: 64px; }
    .logo img { height: 40px; }
}