:root{--ink:#161714;--paper:#f1efe8;--acid:#d9ff43;--orange:#ff6434;--muted:#77796f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}nav{height:72px;border-bottom:1px solid #b9b9b0;display:flex;align-items:center;gap:36px;padding:0 5vw;font:700 12px monospace;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;background:#f1efe8eb;backdrop-filter:blur(12px);z-index:10}.brand{margin-right:auto}.hero{min-height:760px;padding:12vh 5vw 7vh;position:relative;overflow:hidden}.eyebrow,.index{font:700 11px monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:9px;height:9px;background:var(--orange);border-radius:50%}.hero h1,.thesis h2,.compare h2,.notions h2,.prompt h2{font-size:clamp(55px,9.5vw,145px);line-height:.82;letter-spacing:-.075em;margin:50px 0 34px;font-weight:650}.hero h1 em,.prompt h2 em{font-family:Georgia,serif;font-weight:400}.lede{font-size:clamp(18px,2vw,27px);line-height:1.35;max-width:670px;margin-left:25vw}.cta{display:inline-flex;align-items:center;gap:50px;background:var(--ink);color:white;padding:18px 22px;margin:55px 0 0 25vw;font:600 13px monospace;text-transform:uppercase}.cta b{font-size:24px;color:var(--acid)}.orb{position:absolute;right:5vw;top:80px;width:185px;height:185px;border-radius:50%;background:var(--acid);display:grid;place-items:center;transform:rotate(9deg);box-shadow:12px 12px 0 var(--ink)}.orb div{font-size:78px;line-height:.5}.orb span{font:700 10px monospace;text-align:center}.thesis{background:var(--ink);color:var(--paper);padding:120px 5vw;display:grid;grid-template-columns:1fr 3fr;gap:30px}.thesis h2,.compare h2,.notions h2,.prompt h2{font-size:clamp(44px,6.3vw,94px);margin:0 0 50px}.thesis p:last-child{font-size:23px;line-height:1.55;max-width:800px;color:#bdbdb4}.compare{padding:120px 5vw;background:var(--orange)}.compare-head{display:grid;grid-template-columns:1fr 3fr}.switch{margin-left:25%;display:flex}.switch button{border:1px solid var(--ink);background:transparent;padding:14px 28px;font:700 12px monospace;text-transform:uppercase;cursor:pointer}.switch .active{background:var(--acid)}.code-card{margin:25px 0 0 25%;background:#11120f;color:#f3f1e8;box-shadow:16px 16px #0003}.code-top{display:flex;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #45463f;color:#aeb0a5;font:12px monospace}pre{margin:0;padding:45px 30px;font:clamp(13px,1.5vw,20px)/1.65 monospace;white-space:pre-wrap;min-height:270px}.result{padding:17px 24px;background:var(--acid);color:var(--ink);font:700 12px monospace}.notions{padding:120px 5vw;display:grid;grid-template-columns:1fr 1.5fr;gap:7vw}.notions-title{position:sticky;top:130px;align-self:start}.notions-title>p:last-child{font-size:18px;line-height:1.5;max-width:450px}.notion-list article{border-top:1px solid #aaa99f;display:grid;grid-template-columns:45px 1fr 25px;gap:16px;padding:25px 0}.notion-list article:last-child{border-bottom:1px solid #aaa99f}.notion-list span{font:12px monospace;color:var(--muted)}.notion-list h3{font-size:23px;margin:0 0 9px}.notion-list p{margin:0;color:#5e6058;line-height:1.5}.prompt{padding:120px 15vw;background:var(--acid)}.prompt label{display:block;font:700 11px monospace;text-transform:uppercase;margin-bottom:10px}.prompt textarea{width:100%;min-height:130px;resize:vertical;background:transparent;border:0;border-top:2px solid;border-bottom:2px solid;padding:22px 0;font:28px/1.35 Georgia,serif;outline:none}.answer{display:grid;grid-template-columns:1fr 3fr;gap:20px;margin-top:25px}.answer span{font:700 11px monospace}.answer p{font-size:20px;line-height:1.5;margin:0}footer{background:var(--ink);color:var(--paper);padding:70px 5vw;display:grid;grid-template-columns:2fr 2fr 1fr;gap:30px;align-items:end}footer div{display:flex;flex-direction:column;gap:10px}footer strong{font-size:40px}footer p,footer span{color:#aaa;font-size:13px;line-height:1.6}footer a{font:700 12px monospace;text-transform:uppercase;color:var(--acid)}
@media(max-width:760px){nav a:not(.brand){display:none}.hero{min-height:680px;padding-top:100px}.orb{width:120px;height:120px;top:220px;right:-20px}.orb div{font-size:48px}.orb span{font-size:7px}.lede,.cta{margin-left:0}.thesis,.compare-head,.notions,.answer{grid-template-columns:1fr}.thesis,.compare,.notions,.prompt{padding:80px 6vw}.switch,.code-card{margin-left:0}.notions-title{position:static}footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}