body { font-family: 'Times New Roman', Times, serif; }
    img { max-width: 100%; height: auto; }

    .mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .mobile-menu.active { max-height: 600px; }
    .mobile-menu-item { display:block; padding:12px 16px; border-bottom:1px solid #f0f0f0; color:#2c3e50; text-decoration:none; font-weight:600; font-size:0.85rem; text-transform:uppercase; transition:background 0.2s,color 0.2s; }
    .mobile-menu-item:hover { background:#fff0e5; color:#f4782a; }
    .mobile-menu-item.active { background:#fff0e5; color:#f4782a; }

    .mobile-submenu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background:#f8f9fa; }
    .mobile-submenu.active { max-height: 400px; }

    .mobile-submenu-item { display:block; padding:12px 16px 12px 40px; border-bottom:1px solid #f0f0f0; color:#6c7a8a; text-decoration:none; font-size:0.82rem; transition:background 0.2s,color 0.2s; }
    .mobile-submenu-item:hover { background:#f0f2f5; color:#f4782a; }

    .menu-toggle { width:32px; height:32px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; background:none; border:none; cursor:pointer; padding:0; margin-left:12px; }
    .menu-toggle span { display:block; width:24px; height:2px; background:#0b1f4a; border-radius:2px; transition:all 0.3s ease; }
    .menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translateY(10px); }
    .menu-toggle.active span:nth-child(2) { opacity:0; }
    .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translateY(-10px); }

    .timeline-item { position: relative; padding-left: 50px; min-height: 80px; display:flex; align-items:center; }
    .timeline-item::before { content:''; position:absolute; left:14px; top:0; width:20px; height:20px; background:#f4782a; border-radius:50%; border:3px solid white; box-shadow:0 0 0 3px #f4782a; }
    .timeline-item:not(:last-child)::after { content:''; position:absolute; left:23px; top:20px; bottom:-80px; width:2px; background:#e0e0e0; }

    .benefit-icon { width:60px; height:60px; background:linear-gradient(135deg,#f4782a,#ff9e4d); border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:28px; }

    .hero-detail-botuc {
      background:
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url('../assets/banner_index.png');
      background-size: cover;
      background-position: center;
    }