.hero{padding:56px 0 32px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding-bottom:48px}
.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;text-decoration:none;border-top:4px solid var(--c);transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,31,46,.1)}
.ico{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,#fff);margin-bottom:14px}
.tile h2{font-size:21px;margin:0 0 4px}
.tile p{margin:0;color:var(--muted);font-size:15.5px}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}