/* efacture.buzzee.fr — feuille de styles */
  :root{
    --ink:#16213E; --blue:#1F3BD8; --blue-700:#14238A; --blue-050:#EEF1FD;
    --green:#0E8A57; --green-050:#E7F5EE; --gold:#FFD84D;
    --paper:#FBFAF6; --card:#FFFFFF; --line:#E8E7E0; --muted:#5B6275;
    --shadow:0 1px 2px rgba(20,33,62,.04), 0 18px 40px -18px rgba(20,33,62,.16);
    --shadow-sm:0 1px 2px rgba(20,33,62,.05), 0 8px 18px -10px rgba(20,33,62,.12);
    --r:18px; --maxw:980px;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
  h1,h2,h3{font-family:"Fraunces",Georgia,serif; font-weight:500; line-height:1.12; letter-spacing:-.01em; margin:0}
  a{color:var(--blue-700)}
  .eyebrow{font-size:13px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--blue); margin:0 0 14px}

  /* ---- bandeau ---- */
  .banner{padding:22px 22px 4px; text-align:center}
  .banner img{width:100%; max-width:480px; height:auto; display:inline-block}

  /* ---- hero ---- */
  .hero{padding:34px 0 10px; text-align:center; max-width:760px; margin:0 auto}
  .hero h1{font-size:clamp(32px,6vw,52px)}
  .hero h1 .mark{position:relative; white-space:nowrap}
  .hero h1 .mark::after{content:""; position:absolute; left:-2px; right:-2px; bottom:.07em; height:.30em;
    background:var(--gold); border-radius:3px; z-index:-1; opacity:.9}
  .hero .sub{font-size:clamp(17px,2.4vw,20px); color:var(--ink); margin:18px auto 0; max-width:600px}
  .hero .promise{font-size:16.5px; font-weight:500; color:var(--ink); margin:13px auto 0; max-width:600px}
  .hero .promise b{font-weight:700}
  .hero .trust{font-size:14.5px; color:var(--muted); margin:18px auto 0; display:inline-flex; align-items:center; gap:9px; flex-wrap:wrap; justify-content:center}
  .hero .trust b{color:var(--ink); font-weight:600}
  .badge{display:inline-flex; align-items:center; gap:7px; background:var(--green-050); color:var(--green);
    font-size:13px; font-weight:600; padding:5px 12px; border-radius:999px}
  .badge svg{width:14px;height:14px}

  /* ---- diagnostic ---- */
  .diag{padding:30px 0 8px}
  .diag-card{
    background:var(--card); border:1px solid var(--line); border-radius:var(--r);
    box-shadow:var(--shadow); padding:30px clamp(20px,4vw,40px) 26px; max-width:740px; margin:0 auto;
    position:relative;
  }
  .step{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600;
    letter-spacing:.05em; text-transform:uppercase; color:var(--blue); background:var(--blue-050);
    padding:6px 12px; border-radius:999px}
  .step.ok{color:var(--green); background:var(--green-050)}
  .screen{margin-top:18px; animation:fade .35s ease both}
  @keyframes fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
  .q-title{font-size:clamp(22px,3.4vw,28px); margin-bottom:6px}
  .q-intro{color:var(--muted); margin:0 0 20px}
  .q-sub{font-weight:600; font-size:18px; margin:6px 0 16px}
  .choices{display:grid; gap:12px}
  .choice{
    display:flex; align-items:center; gap:14px; width:100%; text-align:left; cursor:pointer;
    background:var(--card); border:1.5px solid var(--line); border-radius:14px;
    padding:17px 18px; min-height:60px; font:inherit; color:var(--ink);
    transition:border-color .15s, box-shadow .15s, transform .05s, background .15s;
  }
  .choice:hover{border-color:var(--blue); box-shadow:var(--shadow-sm); background:#fff}
  .choice:active{transform:translateY(1px)}
  .choice:focus-visible{outline:3px solid var(--blue-050); outline-offset:2px; border-color:var(--blue)}
  .choice .ic{flex:0 0 auto; width:30px; height:30px; border-radius:9px; background:var(--blue-050);
    display:grid; place-items:center; color:var(--blue)}
  .choice .ic svg{width:17px;height:17px}
  .choice .tx{flex:1 1 auto; min-width:0}
  .choice .lab{font-weight:600; font-size:17.5px; line-height:1.25}
  .choice .slab{display:block; color:var(--muted); font-size:14.5px; margin-top:2px}
  .choice .arr{flex:0 0 auto; width:22px; height:22px; color:#C7C9CE; transition:transform .15s,color .15s}
  .choice:hover .arr{color:var(--blue); transform:translateX(3px)}

  /* result */
  .result .icon-big{width:52px; height:52px; border-radius:14px; display:grid; place-items:center; margin-bottom:16px}
  .result.ok .icon-big{background:var(--green-050); color:var(--green)}
  .result.go .icon-big{background:var(--blue-050); color:var(--blue)}
  .icon-big svg{width:26px;height:26px}
  .result .q-title{margin-bottom:10px}
  .result p{margin:0 0 22px; color:#33384A; font-size:17.5px}
  .cta{display:inline-flex; align-items:center; justify-content:center; gap:10px; cursor:pointer;
    background:var(--blue); color:#fff; border:0; border-radius:12px; padding:15px 24px;
    font:inherit; font-weight:600; font-size:17px; text-decoration:none;
    box-shadow:0 10px 22px -10px rgba(31,59,216,.6); transition:background .15s, transform .05s}
  .cta:hover{background:var(--blue-700)}
  .cta:active{transform:translateY(1px)}
  .cta:focus-visible{outline:3px solid var(--blue-050); outline-offset:2px}
  .cta.soft{background:#fff; color:var(--blue-700); border:1.5px solid var(--line); box-shadow:none}
  .cta.soft:hover{border-color:var(--blue); background:var(--blue-050)}

  .card-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px;
    padding-top:18px; border-top:1px solid var(--line)}
  .linkbtn{background:none; border:0; padding:6px 4px; font:inherit; color:var(--muted); cursor:pointer;
    display:inline-flex; align-items:center; gap:7px; border-radius:8px}
  .linkbtn:hover{color:var(--ink)}
  .linkbtn:focus-visible{outline:3px solid var(--blue-050); outline-offset:2px}
  .linkbtn svg{width:15px;height:15px}
  .linkbtn[hidden]{display:none}

  /* ---- pillars ---- */
  .pillars{padding:54px 0 8px}
  .sec-head{text-align:center; max-width:620px; margin:0 auto 30px}
  .sec-head h2{font-size:clamp(26px,4vw,36px)}
  .grid4{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
  .pill{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--shadow-sm)}
  .pill .pi{width:42px;height:42px;border-radius:12px;background:var(--blue-050);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
  .pill .pi svg{width:22px;height:22px}
  .pill h3{font-size:19px; margin-bottom:7px}
  .pill p{margin:0; color:var(--muted); font-size:15.5px; line-height:1.55}

  /* ---- une seule décision ---- */
  .one{padding:60px 0 6px}
  .one-box{background:linear-gradient(180deg,#fff, #FBFBFE); border:1px solid var(--line); border-radius:22px;
    box-shadow:var(--shadow); padding:clamp(28px,5vw,46px); max-width:820px; margin:0 auto; text-align:center}
  .one-box h2{font-size:clamp(24px,3.8vw,34px); margin-bottom:16px}
  .one-box p{color:#33384A; font-size:18px; max-width:640px; margin:0 auto}
  .one-box .num{font-family:"Fraunces",serif; font-size:clamp(48px,9vw,84px); font-weight:500; color:var(--blue);
    line-height:1; margin-bottom:6px}

  /* ---- faq ---- */
  .faq{padding:60px 0 6px}
  .faq-list{max-width:760px; margin:0 auto; display:grid; gap:12px}
  details{background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow-sm); overflow:hidden}
  details[open]{border-color:#D3D6E8}
  summary{cursor:pointer; list-style:none; padding:18px 20px; font-weight:600; font-size:17.5px;
    display:flex; align-items:center; justify-content:space-between; gap:14px}
  summary::-webkit-details-marker{display:none}
  summary:focus-visible{outline:3px solid var(--blue-050); outline-offset:-3px}
  summary .pm{flex:0 0 auto; width:26px;height:26px;border-radius:8px;background:var(--blue-050);color:var(--blue);
    display:grid;place-items:center;font-size:20px;line-height:0;transition:transform .2s}
  details[open] summary .pm{transform:rotate(45deg)}
  details .ans{padding:0 20px 20px; color:#33384A; font-size:16px; line-height:1.6}

  /* ---- final cta ---- */
  .final{padding:64px 0 20px}
  .final-box{background:var(--ink); color:#fff; border-radius:24px; padding:clamp(30px,5vw,52px); text-align:center;
    max-width:820px; margin:0 auto; position:relative; overflow:hidden}
  .final-box::before{content:""; position:absolute; inset:auto -10% -60% -10%; height:80%;
    background:radial-gradient(60% 100% at 50% 0,rgba(31,59,216,.55),transparent 70%)}
  .final-box>*{position:relative}
  .final-box h2{color:#fff; font-size:clamp(26px,4.4vw,38px); margin-bottom:14px}
  .final-box p{color:#C9CEE0; font-size:18px; max-width:560px; margin:0 auto 26px}
  .final-box .cta{background:var(--blue); color:#fff; box-shadow:0 12px 26px -10px rgba(31,59,216,.5)}
  .final-box .cta:hover{background:var(--blue-700)}
  .final-box .small{color:#9AA1B8; font-size:13px; margin:20px auto 0; max-width:560px}

  /* ---- footer ---- */
  footer{padding:40px 0 60px; border-top:1px solid var(--line); margin-top:48px}
  footer .ft{max-width:820px; margin:0 auto; text-align:center; color:var(--muted); font-size:13.5px; line-height:1.7}
  footer .ft strong{color:var(--ink); font-weight:600}
  footer .ft .legal{font-size:12.5px; color:#8A90A0; margin-top:14px}

  @media (max-width:640px){
    body{font-size:16px}
    .grid4{grid-template-columns:1fr}
    .card-foot{flex-direction:column-reverse; align-items:stretch; gap:14px}
    .card-foot .cta{width:100%}
    .choice .arr{display:none}
    .hero{padding-top:22px}
  }
  @media (prefers-reduced-motion:reduce){
    .screen{animation:none}
    *{scroll-behavior:auto !important}
  }
  /* ===== bandeau cookies ===== */
  .ck{position:fixed; left:0; right:0; bottom:0; z-index:9999; padding:0 14px 14px; display:flex; flex-direction:column; align-items:center; pointer-events:none}
  .ck[hidden]{display:none}
  .ck-inner,.ck-panel{pointer-events:auto; width:100%; max-width:720px}
  .ck-inner{background:var(--card); border:1px solid var(--line); border-radius:16px;
    box-shadow:0 -2px 10px rgba(20,33,62,.06), 0 22px 50px -18px rgba(20,33,62,.28);
    padding:20px 22px; display:flex; gap:20px; align-items:center; flex-wrap:wrap}
  .ck-main{flex:1 1 320px; min-width:0}
  .ck-title{font-family:"Fraunces",serif; font-size:19px; font-weight:600; margin:0 0 4px}
  .ck-text{margin:0; font-size:14.5px; color:var(--muted); line-height:1.5}
  .ck-text a{color:var(--blue-700)}
  .ck-actions{flex:0 0 auto; display:flex; gap:10px; align-items:center; flex-wrap:wrap}
  .ck-btn{font:inherit; font-weight:600; font-size:15px; border-radius:10px; padding:12px 18px; cursor:pointer;
    border:1.5px solid transparent; transition:background .15s,border-color .15s,color .15s,transform .05s}
  .ck-btn:active{transform:translateY(1px)}
  .ck-btn:focus-visible{outline:3px solid var(--blue-050); outline-offset:2px}
  .ck-accept{background:var(--blue); color:#fff; border-color:var(--blue)}
  .ck-accept:hover{background:var(--blue-700); border-color:var(--blue-700)}
  .ck-refuse{background:#fff; color:var(--ink); border-color:#C9CCD8}
  .ck-refuse:hover{border-color:var(--ink)}
  #ckCustomize{background:transparent; border-color:transparent; color:var(--muted); padding-left:8px; padding-right:8px}
  #ckCustomize:hover{color:var(--ink)}
  .ck-panel{margin-top:10px; background:var(--card); border:1px solid var(--line); border-radius:16px;
    box-shadow:0 22px 50px -18px rgba(20,33,62,.28); padding:8px 22px 18px}
  .ck-panel[hidden]{display:none}
  .ck-row{display:flex; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid var(--line)}
  .ck-row:last-of-type{border-bottom:0}
  .ck-row-tx{flex:1 1 auto; min-width:0}
  .ck-row-title{display:block; font-weight:600; font-size:15.5px}
  .ck-tag{display:inline-block; font-size:11.5px; font-weight:600; color:var(--green); background:var(--green-050);
    padding:2px 8px; border-radius:999px; margin-left:6px; vertical-align:middle}
  .ck-row-sub{display:block; color:var(--muted); font-size:13.5px; margin-top:2px; line-height:1.45}
  .ck-switch{flex:0 0 auto; position:relative; width:46px; height:27px; display:inline-block}
  .ck-switch input{position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer}
  .ck-slider{position:absolute; inset:0; background:#CFD2DC; border-radius:999px; transition:background .18s}
  .ck-slider::before{content:""; position:absolute; width:21px; height:21px; left:3px; top:3px; background:#fff;
    border-radius:50%; transition:transform .18s; box-shadow:0 1px 3px rgba(0,0,0,.25)}
  .ck-switch input:checked + .ck-slider{background:var(--blue)}
  .ck-switch input:checked + .ck-slider::before{transform:translateX(19px)}
  .ck-switch input:focus-visible + .ck-slider{outline:3px solid var(--blue-050); outline-offset:2px}
  .ck-locked input:checked + .ck-slider{background:var(--green); opacity:.9}
  .ck-locked input{cursor:not-allowed}
  .ck-panel-foot{padding-top:16px; display:flex; justify-content:flex-end}
  .ck-link{background:none; border:0; padding:0; font:inherit; color:var(--muted); cursor:pointer; text-decoration:underline}
  .ck-link:hover{color:var(--ink)}
  @media (max-width:560px){
    .ck-inner{padding:18px}
    .ck-actions{width:100%}
    .ck-actions .ck-accept,.ck-actions .ck-refuse{flex:1 1 auto}
    #ckCustomize{flex-basis:100%; order:3; padding-top:4px}
  }
  @media (prefers-reduced-motion:reduce){
    .ck-slider,.ck-slider::before{transition:none}
  }
  /* ===== footer enrichi ===== */
  .site-footer{background:#F4F4F1; border-top:1px solid var(--line); margin-top:56px; padding:46px 0 0}
  .foot-grid{display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:38px; padding-bottom:34px}
  .foot-mark{font-family:"Fraunces",serif; font-weight:600; font-size:21px; color:var(--ink); margin:0 0 12px}
  .foot-mark .x{color:var(--blue); margin:0 5px; font-weight:500}
  .foot-blurb{margin:0 0 18px; color:var(--muted); font-size:14px; line-height:1.6; max-width:380px}
  .foot-contact{display:flex; flex-direction:column; gap:9px; margin-bottom:16px}
  .foot-contact a{color:var(--ink); text-decoration:none; font-weight:600; font-size:14.5px}
  .foot-contact a:hover{color:var(--blue-700)}
  .foot-social{display:flex; gap:10px}
  .foot-social a{width:36px; height:36px; border-radius:9px; background:#fff; border:1px solid var(--line);
    display:grid; place-items:center; color:var(--ink); transition:border-color .15s,color .15s}
  .foot-social a:hover{border-color:var(--blue); color:var(--blue)}
  .foot-col h3{font-family:"Hanken Grotesk",sans-serif; font-size:12.5px; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--ink); margin:0 0 14px}
  .foot-col ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
  .foot-col a{color:var(--muted); text-decoration:none; font-size:14px}
  .foot-col a:hover{color:var(--blue-700)}
  .foot-col .ck-link{font:inherit; font-size:14px; color:var(--muted); text-decoration:none; padding:0}
  .foot-col .ck-link:hover{color:var(--blue-700)}
  .foot-bottom{border-top:1px solid var(--line); padding:18px 0 42px; color:#8A90A0; font-size:12.5px; line-height:1.65}
  .foot-legal{margin:0 0 9px}
  .foot-copy{margin:0; font-weight:500; color:var(--muted)}
  @media (max-width:760px){
    .foot-grid{grid-template-columns:1fr 1fr; gap:28px}
    .foot-brand{grid-column:1 / -1}
  }
  @media (max-width:480px){
    .foot-grid{grid-template-columns:1fr}
  }
  /* ===== webinaire ===== */
  .webinar{padding:50px 0 8px}
  .webinar-inner{background:#EEF1FD; border:1px solid #DCE3FB; border-radius:22px;
    padding:clamp(30px,5vw,46px); max-width:760px; margin:0 auto; text-align:center}
  .webinar-inner h2{font-size:clamp(24px,3.8vw,32px); margin-bottom:14px}
  .webinar-text{color:#33384A; font-size:18px; max-width:580px; margin:0 auto 26px}
  .webinar-inner .cta{box-shadow:0 10px 22px -10px rgba(31,59,216,.5)}
  .webinar-sub{color:var(--muted); font-size:14.5px; margin:18px auto 0; max-width:480px; line-height:1.5}

  /* ===== comparateur ===== */
  .cmp-search-wrap{position:relative; margin-top:8px}
  .cmp-input{width:100%; font:inherit; font-size:17px; padding:15px 16px; border:1.5px solid var(--line);
    border-radius:12px; background:var(--card); color:var(--ink); transition:border-color .15s, box-shadow .15s}
  .cmp-input::placeholder{color:#9AA1B8}
  .cmp-input:focus{outline:none; border-color:var(--blue); box-shadow:var(--shadow-sm)}
  .cmp-suggest{position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:30; background:var(--card);
    border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); overflow:hidden; max-height:330px; overflow-y:auto}
  .cmp-suggest[hidden]{display:none}
  .cmp-opt{display:block; width:100%; text-align:left; background:none; border:0; border-bottom:1px solid var(--line);
    padding:13px 16px; font:inherit; font-size:16px; color:var(--ink); cursor:pointer}
  .cmp-opt:last-child{border-bottom:0}
  .cmp-opt:hover,.cmp-opt.hl{background:var(--blue-050); color:var(--blue-700)}
  .cmp-nomatch{padding:14px 16px; color:var(--muted); font-size:14.5px; line-height:1.5}
  .cmp-nofind{margin-top:12px; background:none; border:0; padding:4px 2px; font:inherit; font-size:14.5px;
    color:var(--muted); text-decoration:underline; cursor:pointer}
  .cmp-nofind:hover{color:var(--ink)}
  .cmp{margin-top:26px; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-sm)}
  .cmp-head{display:grid; grid-template-columns:1fr 1fr}
  .cmp-h-them,.cmp-h-us{padding:14px 16px; font-weight:700; font-size:14px; line-height:1.3}
  .cmp-h-them{background:#F4F4F1; color:var(--ink)}
  .cmp-h-us{background:var(--blue); color:#fff}
  .cmp-row{border-top:1px solid var(--line)}
  .cmp-q{padding:15px 16px 9px; font-family:"Fraunces",Georgia,serif; font-size:17px; color:var(--ink)}
  .cmp-cells{display:grid; grid-template-columns:1fr 1fr}
  .cmp-them,.cmp-us{padding:0 16px 16px; font-size:15px; line-height:1.5}
  .cmp-them{color:var(--muted)}
  .cmp-us{color:var(--ink); background:var(--blue-050)}
  .cmp-tag{display:none}
  .cmp-foot{margin-top:20px; text-align:center}
  .cmp-disclaimer{color:#8A90A0; font-size:12.5px; line-height:1.55; max-width:620px; margin:0 auto 16px}
  @media (max-width:640px){
    .cmp-head{display:none}
    .cmp-cells{grid-template-columns:1fr}
    .cmp-q{padding-bottom:12px}
    .cmp-them{border-bottom:1px solid var(--line); padding-bottom:14px}
    .cmp-tag{display:block; font-family:"Hanken Grotesk",sans-serif; font-size:11.5px; font-weight:700;
      letter-spacing:.07em; text-transform:uppercase; margin-bottom:5px; color:var(--blue)}
    .cmp-them .cmp-tag{color:var(--muted)}
  }

  /* comparateur — pastilles, légende & notes */
  .cmp-dot{display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:8px; vertical-align:middle}
  .cmp-dot.ok{background:#0E8A57}
  .cmp-dot.warn{background:#D9822B}
  .cmp-dot.bad{background:#C0392B}
  .cmp-legend{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-top:14px; color:var(--muted); font-size:13px}
  .cmp-legend>span{display:inline-flex; align-items:center}
  .cmp-note{position:relative; display:inline-block; margin-left:6px; vertical-align:middle}
  .cmp-info{width:18px; height:18px; border-radius:50%; border:1.5px solid var(--line); background:#fff; color:var(--muted);
    font:inherit; font-size:11px; font-weight:700; font-style:italic; line-height:1; cursor:pointer; padding:0}
  .cmp-info:hover{border-color:var(--blue); color:var(--blue)}
  .cmp-tip{position:absolute; left:0; top:calc(100% + 8px); z-index:40; display:none; width:min(280px,72vw);
    background:var(--ink); color:#fff; font-size:13px; line-height:1.5; padding:12px 14px; border-radius:12px;
    box-shadow:var(--shadow); font-weight:400}
  .cmp-tip em{color:#C9CEE0}
  .cmp-note:hover .cmp-tip, .cmp-note.open .cmp-tip{display:block}

  /* ===== avertissement : le verrou ===== */
  .verrou{padding:50px 0 8px}
  .verrou-box{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--ink);
    border-radius:18px; box-shadow:var(--shadow); padding:clamp(26px,4.5vw,42px); max-width:760px; margin:0 auto}
  .verrou-label{font-size:13px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--ink); margin:0 0 8px}
  .verrou-box h2{font-size:clamp(22px,3.4vw,30px); margin-bottom:16px}
  .verrou-box p{color:#33384A; font-size:16.5px; line-height:1.62; margin:0 0 16px}
  .verrou-box .vn{font-size:11px; vertical-align:super; text-decoration:none; color:var(--blue-700); font-weight:700; margin-left:1px}
  .verrou-list{list-style:none; margin:0 0 16px; padding:0; display:grid; gap:13px}
  .verrou-list li{position:relative; padding-left:20px; color:#33384A; font-size:16px; line-height:1.55}
  .verrou-list li::before{content:""; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:2px; background:var(--blue)}
  .verrou-list strong{color:var(--ink)}
  .verrou-box p.verrou-parade{background:var(--blue-050); border:1px solid #DCE3FB; border-radius:12px; padding:16px 18px; margin-bottom:6px}
  .verrou-box p.verrou-parade strong{color:var(--blue-700)}
  .verrou-box p.verrou-source{font-size:13.5px; color:var(--muted); margin:18px 0 0}
  .verrou-box p.verrou-source a{color:var(--blue-700)}

  /* comparateur — vue « questions à poser » */
  .cmp-quest{margin-top:24px; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-sm); padding:clamp(22px,4vw,32px)}
  .cmp-quest-h{font-size:clamp(20px,3vw,26px); margin-bottom:8px}
  .cmp-quest-sub{color:var(--muted); font-size:15.5px; margin:0 0 22px; line-height:1.55}
  .cmp-qlist{list-style:none; margin:0; padding:0; display:grid; gap:18px}
  .cmp-qitem{display:flex; gap:14px; align-items:flex-start}
  .cmp-q-num{flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:var(--blue-050); color:var(--blue);
    font-weight:700; font-size:14px; display:grid; place-items:center; margin-top:2px}
  .cmp-q-body{flex:1 1 auto; min-width:0}
  .cmp-q-txt{font-family:"Fraunces",Georgia,serif; font-size:17.5px; color:var(--ink); margin:0 0 5px; line-height:1.3}
  .cmp-q-ml{margin:0; font-size:14.5px; color:#33384A; line-height:1.5}
  .result .result-q{margin:20px auto 6px; max-width:560px; text-align:left}

  /* blocs intégrés au résultat (branche « pas encore choisi ») */
  .result .res-webinar{margin:22px auto 6px; max-width:560px; text-align:left; background:var(--blue-050); border:1px solid #DCE3FB; border-radius:14px; padding:20px 22px}
  .res-webinar-eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue-700); margin:0 0 6px}
  .res-webinar-title{font-family:"Fraunces",Georgia,serif; font-size:20px; color:var(--ink); margin:0 0 8px}
  .res-webinar-text{font-size:15px; color:#33384A; line-height:1.55; margin:0 0 16px}
  .result .res-webinar .cta{margin:0}
  .result .res-verrou{margin:22px auto 6px; max-width:640px; text-align:left}
  .result .res-verrou .verrou-box{margin:0}

  /* pavés du résultat « concerné ou pas » */
  .result .res-blocks{margin:20px auto 8px; max-width:600px; text-align:left; display:grid; gap:14px}
  .res-block{border:1px solid var(--line); border-left:4px solid var(--blue); border-radius:12px; padding:16px 18px; background:var(--card)}
  .res-block.b-plain{border-left-color:#9AA3B2}
  .res-block.b-muted{border-left-color:#C9CFDA; background:#F7F8FB}
  .res-block h4{font-family:"Fraunces",Georgia,serif; font-size:17px; color:var(--ink); margin:0 0 6px}
  .res-block p{font-size:14.5px; color:#33384A; line-height:1.55; margin:0}

  /* retours multiples dans la navigation du diagnostic */
  .backlink-wrap{text-align:center; margin:18px 0 2px}
  .backlink-wrap.backlink-bottom{margin-top:26px}
  .backlink{appearance:none; -webkit-appearance:none; background:none; border:0; color:var(--muted); font-family:inherit; font-size:14px; cursor:pointer; padding:6px 12px; border-radius:8px; transition:background .15s, color .15s}
  .backlink:hover{color:var(--ink); background:var(--blue-050)}
  .backlink-wrap.backlink-top{text-align:left; margin:0 0 16px}
  .final-box .eyebrow{color:#AFC0FF}

  /* --- Encart "deux pièges" : sous-titres --- */
  .verrou-box h3.verrou-piege{font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:19px; line-height:1.25;
    color:var(--ink); margin:30px 0 10px; padding-top:24px; border-top:1px solid var(--line)}
  .verrou-box h3.verrou-piege:first-of-type{margin-top:18px; padding-top:0; border-top:none}

  /* --- Encart "à vérifier auprès de votre plateforme" (parcours déjà choisi) --- */
  .result .verify-pa{margin:22px 0 4px; padding:16px 18px; background:var(--blue-050); border:1px solid var(--line); border-radius:12px; text-align:left}
  .verify-pa p{margin:0 0 8px; font-size:14.5px; line-height:1.55; color:var(--ink)}
  .verify-pa p:last-child{margin-bottom:0}
  .verify-pa .verify-pa-title{font-weight:700; font-size:15px; margin-bottom:10px}
  .verify-pa .verify-pa-intro{margin:0 0 13px; font-size:14.5px; color:var(--muted)}
  .verify-pa .vpa-list{list-style:none; margin:0; padding:0; display:grid; gap:13px}
  .verify-pa .vpa-item{display:flex; gap:11px; align-items:flex-start}
  .verify-pa .vpa-num{flex:0 0 auto; width:23px; height:23px; border-radius:999px; background:var(--blue); color:#fff; font-size:13px; font-weight:700; line-height:1; display:flex; align-items:center; justify-content:center; margin-top:2px}
  .verify-pa .vpa-body{flex:1 1 auto; min-width:0}
  .verify-pa .vpa-tag{display:block; font-weight:700; font-size:14.5px; color:var(--blue-700); margin-bottom:1px}
  .verify-pa .vpa-body p{margin:0}
  .pa-mail{margin:16px 0 26px; text-align:left}
  .pa-mail .pa-mail-intro{margin:0 0 11px; font-size:14px; line-height:1.55; color:var(--muted)}
  .pa-mail .pa-mail-toggle{display:inline-flex; align-items:center; gap:8px; padding:9px 14px; font-family:inherit; font-size:14px; font-weight:700; color:var(--blue-700); background:#fff; border:1.5px solid var(--blue); border-radius:10px; cursor:pointer; transition:background .15s}
  .pa-mail .pa-mail-toggle:hover{background:var(--blue-050)}
  .pa-mail .pa-mail-toggle svg{width:17px; height:17px; flex:0 0 auto}
  .pa-mail .pa-mail-toggle[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
  .pa-mail .pa-mail-pick{margin-top:12px}
  .pa-mail .pa-mail-opts{display:flex; flex-wrap:wrap; gap:8px}
  .pa-mail .pa-mail-opt{display:inline-flex; align-items:center; padding:8px 13px; font-family:inherit; font-size:13.5px; font-weight:600; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:8px; cursor:pointer; text-decoration:none; transition:border-color .15s, background .15s}
  .pa-mail .pa-mail-opt:hover{border-color:var(--blue); background:var(--blue-050); color:var(--blue-700)}
  .pa-mail .pa-mail-warn{margin:13px 0 0; font-size:16px; font-weight:700; line-height:1.5; color:var(--ink)}
  .signup{text-align:left; margin-top:18px; display:grid; gap:14px}
  .signup .fld{display:grid; gap:5px}
  .signup label{font-weight:600; font-size:14px; color:var(--ink)}
  .signup input{font-family:inherit; font-size:15px; color:var(--ink); background:#fff; border:1.5px solid var(--line); border-radius:10px; padding:11px 13px; transition:border-color .15s}
  .signup input:focus{outline:none; border-color:var(--blue)}
  .signup input.err{border-color:#D64545}
  .signup .fld-hint{font-size:12.5px; color:var(--muted)}
  .signup .fld-err{font-size:12.5px; color:#D64545}
  .signup .fld-err:empty{display:none}
  .signup .cta{margin-top:4px; width:100%}
  .signup .signup-legal{margin:2px 0 0; font-size:12px; color:var(--muted); line-height:1.5}

  /* ---- menu haut ---- */
  .topnav{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; padding:12px 16px; background:var(--card); border-bottom:1px solid var(--line)}
  .topnav .tab{text-decoration:none; color:var(--muted); font-weight:600; font-size:14.5px; padding:8px 18px; border-radius:999px; transition:background .15s, color .15s}
  .topnav .tab:hover{background:var(--blue-050); color:var(--blue)}
  .topnav .tab-active, .topnav .tab-active:hover{background:var(--blue); color:#fff}