@font-face{font-family:DM;src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f1;color:#272b25;font:16px/1.7 DM,system-ui,sans-serif}a{color:#b65538}header,main,footer{max-width:1080px;margin:auto;padding:0 28px}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#272b25}.brand span{color:#df795b}nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:700}.hero{padding:65px 0 45px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#d4775b;text-transform:uppercase}h1,h2{line-height:1.1;letter-spacing:-2px}h1{font-size:clamp(42px,5vw,68px);margin:15px 0}h2{font-size:32px;margin-top:0}.hero p{font-size:18px;color:#656b62}.hero img{width:100%;border-radius:24px;box-shadow:0 22px 45px #362d261d}.button{display:inline-block;background:#df795b;color:#fff;border-radius:40px;padding:12px 22px;text-decoration:none;font-weight:800;margin-top:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.step,.tip{background:#fff;border:1px solid #e8e5de;border-radius:20px;padding:26px}.card h2{font-size:23px;margin:10px 0}.card p,.step p{color:#666e65}.number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffe1d2;color:#b65538;font-weight:800}.steps{display:grid;gap:16px;margin:38px 0}.step{display:grid;grid-template-columns:44px 1fr;gap:12px}.step h2{font-size:24px;margin:0 0 6px}.step p{margin:0}.tip{background:#e8eee6;margin:26px 0 48px}code{background:#f0ece5;border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}.more{padding:35px 0 80px;border-top:1px solid #ddd9d1}.more a{font-weight:800}footer{border-top:1px solid #ddd9d1;padding-top:22px;padding-bottom:40px;color:#74796f;font-size:14px}@media(max-width:700px){header{align-items:flex-start;padding-top:18px;padding-bottom:18px;flex-direction:column}nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:32px}.hero img{max-height:330px;object-fit:cover}.grid{grid-template-columns:1fr}.step{padding:20px}}