:root {
  --navy:    #267d4a;
  --navy2:   #1a5c36;
  --blue:    #38a060;
  --blue-lt: #edf7f1;
  --white:   #ffffff;
  --gray50:  #f7f9f8;
  --gray100: #eef1ef;
  --gray200: #dde3de;
  --gray400: #8fa898;
  --gray600: #445c4a;
  --gray800: #1a2b1e;
  --green:   #22c55e;
  --green-lt:#f0fdf4;
  --radius:  8px;
  --shadow:  0 1px 3px rgba(12,46,27,.08), 0 4px 16px rgba(12,46,27,.06);
  --shadow-lg: 0 8px 32px rgba(12,46,27,.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--gray800);-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:72px;display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;
  background:rgba(255,255,255,0.97);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--gray200);
  box-sizing:border-box;max-width:100vw;
}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;padding:6px 0;}
.logo-wordmark{
  display:block;
  height:clamp(34px, 3vw, 46px);
  width:auto;
  max-width:min(240px, 38vw);
}
.logo-wordmark-on-dark{
  filter: brightness(0) invert(1) drop-shadow(0 8px 20px rgba(0, 0, 0, .18));
}
.logo-text{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--gray800);}
.footer-logo{display:inline-flex;}
.footer-logo-wordmark{height:32px;max-width:220px;}
.nav-links{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;margin:0 28px;}
.nav-links-primary,.nav-links-cta{display:flex;align-items:center;gap:4px;}
.nav-links a{color:var(--gray600);text-decoration:none;font-size:15px;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .15s;}
.nav-links-primary a:hover{background:var(--gray100);color:var(--gray800);}
.nav-links-cta{padding-left:24px;border-left:1px solid var(--gray200);}
.nav-link-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(31, 90, 55, .16);
  background:linear-gradient(180deg, #f4fbf6 0%, #eaf7ef 100%);
  color:var(--navy) !important;
  font-weight:700 !important;
  box-shadow:0 10px 24px rgba(31, 90, 55, .08);
}
.nav-link-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(31, 90, 55, .28);
  background:linear-gradient(180deg, #eef8f2 0%, #dff1e7 100%);
}
.nav-link-pill-solid{
  background:linear-gradient(180deg, #1f5a37 0%, #144428 100%);
  color:#fff !important;
  border-color:rgba(12, 46, 27, .18);
}
.nav-link-pill-solid:hover{
  background:linear-gradient(180deg, #17492c 0%, #0c2e1b 100%);
  color:#fff !important;
}
.nav-right{display:flex;gap:10px;align-items:center;}
.nav-btn{background:var(--navy);color:#fff;padding:9px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;white-space:nowrap;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;}
.nav-btn:hover{background:var(--navy2);}
.nav-btn-outline{background:transparent;color:var(--navy);padding:9px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1.5px solid var(--navy);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;}
.nav-btn-outline:hover{background:var(--blue-lt);}

/* HAMBURGER */
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--gray800);}
.hamburger svg{width:24px;height:24px;}

/* MOBILE NAV */
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray200);padding:16px 24px;z-index:199;box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:var(--gray600);text-decoration:none;font-size:15px;font-weight:500;padding:10px 14px;border-radius:6px;transition:all .15s;}
.mobile-menu-primary,.mobile-menu-cta{display:flex;flex-direction:column;gap:8px;}
.mobile-menu-primary a:hover{background:var(--gray100);color:var(--gray800);}
.mobile-menu-cta{padding-top:12px;margin-top:4px;border-top:1px solid var(--gray200);}
.mobile-menu-cta .nav-link-pill{width:100%;}
.mobile-menu .nav-right-mobile{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--gray200);}
.mobile-menu .nav-right-mobile .nav-btn,.mobile-menu .nav-right-mobile .nav-btn-outline{flex:1;text-align:center;justify-content:center;min-width:120px;}

/* FOOTER */
footer{background:#1e6b40;padding:64px 48px 40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 48px;}
.footer-brand p{font-size:14px;color:var(--gray400);line-height:1.7;margin-top:14px;max-width:240px;}
.footer-col h4{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:16px;}
.footer-col a{display:block;color:var(--gray400);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color .15s;}
.footer-col a:hover{color:#fff;}
.footer-payment{max-width:1200px;margin:0 auto;padding:32px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
.footer-payment img{height:28px;width:auto;max-width:100%;opacity:.7;transition:opacity .2s;}
.footer-payment img:hover{opacity:1;}
.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--gray400);}
.footer-bottom a{color:var(--gray400);text-decoration:none;transition:color .2s;}
.footer-bottom a:hover{color:#fff;}

/* LANGUAGE SWITCHER */
.lang-switcher{display:flex;align-items:center;gap:2px;margin-right:6px;}
.lang-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;font-family:'DM Sans',sans-serif;text-decoration:none;color:var(--gray400);transition:all .15s;letter-spacing:.5px;cursor:pointer;}
.lang-btn:hover{color:var(--gray800);background:var(--gray100);}
.lang-active{color:var(--navy) !important;background:var(--blue-lt);cursor:default;}
.lang-active:hover{background:var(--blue-lt);}

/* RESPONSIVE */
@media(max-width:1100px){
  nav{padding:0 24px;}
  .nav-links{margin:0 18px;gap:18px;}
  .nav-links-cta{padding-left:18px;}
  footer{padding:48px 24px 32px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:1024px){
  .nav-links{display:none !important;}
  .nav-right{display:none !important;}
  .hamburger{display:flex !important;}
  .mobile-menu{top:72px;}
}
@media(max-width:768px){
  nav{height:64px;padding:0 20px;}
  .logo-wordmark{height:32px;max-width:170px;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center;}
}
@media(max-width:640px){
  nav{padding:0 16px;height:56px;}
  .logo-wordmark{height:28px;max-width:150px;}
  .footer-logo-wordmark{height:28px;max-width:180px;}
  footer{padding:40px 16px 28px;}
  .footer-col h4{font-size:11px;margin-bottom:12px;}
  .footer-col a{font-size:13px;margin-bottom:8px;}
  .footer-brand p{font-size:13px;}
  .mobile-menu{top:56px;padding:12px 16px;}
}
@media(min-width:1025px){
  .hamburger{display:none;}
  .mobile-menu{display:none !important;}
}