@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
:root{--paper:#EEF1EA;--ink:#1B2420;--muted:#56615A;--line:rgba(27,36,32,.16);--accent:#2F5D45;
  --f-display:"Bricolage Grotesque","Arial Black",sans-serif;--f-body:"Instrument Sans",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#121815;--ink:#E9EEE8;--muted:#A3AFA7;--line:rgba(255,255,255,.16);--accent:#6CC594;color-scheme:dark}}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--f-body);display:flex;flex-direction:column;min-height:100vh}
.wrap{width:100%;max-width:880px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header{padding-block:28px}
.brand{font:700 1.05rem/1 var(--f-display);text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:10px}
.brand i{width:10px;height:10px;background:var(--accent);border-radius:2px;display:inline-block}
main{flex:1;display:flex;align-items:center;padding-block:40px 80px}
.eyebrow{font:500 .78rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{font:700 clamp(2.4rem,7vw,4.6rem)/.98 var(--f-display);letter-spacing:-.03em;margin:18px 0 22px;text-wrap:balance}
h1 span{color:var(--accent)}
.lead{font-size:1.2rem;max-width:44ch;margin:0}
.en{color:var(--muted);max-width:52ch;margin:14px 0 0}
.contact{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font:500 .9rem/1.6 var(--f-mono)}
footer{border-top:1px solid var(--line);padding-block:22px;font-size:.9rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
footer a{color:inherit}
.legal h1{font-size:clamp(2rem,5vw,3rem)}
.legal h2{font:700 1.2rem/1.3 var(--f-display);margin:30px 0 8px}
.legal p,.legal li{max-width:66ch}
.legal main{align-items:flex-start}
.todo{background:#FFE14D;color:#1B2420;padding:1px 5px;border-radius:3px}