*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:#27352c;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}a{color:inherit}header a{text-decoration:none}.brand{font:bold 27px Georgia}h1{font-size:clamp(36px,6vw,64px);line-height:1.1;letter-spacing:-.04em;max-width:750px;margin:36px 0 20px}h2{font-size:25px;line-height:1.25}p{color:#69766c;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.17em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}article{background:#fff;border:1px solid #e3e8df;border-radius:18px;padding:24px}article>p{font-size:14px}.button{display:inline-block;border-radius:10px;padding:11px 16px;background:#29392e;color:white;text-decoration:none;font-size:14px}.preview{padding:20px 0;min-height:280px;font-size:12px}.preview strong{display:block;background:#edf2e9;padding:10px;border-radius:10px}.preview div{border-left:1px solid #b6cdbb;margin-left:14px;padding:10px 0 0 14px}.preview span{display:block;margin:5px 0;background:#f4f1fa;border-radius:7px;padding:5px 8px}.small{font-size:12px}footer{border-top:1px solid #e0e5dd;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e0e5dd}section{margin:26px 0}button{font:inherit;cursor:pointer}@media(max-width:850px){.grid{grid-template-columns:1fr}.preview{min-height:0}article{padding:20px}}