/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/





/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.secteur-card__icon svg { width: 24px; height: 24px; }

.hero-title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #000000;
    line-height: 1.1;
    margin-bottom: 24px;
    font-size: clamp(28px, 5vw, 66px);
}
.hero-title2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #000000;
    line-height: 1.1;
    margin-bottom: 24px;
    font-size: clamp(24px, 5vw, 56px);
      margin-left: auto;
    margin-right: auto;
}

.hero-title3 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #000000;
    line-height: 1.1;
    margin-bottom: 24px;
    font-size: clamp(19px, 4vw, 45px);
    margin-left: auto;
    margin-right: auto;
}


.hero-title-accent {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 1200;
    color: #F97316;
    font-size: clamp(28px, 5vw, 74px);
}


.hero__word-wrap {
  display: inline-block;
  min-width: 10rem;
  padding-left: 0.08em;
  
}
.hero__word-wrap2 {
  display: inline-block;
  min-width: 10rem;
  padding-left: 0.08em;
  
}

#rotating-word {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 1200;
    color: #F97316;
    font-size: clamp(28px, 5vw, 74px);
    display: inline-block;
    padding-left: 0.08em;

    transition: opacity 0.3s ease, transform 0.3s ease;
  
}

#rotating-word.is-changing {
  opacity: 0;
  transform: translateY(6px);
}


#rotating-word-2 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 700;
  color: #F97316;
  font-size: clamp(28px, 5vw, 74px);
  display: inline-block;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#rotating-word-2.is-changing {
  opacity: 0;
  transform: translateY(6px);
}

.kl-hero-02__image img {
filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.25));

}





.badge-pill {
    display: inline-block;
    padding: 6px 16px;
    background-color: #F3F4F6;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
  margin-top: 30px;
}
.badge-pillOrange {
    display: inline-block;
    padding: 6px 16px;
    background-color: #F9EDE8;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

  .badge-pillOrange2 {
    display: inline-block;
    padding: 6px 16px;
    background-color: #FFEDD5;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}




.badge-pillBleu {
    display: inline-block;
    padding: 6px 16px;
    background-color: #BDEAFE;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;
}  

.badge-pillBleu2 {
    display: inline-block;
    padding: 6px 16px;
    background-color: #DBEAFE;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;
}  

  .badge-pillVert {
    display: inline-block;
    padding: 6px 16px;
    background-color: #DCFCE7;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}
  .badge-pillVert2 {
    display: inline-block;
    padding: 6px 16px;
    background-color: #CCFBF1;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}

  .badge-pillViolet {
    display: inline-block;
    padding: 6px 16px;
    background-color: #F3E8FF;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}
  .badge-pillJaune {
    display: inline-block;
    padding: 6px 16px;
    background-color: #FEF9C3;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}

  .badge-pillRose {
    display: inline-block;
    padding: 6px 16px;
    background-color: #FEE2E2;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}

  .badge-pillRose2 {
    display: inline-block;
    padding: 6px 16px;
    background-color: #FCE7F3;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
    
}





  .badge-pillViolet2 {
    display: inline-block;
    padding: 6px 16px;
    background-color: #E0E7FF;
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    text-align: center;
    width: fit-content;  
     
}   





.feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.feature-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #374151; /* gris premium */
}

/* Icône check */.feature-list li {
  display: flex;
  align-items: flex-start; /* ou center selon rendu */
  gap: 0.6rem;
  margin-bottom: 1rem;
}

.check {
  font-size: 1.3rem;
  font-weight: 300;
  color: #f97316;
  line-height: 1;
  transform: translateY(0.1em); /* micro-ajustement */
}
.num {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
  margin-right: 6px;
}

.plan-card {
  background: #f0f1F4; /* fond gris intégré */
  border-radius: 1rem;

  padding: 1.25rem; /* espace autour de l'image */

  border: 1px solid #e5e7eb; /* contour gris léger */

  box-shadow: 
    0 40px 80px rgba(0, 0, 0, 0.08),
    0 15px 30px rgba(0, 0, 0, 0.04);

  overflow: hidden;
}

.plan-card__image {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 1rem; /* arrondi interne */
}


.kl-footer__byline {
  display: none;
}

.secteurs { padding-top: 24px; padding-bottom: 24px; }
.secteurs__inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.secteurs__header { text-align: center; margin-bottom: 40px; }
.secteurs__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.secteur-card { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 24px; }
.secteur-card__icon { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.secteur-card__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; }
.secteur-card__icon--blue { background: #EFF6FF; color: #3B82F6; }
.secteur-card__icon--green { background: #F0FDF4; color: #22C55E; }
.secteur-card__icon--purple { background: #F5F3FF; color: #A855F7; }
.secteur-card__icon--red { background: #FEF2F2; color: #EF4444; }
.secteur-card h3 { font-size: 1rem; font-weight: 600; color: #1F2937; margin-bottom: 8px; }
.secteur-card p { font-size: 0.875rem; color: #6B7280; line-height: 1.6; }
@media (max-width: 768px) { .secteurs__grid { grid-template-columns: 1fr; } }

* Petits textes orange sur fond blanc : orange un cran plus foncé (5,1:1) */
.kl-featured-card__preheader,
.kl-rich-text__preheader {
  color: #c2410c !important;
}


/* Label "Ils nous font confiance" : gris foncé lisible (7:1) */
.trust-bar__label {
  color: #4b5563 !important;
}