:root{color-scheme:light dark;--paper:#f7f3ea;--ink:#38253f;--card:#fff;--muted:#766c7b;--coral:#e65c4f;--lavender:#c7bae3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:1100px;margin:auto;padding:32px}nav,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}nav a{color:inherit;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.8px}nav span,.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:660px}h1{font:500 clamp(48px,6vw,76px)/1.06 Georgia,serif;letter-spacing:-3px;margin:20px 0 28px}h2{font:500 32px/1.2 Georgia,serif}p{max-width:560px;color:var(--muted)}.pill{display:inline-block;padding:13px 23px;border-radius:100px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;text-decoration:none}.art{width:100%;filter:drop-shadow(0 28px 25px #38253f16)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 70px}.card{background:var(--card);border-radius:24px;padding:28px}.number{font:12px ui-monospace,monospace;color:var(--coral)}.card h2{font-size:25px}.card p{font-size:15px}footer{border-top:1px solid #8883;padding-top:24px;font-size:13px;color:var(--muted)}a{color:var(--ink)}.document{max-width:750px}.document h1{font-size:50px;letter-spacing:-1px;margin-top:65px}.code{font:30px ui-monospace,monospace;letter-spacing:3px;user-select:all;overflow-wrap:anywhere}.notice{padding:20px;border-radius:16px;background:#c7bae333}button{border:0;cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}@media(max-width:700px){main{padding:24px}.hero{display:flex;flex-direction:column;gap:16px;padding:55px 0;min-height:0}.hero>div{width:100%}.art{max-height:300px}.grid{grid-template-columns:1fr}nav span{display:none}footer{align-items:flex-start;flex-direction:column;gap:10px}h1{font-size:53px}.hero .visual{order:-1;width:70%}}@media(prefers-color-scheme:dark){:root{--paper:#211b26;--ink:#f5eee5;--card:#312738;--muted:#baafc0}}