/* Visuel dédié à la page contact uniquement — aucun style global modifié */
.contact-hero-visual{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 0 8px;
}
.contact-demo-window{
  width:min(100%,590px);
  min-height:355px;
  border:1px solid rgba(86,143,212,.20);
  border-radius:30px;
  background:linear-gradient(145deg,#fbfdff 0%,#eef6ff 100%);
  box-shadow:0 30px 70px rgba(21,48,84,.14),0 4px 14px rgba(21,48,84,.05);
  overflow:hidden;
  position:relative;
}
.contact-demo-window::before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  right:-95px;top:45px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(103,157,223,.22) 0%,rgba(103,157,223,.08) 46%,transparent 70%);
  pointer-events:none;
}
.contact-demo-window__top{
  height:54px;
  padding:0 22px;
  display:flex;
  align-items:center;
  gap:7px;
  border-bottom:1px solid rgba(86,143,212,.14);
  background:rgba(255,255,255,.72);
}
.contact-demo-dot{width:8px;height:8px;border-radius:50%;background:#c5d5e8;display:block}
.contact-demo-dot:nth-child(1){background:#72a8e7}.contact-demo-dot:nth-child(2){background:#9fc0e8}.contact-demo-dot:nth-child(3){background:#d1ddeb}
.contact-demo-url{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.16em;color:#5378a5}
.contact-demo-stage{height:248px;position:relative;padding:20px}
.contact-demo-kicker{position:absolute;left:24px;top:19px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#6c9bd4}
.contact-demo-core{
  position:absolute;
  left:50%;top:54%;transform:translate(-50%,-50%);
  width:190px;height:132px;
  border-radius:24px;
  background:#0e1b31;
  color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:0 18px 34px rgba(14,27,49,.18);
  z-index:3;
}
.contact-demo-core__ring{position:absolute;inset:-11px;border:1px dashed rgba(102,157,222,.45);border-radius:30px}
.contact-demo-core__icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#74a7e4,#477fc7);display:grid;place-items:center;font-weight:900;font-size:20px;margin-bottom:9px;box-shadow:0 7px 18px rgba(74,128,197,.35)}
.contact-demo-core strong{font-size:18px;line-height:1.1}.contact-demo-core small{font-size:11px;color:#bdd0e7;margin-top:6px}
.contact-demo-node{
  position:absolute;
  z-index:4;
  width:136px;
  min-height:58px;
  padding:10px 12px;
  border-radius:17px;
  background:#fff;
  border:1px solid rgba(88,144,211,.18);
  box-shadow:0 10px 24px rgba(34,71,113,.08);
  display:flex;align-items:center;gap:9px;
}
.contact-demo-node i{font-style:normal;flex:0 0 30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f2ff;color:#4d86ca;font-size:10px;font-weight:900}
.contact-demo-node span{display:flex;flex-direction:column;line-height:1.1}.contact-demo-node b{font-size:12px;color:#12213a}.contact-demo-node small{font-size:10px;color:#74859a;margin-top:4px}
.contact-demo-node--metier{left:22px;top:62px}.contact-demo-node--process{right:22px;top:62px}.contact-demo-node--outils{left:22px;bottom:20px}.contact-demo-node--priorites{right:22px;bottom:20px}
.contact-demo-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,rgba(88,144,211,.05),rgba(88,144,211,.48),rgba(88,144,211,.05));transform-origin:left center}
.contact-demo-line--a{width:115px;left:150px;top:100px;transform:rotate(15deg)}
.contact-demo-line--b{width:115px;right:150px;top:100px;transform:rotate(-15deg)}
.contact-demo-line--c{width:115px;left:150px;bottom:54px;transform:rotate(-15deg)}
.contact-demo-line--d{width:115px;right:150px;bottom:54px;transform:rotate(15deg)}
.contact-demo-footer{height:53px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(86,143,212,.14);background:rgba(255,255,255,.76);font-size:11px;font-weight:700;color:#53657a}
.contact-demo-footer span:first-child{color:#17365f}.contact-demo-footer i{width:7px;height:7px;border-radius:50%;background:#65a1df;display:inline-block;margin-right:6px;box-shadow:0 0 0 5px rgba(101,161,223,.12)}
@media(max-width:900px){
  .contact-demo-window{max-width:620px;margin-top:8px}
}
@media(max-width:560px){
  .contact-demo-window{min-height:320px;border-radius:24px}
  .contact-demo-stage{height:220px;padding:14px}
  .contact-demo-core{width:155px;height:112px;border-radius:20px}.contact-demo-core strong{font-size:15px}.contact-demo-core small{font-size:9px;max-width:125px}
  .contact-demo-node{width:112px;min-height:50px;padding:8px;border-radius:14px;gap:6px}.contact-demo-node i{flex-basis:25px;height:25px;border-radius:8px}.contact-demo-node b{font-size:10px}.contact-demo-node small{font-size:9px}
  .contact-demo-node--metier,.contact-demo-node--outils{left:10px}.contact-demo-node--process,.contact-demo-node--priorites{right:10px}
  .contact-demo-line{display:none}.contact-demo-footer{font-size:9px;padding:0 14px}.contact-demo-url{font-size:9px}
}