.elementor-kit-16{--e-global-color-primary:#36A887;--e-global-color-secondary:#14211D;--e-global-color-text:#4A5A55;--e-global-color-accent:#EA4215;--e-global-color-kgreend:#1E7A60;--e-global-color-kdeep:#0F3D30;--e-global-color-ksoft:#F4F7F6;--e-global-color-kline:#E1E9E6;--e-global-color-kwhite:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-1.5px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-kh1-font-family:"Montserrat";--e-global-typography-kh1-font-size:88px;--e-global-typography-kh1-font-weight:600;--e-global-typography-kh1-line-height:1.04em;--e-global-typography-kh1-letter-spacing:-3px;--e-global-typography-kfig-font-family:"Montserrat";--e-global-typography-kfig-font-size:72px;--e-global-typography-kfig-font-weight:600;--e-global-typography-kfig-line-height:1em;--e-global-typography-kfig-letter-spacing:-3px;--e-global-typography-kkicker-font-family:"Montserrat";--e-global-typography-kkicker-font-size:12px;--e-global-typography-kkicker-font-weight:600;--e-global-typography-kkicker-text-transform:uppercase;--e-global-typography-kkicker-line-height:1.2em;--e-global-typography-kkicker-letter-spacing:2.2px;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16 h2{font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-16{--e-global-typography-primary-font-size:44px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:15px;--e-global-typography-kh1-font-size:60px;--e-global-typography-kfig-font-size:56px;--e-global-typography-kkicker-font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16{--e-global-typography-primary-font-size:34px;--e-global-typography-secondary-font-size:22px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:14px;--e-global-typography-kh1-font-size:40px;--e-global-typography-kfig-font-size:48px;--e-global-typography-kkicker-font-size:12px;}.elementor-kit-16 h2{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Kolo Créances — styles complémentaires Elementor (modules natifs + classes kolo-*)
   Déjà inclus dans le widget HTML « Kolo – styles & scripts » en bas de la page d'accueil.
   Alternative : coller dans Apparence > Personnaliser > CSS additionnel. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
:root{--k-green:#36A887;--k-green-dark:#1E7A60;--k-deep:#0F3D30;--k-orange:#EA4215;--k-ink:#14211D;--k-muted:#4A5A55;--k-soft:#F4F7F6;--k-line:#E1E9E6;--k-ease:cubic-bezier(.16,.84,.24,1);--k-sweep:cubic-bezier(.7,0,.2,1)}
body{-webkit-font-smoothing:antialiased}
.kolo-assets-wrap{padding:0!important;min-height:0!important}

/* ---------- Header ---------- */
.kolo-header{position:sticky!important;top:0;z-index:50;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,33,29,.06)}
.kolo-nav .elementor-icon-list-text{display:flex;align-items:center;gap:8px}
.kolo-nav .elementor-icon-list-text:before{content:"";width:7px;height:7px;border-radius:50%;background:transparent;transition:background .3s}
.kolo-nav .elementor-icon-list-item:first-child .elementor-icon-list-text{font-weight:600}
.kolo-nav .elementor-icon-list-item:first-child .elementor-icon-list-text:before,.kolo-nav .elementor-icon-list-item:hover .elementor-icon-list-text:before{background:var(--k-orange)}

/* ---------- Accents ---------- */
.kolo-grad{color:var(--k-green)}
.kolo-sq{display:inline-block;width:.14em;height:.14em;background:var(--k-orange);margin-left:.05em}

/* ---------- Boutons (widget Bouton + classes) ---------- */
.kolo-btn .elementor-button{display:inline-flex!important;align-items:center;gap:14px;padding:7px 7px 7px 26px!important;border-radius:999px!important;border:0!important;font-family:'Montserrat',sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1!important;white-space:nowrap;background:linear-gradient(90deg,var(--k-ink) 50%,var(--k-green) 50%) right/202% 100% no-repeat!important;color:var(--k-ink)!important;transition:background-position .6s var(--k-sweep),color .45s,gap .45s,box-shadow .45s}
.kolo-btn .elementor-button:after{content:"→";width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--k-ink);color:var(--k-green);flex:none}
.kolo-btn .elementor-button:hover{background-position:left!important;color:#fff!important;gap:22px;box-shadow:0 14px 30px -14px rgba(20,33,29,.55)}
.kolo-btn--dark .elementor-button{background:linear-gradient(90deg,var(--k-green) 50%,var(--k-ink) 50%) right/202% 100% no-repeat!important;color:#fff!important}
.kolo-btn--dark .elementor-button:after{background:var(--k-green);color:var(--k-ink)}
.kolo-btn--dark .elementor-button:hover{color:var(--k-ink)!important}
.kolo-btn--outline .elementor-button{padding:6px 6px 6px 24px!important;border:1.5px solid var(--k-ink)!important;background:linear-gradient(90deg,var(--k-ink) 50%,transparent 50%) right/202% 100% no-repeat!important}
.kolo-btn--outline .elementor-button:after{width:38px;height:38px;background:#E3F1EC;color:var(--k-ink)}
.kolo-btn--noarrow .elementor-button{padding:16px 26px!important}.kolo-btn--noarrow .elementor-button:after{display:none}
.kolo-btn--sm .elementor-button{font-size:13px!important;padding:5px 5px 5px 18px!important}.kolo-btn--sm .elementor-button:after{width:30px;height:30px;font-size:13px}
.kolo-btn--sm.kolo-btn--noarrow .elementor-button{padding:10px 18px!important}
.kolo-btn--ghost .elementor-button{pointer-events:none;background:transparent!important;border:1.5px solid #E1E9E6!important;color:#D5E2DD!important;padding:7px 7px 7px 26px!important}
.kolo-btn--ghost .elementor-button:after{background:transparent;border:1.5px solid #E1E9E6;color:transparent}

/* ---------- Hero ---------- */
.kolo-hero{position:relative;overflow:hidden}
.kolo-hero>.e-con-inner{position:static}
.kolo-hero .elementor-element:not(.kolo-outline):not(.kolo-vertical){position:relative;z-index:2}
.kolo-hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.kolo-blob{position:absolute;border-radius:50%;animation:kBlob 16s ease-in-out infinite}
.kolo-streak{position:absolute;width:140px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(30,122,96,.55));opacity:0;animation:kStreak 10s linear infinite}
.kolo-outline{position:absolute!important;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;margin:0!important;width:100%!important;max-width:none!important;transition:opacity 2.4s var(--k-ease),transform 2.8s var(--k-ease)}
.kolo-outline .elementor-heading-title{font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:clamp(220px,36vw,620px)!important;line-height:.8!important;letter-spacing:-.05em!important;color:transparent!important;-webkit-text-stroke:1.5px rgba(30,122,96,.13);white-space:nowrap;user-select:none;transform:translateY(4%)}
.kolo-vertical{position:absolute!important;right:clamp(24px,4vw,72px);top:50%;transform:translateY(-50%);width:auto!important;pointer-events:none;z-index:1;margin:0!important}
.kolo-vertical .elementor-heading-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Montserrat',sans-serif!important;font-weight:300!important;font-size:clamp(28px,3.4vw,56px)!important;letter-spacing:.18em!important;color:rgba(30,122,96,.28)!important;display:flex;align-items:center;gap:.5em}
.kolo-vertical .elementor-heading-title:after{content:"";width:.28em;height:.28em;background:var(--k-orange)}
@keyframes kStreak{0%{transform:translate(-30vw,-30vh) rotate(30deg);opacity:0}15%,85%{opacity:1}100%{transform:translate(70vw,50vh) rotate(30deg);opacity:0}}
@keyframes kBlob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4vw,-3vh) scale(1.12)}}
@keyframes kBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ---------- Étiquettes verticales (widget Titre + classe kolo-vlabel) ---------- */
.kolo-has-vlabel{position:relative}
.kolo-vlabel{position:absolute!important;left:10px;top:120px;width:auto!important;margin:0!important;z-index:3;pointer-events:none}
.kolo-vlabel .elementor-heading-title{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:14px;font-family:'Montserrat',sans-serif!important;font-weight:500!important;font-size:13px!important;letter-spacing:.34em!important;text-transform:uppercase}
.kolo-vlabel .elementor-heading-title:after{content:"";width:8px;height:8px;background:var(--k-orange)}

/* ---------- Grilles ---------- */
.kolo-grid-2,.kolo-grid-3,.kolo-grid-4{display:grid!important;gap:18px!important}
.kolo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kolo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kolo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kolo-grid-2>.e-con,.kolo-grid-3>.e-con,.kolo-grid-4>.e-con,.kolo-grid-2>.elementor-element,.kolo-grid-3>.elementor-element,.kolo-grid-4>.elementor-element{width:auto!important;max-width:none!important}

/* ---------- Chiffres clés ---------- */
.kolo-stat{background:var(--k-soft);border-radius:24px}

/* ---------- Cartes « Trois raisons » ---------- */
.kolo-card{border-radius:22px;min-height:360px;justify-content:space-between!important;background:linear-gradient(160deg,#F4F7F6,#E8F0ED);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,background .45s}
.kolo-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(15,61,48,.3);background:linear-gradient(160deg,#EEF5F2,#DCEBE5)}
.kolo-card--green,.kolo-card--green:hover{background:radial-gradient(120% 90% at 0% 0%,#6ACCAE 0%,var(--k-green) 60%)}
.kolo-card--green:hover{box-shadow:0 30px 60px -30px rgba(30,122,96,.6)}
.kolo-tile .elementor-icon{box-shadow:0 1px 0 #DCE6E2}
.kolo-card--green .kolo-tile .elementor-icon{box-shadow:none}
.kolo-kicker .elementor-heading-title{text-transform:uppercase}

/* ---------- Garantie ---------- */
.kolo-garantie{border-radius:36px;overflow:hidden;position:relative}
.kolo-garantie:before{content:"";position:absolute;width:70vw;height:70vw;max-width:1000px;max-height:1000px;right:-15%;top:-55%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);pointer-events:none}
.kolo-gcard{border-radius:22px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);min-height:340px;justify-content:space-between!important;transition:background .35s,transform .45s}
.kolo-gcard:hover{background:rgba(255,255,255,.32);transform:translateY(-4px)}

/* ---------- Écosystème ---------- */
.kolo-eco{border-radius:22px;border:1.5px solid var(--k-line);transition:transform .4s,box-shadow .4s}
.kolo-eco:hover{transform:translateY(-4px)}
.kolo-eco--kolo{border-color:transparent;background:var(--k-green);box-shadow:0 24px 50px -24px rgba(30,122,96,.7)}

/* ---------- Images (widget Image + classes) ---------- */
.kolo-img,.kolo-img .elementor-widget-container{width:100%}
.kolo-img img{width:100%!important;height:100%!important;object-fit:cover;border-radius:28px;display:block}
.kolo-img--wide img{aspect-ratio:21/8;min-height:220px}
.kolo-img--43 img{aspect-ratio:4/3}
.kolo-img--54 img{aspect-ratio:5/4;border-radius:20px}

/* ---------- Services ---------- */
.kolo-svc{border-radius:26px;background:#fff;border:1px solid var(--k-line);transition:transform .35s,box-shadow .35s}
.kolo-svc:hover{transform:translateY(-6px);box-shadow:0 34px 70px -34px rgba(15,61,48,.45)}
.kolo-svc--dark{border-color:transparent;background:radial-gradient(120% 100% at 100% 0%,var(--k-green-dark),var(--k-deep) 70%)}
.kolo-pill .elementor-heading-title{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--k-soft)}
.kolo-svc--dark .kolo-pill .elementor-heading-title{background:rgba(255,255,255,.1)}
.kolo-arrow .elementor-icon i,.kolo-arrow .elementor-icon svg{transform:rotate(-45deg);transition:transform .4s var(--k-ease)}
.kolo-svc:hover .kolo-arrow .elementor-icon i,.kolo-svc:hover .kolo-arrow .elementor-icon svg{transform:rotate(0)}
.kolo-checks .elementor-icon-list-icon{width:22px;height:22px;border-radius:50%;background:#E3F1EC;display:flex;align-items:center;justify-content:center}
.kolo-svc--dark .kolo-checks .elementor-icon-list-icon{background:rgba(255,255,255,.12)}
.kolo-checks .elementor-icon-list-item{padding:16px 0!important}

/* ---------- My Kolo ---------- */
.kolo-mykolo{border-radius:28px;background:var(--k-soft)}

/* ---------- Simulateur (widget HTML) ---------- */
.kolo-sim{background:#fff;border-radius:28px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:22px;border:1px solid var(--k-line);box-shadow:0 40px 90px -40px rgba(15,61,48,.35);font-family:'DM Sans',sans-serif}
.kolo-sim label{display:flex;flex-direction:column;gap:8px;margin:0}
.kolo-sim .row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--k-muted)}
.kolo-sim .row strong{font-family:'Montserrat',sans-serif;font-weight:600;color:var(--k-ink);white-space:nowrap}
.kolo-sim input[type=range]{width:100%;accent-color:var(--k-green);padding:0;border:0;background:none}
.kolo-sim .main{border-radius:20px;padding:24px 26px;background:var(--k-green);color:var(--k-ink);display:flex;flex-direction:column;gap:6px;font-size:14px}
.kolo-sim .main b{font-family:'Montserrat',sans-serif;font-weight:600;font-size:clamp(44px,4.6vw,64px);letter-spacing:-.04em;line-height:1}
.kolo-sim .duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.kolo-sim .duo>div{background:var(--k-soft);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--k-muted)}
.kolo-sim .duo b{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:600;color:var(--k-ink)}
.kolo-sim .duo .comm b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--k-orange);margin-right:8px;vertical-align:middle}
.kolo-sim .chart{position:relative}
.kolo-sim .chart svg{width:100%;height:auto;display:block}
.kolo-sim .chart .lbl{position:absolute;font-family:'Montserrat',sans-serif;font-size:12px;white-space:nowrap;line-height:1;color:var(--k-ink)}
.kolo-sim .disc{margin:0;font-size:12px;line-height:1.55;color:#6B7A75}

/* ---------- CTA de fin (conteneurs natifs, effet au scroll) ---------- */
.kolo-cta{position:relative;height:220vh;padding:0!important}
.kolo-stick{position:sticky!important;top:0;height:100vh;overflow:hidden;padding:0!important}
.kolo-layer{position:absolute!important;inset:0;display:flex!important;align-items:center;justify-content:center}
.kolo-layer>.e-con-inner{max-width:1100px!important}
.kolo-base{background:#fff}
.kolo-panel{background:radial-gradient(120% 120% at 20% 0%,#6ACCAE,var(--k-green) 55%)!important;clip-path:inset(30% 22% 30% 22% round 36px)}
.kolo-panel:before{content:"";position:absolute;width:70vw;height:70vw;left:-20vw;top:-30vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}

/* ---------- Footer ---------- */
.kolo-footer{overflow:hidden}
.kolo-bigword{width:100%!important;margin:0!important}
.kolo-bigword .elementor-heading-title{font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:clamp(140px,26vw,420px)!important;line-height:.72!important;letter-spacing:-.04em!important;text-align:center;color:transparent!important;-webkit-text-stroke:1.5px rgba(30,122,96,.22);margin-bottom:-.06em;white-space:nowrap;user-select:none}

/* ---------- Apparitions (pilotées par le JS) ---------- */
.kolo-js .k-anim{transition:opacity 1s var(--k-ease),transform 1.2s var(--k-ease),filter 1s var(--k-ease),clip-path 1.2s var(--k-ease),letter-spacing 1.6s var(--k-ease)!important}
.kolo-js .k-hide{opacity:0;transform:translateY(36px);filter:blur(6px)}
.kolo-js .k-hide.k-title{transform:translateY(60px) scale(.97);filter:blur(14px);clip-path:inset(0 0 96% 0)}
.kolo-js .k-in{opacity:1;transform:none;filter:none;clip-path:inset(-20%)}
.kolo-js .k-intro{opacity:0;transform:translateY(40px);filter:blur(6px)}
.kolo-js .k-intro.k-h1 .elementor-heading-title{letter-spacing:.01em!important;transition:letter-spacing 1.6s var(--k-ease)}
.kolo-js .k-intro.k-h1{filter:blur(18px)}
.kolo-js .k-intro.k-go{opacity:1;transform:none;filter:none}
.kolo-js .k-intro.k-go.k-h1 .elementor-heading-title{letter-spacing:-3px!important}
.kolo-js .kolo-outline.k-bg{opacity:0;transform:scale(1.12)}
.kolo-js .kolo-outline.k-bg.k-go{opacity:1;transform:none}
.kolo-js .kolo-header.k-intro{transform:translateY(-100%)}
.kolo-js .kolo-header.k-intro.k-go{transform:none}
.kolo-js .kolo-header.k-go{position:sticky!important}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.kolo-vlabel,.kolo-vertical{display:none!important}.kolo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.kolo-grid-3,.kolo-grid-2{grid-template-columns:1fr}.kolo-cta{height:auto}.kolo-stick{position:relative!important;height:auto}.kolo-base{display:none!important}.kolo-layer{position:relative!important;padding:96px 24px!important}.kolo-panel{clip-path:none!important}}
@media (max-width:640px){.kolo-grid-4{grid-template-columns:1fr}.kolo-btn .elementor-button{white-space:normal}}
@media (prefers-reduced-motion:reduce){.kolo-blob,.kolo-streak{animation:none!important}.kolo-streak{display:none}.kolo-js .k-hide,.kolo-js .k-intro,.kolo-js .k-bg{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.kolo-panel{clip-path:none!important}}/* End custom CSS */