/* Haut de la page « Sites web » : texte à gauche, navigateur + téléphone animés à droite (vrais sites qui défilent). */
.page-hero.vitrine-hero{min-height:auto;align-items:center;padding-top:clamp(120px,14vw,170px);padding-bottom:clamp(56px,7vw,96px)}
.vitrine-hero .halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 78% 40%,rgba(200,245,66,.09),transparent 70%)}
.hero-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(36px,5vw,84px);align-items:center}
.vitrine-hero h1{font-size:clamp(40px,5vw,80px);max-width:11ch}
.vitrine-hero .lead{max-width:520px}

.vitrine{position:relative;margin:0}
.vitrine-scene{position:relative;padding-right:clamp(28px,6%,52px)}
.vitrine-nav{border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:#0e1218;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.vitrine-barre{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#151a22;border-bottom:1px solid var(--line)}
.vitrine-pts{display:flex;gap:6px;flex:none}
.vitrine-pts i{width:10px;height:10px;border-radius:50%;background:#2c333d}
.vitrine-url{flex:1;max-width:320px;margin:0 auto;height:24px;border-radius:999px;background:#0a0d12;display:flex;align-items:center;justify-content:center;gap:7px;font:400 12px/1 var(--mono);color:var(--chrome);white-space:nowrap;overflow:hidden}
.vitrine-url svg{width:11px;height:11px;flex:none;color:var(--lime)}
.vitrine-pts-fin{width:42px;flex:none}
.vitrine-ecran{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0e1218}
.vitrine-ecran img,.vitrine-tel-ecran img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;will-change:transform;transition:opacity .4s}
.vitrine-tel{position:absolute;right:0;bottom:-40px;width:clamp(104px,23%,168px);aspect-ratio:9/19.5;border-radius:24px;padding:6px;background:#0a0c10;border:1px solid var(--line-2);box-shadow:0 30px 70px rgba(0,0,0,.65)}
.vitrine-tel-ecran{position:relative;display:block;width:100%;height:100%;border-radius:19px;overflow:hidden;background:#0e1218}
.vitrine.change .vitrine-ecran img,.vitrine.change .vitrine-tel-ecran img{opacity:0}
.vitrine-pied{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:64px}
.vitrine-legende{min-width:0}
.vitrine-legende b{display:block;font:600 16px/1.3 var(--display);color:var(--snow)}
.vitrine-legende span{font:400 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.vitrine-points{display:flex;gap:8px;flex:none}
.vitrine-points button{position:relative;width:30px;height:20px;padding:0;background:none;border:0;cursor:pointer}
.vitrine-points button::before,.vitrine-points button::after{content:'';position:absolute;left:0;top:8px;height:4px;border-radius:2px}
.vitrine-points button::before{right:0;background:var(--line-2)}
.vitrine-points button::after{width:0;background:var(--lime)}
.vitrine-points button[aria-pressed="true"]::after{width:var(--avance,100%)}
.vitrine-points button:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
@media(max-width:960px){
  .hero-duo{grid-template-columns:1fr}
  .vitrine-hero h1{max-width:14ch}
  .vitrine{max-width:640px}
}
@media(max-width:520px){
  .vitrine-scene{padding-right:20px}
  .vitrine-tel{width:27%;bottom:-28px;border-radius:18px;padding:4px}
  .vitrine-tel-ecran{border-radius:14px}
  .vitrine-pied{margin-top:48px}
  .vitrine-url{font-size:11px}
  .vitrine-pts-fin{display:none}
}

/* ---------- section Logiciels sur mesure */
.appli{border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:#0e1218;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.appli img{width:100%;height:auto;display:block}
.logiciel-vedette{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--ink-3),var(--ink-2));transition:border-color .4s}
.logiciel-vedette:hover{border-color:rgba(200,245,66,.45)}
.lv-txt .num,.logiciel .num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.lv-txt h3{font-size:clamp(30px,3.4vw,48px);margin:12px 0 14px}
.lv-txt p{color:var(--chrome)}
.lv-txt ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.lv-txt li{position:relative;padding-left:20px;font-size:15px;color:var(--mist)}
.lv-txt li::before{content:'';position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--lime)}
.lv-txt .lien{display:inline-block;margin-top:24px;font-weight:600;color:var(--lime)}
.logiciels-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(16px,2vw,28px)}
.logiciel{padding:clamp(18px,2vw,24px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--ink-3),var(--ink-2));display:flex;flex-direction:column}
.logiciel .appli{margin-bottom:22px;box-shadow:none}
.logiciel h3{font-size:22px;margin:10px 0 10px}
.logiciel p{font-size:15px;color:var(--mist)}
.logiciel a{margin-top:auto;padding-top:16px;font-weight:600;font-size:15px;color:var(--lime)}
@media(max-width:960px){.logiciel-vedette{grid-template-columns:1fr}.logiciels-grille{grid-template-columns:1fr}}