:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#182a39;background:#f3f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1100px;margin:auto;padding:0 22px}.nav{background:#fff;border-bottom:1px solid #e0e9ef}.nav-in{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:21px;display:flex;align-items:center;gap:11px;letter-spacing:-.5px}.brand small{font-size:9px;display:block;letter-spacing:3px;color:#6b8795}.logo{display:grid;place-items:center;background:#0e7868;color:white;border-radius:11px;width:37px;height:37px;font-size:24px}.nav-tag{font-size:12px;color:#487084;background:#eef5f7;border-radius:100px;padding:8px 12px}.main{padding-top:38px;padding-bottom:40px}.hero{text-align:center;padding:10px 0 30px}.eyebrow{color:#0c8c75;font-weight:700;letter-spacing:2px;font-size:11px}.hero h1{font-size:clamp(31px,4.5vw,54px);line-height:1.13;letter-spacing:-2px;margin:14px 0}.hero h1 span{color:#117e72}.hero>p:last-child{color:#58707e;font-size:16px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border-radius:17px;background:#fff;padding:28px;border:1px solid #e2e9ee;box-shadow:0 5px 30px #112c4211;min-height:535px}.panel h2{font-size:19px;margin:0 0 13px;display:flex;align-items:center;gap:10px}.number{color:#158779;background:#e9f9f5;border-radius:9px;font-size:12px;padding:6px 9px}.muted{color:#6e8491;font-size:14px;line-height:1.6}.scan-graphic{width:135px;height:135px;background:#f0faf8;border-radius:22px;margin:24px auto 24px;display:grid;place-items:center}.scan-graphic svg{width:94px;fill:none;stroke:#278d81;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{padding:12px 16px;border-radius:10px;font-weight:650;border:1px solid transparent;font-size:13px;white-space:normal}.primary{background:#0b8576;color:white;flex:1}.secondary{background:#f3f7f9;color:#254453;border-color:#dfe9ee;flex:1;text-align:center}.dark{background:#132f43;color:white}.full{width:100%;margin-top:12px}.field-label{display:block;margin-top:24px;font-weight:650;font-size:12px;margin-bottom:8px}textarea{resize:vertical;display:block;width:100%;border:1px solid #d8e5ea;border-radius:9px;min-height:68px;padding:12px;color:#304757}textarea:focus{outline:2px solid #a1ded2}.notice{font-size:13px;min-height:15px;color:#ad4d21}.empty{text-align:center;padding:85px 18px 50px;color:#6f8794}.empty .badge-big{font-size:31px;background:#edf4f7;width:75px;height:75px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center}.empty h3{color:#244253;margin:0}.empty p{font-size:13px;line-height:1.6}.privacy{background:#f1f8f8;border-radius:11px;margin-top:30px;display:flex;gap:10px;padding:12px 16px;color:#60818a;font-size:12px;line-height:1.5}.privacy p{margin:0}.identity{display:flex;align-items:center;gap:17px;margin:23px 0 27px}.avatar{width:64px;height:64px;border-radius:16px;background:#e5f4f1;display:grid;place-items:center;font-size:32px}.smallcap{font-weight:700;font-size:10px;color:#7c909a;letter-spacing:1px}.identity h3{margin:5px 0;font-size:20px}.identity p{margin:0;color:#607784;font-size:13px}.status{font-size:13px;padding:13px 15px;border-radius:10px;font-weight:800}.ok{background:#e1f8ec;color:#086e3c}.warn{background:#fff0d5;color:#8f5405}.bad{background:#ffebeb;color:#a22121}.details{border-top:1px solid #edf1f4}.details>div{padding:13px 1px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f4;font-size:13px}.details span{color:#758995}.details strong{text-align:right}.explain{font-size:13px;line-height:1.6;color:#4f6876;margin:21px 0}.fine{font-size:11px;color:#889ba4}.connection{font-size:12px;color:#667d89;font-weight:700}footer{text-align:center;margin:30px auto 0;max-width:750px;font-size:12px;color:#758b97;line-height:1.7}.camera-wrap{margin-top:14px}.camera-wrap video{width:100%;background:#1d3445;border-radius:12px;max-height:290px;object-fit:cover}.camera-wrap .btn{margin-top:8px;width:100%}@media(max-width:760px){.layout{grid-template-columns:1fr}.main{padding-top:24px}.panel{padding:22px;min-height:0}.hero{padding:7px 0 24px}.hero h1{letter-spacing:-1px}.nav-tag{display:none}.scan-graphic{margin:15px auto}.empty{padding:45px 0}.details>div{flex-wrap:wrap}}
.demo-button{width:100%;margin-top:12px;border:1px dashed #58af9d;color:#0c7367;background:#f2fcf8}


/* V3 — vitrine commerciale et navigation, sans modification du lecteur QR */
:root{--marine:#0b2947;--teal:#087c77;--muted:#667f8e;--line:#e0ebef}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:#fff;color:#173248;min-width:310px}
a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #16aa9a;outline-offset:3px}
[hidden]{display:none!important}.shell{max-width:1170px;padding-inline:25px}
.nav{position:sticky;z-index:40;top:0;background:#ffffffed;backdrop-filter:blur(12px);border-color:#e8eff2}
.nav-in{min-height:78px;height:auto;padding-block:10px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.brand{color:var(--marine);font-size:22px;text-decoration:none}.brand-icon{display:inline-grid;place-items:center;background:var(--marine);color:#fff;border-radius:11px;width:42px;height:42px;margin-right:11px;font-size:24px}
.brand small{margin-left:54px;font-size:8px;letter-spacing:3px;color:#0e9286}.nav-menu{display:flex;gap:26px;align-items:center;color:#426475;font-size:13px;font-weight:750}
.nav-menu a{color:inherit}.nav-menu .nav-cta{color:#fff;background:var(--marine);padding:13px 17px;border-radius:10px}

.main{padding-top:0}.hero{padding:79px 0 89px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center;text-align:left}
.hero-text{max-width:570px}.hero .eyebrow{font-size:10px;letter-spacing:1.8px;margin:0 0 20px;color:#0d8178}.hero-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19b8aa;margin-right:9px;box-shadow:0 0 0 5px #dff8f3}
.hero h1{font-size:clamp(35px,4.4vw,58px);line-height:1.12;letter-spacing:-2.1px;font-weight:840;color:var(--marine);margin:0 0 20px}
.hero h1 span{color:var(--teal)}.hero-text>p:not(.eyebrow):not(.hero-meta){font-size:15px;line-height:1.8;color:#687f8e;margin:0 0 26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .btn{font-size:13px;font-weight:800;border-radius:11px;text-align:center;padding:15px 19px;text-decoration:none;display:inline-block}
.hero .btn.primary{background:var(--teal);border-color:var(--teal)}.hero .btn.secondary{border:1px solid #d3e4e9;background:#fff;color:var(--marine)}
.hero-meta{font-size:11px;color:#75909a;margin-top:28px}.hero-art{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.art-glow{position:absolute;width:95%;height:90%;background:radial-gradient(ellipse,#caeae4 0,#effbf7 55%,transparent 75%);border-radius:50%}
.pvc-card{position:relative;z-index:1;width:min(100%,470px);aspect-ratio:1.61;background:linear-gradient(135deg,#fff 38%,#e7f5f4 100%);border:1px solid #d0e3e0;box-shadow:0 28px 50px #0c3d4e32;border-radius:19px;transform:rotate(-5deg);padding:22px;display:flex;flex-direction:column}
.pvc-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pvc-school{font-size:9px;letter-spacing:1px;color:#386274;line-height:1.5}.pvc-school strong{color:var(--marine)}.pvc-chip{font-weight:900;letter-spacing:1px;font-size:8px;border:1px solid #a9c9cc;border-radius:8px;padding:7px;color:#368377}
.pvc-body{display:flex;align-items:center;gap:14px;margin:25px 0 14px}.pvc-photo{width:80px;height:107px;background:#e2ebf1;border-radius:7px;overflow:hidden;flex-shrink:0}.pvc-photo svg{width:100%;height:100%}.pvc-person{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.pvc-person small{color:#6b8c99;letter-spacing:1px;font-size:8px}.pvc-person strong{font-size:18px;color:var(--marine)}.pvc-person span{font-size:10px;color:#5f8190}
.pvc-qr{font-size:46px;color:var(--marine);font-weight:900}.pvc-foot{margin-top:auto;border-top:1px solid #c6dddc;padding-top:12px;color:#487786;letter-spacing:1px;font-size:8px;font-weight:800}
.art-tag{position:absolute;z-index:2;left:-5px;bottom:20px;background:#fff;box-shadow:0 14px 35px #053e4b30;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;transform:rotate(2deg)}.art-tag>span{background:#d7f7e9;color:#117c5a;border-radius:8px;padding:7px 10px;font-weight:900}.art-tag strong{display:block;color:var(--marine);font-size:12px}.art-tag small{color:#6d8996;font-size:10px}
.audience-bar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center;margin:0 calc(-1 * clamp(25px,4vw,45px));padding:26px 20px;background:#f5f9fa;border-top:1px solid #edf2f4;border-bottom:1px solid #edf2f4;font-size:12px}.audience-bar span{color:#8198a5}.audience-bar strong{color:#496c7c}
.section-title{text-align:center;max-width:740px;margin:0 auto 32px;padding-top:62px}.section-title>span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:2px}.section-title h2{font-size:clamp(27px,3.3vw,41px);line-height:1.17;letter-spacing:-1px;color:var(--marine);margin:13px 0}.section-title p{font-size:13px;line-height:1.8;color:#6b8390}
.layout{padding-bottom:30px}.panel{border-radius:17px;border-color:#e0eaf0;box-shadow:0 10px 35px #193e4b15}.panel h2{color:var(--marine)}
.services-section{padding:20px 0 80px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;gap:10px;border-radius:17px;border:1px solid #e0eaf0;box-shadow:0 8px 24px #102e3d0d;padding:28px;min-height:315px}
.service-ico{width:54px;height:54px;border-radius:14px;background:#e7f7f3;color:#0b8177;display:grid;place-items:center;font-size:31px;margin-bottom:10px}
.service-card small{letter-spacing:1.5px;color:#8396a1;font-weight:800;font-size:10px}.service-card h3{font-size:20px;color:var(--marine);margin:4px 0 2px}.service-card p{font-size:13px;line-height:1.75;color:#6b8491;flex:1;margin:0}.service-tag{padding-top:15px;color:#138175;font-weight:800;font-size:11px}.service-tag.pending{color:#a87525}
.annuaire-banner{margin-top:24px;border-radius:15px;background:#eff8f7;display:flex;gap:20px;align-items:center;padding:22px 25px}.annuaire-symbol{width:48px;height:48px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#d7f2eb;color:#0b867b;font-size:28px}.annuaire-banner div{flex:1}.annuaire-banner strong{font-size:15px;color:var(--marine)}.annuaire-banner p{font-size:12px;line-height:1.65;color:#6e8791;margin:8px 0 0}.annuaire-banner a{font-size:11px;font-weight:900;color:#0a8276}
.process-section{margin:0 calc(-1 * clamp(25px,4vw,45px));padding:5px clamp(25px,4vw,45px) 70px;background:#f7fafb}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;text-align:center}.process-grid b{width:50px;height:50px;border-radius:50%;background:#dff6ef;color:#087e75;display:grid;place-items:center;margin:0 auto 17px}.process-grid h3{color:var(--marine);font-size:17px;margin:0 0 8px}.process-grid p{font-size:13px;color:#77909d;line-height:1.7;margin:0}
.request-section{margin:0 calc(-1 * clamp(25px,4vw,45px));padding:74px clamp(25px,4vw,45px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center;background:linear-gradient(130deg,#0b2545,#0b4561);color:#fff}
.request-intro>span{font-size:11px;letter-spacing:2px;color:#6ad9c9;font-weight:900}.request-intro h2{font-size:clamp(29px,3.7vw,43px);line-height:1.15;letter-spacing:-1px;margin:16px 0}.request-intro p{font-size:14px;color:#bed4df;line-height:1.8}.request-intro .request-disclaimer{font-size:11px;color:#a5d5d3}
.quote-form{background:white;border-radius:17px;padding:25px;box-shadow:0 15px 40px #07152b4d;display:flex;flex-direction:column;gap:11px;color:#26465b;min-width:0}
.quote-form label{font-size:12px;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;border:1px solid #d6e6e9;border-radius:9px;padding:12px;font-size:13px;color:#23465a;background:#fff}
.quote-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-row>div{display:flex;flex-direction:column;gap:10px}
.quote-form .btn{border:0;margin-top:6px;flex:0;padding:14px}.quote-form>p{font-size:11px;line-height:1.5;color:#748d98;margin:0}.quote-form>.quote-feedback-success{color:#098372;font-weight:750}.quote-fallback{border:1px dashed #a2c8be!important}
.footer-links{display:flex;gap:21px;flex-wrap:wrap;justify-content:center;padding:18px 0}.footer-links a{font-size:12px;color:var(--marine);font-weight:750}
@media(max-width:980px){.nav-menu>a:not(.nav-cta){display:none}.hero{gap:25px}.hero h1{font-size:clamp(34px,4vw,44px)}.service-card{padding:22px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:50px 0 35px}.hero-art{min-height:325px;max-width:540px;width:100%;margin:auto}.hero-text{max-width:670px}.service-grid{grid-template-columns:1fr 1fr}.service-grid>.service-card:last-child{grid-column:1/-1}.request-section{grid-template-columns:1fr;gap:25px}.annuaire-banner{flex-wrap:wrap}.annuaire-banner a{width:100%}.audience-bar{gap:12px}}
@media(max-width:580px){.shell{padding-inline:17px}.nav-in{min-height:68px}.brand{font-size:19px}.brand-icon{width:36px;height:36px;margin-right:7px}.brand small{margin-left:44px}.nav-menu .nav-cta{padding:11px;font-size:10px}.hero{padding:41px 0 35px}.hero h1{font-size:36px;letter-spacing:-1.4px}.hero-text>p:not(.eyebrow):not(.hero-meta){font-size:14px}.hero-actions .btn{flex:1;min-width:140px}.hero-art{min-height:270px}.pvc-card{padding:15px 16px;transform:rotate(-3deg)}.pvc-school{font-size:7px}.pvc-body{gap:8px;margin:15px 0 6px}.pvc-photo{width:57px;height:75px}.pvc-person strong{font-size:14px}.pvc-person span{font-size:8px}.pvc-person small{font-size:7px}.pvc-qr{font-size:29px}.pvc-foot{font-size:6px}.art-tag{bottom:9px;left:0}.audience-bar{margin-inline:-17px}.audience-bar span{width:100%;text-align:center}.section-title{padding-top:43px}.section-title h2{font-size:29px}.services-section{padding-bottom:45px}.service-grid{grid-template-columns:1fr}.service-grid>.service-card:last-child{grid-column:auto}.service-card{min-height:240px}.process-section{margin-inline:-17px;padding:1px 17px 45px}.process-grid{grid-template-columns:1fr;gap:27px}.request-section{margin-inline:-17px;padding:55px 17px}.quote-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* L'avertissement d'essai reste au point de vérification, sans bandeau commercial. */
.demo-footnote{font-size:11px;line-height:1.65;color:#647f8b;margin:9px 0 0;padding:10px 12px;border-left:2px solid #adc7d1;background:#f5f9fa;border-radius:4px}
.demo-footnote strong{color:#3b6270}