/* ============================================
   MDS Vault — Testimonials page styles
   Requires css/base.css to be loaded first.
   ============================================ */

.hero{padding:72px 0 56px;text-align:center;}
h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:14px;}
.hero p{font-size:16px;color:var(--ink-mute);max-width:520px;margin:0 auto;}

.filters{display:flex;gap:10px;justify-content:center;margin-bottom:44px;flex-wrap:wrap;}
.filter-btn{padding:9px 18px;border-radius:20px;border:1px solid var(--border-strong);font-size:13.5px;font-weight:600;color:var(--ink-mute);background:var(--white);cursor:pointer;font-family:var(--font-body);transition:all .2s;}
.filter-btn.active{background:var(--teal);color:#fff;border-color:var(--teal);}

section{padding-bottom:88px;padding-top:0;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testi-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;}
.stars{color:var(--amber);font-size:13px;margin-bottom:14px;letter-spacing:2px;}
.testi-quote{font-size:14.5px;margin-bottom:22px;}
.testi-person{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:34px;height:34px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;flex-shrink:0;}
.testi-name{font-size:13.5px;font-weight:700;}
.testi-role{font-size:11.5px;color:var(--ink-faint);}
.tag{display:inline-block;font-family:var(--font-mono);font-size:10.5px;color:var(--teal);background:var(--teal-soft);padding:3px 9px;border-radius:20px;margin-bottom:14px;}
@media (max-width:1000px){.testi-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.testi-grid{grid-template-columns:1fr;}}

.cta-banner{margin-top:20px;}
.cta-banner h2{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:12px;}