/* ==========================================================================
   PAGE — Tarifs
   ========================================================================== */

.pricing-grid { align-items: stretch; }

.pricing-card {
  display: flex;
  flex-direction: column;
  gap: var(--s-4);
  position: relative;
}

.pricing-card--featured {
  border-color: var(--c-accent-500);
  box-shadow: var(--shadow-md);
}

.pricing-card__price {
  display: flex;
  align-items: baseline;
  gap: var(--s-2);
}

.pricing-card__amount {
  font-family: var(--f-mono);
  font-size: var(--t-2xl);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--ls-mono);
  color: var(--c-ink);
}

.pricing-card__unit {
  color: var(--c-ink-soft);
  font-size: var(--t-sm);
}

.pricing-card__features {
  flex: 1;
  display: grid;
  gap: var(--s-2);
  align-content: start;
  padding-inline-start: 0;
  list-style: none;
  font-size: var(--t-sm);
  color: var(--c-ink-muted);
}

.pricing-card__features li {
  padding-inline-start: var(--s-5);
  position: relative;
}

.pricing-card__features li::before {
  content: "✓";
  position: absolute;
  inset-inline-start: 0;
  color: var(--c-brand-600);
  font-weight: var(--w-semibold);
}

.pricing-note {
  margin-block-start: var(--s-6);
  text-align: center;
}