/* ALTEC V18 — intégration du Hero validé */
.a-hero{
  position:relative!important;
  height:470px!important;
  display:grid!important;
  grid-template-columns:42% 58%!important;
  overflow:hidden!important;
  background:#eef8ff!important;
  isolation:isolate!important;
}
.a-hero-copy{
  position:relative!important;
  z-index:3!important;
  padding:54px 7% 48px 9%!important;
  background:linear-gradient(90deg,#eef8ff 0%,#eef8ff 82%,rgba(238,248,255,.94) 92%,rgba(238,248,255,0) 100%)!important;
}
.a-hero-visual{
  position:relative!important;
  z-index:1!important;
  height:470px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.a-hero-visual:before{display:none!important}
.a-hero-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:62% center!important;
  filter:none!important;
  transform:none!important;
}
/* Crop away the generated visual's own left-side copy so HTML remains the only copy. */
.a-hero-visual{
  clip-path:inset(0 0 0 0)!important;
}
.a-hero-visual img{
  width:178%!important;
  max-width:none!important;
  left:-52%!important;
}

/* shortcuts must be a separate section below hero */
.jump{
  position:relative!important;
  z-index:5!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  padding:28px 3.2% 34px!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
}
.jump>a,
.jump>a:nth-child(1),
.jump>a:nth-child(2),
.jump>a:nth-child(3){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none;
  animation:none!important;
  min-width:0!important;
  min-height:192px!important;
}

/* Keep process static/readable */
.flow-v16,.flow-v16 *{animation:none!important}
.flow-v16 .flow-card,.flow-v16 .relation,.flow-v16 .relation *{opacity:1!important}

/* Smooth card hover only */
@media (hover:hover) and (pointer:fine){
  .jump>a,.flow-v16 .flow-card,.adv-grid article{
    transition:transform .28s ease,box-shadow .28s ease,border-color .18s ease!important;
  }
  .jump>a:hover,.flow-v16 .flow-card:hover,.adv-grid article:hover{
    transform:translateY(-6px)!important;
    border-color:#dfa93e!important;
    box-shadow:0 20px 42px rgba(8,47,91,.12)!important;
  }
}

@media(max-width:1100px){
  .a-hero{height:auto!important;grid-template-columns:1fr!important}
  .a-hero-copy{padding:42px 7%!important}
  .a-hero-visual{height:390px!important}
  .a-hero-visual img{width:150%!important;left:-32%!important;object-position:center!important}
}
@media(max-width:900px){
  .jump{grid-template-columns:1fr!important}
}