@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root { --ink:#111217; --muted:#5e5e63; --paper:#f5f5f2; --accent:#7462dc; --line:#d9d9d4; }
* { box-sizing:border-box; }
body { margin:0; background:#deded9; color:var(--ink); font-family:Inter,Arial,sans-serif; }
.page { max-width:980px; margin:0 auto; min-height:100vh; padding:28px clamp(24px,6vw,80px) 80px; background:var(--paper); }
nav { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:90px; font:11px 'DM Mono',monospace; text-transform:uppercase; }
nav a, a { color:var(--accent); }
.label { color:var(--accent); font:11px monospace; letter-spacing:1px; text-transform:uppercase; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:25px; }
.card { border:1px solid var(--line); padding:22px; background:#fff; }
.card h2, .card h3 { margin:0 0 10px; }
.card p { margin-bottom:0; font-size:14px; }
footer { margin-top:90px; padding-top:25px; border-top:1px solid var(--line); font:11px monospace; color:var(--muted); }
@media (max-width:650px) { nav { margin-bottom:55px; } .grid { grid-template-columns:1fr; } h1 { letter-spacing:-2px; } }