img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */



	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */


.adomi-btn{display:flex;align-items:center;gap:.5rem;background:#ff3131;color:#fff;border:none;border-radius:999px;padding:.55rem 1rem .55rem .8rem;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 4px 16px rgba(255,49,49,.32);transition:transform .15s,box-shadow .15s}
.adomi-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,49,49,.44)}
.adomi-btn svg{width:20px;height:20px;flex-shrink:0}
.adomi-panel{display:none;position:absolute;bottom:calc(100% + .75rem);right:0;width:300px;background:#fff;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.16);overflow:hidden}
.adomi-panel.open{display:block;animation:adomiIn .2s ease}
@keyframes adomiIn{from{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.adomi-head{background:#ff3131;color:#fff;padding:.85rem 1.1rem;font-weight:700;font-size:14px;display:flex;align-items:center;gap:.5rem}
.adomi-head span{font-size:10px;font-weight:500;background:rgba(255,255,255,.25);padding:2px 7px;border-radius:999px}
.adomi-body{padding:1.1rem;color:#444;font-size:13px;line-height:1.6}


				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			

/* Scroll reveal */
.anim-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.anim-reveal.visible{opacity:1;transform:translateY(0)}
.anim-reveal.d1{transition-delay:.12s}
.anim-reveal.d2{transition-delay:.24s}
.anim-reveal.d3{transition-delay:.36s}
/* Card hover lift */
.bl-art{transition:transform .22s ease,box-shadow .22s ease;cursor:pointer}
.bl-art:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.13)}
.uc-card{transition:transform .22s ease,box-shadow .22s ease}
.uc-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.11)}
/* CTA button pulse ring */
@keyframes ctaPulse{0%,100%{box-shadow:0 2px 12px rgba(255,49,49,.28)}50%{box-shadow:0 2px 22px rgba(255,49,49,.52)}}
.hdr-cta{animation:ctaPulse 2.8s ease-in-out infinite}
/* Number/stat highlight */
@keyframes countUp{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
.lp-arg-v{transition:transform .2s ease}
.lp-arg-v:hover{transform:scale(1.04)}


/* ── Title size reduction ── */
.lp-h1{font-size:clamp(1.85rem,3.1vw,2.85rem)!important;line-height:1.12!important;letter-spacing:-0.03em!important}
.lp-h1 .thin{font-weight:300;font-style:italic;color:rgba(255,255,255,.5)}
.lp-sub{font-size:15.5px!important;line-height:1.7!important}
.lp-preview-in h3,.lp-preview-in h2{font-size:clamp(1.3rem,2vw,2rem)!important;line-height:1.2!important}
.form-sec h2,.form-h{font-size:clamp(1.25rem,1.9vw,1.85rem)!important;line-height:1.2!important}
h2.anim-reveal{font-size:clamp(1.3rem,2vw,2rem)!important;line-height:1.2!important}
/* Blog & cas-clients section titles */
.bl-hero h1,.cc-hero h1,.bl-h1{font-size:clamp(1.7rem,2.8vw,2.6rem)!important}

/* ── Typewriter cursor ── */
.tw-cursor{display:inline-block;width:2px;height:.9em;background:#ff3131;margin-left:2px;vertical-align:middle;animation:twBlink .75s step-end infinite}
@keyframes twBlink{0%,100%{opacity:1}50%{opacity:0}}


/* Fix image hero (override Elementor) */
#hero{position:relative!important;overflow:hidden!important;min-height:100vh}
#hero .hero-img{
	  position:absolute!important;
	  right:0!important;left:auto!important;top:0!important;bottom:0!important;
	  width:48%!important;height:100%!important;max-width:none!important;
	  object-fit:cover!important;opacity:.18!important;
	  -webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.6),transparent)!important;
	  mask-image:linear-gradient(to left,rgba(0,0,0,.6),transparent)!important;
	pointer-events:none;z-index:0}
#hero>*{position:relative;z-index:1}
#hero .lines-bg{z-index:0!important}

/* Fix opacity reveal (au cas o les animations seraient bloques) */
.r,.label-anim,.st,.pq-item,.cm-step,.ql-item,.ip,.rl-img,.cm-img,.wire,.cf-item{opacity:1!important;transform:none!important}

/* Bouton CTA rouge (pas violet) */
.cta-btn.rouge,.hdr-cta,.input-row button,.input-row-l button{background:#FF3131!important;color:#fff!important}
.input-row button,.input-row-l button{background:transparent!important;color:#FF3131!important}
}

/* ── FORMULAIRE COMPLET (grid) ── */
.form-block{max-width:620px!important}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;margin-bottom:1rem}
.f-row{display:flex;flex-direction:column}
.f-row.f-full{grid-column:1 / -1}
.form-grid input,.form-grid textarea{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  border-radius:3px;
  padding:.8rem 1rem;
  font-family:inherit;font-size:14px;
  color:#fff;outline:none;width:100%;
  transition:border-color .2s,background .2s;
  resize:vertical
}
.form-grid textarea{min-height:90px}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:rgba(255,255,255,.38)}
.form-grid input:focus,.form-grid textarea:focus{border-color:#FF3131;background:rgba(255,255,255,.07)}
/* Variante fond clair (si un jour on met la form sur section light) */
.s-light .form-grid input,.s-light .form-grid textarea,
.s-white .form-grid input,.s-white .form-grid textarea{
  background:rgba(26,26,26,.03)!important;
  border-color:rgba(26,26,26,.14)!important;
  color:#1A1A1A!important
}
.s-light .form-grid input::placeholder,.s-light .form-grid textarea::placeholder{color:rgba(26,26,26,.4)!important}
/* Bouton submit */
.f-submit{
  background:#FF3131!important;color:#fff!important;
  border:none!important;border-radius:3px!important;
  padding:.95rem 1.75rem!important;
  font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;
  display:inline-flex!important;align-items:center;gap:8px;
  margin-top:1.1rem;width:auto!important;
  transition:opacity .2s,transform .2s
}
.f-submit:hover{opacity:.88;transform:translateY(-1px)}
.f-submit svg{width:14px;height:14px;transition:transform .2s}
.f-submit:hover svg{transform:translateX(3px)}
/* Checkbox opt-in plus visible */
.cr{margin-top:.9rem!important;margin-bottom:.25rem}
.cl,.cl-l{font-size:11.5px!important;line-height:1.7!important}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}


/* ============================================================
   ADOMOS PRO · CORRECTIFS CSS — Growthappiness · 22/04/2026
   Appended by cowork session
   ============================================================ */

/* ---- A3.1 · Social proof ticker (#spTicker) — déplacé bas-gauche, 280px max ---- */
#spTicker.sp-ticker {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: auto;
  max-width: 280px;
  font-size: 12px;
  padding: 10px 14px;
  line-height: 1.35;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  border-radius: 12px;
  z-index: 40;
  opacity: .92;
}
#spTicker.sp-ticker:hover { opacity: 1; }
@media (max-width: 640px) {
  #spTicker.sp-ticker {
    left: 8px;
    right: 8px;
    bottom: 8px;
    max-width: none;
    font-size: 11.5px;
  }
}

/* ---- A3.2 · Offset WP admin bar en front ---- */
html.admin-bar .site-header,
html.admin-bar header[class*="header"] {
  top: 32px;
}
@media screen and (max-width: 782px) {
  html.admin-bar .site-header,
  html.admin-bar header[class*="header"] {
    top: 46px;
  }
}

/* ---- A3.3 · Typing effect accéléré ---- */
.lp-hero h1 .typed,
.lp-hero h1 .type-target,
[data-typed] {
  animation-duration: 900ms !important;
  animation-timing-function: steps(60, end) !important;
}

/* ---- A3.8 · Contraste .lp-sub WCAG AA ---- */
.lp-sub,
.lp-sub.anim-reveal,
.lp-sub.visible {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* ---- A3.9 · KPI band eyebrow ---- */
.kpi-band {
  padding: 96px 0 64px;
}
.kpi-band .eyebrow {
  font-size: 11px;
  letter-spacing: 0.25em;
  color: #FF3131;
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* ---- A3.4 / A3.5 · Grid hero + visuel ---- */
.hero-with-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.hero-with-visual .hero-visual {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255,49,49,.08), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.07);
}
.hero-with-visual .hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 960px) {
  .hero-with-visual {
    grid-template-columns: 1fr;
  }
  .hero-with-visual .hero-visual {
    aspect-ratio: 16/9;
    margin-top: 32px;
  }
}

/* ---- A3.7 · Fallback cartes blog sans featured image ---- */
.blog-card .post-thumb,
.post-card .thumb-empty {
  background:
    radial-gradient(circle at 30% 20%, rgba(255,49,49,.18) 0, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(74,222,128,.10) 0, transparent 45%),
    #121212;
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: flex-end;
  padding: 20px;
}
.blog-card .post-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

/* ---- Image placeholder slot ---- */
.img-slot {
  position: relative;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255,49,49,.06), rgba(255,255,255,.02)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.02) 0 12px, transparent 12px 24px);
  border: 1px dashed rgba(255,255,255,.12);
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.4);
  font-size: 12px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.img-slot::before {
  content: attr(data-label);
}

/* ---- Polish ---- */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { scroll-padding-top: 96px; }
html.admin-bar { scroll-padding-top: 128px; }

/* Fin des correctifs Growthappiness */


/* ==== PATCH V2 — Alignement & Harmonisation (22/04/2026) ==== */

/* 1. Centrage des wrappers section */
.pq-wrap,
.tl-wrap,
.cm-wrap,
.ql-wrap,
.idee-in,
.lp-args-in,
.lp-preview-in,
.cs-wrap,
.xi-wrap {
  margin-inline: auto !important;
}

/* 2. Conteneur universel — section-level padding cohérent */
section > .pq-wrap,
section > .tl-wrap,
section > .cm-wrap,
section > .ql-wrap {
  width: 100%;
}

/* 3. Harmonisation titres sections — même taille / weight partout */
.pq-wrap .r.d1,
.pq-wrap .r.d2,
.tl-title,
.cm-wrap h2,
.ql-wrap h2,
.idee-in h2,
.cs-wrap h2 {
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  font-style: normal !important;
}

/* 4. Ligne secondaire grisée (effet "mot en second plan") */
.pq-wrap .r.d2,
.tl-title-sub {
  color: rgba(26, 26, 26, 0.2) !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.cm-wrap h2 .thin,
.lp-h1 .thin,
.hero-line .thin,
.idee-claim .thin {
  color: rgba(255, 255, 255, 0.22) !important;
  font-style: normal !important;
  font-weight: 800 !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.38);
}

/* 5. Timeline title "Du particulier qualifié à votre rendez-vous honoré"
   — ajouter un vrai retour à la ligne + espacement */
.tl-title {
  padding-top: 0 !important;
  margin-bottom: 1.5rem !important;
  overflow: visible !important;
}

/* 6. Scroll padding ajustement admin-bar */
html.admin-bar { scroll-padding-top: 128px; }
html { scroll-padding-top: 96px; }

/* 7. Empêcher le header de chevaucher les titres en haut de section */
section { scroll-margin-top: 96px; }
html.admin-bar section { scroll-margin-top: 128px; }

/* ==== Fin PATCH V2 ==== */


/* HERO H1 SIZE OVERRIDE (22/04/2026) */
.hero-line, .hero-line-2, .hero-line-3, .hero-line-4 {
  font-size: clamp(2rem, 4.5vw, 4.8rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}
@media (max-width: 768px) {
  .hero-line, .hero-line-2, .hero-line-3, .hero-line-4 {
    font-size: clamp(1.8rem, 7.5vw, 2.8rem) !important;
  }
}


/* HEADER DROPDOWN — sous-menu Pour qui (22/04/2026) */
.primary-menu { position: relative; }
.primary-menu .has-sub { position: relative; }
.primary-menu .has-sub > a { display: inline-flex; align-items: center; gap: 4px; }
.primary-menu .has-sub .caret { font-size: 10px; opacity: 0.7; transition: transform .25s; }
.primary-menu .has-sub:hover .caret { transform: rotate(180deg); }
.primary-menu .sub-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  min-width: 260px;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
  z-index: 1000;
}
.primary-menu .has-sub:hover .sub-menu,
.primary-menu .has-sub:focus-within .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.primary-menu .sub-menu li { margin: 0; }
.primary-menu .sub-menu a {
  display: block;
  padding: 10px 22px;
  color: var(--encre, #1a1a1a);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.primary-menu .sub-menu a:hover {
  background: var(--creme, #f5f1ea);
  color: var(--rouge, #ff3a31);
}
/* Bridge to prevent flicker when moving mouse to submenu */
.primary-menu .has-sub::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 14px;
}
@media (max-width: 900px) {
  .primary-menu .sub-menu { display: none; }
}


/* VISUAL ENHANCEMENTS (22/04/2026) */
/* 1) Rendre les thumbs des cards POUR QUI beaucoup plus visibles */
.pq-it .pq-it-thumb {
  opacity: 0.18 !important;
  background-size: 60% auto !important;
  background-position: right -40px bottom -40px !important;
  background-repeat: no-repeat !important;
  transition: opacity .4s, transform .4s !important;
}
.pq-it:hover .pq-it-thumb {
  opacity: 0.32 !important;
  transform: scale(1.04);
}

/* 2) Hero avec un visuel à droite (clip décoratif sur desktop) */
@media (min-width: 1100px) {
  .hero {
    position: relative;
    overflow: hidden;
  }
  .hero::after {
    content: '';
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    width: 520px;
    height: 520px;
    background-image: url(https://pro.adomos.com/wp-content/uploads/2026/01/adomos-hero-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    opacity: 0.22;
    pointer-events: none;
    filter: saturate(1.1);
  }
}

/* 3) Visuel décoratif dans la section Comment ça marche */
.cm {
  position: relative;
}
.cm::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: 100%;
  background-image: url(https://pro.adomos.com/wp-content/uploads/2026/01/fond-cta-adomos.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
  pointer-events: none;
  mix-blend-mode: lighten;
}
@media (max-width: 900px) {
  .cm::after { display: none; }
}

/* 4) Banner visual plus grande */
.vb { padding: 5rem 3.5rem !important; }
.vb img { max-height: 480px !important; }

/* FOOTER FIX — applies .ftr styles globally (22/04/2026) */
/* Previously only inline on blog-listing.php; now applied on single article pages too */
.ftr{background:#0d0d0d !important;color:#e8e8e8;padding:3.5rem 2rem 0}
.ftr .ft-main{display:grid;grid-template-columns:220px 1fr 1fr 1fr;gap:2rem;max-width:1280px;margin:0 auto;padding-bottom:2.5rem}
.ftr .ft-col-brand{display:flex;flex-direction:column;gap:1rem}
.ftr .ft-brand{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.05em;text-decoration:none;display:block;margin-bottom:1rem}
.ftr .ft-brand sup{color:#e63329;font-size:.6em;vertical-align:super}
.ftr .ft-desc{font-size:.82rem;color:#999;line-height:1.6;max-width:260px;margin-bottom:1.25rem}
.ftr .ft-ct{font-size:.78rem;color:#999;margin-top:.25rem;display:flex;flex-direction:column;gap:.35rem}
.ftr .ft-ct a{color:#bbb;text-decoration:none}
.ftr .ft-ct a:hover{color:#fff}
.ftr .ft-ht{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:1rem;display:block}
.ftr .ft-lks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.ftr .ft-lks a{font-size:.82rem;color:#999;text-decoration:none;transition:color .2s;display:block}
.ftr .ft-lks a:hover{color:#fff}
.ftr .ft-bot{border-top:1px solid #222;max-width:1280px;margin:0 auto;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ftr .ft-copy{font-size:.75rem;color:#666}
.ftr .ft-leg{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.ftr .ft-leg a{font-size:.75rem;color:#666;text-decoration:none}
.ftr .ft-leg a:hover{color:#fff}
@media (max-width:900px){.ftr .ft-main{grid-template-columns:1fr 1fr;gap:2.5rem;padding:0 1rem 2rem}.ftr .ft-bot{flex-direction:column;text-align:center;padding:1.25rem 1rem}}
@media (max-width:560px){.ftr .ft-main{grid-template-columns:1fr}}


/* ===== MOBILE FIXES v1 — Growthappiness ===== */
@media (max-width: 760px) {

  /* FIX 1 — SVG icons visibles dans les cercles .tl-ic */
  .tl-ic {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  .tl-ic svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    stroke: #FF3131 !important;
    fill: none !important;
    stroke-width: 2 !important;
    overflow: visible !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
  .tl-ic svg path,
  .tl-ic svg circle,
  .tl-ic svg line,
  .tl-ic svg polyline,
  .tl-ic svg rect,
  .tl-ic svg ellipse {
    stroke: #FF3131 !important;
    fill: none !important;
  }

  /* FIX 2 — Stepper cinq étapes: scrollable horizontalement */
  .cm-stepper-bar { overflow: hidden !important; }
  .cm-stepper-dots {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 0.75rem !important;
    justify-content: flex-start !important;
    padding-bottom: 0.5rem !important;
  }
  .cm-stepper-dots::-webkit-scrollbar { display: none !important; }
  .cm-stepper-dot {
    flex: 0 0 auto !important;
    min-width: 52px !important;
    text-align: center !important;
  }
  .cm-stepper-dot .cs-bignum {
    width: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    margin: 0 auto !important;
  }
  .cm-stepper-dot .cs-bigl {
    font-size: 7.5px !important;
    max-width: 52px !important;
    margin: 0 auto !important;
  }

  /* FIX 3 — Formulaire: apparence uniforme des champs */
  .cro-row {
    padding: 0 !important;
    gap: 1rem !important;
  }

  /* FIX 4 — Blog: pills catégories plus visibles */
  .bl-filters,
  .blog-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    padding: 0 !important;
    margin: 0 0 1.5rem !important;
    overflow: visible !important;
  }
  .bl-filters > *,
  .blog-filters > *,
  .bl-filters .fpill,
  .blog-filters .fpill,
  .fpill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 0.5rem 1.1rem !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.1) !important;
    color: rgba(255,255,255,.85) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    cursor: pointer !important;
  }
  .bl-filters > *.active,
  .blog-filters > *.active,
  .bl-filters .fpill.active,
  .blog-filters .fpill.active,
  .fpill.active {
    background: #FF3131 !important;
    border-color: #FF3131 !important;
    color: #fff !important;
  }
}
/* ===== END MOBILE FIXES v1 ===== */

/* ===== MOBILE FIXES v2 — corrections selectors ===== */
@media (max-width: 760px) {

  /* FIX 2 CORRIGÉ — Stepper: match specificity body.home */
  body.home .cm-stepper-dots {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 0.75rem !important;
    gap: 0.75rem !important;
  }
  body.home .cm-stepper-dots::-webkit-scrollbar { display: none !important; }

  /* FIX 4 CORRIGÉ — Blog pills: sélecteur .bl-cat correct */
  .bl-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 0 1.25rem !important;
  }
  .bl-cat {
    background: rgba(255,255,255,.1) !important;
    color: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    padding: .5rem 1.05rem !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
  .bl-cat.active,
  .bl-cat[aria-current],
  .bl-cat.is-active {
    background: #FF3131 !important;
    border-color: #FF3131 !important;
    color: #fff !important;
  }
}
/* ===== END MOBILE FIXES v2 ===== */


/* ── NAV HEADER ── */
header.hdr{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .3s,backdrop-filter .3s}
header.hdr.scrolled{background:rgba(13,13,13,.97);backdrop-filter:blur(20px)}
.hdr-top{padding:.6rem 3.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:border-color .3s}
.hdr-status{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25)}
.hdr-status-dot{width:5px;height:5px;border-radius:50%;background:#FF3131;animation:blink 2.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hdr-contact{font-size:10px;color:rgba(255,255,255,.2);letter-spacing:.04em;text-decoration:none;transition:color .2s}
.hdr-main{padding:.9rem 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid transparent;transition:border-color .3s;z-index:201;position:relative}
.wordmark{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-decoration:none;flex-shrink:0}
.nav{display:flex;align-items:center;gap:0;flex:1;justify-content:center}
.nav-item{position:relative}
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px}
.nav-link{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.1rem;text-decoration:none;cursor:pointer;transition:all .2s}
.nav-link-main{font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.06em;text-transform:uppercase;font-weight:600;pointer-events:none;transition:color .2s}
.nav-item:hover .nav-link-main{color:#fff}
.nav-link-bar{display:block;width:0;height:1px;background:#FF3131;margin-top:3px;transition:width .25s ease;pointer-events:none}
.nav-item:hover .nav-link-bar{width:100%}
.nav-drop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);width:280px;background:rgba(12,12,12,.99);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1rem 1.25rem 1.25rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;backdrop-filter:blur(20px);z-index:300}
.nav-item:hover .nav-drop{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.nd-title{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,49,49,.5);font-weight:700;margin-bottom:.75rem}
.nd-link{display:block;font-size:12px;color:rgba(255,255,255,.45);text-decoration:none;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;line-height:1.4}
.nd-link:last-child{border-bottom:none}
.nd-link:hover{color:#fff}
.nd-link span{display:block;font-size:10px;color:rgba(255,255,255,.2);margin-top:1px;font-weight:400}
.nav-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}
.hdr-login{display:inline-flex;align-items:center;padding:.58rem 1.35rem;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:border-color .2s,background .2s;white-space:nowrap}.hdr-login:hover{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.08)}.hdr-cta{display:inline-flex;align-items:center;gap:7px;padding:.58rem 1.5rem;background:#FF3131;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;border-radius:999px;transition:opacity .15s,transform .15s,box-shadow .15s;white-space:nowrap;box-shadow:0 2px 12px rgba(255,49,49,.28)}
.hdr-cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 5px 18px rgba(255,49,49,.42)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.burger span{display:block;width:22px;height:1px;background:#fff;transition:all .3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mnav{display:none;position:fixed;inset:0;z-index:190;background:rgba(13,13,13,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;justify-content:center;padding:3rem 3.5rem}
.mnav.open{display:flex}
.mn-item{border-bottom:1px solid rgba(255,255,255,.07);width:100%;padding:1.25rem 0}
.mn-link{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none;display:block}
.mn-link:hover{color:#FF3131}
@media(max-width:960px){.hdr-top{display:none}.nav,.hdr-cta,.hdr-login{display:none}.burger{display:flex}}
@media(max-width:640px){.hdr-main{padding:.75rem 1.25rem}}
.mn-espace{display:block;width:100%;padding:.75rem 1.25rem;background:var(--rouge,#FF3131);color:#fff!important;text-align:center;border-radius:.5rem;font-weight:700;font-size:.95rem;text-decoration:none;margin-bottom:.75rem}


body{background:var(--blanc);color:var(--encre)}
.cc-hero{background:var(--noir);color:#fff;padding:10rem 3.5rem 5rem;position:relative;overflow:hidden}
.cc-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.cc-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem;color:#fff}
.cc-hero h1 .thin{font-weight:300;font-style:italic;color:rgba(255,255,255,.55)}
.cc-hero p{font-size:16px;color:var(--t3);max-width:640px;line-height:1.8}
.cc-filters{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:0;background:transparent;border:none;max-width:1180px;margin:0 auto}
.fpill{padding:.55rem 1.1rem;background:transparent;border:1px solid rgba(26,26,26,.12);border-radius:999px;font-size:12.5px;font-weight:500;color:rgba(26,26,26,.65);cursor:pointer;transition:all .25s ease;letter-spacing:-.005em;font-family:inherit}
.fpill:hover{border-color:rgba(26,26,26,.3);color:var(--encre)}
.fpill.active{background:var(--encre);color:var(--blanc);border-color:var(--encre);font-weight:600}
.cc-grid{background:var(--creme);padding:2rem 1.5rem 5rem 1.5rem;position:relative;border-top:none}
.cc-grid-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;background:transparent;border:none}
.uc-card{background:var(--blanc);border:1px solid rgba(26,26,26,.06);border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .35s ease,transform .35s ease}
.uc-card:hover{box-shadow:0 14px 38px rgba(26,26,26,.08);transform:translateY(-3px)}
.uc-tag{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,26,26,.55);margin:2rem 2.25rem .8rem 2.25rem;display:inline-flex;align-items:center;gap:.6rem;width:fit-content}
.uc-v{font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:200;letter-spacing:-.03em;color:var(--encre);line-height:1;margin:0 2.25rem .5rem 2.25rem;font-feature-settings:"tnum" 1}
.uc-h{font-size:1.15rem;font-weight:700;letter-spacing:-.015em;color:var(--encre);line-height:1.3;margin:.4rem 2.25rem 1rem 2.25rem}
.uc-d{font-size:14.5px;color:rgba(26,26,26,.6);line-height:1.65;margin:0 2.25rem 1.4rem 2.25rem;flex:1}
.uc-m{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:12.5px;color:rgba(26,26,26,.55);padding:1rem 2.25rem;border-top:1px solid rgba(26,26,26,.08);background:transparent;font-weight:500}
.uc-m span{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.005em}
.uc-m span:not(:last-child)::after{content:"·";margin-left:1rem;color:rgba(26,26,26,.25)}
.uc-q{font-size:15px;font-weight:400;font-style:italic;color:var(--encre);line-height:1.5;margin:.5rem 2.25rem 2rem 2.25rem;padding:.75rem 0 .75rem 1.25rem;border-left:3px solid #FF3131;letter-spacing:-.005em;position:relative}
.uc-q::before{content:""}
#uc-empty{display:none;grid-column:1/-1;text-align:center;padding:5rem 2rem;background:var(--creme)}
.uc-empty-t{font-size:1.2rem;font-weight:700;color:var(--encre);margin-bottom:.5rem}
.uc-empty-s{font-size:14px;color:var(--t3l)}
.cc-cta{background:var(--noir);padding:6rem 3.5rem;text-align:center;color:#fff;position:relative;overflow:hidden}
.cc-cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.05;margin-bottom:.75rem;position:relative;z-index:1}
.cc-cta h2 .thin{font-weight:300;font-style:italic;color:rgba(255,255,255,.55)}
.cc-cta p{font-size:15px;color:var(--t3);max-width:500px;margin:0 auto 2rem;line-height:1.7;position:relative;z-index:1}
@media(max-width:960px){.cc-grid-in{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cc-hero,.cc-filters,.cc-grid,.cc-cta{padding-left:1.5rem;padding-right:1.5rem}.cc-grid-in{grid-template-columns:1fr}}

/* ── NAV HEADER ── */
header.hdr{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .3s,backdrop-filter .3s}
header.hdr.scrolled{background:rgba(13,13,13,.97);backdrop-filter:blur(20px)}
.hdr-top{padding:.6rem 3.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:border-color .3s}
.hdr-status{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25)}
.hdr-status-dot{width:5px;height:5px;border-radius:50%;background:#FF3131;animation:blink 2.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hdr-contact{font-size:10px;color:rgba(255,255,255,.2);letter-spacing:.04em;text-decoration:none;transition:color .2s}
.hdr-main{padding:.9rem 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid transparent;transition:border-color .3s;z-index:201;position:relative}
.wordmark{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-decoration:none;flex-shrink:0}
.nav{display:flex;align-items:center;gap:0;flex:1;justify-content:center}
.nav-item{position:relative}
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px}
.nav-link{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.1rem;text-decoration:none;cursor:pointer;transition:all .2s}
.nav-link-main{font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.06em;text-transform:uppercase;font-weight:600;pointer-events:none;transition:color .2s}
.nav-item:hover .nav-link-main{color:#fff}
.nav-link-bar{display:block;width:0;height:1px;background:#FF3131;margin-top:3px;transition:width .25s ease;pointer-events:none}
.nav-item:hover .nav-link-bar{width:100%}
.nav-drop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);width:280px;background:rgba(12,12,12,.99);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1rem 1.25rem 1.25rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;backdrop-filter:blur(20px);z-index:300}
.nav-item:hover .nav-drop{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.nd-title{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,49,49,.5);font-weight:700;margin-bottom:.75rem}
.nd-link{display:block;font-size:12px;color:rgba(255,255,255,.45);text-decoration:none;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;line-height:1.4}
.nd-link:last-child{border-bottom:none}
.nd-link:hover{color:#fff}
.nd-link span{display:block;font-size:10px;color:rgba(255,255,255,.2);margin-top:1px;font-weight:400}
.nav-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}
.hdr-cta{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.25rem;background:#FF3131;color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;transition:opacity .2s}
.hdr-cta:hover{opacity:.85}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.burger span{display:block;width:22px;height:1px;background:#fff;transition:all .3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mnav{display:none;position:fixed;inset:0;z-index:190;background:rgba(13,13,13,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;justify-content:center;padding:3rem 3.5rem}
.mnav.open{display:flex}
.mn-item{border-bottom:1px solid rgba(255,255,255,.07);width:100%;padding:1.25rem 0}
.mn-link{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none;display:block}
.mn-link:hover{color:#FF3131}
@media(max-width:960px){.hdr-top{display:none}.nav,.hdr-cta{display:none}.burger{display:flex}}
@media(max-width:640px){.hdr-main{padding:.75rem 1.25rem}}

/* CTA button */
.btn-p{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#e63329;color:#fff;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none}
.btn-p svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}


/* === Pull-quote section (was lost in earlier edits) === */
.cc-pull{background:var(--creme) !important;padding:6rem 1.5rem !important;border-top:1px solid rgba(26,26,26,.08) !important;border-bottom:1px solid rgba(26,26,26,.08) !important;position:relative}
.cc-pull::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:#FF3131}
.cc-pull-in{max-width:880px;margin:0 auto;text-align:center}
.cc-pull-eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF3131;margin-bottom:2rem;display:block}
.cc-pull-q{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:300;letter-spacing:-.02em;color:var(--encre);line-height:1.45;margin:0 0 2rem 0;font-style:italic}
.cc-pull-cite{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:rgba(26,26,26,.55)}
.cc-pull-name{color:#FF3131}
.cc-pull-meta::before{content:"·";margin-right:1rem;color:rgba(26,26,26,.35)}
@media(max-width:780px){.cc-pull{padding:4rem 1.25rem !important}.cc-pull-cite{flex-direction:column;gap:.4rem}.cc-pull-meta::before{display:none}}

/* Reset grid behavior */
.cc-grid{display:block !important;grid-template-columns:none !important;grid-template-rows:none !important}
.cc-grid-in{display:grid !important;grid-template-columns:repeat(2,1fr) !important;max-width:1180px !important;width:auto !important;margin:0 auto !important;gap:1.5rem !important;background:transparent !important;border:none !important}

/* Empty state */
#uc-empty.show{display:block !important;grid-column:1 / -1;padding:5rem 2rem;text-align:center;background:#fafaf7;border:1px dashed rgba(26,26,26,.12);border-radius:0}
.uc-empty-t{font-size:1.3rem;font-weight:700;color:var(--encre);margin-bottom:.6rem;letter-spacing:-.015em}
.uc-empty-s{font-size:14.5px;color:rgba(26,26,26,.55);line-height:1.65;max-width:480px;margin:0 auto}

/* === Card resets === */
.uc-card{position:relative;cursor:pointer;overflow:hidden;background:var(--blanc) !important;border:1px solid rgba(26,26,26,.06) !important;border-radius:0 !important;display:flex !important;flex-direction:column !important}
.uc-card::before{display:none !important}
.uc-card:hover{box-shadow:0 18px 48px rgba(26,26,26,.08) !important;transform:translateY(-2px) !important;border-color:rgba(26,26,26,.12) !important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}

/* === DYNAMIC VISUAL ZONE — editorial classy === */
.uc-visual{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:linear-gradient(180deg,var(--creme) 0%,#f1ece3 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid rgba(26,26,26,.05);
}
/* Subtle hairline at top in brand red - very thin, no glow */
.uc-visual::before{
  content:"";
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:48px;height:2px;
  background:#FF3131;
  border-radius:0 0 2px 2px;
}
/* Diagonal subtle warm wash */
.uc-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 600px 320px at 50% 100%,rgba(255,49,49,.04) 0%,transparent 70%);
  pointer-events:none;
}

/* Status pill top-left */
.uc-status{
  position:absolute;
  top:1.1rem;left:1.4rem;
  font-size:10px;
  font-weight:600;
  letter-spacing:.22em;
  color:rgba(26,26,26,.5);
  text-transform:uppercase;
  display:inline-flex;align-items:center;gap:.55rem;
  z-index:2;
}
.uc-pulse-dot{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 0 rgba(16,185,129,.45);
  animation:uc-pulse 2.4s ease-out infinite;
  flex-shrink:0;
}
@keyframes uc-pulse{
  0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}
  60%{box-shadow:0 0 0 7px rgba(16,185,129,0)}
  100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}
}

/* Index badge top-right (01/06 style) */
.uc-visual .uc-status:nth-of-type(2),
.uc-visual{counter-reset:uc-idx}
.uc-card:nth-child(1) .uc-visual{--uc-n:"01"}
.uc-card:nth-child(2) .uc-visual{--uc-n:"02"}
.uc-card:nth-child(3) .uc-visual{--uc-n:"03"}
.uc-card:nth-child(4) .uc-visual{--uc-n:"04"}
.uc-card:nth-child(5) .uc-visual{--uc-n:"05"}
.uc-card:nth-child(6) .uc-visual{--uc-n:"06"}

/* Big metric in center, editorial typography */
.uc-visual .uc-v{
  font-size:clamp(2.4rem,4.8vw,3.6rem) !important;
  font-weight:200 !important;
  letter-spacing:-.05em !important;
  color:var(--encre) !important;
  line-height:1 !important;
  margin:0 !important;
  font-feature-settings:"tnum" 1;
  position:relative;z-index:2;
  text-align:center;
  padding:0 2rem;
}

/* Bottom-right: discrete arrow indicator */
.uc-visual:after{}
.uc-card .uc-visual::after{
  content:""attr(data-arrow,"")"";
}

/* Index "01/06" badge bottom-right */
.uc-visual{
  --uc-total:" / 06";
}

/* Discrete "↗" arrow indicator bottom-right */
.uc-visual{position:relative}

/* Hide the sparkline (already removed from HTML, but defensive) */
.uc-spark{display:none !important}

/* Per-tag — subtle warm tints (editorial, not bright) */
.uc-card[data-tag="promoteur"] .uc-visual{background:linear-gradient(180deg,#faf5ed 0%,#f0e9da 100%)}
.uc-card[data-tag="cgp"] .uc-visual{background:linear-gradient(180deg,#faf5f1 0%,#f0e6df 100%)}
.uc-card[data-tag="assurance"] .uc-visual{background:linear-gradient(180deg,#f8f4ec 0%,#ece4d3 100%)}
.uc-card[data-tag="defiscalisation"] .uc-visual{background:linear-gradient(180deg,#faf3ee 0%,#eedfd6 100%)}
.uc-card[data-tag="energie"] .uc-visual{background:linear-gradient(180deg,#f7f3e9 0%,#e9e1cd 100%)}
.uc-card[data-tag="credit"] .uc-visual{background:linear-gradient(180deg,#f9f4ed 0%,#ecdfd1 100%)}
.uc-card[data-tag="aide"] .uc-visual{background:linear-gradient(180deg,#faf5f0 0%,#ece2d8 100%)}

/* === Restore .cc-stats banner styling (was bugged) === */
.cc-stats{background:var(--noir) !important;padding:5rem 1.5rem !important;color:var(--blanc) !important;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}
.cc-stats-in{max-width:1180px;margin:0 auto}
.cc-stats-eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF3131 !important;margin-bottom:2.5rem;display:block}
.cc-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cc-stats-grid > div{padding:0 2rem;border-right:1px solid rgba(255,255,255,.1);position:relative}
.cc-stats-grid > div:first-child{padding-left:0}
.cc-stats-grid > div:last-child{padding-right:0;border-right:none}
.cc-stat-v{font-size:clamp(2.4rem,3.4vw,3rem);font-weight:200;letter-spacing:-.04em;color:var(--blanc) !important;line-height:1;display:block;margin-bottom:.6rem;font-feature-settings:"tnum" 1}
.cc-stat-k{font-size:13px;color:rgba(255,255,255,.55) !important;line-height:1.55;display:block;letter-spacing:-.005em}

/* === Restore sp-ticker (live notification) — proper dark style === */
.sp-ticker{position:fixed !important;bottom:24px !important;left:24px !important;right:auto !important;z-index:150 !important;background:rgba(13,13,13,.97) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:12px !important;padding:.85rem 1.1rem !important;color:#fff !important;display:flex;align-items:center;gap:.7rem;font-size:12.5px;max-width:300px}
.sp-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:uc-pulse 2s ease-out infinite}
.sp-txt{flex:1;color:rgba(255,255,255,.85)}
.sp-close{background:transparent !important;border:none !important;color:rgba(255,255,255,.4) !important;cursor:pointer;font-size:18px;line-height:1;padding:0;flex-shrink:0}

/* === Move "Prendre" CTA above HubSpot chat (was overlapping) === */
.adomi-bubble,#adomiaBubble{bottom:120px !important}

/* Modern responsive */
@media(max-width:780px){.cc-grid-in{grid-template-columns:1fr !important}.cc-grid{padding:3rem 1rem !important}.uc-visual .uc-v{font-size:clamp(1.8rem,5vw,2.4rem) !important}.cc-stats-grid{grid-template-columns:1fr;gap:0}.cc-stats-grid > div{padding:1rem 0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}


/* ── Footer global styles ── */
.ftr{background:#0d0d0d;color:#e8e8e8;padding:3.5rem 2rem 0}
.ft-main{display:grid;grid-template-columns:220px 1fr 1fr 1fr;gap:2rem;max-width:1280px;margin:0 auto;padding-bottom:2.5rem}
.ft-col-brand{display:flex;flex-direction:column;gap:1rem}
.ft-brand{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.05em;text-decoration:none}
.ft-brand sup{color:#e63329;font-size:.6em;vertical-align:super}
.ft-desc{font-size:.8rem;color:#999;line-height:1.6;max-width:200px}
.ft-ct{font-size:.78rem;color:#999;margin-top:.25rem}
.ft-ct a{color:#bbb;text-decoration:none}
.ft-col h4,.ft-col-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:1rem}
.ft-lks,.ft-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.ft-lks a,.ft-col ul a{font-size:.82rem;color:#999;text-decoration:none;transition:color .2s}
.ft-lks a:hover,.ft-col ul a:hover{color:#fff}
.ft-bot{border-top:1px solid #222;max-width:1280px;margin:0 auto;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center}
.ft-copy{font-size:.75rem;color:#666}
.ft-leg{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}
.ft-leg a{font-size:.75rem;color:#666;text-decoration:none}
.ft-leg a:hover{color:#fff}
/* adomi-bubble */
.adomi-bubble{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9998}

/* Photos des cas clients (bandeau .uc-visual) — traitement SOMBRE façon hero :
   photo assombrie, métrique blanche. Jamais de texte encre sur photo claire. */
.uc-visual .uc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(.85) brightness(.92);transform:scale(1);transition:transform .9s ease}
.uc-card:hover .uc-visual .uc-ph{transform:scale(1.05)}
.uc-visual::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(13,13,13,.30) 0%,rgba(13,13,13,.45) 55%,rgba(13,13,13,.72) 100%)}
.uc-visual > *{position:relative;z-index:2}
.uc-visual .uc-v{color:#fff !important;font-weight:300 !important;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.uc-visual .uc-status{background:rgba(13,13,13,.55);border:1px solid rgba(255,255,255,.22);color:#fff;
  backdrop-filter:blur(6px);border-radius:999px;padding:.28rem .7rem}
@media (prefers-reduced-motion: reduce){.uc-visual .uc-ph{transition:none}}