.lb-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background-color: var(--color-white);
  padding: 0 32px;
  min-height: 100vh;
}

/* margin: auto 0 (plutôt que justify-content: center sur .lb-hero) centre
   .lb-wrap dans l'espace disponible AU-DESSUS de .lb-heroreassure : les deux
   sont en flux normal, donc si le viewport est trop bas pour les deux à la
   fois, .lb-hero grandit tout seul (min-height, pas de cap) et .lb-heroreassure
   suit juste en dessous — jamais de chevauchement, contrairement à l'ancien
   position: absolute qui l'ignorait complètement dans le calcul. */
.lb-hero > .lb-wrap {
  margin: auto 0;
}

/* Page dans un iframe (classe posée par js/embed.js) : 100vh = hauteur de
   l'iframe, qui s'ajuste elle-même à la hauteur de la page → le hero
   grandirait en boucle. On le laisse à sa hauteur naturelle. padding-top
   remplace le centrage vertical et dégage la nav fixe de www.legaleo.ai
   (.nav-wrapper : 80px de haut sur desktop, 78px sur mobile, mesuré) qui
   recouvre le haut de l'iframe ; surcharge aussi le padding mobile (64px). */
.is-embedded .lb-hero {
  min-height: auto;
  padding-top: 100px;
}

/* Hero « plein écran » comme en local : --embed-vh = hauteur visible de la page
   parente (posée par js/embed.js à partir d'un message du parent). Desktop
   seulement, comme le hero hors iframe (sous 640px il reste à sa hauteur
   naturelle). Le hero étant en flex colonne, .lb-wrap se recentre tout seul
   (margin: auto 0) et .lb-heroreassure reste calé en bas. */
@media (min-width: 641px) {
  .is-embedded .lb-hero {
    min-height: var(--embed-vh, auto);
  }
}

/* Reprend .iconTile de LeoIconTile.tsx (legaleo-ai/components/design-system/LeoBadge) :
   tuile 34px de référence, rayon 7/34, icône 20/34, centrée en flex. */
.lb-hero-anim {
  --leo-tile-size: 80px;
  width: var(--leo-tile-size);
  height: var(--leo-tile-size);
  margin: 0 auto 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--leo-tile-size) * 7 / 34);
  background-color: var(--color-leo-badge);
}

.lb-hero-anim-icon {
  position: relative;
  width: calc(var(--leo-tile-size) * 20 / 34);
  height: calc(var(--leo-tile-size) * 20 / 34);
}

.lb-eyebrow-wrap {
  margin-bottom: 4px;
}

.lb-h1 {
  max-width: 900px;
  margin: 18px auto 0;
  color: var(--color-black);
  font-family: var(--font-serif);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1px;
  text-wrap: balance;
}

.lb-em {
  color: var(--color-teal);
  font-style: normal;
  font-weight: 600;
}

.lb-lede {
  max-width: 660px;
  margin: 22px auto 0;
  color: var(--color-muted);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
}

/* Faux champ de prompt : décoratif, jamais interactif (pas de vrai <input>,
   masqué aux lecteurs d'écran) — fait défiler des exemples de questions en
   effet machine à écrire (voir js/main.js). min-height réserve la place de 2
   lignes pour que le champ ne saute pas entre une question courte et longue. */
.lb-heroprompt {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 600px;
  min-height: 72px;
  margin: 40px auto 0;
  padding: 6px 12px 6px 20px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 45px -20px #1f120e33;
}

.lb-heroprompt-lead {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--color-teal);
}

.lb-heroprompt-text {
  flex: 1;
  color: var(--color-black);
  font-family: var(--font-sans);
  font-size: 15.5px;
  font-weight: 600;
  text-align: left;
  line-height: 1.4;
}

.lb-heroprompt-cursor {
  display: inline-block;
  width: 2px;
  height: 16px;
  margin-left: 2px;
  vertical-align: -3px;
  background-color: var(--color-teal);
  animation: lb-cursor-blink 0.9s step-end infinite;
}

.lb-heroprompt-send {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--color-white);
  background-color: var(--color-teal);
  border-radius: 50%;
}

.lb-heroprompt-send svg {
  display: block;
  width: 16px;
  height: 16px;
}

@keyframes lb-cursor-blink {
  0%,
  50% {
    opacity: 1;
  }
  50.01%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lb-heroprompt-cursor {
    animation: none;
  }
}

@media (max-width: 640px) {
  .lb-heroprompt {
    margin-top: 22px;
    padding: 12px 10px 12px 16px;
  }

  .lb-heroprompt-text {
    font-size: 14px;
  }
}

.lb-heroreassure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 40px 0;
}

.lb-heroreassure-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-muted);
  font-family: var(--font-sans);
  background-color: #f8f4f0;
  padding: 3px 11px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
}

.lb-heroreassure-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.lb-heroreassure-icon--external-link {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E %3C!-- Generator: Adobe Illustrator 30.8.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 1) --%3E %3Cdefs%3E %3Cstyle%3E .st0 { fill: %23d3e1e1; opacity: 0; } .st1 { fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.1px; } %3C/style%3E %3C/defs%3E %3Crect class='st0' width='24' height='24' rx='3.4' ry='3.4'/%3E %3Cg%3E %3Cg%3E %3Cpolyline class='st1' points='12.9 5.3 18.7 5.3 18.7 11.1'/%3E %3Cline class='st1' x1='11.8' y1='12.2' x2='18.7' y2='5.3'/%3E %3C/g%3E %3Cpolyline class='st1' points='17.5 15.4 17.5 18.7 5.3 18.7 5.3 6.5 8.6 6.5'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-heroreassure-icon--buddy {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; } .cls-2 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Crect class='cls-2' width='24' height='24' rx='3.41' ry='3.41'/%3E %3Cg%3E %3Cpath class='cls-1' d='M12,11.28h0c3.29,0,5.97,2.67,5.97,5.97v2.51H6.03v-2.51c0-3.29,2.67-5.97,5.97-5.97Z'/%3E %3Ccircle class='cls-1' cx='12' cy='7.55' r='3.31'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-heroreassure-icon--french {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23008083; } .cls-2 { fill: %23fff; stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; } .cls-3 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Crect class='cls-3' width='24' height='24' rx='3.41' ry='3.41'/%3E %3Cg%3E %3Cpolygon class='cls-2' points='18.9 15.98 18.9 8.02 12 4.03 5.1 8.02 5.1 15.98 12 19.97 18.9 15.98'/%3E %3Cg%3E %3Cpath class='cls-1' d='M8.13,14.58v-5.16h3.31v.78h-2.38v1.55h2.15v.77h-2.15v2.07h-.93Z'/%3E %3Cpath class='cls-1' d='M12.3,14.58v-5.16h1.93c.4,0,.73.07,1,.21.27.14.47.33.61.58.14.25.21.54.21.86s-.07.61-.21.86c-.14.24-.35.43-.62.56-.27.13-.61.2-1.01.2h-1.38v-.77h1.26c.23,0,.42-.03.57-.1.15-.07.26-.16.33-.29.07-.13.11-.28.11-.46s-.04-.34-.11-.47-.18-.23-.33-.3c-.15-.07-.34-.1-.58-.1h-.86v4.39h-.93ZM15.21,14.58l-1.25-2.34h1.01l1.28,2.34h-1.04Z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}

.lb-reassure {
  display: flex;
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px;
  padding: 48px 32px;
  margin-top: -20px;
  background-color: #eeebe8;
  /* background-color: #151413; */
  /* background-color: #195b5e; */
  /* background-image: url('/assets/pattern.svg'); */
  /* background-size: 5%; */
}

.lb-reassure-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 170px;
  text-align: center;
}

.lb-reassure-icon {
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background-color: #fffefb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  border-radius: 50%;
}

.lb-reassure-icon--brain {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: none; stroke: %2387b7b2; stroke-dasharray: 3; } .cls-1, .cls-2 { stroke-linecap: round; stroke-linejoin: round; } .cls-3 { fill: %23008083; } .cls-2 { stroke: %23008083; stroke-width: 1.1px; } .cls-2, .cls-4 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Cg%3E %3Cline class='cls-1' x1='10.66' y1='7.83' x2='23.81' y2='23.89'/%3E %3Cline class='cls-1' x1='6.67' y1='28' x2='25' y2='25'/%3E %3Cline class='cls-1' x1='12.65' y1='42.41' x2='25' y2='25'/%3E %3Cline class='cls-1' x1='39.5' y1='41.25' x2='26.18' y2='26'/%3E %3Cline class='cls-1' x1='42.99' y1='21.74' x2='26.18' y2='25'/%3E %3Cline class='cls-1' x1='41.52' y1='7.49' x2='25.35' y2='23.64'/%3E %3C/g%3E %3Cg%3E %3Cpolygon class='cls-4' points='20.89 17 17.64 20.72 16.98 26.38 19.99 32.33 29.97 32.33 33.64 29.31 33.64 21.01 29.03 16.81 20.89 17'/%3E %3Cpath class='cls-2' d='M25,31v-13'/%3E %3Cpath class='cls-2' d='M28,26c-1.78-.52-3-2.15-3-4,0,1.85-1.22,3.48-3,4'/%3E %3Cpath class='cls-2' d='M30.6,19.5c.83-1.43.34-3.27-1.1-4.1-1.43-.83-3.27-.34-4.1,1.1-.26.46-.4.97-.4,1.5,0-1.66-1.34-3-3-3-1.66,0-3,1.34-3,3,0,.53.14,1.04.4,1.5'/%3E %3Cpath class='cls-2' d='M31,18.13c2.14.55,3.43,2.73,2.88,4.87-.08.31-.2.62-.35.9'/%3E %3Cpath class='cls-2' d='M31,31c2.21,0,4-1.79,4-4,0-1.43-.76-2.75-2-3.46'/%3E %3Cpath class='cls-2' d='M32.97,30.49c.28,2.19-1.26,4.2-3.45,4.48-2.19.28-4.2-1.26-4.48-3.45-.02-.17-.03-.34-.03-.51,0,2.21-1.8,4-4,4-2.21,0-4-1.8-4-4,0-.17.01-.34.03-.51'/%3E %3Cpath class='cls-2' d='M19,31c-2.21,0-4-1.79-4-4,0-1.43.76-2.75,2-3.46'/%3E %3Cpath class='cls-2' d='M19,18.13c-2.14.55-3.43,2.73-2.88,4.87.08.31.2.62.35.9'/%3E %3C/g%3E %3Ccircle class='cls-2' cx='10.66' cy='7.83' r='1.99'/%3E %3Ccircle class='cls-2' cx='43.35' cy='21.67' r='1.99'/%3E %3Ccircle class='cls-2' cx='12.65' cy='42.41' r='1.99'/%3E %3Ccircle class='cls-3' cx='6.67' cy='28' r='1.5'/%3E %3Ccircle class='cls-3' cx='41.52' cy='7.49' r='1.5'/%3E %3Ccircle class='cls-3' cx='39.5' cy='41.25' r='1.5'/%3E %3C/svg%3E");
}

.lb-reassure-icon--quote {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; } .cls-3 { fill: %23008083; opacity: .2; } .cls-2 { fill: %23d3e1e1; stroke-width: 1.1px; } %3C/style%3E %3C/defs%3E %3Cg id='XhXODs.tif'%3E %3Cg%3E %3Cpath class='cls-2' d='M24.81,7.75c.3.23.6.5.92.82l1.55,2.07,3.24,2.08c1.34.86,2.74,1.66,4.31,1.98l2.95.61c.54.11,1.02.31,1.53.6-.21.52-1.4.73-1.67,1.56-.44,1.33-.72,2.66-1.07,4.01-.79.73-3.16,3.16-2.64,3.57.06.05.24.12.33.11l1.29-.1.83,2.74c.42,1.4,1.28,1.76.58,1.99l-1.18.38c-.18.06-.39.35-.4.51-.04.58.87.68.66,2.19-.08.58.17,1.11.79,1.22l1.1.19c.64.11-.23.95-.92,1.49l-3.06,2.4c-.27.21-.48.43-.87.26l-1.63-.68c-1.46-.61-3.38-1.88-4.37-.21-.47.79-.61,1.67-.51,2.6-.62.37-1.26.69-1.91.89-1-.34-2.51-.85-2.99-1.58-.17-.26-.39-.45-.73-.46-1.41-.02-2.9.38-3.45.22-1.19-.35-2.28-.93-3.33-1.57-.51-.31-.94-.73-1.25-1.21-.22-.34-.07-.69.24-.88.66-.39,1.06-.95,1.24-1.7.39-1.7.65-3.39.82-5.11-.34-.87-.43-1.73-.37-2.65.02-.28-.15-.45-.4-.52-.67-.18-1.15-.68-1.56-1.2-.26-.33-.28-.65-.07-1.02.18-.31.29-.77.11-1.11-.21-.37-.61-.6-1-.76-.83-.34-1.59-.71-2.34-1.21l-3.1-2.06c-.36-.24-.19-1.68.55-1.81l2.57-.44c.37-.06.71-.09,1.05.08l1.59.81c.77.39,1.79.61,1.92,0,.17-.84-.03-1.6-.45-2.31-.5-.86-.38-1.92,0-2.04.57-.19,1.48.83,2.16,1.35.56.43,1.27.73,1.92,1,.39.16.77-.02.91-.4s.17-.81.22-1.26c.12-.2.51-.38.77-.43l1.81-.35c.41-.08.7-.34.79-.77.13-.63.17-1.28.15-1.94-.02-.57.2-1.07.76-1.31l1.39-.62h.26Z'/%3E %3Cpath class='cls-2' d='M41.43,42.23c-.42.09-.65-.12-.84-.41-.37-.58-.69-1.18-.71-1.89-.01-.48.22-.96.3-1.42.11-.66.35-1.17.9-1.6.62-.49,1.14-1.03,1.61-1.68.12-.17.47-.25.65-.2.16.05.36.33.37.54l.02,2.38c-.26.4-.63.74-.84,1.16-.23.45.05,1.06.31,1.44.18.27.22.49,0,.73-.46.47-1.06.83-1.75.97Z'/%3E %3C/g%3E %3C/g%3E %3Cellipse class='cls-3' cx='25' cy='30.78' rx='5.73' ry='.97'/%3E %3Cg id='MmYSL7.tif'%3E %3Cpath class='cls-1' d='M25.22,16.48l.16.02c2.6.18,4.69,2.28,4.86,4.89.08,1.28-.35,2.49-.94,3.63-.98,1.9-2.49,3.8-3.97,5.34-.18.19-.47.19-.65,0-1.47-1.52-2.97-3.4-3.94-5.28-.49-.94-.91-2.01-.96-3.07l-.02-.14v-.36s.02-.19.02-.19c.19-2.57,2.25-4.64,4.83-4.83.07,0,.13,0,.19-.02h.44ZM24.79,19.85c-1.06.12-1.8,1.09-1.67,2.12s1.07,1.78,2.1,1.66,1.79-1.06,1.67-2.11-1.05-1.79-2.1-1.67Z'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-reassure-icon--hammer {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.1px; } .cls-3 { fill: %23008083; opacity: .2; } .cls-2 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Cellipse class='cls-3' cx='28.24' cy='41.21' rx='18.13' ry='1.2'/%3E %3Crect class='cls-1' x='20.75' y='5.87' width='2.9' height='13.94' rx='1.45' ry='1.45' transform='translate(15.58 -11.94) rotate(45)'/%3E %3Crect class='cls-1' x='30.26' y='15.38' width='2.9' height='13.94' rx='1.45' ry='1.45' transform='translate(25.09 -15.87) rotate(45)'/%3E %3Crect class='cls-2' x='21.62' y='12.58' width='10.55' height='10.13' transform='translate(20.36 -13.85) rotate(45)'/%3E %3Cpath class='cls-2' d='M13.6,17.89h3.27v21.2c0,.9-.73,1.63-1.63,1.63h0c-.9,0-1.63-.73-1.63-1.63v-21.2h0Z' transform='translate(25.19 -2.19) rotate(45)'/%3E %3Cg%3E %3Cpath class='cls-1' d='M26.08,34.09h12.82c.4,0,.73.33.73.73v1.51h-14.27v-1.51c0-.4.33-.73.73-.73Z'/%3E %3Cpath class='cls-2' d='M24.09,36.32h16.79c.4,0,.73.33.73.73v3.57h-18.24v-3.57c0-.4.33-.73.73-.73Z'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-reassure-icon--map {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; } .cls-2 { fill: %23d3e1e1; stroke-width: 1.1px; } %3C/style%3E %3C/defs%3E %3Cg id='XhXODs.tif'%3E %3Cg%3E %3Cpath class='cls-2' d='M24.81,7.75c.3.23.6.5.92.82l1.55,2.07,3.24,2.08c1.34.86,2.74,1.66,4.31,1.98l2.95.61c.54.11,1.02.31,1.53.6-.21.52-1.4.73-1.67,1.56-.44,1.33-.72,2.66-1.07,4.01-.79.73-3.16,3.16-2.64,3.57.06.05.24.12.33.11l1.29-.1.83,2.74c.42,1.4,1.28,1.76.58,1.99l-1.18.38c-.18.06-.39.35-.4.51-.04.58.87.68.66,2.19-.08.58.17,1.11.79,1.22l1.1.19c.64.11-.23.95-.92,1.49l-3.06,2.4c-.27.21-.48.43-.87.26l-1.63-.68c-1.46-.61-3.38-1.88-4.37-.21-.47.79-.61,1.67-.51,2.6-.62.37-1.26.69-1.91.89-1-.34-2.51-.85-2.99-1.58-.17-.26-.39-.45-.73-.46-1.41-.02-2.9.38-3.45.22-1.19-.35-2.28-.93-3.33-1.57-.51-.31-.94-.73-1.25-1.21-.22-.34-.07-.69.24-.88.66-.39,1.06-.95,1.24-1.7.39-1.7.65-3.39.82-5.11-.34-.87-.43-1.73-.37-2.65.02-.28-.15-.45-.4-.52-.67-.18-1.15-.68-1.56-1.2-.26-.33-.28-.65-.07-1.02.18-.31.29-.77.11-1.11-.21-.37-.61-.6-1-.76-.83-.34-1.59-.71-2.34-1.21l-3.1-2.06c-.36-.24-.19-1.68.55-1.81l2.57-.44c.37-.06.71-.09,1.05.08l1.59.81c.77.39,1.79.61,1.92,0,.17-.84-.03-1.6-.45-2.31-.5-.86-.38-1.92,0-2.04.57-.19,1.48.83,2.16,1.35.56.43,1.27.73,1.92,1,.39.16.77-.02.91-.4s.17-.81.22-1.26c.12-.2.51-.38.77-.43l1.81-.35c.41-.08.7-.34.79-.77.13-.63.17-1.28.15-1.94-.02-.57.2-1.07.76-1.31l1.39-.62h.26Z'/%3E %3Cpath class='cls-2' d='M41.43,42.23c-.42.09-.65-.12-.84-.41-.37-.58-.69-1.18-.71-1.89-.01-.48.22-.96.3-1.42.11-.66.35-1.17.9-1.6.62-.49,1.14-1.03,1.61-1.68.12-.17.47-.25.65-.2.16.05.36.33.37.54l.02,2.38c-.26.4-.63.74-.84,1.16-.23.45.05,1.06.31,1.44.18.27.22.49,0,.73-.46.47-1.06.83-1.75.97Z'/%3E %3C/g%3E %3C/g%3E %3Cg id='MmYSL7.tif'%3E %3Cpath class='cls-1' d='M25.22,16.48l.16.02c2.6.18,4.69,2.28,4.86,4.89.08,1.28-.35,2.49-.94,3.63-.98,1.9-2.49,3.8-3.97,5.34-.18.19-.47.19-.65,0-1.47-1.52-2.97-3.4-3.94-5.28-.49-.94-.91-2.01-.96-3.07l-.02-.14v-.36s.02-.19.02-.19c.19-2.57,2.25-4.64,4.83-4.83.07,0,.13,0,.19-.02h.44ZM24.79,19.85c-1.06.12-1.8,1.09-1.67,2.12s1.07,1.78,2.1,1.66,1.79-1.06,1.67-2.11-1.05-1.79-2.1-1.67Z'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-reassure-item p {
  margin: 0;
  color: #e9e6e3;
  font-family: var(--font-sans);
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.8;
  text-wrap: balance;

}

@media (max-width: 640px) {
  .lb-hero {
    padding: 64px 20px 48px;
    min-height: auto;
  }

  .lb-h1 {
    font-size: 32px;
    letter-spacing: -0.5px;
  }

  .lb-lede {
    font-size: 17px;
  }

  .lb-reassure {
    gap: 28px;
    padding: 36px 20px;
  }

  .lb-reassure-icon {
    width: 52px;
    height: 52px;
  }

  .lb-heroreassure {
    margin: 24px 0 32px;
  }
}

/* Après le bloc 640px pour ne pas être écrasé par son raccourci `padding` :
   un peu plus d'air au-dessus du contenu du hero sur petit écran, où
   .lb-hero > .lb-wrap perd son centrage vertical (min-height: auto). */
@media (max-width: 780px) {
  .lb-hero {
    padding-top: 96px;
  }
}