.benefit-card { --benefit-number-color: var(--color-services-background); --benefit-description-color: var(--color-description); display: flex; flex-direction: column; justify-content: space-between; min-inline-size: 0; min-block-size: 27.4375rem; padding: var(--space-8); gap: var(--space-16); border: 1px solid var(--color-border-divider); border-radius: var(--radius-feature); background: var(--color-background); color: var(--color-text); }
.benefit-card--highlighted { --benefit-number-color: var(--color-on-accent); --benefit-description-color: var(--color-border-divider); background: var(--color-services-background); color: var(--color-on-accent); border-color: var(--color-border-subtle); }
.benefit-card__number { font-family: var(--font-heading); font-size: clamp(var(--fs-label), 1.944444vw, var(--fs-kicker-max)); font-weight: 600; line-height: 1.1; color: var(--benefit-number-color); }
.benefit-card__content { display: grid; gap: var(--space-4); }
.benefit-card__title { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-body-large), 1.666667vw, var(--fs-card-title-max)); font-weight: 600; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.benefit-card__description { margin: 0; font-size: clamp(var(--fs-body), 1.25vw, var(--fs-body-large)); line-height: var(--line-height-control); color: var(--benefit-description-color); overflow-wrap: anywhere; }
@media (width < 75rem) { .benefit-card { min-block-size: 24rem; padding: var(--space-6); gap: var(--space-12); } }
@media (width < 48rem) { .benefit-card { min-block-size: 0; border-radius: var(--radius-panel); } }
.benefit-card--dark { --benefit-number-color: var(--color-text); }
.benefit-card--dark.benefit-card--highlighted { --benefit-number-color: var(--color-on-accent); background: var(--color-inverse-background); }

.benefit-card--navy { --benefit-number-color: var(--color-brand-action); }
.benefit-card--navy.benefit-card--highlighted { --benefit-number-color: var(--color-on-accent); background: var(--color-brand-action); }

/* Numbered editorial benefits: same content contract, compact neutral surface. */
.benefit-card--numbered { --benefit-number-color: var(--color-text); --benefit-description-color: var(--color-case-description); min-block-size: 19rem; border: 0; background: var(--color-border-subtle); gap: var(--space-8); }
.benefit-card--numbered .benefit-card__number { font-size: clamp(var(--fs-number-min), 4.444444vw, var(--fs-number-max)); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: -0.04em; }
.benefit-card--numbered .benefit-card__description { font-size: var(--fs-body); }
@media (width < 48rem) { .benefit-card--numbered { min-block-size: 0; gap: var(--space-8); } }