/* ==========================================================================
   SECTORWEB — compléments de la page « Refonte de site internet »
   Repris tel quel du <style> en ligne de refonte-site-internet.html.
   ========================================================================== */

/* Comparatif partielle / totale */
/* Signaux d'alerte */
.signals{display:flex;flex-direction:column}
.signal{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--gridline)}
.signal:first-child{border-top:1px solid var(--gridline)}
.signal .n{font-family:var(--f-mono);font-size:12px;color:var(--ember);padding-top:4px}
.signal h3{font-size:17.5px;font-weight:500;line-height:1.3;margin-bottom:10px;letter-spacing:-.008em}
.signal p{font-size:14.5px;color:var(--slate);line-height:1.65;max-width:62ch}
.signal p + p{margin-top:10px}
.signal p b{color:var(--ink);font-weight:500}
@media(max-width:640px){.signal{grid-template-columns:minmax(0,1fr);gap:8px}}
/* Fourchettes de prix */
.pricecard{border:1px solid var(--gridline);border-radius:var(--r-card);background:var(--canvas);padding:28px 26px;display:flex;flex-direction:column;gap:14px}
.pricecard.hl{border-color:var(--ember);box-shadow:var(--sh-glow)}
.pricecard .lbl{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--slate)}
.pricecard .amt{font-size:32px;font-weight:500;letter-spacing:-.025em;line-height:1.1}
.pricecard .amt em{font-style:normal;font-size:14px;color:var(--slate);font-weight:400}
.pricecard p{font-size:13.5px;color:var(--slate);line-height:1.65}
.pricecard .strike{font-size:14px;color:var(--ash);text-decoration:line-through}
/* Facteurs de prix */
.factors{list-style:none;display:flex;flex-direction:column;gap:11px}
.factors li{position:relative;padding-left:28px;font-size:14.5px;color:var(--slate);line-height:1.6}
.factors li::before{content:"→";position:absolute;left:0;top:0;font-family:var(--f-mono);font-size:12px;color:var(--ember);line-height:1.7}
.factors li b{color:var(--ink);font-weight:500}
/* Garanties du CTA */
.checks{list-style:none;display:flex;gap:10px 28px;flex-wrap:wrap;justify-content:center;margin:0 auto 28px}
.checks li{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--graphite)}
.checks li::before{content:"✓";font-family:var(--f-mono);font-size:11px;color:var(--ember);width:18px;height:18px;border-radius:var(--r-pill);background:var(--ember-glow);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}

/* --------------------------------------------------------------------------
   Tableau comparatif : seul le nombre de colonnes est propre à cette page.
   Le reste du dessin vient de sections.css.
   -------------------------------------------------------------------------- */
.cmp .r{
  grid-template-columns:1fr 1.1fr 1.1fr;
}