*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#263c35;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:32px 28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d5dcd1}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}header a{text-decoration:none}nav{display:flex;gap:24px}.brand{font-weight:700;letter-spacing:.04em}h1{font-size:clamp(36px,6vw,72px);line-height:1.1;font-weight:500;max-width:800px}h2{line-height:1.3;font-weight:550}.intro{max-width:670px;color:#617068}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:60px 0}.card{padding:26px;border-top:2px solid #a0b5a6;background:#eeeee5}.label{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#647a6e}.article{max-width:760px}.article p{margin:25px 0}footer{font-size:14px;color:#617068;border-top:1px solid #d5dcd1;display:flex;justify-content:space-between}@media(max-width:700px){header,main,footer{padding:25px 20px}.grid{grid-template-columns:1fr;gap:16px}nav{gap:14px;font-size:15px}}