:root{--g:#2e7d32;--gd:#1b5e20;--acc:#f9a825;--ink:#16221a;--mut:#58675b;--bg:#f4f8f3;--card:#fff;--line:#e1eadf;--head:#1b5e20;--link:#2e7d32;--shadow:0 1px 2px rgba(20,50,25,.06),0 8px 24px rgba(20,50,25,.06)}
@media(prefers-color-scheme:dark){:root{--head:#a5d6a7;--link:#81c784;--ink:#e8f0e8;--mut:#9db3a0;--bg:#0f1710;--card:#162118;--line:#243628;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 "Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
.top{background:rgba(27,94,32,.96);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:68px;position:relative}
.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:700;line-height:1.15;letter-spacing:.01em}
.mark{background:var(--acc);color:#1b3a1d;border-radius:10px;padding:7px 9px;font-weight:800;font-size:14px;letter-spacing:.04em}
nav{display:flex;gap:6px}nav a{color:#e8f5e9;text-decoration:none;padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;transition:background .15s}
nav a:hover{background:rgba(255,255,255,.14)}nav a[aria-current]{background:#fff;color:var(--gd)}
.mt{display:none}.burger{display:none;cursor:pointer;padding:22px 6px}
.burger span,.burger span:before,.burger span:after{display:block;width:24px;height:2px;background:#fff;position:relative;border-radius:2px}
.burger span:before,.burger span:after{content:"";position:absolute;left:0}.burger span:before{top:-7px}.burger span:after{top:7px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding-top:32px;padding-bottom:56px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(249,168,37,.35),transparent 45%),linear-gradient(135deg,#2e7d32,#124016);color:#fff;border-radius:20px;padding:52px 40px;margin-bottom:28px;box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.07)}
.hero h1{margin:0 0 12px;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.02em;max-width:18ch}
.hero p{margin:10px 0;max-width:52ch;font-size:1.1rem;color:#e6f2e7}
.btn{display:inline-block;background:var(--acc);color:#1b3a1d;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:700;margin:10px 8px 0 0;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.65)}
article,.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow)}
article h1,article h2{margin-top:0;color:var(--head);line-height:1.2;letter-spacing:-.01em}
article h1{font-size:2.1rem;padding-bottom:12px;border-bottom:3px solid var(--acc);display:inline-block}
article h2{font-size:1.6rem}article h2 a{color:inherit;text-decoration:none}
article h3{color:var(--head);margin:1.8em 0 .5em;font-size:1.15rem}
a{color:var(--link)}article p{max-width:68ch}
article p,article li{overflow-wrap:anywhere}li{margin:.4em 0}
article ul{padding-left:1.2em}article li::marker{color:var(--acc)}
.card h2{font-size:.8rem;margin:0 0 14px;color:var(--head);text-transform:uppercase;letter-spacing:.12em}
aside{align-self:start;position:sticky;top:92px}
.logos{display:flex;flex-direction:column;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:14px}
.logos img{max-width:100%;height:auto;display:block}
.card p{font-size:.93rem;color:var(--mut);margin:12px 0 0}.note{color:var(--mut);font-style:italic}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mut);font-size:.9rem;text-align:center}
@media(max-width:860px){
.layout{grid-template-columns:1fr;padding-top:20px}aside{position:static}.burger{display:block}
nav{display:none;position:absolute;top:68px;left:-20px;right:-20px;flex-direction:column;background:#1b5e20;padding:8px 20px 14px;border-radius:0 0 16px 16px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
.mt:checked~nav{display:flex}nav a{padding:13px 14px;border-radius:10px}
.hero{padding:34px 22px;border-radius:16px}article,.card{padding:22px 18px;border-radius:14px}article h1{font-size:1.7rem}body{font-size:16px}}