@charset "UTF-8";
@import url(main.css);
.video-background-holder { display: none; }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { text-transform: uppercase; }

.animated-border-button:after { background-color: #feac01; }

.navbar { box-shadow: 0px 2px 10px rgba(179, 179, 179, 0.1); /* Optionnel : ajoute une ombre subtile */ }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { background: #0a1c2f; color: #feac01 !important; border: 2px solid #feac01; font-size: 16px; font-weight: 600; border-radius: 20px !important; transition: 0.3s ease; box-shadow: 0 0 6px #feac01, 0 0 18px #feac01, inset 0 0 6px rgba(254, 172, 1, 0.1); }

button.w-100.btn.btn-outline-dark { background: #0a1c2f; color: #feac01 !important; border: 2px solid #feac01; padding: 14px 34px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 20px; transition: 0.3s ease; box-shadow: 0 0 6px #feac01, 0 0 18px #feac01, inset 0 0 6px rgba(254, 172, 1, 0.1); }

button.w-100.btn.btn-outline-dark:hover { box-shadow: 0 0 10px #feac01, 0 0 30px #feac01, inset 0 0 12px rgba(254, 172, 1, 0.15); transform: translateY(-2px); }

.background-image-div-opacity { background-attachment: scroll !important; }

.fs-6.lead.mt-4.mb-4 { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.05rem; color: #d0d1d1; line-height: 1.78; }

@media (max-width: 768px) { .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { text-align: center; } }

.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

.lh-1.mb-3.titles { text-align: left; padding-left: 120px; }

@media (max-width: 768px) { .lh-1.mb-3.titles { text-align: center; padding: 10px; } }

:root { --lbe-deep: #021221; --lbe-navy:        #0a1c2f; --lbe-navy-light:  #0f2540; --lbe-amber:       #feac01; --lbe-amber-glow:  rgba(254,172,1,.45); --lbe-white:       #ffffff; --lbe-muted:       rgba(255,255,255,.6); --lbe-border:      rgba(254,172,1,.14); }

body { background: var(--lbe-deep); font-family: 'Roboto', sans-serif; }

/* ══════════════════════════════════════ BANDEAU ══════════════════════════════════════ */
.lbe-banner { position: relative; overflow: hidden; background: var(--lbe-amber); padding: 1rem 2rem; }

/* Reflet lumineux qui défile */
.lbe-banner::before { content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: lbe-banner-shine 3.5s ease-in-out infinite; pointer-events: none; }

@keyframes lbe-banner-shine { 0% { left: -60%; }
  100% { left: 120%; } }

/* ── CONTENU ─────────────────────────── */
.lbe-banner__inner { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 1.2rem; flex-wrap: wrap; }

/* Texte principal */
.lbe-banner__text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(0.85rem, 2vw, 1.2rem); text-transform: uppercase; letter-spacing: .06em; color: var(--lbe-deep); line-height: 1.3; text-align: center; padding-top: 18px; }

/* Point séparateur */
.lbe-banner__dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(2, 18, 33, 0.3); flex-shrink: 0; }

/* CTA téléphone */
.lbe-banner__cta { display: inline-flex; align-items: center; gap: .5rem; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(0.8rem, 2vw, 1rem); text-transform: uppercase; letter-spacing: .06em; color: var(--lbe-amber); text-decoration: none; background: #021221; padding: .35rem 1rem; border-radius: 15px; border: 1.5px solid rgba(2, 18, 33, 0.2); transition: background .2s, border-color .2s; flex-shrink: 0; transition: 0.3s ease; }

.lbe-banner__cta:hover { background: #021221; color: var(--lbe-amber); transform: translateY(-2px); }

.lbe-banner__cta svg { width: 20px; height: 20px; fill: var(--lbe-amber); flex-shrink: 0; }

@media (max-width: 600px) { .lbe-banner { padding: 1.5rem 1.2rem; } .lbe-banner__inner { gap: 0rem; } .lbe-banner__dot { display: none; } .lbe-banner__text { font-size: 1.1rem; line-height: 1.4; letter-spacing: 0.04em; padding-top: 0; } .lbe-banner__cta { font-size: 0.95rem; padding: 0.55rem 1rem; } .lbe-banner__cta svg { width: 18px; height: 18px; } }

@media (max-width: 480px) { .lbe-banner__text { font-size: 1.1rem; } .lbe-banner__cta { font-size: 0.9rem; padding: 0.5rem 0.9rem; } }

/* ══════════════════════════════════════ BLOC NAV SERVICES ══════════════════════════════════════ */
.lbe-snav { position: relative; padding: 3rem 2rem; background: #0a1c2f; overflow: hidden; padding-top: 5rem !important; }

.lbe-snav__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(254, 172, 1, 0.04) 0%, transparent 70%); pointer-events: none; }

/* ── GRILLE 7 CARTES ─────────────────── */
.lbe-snav__grid { position: relative; z-index: 2; max-width: 1150px; margin: 0 auto; display: grid; grid-template-columns: repeat(7, 1fr); gap: .8rem; }

/* ── CARTE LIEN ──────────────────────── */
.lbe-snav__card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .9rem; padding: 1.4rem .8rem 1.2rem; background: #021221; border: 1px solid #feac014a; /* bordure plus visible */ border-radius: 14px; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; transition: border-color .3s, transform .3s, box-shadow .3s; }

/* Fond ambré au hover */
.lbe-snav__card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(254, 172, 1, 0.08) 0%, transparent 60%); opacity: 0; transition: opacity .3s; pointer-events: none; }

/* Ligne néon en bas */
.lbe-snav__card::after { content: ''; position: absolute; bottom: 0; left: 10%; right: 10%; height: 2px; background: var(--lbe-amber); border-radius: 2px; box-shadow: 0 0 6px var(--lbe-amber), 0 0 16px var(--lbe-amber), 0 0 30px rgba(254, 172, 1, 0.5); opacity: 0; transform: scaleX(0.3); transform-origin: center; transition: opacity .3s, transform .3s; }

.lbe-snav__card:hover { border-color: rgba(254, 172, 1, 0.4); transform: translateY(-4px); box-shadow: 0 14px 36px rgba(2, 18, 33, 0.6); }

.lbe-snav__card:hover::before { opacity: 1; }

.lbe-snav__card:hover::after { opacity: 1; transform: scaleX(1); }

/* Numéro */
.lbe-snav__num { font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 1.5rem; line-height: 1; color: #feac01; /* numéro plus visible au repos */ transition: color .3s; user-select: none; }

.lbe-snav__card:hover .lbe-snav__num { color: rgba(254, 172, 1, 0.28); }

/* Titre */
.lbe-snav__label { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .80rem; text-transform: uppercase; letter-spacing: .05em; color: rgba(255, 255, 255, 0.75); /* texte plus lumineux au repos */ line-height: 1.35; transition: color .3s; }

.lbe-snav__card:hover .lbe-snav__label { color: var(--lbe-amber); }

/* Flèche discrète */
.lbe-snav__arrow { font-size: .7rem; color: rgba(254, 172, 1, 0); transition: color .3s, transform .3s; line-height: 1; }

.lbe-snav__card:hover .lbe-snav__arrow { color: rgba(254, 172, 1, 0.6); transform: translateY(2px); }

/* ── RESPONSIVE ──────────────────────── */
@media (max-width: 1000px) { .lbe-snav__grid { grid-template-columns: repeat(4, 1fr); } }

@media (max-width: 600px) { .lbe-snav__grid { grid-template-columns: repeat(3, 1fr); gap: .6rem; } .lbe-snav { padding: 2.5rem 1.2rem; } }

@media (max-width: 380px) { .lbe-snav__grid { grid-template-columns: repeat(2, 1fr); } }

/* ══════════════════════════════════════ SECTION ZONE ══════════════════════════════════════ */
.lbe-zone { position: relative; padding: 6rem 2rem; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fdyzgpx6Io4VisdBUd2bKHGYoCvm1%2Fimages%2FAccueil_image_13_p1f0.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; }

/* Grille de fond */
.lbe-zone__grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(254, 172, 1, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(254, 172, 1, 0.025) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }

.lbe-zone__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 30% 50%, rgba(254, 172, 1, 0.04) 0%, transparent 65%); pointer-events: none; }

/* ── CONTAINER ───────────────────────── */
.lbe-zone__container { max-width: 1150px; margin: 0 auto; position: relative; z-index: 2; }

/* ── GRID ────────────────────────────── */
.lbe-zone__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 6rem; align-items: center; }

/* ══════════════════════════════════════ MAP ══════════════════════════════════════ */
.lbe-zone__map-wrap { position: relative; padding: 12px; animation: lbe-fade-left 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; }

/* Coins néon — même style que le bloc about */
.lbe-zone__map-wrap::before, .lbe-zone__map-wrap::after { content: ''; position: absolute; width: 52px; height: 52px; border-color: var(--lbe-amber); border-style: solid; z-index: 3; pointer-events: none; filter: drop-shadow(0 0 4px var(--lbe-amber)) drop-shadow(0 0 14px var(--lbe-amber)) drop-shadow(0 0 30px rgba(254, 172, 1, 0.65)); animation: lbe-neon-pulse 2.8s ease-in-out infinite; }

.lbe-zone__map-wrap::before { top: 0; left: 0; border-width: 3px 0 0 3px; border-radius: 5px 0 0 0; }

.lbe-zone__map-wrap::after { bottom: 0; right: 0; border-width: 0 3px 3px 0; border-radius: 0 0 5px 0; }

@keyframes lbe-neon-pulse { 0%, 100% { filter: drop-shadow(0 0 3px var(--lbe-amber)) drop-shadow(0 0 10px var(--lbe-amber)) drop-shadow(0 0 22px rgba(254, 172, 1, 0.5)); }
  50% { filter: drop-shadow(0 0 6px var(--lbe-amber)) drop-shadow(0 0 22px var(--lbe-amber)) drop-shadow(0 0 48px rgba(254, 172, 1, 0.9)); } }

.lbe-zone__map { height: 500px; border-radius: 14px; overflow: hidden; border: 1px solid var(--lbe-border); box-shadow: 0 20px 60px rgba(2, 18, 33, 0.5); transition: transform .3s ease, box-shadow .3s ease; }

.lbe-zone__map:hover { box-shadow: 0 28px 70px rgba(2, 18, 33, 0.65), 0 0 0 1px rgba(254, 172, 1, 0.1); }

.lbe-zone__map iframe { width: 100%; height: 100%; border: none; display: block; }

/* ══════════════════════════════════════ CONTENU TEXTE ══════════════════════════════════════ */
.lbe-zone__content { animation: lbe-fade-right 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; }

.lbe-zone__title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 2.5rem; text-transform: uppercase; color: var(--lbe-white); line-height: 1.08; margin-bottom: 1.8rem; }

.lbe-zone__title em { font-style: normal; color: var(--lbe-amber); }

.lbe-zone__text { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.05rem; color: #d0d1d1; line-height: 1.78; }

.lbe-zone__text strong { color: var(--lbe-white); font-weight: 500; }

/* ── ANIMATIONS ──────────────────────── */
@keyframes lbe-fade-left { from { opacity: 0;
    transform: translateX(-30px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes lbe-fade-right { from { opacity: 0;
    transform: translateX(30px); }
  to { opacity: 1;
    transform: translateX(0); } }

/* ── RESPONSIVE ──────────────────────── */
@media (max-width: 1000px) { .lbe-zone__grid { gap: 4rem; } .lbe-zone__map { height: 420px; } }

@media (max-width: 768px) { .lbe-zone { padding: 5rem 1.5rem; } .lbe-zone__grid { grid-template-columns: 1fr; gap: 3.5rem; } .lbe-zone__content { order: 1; text-align: center; } .lbe-zone__map-wrap { order: 2; } .lbe-zone__map { height: 380px; } }

@media (max-width: 480px) { .lbe-zone__map { height: 300px; } .lbe-zone__title { font-size: 1.7rem; } }

/* ══════════════════════════════════════ SECTION WHY ══════════════════════════════════════ */
.lbe-why { position: relative; overflow: hidden; padding: 6rem 2rem; background: var(--lbe-deep); }

.lbe-why__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 65% 50% at 50% 50%, rgba(254, 172, 1, 0.04) 0%, transparent 70%); pointer-events: none; }

/* ── TITRE ───────────────────────────── */
.lbe-why__header { position: relative; z-index: 2; text-align: center; margin-bottom: 4.5rem; }

.lbe-why__title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 2.5rem; text-transform: uppercase; color: var(--lbe-white); line-height: 1.08; }

.lbe-why__title em { font-style: normal; color: var(--lbe-amber); }

/* ── ROW ─────────────────────────────── */
.lbe-why__row { position: relative; z-index: 2; max-width: 1150px; margin: 0 auto; display: flex; align-items: stretch; justify-content: center; }

/* Séparateur vertical entre items */
.lbe-why__sep { width: 1px; background: linear-gradient(to bottom, transparent, var(--lbe-border), transparent); flex-shrink: 0; align-self: stretch; min-height: 120px; }

/* ── ITEM ────────────────────────────── */
.lbe-why__item { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 1rem 1.8rem; gap: 1.1rem; cursor: default; transition: transform .3s; }

.lbe-why__item:hover { transform: translateY(-4px); }

/* Icône */
.lbe-why__icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; }

.lbe-why__icon img { width: 70px; height: 70px; fill: var(--lbe-amber); transition: filter .3s; }

/* Texte */
.lbe-why__item-title { font-family: 'Roboto', sans-serif; font-size: 1.1rem; color: #d0d1d1; line-height: 1.45; transition: color .3s; padding-top: .6rem; }

.lbe-why__item:hover .lbe-why__item-title { color: var(--lbe-white); }

/* ── RESPONSIVE ──────────────────────── */
@media (max-width: 860px) { .lbe-why { padding: 5rem 1.5rem; } .lbe-why__row { flex-wrap: wrap; justify-content: center; gap: 2rem 0; } .lbe-why__sep { display: none; } .lbe-why__item { flex: 0 0 50%; max-width: 50%; padding: 1rem 1.2rem; } .lbe-why__title { font-size: 2rem; } }

@media (max-width: 520px) { .lbe-why { padding: 4.5rem 1rem; } .lbe-why__item { flex: 0 0 50%; max-width: 50%; padding: 0.8rem 0.8rem; } .lbe-why__icon, .lbe-why__icon img { width: 60px; height: 60px; } .lbe-why__item-title { font-size: 1rem; line-height: 1.4; } }

/* ══════════════════════════════════════ SECTION SERVICES ══════════════════════════════════════ */
.lbe-services { position: relative; overflow: hidden; padding: 7rem 2rem; }

.lbe-services { background-color: #0d2235; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fdyzgpx6Io4VisdBUd2bKHGYoCvm1%2Fimages%2FAccueil_image_12_mabr.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; }

.lbe-services__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 55% at 50% 50%, rgba(254, 172, 1, 0.04) 0%, transparent 70%); pointer-events: none; }

/* ── EN-TÊTE ─────────────────────────── */
.lbe-services__header { position: relative; z-index: 2; text-align: center; margin-bottom: 5rem; }

.lbe-services__title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 2.5rem; text-transform: uppercase; color: var(--lbe-white); line-height: 1.08; }

.lbe-services__title em { font-style: normal; color: var(--lbe-amber); }

/* ══════════════════════════════════════ RANGÉES ══════════════════════════════════════ */
.lbe-services__row { position: relative; z-index: 2; max-width: 1150px; margin: 0 auto; display: grid; gap: 1.1rem; }

.lbe-services__row--top { grid-template-columns: repeat(4, 1fr); margin-bottom: 1.5rem; }

.lbe-services__row--bottom { grid-template-columns: repeat(3, 1fr); }

/* ══════════════════════════════════════ CARTE ══════════════════════════════════════ */
.lbe-services__card { position: relative; border-radius: 16px; overflow: hidden; cursor: pointer; border: 1px solid var(--lbe-border); transition: border-color .35s, transform .35s, box-shadow .35s; aspect-ratio: 4/3; background: var(--lbe-deep); }

.lbe-services__card:hover { border-color: rgba(254, 172, 1, 0.5); transform: translateY(-5px); box-shadow: 0 20px 56px rgba(2, 18, 33, 0.75), 0 0 0 1px rgba(254, 172, 1, 0.12); }

.lbe-services__row--top .lbe-services__card { aspect-ratio: 3/3; }

/* ── IMAGE ───────────────────────────── */
.lbe-services__card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; }

.lbe-services__card:hover .lbe-services__card-img { transform: scale(1.07); }

/* ── OVERLAY ─────────────────────────── */
/* Dégradé permanent en bas pour lisibilité du texte */
.lbe-services__card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(2, 18, 33, 0.95) 0%, rgba(2, 18, 33, 0.2) 45%, rgba(2, 18, 33, 0) 100%); transition: background .35s; pointer-events: none; }

.lbe-services__card:hover .lbe-services__card-overlay { background: linear-gradient(to top, rgba(2, 18, 33, 0.98) 0%, rgba(2, 18, 33, 0.55) 50%, rgba(10, 28, 47, 0.25) 100%); }

/* Halo ambré au hover */
.lbe-services__card-overlay::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(254, 172, 1, 0.1) 0%, transparent 65%); opacity: 0; transition: opacity .35s; }

.lbe-services__card:hover .lbe-services__card-overlay::after { opacity: 1; }

/* ── CONTENU TEXTE ───────────────────── */
.lbe-services__card-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.4rem 1.5rem 1.3rem; z-index: 2; }

.lbe-services__card-title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 1.1rem; text-transform: uppercase; letter-spacing: .06em; color: var(--lbe-white); line-height: 1.25; margin-bottom: .65rem; transition: color .3s; }

.lbe-services__card:hover .lbe-services__card-title { color: var(--lbe-amber); }

/* Ligne néon bas de carte */
.lbe-services__card-sep { width: 28px; height: 2px; background: rgba(254, 172, 1, 0.3); border-radius: 2px; transition: width .35s, background .35s, box-shadow .35s; }

.lbe-services__card:hover .lbe-services__card-sep { width: 44px; background: var(--lbe-amber); box-shadow: 0 0 6px var(--lbe-amber), 0 0 16px rgba(254, 172, 1, 0.5); }

/* ── RESPONSIVE ──────────────────────── */
@media (max-width: 900px) { .lbe-services__row--top, .lbe-services__row--bottom { grid-template-columns: repeat(2, 1fr); } .lbe-services__row--top .lbe-services__card, .lbe-services__row--bottom .lbe-services__card { aspect-ratio: 4 / 3; } }

@media (max-width: 600px) { .lbe-services { padding: 5rem 1.2rem; } .lbe-services__row--top, .lbe-services__row--bottom { grid-template-columns: repeat(2, 1fr); } .lbe-services__row--top .lbe-services__card, .lbe-services__row--bottom .lbe-services__card { aspect-ratio: 1 / 1; } .lbe-services__card-body { padding: 1.1rem 1rem 1rem; } .lbe-services__card-title { font-size: 0.95rem; line-height: 1.2; } .lbe-services__title { font-size: 2rem; } }

@media (max-width: 400px) { .lbe-services__row--top, .lbe-services__row--bottom { grid-template-columns: 1fr; } .lbe-services__row--top .lbe-services__card, .lbe-services__row--bottom .lbe-services__card { aspect-ratio: 4 / 3; } }

/* ══════════════════════════════════════ SECTION ABOUT ══════════════════════════════════════ */
.lbe-about { position: relative; overflow: hidden; padding: 7rem 2rem; background: var(--lbe-navy); }

.lbe-about--bg { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fdyzgpx6Io4VisdBUd2bKHGYoCvm1%2Fimages%2FAccueil_image_20_j140.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.lbe-about--bg1 { background: #021221; }

.lbe-about--bg2 { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fdyzgpx6Io4VisdBUd2bKHGYoCvm1%2Fimages%2Fservice_7y0l.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* ── INNER ───────────────────────────── */
.lbe-about__inner { position: relative; z-index: 2; max-width: 1150px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; }

/* ══════════════════════════════════════ COLONNE TEXTE ══════════════════════════════════════ */
.lbe-about__title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 2.5rem; text-transform: uppercase; color: var(--lbe-white); line-height: 1.08; margin-bottom: 1.8rem; position: relative; z-index: 1; }

.lbe-about__title em { font-style: normal; color: var(--lbe-amber); }

em { font-style: normal; color: var(--lbe-amber); }

.lbe-about__text { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.05rem; line-height: 1.78; color: #d0d1d1; margin-bottom: 1.2rem; position: relative; z-index: 1; }

.lbe-about__text strong { color: var(--lbe-white); font-weight: 500; }

.lbe-about__content { position: relative; }

.lbe-about__bg-num { position: absolute; top: -4rem; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 1.5rem; line-height: 1; color: #feac01; user-select: none; pointer-events: none; z-index: 0; }

/* ══════════════════════════════════════ COLONNE VISUELLE – IMAGE + BADGES ══════════════════════════════════════ */
.lbe-about__visual { position: relative; display: flex; align-items: center; justify-content: center; padding: 28px; }

/* Cadre coins ambrés */
.lbe-about__img-frame { position: relative; width: 100%; border-radius: 18px; }

.lbe-about__img-frame::before, .lbe-about__img-frame::after { content: ''; position: absolute; width: 52px; height: 52px; border-color: var(--lbe-amber); border-style: solid; z-index: 3; pointer-events: none; filter: drop-shadow(0 0 4px var(--lbe-amber)) drop-shadow(0 0 14px var(--lbe-amber)) drop-shadow(0 0 30px rgba(254, 172, 1, 0.65)); animation: lbe-neon-pulse 2.8s ease-in-out infinite; }

.lbe-about__img-frame::before { top: -12px; left: -12px; border-width: 3px 0 0 3px; border-radius: 5px 0 0 0; }

.lbe-about__img-frame::after { bottom: -12px; right: -12px; border-width: 0 3px 3px 0; border-radius: 0 0 5px 0; }

@keyframes lbe-neon-pulse { 0%, 100% { filter: drop-shadow(0 0 3px var(--lbe-amber)) drop-shadow(0 0 10px var(--lbe-amber)) drop-shadow(0 0 22px rgba(254, 172, 1, 0.5)); }
  50% { filter: drop-shadow(0 0 6px var(--lbe-amber)) drop-shadow(0 0 22px var(--lbe-amber)) drop-shadow(0 0 48px rgba(254, 172, 1, 0.9)); } }

/* Image — remplacez src par votre photo */
.lbe-about__img { width: 100%; height: 480px; object-fit: cover; border-radius: 18px; display: block; border: 1px solid var(--lbe-border); }

/* ── BADGES ──────────────────────────── */
.lbe-about__badge { position: absolute; z-index: 4; background: var(--lbe-deep); border: 1.5px solid var(--lbe-amber); border-radius: 14px; padding: 0.1rem 1.2rem; display: flex; box-shadow: 0 8px 32px rgba(2, 18, 33, 0.75), 0 0 28px rgba(254, 172, 1, 0.14); width: 170px; justify-content: left; }

.lbe-about__badge--exp { top: 0; right: 0; }

.lbe-about__badge--clients { top: 95px; right: -20px; }

.lbe-about__badge-number { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.5rem; line-height: 1; color: var(--lbe-amber); text-shadow: 0 0 18px var(--lbe-amber-glow); margin-bottom: 5px; margin-top: 15px; }

.lbe-about__badge-label { font-family: 'Roboto', sans-serif; font-size: .90rem; font-weight: 400; color: var(--lbe-muted); line-height: 1.38; white-space: nowrap; }

/* ── RESPONSIVE ──────────────────────── */
/* Tablette */
@media (max-width: 1024px) { .lbe-about { padding: 6rem 2rem; } .lbe-about__inner { gap: 3.5rem; } .lbe-about__title { font-size: 2.1rem; line-height: 1.15; } .lbe-about__text { font-size: 1rem; line-height: 1.7; } .lbe-about__bg-num { top: -3rem; font-size: 1.2rem; } .lbe-about__visual { padding: 20px; } .lbe-about__img { height: 420px; } .lbe-about__badge { width: 150px; padding: 0.5rem 1rem; border-radius: 12px; } .lbe-about__badge--exp { top: 10px; right: 10px; } .lbe-about__badge--clients { top: 85px; right: 0; } .lbe-about__badge-number { font-size: 1.25rem; margin-top: 8px; margin-bottom: 4px; } .lbe-about__badge-label { font-size: 0.8rem; white-space: normal; line-height: 1.3; } }

/* Mobile */
@media (max-width: 860px) { .lbe-about__grid-deco { display: none; } .lbe-about { padding: 5rem 1.5rem; } .lbe-about__inner { grid-template-columns: 1fr; gap: 3rem; } .lbe-about__visual { order: 0; padding: 12px; } .lbe-about__title { font-size: 1.9rem; margin-bottom: 1.2rem; } .lbe-about__text { font-size: 1rem; line-height: 1.65; } .lbe-about__bg-num { top: -2.2rem; font-size: 1rem; } .lbe-about__img { height: 320px; } .lbe-about__badge { width: 140px; padding: 0.55rem 0.85rem; } .lbe-about__badge--exp { top: -10px; right: 4px; } .lbe-about__badge--clients { top: 70px; right: 4px; } .lbe-about__badge-number { font-size: 1.1rem; margin-top: 4px; margin-bottom: 2px; } .lbe-about__badge-label { font-size: 0.75rem; line-height: 1.25; white-space: normal; } .lbe-about__content { text-align: center; } }

/* ============================== HEADER IMAGE – PAGES SERVICES ============================== */
.header-image-sols { position: relative; width: 100%; height: 55vh; min-height: 380px; overflow: hidden; background-color: #242020; }

/* Image de fond */
.header-image-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }

/* Overlay sombre élégant */
.header-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0a1c2fe0; z-index: 2; pointer-events: none; }

/* Container */
.header-image-container { position: relative; z-index: 2; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 60px; }

/* Logo */
.header-image-logo { display: flex; align-items: center; justify-content: right; }

.header-image-logo img { max-width: 220px; width: 100%; height: auto; }

/* Texte + trait */
.header-image-text-lined { display: flex; align-items: center; gap: 50px; }

/* Trait doré */
.header-image-line { width: 4px; background-color: #dadbdd; margin-top: 6px; margin-bottom: 6px; height: 200px; }

/* Texte */
.header-image-text-content h1 { font-size: 3rem; color: #ffffff; line-height: 1.1; text-transform: uppercase; font-weight: 600 !important; }

/* ============================== RESPONSIVE ============================== */
/* Tablettes */
@media (max-width: 900px) { .header-image-container { grid-template-columns: 1fr; gap: 30px; padding: 30px 20px; justify-items: center; text-align: center; } .header-image-logo { justify-content: center; } .header-image-logo img { max-width: 180px; } .header-image-text-lined { justify-content: center; gap: 20px; } .header-image-text-content { display: flex; flex-direction: column; align-items: center; } .header-image-text-content p { max-width: 100%; } }

/* Mobiles */
@media (max-width: 600px) { .header-image-sols { height: auto; min-height: 500px; padding: 40px 0; } .header-image-container { padding: 20px 15px; gap: 25px; } .header-image-logo img { max-width: 150px; } .header-image-text-lined { flex-direction: column; align-items: center; gap: 15px; } /* Trait horizontal mobile */ .header-image-line { width: 60px; height: 4px; margin: 0; } .header-image-text-content h1 { margin-bottom: 1rem; letter-spacing: 1px; font-size: 40px; } }

/* Très petits écrans */
@media (max-width: 400px) { .header-image-sols { min-height: 450px; } .header-image-logo img { max-width: 130px; } .header-image-container { padding: 15px 10px; padding-top: 40px; } }

/* ================================ HERO ACCUEIL ================================ */
.hero-landscape { position: relative; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; /* ⭐ CENTRE horizontalement */ color: white; text-align: center; padding: 20px; }

/* IMAGE DE FOND */
.hero-landscape::before { content: ""; position: absolute; inset: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fdyzgpx6Io4VisdBUd2bKHGYoCvm1%2Fimages%2FAccueil_image_3_083z.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }

/* OVERLAY VERT PROFOND */
.hero-landscape-overlay { position: absolute; inset: 0; background: #0a1c2fe0; z-index: 1; }

/* CONTENU AU CENTRE */
.hero-landscape-content { position: relative; z-index: 2; max-width: 1000px; display: flex; flex-direction: column; align-items: center; /* ⭐ Centre tout */ justify-content: center; }

/* Logo */
.hero-landscape-logo { width: 240px; margin-bottom: 50px; }

/* Titre */
.hero-landscape-title { font-size: 3rem; font-weight: 700; line-height: 1.2; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05rem; }

/* Sous-titre */
.hero-landscape-subtitle { font-size: 20px; font-weight: 400; color: #d0d1d1; margin-bottom: 50px; font-style: italic; }

/* Bouton */
.hero-landscape-button { background: transparent; color: #feac01 !important; border: 2px solid #feac01; padding: 14px 34px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 20px; transition: 0.3s ease; box-shadow: 0 0 6px #feac01, 0 0 18px #feac01, inset 0 0 6px rgba(254, 172, 1, 0.1); }

.hero-landscape-button:hover { box-shadow: 0 0 10px #feac01, 0 0 30px #feac01, inset 0 0 12px rgba(254, 172, 1, 0.15); transform: translateY(-2px); }

/* Tablette */
@media (max-width: 1024px) { .hero-landscape { padding: 30px 24px; } .hero-landscape-content { max-width: 800px; } .hero-landscape-logo { width: 200px; margin-bottom: 40px; } .hero-landscape-title { font-size: 2.4rem; line-height: 1.2; margin-bottom: 18px; } .hero-landscape-subtitle { font-size: 18px; margin-bottom: 40px; } .hero-landscape-button { padding: 13px 30px; font-size: 15px; } }

/* Mobile */
@media (max-width: 768px) { .hero-landscape { min-height: 100vh; height: auto; padding: 60px 20px; } .hero-landscape-content { max-width: 100%; } .hero-landscape-logo { width: 160px; margin-bottom: 30px; } .hero-landscape-title { font-size: 2rem; line-height: 1.25; margin-bottom: 16px; } .hero-landscape-subtitle { font-size: 17px; line-height: 1.6; margin-bottom: 32px; } .hero-landscape-button { padding: 12px 26px; font-size: 15px; border-radius: 16px; } }

/*# sourceMappingURL=custom.css.map */