@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{font-family:"DM Sans",Arial,sans-serif;color:#172342;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:1190px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #e9edf5}.nav{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{width:224px;max-width:100%;height:auto;display:block}.toplink{color:#163b83;font-size:14px;font-weight:700;text-decoration:none}.hero{padding:65px 0 42px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#cc8a07;font-weight:800}.hero h1{font-size:clamp(34px,4.4vw,54px);letter-spacing:-.05em;line-height:1.1;margin:14px 0}.hero p{font-size:17px;color:#66718a;max-width:690px;line-height:1.65}.layout{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:start}.panel{background:white;border:1px solid #e5e9f1;border-radius:19px;padding:30px;box-shadow:0 12px 44px #152d6010;min-height:490px}.panel-heading{display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid #ecf0f6}.panel-heading h2{font-size:21px;margin:0 0 5px}.panel-heading p{font-size:13px;color:#788299;margin:0}.step{display:flex;align-items:center;justify-content:center;background:#eaf0ff;color:#204b9e;width:43px;height:43px;border-radius:13px;font-weight:800}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 17px;margin-top:29px}.fields label{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:13px;color:#35435f}.fields select{width:100%;height:52px;padding:0 13px;color:#253554;background:#fff;border:1px solid #d5ddeb;border-radius:10px;font:inherit;font-weight:500;outline:none}.fields select:focus{border-color:#2858b3;box-shadow:0 0 0 3px #2858b31a}.fields select:disabled{background:#f5f6fa;color:#a1a9b8}.formfoot{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:31px}.primary,.ghost{font:inherit;cursor:pointer;border-radius:10px;padding:15px 20px;font-size:13px;font-weight:800}.primary{background:#f8bc36;border:1px solid #f8bc36;color:#172342}.primary:disabled{background:#e8ebf1;color:#a1a9b8;border-color:#e8ebf1;cursor:not-allowed}.ghost{border:0;color:#5c6980;background:transparent}.status{font-size:13px;color:#a34827;min-height:16px}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;padding:72px 24px;color:#32405c}.emptyicon{width:76px;height:76px;background:#eff3fc;display:grid;place-items:center;border-radius:22px;color:#3763ad;font-size:35px;font-weight:700;margin-bottom:24px}.empty strong{font-size:19px}.empty p{font-size:14px;color:#7f899c;line-height:1.6;max-width:280px}.resulttag{font-weight:700;color:#5d6981;font-size:14px;margin:25px 0 15px}.pricecard{background:#f0f5ff;border:1px solid #dce8ff;border-radius:14px;padding:24px;color:#23467f}.pricecard>span{font-size:11px;font-weight:800;letter-spacing:.11em}.price{font-size:43px;letter-spacing:-.055em;color:#153d87;font-weight:800;margin:9px 0}.pricecard>div:last-child{font-size:13px}.resultpanel h3{font-size:15px;margin:27px 0 13px}.instructions{font-size:14px;line-height:1.65;color:#57637b;white-space:pre-wrap;max-height:380px;overflow:auto;overflow-wrap:anywhere}.actionlink{display:inline-block;margin-top:20px;color:#173f8d;font-size:13px;font-weight:800;text-decoration:none}footer{padding:45px 0;color:#8590a3;font-size:12px}@media(max-width:850px){.layout{grid-template-columns:1fr}.hero{padding:40px 0 25px}.panel{min-height:0}}@media(max-width:500px){.shell{padding:0 15px}.nav{min-height:70px}.logo{width:170px}.toplink{font-size:11px}.panel{padding:20px}.fields{grid-template-columns:1fr}.formfoot{flex-wrap:wrap}.primary{flex:1}}
/* V2 : respecter l'attribut HTML hidden même sur les blocs flex. */
[hidden]{display:none!important}
.hero{padding:42px 0 28px}
.hero p{max-width:850px;margin:16px 0 0;font-size:18px;color:#354765;font-weight:500}
.pricecard .codebox{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#fff;border:2px solid #2c59a3;border-radius:11px;padding:15px 17px;margin-top:21px}
.codebox span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#3b5076}
.codebox strong{font-size:clamp(19px,2.6vw,25px);color:#153d87;letter-spacing:.01em;overflow-wrap:anywhere}
.nextsteps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.nextstep{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dfe7f3;border-radius:14px;padding:19px;min-width:0;background:#f8faff}
.nextstep.repair{border-color:#e8bc57;background:#fff9e9}
.nextstep.help{background:#f2f6ff}
.nextstep-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;color:#687a98}
.resultpanel .nextstep h3{font-size:16px;margin:10px 0 7px;color:#172342}
.nextstep p{font-size:12px;line-height:1.55;color:#64738a;margin:0 0 18px}
.nextstep .actionlink,.nextstep .phonelink{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;width:100%;margin-top:auto;padding:13px 10px;border-radius:10px;font-weight:800;font-size:12px;text-decoration:none;line-height:1.4;min-height:53px}
.nextstep .actionlink{background:#f8bc36;color:#172342}
.nextstep .actionlink:hover{background:#eaae28}
.nextstep .phonelink{background:#173f8d;color:white;font-size:17px;white-space:normal}
.nextstep .phonelink:hover{background:#0f2d68}
@media(max-width:1100px){.nextsteps{grid-template-columns:1fr}}
@media(max-width:850px){.nextsteps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nextsteps{grid-template-columns:1fr}}

/* V3 — palette Norauto bleu/jaune, thème clair/sombre accessible. */
:root{color-scheme:light;--page:#f4f6fb;--surface:#fff;--surface-soft:#f8faff;--text:#172342;--muted:#64738a;--border:#e0e6f0;--blue:#173f8d;--blue-soft:#f0f5ff;--blue-border:#dce8ff;--yellow:#f8bc36;--yellow-soft:#fff9e9;--field:#fff;--field-text:#253554;--field-disabled:#f5f6fa;--field-disabled-text:#8793a6;--shadow:0 12px 44px #152d6010}
:root[data-theme=dark]{color-scheme:dark;--page:#101827;--surface:#19263b;--surface-soft:#21324b;--text:#f2f5ff;--muted:#c0ccdc;--border:#3a4c66;--blue:#8db8ff;--blue-soft:#203655;--blue-border:#41608b;--yellow:#f8bc36;--yellow-soft:#3a3020;--field:#172439;--field-text:#f2f5ff;--field-disabled:#243047;--field-disabled-text:#9aa9bb;--shadow:0 12px 44px #0003}
:root,body{background:var(--page);color:var(--text)}.top,.panel{background:var(--surface);border-color:var(--border)}.panel{box-shadow:var(--shadow)}.hero p,.panel-heading p,.resulttag,.instructions,.nextstep p,.empty p,footer{color:var(--muted)}.hero p,.fields label,.resultpanel .nextstep h3,.empty{color:var(--text)}.toplink{color:var(--blue)}.panel-heading{border-color:var(--border)}.step,.emptyicon{background:var(--blue-soft);color:var(--blue)}.fields select{background:var(--field);color:var(--field-text);border-color:var(--border)}.fields select:disabled{background:var(--field-disabled);color:var(--field-disabled-text)}.ghost{color:var(--muted)}.primary{background:var(--yellow);border-color:var(--yellow);color:#172342}.primary:disabled{background:var(--field-disabled);border-color:var(--border);color:var(--field-disabled-text)}.pricecard{background:var(--blue-soft);border-color:var(--blue-border);color:var(--text)}.price,.codebox strong{color:var(--blue)}.pricecard .codebox{background:var(--surface);border-color:var(--blue)}.codebox span{color:var(--muted)}.nextstep{background:var(--surface-soft);border-color:var(--border)}.nextstep.repair{background:var(--yellow-soft);border-color:#a78334}.nextstep.help{background:var(--blue-soft)}.nextstep-kicker{color:var(--muted)}.nextstep .actionlink{background:var(--yellow);color:#172342}.nextstep .phonelink{background:#173f8d;color:#fff}.nav-actions{display:flex;align-items:center;gap:18px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:var(--surface-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.theme-toggle:hover{border-color:var(--blue)}.theme-toggle:focus-visible,.toplink:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.theme-symbol{font-size:18px;line-height:1}:root[data-theme=dark] .logo{background:#fff;border-radius:9px;padding:5px}
@media(max-width:560px){.nav-actions{gap:8px}.theme-toggle{padding:9px}.theme-label{display:none}.toplink{font-size:11px}}