/* CyberVision 24/7 — CSS des 12 pages guides (aimants à prospects).
 *
 * Pages autonomes, sans nav ni pied de page, conçues pour l'impression et la
 * lecture directe. Elles redéfinissent body et a : cette feuille ne doit être
 * chargée que sur le gabarit « guide », jamais globalement.
 *
 * NE PAS ÉDITER À LA MAIN. Régénérer via le script d'extraction.
 */

:root {
  --navy:#152f4e;
  --red:#e52d1b;
  --cyan:#caf0fb;
  --ink:#1c2b3a;
}

* {
  box-sizing:border-box;
}

body {
  margin:0;
  background:#eef2f7;
  color:var(--ink);
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

a {
  color:var(--red);
}

.sheet {
  max-width:820px;
  margin:32px auto;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(21,47,78,.18);
}

.top {
  background:linear-gradient(150deg,#152f4e,#0a1c33);
  color:#fff;
  padding:42px 48px;
}

.brandrow {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:26px;
}

.brandrow .wm {
  font-weight:800;
  letter-spacing:.04em;
  font-size:16px;
}

.brandrow .sub {
  color:var(--red);
  font-weight:800;
}

.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--cyan);
  margin:0 0 14px;
}

.eyebrow::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--red);
}

.top h1 {
  font-weight:800;
  font-size:clamp(24px,4vw,33px);
  line-height:1.12;
  margin:0 0 12px;
  letter-spacing:-.3px;
}

.top .sub2 {
  color:rgba(255,255,255,.82);
  font-size:14.5px;
  line-height:1.55;
  margin:0;
  max-width:62ch;
}

.list {
  padding:36px 48px 6px;
}

.item {
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:13px 0;
  border-bottom:1px solid #eef1f5;
}

.item:last-child {
  border-bottom:none;
}

.num {
  flex:none;
  width:30px;
  height:30px;
  border-radius:8px;
  background:var(--red);
  color:#fff;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.item p {
  margin:2px 0 0;
  font-size:15px;
  line-height:1.5;
}

.item b {
  color:var(--navy);
}

.cta {
  margin:16px 48px 40px;
  background:#f5f8fb;
  border:1px solid #e3e9f0;
  border-radius:14px;
  padding:24px 28px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.cta p {
  margin:0;
  font-weight:700;
  color:var(--navy);
  font-size:15.5px;
  max-width:46ch;
  line-height:1.4;
}

.btn {
  background:var(--red);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  padding:14px 26px;
  border-radius:999px;
  white-space:nowrap;
}

.foot {
  background:var(--navy);
  color:rgba(255,255,255,.75);
  padding:20px 48px;
  font-size:12.5px;
  display:flex;
  flex-wrap:wrap;
  gap:6px 20px;
  justify-content:space-between;
}

.foot b {
  color:#fff;
}

@media print {
  body {
    background:#fff;
  }
  .sheet {
    margin:0;
    box-shadow:none;
    border-radius:0;
    max-width:none;
  }
  .cta .btn {
    border:1px solid var(--red);
  }
}