:root{--green:#145A32;--orange:#EC8A2C;--cream:#FBF6EA;--sand:#F2E8D2;--ink:#1D2A22;--muted:#5E6B62;--line:rgba(20,90,50,.14)}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--green)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{padding:22px 0;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green);font-weight:800;font-size:22px}
.brand img{width:40px;height:40px;border-radius:10px}
nav a{margin-left:16px;font-size:15px;text-decoration:none;color:var(--muted)}
nav a:hover{color:var(--green)}
.hero{padding:40px 0 30px}
.hero h1{font-size:clamp(34px,6vw,52px);line-height:1.1;margin:0 0 16px;color:var(--green);letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero p{font-size:20px;color:var(--muted);margin:0 0 26px;max-width:560px}
.badge{display:inline-block;background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--green);font-weight:600}
section{padding:28px 0;border-top:1px solid var(--line)}
h2{color:var(--green);font-size:26px;margin:0 0 16px}
h3{margin:22px 0 6px;font-size:18px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-weight:700;margin-bottom:8px}
.steps b{display:block;color:var(--green);margin-bottom:4px}
table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
td,th{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}
th{background:var(--sand);color:var(--green)}
.lang p{color:var(--muted)}
footer{padding:30px 0 50px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.doc h2{font-size:22px;margin-top:30px}
.doc li{margin-bottom:6px}
.todo{background:#FFF4E5;color:#6B3A07;padding:2px 6px;border-radius:6px}