/* Quiz Déclic Argent by MoneyProfil® : styles repris de la maquette (version de test 3). Police hébergée localement. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-800-normal.woff2) format('woff2')}
:root{--page:#EDF1F6}
html,body{background:var(--page);min-height:100%;margin:0}
#qz{--navy:#283C64;--orange:#F07800;--orange-soft:#FDE9D6;--orange-ink:#A35200;--bg:#EDF1F6;--track:#E2E6EC;--muted:#5E6B82;--grey:#9AA5B8;
  font-family:'Montserrat',Arial,sans-serif;color:var(--navy);background:var(--bg);padding:24px 16px;box-sizing:border-box;line-height:1.55}
#qz *{box-sizing:border-box}
#qz .wrap{max-width:620px;margin:0 auto}
#qz .brand{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 16px;text-align:center}
#qz .brand b{color:var(--orange);font-weight:800}
#qz .card{background:#fff;border-radius:18px;padding:32px 24px}
#qz h1{font-size:28px;line-height:1.15;font-weight:800;margin:0 0 14px;text-wrap:balance}
#qz h2{font-size:21px;line-height:1.3;font-weight:700;margin:34px 0 12px;text-wrap:balance}
#qz h3{font-size:16px;font-weight:700;margin:14px 0 6px}
#qz p{margin:0 0 14px;font-size:16px}
#qz .muted{color:var(--muted);font-size:14px}
#qz .btn{display:block;width:100%;border:0;border-radius:999px;background:var(--orange);color:#fff;font:700 17px 'Montserrat',Arial,sans-serif;padding:16px 20px;cursor:pointer;margin-top:18px;text-align:center;text-decoration:none}
#qz .btn:disabled{opacity:.45;cursor:not-allowed}
#qz .link{background:none;border:0;color:var(--muted);font:600 14px 'Montserrat',Arial,sans-serif;cursor:pointer;padding:8px 0;margin-top:10px;text-decoration:underline;text-align:left}
#qz button:focus-visible,#qz a:focus-visible,#qz input:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
#qz .hidden{display:none}
#qz .frame{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:10px}
#qz .frame li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
#qz .frame .dot{flex:0 0 26px;height:26px;border-radius:50%;background:var(--orange-soft);color:var(--orange-ink);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
#qz .fields{display:grid;gap:12px;margin-top:6px}
#qz label.f{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
#qz input[type=text],#qz input[type=email]{width:100%;border:2px solid var(--track);border-radius:12px;padding:13px 14px;font:500 16px 'Montserrat',Arial,sans-serif;color:var(--navy);background:#fff}
#qz input[type=text]:focus,#qz input[type=email]:focus{border-color:var(--orange);outline:none}
#qz .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:4px}
#qz .consent input{margin-top:3px;accent-color:var(--orange);width:18px;height:18px;flex:0 0 18px}
#qz details.rgpd{background:#F5F7FA;border-radius:12px;padding:10px 14px;font-size:13px;color:var(--muted)}
#qz details.rgpd summary{cursor:pointer;font-weight:700;color:var(--navy)}
#qz details.rgpd ul{margin:8px 0;padding-left:18px}
#qz details.rgpd li{margin:0 0 6px}
#qz details.rgpd p{font-size:13px;margin:0}
#qz details.rgpd .mail{font-weight:700;color:var(--navy);user-select:all}
#qz .testbox{margin-top:22px;border:2px dashed #C9CFD8;border-radius:12px;padding:12px 16px;font-size:14px;color:var(--muted)}
#qz .progbar{height:6px;background:var(--track);border-radius:99px;overflow:hidden;margin-bottom:10px}
#qz .progbar i{display:block;height:100%;background:var(--orange);width:0;transition:width .25s}
#qz .count{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:22px}
#qz .stmt{font-size:21px;font-weight:700;line-height:1.35;min-height:92px;margin:0 0 20px}
#qz .answers{display:grid;gap:10px}
#qz .ans{border:2px solid var(--track);background:#fff;border-radius:12px;padding:14px 16px;text-align:left;font:600 16px 'Montserrat',Arial,sans-serif;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between}
#qz .ans kbd{font:600 12px 'Montserrat',Arial,sans-serif;color:var(--grey)}
#qz .ans:hover{border-color:var(--orange)}
#qz .ans.sel{border-color:var(--orange);background:var(--orange-soft)}
/* result */
#qz .overview{background:var(--navy);color:#fff;border-radius:16px;padding:22px 20px;margin:18px 0 8px}
#qz .overview h3{color:#fff;margin:0 0 14px;font-size:15px;letter-spacing:.02em}
#qz .ov{display:grid;grid-template-columns:128px 1fr 34px;gap:10px;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600}
#qz .ov .bar{height:10px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}
#qz .ov .bar i{display:block;height:100%;background:var(--orange);border-radius:99px}
#qz .ov .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}
#qz .ov.dis .bar i{background:#fff}
#qz .ovnote{font-size:12px;color:#C9D2E3;margin:8px 0 0}
#qz .key{background:var(--orange-soft);border-radius:14px;padding:18px;margin:18px 0}
#qz .key b.t{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:6px}
#qz .key p{margin:0}
#qz .cur{border-top:1px solid var(--track);padding:18px 0 6px}
#qz .rhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
#qz .rname{font-size:17px;font-weight:800}
#qz .lvl{font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#qz .lvl.l2{background:var(--orange);color:#fff}
#qz .lvl.l1{background:var(--orange-soft);color:var(--orange-ink)}
#qz .lvl.l0{background:var(--track);color:var(--muted)}
#qz .track{position:relative;height:12px;background:var(--track);border-radius:99px;margin:0 22px 22px}
#qz .fill{position:absolute;left:0;top:0;bottom:0;background:var(--orange);border-radius:99px}
#qz .pill{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff}
#qz .cur.dis .fill,#qz .cur.dis .pill{background:var(--navy)}
#qz .biz{background:#F5F7FA;border-radius:12px;padding:12px 14px;margin:0 0 12px}
#qz .biz b{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
#qz .biz ul{margin:0;padding-left:18px}
#qz .biz li{font-size:15px;margin:3px 0}
#qz .clin{font-size:14px;font-style:italic;color:var(--muted);margin:0 0 12px}
#qz .def{font-size:14px;color:var(--muted);margin:0 0 10px}
#qz .locked{border:2px solid var(--navy);border-radius:16px;padding:20px 20px 8px;margin:30px 0 0}
#qz .locked h2{margin-top:0}
#qz ul.lock{list-style:none;padding:0;margin:0 0 12px}
#qz ul.lock li{position:relative;padding:9px 0 9px 30px;border-bottom:1px solid var(--track);font-size:15px}
#qz ul.lock li:last-child{border-bottom:0}
#qz ul.lock li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:9px;border:2px solid var(--navy);border-radius:3px}
#qz ul.lock li:after{content:"";position:absolute;left:7px;top:9px;width:6px;height:7px;border:2px solid var(--navy);border-bottom:0;border-radius:5px 5px 0 0}
#qz .cta{background:var(--navy);color:#fff;border-radius:18px;padding:26px 22px;margin-top:30px}
#qz .cta h2{color:#fff;margin:0 0 12px}
#qz .cta p{color:#E6EAF2}
#qz .cta ul{padding-left:20px;margin:0 0 16px;color:#E6EAF2}
#qz .cta li{font-size:15px;margin-bottom:6px}
#qz .cta li b{color:#fff}
#qz .cta .btn{margin-top:8px}
#qz .keepnote{font-size:14px;color:var(--muted)}
#qz .keep{background:var(--orange-soft);border-radius:14px;padding:18px;margin:26px 0 0}
#qz .keep b{display:block;font-size:16px;margin-bottom:6px}
#qz .keep p{font-size:15px;margin:0 0 4px}
#qz .btn.sec{background:var(--navy);margin-top:12px}
#qz .pdfmsg{font-size:13px;color:var(--muted);margin-top:8px}
#qz .low{border:2px solid var(--track);border-radius:12px;padding:16px 18px;margin:26px 0 0;font-size:14px}
#qz .low b{display:block;margin-bottom:4px;font-size:15px}
#qz .low .mail{font-weight:700;color:var(--orange-ink);user-select:all}
@media (max-width:420px){#qz h1{font-size:24px}#qz .stmt{font-size:19px}#qz .card{padding:26px 18px}#qz .ov{grid-template-columns:110px 1fr 30px}}
@media (prefers-reduced-motion:reduce){#qz *{transition:none!important}}
/* ajouts production */
#qz .hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
#qz .pdfmsg.err{color:var(--orange-ink)}