/* Ancien gabarit (blog, régions, légal, appareils, compte) aligné sur le thème électrique. */
:root{
  --obsidian:#0a0a0a;--panel:#141416;--line:#2a2a30;
  --violet:#4d94ff;--violet-lt:#e8f1ff;--gold:#4d94ff;--cyan:#4d94ff;
  --fog:#c4c4cc;--dim:#8d8d99;
  --display:"Outfit",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.qc-legacy::before{display:none}
body.qc-legacy{color:#c4c4cc}
.qc-legacy .stage{padding-top:108px}
.qc-legacy .concept-bar{display:none}
.qc-legacy .stage a{color:inherit}
.qc-legacy .stage a.cta,
.qc-legacy .cta{
  background:#4d94ff;color:#061226;border-color:transparent;border-radius:999px;
  font-weight:800;letter-spacing:0;text-transform:none;font-size:15px;
  box-shadow:0 8px 30px rgb(77 148 255 / .28);
}
.qc-legacy .stage a.cta:hover,
.qc-legacy .cta:hover{background:#e8f1ff;box-shadow:0 10px 28px rgb(77 148 255 / .45)}
.qc-legacy .stage a.cta.ghost,
.qc-legacy .cta.ghost{
  background:transparent;color:#f5f5f7;border:1.5px solid #3a3a44;box-shadow:none;
}
.qc-legacy .cta.ghost:hover{border-color:#4d94ff;color:#4d94ff;background:transparent;box-shadow:0 0 20px rgb(77 148 255 / .35)}
.qc-legacy .hero h1,
.qc-legacy .sec-head h2,
.qc-legacy .blogcard h2,
.qc-legacy .block h3,
.qc-legacy .article-block h2,
.qc-legacy .plan .term,
.qc-legacy .finalcta h2{text-transform:none;letter-spacing:-.03em}
.qc-legacy .eyebrow,
.qc-legacy .blogcard .kicker,
.qc-legacy .kicker{color:#4d94ff}
.qc-legacy .eyebrow::before{background:#4d94ff}
.qc-legacy .hero:not(.legal-doc){position:relative}
.qc-legacy .hero:not(.legal-doc)::after{
  content:"";position:absolute;right:0;top:28px;width:42px;height:104px;pointer-events:none;
  background:#4d94ff;
  clip-path:polygon(58% 0, 20% 46%, 48% 46%, 6% 100%, 86% 38%, 54% 38%, 100% 0);
  filter:drop-shadow(0 0 10px #4d94ff) drop-shadow(0 0 22px rgb(77 148 255 / .65));
  animation:qc-lueur 2.6s ease-in-out infinite;
}
.qc-legacy .block,
.qc-legacy .blogcard,
.qc-legacy .plan,
.qc-legacy .quote,
.qc-legacy .article-block,
.qc-legacy .step,
.qc-legacy .faq details{
  background:#141416;border-color:#2a2a30;
  transition:border-color .2s,box-shadow .22s,transform .2s;
}
.qc-legacy .block:hover,
.qc-legacy .blogcard:hover,
.qc-legacy .plan:hover,
.qc-legacy .quote:hover,
.qc-legacy .article-block:hover,
.qc-legacy .step:hover,
.qc-legacy .faq details:hover,
.qc-legacy .faq details[open]{
  border-color:rgb(77 148 255 / .55);
  box-shadow:0 0 24px rgb(77 148 255 / .16);
}
.qc-legacy .plan.best{border-color:#4d94ff;box-shadow:0 0 32px rgb(77 148 255 / .2)}
.qc-legacy .plan.best .pick,
.qc-legacy .durs button.on,
.qc-legacy .badge,
.qc-legacy .submit,
.qc-legacy button.btn,
.qc-legacy a.btn{
  background:#4d94ff;color:#061226;border-color:transparent;font-weight:800;
}
.qc-legacy .submit:hover,
.qc-legacy button.btn:hover,
.qc-legacy a.btn:hover{background:#e8f1ff}
.qc-legacy .pick:hover{background:rgb(77 148 255 / .12);border-color:#4d94ff;color:#4d94ff}
.qc-legacy .guide-tab-btn.on,
.qc-legacy .tab.on{background:#4d94ff;color:#061226;border-color:#4d94ff}
.qc-legacy .guide-tab-btn.on span{color:#061226}
.qc-legacy .finalcta{
  background:#141416;border:1px solid rgb(77 148 255 / .45);
  box-shadow:0 0 48px rgb(77 148 255 / .12);
}
.qc-legacy .linkgrid a:hover,
.qc-legacy .article-also a:hover{color:#4d94ff;border-color:#4d94ff}
.qc-legacy .legal-doc a{color:#4d94ff}
.qc-legacy :focus-visible{outline-color:#4d94ff}

@media (max-width:1024px){
  .qc-legacy .hero:not(.legal-doc)::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .qc-legacy .hero:not(.legal-doc)::after{animation:none}
}