.metrics-grid{display:grid;gap:var(--spacing-m)}@media(min-width:688px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-card{display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius-s);padding:var(--spacing-m);overflow:hidden;min-height:380px}.metric-card-dark{background:linear-gradient(135deg,var(--color-brand-light, #4B7BE5) 0%,var(--color-brand-dark, #2E4A99) 100%);color:#fff}.metric-card-medium{background:var(--color-surface-150);color:var(--color-interface-1000)}.metric-card-light{background:var(--color-surface-50);border:1px solid var(--color-surface-200);color:var(--color-interface-1000)}.metric-content{margin-bottom:var(--spacing-m)}.metric-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-xs)}@media(min-width:688px){.metric-title{font-size:22px}}.metric-description{font-size:14px;line-height:1.6}.metric-card-dark .metric-description{color:#ffffffe6}.metric-card-medium .metric-description,.metric-card-light .metric-description{color:var(--color-interface-800)}.metric-image-wrapper{display:flex;justify-content:center;align-items:flex-end;flex-grow:1;margin-top:auto}.metric-image{max-width:100%;height:auto;max-height:180px}