:root { --ink:#183138; --paper:#fbf8ee; --mint:#c9ec94; --coral:#f1866c; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); font:17px/1.55 system-ui,sans-serif; }
main { max-width:980px; margin:auto; padding:9vw 6vw; }
.eyebrow { text-transform:uppercase; letter-spacing:.13em; font-size:12px; font-weight:800; }
h1 { font-size:clamp(52px,10vw,110px); letter-spacing:-.08em; line-height:.88; margin:.25em 0; }
.intro { max-width:620px; font-size:22px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:58px 0 34px; }
article { min-height:220px; padding:23px; border:2px solid var(--ink); border-radius:14px; background:#fff; box-shadow:8px 8px 0 var(--mint); }
article:nth-child(2) { box-shadow:8px 8px 0 var(--coral); }
article span { font-weight:800; }
h2 { margin:36px 0 8px; font-size:25px; letter-spacing:-.045em; }
.download { display:inline-block; padding:12px 16px; border-radius:10px; background:var(--ink); color:#fff; text-decoration:none; font-weight:750; }
@media (max-width:720px) { .grid { grid-template-columns:1fr; } }