/* pricing.css — inherits site theme; override per-page if needed */
@import url("styles.css");


/* ---- Pricing page styles ---- */
.price-grid { align-items: stretch; }
.price-card {
  display: flex;
  flex-direction: column;
  min-height: 520px;      /* <-- equalize heights; stretch smaller ones */
  padding: 24px;
  position: relative;
}
.price-card.featured { border-width: 2px; }
.price-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }

.badge {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #505050;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.32);
  padding: 6px 10px;
  border-radius: 999px;
}
.badge.accent {
  background: linear-gradient(180deg, var(--primary), var(--accent));
  color: #0a0c12; border: 0;
}

.price {
  font-size: clamp(1.4rem, 1.1rem + 1.8vw, 2rem);
  font-weight: 800;
  margin: 4px 0 6px;
}
.price-note, .price-plus { color: var(--muted); font-weight: 700; font-size: .95rem; }
.muted { color: var(--muted); }

.price-card .chips { margin-top: 10px; }
.price-card .btn { margin-top: 10px; }

@media (max-width: 960px) {
  .price { font-size: clamp(1.4rem, 1.2rem + 1vw, 1.8rem); }
}

/* Push the last button to the bottom so all cards align cleanly */
.price-card .btn:last-of-type { margin-top: auto; }