.plans { --min: 260px; margin-bottom: var(--space-xl); }
.plan-name { display: flex; align-items: center; gap: var(--space-sm); font-weight: 600; font-size: var(--title-medium-size); }
.card .plan-name { color: var(--color-on-surface); }
.card .price { font-size: var(--display-small-size); font-weight: 700; letter-spacing: var(--display-small-tracking); line-height: 1.1; color: var(--color-on-surface); }
.card .price span { font-size: var(--body-large-size); font-weight: 400; letter-spacing: 0; color: var(--color-on-surface-variant); }
.ticks { display: grid; gap: var(--space-sm); list-style: none; margin: var(--space-md) 0 var(--space-xl); padding: 0; }
.ticks li { position: relative; padding-inline-start: 28px; }
.ticks li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.3em; width: 16px; height: 16px; border-radius: 50%; background: var(--color-primary-container); box-shadow: inset 0 0 0 4px var(--color-primary); }
.fine { display: grid; gap: var(--space-sm); padding-inline-start: 1.2em; margin: 0; color: var(--color-on-surface-variant); font-size: var(--body-medium-size); }