.cards-2,.cards-3,.cards-4{display:grid;gap:22px;margin-top:48px}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.card .ic{background:var(--tint);border-radius:12px;color:var(--accent-deep);display:grid;height:46px;margin-bottom:20px;place-items:center;width:46px}.card .ic svg{height:22px;width:22px}.card .ic svg:not([fill]){fill:currentColor}.card .ic img{height:22px;object-fit:contain;width:22px}.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:.97rem;margin:0}.card .stat{color:var(--ink);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin:10px 0 14px}.card .stat .per{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:0}@media (max-width:680px){.cards-2,.cards-3,.cards-4{grid-template-columns:1fr}}@media (min-width:681px) and (max-width:920px){.cards-3,.cards-4{grid-template-columns:repeat(2,1fr)}}