:root{--green:#0a9a47;--green-dark:#077a38;--ink:#18221c;--muted:#5b665e;--line:#dfe3da;--bg:#f6f5f0}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px}
a{color:var(--green-dark)}
header{background:#fff;border-bottom:1px solid var(--line)}
.bar{max-width:820px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand img{width:42px;height:42px}
.brand b{display:block;font-size:1.15rem;line-height:1.1}
.brand span{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
main{max-width:820px;margin:0 auto;padding:56px 24px 80px}
h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin:0 0 32px}
h2{font-size:1.2rem;margin:36px 0 8px}
p,ul{margin:0 0 14px}
footer{background:#0b1f14;color:#b9c6bd;padding:32px 24px;font-size:.92rem;text-align:center}
footer a{color:#b9c6bd;text-decoration:none;margin:0 10px}
footer a:hover{color:#fff}
@media (max-width:680px){body{font-size:16px}.bar,main{padding-left:16px;padding-right:16px}.brand span{display:none}}