.elementor-820 .elementor-element.elementor-element-202be70{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-820 .elementor-element.elementor-element-202be70:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-202be70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-71e2b11 );background-image:url("https://ascentcapital-ci.com/wp-content/uploads/2026/07/AC.png");background-position:center center;background-size:cover;}.elementor-820 .elementor-element.elementor-element-202be70::before, .elementor-820 .elementor-element.elementor-element-202be70 > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-202be70 > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-202be70 > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-202be70 > .e-con-inner > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-202be70 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-71e2b11 ) 35%, #3C2A7000 90%);}.elementor-820 .elementor-element.elementor-element-9b3d7ee{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-820 .elementor-element.elementor-element-78bbc9f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:#BFB2F8;}.elementor-820 .elementor-element.elementor-element-993dbfb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-04666d8 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-820 .elementor-element.elementor-element-791fcb0{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-04666d8 );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-820 .elementor-element.elementor-element-7a32ee0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-820 .elementor-element.elementor-element-7a32ee0 .elementor-button{font-family:"Asap Condensed", Sans-serif;font-weight:700;text-decoration:none;fill:var( --e-global-color-04666d8 );color:var( --e-global-color-04666d8 );background-color:#FFFFFF00;border-radius:5px 5px 5px 5px;}.elementor-820 .elementor-element.elementor-element-fbc0970{--display:flex;}.elementor-820 .elementor-element.elementor-element-4c22083{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-820 .elementor-element.elementor-element-ccf2e78{--display:flex;}.elementor-820 .elementor-element.elementor-element-575eba1{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-820 .elementor-element.elementor-element-6c2e453{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-820 .elementor-element.elementor-element-a4adb68{text-align:center;}.elementor-820 .elementor-element.elementor-element-a4adb68 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-50c2895 );}.elementor-820 .elementor-element.elementor-element-d7b3484{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-820 .elementor-element.elementor-element-f2ea687 .elementor-icon-wrapper{text-align:center;}.elementor-820 .elementor-element.elementor-element-f2ea687.elementor-view-stacked .elementor-icon{background-color:#7E70DF;}.elementor-820 .elementor-element.elementor-element-f2ea687.elementor-view-framed .elementor-icon, .elementor-820 .elementor-element.elementor-element-f2ea687.elementor-view-default .elementor-icon{color:#7E70DF;border-color:#7E70DF;}.elementor-820 .elementor-element.elementor-element-f2ea687.elementor-view-framed .elementor-icon, .elementor-820 .elementor-element.elementor-element-f2ea687.elementor-view-default .elementor-icon svg{fill:#7E70DF;}.elementor-820 .elementor-element.elementor-element-f2ea687 .elementor-icon{font-size:50px;}.elementor-820 .elementor-element.elementor-element-f2ea687 .elementor-icon svg{height:50px;}.elementor-820 .elementor-element.elementor-element-f2ea687{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-820 .elementor-element.elementor-element-d9dc84c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-cc520bd{--display:flex;--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.88;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-f5942a3 );--border-color:var( --e-global-color-f5942a3 );--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-820 .elementor-element.elementor-element-cc520bd::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-820 .elementor-element.elementor-element-cc520bd:hover::before, .elementor-820 .elementor-element.elementor-element-cc520bd:hover > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-cc520bd:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .elementor-background-slideshow:hover::before, .elementor-820 .elementor-element.elementor-element-cc520bd > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:var( --e-global-color-2374e9d );}.elementor-820 .elementor-element.elementor-element-cc520bd:hover{--overlay-opacity:1;}.elementor-820 .elementor-element.elementor-element-cc520bd:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-820 .elementor-element.elementor-element-cc520bd.e-con:hover{--e-con-transform-translateX:-5px;--e-con-transform-translateY:5px;}.elementor-820 .elementor-element.elementor-element-c03b0b8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#3C2A70;}.elementor-820 .elementor-element.elementor-element-97ee76d{font-family:"Asap", Sans-serif;font-weight:400;color:var( --e-global-color-71e2b11 );}.elementor-820 .elementor-element.elementor-element-fd6d853{--display:flex;--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.88;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-f5942a3 );--border-color:var( --e-global-color-f5942a3 );--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-820 .elementor-element.elementor-element-fd6d853::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .e-con-inner > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-820 .elementor-element.elementor-element-fd6d853:hover::before, .elementor-820 .elementor-element.elementor-element-fd6d853:hover > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-fd6d853:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .elementor-background-slideshow:hover::before, .elementor-820 .elementor-element.elementor-element-fd6d853 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:var( --e-global-color-2374e9d );}.elementor-820 .elementor-element.elementor-element-fd6d853:hover{--overlay-opacity:1;}.elementor-820 .elementor-element.elementor-element-fd6d853:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-820 .elementor-element.elementor-element-fd6d853.e-con:hover{--e-con-transform-translateX:-5px;--e-con-transform-translateY:5px;}.elementor-820 .elementor-element.elementor-element-f038f74 .elementor-heading-title{color:var( --e-global-color-e3e7100 );}.elementor-820 .elementor-element.elementor-element-56a59fe{color:var( --e-global-color-71e2b11 );}.elementor-820 .elementor-element.elementor-element-9c1a717{--display:flex;--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.88;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-f5942a3 );--border-color:var( --e-global-color-f5942a3 );--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-820 .elementor-element.elementor-element-9c1a717::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .e-con-inner > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-820 .elementor-element.elementor-element-9c1a717:hover::before, .elementor-820 .elementor-element.elementor-element-9c1a717:hover > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-9c1a717:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .elementor-background-slideshow:hover::before, .elementor-820 .elementor-element.elementor-element-9c1a717 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:var( --e-global-color-2374e9d );}.elementor-820 .elementor-element.elementor-element-9c1a717:hover{--overlay-opacity:1;}.elementor-820 .elementor-element.elementor-element-9c1a717:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-820 .elementor-element.elementor-element-9c1a717.e-con:hover{--e-con-transform-translateX:5px;--e-con-transform-translateY:-5px;}.elementor-820 .elementor-element.elementor-element-24acfed .elementor-heading-title{color:var( --e-global-color-e3e7100 );}.elementor-820 .elementor-element.elementor-element-429a5c2{color:var( --e-global-color-71e2b11 );}.elementor-820 .elementor-element.elementor-element-c999ccf{--display:flex;--min-height:0vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.88;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E2E2E2;--border-color:#E2E2E2;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-820 .elementor-element.elementor-element-c999ccf::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .e-con-inner > .elementor-background-slideshow::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-820 .elementor-element.elementor-element-c999ccf:hover::before, .elementor-820 .elementor-element.elementor-element-c999ccf:hover > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-c999ccf:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .elementor-background-slideshow:hover::before, .elementor-820 .elementor-element.elementor-element-c999ccf > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:var( --e-global-color-2374e9d );}.elementor-820 .elementor-element.elementor-element-c999ccf:hover{--overlay-opacity:1;}.elementor-820 .elementor-element.elementor-element-c999ccf:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-820 .elementor-element.elementor-element-c999ccf.e-con:hover{--e-con-transform-translateX:5px;--e-con-transform-translateY:-5px;}.elementor-820 .elementor-element.elementor-element-389533c .elementor-heading-title{color:var( --e-global-color-e3e7100 );}.elementor-820 .elementor-element.elementor-element-e3528a3{color:var( --e-global-color-71e2b11 );}.elementor-820 .elementor-element.elementor-element-015e41a{--display:flex;}@media(min-width:768px){.elementor-820 .elementor-element.elementor-element-9b3d7ee{--content-width:775px;}.elementor-820 .elementor-element.elementor-element-cc520bd{--width:25%;}.elementor-820 .elementor-element.elementor-element-fd6d853{--width:25%;}.elementor-820 .elementor-element.elementor-element-9c1a717{--width:25%;}.elementor-820 .elementor-element.elementor-element-c999ccf{--width:25%;}.elementor-820 .elementor-element.elementor-element-015e41a{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-820 .elementor-element.elementor-element-cc520bd{--width:100%;}.elementor-820 .elementor-element.elementor-element-fd6d853{--width:100%;}.elementor-820 .elementor-element.elementor-element-9c1a717{--width:100%;}.elementor-820 .elementor-element.elementor-element-c999ccf{--width:100%;}}@media(max-width:1024px){.elementor-820 .elementor-element.elementor-element-78bbc9f .elementor-heading-title{font-size:35px;}.elementor-820 .elementor-element.elementor-element-993dbfb .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-820 .elementor-element.elementor-element-78bbc9f{text-align:center;}.elementor-820 .elementor-element.elementor-element-78bbc9f .elementor-heading-title{font-size:20px;}.elementor-820 .elementor-element.elementor-element-993dbfb{text-align:center;}.elementor-820 .elementor-element.elementor-element-993dbfb .elementor-heading-title{font-size:20px;}.elementor-820 .elementor-element.elementor-element-791fcb0{font-size:14px;}.elementor-820 .elementor-element.elementor-element-7a32ee0 .elementor-button{font-size:12px;}.elementor-820 .elementor-element.elementor-element-a4adb68 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for container, class: .elementor-element-015e41a *//* ==========================================================================
   1. SOCLE COMMUN — charte, réinitialisation, typographie de base
   Les variables sont déclarées une seule fois pour toute la page.
   ========================================================================== */
:root{
  --navy:#3C2A70;
  --navy-800:#1b2a63;
  --navy-600:#2b3d80;
  --gold:#7E70DF;
  --gold-light:#BFB2F8;
  --ink:#1c2230;
  --muted:#5b6478;
  --line:#e6e9f0;
  --bg:#f4f6f9;
  --white:#fff;
  --radius:10px;
  --shadow-sm:0 2px 10px rgba(21,34,82,.06);
  --shadow-md:0 14px 34px rgba(21,34,82,.13);
  --ease:cubic-bezier(.22,.8,.28,1);

  /* Dérivés */
  --accent:var(--gold);
  --accent-soft:var(--gold-light);
  --tint:rgba(126,112,223,.10);
  --tint-soft:rgba(126,112,223,.06);
  --overlay:rgba(36,26,74,.55);
}

.ac-section *,
.ac-section *::before,
.ac-section *::after{box-sizing:border-box}

html{scroll-behavior:smooth}

.ac-section{
  font-family:"Poppins","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,
              "Montserrat","Asap",Helvetica,Arial,sans-serif;
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;

  /* Indispensable : les animations d'entrée décalent les éléments de ±38px.
     Sans cette ligne, une barre de défilement horizontale apparaît sur mobile
     tant que l'animation n'est pas terminée. */
  overflow-x:hidden;
}
@supports (overflow:clip){
  .ac-section{overflow-x:clip}   /* ne crée pas de contexte de défilement */
}



/* ==========================================================================
   SECTION 01 — #conseil-financement
   Styles issus de s01.html, préfixés par #conseil-financement.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#conseil-financement{
  --pad:clamp(20px,4vw,44px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 01 : CONSEIL EN FINANCEMENT
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* ---------- Wrapper ---------- */
/* .ac-section{
  --pad:clamp(20px,4vw,44px);
  max-width:1400px;
  margin:60px auto;
  background:var(--bg);
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(21,34,82,.10);
} */

/* ============================================================
   1. BANDEAU HAUT
   ============================================================ */
#conseil-financement .ac-top{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.72fr) minmax(0,.46fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Colonne intro --- */
#conseil-financement .ac-intro{padding:var(--pad) clamp(18px,2.6vw,34px) var(--pad) var(--pad);position:relative}

#conseil-financement .ac-head{display:flex;gap:22px;align-items:flex-start}

#conseil-financement .ac-num{
  font-size:clamp(40px,4.4vw,58px);
  font-weight:700;
  line-height:.9;
  color:var(--navy);
  letter-spacing:-2px;
  padding:6px 16px 6px 0;
  border-left:2px solid var(--navy);
  padding-left:16px;
  position:relative;
  flex:none;
}
#conseil-financement .ac-num::after{                       /* liseré doré qui se déploie à l'entrée */
  content:"";position:absolute;left:-2px;top:0;width:2px;height:0;
  background:var(--gold);
  transition:height 1s var(--ease) .35s;
}
#conseil-financement.is-in .ac-num::after, #conseil-financement .is-in .ac-num::after{height:100%}

#conseil-financement .ac-title{
  margin:6px 0 8px;
  font-size:clamp(20px,2.1vw,27px);
  letter-spacing:.055em;
  font-weight:700;
  color:var(--navy);
  text-transform:uppercase;
}
#conseil-financement .ac-subtitle{
  margin:0 0 20px;
  font-size:clamp(13px,1.05vw,15px);
  font-weight:600;
  color:var(--navy-600);
}
#conseil-financement .ac-text{
  margin:0 0 14px;
  max-width:56ch;
  font-size:14px;
  color:var(--muted);
}

/* --- Bouton CTA --- */
#conseil-financement .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#conseil-financement .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#conseil-financement .ac-cta:hover::before, #conseil-financement .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#conseil-financement .ac-cta:hover, #conseil-financement .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#conseil-financement .ac-cta svg{transition:transform .45s var(--ease)}
#conseil-financement .ac-cta:hover svg{transform:translateX(8px)}
#conseil-financement .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#conseil-financement .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* --- Visuel --- */
#conseil-financement .ac-visual{
  position:relative;overflow:hidden;height:450px;margin:0;
  background:#0f1730;
  clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);
  margin-left:-6%;z-index:1;
}
#conseil-financement .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.06);
  transition:transform 1.1s var(--ease),filter .6s var(--ease);
}
#conseil-financement .ac-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(21,34,82,.35),rgba(21,34,82,0) 45%);
  transition:opacity .6s var(--ease);
}
#conseil-financement .ac-visual:hover img{transform:scale(1.14)}
#conseil-financement .ac-visual:hover::after{opacity:.4}

/* --- Panneau objectif --- */
#conseil-financement .ac-goal{
  position:relative;overflow:hidden;
  padding:clamp(24px,2.4vw,36px);
  display:flex;flex-direction:column;justify-content:center;gap:16px;
  color:#fff;
  background:
    radial-gradient(120% 90% at 100% 0%,#2a3a7d 0%,transparent 60%),
    linear-gradient(150deg,#182456 0%,#3C2A70 100%);
}
#conseil-financement .ac-goal::before{                     /* diagonales décoratives */
  content:"";position:absolute;right:-30%;bottom:-30%;width:90%;height:120%;
  background:repeating-linear-gradient(58deg,rgba(255,255,255,.055) 0 2px,transparent 2px 20px);
  transition:transform .9s var(--ease);
}
#conseil-financement .ac-goal:hover::before{transform:translate(-14px,-14px)}
#conseil-financement .ac-goal__icon{width:46px;height:46px;color:var(--gold-light);transition:transform .6s var(--ease)}
#conseil-financement .ac-goal:hover .ac-goal__icon{transform:rotate(-12deg) scale(1.08)}
#conseil-financement .ac-goal h3{margin:0;font-size:16px;letter-spacing:.13em;font-weight:600;text-transform:uppercase}
#conseil-financement .ac-goal p{margin:0;font-size:14px;color:#c8d0ea;max-width:30ch}

/* ============================================================
   2. BANDEAU BAS — 3 COLONNES
   ============================================================ */
#conseil-financement .ac-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.86fr);
  background:var(--white);
  border-top:1px solid var(--line);
}
#conseil-financement .ac-col{padding:clamp(22px,2.5vw,34px);position:relative}
#conseil-financement .ac-col + .ac-col{border-left:1px solid var(--line)}
#conseil-financement .ac-col--targets{border-left:2px solid var(--gold);background:#fdfdfe}

#conseil-financement .ac-col__title{
  margin:0 0 4px;font-size:13.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--navy);
}
#conseil-financement .ac-col__lead{margin:0 0 20px;font-size:12.5px;color:var(--muted)}

/* --- Grille des besoins --- */
#conseil-financement .ac-needs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  list-style:none;margin:0;padding:0;
}
#conseil-financement .ac-need{
  position:relative;overflow:hidden;
  padding:22px 10px 20px;
  text-align:center;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  cursor:default;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
#conseil-financement .ac-need::after{                      /* barre dorée qui monte du bas */
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--gold);
  transform:scaleX(0);transform-origin:center;
  transition:transform .45s var(--ease);
}
#conseil-financement .ac-need:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
#conseil-financement .ac-need:hover::after{transform:scaleX(1)}

#conseil-financement .ac-need__icon{
  width:56px;height:56px;margin:0 auto 12px;
  display:grid;place-items:center;border-radius:50%;
  background:#f1f4fa;color:var(--navy);
  transition:background .45s var(--ease),color .45s var(--ease),transform .55s var(--ease);
}
#conseil-financement .ac-need__icon svg{width:26px;height:26px}
#conseil-financement .ac-need:hover .ac-need__icon{background:var(--navy);color:#fff;transform:translateY(-3px) scale(1.06)}
#conseil-financement .ac-need p{margin:0;font-size:12.5px;line-height:1.45;color:var(--navy-800);font-weight:500}

/* --- Liste des solutions --- */
#conseil-financement .ac-solutions{list-style:none;margin:0;padding:0}
#conseil-financement .ac-solution{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  padding:15px 14px 15px 4px;
  border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;
  transition:padding-left .4s var(--ease);
}
#conseil-financement .ac-solution::before{                 /* fond qui glisse depuis la gauche */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#f3f6fc,rgba(243,246,252,0));
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#conseil-financement .ac-solution:hover::before, #conseil-financement .ac-solution:focus-visible::before{transform:scaleX(1)}
#conseil-financement .ac-solution:hover, #conseil-financement .ac-solution:focus-visible{padding-left:14px;outline:none}

#conseil-financement .ac-solution__num{
  font-size:14px;font-weight:700;color:var(--navy);
  padding-bottom:3px;border-bottom:2px solid var(--gold);
  transition:color .35s var(--ease),transform .45s var(--ease);
}
#conseil-financement .ac-solution:hover .ac-solution__num{color:var(--gold);transform:translateY(-2px)}
#conseil-financement .ac-solution__label{font-size:14px;font-weight:600;color:var(--navy-800);transition:color .35s var(--ease)}
#conseil-financement .ac-solution:hover .ac-solution__label{color:var(--navy)}
#conseil-financement .ac-solution__arrow{width:16px;height:16px;color:#9aa3b8;transition:transform .45s var(--ease),color .35s var(--ease)}
#conseil-financement .ac-solution:hover .ac-solution__arrow{transform:translateX(6px);color:var(--gold)}

/* --- Cibles --- */
#conseil-financement .ac-targets{list-style:none;margin:0;padding:0;display:grid;gap:20px}
#conseil-financement .ac-target{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  padding:8px 8px 8px 10px;border-radius:8px;
  transition:background .4s var(--ease),transform .4s var(--ease);
}
#conseil-financement .ac-target::before{                   /* filet doré à gauche */
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--gold);border-radius:2px;
  transition:height .45s var(--ease);
}
#conseil-financement .ac-target:hover{background:#f6f8fc;transform:translateX(6px)}
#conseil-financement .ac-target:hover::before{height:76%}

#conseil-financement .ac-target__icon{
  width:40px;height:40px;color:var(--navy);flex:none;
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#conseil-financement .ac-target:hover .ac-target__icon{transform:scale(1.1) rotate(-4deg);color:var(--gold)}
#conseil-financement .ac-target h4{margin:0 0 3px;font-size:14px;font-weight:700;color:var(--navy)}
#conseil-financement .ac-target p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE (au scroll)
   ============================================================ */
#conseil-financement [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .9s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#conseil-financement [data-anim="up"]{transform:translateY(34px)}
#conseil-financement [data-anim="left"]{transform:translateX(-38px)}
#conseil-financement [data-anim="right"]{transform:translateX(38px)}
#conseil-financement [data-anim="zoom"]{transform:scale(.94)}
#conseil-financement [data-anim="clip"]{clip-path:inset(0 100% 0 0)}

#conseil-financement.is-in [data-anim], #conseil-financement .is-in [data-anim], #conseil-financement [data-anim].is-in{
  opacity:1;transform:none;clip-path:inset(0 0 0 0);
}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1150px){
  #conseil-financement .ac-top{grid-template-columns:1fr 1fr}
  #conseil-financement .ac-visual{grid-column:1/-1;order:3;margin-left:0;clip-path:none;min-height:280px}
  #conseil-financement .ac-goal{order:2}
  #conseil-financement .ac-bottom{grid-template-columns:1fr 1fr}
  #conseil-financement .ac-col--targets{grid-column:1/-1;border-left:0;border-top:2px solid var(--gold)}
  #conseil-financement .ac-col:nth-child(2){border-left:1px solid var(--line)}
  #conseil-financement .ac-targets{grid-template-columns:1fr 1fr;display:grid}

}
@media (max-width:760px){
  #conseil-financement{margin:0;border-radius:0}
  #conseil-financement .ac-top, #conseil-financement .ac-bottom{grid-template-columns:1fr}
  #conseil-financement .ac-col + .ac-col{border-left:0;border-top:1px solid var(--line)}
  #conseil-financement .ac-needs{grid-template-columns:repeat(2,1fr)}
  #conseil-financement .ac-targets{grid-template-columns:1fr}
  #conseil-financement .ac-cta{width:100%;justify-content:space-between}

}

/* ---------- Accessibilité : mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  #conseil-financement *, #conseil-financement *::before, #conseil-financement *::after{animation:none!important;transition-duration:.01ms!important}
  #conseil-financement [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#conseil-financement [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#conseil-financement{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 02 — #financement-structure
   Styles issus de s02.html, préfixés par #financement-structure.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#financement-structure{
  --deep:#191545;
  --bg:#f7f8fb;
  --shadow-sm:0 2px 10px rgba(30,24,90,.06);
  --shadow-md:0 16px 36px rgba(30,24,90,.15);
  --pad:clamp(20px,3.4vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 02 : FINANCEMENT STRUCTURÉ
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/*.ac-section{
  --pad:clamp(20px,3.4vw,42px);
  max-width:1440px;margin:60px auto;
  background:var(--bg);overflow:hidden;
  box-shadow:0 30px 70px rgba(30,24,90,.10);
}*/

/* ============================================================
   1. BANDEAU HAUT — visuel à gauche / discours à droite
   ============================================================ */
#financement-structure .ac-top{
  display:grid;
  grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Visuel + numéro --- */
#financement-structure .ac-visual{
  position:relative;overflow:hidden;height:400px;margin:0;
  background:#141033;
  clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
  margin-right:-8%;
  z-index:1;
}
#financement-structure .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
  transition:transform 1.2s var(--ease),filter .7s var(--ease);
}
#financement-structure .ac-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(25,21,69,.72) 0%,rgba(25,21,69,.15) 55%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#financement-structure .ac-visual:hover img{transform:scale(1.11)}
#financement-structure .ac-visual:hover::after{opacity:.75}

#financement-structure .ac-num{
  position:absolute;top:clamp(14px,2.4vw,32px);left:clamp(18px,2.6vw,40px);z-index:2;
  margin:0;color:#fff;font-size:clamp(46px,5.4vw,74px);font-weight:700;
  line-height:.9;letter-spacing:-3px;
  text-shadow:0 6px 26px rgba(0,0,0,.45);
  transition:transform .6s var(--ease);
}
#financement-structure .ac-visual:hover .ac-num{transform:translateY(-4px)}
#financement-structure .ac-num::after{                       /* filet doré qui se déploie sous le numéro */
  content:"";position:absolute;left:4px;bottom:-10px;height:3px;width:0;
  background:var(--gold);
  transition:width .9s var(--ease) .5s;
}
#financement-structure.is-in .ac-num::after, #financement-structure .is-in .ac-num::after{width:58%}

/* --- Discours --- */
#financement-structure .ac-intro{
  padding:var(--pad) var(--pad) var(--pad) clamp(34px,5vw,74px);
  display:flex;flex-direction:column;justify-content:center;
}
#financement-structure .ac-title{
  margin:0 0 10px;
  font-size:clamp(21px,2.2vw,30px);font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;color:var(--navy);
}
#financement-structure .ac-subtitle{
  margin:0 0 18px;font-size:clamp(13px,1.15vw,16px);font-weight:600;color:var(--navy-600);
}
#financement-structure .ac-text{margin:0 0 8px;max-width:68ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA --- */
#financement-structure .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#financement-structure .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#financement-structure .ac-cta:hover::before, #financement-structure .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#financement-structure .ac-cta:hover, #financement-structure .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#financement-structure .ac-cta svg{transition:transform .45s var(--ease)}
#financement-structure .ac-cta:hover svg{transform:translateX(8px)}
#financement-structure .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#financement-structure .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* ============================================================
   2. BANDEAU BAS — 3 COLONNES
   ============================================================ */
#financement-structure .ac-bottom{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--white);border-top:1px solid var(--line);
}
#financement-structure .ac-col{padding:clamp(22px,2.5vw,36px)}
#financement-structure .ac-col + .ac-col{border-left:1px solid var(--line)}

#financement-structure .ac-col__title{
  margin:0 0 4px;font-size:14px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--navy);
}
#financement-structure .ac-col__lead{margin:0 0 22px;font-size:12.5px;color:var(--muted)}

/* --- Listes à puces cochées --- */
#financement-structure .ac-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#financement-structure .ac-list li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:8px 10px 8px 4px;border-radius:6px;
  font-size:13.5px;color:var(--ink);
  transition:padding-left .4s var(--ease),color .35s var(--ease);
  cursor:default;
}
#financement-structure .ac-list li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,#f2f3fb,rgba(242,243,251,0));
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#financement-structure .ac-list li:hover::before{transform:scaleX(1)}
#financement-structure .ac-list li:hover{padding-left:12px;color:var(--navy)}

#financement-structure .ac-check{
  width:19px;height:19px;flex:none;color:var(--navy-600);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#financement-structure .ac-check circle{transition:fill .35s var(--ease)}
#financement-structure .ac-list li:hover .ac-check{transform:scale(1.18) rotate(-8deg);color:var(--navy)}
#financement-structure .ac-list li:hover .ac-check circle{fill:rgba(60,51,149,.12)}

/* --- Secteurs d'intervention --- */
#financement-structure .ac-sectors{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;
}
#financement-structure .ac-sector{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:14px 12px;border:1px solid transparent;border-radius:10px;
  background:transparent;cursor:default;
  transition:background .4s var(--ease),border-color .4s var(--ease),
             transform .45s var(--ease),box-shadow .45s var(--ease);
}
#financement-structure .ac-sector__icon{
  width:44px;height:44px;flex:none;color:var(--navy);
  transition:transform .55s var(--ease),color .35s var(--ease);
}
#financement-structure .ac-sector span{font-size:13.5px;font-weight:500;color:var(--ink);transition:color .35s var(--ease)}
#financement-structure .ac-sector:hover{
  background:#fafbfe;border-color:var(--line);
  transform:translateY(-5px);box-shadow:var(--shadow-md);
}
#financement-structure .ac-sector:hover .ac-sector__icon{transform:scale(1.12) rotate(-6deg);color:var(--gold)}
#financement-structure .ac-sector:hover span{color:var(--navy)}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE (au scroll)
   ============================================================ */
#financement-structure [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .95s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#financement-structure [data-anim="up"]{transform:translateY(30px)}
#financement-structure [data-anim="left"]{transform:translateX(-34px)}
#financement-structure [data-anim="right"]{transform:translateX(34px)}
#financement-structure [data-anim="zoom"]{transform:scale(.93)}
#financement-structure [data-anim="clip"]{clip-path:inset(0 100% 0 0)}
#financement-structure [data-anim].is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  #financement-structure .ac-top{grid-template-columns:1fr}
  #financement-structure .ac-visual{clip-path:none;margin-right:0;min-height:260px}
  #financement-structure .ac-intro{padding:var(--pad)}
  #financement-structure .ac-bottom{grid-template-columns:1fr 1fr}
  #financement-structure .ac-col--sectors{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
  #financement-structure .ac-sectors{grid-template-columns:repeat(3,1fr)}

}
@media (max-width:760px){
  #financement-structure{margin:0}
  #financement-structure .ac-bottom{grid-template-columns:1fr}
  #financement-structure .ac-col + .ac-col{border-left:0;border-top:1px solid var(--line)}
  #financement-structure .ac-sectors{grid-template-columns:1fr 1fr}
  #financement-structure .ac-cta{width:100%;justify-content:space-between}

}
@media (prefers-reduced-motion:reduce){
  #financement-structure *, #financement-structure *::before, #financement-structure *::after{transition-duration:.01ms!important;animation:none!important}
  #financement-structure [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#financement-structure [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#financement-structure{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 03 — #investissement-immobilier
   Styles issus de s03.html, préfixés par #investissement-immobilier.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#investissement-immobilier{
  --pad:clamp(20px,3vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 03 : INVESTISSEMENT IMMOBILIER
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* .ac-section{
  max-width:1440px;margin:60px auto;
  background:var(--bg);overflow:hidden;
  box-shadow:0 30px 70px rgba(21,34,82,.10);
}*/

/* /* ============================================================
   1. BANDEAU HAUT — discours + visuel
   ============================================================ */
#investissement-immobilier .ac-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.6fr);
  align-items:stretch;
  background:var(--bg);
}

#investissement-immobilier .ac-intro{padding:var(--pad)}
#investissement-immobilier .ac-head{display:flex;gap:clamp(16px,2vw,26px);align-items:flex-start}

#investissement-immobilier .ac-num{
  position:relative;flex:none;
  padding:4px 0 4px 16px;
  border-left:2px solid var(--navy);
  font-size:clamp(38px,4vw,56px);font-weight:700;line-height:.95;
  letter-spacing:-2px;color:var(--navy);
}
#investissement-immobilier .ac-num::after{
  content:"";position:absolute;left:-2px;top:0;width:2px;height:0;
  background:var(--accent);
  transition:height 1s var(--ease) .35s;
}
#investissement-immobilier.is-in .ac-num::after, #investissement-immobilier .is-in .ac-num::after{height:100%}

#investissement-immobilier .ac-title{
  margin:2px 0 8px;
  font-size:clamp(20px,2.1vw,28px);font-weight:700;
  letter-spacing:.045em;text-transform:uppercase;color:var(--navy);
}
#investissement-immobilier .ac-subtitle{
  margin:0 0 18px;
  font-size:clamp(13px,1.1vw,15.5px);font-weight:600;color:var(--navy-600);
}
#investissement-immobilier .ac-text{margin:0 0 8px;max-width:60ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA --- */
#investissement-immobilier .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#investissement-immobilier .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#investissement-immobilier .ac-cta:hover::before, #investissement-immobilier .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#investissement-immobilier .ac-cta:hover, #investissement-immobilier .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#investissement-immobilier .ac-cta svg{transition:transform .45s var(--ease)}
#investissement-immobilier .ac-cta:hover svg{transform:translateX(8px)}
#investissement-immobilier .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#investissement-immobilier .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* --- Visuel --- */
#investissement-immobilier .ac-media{
  position:relative;overflow:hidden;margin:0;
  background:#241a4a;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
  margin-left:-9%;
}
#investissement-immobilier .ac-media img{
  width:100%;height:100%;min-height:300px;object-fit:cover;display:block;
  transform:scale(1.06);
  transition:transform 1.15s var(--ease);
}
#investissement-immobilier .ac-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,var(--overlay) 0%,rgba(36,26,74,.10) 55%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#investissement-immobilier .ac-media:hover img{transform:scale(1.13)}
#investissement-immobilier .ac-media:hover::after{opacity:.7}

/* Rideau de révélation (clip-path est déjà pris par la diagonale) */
#investissement-immobilier .ac-media[data-anim]::before{
  content:"";position:absolute;inset:-1px;z-index:3;background:var(--bg);
  transition:transform .95s var(--ease);transition-delay:var(--d,0ms);
}
#investissement-immobilier .ac-media[data-anim].is-in::before{transform:translateX(101%)}

/* ============================================================
   2. BANDEAUX DE CONTENU
   ============================================================ */
#investissement-immobilier .ac-band{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);
  background:var(--white);
  border-top:1px solid var(--line);
}
#investissement-immobilier .ac-band--full{grid-template-columns:1fr}          /* bandeau pleine largeur */
#investissement-immobilier .ac-band--half{grid-template-columns:1fr 1fr}      /* deux colonnes égales  */
#investissement-immobilier .ac-cell{padding:clamp(22px,2.5vw,34px)}
#investissement-immobilier .ac-cell + .ac-cell{border-left:1px solid var(--line)}

#investissement-immobilier .ac-cell__title{
  margin:0 0 4px;font-size:13.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--navy);
}

/* ------------------------------------------------------------
   2.1  NOTRE APPROCHE — parcours en 4 étapes
   ------------------------------------------------------------ */
#investissement-immobilier .ac-process{
  --circle:72px;
  --gap:34px;
  list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);
}
#investissement-immobilier .ac-step{position:relative;text-align:center;cursor:default}

/* Flèche de liaison (trait + pointe), posée dans la gouttière de gauche */
#investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{
  content:"";position:absolute;
  opacity:0;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s;
}
#investissement-immobilier .ac-step + .ac-step::before{                    /* le trait */
  top:calc(var(--circle) / 2 - 1px);left:-25px;
  width:18px;height:1.5px;background:var(--accent);
  transform:translateX(-6px);
}
#investissement-immobilier .ac-step + .ac-step::after{                     /* la pointe */
  top:calc(var(--circle) / 2 - 4px);left:-9px;
  width:0;height:0;
  border:4px solid transparent;border-right:0;border-left:6px solid var(--accent);
  transform:translateX(-6px);
}
#investissement-immobilier .ac-step.is-in + .ac-step::before, #investissement-immobilier .ac-step.is-in + .ac-step::after, #investissement-immobilier .ac-step + .ac-step.is-in::before, #investissement-immobilier .ac-step + .ac-step.is-in::after{opacity:1;transform:translateX(0)}

#investissement-immobilier .ac-step__mark{
  width:var(--circle);height:var(--circle);
  margin:0 auto 14px;
  display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;
  background:var(--white);
  color:var(--navy);
  box-shadow:var(--shadow-sm);
  transition:transform .5s var(--ease),background .45s var(--ease),
             color .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}
#investissement-immobilier .ac-step__mark svg{width:32px;height:32px;transition:transform .5s var(--ease)}
#investissement-immobilier .ac-step:hover .ac-step__mark{
  background:var(--navy);border-color:var(--navy);color:var(--white);
  transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-md);
}
#investissement-immobilier .ac-step:hover .ac-step__mark svg{transform:rotate(-6deg)}

#investissement-immobilier .ac-step h4{
  margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--navy);
  transition:color .35s var(--ease);
}
#investissement-immobilier .ac-step:hover h4{color:var(--accent)}
#investissement-immobilier .ac-step p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* ------------------------------------------------------------
   2.2  NOS SOLUTIONS — liste à coches
   ------------------------------------------------------------ */
#investissement-immobilier .ac-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px}
#investissement-immobilier .ac-checks li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:9px 10px 9px 4px;border-radius:6px;
  font-size:13.5px;color:var(--ink);cursor:default;
  transition:padding-left .4s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-checks li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,var(--tint-soft),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#investissement-immobilier .ac-checks li:hover::before{transform:scaleX(1)}
#investissement-immobilier .ac-checks li:hover{padding-left:12px;color:var(--navy)}
#investissement-immobilier .ac-checks__icon{
  width:19px;height:19px;flex:none;color:var(--accent);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-checks__icon circle{transition:fill .35s var(--ease)}
#investissement-immobilier .ac-checks li:hover .ac-checks__icon{transform:scale(1.18) rotate(-8deg);color:var(--navy)}
#investissement-immobilier .ac-checks li:hover .ac-checks__icon circle{fill:var(--tint)}

/* ------------------------------------------------------------
   2.3  TYPES D'OPÉRATIONS — 6 cartes
   ------------------------------------------------------------ */
/* La colonne des types étant plus courte que celle des clients,
   la grille se centre verticalement dans la hauteur restante. */
#investissement-immobilier .ac-cell--ops{display:flex;flex-direction:column}
#investissement-immobilier .ac-types{
  list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  flex:1;align-content:center;
}
#investissement-immobilier .ac-type{
  position:relative;overflow:hidden;
  padding:20px 8px 18px;text-align:center;
  background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);cursor:default;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
#investissement-immobilier .ac-type::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--accent);transform:scaleX(0);
  transition:transform .45s var(--ease);
}
#investissement-immobilier .ac-type:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
#investissement-immobilier .ac-type:hover::after{transform:scaleX(1)}
#investissement-immobilier .ac-type__icon{
  width:34px;height:34px;margin:0 auto 12px;display:block;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-type:hover .ac-type__icon{transform:translateY(-3px) scale(1.1);color:var(--accent)}
#investissement-immobilier .ac-type span{
  display:block;font-size:12.5px;line-height:1.4;font-weight:600;color:var(--navy-800);
}

/* ------------------------------------------------------------
   2.4  NOS CLIENTS — profils d'acteurs
   ------------------------------------------------------------ */
#investissement-immobilier .ac-cell--clients{background:#f5f5f9;border-left:1px solid var(--line)}
#investissement-immobilier .ac-cell__lead{margin:0 0 4px;font-size:12.5px;color:var(--muted)}

#investissement-immobilier .ac-clients{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}
#investissement-immobilier .ac-client{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;
  padding:8px 8px 8px 12px;border-radius:8px;cursor:default;
  transition:background .4s var(--ease),transform .4s var(--ease);
}
#investissement-immobilier .ac-client::before{
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--accent);border-radius:2px;
  transition:height .45s var(--ease);
}
#investissement-immobilier .ac-client:hover{background:var(--white);transform:translateX(6px);box-shadow:var(--shadow-sm)}
#investissement-immobilier .ac-client:hover::before{height:76%}

#investissement-immobilier .ac-client__icon{
  width:40px;height:40px;flex:none;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-client:hover .ac-client__icon{transform:scale(1.1) rotate(-4deg);color:var(--accent)}
#investissement-immobilier .ac-client h4{
  margin:0 0 3px;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--navy);
}
#investissement-immobilier .ac-client p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE
   ============================================================ */
#investissement-immobilier [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#investissement-immobilier [data-anim="up"]{transform:translateY(30px)}
#investissement-immobilier [data-anim="left"]{transform:translateX(-34px)}
#investissement-immobilier [data-anim="right"]{transform:translateX(34px)}
#investissement-immobilier [data-anim="zoom"]{transform:scale(.93)}
#investissement-immobilier [data-anim="fade"]{transform:none}
#investissement-immobilier [data-anim].is-in{opacity:1;transform:none}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1200px){
  #investissement-immobilier .ac-process{grid-template-columns:repeat(2,1fr);row-gap:30px}
  #investissement-immobilier .ac-step:nth-child(3)::before, #investissement-immobilier .ac-step:nth-child(3)::after{display:none}

}
@media (max-width:1000px){
  #investissement-immobilier .ac-top{grid-template-columns:1fr}
  #investissement-immobilier .ac-media{clip-path:none;margin-left:0;order:-1}
  #investissement-immobilier .ac-media img{min-height:260px}
  #investissement-immobilier .ac-band, #investissement-immobilier .ac-band--half{grid-template-columns:1fr}
  #investissement-immobilier .ac-cell + .ac-cell{border-left:0;border-top:1px solid var(--line)}
  #investissement-immobilier .ac-cell--clients{border-left:0}

}
@media (max-width:640px){
  #investissement-immobilier{margin:0}
  #investissement-immobilier .ac-process{grid-template-columns:1fr;row-gap:26px}
  #investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{display:none}
  #investissement-immobilier .ac-types{grid-template-columns:repeat(2,1fr)}
  #investissement-immobilier .ac-cta{width:100%;justify-content:space-between}
  #investissement-immobilier .ac-head{flex-direction:column;gap:6px}

}
@media (max-width:420px){
  #investissement-immobilier .ac-types{grid-template-columns:1fr}

}
@media (prefers-reduced-motion:reduce){
  #investissement-immobilier *, #investissement-immobilier *::before, #investissement-immobilier *::after{transition-duration:.01ms!important;animation:none!important}
  #investissement-immobilier [data-anim]{opacity:1!important;transform:none!important}
  #investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{opacity:1!important;transform:none!important}

}

/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#investissement-immobilier{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 04 — #gestion-patrimoine
   Styles issus de s04.html, préfixés par #gestion-patrimoine.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#gestion-patrimoine{
  --deep:#241a4a;
  --pad:clamp(20px,3vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 04 : GESTION DE PATRIMOINE
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* Wrapper de démonstration — à commenter pour l'intégration WordPress */
#gestion-patrimoine{
  max-width:1440px;margin:60px auto;
  background:var(--white);
  box-shadow:0 30px 70px rgba(21,34,82,.10);
}

/* Indispensable : les animations décalent les éléments de ±34px.
   Sans cela, une barre de défilement horizontale apparaît sur mobile. */
#gestion-patrimoine{overflow-x:hidden}
@supports (overflow:clip){#gestion-patrimoine{overflow-x:clip}
}

/* ============================================================
   1. BANDEAU HAUT — visuel à gauche / discours à droite
   ============================================================ */
#gestion-patrimoine .ac-top{
  display:grid;
  grid-template-columns:minmax(0,.66fr) minmax(0,1fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Visuel + numéro --- */
#gestion-patrimoine .ac-visual{
  position:relative;overflow:hidden;height:360px;margin:0;
  background:var(--deep);
  clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
  margin-right:-6%;
  z-index:1;
}
#gestion-patrimoine .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
  transition:transform 1.2s var(--ease);
}
#gestion-patrimoine .ac-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(36,26,74,.62) 0%,rgba(36,26,74,.12) 58%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#gestion-patrimoine .ac-visual:hover img{transform:scale(1.11)}
#gestion-patrimoine .ac-visual:hover::after{opacity:.78}

#gestion-patrimoine .ac-num{
  position:absolute;top:clamp(14px,2.4vw,30px);left:clamp(18px,2.6vw,38px);z-index:2;
  margin:0;color:var(--white);
  font-size:clamp(42px,4.8vw,66px);font-weight:700;line-height:.9;letter-spacing:-3px;
  text-shadow:0 6px 26px rgba(0,0,0,.45);
  transition:transform .6s var(--ease);
}
#gestion-patrimoine .ac-visual:hover .ac-num{transform:translateY(-4px)}
#gestion-patrimoine .ac-num::after{                       /* filet d'accent sous le numéro */
  content:"";position:absolute;left:4px;bottom:-10px;height:3px;width:0;
  background:var(--accent);
  transition:width .9s var(--ease) .5s;
}
#gestion-patrimoine.is-in .ac-num::after, #gestion-patrimoine .is-in .ac-num::after{width:58%}

/* --- Discours --- */
#gestion-patrimoine .ac-intro{
  padding:var(--pad) var(--pad) var(--pad) clamp(30px,4.4vw,64px);
  display:flex;flex-direction:column;justify-content:center;
}
#gestion-patrimoine .ac-title{
  margin:0 0 8px;
  font-size:clamp(21px,2.2vw,29px);font-weight:700;
  letter-spacing:.035em;text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-subtitle{
  margin:0 0 16px;font-size:clamp(13px,1.1vw,15.5px);font-weight:600;color:var(--navy-600);
}
#gestion-patrimoine .ac-text{margin:0;max-width:66ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA (plein, conforme à la maquette) --- */
#gestion-patrimoine .ac-cta{
  position:relative;isolation:isolate;overflow:hidden;
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:34px;
  margin-top:22px;padding:15px 26px;
  border:0;cursor:pointer;
  background:var(--navy);color:var(--white);text-decoration:none;
  font:inherit;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#gestion-patrimoine .ac-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--accent));
  transform:translateX(-101%);transition:transform .55s var(--ease);
}
#gestion-patrimoine .ac-cta:hover::before, #gestion-patrimoine .ac-cta:focus-visible::before{transform:translateX(0)}
#gestion-patrimoine .ac-cta:hover, #gestion-patrimoine .ac-cta:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px rgba(60,42,112,.32)}
#gestion-patrimoine .ac-cta svg{transition:transform .45s var(--ease)}
#gestion-patrimoine .ac-cta:hover svg{transform:translateX(8px)}

/* ============================================================
   2. BANDEAU GRIS — axes / objectifs / solutions
   ============================================================ */
#gestion-patrimoine .ac-panel{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(20px,2.6vw,40px);
  padding:clamp(24px,2.8vw,38px) clamp(22px,2.6vw,40px);
  background:#f5f6f9;
}
#gestion-patrimoine .ac-col__title{
  margin:0 0 22px;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy);
}

/* --- Nos axes d'accompagnement --- */
#gestion-patrimoine .ac-axes{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,20px);
}
#gestion-patrimoine .ac-axis{
  text-align:center;padding:10px 4px;border-radius:var(--radius);
  cursor:default;
  transition:background .4s var(--ease),transform .45s var(--ease);
}
#gestion-patrimoine .ac-axis:hover{background:var(--white);transform:translateY(-6px);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-axis__icon{
  width:40px;height:40px;margin:0 auto 14px;display:block;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-axis:hover .ac-axis__icon{transform:translateY(-3px) scale(1.1);color:var(--accent)}
#gestion-patrimoine .ac-axis h4{
  margin:0 0 6px;font-size:13px;font-weight:700;color:var(--navy);
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-axis:hover h4{color:var(--accent)}
#gestion-patrimoine .ac-axis p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

/* --- Listes à coches --- */
#gestion-patrimoine .ac-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#gestion-patrimoine .ac-list li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;
  padding:6px 10px 6px 4px;border-radius:6px;
  font-size:13px;color:var(--ink);cursor:default;
  transition:padding-left .4s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-list li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,var(--tint-soft),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#gestion-patrimoine .ac-list li:hover::before{transform:scaleX(1)}
#gestion-patrimoine .ac-list li:hover{padding-left:12px;color:var(--navy)}
#gestion-patrimoine .ac-check{
  width:15px;height:15px;flex:none;color:var(--navy-600);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-list li:hover .ac-check{transform:scale(1.2) rotate(-8deg);color:var(--accent)}

/* ============================================================
   3. À QUI NOUS NOUS ADRESSONS
   ============================================================ */
#gestion-patrimoine .ac-audience{
  padding:clamp(26px,3vw,42px) clamp(22px,2.6vw,40px);
  background:var(--white);
}
#gestion-patrimoine .ac-audience__title{
  margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-audience__lead{margin:0;font-size:12.5px;color:var(--muted)}

#gestion-patrimoine .ac-profiles{
  list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px clamp(20px,2.6vw,40px);
}
#gestion-patrimoine .ac-profile{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:15px;
  padding:9px 9px 9px 13px;border-radius:8px;cursor:default;
  transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
#gestion-patrimoine .ac-profile::before{
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--accent);border-radius:2px;
  transition:height .45s var(--ease);
}
#gestion-patrimoine .ac-profile:hover{background:#f8f7fd;transform:translateX(6px);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-profile:hover::before{height:76%}

#gestion-patrimoine .ac-profile__icon{
  width:38px;height:38px;flex:none;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-profile:hover .ac-profile__icon{transform:scale(1.1) rotate(-4deg);color:var(--accent)}
#gestion-patrimoine .ac-profile h4{
  margin:0 0 3px;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-profile p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* --- Encart FCP --- */
#gestion-patrimoine .ac-highlight{
  position:relative;overflow:hidden;
  margin-top:clamp(24px,2.6vw,34px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:clamp(18px,2.4vw,34px);
  padding:22px clamp(20px,2.2vw,28px);
  border-left:3px solid var(--accent);
  border-radius:var(--radius);
  background:var(--tint-soft);
  transition:background .4s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-highlight:hover{background:var(--tint);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-highlight h4{
  margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--navy);
}
#gestion-patrimoine .ac-highlight p{margin:0;max-width:82ch;font-size:13px;line-height:1.6;color:var(--muted)}

#gestion-patrimoine .ac-link{
  position:relative;flex:none;
  display:inline-flex;align-items:center;gap:12px;
  padding-bottom:5px;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;
  color:var(--navy);text-decoration:none;white-space:nowrap;
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--accent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#gestion-patrimoine .ac-link:hover{color:var(--accent)}
#gestion-patrimoine .ac-link:hover::after{transform:scaleX(1)}
#gestion-patrimoine .ac-link svg{transition:transform .45s var(--ease)}
#gestion-patrimoine .ac-link:hover svg{transform:translateX(6px)}

/* ============================================================
   4. NOTRE ENGAGEMENT À VOS CÔTÉS
   ============================================================ */
#gestion-patrimoine .ac-engage{
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,250px);
  gap:clamp(20px,2.6vw,40px);
  align-items:center;
  padding:clamp(26px,3vw,44px) clamp(22px,2.6vw,40px);
  background:var(--white);
}
#gestion-patrimoine .ac-engage__title{
  margin:0 0 34px;text-align:center;
  font-size:clamp(15px,1.5vw,19px);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--navy);
}

/* --- Parcours en 5 étapes --- */
#gestion-patrimoine .ac-journey{
  --badge:62px;
  --gap:clamp(16px,2.2vw,34px);
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);
}
#gestion-patrimoine .ac-stage{position:relative;text-align:center;cursor:default}

/* Flèche de liaison (trait + pointe) posée dans la gouttière de gauche */
#gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{
  content:"";position:absolute;
  opacity:0;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s;
}
#gestion-patrimoine .ac-stage + .ac-stage::before{                 /* le trait */
  top:calc(var(--badge) / 2 - 1px);
  left:calc(var(--gap) / -2 - 11px);
  width:16px;height:1.5px;background:var(--accent);
  transform:translateX(-6px);
}
#gestion-patrimoine .ac-stage + .ac-stage::after{                  /* la pointe */
  top:calc(var(--badge) / 2 - 4px);
  left:calc(var(--gap) / -2 + 3px);
  width:0;height:0;
  border:4px solid transparent;border-right:0;border-left:6px solid var(--accent);
  transform:translateX(-6px);
}
#gestion-patrimoine .ac-stage.is-in + .ac-stage::before, #gestion-patrimoine .ac-stage.is-in + .ac-stage::after, #gestion-patrimoine .ac-stage + .ac-stage.is-in::before, #gestion-patrimoine .ac-stage + .ac-stage.is-in::after{opacity:1;transform:translateX(0)}

#gestion-patrimoine .ac-stage__badge{
  width:var(--badge);height:var(--badge);
  margin:0 auto 16px;
  display:grid;place-items:center;border-radius:50%;
  background:var(--navy);color:var(--white);
  box-shadow:var(--shadow-sm);
  transition:transform .5s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-stage__badge svg{width:28px;height:28px;transition:transform .5s var(--ease)}
#gestion-patrimoine .ac-stage:hover .ac-stage__badge{
  background:var(--accent);
  transform:translateY(-6px) scale(1.06);
  box-shadow:var(--shadow-md);
}
#gestion-patrimoine .ac-stage:hover .ac-stage__badge svg{transform:rotate(-6deg)}
#gestion-patrimoine .ac-stage h4{
  margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--navy);
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-stage:hover h4{color:var(--accent)}
#gestion-patrimoine .ac-stage p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

/* --- Carte d'engagement --- */
#gestion-patrimoine .ac-pledge{
  position:relative;overflow:hidden;
  padding:clamp(22px,2.2vw,30px);
  border-radius:var(--radius);
  color:var(--white);
  background:
    radial-gradient(120% 90% at 100% 0%,#4a3688 0%,transparent 62%),
    linear-gradient(150deg,#33245f 0%,var(--deep) 100%);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-pledge::before{
  content:"";position:absolute;right:-30%;bottom:-30%;width:90%;height:120%;
  background:repeating-linear-gradient(58deg,rgba(255,255,255,.06) 0 2px,transparent 2px 20px);
  transition:transform .9s var(--ease);
}
#gestion-patrimoine .ac-pledge:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
#gestion-patrimoine .ac-pledge:hover::before{transform:translate(-14px,-14px)}
#gestion-patrimoine .ac-pledge__icon{
  position:relative;z-index:1;
  width:46px;height:46px;margin:0 0 16px;display:block;
  color:var(--accent-soft);
  transition:transform .6s var(--ease);
}
#gestion-patrimoine .ac-pledge:hover .ac-pledge__icon{transform:rotate(-10deg) scale(1.08)}
#gestion-patrimoine .ac-pledge p{
  position:relative;z-index:1;margin:0;
  font-size:15px;font-weight:600;line-height:1.5;
}

/* ============================================================
   5. ANIMATIONS D'ENTRÉE
   ============================================================ */
#gestion-patrimoine [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .95s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#gestion-patrimoine [data-anim="up"]{transform:translateY(30px)}
#gestion-patrimoine [data-anim="left"]{transform:translateX(-34px)}
#gestion-patrimoine [data-anim="right"]{transform:translateX(34px)}
#gestion-patrimoine [data-anim="zoom"]{transform:scale(.93)}
#gestion-patrimoine [data-anim="fade"]{transform:none}
/* 1px visible au lieu de zéro : un élément d'aire nulle n'est jamais
   signalé par IntersectionObserver et ne se révélerait donc jamais. */
#gestion-patrimoine [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}
#gestion-patrimoine [data-anim].is-in{opacity:1;transform:none}
#gestion-patrimoine [data-anim="clip"].is-in{clip-path:inset(0 0 0 0)}

/* ============================================================
   6. RESPONSIVE
   ============================================================ */
@media (max-width:1200px){
  #gestion-patrimoine .ac-panel{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-panel > :first-child{grid-column:1/-1}
  #gestion-patrimoine .ac-engage{grid-template-columns:1fr}
  #gestion-patrimoine .ac-pledge{max-width:640px;margin-inline:auto}

}
@media (max-width:1000px){
  #gestion-patrimoine .ac-top{grid-template-columns:1fr}
  #gestion-patrimoine .ac-visual{clip-path:none;margin-right:0;min-height:260px}
  #gestion-patrimoine .ac-intro{padding:var(--pad)}
  #gestion-patrimoine .ac-profiles{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-journey{grid-template-columns:repeat(3,1fr);row-gap:32px}
  #gestion-patrimoine .ac-stage:nth-child(4)::before, #gestion-patrimoine .ac-stage:nth-child(4)::after{display:none}

}
@media (max-width:760px){
  #gestion-patrimoine{margin:0;max-width:none;box-shadow:none}
  #gestion-patrimoine .ac-panel{grid-template-columns:1fr}
  #gestion-patrimoine .ac-axes{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-highlight{grid-template-columns:1fr;align-items:start}
  #gestion-patrimoine .ac-link{white-space:normal}
  #gestion-patrimoine .ac-journey{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-stage:nth-child(odd)::before, #gestion-patrimoine .ac-stage:nth-child(odd)::after{display:none}
  #gestion-patrimoine .ac-stage:nth-child(4)::before, #gestion-patrimoine .ac-stage:nth-child(4)::after{display:block}
  #gestion-patrimoine .ac-cta{width:100%;justify-content:space-between}

}
@media (max-width:560px){
  #gestion-patrimoine .ac-profiles{grid-template-columns:1fr}

}
@media (max-width:460px){
  #gestion-patrimoine .ac-axes, #gestion-patrimoine .ac-journey{grid-template-columns:1fr}
  #gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{display:none}

}
@media (prefers-reduced-motion:reduce){
  #gestion-patrimoine *, #gestion-patrimoine *::before, #gestion-patrimoine *::after{transition-duration:.01ms!important;animation:none!important}
  #gestion-patrimoine [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}
  #gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{opacity:1!important;transform:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#gestion-patrimoine [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#gestion-patrimoine{max-width:none;margin:0;box-shadow:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-015e41a *//* ==========================================================================
   1. SOCLE COMMUN — charte, réinitialisation, typographie de base
   Les variables sont déclarées une seule fois pour toute la page.
   ========================================================================== */
:root{
  --navy:#3C2A70;
  --navy-800:#1b2a63;
  --navy-600:#2b3d80;
  --gold:#7E70DF;
  --gold-light:#BFB2F8;
  --ink:#1c2230;
  --muted:#5b6478;
  --line:#e6e9f0;
  --bg:#f4f6f9;
  --white:#fff;
  --radius:10px;
  --shadow-sm:0 2px 10px rgba(21,34,82,.06);
  --shadow-md:0 14px 34px rgba(21,34,82,.13);
  --ease:cubic-bezier(.22,.8,.28,1);

  /* Dérivés */
  --accent:var(--gold);
  --accent-soft:var(--gold-light);
  --tint:rgba(126,112,223,.10);
  --tint-soft:rgba(126,112,223,.06);
  --overlay:rgba(36,26,74,.55);
}

.ac-section *,
.ac-section *::before,
.ac-section *::after{box-sizing:border-box}

html{scroll-behavior:smooth}

.ac-section{
  font-family:"Poppins","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,
              "Montserrat","Asap",Helvetica,Arial,sans-serif;
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;

  /* Indispensable : les animations d'entrée décalent les éléments de ±38px.
     Sans cette ligne, une barre de défilement horizontale apparaît sur mobile
     tant que l'animation n'est pas terminée. */
  overflow-x:hidden;
}
@supports (overflow:clip){
  .ac-section{overflow-x:clip}   /* ne crée pas de contexte de défilement */
}



/* ==========================================================================
   SECTION 01 — #conseil-financement
   Styles issus de s01.html, préfixés par #conseil-financement.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#conseil-financement{
  --pad:clamp(20px,4vw,44px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 01 : CONSEIL EN FINANCEMENT
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* ---------- Wrapper ---------- */
/* .ac-section{
  --pad:clamp(20px,4vw,44px);
  max-width:1400px;
  margin:60px auto;
  background:var(--bg);
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(21,34,82,.10);
} */

/* ============================================================
   1. BANDEAU HAUT
   ============================================================ */
#conseil-financement .ac-top{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.72fr) minmax(0,.46fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Colonne intro --- */
#conseil-financement .ac-intro{padding:var(--pad) clamp(18px,2.6vw,34px) var(--pad) var(--pad);position:relative}

#conseil-financement .ac-head{display:flex;gap:22px;align-items:flex-start}

#conseil-financement .ac-num{
  font-size:clamp(40px,4.4vw,58px);
  font-weight:700;
  line-height:.9;
  color:var(--navy);
  letter-spacing:-2px;
  padding:6px 16px 6px 0;
  border-left:2px solid var(--navy);
  padding-left:16px;
  position:relative;
  flex:none;
}
#conseil-financement .ac-num::after{                       /* liseré doré qui se déploie à l'entrée */
  content:"";position:absolute;left:-2px;top:0;width:2px;height:0;
  background:var(--gold);
  transition:height 1s var(--ease) .35s;
}
#conseil-financement.is-in .ac-num::after, #conseil-financement .is-in .ac-num::after{height:100%}

#conseil-financement .ac-title{
  margin:6px 0 8px;
  font-size:clamp(20px,2.1vw,27px);
  letter-spacing:.055em;
  font-weight:700;
  color:var(--navy);
  text-transform:uppercase;
}
#conseil-financement .ac-subtitle{
  margin:0 0 20px;
  font-size:clamp(13px,1.05vw,15px);
  font-weight:600;
  color:var(--navy-600);
}
#conseil-financement .ac-text{
  margin:0 0 14px;
  max-width:56ch;
  font-size:14px;
  color:var(--muted);
}

/* --- Bouton CTA --- */
#conseil-financement .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#conseil-financement .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#conseil-financement .ac-cta:hover::before, #conseil-financement .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#conseil-financement .ac-cta:hover, #conseil-financement .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#conseil-financement .ac-cta svg{transition:transform .45s var(--ease)}
#conseil-financement .ac-cta:hover svg{transform:translateX(8px)}
#conseil-financement .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#conseil-financement .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* --- Visuel --- */
#conseil-financement .ac-visual{
  position:relative;overflow:hidden;height:450px;margin:0;
  background:#0f1730;
  clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);
  margin-left:-6%;z-index:1;
}
#conseil-financement .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.06);
  transition:transform 1.1s var(--ease),filter .6s var(--ease);
}
#conseil-financement .ac-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(21,34,82,.35),rgba(21,34,82,0) 45%);
  transition:opacity .6s var(--ease);
}
#conseil-financement .ac-visual:hover img{transform:scale(1.14)}
#conseil-financement .ac-visual:hover::after{opacity:.4}

/* --- Panneau objectif --- */
#conseil-financement .ac-goal{
  position:relative;overflow:hidden;
  padding:clamp(24px,2.4vw,36px);
  display:flex;flex-direction:column;justify-content:center;gap:16px;
  color:#fff;
  background:
    radial-gradient(120% 90% at 100% 0%,#2a3a7d 0%,transparent 60%),
    linear-gradient(150deg,#182456 0%,#3C2A70 100%);
}
#conseil-financement .ac-goal::before{                     /* diagonales décoratives */
  content:"";position:absolute;right:-30%;bottom:-30%;width:90%;height:120%;
  background:repeating-linear-gradient(58deg,rgba(255,255,255,.055) 0 2px,transparent 2px 20px);
  transition:transform .9s var(--ease);
}
#conseil-financement .ac-goal:hover::before{transform:translate(-14px,-14px)}
#conseil-financement .ac-goal__icon{width:46px;height:46px;color:var(--gold-light);transition:transform .6s var(--ease)}
#conseil-financement .ac-goal:hover .ac-goal__icon{transform:rotate(-12deg) scale(1.08)}
#conseil-financement .ac-goal h3{margin:0;font-size:16px;letter-spacing:.13em;font-weight:600;text-transform:uppercase}
#conseil-financement .ac-goal p{margin:0;font-size:14px;color:#c8d0ea;max-width:30ch}

/* ============================================================
   2. BANDEAU BAS — 3 COLONNES
   ============================================================ */
#conseil-financement .ac-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.86fr);
  background:var(--white);
  border-top:1px solid var(--line);
}
#conseil-financement .ac-col{padding:clamp(22px,2.5vw,34px);position:relative}
#conseil-financement .ac-col + .ac-col{border-left:1px solid var(--line)}
#conseil-financement .ac-col--targets{border-left:2px solid var(--gold);background:#fdfdfe}

#conseil-financement .ac-col__title{
  margin:0 0 4px;font-size:13.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--navy);
}
#conseil-financement .ac-col__lead{margin:0 0 20px;font-size:12.5px;color:var(--muted)}

/* --- Grille des besoins --- */
#conseil-financement .ac-needs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  list-style:none;margin:0;padding:0;
}
#conseil-financement .ac-need{
  position:relative;overflow:hidden;
  padding:22px 10px 20px;
  text-align:center;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  cursor:default;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
#conseil-financement .ac-need::after{                      /* barre dorée qui monte du bas */
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--gold);
  transform:scaleX(0);transform-origin:center;
  transition:transform .45s var(--ease);
}
#conseil-financement .ac-need:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
#conseil-financement .ac-need:hover::after{transform:scaleX(1)}

#conseil-financement .ac-need__icon{
  width:56px;height:56px;margin:0 auto 12px;
  display:grid;place-items:center;border-radius:50%;
  background:#f1f4fa;color:var(--navy);
  transition:background .45s var(--ease),color .45s var(--ease),transform .55s var(--ease);
}
#conseil-financement .ac-need__icon svg{width:26px;height:26px}
#conseil-financement .ac-need:hover .ac-need__icon{background:var(--navy);color:#fff;transform:translateY(-3px) scale(1.06)}
#conseil-financement .ac-need p{margin:0;font-size:12.5px;line-height:1.45;color:var(--navy-800);font-weight:500}

/* --- Liste des solutions --- */
#conseil-financement .ac-solutions{list-style:none;margin:0;padding:0}
#conseil-financement .ac-solution{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  padding:15px 14px 15px 4px;
  border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;
  transition:padding-left .4s var(--ease);
}
#conseil-financement .ac-solution::before{                 /* fond qui glisse depuis la gauche */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#f3f6fc,rgba(243,246,252,0));
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#conseil-financement .ac-solution:hover::before, #conseil-financement .ac-solution:focus-visible::before{transform:scaleX(1)}
#conseil-financement .ac-solution:hover, #conseil-financement .ac-solution:focus-visible{padding-left:14px;outline:none}

#conseil-financement .ac-solution__num{
  font-size:14px;font-weight:700;color:var(--navy);
  padding-bottom:3px;border-bottom:2px solid var(--gold);
  transition:color .35s var(--ease),transform .45s var(--ease);
}
#conseil-financement .ac-solution:hover .ac-solution__num{color:var(--gold);transform:translateY(-2px)}
#conseil-financement .ac-solution__label{font-size:14px;font-weight:600;color:var(--navy-800);transition:color .35s var(--ease)}
#conseil-financement .ac-solution:hover .ac-solution__label{color:var(--navy)}
#conseil-financement .ac-solution__arrow{width:16px;height:16px;color:#9aa3b8;transition:transform .45s var(--ease),color .35s var(--ease)}
#conseil-financement .ac-solution:hover .ac-solution__arrow{transform:translateX(6px);color:var(--gold)}

/* --- Cibles --- */
#conseil-financement .ac-targets{list-style:none;margin:0;padding:0;display:grid;gap:20px}
#conseil-financement .ac-target{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  padding:8px 8px 8px 10px;border-radius:8px;
  transition:background .4s var(--ease),transform .4s var(--ease);
}
#conseil-financement .ac-target::before{                   /* filet doré à gauche */
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--gold);border-radius:2px;
  transition:height .45s var(--ease);
}
#conseil-financement .ac-target:hover{background:#f6f8fc;transform:translateX(6px)}
#conseil-financement .ac-target:hover::before{height:76%}

#conseil-financement .ac-target__icon{
  width:40px;height:40px;color:var(--navy);flex:none;
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#conseil-financement .ac-target:hover .ac-target__icon{transform:scale(1.1) rotate(-4deg);color:var(--gold)}
#conseil-financement .ac-target h4{margin:0 0 3px;font-size:14px;font-weight:700;color:var(--navy)}
#conseil-financement .ac-target p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE (au scroll)
   ============================================================ */
#conseil-financement [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .9s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#conseil-financement [data-anim="up"]{transform:translateY(34px)}
#conseil-financement [data-anim="left"]{transform:translateX(-38px)}
#conseil-financement [data-anim="right"]{transform:translateX(38px)}
#conseil-financement [data-anim="zoom"]{transform:scale(.94)}
#conseil-financement [data-anim="clip"]{clip-path:inset(0 100% 0 0)}

#conseil-financement.is-in [data-anim], #conseil-financement .is-in [data-anim], #conseil-financement [data-anim].is-in{
  opacity:1;transform:none;clip-path:inset(0 0 0 0);
}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1150px){
  #conseil-financement .ac-top{grid-template-columns:1fr 1fr}
  #conseil-financement .ac-visual{grid-column:1/-1;order:3;margin-left:0;clip-path:none;min-height:280px}
  #conseil-financement .ac-goal{order:2}
  #conseil-financement .ac-bottom{grid-template-columns:1fr 1fr}
  #conseil-financement .ac-col--targets{grid-column:1/-1;border-left:0;border-top:2px solid var(--gold)}
  #conseil-financement .ac-col:nth-child(2){border-left:1px solid var(--line)}
  #conseil-financement .ac-targets{grid-template-columns:1fr 1fr;display:grid}

}
@media (max-width:760px){
  #conseil-financement{margin:0;border-radius:0}
  #conseil-financement .ac-top, #conseil-financement .ac-bottom{grid-template-columns:1fr}
  #conseil-financement .ac-col + .ac-col{border-left:0;border-top:1px solid var(--line)}
  #conseil-financement .ac-needs{grid-template-columns:repeat(2,1fr)}
  #conseil-financement .ac-targets{grid-template-columns:1fr}
  #conseil-financement .ac-cta{width:100%;justify-content:space-between}

}

/* ---------- Accessibilité : mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  #conseil-financement *, #conseil-financement *::before, #conseil-financement *::after{animation:none!important;transition-duration:.01ms!important}
  #conseil-financement [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#conseil-financement [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#conseil-financement{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 02 — #financement-structure
   Styles issus de s02.html, préfixés par #financement-structure.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#financement-structure{
  --deep:#191545;
  --bg:#f7f8fb;
  --shadow-sm:0 2px 10px rgba(30,24,90,.06);
  --shadow-md:0 16px 36px rgba(30,24,90,.15);
  --pad:clamp(20px,3.4vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 02 : FINANCEMENT STRUCTURÉ
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/*.ac-section{
  --pad:clamp(20px,3.4vw,42px);
  max-width:1440px;margin:60px auto;
  background:var(--bg);overflow:hidden;
  box-shadow:0 30px 70px rgba(30,24,90,.10);
}*/

/* ============================================================
   1. BANDEAU HAUT — visuel à gauche / discours à droite
   ============================================================ */
#financement-structure .ac-top{
  display:grid;
  grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Visuel + numéro --- */
#financement-structure .ac-visual{
  position:relative;overflow:hidden;height:400px;margin:0;
  background:#141033;
  clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
  margin-right:-8%;
  z-index:1;
}
#financement-structure .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
  transition:transform 1.2s var(--ease),filter .7s var(--ease);
}
#financement-structure .ac-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(25,21,69,.72) 0%,rgba(25,21,69,.15) 55%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#financement-structure .ac-visual:hover img{transform:scale(1.11)}
#financement-structure .ac-visual:hover::after{opacity:.75}

#financement-structure .ac-num{
  position:absolute;top:clamp(14px,2.4vw,32px);left:clamp(18px,2.6vw,40px);z-index:2;
  margin:0;color:#fff;font-size:clamp(46px,5.4vw,74px);font-weight:700;
  line-height:.9;letter-spacing:-3px;
  text-shadow:0 6px 26px rgba(0,0,0,.45);
  transition:transform .6s var(--ease);
}
#financement-structure .ac-visual:hover .ac-num{transform:translateY(-4px)}
#financement-structure .ac-num::after{                       /* filet doré qui se déploie sous le numéro */
  content:"";position:absolute;left:4px;bottom:-10px;height:3px;width:0;
  background:var(--gold);
  transition:width .9s var(--ease) .5s;
}
#financement-structure.is-in .ac-num::after, #financement-structure .is-in .ac-num::after{width:58%}

/* --- Discours --- */
#financement-structure .ac-intro{
  padding:var(--pad) var(--pad) var(--pad) clamp(34px,5vw,74px);
  display:flex;flex-direction:column;justify-content:center;
}
#financement-structure .ac-title{
  margin:0 0 10px;
  font-size:clamp(21px,2.2vw,30px);font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;color:var(--navy);
}
#financement-structure .ac-subtitle{
  margin:0 0 18px;font-size:clamp(13px,1.15vw,16px);font-weight:600;color:var(--navy-600);
}
#financement-structure .ac-text{margin:0 0 8px;max-width:68ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA --- */
#financement-structure .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#financement-structure .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#financement-structure .ac-cta:hover::before, #financement-structure .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#financement-structure .ac-cta:hover, #financement-structure .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#financement-structure .ac-cta svg{transition:transform .45s var(--ease)}
#financement-structure .ac-cta:hover svg{transform:translateX(8px)}
#financement-structure .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#financement-structure .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* ============================================================
   2. BANDEAU BAS — 3 COLONNES
   ============================================================ */
#financement-structure .ac-bottom{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--white);border-top:1px solid var(--line);
}
#financement-structure .ac-col{padding:clamp(22px,2.5vw,36px)}
#financement-structure .ac-col + .ac-col{border-left:1px solid var(--line)}

#financement-structure .ac-col__title{
  margin:0 0 4px;font-size:14px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--navy);
}
#financement-structure .ac-col__lead{margin:0 0 22px;font-size:12.5px;color:var(--muted)}

/* --- Listes à puces cochées --- */
#financement-structure .ac-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#financement-structure .ac-list li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:8px 10px 8px 4px;border-radius:6px;
  font-size:13.5px;color:var(--ink);
  transition:padding-left .4s var(--ease),color .35s var(--ease);
  cursor:default;
}
#financement-structure .ac-list li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,#f2f3fb,rgba(242,243,251,0));
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#financement-structure .ac-list li:hover::before{transform:scaleX(1)}
#financement-structure .ac-list li:hover{padding-left:12px;color:var(--navy)}

#financement-structure .ac-check{
  width:19px;height:19px;flex:none;color:var(--navy-600);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#financement-structure .ac-check circle{transition:fill .35s var(--ease)}
#financement-structure .ac-list li:hover .ac-check{transform:scale(1.18) rotate(-8deg);color:var(--navy)}
#financement-structure .ac-list li:hover .ac-check circle{fill:rgba(60,51,149,.12)}

/* --- Secteurs d'intervention --- */
#financement-structure .ac-sectors{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;
}
#financement-structure .ac-sector{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:14px 12px;border:1px solid transparent;border-radius:10px;
  background:transparent;cursor:default;
  transition:background .4s var(--ease),border-color .4s var(--ease),
             transform .45s var(--ease),box-shadow .45s var(--ease);
}
#financement-structure .ac-sector__icon{
  width:44px;height:44px;flex:none;color:var(--navy);
  transition:transform .55s var(--ease),color .35s var(--ease);
}
#financement-structure .ac-sector span{font-size:13.5px;font-weight:500;color:var(--ink);transition:color .35s var(--ease)}
#financement-structure .ac-sector:hover{
  background:#fafbfe;border-color:var(--line);
  transform:translateY(-5px);box-shadow:var(--shadow-md);
}
#financement-structure .ac-sector:hover .ac-sector__icon{transform:scale(1.12) rotate(-6deg);color:var(--gold)}
#financement-structure .ac-sector:hover span{color:var(--navy)}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE (au scroll)
   ============================================================ */
#financement-structure [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .95s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#financement-structure [data-anim="up"]{transform:translateY(30px)}
#financement-structure [data-anim="left"]{transform:translateX(-34px)}
#financement-structure [data-anim="right"]{transform:translateX(34px)}
#financement-structure [data-anim="zoom"]{transform:scale(.93)}
#financement-structure [data-anim="clip"]{clip-path:inset(0 100% 0 0)}
#financement-structure [data-anim].is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  #financement-structure .ac-top{grid-template-columns:1fr}
  #financement-structure .ac-visual{clip-path:none;margin-right:0;min-height:260px}
  #financement-structure .ac-intro{padding:var(--pad)}
  #financement-structure .ac-bottom{grid-template-columns:1fr 1fr}
  #financement-structure .ac-col--sectors{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
  #financement-structure .ac-sectors{grid-template-columns:repeat(3,1fr)}

}
@media (max-width:760px){
  #financement-structure{margin:0}
  #financement-structure .ac-bottom{grid-template-columns:1fr}
  #financement-structure .ac-col + .ac-col{border-left:0;border-top:1px solid var(--line)}
  #financement-structure .ac-sectors{grid-template-columns:1fr 1fr}
  #financement-structure .ac-cta{width:100%;justify-content:space-between}

}
@media (prefers-reduced-motion:reduce){
  #financement-structure *, #financement-structure *::before, #financement-structure *::after{transition-duration:.01ms!important;animation:none!important}
  #financement-structure [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#financement-structure [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#financement-structure{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 03 — #investissement-immobilier
   Styles issus de s03.html, préfixés par #investissement-immobilier.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#investissement-immobilier{
  --pad:clamp(20px,3vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 03 : INVESTISSEMENT IMMOBILIER
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* .ac-section{
  max-width:1440px;margin:60px auto;
  background:var(--bg);overflow:hidden;
  box-shadow:0 30px 70px rgba(21,34,82,.10);
}*/

/* /* ============================================================
   1. BANDEAU HAUT — discours + visuel
   ============================================================ */
#investissement-immobilier .ac-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.6fr);
  align-items:stretch;
  background:var(--bg);
}

#investissement-immobilier .ac-intro{padding:var(--pad)}
#investissement-immobilier .ac-head{display:flex;gap:clamp(16px,2vw,26px);align-items:flex-start}

#investissement-immobilier .ac-num{
  position:relative;flex:none;
  padding:4px 0 4px 16px;
  border-left:2px solid var(--navy);
  font-size:clamp(38px,4vw,56px);font-weight:700;line-height:.95;
  letter-spacing:-2px;color:var(--navy);
}
#investissement-immobilier .ac-num::after{
  content:"";position:absolute;left:-2px;top:0;width:2px;height:0;
  background:var(--accent);
  transition:height 1s var(--ease) .35s;
}
#investissement-immobilier.is-in .ac-num::after, #investissement-immobilier .is-in .ac-num::after{height:100%}

#investissement-immobilier .ac-title{
  margin:2px 0 8px;
  font-size:clamp(20px,2.1vw,28px);font-weight:700;
  letter-spacing:.045em;text-transform:uppercase;color:var(--navy);
}
#investissement-immobilier .ac-subtitle{
  margin:0 0 18px;
  font-size:clamp(13px,1.1vw,15.5px);font-weight:600;color:var(--navy-600);
}
#investissement-immobilier .ac-text{margin:0 0 8px;max-width:60ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA --- */
#investissement-immobilier .ac-cta{
  position:relative;
  display:inline-flex;align-items:center;gap:36px;
  margin-top:14px;
  padding:16px 26px 16px 5px;
  border:0;cursor:pointer;
  /*background:var(--navy);  */
  color:#3C2A70;
  font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#investissement-immobilier .ac-cta::before{                      /* balayage doré au survol */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--gold));
  transform:translateX(-101%);
  transition:transform .55s var(--ease);
  text-decoration:none;
}
#investissement-immobilier .ac-cta:hover::before, #investissement-immobilier .ac-cta:focus-visible::before{text-decoration:none;transform:translateX(0)}
#investissement-immobilier .ac-cta:hover, #investissement-immobilier .ac-cta:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 30px rgba(21,34,82,.32); color:#fff;}
#investissement-immobilier .ac-cta svg{transition:transform .45s var(--ease)}
#investissement-immobilier .ac-cta:hover svg{transform:translateX(8px)}
#investissement-immobilier .ac-cta::after{                       /* soulignement doré */
  content:"";position:absolute;left:26px;right:26px;bottom:11px;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease) .08s;
  color:#fff;
  text-decoration: none;
}
#investissement-immobilier .ac-cta:hover::after{text-decoration:none;transform:scaleX(1)}

/* --- Visuel --- */
#investissement-immobilier .ac-media{
  position:relative;overflow:hidden;margin:0;
  background:#241a4a;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
  margin-left:-9%;
}
#investissement-immobilier .ac-media img{
  width:100%;height:100%;min-height:300px;object-fit:cover;display:block;
  transform:scale(1.06);
  transition:transform 1.15s var(--ease);
}
#investissement-immobilier .ac-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,var(--overlay) 0%,rgba(36,26,74,.10) 55%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#investissement-immobilier .ac-media:hover img{transform:scale(1.13)}
#investissement-immobilier .ac-media:hover::after{opacity:.7}

/* Rideau de révélation (clip-path est déjà pris par la diagonale) */
#investissement-immobilier .ac-media[data-anim]::before{
  content:"";position:absolute;inset:-1px;z-index:3;background:var(--bg);
  transition:transform .95s var(--ease);transition-delay:var(--d,0ms);
}
#investissement-immobilier .ac-media[data-anim].is-in::before{transform:translateX(101%)}

/* ============================================================
   2. BANDEAUX DE CONTENU
   ============================================================ */
#investissement-immobilier .ac-band{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);
  background:var(--white);
  border-top:1px solid var(--line);
}
#investissement-immobilier .ac-band--full{grid-template-columns:1fr}          /* bandeau pleine largeur */
#investissement-immobilier .ac-band--half{grid-template-columns:1fr 1fr}      /* deux colonnes égales  */
#investissement-immobilier .ac-cell{padding:clamp(22px,2.5vw,34px)}
#investissement-immobilier .ac-cell + .ac-cell{border-left:1px solid var(--line)}

#investissement-immobilier .ac-cell__title{
  margin:0 0 4px;font-size:13.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--navy);
}

/* ------------------------------------------------------------
   2.1  NOTRE APPROCHE — parcours en 4 étapes
   ------------------------------------------------------------ */
#investissement-immobilier .ac-process{
  --circle:72px;
  --gap:34px;
  list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);
}
#investissement-immobilier .ac-step{position:relative;text-align:center;cursor:default}

/* Flèche de liaison (trait + pointe), posée dans la gouttière de gauche */
#investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{
  content:"";position:absolute;
  opacity:0;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s;
}
#investissement-immobilier .ac-step + .ac-step::before{                    /* le trait */
  top:calc(var(--circle) / 2 - 1px);left:-25px;
  width:18px;height:1.5px;background:var(--accent);
  transform:translateX(-6px);
}
#investissement-immobilier .ac-step + .ac-step::after{                     /* la pointe */
  top:calc(var(--circle) / 2 - 4px);left:-9px;
  width:0;height:0;
  border:4px solid transparent;border-right:0;border-left:6px solid var(--accent);
  transform:translateX(-6px);
}
#investissement-immobilier .ac-step.is-in + .ac-step::before, #investissement-immobilier .ac-step.is-in + .ac-step::after, #investissement-immobilier .ac-step + .ac-step.is-in::before, #investissement-immobilier .ac-step + .ac-step.is-in::after{opacity:1;transform:translateX(0)}

#investissement-immobilier .ac-step__mark{
  width:var(--circle);height:var(--circle);
  margin:0 auto 14px;
  display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;
  background:var(--white);
  color:var(--navy);
  box-shadow:var(--shadow-sm);
  transition:transform .5s var(--ease),background .45s var(--ease),
             color .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}
#investissement-immobilier .ac-step__mark svg{width:32px;height:32px;transition:transform .5s var(--ease)}
#investissement-immobilier .ac-step:hover .ac-step__mark{
  background:var(--navy);border-color:var(--navy);color:var(--white);
  transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-md);
}
#investissement-immobilier .ac-step:hover .ac-step__mark svg{transform:rotate(-6deg)}

#investissement-immobilier .ac-step h4{
  margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--navy);
  transition:color .35s var(--ease);
}
#investissement-immobilier .ac-step:hover h4{color:var(--accent)}
#investissement-immobilier .ac-step p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* ------------------------------------------------------------
   2.2  NOS SOLUTIONS — liste à coches
   ------------------------------------------------------------ */
#investissement-immobilier .ac-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px}
#investissement-immobilier .ac-checks li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  padding:9px 10px 9px 4px;border-radius:6px;
  font-size:13.5px;color:var(--ink);cursor:default;
  transition:padding-left .4s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-checks li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,var(--tint-soft),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#investissement-immobilier .ac-checks li:hover::before{transform:scaleX(1)}
#investissement-immobilier .ac-checks li:hover{padding-left:12px;color:var(--navy)}
#investissement-immobilier .ac-checks__icon{
  width:19px;height:19px;flex:none;color:var(--accent);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-checks__icon circle{transition:fill .35s var(--ease)}
#investissement-immobilier .ac-checks li:hover .ac-checks__icon{transform:scale(1.18) rotate(-8deg);color:var(--navy)}
#investissement-immobilier .ac-checks li:hover .ac-checks__icon circle{fill:var(--tint)}

/* ------------------------------------------------------------
   2.3  TYPES D'OPÉRATIONS — 6 cartes
   ------------------------------------------------------------ */
/* La colonne des types étant plus courte que celle des clients,
   la grille se centre verticalement dans la hauteur restante. */
#investissement-immobilier .ac-cell--ops{display:flex;flex-direction:column}
#investissement-immobilier .ac-types{
  list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  flex:1;align-content:center;
}
#investissement-immobilier .ac-type{
  position:relative;overflow:hidden;
  padding:20px 8px 18px;text-align:center;
  background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);cursor:default;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
#investissement-immobilier .ac-type::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--accent);transform:scaleX(0);
  transition:transform .45s var(--ease);
}
#investissement-immobilier .ac-type:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
#investissement-immobilier .ac-type:hover::after{transform:scaleX(1)}
#investissement-immobilier .ac-type__icon{
  width:34px;height:34px;margin:0 auto 12px;display:block;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-type:hover .ac-type__icon{transform:translateY(-3px) scale(1.1);color:var(--accent)}
#investissement-immobilier .ac-type span{
  display:block;font-size:12.5px;line-height:1.4;font-weight:600;color:var(--navy-800);
}

/* ------------------------------------------------------------
   2.4  NOS CLIENTS — profils d'acteurs
   ------------------------------------------------------------ */
#investissement-immobilier .ac-cell--clients{background:#f5f5f9;border-left:1px solid var(--line)}
#investissement-immobilier .ac-cell__lead{margin:0 0 4px;font-size:12.5px;color:var(--muted)}

#investissement-immobilier .ac-clients{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}
#investissement-immobilier .ac-client{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;
  padding:8px 8px 8px 12px;border-radius:8px;cursor:default;
  transition:background .4s var(--ease),transform .4s var(--ease);
}
#investissement-immobilier .ac-client::before{
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--accent);border-radius:2px;
  transition:height .45s var(--ease);
}
#investissement-immobilier .ac-client:hover{background:var(--white);transform:translateX(6px);box-shadow:var(--shadow-sm)}
#investissement-immobilier .ac-client:hover::before{height:76%}

#investissement-immobilier .ac-client__icon{
  width:40px;height:40px;flex:none;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#investissement-immobilier .ac-client:hover .ac-client__icon{transform:scale(1.1) rotate(-4deg);color:var(--accent)}
#investissement-immobilier .ac-client h4{
  margin:0 0 3px;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--navy);
}
#investissement-immobilier .ac-client p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* ============================================================
   3. ANIMATIONS D'ENTRÉE
   ============================================================ */
#investissement-immobilier [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#investissement-immobilier [data-anim="up"]{transform:translateY(30px)}
#investissement-immobilier [data-anim="left"]{transform:translateX(-34px)}
#investissement-immobilier [data-anim="right"]{transform:translateX(34px)}
#investissement-immobilier [data-anim="zoom"]{transform:scale(.93)}
#investissement-immobilier [data-anim="fade"]{transform:none}
#investissement-immobilier [data-anim].is-in{opacity:1;transform:none}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:1200px){
  #investissement-immobilier .ac-process{grid-template-columns:repeat(2,1fr);row-gap:30px}
  #investissement-immobilier .ac-step:nth-child(3)::before, #investissement-immobilier .ac-step:nth-child(3)::after{display:none}

}
@media (max-width:1000px){
  #investissement-immobilier .ac-top{grid-template-columns:1fr}
  #investissement-immobilier .ac-media{clip-path:none;margin-left:0;order:-1}
  #investissement-immobilier .ac-media img{min-height:260px}
  #investissement-immobilier .ac-band, #investissement-immobilier .ac-band--half{grid-template-columns:1fr}
  #investissement-immobilier .ac-cell + .ac-cell{border-left:0;border-top:1px solid var(--line)}
  #investissement-immobilier .ac-cell--clients{border-left:0}

}
@media (max-width:640px){
  #investissement-immobilier{margin:0}
  #investissement-immobilier .ac-process{grid-template-columns:1fr;row-gap:26px}
  #investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{display:none}
  #investissement-immobilier .ac-types{grid-template-columns:repeat(2,1fr)}
  #investissement-immobilier .ac-cta{width:100%;justify-content:space-between}
  #investissement-immobilier .ac-head{flex-direction:column;gap:6px}

}
@media (max-width:420px){
  #investissement-immobilier .ac-types{grid-template-columns:1fr}

}
@media (prefers-reduced-motion:reduce){
  #investissement-immobilier *, #investissement-immobilier *::before, #investissement-immobilier *::after{transition-duration:.01ms!important;animation:none!important}
  #investissement-immobilier [data-anim]{opacity:1!important;transform:none!important}
  #investissement-immobilier .ac-step + .ac-step::before, #investissement-immobilier .ac-step + .ac-step::after{opacity:1!important;transform:none!important}

}

/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#investissement-immobilier{max-width:none;margin:0;box-shadow:none}



/* ==========================================================================
   SECTION 04 — #gestion-patrimoine
   Styles issus de s04.html, préfixés par #gestion-patrimoine.
   ========================================================================== */
/* Variables propres à cette section (valeurs différentes de la charte
   commune, reprises telles quelles du fichier d'origine). */
#gestion-patrimoine{
  --deep:#241a4a;
  --pad:clamp(20px,3vw,42px);
}

/* ============================================================
   ASCENT CAPITAL — SECTION 04 : GESTION DE PATRIMOINE
   HTML + CSS + animations d'entrée & effets hover
   ============================================================ */







/* Wrapper de démonstration — à commenter pour l'intégration WordPress */
#gestion-patrimoine{
  max-width:1440px;margin:60px auto;
  background:var(--white);
  box-shadow:0 30px 70px rgba(21,34,82,.10);
}

/* Indispensable : les animations décalent les éléments de ±34px.
   Sans cela, une barre de défilement horizontale apparaît sur mobile. */
#gestion-patrimoine{overflow-x:hidden}
@supports (overflow:clip){#gestion-patrimoine{overflow-x:clip}
}

/* ============================================================
   1. BANDEAU HAUT — visuel à gauche / discours à droite
   ============================================================ */
#gestion-patrimoine .ac-top{
  display:grid;
  grid-template-columns:minmax(0,.66fr) minmax(0,1fr);
  align-items:stretch;
  background:var(--bg);
}

/* --- Visuel + numéro --- */
#gestion-patrimoine .ac-visual{
  position:relative;overflow:hidden;height:400px;margin:0;
  background:var(--deep);
  clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
  margin-right:-6%;
  z-index:1;
}
#gestion-patrimoine .ac-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
  transition:transform 1.2s var(--ease);
}
#gestion-patrimoine .ac-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(36,26,74,.62) 0%,rgba(36,26,74,.12) 58%,transparent 100%);
  transition:opacity .7s var(--ease);
}
#gestion-patrimoine .ac-visual:hover img{transform:scale(1.11)}
#gestion-patrimoine .ac-visual:hover::after{opacity:.78}

#gestion-patrimoine .ac-num{
  position:absolute;top:clamp(14px,2.4vw,30px);left:clamp(18px,2.6vw,38px);z-index:2;
  margin:0;color:var(--white);
  font-size:clamp(42px,4.8vw,66px);font-weight:700;line-height:.9;letter-spacing:-3px;
  text-shadow:0 6px 26px rgba(0,0,0,.45);
  transition:transform .6s var(--ease);
}
#gestion-patrimoine .ac-visual:hover .ac-num{transform:translateY(-4px)}
#gestion-patrimoine .ac-num::after{                       /* filet d'accent sous le numéro */
  content:"";position:absolute;left:4px;bottom:-10px;height:3px;width:0;
  background:var(--accent);
  transition:width .9s var(--ease) .5s;
}
#gestion-patrimoine.is-in .ac-num::after, #gestion-patrimoine .is-in .ac-num::after{width:58%}

/* --- Discours --- */
#gestion-patrimoine .ac-intro{
  padding:var(--pad) var(--pad) var(--pad) clamp(30px,4.4vw,64px);
  display:flex;flex-direction:column;justify-content:center;
}
#gestion-patrimoine .ac-title{
  margin:0 0 8px;
  font-size:clamp(21px,2.2vw,29px);font-weight:700;
  letter-spacing:.035em;text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-subtitle{
  margin:0 0 16px;font-size:clamp(13px,1.1vw,15.5px);font-weight:600;color:var(--navy-600);
}
#gestion-patrimoine .ac-text{margin:0;max-width:66ch;font-size:14px;color:var(--muted)}

/* --- Bouton CTA (plein, conforme à la maquette) --- */
#gestion-patrimoine .ac-cta{
  position:relative;isolation:isolate;overflow:hidden;
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:34px;
  margin-top:22px;padding:15px 5px;
  border:0;cursor:pointer;
  background:var(--bg);
  color:var(--navy);text-decoration:none;
  font:inherit;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
#gestion-patrimoine .ac-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--navy-600),var(--accent));color:var(--white);
  transform:translateX(-101%);transition:transform .55s var(--ease);
}
#gestion-patrimoine .ac-cta:hover::before, #gestion-patrimoine .ac-cta:focus-visible::before{transform:translateX(0)}
#gestion-patrimoine .ac-cta:hover, #gestion-patrimoine .ac-cta:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px rgba(60,42,112,.32);color:var(--white);}
#gestion-patrimoine .ac-cta svg{transition:transform .45s var(--ease)}
#gestion-patrimoine .ac-cta:hover svg{transform:translateX(8px)}

/* ============================================================
   2. BANDEAU GRIS — axes / objectifs / solutions
   ============================================================ */
#gestion-patrimoine .ac-panel{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(20px,2.6vw,40px);
  padding:clamp(24px,2.8vw,38px) clamp(22px,2.6vw,40px);
  background:#f5f6f9;
}
#gestion-patrimoine .ac-col__title{
  margin:0 0 22px;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy);
}

/* --- Nos axes d'accompagnement --- */
#gestion-patrimoine .ac-axes{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,20px);
}
#gestion-patrimoine .ac-axis{
  text-align:center;padding:10px 4px;border-radius:var(--radius);
  cursor:default;
  transition:background .4s var(--ease),transform .45s var(--ease);
}
#gestion-patrimoine .ac-axis:hover{background:var(--white);transform:translateY(-6px);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-axis__icon{
  width:40px;height:40px;margin:0 auto 14px;display:block;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-axis:hover .ac-axis__icon{transform:translateY(-3px) scale(1.1);color:var(--accent)}
#gestion-patrimoine .ac-axis h4{
  margin:0 0 6px;font-size:13px;font-weight:700;color:var(--navy);
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-axis:hover h4{color:var(--accent)}
#gestion-patrimoine .ac-axis p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

/* --- Listes à coches --- */
#gestion-patrimoine .ac-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#gestion-patrimoine .ac-list li{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;
  padding:6px 10px 6px 4px;border-radius:6px;
  font-size:13px;color:var(--ink);cursor:default;
  transition:padding-left .4s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-list li::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:6px;
  background:linear-gradient(90deg,var(--tint-soft),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#gestion-patrimoine .ac-list li:hover::before{transform:scaleX(1)}
#gestion-patrimoine .ac-list li:hover{padding-left:12px;color:var(--navy)}
#gestion-patrimoine .ac-check{
  width:15px;height:15px;flex:none;color:var(--navy-600);
  transition:transform .45s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-list li:hover .ac-check{transform:scale(1.2) rotate(-8deg);color:var(--accent)}

/* ============================================================
   3. À QUI NOUS NOUS ADRESSONS
   ============================================================ */
#gestion-patrimoine .ac-audience{
  padding:clamp(26px,3vw,42px) clamp(22px,2.6vw,40px);
  background:var(--white);
}
#gestion-patrimoine .ac-audience__title{
  margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-audience__lead{margin:0;font-size:12.5px;color:var(--muted)}

#gestion-patrimoine .ac-profiles{
  list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px clamp(20px,2.6vw,40px);
}
#gestion-patrimoine .ac-profile{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:15px;
  padding:9px 9px 9px 13px;border-radius:8px;cursor:default;
  transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
#gestion-patrimoine .ac-profile::before{
  content:"";position:absolute;left:0;top:12%;width:2px;height:0;
  background:var(--accent);border-radius:2px;
  transition:height .45s var(--ease);
}
#gestion-patrimoine .ac-profile:hover{background:#f8f7fd;transform:translateX(6px);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-profile:hover::before{height:76%}

#gestion-patrimoine .ac-profile__icon{
  width:38px;height:38px;flex:none;color:var(--navy);
  transition:transform .5s var(--ease),color .35s var(--ease);
}
#gestion-patrimoine .ac-profile:hover .ac-profile__icon{transform:scale(1.1) rotate(-4deg);color:var(--accent)}
#gestion-patrimoine .ac-profile h4{
  margin:0 0 3px;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--navy);
}
#gestion-patrimoine .ac-profile p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* --- Encart FCP --- */
#gestion-patrimoine .ac-highlight{
  position:relative;overflow:hidden;
  margin-top:clamp(24px,2.6vw,34px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:clamp(18px,2.4vw,34px);
  padding:22px clamp(20px,2.2vw,28px);
  border-left:3px solid var(--accent);
  border-radius:var(--radius);
  background:var(--tint-soft);
  transition:background .4s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-highlight:hover{background:var(--tint);box-shadow:var(--shadow-sm)}
#gestion-patrimoine .ac-highlight h4{
  margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--navy);
}
#gestion-patrimoine .ac-highlight p{margin:0;max-width:82ch;font-size:13px;line-height:1.6;color:var(--muted)}

#gestion-patrimoine .ac-link{
  position:relative;flex:none;
  display:inline-flex;align-items:center;gap:12px;
  padding-bottom:5px;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;
  color:var(--navy);text-decoration:none;white-space:nowrap;
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--accent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease);
}
#gestion-patrimoine .ac-link:hover{color:var(--accent)}
#gestion-patrimoine .ac-link:hover::after{transform:scaleX(1)}
#gestion-patrimoine .ac-link svg{transition:transform .45s var(--ease)}
#gestion-patrimoine .ac-link:hover svg{transform:translateX(6px)}

/* ============================================================
   4. NOTRE ENGAGEMENT À VOS CÔTÉS
   ============================================================ */
#gestion-patrimoine .ac-engage{
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,250px);
  gap:clamp(20px,2.6vw,40px);
  align-items:center;
  padding:clamp(26px,3vw,44px) clamp(22px,2.6vw,40px);
  background:var(--white);
}
#gestion-patrimoine .ac-engage__title{
  margin:0 0 34px;text-align:center;
  font-size:clamp(15px,1.5vw,19px);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--navy);
}

/* --- Parcours en 5 étapes --- */
#gestion-patrimoine .ac-journey{
  --badge:62px;
  --gap:clamp(16px,2.2vw,34px);
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);
}
#gestion-patrimoine .ac-stage{position:relative;text-align:center;cursor:default}

/* Flèche de liaison (trait + pointe) posée dans la gouttière de gauche */
#gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{
  content:"";position:absolute;
  opacity:0;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s;
}
#gestion-patrimoine .ac-stage + .ac-stage::before{                 /* le trait */
  top:calc(var(--badge) / 2 - 1px);
  left:calc(var(--gap) / -2 - 11px);
  width:16px;height:1.5px;background:var(--accent);
  transform:translateX(-6px);
}
#gestion-patrimoine .ac-stage + .ac-stage::after{                  /* la pointe */
  top:calc(var(--badge) / 2 - 4px);
  left:calc(var(--gap) / -2 + 3px);
  width:0;height:0;
  border:4px solid transparent;border-right:0;border-left:6px solid var(--accent);
  transform:translateX(-6px);
}
#gestion-patrimoine .ac-stage.is-in + .ac-stage::before, #gestion-patrimoine .ac-stage.is-in + .ac-stage::after, #gestion-patrimoine .ac-stage + .ac-stage.is-in::before, #gestion-patrimoine .ac-stage + .ac-stage.is-in::after{opacity:1;transform:translateX(0)}

#gestion-patrimoine .ac-stage__badge{
  width:var(--badge);height:var(--badge);
  margin:0 auto 16px;
  display:grid;place-items:center;border-radius:50%;
  background:var(--navy);color:var(--white);
  box-shadow:var(--shadow-sm);
  transition:transform .5s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-stage__badge svg{width:28px;height:28px;transition:transform .5s var(--ease)}
#gestion-patrimoine .ac-stage:hover .ac-stage__badge{
  background:var(--accent);
  transform:translateY(-6px) scale(1.06);
  box-shadow:var(--shadow-md);
}
#gestion-patrimoine .ac-stage:hover .ac-stage__badge svg{transform:rotate(-6deg)}
#gestion-patrimoine .ac-stage h4{
  margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--navy);
  transition:color .35s var(--ease);
}
#gestion-patrimoine .ac-stage:hover h4{color:var(--accent)}
#gestion-patrimoine .ac-stage p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

/* --- Carte d'engagement --- */
#gestion-patrimoine .ac-pledge{
  position:relative;overflow:hidden;
  padding:clamp(22px,2.2vw,30px);
  border-radius:var(--radius);
  color:var(--white);
  background:
    radial-gradient(120% 90% at 100% 0%,#4a3688 0%,transparent 62%),
    linear-gradient(150deg,#33245f 0%,var(--deep) 100%);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
#gestion-patrimoine .ac-pledge::before{
  content:"";position:absolute;right:-30%;bottom:-30%;width:90%;height:120%;
  background:repeating-linear-gradient(58deg,rgba(255,255,255,.06) 0 2px,transparent 2px 20px);
  transition:transform .9s var(--ease);
}
#gestion-patrimoine .ac-pledge:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
#gestion-patrimoine .ac-pledge:hover::before{transform:translate(-14px,-14px)}
#gestion-patrimoine .ac-pledge__icon{
  position:relative;z-index:1;
  width:46px;height:46px;margin:0 0 16px;display:block;
  color:var(--accent-soft);
  transition:transform .6s var(--ease);
}
#gestion-patrimoine .ac-pledge:hover .ac-pledge__icon{transform:rotate(-10deg) scale(1.08)}
#gestion-patrimoine .ac-pledge p{
  position:relative;z-index:1;margin:0;
  font-size:15px;font-weight:600;line-height:1.5;
}

/* ============================================================
   5. ANIMATIONS D'ENTRÉE
   ============================================================ */
#gestion-patrimoine [data-anim]{
  opacity:0;
  transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .95s var(--ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
#gestion-patrimoine [data-anim="up"]{transform:translateY(30px)}
#gestion-patrimoine [data-anim="left"]{transform:translateX(-34px)}
#gestion-patrimoine [data-anim="right"]{transform:translateX(34px)}
#gestion-patrimoine [data-anim="zoom"]{transform:scale(.93)}
#gestion-patrimoine [data-anim="fade"]{transform:none}
/* 1px visible au lieu de zéro : un élément d'aire nulle n'est jamais
   signalé par IntersectionObserver et ne se révélerait donc jamais. */
#gestion-patrimoine [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}
#gestion-patrimoine [data-anim].is-in{opacity:1;transform:none}
#gestion-patrimoine [data-anim="clip"].is-in{clip-path:inset(0 0 0 0)}

/* ============================================================
   6. RESPONSIVE
   ============================================================ */
@media (max-width:1200px){
  #gestion-patrimoine .ac-panel{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-panel > :first-child{grid-column:1/-1}
  #gestion-patrimoine .ac-engage{grid-template-columns:1fr}
  #gestion-patrimoine .ac-pledge{max-width:640px;margin-inline:auto}

}
@media (max-width:1000px){
  #gestion-patrimoine .ac-top{grid-template-columns:1fr}
  #gestion-patrimoine .ac-visual{clip-path:none;margin-right:0;min-height:260px}
  #gestion-patrimoine .ac-intro{padding:var(--pad)}
  #gestion-patrimoine .ac-profiles{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-journey{grid-template-columns:repeat(3,1fr);row-gap:32px}
  #gestion-patrimoine .ac-stage:nth-child(4)::before, #gestion-patrimoine .ac-stage:nth-child(4)::after{display:none}

}
@media (max-width:760px){
  #gestion-patrimoine{margin:0;max-width:none;box-shadow:none}
  #gestion-patrimoine .ac-panel{grid-template-columns:1fr}
  #gestion-patrimoine .ac-axes{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-highlight{grid-template-columns:1fr;align-items:start}
  #gestion-patrimoine .ac-link{white-space:normal}
  #gestion-patrimoine .ac-journey{grid-template-columns:1fr 1fr}
  #gestion-patrimoine .ac-stage:nth-child(odd)::before, #gestion-patrimoine .ac-stage:nth-child(odd)::after{display:none}
  #gestion-patrimoine .ac-stage:nth-child(4)::before, #gestion-patrimoine .ac-stage:nth-child(4)::after{display:block}
  #gestion-patrimoine .ac-cta{width:100%;justify-content:space-between}

}
@media (max-width:560px){
  #gestion-patrimoine .ac-profiles{grid-template-columns:1fr}

}
@media (max-width:460px){
  #gestion-patrimoine .ac-axes, #gestion-patrimoine .ac-journey{grid-template-columns:1fr}
  #gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{display:none}

}
@media (prefers-reduced-motion:reduce){
  #gestion-patrimoine *, #gestion-patrimoine *::before, #gestion-patrimoine *::after{transition-duration:.01ms!important;animation:none!important}
  #gestion-patrimoine [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}
  #gestion-patrimoine .ac-stage + .ac-stage::before, #gestion-patrimoine .ac-stage + .ac-stage::after{opacity:1!important;transform:none!important}

}

/* Correctif : sans cette ligne, les éléments en data-anim="clip"
   (visuel, numéro incrusté) ne se révèlent jamais — voir explication
   dans merge_sections.py. */
#gestion-patrimoine [data-anim="clip"]{clip-path:inset(0 calc(100% - 1px) 0 0)}


/* Neutralisation du wrapper de démonstration : sur la page fusionnée,
   les sections s'enchaînent sans cadre ni marge propre. */
#gestion-patrimoine{max-width:none;margin:0;box-shadow:none}/* End custom CSS */