:root{--ink:#18372e;--paper:#f7f7ee;--line:#becabe;--lime:#cff1ab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.55 system-ui,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:4px}main,header,footer{max-width:1200px;margin:auto;padding-inline:clamp(20px,5vw,70px)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}header{padding-block:19px;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1.3px;font-weight:750;text-decoration:none}.brand img{width:33px;border-radius:7px;vertical-align:-7px;margin-right:10px}nav{display:flex;gap:20px;align-items:center}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,78px);align-items:center;padding-block:clamp(42px,7vw,95px)}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin:.15em 0 .5em}h1{font-size:clamp(44px,5vw,75px);max-width:13ch}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:24px}p{max-width:57ch;margin:0 0 1em}.btn{display:inline-block;padding:13px 19px;background:var(--ink);color:white;border-radius:8px;text-decoration:none;font-weight:630}.demo{background:var(--ink);border-radius:21px;padding:clamp(22px,3vw,45px);color:#f6f8ec;box-shadow:0 15px 35px #17352a18}.demo figcaption{font-size:14px;color:var(--lime);margin-bottom:23px}.demo{margin:0}.bubble{background:#fff;color:var(--ink);padding:17px 20px;border-radius:14px 14px 14px 3px;margin-bottom:15px}.draft{border-left:3px solid var(--lime);padding-left:16px}.draft small{color:var(--lime);font-weight:650}.draft p{margin:6px 0 0}.block{padding:clamp(30px,5vw,60px) 0;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid p{font-size:16px}.contact{background:#e3efd9;border-radius:16px;padding:clamp(25px,4vw,48px);margin-bottom:45px}footer{padding-block:22px;border-top:1px solid var(--line);font-size:14px}.single{max-width:820px;padding-block:50px}.single h1{max-width:100%}.single article{padding-block:18px}.single li{margin-bottom:9px}a:focus-visible{outline:3px solid #528704;outline-offset:4px}@media(max-width:730px){.hero,.grid{grid-template-columns:1fr}.hero{gap:24px}.grid{gap:12px}nav{gap:12px;font-size:14px}footer{flex-wrap:wrap}header .brand{font-size:21px}.brand img{margin-right:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact form{max-width:40rem}.contact label:not([hidden]){display:block;font-weight:600;margin:14px 0}.contact input,.contact textarea{width:100%;display:block;margin-top:4px;border-radius:7px;border:1px solid #799383;padding:10px 12px;font:inherit;color:inherit;background:#fff}.contact button{border:0;font:inherit;font-weight:650;cursor:pointer}