*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#17211f;background:#F6F7F2}
a{text-decoration:none;color:#1675BF}
a:hover{color:#46727A}
img{max-width:100%;display:block}
h1,h2,h3{font-family:'Poppins',sans-serif;margin:0}

/* header */
.topbar{display:flex;background:#17211f;color:#cfd8d6;font-size:13px;padding:6px 32px;align-items:center;justify-content:space-between}
.topbar-left{display:flex;gap:18px;align-items:center}
.topbar-left a{color:#cfd8d6}
.topbar-social{display:flex;gap:8px}
.social-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.social-ic.lg{width:36px;height:36px}
.social-ic.wa{background:#25D366}
.social-ic.fb{background:#1877F2}
.social-ic.ig{background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5)}
.nav-toggle-cb{display:none}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(120deg,#1B2422 0%,#2E4F55 55%,#46727A 100%);box-shadow:0 4px 24px rgba(0,0,0,.18)}
.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;gap:24px}
.logo-link{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-img{height:46px;width:auto}
.desktop-nav{display:flex;align-items:center;gap:4px}
.nav-link{color:#fff;font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:999px}
.nav-link.active{color:#A9C350;font-weight:700}
.nav-link:hover{color:#A9C350}
.dd-wrap{position:relative}
.dd-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.22);padding:8px;min-width:220px;display:none;flex-direction:column;animation:wm-drop .18s ease;z-index:10}
.dd-wrap:hover .dd-menu{display:flex}
.dd-item{display:block;padding:10px 14px;border-radius:8px;color:#1B2422;font-size:14.5px;font-weight:500}
.dd-item:hover{background:#F6F7F2;color:#1675BF}
.cta-btn{background:#6ABF16;color:#17211f !important;font-weight:700;font-size:14px;padding:11px 24px;border-radius:999px;box-shadow:0 8px 24px rgba(106,191,22,.35);white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center}
.cta-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px rgba(106,191,22,.45);color:#17211f !important}
.hamburger{display:none;background:transparent;border:2px solid #A9C350;border-radius:10px;width:44px;height:44px;color:#fff;font-size:20px;cursor:pointer;align-items:center;justify-content:center}
.mobile-menu{display:none;background:#1B2422;padding:12px 24px 24px;flex-direction:column;gap:2px;animation:wm-drop .2s ease}
.mobile-link{color:#EAEFE8;font-size:16px;font-weight:500;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-link.active{color:#A9C350;font-weight:700}
.mobile-cta{margin-top:12px;text-align:center}
@keyframes wm-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:979px){
  .topbar,.desktop-nav,.desktop-only{display:none}
  .hamburger{display:flex}
  .nav-toggle-cb:checked ~ .site-header .mobile-menu{display:flex}
}

/* footer */
.site-footer{background:#151d1b;color:#B9C2BF;padding:64px 32px 0}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo-link{display:block;width:fit-content}
.footer-logo{height:52px;width:auto;margin-bottom:18px}
.footer-desc{font-size:14.5px;line-height:1.7;color:#9AA5A1;max-width:320px;margin:0 0 16px}
.footer-social{display:flex;gap:10px}
.footer-heading{color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;margin-bottom:18px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{color:#B9C2BF;font-size:14.5px}
.footer-links a:hover{color:#A9C350}
.footer-bottom{max-width:1280px;margin:0 auto;padding:22px 0;font-size:13px;color:#6E7772;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].revealed{opacity:1;transform:translateY(0)}

/* generic hover-lift cards */
.card-lift{transition:transform .25s ease,box-shadow .25s ease}
.card-lift:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(23,33,31,.14)}
.card-lift-sm:hover{transform:translateY(-6px)}
.btn-outline{background:transparent;color:#fff;font-weight:700;font-size:16px;padding:16px 34px;border-radius:999px;border:2px solid rgba(255,255,255,.4);transition:all .2s ease}
.btn-outline:hover{border-color:#A9C350;color:#A9C350 !important}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}
.hero-slide.active{opacity:1}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr !important}
}

.wa-fab{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.28);z-index:999;transition:transform .2s ease}
.wa-fab:hover{transform:scale(1.08)}
@media (max-width:600px){.wa-fab{right:14px;bottom:14px;width:52px;height:52px}}