@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--green:#006B43;--lime:#85B505;--yellow:#FFBF09;--ink:#1d2b24;--muted:#55675F;--soft:#F1F6F3;--line:#DDE7E1}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}
header img{height:56px;width:auto;display:block}
.lang{font-size:14px;letter-spacing:.08em;text-decoration:none;color:var(--muted);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.lang:hover{color:var(--green);border-color:var(--green)}
.hero{padding-top:64px;padding-bottom:88px;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
.hero .mark{width:100%;max-width:400px;justify-self:end}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);font-weight:600}
h1,h2,h3{font-family:Barlow,"Arial Narrow",sans-serif;font-weight:600;color:var(--green);line-height:1.08}
h1{font-size:clamp(40px,5.6vw,68px);margin:18px 0 24px;max-width:16ch}
.lead{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:40ch}
.cta{display:inline-block;margin-top:36px;background:var(--green);color:#fff;text-decoration:none;padding:14px 26px;border-radius:4px;font-weight:600;font-size:15px;letter-spacing:.02em}
.cta:hover{background:#00573a}
.bar{display:flex;height:4px}.bar i{display:block}
.bar i:nth-child(1){flex:1;background:var(--green)}.bar i:nth-child(2){width:64px;background:var(--lime)}.bar i:nth-child(3){width:64px;background:var(--yellow)}
section{padding:88px 0}
h2{font-size:clamp(30px,3.4vw,40px);margin-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.card{border-top:1px solid var(--line);padding-top:24px}
.card svg{width:64px;height:64px;display:block;margin-bottom:18px}
h3{font-size:24px;margin-bottom:6px}
.card p{color:var(--muted);font-size:15.5px}
.role{background:var(--soft)}
.role p{font-size:clamp(19px,2.2vw,24px);max-width:36ch;color:var(--ink);line-height:1.5}
.contact{background:var(--green);color:#fff}
.contact h2{color:#fff}
.contact address{font-style:normal;font-size:19px;line-height:1.8}
.contact a{color:#fff;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:4px}
footer{padding:36px 0 48px;font-size:13.5px;color:var(--muted)}
footer strong{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}
@media (max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero .mark{display:none}}
@media (max-width:520px){.grid{grid-template-columns:1fr}.hero{padding-top:32px;padding-bottom:64px}section{padding:64px 0}header img{height:36px}}