:root{font:17px/1.65 Georgia,serif;color:#19332e;background:#f6f3ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:30px}header{border-bottom:1px solid #bdc7bc;display:flex;gap:20px;justify-content:space-between;font:13px/1.5 system-ui,sans-serif}.brand{font-size:19px;font-weight:700}h1,h2,h3{line-height:1.13;font-weight:500;text-wrap:balance}h1{font-size:clamp(36px,6vw,70px);max-width:950px;margin:22px 0}h2{font-size:clamp(26px,3.5vw,37px)}p{max-width:850px}section{padding:32px 0}.hero{padding:55px 0}.lead{font-size:22px;line-height:1.5}.eyebrow{font:12px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em}a{color:#155c49;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd651e;outline-offset:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}form{display:grid;gap:18px;align-content:start}label{display:grid;gap:7px;font:14px/1.45 system-ui,sans-serif}input{font:18px system-ui,sans-serif;border:1px solid #627b70;background:white;border-radius:0;padding:13px;min-width:0;width:100%;color:#17352e}.actions{display:flex;gap:12px;flex-wrap:wrap}button{font:15px/1.45 system-ui,sans-serif;background:#193d31;color:white;border:1px solid #193d31;padding:14px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:default}#result{background:#e5eadf;padding:24px;align-self:start;min-width:0;overflow-wrap:anywhere;position:sticky;top:20px}#result p{margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:30px}.cards article{border-top:2px solid;padding:20px 0}article section{max-width:870px;border-top:1px solid #bdc7bc}aside{border-top:3px solid;margin-top:30px;padding:30px 0}footer{font:14px/1.65 system-ui,sans-serif;border-top:1px solid #bdc7bc}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:5}@media(max-width:720px){header,main,footer{padding:22px}header{display:block}header span{display:block;margin-bottom:8px}.workspace{grid-template-columns:1fr;gap:24px}.hero{padding:30px 0}.lead{font-size:20px}#result{position:static}.actions button{width:100%}}