/* 레퍼런스 필터 */
.ref-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.ref-filter-btn {
  padding: 7px 18px; border-radius: 20px; border: 1px solid var(--gray-200);
  font-size: 13px; font-weight: 500; color: var(--gray-600); cursor: pointer;
  transition: all var(--fast) var(--ease); background: var(--white);
}
.ref-filter-btn:hover { border-color: var(--primary); color: var(--primary); }
.ref-filter-btn.active { background: var(--primary); border-color: var(--primary); color: #fff; }

/* 레퍼런스 테이블 */
.ref-table-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid var(--gray-200); }
.ref-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.ref-table th {
  background: var(--secondary); color: rgba(255,255,255,.8);
  padding: 14px 16px; text-align: left; font-size: 12px;
  font-weight: 600; letter-spacing: .5px;
}
.ref-table td { padding: 13px 16px; font-size: 13px; border-bottom: 1px solid var(--gray-100); vertical-align: middle; }
.ref-table tr:last-child td { border-bottom: none; }
.ref-table tr:hover td { background: var(--gray-50); }
.ref-period { color: var(--gray-500); font-size: 12px; white-space: nowrap; }
.ref-client { font-weight: 700; color: var(--gray-800); white-space: nowrap; }
.ref-project { color: var(--gray-700); }
.ref-role {
  padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700;
  background: var(--primary-light); color: var(--primary); white-space: nowrap;
}
.ref-tech { font-size: 12px; color: var(--gray-500); }
.ref-cat-badge { padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; white-space: nowrap; }

/* 파트너 카드 */
.partner-card { padding: 32px 24px; text-align: center; }
.partner-logo { font-size: 48px; margin-bottom: 12px; }
.partner-tier { display: inline-block; padding: 3px 12px; border-radius: 12px; font-size: 11px; font-weight: 700; margin-bottom: 12px; }
.partner-name { font-size: 16px; font-weight: 700; color: var(--gray-900); margin-bottom: 10px; }
.partner-desc { font-size: 13px; color: var(--gray-600); line-height: 1.6; }
.partner-cta {
  margin-top: 64px; text-align: center; padding: 56px;
  background: linear-gradient(135deg, var(--primary-light), rgba(0,163,224,.08));
  border-radius: 16px; border: 1px solid var(--gray-200);
}
.partner-cta h3 { font-size: 24px; font-weight: 800; margin-bottom: 12px; }
.partner-cta p { color: var(--gray-600); margin-bottom: 24px; font-size: 15px; }
