/* aircyber.css — styles propres aux pages AirCyber (/aircyber, /centre-ressources-aircyber).
 *
 * Espace de noms dedie : ces pages n ont pas a dependre du Tailwind compile de
 * output.css, ou une classe jamais utilisee ailleurs n existe tout simplement pas.
 * Tout ce qui est specifique a AirCyber vit ici et se prefixe pour eviter les
 * collisions. L animation d apparition reste celle du site (.scroll-animate
 * fade-in + --delay, revelee par micro-animations.js).
 *
 * Le lien vers ce fichier porte un numero de version (?v=N) : le purge Cloudflare
 * par URL est inoperant sur cette zone, seul un changement d URL garantit que les
 * visiteurs recoivent la nouvelle feuille.
 *
 * --- Bloc « Ce qui est inclus, en detail » (prefixe inc-) ---
 */

.inc-wrap{margin-bottom:5rem}
.inc-head{text-align:center;margin-bottom:2.5rem}
.inc-tag{display:inline-block;padding:.35rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;
  background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2);margin-bottom:1rem}
.inc-head h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#fff;margin-bottom:.75rem}
.inc-head p{color:#9ca3af;max-width:46rem;margin:0 auto;line-height:1.65}
.inc-chiffres{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:56rem;margin:0 auto 3rem}
@media(min-width:768px){.inc-chiffres{grid-template-columns:repeat(4,1fr)}}
.inc-chiffre{text-align:center;background:rgba(31,41,55,.4);border:1px solid rgba(55,65,81,.5);
  border-radius:.75rem;padding:1.25rem}
.inc-chiffre b{display:block;font-size:1.875rem;font-weight:700;line-height:1}
.inc-chiffre span{display:block;font-size:.75rem;color:#9ca3af;margin-top:.35rem}
.inc-c1 b{color:#f87171}.inc-c2 b{color:#fb923c}.inc-c3 b{color:#34d399}.inc-c4 b{color:#fff}
.inc-sep{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.inc-sep h3{font-size:1.125rem;font-weight:700;color:#fff;white-space:nowrap;margin:0}
.inc-sep i{flex:1;height:1px;display:block}
.inc-sep.a i{background:linear-gradient(90deg,transparent,rgba(239,68,68,.45))}
.inc-sep.a i:last-child{background:linear-gradient(270deg,transparent,rgba(239,68,68,.45))}
.inc-sep.l i{background:linear-gradient(90deg,transparent,rgba(251,146,60,.45))}
.inc-sep.l i:last-child{background:linear-gradient(270deg,transparent,rgba(251,146,60,.45))}
.inc-grille{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.inc-grille{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.inc-grille{grid-template-columns:repeat(3,1fr)}}
.inc-carte{display:flex;gap:.85rem;background:rgba(17,24,39,.45);border:1px solid rgba(55,65,81,.45);
  border-radius:.85rem;padding:1.15rem;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.inc-carte:hover{transform:translateY(-4px);background:rgba(17,24,39,.8)}
.inc-audit:hover{border-color:rgba(239,68,68,.45)}
.inc-livr:hover{border-color:rgba(251,146,60,.45)}
.inc-ico{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:.6rem;display:flex;align-items:center;
  justify-content:center;transition:transform .3s ease}
.inc-carte:hover .inc-ico{transform:scale(1.12)}
.inc-ico svg{width:1.25rem;height:1.25rem}
.inc-audit .inc-ico{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171}
.inc-livr .inc-ico{background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.2);color:#fb923c}
.inc-txt{min-width:0}
.inc-txt h4{color:#fff;font-weight:600;font-size:.95rem;line-height:1.35;margin:0 0 .3rem}
.inc-txt p{color:#9ca3af;font-size:.82rem;line-height:1.55;margin:0}
.inc-txt b{color:#e5e7eb;font-weight:600}
.inc-badge{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;padding:.15rem .5rem;
  border-radius:9999px;font-size:.7rem;font-weight:500;background:rgba(16,185,129,.1);color:#6ee7b7;
  border:1px solid rgba(16,185,129,.2)}
.inc-badge svg{width:.7rem;height:.7rem}
@media(prefers-reduced-motion:reduce){.inc-carte,.inc-ico{transition:none}.inc-carte:hover{transform:none}
  .inc-carte:hover .inc-ico{transform:none}}

/* ---- Encadres d appel a l action places dans le corps de page ---- */
/* Le CSS est fourni ici parce que le Tailwind du site est compile : une classe
   jamais utilisee ailleurs n existe pas dans output.css. */
.lpc{max-width:52rem;margin:0 auto 5rem;padding:2.25rem 2rem;text-align:center;
  background:linear-gradient(180deg,rgba(239,68,68,.06),rgba(251,146,60,.03));
  border:1px solid rgba(239,68,68,.22);border-radius:1.1rem}
.lpc-titre{font-size:clamp(1.3rem,2.6vw,1.65rem);font-weight:700;color:#fff;margin:0 0 .75rem}
.lpc-texte{color:#9ca3af;line-height:1.65;margin:0 auto 1.5rem;max-width:40rem}
.lpc-boutons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.lpc-bouton{display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.6rem;border-radius:.7rem;font-weight:600;font-size:.95rem;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background .25s ease,border-color .25s ease,transform .25s ease}
/* #B91C1C sur blanc donne 6,4:1, au-dessus du seuil AA pour ce corps ;
   le survol assombrit au lieu d eclaircir, pour ne pas degrader la lisibilite
   au moment ou l utilisateur decide. */
.lpc-bouton--p{background:#B91C1C;color:#fff}
.lpc-bouton--p:hover{background:#991B1B;transform:translateY(-2px)}
.lpc-bouton--s{background:transparent;color:#e5e7eb;border-color:rgba(255,255,255,.22)}
.lpc-bouton--s:hover{border-color:rgba(239,68,68,.55);color:#fca5a5}
.lpc-preuve{margin:1.25rem 0 0;font-size:.82rem;color:#6b7280}
.lpc :focus-visible{outline:2px solid #fca5a5;outline-offset:2px}
@media(max-width:520px){
  .lpc{padding:1.75rem 1.1rem;margin-bottom:3.5rem}
  .lpc-boutons{flex-direction:column}
  .lpc-bouton{width:100%}
}
@media(prefers-reduced-motion:reduce){.lpc-bouton{transition:none}.lpc-bouton--p:hover{transform:none}}