/* --- Hub Architecture --- */
.impact-hub-wrapper {
    padding: 80px 0;
}

.impact-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 40px;
}

/* --- Metric Matrix --- */
.metric-card-slate {
    background: #475569; /* Deep Slate Base */
    border-radius: 32px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    color: #fff;
}

.m-unit strong { display: block; font-size: 40px; font-weight: 850; letter-spacing: -1.5px; }
.m-unit span { display: block; font-size: 14px; opacity: 0.7; font-weight: 600; margin-top: 4px; }

/* --- Testimonial Canvas --- */
.testimonial-canvas {
    background: #f8fafc;
    border-radius: 32px;
    padding: 60px;
    position: relative;
    border: 1px solid #f1f5f9;
}

.t-icon { font-size: 32px; color: #cbd5e1; margin-bottom: 24px; }
.t-quote { 
    margin: 0 !important; font-size: 20px; font-weight: 500; 
    color: #334155; line-height: 1.6; font-style: italic; 
}

.t-footer { display: flex; align-items: center; gap: 16px; margin-top: 40px; }
.t-avatar { width: 48px; height: 48px; border-radius: 50%; border: 2px solid #fff; }
.t-meta { font-size: 14px; font-weight: 700; color: #64748b; }

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .impact-grid { grid-template-columns: 1fr; }
    .metric-card-slate { flex-direction: row; justify-content: space-around; }
}