*,*::before,*::after{box-sizing:border-box}
:root{--gutter:clamp(20px,5vw,48px);--sec:clamp(64px,9vw,110px);--gap-lg:clamp(32px,5vw,64px)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:#f5f4ee;color:#16241b;font-family:'Barlow',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#007a2f;text-decoration:none}
a:hover{color:#16241b}
#form-sent[hidden],#form-wrap[hidden]{display:none !important}
.h1:hover{color:#009639 !important}
.h2:hover{background:#16241b !important;color:#fff !important}
.h3:hover{background:#1f3326 !important;color:#fff !important}
.h4:hover{background:#008a34 !important;color:#fff !important}
.h5:hover{color:#7fd39c !important}
.h6:hover{color:#16241b !important}
.h7:hover{background:#16241b !important}

.nav-toggle{display:none;font:inherit;font-size:26px;line-height:1;background:none;border:1px solid #c9ccc0;border-radius:2px;color:#16241b;padding:6px 12px;cursor:pointer}
.brands{grid-template-columns:repeat(4,1fr)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #009639;outline-offset:2px}
@media (max-width:1099px){.brands{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  html{scroll-padding-top:80px}
  .nav-toggle{display:block}
  .nav{display:none !important;width:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;border-top:1px solid #dcdcd2;margin-top:6px}
  .nav.open{display:flex !important}
  .nav a{padding:14px 4px;border-bottom:1px solid #e3e5dc}
  .nav a.h2{margin-top:12px;text-align:center;border-bottom:0}
  .logo-badge{width:36px !important;height:63px !important;background-size:77.8px auto !important;background-position:-21.6px -24.5px !important}
  .brands{grid-template-columns:repeat(2,1fr)}
  .brands>div:last-child:nth-child(odd){grid-column:1/-1}
  .brands img{max-width:100% !important}
  .form-row{grid-template-columns:1fr !important}
  .form-card{padding:24px !important}
}