:root{--green:#2E7D55;--green-dark:#1F5C3D;--green-pale:#EAF4EE;--blue:#2F80ED;--yellow:#F2C94C;
      --ink:#1C2B24;--muted:#6b7a70;--soft:#CDE3D6;--bg:#fbfbf7;--radius:16px;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Onest',-apple-system,sans-serif;line-height:1.55}
a{color:var(--green);text-decoration:none}
h1,h2,h3,h4{font-family:'Unbounded',sans-serif;color:var(--green-dark);line-height:1.15;margin:0 0 .5em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.section{padding:70px 0}
.section h2{font-size:clamp(24px,4vw,34px);margin-bottom:.35em}
.section .sub{color:var(--muted);font-size:17px;max-width:60ch;margin:0 0 34px}
.eyebrow{display:inline-block;background:var(--green-pale);color:var(--green-dark);font-weight:600;
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.btn{display:inline-block;font-weight:600;border-radius:10px;padding:12px 20px;cursor:pointer;border:0;
  transition:background .15s,transform .05s,color .15s;font-family:inherit;font-size:15px}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark)}
.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-yellow:hover{filter:brightness(.96)}
.btn-ghost{background:transparent;color:var(--green-dark);border:1.5px solid var(--soft)}.btn-ghost:hover{border-color:var(--green)}
.btn:active{transform:translateY(1px)}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(251,251,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand svg{width:34px;height:34px;flex:0 0 auto}
.brand b{font-family:'Unbounded',sans-serif;color:var(--green-dark);font-size:16px;line-height:1}
.brand span{display:block;font-weight:400;color:var(--muted);font-size:11.5px}
.nav ul{display:flex;gap:20px;list-style:none;margin:0 0 0 auto;padding:0}
.nav ul a{color:var(--ink);font-weight:600;font-size:14.5px}.nav ul a:hover{color:var(--green)}
.nav .btn{margin-left:8px}
@media(max-width:860px){.nav ul{display:none}}
/* hero */
.hero{background:linear-gradient(160deg,var(--green-dark),var(--green));color:#fff;padding:84px 0}
.hero h1{color:#fff;font-size:clamp(30px,6vw,52px)}
.hero p{font-size:19px;max-width:52ch;opacity:.94;margin:0 0 28px}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}.hero .btn-ghost:hover{border-color:#fff}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
/* grids */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--soft);border-radius:var(--radius);padding:24px;transition:box-shadow .15s,transform .15s;display:block}
.card:hover{box-shadow:0 8px 30px rgba(31,92,61,.08);transform:translateY(-2px)}
.card .tag{display:inline-block;background:var(--green-pale);color:var(--green-dark);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.card h3{font-size:20px;margin-bottom:8px}
.card p{color:var(--muted);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:#fff;border:1px solid var(--soft);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.value h4{font-size:16px;margin-bottom:4px}.value p{color:var(--muted);font-size:14.5px;margin:0}
.alt{background:var(--green-pale)}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
@media(max-width:760px){.two{grid-template-columns:1fr}}
/* forms */
.tabs{display:flex;gap:10px;margin-bottom:20px}
.tabs button{background:#fff;border:1.5px solid var(--soft);color:var(--green-dark)}
.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}
.formcard{background:#fff;border:1px solid var(--soft);border-radius:var(--radius);padding:26px;max-width:560px}
.formcard.hidden{display:none}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
label .req{color:var(--green)}.hint{font-weight:400;color:var(--muted);font-size:13px}
input,textarea,select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d7e2da;border-radius:10px;padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,85,.12)}
textarea{min-height:82px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13px;color:var(--muted)}
.consent input{width:auto;margin-top:3px}
.msg{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px;display:none}
.msg.ok{display:block;background:var(--green-pale);color:var(--green-dark)}
.msg.err{display:block;background:#fdecec;color:#b3261e}
/* support */
.support{background:var(--green-dark);color:#fff;border-radius:var(--radius);padding:40px;text-align:center}
.support h2{color:#fff}.support p{opacity:.9;max-width:48ch;margin:0 auto 20px}
.counter{font-family:'Unbounded',sans-serif;font-size:28px;color:var(--yellow);margin:10px 0}
/* footer */
.foot{background:var(--green-dark);color:var(--soft);padding:54px 0 30px}
.foot a{color:var(--soft)}.foot a:hover{color:var(--yellow)}
.foot .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.foot h4{color:#fff;font-size:15px}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:8px 0;font-size:14.5px}
.foot .bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:760px){.foot .grid{grid-template-columns:1fr;gap:26px}}
.logo-svg{width:38px;height:38px}