body{margin:0;background:#ffffff;color:#122C48;font-family:'Nunito',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#122C48;text-decoration:none}a:hover{color:#4E7A3F}
h1,h2,h3,.head{font-family:'Montserrat',system-ui,sans-serif;font-weight:700;letter-spacing:-0.01em}
.eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;color:#4E7A3F}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.nav a{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600}
.nav a.on{color:#4E7A3F}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;border-radius:999px;border:2px solid #6B9959;background:#6B9959;color:#fff;cursor:pointer}
.btn:hover{background:#4E7A3F;border-color:#4E7A3F;color:#fff}
.btn.ghost{background:transparent;color:#122C48;border-color:#122C48}
.btn.ghost:hover{background:#122C48;color:#fff}
.grid2{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.pt{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55}
.pt svg{flex-shrink:0;margin-top:3px}
.f{display:flex;flex-direction:column;gap:8px}
.f label{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600}
.f input,.f select,.f textarea{font-family:inherit;font-size:16px;color:#122C48;background:#fff;border:1px solid #C9D3C4;border-radius:12px;padding:0 16px;min-height:52px;box-sizing:border-box;width:100%}
.f textarea{padding:14px 16px;min-height:160px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:3px solid #BFD9B3;border-color:#6B9959}
.foot a{color:#C9D3DD;font-size:14px}.foot a:hover{color:#fff}
@media (max-width:900px){.grid2{grid-template-columns:repeat(1,minmax(0,1fr));gap:40px}.two{grid-template-columns:repeat(1,minmax(0,1fr)) !important}.ph1{font-size:42px !important}}
@media (max-width:600px){.ph1{font-size:34px !important}.wrap{padding:0 16px}}

/* phone layout */
@media (max-width:900px){
  .wrap[style*="grid-template-columns:repeat(12"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important;padding-top:56px !important;padding-bottom:56px !important}
  .wrap[style*="grid-template-columns:repeat(12"] > div[style*="grid-column"]{grid-column:auto !important}
  .wrap[style*="grid-template-columns:repeat(12"] img{height:320px !important}
  .wrap[style*="grid-template-columns:5fr 7fr"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important}
  footer .wrap[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  header .wrap{justify-content:center !important;text-align:center}
  .nav{justify-content:center;gap:14px 22px}
  section[style*="padding:104px 0"],section[style*="padding:96px 0"]{padding:64px 0 !important}
}
@media (max-width:600px){
  footer .wrap[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important}
  h2[style*="font-size:42px"],h2[style*="font-size:40px"],h2[style*="font-size:38px"]{font-size:30px !important}
  h2[style*="font-size:36px"],h2[style*="font-size:34px"]{font-size:28px !important}
  .stat b{font-size:36px}
  form[style*="padding:40px"]{padding:24px !important}
}
