*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#202824;font:16px/1.8 system-ui,'PingFang SC',sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:#18735a}a:focus-visible{outline:3px solid #b88635;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header .wrap,footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}header{background:#fff;border-bottom:1px solid #e5e6dd}header a{text-decoration:none}nav{display:flex;gap:22px;font-size:14px}.brand{font-weight:780;display:flex;align-items:center;gap:10px}.mark{background:#153f35;color:#fff;border-radius:8px;display:grid;place-items:center;width:34px;height:34px;font-family:serif}.hero{background:#133c34;color:#f9f7ed}.hero .wrap{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:42px;padding:64px 0}.kicker{font-size:13px;letter-spacing:.16em;color:#6a746b}.hero .kicker{color:#c6d6bd}h1,h2,h3{line-height:1.25}h1{font-size:clamp(40px,6vw,72px);margin:10px 0 16px;letter-spacing:-.045em}.hero p{max-width:28em;color:#d7e0d1}.cta{display:inline-block;background:#e9ddaa;color:#183e35;padding:9px 17px;margin-top:12px;text-decoration:none;font-weight:700;border-radius:4px}.art{width:100%;max-height:290px}.section{padding:45px 0}.section h2{font-size:28px;margin:0 0 19px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;background:white;border:1px solid #dddfd5;padding:21px;min-height:202px;text-decoration:none;border-radius:8px}.card:hover{border-color:#3b7362}.card h3{font-size:21px;margin:9px 0}.card p{color:#59645d;margin:0 0 10px;font-size:14px}.card strong{margin-top:auto;color:#245c4d;font-size:14px}.about{border-top:1px solid #dcdfd3}.about p{max-width:44em;color:#59645d}footer{border-top:1px solid #dcdfd3;font-size:13px;color:#59645d}.article{width:min(710px,calc(100% - 48px));margin:45px auto 64px}.article h1{font-size:clamp(32px,5vw,49px)}.article h2{margin:30px 0 8px}.article pre{overflow:auto;background:#e8ede6;padding:14px;border-radius:5px}.article .lead{color:#59645d}@media(max-width:690px){.wrap{width:calc(100% - 32px)}.hero .wrap{grid-template-columns:1fr;gap:18px;padding:37px 0}.art{max-height:190px}.grid{grid-template-columns:1fr}.card{min-height:155px}nav{gap:12px}}