/*
 * Runtime-critical assets stay local so the core site remains readable when
 * Google Fonts, YouTube, Instagram, or TikTok are slow or unavailable.
 */
:root {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
}

.partner-mark {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  background: linear-gradient(135deg, #46536a, #1d2634);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.03em;
  filter: grayscale(1);
  opacity: 0.68;
  transition: 0.25s;
}

.partner-mark.violet { background: linear-gradient(135deg, #7548ff, #cf4cff); }
.partner-mark.orange { background: linear-gradient(135deg, #ff9d2d, #ef4a22); }
.partner-mark.blue { background: linear-gradient(135deg, #1268ff, #00b8ff); }
.partner-mark.indigo { background: linear-gradient(135deg, #111827, #645cff); }
.partner-mark.green { background: linear-gradient(135deg, #00a66a, #61d45f); }

.partner-logo:hover .partner-mark {
  filter: none;
  opacity: 1;
  transform: scale(1.08);
}

@media (max-width: 640px) {
  .partner-mark {
    width: 28px;
    height: 28px;
    font-size: 8px;
  }
}