*{box-sizing:border-box}body{margin:0;font:18px/1.65 system-ui,sans-serif;color:#243a33;background:#f5f1e8}footer,header,main{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b4c6b9}nav a{margin-left:22px;color:#18583d}h1{font:700 48px/1.15 Georgia,serif;max-width:750px}h2{color:#18583d}.hero{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center;padding:40px 0}.hero img{width:100%;max-width:230px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{padding:24px;background:#fff;border:1px solid #c4d2c8;border-radius:12px}button,input{font:inherit;padding:10px;border:1px solid #527a62;border-radius:6px}button{background:#18583d;color:white;cursor:pointer}footer{border-top:1px solid #b4c6b9;font-size:14px}a:focus,button:focus{outline:3px solid #bc7131}code{overflow-wrap:anywhere}@media(max-width:600px){.hero,header{display:block}h1{font-size:34px}}