:root{color-scheme:light;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#171717;background:#fdfbf7}
*{box-sizing:border-box}
body{margin:0;line-height:1.7}
a{color:#445524;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:#2d3b16}
.wrap{width:min(100% - 36px,960px);margin:auto}
header{border-bottom:2px solid #171717;background:#fff}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0}
.brand{font-weight:900;font-size:1.3rem;text-decoration:none;color:#171717}
nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.93rem;font-weight:700}
main{padding:50px 0 72px}
.eyebrow{color:#445524;font-size:.9rem;font-weight:800;margin:0 0 10px}
h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.24;letter-spacing:-.04em;margin:0 0 22px}
h2{font-size:1.55rem;line-height:1.35;margin:0 0 14px}
h3{font-size:1.12rem;margin:0 0 10px}
p{margin:0 0 18px}
.lead{font-size:1.13rem;max-width:760px}
.card{background:#fff;border:2px solid #171717;border-radius:20px;padding:26px;margin:24px 0}
.card p:last-child{margin-bottom:0}
.steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:18px}
.steps li{counter-increment:steps;background:#fff;border:2px solid #171717;border-radius:18px;padding:22px}
.steps li::before{content:counter(steps,decimal-leading-zero);display:block;font-weight:900;color:#5e712b;margin-bottom:8px}
.note{background:#eef4e6;border-left:5px solid #5e712b;padding:18px 20px;margin:24px 0}
.button{display:inline-block;background:#5e712b;color:#fff;text-decoration:none;border:2px solid #171717;border-radius:12px;padding:11px 20px;font-weight:800}
.button:hover{color:#fff;background:#445524}
footer{border-top:2px solid #171717;background:#fff;padding:26px 0;font-size:.88rem;color:#555}
@media(max-width:600px){header .wrap{align-items:flex-start;flex-direction:column;gap:7px}main{padding-top:32px}.card{padding:20px}}