/* ==================================================
   FINANCEMENT — POURQUOI / PROCESSUS
   Responsive complet — alignements professionnels
================================================== */

.financement-process_new{
    position:relative;
    padding:80px 0 95px;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(7,87,249,.045),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8faff 100%
        );
}

.financement-process_new,
.financement-process_new *,
.financement-process_new *::before,
.financement-process_new *::after{
    box-sizing:border-box;
}

.financement-process_new .le-container_new{
    width:min(1640px,94%);
    margin:0 auto;
}

/* ==================================================
   EN-TÊTE
================================================== */

.financement-process-heading_new{
    max-width:920px;
    margin:0 auto 62px;

    text-align:center;
}

.financement-process-label_new{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;

    margin-bottom:16px;

    color:#0757f9;

    font-size:12px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:2.8px;
    text-transform:uppercase;
}

.financement-process-label_new::before,
.financement-process-label_new::after{
    content:"";

    width:31px;
    height:2px;

    border-radius:999px;

    background:#0757f9;

    box-shadow:0 0 13px rgba(7,87,249,.28);
}

.financement-process-heading_new h2{
    margin:0 0 17px;

    color:#000d20;

    font-size:44px;
    font-weight:900;
    line-height:1.1;
    letter-spacing:-1.2px;
}

.financement-process-heading_new h2 span{
    color:#0757f9;
}

.financement-process-heading_new p{
    max-width:700px;
    margin:0 auto;
    padding-bottom:0 !important;

    color:#59687f;

    font-size:16.5px;
    font-weight:500;
    line-height:1.65;
}

/* ==================================================
   TIMELINE
================================================== */

.financement-process-timeline_new{
    position:relative;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:34px;

    align-items:stretch;
}

/* Ligne principale */

.financement-process-line_new{
    position:absolute;
    top:64px;
    left:12.5%;
    right:12.5%;
    z-index:1;

    height:2px;

    overflow:hidden;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(7,87,249,.20) 0 6px,
            transparent 6px 14px
        );
}

.financement-process-line-progress_new{
    display:block;

    width:0;
    height:100%;

    background:
        linear-gradient(
            90deg,
            #0757f9,
            #4f8cff
        );

    box-shadow:0 0 16px rgba(7,87,249,.35);

    transition:width 1.6s cubic-bezier(.22,.61,.36,1);
}

.financement-process-timeline_new.active
.financement-process-line-progress_new,
.financement-process-timeline_new.is-visible
.financement-process-line-progress_new{
    width:100%;
}

/* ==================================================
   ÉTAPES
================================================== */

.financement-process-step_new{
    position:relative;
    z-index:3;

    min-width:0;

    display:grid;
    grid-template-rows:145px 58px minmax(96px,1fr);
    align-content:start;
    justify-items:center;

    text-align:center;

    opacity:0;
    transform:translateY(30px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.22,.61,.36,1);
}

.financement-process-timeline_new.active
.financement-process-step_new,
.financement-process-timeline_new.is-visible
.financement-process-step_new{
    opacity:1;
    transform:translateY(0);
}

.financement-process-timeline_new.active
.financement-process-step_new:nth-of-type(1),
.financement-process-timeline_new.is-visible
.financement-process-step_new:nth-of-type(1){
    transition-delay:.08s;
}

.financement-process-timeline_new.active
.financement-process-step_new:nth-of-type(2),
.financement-process-timeline_new.is-visible
.financement-process-step_new:nth-of-type(2){
    transition-delay:.18s;
}

.financement-process-timeline_new.active
.financement-process-step_new:nth-of-type(3),
.financement-process-timeline_new.is-visible
.financement-process-step_new:nth-of-type(3){
    transition-delay:.28s;
}

.financement-process-timeline_new.active
.financement-process-step_new:nth-of-type(4),
.financement-process-timeline_new.is-visible
.financement-process-step_new:nth-of-type(4){
    transition-delay:.38s;
}

/* ==================================================
   ICÔNES
================================================== */

.financement-process-icon-wrap_new{
    position:relative;

    width:128px;
    height:145px;
    margin:0 auto;

    display:flex;
    align-items:flex-start;
    justify-content:center;
}

.financement-process-icon_new{
    width:112px;
    height:112px;
    flex:0 0 112px;

    margin:0 auto;

    border:1px solid rgba(7,87,249,.08);
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#0757f9;

    background:
        radial-gradient(
            circle at 30% 22%,
            rgba(255,255,255,.98),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #f7faff,
            #e3edff
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 18px 40px rgba(7,87,249,.11);

    line-height:0;

    transition:
        transform .38s cubic-bezier(.22,.61,.36,1),
        color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.financement-process-icon_new svg{
    width:54px;
    height:54px;

    display:block;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.financement-process-icon-image_new{
    display:block;

    width:54px;
    height:54px;

    object-fit:contain;

    filter:
        brightness(0)
        saturate(100%)
        invert(27%)
        sepia(98%)
        saturate(3000%)
        hue-rotate(218deg)
        brightness(94%)
        contrast(102%);

    transition:
        filter .35s ease,
        transform .35s ease;
}

.financement-process-step_new:hover
.financement-process-icon-image_new{
    filter:brightness(0) invert(1);
}

.financement-process-step_new:hover
.financement-process-icon_new{
    color:#ffffff;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.22),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #2879ff,
            #0757f9 55%,
            #003eae
        );

    transform:translateY(-7px) scale(1.025);

    box-shadow:
        0 26px 52px rgba(7,87,249,.25),
        0 0 0 9px rgba(7,87,249,.055);
}

/* ==================================================
   NUMÉROS
================================================== */

.financement-process-number_new{
    position:absolute;
    left:50%;
    bottom:0;
    z-index:4;

    width:38px;
    height:38px;

    border:4px solid #f8faff;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ffffff;

    background:
        linear-gradient(
            145deg,
            #0b63ff,
            #0047ca
        );

    font-size:15px;
    font-weight:950;
    line-height:1;

    transform:translateX(-50%);

    box-shadow:
        0 11px 25px rgba(7,87,249,.24),
        inset 0 1px 0 rgba(255,255,255,.20);
}

/* ==================================================
   TEXTES ALIGNÉS
================================================== */

.financement-process-step_new h3{
    width:100%;
    min-height:58px;
    margin:0;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#000d20;

    font-size:19px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:-.25px;
    text-align:center;
}

.financement-process-step_new p{
    width:100%;
    max-width:285px;
    min-height:96px;

    margin:0 auto;
    padding-bottom:0 !important;

    color:#5a6980;

    font-size:14.5px;
    font-weight:500;
    line-height:1.65;
    text-align:center;
}

/* ==================================================
   RESPONSIVE — PETIT DESKTOP
================================================== */

@media(max-width:1200px){

    .financement-process-timeline_new{
        gap:28px;
    }

    .financement-process-step_new h3{
        font-size:18px;
    }

    .financement-process-step_new p{
        font-size:14px;
    }

}

/* ==================================================
   RESPONSIVE — TABLETTE
================================================== */

@media(max-width:1050px){

    .financement-process-timeline_new{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:56px 34px;
    }

    .financement-process-line_new{
        display:none;
    }

    .financement-process-step_new{
        grid-template-rows:145px 58px minmax(88px,1fr);
    }

    .financement-process-step_new p{
        max-width:320px;
    }

}

/* ==================================================
   RESPONSIVE — MOBILE
================================================== */

@media(max-width:650px){

    .financement-process_new{
        padding:60px 0 75px;
    }
    
    .financement-process-icon-image_new{
    width:43px;
    height:43px;
}

    .financement-process_new .le-container_new{
        width:calc(100% - 28px);
    }

    .financement-process-heading_new{
        margin-bottom:46px;
    }

    .financement-process-label_new{
        gap:8px;

        font-size:10px;
        letter-spacing:2px;
    }

    .financement-process-label_new::before,
    .financement-process-label_new::after{
        width:22px;
    }

    .financement-process-heading_new h2{
        font-size:34px;
        letter-spacing:-.8px;
    }

    .financement-process-heading_new p{
        font-size:15.5px;
    }

    .financement-process-timeline_new{
        grid-template-columns:1fr;
        gap:30px;
    }

    .financement-process-step_new{
        padding:22px 20px;

        grid-template-columns:96px minmax(0,1fr);
        grid-template-rows:auto auto;
        column-gap:22px;
        row-gap:6px;

        align-items:center;
        justify-items:stretch;

        border:1px solid rgba(7,87,249,.08);
        border-radius:18px;

        text-align:left;

        background:
            radial-gradient(
                circle at 0 50%,
                rgba(7,87,249,.055),
                transparent 40%
            ),
            #ffffff;

        box-shadow:
            0 14px 34px rgba(0,13,32,.055);
    }

    .financement-process-icon-wrap_new{
        width:96px;
        height:108px;
        margin:0;

        grid-row:1 / 3;

        align-items:flex-start;
    }

    .financement-process-icon_new{
        width:90px;
        height:90px;
        flex-basis:90px;
    }

    .financement-process-icon_new svg{
        width:43px;
        height:43px;
    }

    .financement-process-number_new{
        width:32px;
        height:32px;
        bottom:0;

        border-width:3px;

        font-size:13px;
    }

    .financement-process-step_new h3{
        min-height:auto;
        margin:0;

        justify-content:flex-start;

        font-size:18px;
        text-align:left;
    }

    .financement-process-step_new p{
        max-width:none;
        min-height:auto;
        margin:0;

        font-size:14px;
        text-align:left;
    }

}

/* ==================================================
   RESPONSIVE — TRÈS PETITS MOBILES
================================================== */

@media(max-width:420px){

    .financement-process_new .le-container_new{
        width:calc(100% - 20px);
    }
    
    .financement-process-icon-image_new{
    width:35px;
    height:35px;
}

    .financement-process-heading_new h2{
        font-size:30px;
    }

    .financement-process-step_new{
        padding:18px 15px;

        grid-template-columns:78px minmax(0,1fr);
        column-gap:15px;

        border-radius:16px;
    }

    .financement-process-icon-wrap_new{
        width:78px;
        height:91px;
    }

    .financement-process-icon_new{
        width:74px;
        height:74px;
        flex-basis:74px;
    }

    .financement-process-icon_new svg{
        width:35px;
        height:35px;
    }

    .financement-process-number_new{
        width:29px;
        height:29px;

        font-size:11px;
    }

    .financement-process-step_new h3{
        font-size:16px;
    }

    .financement-process-step_new p{
        font-size:13px;
        line-height:1.55;
    }

}

/* ==================================================
   ÉCRANS TACTILES
================================================== */

@media(hover:none){

    .financement-process-step_new:hover
    .financement-process-icon_new{
        color:#0757f9;

        background:
            radial-gradient(
                circle at 30% 22%,
                rgba(255,255,255,.98),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                #f7faff,
                #e3edff
            );

        transform:none;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.96),
            0 18px 40px rgba(7,87,249,.11);
    }

}

/* ==================================================
   ACCESSIBILITÉ
================================================== */

@media(prefers-reduced-motion:reduce){

    .financement-process-line-progress_new{
        width:100%;
        transition:none;
    }

    .financement-process-step_new{
        opacity:1;
        transform:none;
        transition:none;
    }

    .financement-process-icon_new{
        transition:none;
    }

}