:root { --ink:#15211d; --muted:#66736e; --green:#259f6b; --line:rgba(20,53,42,.13); --page:#f7faf8; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:var(--page); font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif; letter-spacing:0; }
a { color:inherit; }
header { height:68px; display:flex; align-items:center; justify-content:space-between; padding:0 max(22px,calc((100vw - 840px)/2)); background:rgba(255,255,255,.88); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:750; }
.brand img { width:38px; height:38px; border-radius:9px; }
header nav { display:flex; gap:20px; font-size:14px; }
main { max-width:840px; margin:0 auto; padding:70px 24px 100px; }
h1 { margin:0 0 12px; font-size:clamp(34px,6vw,52px); line-height:1.18; }
.updated { color:var(--muted); font-size:14px; }
h2 { margin:42px 0 10px; padding-top:26px; border-top:1px solid var(--line); font-size:22px; line-height:1.35; }
p,li { color:#35443e; }
.lead { max-width:680px; color:var(--muted); font-size:18px; }
.support-list { padding:0; list-style:none; border-top:1px solid var(--line); }
.support-list li { padding:18px 0; border-bottom:1px solid var(--line); }
.button { display:inline-block; margin-top:16px; padding:10px 18px; color:#fff; background:#102e25; border-radius:7px; text-decoration:none; font-weight:700; }
footer { max-width:840px; margin:0 auto; padding:0 24px 40px; color:var(--muted); font-size:13px; }
@media(max-width:600px){ header nav{display:none} main{padding-top:48px} h2{margin-top:32px} }