@font-face{font-family:Manrope;src:url('assets/font-1.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url('assets/font-2.woff2') format('woff2');font-weight:200 800;font-display:swap}:root{color-scheme:dark;--bg:#060e20;--card:#141a2a;--raised:#1e293e;--border:#30384b;--text:#f0f2f8;--muted:#9396a9;--primary:#7d9aef;--input:#0c1223}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Manrope,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.demo-banner{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:12px;min-height:32px;padding:6px 15px;background:#322914;color:#ffe5a1;border-bottom:1px solid #78602e;font:11px/1.5 Manrope,sans-serif}.demo-banner strong{letter-spacing:.8px}.demo-banner span{color:#e1cfaa}header{height:65px;border-bottom:1px solid #ffffff12;background:var(--bg)}.header-inner{max-width:896px;padding:0 16px;height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}.brand img{height:56px;width:56px;object-fit:contain;filter:brightness(0) invert(1)}.brand strong{font-size:16px;font-weight:800;letter-spacing:-.4px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1px;color:var(--primary);margin-top:-4px}nav{display:flex;gap:8px;align-items:center}nav button{display:flex;align-items:center;gap:6px;border:1px solid #ffffff09;border-radius:24px;padding:8px 10px;font-size:12px;font-weight:600;background:var(--raised);white-space:nowrap}nav svg{color:#92a3e7;width:16px;height:16px}#security svg{color:#e23365}#theme{padding:9px}#theme svg{color:#ddbc6e}main{max-width:1152px;padding:24px 24px 0;margin:auto}.hero{text-align:center}.hub{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;position:relative;border-radius:24px;isolation:isolate;overflow:hidden;font-size:12px;font-weight:600;line-height:20px;letter-spacing:-.25px}.hub::before{content:'';position:absolute;inset:-400px;background:conic-gradient(#e74369 0deg 110deg,#e5d847 112deg 227deg,#45ad8c 230deg 310deg,#e74369 313deg 360deg);z-index:-2;animation:orbit 4s linear infinite}.hub::after{content:'';position:absolute;inset:2px;border-radius:inherit;background:var(--bg);z-index:-1}.hub svg{width:15px;height:15px;color:#5ab5a6}h1{font-size:36px;line-height:40px;font-weight:800;letter-spacing:-1.1px;margin:13px 0 13px}h2{font-size:16px;line-height:24px;font-weight:600;margin:0 0 6px}.hero p{font-size:14px;color:var(--muted);margin:0}.panels{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:36px}.card{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:28px;min-height:456px;box-shadow:inset 0 1px 0 #ffffff03}.entry{display:flex;flex-direction:column}.modes{display:flex;border-radius:28px;padding:5px;background:var(--raised);margin-bottom:23px;min-height:48px}.modes button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border-radius:23px;padding:8px 4px;font-size:12px;font-weight:600;color:#a1a9bd}.modes button[aria-selected=true]{color:#9eaff9;background:#030d20;box-shadow:0 1px 3px #0003}.modes svg{width:16px;height:16px}.mode-panel{width:100%;padding:8px 0}.muted{color:var(--muted);font-size:12px;line-height:19.5px;margin:0 0 16px}form{margin-top:16px}label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.input-wrap{position:relative}.input-wrap input{width:100%;min-height:47px;border-radius:23px;border:1px solid #34394e;background:var(--input);color:var(--text);padding:12px 43px 12px 16px;font-size:13px;outline:none}.input-wrap input::placeholder{color:#83889e}.input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c9aed1a}.input-wrap svg{position:absolute;right:15px;top:14px;color:#8d95ad}.primary{min-height:43px;border-radius:23px;background:var(--primary);color:#142646;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:13px;font-weight:600;box-shadow:0 3px 8px #5d78d425;padding:10px 16px}form .primary{margin-top:23px}.primary svg{width:17px;height:17px}.primary:hover{filter:brightness(1.06)}button:focus-visible,a:focus-visible,.file-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.result{display:flex;flex-direction:column;background:radial-gradient(at bottom left,#123b3d50,transparent 57%),radial-gradient(at top right,#32426a35,transparent 55%),var(--card)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top>span{display:flex;align-items:center;gap:4px;color:#9cacfd;font-size:11px;font-weight:700;border:1px solid #45507066;border-radius:20px;background:#313d6240;padding:3px 10px}.result-top span svg{width:15px;height:15px;color:#64c3ad}.result-top>svg{color:#58617e}.result-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.empty{text-align:center;width:100%;padding-top:55px}.empty-shield{width:48px;height:48px;display:block;margin:0 auto 15px;color:#263454}.prompts{min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:prompt-enter .7s ease}.prompts h2{font-size:16px;color:#9aa7cb}.prompts p{font-size:12px;line-height:19px;color:#7d8ba8;margin:0;max-width:360px}.dots{display:flex;align-items:center;justify-content:center;gap:5px;height:25px;margin:4px auto 17px}.dots button{height:6px;width:6px;background:#3a4564;border-radius:8px;padding:0;transition:width .3s}.dots button.active{width:24px;background:var(--primary);box-shadow:0 0 14px #7d9aef30}.examples-label{font-size:11px;color:#b3b6c7;margin:0 0 8px}.examples{display:flex;gap:8px;justify-content:center}.examples button{font-size:12px;font-weight:700;background:#2c3448;border-radius:18px;border:1px solid #ffffff08;padding:6px 12px}.examples span{margin-left:5px;color:#8996b2}.certification{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #ffffff0b;padding-top:16px;margin-top:22px;font-size:11px;color:#a9aebd;flex-wrap:wrap}.certification svg{width:14px;height:14px;color:#32c4a4}.certification small{font-size:9px;opacity:.8}.divider{position:absolute;width:1px;background:linear-gradient(transparent,#6b759944,transparent);height:65%;left:50%;top:18%;display:grid;place-items:center}.divider span{padding:5px;background:#142535;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.divider svg{color:#59b9a3;width:17px;height:17px}footer{font-size:11px;text-align:center;color:var(--muted);padding:18px 15px 12px}footer button{color:#9eadfd;padding:0;font-size:11px;font-weight:600}footer p{font-size:9px;margin:4px 0 0;color:#60687e}.step-tabs{display:none}.center{text-align:center}.center svg{vertical-align:middle;margin-right:5px}.camera-box{height:300px;background:#000;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px auto;position:relative;overflow:hidden;width:min(100%,340px)}.camera-box>svg{width:38px;height:38px;color:#e65775;margin-bottom:10px}.camera-box p{font-size:12px;padding:0 20px;text-align:center;color:#afb7cd}.camera-box video{position:absolute;width:100%;height:100%;object-fit:cover}.file-link{color:var(--primary);text-decoration:underline;text-align:center;font-size:11px;cursor:pointer;font-weight:400;margin:12px 0}.history-head{display:flex;align-items:center;justify-content:space-between}.history-row{display:block;text-align:left;background:var(--raised);border:1px solid var(--border);width:100%;border-radius:12px;padding:12px;margin:10px 0}.simulation{color:#ebca82;font-size:12px;background:#a77d1720;border:1px solid #aa852a50;border-radius:12px;padding:12px}.details{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 0}.details dt{font-size:11px;color:var(--muted)}.details dd{margin:4px 0 0;font-size:14px;font-weight:700;overflow-wrap:anywhere}dialog{background:var(--card);border:1px solid var(--border);border-radius:28px;color:var(--text);padding:32px;width:min(550px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:#020815d9;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:15px;top:13px;font-size:24px}dialog p{color:var(--muted);font-size:13px}dialog .simulation{color:#ebca82}#resultContent{width:100%;padding-top:20px}body.light{color-scheme:light;--bg:#f7f8fc;--card:#fff;--raised:#eaf0f8;--border:#dce1ed;--text:#18263c;--muted:#6b758a;--input:#f9fbff;--primary:#7294e8}.light .brand img{filter:none}.light .modes button[aria-selected=true]{background:white;color:#4269c1}.light .prompts h2{color:#4b648c}.light .empty-shield{color:#aebfdd}.light .result{background:radial-gradient(at bottom left,#c9ece533,transparent 57%),var(--card)}.light .certification{border-top-color:#dde3ee}.light .input-wrap input{border-color:#cfd8e8}[hidden]{display:none!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes prompt-enter{from{opacity:.1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){header .header-inner{max-width:100%}.panels{display:block;margin-top:0}.result{display:none}.panels.show-result .entry{display:none}.panels.show-result .result{display:flex}.divider{display:none}main{max-width:860px}.step-tabs{display:flex;max-width:448px;margin:35px auto 30px;gap:0;border-radius:30px;padding:6px;border:1px solid var(--border);background:var(--card)}.step-tabs button{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;border-radius:24px;padding:9px;font-size:13px;font-weight:600;color:#a7acbd}.step-tabs button[aria-selected=true]{background:var(--primary);color:#10294e}.step-tabs svg{width:16px;height:16px}h1{font-size:30px;line-height:36px}.entry{min-height:460px}.modes{margin-bottom:31px}.demo-banner{font-size:10px}.result-body{min-height:310px}}@media(max-width:600px){.demo-banner{display:block;text-align:center;font-size:9px;line-height:14px}.demo-banner span{display:block;font-size:9px}.header-inner{padding:0 12px}.brand img{width:42px;height:48px}.brand strong{font-size:14px}.brand small{font-size:8px}nav{gap:5px}nav button{padding:8px}nav button span{display:none}#language span{display:inline}main{padding:24px 14px 0}.hub{font-size:11px}h1{font-size:25px;line-height:32px;letter-spacing:-.8px;margin:15px 0 10px}.hero p{font-size:12px}.card{padding:24px 20px;border-radius:28px}.modes button{font-size:11px;gap:6px}.step-tabs{margin:29px auto 25px}h2{font-size:16px}.mode-panel h2:not(.center){text-align:center}.mode-panel>.muted{text-align:center}.camera-box{height:260px}footer{font-size:10px}footer button{font-size:10px}.certification{font-size:10px}}@media(prefers-reduced-motion:reduce){.hub::before,.prompts{animation:none}}
/* Résultat mobile : synthèse puis fiche détaillée, inspirées des captures. */
#scanResult{width:min(580px,calc(100% - 24px));padding:52px 30px 30px;background:#1d201f;border-color:#34413b;border-radius:30px;box-shadow:0 20px 90px #0008;color:#e3e8ed}
#scanResult::before,.verification-sheet::before{content:'★';position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,#08713b 0 33.333%,#bc1827 33.333% 66.666%,#b17613 66.666%);color:#f8dc6c;font-size:9px;line-height:10px;text-align:center}
#scanResult>h2,#scanResult>.simulation{display:none}
#scanResult .close{z-index:2;color:#abb7c5;right:20px;top:15px}
.verification-sheet{position:relative;border-radius:24px;overflow:hidden;padding:28px 20px!important;border:1px solid #216540;background:#15271e;color:#e3e8ed}
.verification-sheet.unverified{border-color:#8b7133;background:#262319}
.verification-head{position:relative;display:flex;gap:16px;align-items:center;margin:12px 0 18px}
.verification-head h2{font-size:22px;line-height:1.3;font-weight:800;color:#83e6c0;margin:0 0 8px}
.verification-head p{font-size:14px;color:#afbbca;margin:8px 0 0}
.insurer-logo{width:72px;height:76px;flex-shrink:0;border:1px solid #707775;border-radius:23px;display:grid;place-items:center;position:relative;background:#242625}
.insurer-logo img{width:53px;height:53px;object-fit:cover;clip-path:circle(24% at 46% 51%);transform:translate(4%,-1%) scale(2)}
.logo-check{position:absolute;bottom:-6px;right:-6px;border:3px solid #1d201f;background:#103c2c;border-radius:50%;color:#45dfad;width:28px;height:28px;text-align:center;font-size:17px}
.status-pill{display:inline-block;border-radius:20px;color:#65e7b8;background:#06402d55;border:1px solid #17805230;padding:2px 11px;font-size:12px;font-weight:700}
.status-pill::before{content:'● ';font-size:10px}
.unverified .verification-head h2{color:#efd68d}.unverified .status-pill{color:#efd68d;background:#775a2522}.unverified .logo-check{display:none}
.verification-summary .verification-head{display:flex;flex-direction:column;text-align:center;margin:0 0 24px}.verification-summary .insurer-logo{width:110px;height:112px;border-radius:32px;margin:10px 0 6px}.verification-summary .insurer-logo img{width:80px;height:80px}.verification-summary .verification-head h2{font-size:27px}.verification-summary .verification-head p{font-size:16px}
#scanResult,.verification-sheet,.verification-sheet.unverified{background-color:#1e1e1e;background-image:url('assets/filigrane-asac.svg');background-repeat:repeat;background-size:160px 170px;background-position:0 8px}
#scanResult{isolation:isolate}.verification-sheet{background-color:#18231e}
#scanResult>* ,.verification-sheet>*{position:relative;z-index:1}#scanResult>.close{position:absolute}
.verification-summary .details{display:block;border:1px solid #59605f;border-radius:32px;padding:12px 24px;margin:28px 0}
.verification-summary .details dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:center;margin:0;padding:21px 0;border-bottom:1px solid #454b4a}.verification-summary .details dl:last-child{border:0}
.verification-summary .details dt{font-size:14px;line-height:1.45;color:#abb8c9}.verification-summary .details dd{font-size:16px;text-align:right;line-height:1.55;margin:0;color:#e4eaf3}
.verification-sheet .details{display:block}.verification-sheet .details dl{margin:0;padding:15px 0 22px}.verification-sheet .details dt{font-size:13px;color:#9ca9ae}.verification-sheet .details dd{font-size:16px;color:#e1e8f1;margin:5px 0 0}
.verification-sheet h3{font-size:16px;border-top:1px solid #52635755;padding-top:22px}.back-form{color:#a4c5e9;padding:9px 14px;border-radius:20px;background:#1c2b3d;margin-bottom:10px}
.result-actions{display:flex;gap:12px;margin:18px 0}.whatsapp,.file-action{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border:1px solid #43806a55;border-radius:25px;color:#65dfba;text-decoration:none;background:#0d493033;font-size:14px;font-weight:700}.file-action{color:#afb8c9;background:#27303855;border-color:#717d8c55}.file-action:disabled{opacity:.55;cursor:default}.summary-share{display:flex;width:100%;background:#6b748566;color:#d9e4ee;border:0;padding:14px}
#closeResult{margin-top:55px;background:#05945b;color:#e2fff1;min-height:55px;font-size:17px}
.preview-label{color:#9caba8;font-size:13px}.preview-empty{border:1px dashed #72807866;border-radius:20px;padding:30px 18px;color:#9caaa3;font-size:13px;text-align:center}
.verification-sheet .simulation,.verification-summary .simulation{font-size:11px;padding:8px 12px;margin:12px 0}
@media(max-width:600px){#scanResult{padding:45px 20px 24px;max-height:92dvh}.verification-summary .details{padding:8px 18px;border-radius:28px}.verification-summary .details dt{font-size:12px}.verification-summary .details dd{font-size:14px}.verification-summary .verification-head h2{font-size:24px}.verification-sheet{padding:24px 16px!important}.verification-head h2{font-size:20px}.verification-summary .verification-head p{font-size:14px}}
.summary-open{overflow:hidden}
.details dt{display:flex;align-items:center;gap:8px}.details dt svg{width:18px;height:18px;color:#96a4b4}
.mini-insurer{display:inline-block;vertical-align:middle;overflow:hidden;width:30px;height:25px;margin-left:10px;background:#73777d55;border:1px solid #8c949655;border-radius:3px}.mini-insurer img{width:30px;height:25px;object-fit:cover;clip-path:circle(24% at 46% 51%);transform:translate(4%,-1%) scale(2)}
.verification-head>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.verification-head h2{margin:0}.verification-head p{flex-basis:100%;margin-top:3px}.verification-summary .verification-head>div:last-child{justify-content:center}
.verification-sheet h3,.preview-label{display:flex;align-items:center;gap:9px}.result-actions a,.result-actions button,.summary-share{gap:8px}
#returnToForm{align-self:flex-start;margin:16px 0;scroll-margin-top:65px}
@media(max-width:600px){
 #scanResult{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:60px 25px 32px;overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
 #scanResult::before{position:absolute;height:9px;line-height:9px}
 #scanResult .close{top:22px;right:25px;font-size:29px;line-height:32px;width:36px;height:36px}
 .verification-summary .verification-head{margin:2px 0 25px;gap:18px}
 .verification-summary .insurer-logo{width:90px;height:93px;border-radius:29px;margin:0 0 3px}
 .verification-summary .insurer-logo img{width:65px;height:65px}
 .verification-summary .verification-head h2{font-size:23px;line-height:1.3}
 .verification-summary .verification-head p{font-size:15px;margin-top:7px}
 .verification-summary .details{margin:25px 0;padding:9px 19px;border-radius:28px}
 .verification-summary .details dl{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:20px 0;gap:12px}
 .verification-summary .details dt{font-size:13px}.verification-summary .details dd{font-size:15px;line-height:1.5}
 .verification-summary .details dd .mini-insurer{margin-left:6px}
 .verification-summary .summary-share{padding:13px;font-size:15px}
 #closeResult{margin-top:65px;min-height:48px;font-size:16px}
 .verification-sheet .details dl{padding:17px 0 25px}.verification-sheet .details dd{font-size:15px}
 .verification-sheet .verification-head{gap:12px}.verification-sheet .verification-head h2{font-size:18px}.verification-sheet .verification-head p{font-size:13px}
 .verification-sheet .insurer-logo{width:52px;height:55px;border-radius:18px}.verification-sheet .insurer-logo img{width:40px;height:40px}
}

:root{--result-watermark:url('assets/filigrane-asac.svg')}#resultPanel{background:none;border:0;box-shadow:none;padding:0;min-height:0}#resultPanel>.result-top,#resultPanel>.certification{display:none}#resultPanel .result-body{display:block;min-height:0}#resultContent.mock-result{padding:0}#scanDetails{background:none}#scanResult:has(.vr-summary){background:#1e1e1e url('assets/filigrane-asac.svg') 0 8px/160px 170px repeat}#scanResult .vr-summary{background:transparent}#scanResult::before{display:none}.mock-scenarios{display:flex;gap:12px;margin:20px 0 0}.mock-scenarios button{border:1px solid var(--border);background:var(--raised);border-radius:20px;padding:7px 12px;font-size:12px}#returnToForm{margin:5px 0 18px}.mock-result .vr-fields{grid-template-columns:1fr}

body:not(.light){--bg:#1f1f1f;--card:#242424;--surface:#242424;--raised:#292929;--input:#191919;background:#1f1f1f}body:not(.light) header{background:#1f1f1f}

.vr-success,.vr-secondary{background-size:150px 160px;background-position:0 10px}.vr-secondary .vr-field{background:transparent}

.tap-camera-zone{cursor:pointer;padding:0!important;color:inherit;font:inherit;touch-action:manipulation;position:relative;min-height:230px;width:min(100%,360px)}.tap-camera-zone .camera-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;line-height:1.5;text-align:center}.tap-camera-zone .camera-idle svg{width:48px;height:48px;margin:0;opacity:.7}.tap-camera-zone [data-camera-message]{display:block;font-size:13px;max-width:245px;color:var(--muted)}.tap-camera-zone.is-camera-live .camera-idle{visibility:hidden}.tap-camera-zone.is-camera-starting{cursor:progress}.tap-camera-zone:focus-visible{outline:3px solid #829fff;outline-offset:4px}.tap-camera-zone:hover:not(.is-camera-live){border-color:#829fff}.tap-camera-zone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tap-camera-zone .scan-corner{pointer-events:none}