.marketing-hero {
    background: linear-gradient(135deg, #e8f0fa 0%, #f5f9ff 50%, #eef4fc 100%);
}

.marketing-feature-card {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

@media (hover: hover) {
    .marketing-feature-card:hover {
        box-shadow: 0 4px 16px rgba(0, 76, 164, 0.08);
        transform: translateY(-1px);
    }
}

.marketing-step-card {
    position: relative;
}

.marketing-process-line {
    display: none;
}

@media (min-width: 768px) {
    .marketing-process-grid {
        position: relative;
    }

    .marketing-process-line {
        display: block;
        position: absolute;
        top: 1.5rem;
        right: 10%;
        left: 10%;
        height: 2px;
        background: linear-gradient(to left, transparent, rgba(0, 76, 164, 0.15), transparent);
        z-index: 0;
    }
}

.marketing-payment-card {
    box-shadow: 0 4px 24px rgba(0, 51, 153, 0.08);
}

.marketing-status-success {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.marketing-status-error {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.marketing-status-pending {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}