.hero{padding:24px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.lead{margin:8px 0 0;color:#6b7280}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}.card{display:block;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:inherit;background:#fff;transition:transform .1s ease,box-shadow .1s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.card-body{padding:16px}