body{margin:0;background:#faf9f5;color:#1d2933;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:980px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:2px}a{color:#155b56}nav a{margin-right:14px}h1{font-size:clamp(34px,6vw,56px);line-height:1.12;max-width:850px}h2{margin-top:36px}article,.panel{border:1px solid #d8dfd9;background:white;border-radius:16px;padding:22px;margin:16px 0}.hero{background:#e4f2eb;border-radius:22px;padding:32px;margin-top:20px}.tag{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#36665a}.note{background:#fff5d8;border-radius:10px;padding:14px}.button{display:inline-block;background:#185c52;color:white;padding:10px 18px;border-radius:9px;text-decoration:none}footer{border-top:1px solid #ddd;font-size:14px;margin-top:40px}li{margin:8px 0}@media(max-width:650px){header{display:block}nav{margin-top:14px}nav a{display:inline-block;margin:0 12px 8px 0}}