.governance-flow .gov-node {
    transition:
        color .45s ease,
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        transform .45s ease;
}

.governance-flow .gov-node.gov-primary {
    background: linear-gradient(135deg, #08294d, #0871cf);
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(8, 88, 164, .24);
    transform: translateY(-3px);
}

.governance-flow .gov-node.gov-primary strong {
    color: #fff;
}

.governance-flow .gov-node.gov-primary small {
    color: #dcefff;
}

.governance-flow .gov-link {
    transition: color .35s ease, transform .35s ease;
}

.governance-flow .gov-link.is-passed {
    color: #0871cf;
    transform: translateX(3px);
}

/* Progression de la chaine logistique. */
.logistics-flow .flow-step,
.logistics-flow .flow-modes > div {
    transition:
        color .45s ease,
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        transform .45s ease;
}

.logistics-flow .flow-step.is2-logistics-active,
.logistics-flow .flow-modes.is2-logistics-active > div {
    color: #fff;
    background: linear-gradient(135deg, #08294d, #0871cf);
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(8, 88, 164, .24);
    transform: translateY(-3px);
}

.logistics-flow .flow-step.is2-logistics-active strong,
.logistics-flow .flow-modes.is2-logistics-active strong {
    color: #fff;
}

.logistics-flow .flow-step.is2-logistics-active small,
.logistics-flow .flow-modes.is2-logistics-active b {
    color: #dcefff;
}

.logistics-flow .flow-arrow {
    transition: color .35s ease, transform .35s ease;
}

.logistics-flow .flow-arrow.is-passed {
    color: #0871cf;
    transform: translateX(3px);
}

/* Progression de la chaine de service. */
.process .step {
    transition:
        color .45s ease,
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        transform .45s ease;
}

.process .step .number {
    transition: color .45s ease, background .45s ease, transform .45s ease;
}

.process .step.is2-process-active {
    color: #fff;
    background: linear-gradient(135deg, #08294d, #0871cf);
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(8, 88, 164, .24);
    transform: translateY(-3px);
}

.process .step.is2-process-active b,
.process .step.is2-process-active small {
    color: #fff;
}

.process .step.is2-process-active .number {
    color: #0871cf;
    background: #fff;
    transform: scale(1.08);
}

.process .step.is2-passed:not(:last-child)::after {
    color: #0871cf;
}

@media (max-width: 1000px) {
    .governance-flow .gov-link.is-passed {
        transform: rotate(90deg) translateX(3px);
    }

    .logistics-flow .flow-arrow.is-passed {
        transform: rotate(90deg) translateX(3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .governance-flow .gov-node,
    .governance-flow .gov-link,
    .logistics-flow .flow-step,
    .logistics-flow .flow-modes > div,
    .logistics-flow .flow-arrow,
    .process .step,
    .process .step .number {
        transition: none;
    }
}