body{margin:0;font:17px system-ui,sans-serif;color:#19382d;background:#f6f7f2}header,main,footer{max-width:960px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #dce4dc}nav{display:flex;gap:22px}a{color:#17684a}.brand{font-weight:800;letter-spacing:.19em;text-decoration:none}.eyebrow{font-size:13px;letter-spacing:.16em;color:#5c7867;font-weight:700}h1{font-size:clamp(32px,5vw,48px);line-height:1.1;max-width:760px}h2{font-size:24px;margin-top:36px}p{line-height:1.75;max-width:840px}.intro{font-size:22px}section{background:white;padding:6px 26px 22px;border:1px solid #dce4dc;border-radius:18px;margin:24px 0}.button{display:inline-block;padding:13px 20px;border-radius:9px;background:#17684a;color:white;text-decoration:none;font-weight:700}footer{border-top:1px solid #dce4dc;color:#637369;font-size:14px}code{font-size:14px;overflow-wrap:anywhere}@media(max-width:540px){header{align-items:flex-start;flex-direction:column}nav{gap:16px}section{padding:4px 18px 16px}}