:root{--forest:#1c3a13;--snow:#fcfcf7;--stone:#eeeee9;--leaf:#698e5c;--pewter:#5f6658;
--sans:'DM Sans','Be Vietnam Pro',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'DM Mono',ui-monospace,Menlo,monospace;--display:'Anton','DM Sans',Impact,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--snow);color:var(--forest);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.top{border-bottom:1px solid var(--stone)}
.top .in{max-width:820px;margin:0 auto;padding:16px clamp(20px,6vw,42px);display:flex;justify-content:space-between;align-items:center}
.top a.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 20px/1 var(--display);text-transform:uppercase}
.top img{width:40px;height:40px;display:block}
.wrap{max-width:820px;margin:0 auto;padding:clamp(48px,8vw,90px) clamp(20px,6vw,42px)}
h1{font-weight:300;font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.03em;margin:0 0 40px;overflow-wrap:anywhere}
h2{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf);margin:40px 0 10px}
p,li{color:var(--pewter);max-width:70ch}
p{margin:0 0 14px}
a{color:var(--forest)}
.todo{background:#d3fa99;color:var(--forest);font-weight:500;padding:0 6px;border-radius:1000px}
.rule{height:0;border:0;border-top:1px solid var(--stone);margin:48px 0 30px}
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:1000px;border:1.5px solid var(--forest);text-decoration:none;font-weight:500;font-size:15px}
.back:hover{background:var(--forest);color:var(--snow)}