*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2eb;color:#182e2d;font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1160px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d8cf}nav{display:flex;gap:25px}.brand{font-size:21px;font-weight:750;letter-spacing:-.8px}.badge,.eyebrow{font:12px/1.6 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}.badge{border:1px solid #c7cdc0;border-radius:30px;padding:5px 12px}.hero{padding:86px 0 72px;max-width:900px}.eyebrow{color:#536f60}h1{font-size:clamp(44px,7vw,88px);line-height:1.12;letter-spacing:-4px;font-weight:600;margin:25px 0}h2{font-size:32px;letter-spacing:-1px;line-height:1.3}h3{font-size:23px;margin:12px 0}p{max-width:640px;color:#51615b}.lead{font-size:20px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button,button{display:inline-block;background:#203e37;color:#fff;border:1px solid #203e37;border-radius:4px;padding:13px 22px;font:600 14px/1.5 system-ui;cursor:pointer}.button.secondary{color:#203e37;background:transparent}.button:hover{text-decoration:none;background:#31564c;color:#fff}button:disabled{opacity:.5;cursor:wait}.section{border-top:1px solid #cdd3c8;padding:38px 0 52px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.item{border-top:2px solid #203e37;padding-top:14px}.number{font:12px ui-monospace;color:#6c7f72}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#e7ebdf;padding:36px}.feature p{margin-bottom:0}footer{border-top:1px solid #cdd3c8;display:flex;justify-content:space-between;color:#6b786f;font-size:13px}pre{background:#182e2d;color:#dce8c9;padding:24px;overflow:auto;border-radius:6px;font:14px/1.7 ui-monospace,monospace;min-height:130px}code{word-break:break-all}.demo{font-size:12px;color:#6b786f}.personal{background:#faf7f1;color:#302e2b}.personal h1{font-family:Georgia,serif;font-weight:500}.personal .eyebrow{color:#94673c}.personal .item{border-color:#94673c}.personal .button{background:#403c32;border-color:#403c32}.personal .feature{background:#ede7dc}a:focus-visible,button:focus-visible{outline:3px solid #d19638;outline-offset:5px}@media(max-width:700px){header,main,footer{padding:22px}nav{gap:15px;font-size:13px}.hero{padding:54px 0}h1{letter-spacing:-2px}.grid,.feature{grid-template-columns:1fr}.grid{gap:22px}.feature{padding:25px}footer{gap:20px;flex-wrap:wrap}}.personal .button.secondary{background:transparent;color:#403c32}.personal .button.secondary:hover{background:#403c32;color:#fff}