:root{font:17px/1.55 system-ui,sans-serif;color:#192e2a;background:#f7f6ed}*{box-sizing:border-box}body{margin:0}header,footer{padding:1.2rem max(5vw,1rem);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #d9ded0}a{color:#145548}nav{display:flex;gap:1.3rem}.brand{text-decoration:none;font-weight:850;font-size:1.2rem}.brand span,em{color:#177961}main{max-width:1200px;margin:auto;padding:clamp(1rem,5vw,4rem)}.hero,.features{display:grid;gap:2rem}.hero{grid-template-columns:1.3fr 1fr;align-items:center;min-height:58vh}.features{grid-template-columns:repeat(3,1fr);margin-top:2rem}.features article{border-top:2px solid #b6d0bc}.eyebrow,.note{font-size:.8rem;color:#415e52}.eyebrow{letter-spacing:.12em;font-weight:800}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.03;letter-spacing:-.055em;margin:.4em 0}em{font-style:normal}.lede{font-size:1.2rem}aside,.panel{background:#fff;border:1px solid #d9ded0;border-radius:1.2rem;padding:clamp(1rem,3vw,2rem)}aside{background:#e4efe1;transform:rotate(1deg)}.sample{padding:.6rem 0;border-top:1px solid #b4c9b6}.sample p{margin:0}.panel{margin:0 auto 1.2rem;max-width:850px}.panel h1{font-size:clamp(2rem,5vw,3.5rem)}label{display:block;font-weight:650;margin:.65rem 0}input,select,button{font:inherit;border-radius:.45rem;padding:.65rem .85rem;border:1px solid #a9bcad}input:not([type=checkbox]),select{width:100%;background:white}button{background:#145548;color:white;cursor:pointer;font-weight:700}.secondary{background:white;color:#145548;margin-top:.6rem}.join{display:flex;gap:.5rem}.join button{flex-shrink:0}footer{border-bottom:0;border-top:1px solid #d9ded0;color:#52665e}code{overflow-wrap:anywhere}@media(max-width:760px){.hero,.features{grid-template-columns:1fr}.join{flex-wrap:wrap}aside{transform:none}}
fieldset {
  border: 1px solid #d9ded0;
  border-radius: .65rem;
  margin: 1rem 0;
  padding: .5rem 1rem;
}
legend { font-weight: 750; }