*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,Segoe UI,Roboto,sans-serif;color:#1d2a26;background:#f6f8f5}
a{color:#2f6b55;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;border-bottom:1px solid #e3e8e2}
.brand{font-weight:700;font-size:20px;color:#1d2a26}.brand span{color:#2f6b55;margin-left:4px;font-weight:500}nav a{margin-left:22px;color:#41504b}
.btn{background:#2f6b55;color:#fff!important;padding:8px 16px;border-radius:6px}.btn.big{display:inline-block;padding:12px 26px;margin-top:10px}
main{max-width:1040px;margin:0 auto;padding:0 6vw}.hero{padding:72px 0 40px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px}
.hero p{max-width:620px;color:#4d5c57}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:24px 0 64px}
.cols div{background:#fff;border:1px solid #e3e8e2;border-radius:10px;padding:20px}.cols h3{margin:0 0 6px}
.card{max-width:380px;margin:80px auto;background:#fff;border:1px solid #e3e8e2;border-radius:10px;padding:28px}
.card input{width:100%;padding:10px;margin:6px 0 14px;border:1px solid #cfd8d2;border-radius:6px}.card button{width:100%;padding:11px;border:0;border-radius:6px;background:#2f6b55;color:#fff}
.doc{max-width:760px;padding:40px 0 60px}.doc pre{background:#1d2a26;color:#e6efe9;padding:14px;border-radius:8px;overflow:auto}
table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid #e3e8e2;text-align:left}
footer{padding:28px 6vw;color:#6a7873;font-size:14px;border-top:1px solid #e3e8e2;background:#fff}
@media (max-width:600px){.hero h1{font-size:28px}nav a{margin-left:12px}}