*{box-sizing:border-box}body{margin:0;background:#f8f8f3;color:#243c34;font:17px/1.7 system-ui,sans-serif}main,header,footer{max-width:1020px;margin:auto;padding:30px 28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d8e2da}a{color:#28604c;text-underline-offset:5px}a:focus-visible{outline:3px solid #ad5935;outline-offset:5px}nav{display:flex;gap:18px}h1{font-size:clamp(36px,6vw,65px);line-height:1.15;max-width:760px;letter-spacing:-1px;margin:28px 0}h2{font-size:32px;margin:0}p{max-width:640px}.intro{padding:35px 0 55px}.label{font-size:13px;letter-spacing:2px;text-transform:uppercase}.product{display:grid;grid-template-columns:1fr 190px;gap:30px;background:#e5f0e8;border:1px solid #ccdbce;border-radius:20px;padding:35px}.product img{width:120px;align-self:center;justify-self:center}.button{display:inline-block;background:#28604c;color:white;padding:11px 24px;border-radius:9px;text-decoration:none}.muted{color:#56665b;font-size:14px}footer{margin-top:55px;border-top:1px solid #d8e2da;font-size:14px}footer p{margin:5px 0}@media(max-width:600px){header,main,footer{padding:22px}.product{grid-template-columns:1fr;padding:26px}.product img{display:none}header{align-items:center}h1{font-size:38px}}