:root{--t:#1f2a24;--m:#5f6b64;--l:#dfe6e1;--bg:#f6f8f6;--a:#2f6b4f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:17px/1.65 "Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--a)}.w{max-width:980px;margin:0 auto;padding:0 22px}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--l)}
.lg{font-weight:700;font-size:20px;text-decoration:none;color:var(--t)}.lg span{color:var(--a)}
.top nav a{margin-left:22px;text-decoration:none;color:var(--m)}
.hero{padding:66px 0 40px;max-width:680px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px}.hero p{color:var(--m);font-size:19px}
.btn{display:inline-block;margin-top:12px;background:var(--a);color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px 0 70px}
.c{background:#fff;border:1px solid var(--l);border-radius:8px;padding:22px}.c h3{margin:0 0 6px}.c p{margin:0;color:var(--m)}
.tx{max-width:660px;padding:50px 0 80px}.f{border-top:1px solid var(--l);color:var(--m);font-size:14px;padding:22px 0 40px}
@media(max-width:620px){.hero h1{font-size:29px}.top{flex-direction:column;gap:12px}.top nav a{margin:0 10px}}