.p-klanten .uitgelicht{background:var(--eggshell)}.p-klanten .case-mini{--beeldkaart-h:380px}.p-klanten .case-mini .body blockquote{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-strong);margin:var(--space-4) 0 var(--space-6);text-wrap:pretty}.p-klanten .case-mini .body .who{font-size:var(--text-sm);margin-top:auto}.p-klanten .case-mini .body .who strong{color:var(--text-strong)}.p-klanten .case-mini .body .lees-meer{font-weight:var(--fw-semibold);margin-top:14px;display:inline-block}.p-klanten .belofte-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.p-klanten .belofte-card{color:var(--text-body);flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.p-klanten .belofte-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);color:var(--text-body);transform:translateY(-4px)}.p-klanten .belofte-card .ic{border-radius:var(--radius-md);background:var(--orange-50);width:48px;height:48px;color:var(--orange-text);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.p-klanten .belofte-card h3{font-size:var(--text-lg);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.p-klanten .belofte-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.p-klanten .belofte-card .kpis{gap:var(--space-3);padding:var(--space-5) 0;margin-bottom:var(--space-6);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.p-klanten .belofte-card .kpi{align-items:baseline;gap:var(--space-3);display:flex}.p-klanten .belofte-card .kpi .n{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--orange-text);flex:none;min-width:5.5ch}.p-klanten .belofte-card .kpi .l{font-size:var(--text-sm);color:var(--text-muted)}.p-klanten .belofte-card .more{margin-top:auto}.p-klanten .belofte-card .more .lucide{width:15px;height:15px;transition:transform .18s cubic-bezier(.22,1,.36,1)}.p-klanten .belofte-card:hover .more .lucide{transform:translate(4px)}@media (max-width:1024px){.p-klanten .belofte-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.p-klanten .belofte-grid{grid-template-columns:1fr}}