*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1e9;color:#18251d;font:17px/1.6 system-ui,sans-serif}a{color:inherit}nav,main,footer{max-width:1180px;margin:auto;padding:26px 32px}nav{display:flex;justify-content:space-between;border-bottom:1px solid #c9cec4}nav a{text-decoration:none}small,.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hero{padding:80px 0 66px;max-width:940px}h1{font-size:clamp(42px,6.8vw,86px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:25px 0}h2{font-size:32px;line-height:1.2;font-weight:500}h3{font-size:23px;font-weight:550}.intro{font-size:21px;max-width:650px;color:#536052}.accent{color:#537943}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border:1px solid #c8cec0;padding:30px;text-decoration:none;transition:.2s;background:#faf9f4}.card:hover{background:#e7eddc;transform:translateY(-3px)}.name{font-size:clamp(25px,3.4vw,40px);letter-spacing:-.045em;overflow-wrap:anywhere}.card p{max-width:440px;color:#536052}.line{border-top:1px solid #c8cec0;padding-top:24px;margin-top:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.badge{display:inline-block;border:1px solid #bcc6b6;padding:5px 12px;border-radius:30px;font-size:12px}.button,button{display:inline-block;padding:14px 22px;background:#243e2c;color:#fff;border:0;border-radius:3px;text-decoration:none;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #91ac65;outline-offset:4px}.notice{background:#e8e3d5;padding:14px 20px;font-size:14px}footer{font-size:13px;color:#536052;margin-top:50px}.use{padding:22px 0;border-bottom:1px solid #c8cec0}details{padding:20px 0;border-bottom:1px solid #c8cec0}textarea{width:100%;min-height:170px;padding:14px;font:inherit;border:1px solid #a9b6a0;background:#fff}label{display:block;margin:16px 0 7px}input{font:inherit;padding:12px;width:100%;border:1px solid #a9b6a0}.form{max-width:640px}#result{white-space:pre-wrap}.preview{font-size:13px;background:#e1e8d9;text-align:center;padding:9px} @media(max-width:680px){nav,main,footer{padding:20px}.hero{padding:46px 0}.grid,.steps{grid-template-columns:1fr}.card{padding:23px}h1{font-size:46px}.intro{font-size:19px}}