*{-webkit-tap-highlight-color: transparent;}
:root{--bg:#ffffff;--soft:#f5f5f7;--text:#0f172a;--muted:#64748b;--primary:#990000;--dark:#111111;--radius:32px;--shadow:0 24px 70px rgba(0,0,0,.08);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);}a{color:inherit;text-decoration:none;}header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(255,255,255,.75);border-bottom:1px solid rgba(15,23,42,.06);}.nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.logo{font-weight:800;font-size:22px;letter-spacing:-.04em;}.logo span{color:var(--primary);}.nav-actions{display:flex;align-items:center;gap:10px;}.call-menu{white-space:nowrap;}.call-desktop{white-space:nowrap;}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}.btn:hover{transform:translateY(-2px);}.btn-dark{background:var(--dark);color:white;box-shadow:0 12px 30px rgba(17,24,39,.18);}.btn-light{background:var(--soft);color:var(--text);}.btn-blue{background:var(--primary);color:white;box-shadow:0 12px 30px rgba(153,0,0,.24);}.nav-toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none;}.nav-burger{display:none;width:46px;height:46px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:white;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,.08);}.nav-burger span{display:block;width:20px;height:2px;border-radius:999px;background:var(--text);transition:transform .2s ease,opacity .2s ease;}.nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}.nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0;}.nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}section{padding:50px 24px;}.hero{min-height:88vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at top right,rgba(153,0,0,.12),transparent 38%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);}.wrap{max-width:1180px;margin:auto;}.narrow{max-width:860px;margin:auto;}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(153,0,0,.08);color:var(--primary);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}h1,h2{margin:18px 0;letter-spacing:-.07em;line-height:.95;}h1{font-size:clamp(52px,9vw,112px);}h2{font-size:clamp(42px,7vw,82px);text-align:center;}.lead{max-width:720px;margin:0 auto 34px;font-size:clamp(19px,2vw,25px);line-height:1.45;color:var(--muted);}.hero-cta,.center-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}.trust-line{margin-top:28px;color:var(--muted);font-size:15px;}.soft{background:var(--soft);}.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:52px;}.decision-card{min-height:430px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;background:white;border-radius:42px;padding:44px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.05);overflow:hidden;position:relative;}.decision-card:before{content:"";position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border-radius:999px;background:rgba(37,99,235,.09);}.decision-card.dark{background:#111111;color:white;}.decision-card.dark p{color:#cbd5e1;}.decision-card.dark:before{background:rgba(255,255,255,.08);}.decision-card strong{display:block;font-size:clamp(38px,5vw,62px);line-height:.95;letter-spacing:-.07em;margin-bottom:18px;}.decision-card p{max-width:430px;color:var(--muted);font-size:20px;line-height:1.45;margin:0;}.decision-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;}.card{background:white;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.05);}.card h3{font-size:26px;margin:0 0 10px;letter-spacing:-.04em;}.card p{margin:0;color:var(--muted);font-size:17px;line-height:1.5;}.refurb{background:#111111;color:white;text-align:center;overflow:hidden;}.refurb .lead{color:#cbd5e1;}.product-visual{margin:46px auto 0;max-width:760px;min-height:280px;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),radial-gradient(circle at top,rgba(153,0,0,.5),transparent 46%);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 120px rgba(0,0,0,.4);display:grid;place-items:center;}.laptop{width:66%;aspect-ratio:16 / 10;border-radius:18px;border:14px solid #dbeafe;background:linear-gradient(135deg,#1d4ed8,#93c5fd);position:relative;}.laptop:after{content:"";position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:120%;height:18px;background:#e5e7eb;border-radius:0 0 18px 18px;}.faq-list{max-width:860px;margin:46px auto 0;}details{background:white;border-radius:22px;padding:22px 26px;margin-bottom:14px;box-shadow:0 12px 34px rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.05);}summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;}summary::-webkit-details-marker{display:none;}summary:after{content:"+";float:right;color:var(--primary);}details[open] summary:after{content:"–";}details p{margin:16px 0 0;color:var(--muted);line-height:1.55;font-size:17px;}.final{background:var(--dark);color:white;text-align:center;}.final .lead{color:#cbd5e1;}footer{padding:34px 24px;text-align:center;color:var(--muted);background:#050816;font-size:14px;}svg{width:48px;height:48px;margin-bottom:14px;color:var(--primary);}img.pict{margin-top:42px;width:100%;max-width:620px;border-radius:32px;}img.logo{width:120px;}@media (max-width:860px){section{padding:84px 20px;}.nav{position:relative;padding:12px 18px;}img.logo{width:105px;}.nav-burger{display:inline-flex;margin-left:0;flex:0 0 46px;}.nav-actions{position:absolute;top:calc(100% + 8px);left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(15,23,42,.16);backdrop-filter:blur(18px);}.nav-toggle:checked ~ .nav-actions{display:flex;}.nav-actions .btn,.nav-actions .btn-light{display:inline-flex;width:100%;min-height:48px;justify-content:center;}.nav-actions .call-menu{display:none;}.cards,.decision-grid{grid-template-columns:1fr;}.decision-card{min-height:auto;padding:36px 28px;}.product-visual{min-height:220px;}.laptop{width:78%;}}img{max-width:100%;height:auto;}picture{display:inline-block;max-width:100%;}picture img{height:auto;}img.pict{height:auto;object-fit:contain;display:block;margin-left:auto;margin-right:auto;}img.logo{height:auto;object-fit:contain;} .hero picture{display:block;text-align:center;}
.call-desktop{white-space:nowrap;}@media (max-width:900px){.call-desktop{min-height:42px;padding:0 16px;font-size:14px;margin-left:auto;}}
/* Correctif header mobile : ordre Logo / Appeler / Menu */
@media (max-width:900px){
  .nav{justify-content:flex-start;gap:10px;}
  .nav .logo{margin-right:auto;}
  .nav .call-desktop{order:2;margin-left:0;min-height:42px;padding:0 16px;font-size:14px;flex:0 0 auto;}
  .nav .nav-burger{order:3;margin-left:0;flex:0 0 46px;}
  .nav .nav-actions{order:4;}
}
@media (max-width:380px){
  .nav .call-desktop{padding:0 13px;font-size:13px;}
  .nav .nav-burger{width:42px;height:42px;flex-basis:42px;}
}

/* Correctif débordement menu mobile : le panneau s'ouvre sous le header */
@media (max-width:860px){
  header{overflow:visible;}
  .nav{overflow:visible;}
  .nav .nav-actions{
    top:100%;
    margin-top:8px;
    left:18px;
    right:18px;
    max-height:calc(100vh - 82px);
    overflow:auto;
    z-index:50;
    transform:none;
  }
}

@media (hover: none) and (pointer: coarse) {
  #HoptoDesk {
    display: none;
  }
}

div.nav-actions .btn.active {
  background: var(--primary);
  color: white;
  box-shadow: 0 12px 30px rgba(153, 0, 0, .24);
}

header nav a svg {
  width: 24px;
  height: 24px;
  fill: white;
  display: block;
  margin: auto;
}

section.final svg {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  fill: white;
}

ul {
  list-style: square;
}

ul li {
  max-width: 430px;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.45;
  margin: 0;
}