:root{
      --primary:#2d6a4f;
      --secondary:#40916c;
      --light:#f4fff7;
      --dark:#1b4332;
      --gold:#ffd166;
    }

    *{ margin:0; padding:0; box-sizing:border-box; font-family:'Plus Jakarta Sans',sans-serif; }
    body{ background:#f8faf8; overflow-x:hidden; }
    a{ text-decoration:none; }

    /* NAVBAR */
    .navbar-custom{ position:fixed; top:0; width:100%; z-index:999; background:rgba(20,40,20,0.95); backdrop-filter:blur(10px); padding:12px 0; transition:0.3s; }
    @media (min-width: 992px) {
      .navbar-nav .nav-item.dropdown:hover .dropdown-menu { display: block; margin-top: 0; opacity: 1; visibility: visible; transform: translateY(0); }
      .dropdown-menu { display: block; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; }
    }
    .navbar-brand{ color:#fff !important; font-weight:800; font-size:1.3rem; display:flex; align-items:center; gap:10px; }
    .navbar-brand img{ width:42px; height:42px; }
    .navbar-nav .nav-link{ color:#fff !important; font-weight:600; margin:0 6px; position:relative; }
    .dropdown-menu{ border:none; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.1); }

    /* SECTION */
    .section{ padding:90px 0; }
    .section-title{ text-align:center; margin-bottom:50px; }
    .section-title h2{ font-weight:800; color:var(--dark); font-size:2.4rem; }
    
    .service-card{ background:white; border-radius:25px; padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.06); height:100%; transition:0.3s; }

    /* FOOTER */
    footer{ background:var(--dark); color:white; padding:50px 0 20px; }
    footer h5{ font-weight:700; margin-bottom:20px; }
    footer ul{ list-style:none; padding:0; }
    footer ul li{ margin-bottom:10px; }
    footer ul li a{ color:#ddd; }
    .copyright{ margin-top:40px; text-align:center; color:#aaa; border-top:1px solid rgba(255,255,255,0.1); padding-top:20px; }

    /* MOBILE */
    .mobile-header { background: white; padding: 12px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
    .mobile-bottom-nav{ position:fixed; bottom:0; left:0; width:100%; background:white; z-index:9999; display:none; justify-content:space-around; padding:10px 5px; box-shadow:0 -5px 25px rgba(0,0,0,0.12); border-radius:20px 20px 0 0; }
    .mobile-bottom-nav a{ color:#444; font-size:0.75rem; text-align:center; font-weight:600; flex:1; }
    .mobile-bottom-nav i{ display:block; font-size:1.1rem; margin-bottom:5px; color:var(--primary); }
    .floating-menu{ position:fixed; bottom:70px; left:50%; transform:translateX(-50%); width:70%; background:white; border-radius:25px; padding:15px; z-index:9998; display:none; box-shadow:0 20px 50px rgba(0,0,0,0.18); animation:slideUp .3s ease; max-height: 65vh; overflow-y: auto; }
    @keyframes slideUp{ from{ transform:translate(-50%,50px); opacity:0; } to{ transform:translate(-50%,0); opacity:1; } }
    .floating-menu a, .floating-menu .dropdown-toggle{ display:block; padding:8px 12px; border-radius:10px; color:#333; font-weight:600; font-size: 0.85rem; }
    .floating-menu .dropdown-menu { position: static !important; float: none; width: 100%; box-shadow: none; border: none; background: #f8fcf9; transform: none !important; padding: 0; margin: 5px 0; }

    @media(max-width:991px){ .desktop-navbar{ display:none; } .mobile-bottom-nav{ display:flex; } body{ padding-bottom:90px; } }
    .floating-wa { position: fixed; bottom: 30px; right: 30px; background-color: #25d366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; box-shadow: 2px 5px 15px rgba(0,0,0,0.2); z-index: 1000; transition: 0.3s ease; }
    @media (max-width: 991px) { .floating-wa { bottom: 110px; right: 20px; width: 55px; height: 55px; font-size: 28px; } }