:root{--ink:#112824;--paper:#f6f5ed;--emerald:#07634c;--line:#cdd9cf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--emerald);text-underline-offset:4px}header,main,footer{max-width:1200px;margin:auto;padding:28px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:750;color:var(--ink);text-decoration:none}nav{display:flex;align-items:center;gap:25px}nav form{margin:0}.hero{position:relative;padding:70px 0 80px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:750}h1{font-size:clamp(36px,5.5vw,72px);line-height:1.08;letter-spacing:-.045em;font-weight:600;max-width:850px}h2{font-size:27px;line-height:1.2;letter-spacing:-.025em}.lead{font-size:21px;max-width:620px}.muted{font-size:14px;color:#4b625b;overflow-wrap:anywhere}.button,button{display:inline-block;background:var(--emerald);border:1px solid var(--emerald);color:white;border-radius:6px;padding:13px 22px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.quiet{background:transparent;color:var(--emerald)}.gem{position:absolute;right:20px;top:45px;font-size:320px;line-height:1;color:#0b735733;z-index:-1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin:35px 0 65px}article{border:1px solid var(--line);padding:27px;border-radius:12px;background:#fffefa}.pricing{background:var(--ink);color:white;border-radius:14px;padding:40px;display:flex;align-items:center;gap:40px}.pricing>div{flex:1}.notice{border-left:4px solid var(--emerald);padding:16px;background:#e1efe4}.badge{padding:4px 12px;border-radius:20px;background:#d8ecdf}footer{border-top:1px solid var(--line);font-size:14px;margin-top:50px}input,select{display:block;padding:12px;border:1px solid #78958a;border-radius:5px;font:inherit;max-width:100%;width:420px}input[type=checkbox]{display:inline;width:auto}label{font-weight:600}form p{margin:20px 0}.errorlist{color:#a32920}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6a517;outline-offset:4px}.skip{position:absolute;top:-80px}.skip:focus{top:0}@media(max-width:650px){header,main,footer{padding:22px}header{align-items:flex-start;gap:15px}.brand{max-width:180px;font-size:19px}nav{gap:12px;flex-wrap:wrap;font-size:14px}.hero{padding:35px 0}.gem{right:-80px}.pricing{display:block;padding:25px}.pricing .button{margin-top:15px}h1{font-size:42px}}
