:root{--bg:#f6f8f3;--sf:#fff;--tx:#17302a;--mu:#5c7068;--ac:#2f8a68;--dk:#1f6a50;--ln:#dbe6df;--cr:#fdf9dc;--sh:0 18px 40px -18px rgba(23,48,42,.35);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1a17;--sf:#16251f;--tx:#e8f1ec;--mu:#9bb3a9;--ac:#4fb68f;--dk:#3a9a76;--ln:#264037;--sh:0 18px 40px -18px #000}}
:root[data-theme="dark"]{--bg:#0f1a17;--sf:#16251f;--tx:#e8f1ec;--mu:#9bb3a9;--ac:#4fb68f;--dk:#3a9a76;--ln:#264037;--sh:0 18px 40px -18px #000}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 Figtree,system-ui,sans-serif}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,sans-serif;line-height:1.1;margin:0}
a{color:var(--ac)}.w{max-width:1040px;margin:0 auto;padding:0 22px}
header{background:var(--ac);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
header a{display:flex;align-items:center;gap:12px;padding:12px 0;color:#fff;text-decoration:none;font:800 20px 'Bricolage Grotesque',sans-serif;width:max-content}
header img{width:40px;height:40px;border-radius:10px}
.hero{background:linear-gradient(160deg,var(--ac),#1c5c45);color:#fff;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:0}
.hero h1{font-size:clamp(36px,6vw,62px);font-weight:800;letter-spacing:-.02em}
.hero p{font-size:18px;max-width:46ch;opacity:.92;margin:18px 0 26px}
.badge{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;text-decoration:none;border:1px solid #777;border-radius:12px;padding:8px 18px 8px 14px}
.badge svg{width:26px;height:26px;fill:#fff}.badge small{display:block;font-size:11px;line-height:1}.badge b{font:600 20px/1.1 Figtree,sans-serif}
.hero .ph{justify-self:center;margin-bottom:-60px;transform:rotate(3deg)}
.ph{width:210px;border-radius:30px;background:var(--cr);padding:8px;box-shadow:var(--sh);border:6px solid #111}
.ph img{display:block;width:100%;border-radius:20px}
.stats{margin-top:-1px;background:var(--sf);border-bottom:1px solid var(--ln)}
.stats .w{display:grid;grid-template-columns:repeat(4,1fr);padding-top:84px;padding-bottom:26px;gap:12px}
.stats div{text-align:center}.stats b{display:block;font:800 34px 'Bricolage Grotesque',sans-serif;color:var(--ac)}.stats span{color:var(--mu);font-size:14px}
section{padding:60px 0}h2{font-size:34px;margin-bottom:14px}
.card{display:flex;gap:22px;align-items:center;background:var(--sf);border:1px solid var(--ln);border-radius:22px;padding:24px;box-shadow:var(--sh)}
.card img{width:96px;height:96px;border-radius:22px}.card p{margin:6px 0 14px;color:var(--mu)}
.show{background:var(--cr);color:#17302a;border-radius:28px;padding:48px 10px 56px;text-align:center}
.show h2{padding:0 16px}.show>p{color:#5c7068;margin:0 16px 34px}
.row{display:flex;gap:26px;justify-content:center;overflow-x:auto;padding:20px 24px 30px}
.row .ph{flex:none;background:#fff;width:200px}.row .ph:nth-child(even){margin-top:36px}.row .ph:nth-child(odd){transform:rotate(-2deg)}.row .ph:nth-child(even){transform:rotate(2deg)}
.row figcaption{font:600 14px Figtree;color:#5c7068;margin-top:8px}.row figure{margin:0}
.about{max-width:68ch}.about p,.pol p{color:var(--mu)}
.pol{max-width:70ch;padding:50px 0}.pol h1{font-size:44px;margin-bottom:6px}.pol h2{font-size:24px;margin:30px 0 8px}
.ct{display:grid;gap:14px;max-width:560px}.ct a.b{display:inline-block;background:var(--ac);color:#fff;text-decoration:none;font-weight:600;padding:13px 22px;border-radius:12px;width:max-content}
footer{background:#14392d;color:#d6e8df;padding:34px 0 38px;font-size:15px}
footer .w{display:flex;flex-wrap:wrap;gap:20px 50px;justify-content:space-between}
footer a{color:#d6e8df;display:block;margin:4px 0}footer h3{font-size:16px;color:#fff;margin-bottom:6px}footer .c{width:100%;opacity:.7;border-top:1px solid #ffffff22;padding-top:16px}
:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}
@media(max-width:760px){.hero .w{grid-template-columns:1fr}.hero .ph{display:none}.stats .w{grid-template-columns:1fr 1fr;padding-top:26px}.card{flex-direction:column;text-align:center}.row{justify-content:flex-start}}