/* ALTEC V15 — consolidation publique */
:root{--navy:#082f68;--blue:#075bb8;--gold:#d18a0b;--ink:#173d67;--line:#d8e5ef;--soft:#eef8ff}

/* HERO: 42/58, no dead column */
.a-hero{height:455px!important;display:grid!important;grid-template-columns:42% 58%!important;background:#eef9ff!important;overflow:hidden}
.a-hero-copy{padding:54px 6% 50px 8.8%!important;justify-content:center!important;align-items:flex-start!important}
.hero-badge{font-size:12px!important;min-height:34px!important;margin-bottom:14px!important}
.a-hero h1{font-size:55px!important;line-height:.98!important;margin:0 0 18px!important}
.a-hero .lead{max-width:520px!important;font-size:15px!important;line-height:1.58!important}
.a-hero-visual{height:455px!important;background:#eef9ff}
.a-hero-visual:before{background:linear-gradient(90deg,#eef9ff 0,rgba(238,249,255,.72) 8%,rgba(238,249,255,.08) 20%,transparent 30%)!important}
.a-hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* Three shortcuts */
.jump{position:relative!important;z-index:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:24px 3.2% 30px!important}
.jump>a{min-height:190px!important;padding:25px 25px!important;grid-template-columns:64px 1fr!important}
.jump-icon{width:58px!important;height:58px!important;margin-top:43px!important}
.jump-icon svg{width:29px!important;height:29px!important;stroke-width:2.1!important}
.jump h2{font-size:20px!important}.jump p{font-size:12.5px!important}

/* Process: permanently readable */
.process{padding-top:44px!important}
.flow{grid-template-columns:minmax(300px,1fr) 112px minmax(300px,1fr) 112px minmax(300px,1fr)!important;gap:12px!important}
.flow article{opacity:1!important;transform:none;animation:none!important;min-height:280px!important}
.flow article *{opacity:1!important}
.connector{opacity:1!important;animation:none!important}
.flow-line,.flow-line *{opacity:1!important;animation:none!important;transform:none!important}
.flow-line i{width:66px!important;height:2px!important}
.flow-line.forward i{background:var(--gold)!important}.flow-line.forward b{color:var(--gold)!important}
.flow-line.return i{background:var(--blue)!important}.flow-line.return b{color:var(--blue)!important}
.connector .flow-label,.connector small{font-size:10.5px!important;color:#173d67!important;font-weight:800!important}

/* Consistent hover: immediate gold accent, gentle motion */
@media (hover:hover) and (pointer:fine){
 .flow article,.jump>a,.adv-grid article{transition:transform .26s ease,box-shadow .26s ease,border-color .18s ease!important}
 .flow article:hover,.jump>a:hover,.adv-grid article:hover{transform:translateY(-6px)!important;border-color:#e0b354!important;box-shadow:0 20px 42px rgba(8,47,91,.12)!important}
 .flow article:hover .role-icon,.jump>a:hover .jump-icon,.adv-grid article:hover .adv-icon{background:#fff2d8!important;color:#c77b00!important;border-color:#efd19a!important;transform:scale(1.06)!important}
}

/* Advantages icon clarity */
.adv-icon{width:54px!important;height:54px!important;border:1px solid #d7e8f8!important}
.adv-icon svg{width:26px!important;height:26px!important;stroke-width:2!important}

/* Simulation: one coherent card, no duplicated background UI */
.simulation{padding:58px 4%!important}
.sim-wrap{grid-template-columns:40% 60%!important;max-width:1280px!important;border-radius:20px!important}
.sim-photo{min-height:540px!important;background:#0a2947!important}
.sim-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(.48) saturate(.82)!important}
.sim-photo:after{background:linear-gradient(90deg,rgba(3,28,53,.74),rgba(3,28,53,.28))!important}
.sim-copy{left:9%!important;right:9%!important;top:50%!important;max-width:410px!important}
.sim-copy h2{font-size:34px!important;line-height:1.08!important;margin-bottom:28px!important}
.sim-copy li{font-size:14px!important;margin:16px 0!important}
#lead{padding:44px 48px!important;display:flex;flex-direction:column;justify-content:center}
.form-intro{margin-bottom:28px!important}
.form-intro h2{font-size:29px!important}
.fields{gap:17px 16px!important}
.fields input,.fields select{height:50px!important}
.form-btn{height:50px!important;margin-top:21px!important}

/* kill legacy fake cup / legacy animations if any */
.coffee-cup{display:none!important}
@keyframes cardSignal{from{box-shadow:none}to{box-shadow:none}}

@media(max-width:1150px){
 .a-hero{height:auto!important;grid-template-columns:1fr!important}
 .a-hero-visual{height:390px!important}
 .flow{grid-template-columns:1fr!important;max-width:760px!important}
 .connector{display:flex!important;margin:2px auto!important}
 .sim-wrap{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .a-hero-copy{padding:42px 7%!important}.a-hero h1{font-size:43px!important}
 .a-hero-visual{height:320px!important}
 .jump{grid-template-columns:1fr!important;padding:18px!important}
 .sim-photo{min-height:380px!important}#lead{padding:30px 22px!important}
}