.sponsor-page__title {
  font-size: var(--font-size-xl);
  text-align: center;
  margin-bottom: var(--space-2);
}

.sponsor-page__subtitle {
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 480px;
  margin: 0 auto var(--space-6);
}

.sponsor-packages {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-7);
}

.sponsor-package {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  position: relative;
}

/* Featured tier wears the same brand-gradient "spotlight" as the vote
   leaderboard's #1 spot and the logged-in avatar — one consistent signal
   for "this is the one in the spotlight" across the whole site. */
.sponsor-package--featured {
  border: 2px solid transparent;
  background-image: linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)), var(--gradient-brand);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: var(--shadow-accent);
}

.sponsor-package__badge {
  position: absolute;
  top: -12px;
  right: var(--space-5);
}

.sponsor-package__name {
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-text-secondary);
}

.sponsor-package__price {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  color: var(--color-money);
}

.sponsor-package__price small {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-secondary);
}

.sponsor-package__features {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.sponsor-package__features li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

@media (min-width: 640px) {
  .sponsor-packages { grid-template-columns: repeat(3, 1fr); }
}