:root{--paper:#eceae4;--ink:#171717;--blue:#254ee8;--orange:#ff6534;--muted:#74736f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,PingFang SC,sans-serif}header{height:72px;border-bottom:1px solid;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:0 4vw;font:11px monospace;letter-spacing:1px}header b{font-size:18px}header b span{color:var(--orange)}.hero{padding:8vw 7vw 5vw;display:grid;grid-template-columns:1.8fr 1fr;column-gap:60px}.kicker{grid-column:1/-1;font:11px monospace;border-left:25px solid var(--blue);padding-left:8px}.hero h1{font-size:clamp(52px,8vw,110px);line-height:.88;letter-spacing:-.075em;margin:50px 0 30px}.hero h1 span{color:var(--blue)}.hero>p{align-self:end;font-size:18px;line-height:1.65;max-width:460px}.numbers{grid-column:1/-1;display:flex;border-top:1px solid;margin-top:40px}.numbers div{padding:20px 5vw 0 0;display:flex;align-items:end;gap:9px}.numbers b{font-size:42px}.numbers span{font:11px monospace}.lab{background:var(--ink);color:#fff;display:grid;grid-template-columns:90px 1fr}.rail{border-right:1px solid #454545;display:flex;flex-direction:column;align-items:center;padding:45px 0;font:11px monospace}.rail i{height:80px;border-left:1px solid #454545}.rail span{color:#9c9c9c}form{padding:6vw;max-width:1150px}label>span{display:block;font:700 12px monospace;color:#a9b9ff;margin-bottom:5px}label>small{color:#8c8c8c}textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #666;padding:18px 0;font:16px/1.6 monospace;min-height:190px;resize:vertical;outline:none}textarea:focus{border-bottom:3px solid var(--blue)}textarea.short{min-height:130px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.submit{margin-top:35px;background:var(--blue);color:#fff;border:0;padding:18px 24px;font-weight:700;min-width:280px;cursor:pointer}.submit:disabled{opacity:.65}.submit i{display:inline-block;width:14px;height:14px;border:2px solid;border-right-color:transparent;border-radius:50%;animation:s .8s linear infinite}.submit span{float:right}.error{display:flex;align-items:center;gap:12px;border:1px solid var(--orange);padding:14px;margin-top:20px}.error>b{background:var(--orange);padding:5px 9px}.error button{margin-left:auto}.output{padding:7vw}.pain{background:var(--orange);padding:22px;margin-bottom:28px}.pain p{margin-bottom:0}.headline{display:grid;grid-template-columns:1fr auto;gap:30px;border-top:7px solid var(--blue);padding-top:22px}.headline small{font:11px monospace;color:var(--blue)}.headline h2{font-size:clamp(28px,4vw,55px);margin:18px 0}.headline button{align-self:start;background:none;border:1px solid;padding:9px}.chart{margin:60px 0;border:1px solid;padding:30px;background:#f5f4ef}.chart-head{display:flex;justify-content:space-between}.chart h3,.title{font-size:13px;text-transform:uppercase;letter-spacing:2px}.chart-head span{font:11px monospace;color:var(--muted)}svg{width:100%;height:280px;overflow:visible}svg line{stroke:#aaa;stroke-width:.5}svg polyline{fill:none;stroke:var(--blue);stroke-width:3}svg circle{fill:var(--orange)}.days{display:flex;justify-content:space-between;gap:4px}.days span{display:flex;flex-direction:column;font:11px monospace}.days small{color:var(--muted)}.hypotheses{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.hypotheses article{background:var(--paper);padding:25px}.no{font:50px monospace;color:var(--blue)}.hypotheses article>small{font:10px monospace;color:var(--orange)}.hypotheses h4{font-size:23px}.hypotheses ul{padding-left:18px;min-height:100px}.hypotheses li{font-size:14px;line-height:1.5;margin:8px 0}.experiment{border-top:1px solid;padding-top:14px}.experiment b{font:11px monospace;color:var(--blue)}.experiment p{font-size:14px}details{margin-top:30px}pre{white-space:pre-wrap}footer{background:var(--blue);color:#fff;padding:30px 4vw;display:flex;justify-content:space-between;font:11px monospace}@keyframes s{to{transform:rotate(360deg)}}@media(max-width:720px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr}.hero>p{align-self:auto}.lab{grid-template-columns:40px 1fr}.twocol,.hypotheses,.headline{grid-template-columns:1fr}.rail{font-size:9px}.rail i{height:50px}.output{padding:50px 20px}.days small{display:none}footer{flex-direction:column}}