.mktg-hero{min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--color-bg);}
.mktg-hero__radial{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 80% 30%,oklch(from var(--color-accent) l c h / 0.12) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 10% 80%,oklch(from var(--color-primary) l c h / 0.07) 0%,transparent 50%);pointer-events:none;}
.mktg-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-divider) 1px,transparent 1px),linear-gradient(90deg,var(--color-divider) 1px,transparent 1px);background-size:60px 60px;opacity:0.2;pointer-events:none;}
.flow-step{display:flex;gap:var(--space-5);align-items:flex-start;padding:var(--space-6);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative;}
.flow-step__num{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent-highlight);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-accent);flex-shrink:0;}
.flow-connector{width:2px;height:var(--space-4);background:var(--color-accent);opacity:0.4;margin-left:calc(1.25rem - 1px);}
.channel-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);}
.result-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);}

@media (max-width: 768px) {

  #processus .container > div {
    display: flex !important;
    flex-direction: column;
  }

  #processus .container > div > div:first-child {
    order: 1;
  }

  #processus .container > div > div:last-child {
    order: 2;
  }

}
@media (max-width: 768px) {
  #processus .container > div {
    gap: var(--space-8);
  }
}