/* DigiClubz — shared tile-grid styling for hub pages (Loans, Insurance). */
.pillars-section{max-width:1200px;margin:0 auto;padding:60px 8% 100px;}
.pillars-head{text-align:center;margin-bottom:44px;}
.pillars-head p{color:var(--muted);max-width:560px;margin:0 auto;}
.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:22px;}
.tile{border:1.5px solid transparent;border-radius:20px;padding:30px 26px;text-decoration:none;display:flex;flex-direction:column;gap:14px;min-height:200px;backdrop-filter:blur(6px);transition:transform .25s ease, box-shadow .25s ease;}
.tile:hover,.tile:focus-visible{transform:translateY(-6px);box-shadow:0 16px 32px rgba(11,15,26,.1);}
.tile-top{display:flex;align-items:center;gap:12px;}
.tile-top h3{margin:0;font-size:18px;}
.tile-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.tile-icon svg{width:22px;height:22px;display:block;}
.tile p{margin:0;color:var(--muted);font-size:14px;}
.tile-arrow{margin-top:auto;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);}
.tile:hover .tile-arrow{color:var(--text);}
@media (max-width:900px){.tiles-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.tiles-grid{grid-template-columns:1fr;}.tile{min-height:150px;padding:22px 20px;}}