/* ==================================================
   LAVERIEXPERT — HERO GLOBAL NEW
   Version premium définitive
   Dark et light identiques dans la structure.
   Seules les couleurs changent.
================================================== */

.le-hero_new,
.le-hero_new *,
.le-hero_new *::before,
.le-hero_new *::after{
    box-sizing:border-box;
}

.le-hero_new{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    isolation:isolate;
}

.equipements-points-new {
    margin-top: -50px !important;
}

.le-hero_description_new,
.le-hero_description_new *,
.le-hero_description_new *::before,
.le-hero_description_new *::after{
    box-sizing:border-box;
}

.le-hero_description_new{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    isolation:isolate;
}

.le-hero-container_new{
    position:relative;

    width:100%;
    min-height:768px;

    display:grid;
    grid-template-columns:minmax(0,49%) minmax(0,51%);

    overflow:hidden;
}

.le-hero-content_new{
    position:relative;
    z-index:4;

    min-width:0;
    min-height:850px;

    padding:
        150px
        clamp(34px,3vw,52px)
        70px
        max(58px,calc((100vw - 1700px)/2 + 58px));

    display:grid;

    /* minmax() : la hauteur reservee reste identique au
       rendu actuel, mais une ligne peut grandir si son
       contenu l'exige, au lieu de le rogner ou de le
       faire chevaucher la ligne suivante. */
    grid-template-rows:
        minmax(34px,auto)
        minmax(206px,auto)
        minmax(108px,auto)
        minmax(112px,auto)
        minmax(64px,auto)
        minmax(40px,auto);

    align-content:start;
    align-items:start;
    row-gap:0;
}

.le-hero-content_new::before{
    content:"";

    position:absolute;
    left:8%;
    top:26%;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.08),
            transparent 68%
        );

    filter:blur(18px);

    pointer-events:none;
}

.le-hero-content_new > *{
    position:relative;
    z-index:2;
}


/* ==================================================
   LABEL
================================================== */

.le-hero-subtitle_new{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:max-content;
    max-width:100%;
    min-height:31px;

    margin:0;
    padding:0 14px;

    border:1px solid rgba(37,99,235,.14);
    border-radius:999px;

    color:#0b63ff;
    background:rgba(37,99,235,.08);

    font-size:clamp(10px,.95vw,13px);
    font-weight:900;
    line-height:1.2;
    letter-spacing:.95px;
    text-transform:uppercase;

    box-shadow:
        0 8px 22px rgba(37,99,235,.06),
        inset 0 1px 0 rgba(255,255,255,.76);
}


/* ==================================================
   TITRE ET TEXTE
================================================== */

.le-hero_new h1,
.le-hero_description_new h1{
    width:100%;
    max-width:840px;

    /* La hauteur est reservee par la ligne de grille :
       le titre peut donc prendre une ligne de plus sans
       etre coupe. */
    height:auto;
    min-height:0;

    margin:24px 0 0;
    padding:0;

    display:flex;
    align-items:flex-start;

    color:#000d20;

    font-size:clamp(46px,4vw,60px);
    font-weight:950;
    line-height:1.07;
    letter-spacing:-1.65px;
}

.le-hero_new h1 span,
.le-hero_description_new h1 span{
    display:inline;
    width:auto;
    height:auto;

    color:#0b63ff;
    background:none;
}

.le-hero-content_new > p{
    width:100%;
    max-width:650px;

    height:auto;
    min-height:0;

    margin:0;
    padding:0 !important;

    display:block;

    color:#55657d;

    font-size:clamp(16px,1.25vw,19px);
    font-weight:500;
    line-height:1.78;
}

/* ==================================================
   IMAGE
================================================== */

.le-hero-image_new{
    position:relative;

    min-width:0;
    min-height:100%;

    overflow:hidden;

    clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);
}

.le-hero-image_new::after{
    content:"";

    position:absolute;
    inset:0;
    z-index:1;

    background:
        radial-gradient(
            circle at 72% 20%,
            rgba(37,99,235,.13),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.01),
            rgba(0,0,0,.08)
        );

    pointer-events:none;
}

.le-hero-image_new img{
    display:block;

    width:110%;
    height:100%;

    object-fit:cover;
    object-position:left;

    transform:scale(0.9);

    transition:
        transform 1.2s cubic-bezier(.22,.61,.36,1),
        filter .55s ease;
}

.le-hero_new:hover .le-hero-image_new img{
    transform:scale(1.048);
    filter:brightness(1.03) contrast(1.02);
}

.le-hero_description_new:hover .le-hero-image_new img{
    transform:scale(1.048);
    filter:brightness(1.03) contrast(1.02);
}

/* ==================================================
   BOUTONS
================================================== */

.le-hero-buttons_new{
    width:100%;
    min-height:64px;

    margin-top:26px;

    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
    gap:14px;
}

.le-hero-btn_new{
    min-width:0;
    min-height:64px;
    padding:0 25px;

    border-radius:15px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    text-decoration:none;
    text-align:center;

    font-size:clamp(14px,1vw,16px);
    font-weight:900;
    line-height:1.3;

    white-space:normal;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.le-hero-btn_new svg{
    width:21px;
    height:21px;
    flex:0 0 21px;

    fill:none;
    stroke:currentColor;
    stroke-width:2.3;
    stroke-linecap:round;
    stroke-linejoin:round;

    transition:transform .3s ease;
}

.le-hero-btn-icon-mask_new{

    width:21px;
    height:21px;

    flex:0 0 20px;
    display:block;

    background:currentColor;
    
    -webkit-mask:var(--hero-btn-icon) center / contain no-repeat;
    mask:var(--hero-btn-icon) center / contain no-repeat;

}

.le-hero-btn_new:hover{
    transform:translateY(-4px);
}

.le-hero-btn_new:hover svg{
    transform:translateX(4px);
}


/* ==================================================
   CHECK / ACCOMPAGNEMENT FRANCE
================================================== */

.le-hero-check_new{
    min-height:40px;

    display:flex;
    align-items:center;
    gap:13px;

    margin-top:24px;
}

.le-hero-check_new > span{
    width:34px;
    height:34px;
    min-width:34px;
    min-height:34px;

    flex:0 0 34px;
    aspect-ratio:1 / 1;

    border:2px solid #2563eb;
    border-radius:50%;

    color:#2563eb;

    display:grid;
    place-items:center;

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

    box-shadow:
        0 10px 22px rgba(37,99,235,.10),
        inset 0 1px 0 rgba(255,255,255,.85);
}

.le-hero-check_new p{
    margin:0;
    padding:0 !important;

    font-size:15.5px;
    font-weight:700;
    line-height:1.45;
}


/* ==================================================
   POINTS FINANCEMENT
================================================== */

.financement-points_new{
    width:100%;
    max-width:850px;
    min-height:50px;
    height:auto;

    margin:24px 0 0;

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:14px;
}

.financement-point_new{
    min-width:0;
    min-height:88px;

    padding:14px 15px;

    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    align-items:center;

    border:1px solid rgba(37,99,235,.09);
    border-radius:16px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(37,99,235,.06),
            transparent 42%
        ),
        rgba(255,255,255,.84);

    box-shadow:
        0 14px 34px rgba(0,13,32,.055),
        inset 0 1px 0 rgba(255,255,255,.85);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.financement-point-icon_new{
    width:44px;
    height:44px;
    flex:0 0 44px;

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

    color:#2563eb;
}

.financement-point-icon_new svg{
    width:36px;
    height:36px;

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

.financement-point-icon_new img{
    width:36px;
    height:36px;

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

.financement-point_new > div{
    min-width:0;

    display:inline;
    grid-template-rows:minmax(24px,auto) minmax(34px,auto);
    align-content:center;
}

.financement-point_new strong{
    display:block;

    min-height:24px;
    margin:0 0 3px;

    color:#000d20;

    font-size:15.5px;
    font-weight:900;
    line-height:1.25;
}

.financement-point_new span{
    display:block;

    color:#5f6b7a;

    font-size:13.5px;
    font-weight:500;
    line-height:1.35;
}


/* ==================================================
   DARK / LIGHT — STRUCTURE STRICTEMENT IDENTIQUE
   Seules les variables de couleurs changent.
================================================== */

.le-hero-light_new{
    --hero-bg:#ffffff;
    --hero-title:#000d20;
    --hero-text:#55657d;

    --hero-label-color:#0b63ff;
    --hero-label-bg:rgba(37,99,235,.08);
    --hero-label-border:rgba(37,99,235,.14);
    --hero-label-shadow:rgba(37,99,235,.06);

    --hero-secondary-color:#000d20;
    --hero-secondary-bg:rgba(255,255,255,.88);
    --hero-secondary-border:rgba(0,13,32,.16);
    --hero-secondary-shadow:rgba(0,13,32,.08);

    --hero-secondary-hover-color:#ffffff;
    --hero-secondary-hover-bg:#000d20;
    --hero-secondary-hover-border:#000d20;
    --hero-secondary-hover-shadow:rgba(0,13,32,.19);

    --hero-fade-solid:#ffffff;
    --hero-fade-98:rgba(255,255,255,.98);
    --hero-fade-88:rgba(255,255,255,.88);
    --hero-fade-62:rgba(255,255,255,.62);
    --hero-fade-30:rgba(255,255,255,.30);
    --hero-fade-08:rgba(255,255,255,.08);

    --hero-mobile-solid:#ffffff;
    --hero-mobile-95:rgba(255,255,255,.95);
    --hero-mobile-92:rgba(255,255,255,.92);
    --hero-mobile-98:rgba(255,255,255,.98);

    --hero-feature-color:#000d20;
    --hero-divider:rgba(0,13,32,.12);

    --hero-card-bg:rgba(255,255,255,.88);
    --hero-card-border:rgba(37,99,235,.09);
    --hero-card-shadow:rgba(0,13,32,.055);
    --hero-card-title:#000d20;
    --hero-card-text:#5f6b7a;
}

.le-hero-dark_new{
    --hero-bg:#000d20;
    --hero-title:#ffffff;
    --hero-text:rgba(255,255,255,.86);

    --hero-label-color:#86b5ff;
    --hero-label-bg:rgba(37,99,235,.14);
    --hero-label-border:rgba(96,165,250,.24);
    --hero-label-shadow:rgba(0,0,0,.13);

    --hero-secondary-color:#ffffff;
    --hero-secondary-bg:rgba(255,255,255,.055);
    --hero-secondary-border:rgba(255,255,255,.25);
    --hero-secondary-shadow:rgba(0,0,0,.16);

    --hero-secondary-hover-color:#ffffff;
    --hero-secondary-hover-bg:rgba(255,255,255,.12);
    --hero-secondary-hover-border:rgba(255,255,255,.40);
    --hero-secondary-hover-shadow:rgba(0,0,0,.22);

    --hero-fade-solid:#000d20;
    --hero-fade-98:rgba(0,13,32,.98);
    --hero-fade-88:rgba(0,13,32,.88);
    --hero-fade-62:rgba(0,13,32,.62);
    --hero-fade-30:rgba(0,13,32,.30);
    --hero-fade-08:rgba(0,13,32,.08);

    --hero-mobile-solid:#000d20;
    --hero-mobile-95:rgba(0,13,32,.92);
    --hero-mobile-92:rgba(0,13,32,.89);
    --hero-mobile-98:rgba(0,13,32,.97);

    --hero-feature-color:#ffffff;
    --hero-divider:rgba(255,255,255,.18);

    --hero-card-bg:rgba(255,255,255,.055);
    --hero-card-border:rgba(255,255,255,.10);
    --hero-card-shadow:rgba(0,0,0,.16);
    --hero-card-title:#ffffff;
    --hero-card-text:rgba(255,255,255,.66);
}

/* Même hauteur, même grille, même image, mêmes espacements */

.le-hero-light_new,
.le-hero-dark_new,
.le-hero-light_new .le-hero-container_new,
.le-hero-dark_new .le-hero-container_new{
    position:relative;

    /* Plancher et non hauteur fixe : le hero garde sa
       taille actuelle et s'etend si le contenu est plus
       long (titre sur une ligne de plus, texte edite). */
    min-height:850px;

    background:var(--hero-bg);
}

.le-hero-light_new h1,
.le-hero-dark_new h1{
    color:var(--hero-title);
}

.le-hero-light_new p,
.le-hero-dark_new p,
.le-hero-light_new .le-hero-check_new p,
.le-hero-dark_new .le-hero-check_new p{
    color:var(--hero-text);
}

.le-hero-light_new .le-hero-subtitle_new,
.le-hero-dark_new .le-hero-subtitle_new{
    color:var(--hero-label-color);
    background:var(--hero-label-bg);
    border-color:var(--hero-label-border);

    box-shadow:
        0 8px 22px var(--hero-label-shadow),
        inset 0 1px 0 rgba(255,255,255,.16);
}

.le-hero-light_new .le-hero-btn-primary_new,
.le-hero-dark_new .le-hero-btn-primary_new{
    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #0757f9
        );

    box-shadow:
        0 19px 40px rgba(11,99,255,.31),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.le-hero-light_new .le-hero-btn-primary_new:hover,
.le-hero-dark_new .le-hero-btn-primary_new:hover{
    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #397cff,
            #0757f9
        );

    box-shadow:
        0 24px 48px rgba(11,99,255,.39),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.le-hero-light_new .le-hero-btn-secondary_new,
.le-hero-dark_new .le-hero-btn-secondary_new{
    color:var(--hero-secondary-color);
    background:var(--hero-secondary-bg);
    border:1px solid var(--hero-secondary-border);

    box-shadow:
        0 14px 32px var(--hero-secondary-shadow),
        inset 0 1px 0 rgba(255,255,255,.08);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.le-hero-light_new .le-hero-btn-secondary_new:hover,
.le-hero-dark_new .le-hero-btn-secondary_new:hover{
    color:var(--hero-secondary-hover-color);
    background:var(--hero-secondary-hover-bg);
    border-color:var(--hero-secondary-hover-border);

    box-shadow:
        0 19px 40px var(--hero-secondary-hover-shadow),
        inset 0 1px 0 rgba(255,255,255,.10);
}

/* Même fondu, mêmes positions et mêmes pourcentages */

.le-hero-light_new .le-hero-image_new::before,
.le-hero-dark_new .le-hero-image_new::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:2;

    background:
        linear-gradient(
            90deg,
            var(--hero-fade-solid) 0%,
            var(--hero-fade-98) 4%,
            var(--hero-fade-88) 12%,
            var(--hero-fade-62) 24%,
            var(--hero-fade-30) 38%,
            var(--hero-fade-08) 55%,
            transparent 72%
        );

    pointer-events:none;
}

.le-hero-light_new .financement-point_new,
.le-hero-dark_new .financement-point_new{
    border-color:var(--hero-card-border);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(37,99,235,.08),
            transparent 42%
        ),
        var(--hero-card-bg);

    box-shadow:
        0 14px 34px var(--hero-card-shadow),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.le-hero-light_new .financement-point_new strong,
.le-hero-dark_new .financement-point_new strong{
    color:var(--hero-card-title);
}

.le-hero-light_new .financement-point_new span,
.le-hero-dark_new .financement-point_new span{
    color:var(--hero-card-text);
}

/* ==================================================
   FEATURES
================================================== */

.le-hero-features_new{
    width:100%;

    display:flex;
    align-items:stretch;
    flex-wrap:wrap;

    gap:18px 28px;
    margin-top:42px;
}

.le-hero-feature_new{
    min-width:0;
    min-height:54px;

    display:flex;
    align-items:center;
    gap:13px;
}

.le-hero-feature_new svg{
    width:32px;
    height:32px;
    flex:0 0 32px;

    fill:none;
    stroke:#0b63ff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.le-hero-feature-mask_new{

    width:28px;
    height:28px;

    flex:0 0 24px;
    display:block;

    background:currentColor;

    -webkit-mask:var(--hero-feature-icon) center / contain no-repeat;
    mask:var(--hero-feature-icon) center / contain no-repeat;

}


.le-hero-feature-mask_new span{

    width:28px;
    height:28px;

    flex:0 0 24px;
    display:block;

    background:currentColor;

    -webkit-mask:var(--hero-feature-icon) center / contain no-repeat;
    mask:var(--hero-feature-icon) center / contain no-repeat;

}

.le-hero-feature_new span{
    font-size:15px;
    font-weight:700;
    line-height:1.4;
}

.le-hero-light_new .le-hero-feature_new span,
.le-hero-dark_new .le-hero-feature_new span{
    color:var(--hero-feature-color);
}

.ouvrir-hero-features_new{
    gap:0;
}

.ouvrir-hero-features_new .le-hero-feature_new{
    position:relative;
    padding:0 20px;
}

.ouvrir-hero-features_new .le-hero-feature_new:first-child{
    padding-left:0;
}

.ouvrir-hero-features_new .le-hero-feature_new:last-child{
    padding-right:0;
}

.ouvrir-hero-features_new .le-hero-feature_new:not(:last-child)::after{
    content:"";

    position:absolute;
    top:50%;
    right:0;

    width:1px;
    height:42px;

    transform:translateY(-50%);
}

.le-hero-light_new .ouvrir-hero-features_new
.le-hero-feature_new:not(:last-child)::after,
.le-hero-dark_new .ouvrir-hero-features_new
.le-hero-feature_new:not(:last-child)::after{
    background:var(--hero-divider);
}


/* ==================================================
   VAGUE PREMIUM — ACTIVATION MANUELLE
================================================== */

.le-hero_new.le-hero-wave_new::after{
    content:"";

    position:absolute;
    left:-1px;
    right:-1px;
    bottom:-2px;
    z-index:50;

    width:calc(100% + 2px);
    height:145px;

    pointer-events:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 150' preserveAspectRatio='none'%3E%3Cpath fill='%23eaf1ff' fill-opacity='.34' d='M0 54C196 90 362 115 560 90C770 63 912 23 1113 56C1280 84 1420 91 1600 55V150H0Z'/%3E%3Cpath fill='%23ffffff' d='M0 69C190 100 370 124 574 96C792 66 925 39 1126 68C1303 94 1445 97 1600 72V150H0Z'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;

    filter:drop-shadow(0 -8px 18px rgba(7,87,249,.08));
}

.le-hero_description_new.le-hero-wave_new::after{
    content:"";

    position:absolute;
    left:-1px;
    right:-1px;
    bottom:-2px;
    z-index:50;

    width:calc(100% + 2px);
    height:145px;

    pointer-events:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 150' preserveAspectRatio='none'%3E%3Cpath fill='%23eaf1ff' fill-opacity='.34' d='M0 54C196 90 362 115 560 90C770 63 912 23 1113 56C1280 84 1420 91 1600 55V150H0Z'/%3E%3Cpath fill='%23ffffff' d='M0 69C190 100 370 124 574 96C792 66 925 39 1126 68C1303 94 1445 97 1600 72V150H0Z'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;

    filter:drop-shadow(0 -8px 18px rgba(7,87,249,.08));
}

/* ==================================================
   PAGE ACCUEIL
================================================== */

.home-page_new .le-hero-container_new{
    min-height:clamp(720px,48vw,840px);
}

.home-page_new .le-hero-check_new{
    gap:11px;
}

.home-page_new .le-hero-check_new > span{
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    flex-basis:32px;
}

.home-page_new .le-hero-check_new p{
    margin:0 !important;
    padding:0 !important;
align-items:center;

    line-height:1.4;
}

/* ==================================================
   GRAND DESKTOP — 1561px ET PLUS
   Conservation stricte du rendu validé
================================================== */

@media (min-width:1561px){


.hero-equipements-subtitle_new {
        top: -8px !important;
}

.le-hero-subtitle_new.hero-equipements-subtitle_new{
    position: relative;
    top: -8px !important;
}

    .le-hero-content_new{
        --hero-label-row:34px;
        --hero-title-row:260px;
        --hero-text-row:180px;
        --hero-extra-row:105px;
        --hero-actions-row:30px;
        --hero-bottom-row:10px;

        min-height:880px;
        align-content:start;

        grid-template-rows:
            minmax(var(--hero-label-row),auto)
            minmax(var(--hero-title-row),auto)
            minmax(var(--hero-text-row),auto)
            minmax(var(--hero-extra-row),auto)
            minmax(var(--hero-actions-row),auto)
            minmax(var(--hero-bottom-row),auto);
    }

    .le-hero-subtitle_new{
        grid-row:1;
        align-self:start;
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        grid-row:2;
        height:auto;
        min-height:0;
        margin:24px 0 0;
        display:block;
        overflow:visible;
    }

    .le-hero-content_new > p{
        grid-row:3;
        height:auto;
        min-height:0;
        margin:0;
        display:block;
        overflow:visible;
    }

    .financement-points_new,
    .le-hero-features_new{
        grid-row:4;
        min-height:0;
        max-height:none;
        margin:0;
        align-self:center;
    }

    .le-hero-buttons_new{
        grid-row:5;
        height:auto;
        min-height:var(--hero-actions-row);
        margin:0;
        align-self:start;
    }

    .le-hero-check_new{
        grid-row:6;
        min-height:0;
        margin-top:0;
        align-self:start;
    }

    .le-hero-content_new:not(:has(.financement-points_new)):not(:has(.le-hero-features_new))::after{
        content:"";
        grid-row:4;
        width:100%;
        height:var(--hero-extra-row);
        pointer-events:none;
    }

    .le-hero-buttons_new .le-hero-btn_new:only-child{
        width:290px;
        flex:0 0 290px;
    }

    .le-hero-buttons_new:has(.le-hero-btn_new:nth-child(2)) .le-hero-btn_new{
        flex:0 1 auto;
        min-width:290px;
    }

    .financement-point_new strong{
        min-height:24px;
        display:flex;
        align-items:center;
    }

    .financement-point_new span{
        min-height:34px;
        display:flex;
        align-items:flex-start;
    }

    /* Planchers et non hauteurs fixes : rendu identique
       tant que le contenu tient, extension sinon. */

    .le-hero_new,
    .le-hero_description_new{
        position:relative !important;
        min-height:880px !important;
    }

    .le-hero-container_new{
        position:relative !important;
        min-height:850px !important;
    }

    .le-hero-content_new{
        position:relative !important;
        min-height:850px !important;
        padding-top:150px !important;
        align-content:start !important;
        justify-content:stretch !important;
    }

    .le-hero-subtitle_new{
        position:absolute !important;
        top:0;
        left:max(58px,calc((100vw - 1700px) / 2 + 58px)) !important;
        margin:0 !important;
        transform:none !important;
    }

    .hero-expertise-subtitle,
    .hero-guide-subtitle_new,
    .hero-methode-subtitle_new,
    .hero-financement-subtitle_new{
        top:-8px !important;
    }

    .hero-expertise-buttons{
        margin-top:-80px !important;
    }

    .hero-guide-title_new,
    .hero-financement-title_new{
        margin:18px 0 0 !important;
    }

    .hero-guide-text_new,
    .hero-financement-text_new{
        margin-top:-15px !important;
    }

    .hero-guide-features_new{
        margin-top:-10px !important;
    }

    .hero-methode-text_new{
        margin-top:50px !important;
    }

    .hero-financement-points_new{
        margin-top:-60px !important;
    }
}

@media (min-width:1101px) and (max-width:1560px){
      
          .hero-methode-text-responsive_new {
        margin-top: 60px !important;
    }
    
    .hero-financement-points_new{
        margin-top:40px !important;
    }
    
    .financement-points_new, .le-hero-features_new{
                width: 110% !important;
    }
    
    .le-hero-feature_new span {
        font-size: 13px !important;
    }
    
    .ouvrir-hero-features_new .le-hero-feature_new{
    padding:0 10px !important;
}

    .equipements-points-new {
    margin-top: 0px !important;
}
            .hero-financement-point_new{
        margin-top:40px !important;
    }
    
    .hero-financement-text_new {
                margin-top:20px !important;
    }
    
    .hero-guide-features_new {
        
    }
    

    
    .responsive-p-accueil {
        margin-top: 20px !important;
    }
    
    .responsive-btn-accueil {
        margin-top: -40px !important;
    }
}

/* ==================================================
   DESKTOP INTERMÉDIAIRE — 1101px À 1560px
================================================== */

@media (min-width:1101px) and (max-width:1560px){

    .le-hero_new,
    .le-hero_description_new,
    .le-hero-light_new,
    .le-hero-dark_new,
    .le-hero-light_new .le-hero-container_new,
    .le-hero-dark_new .le-hero-container_new{
        height:auto !important;
        min-height:760px !important;
    }

    .le-hero-container_new{
        height:auto !important;
        min-height:760px !important;
        grid-template-columns:minmax(0,52%) minmax(0,48%);
    }

    .le-hero-content_new{
        width:100%;
        height:auto !important;
        min-height:760px !important;

        padding:
            clamp(112px,9vw,140px)
            clamp(22px,2.2vw,34px)
            90px
            clamp(32px,3.4vw,52px) !important;

        display:grid;
        grid-template-rows:
            minmax(34px,auto)
            minmax(clamp(180px,15vw,225px),auto)
            minmax(clamp(120px,11vw,160px),auto)
            minmax(clamp(90px,8vw,110px),auto)
            minmax(60px,auto)
            minmax(42px,auto);

        align-content:start !important;
        align-items:start;
        row-gap:0;
    }

    .le-hero-subtitle_new{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        grid-row:1;
        margin:0;
        transform:none !important;
        font-size:clamp(10px,.9vw,12px);
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        grid-row:2;
        width:100%;
        max-width:720px;
        height:auto !important;
        min-height:0 !important;
        margin:20px 0 0 !important;
        display:block !important;
        overflow:visible !important;
        font-size:clamp(39px,3.6vw,52px);
        line-height:1.07;
        letter-spacing:-1.25px;
    }

    .le-hero-content_new > p{
        grid-row:3;
        width:100%;
        max-width:590px;
        height:auto !important;
        min-height:0 !important;
        margin:0 ;
        padding:0 !important;
        overflow:visible !important;
        font-size:clamp(15px,1.15vw,17px);
        line-height:1.65;
    }

    .financement-points_new,
    .le-hero-features_new{
        grid-row:4;
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0;
        align-self:center;
    }

    .financement-points_new{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:9px;
    }

    .financement-point_new{
        min-height:78px;
        padding:11px;
        grid-template-columns:36px minmax(0,1fr);
        gap:9px;
        border-radius:13px;
    }

    .financement-point-icon_new,
    .financement-point-icon_new svg{
        width:36px;
        height:36px;
    }

    .financement-point_new strong{
        min-height:0;
        font-size:13px;
        line-height:1.25;
    }

    .financement-point_new span{
        min-height:0;
        font-size:11.5px;
        line-height:1.3;
    }

    .le-hero-buttons_new{
        grid-row:5;
        width:100%;
        height:auto !important;
        min-height:56px !important;
        display:flex;
        align-items:stretch;
        flex-wrap:nowrap;
        gap:10px;
    }

    .le-hero-btn_new{
        min-width:0 !important;
        min-height:56px;
        padding:0 15px;
        gap:8px;
        border-radius:12px;
        font-size:clamp(12px,.95vw,14px);
    }

    .le-hero-buttons_new .le-hero-btn_new:only-child{
        width:auto;
        flex:0 1 290px;
    }

    .le-hero-buttons_new:has(.le-hero-btn_new:nth-child(2)) .le-hero-btn_new{
        min-width:0 !important;
        flex:1 1 0;
    }

    .le-hero-btn_new svg{
        width:18px;
        height:18px;
        flex-basis:18px;
    }

    .le-hero-check_new{
        grid-row:6;
        min-height:0;
        margin:0;
        align-self:start;
    }

    .le-hero-check_new > p{
        width:auto;
        height:auto !important;
        margin:0 ;
        overflow:visible !important;
    }

    .le-hero-image_new{
        height:100%;
        min-height:760px;
    }

    .hero-expertise-subtitle,
    .hero-guide-subtitle_new,
    .hero-methode-subtitle_new,
    .hero-financement-subtitle_new{
        top:auto !important;
    }

    .hero-expertise-buttons,
    .hero-guide-text_new,
    .hero-guide-features_new,
    .hero-methode-text_new,
    .hero-financement-text_new,
    .hero-financement-points_new{
        margin-top:0 ;
    }

    .hero-guide-title_new,
    .hero-financement-title_new{
        margin-top:20px !important;
    }
}


/* ==================================================
   TABLETTE — 761px À 1100px
================================================== */

@media (min-width:761px) and (max-width:1100px){

    .le-hero_new,
    .le-hero_description_new,
    .le-hero-container_new,
    .le-hero-light_new,
    .le-hero-dark_new,
    .le-hero-light_new .le-hero-container_new,
    .le-hero-dark_new .le-hero-container_new{
        height:auto !important;
        min-height:auto !important;
    }

.ouvrir_new {
    margin-top: -10px !important;
    margin-bottom: 50px !important;
}

    .le-hero-container_new{
        position:relative;
        display:block;
        width:100%;
        overflow:hidden;
    }

    .le-hero-image_new{
        position:absolute;
        inset:0;
        z-index:0;
        width:100%;
        min-height:0;
        clip-path:none;
    }

    .le-hero-image_new img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transform:scale(1.02);
    }

    .le-hero-light_new .le-hero-image_new::before,
    .le-hero-dark_new .le-hero-image_new::before{
        background:
            radial-gradient(circle at 50% 15%,rgba(37,99,235,.10),transparent 36%),
            linear-gradient(180deg,var(--hero-mobile-95) 0%,var(--hero-mobile-92) 42%,var(--hero-mobile-98) 78%,var(--hero-mobile-solid) 100%);
    }

    .le-hero-content_new{
        position:relative;
        z-index:3;
        width:min(760px,100%);
        height:auto !important;
        min-height:auto !important;
        margin:0 auto;
        padding:110px 30px 105px;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        text-align:center;
    }

    .le-hero-subtitle_new{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        margin:0 auto 24px !important;
        transform:none !important;
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        width:100%;
        max-width:680px;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto 26px !important;
        display:block !important;
        overflow:visible !important;
        font-size:clamp(38px,6vw,48px);
        line-height:1.08;
        letter-spacing:-1.1px;
        text-align:center;
    }

    .le-hero-content_new > p{
        width:100%;
        max-width:620px;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto 38px !important;
        overflow:visible !important;
        font-size:16px;
        line-height:1.68;
        text-align:center;
    }

    .financement-points_new{
        width:min(650px,100%);
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 auto 38px !important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .financement-point_new{
        min-height:120px;
        padding:14px 10px;
        grid-template-columns:1fr;
        grid-template-rows:42px auto;
        justify-items:center;
        gap:8px;
        text-align:center;
    }

    .financement-point_new > div{
        width:100%;
    }

    .financement-point_new strong,
    .financement-point_new span{
        min-height:0;
        display:block;
        text-align:center;
    }

    .le-hero-buttons_new{
        width:min(620px,100%);
        height:auto !important;
        min-height:0 !important;
        margin:0 auto !important;
        display:flex;
        flex-wrap:nowrap;
        gap:12px;
    }

    .le-hero-btn_new{
        flex:1 1 0;
        width:auto;
        min-width:0 !important;
        min-height:59px;
    }

    .le-hero-check_new{
        margin:30px auto 0 !important;
        justify-content:center;
    }

    .le-hero-check_new > p{
        width:auto;
        height:auto !important;
        margin:0;
        overflow:visible !important;
    }

    .le-hero-features_new{
        width:min(650px,100%);
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:38px auto 0 ;
        justify-content:center;
    }

    .ouvrir-hero-features_new{
        gap:16px 24px;
    }

    .ouvrir-hero-features_new .le-hero-feature_new{
        padding:0;
    }

    .ouvrir-hero-features_new .le-hero-feature_new::after{
        display:none;
    }

    .hero-expertise-subtitle,
    .hero-guide-subtitle_new,
    .hero-methode-subtitle_new,
    .hero-financement-subtitle_new{
        top:auto !important;
    }

    .hero-expertise-buttons,
    .hero-guide-title_new,
    .hero-guide-text_new,
    .hero-guide-features_new,
    .hero-methode-text_new,
    .hero-financement-title_new,
    .hero-financement-text_new,
    .hero-financement-points_new{
        margin-top:0 !important;
    }

    .le-hero_new.le-hero-wave_new::after,
    .le-hero_description_new.le-hero-wave_new::after{
        height:88px;
    }
}


/* ==================================================
   MOBILE — 760px ET MOINS
================================================== */

@media (max-width:760px){

    .le-hero_new,
    .le-hero_description_new,
    .le-hero-container_new,
    .le-hero-light_new,
    .le-hero-dark_new,
    .le-hero-light_new .le-hero-container_new,
    .le-hero-dark_new .le-hero-container_new{
        height:auto !important;
        min-height:auto !important;
    }

.ouvrir_new {
    margin-bottom: 20px !important;
}

    .le-hero-container_new{
        position:relative;
        display:block;
        width:100%;
        overflow:hidden;
    }

    .le-hero-image_new{
        position:absolute;
        inset:0;
        z-index:0;
        width:100%;
        min-height:0;
        clip-path:none;
    }

    .le-hero-image_new img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transform:scale(1.02);
    }

    .le-hero-light_new .le-hero-image_new::before,
    .le-hero-dark_new .le-hero-image_new::before{
        background:
            radial-gradient(circle at 50% 15%,rgba(37,99,235,.10),transparent 36%),
            linear-gradient(180deg,var(--hero-mobile-95) 0%,var(--hero-mobile-92) 42%,var(--hero-mobile-98) 78%,var(--hero-mobile-solid) 100%);
    }

    .le-hero-content_new{
        position:relative;
        z-index:3;
        width:100%;
        height:auto !important;
        min-height:auto !important;
        margin:0 auto;
        padding:95px 22px 90px;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        text-align:center;
    }

    .le-hero-subtitle_new{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        min-height:29px;
        margin:0 auto 21px !important;
        padding:0 12px;
        transform:none !important;
        font-size:10px;
        letter-spacing:.65px;
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        width:100%;
        max-width:520px;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto 22px !important;
        display:block !important;
        overflow:visible !important;
        font-size:clamp(32px,9vw,41px);
        line-height:1.09;
        letter-spacing:-.8px;
        text-align:center;
    }

    .le-hero-content_new > p{
        width:100%;
        max-width:520px;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto 34px !important;
        overflow:visible !important;
        font-size:15px;
        line-height:1.62;
        text-align:center;
    }

    .financement-points_new{
        width:min(470px,100%);
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 auto 32px !important;
        grid-template-columns:1fr;
        gap:10px;
    }

    .financement-point_new{
        width:100%;
        min-height:64px;
        padding:11px 14px;
        grid-template-columns:38px minmax(0,1fr);
        grid-template-rows:auto;
        justify-items:start;
        align-items:center;
        gap:11px;
        text-align:left;
    }

    .financement-point-icon_new,
    .financement-point-icon_new svg{
        width:38px;
        height:38px;
    }

    .financement-point_new > div{
        width:100%;
    }

    .financement-point_new strong,
    .financement-point_new span{
        min-height:0;
        display:block;
        text-align:left;
    }

    .le-hero-buttons_new{
        width:min(470px,100%);
        height:auto !important;
        min-height:0 !important;
        margin:0 auto !important;
        flex-direction:column;
        gap:11px;
    }

    .le-hero-btn_new,
    .le-hero-buttons_new .le-hero-btn_new:only-child,
    .le-hero-buttons_new:has(.le-hero-btn_new:nth-child(2)) .le-hero-btn_new{
        width:100%;
        min-width:0 !important;
        min-height:56px;
        flex:none;
        padding:0 18px;
        font-size:14px;
    }

    .le-hero-check_new{
        margin:26px auto 0 !important;
        justify-content:center;
        gap:10px;
    }

    .le-hero-check_new > span{
        width:30px;
        height:30px;
        min-width:30px;
        min-height:30px;
        flex-basis:30px;
        font-size:14px;
    }

    .le-hero-check_new > p{
        width:auto;
        height:auto !important;
        margin:0;
        overflow:visible !important;
        font-size:13.5px;
    }

    .le-hero-features_new{
        width:min(470px,100%);
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:32px auto 0;
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }

    .le-hero-feature_new{
        justify-content:flex-start;
        text-align:left;
    }

    .ouvrir-hero-features_new .le-hero-feature_new{
        padding:0;
    }

    .ouvrir-hero-features_new .le-hero-feature_new::after{
        display:none;
    }

    .hero-expertise-subtitle,
    .hero-guide-subtitle_new,
    .hero-methode-subtitle_new,
    .hero-financement-subtitle_new{
        top:auto !important;
    }

    .hero-expertise-buttons,
    .hero-guide-title_new,
    .hero-guide-text_new,
    .hero-guide-features_new,
    .hero-methode-text_new,
    .hero-financement-title_new,
    .hero-financement-text_new,
    .hero-financement-points_new{
        margin-top:0 !important;
    }

    .le-hero_new.le-hero-wave_new::after,
    .le-hero_description_new.le-hero-wave_new::after{
        height:64px;
    }
}


/* ==================================================
   PETITS MOBILES — 430px ET MOINS
================================================== */

@media (max-width:430px){

    .le-hero-content_new{
        padding:92px 16px 82px;
    }

    .le-hero-subtitle_new{
        min-height:28px;
        margin-bottom:18px !important;
        padding:0 10px;
        font-size:9.5px;
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        margin-bottom:20px !important;
        font-size:31px;
        line-height:1.11;
        letter-spacing:-.7px;
    }

    .le-hero-content_new > p{
        margin-bottom:30px !important;
        font-size:14px;
        line-height:1.6;
    }

    .le-hero-btn_new,
    .le-hero-btn-primary_new,
    .le-hero-btn-secondary_new{
        min-height:54px;
        padding:0 14px;
        border-radius:11px;
        font-size:13.5px;
    }

    .le-hero-btn_new svg{
        width:19px;
        height:19px;
        flex-basis:19px;
    }

    .financement-points_new{
        gap:9px;
        margin-bottom:28px !important;
    }

    .financement-point_new{
        min-height:60px;
        padding:10px 12px;
        grid-template-columns:36px minmax(0,1fr);
        gap:10px;
        border-radius:13px;
    }

    .financement-point-icon_new,
    .financement-point-icon_new svg{
        width:36px;
        height:36px;
    }

    .financement-point_new strong{
        font-size:13px;
    }

    .financement-point_new span{
        font-size:11.5px;
    }

    .le-hero-check_new{
        margin-top:23px !important;
    }

    .le-hero-check_new > span{
        width:28px;
        height:28px;
        min-width:28px;
        min-height:28px;
        flex-basis:28px;
        font-size:13px;
    }

    .le-hero-check_new > p{
        font-size:12.5px;
    }
}


/* ==================================================
   TRÈS PETITS ÉCRANS — 340px ET MOINS
================================================== */

@media (max-width:340px){

    .le-hero-content_new{
        padding-left:11px;
        padding-right:11px;
    }

    .le-hero_new h1,
    .le-hero_description_new h1{
        font-size:28px;
    }

    .le-hero-content_new > p{
        font-size:13.5px;
    }

    .le-hero-btn_new{
        min-height:52px;
        padding:0 11px;
        font-size:12.5px;
    }

    .le-hero-check_new{
        gap:8px;
    }

    .le-hero-check_new > p{
        font-size:12px;
    }
}


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

@media (hover:none){

    .le-hero-btn_new:hover{
        transform:none;
    }

    .le-hero_new:hover .le-hero-image_new img,
    .le-hero_description_new:hover .le-hero-image_new img{
        transform:scale(1.02);
        filter:none;
    }
}

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

    .le-hero_new *,
    .le-hero_new *::before,
    .le-hero_new *::after,
    .le-hero_description_new *,
    .le-hero_description_new *::before,
    .le-hero_description_new *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }
}


@media (max-width:761px){

    .ouvrir_new{
        width:100%;
        max-width:430px;

        display:flex;
        flex-direction:column;
        gap:12px;

        margin:30px auto 0;
        padding:0 12px;

        box-sizing:border-box;
    }

    .ouvrir_new .le-hero-feature_new,
    .ouvrir_new .le-hero-feature_new:first-child,
    .ouvrir_new .le-hero-feature_new:last-child{
        width:100%;
        min-width:0;
        max-width:none;

        display:grid;
        grid-template-columns:32px minmax(0,1fr);
        align-items:center;
        column-gap:14px;

        margin:0 !important;
        padding:14px 18px !important;

        box-sizing:border-box;

        border:1px solid rgba(255,255,255,.12);
        border-radius:16px;

        background:rgba(255,255,255,.06);
        backdrop-filter:blur(10px);

        text-align:left;

        transform:none !important;
        left:auto !important;
        right:auto !important;
    }

    .ouvrir_new .le-hero-feature_new svg,
    .ouvrir_new .le-hero-feature_new:first-child svg{
        display:block;

        width:22px;
        height:22px;

        min-width:22px;
        max-width:22px;

        margin:0 !important;
        padding:0 !important;

        justify-self:center;

        transform:none !important;
    }

    .ouvrir_new .le-hero-feature_new > span,
    .ouvrir_new .le-hero-feature_new:first-child > span{
        display:block;

        width:auto;
        min-width:0;

        margin:0 !important;
        padding:0 !important;

        font-size:15px;
        font-weight:700;
        line-height:1.35;

        text-align:left;

        transform:none !important;
    }

    .ouvrir_new .le-hero-feature_new br{
        display:none;
    }

}

.hero-guide-intro_new{
    display:block;

    margin-bottom:14px;

    color:#ffffff;

    font-size:22px;
    font-weight:900;
    line-height:1.35;
}

/* ==================================================
   COMPTEURS HERO ACTUALITÉS
================================================== */

.news-hero-stats{
    grid-row:4;

    align-self:center;

    display:flex;
    gap:0;

    width:max-content;

    margin:0;

    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;

    overflow:hidden;

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(14px);
}

.news-hero-stat{
    min-width:170px;
    padding:20px 28px;
    position:relative;
}

.news-hero-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:20%;
    width:1px;
    height:60%;
    background:rgba(255,255,255,.12);
}

.news-hero-counter{
    display:block;
    font-size:42px;
    line-height:1;
    font-weight:900;
    color:#fff;
    margin-bottom:6px;
}

.news-hero-stat span{
    color:rgba(255,255,255,.72);
    font-size:14px;
    font-weight:700;
}


/* MOBILE */

@media(max-width:768px){

    .news-hero-stats{
        width:100%;
        margin-top:27px;
    }

    .news-hero-stat{
        flex:1;
        min-width:0;
        padding:17px 18px;
    }

    .news-hero-counter{
        font-size:29px;
    }

}

/* ==================================================
   HERO BLOG
================================================== */

.hero-blog_new .le-hero-content_new{

    grid-template-rows:
        minmax(34px,auto)     /* label */
        minmax(185px,auto)    /* titre */
        minmax(150px,auto)    /* texte */
        minmax(95px,auto);    /* statistiques */

}

.hero-blog_new .news-hero-stats{

    grid-row:4;

    display:flex;
    align-items:center;

    width:max-content;

    margin:0;

    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;

    overflow:hidden;

    background:rgba(255,255,255,.05);
    backdrop-filter:blur(14px);

}

.hero-blog_new .news-hero-stat{

    position:relative;

    min-width:170px;

    padding:22px 28px;

}

.hero-blog_new .news-hero-stat:not(:last-child)::after{

    content:"";

    position:absolute;

    top:20%;
    right:0;

    width:1px;
    height:60%;

    background:rgba(255,255,255,.12);

}

.hero-blog_new .news-hero-counter{

    display:block;

    margin-bottom:6px;

    color:#fff;

    font-size:44px;
    font-weight:900;
    line-height:1;

}

.hero-blog_new .news-hero-stat span{

    color:rgba(255,255,255,.70);

    font-size:14px;
    font-weight:700;

}

.hero-guide-features_new .hero-guide-feature-image_new{
    display:block;

    width:28px;
    height:28px;
    flex:0 0 28px;

    object-fit:contain;
}

.hero-guide-features_new .le-hero-feature_new > svg,
.hero-guide-features_new .hero-guide-feature-image_new{
    width:28px;
    height:28px;
    flex:0 0 28px;
}

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

    width:22px;
    height:22px;

    object-fit:contain;
}