.card { position: relative; overflow: hidden; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: var(--shadow-sm); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: rgba(255,205,0,.35); }
.card__body { padding: 28px; }
.card__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 22px; border-radius: 14px; background: var(--yellow); color: var(--navy); }
.card__icon svg { width: 27px; height: 27px; }
.card h3 { margin-bottom: 12px; }
.card p { color: var(--ink-soft); }
.card__meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 14px; color: var(--ink-soft); font-size: .82rem; }
.card__image { aspect-ratio: 16 / 10; overflow: hidden; background: var(--gray-100); }
.card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.card:hover .card__image img { transform: scale(1.035); }
.badge { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 11px; border-radius: 999px; background: #fff4bd; color: #ffcd00; font-family: var(--font-display); font-size: .72rem; font-weight: 750; }
.badge--navy { background: var(--navy); color: var(--white); }
.badge--green { background: #ddf6e9; color: #0b6640; }
.feature-list { display: grid; gap: 16px; list-style: none; }
.feature-list li { display: grid; grid-template-columns: 30px 1fr; gap: 13px; align-items: start; }
.feature-list__icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff5bd; color: var(--gold-dark); }
.feature-list__icon svg { width: 16px; height: 16px; }