*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#20372d;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:26px 30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5ddd4}a{color:#245c46;text-underline-offset:4px}nav{display:flex;gap:22px}h1{font-size:clamp(40px,6vw,70px);letter-spacing:-2px;line-height:1.08;max-width:850px;margin:28px 0}h2{font-size:34px;line-height:1.2}h3{margin-top:32px}p{max-width:780px}main{min-height:70vh;padding-top:55px;padding-bottom:70px}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:750;color:#517159}.intro{font-size:22px;max-width:740px}.flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdcfc2;margin-top:45px;gap:30px}.flow h3{font-size:21px}.num{color:#688770;font-size:13px}footer{border-top:1px solid #d5ddd4;font-size:14px;display:flex;justify-content:space-between;gap:20px}code{overflow-wrap:anywhere;font-size:14px}.review{background:#fff1c9;padding:12px 20px;font-size:14px} @media(max-width:650px){header,footer{display:block}nav{margin-top:15px}.flow{grid-template-columns:1fr;gap:0}main{padding-top:30px}}