/* Tablet & Mobile Breakpoints */
@media (max-width: 1024px) {
    .hero-title { font-size: 48px; }
    .feature-item { gap: 40px; }
}

@media (max-width: 768px) {
    .navbar .nav-menu, .navbar .nav-actions { display: none; }
    .navbar .container { position: relative; }
    
    /* Tombol menu mobile dimunculkan */
    .mobile-menu-toggle { display: block !important; }
    
    .hero { padding-top: 120px; }
    .hero-title { font-size: 36px; }
    
    /* Stack feature item secara vertikal */
    .feature-item { grid-template-columns: 1fr; text-align: center; }
    .feature-item:nth-child(even) .feature-content { order: 1; }
    .feature-item:nth-child(even) .feature-image { order: 2; }
    
    .feature-icon { justify-content: center; margin-left: auto; margin-right: auto; }
    
    .footer-content { grid-template-columns: 1fr; text-align: center; }
    .footer-bottom { flex-direction: column; gap: 20px; text-align: center; }
}