@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
:root{--ink:#17231f;--paper:#f5f1e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.hero{max-width:1050px;margin:auto;padding:76px 24px 42px}.eyebrow{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero h1{max-width:700px;margin:18px 0 12px;font:700 clamp(2.6rem,7vw,5.8rem)/.95 'Space Grotesk',sans-serif;letter-spacing:-.06em}.intro{max-width:570px;font-size:1.15rem;line-height:1.5}.grid{max-width:1050px;margin:auto;padding:18px 24px 72px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{min-height:240px;padding:28px;text-decoration:none;color:var(--ink);border:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.card:hover{transform:translate(-5px,-5px);box-shadow:8px 8px 0 var(--ink)}.card span{font-weight:700}.card h2{font:700 2rem 'Space Grotesk',sans-serif;margin:20px 0 5px}.card p{margin:0;font-size:1.05rem}.coral{background:#f28c73}.green{background:#9dcc8f}.yellow{background:#f5ca62}.blue{background:#91c5d8}footer{padding:22px 24px;border-top:1px solid #b7b2a6;text-align:center}@media(max-width:650px){.hero{padding-top:48px}.grid{grid-template-columns:1fr}.card{min-height:190px}}