/* --- PROCESSUS --- */
.process-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; max-width: 1100px; margin: 0 auto; }
.process-step {
    display: flex; flex-direction: column; gap: 1rem;
    position: relative; z-index: 2;
    background-color: white;
    border-radius: 24px;
    border: 1px solid var(--border);
    padding: 1.5rem;
    box-shadow:
        0 0 0 5px white,
        0 0 0 6px var(--border);
    transition: opacity 0.6s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.process-step:hover {
    box-shadow:
        0 0 0 10px white,
        0 0 0 11px var(--border),
        0 8px 30px rgba(0, 0, 0, 0.14);
    transform: translateY(-2px);
}
.step-icon {
    flex-shrink: 0; width: 48px; height: 48px; background: var(--gradient);
    border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;
    color: white; box-shadow: var(--shadow);
}
.step-content h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.4rem; }
.step-content p { font-size: 0.875rem; }