:root{--a:hsl(133 62% 42%);--b:hsl(221 55% 94%)}*{box-sizing:border-box}body{margin:0;font:16px/1.6 ui-monospace,Menlo,monospace;color:#1c1d21;background:#fff}header,main,footer{max-width:780px;margin:0 auto;padding:29px 24px}header{display:flex;justify-content:space-between;align-items:center}nav a{margin-left:18px;color:#444;text-decoration:none}h1{font-size:2.8rem;line-height:1.15;margin:.4em 0}.lead{font-size:1.15rem;color:#555}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0}.card{background:var(--b);border-radius:17px;padding:18px}.btn{display:inline-block;background:var(--a);color:#fff;padding:10px 20px;border-radius:17px;text-decoration:none}footer{color:#777;font-size:.9rem;border-top:1px solid #eee}dt{font-weight:600;margin-top:14px}dd{margin:0;color:#555}
