.page-software-maintenance {
    --maintenance-accent: var(--color-primary);
    --maintenance-accent-soft: var(--color-info-soft);
}

.page-software-maintenance .service-hero {
    background: var(--color-bg);
}

.page-software-maintenance .service-hero::before {
    display: none;
}

.page-software-maintenance .service-hero__layout {
    position: relative;
}

.page-software-maintenance .service-eyebrow,
.page-software-maintenance .service-process span,
.page-software-maintenance .service-process small {
    color: var(--maintenance-accent);
}

.page-software-maintenance .service-summary {
    border-color: var(--color-border-strong);
    box-shadow: none;
}

.page-software-maintenance .service-summary::before {
    display: none;
}

.page-software-maintenance .service-summary li::before,
.page-software-maintenance .service-checklist li::before {
    color: var(--maintenance-accent);
}

.page-software-maintenance .service-exclusions {
    border-color: var(--color-danger-border);
    background: var(--color-danger-soft);
}

.page-software-maintenance .service-exclusions ul {
    display: grid;
    gap: 0.7rem;
    margin: 1rem 0 0;
    padding-left: 1.15rem;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.page-software-maintenance .service-section--recommendation {
    background: var(--color-bg-alt);
}

.page-software-maintenance .service-recommendation {
    max-width: 860px;
    padding-left: clamp(1.25rem, 3vw, 2rem);
    border-left: 2px solid var(--maintenance-accent);
}

.page-software-maintenance .service-recommendation h2 {
    max-width: 20ch;
}

.page-software-maintenance .service-recommendation > p:last-child {
    max-width: 70ch;
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.75;
}

.page-software-maintenance .service-whatsapp,
.page-software-maintenance .service-contact__whatsapp {
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.page-software-maintenance .service-whatsapp:hover,
.page-software-maintenance .service-contact__whatsapp:hover {
    border-color: var(--maintenance-accent);
    background: var(--maintenance-accent-soft);
}

.page-software-maintenance .service-contact__whatsapp {
    margin-top: 1.5rem;
}

@media (max-width: 640px) {
    .page-software-maintenance .service-actions > a {
        width: 100%;
    }
}
