/* =====================================================================
   Page « Nos logiciels » — logos, simulateur hors connexion, explorateur
   de fonctions, teaser Anti-Virus. Chargé uniquement par logiciel-gestion.html.
   ===================================================================== */
:root{--lg-bleu:#144b86;--lg-bleu-2:#2a6bb0;--lg-cyan:#29a3d1;--lg-vert:#16824a;--lg-ambre:#b7791f;--lg-bord:#d6e4f1}

/* ---------- Pastilles de logos dans l'en-tête de page ---------- */
.logos-logiciels{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.logo-chip{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:14px;background:#fff;
  border:1px solid var(--lg-bord);box-shadow:0 6px 18px rgba(15,58,104,.08);color:var(--text);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.logo-chip:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,58,104,.16);border-color:var(--lg-cyan)}
.logo-chip img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.logo-chip .lc-txt{display:grid;gap:4px;line-height:1.15}
.logo-chip strong{font-size:.95rem;color:var(--lg-bleu)}

/* ---------- Badges d'état ---------- */
.badge-etat{display:inline-flex;align-items:center;gap:7px;width:max-content;font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:4px 11px;border-radius:99px}
.badge-etat::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.badge-dispo{color:var(--lg-vert);background:#e6f5ed}
.badge-dispo::before{animation:lg-point 2s ease-out infinite}
.badge-soon{color:#8a5a00;background:linear-gradient(100deg,#fff4d6 20%,#ffe7a8 50%,#fff4d6 80%);background-size:220% 100%;animation:lg-brille 2.8s linear infinite}
.badge-soon::before{animation:lg-clignote 1.4s ease-in-out infinite}
@keyframes lg-point{0%{box-shadow:0 0 0 0 rgba(22,130,74,.55)}70%,100%{box-shadow:0 0 0 8px rgba(22,130,74,0)}}
@keyframes lg-brille{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes lg-clignote{0%,100%{opacity:1}50%{opacity:.25}}

/* ---------- Cartes produit avec logo ---------- */
.lg-carte{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.lg-carte:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(15,58,104,.16);border-color:var(--lg-cyan)}
.lg-tete{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.lg-logo{position:relative;flex:0 0 auto;width:84px;height:84px;display:grid;place-items:center}
.lg-logo img{width:100%;height:100%;object-fit:contain;animation:lg-flotte 4.6s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(15,58,104,.2))}
@keyframes lg-flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.lg-tete h3{font-size:1.2rem;color:var(--lg-bleu);margin:6px 0 0;line-height:1.2}
.lg-carte--soon{background:linear-gradient(160deg,#fff 55%,#f1f6fb)}
.lg-carte--soon .lg-logo::after{content:"";position:absolute;left:8%;right:8%;height:3px;border-radius:3px;top:12%;
  background:linear-gradient(90deg,transparent,var(--lg-cyan),transparent);box-shadow:0 0 12px var(--lg-cyan);animation:lg-scan 2.6s ease-in-out infinite}
@keyframes lg-scan{0%{top:12%;opacity:0}15%,85%{opacity:1}100%{top:88%;opacity:0}}

/* ---------- Simulateur : coupez la connexion ---------- */
.sim{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:stretch;margin:34px 0 40px}
.sim-fenetre{background:#fff;border:1px solid var(--lg-bord);border-radius:16px;box-shadow:0 18px 44px rgba(15,58,104,.12);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.sim-barre{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;background:linear-gradient(90deg,#0f3a68,#144b86);color:#fff}
.sim-barre img{width:24px;height:24px;border-radius:6px}
.sim-titre{font-weight:600;font-size:.92rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-etat{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:99px;background:rgba(255,255,255,.16);transition:background .3s,color .3s}
.sim-etat i{width:8px;height:8px;border-radius:50%;background:#7fd4a4;box-shadow:0 0 0 0 rgba(127,212,164,.6);animation:lg-point 2s ease-out infinite}
.sim-etat--hors{background:#ffe7b3;color:#7a4b00}.sim-etat--hors i{background:#d98a00;animation:none}
.sim-etat--sync{background:#d9ecfb;color:#0f4b7a}.sim-etat--sync i{background:#29a3d1;animation:lg-clignote .7s ease-in-out infinite}
.sim-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lg-bord);border-bottom:1px solid var(--lg-bord)}
.sim-kpis div{background:#fff;padding:14px 10px;text-align:center}
.sim-kpis b{display:block;font-size:1.55rem;color:var(--lg-bleu);line-height:1.1;transition:transform .25s}
.sim-kpis b.bump{transform:scale(1.25)}
.sim-kpis span{font-size:.7rem;color:var(--text-muted);letter-spacing:.03em}
.sim-liste{list-style:none;margin:0;padding:8px 14px 14px;min-height:262px;display:flex;flex-direction:column;gap:6px}
.sim-ligne{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--bg-tendre);font-size:.88rem;animation:lg-entre .4s cubic-bezier(.2,.8,.2,1)}
.sim-ligne .sim-m{margin-left:auto;font-weight:600;white-space:nowrap}
.sim-tag{font-style:normal;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:99px;white-space:nowrap}
.sim-ligne.attente .sim-tag{background:#ffe7b3;color:#7a4b00}
.sim-ligne.ok .sim-tag{background:#e6f5ed;color:var(--lg-vert)}
.sim-vide{color:var(--text-muted);font-size:.9rem;text-align:center;margin:auto;padding:20px}
@keyframes lg-entre{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.sim-commandes{display:flex;flex-direction:column;justify-content:center;gap:14px}
.sim-commandes h3{font-size:1.3rem;color:var(--lg-bleu);margin:0}
.sim-commandes p{margin:0;color:var(--text-muted)}
.sim-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.sim-boutons .btn{flex:1 1 170px;justify-content:center}
.sim-boutons .btn[aria-pressed="true"]{background:#fff3d6;border-color:#d98a00;color:#7a4b00}
.sim-note{font-size:.78rem}

/* ---------- Explorateur de fonctions (onglets) ---------- */
.fx{margin-top:30px}
.fx-onglets{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.fx-onglet{position:relative;flex:1 0 auto;display:flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid var(--lg-bord);border-radius:12px;
  background:#fff;color:var(--text-muted);font-weight:600;font-size:.92rem;line-height:1.2;font-family:inherit;cursor:pointer;overflow:hidden;white-space:nowrap;
  transition:color .25s,border-color .25s,box-shadow .25s,transform .25s}
.fx-onglet:hover{color:var(--lg-bleu);transform:translateY(-2px)}
.fx-onglet svg{flex:0 0 auto}
.fx-onglet[aria-selected="true"]{color:var(--lg-bleu);border-color:var(--lg-cyan);box-shadow:0 8px 20px rgba(41,163,209,.2)}
.fx-onglet::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--lg-cyan)}
.fx.auto .fx-onglet[aria-selected="true"]::after{animation:lg-progres 7s linear forwards}
.fx.pause .fx-onglet[aria-selected="true"]::after{animation-play-state:paused}
@keyframes lg-progres{to{width:100%}}
.fx-panneaux{background:linear-gradient(150deg,#fff 50%,#eef6fc);border:1px solid var(--lg-bord);border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:0 14px 36px rgba(15,58,104,.08)}
.fx-panneau{display:none;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(20px,4vw,48px);align-items:center}
.fx-panneau.actif{display:grid;animation:lg-panneau .5s cubic-bezier(.2,.8,.2,1)}
@keyframes lg-panneau{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fx-panneau h3{font-size:1.45rem;color:var(--lg-bleu);margin:0 0 6px}
.fx-panneau>div>p{margin:0 0 16px;color:var(--text-muted)}
.fx-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fx-liste li{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateX(-12px)}
.fx-panneau.actif .fx-liste li{animation:lg-liste .5s cubic-bezier(.2,.8,.2,1) forwards}
.fx-panneau.actif .fx-liste li:nth-child(2){animation-delay:.12s}
.fx-panneau.actif .fx-liste li:nth-child(3){animation-delay:.24s}
@keyframes lg-liste{to{opacity:1;transform:none}}
.fx-liste svg{flex:0 0 auto;margin-top:3px;color:var(--lg-vert)}
.fx-visuel{position:relative;width:200px;height:200px;margin:auto;display:grid;place-items:center}
.fx-visuel::before,.fx-visuel::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(41,163,209,.35);animation:tc-ecoute 3s ease-out infinite}
.fx-visuel::after{animation-delay:1.5s}
.fx-disque{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--lg-cyan),var(--lg-bleu));box-shadow:0 16px 34px rgba(20,75,134,.35);animation:lg-flotte 4s ease-in-out infinite}

/* ---------- Teaser Anti-Virus ---------- */
.av{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center;
  padding:clamp(26px,5vw,52px);border-radius:22px;border:1px solid var(--lg-bord);background:radial-gradient(circle at 12% 20%,#e3f1fb,#fff 62%);box-shadow:0 18px 46px rgba(15,58,104,.1)}
.av-logo{position:relative;width:min(240px,100%);margin:auto;aspect-ratio:1/1.12}
.av-logo img{width:100%;height:100%;object-fit:contain;animation:lg-flotte 5s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(15,58,104,.25))}
.av-logo::after{content:"";position:absolute;left:6%;right:6%;top:10%;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--lg-cyan),transparent);
  box-shadow:0 0 18px 2px var(--lg-cyan);animation:lg-scan 3s ease-in-out infinite}
.av h2{margin:10px 0 6px;color:var(--lg-bleu)}
.av-chapo{margin:0 0 18px;color:var(--text-muted)}
.av-liste{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 22px}
.av-liste li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}
.av-liste svg{flex:0 0 auto;margin-top:3px;color:var(--lg-cyan)}
.av-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.av-actions small{color:var(--text-muted)}

/* ---------- Adaptations ---------- */
@media (max-width:900px){
  .sim{grid-template-columns:minmax(0,1fr)}
  .av{grid-template-columns:minmax(0,1fr);text-align:left}
  .av-logo{width:min(190px,60%);margin:0 0 4px}
}
@media (max-width:640px){
  .fx-panneau.actif{grid-template-columns:minmax(0,1fr)}
  .fx-visuel{width:150px;height:150px;order:-1}.fx-disque{width:100px;height:100px}
  .lg-logo{width:68px;height:68px}
  .sim-kpis b{font-size:1.25rem}
  .sim-kpis div{padding:12px 4px}.sim-kpis span{font-size:.62rem;overflow-wrap:anywhere}
  .sim-liste{min-height:190px}
}
@media (prefers-reduced-motion:reduce){
  .lg-logo img,.av-logo img,.fx-disque,.badge-soon,.badge-soon::before,.badge-dispo::before,.sim-etat i,
  .fx-visuel::before,.fx-visuel::after,.lg-carte--soon .lg-logo::after,.av-logo::after{animation:none}
  .fx-panneau.actif .fx-liste li{opacity:1;transform:none;animation:none}
}

/* ---------- Anti-Virus enrichi (page Logiciels) ---------- */
@keyframes avx-flux{0%{background-position:0 0}100%{background-position:40px 0}}
@keyframes avx-entre{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes avx-pouls{0%,100%{box-shadow:0 0 0 0 rgba(41,163,209,.35)}50%{box-shadow:0 0 0 10px rgba(41,163,209,0)}}
.avx{margin-top:clamp(48px,7vw,84px);display:grid;gap:clamp(44px,6vw,76px)}
.avx h3{font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.2;color:var(--lg-bleu);margin:0 0 10px;letter-spacing:-.01em}
.avx h4{font-size:1.02rem;margin:0 0 14px;color:var(--lg-bleu);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.avx p{color:var(--text-muted);line-height:1.65}
.avx-sur{display:inline-block;margin-bottom:10px;padding:5px 13px;border-radius:99px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lg-bleu);background:rgba(41,163,209,.12);border:1px solid rgba(41,163,209,.3)}
.avx-entete{max-width:760px}
.avx-ic{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--lg-bleu-2),var(--lg-cyan));box-shadow:0 8px 18px rgba(20,75,134,.22)}
.avx-ic svg{width:22px;height:22px}
.avx-piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.avx-pilier{padding:26px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--lg-bord);transition:transform .35s,box-shadow .35s,border-color .35s}
.avx-pilier:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,75,134,.13);border-color:rgba(41,163,209,.5)}
.avx-pilier ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.avx-pilier li{display:flex;gap:14px;align-items:flex-start}
.avx-pilier strong{display:block;color:var(--text);font-size:.98rem;margin-bottom:3px}
.avx-pilier li p{margin:0;font-size:.88rem;line-height:1.55}
.avx-pilier.visible li{animation:avx-entre .6s cubic-bezier(.2,.8,.2,1) backwards}
.avx-pilier.visible li:nth-child(2){animation-delay:.1s}.avx-pilier.visible li:nth-child(3){animation-delay:.2s}.avx-pilier.visible li:nth-child(4){animation-delay:.3s}.avx-pilier.visible li:nth-child(5){animation-delay:.4s}
.avx-hybride{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(26px,4.5vw,48px);border-radius:24px;color:#fff;
  background:radial-gradient(520px 260px at 90% 0%,rgba(41,163,209,.45),transparent 65%),linear-gradient(135deg,#0d3263,#144b86 62%,#1c7fae)}
.avx-hybride h3{color:#fff}.avx-hybride p{color:rgba(255,255,255,.88)}
.avx-badge-hy{margin-bottom:12px;color:#0b6d3f;background:#d9f5e6}
.avx-hy-flux{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:stretch;gap:0}
.avx-hy-flux li:not(.avx-lien){display:flex;flex-direction:column;gap:6px;padding:18px 14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);text-align:center;align-items:center}
.avx-hy-flux .avx-ic{background:rgba(255,255,255,.18);box-shadow:none;animation:avx-pouls 2.6s ease-in-out infinite}
.avx-hy-flux li:nth-child(3) .avx-ic{animation-delay:.8s}.avx-hy-flux li:nth-child(5) .avx-ic{animation-delay:1.6s}
.avx-hy-flux strong{font-size:.92rem}.avx-hy-flux em{font-style:normal;font-size:.78rem;color:rgba(255,255,255,.82);line-height:1.4}
.avx-lien{align-self:center;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#7cd8f5 0 8px,transparent 8px 14px);background-size:40px 4px;animation:avx-flux 1s linear infinite}
.avx-archi h3{margin-bottom:22px}
.avx-archi-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.avx-archi-grille>div{padding:24px 22px;border-radius:18px;border:1px solid var(--lg-bord);background:var(--surface);transition:transform .35s,box-shadow .35s}
.avx-archi-grille>div:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(20,75,134,.12)}
.avx-archi-grille strong{display:block;margin:14px 0 6px;color:var(--text)}.avx-archi-grille p{margin:0;font-size:.9rem}
.avx-route h3{margin-bottom:26px}
.avx-etapes{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.avx-etapes::before{content:"";position:absolute;left:6%;right:6%;top:15px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lg-bleu),var(--lg-cyan),#29d1c0)}
.avx-etapes li{position:relative;padding-top:42px}
.avx-etapes li::before{content:"";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:4px solid var(--lg-cyan);box-shadow:0 0 0 5px rgba(41,163,209,.15)}
.avx-mois{display:inline-block;margin-bottom:8px;padding:4px 11px;border-radius:99px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b7d6f;background:rgba(18,165,148,.13)}
.avx-etapes strong{display:block;font-size:1.05rem;color:var(--text);margin-bottom:6px}.avx-etapes p{margin:0;font-size:.88rem}
.avx-note{margin:24px 0 0;font-size:.82rem;font-style:italic}
.avx-editions{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.avx-edition{padding:26px 24px;border-radius:20px;border:1px solid var(--lg-bord);background:var(--surface)}
.avx-edition h4{margin-bottom:10px}.avx-edition p{margin:0}
.avx-edition--pro{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(120deg,var(--lg-bleu),var(--lg-cyan),#29d1c0) border-box;border:2px solid transparent}
.avx-final{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,4vw,36px);border-radius:22px;background:rgba(41,163,209,.09);border:1px solid rgba(41,163,209,.3)}
.avx-final strong{display:block;font-size:1.2rem;color:var(--lg-bleu)}.avx-final span{color:var(--text-muted)}
.avx-final-btn{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:980px){.avx-piliers{grid-template-columns:1fr 1fr}.avx-hybride{grid-template-columns:1fr}.avx-etapes{grid-template-columns:1fr 1fr;row-gap:30px}.avx-etapes::before{display:none}.avx-archi-grille{grid-template-columns:1fr}}
@media(max-width:640px){.avx-piliers,.avx-editions{grid-template-columns:1fr}.avx-etapes{grid-template-columns:1fr}.avx-hy-flux{grid-template-columns:1fr;gap:8px}.avx-lien{height:22px;width:4px;justify-self:center;background:repeating-linear-gradient(180deg,#7cd8f5 0 6px,transparent 6px 11px);animation:none}}
@media(prefers-reduced-motion:reduce){.avx-hy-flux .avx-ic,.avx-lien,.avx-pilier.visible li{animation:none}}
.avx-hybride{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}

/* ===== Séparateurs de logiciel (ERP / Anti-Virus) ===== */
.lg-sep{scroll-margin-top:90px;padding:clamp(18px,3vw,30px) 0;margin-top:clamp(8px,2vw,24px);border-block:1px solid var(--lg-bord);background:linear-gradient(100deg,#eaf3fb,#f6fbfe 55%,#fff)}
.lg-sep--av{background:linear-gradient(100deg,#e8f6f8,#f6fcfc 55%,#fff)}
.lg-sep .conteneur{display:flex;align-items:center;gap:clamp(14px,3vw,26px);flex-wrap:wrap}
.lg-sep-logo{flex:none;width:64px;height:64px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(15,58,104,.14)}
.lg-sep-logo img{width:44px;height:44px;object-fit:contain}
.lg-sep-txt{flex:1 1 260px;min-width:0}
.lg-sep-titre{margin:6px 0 2px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.015em;color:var(--lg-bleu);line-height:1.15}
.lg-sep-sous{margin:0;color:var(--text-muted)}
.sommaire .som-groupe{font-weight:800;margin-top:10px}
.sommaire .som-sub{padding-left:16px;font-size:.92em;opacity:.9}

/* ===== Anti-Virus : section, simulation, onglets ===== */
.section--av{padding-top:clamp(28px,4vw,48px)}
.av{box-shadow:0 22px 56px rgba(15,58,104,.12)}
.av-logo::before{content:"";position:absolute;inset:-8%;border-radius:50%;border:2px solid rgba(41,163,209,.35);animation:avs-onde 3.2s ease-out infinite}
@keyframes avs-onde{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.avs{margin-top:clamp(36px,5vw,60px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(22px,4vw,48px);align-items:center;scroll-margin-top:96px}
.avs-ecran{padding:clamp(18px,3vw,28px);border-radius:22px;background:linear-gradient(160deg,#0f3a68,#144b86 60%,#1d6f9c);color:#fff;box-shadow:0 26px 60px rgba(15,58,104,.28)}
.avs-haut{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.avs-etat{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;background:rgba(255,255,255,.14);font-size:.82rem;font-weight:700}
.avs-etat i{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:avx-pouls 2s ease-in-out infinite}
.avs-etat--scan i{background:#facc15}.avs-etat--hors i{background:#7cd8f5}
.avs-simul{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.avs-centre{display:flex;align-items:center;gap:clamp(18px,4vw,36px);flex-wrap:wrap}
.avs-bouclier{position:relative;flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(124,216,245,.45);transition:box-shadow .3s,background .3s}
.avs-bouclier svg{width:54px;height:54px;color:#7cd8f5;transition:color .3s}
.avs-bouclier.scan{box-shadow:inset 0 0 0 2px #facc15}.avs-bouclier.scan svg{color:#facc15}
.avs-bouclier.scan::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#facc15;animation:avs-tour 1s linear infinite}
.avs-bouclier.alerte{box-shadow:inset 0 0 0 2px #fb7185;background:rgba(251,113,133,.18)}.avs-bouclier.alerte svg{color:#fb7185}
@keyframes avs-tour{to{transform:rotate(360deg)}}
.avs-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.avs-kpis b{display:block;font-size:clamp(1.5rem,3vw,2rem);line-height:1;transition:transform .25s}
.avs-kpis b.bump{transform:scale(1.15)}
.avs-kpis span{font-size:.78rem;color:rgba(255,255,255,.78)}
.avs-barre{height:6px;border-radius:6px;background:rgba(255,255,255,.14);margin:20px 0 14px;overflow:hidden}
.avs-barre i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#29a3d1,#6fe7d6)}
.avs-journal{list-style:none;margin:0;padding:0;display:grid;gap:7px;min-height:132px;align-content:start}
.avs-journal li{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.09);font-size:.84rem;border-left:3px solid #7cd8f5;animation:avx-entre .4s ease backwards}
.avs-journal li.ok{border-left-color:#4ade80}.avs-journal li.alerte{border-left-color:#fb7185}
.avs-journal .avs-vide{color:rgba(255,255,255,.7);border-left-color:transparent}
.avs-cmd h3{font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.2;color:var(--lg-bleu);margin:0 0 10px}
.avs-cmd p{color:var(--text-muted);line-height:1.65;margin:0 0 18px}
.avs-btns{display:flex;flex-wrap:wrap;gap:12px}
.avs-btns .btn[disabled]{opacity:.55;cursor:wait}
.avs-btns .btn[aria-pressed="true"]{background:var(--lg-bleu);color:#fff;border-color:var(--lg-bleu)}
.avx-onglets{display:flex;flex-wrap:wrap;gap:10px;margin:-14px 0 0}
.avx-onglet{appearance:none;cursor:pointer;padding:11px 20px;border-radius:99px;border:1px solid var(--lg-bord);background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:.92rem;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.avx-onglet:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,75,134,.14)}
.avx-onglet[aria-selected="true"]{color:#fff;border-color:transparent;background:linear-gradient(120deg,#144b86,#29a3d1)}
.avx-onglet:focus-visible{outline:3px solid var(--lg-cyan);outline-offset:2px}
.avx-piliers.en-onglets{display:block;margin-top:-30px}
.avx-piliers.en-onglets .avx-pilier{padding:0;border:0;background:none;box-shadow:none;transform:none}
.avx-piliers.en-onglets .avx-pilier[hidden]{display:none}
.avx-piliers.en-onglets .avx-pilier h4{display:none}
.avx-piliers.en-onglets .avx-pilier ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.avx-piliers.en-onglets .avx-pilier li{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--lg-bord);transition:transform .3s,box-shadow .3s,border-color .3s}
.avx-piliers.en-onglets .avx-pilier li:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(20,75,134,.13);border-color:rgba(41,163,209,.5)}
.avx-piliers.en-onglets .avx-pilier.rejoue li{animation:avx-entre .5s cubic-bezier(.2,.8,.2,1) backwards}
.avx-piliers.en-onglets .avx-pilier.rejoue li:nth-child(2){animation-delay:.07s}.avx-piliers.en-onglets .avx-pilier.rejoue li:nth-child(3){animation-delay:.14s}.avx-piliers.en-onglets .avx-pilier.rejoue li:nth-child(4){animation-delay:.21s}.avx-piliers.en-onglets .avx-pilier.rejoue li:nth-child(5){animation-delay:.28s}
@media(max-width:860px){.avs{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.av-logo::before,.avs-etat i,.avs-bouclier.scan::after,.avs-journal li,.avx-piliers.en-onglets .avx-pilier.rejoue li{animation:none}}
.avx-piliers.en-onglets{margin-top:calc(-1 * clamp(44px,6vw,76px) + 18px)}
.avx-onglets{margin-top:calc(-1 * clamp(44px,6vw,76px) + 22px)}

/* ===== En-tête : scène des deux logiciels ===== */
.lgv{position:relative;width:min(460px,100%);aspect-ratio:1/1.02;margin:auto;container-type:inline-size}
.lgv-halo{position:absolute;left:8%;top:6%;width:84%;height:84%;border-radius:50%;background:conic-gradient(from 0deg,rgba(41,163,209,.55),rgba(124,240,224,.45),rgba(246,211,107,.35),rgba(139,108,255,.4),rgba(41,163,209,.55));filter:blur(7cqw);animation:lgv-tourne 14s linear infinite}
.lgv-orb{position:absolute;border-radius:50%;border:.35cqw dashed rgba(255,255,255,.4)}
.lgv-o1{inset:3%;animation:lgv-tourne 36s linear infinite reverse}.lgv-o2{inset:-3%;border-style:dotted;border-color:rgba(255,255,255,.25);animation:lgv-tourne 50s linear infinite}
.lgv-lien{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lgv-lien path{fill:none;stroke:#7cf0e0;stroke-width:.9;stroke-linecap:round;stroke-dasharray:1.5 3;animation:lgv-marche 1.6s linear infinite}
.lgv-n{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2.4cqw;color:#fff;text-decoration:none;animation:lgv-flotte 5s ease-in-out infinite}
.lgv-erp{left:11%;top:6%;width:46%}
.lgv-av{left:56%;top:52%;width:36%;animation-delay:-2.4s}
.lgv-disque{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff,#e4f5fc 60%,#b6dff0);box-shadow:0 3.4cqw 7cqw rgba(4,22,48,.5),0 0 0 1cqw rgba(255,255,255,.18);overflow:hidden;transition:transform .4s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s}
.lgv-disque img{width:62%;height:62%;object-fit:contain}
.lgv-n:hover .lgv-disque{transform:scale(1.07);box-shadow:0 4cqw 8cqw rgba(4,22,48,.55),0 0 0 1.2cqw rgba(124,240,224,.5)}
.lgv-scan{position:absolute;left:10%;right:10%;height:3.2%;top:10%;border-radius:4px;background:linear-gradient(90deg,transparent,#29d1c0,transparent);box-shadow:0 0 3cqw .8cqw rgba(41,209,192,.7);animation:lgv-scan 2.8s ease-in-out infinite}
.lgv-nom{display:flex;flex-direction:column;align-items:center;gap:.8cqw;text-align:center}
.lgv-nom strong{font-size:3.7cqw;line-height:1.15;color:#fff;text-shadow:0 2px 10px rgba(4,22,48,.5);white-space:nowrap}
.lgv-etat{display:inline-flex;align-items:center;gap:1.2cqw;font-style:normal;font-size:2.6cqw;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lgv-etat::before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:currentColor;animation:lgv-pt 1.8s ease-in-out infinite}
.lgv-dispo{color:#8ff0c4}.lgv-soon{color:#ffd76a}
.lgv-p{position:absolute;display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:50%;background:#fff;color:#144b86;box-shadow:0 1.6cqw 3.4cqw rgba(4,22,48,.4);animation:lgv-flotte 4.4s ease-in-out infinite}
.lgv-p svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lgv-p1{left:0;top:30%;animation-delay:-1s}.lgv-p2{left:50%;top:2%;animation-delay:-2s}.lgv-p3{left:2%;top:58%;animation-delay:-3s}.lgv-p4{right:2%;top:40%;color:#0a7a5a;animation-delay:-1.6s}
.lgv-sp{position:absolute;width:3cqw;height:3cqw;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:lgv-brille 3.2s ease-in-out infinite}
.lgv-s1{right:12%;top:6%}.lgv-s2{left:46%;bottom:6%;animation-delay:1.1s}.lgv-s3{left:4%;top:12%;animation-delay:2s}
@keyframes lgv-tourne{to{transform:rotate(360deg)}}
@keyframes lgv-flotte{0%,100%{translate:0 0}50%{translate:0 -2cqw}}
@keyframes lgv-marche{to{stroke-dashoffset:-9}}
@keyframes lgv-scan{0%,100%{top:8%}50%{top:82%}}
@keyframes lgv-pt{0%,100%{box-shadow:0 0 0 0 currentColor}60%{box-shadow:0 0 0 1.6cqw transparent}}
@keyframes lgv-brille{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}}
@media (prefers-reduced-motion:reduce){.lgv *{animation:none!important}}

/* ===== Bandes de rubrique (ERP / Anti-Virus) ===== */
.lg-sep,.lg-sep--av{position:relative;overflow:hidden;margin-top:clamp(20px,3vw,40px);padding:clamp(22px,3.4vw,38px) 0;border:0;background:linear-gradient(110deg,#0e3a69,#144b86 55%,#1c7fae);color:#fff}
.lg-sep--av{background:linear-gradient(110deg,#0c3b4a,#11607a 55%,#1c8fae)}
.lg-sep::before{content:"";position:absolute;right:-60px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);pointer-events:none}
.lg-sep::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,#7cf0e0,transparent);background-size:40% 100%;background-repeat:no-repeat;animation:lg-sep-trait 4.5s ease-in-out infinite}
@keyframes lg-sep-trait{0%{background-position:-50% 0}100%{background-position:150% 0}}
.lg-sep .conteneur{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,30px)}
.lg-sep-logo{width:76px;height:76px;border-radius:20px;background:#fff;box-shadow:0 12px 26px rgba(4,22,48,.35);animation:lg-flotte 4.6s ease-in-out infinite}
.lg-sep-logo img{width:54px;height:54px}
.lg-sep-titre{color:#fff!important;margin:8px 0 4px}
.lg-sep-sous{color:rgba(255,255,255,.86)!important;font-size:1.02rem}
.lg-sep .badge-etat{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.3);animation:none}
.lg-sep .badge-dispo{color:#8ff0c4}.lg-sep .badge-soon{color:#ffd76a}
.lg-sep-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:99px;background:#fff;color:#144b86;font-weight:700;border:0;box-shadow:0 10px 22px rgba(4,22,48,.28);transition:transform .25s,box-shadow .25s}
.lg-sep-btn i{font-style:normal;transition:transform .25s}
.lg-sep-btn:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(4,22,48,.34);color:#144b86}.lg-sep-btn:hover i{transform:translateX(5px)}
@media (max-width:760px){.lg-sep .conteneur{grid-template-columns:auto minmax(0,1fr)}.lg-sep-btn{grid-column:1/-1;justify-content:center}.lg-sep-logo{width:60px;height:60px}.lg-sep-logo img{width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.lg-sep::after,.lg-sep-logo{animation:none}}

/* ===== Bandes de rubrique : arrondies comme les cartes, logo sans cadre ===== */
.lg-sep,.lg-sep--av{width:min(var(--lg-larg,1180px),calc(100% - 32px));margin-inline:auto;border-radius:18px;box-shadow:0 14px 34px rgba(15,58,104,.18)}
.lg-sep .conteneur{width:auto;max-width:none;padding-inline:clamp(18px,3vw,32px)}
.lg-sep-logo{width:72px;height:72px;border-radius:0;background:none!important;box-shadow:none!important;filter:drop-shadow(0 8px 14px rgba(4,22,48,.4))}
.lg-sep-logo img{width:72px;height:72px}
.lg-sep--av .lg-sep-logo img{filter:brightness(1.18) saturate(1.2) drop-shadow(0 0 10px rgba(255,255,255,.4))}
@media (max-width:760px){.lg-sep-logo,.lg-sep-logo img{width:56px;height:56px}}
.lg-sep,.lg-sep--av{width:auto;margin-inline:0}