:root{--ink:#28241c;--muted:#6f6758;--paper:#fbf6e9;--cream:#f4ecd8;--line:#d7c9aa;--leaf:#64724a;--clay:#8c6241;--blue:#536a73}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Georgia,serif}a{color:#61431f}.wrap{width:min(1120px,92vw);margin:auto}.hero{min-height:78vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#fff8e5,transparent 34%),linear-gradient(160deg,#f8f1dc,#e5d6b7)}.hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;margin:.1em 0}.hero p{font-size:clamp(1.05rem,2.2vw,1.45rem);max-width:780px}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--clay);font:700 .78rem/1.2 system-ui,sans-serif}.panel{background:rgba(255,255,255,.48);border:1px solid var(--line);border-radius:28px;padding:1.2rem;box-shadow:0 12px 35px rgba(56,43,20,.08)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.section{padding:8rem 0}.section h2{font-size:clamp(2rem,4.5vw,4.6rem);line-height:1;margin:0 0 1rem}.section p{max-width:780px}.scrolly{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:3rem;align-items:start}.sticky{position:sticky;top:1rem}.graphic{background:var(--cream);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(53,45,20,.08)}.graphic img,.graphic svg{display:block;width:100%;height:auto}.caption{font:14px/1.35 system-ui,sans-serif;color:var(--muted);padding:.8rem 1rem;border-top:1px solid var(--line)}.step{min-height:66vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.step h3{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.05}.upload{padding:2rem;display:grid;gap:1rem}.upload input,.upload button{font:1rem system-ui,sans-serif;padding:.8rem;border-radius:12px;border:1px solid var(--line)}.upload button{background:var(--ink);color:white;cursor:pointer}.metric{display:grid;grid-template-columns:190px 1fr 70px;gap:.7rem;align-items:center;margin:.6rem 0;font:15px system-ui,sans-serif}.bar{height:12px;background:#e0d3b8;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--clay),var(--leaf));border-radius:inherit}.pill{display:inline-block;background:#efe4ca;border:1px solid var(--line);padding:.2rem .55rem;border-radius:99px;font:13px system-ui,sans-serif}.vocab{border-bottom:1px dotted #7b5835;cursor:help;position:relative}.vocab:hover:after{content:attr(data-tip);position:absolute;left:0;bottom:1.7em;width:260px;background:#2d281f;color:#fff;padding:.65rem;border-radius:12px;font:13px/1.35 system-ui,sans-serif;z-index:10}.records{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.record{display:block;text-decoration:none;color:inherit}.footer{padding:4rem 0;color:var(--muted);font:14px system-ui,sans-serif}@media(max-width:850px){.grid,.scrolly{grid-template-columns:1fr}.sticky{position:relative;top:auto}.section{padding:4rem 0}}