/* Bloc « Vos collègues nous font confiance » de l'accueil be-web.be (sous « Nos sites, en direct »).
   Généré avec la carte : ~/1-app/carte-clients/carte.py site-be-web. Reprend le thème du site
   (studio.css : --card, --line, --blue, --mono, --serif, .btn, .mono, .it). */
.bwv{padding:30px 0 120px}
.bwv-box{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:56px}
.bwv-box h2{margin:16px 0 0;font-size:clamp(34px,4.6vw,62px);line-height:1;letter-spacing:-.045em;font-weight:700}
.bwv-box p{margin:18px 0 0;max-width:46ch;color:#c9c9c9;font-size:17px;line-height:1.55}
.bwv-form{position:relative;margin-top:30px;max-width:560px}
.bwv-field{display:flex;align-items:center;gap:10px;min-height:62px;padding:7px 7px 7px 22px;background:#0e0e0e;border:1px solid rgba(255,255,255,.17);border-radius:999px;transition:border-color .2s,box-shadow .2s}
.bwv-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,153,255,.18)}
.bwv-field svg{flex:none;color:var(--dim)}
.bwv-field input{flex:1;min-width:0;height:46px;padding:0;background:none;border:0;outline:0;color:#fff;font:500 17px/1.2 var(--sans)}
.bwv-field input::placeholder{color:#7a7a7a}
.bwv-field .btn{flex:none}
.bwv-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;margin:0;padding:6px;list-style:none;background:#1c1c1c;border:1px solid rgba(255,255,255,.17);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.55);max-height:340px;overflow:auto}
.bwv-suggest[hidden]{display:none}
.bwv-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:8px 14px;border-radius:14px;cursor:pointer}
.bwv-opt:hover,.bwv-opt[aria-selected="true"]{background:#2a2a2a}
.bwv-opt b{font-weight:600}
.bwv-opt span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--dim)}
.bwv-status{padding:10px 14px;font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.bwv-apercu{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s}
.bwv-apercu:hover{transform:translateY(-3px);border-color:rgba(0,153,255,.6)}
.bwv-apercu img{display:block;width:100%;height:auto}
.bwv-apercu-cta{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:rgba(11,11,11,.86);border:1px solid rgba(255,255,255,.17);color:#fff;font:600 14px/1 var(--sans)}
.bwv-apercu-cta .dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(0,153,255,.25)}
.bwv-more{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.bwv-more a{color:var(--blue)}
@media (max-width:900px){
  .bwv{padding:10px 0 90px}
  .bwv-box{grid-template-columns:minmax(0,1fr);padding:32px 22px;gap:30px}
  .bwv-field{flex-wrap:wrap;border-radius:24px;padding:10px}
  .bwv-field input{flex-basis:calc(100% - 40px)}
  .bwv-field .btn{width:100%;justify-content:center}
}