/* ==========================================================
   SPARK DESIGN SYSTEM™
   CARDS
   v2.2
========================================================== */

/* ==========================================================
   BASE CARD
========================================================== */

.card {
    background: var(--surface-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

/* ==========================================================
   SERVICE CARD
========================================================== */

.service-card {
    background: var(--surface-3);
    padding: var(--space-lg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

/* ==========================================================
   SEO CARD
========================================================== */

.seo-card {
    background: var(--surface-3);
    padding: var(--space-lg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.seo-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.seo-card h3 {
    margin-bottom: var(--space-sm);
}

.seo-price {
    margin-bottom: var(--space-sm);
    font-weight: 600;
    color: var(--text-1);
}