.processus{position:relative;padding:100px 24px;overflow:hidden}.processus:before{background:linear-gradient(180deg,#f0fdf4,#ecfeff 50%,#f0f9ff)}.processus:after,.processus:before{content:"";position:absolute;inset:0;z-index:0}.processus:after{background-image:radial-gradient(circle at 1px 1px,rgba(16,185,129,.06) 1px,transparent 0);background-size:40px 40px}.processus__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.processus__content{display:flex;flex-direction:column;gap:40px}.processus__header{display:flex;flex-direction:column;gap:16px}.processus__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.2);border-radius:100px;font-size:.85rem;font-weight:600;color:#059669;width:fit-content;text-transform:uppercase;letter-spacing:.05em}.processus__title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.02em}.processus__subtitle{margin:0;font-size:1.05rem;line-height:1.7;color:#64748b;max-width:500px}.processus__steps{list-style:none;margin:0;padding:0;position:relative}.processus__steps:before{bottom:26px;background:linear-gradient(180deg,rgba(16,185,129,.15),rgba(20,184,166,.15) 25%,rgba(14,165,233,.15) 50%,rgba(139,92,246,.15) 75%,rgba(236,72,153,.15));z-index:1}.processus__steps:after,.processus__steps:before{content:"";position:absolute;left:26px;top:26px;width:4px;border-radius:4px}.processus__steps:after{height:0;background:linear-gradient(180deg,#10b981,#14b8a6 33%,#0ea5e9 66%,#8b5cf6);box-shadow:0 0 20px rgba(16,185,129,.4);animation:timelineGrow 2.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;z-index:2}@keyframes timelineGrow{to{height:calc(100% - 52px)}}.processus-step{position:relative;display:flex;align-items:flex-start;gap:28px;padding:24px 0;opacity:0;transform:translateX(-40px);animation:stepFadeIn .7s cubic-bezier(.16,1,.3,1) forwards;z-index:5}.processus-step:first-child{animation-delay:.3s}.processus-step:nth-child(2){animation-delay:.5s}.processus-step:nth-child(3){animation-delay:.7s}.processus-step:nth-child(4){animation-delay:.9s}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.processus-step:hover{z-index:10}.processus-step__icon{position:relative;flex-shrink:0;z-index:25}.processus-step__badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#ffffff!important;font-weight:900;font-size:1.3rem;line-height:1;color:#059669!important;border:3px solid #10b981;box-shadow:0 0 0 6px #ffffff,0 0 0 9px rgba(16,185,129,.2),0 10px 30px rgba(16,185,129,.25);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;z-index:20;isolation:isolate}.processus-step:first-child .processus-step__badge{border-color:#059669;color:#059669!important}.processus-step:nth-child(2) .processus-step__badge{border-color:#0d9488;color:#0d9488!important}.processus-step:nth-child(3) .processus-step__badge{border-color:#0284c7;color:#0284c7!important}.processus-step:nth-child(4) .processus-step__badge{border-color:#7c3aed;color:#7c3aed!important}.processus-step__icon:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(16,185,129,.3);animation:pulseRing 2s ease-in-out infinite;opacity:0}.processus-step:hover .processus-step__icon:before{opacity:1}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.processus-step:hover .processus-step__badge{transform:scale(1.1);box-shadow:0 0 0 5px #ffffff,0 0 0 10px rgba(16,185,129,.25),0 15px 40px rgba(16,185,129,.35)}.processus-step:first-child:hover .processus-step__badge{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:white}.processus-step:nth-child(2):hover .processus-step__badge{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a6;color:white}.processus-step:nth-child(3):hover .processus-step__badge{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0ea5e9;color:white}.processus-step:nth-child(4):hover .processus-step__badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:white}.processus-step__card{flex:1;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.1);border-radius:20px;padding:24px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.processus-step__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#14b8a6,#0ea5e9);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.processus-step__card:after{content:"";position:absolute;left:-8px;top:24px;width:16px;height:16px;background:white;border:1px solid rgba(16,185,129,.1);border-top:none;border-right:none;transform:rotate(45deg);transition:all .4s ease}.processus-step:hover .processus-step__card{transform:translateX(8px);box-shadow:0 20px 50px rgba(16,185,129,.15),0 8px 20px rgba(15,23,42,.08);border-color:rgba(16,185,129,.25)}.processus-step:hover .processus-step__card:before{transform:scaleX(1)}.processus-step:hover .processus-step__card:after{border-color:rgba(16,185,129,.25)}.processus-step__text{flex:1;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.95));backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.12);border-radius:20px;padding:24px 28px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.processus-step__text:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#14b8a6,#0ea5e9);border-radius:20px 20px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.processus-step:first-child .processus-step__text:before{background:linear-gradient(90deg,#10b981,#34d399,#10b981)}.processus-step:nth-child(2) .processus-step__text:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf,#14b8a6)}.processus-step:nth-child(3) .processus-step__text:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#0ea5e9)}.processus-step:nth-child(4) .processus-step__text:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6)}.processus-step__text:after{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%) rotate(45deg);width:20px;height:20px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.95));border:1px solid rgba(16,185,129,.12);border-top:none;border-right:none;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:-3px 3px 8px rgba(16,185,129,.08)}.processus-step:hover .processus-step__text{transform:translateX(12px);box-shadow:0 25px 60px rgba(16,185,129,.18),0 10px 25px rgba(15,23,42,.1),0 0 0 1px rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.processus-step:hover .processus-step__text:before{transform:scaleX(1)}.processus-step:hover .processus-step__text:after{border-color:rgba(16,185,129,.3);box-shadow:-5px 5px 15px rgba(16,185,129,.15)}.processus-step__title{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.processus-step__number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(20,184,166,.1));border-radius:6px;font-size:.75rem;font-weight:700;color:#10b981}.processus-step__description{margin:0;font-size:.95rem;line-height:1.7;color:#64748b}.processus__media{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.15),0 10px 30px rgba(15,23,42,.1);opacity:0;transform:translateY(30px);animation:mediaFadeIn .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s}@keyframes mediaFadeIn{to{opacity:1;transform:translateY(0)}}.processus__media--slider{overflow:visible;box-shadow:none;border-radius:0}.processus__media--slider .before-after__frame{box-shadow:0 30px 80px rgba(15,23,42,.15),0 10px 30px rgba(15,23,42,.1);border-radius:24px}.processus__media img{display:block;width:100%;height:100%;object-fit:cover}.processus__decoration{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none}.processus__decoration--1{width:300px;height:300px;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(20,184,166,.15));top:-100px;right:10%;animation:floatDecoration 8s ease-in-out infinite}.processus__decoration--2{width:200px;height:200px;background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(139,92,246,.1));bottom:-50px;left:5%;animation:floatDecoration 10s ease-in-out infinite;animation-delay:-3s}@keyframes floatDecoration{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}@media (max-width:1024px){.processus__container{gap:40px}}@media (max-width:900px){.processus{padding:80px 20px}.processus__container{grid-template-columns:1fr;gap:50px}.processus__content{order:2}.processus__media{order:1;max-width:500px;margin:0 auto}}@media (max-width:640px){.processus{padding:60px 16px}.processus__steps:after,.processus__steps:before{left:22px}.processus-step{gap:16px;padding:16px 0}.processus-step__badge{width:44px;height:44px;font-size:1rem}.processus-step__text{padding:20px;border-radius:16px}.processus-step__text:after{left:-6px;top:20px;width:12px;height:12px}.processus-step__title{font-size:1.05rem}.processus-step__description{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.processus-step,.processus__media,.processus__steps:after{animation:none;opacity:1;transform:none}.processus__steps:after{height:calc(100% - 52px)}.processus-step__icon:before,.processus__decoration--1,.processus__decoration--2{animation:none}}