.testi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.4rem; }
.testi-card { position: relative; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); padding: 1.8rem 1.6rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; transition: var(--tr); }
.testi-card:hover { border-color: var(--border-h); box-shadow: 0 0 28px var(--glow); transform: translateY(-3px); }
.testi-empty { opacity: 0.45; border-style: dashed; }
.testi-quote-icon { position: absolute; top: 1rem; right: 1.4rem; font-size: 4rem; line-height: 1; color: rgba(251,146,60,0.12); font-family: Georgia, serif; pointer-events: none; }
.testi-text { font-size: 0.9rem; color: var(--text-mid); line-height: 1.75; flex: 1; }
.testi-placeholder { font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-dim); font-style: italic; }
.testi-footer { display: flex; align-items: center; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); }
.testi-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #f97316, #c2410c); display: flex; align-items: center; justify-content: center; font-family: var(--font-ui); font-size: 1.1rem; font-weight: 700; color: #fff; flex-shrink: 0; box-shadow: 0 0 12px rgba(249,115,22,0.3); }
.testi-avatar-empty { background: rgba(255,255,255,0.05); color: var(--text-dim); box-shadow: none; }
.testi-name { font-weight: 700; font-size: 0.95rem; color: var(--text); display: flex; align-items: center; gap: 0.4rem; }
.testi-linkedin { color: var(--text); text-decoration: none; transition: color 0.2s; }
.testi-linkedin:hover { color: #f97316; }
.verified-badge { color: #38bdf8; font-size: 0.85rem; }
.verified-badge.pending { color: var(--text-dim); }
.testi-role { font-size: 0.78rem; color: var(--text-dim); margin-top: 1px; }
.testi-project { font-family: var(--font-mono); font-size: 0.7rem; color: var(--purple-l); margin-top: 2px; }