:root{--bg:#021426;--bg2:#071d34;--panel:#082848;--panel2:#0a3156;--line:#18496f;--text:#fff;--muted:#bdcada;--blue:#1488ff;--cyan:#51b7ff;--green:#35c96f;--amber:#ff9f17;--red:#ff5b62;--shadow:0 18px 60px rgba(0,0,0,.27)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% 8%,#123e62 0,#06213b 26%,#03172a 58%,#021322 100%)}
a{color:inherit}.topbar{height:74px;padding:0 36px;display:grid;grid-template-columns:275px 1fr 240px;align-items:center;border-bottom:1px solid #21435f;background:rgba(2,20,38,.97);position:relative;z-index:20}.brand{display:block;width:228px;height:64px;text-decoration:none}.brand img{display:block;width:228px;height:64px;object-fit:contain;object-position:left center}.main-nav{display:flex;justify-content:center;align-self:stretch;gap:44px}.main-nav a{display:flex;align-items:center;padding:0 4px;text-decoration:none;font-weight:600;position:relative}.main-nav a.active:after{content:"";position:absolute;left:-18px;right:-18px;bottom:0;height:3px;background:#198cff;box-shadow:0 0 20px rgba(25,140,255,.45)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.account-btn,.theme-btn{border:1px solid #6a8298;background:#061b2f;color:#fff;border-radius:7px;height:39px;font:600 13px Inter;padding:0 17px}.theme-btn{width:39px;border:0;border-radius:50%;background:#0a2641;padding:0;font-size:17px}
.hero-zone{height:248px;position:relative;overflow:hidden;border-bottom:1px solid #123959;background:linear-gradient(90deg,#03182b 0%,#062441 45%,#061a2d 100%)}.hero-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,32,.96) 0%,rgba(3,22,39,.67) 42%,rgba(3,19,34,.12) 74%,rgba(3,19,34,.06) 100%);pointer-events:none}.hero-bg{position:absolute;right:0;top:0;width:67%;height:100%;background:url('images/hero-night.png') right center/cover no-repeat;filter:saturate(.95) contrast(1.05) brightness(.94);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 34%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,#000 34%,#000 100%)}.hero-copy{position:relative;z-index:3;padding:21px 0 0 38px;max-width:760px}.hero-copy h1{margin:0 0 5px;font-size:33px;line-height:1.12;letter-spacing:-1px}.hero-copy h1 span{color:#58b7ff}.hero-copy p{margin:0;color:#fff;font-size:15px;line-height:1.55}.hero-benefits{display:flex;gap:58px;margin-top:18px}.hero-benefits>div{text-align:center;min-width:90px}.round-icon{width:47px;height:47px;margin:0 auto 5px;display:grid;place-items:center;border-radius:50%;background:rgba(6,50,86,.85);box-shadow:0 0 24px rgba(0,120,255,.16)}.round-icon img{width:31px;height:31px}.hero-benefits b,.hero-benefits small{display:block}.hero-benefits b{font-size:12px}.hero-benefits small{font-size:11px;color:#d4e0eb}.hero-note{position:absolute;z-index:4;right:41%;bottom:18px;font-family:"Patrick Hand",cursive;font-size:24px;line-height:1.05;transform:rotate(-5deg);text-align:center;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5)}.hero-note b{position:absolute;font-family:Inter,sans-serif;font-size:48px;font-weight:300;left:-57px;bottom:-12px;transform:rotate(-24deg)}
.workspace{display:grid;grid-template-columns:220px minmax(680px,1fr) 286px;gap:0;max-width:1536px;margin:0 auto;padding:0 14px;background:linear-gradient(180deg,rgba(5,30,53,.2),rgba(2,19,34,.2))}.advantages{padding:28px 10px 0 8px}.advantages h2{font-size:12px;margin:0 0 23px;font-weight:800}.advantage{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:start;margin:0 0 23px}.side-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#0b3b67}.side-icon img{width:33px;height:33px}.advantage b{font-size:12px;line-height:1.45;display:block}.advantage span span{font-size:11px;color:#d2ddea;line-height:1.55;display:block;margin-top:3px}
.analysis-card{margin-top:0;background:linear-gradient(180deg,#0a3157 0,#082848 100%);border:1px solid #1b4d75;border-radius:10px;box-shadow:var(--shadow);padding:18px 16px 9px;position:relative;top:-1px}.analysis-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.analysis-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#117ef2;font-size:17px;font-weight:800}.analysis-title h2{margin:0;font-size:17px}.analysis-title p{margin:1px 0 0;color:#d6e1ec;font-size:11px}.form-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-columns fieldset{border:1px solid #28587e;border-radius:7px;padding:11px 12px 7px;margin:0;background:rgba(7,34,61,.4)}fieldset legend{font-weight:800;padding:0 4px;font-size:12px;display:flex;align-items:center;gap:7px}fieldset legend img{width:22px;height:22px}label{display:block;font-size:11px;font-weight:700;margin:0 0 9px}label em{color:#ff5b62;font-style:normal}label small{font-weight:500;color:#d5e0ea}input,select{width:100%;margin-top:5px;border:1px solid #3b688f;background:#0a2a49;color:#fff;border-radius:5px;padding:8px 10px;outline:none;font:12px Inter}input::placeholder{color:#aebfd0}input:focus,select:focus{border-color:#2395ff;box-shadow:0 0 0 2px rgba(35,149,255,.12)}select option{background:#08223d}.unit-field{display:grid;grid-template-columns:1fr auto;margin-top:5px}.unit-field input{margin:0;border-radius:5px 0 0 5px}.unit-field span{display:grid;place-items:center;padding:0 10px;border:1px solid #3b688f;border-left:0;border-radius:0 5px 5px 0;background:#0b3155;font-size:11px}.field-help{font-size:9px;margin:-3px 0 0;color:#c7d5e4}.usage-group>b{font-size:11px;display:block;margin:1px 0 6px}.radio{display:flex;align-items:center;gap:7px;margin:6px 0;font-weight:500}.radio input{width:auto;margin:0;accent-color:#1689ff}.year-hidden{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.info-strip{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 11px;border-radius:6px;background:#0c3760;border:1px solid #255f8c;color:#67bdff;font-size:10px;line-height:1.35}.info-strip>b{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;background:#1b82ef;color:#fff;font-size:15px}.submit-row{text-align:center;padding:8px 0 0}.submit-row button{width:320px;max-width:100%;height:41px;border:0;border-radius:5px;background:linear-gradient(#1487ff,#0068de);color:#fff;font:700 13px Inter;display:inline-flex;align-items:center;justify-content:center;gap:27px;box-shadow:0 8px 18px rgba(0,92,196,.27);cursor:pointer}.submit-row button:disabled{opacity:.58;cursor:wait}.submit-row small{display:block;margin-top:3px;font-size:9px}.clear-answers{padding:26px 16px 18px;background:linear-gradient(180deg,#082743,#061c31);border:1px solid #173f62;border-left:0;min-width:0}.trust-note{margin-top:18px;padding:14px 12px;text-align:center;background:#06182b;border-radius:7px}.trust-note strong{display:block;font-size:12px}.trust-note span{display:block;font-size:10px;color:#d4e0ea;margin-top:3px}
.status{margin:20px auto;padding:14px 16px;max-width:1490px;border:1px solid #285b87;background:#0a2b4c;border-radius:8px;color:#cae1f8}.status.error{border-color:#783841;color:#ffc0c4;background:#28171c}.hidden{display:none!important}.results{max-width:1490px;margin:28px auto 0;padding:24px;background:linear-gradient(180deg,#071b30,#071727);border:1px solid #173c5f;border-radius:12px}.results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:18px}.results-head h2{font-size:31px;margin:0 0 7px}.results-head p{margin:0;color:#a9bdd2;max-width:800px}.eyebrow{color:#4db6ff;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:8px}.score-card{min-width:225px;display:flex;align-items:center;gap:16px;background:#0a2948;border:1px solid #28557d;padding:14px 18px;border-radius:12px}.score-ring{width:74px;height:74px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--cyan) var(--score-deg,280deg),#173d60 0);position:relative}.score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#0a2948}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-size:25px;line-height:1}.score-ring span{font-size:10px;color:#85a3be}.score-card>div:last-child{display:flex;flex-direction:column}.score-card small{color:#85a3be}.usage-metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;margin:0 0 20px}.usage-metrics>div{background:#092540;border:1px solid #214f77;border-radius:10px;padding:14px 16px}.usage-metrics small{display:block;color:#89a6c0;margin-bottom:4px}.usage-metrics strong{font-size:20px}.usage-metrics .highlight{background:linear-gradient(135deg,#0b365e,#0c4878);border-color:#257cc1}.usage-metrics .highlight strong{color:#66c2ff}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#91aac2;padding:8px 2px 20px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.green{background:var(--green)}.amber{background:var(--amber)}.red{background:var(--red)}.gray{background:#73869b}.section-title{margin:24px 0 14px;display:flex;justify-content:space-between;align-items:end}.section-title>div{display:flex;align-items:center;gap:10px}.section-title span{font-size:11px;color:var(--cyan);font-weight:900}.section-title h3{margin:0;font-size:18px}.section-title small{color:#718da8}.issues{display:grid;gap:12px}.issue{border:1px solid #21486b;background:linear-gradient(110deg,#09233f,#071a2e);border-radius:12px;overflow:hidden}.issue-top{padding:16px;display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(105px,.55fr)) 40px;align-items:center;gap:15px;cursor:pointer}.issue-title{display:flex;gap:12px;align-items:flex-start}.risk-bar{width:4px;min-height:46px;border-radius:9px;background:#73869b}.risk-bar.eleve{background:var(--red)}.risk-bar.proche{background:var(--amber)}.risk-bar.faible{background:var(--green)}.issue-title b{display:block}.issue-title p{margin:3px 0 0;color:#8aa2bb;font-size:12px}.metric{display:flex;flex-direction:column;gap:2px}.metric label{font-size:10px;color:#6f8da9;text-transform:uppercase;letter-spacing:.8px;margin:0}.metric strong{font-size:13px}.pill{display:inline-flex;width:max-content;padding:3px 8px;border-radius:999px;background:#123659;font-size:11px}.toggle{width:30px;height:30px;border-radius:8px;background:#123452;display:grid;place-items:center;color:#8cb0d0}.issue.open .toggle{transform:rotate(180deg)}.issue-detail{display:none;padding:0 18px 18px;border-top:1px solid rgba(255,255,255,.06)}.issue.open .issue-detail{display:block}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:16px}.detail-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7aa0c3;margin:0 0 8px}.detail-grid ul{padding-left:18px;margin:0;color:#c1d1e1}.issue-sources{margin-top:15px;color:#7f9bb5;font-size:12px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.panel{background:linear-gradient(180deg,#092541,#071d34);border:1px solid #204a70;border-radius:12px}.compact{padding:18px}.section-title.mini{margin:0 0 12px}.bullet-list{margin:0;padding-left:20px;color:#b9cadd}.sources{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source{display:flex;justify-content:space-between;gap:16px;text-decoration:none;color:#d6e3ef;background:#08213a;border:1px solid #214a70;padding:14px;border-radius:10px}.source:hover{border-color:#3685c4}.source b{display:block;font-size:13px}.source small{color:#7899b6}.source em{font-style:normal;color:var(--cyan);font-size:18px}.methodology{padding:18px;margin-top:20px}.methodology p{color:#8ca7c0;margin:5px 0 0;font-size:12px}.bottom-trust{display:grid;grid-template-columns:repeat(4,1fr) 190px;align-items:center;gap:0;border-top:1px solid #1c456a;border-bottom:1px solid #1c456a;margin-top:18px;padding:14px 55px;background:#061a2f}.bottom-trust>div:not(.side-signature){display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;padding:0 20px;border-right:1px solid #31506d}.bt-icon{grid-row:1/3;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#0b3156}.bt-icon img{width:31px;height:31px}.bottom-trust b{font-size:12px}.bottom-trust small{font-size:9px;color:#d2dfeb}.side-signature{font-family:"Patrick Hand",cursive;font-size:22px;line-height:1.05;text-align:center;transform:rotate(-4deg)}.side-signature span{font-family:Inter;font-size:24px;margin-left:5px}footer{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#031426;border-top:1px solid rgba(255,255,255,.05);font-size:10px;color:#becddd}footer small{opacity:.55;margin-left:8px}
@media(max-width:1180px){.topbar{grid-template-columns:240px 1fr 190px}.main-nav{gap:22px}.workspace{grid-template-columns:200px 1fr}.clear-answers{display:none}.form-columns{grid-template-columns:1fr 1fr}.form-columns fieldset:last-child{grid-column:1/-1}.bottom-trust{grid-template-columns:repeat(2,1fr);padding-inline:18px}.side-signature{display:none}.hero-note{right:34%}}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.main-nav{display:none}.brand,.brand img{width:200px}.theme-btn{display:none}.account-btn{font-size:0;width:42px;padding:0}.account-btn:before{content:"♙";font-size:16px}.hero-zone{height:300px}.hero-copy{padding-left:18px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:13px}.hero-benefits{gap:14px;justify-content:space-between}.hero-benefits small{display:none}.hero-bg{width:80%;opacity:.55}.hero-note{display:none}.workspace{grid-template-columns:1fr;padding:0 12px}.advantages{display:none}.analysis-card{margin-top:10px}.form-columns{grid-template-columns:1fr}.form-columns fieldset:last-child{grid-column:auto}.results{margin-inline:12px}.results-head{flex-direction:column}.score-card{width:100%}.issue-top{grid-template-columns:1fr 40px}.issue-top>.metric{display:none}.detail-grid,.two-cols,.sources,.usage-metrics{grid-template-columns:1fr}.bottom-trust{grid-template-columns:1fr 1fr}.bottom-trust>div:not(.side-signature){margin:6px 0}footer{height:auto;gap:8px;flex-direction:column;padding:14px}}
@media(max-width:520px){.hero-benefits{display:grid;grid-template-columns:1fr 1fr}.hero-bg{display:none}.analysis-card{padding:14px 10px}.submit-row button{width:100%}.bottom-trust{grid-template-columns:1fr}.results{padding:15px}}


/* V2.8 — simplification demandée */
.topbar{grid-template-columns:275px 1fr;padding-right:36px}
.main-nav{justify-content:center}
.simple-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;padding:2px 0 4px}
.simple-form-grid>label{margin:0;padding:12px 13px 13px;border:1px solid #28587e;border-radius:7px;background:rgba(7,34,61,.42);min-width:0}
.simple-form-grid input,.simple-form-grid select{height:39px}
.simple-form-grid select:disabled{opacity:.62;cursor:not-allowed}
.simple-form-grid .unit-field{margin-top:5px}
.simple-form-grid .unit-field input{height:39px}
.clear-answers{padding:16px 14px 18px;display:flex;flex-direction:column;justify-content:flex-start}
.analysis-visual-image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center top;border-radius:7px}
.clear-answers .trust-note{margin-top:12px}
.hero-note{right:40%;bottom:19px}

@media(max-width:1180px){
  .topbar{grid-template-columns:240px 1fr}
  .simple-form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .topbar{grid-template-columns:1fr;padding:0 14px}
  .simple-form-grid{grid-template-columns:1fr}
}

/* V2.9 — palette bleu profond, halos fluo, formulaire élargi */
:root{
  --bg:#020b16;
  --bg2:#06162a;
  --panel:#08213d;
  --panel2:#0b2f55;
  --line:#1d5c91;
  --blue:#168cff;
  --cyan:#66c9ff;
  --electric:#28a7ff;
  --deep:#03101e;
  --shadow:0 22px 70px rgba(0,0,0,.34),0 0 42px rgba(0,126,255,.05);
}
body{
  background:
    radial-gradient(900px 560px at 78% -4%,rgba(32,139,255,.18),transparent 64%),
    radial-gradient(720px 520px at 8% 36%,rgba(0,94,197,.14),transparent 67%),
    linear-gradient(145deg,#020a13 0%,#041426 38%,#061b31 68%,#03111f 100%);
  background-attachment:fixed;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 0 48%,rgba(39,142,255,.035) 49%,transparent 50% 100%);background-size:90px 90px}
.topbar{
  height:92px;
  grid-template-columns:410px 1fr;
  padding:0 3vw;
  background:linear-gradient(180deg,rgba(2,14,27,.98),rgba(3,19,36,.94));
  border-bottom:1px solid rgba(66,160,235,.28);
  box-shadow:0 8px 35px rgba(0,0,0,.28),0 1px 0 rgba(51,164,255,.08) inset;
  backdrop-filter:blur(12px);
}
.brand{width:342px;height:86px;display:flex;align-items:center;overflow:visible}
.brand img{width:342px;height:86px;object-fit:contain;object-position:left center;background:transparent!important;filter:drop-shadow(0 0 8px rgba(39,160,255,.40)) drop-shadow(0 0 20px rgba(0,119,255,.18))}
.main-nav{gap:clamp(24px,3.5vw,58px)}
.main-nav a{font-size:14px;color:#dbeaff;text-shadow:0 0 12px rgba(69,171,255,.08)}
.main-nav a.active{color:#fff}
.main-nav a.active:after{height:2px;background:linear-gradient(90deg,transparent,#2ca4ff 18%,#72d5ff 50%,#2ca4ff 82%,transparent);box-shadow:0 0 14px #168cff,0 0 28px rgba(22,140,255,.65)}
.hero-zone{height:268px;background:linear-gradient(90deg,#03111f 0%,#061a30 42%,#071b30 100%);border-bottom:1px solid rgba(45,139,215,.34);box-shadow:0 20px 60px rgba(0,0,0,.15) inset}
.hero-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(520px 250px at 72% 48%,rgba(23,127,230,.16),transparent 72%);z-index:1;pointer-events:none}
.hero-bg{width:67%;background-image:url('images/hero-night.png');filter:saturate(1.07) contrast(1.07) brightness(.92);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,#000 34%,#000 92%,rgba(0,0,0,.88) 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 12%,#000 34%,#000 92%,rgba(0,0,0,.88) 100%)}
.hero-copy{padding:27px 0 0 3vw;max-width:780px}
.hero-copy h1{font-size:35px;text-shadow:0 6px 22px rgba(0,0,0,.42)}
.hero-copy h1 span{background:linear-gradient(90deg,#47adff,#84d9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero-benefits{gap:clamp(32px,4.3vw,72px);margin-top:20px}
.round-icon,.side-icon,.bt-icon{
  background:radial-gradient(circle at 35% 30%,#0b4778 0%,#082d50 60%,#051d34 100%);
  border:1px solid rgba(67,181,255,.25);
  box-shadow:0 0 8px rgba(32,165,255,.35),0 0 23px rgba(0,126,255,.28),inset 0 0 18px rgba(53,174,255,.08);
}
.round-icon img,.side-icon img,.bt-icon img{filter:drop-shadow(0 0 4px rgba(94,208,255,.95)) drop-shadow(0 0 10px rgba(0,139,255,.55))}
.hero-note{right:40%;bottom:20px;color:#f7fbff;text-shadow:0 0 12px rgba(93,202,255,.30),0 3px 8px rgba(0,0,0,.55)}
.workspace{
  width:98.5vw;
  max-width:1880px;
  grid-template-columns:minmax(185px,12vw) minmax(860px,1fr) minmax(250px,18vw);
  padding:0 1vw;
  background:transparent;
}
.advantages{padding:31px 14px 0 6px}
.analysis-card{
  padding:22px 24px 12px;
  border-radius:14px;
  background:
    radial-gradient(650px 260px at 50% -10%,rgba(43,151,255,.10),transparent 70%),
    linear-gradient(155deg,rgba(10,49,86,.96),rgba(5,29,54,.98));
  border:1px solid rgba(61,151,224,.42);
  box-shadow:0 22px 65px rgba(0,0,0,.32),0 0 42px rgba(0,127,255,.08),inset 0 1px 0 rgba(255,255,255,.035);
}
.analysis-title>span{background:linear-gradient(145deg,#2da7ff,#0069df);box-shadow:0 0 16px rgba(31,153,255,.58),0 0 32px rgba(0,112,255,.22)}
.analysis-title h2{font-size:19px}
.simple-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.simple-form-grid>label{
  padding:14px 15px 15px;
  border-radius:9px;
  background:linear-gradient(145deg,rgba(8,42,74,.92),rgba(5,31,56,.88));
  border:1px solid rgba(59,143,210,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.10);
}
.simple-form-grid input,.simple-form-grid select{height:43px;border-color:#3977a8;background:linear-gradient(180deg,#0a3156,#082744);box-shadow:inset 0 1px 5px rgba(0,0,0,.18)}
.simple-form-grid input:focus,.simple-form-grid select:focus{border-color:#4bb8ff;box-shadow:0 0 0 2px rgba(37,159,255,.12),0 0 16px rgba(19,142,255,.16)}
.info-strip{background:linear-gradient(90deg,rgba(10,62,108,.92),rgba(8,46,83,.92));border-color:rgba(55,157,230,.42);box-shadow:0 0 20px rgba(0,124,255,.05)}
.submit-row button{height:45px;width:360px;border-radius:7px;background:linear-gradient(110deg,#0b76ef,#1b9cff 52%,#0968df);box-shadow:0 10px 26px rgba(0,91,203,.35),0 0 22px rgba(31,156,255,.22),inset 0 1px 0 rgba(255,255,255,.15)}
.clear-answers{
  margin:0;
  padding:20px 16px 18px;
  background:linear-gradient(180deg,rgba(6,31,55,.96),rgba(4,23,42,.98));
  border:1px solid rgba(43,125,191,.34);
  border-left:0;
  overflow:hidden;
}
.analysis-visual-image{
  width:100%;
  max-height:none;
  object-fit:contain;
  border-radius:12px;
  filter:contrast(1.04) saturate(1.06) drop-shadow(0 0 14px rgba(0,126,255,.28));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);
}
.trust-note{margin-top:5px;background:linear-gradient(145deg,rgba(3,25,46,.85),rgba(5,35,61,.75));border:1px solid rgba(39,118,180,.22)}
.results,.panel,.score-card,.usage-metrics>div,.issue,.source{background-image:linear-gradient(145deg,rgba(8,42,74,.96),rgba(4,24,43,.98));border-color:rgba(50,133,198,.34)}
.bottom-trust{background:linear-gradient(180deg,#051a30,#031426);border-color:rgba(45,126,191,.32)}
footer{background:linear-gradient(180deg,#031426,#020c16);border-top:1px solid rgba(54,145,216,.24)}
footer a{color:#56bdff;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}
@media(max-width:1450px){.workspace{grid-template-columns:190px minmax(690px,1fr) 250px}.topbar{grid-template-columns:360px 1fr}.brand,.brand img{width:320px}.main-nav{gap:28px}}
@media(max-width:1180px){.topbar{height:84px;grid-template-columns:330px 1fr}.brand,.brand img{width:300px;height:78px}.workspace{grid-template-columns:190px 1fr}.clear-answers{display:none}.simple-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.topbar{height:78px;grid-template-columns:1fr}.brand,.brand img{width:270px;height:72px}.workspace{width:100%;grid-template-columns:1fr}.simple-form-grid{grid-template-columns:1fr}}

/* V3.0 — corrections header, logo, formulaire et CTA */
.topbar{
  height:126px;
  grid-template-columns:minmax(560px,40vw) 1fr;
  padding:0 2.4vw;
}
.brand{width:513px;height:118px;display:flex;align-items:center;overflow:visible}
.brand img{
  width:513px;height:118px;object-fit:contain;object-position:left center;
  background:transparent!important;
  image-rendering:auto;
  filter:drop-shadow(0 0 9px rgba(54,184,255,.52)) drop-shadow(0 0 26px rgba(0,126,255,.24));
}
.main-nav{align-items:center;gap:clamp(28px,3.7vw,62px)}
.main-nav a{height:100%;display:flex;align-items:center;padding:0 5px}
.main-nav a.active:after{
  left:50%;right:auto;width:74%;transform:translateX(-50%);
  bottom:32px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#25a7ff 12%,#72d9ff 50%,#25a7ff 88%,transparent);
  box-shadow:0 0 13px rgba(42,172,255,.9),0 0 25px rgba(0,133,255,.5);
}
.analysis-title{gap:0;margin-bottom:16px}
.analysis-title>span{display:none!important}
.analysis-title h2{font-size:22px;letter-spacing:-.2px}
.info-strip{display:none!important}
.submit-row{padding-top:24px;padding-bottom:13px}
.submit-row button{
  width:min(560px,74%);height:66px;border:1px solid rgba(98,221,255,.75);border-radius:999px;
  font-size:19px;font-weight:800;letter-spacing:.1px;
  background:linear-gradient(105deg,#0864e5 0%,#09a7ff 46%,#0d68ed 100%);
  box-shadow:0 14px 34px rgba(0,96,229,.38),0 0 18px rgba(35,193,255,.6),0 0 42px rgba(0,125,255,.32),inset 0 2px 0 rgba(255,255,255,.23);
  position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.submit-row button:before{content:"";position:absolute;left:-25%;top:-70%;width:48%;height:240%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transition:left .45s ease}
.submit-row button:hover{transform:translateY(-2px) scale(1.012);filter:saturate(1.08);box-shadow:0 18px 40px rgba(0,96,229,.46),0 0 24px rgba(35,193,255,.78),0 0 56px rgba(0,125,255,.38)}
.submit-row button:hover:before{left:82%}
.submit-row button b{font-size:28px;line-height:1}
.submit-row small{margin-top:7px;color:#c8def3}
@media(max-width:1450px){.topbar{grid-template-columns:470px 1fr;height:112px}.brand,.brand img{width:440px;height:104px}.main-nav a.active:after{bottom:27px}}
@media(max-width:1180px){.topbar{height:102px;grid-template-columns:410px 1fr}.brand,.brand img{width:390px;height:95px}.main-nav{gap:22px}.main-nav a.active:after{bottom:23px}}
@media(max-width:850px){.topbar{height:90px;grid-template-columns:1fr}.brand,.brand img{width:340px;height:84px}.submit-row button{width:100%;height:60px;font-size:17px}}

/* V3.1 — rendu nocturne premium, navigation centrée et aperçu de score vectoriel */
:root{
  --bg:#010814;
  --bg2:#03142b;
  --panel:#051d39;
  --panel2:#082a50;
  --line:#1d64a6;
  --blue:#168dff;
  --cyan:#27d6ff;
  --electric:#00a8ff;
  --text:#f8fbff;
  --muted:#b9cbe0;
}
body{
  background:
    radial-gradient(950px 580px at 80% -3%,rgba(10,114,255,.20),transparent 62%),
    radial-gradient(760px 480px at 5% 44%,rgba(0,174,255,.09),transparent 66%),
    linear-gradient(145deg,#010711 0%,#021126 40%,#031a35 72%,#020b18 100%);
}
.topbar{
  position:relative;
  display:block;
  height:118px;
  padding:0 2.6vw;
  background:linear-gradient(180deg,rgba(1,9,22,.97),rgba(2,19,42,.91));
  border-bottom:1px solid rgba(32,151,255,.35);
  box-shadow:0 13px 38px rgba(0,0,0,.30),0 1px 0 rgba(88,207,255,.10) inset;
  overflow:visible;
}
.brand{
  position:absolute;
  left:2.6vw;
  top:50%;
  transform:translateY(-50%);
  width:430px;
  height:112px;
  display:flex;
  align-items:center;
  overflow:visible;
  z-index:3;
}
.brand img{
  width:430px;
  height:112px;
  object-fit:contain;
  object-position:left center;
  background:transparent!important;
  filter:drop-shadow(0 0 7px rgba(47,197,255,.62)) drop-shadow(0 0 22px rgba(0,115,255,.32));
}
.main-nav{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(34px,4vw,70px);
  white-space:nowrap;
}
.main-nav a{
  position:relative;
  height:auto;
  padding:9px 5px 12px;
  display:block;
  color:#d8e7f8;
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  transition:color .18s ease,text-shadow .18s ease;
}
.main-nav a:hover{color:#fff;text-shadow:0 0 14px rgba(71,189,255,.48)}
.main-nav a.active{color:#fff;font-weight:700}
.main-nav a.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  width:74%;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#16a1ff 12%,#62e2ff 50%,#16a1ff 88%,transparent);
  box-shadow:0 0 8px #15a9ff,0 0 20px rgba(0,154,255,.72);
}
.hero-zone{
  position:relative;
  height:330px;
  overflow:hidden;
  background:#031329;
  border-bottom:1px solid rgba(33,133,211,.43);
  box-shadow:inset 0 -40px 60px rgba(0,8,20,.33);
}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-image:url('images/hero-night.png');
  background-size:cover;
  background-position:center 48%;
  opacity:.98;
  filter:saturate(1.12) contrast(1.08) brightness(.92);
  -webkit-mask-image:none;
  mask-image:none;
}
.hero-zone:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(1,8,20,.96) 0%,rgba(1,10,24,.84) 27%,rgba(2,15,33,.35) 49%,rgba(2,15,33,.03) 68%,rgba(1,8,18,.12) 100%),
    linear-gradient(180deg,rgba(1,8,20,.13),transparent 62%,rgba(1,10,24,.42));
}
.hero-copy{position:relative;z-index:2;padding:34px 0 0 3.1vw;max-width:830px}
.hero-copy h1{font-size:41px;line-height:1.04;margin:0 0 10px;letter-spacing:-1.1px;text-shadow:0 4px 22px rgba(0,0,0,.52)}
.hero-copy h1 span{display:block;margin-top:3px;background:linear-gradient(90deg,#2399ff 0%,#38c8ff 74%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{color:#e2edf8;font-size:14px;text-shadow:0 2px 10px rgba(0,0,0,.70)}
.hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:13px;margin-top:20px;max-width:800px}
.hero-benefits>div{
  min-height:69px;
  padding:9px 12px;
  border:1px solid rgba(31,143,225,.62);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(5,33,63,.84),rgba(3,20,42,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.14);
}
.round-icon,.side-icon,.bt-icon{
  border:1px solid rgba(62,200,255,.58);
  background:radial-gradient(circle at 36% 26%,#0f5791,#072b54 60%,#04192f);
  box-shadow:0 0 8px rgba(43,200,255,.75),0 0 24px rgba(0,121,255,.42),inset 0 0 17px rgba(59,199,255,.12);
}
.round-icon img,.side-icon img,.bt-icon img{filter:drop-shadow(0 0 5px rgba(116,230,255,.98)) drop-shadow(0 0 10px rgba(0,143,255,.68))}
.hero-note{z-index:3;right:35%;bottom:36px;font-size:29px;line-height:.95;color:#fff;text-shadow:0 0 12px rgba(49,181,255,.55),0 2px 7px rgba(0,0,0,.55);transform:rotate(-4deg)}
.workspace{
  width:calc(100% - 28px);
  max-width:none;
  margin:18px auto 0;
  grid-template-columns:minmax(220px,15vw) minmax(720px,1fr) minmax(260px,19vw);
  gap:15px;
  padding:0;
}
.advantages,.analysis-card,.clear-answers{
  border:1px solid rgba(32,137,221,.55);
  border-radius:15px;
  background:
    radial-gradient(430px 210px at 50% -10%,rgba(23,135,255,.13),transparent 68%),
    linear-gradient(155deg,rgba(5,34,67,.96),rgba(2,18,39,.98));
  box-shadow:0 18px 56px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);
}
.advantages{padding:23px 14px 18px}
.analysis-card{padding:19px 20px 15px}
.analysis-title h2{font-size:24px;margin-bottom:2px}
.analysis-title p{color:#c2d4e8}
.simple-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.simple-form-grid>label{
  padding:13px 14px 14px;
  border:1px solid rgba(40,138,216,.52);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(8,45,83,.88),rgba(4,27,54,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12);
}
.simple-form-grid input,.simple-form-grid select{
  height:46px;
  border:1px solid rgba(59,142,211,.74);
  border-radius:7px;
  background:linear-gradient(180deg,#0a345f,#082748);
  color:#fff;
  box-shadow:inset 0 1px 6px rgba(0,0,0,.22);
}
.simple-form-grid input:focus,.simple-form-grid select:focus{border-color:#42c9ff;box-shadow:0 0 0 2px rgba(44,191,255,.12),0 0 19px rgba(0,148,255,.19)}
.submit-row{padding:26px 0 4px}
.submit-row button{
  width:min(700px,84%);
  height:76px;
  border-radius:999px;
  border:1px solid rgba(102,234,255,.96);
  font-size:24px;
  font-weight:800;
  letter-spacing:.1px;
  background:linear-gradient(100deg,#0759da 0%,#0698ff 38%,#05bfff 58%,#0964e8 100%);
  box-shadow:0 18px 38px rgba(0,85,216,.42),0 0 17px rgba(32,214,255,.95),0 0 48px rgba(0,126,255,.46),inset 0 2px 0 rgba(255,255,255,.28),inset 0 -7px 18px rgba(0,45,170,.22);
}
.submit-row button b{
  width:49px;height:49px;border-radius:50%;display:grid;place-items:center;
  background:rgba(0,61,169,.64);border:1px solid rgba(105,223,255,.78);
  box-shadow:inset 0 0 15px rgba(0,108,255,.36),0 0 17px rgba(20,188,255,.42);
}
.clear-answers{padding:18px 14px 14px;overflow:hidden}
.preview-heading h2{margin:0;font-size:20px;line-height:1.08}.preview-heading h2 span{color:#43baff}.preview-heading p{margin:8px 0 12px;color:#c2d4e8;font-size:12px}
.score-preview{
  position:relative;
  display:grid;
  grid-template-columns:1fr .88fr;
  gap:9px;
  padding:13px 11px;
  border:1px solid rgba(33,184,255,.78);
  border-radius:14px;
  background:linear-gradient(155deg,rgba(5,43,81,.94),rgba(2,20,43,.98));
  box-shadow:0 0 15px rgba(0,188,255,.42),0 0 37px rgba(0,97,255,.28),inset 0 0 20px rgba(17,128,255,.06);
  transform:perspective(900px) rotateY(-2deg);
}
.preview-list{display:flex;flex-direction:column;gap:7px;justify-content:center}.preview-list>div{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:6px;background:rgba(4,34,69,.78);border:1px solid rgba(45,119,183,.34);font-size:10px;color:#e8f5ff}.pv-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;box-shadow:0 0 10px currentColor}.pv-icon.danger{background:#ef3349;color:#ff6a79}.pv-icon.euro{background:#087bd8;color:#53c8ff}.pv-icon.ok{background:#21a95b;color:#54eb8c}.pv-icon.source{background:#167be7;color:#72cbff}
.preview-score{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.preview-score>b{font-size:10px;color:#cfe7fa}.gauge{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#38db72 0 39%,#d3ea36 39% 52%,#1296ff 52% 82%,rgba(26,86,140,.35) 82% 100%);box-shadow:0 0 16px rgba(44,203,255,.30)}.gauge:before{content:"";position:absolute}.gauge-core{width:73px;height:73px;border-radius:50%;display:grid;place-content:center;background:#062444;box-shadow:inset 0 0 15px rgba(0,0,0,.32)}.gauge-core strong{font-size:30px;line-height:.9}.gauge-core small{font-size:11px;color:#36c8ff}.meter{width:83px;height:5px;border-radius:999px;background:#0a335e;overflow:hidden}.meter span{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#1bd3ff,#187cff);border-radius:inherit;box-shadow:0 0 8px rgba(27,194,255,.55)}
.professional-note{margin-top:13px;padding:12px 12px 10px;text-align:center;border:1px solid rgba(41,105,163,.42);border-radius:11px;background:linear-gradient(160deg,rgba(3,24,48,.90),rgba(5,34,60,.78));color:#d8e6f5}.professional-note strong{font-size:13px}.professional-note p{margin:7px 0 5px;font-size:11px;line-height:1.45}.professional-note .stars{color:#ffc72d;letter-spacing:3px;font-size:17px;text-shadow:0 0 10px rgba(255,186,0,.24)}
.bottom-trust{margin-top:14px;background:linear-gradient(180deg,rgba(3,25,50,.98),rgba(2,15,32,.99));border-top:1px solid rgba(39,143,221,.42);border-bottom:1px solid rgba(39,143,221,.30)}
footer{background:linear-gradient(180deg,#021127,#010813);border-top:1px solid rgba(33,143,229,.36)}
@media(max-width:1450px){
  .brand,.brand img{width:350px;height:100px}
  .main-nav{gap:30px}
  .hero-copy h1{font-size:36px}
  .workspace{grid-template-columns:200px minmax(660px,1fr) 250px}
}
@media(max-width:1180px){
  .topbar{height:104px}.brand,.brand img{width:320px;height:92px}
  .main-nav{gap:20px}.main-nav a{font-size:13px}
  .hero-zone{height:300px}.workspace{grid-template-columns:190px 1fr}.clear-answers{display:none}
  .simple-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .topbar{height:auto;min-height:132px;padding-top:8px}.brand{position:relative;left:auto;top:auto;transform:none;width:300px;height:80px;margin:auto}.brand img{width:300px;height:80px}
  .main-nav{position:relative;left:auto;top:auto;transform:none;height:42px;gap:18px;overflow-x:auto;justify-content:flex-start;padding:0 12px}.main-nav a{flex:0 0 auto}
  .hero-zone{height:370px}.hero-copy{padding:25px 18px 0}.hero-copy h1{font-size:33px}.hero-benefits{grid-template-columns:repeat(2,1fr);max-width:470px}.hero-note{display:none}
  .workspace{width:calc(100% - 16px);grid-template-columns:1fr}.advantages{display:none}.simple-form-grid{grid-template-columns:1fr}.submit-row button{width:100%;height:66px;font-size:19px}
}

/* V3.2 — cadrage hero + aperçu score net */
.hero-bg{
  inset:0 0 0 auto;
  width:62%;
  height:100%;
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
  opacity:1;
  filter:saturate(1.16) contrast(1.10) brightness(1.02);
}
.hero-zone:after{
  background:
    linear-gradient(90deg,rgba(1,8,20,.97) 0%,rgba(1,10,24,.90) 30%,rgba(2,15,33,.42) 48%,rgba(2,15,33,.08) 61%,rgba(1,8,18,.01) 100%),
    linear-gradient(180deg,rgba(1,8,20,.06),transparent 67%,rgba(1,10,24,.20));
}
.preview-list>div{
  background:rgba(5,34,66,.94);
  border-color:rgba(49,133,202,.55);
  box-shadow:none;
}
.pv-icon{
  width:22px;
  height:22px;
  padding:2px;
  overflow:hidden;
  background:#08355f!important;
  color:inherit!important;
  border:1px solid rgba(63,179,255,.72);
  box-shadow:none!important;
}
.pv-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none!important;
}
.score-preview{
  box-shadow:0 0 12px rgba(0,188,255,.24),0 0 28px rgba(0,97,255,.16),inset 0 0 14px rgba(17,128,255,.04);
}
.gauge{box-shadow:0 0 10px rgba(44,203,255,.20)}
.professional-note{
  margin-top:13px;
  padding:14px 12px 12px;
  text-align:center;
  border:1px solid rgba(41,105,163,.42);
  border-radius:11px;
  background:linear-gradient(160deg,rgba(3,24,48,.94),rgba(5,34,60,.82));
  color:#e6f1fb;
}
.professional-note p{margin:0 0 7px;font-size:11px;line-height:1.48;font-style:italic}
.professional-note .stars{margin:1px 0 4px;color:#ffc72d;letter-spacing:3px;font-size:17px;text-shadow:none}
.professional-note strong{display:block;font-size:11px;color:#eef7ff}
@media(max-width:1180px){.hero-bg{width:68%;background-size:contain}.hero-zone:after{background:linear-gradient(90deg,rgba(1,8,20,.97) 0%,rgba(1,10,24,.88) 34%,rgba(2,15,33,.28) 62%,rgba(1,8,18,.02) 100%)}}

/* V3.3 — hero pleine largeur, favicon et CTA simplifié */
.hero-zone{
  height:330px;
  background:#020b18;
}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-image:url('images/hero-night.png');
  background-size:cover;
  background-position:center 54%;
  background-repeat:no-repeat;
  opacity:1;
  filter:saturate(1.16) contrast(1.08) brightness(1.08);
  -webkit-mask-image:none;
  mask-image:none;
}
.hero-zone:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,8,20,.93) 0%,rgba(1,12,28,.81) 30%,rgba(2,16,34,.42) 48%,rgba(2,14,30,.12) 66%,rgba(0,8,20,.05) 100%),
    linear-gradient(180deg,rgba(2,10,23,.10) 0%,rgba(2,10,23,.02) 70%,rgba(1,10,23,.30) 100%);
  pointer-events:none;
}
.hero-zone:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:74px;
  z-index:2;
  background:linear-gradient(180deg,transparent,rgba(2,15,31,.55));
  pointer-events:none;
}
.hero-copy{z-index:4;padding-top:28px}
.hero-note{z-index:5;right:39%;bottom:34px}
.hero-benefits{margin-top:24px}

.submit-row button{
  gap:20px;
  justify-content:center;
}
.submit-row button b{display:none!important}
.submit-row .analyze-search-icon{
  width:54px;
  height:54px;
  object-fit:contain;
  flex:0 0 54px;
  filter:brightness(1.35) drop-shadow(0 0 10px rgba(54,209,255,.72));
}
.submit-row button span{display:block}

@media(max-width:1180px){
  .hero-zone{height:350px}
  .hero-bg{width:100%;background-size:cover;background-position:center center}
}
@media(max-width:850px){
  .hero-zone{height:390px}
  .hero-bg{display:block!important;opacity:1;background-position:62% center}
  .hero-zone:before{background:linear-gradient(90deg,rgba(0,8,20,.94),rgba(1,12,28,.72) 57%,rgba(2,14,30,.24))}
  .submit-row .analyze-search-icon{width:46px;height:46px;flex-basis:46px}
}
@media(max-width:520px){
  .hero-bg{display:block!important;background-position:68% center}
}


/* V3.4 — panorama hero complet + CTA + avis */
.hero-zone{height:336px;}
.hero-bg{inset:0;width:100%;height:100%;background-size:100% 100%;background-position:center center;opacity:1;filter:saturate(1.16) contrast(1.08) brightness(1.06);}
.hero-zone:before{background:linear-gradient(90deg,rgba(0,8,20,.91) 0%,rgba(1,12,28,.78) 28%,rgba(2,16,34,.34) 46%,rgba(2,14,30,.05) 65%,rgba(0,8,20,0) 100%),linear-gradient(180deg,rgba(2,10,23,.04) 0%,rgba(2,10,23,0) 72%,rgba(1,10,23,.22) 100%);}
.submit-row{padding-top:40px;padding-bottom:4px;}
.submit-row small{display:none!important;}
.professional-note{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px 16px;}
.professional-note p{font-size:15px;line-height:1.55;margin:0 0 10px;}
.professional-note .stars{font-size:27px;letter-spacing:5px;margin:2px 0 8px;}
.professional-note strong{font-size:15px;}
@media(max-width:1180px){.hero-bg{background-size:100% 100%;background-position:center center}.submit-row{padding-top:34px}}
@media(max-width:850px){.hero-bg{background-size:cover;background-position:65% center}.submit-row{padding-top:30px}.professional-note{min-height:145px}.professional-note p{font-size:14px}}

/* ==========================================================
   V3.5 — rendu de référence : panorama nocturne + header intégré
   ========================================================== */
:root{
  --v35-bg:#010713;
  --v35-panel:#03162b;
  --v35-panel-hi:#06254a;
  --v35-line:#1d66a8;
  --v35-blue:#168eff;
  --v35-cyan:#22d5ff;
  --v35-text:#f7fbff;
  --v35-muted:#b8c9dc;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 540px at 88% 0%,rgba(7,94,220,.16),transparent 66%),
    radial-gradient(700px 520px at 0% 45%,rgba(0,153,255,.08),transparent 70%),
    linear-gradient(180deg,#010713 0%,#021126 52%,#020a16 100%);
  color:var(--v35-text);
}

/* Le menu et le logo sont désormais réellement posés sur l'image héro. */
.topbar{
  position:absolute;
  z-index:40;
  top:0;left:0;right:0;
  height:112px;
  padding:0 2.1vw;
  background:linear-gradient(180deg,rgba(0,7,18,.72) 0%,rgba(0,7,18,.32) 70%,transparent 100%);
  border:0;
  box-shadow:none;
  overflow:visible;
}
.brand{
  left:2.05vw;
  width:395px;
  height:104px;
}
.brand img{
  width:395px;
  height:104px;
  filter:drop-shadow(0 0 5px rgba(64,202,255,.54)) drop-shadow(0 0 18px rgba(0,119,255,.26));
}
.main-nav{
  top:0;
  height:92px;
  gap:clamp(32px,3.7vw,63px);
}
.main-nav a{
  font-size:15px;
  padding:10px 5px 11px;
  color:#f2f7fd;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.main-nav a.active:after{
  bottom:1px;
  width:68%;
  height:3px;
  box-shadow:0 0 7px #1aa7ff,0 0 16px rgba(0,151,255,.85);
}

.hero-zone{
  position:relative;
  height:395px;
  margin-top:0;
  overflow:hidden;
  background:#020b18;
  border-bottom:1px solid rgba(32,135,218,.45);
  box-shadow:inset 0 -18px 34px rgba(0,4,12,.16);
}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  background-image:url('images/hero-night.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:1;
  filter:none;
  transform:none;
}
.hero-zone:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,6,16,.93) 0%,rgba(0,8,20,.78) 20%,rgba(1,10,24,.46) 32%,rgba(1,9,22,.10) 49%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,rgba(0,4,12,.10) 0%,rgba(0,4,12,0) 68%,rgba(0,6,16,.23) 100%);
}
.hero-zone:after{display:none!important}
.hero-copy{
  position:relative;
  z-index:3;
  padding:124px 0 0 2.15vw;
  max-width:870px;
}
.hero-copy h1{
  margin:0 0 10px;
  font-size:43px;
  line-height:1.02;
  letter-spacing:-1.2px;
  text-shadow:0 3px 14px rgba(0,0,0,.72);
}
.hero-copy h1 span{
  display:block;
  margin-top:4px;
  background:linear-gradient(90deg,#168dff 0%,#26afff 62%,#5be3ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:#edf5ff;
  text-shadow:0 2px 10px rgba(0,0,0,.85);
}
.hero-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(155px,1fr));
  gap:13px;
  margin-top:18px;
  width:min(820px,56vw);
}
.hero-benefits>div{
  min-height:74px;
  border-radius:9px;
  border:1px solid rgba(32,138,225,.66);
  background:linear-gradient(145deg,rgba(5,28,54,.93),rgba(2,18,38,.90));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.20);
}
.hero-note{
  position:absolute;
  z-index:4;
  right:35.5%;
  bottom:57px;
  font-size:28px;
  line-height:.92;
  color:#fff;
  text-shadow:0 0 11px rgba(51,180,255,.62),0 2px 8px rgba(0,0,0,.7);
  transform:rotate(-5deg);
}

/* Zone centrale proche du rendu fourni */
.workspace{
  width:calc(100% - 46px);
  max-width:none;
  margin:17px auto 0;
  grid-template-columns:minmax(225px,17%) minmax(760px,1fr) minmax(286px,21%);
  gap:14px;
  padding:0;
}
.advantages,.analysis-card,.clear-answers{
  border-radius:15px;
  border:1px solid rgba(38,137,218,.52);
  background:
    radial-gradient(480px 260px at 50% -10%,rgba(19,124,240,.11),transparent 67%),
    linear-gradient(155deg,rgba(4,27,55,.98),rgba(2,16,35,.99));
  box-shadow:0 16px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.advantages{padding:22px 18px 16px}
.advantages h2{font-size:16px;margin-bottom:14px}
.advantages h2::first-line{color:#fff}
.advantage{padding:9px 0;border-bottom:1px solid rgba(37,101,158,.18)}
.advantage:last-child{border-bottom:0}
.side-icon,.round-icon,.bt-icon{
  box-shadow:0 0 8px rgba(36,196,255,.88),0 0 20px rgba(0,121,255,.42),inset 0 0 13px rgba(74,211,255,.12);
}

.analysis-card{padding:19px 25px 18px}
.analysis-title{margin-bottom:17px}
.analysis-title h2{font-size:25px;line-height:1.1;margin:0 0 4px}
.analysis-title p{color:#bdcce0;font-size:14px;margin:0}
.simple-form-grid{gap:14px 15px}
.simple-form-grid>label{
  padding:12px 13px 13px;
  border:1px solid rgba(40,120,191,.52);
  border-radius:11px;
  background:linear-gradient(150deg,rgba(5,33,64,.83),rgba(2,19,41,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.simple-form-grid label{font-size:14px}
.simple-form-grid select,.simple-form-grid input,.unit-field{
  margin-top:8px;
  min-height:43px;
  border-color:rgba(49,128,197,.55);
  background:rgba(3,22,46,.88);
}
.submit-row{
  padding-top:28px;
  padding-bottom:8px;
}
.submit-row button{
  width:min(760px,88%);
  height:78px;
  border-radius:999px;
  border:1px solid rgba(58,196,255,.98);
  background:
    radial-gradient(200px 80px at 50% 0%,rgba(43,199,255,.24),transparent 74%),
    linear-gradient(180deg,#0a7cff 0%,#075ce5 43%,#043da4 100%);
  box-shadow:
    0 0 9px rgba(65,216,255,.88),
    0 0 29px rgba(0,113,255,.68),
    0 15px 35px rgba(0,50,140,.42),
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -8px 18px rgba(0,21,92,.20);
  text-transform:uppercase;
  font-size:25px;
  letter-spacing:.3px;
}
.submit-row button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.analyze-search-icon{width:54px!important;height:54px!important;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.34))!important}
.submit-row small{display:none!important}

.clear-answers{padding:17px 14px 13px}
.preview-heading h2{font-size:23px;margin-bottom:5px}
.preview-heading h2 span{color:#24b9ff}
.preview-heading p{font-size:13px;line-height:1.45;color:#b9cadd}
.score-preview{
  margin-top:13px;
  padding:12px;
  border:1px solid rgba(22,157,255,.85);
  border-radius:13px;
  box-shadow:0 0 12px rgba(0,138,255,.35),inset 0 0 21px rgba(0,109,255,.055);
}
.pv-icon{box-shadow:none!important;filter:none!important}
.pv-icon img{filter:none!important;opacity:1!important}
.preview-list div{background:rgba(2,22,46,.72);border-color:rgba(35,109,177,.42)}
.gauge{box-shadow:0 0 22px rgba(19,180,255,.16)}
.professional-note{
  min-height:158px;
  margin-top:12px;
  padding:18px 14px 14px;
  border:1px solid rgba(32,103,168,.40);
  border-radius:12px;
  background:linear-gradient(160deg,rgba(4,27,54,.84),rgba(2,17,36,.94));
}
.professional-note p{font-size:16px;line-height:1.52;margin:0 0 10px;color:#fff}
.professional-note .stars{font-size:28px;line-height:1;letter-spacing:5px;margin:3px 0 9px;color:#ffd21b}
.professional-note strong{font-size:15px}

.bottom-trust{
  width:calc(100% - 46px);
  margin:15px auto 0;
  border-radius:14px;
  border:1px solid rgba(35,124,196,.40);
  background:linear-gradient(180deg,rgba(4,27,52,.96),rgba(2,17,34,.98));
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}
.side-signature{font-size:24px;text-shadow:0 0 13px rgba(39,180,255,.72)}
footer{
  margin-top:0;
  min-height:66px;
  background:#020a16;
  border-top:0;
}

@media(max-width:1450px){
  .brand,.brand img{width:345px;height:96px}
  .hero-copy{padding-top:116px}
  .hero-copy h1{font-size:39px}
  .hero-benefits{width:760px}
  .workspace{grid-template-columns:210px minmax(650px,1fr) 255px}
  .submit-row button{width:86%;height:72px;font-size:22px}
}
@media(max-width:1180px){
  .topbar{height:96px}
  .brand,.brand img{width:300px;height:88px}
  .main-nav{height:88px;gap:22px}
  .hero-zone{height:380px}
  .hero-copy{padding-top:108px}
  .hero-copy h1{font-size:36px}
  .hero-benefits{grid-template-columns:repeat(2,1fr);width:590px}
  .hero-note{right:22%;bottom:40px}
  .workspace{grid-template-columns:200px 1fr}
  .clear-answers{display:none}
}
@media(max-width:850px){
  .topbar{position:absolute;height:84px}
  .brand,.brand img{width:245px;height:76px}
  .main-nav{display:none}
  .hero-zone{height:510px}
  .hero-bg{background-position:68% center}
  .hero-zone:before{background:linear-gradient(90deg,rgba(0,7,18,.91) 0%,rgba(0,8,20,.65) 48%,rgba(0,0,0,.08) 100%)}
  .hero-copy{padding:103px 20px 0;max-width:none}
  .hero-copy h1{font-size:34px}
  .hero-benefits{width:100%;grid-template-columns:repeat(2,1fr)}
  .hero-note{display:none}
  .workspace{width:calc(100% - 24px);grid-template-columns:1fr}
  .advantages{display:none}
  .simple-form-grid{grid-template-columns:1fr}
  .submit-row button{width:100%;height:68px;font-size:19px}
  .analyze-search-icon{width:46px!important;height:46px!important}
  .bottom-trust{width:calc(100% - 24px)}
}

/* V3.6 — image héro plus nette + CTA compact et abaissé */
.hero-bg{
  background-image:url('images/hero-night.png');
  background-size:cover;
  background-position:center center;
  image-rendering:auto;
}
.submit-row{
  padding-top:46px;
  padding-bottom:8px;
}
.submit-row button{
  width:min(650px,74%);
  font-size:25px;
}
@media(max-width:1450px){
  .submit-row{padding-top:42px}
  .submit-row button{width:min(620px,80%);font-size:22px}
}
@media(max-width:850px){
  .submit-row{padding-top:34px}
  .submit-row button{width:100%;font-size:19px}
}

/* V3.7 — Hero net, CTA compact, résultats dashboard bleu nuit */
.hero-bg{
  background-image:url('images/hero-night.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:none!important;
  image-rendering:auto!important;
}
.hero-zone:before{
  background:linear-gradient(90deg,rgba(0,7,18,.88) 0%,rgba(0,8,20,.63) 34%,rgba(0,8,20,.19) 60%,rgba(0,0,0,0) 100%)!important;
}
.submit-row{padding-top:48px!important;padding-bottom:10px!important}
.submit-row button{width:min(560px,64%)!important;font-size:25px!important}

.results-dashboard{max-width:1540px;padding:16px;background:linear-gradient(180deg,#031426,#02101f);border-color:#15446f;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.report-grid{display:grid;grid-template-columns:245px minmax(660px,1fr) 275px;gap:14px;align-items:start}
.vehicle-report-card,.score-summary-panel,.vigilance-panel,.risk-distribution-panel,.confidence-panel{background:linear-gradient(160deg,#071d35,#041326);border:1px solid #1d5b91;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.18)}
.vehicle-report-card{padding:15px;position:sticky;top:12px}.report-card-title{font-size:12px;font-weight:800;margin-bottom:11px}.vehicle-photo-wrap{height:155px;border-radius:9px;overflow:hidden;background:#071a2e;border:1px solid #265779;display:grid;place-items:center}.vehicle-photo-wrap img{width:100%;height:100%;object-fit:cover}.vehicle-photo-wrap img.fallback{object-fit:contain;padding:34px}.vehicle-report-card h2{font-size:18px;margin:13px 0 3px}.vehicle-report-card>p{margin:2px 0;color:#e0ebf6}.vehicle-period{font-size:12px!important;color:#8facc6!important}.vehicle-facts{margin-top:16px;border-top:1px solid rgba(255,255,255,.08)}.vehicle-facts div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}.vehicle-facts span{color:#9cb4ca}.vehicle-facts strong{text-align:right;color:#fff}
.report-main-title{font-size:24px;margin:2px 0 10px}.score-summary-panel{display:grid;grid-template-columns:280px 1fr;min-height:176px;overflow:hidden}.score-summary-left{padding:18px 20px;border-right:1px solid rgba(255,255,255,.07)}.score-caption{font-size:11px;font-weight:800}.score-big{display:flex;align-items:flex-end;gap:7px;margin:5px 0}.score-big strong{font-size:63px;line-height:.95;color:#46c443}.score-big span{font-size:20px}.score-summary-left>b{display:block;color:#55d34e;font-size:17px;margin-bottom:9px}.score-summary-left p{color:#b5c6d7;font-size:12px;line-height:1.45;margin:0}.score-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.score-mini-grid>div{padding:22px 16px;border-right:1px solid rgba(255,255,255,.06)}.score-mini-grid>div:last-child{border-right:0}.score-mini-grid span{display:block;font-size:11px;font-weight:700;min-height:30px}.score-mini-grid strong{display:block;font-size:22px;margin:8px 0}.score-mini-grid i{display:block;height:5px;background:#12304f;border-radius:99px;overflow:hidden}.score-mini-grid i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#fa920e,#38b84b);border-radius:99px;transition:width .35s ease}
.vigilance-panel{margin-top:14px;padding:14px 15px 10px}.vigilance-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.vigilance-head h3{font-size:16px;margin:0}.risk-legend{display:flex;gap:15px;font-size:10px}.risk-high{color:#ff5349}.risk-medium{color:#ffa31c}.risk-low{color:#51c74c}.issue-table-head,.issue-row-main{display:grid;grid-template-columns:minmax(220px,1.45fr) .55fr .9fr .62fr .7fr;gap:12px;align-items:center}.issue-table-head{padding:0 11px 7px;color:#8ea9c0;font-size:10px}.issue-row{border-top:1px solid rgba(255,255,255,.075);cursor:pointer}.issue-row-main{padding:11px;border-radius:8px;transition:background .2s}.issue-row:hover .issue-row-main{background:rgba(24,81,132,.18)}.issue-name{display:flex;align-items:center;gap:9px}.issue-name strong{display:block;font-size:12px}.issue-name small{display:block;color:#8fa6bd;font-size:10px;margin-top:2px}.risk-dot{width:9px;height:9px;border-radius:50%;background:#6a8198;box-shadow:0 0 10px currentColor}.risk-high .risk-dot,.issue-row.risk-high .risk-dot{background:#ff443b}.issue-row.risk-medium .risk-dot{background:#f59b17}.issue-row.risk-low .risk-dot{background:#47c14b}.risk-badge{display:inline-flex;justify-content:center;width:max-content;min-width:64px;padding:4px 9px;border-radius:7px;border:1px solid;font-size:10px;font-weight:800}.risk-badge.high{color:#ff5b52;background:rgba(136,17,21,.28);border-color:#932c2b}.risk-badge.medium{color:#ffae31;background:rgba(148,79,5,.25);border-color:#9a5b16}.risk-badge.low{color:#63d262;background:rgba(13,102,45,.25);border-color:#237c41}.risk-badge.unknown{color:#9fb3c6;background:#102c45;border-color:#2d506e}.issue-zone strong{display:block;font-size:11px}.issue-zone small{display:block;color:#8ca7be;font-size:9px;margin-top:2px}.issue-cost{font-size:11px}.issue-expanded{display:none;padding:0 12px 13px}.issue-row.open .issue-expanded{display:block}.not-documented{color:#6f879c;font-size:11px}
.report-side{display:grid;gap:14px}.risk-distribution-panel,.confidence-panel{padding:15px}.risk-distribution-panel h3,.confidence-panel h3{font-size:13px;margin:0 0 13px}.risk-donut{width:126px;height:126px;border-radius:50%;margin:4px auto 13px;display:grid;place-items:center;background:conic-gradient(#ff9a24 0 25%,#f3d339 25% 55%,#20b26b 55% 100%);position:relative}.risk-donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#07192e}.risk-donut>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.risk-donut strong{font-size:25px}.risk-donut span{font-size:9px;color:#99b2c9}.risk-counts{display:grid;gap:8px;font-size:11px}.risk-counts div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px}.risk-counts i{width:8px;height:8px;border-radius:50%}.risk-high-bg{background:#ef4438}.risk-medium-bg{background:#f59b17}.risk-low-bg{background:#41b83a}.confidence-content{display:flex;gap:12px;align-items:flex-start}.confidence-content img{width:50px;height:50px}.confidence-content strong{display:block;font-size:14px}.confidence-content span{display:block;color:#4bc64b;letter-spacing:3px;margin:6px 0}.confidence-content p{font-size:10px;line-height:1.45;color:#91a9bf;margin:0}.report-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}

@media(max-width:1250px){.report-grid{grid-template-columns:220px 1fr}.report-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.vehicle-report-card{position:static}.score-summary-panel{grid-template-columns:240px 1fr}.submit-row button{width:min(540px,70%)!important}}
@media(max-width:900px){.report-grid{grid-template-columns:1fr}.report-side{grid-template-columns:1fr}.score-summary-panel{grid-template-columns:1fr}.score-summary-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.score-mini-grid{grid-template-columns:1fr}.score-mini-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.issue-table-head{display:none}.issue-row-main{grid-template-columns:1.4fr .7fr .9fr}.issue-row-main>*:nth-child(4),.issue-row-main>*:nth-child(5){display:none}.report-lower-grid{grid-template-columns:1fr}.submit-row button{width:min(500px,82%)!important}}
@media(max-width:520px){.submit-row button{width:100%!important}.issue-row-main{grid-template-columns:1fr .6fr}.issue-row-main>*:nth-child(3){display:none}}


/* V3.8 — résultats réorganisés, ancrage Analyse, tableau dépliable */
#reportSummaryAnchor{scroll-margin-top:88px}
.report-grid{grid-template-columns:245px minmax(0,1fr)!important}
.report-main{min-width:0}
.score-summary-panel.score-summary-wide{grid-template-columns:270px minmax(0,1fr);width:100%}
.score-mini-grid-v38{grid-template-columns:minmax(190px,.72fr) minmax(270px,1.06fr) minmax(250px,.92fr)}
.score-mini-grid-v38>div{min-width:0;padding:18px 16px!important}
.score-mechanical-tile{display:flex;flex-direction:column;justify-content:center}
.score-risk-tile>span,.score-confidence-tile>span{min-height:auto!important;margin-bottom:8px}
.mini-risk-layout{display:grid;grid-template-columns:94px 1fr;gap:13px;align-items:center}
.risk-donut.mini{width:90px;height:90px;margin:0}.risk-donut.mini:after{inset:19px}.risk-donut.mini strong{font-size:20px}.mini-counts{gap:5px;font-size:10px}.mini-counts div{grid-template-columns:9px 1fr auto;gap:5px}.compact-confidence{align-items:center}.compact-confidence img{width:45px;height:45px;filter:drop-shadow(0 0 8px rgba(29,158,255,.45))}.compact-confidence strong{font-size:14px!important}.compact-confidence p{font-size:9px!important;line-height:1.35!important}.compact-confidence span{font-size:11px!important}
.issue-table-head,.issue-row-main{grid-template-columns:minmax(220px,1.45fr) .55fr .9fr .62fr .7fr 28px!important}
.issue-name strong{color:#fff!important;font-weight:800!important}.issue-cost,.issue-zone strong{color:#fff!important}.issue-row.risk-low,.issue-row.risk-medium,.issue-row.risk-high{color:inherit}
.issue-chevron{width:25px;height:25px;border:1px solid #2c6da1;border-radius:50%;display:grid;place-items:center;color:#9dd6ff;font-size:17px;line-height:1;transition:transform .2s,background .2s}.issue-row:hover .issue-chevron{background:#0e3b64}.issue-row.open .issue-chevron{transform:rotate(180deg)}
.issue-zone small{color:#9cb4ca!important}.issue-cost{font-weight:700}.vehicle-photo-wrap img{object-position:center center}
.vehicle-data-credit{color:#79caff;text-decoration:none;font-size:9px}.vehicle-data-credit:hover{text-decoration:underline}
@media(max-width:1250px){.report-grid{grid-template-columns:220px minmax(0,1fr)!important}.score-mini-grid-v38{grid-template-columns:1fr 1fr}.score-confidence-tile{grid-column:1/-1}.score-summary-panel.score-summary-wide{grid-template-columns:240px 1fr}}
@media(max-width:900px){.report-grid{grid-template-columns:1fr!important}.score-summary-panel.score-summary-wide{grid-template-columns:1fr}.score-mini-grid-v38{grid-template-columns:1fr}.score-confidence-tile{grid-column:auto}.issue-row-main{grid-template-columns:1.4fr .7fr .9fr 28px!important}.issue-row-main>*:nth-child(4),.issue-row-main>*:nth-child(5){display:none}.issue-row-main .issue-chevron{display:grid!important}}

/* V3.9 — statut analyse, lisibilité score/risques, détails +/- */
.submit-row{display:flex;flex-direction:column;align-items:center}
.analysis-status{width:min(760px,92%);max-width:none;margin:12px auto 0;padding:10px 14px;text-align:center;font-size:13px;line-height:1.45;border-radius:9px;background:rgba(6,35,63,.92);border-color:#2a6fa8;color:#d8ecff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.analysis-status.error{color:#ffd1d4;background:#321821;border-color:#9b3a45}

/* Titres et contenus du bandeau Résumé & Score */
.score-mini-grid-v38>div>span{font-size:15px!important;line-height:1.25;font-weight:800!important;color:#f3f8ff}
.score-mechanical-tile>span,.score-risk-tile>span,.score-confidence-tile>span{font-size:15px!important;min-height:auto!important;margin-bottom:10px!important}
.risk-donut.mini strong{font-size:24px!important}.risk-donut.mini span{font-size:12px!important;color:#d7e8f7!important;font-weight:700}
.mini-counts{font-size:13px!important;gap:8px!important}.mini-counts div{gap:7px!important}.mini-counts strong{font-size:13px!important;margin:0!important;color:#fff}
.compact-confidence strong{font-size:18px!important;color:#fff}.compact-confidence span{font-size:15px!important;letter-spacing:4px!important;margin:7px 0!important}.compact-confidence p{font-size:13px!important;line-height:1.42!important;color:#c6d8e7!important}.compact-confidence img{width:52px!important;height:52px!important}

/* Tableau Points à surveiller : +2 px environ partout hors titre */
.issue-table-head{font-size:12px!important;color:#b7cce0!important}
.risk-legend{font-size:12px!important}
.issue-name strong{font-size:14px!important}.issue-name small{font-size:12px!important;line-height:1.35}
.risk-badge{font-size:12px!important;min-width:72px!important;padding:5px 10px!important}
.issue-zone strong,.issue-cost{font-size:13px!important}.issue-zone small{font-size:11px!important}
.detail-grid h4{font-size:13px!important}.detail-grid ul,.detail-grid li{font-size:14px!important;line-height:1.48}.issue-sources{font-size:14px!important;line-height:1.4}.not-documented{font-size:13px!important}
.issue-row-main{padding-top:13px!important;padding-bottom:13px!important}
.issue-toggle{width:29px;height:29px;border:1px solid #2f80bd;border-radius:7px;background:#0a3154;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;font:900 21px/1 Inter;box-shadow:0 0 12px rgba(36,151,255,.16)}
.issue-toggle::before{content:"+"}.issue-row.open .issue-toggle::before{content:"−"}.issue-row:hover .issue-toggle{background:#0f4777;border-color:#49a8ec}
.issue-chevron{display:none!important}

@media(max-width:900px){.analysis-status{width:94%;font-size:12px}.score-mini-grid-v38>div>span{font-size:14px!important}.issue-name strong{font-size:13px!important}.issue-name small{font-size:11px!important}}
.score-mechanical-tile{justify-content:flex-start!important}
.score-mechanical-tile>span{margin-bottom:10px!important}

/* V4.0 — saisie, aperçu, statut et validation */
/* Image hero fournie par le propriétaire : affichage natif, sans voile ni accentuation artificielle. */
.hero-bg{background-image:url('images/hero-night.png')!important;background-size:cover!important;background-position:center center!important;filter:none!important;opacity:1!important}

/* Champ kilométrage : aucune bascule blanche lors de la saisie/autofill. */
.simple-form-grid input,.unit-field input{
  color:#f7fbff!important;background:#031a35!important;border-color:rgba(49,128,197,.62)!important;
  color-scheme:dark;caret-color:#35c8ff;
}
.simple-form-grid input:focus,.unit-field input:focus{background:#041f40!important;border-color:#2fa7ff!important;box-shadow:0 0 0 2px rgba(40,167,255,.12)!important}
.simple-form-grid input:-webkit-autofill,.simple-form-grid input:-webkit-autofill:hover,.simple-form-grid input:-webkit-autofill:focus,
.unit-field input:-webkit-autofill,.unit-field input:-webkit-autofill:hover,.unit-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f7fbff!important;-webkit-box-shadow:0 0 0 1000px #031a35 inset!important;transition:background-color 9999s ease-out 0s;
}
.unit-field{background:#031a35!important;border:1px solid rgba(49,128,197,.62)!important;border-radius:7px!important;overflow:hidden}
.unit-field input{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.unit-field span{min-width:52px;padding:0 14px!important;border:0!important;border-left:1px solid rgba(52,139,213,.55)!important;border-radius:0!important;background:linear-gradient(180deg,#082b50,#061f3c)!important;color:#a8dfff!important;font-size:12px!important;font-weight:800;letter-spacing:.2px}

/* Motorisation : suggestions instantanées + saisie libre. */
.engine-hint{display:block;margin-top:6px;color:#7fa8c8;font-size:9px;font-weight:500;line-height:1.25}
#engine::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.6);opacity:.8}

/* Message de progression : texte simple sous le bouton, aucun cadre bleu. */
.analysis-status:not(.error):not(.not-found){width:auto!important;margin:10px auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#b9d8ee!important;font-size:13px!important}
.analysis-status.error{margin-top:12px}
.analysis-status.not-found{width:min(820px,94%);margin:18px auto 0;padding:22px 24px;border:1px solid rgba(255,164,38,.72);border-radius:14px;background:linear-gradient(145deg,rgba(68,30,5,.88),rgba(34,18,8,.94));box-shadow:0 0 30px rgba(255,128,0,.16);color:#fff4de;text-align:center}
.oops-title{display:block;font-size:34px;line-height:1;color:#ffac32;margin-bottom:10px;letter-spacing:.5px}.analysis-status.not-found span{display:block;font-size:17px;font-weight:700;line-height:1.45}

/* Aperçu Des réponses claires : icônes nettes, jauge plus moderne et bloc rempli en hauteur. */
.clear-answers{display:flex;flex-direction:column;min-height:100%;padding:18px 15px 15px!important}
.score-preview{min-height:222px;display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center;gap:12px!important;padding:15px!important;background:linear-gradient(155deg,rgba(3,24,51,.96),rgba(4,15,35,.96))!important;border:1px solid rgba(32,166,255,.75)!important;box-shadow:inset 0 0 28px rgba(10,120,255,.07),0 0 18px rgba(0,130,255,.18)!important}
.preview-list{gap:8px!important}.preview-list>div{min-height:40px;padding:6px 8px!important;border:1px solid rgba(45,118,183,.5)!important;border-radius:9px!important;background:linear-gradient(120deg,rgba(5,39,74,.96),rgba(3,24,49,.93))!important;font-size:11px!important}
.pv-icon{width:29px!important;height:29px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#0a79e9,#073d8c)!important;border:1px solid rgba(80,205,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 8px rgba(0,150,255,.18)!important;filter:none!important}
.pv-icon img{width:18px!important;height:18px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:1!important}
.preview-score{gap:8px!important}.gauge{width:112px!important;height:112px!important;background:conic-gradient(from 210deg,#168aff 0 28%,#11d1e7 28% 51%,#34dc72 51% 76%,#d9e737 76% 82%,rgba(20,64,108,.32) 82% 100%)!important;box-shadow:0 0 20px rgba(18,184,255,.24)!important;position:relative}
.gauge:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(99,218,255,.24);pointer-events:none}.gauge-core{width:82px!important;height:82px!important;background:radial-gradient(circle at 45% 35%,#0a365f,#04172d 72%)!important;border:1px solid rgba(67,163,230,.28)!important}.gauge-core strong{font-size:34px!important}.meter{width:102px!important;height:7px!important;background:#082a50!important}.meter span{background:linear-gradient(90deg,#0ac8ff,#1577ff 65%,#31df77)!important;box-shadow:none!important}
.professional-note{flex:1;min-height:160px!important}

/* Le score mécanique connu doit être lisible et le risque PureTech ressortir clairement. */
.score-big strong{transition:color .2s}.issue-row[data-profile="puretech_wet_belt"] .issue-name strong:after{content:"  • faiblesse documentée";color:#ffb042;font-size:10px;font-weight:700}

@media(max-width:850px){.score-preview{min-height:190px}.analysis-status.not-found{padding:18px 16px}.oops-title{font-size:28px}.analysis-status.not-found span{font-size:15px}}

/* V4.1 — catalogue, motorisation, photo véhicule et lisibilité */
.hero-note{right:45%!important;}
.engine-combobox{position:relative;display:flex;align-items:stretch;}
.engine-combobox #engine{padding-right:44px!important;width:100%;}
.engine-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:40px;border:0;border-left:1px solid rgba(103,171,229,.22);background:linear-gradient(180deg,rgba(10,48,81,.88),rgba(5,30,54,.94));color:#d9eeff;font-size:20px;line-height:1;cursor:pointer;border-radius:0 8px 8px 0;display:grid;place-items:center;transition:.18s ease;}
.engine-toggle:hover{background:linear-gradient(180deg,rgba(13,73,119,.96),rgba(7,43,74,.98));color:#fff;}
.engine-dropdown{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;padding:5px;background:linear-gradient(180deg,#0a2b49,#071d32);border:1px solid #2c6b9e;border-radius:9px;box-shadow:0 18px 40px rgba(0,0,0,.42),0 0 20px rgba(26,151,255,.13);}
.engine-option{display:block;width:100%;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:#e9f5ff;text-align:left;font:inherit;font-size:13px;cursor:pointer;}
.engine-option:hover{background:linear-gradient(90deg,rgba(16,105,177,.42),rgba(15,69,117,.25));color:#fff;}
.engine-empty{padding:10px;color:#8eabc2;font-size:12px;}
.engine-hint{margin-top:7px!important;font-size:10px!important;color:#8eb3d0!important;}

.mini-risk-layout{grid-template-columns:120px minmax(115px,1fr)!important;gap:16px!important;}
.risk-donut.mini{width:112px!important;height:112px!important;margin:0!important;}
.risk-donut.mini:after{inset:25px!important;}
.risk-donut.mini strong{font-size:27px!important;line-height:1!important;}
.risk-donut.mini span{font-size:12px!important;line-height:1.2!important;margin-top:3px;color:#e3f0fb!important;font-weight:800!important;}
.mini-counts{font-size:12px!important;gap:8px!important;}
.mini-counts div{grid-template-columns:11px minmax(55px,1fr) auto!important;gap:7px!important;}
.mini-counts i{width:9px!important;height:9px!important;min-width:9px!important;aspect-ratio:1/1;}

.risk-dot{display:block!important;flex:0 0 11px!important;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;max-width:11px!important;max-height:11px!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box!important;align-self:center!important;}
.issue-name{min-width:0!important;align-items:center!important;}
.issue-name>div{min-width:0;}

@media(max-width:1250px){.hero-note{right:42%!important}.mini-risk-layout{grid-template-columns:112px minmax(110px,1fr)!important}.risk-donut.mini{width:106px!important;height:106px!important}}
@media(max-width:900px){.hero-note{right:20px!important}.engine-dropdown{max-height:220px}.mini-risk-layout{grid-template-columns:112px minmax(120px,1fr)!important}}

/* V4.3 — identification guidée ou VIN, signature et responsive */
.identification-title{margin-bottom:15px!important}
.analysis-kicker{display:block;margin-bottom:5px;color:#45caff;font-size:10px;font-weight:900;letter-spacing:1.8px}
.identification-title h2{font-size:23px!important}
.identification-title p{max-width:780px;font-size:12px!important}
.identification-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}
.identification-tab{position:relative;min-height:64px;padding:9px 14px;display:flex;align-items:center;gap:11px;text-align:left;color:#b9cee1;border:1px solid rgba(48,116,174,.55);border-radius:10px;background:linear-gradient(150deg,rgba(3,28,55,.85),rgba(2,18,39,.92));font-family:Inter,sans-serif;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.identification-tab:hover{border-color:rgba(68,167,235,.78);transform:translateY(-1px)}
.identification-tab.active{color:#fff;border-color:#3ebcff;background:linear-gradient(145deg,rgba(8,68,122,.96),rgba(4,38,78,.97));box-shadow:0 0 18px rgba(24,148,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.identification-tab strong,.identification-tab small{display:block}.identification-tab strong{font-size:13px}.identification-tab small{margin-top:2px;color:#90abc2;font-size:10px}.identification-tab.active small{color:#bee7ff}
.identification-tab em{position:absolute;right:10px;top:8px;padding:3px 7px;border-radius:99px;color:#66dcff;background:rgba(0,145,226,.18);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.identification-tab-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1px solid #356b98;border-radius:8px;background:#07294b;color:#a9c6df;font-size:17px}.vin-mark{border-color:#29b2e8;color:#7ee7ff;font-size:9px;font-weight:900;letter-spacing:.7px;box-shadow:0 0 12px rgba(42,184,255,.18)}
.identification-panel{animation:identificationFade .18s ease}
@keyframes identificationFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.vin-panel{padding:13px 15px 11px;border:1px solid rgba(47,137,206,.55);border-radius:11px;background:linear-gradient(145deg,rgba(5,36,69,.92),rgba(2,22,46,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.vin-panel-heading{display:flex;align-items:center;gap:10px}.vin-panel-heading h3,.guided-heading h3{margin:0;color:#fff;font-size:14px}.vin-panel-heading p,.guided-heading p{margin:2px 0 0;color:#8eabc3;font-size:10px}
.vin-heading-icon{width:33px;height:33px;display:grid;place-items:center;flex:0 0 33px;border:1px solid #3ebcff;border-radius:8px;color:#70dcff;background:linear-gradient(145deg,#0b4d83,#052a50);box-shadow:0 0 13px rgba(24,161,255,.22);font-size:9px;font-weight:900;letter-spacing:.6px}
.vin-input-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin-top:11px}.vin-input-wrap{position:relative}.vin-input-wrap input{height:49px!important;margin:0!important;padding:0 76px 0 15px!important;border:1px solid #3d91cb!important;border-radius:8px!important;color:#fff!important;background:#02172f!important;font:700 17px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:2.2px!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.3)!important;text-transform:uppercase}.vin-input-wrap>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);padding-left:12px;border-left:1px solid rgba(85,154,209,.38);color:#69d5ff;font-size:10px;font-weight:800}
.vin-input-row>button{height:49px;border:1px solid #5bd5ff;border-radius:8px;color:#fff;background:linear-gradient(180deg,#1299ff,#0762da);box-shadow:0 0 16px rgba(23,161,255,.28),inset 0 1px 0 rgba(255,255,255,.18);font:800 12px Inter,sans-serif;letter-spacing:.3px;cursor:pointer;text-transform:uppercase}.vin-input-row>button:disabled{opacity:.62;cursor:wait}.vin-search-icon{margin-right:8px;font-size:19px}
.vin-reassurance{display:flex;flex-wrap:wrap;gap:22px;margin-top:8px;color:#83a7c4;font-size:9px}.vin-reassurance span::first-letter{color:#34d879}.vin-error{min-height:0;margin:7px 0 0;color:#ffadb4;font-size:11px}.vin-error:empty{display:none}
.vin-result{margin-top:13px;padding:13px 15px 12px;border:1px solid rgba(45,190,119,.62);border-radius:11px;background:radial-gradient(430px 150px at 0 0,rgba(32,177,105,.10),transparent 65%),linear-gradient(145deg,rgba(4,35,57,.96),rgba(2,22,42,.98));box-shadow:0 0 20px rgba(27,190,104,.07)}
.vin-result-head,.vin-result-head>div,.vin-result-actions{display:flex;align-items:center}.vin-result-head{justify-content:space-between;gap:14px}.vin-result-head>div{gap:9px}.vin-success{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:50%;color:#fff;background:#22b865;box-shadow:0 0 13px rgba(45,206,118,.28);font-weight:900}.vin-result-head small{display:block;color:#5fe09a;font-size:8px;font-weight:900;letter-spacing:1.2px}.vin-result-head h3{margin:1px 0 0;font-size:16px}.vin-confidence{padding:5px 9px;border:1px solid rgba(65,202,130,.42);border-radius:99px;color:#67dfa0;background:rgba(24,128,76,.15);font-size:9px;font-weight:800;white-space:nowrap}
.vin-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.vin-result-grid>div{min-width:0;padding:8px 10px;border:1px solid rgba(49,119,175,.34);border-radius:8px;background:rgba(3,26,50,.78)}.vin-result-grid small,.vin-result-grid strong{display:block}.vin-result-grid small{color:#7f9db7;font-size:8px}.vin-result-grid strong{margin-top:2px;overflow:hidden;color:#f6fbff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.vin-result-actions{justify-content:space-between;gap:14px;margin-top:10px}.vin-result-actions>button:first-child{height:39px;padding:0 20px;border:1px solid rgba(67,202,255,.75);border-radius:7px;color:#fff;background:linear-gradient(110deg,#0b78ec,#169eff 52%,#0965d5);box-shadow:0 6px 18px rgba(0,92,197,.25);font:800 10px Inter,sans-serif;text-transform:uppercase;cursor:pointer}.vin-result-actions>button:first-child span{margin-left:9px;font-size:17px}.vin-edit-data{padding:6px;border:0;background:transparent;color:#78cfff;font:500 9px Inter,sans-serif;text-decoration:underline;cursor:pointer}
.guided-heading{margin:2px 0 12px}.guided-heading h3{font-size:16px}
.side-signature{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;color:#22baff!important;font-family:"Patrick Hand",cursive!important;font-size:23px!important;line-height:.92!important;text-align:center!important;text-shadow:0 0 11px rgba(0,166,255,.72),0 2px 8px rgba(0,0,0,.7)!important;transform:rotate(-6deg)!important}
.side-signature strong{font-weight:400}.side-signature span{position:relative;margin:0!important;color:#22baff!important;font:inherit!important}.side-signature span:after{content:"";position:absolute;left:-9px;right:-10px;bottom:-6px;height:3px;border-radius:50%;border-top:2px solid #18aaff;transform:rotate(-3deg);box-shadow:0 0 8px rgba(0,165,255,.8)}
@media(max-width:1250px){.vin-input-row{grid-template-columns:1fr}.vin-result-grid{grid-template-columns:1fr 1fr}.vin-result-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.identification-tabs{grid-template-columns:1fr}.identification-title h2{font-size:20px!important}.vin-result-head{align-items:flex-start;flex-direction:column}.vin-result-actions>button:first-child{width:100%;height:auto;min-height:44px}.vin-result-actions{width:100%}}
@media(max-width:520px){.vin-panel{padding:11px 10px}.vin-input-wrap input{padding-left:10px!important;font-size:13px!important;letter-spacing:1px!important}.vin-result-grid{grid-template-columns:1fr}.vin-reassurance{gap:7px 13px}}


/* V4.2 — motorisation : champ libre + menu intégré compact */
.engine-combobox{position:relative;display:block;width:100%;}
.engine-combobox #engine{display:block;width:100%;height:43px;padding-right:42px!important;border-radius:8px!important;}
.engine-toggle{position:absolute!important;right:1px!important;top:1px!important;bottom:auto!important;width:38px!important;height:41px!important;min-width:38px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-left:1px solid rgba(103,171,229,.22)!important;border-radius:0 7px 7px 0!important;background:linear-gradient(180deg,#0b3459,#082744)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3;}
.engine-toggle:hover{background:linear-gradient(180deg,#0e4675,#0a3154)!important;}
.engine-chevron{display:block;width:8px;height:8px;border-right:2px solid #dff3ff;border-bottom:2px solid #dff3ff;transform:rotate(45deg) translate(-1px,-1px);transform-origin:center;}
.engine-dropdown{top:48px!important;left:0!important;right:0!important;max-height:280px!important;}
.engine-option{font-size:13px!important;line-height:1.25!important;padding:9px 11px!important;}


/* V4.4 — alignement bénéfices + pied de page */
@media (min-width:851px){
  .hero-benefits{
    margin-left:calc(23px - 2.15vw);
  }
}


/* V4.5 — Mode VIN automatique (bandeau CarCheck conservé comme V4.4) */
.vin-auto-analysis{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border:1px solid rgba(41,165,232,.35);border-radius:8px;background:rgba(2,27,52,.68)}
.vin-auto-analysis strong,.vin-auto-analysis small{display:block}.vin-auto-analysis strong{font-size:11px;color:#e8f7ff}.vin-auto-analysis small{margin-top:2px;color:#8eb8d5;font-size:9px;line-height:1.4}
.vin-auto-pulse{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#25b9ff;box-shadow:0 0 0 0 rgba(37,185,255,.5);animation:vinPulse 1.5s infinite}
@keyframes vinPulse{0%{box-shadow:0 0 0 0 rgba(37,185,255,.42)}70%{box-shadow:0 0 0 9px rgba(37,185,255,0)}100%{box-shadow:0 0 0 0 rgba(37,185,255,0)}}
.vin-report-extras{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:15px}.vin-report-extras.hidden{display:none}
.vin-details-panel,.recalls-panel{min-width:0}.vin-specs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.vin-specs-grid>div{padding:9px 10px;border:1px solid rgba(47,119,178,.30);border-radius:8px;background:rgba(3,29,55,.72)}.vin-specs-grid small,.vin-specs-grid strong{display:block}.vin-specs-grid small{font-size:9px;color:#83a7c4}.vin-specs-grid strong{margin-top:3px;font-size:11px;color:#fff;line-height:1.3}.vin-features{margin-top:12px}.vin-features h4{margin:0 0 7px;color:#dff4ff;font-size:11px}.vin-features>div{display:flex;flex-wrap:wrap;gap:6px}.vin-features span{padding:5px 8px;border:1px solid rgba(32,155,224,.35);border-radius:999px;background:rgba(8,68,111,.36);color:#bfe8ff;font-size:9px}
.recalls-list{display:grid;gap:8px;margin-top:10px}.recall-item{padding:10px 11px;border:1px solid rgba(237,92,74,.30);border-radius:9px;background:linear-gradient(145deg,rgba(73,26,29,.35),rgba(3,25,48,.75))}.recall-item>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recall-item strong{color:#fff;font-size:11px}.recall-item small{color:#9eb7cb;font-size:9px}.recall-item p{margin:6px 0 0;color:#bed0df;font-size:9px;line-height:1.45}.recall-badge{padding:3px 6px;border-radius:5px;color:#fff;background:#d74337;font-size:8px;font-weight:900;letter-spacing:.5px}
@media(max-width:1000px){.vin-report-extras{grid-template-columns:1fr}.vin-specs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vin-specs-grid{grid-template-columns:1fr}.vin-hero-intro img{height:68px}}


/* V4.6 — bandeau V4.4, score élargi et fiche véhicule */
.score-summary-panel.score-summary-wide{
  grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr)!important;
}
.score-summary-left{
  padding:22px 26px!important;
}
.score-summary-left p{
  max-width:680px;
  font-size:14px!important;
  line-height:1.62!important;
  color:#c2d3e2!important;
}
.score-mini-grid-v38{
  grid-template-columns:minmax(280px,1.08fr) minmax(260px,.92fr)!important;
}
.score-risk-tile,.score-confidence-tile{
  padding:21px 20px!important;
}
.vehicle-engine-year{
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
}
.vehicle-engine-year #resultVehicleEngine{
  margin:0!important;
}
.vehicle-year-inline{
  color:#eaf5ff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#resultVehiclePhase{
  margin:5px 0 0!important;
  color:#7fb5dd!important;
  font-size:10px!important;
  font-weight:700;
  text-align:center;
}
#resultVehiclePhase.hidden{display:none!important}
@media(max-width:1250px){
  .score-summary-panel.score-summary-wide{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important}
  .score-mini-grid-v38{grid-template-columns:1fr 1fr!important}
  .score-confidence-tile{grid-column:auto!important}
}
@media(max-width:900px){
  .score-summary-panel.score-summary-wide{grid-template-columns:1fr!important}
  .score-mini-grid-v38{grid-template-columns:1fr!important}
  .score-summary-left p{font-size:13px!important}
}


/* V4.7 — score sévère + fiche véhicule indépendante + donut épuré */
.report-grid{
  grid-template-columns:285px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.vehicle-report-card{
  margin-top:39px!important;
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
}
.vehicle-report-card h2{
  text-align:center!important;
  font-size:20px!important;
  line-height:1.2!important;
  margin:14px 0 6px!important;
}
.report-main{min-width:0!important;width:100%!important}
.score-summary-panel.score-summary-wide{
  grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;
  width:100%!important;
}
.score-summary-left p{
  max-width:none!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.risk-donut.mini>div{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
.risk-donut.mini strong{
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
}
@media(max-width:1250px){
  .report-grid{grid-template-columns:240px minmax(0,1fr)!important}
  .vehicle-report-card{margin-top:39px!important;top:86px!important}
  .score-summary-panel.score-summary-wide{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important}
}
@media(max-width:900px){
  .report-grid{grid-template-columns:1fr!important}
  .vehicle-report-card{margin-top:0!important;position:static!important}
  .score-summary-panel.score-summary-wide{grid-template-columns:1fr!important}
}

/* V4.8 — barème CarCheck, moteur et répartition des risques */
.score-summary-panel{
  --score-accent:#20B26B;
  --score-accent-soft:rgba(32,178,107,.16);
}
.score-summary-panel.score-dark-green{--score-accent:#087A4A;--score-accent-soft:rgba(8,122,74,.18)}
.score-summary-panel.score-green{--score-accent:#20B26B;--score-accent-soft:rgba(32,178,107,.16)}
.score-summary-panel.score-orange{--score-accent:#F2A52B;--score-accent-soft:rgba(242,165,43,.17)}
.score-summary-panel.score-red{--score-accent:#E24949;--score-accent-soft:rgba(226,73,73,.17)}
.score-summary-panel.score-dark-red{--score-accent:#8F1D2C;--score-accent-soft:rgba(143,29,44,.21)}
.score-summary-panel.score-neutral{--score-accent:#7d9ab4;--score-accent-soft:rgba(125,154,180,.13)}
.score-summary-panel.score-summary-wide{
  border-color:var(--score-accent)!important;
  box-shadow:inset 4px 0 0 var(--score-accent),inset 0 0 34px var(--score-accent-soft),0 12px 30px rgba(0,0,0,.18)!important;
}
.score-summary-panel .score-big strong,
.score-summary-panel .score-summary-left>b{color:var(--score-accent)!important}
.score-summary-panel .score-caption{color:var(--score-accent)!important}

/* Le bloc véhicule reste indépendant et accompagne tout le rapport à droite. */
.report-grid{align-items:start!important}
.report-main>.report-lower-grid{margin-top:15px!important}
.report-main>#vinReportExtras{margin-top:15px!important}
.report-main>.section-title{margin-top:26px!important}
.vehicle-report-card{max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin;scrollbar-color:#285b87 transparent}

/* Répartition des risques : libellés ET chiffres reprennent la couleur du niveau. */
.mini-counts .risk-count-high,.mini-counts .risk-count-high strong{color:#E24949!important}
.mini-counts .risk-count-medium,.mini-counts .risk-count-medium strong{color:#F2A52B!important}
.mini-counts .risk-count-low,.mini-counts .risk-count-low strong{color:#20B26B!important}
.mini-counts .risk-count-high,.mini-counts .risk-count-medium,.mini-counts .risk-count-low{font-weight:800!important}

/* Chargement des motorisations */
.engine-hint.is-loading{display:flex!important;align-items:center;gap:7px;color:#9ac7e9!important}
.engine-loader{width:13px;height:13px;flex:0 0 13px;border:2px solid rgba(97,190,255,.25);border-top-color:#4bc3ff;border-right-color:#4bc3ff;border-radius:50%;display:inline-block;animation:engineSpin .72s linear infinite;box-shadow:0 0 9px rgba(40,170,255,.2)}
.engine-empty{display:flex!important;align-items:center;gap:8px!important;min-height:38px}
@keyframes engineSpin{to{transform:rotate(360deg)}}

/* La liste moteur se rouvre entièrement même après une première sélection. */
.engine-dropdown{max-height:300px;overflow:auto}
.engine-option{white-space:normal;line-height:1.25}

@media(max-width:900px){
  .vehicle-report-card{max-height:none;overflow:visible}
}
.vehicle-report-card{max-height:none!important;overflow:visible!important}


/* V5.0 — Calques Comparateur / À propos */
body.overlay-open{overflow:hidden}
.site-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:34px;isolation:isolate}
.site-overlay.hidden{display:none!important}
.overlay-backdrop{position:absolute;inset:0;background:rgba(0,8,20,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.overlay-dialog{position:relative;z-index:1;width:min(1180px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#071f39 0%,#041629 56%,#03111f 100%);border:1px solid rgba(66,170,239,.44);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 42px rgba(21,137,224,.14),inset 0 1px 0 rgba(255,255,255,.045);padding:34px 38px 38px;color:#e9f4ff}
.overlay-dialog::-webkit-scrollbar{width:9px}.overlay-dialog::-webkit-scrollbar-thumb{background:#1d5b91;border-radius:10px}.overlay-dialog::-webkit-scrollbar-track{background:#06182b}
.overlay-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:1px solid rgba(84,183,245,.35);border-radius:50%;background:#092745;color:#dff3ff;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 0 18px rgba(25,151,234,.12)}
.overlay-close:hover{background:#0d355d;border-color:#44b9ff;color:#fff}
.overlay-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#42b9ff;margin-bottom:8px}.overlay-dialog h2{font-size:30px;line-height:1.15;margin:0 54px 10px 0}.overlay-intro{max-width:950px;margin:0 0 25px;color:#a9c0d5;font-size:14px;line-height:1.65}
.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.method-cards article{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:16px;background:linear-gradient(145deg,rgba(13,50,86,.78),rgba(5,27,49,.82));border:1px solid rgba(62,143,203,.27);border-radius:13px}.method-number{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#0b3358;color:#56c5ff;font-weight:800;font-size:11px}.method-cards strong{font-size:14px}.method-cards p{margin:5px 0 0;color:#9fb7cb;font-size:12.5px;line-height:1.48}
.score-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 25px}.score-rule{padding:15px 16px;border-radius:12px;border:1px solid transparent}.score-rule strong{display:block;font-size:13px;margin-bottom:5px}.score-rule span{font-size:11.5px;line-height:1.45;color:#d3deea}.score-rule.high{background:rgba(226,73,73,.10);border-color:rgba(226,73,73,.36)}.score-rule.high strong{color:#ff7777}.score-rule.medium{background:rgba(242,165,43,.10);border-color:rgba(242,165,43,.35)}.score-rule.medium strong{color:#ffc159}.score-rule.low{background:rgba(32,178,107,.10);border-color:rgba(32,178,107,.35)}.score-rule.low strong{color:#58d892}
.scale-title{font-size:18px;margin:0 0 12px}.score-scale{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scale-row{display:grid;grid-template-columns:78px 1fr;align-items:center;min-height:42px;border-radius:10px;padding:0 13px;border:1px solid rgba(255,255,255,.08);font-size:12px}.scale-row b{font-size:14px}.scale-row.dark-red{background:linear-gradient(90deg,rgba(143,29,44,.34),rgba(143,29,44,.10));border-color:rgba(143,29,44,.54)}.scale-row.red{background:linear-gradient(90deg,rgba(226,73,73,.25),rgba(226,73,73,.08));border-color:rgba(226,73,73,.42)}.scale-row.orange{background:linear-gradient(90deg,rgba(242,165,43,.24),rgba(242,165,43,.07));border-color:rgba(242,165,43,.38)}.scale-row.green{background:linear-gradient(90deg,rgba(32,178,107,.23),rgba(32,178,107,.07));border-color:rgba(32,178,107,.38)}.scale-row.dark-green{background:linear-gradient(90deg,rgba(8,122,74,.36),rgba(8,122,74,.09));border-color:rgba(23,157,98,.46)}
.method-note{font-size:11px;color:#7896af;margin:17px 0 0;line-height:1.5}
.comparator-dialog{width:min(920px,94vw)}.compare-placeholder-grid{display:grid;grid-template-columns:1fr 58px 1fr;align-items:stretch;gap:14px;margin-top:24px}.compare-placeholder-grid article{min-height:200px;border:1px dashed rgba(70,168,234,.42);border-radius:15px;background:linear-gradient(150deg,rgba(10,45,78,.72),rgba(4,22,40,.8));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.compare-placeholder-grid article>span{font-size:10px;letter-spacing:.14em;color:#52bfff;font-weight:800}.compare-placeholder-grid article strong{font-size:18px;margin:9px 0}.compare-placeholder-grid article p{max-width:260px;color:#8eabc2;font-size:12px;line-height:1.5;margin:0}.compare-vs{display:grid;place-items:center;color:#59c4ff;font-weight:900;font-size:14px}
@media(max-width:800px){.site-overlay{padding:12px}.overlay-dialog{padding:28px 18px 24px;border-radius:16px;max-height:92vh}.overlay-dialog h2{font-size:24px}.method-cards,.score-rules,.score-scale{grid-template-columns:1fr}.compare-placeholder-grid{grid-template-columns:1fr}.compare-vs{height:30px}}


/* V5.1 — tableau des pénalités dans À propos */
.penalty-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 8px}
.penalty-row{min-height:70px;border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.1)}
.penalty-row strong{font-size:13px;margin-bottom:5px}.penalty-row span{font-size:18px;font-weight:800}
.penalty-row.low{background:linear-gradient(145deg,rgba(32,178,107,.20),rgba(32,178,107,.07));border-color:rgba(32,178,107,.40)}.penalty-row.low strong,.penalty-row.low span{color:#65dda0}
.penalty-row.medium{background:linear-gradient(145deg,rgba(242,165,43,.22),rgba(242,165,43,.07));border-color:rgba(242,165,43,.42)}.penalty-row.medium strong,.penalty-row.medium span{color:#ffc45d}
.penalty-row.high{background:linear-gradient(145deg,rgba(226,73,73,.23),rgba(226,73,73,.07));border-color:rgba(226,73,73,.45)}.penalty-row.high strong,.penalty-row.high span{color:#ff7777}
.penalty-row.critical{background:linear-gradient(145deg,rgba(143,29,44,.38),rgba(143,29,44,.10));border-color:rgba(175,48,65,.58)}.penalty-row.critical strong,.penalty-row.critical span{color:#ff8b9a}
.penalty-note{margin-top:10px!important;margin-bottom:22px!important}
@media(max-width:900px){.penalty-scale{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.penalty-scale{grid-template-columns:1fr}}


/* V5.3 — analyse plus lisible et progression animée */
.analysis-button-spinner{
  display:none;
  width:22px;height:22px;flex:0 0 22px;
  border:3px solid rgba(255,255,255,.28);
  border-top-color:#fff;
  border-radius:50%;
  animation:carcheck-spin .72s linear infinite;
}
#analyzeBtn.is-analyzing .analysis-button-spinner{display:inline-block}
#analyzeBtn.is-analyzing .analyze-search-icon{display:none!important}
@keyframes carcheck-spin{to{transform:rotate(360deg)}}
.analysis-status:not(.error):not(.not-found){
  margin-top:24px!important;
  min-height:22px;
  transition:opacity .18s ease,transform .18s ease;
}
.analysis-status.is-changing{opacity:.18;transform:translateY(2px)}
.penalty-scale.penalty-scale-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.penalty-scale.penalty-scale-three{grid-template-columns:1fr}}


/* V5.4 — Rappels alignés + codes couleur */
.vin-report-extras{display:block!important;margin-top:15px!important}
.vin-report-extras.hidden{display:none!important}
.vin-details-panel{margin-bottom:14px}
.recalls-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.recalls-panel,.paint-colors-panel{min-width:0;height:100%;box-sizing:border-box}
.recalls-panel .section-title.mini,.paint-colors-panel .section-title.mini{min-height:24px;margin:0 0 12px!important;align-items:center!important}
.recalls-panel .section-title.mini h3,.paint-colors-panel .section-title.mini h3{font-size:18px!important;line-height:1.2!important}
.report-empty-mini{padding:16px 12px;border:1px dashed rgba(98,151,194,.28);border-radius:9px;color:#90aac0;font-size:11px;line-height:1.5;text-align:center;background:rgba(3,25,46,.45)}
.paint-colors-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.paint-color-item{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(45,121,177,.30);border-radius:9px;background:linear-gradient(145deg,rgba(5,36,65,.82),rgba(2,24,45,.92))}
.paint-swatch{width:27px;height:27px;border-radius:50%;background:var(--paint-swatch);border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(25,145,220,.18),0 0 12px rgba(22,143,217,.16)}
.paint-color-item strong,.paint-color-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-color-item strong{color:#fff;font-size:11px}.paint-color-item small{margin-top:3px;color:#92aec4;font-size:9px}.paint-confidence{padding:3px 6px;border:1px solid rgba(73,176,229,.28);border-radius:999px;color:#77caef;background:rgba(17,91,136,.18);font-size:8px;font-weight:800}
@media(max-width:1000px){.recalls-colors-grid{grid-template-columns:1fr}.paint-colors-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.paint-colors-list{grid-template-columns:1fr}}


/* V5.5 — spinner du bouton visible uniquement pendant une analyse réelle */
#analyzeBtn .analysis-button-spinner{
  display:none!important;
}
#analyzeBtn.is-analyzing .analysis-button-spinner{
  display:inline-block!important;
}
#analyzeBtn:not(.is-analyzing) .analysis-button-spinner{
  display:none!important;
}
#analyzeBtn:not(.is-analyzing) .analyze-search-icon{
  display:block!important;
}


/* V5.6 — total des pénalités sous le graphique */
.risk-penalty-summary{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(95,174,255,.18);
  color:#dbeaff;
  font-size:13px;
  line-height:1.35;
  text-align:center;
}
.risk-penalty-summary strong{
  color:#fff;
  font-size:15px;
  font-weight:800;
  margin-left:4px;
}


/* V5.7 — grille de pénalités, information score et identité véhicule */
.score-summary-panel .score-caption{
  font-size:17px!important;
  line-height:1.2!important;
  letter-spacing:.01em;
}
.risk-penalty-summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
}
.risk-penalty-summary strong{
  margin-left:4px;
  margin-right:8px;
}
.penalty-info-btn{
  appearance:none;
  border:none;
  background:none;
  color:#28b8ff;
  font-family:"Patrick Hand",cursive;
  font-size:24px;
  font-weight:700;
  font-style:italic;
  line-height:1;
  display:inline-block;
  cursor:pointer;
  padding:0 2px;
  margin-left:2px;
  text-shadow:0 0 10px rgba(34,183,255,.55),0 0 22px rgba(0,113,255,.25);
  transition:transform .18s ease,color .18s ease,text-shadow .18s ease,opacity .18s ease;
  opacity:.95;
}
.penalty-info-btn:hover{
  color:#67d0ff;
  transform:translateY(-1px) scale(1.06);
  text-shadow:0 0 14px rgba(57,197,255,.72),0 0 26px rgba(18,111,255,.4);
}

.penalty-matrix-wrap{overflow-x:auto;margin:0 0 10px;border:1px solid rgba(75,166,235,.28);border-radius:13px;background:rgba(3,20,38,.55)}
.penalty-matrix{width:100%;border-collapse:collapse;min-width:650px;color:#eaf6ff}
.penalty-matrix th,.penalty-matrix td{padding:13px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.penalty-matrix tr:last-child th,.penalty-matrix tr:last-child td{border-bottom:0}.penalty-matrix th:last-child,.penalty-matrix td:last-child{border-right:0}
.penalty-matrix thead th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;background:rgba(9,39,67,.7)}
.penalty-matrix tbody th{text-align:left;font-size:13px;background:rgba(8,31,54,.5)}
.penalty-matrix td{font-size:15px;font-weight:900}
.penalty-matrix .risk-low-col{color:#55d87d}.penalty-matrix .risk-medium-col{color:#ffb12a}.penalty-matrix .risk-high-col{color:#ff5d61}
.penalty-matrix .p0{color:#65df8b;background:rgba(25,153,75,.08)}
.penalty-matrix .p1,.penalty-matrix .p3{color:#ffd164;background:rgba(217,145,16,.07)}
.penalty-matrix .p4,.penalty-matrix .p6,.penalty-matrix .p8{color:#ff7377;background:rgba(211,50,57,.08)}

.vehicle-name-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 6px;min-height:30px}
.vehicle-name-row h2{margin:0!important}
.result-brand-logo{width:30px;height:30px;object-fit:contain;flex:0 0 30px;border-radius:6px;background:rgba(255,255,255,.96);padding:3px;box-shadow:0 0 12px rgba(31,159,255,.22)}
.result-brand-logo.hidden{display:none!important}
.vehicle-engine-year #resultVehicleEngine,.vehicle-year-inline{color:#e0ebf6!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
.vehicle-year-inline{white-space:nowrap}


/* V5.9 — lisibilité résultats, icône information, confiance et logo marque */
.mini-counts{
  font-size:15px!important;
  gap:9px!important;
}
.mini-counts div{
  grid-template-columns:11px minmax(62px,1fr) auto!important;
  gap:8px!important;
  line-height:1.25!important;
}
.mini-counts strong{
  font-size:15px!important;
  font-weight:900!important;
}
.penalty-info-btn{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  border-radius:50%!important;
  border:1px solid #31b7ff!important;
  background:rgba(8,76,130,.28)!important;
  color:#52c9ff!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:15px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin-left:2px!important;
  position:relative!important;
  top:-5px!important;
  text-shadow:none!important;
  box-shadow:0 0 8px rgba(22,171,255,.30)!important;
}
.penalty-info-btn:hover{
  color:#dff7ff!important;
  border-color:#6ed7ff!important;
  background:rgba(15,122,196,.45)!important;
  transform:none!important;
  box-shadow:0 0 12px rgba(31,183,255,.48)!important;
}
.compact-confidence img{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  filter:drop-shadow(0 0 10px rgba(29,158,255,.48))!important;
}
.result-brand-logo{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 5px rgba(41,151,234,.22));
}
.method-cards-simple article{
  grid-template-columns:1fr!important;
  min-height:112px;
}
.penalty-matrix .p5{color:#ffb65a;background:rgba(217,145,16,.08)}

/* V6.0 — Annonce Leboncoin, comparateur fonctionnel et export PDF */
.identification-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.listing-mark{border-color:#f4b22d!important;color:#ffd46c!important;font-size:9px!important;font-weight:900;letter-spacing:.4px;box-shadow:0 0 12px rgba(244,178,45,.16)!important}
.listing-panel{padding:13px 15px 12px;border:1px solid rgba(47,137,206,.55);border-radius:11px;background:linear-gradient(145deg,rgba(5,36,69,.92),rgba(2,22,46,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.listing-panel-heading{display:flex;align-items:center;gap:10px}.listing-panel-heading h3{margin:0;color:#fff;font-size:14px}.listing-panel-heading p{margin:2px 0 0;color:#8eabc3;font-size:10px;line-height:1.45}
.listing-heading-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border:1px solid #d59622;border-radius:9px;color:#ffd76f;background:rgba(118,74,4,.28);font-size:10px;font-weight:900;letter-spacing:.5px;box-shadow:0 0 16px rgba(255,178,26,.12)}
.listing-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:13px}.listing-input-wrap input{width:100%;height:46px;box-sizing:border-box;border:1px solid #29699e;border-radius:9px;background:#041b34;color:#fff;padding:0 13px;font:500 12px Inter,sans-serif;outline:none}.listing-input-wrap input:focus{border-color:#35b7ff;box-shadow:0 0 0 2px rgba(25,160,255,.11)}
#analyzeListingBtn{height:46px;min-width:190px;border:1px solid #2eaef6;border-radius:9px;background:linear-gradient(135deg,#0879df,#0355ba);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font:700 12px Inter,sans-serif;cursor:pointer;box-shadow:0 0 18px rgba(0,135,255,.18)}#analyzeListingBtn img{width:23px;height:23px}#analyzeListingBtn:disabled{opacity:.62;cursor:wait}
.listing-error{min-height:16px;color:#ff7777;font-size:11px;margin:7px 2px 0}.listing-result{margin-top:11px;border:1px solid rgba(61,171,237,.42);border-radius:10px;padding:11px 12px;background:rgba(3,25,49,.75)}.listing-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.listing-result-head>div{display:flex;align-items:center;gap:9px}.listing-result-head small{display:block;color:#65c8ff;font-size:8px;font-weight:800;letter-spacing:.1em}.listing-result-head h3{margin:2px 0 0;font-size:14px}.listing-result-head>strong{color:#fff;font-size:16px}.listing-success{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#64eea4;background:rgba(15,130,78,.22);border:1px solid rgba(53,218,134,.48)}
.listing-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.listing-result-grid>div{padding:8px;border:1px solid rgba(65,123,169,.28);border-radius:8px;background:rgba(4,20,39,.55)}.listing-result-grid small,.listing-result-grid strong{display:block}.listing-result-grid small{color:#819db5;font-size:8px}.listing-result-grid strong{margin-top:2px;color:#f4f9ff;font-size:11px}.listing-auto-analysis{display:flex;align-items:center;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(63,130,182,.22)}.listing-auto-pulse{width:9px;height:9px;border-radius:50%;background:#24baff;box-shadow:0 0 0 0 rgba(36,186,255,.55);animation:listingPulse 1.35s infinite}.listing-auto-analysis strong,.listing-auto-analysis small{display:block}.listing-auto-analysis strong{font-size:10px;color:#eaf7ff}.listing-auto-analysis small{margin-top:2px;color:#91abc1;font-size:9px}@keyframes listingPulse{70%{box-shadow:0 0 0 8px rgba(36,186,255,0)}100%{box-shadow:0 0 0 0 rgba(36,186,255,0)}}
.listing-report-info{margin:8px 0 4px;padding:8px 9px;border:1px solid rgba(59,153,220,.3);border-radius:8px;background:rgba(5,31,58,.62);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px}.listing-report-info span{color:#5bc6ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.listing-report-info strong{color:#fff;font-size:12px}.listing-report-info a{grid-column:1/-1;color:#8ecfff;font-size:9px;text-decoration:none}.listing-report-info a:hover{text-decoration:underline}
.report-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.report-title-row .report-main-title{margin:0}.export-pdf-btn{height:34px;padding:0 13px;border:1px solid rgba(62,171,244,.7);border-radius:8px;background:linear-gradient(145deg,rgba(7,66,119,.9),rgba(3,39,77,.95));color:#eaf8ff;display:flex;align-items:center;gap:7px;font:700 10px Inter,sans-serif;cursor:pointer;box-shadow:0 0 13px rgba(0,145,255,.13)}.export-pdf-btn img{width:18px;height:18px}.export-pdf-btn:hover{border-color:#63c8ff;background:linear-gradient(145deg,rgba(10,86,150,.96),rgba(4,52,99,.98))}
.comparator-functional{width:min(1080px,96vw);max-height:92vh;overflow:auto}.compare-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:12px;align-items:center;margin-top:18px}.compare-side{border:1px solid rgba(63,155,222,.38);border-radius:14px;padding:15px;background:linear-gradient(150deg,rgba(8,39,70,.8),rgba(3,20,38,.88));display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare-side-title{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-bottom:2px}.compare-side-title span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#087fe3;color:#fff;font-weight:900;box-shadow:0 0 14px rgba(0,145,255,.22)}.compare-side-title strong{font-size:16px}.compare-side label{display:flex;flex-direction:column;gap:5px;color:#bcd2e5;font-size:9px;font-weight:700}.compare-side label:nth-of-type(1),.compare-side label:nth-of-type(2),.compare-side label:nth-of-type(3),.compare-side label:nth-of-type(5){grid-column:1/-1}.compare-side select,.compare-side input{width:100%;height:38px;box-sizing:border-box;border:1px solid #285f8d;border-radius:7px;background:#041a31;color:#fff;padding:0 9px;font:500 10px Inter,sans-serif;outline:none}.compare-side select:focus,.compare-side input:focus{border-color:#3bbcff}.compare-mini-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-vs{font-size:13px;color:#58c5ff}.compare-run-btn{margin:16px auto 0;min-width:285px;height:46px;border:1px solid #33b9ff;border-radius:24px;background:linear-gradient(90deg,#075ec5,#008ff1,#075ec5);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:800 13px Inter,sans-serif;cursor:pointer;box-shadow:0 0 20px rgba(0,146,255,.24)}.compare-run-btn img{width:25px;height:25px}.compare-run-btn.is-loading{cursor:wait;opacity:.78}.compare-run-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.compare-run-btn.is-loading .compare-run-spinner{display:block}.compare-run-btn.is-loading img{display:none}.compare-status{text-align:center;min-height:16px;margin:9px 0 0;color:#87a7c0;font-size:10px}.compare-results{margin-top:16px}.compare-winner{padding:11px 14px;border:1px solid rgba(48,190,116,.42);border-radius:10px;background:linear-gradient(100deg,rgba(12,90,57,.35),rgba(4,36,44,.38));color:#c9ffe2;text-align:center;font-size:12px}.compare-winner strong{color:#5af0a0}.compare-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:11px}.compare-result-grid article{border:1px solid rgba(67,145,205,.35);border-radius:13px;padding:14px;background:#061b32}.compare-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.compare-result-head h3{margin:0;font-size:15px}.compare-score{font-size:27px;font-weight:900;color:#fff}.compare-score small{font-size:10px;color:#8da7bd}.compare-verdict{font-size:10px;font-weight:800;margin-top:2px}.compare-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.compare-metrics div{padding:7px 5px;border-radius:8px;text-align:center;background:#04162b;border:1px solid rgba(54,120,169,.25)}.compare-metrics b,.compare-metrics span{display:block}.compare-metrics b{font-size:15px}.compare-metrics span{font-size:7px;color:#83a0b8;text-transform:uppercase;margin-top:2px}.compare-top-issues{margin:11px 0 0;padding:0;list-style:none}.compare-top-issues li{padding:6px 0;border-top:1px solid rgba(62,118,160,.18);display:flex;justify-content:space-between;gap:8px;color:#d9e8f5;font-size:9px}.compare-top-issues em{font-style:normal;font-weight:800}.compare-top-issues em.high{color:#ff6464}.compare-top-issues em.medium{color:#ffb12f}.compare-top-issues em.low{color:#5be287}
@media(max-width:900px){.identification-tabs{grid-template-columns:1fr}.listing-input-row{grid-template-columns:1fr}.listing-result-grid{grid-template-columns:1fr 1fr}.compare-form-grid{grid-template-columns:1fr}.compare-vs{height:20px}.compare-result-grid{grid-template-columns:1fr}}
@media(max-width:520px){.listing-result-grid{grid-template-columns:1fr}.compare-side{grid-template-columns:1fr}.compare-mini-grid{grid-template-columns:1fr}.compare-metrics{grid-template-columns:1fr 1fr}}

@media print{
  @page{size:A4 landscape;margin:8mm}
  html,body{background:#fff!important;color:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .topbar,.hero-zone,.workspace,.bottom-trust,footer,.site-overlay,.export-pdf-btn{display:none!important}
  #results{display:block!important;margin:0!important;padding:0!important;background:#fff!important}
  .report-grid{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:10px!important}
  .vehicle-report-card{position:static!important;top:auto!important;break-inside:avoid}
  .report-main,.score-summary-panel,.vigilance-panel,.panel,.source,.vehicle-report-card{box-shadow:none!important}
  .issue-row{break-inside:avoid}
  a{text-decoration:none!important}
}


/* V6.2 — typographie verrouillée, Leboncoin, annonce alignée, nouveau hero sans zoom */
/* Ne plus modifier ces familles sans demande explicite. */
.simple-form-grid input,
.simple-form-grid select,
.engine-combobox #engine,
.listing-input-wrap input,
.compare-side input,
.compare-side select{
  font-family:Inter,sans-serif!important;
}
#analyzeBtn,
#analyzeListingBtn,
.compare-run-btn{
  font-family:Inter,sans-serif!important;
}

/* Logo Leboncoin dans les emplacements existants, sans changer leur format. */
.listing-mark,
.listing-heading-icon{
  overflow:hidden;
  padding:4px!important;
  background:#fff!important;
  border-color:rgba(255,112,32,.62)!important;
  box-shadow:0 0 13px rgba(255,101,27,.16)!important;
}
.listing-mark img,
.listing-heading-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* URL et bouton parfaitement alignés. */
.listing-input-row{
  align-items:stretch!important;
}
.listing-input-wrap{
  display:flex;
  align-items:stretch;
}
.listing-input-wrap input,
#analyzeListingBtn{
  height:46px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#analyzeListingBtn{
  align-self:stretch!important;
}

/* Le nouveau bandeau est montré en entier : aucune découpe par background-size:cover. */
.hero-zone{
  height:395px!important;
  background:#020b18!important;
}
.hero-bg{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('images/hero-night.png')!important;
  background-repeat:no-repeat!important;
  background-size:auto 100%!important;
  background-position:right center!important;
  background-color:#020b18!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-zone:before{
  background:linear-gradient(90deg,rgba(0,6,16,.96) 0%,rgba(0,8,20,.88) 22%,rgba(1,10,24,.52) 40%,rgba(1,9,22,.12) 56%,rgba(0,0,0,0) 72%)!important;
}
@media(max-width:1180px){
  .hero-zone{height:350px!important}
  .hero-bg{background-size:auto 100%!important;background-position:right center!important}
}
@media(max-width:850px){
  .hero-zone{height:310px!important}
  .hero-bg{background-size:auto 100%!important;background-position:72% center!important}
}


/* V6.4 — bandeau panoramique réellement pleine largeur */
.hero-zone{
  height:350px!important;
  background:#020b17!important;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  left:0!important; right:0!important; top:0!important; bottom:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('images/hero-night.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  opacity:1!important;
}
.hero-zone:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,8,18,.83) 0%,rgba(0,10,22,.62) 28%,rgba(0,10,22,.24) 48%,rgba(0,0,0,.04) 70%,rgba(0,0,0,0) 100%)!important;
}
.hero-zone:after{display:none!important;}
@media(max-width:1180px){
  .hero-zone{height:330px!important;}
  .hero-bg{background-position:center center!important;background-size:cover!important;}
}
@media(max-width:850px){
  .hero-zone{height:300px!important;}
  .hero-bg{background-position:62% center!important;background-size:cover!important;}
}

/* V6.5 — bandeau pleine largeur sans superposition */
.hero-zone{
  position:relative !important;
  overflow:hidden !important;
  height:438px !important;
  background:#020b17 !important;
}
.hero-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url('images/hero-night.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:none !important;
  opacity:1 !important;
  z-index:0 !important;
}
.hero-zone:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(0,8,20,.88) 0%,rgba(0,10,22,.70) 26%,rgba(0,10,22,.26) 46%,rgba(0,0,0,.06) 68%,rgba(0,0,0,0) 100%) !important;
}
.hero-zone:after{display:none !important;}
.hero-copy{
  position:relative !important;
  z-index:3 !important;
  padding:28px 0 0 38px !important;
  max-width:760px !important;
}
.hero-benefits{
  position:relative !important;
  z-index:4 !important;
  margin-top:16px !important;
}
/* sécurité pour garder les 4 cartes visibles */
.hero-benefits > div{
  min-width:120px !important;
}
@media (max-width:1180px){
  .hero-zone{height:392px !important;}
  .hero-bg{background-size:cover !important;background-position:center center !important;}
}
@media (max-width:850px){
  .hero-zone{height:332px !important;}
  .hero-bg{background-size:cover !important;background-position:66% center !important;}
}


/* V6.6 — bandeau corrigé : une seule voiture + positions historiques */
.hero-zone{
  position:relative!important;
  height:395px!important;
  margin-top:0!important;
  overflow:hidden!important;
  background:#020b18!important;
  border-bottom:1px solid rgba(32,135,218,.45)!important;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('images/hero-night.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  z-index:0!important;
}
.hero-zone:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,6,16,.93) 0%,rgba(0,8,20,.78) 20%,rgba(1,10,24,.46) 32%,rgba(1,9,22,.10) 49%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,rgba(0,4,12,.10) 0%,rgba(0,4,12,0) 68%,rgba(0,6,16,.23) 100%)!important;
}
.hero-zone:after{display:none!important}

/* Position du slogan et des 4 cartes remise à la disposition historique. */
.hero-copy{
  position:relative!important;
  z-index:3!important;
  padding:124px 0 0 2.15vw!important;
  max-width:870px!important;
}
.hero-copy h1{
  margin:0 0 10px!important;
  font-size:43px!important;
  line-height:1.02!important;
}
.hero-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(155px,1fr))!important;
  gap:13px!important;
  margin-top:18px!important;
  width:min(820px,56vw)!important;
}
.hero-benefits>div{
  min-height:74px!important;
  padding:9px 12px!important;
  border-radius:9px!important;
}

@media(max-width:1450px){
  .hero-zone{height:380px!important}
  .hero-copy{padding-top:116px!important}
  .hero-copy h1{font-size:39px!important}
  .hero-benefits{width:760px!important}
}
@media(max-width:1180px){
  .hero-zone{height:380px!important}
  .hero-copy{padding-top:108px!important}
  .hero-copy h1{font-size:36px!important}
  .hero-benefits{grid-template-columns:repeat(2,1fr)!important;width:590px!important}
  .hero-bg{background-size:cover!important;background-position:center center!important}
}
@media(max-width:850px){
  .hero-zone{height:510px!important}
  .hero-copy{padding:103px 20px 0!important;max-width:none!important}
  .hero-copy h1{font-size:34px!important}
  .hero-benefits{width:100%!important;grid-template-columns:repeat(2,1fr)!important}
  .hero-bg{background-size:cover!important;background-position:68% center!important}
}


/* V6.7 — loaders VIN et annonce uniquement pendant la requête */
.vin-button-spinner,.listing-button-spinner{
  display:none;
  width:17px;height:17px;
  border:2px solid rgba(255,255,255,.28);
  border-top-color:#fff;
  border-radius:50%;
  flex:0 0 17px;
  animation:carcheckActionSpin .72s linear infinite;
}
#decodeVinBtn.is-decoding .vin-button-spinner,
#analyzeListingBtn.is-analyzing .listing-button-spinner{display:inline-block!important}
#decodeVinBtn.is-decoding .vin-search-icon,
#analyzeListingBtn.is-analyzing > img{display:none!important}
#decodeVinBtn.is-decoding,
#analyzeListingBtn.is-analyzing{cursor:wait}
@keyframes carcheckActionSpin{to{transform:rotate(360deg)}}


/* V6.8 — export PDF dédié */
.report-title-row{position:relative!important;min-height:42px!important;}
.export-pdf-btn{transform:translateY(-7px)!important;margin-bottom:3px!important;}
.export-pdf-btn:disabled{opacity:.72;cursor:wait!important;}
.export-pdf-btn.is-exporting img{animation:pdfPulse .8s ease-in-out infinite alternate;}
@keyframes pdfPulse{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}


/* V6.9 — confiance globale en 5 étoiles */
.compact-confidence .confidence-stars,
.confidence-content .confidence-stars{
  display:flex!important;align-items:center;gap:4px;letter-spacing:0!important;margin:7px 0 8px!important;line-height:1!important
}
.confidence-star{
  display:inline-block!important;font-size:20px!important;line-height:1!important;font-style:normal;
  -webkit-text-stroke:1px #ffc928;text-shadow:0 0 8px rgba(255,196,0,.22)
}
.confidence-star.filled{color:#ffc928!important}
.confidence-star.empty{color:#061426!important;text-shadow:none!important}


/* V7.0 — finitions Résumé & Score, confiance et photo véhicule */
.report-title-row{
  margin-bottom:15px!important;
}
.score-confidence-tile .confidence-content img,
.score-confidence-tile .compact-confidence img{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  object-fit:contain!important;
}
.vehicle-photo-wrap{
  background:linear-gradient(145deg,rgba(4,24,44,.96),rgba(3,14,28,.98))!important;
}
.vehicle-photo-wrap img:not(.fallback){
  image-rendering:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
}


/* V7.1 — export et comparateur enrichi */
.report-title-row{margin-bottom:19px!important}
.compare-summary-text{margin:11px 0 4px;color:#b6ccdf;font-size:10px;line-height:1.55;min-height:48px}
.compare-extra-metrics{display:grid;grid-template-columns:1.4fr 1fr;gap:7px;margin-top:8px}.compare-extra-metrics>div{padding:8px 9px;border:1px solid rgba(57,130,184,.25);border-radius:8px;background:rgba(3,18,35,.55)}.compare-extra-metrics span,.compare-extra-metrics strong{display:block}.compare-extra-metrics span{color:#7f9eb7;font-size:7.5px;text-transform:uppercase}.compare-extra-metrics strong{margin-top:3px;color:#eef8ff;font-size:11px}.compare-subtitle{margin:12px 0 4px;font-size:10px;color:#5cc7ff}.compare-maintenance{margin:0;padding:0 0 0 15px;color:#b7ccdd;font-size:9px;line-height:1.5}
.compare-choice-card{margin-top:15px;min-height:210px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);overflow:hidden;border:1px solid rgba(61,190,255,.48);border-radius:16px;background:radial-gradient(400px 180px at 25% 15%,rgba(0,150,255,.15),transparent 70%),linear-gradient(145deg,rgba(5,38,68,.98),rgba(3,20,38,.98));box-shadow:0 0 30px rgba(0,128,255,.12)}
.compare-choice-copy{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}.compare-choice-kicker{color:#40baff;font-size:10px;letter-spacing:.16em;font-weight:900}.compare-choice-copy h3{margin:5px 0 2px;font-size:25px;color:#fff}.compare-choice-score{font-size:34px;color:#61e39e;line-height:1}.compare-choice-score small{font-size:11px;color:#91b1c7}.compare-choice-copy p{margin:12px 0;color:#cce0ef;font-size:11px;line-height:1.55}.compare-choice-tags{display:flex;flex-wrap:wrap;gap:6px}.compare-choice-tags span{padding:5px 8px;border-radius:999px;background:rgba(28,163,101,.12);border:1px solid rgba(54,205,132,.28);color:#7befb1;font-size:8px;font-weight:700}.compare-choice-photo{min-height:210px;background:#031323}.compare-choice-photo img{width:100%;height:100%;min-height:210px;display:block;object-fit:cover;object-position:center}.compare-choice-photo.fallback{display:grid;place-items:center}.compare-choice-photo.fallback img{width:90px;height:90px;min-height:0;object-fit:contain;opacity:.75}
.compare-run-btn.is-loading .compare-run-spinner{display:block!important}.compare-run-btn.is-loading>span:last-child{display:inline-block!important}
@media(max-width:800px){.compare-choice-card{grid-template-columns:1fr}.compare-choice-photo{min-height:180px}}

/* V7.4 — haut de page net + bandeau proportionnel au zoom */
.topbar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(2,14,27,.985),rgba(3,19,36,.97))!important;
}

/* Le bandeau n'est plus étiré avec background-size:100% 100%.
   Son image conserve toujours ses proportions, y compris lorsque le navigateur
   est zoomé ou dézoomé. À 100 %, le ratio suit le fichier actuel 2048×428. */
.hero-zone{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2048 / 428!important;
  min-height:350px!important;
  max-height:440px!important;
  overflow:hidden!important;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('images/hero-night.png')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
/* Aucun voile flouté sur le bandeau ; uniquement le dégradé sombre de lisibilité. */
.hero-zone:before{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Les éléments du bandeau gardent des proportions stables au lieu de dépendre
   de hauteurs rigides qui changent brutalement au zoom. */
.hero-copy{
  padding-top:clamp(105px,6.5vw,124px)!important;
}
.hero-copy h1{
  font-size:clamp(34px,2.25vw,43px)!important;
}
.hero-benefits{
  width:min(820px,58vw)!important;
  gap:clamp(10px,.8vw,13px)!important;
}

@media(max-width:1180px){
  .hero-zone{
    aspect-ratio:auto!important;
    height:380px!important;
    min-height:380px!important;
    max-height:none!important;
  }
  .hero-bg{background-size:cover!important;background-position:center center!important;}
}
@media(max-width:850px){
  .hero-zone{
    height:510px!important;
    min-height:510px!important;
  }
  .hero-bg{background-size:cover!important;background-position:68% center!important;}
}


/* V7.5 — le bandeau passe réellement derrière le logo et le menu */
.topbar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:30!important;
  background:linear-gradient(180deg,rgba(1,9,20,.48) 0%,rgba(1,9,20,.20) 72%,rgba(1,9,20,0) 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-zone{
  margin-top:0!important;
}
.hero-bg{
  top:0!important;
  background-image:url('images/hero-night.png')!important;
}
/* aucun bandeau bleu opaque derrière la navigation */
.topbar:before,
.topbar:after{
  background:none!important;
  box-shadow:none!important;
}

/* V7.5 — quatre modes d'identification */
.identification-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.comparator-tab-icon{
  border-color:#2b9fe3!important;
  background:rgba(7,81,137,.24)!important;
}
.comparator-tab-icon img{
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
}

/* Comparateur intégré dans la carte Analyse */
.comparator-panel{
  padding:14px 15px 15px!important;
  border:1px solid rgba(47,137,206,.55)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(5,36,69,.92),rgba(2,22,46,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.comparator-heading{
  margin-bottom:12px!important;
}
.compare-tab-form-grid{
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  margin-top:0!important;
}
.compare-side-tab{
  border:1px solid rgba(54,139,202,.34)!important;
  border-radius:11px!important;
  padding:13px!important;
  background:rgba(3,24,47,.58)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.compare-side-tab .compare-side-title{
  margin-bottom:3px!important;
}
.compare-side-tab label{
  color:#bdd2e3!important;
  font:600 10px Inter,sans-serif!important;
}
.compare-side-tab label em{
  color:#40bcff!important;
  font-style:normal!important;
}
.compare-side-tab select,
.compare-side-tab input{
  height:44px!important;
  border:1px solid #285f8d!important;
  border-radius:8px!important;
  background:#041a31!important;
  color:#fff!important;
  padding:0 11px!important;
  font:500 11px Inter,sans-serif!important;
}
.compare-side-tab select:focus,
.compare-side-tab input:focus{
  border-color:#3bbcff!important;
  box-shadow:0 0 0 2px rgba(25,160,255,.10)!important;
}
.compare-history-field{
  grid-column:1/-1!important;
  padding:9px!important;
  border:1px solid rgba(50,164,230,.22)!important;
  border-radius:9px!important;
  background:rgba(4,34,61,.62)!important;
}
.compare-history-field small{
  color:#789bb6!important;
  font:500 8px/1.4 Inter,sans-serif!important;
}
.compare-vs-tab{
  display:grid!important;
  place-items:center!important;
}
.compare-vs-tab span{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(65,190,255,.45)!important;
  background:rgba(4,59,99,.42)!important;
  color:#66d0ff!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 0 16px rgba(0,146,255,.14)!important;
}
.compare-action-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  margin-top:3px!important;
}
.comparator-panel .compare-run-btn{
  margin:15px auto 0!important;
}
.comparator-panel .compare-results{
  margin-top:18px!important;
}
.comparator-panel .compare-result-grid article{
  background:linear-gradient(145deg,rgba(4,27,51,.96),rgba(3,19,37,.98))!important;
}

/* Le menu n'étant plus un overlay, les résultats restent dans le flux de la page. */
.comparator-panel .compare-choice-card{
  margin-bottom:4px!important;
}

@media(max-width:1180px){
  .identification-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .compare-tab-form-grid{grid-template-columns:1fr!important}
  .compare-vs-tab{height:30px!important}
}
@media(max-width:850px){
  .topbar{
    position:absolute!important;
    background:linear-gradient(180deg,rgba(1,9,20,.62),rgba(1,9,20,.12))!important;
  }
  .identification-tabs{grid-template-columns:1fr!important}
  .compare-side-tab{grid-template-columns:1fr!important}
  .compare-mini-grid{grid-template-columns:1fr!important}
  .compare-result-grid{grid-template-columns:1fr!important}
}


/* V7.6 — icônes des onglets */
.guided-tab-icon img,
.comparator-tab-icon img{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
}
.comparator-tab-icon img{
  filter:drop-shadow(0 0 6px rgba(35,191,255,.26))!important;
}

/* V7.6 — identité VIN Decoder au-dessus du formulaire */
.vin-decoder-brand{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:2px 0 13px;
}
.vin-decoder-brand img{
  display:block;
  width:min(310px,58%);
  height:auto;
  max-height:190px;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(15,174,255,.14));
}
.vin-panel-heading{
  grid-template-columns:1fr!important;
}

/* V7.6 — comparateur : labels et astérisques */
.compare-field-label{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  width:max-content!important;
  line-height:1!important;
}
.compare-field-label em,
.compare-side-tab .compare-field-label em{
  color:#ff4f62!important;
  font-style:normal!important;
  font-weight:900!important;
  display:inline!important;
}
.compare-side-title{
  min-height:30px!important;
}
.compare-side-title strong{
  font-size:16px!important;
  color:#eef8ff!important;
}

/* V7.6 — combobox motorisation comparateur */
.compare-engine-combobox{
  position:relative!important;
  width:100%!important;
}
.compare-engine-combobox input{
  width:100%!important;
  padding-right:42px!important;
}
.compare-engine-toggle{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:42px!important;
  height:44px!important;
  border:0!important;
  border-left:1px solid rgba(57,137,197,.30)!important;
  border-radius:0 8px 8px 0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.compare-engine-toggle:disabled{opacity:.4;cursor:default!important}
.compare-engine-toggle .engine-chevron{
  width:8px!important;
  height:8px!important;
  border-right:2px solid #87cdef!important;
  border-bottom:2px solid #87cdef!important;
  transform:rotate(45deg) translateY(-2px)!important;
}
.compare-engine-dropdown{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 5px)!important;
  z-index:80!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:5px!important;
  border:1px solid rgba(47,142,211,.62)!important;
  border-radius:9px!important;
  background:#061c33!important;
  box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 18px rgba(0,132,255,.12)!important;
}
.compare-engine-option{
  width:100%!important;
  min-height:35px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#e8f6ff!important;
  text-align:left!important;
  font:500 10px/1.3 Inter,sans-serif!important;
  cursor:pointer!important;
}
.compare-engine-option:hover{
  background:rgba(17,124,198,.25)!important;
  color:#fff!important;
}
.compare-engine-empty{
  padding:10px!important;
  color:#789bb5!important;
  font:500 9px/1.4 Inter,sans-serif!important;
}
.compare-engine-hint{
  min-height:17px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:1px!important;
  color:#789bb6!important;
  font:500 8px/1.35 Inter,sans-serif!important;
}
.compare-engine-hint.is-loading{
  color:#9ac7e9!important;
}
.compare-engine-hint .engine-loader{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}

/* Le bouton Comparer reprend l'icône balance. */
.compare-run-btn img{
  object-fit:contain!important;
}

/* Ajustement mobile VIN */
@media(max-width:850px){
  .vin-decoder-brand img{width:min(300px,82%)!important}
}


/* V7.7 — comparateur : balance minimaliste et champs propres */
.comparator-tab-icon img{
  width:24px!important;
  height:24px!important;
  filter:none!important;
  opacity:.98!important;
}
.compare-run-btn img{
  width:23px!important;
  height:23px!important;
  filter:none!important;
}
.compare-field-label{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.compare-required{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#ff525f!important;
  font:900 11px/1 Inter,sans-serif!important;
  vertical-align:baseline!important;
}
.compare-side-title > span{
  display:none!important;
}
.compare-side-title{
  gap:0!important;
}
.compare-side-title strong{
  font-size:15px!important;
}

/* Empêche une ancienne règle <em> d'affecter les titres du comparateur. */
.compare-side-tab .compare-field-label em{
  position:static!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  padding:0!important;
  color:#ff525f!important;
}


/* =========================================================
   V7.9 — Comparateur, cartes latérales et confiance globale
   ========================================================= */

/* Le comparateur ne doit jamais modifier le curseur en sablier/attente. */
#compareRunBtn,
#compareRunBtn:disabled,
#compareRunBtn.is-loading{
  cursor:default!important;
}
#compareRunBtn:not(:disabled){cursor:pointer!important}
#compareRunBtn.is-loading{
  opacity:1!important;
}

/* Bouton Comparer = dimensions du bouton Lancer l'analyse. */
.comparator-panel .compare-run-btn{
  width:min(560px,64%)!important;
  max-width:100%!important;
  height:78px!important;
  min-height:78px!important;
  margin:15px auto 0!important;
  border-radius:999px!important;
  border:1px solid rgba(58,196,255,.98)!important;
  background:
    radial-gradient(200px 80px at 50% 0%,rgba(43,199,255,.24),transparent 74%),
    linear-gradient(180deg,#0a7cff 0%,#075ce5 43%,#043da4 100%)!important;
  box-shadow:
    0 0 9px rgba(65,216,255,.88),
    0 0 29px rgba(0,113,255,.68),
    0 15px 35px rgba(0,50,140,.42),
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -8px 18px rgba(0,21,92,.20)!important;
  font:800 25px/1 Inter,sans-serif!important;
  letter-spacing:.3px!important;
  gap:14px!important;
  padding:0 30px!important;
  white-space:nowrap!important;
}
.comparator-panel .compare-run-btn img{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
}
.comparator-panel .compare-run-spinner{
  display:none!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border:3px solid rgba(255,255,255,.28)!important;
  border-top-color:#fff!important;
  border-right-color:#fff!important;
  border-radius:50%!important;
  animation:carcheckCompareSpin .72s linear infinite!important;
}
.comparator-panel .compare-run-btn.is-loading .compare-run-spinner{
  display:inline-block!important;
}
.comparator-panel .compare-run-btn.is-loading img{
  display:none!important;
}
@keyframes carcheckCompareSpin{to{transform:rotate(360deg)}}

@media(max-width:1250px){
  .comparator-panel .compare-run-btn{width:min(540px,70%)!important}
}
@media(max-width:900px){
  .comparator-panel .compare-run-btn{
    width:min(500px,82%)!important;
    height:68px!important;
    min-height:68px!important;
    font-size:20px!important;
  }
}
@media(max-width:520px){
  .comparator-panel .compare-run-btn{
    width:100%!important;
    font-size:17px!important;
    padding:0 18px!important;
  }
}

/* Les deux cartes latérales restent à leur hauteur naturelle quand le
   comparateur, beaucoup plus haut, est sélectionné. */
.workspace{
  align-items:start!important;
}
.advantages,
.clear-answers{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}
.clear-answers .professional-note{
  flex:0 0 auto!important;
}

/* Le choix CarCheck devient plus lisible et affiche moteur + année. */
.compare-choice-copy{
  padding:25px 27px!important;
}
.compare-choice-kicker{
  font-size:12px!important;
  letter-spacing:.14em!important;
}
.compare-choice-copy h3{
  margin:7px 0 3px!important;
  font-size:29px!important;
  line-height:1.15!important;
}
.compare-choice-identity{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:4px 0 11px;
  color:#b9d9ee;
  font:700 13px/1.35 Inter,sans-serif;
}
.compare-choice-identity i{
  color:#4bbff9;
  font-style:normal;
  font-size:11px;
}
.compare-choice-score{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:3px!important;
  width:max-content!important;
  font-size:48px!important;
  line-height:1!important;
}
.compare-choice-score small{
  font-size:17px!important;
  line-height:1!important;
}
.compare-choice-copy p{
  margin:14px 0!important;
  color:#d8ebf8!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:500!important;
}
.compare-choice-tags{
  gap:8px!important;
}
.compare-choice-tags span{
  padding:7px 10px!important;
  font-size:10px!important;
  line-height:1.25!important;
}

/* Niveau de confiance : exactement la taille des étoiles de l'avis Lucas D. */
.confidence-star{
  font-size:28px!important;
  line-height:1!important;
}
.compact-confidence .confidence-stars,
.confidence-content .confidence-stars{
  gap:5px!important;
}


/* =========================================================
   V8.0 — étoiles de confiance visibles et grille rapport alignée
   ========================================================= */

/* Les anciennes règles ".compact-confidence span" forçaient les étoiles
   à 11px malgré la règle V7.9. Sélecteurs volontairement plus spécifiques. */
.score-confidence-tile .compact-confidence .confidence-stars{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  margin:8px 0 9px!important;
  min-height:30px!important;
  width:max-content!important;
  max-width:100%!important;
  overflow:visible!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.score-confidence-tile .compact-confidence .confidence-star{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:29px!important;
  min-width:29px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-family:Arial,"Segoe UI Symbol",sans-serif!important;
  font-size:28px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:30px!important;
  letter-spacing:0!important;
  text-indent:0!important;
  transform:none!important;
  -webkit-text-stroke:0!important;
  overflow:visible!important;
}
.score-confidence-tile .compact-confidence .confidence-star.filled{
  color:#ffd21b!important;
  text-shadow:0 0 8px rgba(255,204,24,.22)!important;
}
.score-confidence-tile .compact-confidence .confidence-star.empty{
  color:#ffd21b!important;
  text-shadow:none!important;
}

/* Le bloc Résumé & Score reprend exactement les colonnes de la zone
   de saisie située au-dessus. La troisième colonne reste simplement vide. */
.results.results-dashboard{
  width:calc(100% - 46px)!important;
  max-width:none!important;
  margin:28px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.results.results-dashboard .report-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(225px,17%) minmax(760px,1fr) minmax(286px,21%)!important;
  gap:14px!important;
  align-items:start!important;
}
.results.results-dashboard .vehicle-report-card{
  grid-column:1!important;
  min-width:0!important;
}
.results.results-dashboard .report-main{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
}
.results.results-dashboard .score-summary-panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Même évolution que la grille .workspace existante. */
@media(max-width:1450px) and (min-width:1181px){
  .results.results-dashboard .report-grid{
    grid-template-columns:210px minmax(650px,1fr) 255px!important;
  }
}
@media(max-width:1180px) and (min-width:851px){
  .results.results-dashboard .report-grid{
    grid-template-columns:200px minmax(0,1fr)!important;
  }
  .results.results-dashboard .vehicle-report-card{grid-column:1!important}
  .results.results-dashboard .report-main{grid-column:2!important}
}
@media(max-width:850px){
  .results.results-dashboard{
    width:calc(100% - 24px)!important;
  }
  .results.results-dashboard .report-grid{
    grid-template-columns:1fr!important;
  }
  .results.results-dashboard .vehicle-report-card,
  .results.results-dashboard .report-main{
    grid-column:1!important;
  }
}


/* =========================================================
   V8.1 — hauteurs des cartes et alignement fiche véhicule
   ========================================================= */

/* En saisie manuelle uniquement, les trois colonnes de l'espace Analyse
   ont exactement la même hauteur. Le comparateur conserve ses cartes
   latérales à leur hauteur naturelle. */
.workspace.mode-guided{
  align-items:stretch!important;
}
.workspace.mode-guided > .advantages,
.workspace.mode-guided > .analysis-card,
.workspace.mode-guided > .clear-answers{
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
}
.workspace.mode-comparator,
.workspace.mode-vin,
.workspace.mode-listing{
  align-items:start!important;
}
.workspace.mode-comparator > .advantages,
.workspace.mode-comparator > .clear-answers,
.workspace.mode-vin > .advantages,
.workspace.mode-vin > .clear-answers,
.workspace.mode-listing > .advantages,
.workspace.mode-listing > .clear-answers{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

/* La fiche Véhicule analysé démarre exactement au niveau du cadre Score.
   La valeur est mesurée en JS après le rendu, donc elle reste correcte
   malgré le zoom, la largeur de fenêtre ou un titre qui change de hauteur. */
.results.results-dashboard .vehicle-report-card{
  margin-top:var(--vehicle-card-offset,50px)!important;
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
}
@media(max-width:1250px) and (min-width:851px){
  .results.results-dashboard .vehicle-report-card{
    top:86px!important;
  }
}
@media(max-width:850px){
  .results.results-dashboard .vehicle-report-card{
    margin-top:0!important;
    position:static!important;
    top:auto!important;
  }
}


/* =========================================================
   V8.2 — photo véhicule plus lisible + colonnes latérales équilibrées
   ========================================================= */

/* Les colonnes gauche et droite utilisent la même largeur.
   L'espace récupéré va intégralement à la zone centrale. */
.workspace{
  grid-template-columns:minmax(245px,18%) minmax(760px,1fr) minmax(245px,18%)!important;
}
@media(max-width:1450px) and (min-width:1181px){
  .workspace{
    grid-template-columns:225px minmax(650px,1fr) 225px!important;
  }
}

/* Le bloc de résultats reprend exactement la même symétrie latérale. */
.results.results-dashboard .report-grid{
  grid-template-columns:minmax(245px,18%) minmax(760px,1fr) minmax(245px,18%)!important;
}
@media(max-width:1450px) and (min-width:1181px){
  .results.results-dashboard .report-grid{
    grid-template-columns:225px minmax(650px,1fr) 225px!important;
  }
}

/* Photo du véhicule analysé : zone nettement plus haute et plus lisible. */
.vehicle-report-card .vehicle-photo-wrap{
  min-height:230px!important;
  height:230px!important;
  aspect-ratio:auto!important;
}
.vehicle-report-card .vehicle-photo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
}
.vehicle-report-card .vehicle-photo-wrap img.fallback{
  object-fit:contain!important;
  padding:24px!important;
}

/* Si la carte s'élargit suffisamment, on gagne encore un peu de hauteur photo. */
@media(min-width:1500px){
  .vehicle-report-card .vehicle-photo-wrap{
    min-height:250px!important;
    height:250px!important;
  }
}
@media(max-width:1180px) and (min-width:851px){
  .workspace{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  .results.results-dashboard .report-grid{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  .vehicle-report-card .vehicle-photo-wrap{
    min-height:215px!important;
    height:215px!important;
  }
}
@media(max-width:850px){
  .vehicle-report-card .vehicle-photo-wrap{
    min-height:240px!important;
    height:240px!important;
  }
}

/* V8.3 */.identification-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}.histovec-panel{padding:15px!important;border:1px solid #245f88!important;border-radius:11px!important;background:#061d35!important}.histovec-url-row{display:grid;grid-template-columns:1fr 225px;gap:10px}.histovec-url-row input,#histovecImportBtn{height:52px;border-radius:9px}.histovec-url-row input{background:#041a31;border:1px solid #285f8d;color:#fff;padding:0 12px}#histovecImportBtn{background:linear-gradient(#0c8cff,#0758c8);border:1px solid #35c1ff;color:#fff;font-weight:800}.histovec-button-spinner{display:none;width:17px;height:17px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:hspin .7s linear infinite}#histovecImportBtn.is-loading .histovec-button-spinner{display:inline-block}#histovecImportBtn.is-loading .histovec-button-icon{display:none}@keyframes hspin{to{transform:rotate(360deg)}}.histovec-status{margin-top:10px;padding:10px;border:1px solid #275a80;border-radius:8px;color:#b8d4e5}.histovec-result{margin-top:14px;padding:14px;border:1px solid #1d6a99;border-radius:10px;background:#04192e}.histovec-result-head{display:flex;justify-content:space-between}.histovec-result-head h4{color:#fff}.histovec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.histovec-field{padding:9px;border:1px solid #2a5e7d66;border-radius:8px}.histovec-field span{display:block;color:#7597af;font-size:8px}.histovec-field strong{color:#fff;font-size:10px}.histovec-event{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:7px 0;border-top:1px solid #ffffff18}.histovec-official-link{display:inline-block;margin-top:12px;color:#8edcff}.theme-scores-card{margin:14px 0;padding:15px;border:1px solid #245f88;border-radius:11px;background:#061d35}.theme-scores-head{display:flex;justify-content:space-between;gap:15px}.theme-scores-head span{color:#3cb9f4;font-size:9px;font-weight:800}.theme-scores-head strong{display:block;color:#fff}.theme-scores-head small{color:#7997ad;font-size:8px}.theme-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.theme-score-item{padding:10px;border:1px solid #2a5e7d66;border-radius:8px}.theme-score-item span{color:#8cacc3;font-size:9px}.theme-score-item strong{display:block;font-size:20px}.theme-score-item strong.excellent,.theme-score-item strong.good{color:#43dc91}.theme-score-item strong.medium{color:#eea840}.theme-score-item strong.bad{color:#ef5e6b}.theme-scores-note{margin-top:8px;color:#607f96;font-size:8px}@media(max-width:850px){.identification-tabs{grid-template-columns:1fr!important}.histovec-url-row,.histovec-grid,.theme-scores-grid{grid-template-columns:1fr!important}}


/* V8.4 — HistoVec supprimé */
.identification-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .identification-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .identification-tabs{grid-template-columns:1fr!important}
}


/* =========================================================
   V9.2 — Bandeau fixe, Barème local et optimisation mobile
   ========================================================= */

/* Les 4 cartes sont désormais ancrées au bandeau lui-même.
   Leur bord gauche est exactement celui de la grille principale (23px). */
.hero-zone{
  position:relative!important;
}
.hero-zone > .hero-benefits{
  position:absolute!important;
  z-index:7!important;
  left:23px!important;
  bottom:18px!important;
  top:auto!important;
  right:auto!important;
  width:auto!important;
  max-width:calc(100% - 46px)!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,158px)!important;
  gap:12px!important;
  transform:none!important;
}
.hero-zone > .hero-benefits > div{
  width:158px!important;
  min-width:158px!important;
  min-height:70px!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.hero-zone > .hero-benefits .round-icon{
  width:38px!important;
  height:38px!important;
  margin:0 auto 4px!important;
}
.hero-zone > .hero-benefits .round-icon img{
  width:25px!important;
  height:25px!important;
}
.hero-zone > .hero-benefits b{
  font-size:11px!important;
  line-height:1.15!important;
}
.hero-zone > .hero-benefits small{
  font-size:9px!important;
  line-height:1.15!important;
}

/* Overlay Barème : reste au-dessus de la page en cours. */
.site-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
}
.overlay-dialog{
  max-height:calc(100dvh - 40px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* Tableaux larges : pas de débordement hors écran. */
.penalty-matrix-wrap,
.watch-table-wrap,
.issues-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

/* --------------------- Tablettes --------------------- */
@media(max-width:1180px){
  .hero-zone > .hero-benefits{
    left:18px!important;
    bottom:15px!important;
    max-width:calc(100% - 36px)!important;
    grid-template-columns:repeat(4,minmax(120px,145px))!important;
    gap:9px!important;
  }
  .hero-zone > .hero-benefits > div{
    width:auto!important;
    min-width:0!important;
  }

  .workspace,
  .results.results-dashboard{
    width:calc(100% - 24px)!important;
  }

  .analysis-card{
    min-width:0!important;
  }

  .score-summary-layout,
  .score-top-grid{
    min-width:0!important;
  }

  .compare-sides,
  .compare-input-grid{
    min-width:0!important;
  }
}

/* --------------------- Mobile --------------------- */
@media(max-width:850px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Header lisible et navigable au lieu de masquer le menu. */
  .topbar{
    height:96px!important;
    min-height:96px!important;
    padding:4px 12px 0!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(1,9,20,.88),rgba(1,9,20,.40),rgba(1,9,20,0))!important;
  }
  .brand{
    position:absolute!important;
    left:12px!important;
    top:5px!important;
    width:175px!important;
    height:47px!important;
    margin:0!important;
  }
  .brand img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .main-nav{
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:55px!important;
    transform:none!important;
    width:auto!important;
    height:35px!important;
    padding:0 2px 3px!important;
    gap:7px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .main-nav::-webkit-scrollbar{display:none!important}
  .main-nav a{
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:7px 10px!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  .hero-zone{
    height:505px!important;
    min-height:505px!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:5!important;
    padding:108px 16px 0!important;
    max-width:620px!important;
  }
  .hero-copy h1{
    margin-bottom:7px!important;
    font-size:clamp(28px,8vw,35px)!important;
    line-height:1.08!important;
  }
  .hero-copy p{
    font-size:12px!important;
    line-height:1.42!important;
    max-width:520px!important;
  }
  .hero-zone > .hero-benefits{
    left:12px!important;
    bottom:12px!important;
    width:min(520px,calc(100% - 24px))!important;
    max-width:calc(100% - 24px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .hero-zone > .hero-benefits > div{
    width:auto!important;
    min-width:0!important;
    min-height:67px!important;
    padding:7px 8px!important;
  }
  .hero-zone > .hero-benefits .round-icon{
    width:32px!important;
    height:32px!important;
  }
  .hero-zone > .hero-benefits .round-icon img{
    width:21px!important;
    height:21px!important;
  }
  .hero-zone > .hero-benefits b{
    font-size:10px!important;
  }
  .hero-zone > .hero-benefits small{
    display:block!important;
    font-size:8px!important;
  }

  /* Zone d'analyse */
  .workspace{
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .analysis-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:14px 11px!important;
    box-sizing:border-box!important;
  }
  .advantages,
  .clear-answers{
    width:100%!important;
    max-width:none!important;
  }

  /* 4 modes sous forme 2 x 2, beaucoup plus compacts. */
  .identification-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .identification-tab{
    min-width:0!important;
    min-height:58px!important;
    padding:8px!important;
  }
  .identification-tab strong{
    font-size:10px!important;
  }
  .identification-tab small{
    font-size:7px!important;
  }

  .simple-form-grid,
  .form-columns,
  .compare-form-grid,
  .compare-sides{
    grid-template-columns:1fr!important;
  }

  .field input,
  .field select,
  .engine-combobox input,
  .compare-field input,
  .compare-field select{
    min-height:48px!important;
    font-size:16px!important; /* évite le zoom automatique iOS */
  }

  .submit-row button,
  #decodeVinBtn,
  #analyzeListingBtn{
    width:100%!important;
    max-width:none!important;
    min-height:60px!important;
    height:60px!important;
    font-size:17px!important;
  }

  /* Résultats */
  .results.results-dashboard{
    width:calc(100% - 16px)!important;
    margin-top:18px!important;
  }
  .results.results-dashboard .report-grid{
    display:block!important;
  }
  .results.results-dashboard .vehicle-report-card,
  .results.results-dashboard .report-main{
    width:100%!important;
    min-width:0!important;
  }
  .results.results-dashboard .vehicle-report-card{
    margin:0 0 10px!important;
    position:static!important;
  }
  .vehicle-report-card .vehicle-photo-wrap{
    min-height:220px!important;
    height:220px!important;
  }

  .score-summary-panel{
    padding:12px!important;
  }
  .score-summary-layout,
  .score-top-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .theme-scores-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .theme-score-item strong{
    font-size:18px!important;
  }

  .risk-content,
  .confidence-content{
    min-width:0!important;
  }

  .watch-points-section{
    min-width:0!important;
  }
  .issues-header,
  .issue-row{
    min-width:720px!important;
  }

  /* Comparateur */
  .comparator-panel{
    padding:10px!important;
  }
  .compare-side-tab{
    min-width:0!important;
  }
  .compare-results-grid,
  .compare-result-grid{
    grid-template-columns:1fr!important;
  }
  .comparator-panel .compare-run-btn{
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    font-size:17px!important;
    padding:0 14px!important;
  }

  /* Overlay Barème */
  .overlay-dialog{
    width:calc(100% - 18px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 18px)!important;
    margin:9px!important;
    padding:18px 13px!important;
    border-radius:12px!important;
  }
  .overlay-dialog h2{
    padding-right:28px!important;
    font-size:21px!important;
  }
  .overlay-intro,
  .method-note{
    font-size:10px!important;
    line-height:1.5!important;
  }
  .method-cards{
    grid-template-columns:1fr!important;
  }
  .score-rules{
    grid-template-columns:1fr!important;
  }
  .penalty-matrix{
    min-width:620px!important;
  }

  footer{
    width:100%!important;
    height:auto!important;
    padding:14px 12px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
}

/* --------------------- Petits mobiles --------------------- */
@media(max-width:520px){
  .brand{
    width:150px!important;
  }
  .main-nav a{
    padding:7px 8px!important;
    font-size:9px!important;
  }

  .hero-zone{
    height:485px!important;
    min-height:485px!important;
  }
  .hero-copy{
    padding-top:102px!important;
  }
  .hero-copy h1{
    font-size:28px!important;
  }
  .hero-copy p br{
    display:none!important;
  }

  .hero-zone > .hero-benefits{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    left:10px!important;
    bottom:10px!important;
    gap:6px!important;
  }

  .identification-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .theme-scores-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .score-confidence-tile .compact-confidence .confidence-star{
    width:25px!important;
    min-width:25px!important;
    font-size:24px!important;
  }
}


/* =========================================================
   V9.3 — pourcentage estimé dans le bouton d'analyse
   ========================================================= */
#analyzeBtn{
  position:relative!important;
  overflow:hidden!important;
}
#analyzeBtn .analysis-button-label{
  position:relative!important;
  z-index:3!important;
}
#analyzeBtn .analysis-button-percent{
  display:none;
  position:absolute!important;
  z-index:4!important;
  right:27px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:58px!important;
  text-align:right!important;
  color:rgba(255,255,255,.92)!important;
  font:800 14px/1 Inter,sans-serif!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  text-transform:none!important;
}
#analyzeBtn.is-analyzing .analysis-button-percent{
  display:block!important;
}
#analyzeBtn::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  bottom:0!important;
  width:var(--analysis-progress,0%)!important;
  height:4px!important;
  border-radius:0 3px 3px 0!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 0 10px rgba(255,255,255,.55)!important;
  transition:width .45s linear!important;
  pointer-events:none!important;
}
#analyzeBtn:not(.is-analyzing)::after{
  width:0!important;
  opacity:0!important;
}
@media(max-width:850px){
  #analyzeBtn .analysis-button-percent{
    right:17px!important;
    min-width:50px!important;
    font-size:12px!important;
  }
}
@media(max-width:520px){
  #analyzeBtn.is-analyzing .analysis-button-label{
    padding-right:46px!important;
  }
  #analyzeBtn .analysis-button-percent{
    right:13px!important;
    font-size:11px!important;
  }
}


/* V9.4 — même taille pour le libellé et le pourcentage */
#analyzeBtn.is-analyzing .analysis-button-label,
#analyzeBtn.is-analyzing .analysis-button-percent{
  font-family:Inter,sans-serif!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
}

@media(max-width:850px){
  #analyzeBtn.is-analyzing .analysis-button-label,
  #analyzeBtn.is-analyzing .analysis-button-percent{
    font-size:17px!important;
  }
}

@media(max-width:520px){
  #analyzeBtn.is-analyzing .analysis-button-label,
  #analyzeBtn.is-analyzing .analysis-button-percent{
    font-size:15px!important;
  }
}


/* V9.5 — pénalité intermédiaire de 2 points */
.penalty-matrix .p2{
  color:#ffd164!important;
  background:rgba(217,145,16,.07)!important;
}


/* =========================================================
   V9.6 — Barème : criticités colorées et matrice progressive
   ========================================================= */

/* Risques actuels */
.penalty-matrix .risk-low-col{
  color:#66dfa2!important;
  background:rgba(46,180,115,.10)!important;
  border-color:rgba(71,205,139,.26)!important;
}
.penalty-matrix .risk-medium-col{
  color:#f3bc59!important;
  background:rgba(221,151,30,.10)!important;
  border-color:rgba(235,171,57,.26)!important;
}
.penalty-matrix .risk-high-col{
  color:#f06a74!important;
  background:rgba(220,66,78,.11)!important;
  border-color:rgba(236,91,103,.28)!important;
}

/* Criticités */
.penalty-matrix .severity-low-col{
  color:#66dfa2!important;
  background:rgba(46,180,115,.10)!important;
  border-color:rgba(71,205,139,.26)!important;
}
.penalty-matrix .severity-medium-col{
  color:#f2c45e!important;
  background:rgba(218,163,41,.10)!important;
  border-color:rgba(237,189,72,.26)!important;
}
.penalty-matrix .severity-important-col{
  color:#f29a4a!important;
  background:rgba(226,115,41,.11)!important;
  border-color:rgba(240,137,63,.28)!important;
}
.penalty-matrix .severity-critical-col{
  color:#f06470!important;
  background:rgba(205,49,64,.13)!important;
  border-color:rgba(231,75,88,.30)!important;
}

/* Résultat combiné criticité x risque.
   Plus la pénalité est forte, plus la case tend vers le rouge. */
.penalty-matrix td.p0{
  color:#62dda0!important;
  background:rgba(41,178,110,.12)!important;
  border-color:rgba(66,203,136,.22)!important;
}
.penalty-matrix td.p1{
  color:#b9d873!important;
  background:rgba(144,174,54,.11)!important;
  border-color:rgba(170,198,76,.22)!important;
}
.penalty-matrix td.p2{
  color:#e3c35f!important;
  background:rgba(194,157,35,.12)!important;
  border-color:rgba(219,181,55,.23)!important;
}
.penalty-matrix td.p3{
  color:#efae52!important;
  background:rgba(216,128,30,.12)!important;
  border-color:rgba(235,150,45,.24)!important;
}
.penalty-matrix td.p4{
  color:#f1934d!important;
  background:rgba(220,96,32,.13)!important;
  border-color:rgba(237,118,50,.25)!important;
}
.penalty-matrix td.p5{
  color:#ef765d!important;
  background:rgba(211,64,46,.14)!important;
  border-color:rgba(233,85,67,.27)!important;
}
.penalty-matrix td.p8{
  color:#f05867!important;
  background:rgba(194,38,54,.17)!important;
  border-color:rgba(224,60,74,.30)!important;
}

.penalty-matrix thead th,
.penalty-matrix tbody th,
.penalty-matrix td{
  font-weight:800!important;
}


/* =========================================================
   V9.7 — tri des risques + progression Comparateur/Leboncoin
   ========================================================= */

/* ---- Analyse d'une annonce : bouton sous le champ URL ---- */
.listing-input-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
}

.listing-input-wrap,
#analyzeListingBtn{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

.listing-input-wrap input,
#analyzeListingBtn{
  height:46px!important;
  min-height:46px!important;
}

#analyzeListingBtn{
  position:relative!important;
  align-self:stretch!important;
  overflow:hidden!important;
  border-radius:9px!important;
}

/* Le cadre "Annonce identifiée" ne doit plus être visible avant le rapport. */
.listing-result-disabled{
  display:none!important;
}

/* ---- Progression commune annonce / comparateur ---- */
#analyzeListingBtn .listing-button-percent,
#compareRunBtn .compare-button-percent{
  display:none;
  position:absolute!important;
  z-index:5!important;
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  text-align:right!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  color:rgba(255,255,255,.94)!important;
  font-family:Inter,sans-serif!important;
  font-weight:800!important;
  line-height:1!important;
}

#analyzeListingBtn.is-analyzing .listing-button-percent,
#compareRunBtn.is-loading .compare-button-percent{
  display:block!important;
}

/* Même taille que le texte du bouton. */
#analyzeListingBtn.is-analyzing .listing-button-label,
#analyzeListingBtn.is-analyzing .listing-button-percent{
  font-size:12px!important;
  font-weight:700!important;
}

#compareRunBtn.is-loading .compare-button-label,
#compareRunBtn.is-loading .compare-button-percent{
  font-size:25px!important;
  font-weight:800!important;
}

#analyzeListingBtn::after,
#compareRunBtn::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  bottom:0!important;
  width:var(--timed-analysis-progress,0%)!important;
  height:4px!important;
  border-radius:0 3px 3px 0!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 0 10px rgba(255,255,255,.52)!important;
  transition:width .45s linear!important;
  pointer-events:none!important;
}

#analyzeListingBtn:not(.is-analyzing)::after,
#compareRunBtn:not(.is-loading)::after{
  width:0!important;
  opacity:0!important;
}

#analyzeListingBtn .listing-button-label,
#compareRunBtn .compare-button-label{
  position:relative!important;
  z-index:4!important;
}

/* Conserver l'icône/spinner au-dessus de la jauge. */
#analyzeListingBtn > img,
#analyzeListingBtn .listing-button-spinner,
#compareRunBtn > img,
#compareRunBtn .compare-run-spinner{
  position:relative!important;
  z-index:4!important;
}

@media(max-width:900px){
  .listing-input-wrap input,
  #analyzeListingBtn{
    height:60px!important;
    min-height:60px!important;
  }

  #analyzeListingBtn.is-analyzing .listing-button-label,
  #analyzeListingBtn.is-analyzing .listing-button-percent{
    font-size:17px!important;
  }

  #compareRunBtn.is-loading .compare-button-label,
  #compareRunBtn.is-loading .compare-button-percent{
    font-size:20px!important;
  }

  #analyzeListingBtn .listing-button-percent,
  #compareRunBtn .compare-button-percent{
    right:17px!important;
  }
}

@media(max-width:520px){
  #analyzeListingBtn.is-analyzing .listing-button-label,
  #analyzeListingBtn.is-analyzing .listing-button-percent{
    font-size:15px!important;
  }

  #compareRunBtn.is-loading .compare-button-label,
  #compareRunBtn.is-loading .compare-button-percent{
    font-size:17px!important;
  }

  #analyzeListingBtn .listing-button-percent,
  #compareRunBtn .compare-button-percent{
    right:12px!important;
  }
}


/* =========================================================
   V9.8 — bouton "Analyser l’annonce" = dimensions du bouton principal
   ========================================================= */

#analyzeListingBtn{
  width:235px!important;
  max-width:235px!important;
  min-width:235px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  border-radius:10px!important;
  align-self:flex-start!important;
  box-sizing:border-box!important;
  margin:0!important;
}

/* Il reste placé sous l'URL, mais ne prend plus toute la largeur du champ. */
.listing-input-row{
  align-items:flex-start!important;
}

/* Même comportement responsive que le bouton Lancer l’analyse. */
@media(max-width:850px){
  #analyzeListingBtn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    align-self:stretch!important;
  }
}

@media(max-width:520px){
  #analyzeListingBtn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* =========================================================
   V10.0 — clone visuel du bouton principal pour l'annonce
   Le bouton #analyzeBtn n'est pas modifié par ce bloc.
   ========================================================= */

.listing-submit-row{
  width:100%!important;
  padding-top:0!important;
  padding-bottom:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

#analyzeListingBtn{
  width:min(560px,64%)!important;
  max-width:100%!important;
  min-width:0!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid rgba(58,196,255,.98)!important;
  border-radius:999px!important;
  background:
    radial-gradient(200px 80px at 50% 0%,rgba(43,199,255,.24),transparent 74%),
    linear-gradient(180deg,#0a7cff 0%,#075ce5 43%,#043da4 100%)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:27px!important;
  font-family:Inter,sans-serif!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.3px!important;
  text-transform:uppercase!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  box-shadow:
    0 0 9px rgba(65,216,255,.88),
    0 0 29px rgba(0,113,255,.68),
    0 15px 35px rgba(0,50,140,.42),
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -8px 18px rgba(0,21,92,.20)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

#analyzeListingBtn:before{
  content:""!important;
  position:absolute!important;
  left:-25%!important;
  top:-70%!important;
  width:48%!important;
  height:240%!important;
  transform:rotate(25deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent)!important;
  transition:left .45s ease!important;
  pointer-events:none!important;
}

#analyzeListingBtn:hover:not(:disabled){
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
}

#analyzeListingBtn:hover:not(:disabled):before{
  left:82%!important;
}

#analyzeListingBtn .analyze-search-icon{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.34))!important;
  position:relative!important;
  z-index:4!important;
}

#analyzeListingBtn .listing-button-label{
  position:relative!important;
  z-index:4!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:800 25px/1 Inter,sans-serif!important;
  letter-spacing:.3px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#analyzeListingBtn .analysis-button-spinner{
  display:none!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border:3px solid rgba(255,255,255,.28)!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  animation:carcheck-spin .72s linear infinite!important;
  position:relative!important;
  z-index:5!important;
}

#analyzeListingBtn.is-analyzing .analysis-button-spinner{
  display:inline-block!important;
}

#analyzeListingBtn.is-analyzing .analyze-search-icon{
  display:none!important;
}

#analyzeListingBtn .listing-button-percent{
  display:none!important;
  position:absolute!important;
  z-index:6!important;
  right:27px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:58px!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.92)!important;
  font:800 19px/1 Inter,sans-serif!important;
  letter-spacing:.15px!important;
  text-align:right!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  text-transform:none!important;
}

#analyzeListingBtn.is-analyzing .listing-button-percent{
  display:block!important;
}

#analyzeListingBtn.is-analyzing .listing-button-label,
#analyzeListingBtn.is-analyzing .listing-button-percent{
  font-family:Inter,sans-serif!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
}

#analyzeListingBtn::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  bottom:0!important;
  width:var(--timed-analysis-progress,0%)!important;
  height:4px!important;
  border-radius:0 3px 3px 0!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 0 10px rgba(255,255,255,.55)!important;
  transition:width .45s linear!important;
  pointer-events:none!important;
}

#analyzeListingBtn:not(.is-analyzing)::after{
  width:0!important;
  opacity:0!important;
}

#analyzeListingBtn:disabled{
  opacity:.58!important;
  cursor:wait!important;
}

@media(max-width:1450px) and (min-width:851px){
  #analyzeListingBtn{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
}

@media(max-width:850px){
  #analyzeListingBtn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    font-size:17px!important;
  }

  #analyzeListingBtn .analyze-search-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }

  #analyzeListingBtn .listing-button-label,
  #analyzeListingBtn.is-analyzing .listing-button-percent{
    font-size:17px!important;
  }

  #analyzeListingBtn .listing-button-percent{
    right:17px!important;
    min-width:50px!important;
  }
}

@media(max-width:520px){
  #analyzeListingBtn .listing-button-label,
  #analyzeListingBtn.is-analyzing .listing-button-percent{
    font-size:15px!important;
  }

  #analyzeListingBtn .listing-button-percent{
    right:13px!important;
  }
}


/* =========================================================
   V10.5 — image véhicule de secours officielle CarCheck
   ========================================================= */
.vehicle-photo-wrap img.fallback{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  opacity:1!important;
  background:#071a2e!important;
}


/* =========================================================
   V10.7 — Annonce : respiration URL/bouton + texte d'attente
   ========================================================= */
.listing-input-row{
  gap:22px!important;
}
.listing-submit-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
}
.listing-wait-status{
  width:min(700px,100%);
  min-height:20px;
  margin:0 auto;
  color:#9fc2df;
  font-size:11px;
  line-height:1.35;
  text-align:center;
  transition:opacity .18s ease;
}
@media(max-width:850px){
  .listing-input-row{gap:18px!important;}
  .listing-wait-status{font-size:10px;}
}

/* =========================================================
   V10.8 — Comparateur : progression ancrée à droite du bouton
   ========================================================= */
.comparator-panel #compareRunBtn{
  position:relative!important;
  overflow:hidden!important;
}

.comparator-panel #compareRunBtn .compare-button-percent{
  position:absolute!important;
  display:none!important;
  z-index:8!important;
  top:50%!important;
  right:30px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  min-width:66px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  text-align:right!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  color:rgba(255,255,255,.96)!important;
  font:800 19px/1 Inter,sans-serif!important;
  letter-spacing:.15px!important;
  text-transform:none!important;
}

.comparator-panel #compareRunBtn.is-loading .compare-button-percent{
  display:block!important;
}

/* Le libellé reste visuellement centré et réserve la zone du pourcentage. */
.comparator-panel #compareRunBtn.is-loading .compare-button-label{
  padding-right:82px!important;
}

@media(max-width:900px){
  .comparator-panel #compareRunBtn .compare-button-percent{
    right:20px!important;
    min-width:58px!important;
    font-size:17px!important;
  }
  .comparator-panel #compareRunBtn.is-loading .compare-button-label{
    padding-right:68px!important;
  }
}

@media(max-width:520px){
  .comparator-panel #compareRunBtn .compare-button-percent{
    right:14px!important;
    min-width:52px!important;
    font-size:15px!important;
  }
  .comparator-panel #compareRunBtn.is-loading .compare-button-label{
    padding-right:60px!important;
  }
}

/* =========================================================
   V10.9 — Comparateur : barre de progression en bas du bouton
   Identique au principe du bouton "Analyser un véhicule".
   ========================================================= */
.comparator-panel #compareRunBtn{
  position:relative!important;
  overflow:hidden!important;
}

.comparator-panel #compareRunBtn::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  width:var(--timed-analysis-progress,0%)!important;
  height:4px!important;
  min-height:4px!important;
  max-height:4px!important;
  border-radius:0 3px 3px 0!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 0 10px rgba(255,255,255,.55)!important;
  opacity:1!important;
  transition:width .45s linear!important;
  pointer-events:none!important;
}

.comparator-panel #compareRunBtn:not(.is-loading)::after{
  width:0!important;
  opacity:0!important;
}

.comparator-panel #compareRunBtn.is-loading::after{
  opacity:1!important;
}

.comparator-panel #compareRunBtn .compare-button-label,
.comparator-panel #compareRunBtn .compare-button-percent,
.comparator-panel #compareRunBtn .compare-run-spinner,
.comparator-panel #compareRunBtn > img{
  position:relative;
  z-index:4!important;
}

/* V10.20 — nombre de sources structuré comme le total des pénalités */
.compact-confidence .confidence-source-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(95,174,255,.18)!important;
  color:#dbeaff!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-align:center!important;
}
.compact-confidence .confidence-source-count strong{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  margin-left:4px!important;
}


/* V10.18 — pénalité visible par ligne + palette risques/criticités */
.issue-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.issue-title-line>strong{min-width:0}
.issue-penalty{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border-radius:6px;border:1px solid rgba(126,166,198,.24);background:rgba(126,166,198,.08);color:#91abc1;font-size:9px;line-height:1;font-weight:800;white-space:nowrap;letter-spacing:.01em}
.risk-badge.critical{color:#ff6b68!important;background:rgba(156,26,31,.28)!important;border-color:#a63737!important}
.risk-badge.important,.risk-badge.high{color:#ffab35!important;background:rgba(175,83,5,.23)!important;border-color:#c16e17!important}
.risk-badge.medium{color:#ffe05a!important;background:rgba(154,125,0,.20)!important;border-color:#b89a16!important}
.risk-high{color:#ff9a24!important}.risk-medium{color:#f3d339!important}
.issue-row.risk-high .risk-dot{background:#ff9a24!important}.issue-row.risk-medium .risk-dot{background:#f3d339!important}
.risk-high-bg{background:#ff9a24!important}.risk-medium-bg{background:#f3d339!important}
.mini-counts .risk-count-high,.mini-counts .risk-count-high strong{color:#ff9a24!important}
.mini-counts .risk-count-medium,.mini-counts .risk-count-medium strong{color:#f3d339!important}
@media(max-width:900px){.issue-penalty{font-size:8px;padding:2px 5px}}

/* V10.22 — séparateurs parfaitement alignés + palette du graphique */
.score-mini-grid-v38 .score-risk-tile,
.score-mini-grid-v38 .score-confidence-tile{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) 48px!important;
  align-items:stretch!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
.score-mini-grid-v38 .score-risk-tile>span,
.score-mini-grid-v38 .score-confidence-tile>span{
  grid-row:1!important;
}
.score-mini-grid-v38 .score-risk-tile .mini-risk-layout,
.score-mini-grid-v38 .score-confidence-tile .compact-confidence{
  grid-row:2!important;
  min-height:0!important;
}
.score-mini-grid-v38 .risk-penalty-summary,
.score-mini-grid-v38 .confidence-source-count{
  grid-row:3!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(95,174,255,.18)!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
.score-mini-grid-v38 .risk-penalty-summary{
  padding-left:0!important;
  padding-right:0!important;
}
.score-mini-grid-v38 .confidence-source-count{
  color:#dbeaff!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-align:center!important;
}
.score-mini-grid-v38 .confidence-source-count strong{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  margin-left:4px!important;
}

/* Répartition des risques : Important orange, Modéré jaune, Faible vert */
.risk-donut{
  background:conic-gradient(#ff9a24 0 25%,#f3d339 25% 55%,#20b26b 55% 100%);
}
.risk-high-bg{background:#ff9a24!important}
.risk-medium-bg{background:#f3d339!important}
.risk-low-bg{background:#20b26b!important}
.mini-counts .risk-count-high,
.mini-counts .risk-count-high strong{color:#ff9a24!important}
.mini-counts .risk-count-medium,
.mini-counts .risk-count-medium strong{color:#f3d339!important}
.mini-counts .risk-count-low,
.mini-counts .risk-count-low strong{color:#20b26b!important}



/* V10.23 — typographie strictement identique des deux pieds de carte */
.score-mini-grid-v38 .score-footer-summary{
  color:#dbeaff!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:20px!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
}
.score-mini-grid-v38 .score-footer-summary .score-footer-value{
  display:inline!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:20px!important;
  letter-spacing:0!important;
  min-height:0!important;
  margin:0 8px 0 4px!important;
  padding:0!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
}
.score-mini-grid-v38 .confidence-source-count .score-footer-value{
  margin-right:0!important;
}


/* V10.25 — cinq thèmes + documentation visible dans l'analyse */
.theme-scores-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.analysis-documentation-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.analysis-documentation-grid>.panel{
  min-width:0;
  margin:0;
}
.paint-colors-list{
  display:grid;
  gap:9px;
}
.paint-color-item{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(91,164,217,.16);
  border-radius:9px;
  background:rgba(7,32,51,.32);
}
.paint-swatch{
  width:26px;
  height:26px;
  border-radius:7px;
  background:var(--paint-swatch,#718096);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
}
.paint-color-item>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.paint-color-item strong{color:#eef8ff;font-size:12px}
.paint-color-item small{color:#88a5bb;font-size:10px}
.paint-confidence{
  color:#9ec4df;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}
@media(max-width:900px){
  .theme-scores-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .analysis-documentation-grid{grid-template-columns:1fr}
}


/* V10.27 — cadres rappels/couleurs, message vide et stabilité au zoom */
.analysis-documentation-grid>.panel{
  padding:18px!important;
}
.analysis-documentation-grid .section-title.mini{
  margin:0 0 12px!important;
}
.paint-colors-list>.report-empty-mini{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.paint-color-item{
  grid-template-columns:28px minmax(0,1fr)!important;
}
.paint-confidence{
  display:none!important;
}

/* Les médias conservent leurs proportions ; une réduction de la fenêtre ne les étire pas. */
img,video,svg{
  max-width:100%;
}
.hero-bg{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:none!important;
}

/*
 * Sur un poste de bureau (souris/pavé tactile), Ctrl + molette doit agir comme
 * un zoom du site, et non comme un passage artificiel dans les mises en page
 * tablette/mobile. La largeur logique minimale maintient donc l'architecture
 * desktop. Les vrais terminaux tactiles gardent les règles responsive existantes.
 */
@media (hover:hover) and (pointer:fine){
  html,body{
    min-width:1180px!important;
  }

  .topbar{
    height:118px!important;
    min-height:118px!important;
    padding:0 2.6vw!important;
    display:block!important;
  }
  .brand{
    position:absolute!important;
    left:2.6vw!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:430px!important;
    height:112px!important;
    margin:0!important;
  }
  .brand img{
    width:430px!important;
    height:112px!important;
    object-fit:contain!important;
  }
  .main-nav{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    transform:translateX(-50%)!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(34px,4vw,70px)!important;
    overflow:visible!important;
    padding:0!important;
  }
  .main-nav a{
    flex:0 0 auto!important;
    font-size:15px!important;
  }

  .hero-zone{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2048 / 428!important;
    min-height:350px!important;
    max-height:440px!important;
  }
  .hero-bg{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  .hero-zone>.hero-benefits{
    grid-template-columns:repeat(4,158px)!important;
    max-width:calc(100% - 46px)!important;
  }
  .hero-zone>.hero-benefits>div{
    width:158px!important;
    min-width:158px!important;
  }

  .workspace{
    width:auto!important;
    max-width:1536px!important;
    padding:0 14px!important;
    grid-template-columns:minmax(245px,18%) minmax(760px,1fr) minmax(245px,18%)!important;
  }
  .advantages{
    display:block!important;
  }
  .clear-answers{
    display:flex!important;
  }
  .simple-form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .identification-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .results.results-dashboard .report-grid,
  .report-grid{
    grid-template-columns:285px minmax(760px,1fr)!important;
    gap:18px!important;
  }
  .vehicle-report-card{
    margin-top:39px!important;
    position:sticky!important;
    top:92px!important;
  }
  .score-summary-panel.score-summary-wide{
    grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;
  }
  .score-mini-grid-v38{
    grid-template-columns:minmax(280px,1.08fr) minmax(260px,.92fr)!important;
  }
  .score-confidence-tile{
    grid-column:auto!important;
  }
  .issue-table-head{
    display:grid!important;
  }
  .issue-table-head,
  .issue-row-main{
    grid-template-columns:minmax(220px,1.45fr) .55fr .9fr .62fr .7fr 28px!important;
  }
  .issue-row-main>*:nth-child(4){
    display:inline-flex!important;
  }
  .issue-row-main>*:nth-child(5){
    display:block!important;
  }
  .report-lower-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .theme-scores-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .analysis-documentation-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .bottom-trust{
    grid-template-columns:repeat(4,1fr) 190px!important;
  }
  .side-signature{
    display:block!important;
  }
}


/* V10.28 — exploitation de la largeur des grands écrans desktop */
@media (min-width:1500px) and (hover:hover) and (pointer:fine){
  .workspace{
    width:calc(100vw - 46px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:minmax(260px,17%) minmax(820px,1fr) minmax(290px,20%)!important;
    gap:16px!important;
  }

  .workspace>.advantages,
  .workspace>.analysis-card,
  .workspace>.clear-answers{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* Très grands écrans : garde des colonnes latérales lisibles sans brider le centre. */
@media (min-width:2200px) and (hover:hover) and (pointer:fine){
  .workspace{
    grid-template-columns:minmax(330px,17%) minmax(1050px,1fr) minmax(390px,20%)!important;
  }
}


/* V10.29 — Véhicule analysé = même largeur que L’AVANTAGE CARCHECK */
@media (min-width:1500px) and (hover:hover) and (pointer:fine){
  .results.results-dashboard{
    width:calc(100vw - 46px)!important;
  }
  .results.results-dashboard .report-grid{
    width:100%!important;
    grid-template-columns:minmax(260px,17%) minmax(820px,1fr) minmax(290px,20%)!important;
    gap:16px!important;
  }
  .results.results-dashboard .vehicle-report-card{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:2200px) and (hover:hover) and (pointer:fine){
  .results.results-dashboard .report-grid{
    grid-template-columns:minmax(330px,17%) minmax(1050px,1fr) minmax(390px,20%)!important;
  }
}


/* V10.30 — blocs VIN en tête de l'analyse */
.vin-analysis-top{
  display:grid;
  gap:18px;
  margin:0 0 20px;
}
.vin-analysis-top.hidden{display:none!important}

.vin-analysis-top>.panel,
.vin-top-documentation-grid>.panel{
  min-width:0;
  margin:0!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

.vin-analysis-top .section-title.mini,
.vin-top-documentation-grid .section-title.mini{
  margin:0 0 12px!important;
  padding:0!important;
  min-height:0!important;
  align-items:center!important;
}
.vin-analysis-top .section-title.mini h3,
.vin-top-documentation-grid .section-title.mini h3{
  margin:0!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.2!important;
}

.vin-top-documentation-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.vin-top-documentation-grid>.panel{
  height:100%;
}

.vin-specs-grid{
  margin-top:0!important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px!important;
}
.vin-specs-grid>div{
  min-width:0;
  padding:11px 12px!important;
  border:1px solid rgba(75,151,207,.22)!important;
  border-radius:9px!important;
  background:rgba(5,31,54,.52)!important;
}
.vin-specs-grid small{
  display:block;
  margin:0 0 4px!important;
  color:#88a8c0!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.vin-specs-grid strong{
  display:block;
  color:#eef8ff!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}

.vin-equipment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.vin-equipment-item{
  min-width:0;
  padding:12px 13px;
  border:1px solid rgba(75,151,207,.22);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(7,39,68,.72),rgba(3,25,46,.86));
}
.vin-equipment-item-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.vin-equipment-item-head strong{
  min-width:0;
  color:#fff;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.vin-equipment-item-head span{
  flex:0 0 auto;
  padding:3px 7px;
  border:1px solid rgba(61,161,219,.24);
  border-radius:999px;
  background:rgba(18,87,132,.20);
  color:#83c8ed;
  font-size:8px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
}
.vin-equipment-item p{
  margin:7px 0 6px;
  color:#c9d9e7;
  font-size:10.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.vin-equipment-item small{
  display:block;
  color:#7898b1;
  font-size:8.5px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.vin-equipment-empty{
  grid-column:1 / -1;
  width:100%;
  box-sizing:border-box;
}

@media(max-width:1000px){
  .vin-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vin-top-documentation-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .vin-specs-grid,
  .vin-equipment-grid{grid-template-columns:1fr}
}
@media (hover:hover) and (pointer:fine){
  .vin-top-documentation-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .vin-specs-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .vin-equipment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* V10.32 — rappels/couleurs pleine largeur + alignement spécifique VIN */
.analysis-documentation-grid,
.vin-top-documentation-grid{
  grid-template-columns:minmax(0,1fr)!important;
}

.analysis-documentation-grid>.panel,
.vin-top-documentation-grid>.panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}

@media (hover:hover) and (pointer:fine){
  .analysis-documentation-grid,
  .vin-top-documentation-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* En mode VIN, la fiche véhicule s'aligne sur le premier cadre VIN,
   et non sur le bloc CarCheck Score situé plus bas. */
.results.results-dashboard.is-vin-result .vehicle-report-card{
  margin-top:var(--vehicle-card-offset,0px)!important;
}

/* V4.0 — aide à la décision, projection kilométrique et analyse d'offre */
.decision-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin:16px 0 14px}
.decision-card,.mileage-outlook-panel,.ownership-panel,.listing-market-panel{border:1px solid rgba(51,131,193,.55);border-radius:11px;background:linear-gradient(145deg,rgba(8,36,64,.96),rgba(4,24,44,.98));box-shadow:0 15px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.decision-card{padding:17px 18px;min-width:0}
.decision-kicker,.mileage-outlook-head span,.ownership-head span,.listing-market-head span{display:block;color:#5cbcff;font-size:9px;font-weight:900;letter-spacing:1.35px;text-transform:uppercase;margin-bottom:5px}
.verdict-main-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}
.verdict-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;background:#113859;border:1px solid #28648f;color:#9ad9ff}
.verdict-main-row h3,.checklist-card h3,.mileage-outlook-head h3,.ownership-head h3,.listing-market-head h3{margin:0;color:#fff;font-size:16px;line-height:1.25}
.verdict-main-row p{margin:4px 0 0;color:#a9bfd2;font-size:10.5px;line-height:1.5}
.decision-good .verdict-icon{background:rgba(53,201,111,.13);border-color:rgba(53,201,111,.5);color:#64dd91}
.decision-medium .verdict-icon{background:rgba(255,159,23,.12);border-color:rgba(255,159,23,.52);color:#ffc15f}
.decision-bad .verdict-icon{background:rgba(255,91,98,.12);border-color:rgba(255,91,98,.52);color:#ff7d83}
.decision-reasons,.purchase-checklist,.negotiation-arguments>div{display:grid;gap:6px;margin-top:12px}
.decision-reasons>div,.purchase-checklist>div,.negotiation-arguments>div>div{display:grid;grid-template-columns:16px 1fr;gap:5px;align-items:start;color:#cbd9e6;font-size:10px;line-height:1.42}
.decision-reasons span{color:#62c3ff}.purchase-checklist span{color:#54d68b;font-weight:900}.decision-reasons p,.purchase-checklist p,.negotiation-arguments p{margin:0}
.checklist-card{background:linear-gradient(145deg,rgba(8,42,72,.98),rgba(5,27,48,.98))}

.mileage-outlook-panel,.ownership-panel,.listing-market-panel{padding:17px 18px;margin:14px 0}
.mileage-outlook-head,.ownership-head,.listing-market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}
.mileage-outlook-head>strong,.listing-market-head>strong{flex:0 0 auto;border-radius:999px;padding:5px 10px;border:1px solid #315d80;background:#0b2945;color:#c9d9e8;font-size:9px}
.mileage-outlook-head>strong.is-high,.listing-market-head>strong.is-high{border-color:rgba(255,91,98,.48);background:rgba(255,91,98,.09);color:#ff8a8f}
.mileage-outlook-head>strong.is-medium,.listing-market-head>strong.is-medium{border-color:rgba(255,159,23,.48);background:rgba(255,159,23,.09);color:#ffc363}
.mileage-outlook-head>strong.is-low,.listing-market-head>strong.is-low{border-color:rgba(53,201,111,.48);background:rgba(53,201,111,.09);color:#67df95}
.listing-market-head>strong.is-neutral{color:#9db4c8}
.mileage-scale-head{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 120px 5px 210px;color:#7896af;font-size:8px}
.mileage-scale-head span:nth-child(2){text-align:center}.mileage-scale-head span:last-child{text-align:right}
.mileage-timeline{display:grid;gap:9px}
.mileage-track-row{display:grid;grid-template-columns:195px minmax(220px,1fr) 110px;gap:14px;align-items:center}
.mileage-track-label{min-width:0}.mileage-track-label strong,.mileage-track-label small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mileage-track-label strong{font-size:10.5px}.mileage-track-label small{color:#809bb3;font-size:8.5px;margin-top:1px}
.mileage-track{height:10px;border-radius:999px;background:#0b2b49;border:1px solid rgba(67,124,169,.38);position:relative;overflow:visible}
.mileage-zone{position:absolute;left:var(--zone-start);width:var(--zone-width);top:1px;bottom:1px;border-radius:999px;background:#526d82}
.risk-low .mileage-zone{background:rgba(53,201,111,.72)}.risk-medium .mileage-zone{background:rgba(255,159,23,.78)}.risk-high .mileage-zone{background:rgba(255,91,98,.8)}
.mileage-current{position:absolute;left:var(--marker);top:-5px;width:2px;height:18px;background:#fff;border-radius:2px;box-shadow:0 0 8px rgba(255,255,255,.45);transform:translateX(-1px)}
.mileage-current b{position:absolute;left:50%;top:-16px;transform:translateX(-50%);padding:1px 4px;border-radius:4px;background:#dcefff;color:#061626;font-size:7px;line-height:1.35;white-space:nowrap;font-style:normal}
.mileage-track-range{font-size:8.5px;color:#9ab1c4;text-align:right}.mileage-outlook-note,.ownership-note,.listing-market-note{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(89,139,177,.22);color:#7895ad;font-size:8.5px;line-height:1.45}.mileage-empty{padding:14px;border:1px dashed #315675;border-radius:7px;text-align:center;color:#829bb1;font-size:10px}

.ownership-head small{max-width:330px;text-align:right;color:#7f9bb4;font-size:8.5px;line-height:1.4}
.ownership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ownership-period{padding:13px 12px;border:1px solid rgba(43,102,148,.55);border-radius:8px;background:rgba(7,32,56,.7);min-width:0}.ownership-period.featured{border-color:rgba(38,148,232,.62);background:linear-gradient(145deg,rgba(13,61,101,.88),rgba(7,37,65,.88));box-shadow:inset 0 0 24px rgba(28,137,226,.07)}.ownership-period.monthly{background:rgba(7,42,60,.72)}
.ownership-period span,.listing-market-grid span{display:block;color:#829db5;font-size:8.5px;margin-bottom:4px}.ownership-period strong,.listing-market-grid strong{display:block;font-size:15px;color:#fff;line-height:1.2}.ownership-period.featured strong{color:#6cc8ff}.ownership-period small,.listing-market-grid small{display:block;color:#7792aa;font-size:7.8px;line-height:1.35;margin-top:4px}

.listing-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.listing-market-grid>div{padding:12px;border:1px solid rgba(43,102,148,.55);border-radius:8px;background:rgba(7,32,56,.72);min-width:0}.negotiation-arguments{margin-top:12px;padding:12px 13px;border:1px solid rgba(42,112,165,.4);border-radius:8px;background:rgba(5,27,47,.62)}.negotiation-arguments h4{margin:0;color:#fff;font-size:10px}.negotiation-arguments>div{margin-top:8px}.negotiation-arguments>div>div span{color:#5dc4ff}

@media(max-width:1100px){
  .decision-panel{grid-template-columns:1fr}
  .ownership-grid,.listing-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mileage-track-row{grid-template-columns:165px minmax(180px,1fr) 95px}
  .mileage-scale-head{margin-left:180px;margin-right:105px}
}
@media(max-width:700px){
  .mileage-outlook-head,.ownership-head,.listing-market-head{flex-direction:column}.ownership-head small{text-align:left}
  .ownership-grid,.listing-market-grid{grid-template-columns:1fr}
  .mileage-scale-head{display:none}
  .mileage-track-row{grid-template-columns:1fr;gap:4px;padding:7px 0;border-bottom:1px solid rgba(61,101,132,.2)}
  .mileage-track{margin:8px 0 3px}.mileage-track-range{text-align:left}
}

/* V4.0.4 : réserver une ligne aux badges et adapter l’aperçu à son cadre. */
.identification-tab:has(>em){display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:11px;row-gap:5px}
.identification-tab:has(>em)>.identification-tab-icon{grid-column:1;grid-row:2}
.identification-tab:has(>em)>span:not(.identification-tab-icon){grid-column:2;grid-row:2;min-width:0}
.identification-tab>em{position:static;grid-column:1/-1;grid-row:1;justify-self:end;line-height:1.2}
.clear-answers{min-width:0;container-type:inline-size}
.clear-answers .score-preview{width:100%;box-sizing:border-box;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.clear-answers .preview-list,.clear-answers .preview-score{min-width:0}
.clear-answers .pv-icon{flex-shrink:0}
@container (max-width:280px){
 .clear-answers .score-preview{grid-template-columns:minmax(0,1fr)!important}
 .clear-answers .preview-score{padding-top:8px}
}


/* V4.0.5 — alignement visuel des quatre modes d’analyse */
.identification-tab-copy{
  min-width:0;
  min-height:38px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-self:center;
}
.identification-tab>em{
  top:5px!important;
  right:8px!important;
  pointer-events:none;
  z-index:2;
}


/* V4.0.6 — badges NOUVEAU sans décalage + signature harmonisée */
.identification-tab,
.identification-tab:has(>em){
  display:flex!important;
  align-items:center!important;
  min-height:70px!important;
  grid-template-columns:none!important;
  column-gap:11px!important;
  row-gap:0!important;
}
.identification-tab:has(>em)>.identification-tab-icon,
.identification-tab:has(>em)>span:not(.identification-tab-icon){
  grid-column:auto!important;
  grid-row:auto!important;
}
.identification-tab-copy{
  min-height:38px!important;
  justify-content:center!important;
  align-self:center!important;
}
.identification-tab>em{
  position:absolute!important;
  top:5px!important;
  right:8px!important;
  margin:0!important;
  line-height:1.2!important;
}
.side-signature span{
  margin-top:5px!important;
}

/* =========================================================
   V4.0.7 — recherche photo véhicule : grand indicateur de chargement
   ========================================================= */
.vehicle-photo-wrap{
  position:relative;
}
.vehicle-photo-wrap.is-loading{
  background:linear-gradient(145deg,#071d35,#041326)!important;
}
.vehicle-photo-wrap.is-loading img{
  opacity:0!important;
  visibility:hidden!important;
}
.vehicle-photo-wrap.is-loading::before{
  content:"";
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:72px;
  height:72px;
  margin:-36px 0 0 -36px;
  border:7px solid rgba(77,174,255,.20);
  border-top-color:#42b8ff;
  border-right-color:#168cff;
  border-radius:50%;
  box-sizing:border-box;
  filter:drop-shadow(0 0 12px rgba(27,151,255,.38));
  animation:vehicle-photo-spin .82s linear infinite;
}
.vehicle-photo-wrap.is-loading::after{
  content:"Recherche de la photo…";
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  top:calc(50% + 50px);
  text-align:center;
  color:#9fd8ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
}
@keyframes vehicle-photo-spin{
  to{transform:rotate(360deg)}
}
@media(max-width:520px){
  .vehicle-photo-wrap.is-loading::before{
    width:62px;
    height:62px;
    margin:-31px 0 0 -31px;
    border-width:6px;
  }
  .vehicle-photo-wrap.is-loading::after{
    top:calc(50% + 43px);
    font-size:10px;
  }
}

/* V4.0.9 — ordre des blocs d'analyse et typographie harmonisée */
.decision-panel>.theme-scores-card{
  grid-column:1 / -1;
  margin:0!important;
}

/* Même hiérarchie typographique que les autres cadres du rapport. */
.verdict-card .decision-kicker,
.mileage-outlook-head span,
.ownership-head span{
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:1.15px!important;
  margin-bottom:7px!important;
}
.verdict-main-row h3,
.mileage-outlook-head h3,
.ownership-head h3{
  font-size:18px!important;
  line-height:1.25!important;
}
.verdict-main-row p{
  font-size:12px!important;
  line-height:1.5!important;
}
.decision-reasons>div{
  font-size:11.5px!important;
  line-height:1.48!important;
}
.mileage-outlook-head>strong{
  font-size:11px!important;
  line-height:1.3!important;
  padding:6px 11px!important;
}
.mileage-track-label strong{
  font-size:12px!important;
  line-height:1.35!important;
}
.mileage-track-label small,
.mileage-track-range{
  font-size:10px!important;
  line-height:1.4!important;
}
.mileage-scale-head{
  font-size:9.5px!important;
}
.mileage-outlook-note,
.ownership-note{
  font-size:10.5px!important;
  line-height:1.5!important;
}
.ownership-head small{
  font-size:10.5px!important;
  line-height:1.45!important;
}
.ownership-period span{
  font-size:10.5px!important;
  line-height:1.35!important;
}
.ownership-period strong{
  font-size:18px!important;
  line-height:1.25!important;
}
.ownership-period small{
  font-size:9.5px!important;
  line-height:1.4!important;
}


/* V4.0.10 — documentation côte à côte, lisibilité avant achat et coût de possession */
.analysis-documentation-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.analysis-documentation-grid>.panel{height:100%!important}
@media(max-width:900px){
  .analysis-documentation-grid{grid-template-columns:minmax(0,1fr)!important}
}

.checklist-card .decision-kicker{
  font-size:11px!important;line-height:1.25!important;letter-spacing:1.15px!important;margin-bottom:7px!important
}
.checklist-card h3{font-size:18px!important;line-height:1.25!important}
.purchase-checklist>div{font-size:11.5px!important;line-height:1.5!important;grid-template-columns:18px 1fr!important;gap:7px!important}
.purchase-checklist span{font-size:12px!important;line-height:1.45!important}

.ownership-period{padding:15px 14px!important}
.ownership-period span{font-size:12px!important;line-height:1.35!important;font-weight:750!important;color:#9eb7cb!important}
.ownership-period strong{font-size:20px!important;line-height:1.2!important;margin-top:2px!important}
.ownership-period small{font-size:11px!important;line-height:1.45!important;margin-top:6px!important;color:#8da8bd!important}
.ownership-note{font-size:11px!important;line-height:1.55!important;color:#8fa9bc!important}
.ownership-head small{font-size:11px!important;line-height:1.5!important}

/* Les logos du garage sont désormais vectoriels ; ne pas les agrandir par interpolation raster. */
.history-brand-logo img,.result-brand-logo{image-rendering:auto!important;object-fit:contain!important}

.ownership-assumptions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;color:#c1d8e7;font-size:14px}.ownership-assumptions input{width:130px;font-size:16px}.ownership-assumptions label{font-size:14px;margin:0}.ownership-assumptions small{flex-basis:100%}.ownership-details{margin-top:22px}.ownership-details details{margin:12px 0;border:1px solid #235575;border-radius:10px;padding:12px}.ownership-details summary{cursor:pointer;font-weight:700;font-size:15px}.ownership-table>div{display:grid;grid-template-columns:1fr 1.4fr .8fr .6fr;gap:14px;padding:14px 0;border-bottom:1px solid #24455b;font-size:14px}.ownership-table small{display:block;font-size:12px;font-weight:400;color:#adc7db;margin-top:5px;line-height:1.5}.ownership-table a,.valuation-note a{color:#6cd6ff}.valuation-note{display:block!important;font-size:12px;line-height:1.5}.valuation-note p{margin:6px 0}.valuation-note details{width:100%}.valuation-note summary{cursor:pointer}.valuation-note ol{padding-left:18px}.valuation-note li{margin:8px 0}@media(max-width:700px){.ownership-table>div{grid-template-columns:1fr 1fr}}