.client-logos{background:var(--gray-50);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:80px 0}.logos-header{text-align:center;margin-bottom:48px}.logos-header .section-label{color:var(--primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-block}.logos-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700}.logos-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.logo-item{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-base);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:140px;padding:24px 36px;display:flex}.logo-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-logo{filter:grayscale()opacity(.5);width:auto;max-width:100px;height:32px;transition:filter var(--transition-base)}.logo-item:hover .client-logo{filter:grayscale()opacity(.8)}.client-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}@media (max-width:768px){.client-logos{padding:60px 0}.logos-grid{grid-template-columns:repeat(2,1fr);gap:16px}.logo-item{min-width:120px;padding:20px 28px}.client-name{font-size:16px}}
