/* ── Premium Page Styles ── */

.premium-container {
  max-width: 1100px;
}

.pricing-card {
  transition: transform var(--duration) var(--ease-out);
  position: relative;
}
.pricing-card:hover {
  transform: translateY(-5px);
}

.feature-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}
.feature-row:last-child {
  border-bottom: none;
}
.feature-label {
  flex: 0 0 40%;
  font-weight: var(--weight-medium);
}
.feature-val {
  flex: 0 0 18%;
  text-align: center;
}
.feature-val.tier-free {
  opacity: 0.6;
}

.price-display {
  font-size: var(--text-4xl);
  font-weight: var(--weight-bold);
}
.price-period {
  font-size: var(--text-sm);
  opacity: 0.7;
}

.tier-icon {
  font-size: var(--text-2xl);
  margin-bottom: 8px;
}