:root{--ink:#182a25;--muted:#485e55;--paper:#f5f4ed;--line:#c7cec0;--accent:#c5ec72}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}header,main,footer{max-width:1160px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:850;font-size:25px;text-decoration:none;letter-spacing:-1px}.brand span{font-size:13px;letter-spacing:2px}nav{display:flex;gap:28px;font-size:14px}main{padding-top:64px}h1{font-size:clamp(40px,6.5vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:650;max-width:1000px;margin:24px 0}h1 em{font-style:normal;color:#557342}h2{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.035em;max-width:800px}h3{font-size:21px;line-height:1.35}p{max-width:780px}.lede{font-size:23px;line-height:1.55;max-width:760px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px}.status{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px}.button{display:inline-block;background:var(--ink);color:white;border:0;border-radius:4px;padding:16px 24px;text-decoration:none;font:600 16px system-ui;cursor:pointer}.button:hover{background:#365747}.text-link{display:inline-block;margin:16px 24px}.small,.hint{font-size:14px;color:var(--muted)}section{padding-bottom:58px;margin-bottom:52px;border-bottom:1px solid var(--line)}.hero{padding-bottom:72px}.stacks{font-size:23px;line-height:1.9}.steps{list-style:decimal-leading-zero;padding-left:36px;display:grid;grid-template-columns:1fr 1fr;gap:8px 64px}.steps li::marker{color:#557342;font-weight:700}.callout{background:var(--accent);padding:36px;border-radius:8px}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result{border:1px solid var(--line);padding:24px;border-radius:6px}.green,.red{font-size:13px;letter-spacing:1px;padding:4px 8px;display:inline-block}.green{background:#dceccb;color:#244b1d}.red{background:#f3d7ce;color:#78331f}form{max-width:740px;margin:40px 0}label{display:block;margin-top:23px;font-weight:650}label span{font-weight:400}.hint{margin:5px 0 9px}input,select,textarea{width:100%;padding:13px;border:1px solid #738575;border-radius:4px;background:white;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid #386331;outline-offset:4px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:3}.skip:focus{top:10px}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);overflow-wrap:anywhere}.report{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;background:#eaece2;padding:24px} @media(max-width:620px){header,main,footer{padding:24px 20px}header{flex-wrap:wrap;gap:16px}nav{gap:24px}main{padding-top:32px}.lede{font-size:20px}.steps,.results,.pair{grid-template-columns:1fr}.text-link{margin:18px 0;display:block}.callout{padding:24px}.hero{padding-bottom:44px}section{margin-bottom:32px;padding-bottom:32px}.report{padding:14px}}
