/* pricing: `engagements` = tier cards used as engagement models (the `price` field holds a short label, no amounts) */
.engagements .plan.card { border: 1px solid var(--rule); border-radius: 4px; background: var(--paper); box-shadow: none; }
.engagements .plan--featured { border-color: var(--plum); box-shadow: none; }
.engagements .plan__name { font-size: 26px; line-height: 1.15; letter-spacing: -0.01em; }
.engagements .plan__price { order: -1; }
.engagements .plan__amount { font-family: var(--maw-font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--plum); }
.engagements .plan__badge { background: var(--plum); color: var(--cream); font-weight: 600; }
.engagements .card__text { font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
.engagements .checklist { font-size: 14.5px; color: var(--ink); }
.engagements .checklist svg { color: var(--plum); }
.engagements .plan__button { width: auto; align-self: flex-start; }
.engagements .plan__button::after { content: none; }
.engagements .plan--featured .plan__button { background: var(--ink); color: var(--cream); }
.section--bg-dark.engagements .plan.card { background: rgb(245 241 232 / 0.04); border-color: rgb(245 241 232 / 0.12); }
.section--bg-dark.engagements .card__text, .section--bg-dark.engagements .checklist { color: rgb(245 241 232 / 0.75); }