/* ===== JASA PEMBUATAN APLIKASI PAGE STYLES ===== */

/* Featured service card */
.service-card--featured {
    border: 2px solid var(--primary);
    position: relative;
}

.service-card__featured-badge {
    position: absolute;
    top: -12px;
    left: 24px;
    padding: 4px 14px;
    background-color: var(--primary);
    color: var(--white);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: var(--radius-full);
}

.service-card__cta {
    display: inline-block;
    margin-top: 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    transition: var(--transition);
}

.service-card__cta:hover {
    letter-spacing: 0.5px;
}

/* Process 4-col grid */
.process__grid--4 {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
    .process__grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .process__grid--4 {
        grid-template-columns: 1fr;
    }
}