.card-grid .card-grid__header{justify-content:center;align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.card-grid .card-grid__header h2{margin:0}.card-grid .card-grid__header .card-grid__sub{color:var(--color-muted);margin:0}.card-grid .card-grid__grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.card-grid .card-grid__grid{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr)}}.card-grid .card-grid__footer{margin-top:var(--space-8)}.card{flex-direction:column;height:100%;text-decoration:none;display:flex}.card:focus-visible .card__inner{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.card:hover .card__inner,.card:focus-visible .card__inner{box-shadow:var(--shadow-2);transform:translateY(-2px)}.card__icon{background:var(--color-bg);width:48px;height:48px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card__icon svg{width:24px;height:24px}.card__inner{gap:var(--space-3);height:100%;padding:var(--space-5);border:1px solid var(--brand-3);border-radius:var(--radius-lg);background:var(--brand-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;display:flex}@media (min-width:768px){.card__inner{padding:var(--space-6)}}.card__title{color:var(--color-text);margin:0;line-height:1.25}.card__description{color:var(--color-text);flex:1;margin:0}.card__cta{color:var(--brand-1);align-self:flex-start;margin-top:auto;font-weight:600}