:root { color: #0b3148; background: #edf4f5; font-family: Arial, sans-serif; }
body { margin: 0; }
main { max-width: 960px; margin: 0 auto; padding: 72px 24px; }
.eyebrow { color: #08786f; font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
h1 { font-size: clamp(2.4rem, 7vw, 4.5rem); margin: .2rem 0; }
.lead { font-size: 1.25rem; margin: 0 0 2rem; }
.cards { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.card { background: white; border: 1px solid #c9dbdf; border-radius: 16px; color: inherit; padding: 24px; text-decoration: none; }
.card:hover, .card:focus { border-color: #08786f; box-shadow: 0 8px 24px #0b314820; }
.card h2 { margin-top: 0; }.card span { color: #08786f; font-weight: 700; }.hint { color: #4c6570; margin-top: 28px; }