/* ── 6. CARD HOVER EFFECTS ── */
.pricing-card {
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.pricing-card.featured {
    border-color: var(--accent-red);
}
.pricing-card.featured:hover {
    box-shadow: 0 12px 40px rgba(255, 0, 64, 0.25);
}

.sol-card {
    transition: transform 0.2s ease, border-color 0.2s ease;
}
.sol-card:hover {
    transform: translateY(-3px);
    border-color: var(--accent-red);
}