
:root{--green:#0baa43;--dark:#102017;--muted:#66716a;--line:#e1e8e2;--light:#f4f8f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#1b251f;background:#fff}a{text-decoration:none;color:inherit}
.container{width:min(1120px,calc(100% - 32px));margin:auto}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #edf1ed}
.nav{min-height:78px;display:flex;align-items:center;gap:25px}.logo{width:215px}.logo img{width:100%;display:block}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.desktop-nav>a,.drop button{font-size:13px;font-weight:700;color:#35433a;padding:28px 0;background:none;border:0;cursor:pointer}.desktop-nav>a.active{color:var(--green)}
.drop{position:relative}.drop:hover .mega{display:grid}.mega{display:none;position:absolute;top:64px;right:-200px;width:700px;grid-template-columns:1fr 1fr;gap:25px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #0001}.mega strong{font-size:10px;color:#087d35;display:block;margin-bottom:8px}.mega a{display:block;font-size:12px;color:#56625b;padding:5px 0}.header-btn{background:var(--green);color:#fff;padding:12px 16px;border-radius:9px;font-size:12px;font-weight:800}.hamb,.mobile{display:none}
.hero{padding:75px 0 55px;background:linear-gradient(135deg,#eef9f1,#fff 65%,#f5f8f5)}.crumb{display:flex;gap:8px;font-size:11px;color:#69736d;margin-bottom:25px}.crumb a{color:#087d35;font-weight:800}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#087d35;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,62px);line-height:1.05;margin:12px 0 18px}.hero h1 span,.section-title h2 span{color:var(--green)}.hero p{max-width:760px;color:#5d6861;font-size:14px;line-height:1.75}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.badges span{background:#fff;border:1px solid #dbe8de;color:#41624a;border-radius:50px;padding:8px 12px;font-size:10px;font-weight:800}
.section{padding:55px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 28px}.section-title h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.1;margin:9px 0}.section-title p{font-size:13px;color:var(--muted);line-height:1.7}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 8px 25px #17351f08}.benefit .icon{width:38px;height:38px;background:#eaf7ee;color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:900;margin-bottom:13px}.benefit h3{font-size:16px;margin:0 0 8px}.benefit h3 span{color:var(--green)}.benefit p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}
.form-section{background:#f7faf8;padding:20px 0 65px}.form-card{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:visible;box-shadow:0 15px 50px #163a220b}.form-head{padding:25px;background:#eff8f2;border-bottom:1px solid var(--line);border-radius:18px 18px 0 0}.form-head h2{margin:0 0 5px;font-size:24px}.form-head p{margin:0;color:var(--muted);font-size:12px}.form-body{padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800}.field label em{color:#d33;font-style:normal}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e1da;border-radius:9px;padding:12px;font:inherit;font-size:12px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0baa4314}.field textarea{min-height:110px;resize:vertical}
.multi{position:relative}.multi-btn{width:100%;text-align:left;border:1px solid #d8e1da;background:#fff;border-radius:9px;padding:12px;font-size:12px;color:#66716a;cursor:pointer}.multi-btn:after{content:"▾";float:right;color:var(--green);font-weight:900}.multi.open .multi-menu{display:block}.multi-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:30;background:#fff;border:1px solid #d8e1da;border-radius:10px;padding:7px;box-shadow:0 15px 35px #0002;max-height:250px;overflow:auto}.check{display:flex;gap:9px;align-items:center;padding:9px;border-radius:7px;font-size:11px;cursor:pointer}.check:hover{background:#f1f8f3}.check input{accent-color:var(--green)}.note{font-size:10px;color:#7a847d;margin-top:7px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.submit,.wa-btn{border-radius:9px;padding:13px 18px;font-size:12px;font-weight:800;cursor:pointer}.submit{border:0;background:var(--green);color:#fff}.wa-btn{border:1px solid #d6e1d9;background:#fff;color:#28553a}.message{display:none;margin-top:15px;background:#edf9f0;color:#28703e;padding:12px;border-radius:8px;font-size:11px}
.contact{background:#102017;color:#fff;padding:34px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact h3{margin:0 0 5px;font-size:21px}.contact p{margin:0;color:#bdcec3;font-size:11px}.contact-links{display:flex;flex-wrap:wrap;gap:8px}.contact-links a{border:1px solid #3d5747;padding:9px 12px;border-radius:8px;font-size:11px}
.footer{background:#062712;color:#d9e7dd;padding:45px 0 15px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.foot-grid img{width:190px;background:#fff;padding:6px;border-radius:6px}.foot-grid p,.foot-grid a{font-size:10px;color:#9fb2a6}.foot-grid h4{font-size:12px;color:#fff;margin-top:0}.foot-grid a{display:block;margin:7px 0}.bottom{border-top:1px solid #ffffff18;margin-top:30px;padding-top:14px;font-size:9px;color:#7e9788;display:flex;justify-content:space-between}
.wa-fixed{position:fixed;right:16px;bottom:16px;background:#16a34a;color:#fff;padding:11px 15px;border-radius:50px;font-size:11px;font-weight:800;box-shadow:0 10px 25px #0003;z-index:900}
@media(max-width:850px){.desktop-nav,.header-btn{display:none}.nav{min-height:70px}.logo{width:180px}.hamb{display:flex;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamb i{width:18px;height:2px;background:#087d35}.mobile{display:block;max-height:0;overflow:hidden;transition:.3s;background:#fff}.mobile.open{max-height:900px;border-top:1px solid var(--line)}.mobile>a,.products-btn{display:flex;width:100%;padding:13px 17px;border:0;border-bottom:1px solid #edf1ed;background:#fff;font-size:12px;font-weight:800;text-align:left;justify-content:space-between}.mobile-products{display:none;background:#f7faf8;padding:5px 17px}.mobile-products.open{display:block}.mobile-products a{display:block;padding:8px 3px;font-size:11px;color:#56625b}.mobile-cta{margin:12px 17px;width:calc(100% - 34px)!important;background:var(--green)!important;color:#fff!important;border-radius:8px;justify-content:center}.benefit-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-inner{display:block}.contact-links{margin-top:18px}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:calc(100% - 26px)}.hero{padding:45px 0 40px}.section{padding:42px 0}.benefit-grid{grid-template-columns:1fr}.form-body{padding:17px}.form-head{padding:19px}.actions>*{width:100%;text-align:center}.foot-grid{grid-template-columns:1fr}.bottom{display:block}.bottom span{display:block;margin-top:6px}}

/* Product selector alignment: intentionally left-aligned on desktop and mobile */
#productMulti{width:100%;margin:0;padding:0;text-align:left}
#productMulti .multi-btn{display:block;width:100%;margin:0;text-align:left;padding-left:12px}
#productMulti .multi-menu{left:0;right:auto;width:100%;margin-left:0;text-align:left}
#productMulti .check{width:100%;margin:0;text-align:left;justify-content:flex-start;align-items:center}
#productMulti .check input{flex:0 0 auto;margin:0}
@media(max-width:520px){#productMulti .multi-menu{width:100%;max-height:55vh}.field.full{width:100%}}

/* FINAL: Products Interested In — checkbox and text must stay together at the left */
#productMulti .multi-menu{
  display:none;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  padding:7px;
  overflow-x:hidden;
}
#productMulti.open .multi-menu{display:flex}
#productMulti .multi-menu .check{
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  align-items:start !important;
  justify-content:start !important;
  padding:9px !important;
  margin:0 !important;
  text-align:left !important;
  white-space:normal !important;
}
#productMulti .multi-menu .check::before,
#productMulti .multi-menu .check::after{display:none !important}
#productMulti .multi-menu .check input{
  display:block !important;
  position:static !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:start !important;
  align-self:start !important;
}
#productMulti .multi-menu .check span{
  display:block !important;
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  justify-self:start !important;
  align-self:start !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
@media(max-width:520px){
  #productMulti .multi-menu{max-height:55vh;overflow-x:hidden}
  #productMulti .multi-menu .check{grid-template-columns:18px minmax(0,1fr) !important}
}
