.aud{--b:#1D4ED8;--b2:#1E3A8A;--o:#F97316;--o2:#FB923C;--n:#0F172A;--g:#64748B}
.aud .sur{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--o);margin-bottom:10px}
.aud h2{font-size:clamp(24px,3.4vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;color:var(--n)}
.aud section{position:relative}

/* hero */
.a-hero{overflow:hidden;padding:78px 0 56px;text-align:center;background:radial-gradient(700px 520px at 0% 0%,#FED7AA 0%,rgba(254,215,170,0) 70%),radial-gradient(800px 560px at 100% 10%,#BFDBFE 0%,rgba(191,219,254,0) 70%),radial-gradient(900px 500px at 50% 110%,#E9D5FF 0%,rgba(233,213,255,0) 70%),radial-gradient(600px 320px at 50% 30%,#FFFFFF 0%,rgba(255,255,255,0) 80%),linear-gradient(180deg,#FFF7ED 0%,#EEF2FF 100%)}
.a-hero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;pointer-events:none}
.a-hero .b1{width:420px;height:420px;background:#93C5FD;right:-160px;top:160px}
.a-hero .b2{width:340px;height:340px;background:#FDBA74;left:-150px;top:300px}
.a-hero .wrap{position:relative}
.pastille{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #FED7AA;color:var(--n);font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(249,115,22,.10)}
.pastille i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(249,115,22,.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(249,115,22,0)}}
.a-hero h1{font-size:clamp(36px,6.4vw,66px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 18px;color:var(--b2);font-weight:700}
.degrade{background:linear-gradient(90deg,var(--o) 0%,#FB7185 45%,var(--b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.chapo{font-size:18px;color:var(--g);max-width:36em;margin:0 auto 30px}

.a-form{max-width:640px;margin:0 auto;text-align:left}
.a-form .ligne1{display:flex;gap:10px;background:#fff;border:1.5px solid #FDBA74;border-radius:16px;padding:7px;box-shadow:0 14px 40px rgba(30,58,138,.10)}
.a-form input[type=text],.a-form input[type=email]{border:0;height:52px;font-size:16px;padding:0 14px;background:transparent;box-shadow:none}
.a-form .ligne1 input{flex:1;min-width:0}
.a-form input:focus{box-shadow:none}
.a-form .ligne1:focus-within{border-color:var(--o);box-shadow:0 0 0 4px rgba(249,115,22,.15),0 14px 40px rgba(30,58,138,.10)}
.go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--o2),var(--o) 50%,#EA580C);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:0 8px 20px rgba(234,88,12,.28);transition:transform .15s,box-shadow .15s}
.go:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(234,88,12,.34)}
.go span{transition:transform .15s}.go:hover span{transform:translateX(3px)}
.a-form .ligne2{margin-top:12px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:6px 8px 12px;transition:all .25s}
.a-form .ligne2 input[type=email]{width:100%;border-bottom:1px solid #E2E8F0;border-radius:0}
.a-form .accord{margin:10px 6px 0}
.a-form.js:not(.ouvert) .ligne2{display:none}
.a-form .err{margin-bottom:10px}

.chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:34px auto 0}
.chiffres div{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 12px;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.chiffres b{font-size:22px;color:var(--b);letter-spacing:-.02em}
.chiffres span{font-size:12.5px;color:var(--g);line-height:1.3}
.cms{margin:26px 0 0;font-size:13px;color:var(--g)}
.cms span{display:inline-block;margin:4px 5px;padding:4px 10px;border-radius:999px;background:#F1F5F9;color:#334155;font-weight:600}

/* décor du haut */
.decor{position:absolute;inset:0;pointer-events:none}
.grillefond{position:absolute;inset:0;background-image:radial-gradient(#CBD5E1 1.2px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,transparent 35%,#000 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,transparent 35%,#000 75%);opacity:.7}
.flot{position:absolute;animation:flotte 7s ease-in-out infinite}
.flot>div{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 18px 40px rgba(30,58,138,.13);text-align:left}
@keyframes flotte{50%{transform:translateY(-12px)}}
.d1{left:2%;top:90px;transform:rotate(-4deg);animation-delay:-1s}
.d1 .serp{width:250px;padding:14px;rotate:-4deg}
.gg{font-weight:700;font-size:17px;letter-spacing:-.02em}
.barre-rech{margin:8px 0 10px;border:1px solid #E2E8F0;border-radius:999px;padding:6px 12px;font-size:11.5px;color:#475569}
.res{padding:8px 10px;border-radius:10px;margin-top:6px}
.res.un{background:#F0FDF4;border:1px solid #BBF7D0}
.res small{display:block;font-size:10px;color:#16A34A}
.res b{display:block;font-size:12px;color:#1A0DAB;margin:1px 0 5px}
.res b.g{height:8px;width:70%;background:#E2E8F0;border-radius:4px}
.res i{display:block;height:6px;border-radius:3px;background:#E2E8F0;margin-top:4px}
.res i.c{width:60%}
.d2{right:2%;top:70px;animation-delay:-3s}
.d2 .ia{display:flex;gap:10px;width:270px;padding:14px;rotate:3deg}
.ia .av{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F97316,#A855F7)}
.ia small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#A855F7}
.ia p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:#334155}
.ia p b{color:#1D4ED8}
.d3{left:5%;top:395px;animation-delay:-2s}
.d3 .pin{display:flex;align-items:center;gap:10px;padding:10px 14px;rotate:3deg}
.pin svg{width:30px;height:30px}
.pin b{display:block;font-size:13px}.pin small{font-size:11.5px;color:#16A34A}
.d4{right:3%;top:330px;animation-delay:-5s}
.d4 .courbe{width:210px;padding:12px 14px;rotate:-3deg}
.courbe small{font-size:11px;color:var(--g)}
.courbe svg{display:block;width:100%;height:56px;margin:4px 0}
.courbe b{font-size:18px;color:#16A34A}
.d5{left:9%;top:610px;animation-delay:-4s}
.mini-score{position:relative;width:64px;height:64px;padding:6px;border-radius:50%!important}
.mini-score svg{width:100%;height:100%}
.mini-score b{position:absolute;inset:0;display:grid;place-items:center;font-size:17px}
.d6{right:8%;top:620px;animation-delay:-6s}
.loupe{width:52px;height:52px;border-radius:16px!important;display:grid;place-items:center;background:linear-gradient(135deg,#3B82F6,#6366F1)!important;border:0!important}
.loupe svg{width:26px;height:26px}
.a-hero .wrap{z-index:1}
@media (max-width:1180px){.d1,.d2{transform:scale(.85)}.d1{left:-3%}.d2{right:-3%}.d3,.d4,.d5,.d6{display:none}}
@media (max-width:900px){.decor .flot{display:none}}
/* fusée */
.fusee{width:96px;height:96px;margin:0 auto 14px}
.fusee svg{width:100%;height:100%}
.flamme{transform-origin:60px 76px;animation:flamme .35s ease-in-out infinite alternate}
@keyframes flamme{to{transform:scaleY(1.25)}}

/* rapport */
.a-rapport{padding:40px 0 30px}
.sombre{background:radial-gradient(700px 400px at 85% 20%,rgba(29,78,216,.55),rgba(29,78,216,0) 70%),linear-gradient(135deg,#0B1028 0%,#111A44 60%,#1E1B4B 100%);border-radius:26px;padding:48px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;color:#E2E8F0;overflow:hidden}
.sombre h2{color:#fff}
.sombre p{color:#CBD5E1;margin:0 0 16px}
.sombre ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.sombre li{padding-left:28px;position:relative}
.sombre li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:rgba(249,115,22,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FB923C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.maquette{background:#fff;color:var(--n);border-radius:16px;padding:0 18px 18px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);font-size:13px}
.barre-nav{display:flex;align-items:center;gap:6px;height:38px;border-bottom:1px solid #EEF2F7;margin:0 -18px 14px;padding:0 14px}
.barre-nav i{width:9px;height:9px;border-radius:50%;background:#E2E8F0}
.barre-nav span{margin-left:10px;background:#F1F5F9;border-radius:6px;padding:3px 10px;font-size:11px;color:var(--g)}
.m-haut{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.anneau{position:relative;width:70px;height:70px}
.anneau svg{width:70px;height:70px}
.anneau b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px}
.m-site{font-weight:700;font-size:15px}
.m-pot{color:var(--g)}.m-pot b{color:#16A34A}
.m-cats{display:grid;gap:7px;margin-bottom:14px}
.m-cats div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;color:#334155}
.m-cats i{height:7px;border-radius:5px;background:linear-gradient(90deg,var(--c,#1D4ED8) var(--v),#E2E8F0 var(--v))}
.m-act{display:flex;align-items:center;gap:8px;border:1px solid #EEF2F7;border-radius:10px;padding:8px 10px;margin-top:7px}
.m-act em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:5px;color:#fff}
.m-act .imp{background:#EA580C}.m-act .min{background:#A16207}
.m-act span{flex:1}
.m-act b{color:#16A34A;background:#F0FDF4;border-radius:999px;padding:2px 8px;font-size:12px}

/* familles */
.a-fam{padding:80px 0 60px;margin-top:40px;background:radial-gradient(700px 380px at 0% 0%,#DBEAFE 0%,rgba(219,234,254,0) 70%),radial-gradient(700px 380px at 100% 100%,#FFEDD5 0%,rgba(255,237,213,0) 70%),#F8FAFC}
.fam-tete{text-align:center;max-width:760px;margin:0 auto 40px}
.fam-tete h2{font-size:clamp(28px,4.4vw,48px);line-height:1.08;letter-spacing:-.03em}
.fam-tete p{color:var(--g);font-size:17px;margin:0}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grille .f{--c1:#1D4ED8;--c2:#6366F1;position:relative;background:#fff;border-radius:22px;padding:30px 28px 26px;border:1px solid #E2E8F0;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden;transition:transform .2s,box-shadow .2s}
.grille .f::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.grille .f::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,var(--c2) 0%,transparent 70%);opacity:.12}
.grille .f:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(15,23,42,.12)}
.grille .c1{--c1:#2563EB;--c2:#06B6D4}
.grille .c2{--c1:#4F46E5;--c2:#8B5CF6}
.grille .c3{--c1:#0EA5E9;--c2:#22C55E}
.grille .c4{--c1:#F97316;--c2:#F43F5E}
.grille .c5{--c1:#10B981;--c2:#14B8A6}
.grille .c6{--c1:#F97316;--c2:#A855F7}
.grille .ic{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 12px 26px -8px var(--c1);margin-bottom:20px;position:relative;z-index:1}
.grille .ic svg{width:30px;height:30px}
.grille h3{font-size:21px;margin:0 0 8px;color:var(--n);letter-spacing:-.01em}
.grille p{margin:0 0 16px;color:var(--g);font-size:15px}
.grille ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}
.grille li{position:relative;padding-left:26px;font-size:14.5px;color:#334155;font-weight:500}
.grille li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:6px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.grille li::after{content:"";position:absolute;left:5px;top:6px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.grille .ex{border-radius:12px;padding:10px 12px 10px 38px;font-size:13.5px;font-weight:600;position:relative;background:#F8FAFC;border:1px dashed #CBD5E1;color:var(--n)}
.grille .ex small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin-bottom:2px}
.grille .ex::before{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:700}
.grille .ex.ok::before{content:"✓";background:#16A34A}
.grille .ex.warn::before{content:"!";background:#EA580C}
.grille .ex.err::before{content:"×";background:#DC2626}

/* étapes */
.a-etapes{padding:84px 0 90px;color:#fff;overflow:hidden;background:radial-gradient(600px 360px at 10% 0%,rgba(251,146,60,.45),rgba(251,146,60,0) 70%),radial-gradient(700px 420px at 100% 100%,rgba(168,85,247,.45),rgba(168,85,247,0) 70%),linear-gradient(135deg,#1D4ED8 0%,#3730A3 55%,#4C1D95 100%)}
.et-tete{text-align:center;max-width:720px;margin:0 auto 52px}
.et-tete .sur{color:#FDBA74}
.et-tete h2{color:#fff;font-size:clamp(30px,4.6vw,50px);line-height:1.05;letter-spacing:-.03em}
.et-tete p{color:#E0E7FF;font-size:17px;margin:0}
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}
.trois::before{content:"";position:absolute;left:16%;right:16%;top:118px;border-top:2px dashed rgba(255,255,255,.35);z-index:0}
.et{position:relative;z-index:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:26px 26px 24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,background .2s}
.et:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}
.et .num{position:absolute;top:-18px;left:26px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(135deg,#FB923C,#EA580C);box-shadow:0 10px 24px rgba(234,88,12,.45)}
.et.e2 .num{background:linear-gradient(135deg,#60A5FA,#2563EB);box-shadow:0 10px 24px rgba(37,99,235,.5)}
.et.e3 .num{background:linear-gradient(135deg,#34D399,#059669);box-shadow:0 10px 24px rgba(5,150,105,.45)}
.visu{height:150px;border-radius:18px;background:#fff;margin:14px 0 22px;display:grid;place-items:center;padding:16px;box-shadow:0 18px 40px rgba(15,23,42,.25);color:var(--n)}
.et h3{margin:0 0 8px;font-size:22px;color:#fff}
.et p{margin:0 0 16px;color:#E0E7FF;font-size:15px}
.duree{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px}
.duree::before{content:"⏱"}
.v-champ{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid #FDBA74;border-radius:12px;padding:6px 6px 6px 12px;font-size:14px}
.v-champ i{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#FB923C,#EA580C);border-radius:8px;padding:7px 10px;white-space:nowrap}
.v-mail{border-color:#E2E8F0;color:var(--g);padding:10px 12px;margin-top:-30px}
.e1 .visu{align-content:center;gap:10px}
.e1 .v-mail{margin-top:0}
.v-crawl{position:relative;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2563EB 0 62%,#E2E8F0 62% 100%);animation:tourne 6s linear infinite}
.v-crawl::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.v-crawl b{position:relative;font-size:28px;line-height:1;text-align:center;animation:tourne 6s linear infinite reverse}
.v-crawl b small{display:block;font-size:11px;color:var(--g);font-weight:600}
@keyframes tourne{to{transform:rotate(360deg)}}
.v-crawl .pt{position:absolute;width:10px;height:10px;border-radius:50%;background:#F97316}
.p1{top:-14px;left:50%}.p2{top:20%;right:-16px}.p3{bottom:10%;right:-10px;background:#22C55E!important}.p4{bottom:-14px;left:40%}.p5{bottom:20%;left:-16px;background:#6366F1!important}.p6{top:12%;left:-8px;background:#22C55E!important}
.v-res{display:flex;align-items:center;gap:14px}
.v-res .note{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:700;color:#fff;background:#16A34A;box-shadow:0 0 0 6px #DCFCE7}
.v-res b{display:block;font-size:34px;line-height:1}
.v-res b small{font-size:14px;color:var(--g);font-weight:400}
.v-res em{font-style:normal;font-size:12px;font-weight:700;color:#16A34A}
.v-res .pdf{font-size:11px;font-weight:700;color:#fff;background:#DC2626;border-radius:6px;padding:16px 8px 6px;position:relative}
.v-res .pdf::before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent}
.et-cta{text-align:center;margin-top:46px}

/* faq */
.a-faq{margin-top:0;padding:70px 0 80px;color:#CBD5E1;background:radial-gradient(800px 420px at 90% 10%,rgba(29,78,216,.35),rgba(29,78,216,0) 70%),radial-gradient(600px 400px at 0% 100%,rgba(249,115,22,.14),rgba(249,115,22,0) 70%),linear-gradient(180deg,#0B1028 0%,#111A44 100%)}
.faq-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:46px}
.faq-tete h2{color:#fff;font-size:clamp(30px,4.6vw,50px);line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.faq-tete p{margin:0;color:#94A3B8}
.faq-tete i{display:block;width:44px;height:2px;background:var(--o);margin-top:22px}
.faq-tete .sur{margin:0 0 12px;white-space:nowrap}
.faq-corps{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:start}
.faq-liste{display:grid;gap:12px}
.q{padding:26px 26px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);cursor:pointer;opacity:.55;transition:opacity .35s,background .35s,border-color .35s;min-height:40vh;display:flex;flex-direction:column;justify-content:center}
.q.actif{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-color:rgba(253,186,116,.35);box-shadow:0 20px 40px rgba(0,0,0,.25)}
.q-haut{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.q-img{flex-shrink:0;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:transform .35s}
.q-img svg{width:52px;height:52px}
.q.actif .q-img{transform:rotate(-6deg) scale(1.06);background:rgba(255,255,255,.12)}
.q-photo>b{display:inline-block;font-size:30px;color:var(--o);line-height:1;padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid var(--o);width:max-content}
.q h3{color:#fff;font-size:21px;margin:0 0 10px;letter-spacing:-.01em}
.q p{margin:0 0 14px;color:#CBD5E1;font-size:15.5px}
.q ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:14.5px}
.q li{padding-left:24px;position:relative}
.q li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334D399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.faq-ecran{position:sticky;top:150px}
.ecran{position:relative;height:400px;border-radius:22px;background:linear-gradient(160deg,#141C44,#0E1433);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.ecran::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 80% 0%,rgba(249,115,22,.22),transparent 70%)}
.vue{position:absolute;inset:0;padding:34px 200px 34px 34px;display:flex;flex-direction:column;justify-content:center;gap:16px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .45s,transform .45s;pointer-events:none}
.vue.actif{opacity:1;transform:none;pointer-events:auto}
.vue .tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FDBA74;background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.35);padding:5px 12px;border-radius:999px}
.vue .gros{font-size:92px;font-weight:700;letter-spacing:-.05em;line-height:1;background:linear-gradient(90deg,#FDBA74,#F97316 40%,#818CF8);-webkit-background-clip:text;background-clip:text;color:transparent}
.vue .petitgros{font-size:72px}
.vue .lig{color:#E2E8F0;font-size:16px}
.vue .pills{display:flex;gap:8px;flex-wrap:wrap}
.vue .pills span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px}
.vue .cadenas{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--b),#6366F1);box-shadow:0 14px 34px rgba(79,70,229,.45)}
.vue .bouclier{background:linear-gradient(135deg,#059669,#10B981);box-shadow:0 14px 34px rgba(16,185,129,.35)}
.vue .cadenas svg{width:40px;height:40px}
.vue .coches{display:grid;gap:10px}
.vue .coches span{display:flex;align-items:center;gap:10px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px 14px;font-size:15px}
.vue .coches span::before{content:"✓";color:#34D399;font-weight:700}
.vue .frise{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vue .frise span{text-align:center;font-size:13px;padding:9px 6px;border-radius:10px;background:rgba(255,255,255,.05);color:#64748B;border:1px solid rgba(255,255,255,.07)}
.vue .frise .ok{color:#34D399;border-color:rgba(52,211,153,.35)}
.vue .frise .en{color:#FDBA74;border-color:rgba(249,115,22,.5);animation:clig 1.2s infinite}
@keyframes clig{50%{opacity:.5}}
.vue .jauge{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.vue .jauge i{display:block;height:100%;width:62%;background:linear-gradient(90deg,var(--b),var(--o));border-radius:6px}
.vue .choix{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vue .choix div{border-radius:16px;padding:18px;background:rgba(29,78,216,.18);border:1px solid rgba(99,102,241,.4)}
.vue .choix .or{background:rgba(249,115,22,.14);border-color:rgba(249,115,22,.45)}
.vue .choix b{display:block;color:#fff;font-size:20px;margin-bottom:4px}
.vue .choix span{font-size:13.5px;color:#CBD5E1}
.vue .go{align-self:flex-start}
.v-img{position:absolute;right:18px;top:50%;width:170px;height:170px;transform:translateY(-50%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));animation:flotte 6s ease-in-out infinite}
.v-img svg{width:100%;height:100%}
.vue[data-n="4"] .choix{grid-template-columns:1fr}
.vue[data-n="4"] .choix div{padding:12px 16px}

/* fin */
.a-fin{overflow:hidden;padding:90px 0;color:#fff;background:linear-gradient(120deg,#F97316,#EC4899,#8B5CF6,#2563EB,#F97316);background-size:300% 300%;animation:degrade 14s ease infinite}
@keyframes degrade{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.orbe{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:flotte 9s ease-in-out infinite}
.o1{width:320px;height:320px;background:#FDE68A;left:-80px;top:-100px}
.o2{width:280px;height:280px;background:#1E3A8A;right:8%;bottom:-120px;animation-delay:-3s}
.o3{width:200px;height:200px;background:#F0ABFC;left:40%;top:-60px;animation-delay:-6s}
.etoile{position:absolute;color:#fff;font-size:18px;opacity:.8;animation:scintille 2.6s ease-in-out infinite}
.etoile.st1{left:6%;top:22%}.etoile.st2{left:46%;top:14%;font-size:12px;animation-delay:-.8s}.etoile.st3{right:6%;top:30%;animation-delay:-1.4s}.etoile.st4{left:30%;bottom:14%;font-size:13px;animation-delay:-2s}.etoile.st5{right:30%;bottom:20%;font-size:22px;animation-delay:-.4s}
@keyframes scintille{50%{opacity:.15;transform:scale(.6) rotate(45deg)}}
.fin-grille{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.pastille-fin{display:inline-block;font-size:13px;font-weight:700;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 14px;backdrop-filter:blur(6px)}
.a-fin h2{color:#fff;font-size:clamp(32px,5vw,56px);line-height:1.04;letter-spacing:-.03em;margin:18px 0 14px;text-shadow:0 4px 30px rgba(0,0,0,.15)}
.a-fin p{font-size:18px;margin:0 0 26px;color:rgba(255,255,255,.92);max-width:32em}
.fin-form{display:flex;gap:8px;max-width:560px;background:rgba(255,255,255,.96);border-radius:18px;padding:8px;box-shadow:0 24px 50px rgba(30,27,75,.35)}
.fin-form input{flex:1;min-width:0;border:0;height:54px;padding:0 16px;font:inherit;font-size:17px;background:transparent;color:var(--n)}
.fin-form input:focus{outline:none}
.fin-form button{height:54px;border:0;border-radius:13px;padding:0 24px;font:inherit;font-weight:700;font-size:16px;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1E3A8A,#4F46E5);box-shadow:0 10px 24px rgba(79,70,229,.45);transition:transform .15s}
.fin-form button:hover{transform:translateY(-2px)}
.fin-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px;font-size:14.5px;font-weight:600}
.fin-visu{position:relative;height:300px}
.fusee2{position:absolute;left:50%;top:10px;width:140px;margin-left:-70px;filter:drop-shadow(0 24px 30px rgba(30,27,75,.45));animation:decolle 3.2s ease-in-out infinite}
@keyframes decolle{0%,100%{transform:translateY(10px) rotate(8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
.flamme2{transform-origin:60px 94px;animation:flamme .18s ease-in-out infinite alternate}
.trainee{position:absolute;left:50%;top:150px;width:10px;height:150px;margin-left:-14px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(4px);transform:rotate(8deg);animation:trainee 1.2s ease-in-out infinite alternate}
@keyframes trainee{to{height:110px;opacity:.6}}
.badge-score{position:absolute;right:4%;bottom:30px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--n);border-radius:16px;padding:10px 14px;box-shadow:0 18px 36px rgba(30,27,75,.35);animation:flotte 5s ease-in-out infinite}
.badge-score b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#16A34A;font-size:18px}
.badge-score span{font-weight:700}

@media (max-width:900px){
 .sombre{grid-template-columns:1fr;padding:30px 22px}
 .maquette{transform:none}
 .chiffres{grid-template-columns:1fr 1fr}
 .grille{grid-template-columns:1fr 1fr}
 .fin-grille{grid-template-columns:1fr}
 .fin-visu{display:none}
 .a-fin{padding:60px 0}
 .trois{grid-template-columns:1fr;gap:34px}
 .trois::before{display:none}
 .faq-corps{grid-template-columns:1fr;gap:0}
 .faq-ecran{display:none}
 .q{opacity:1;min-height:0;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
 .faq-tete{flex-direction:column-reverse;align-items:flex-start;gap:0}
}
@media (max-width:640px){
 .a-hero{padding:40px 0 34px}
 .chapo{font-size:16px}
 .a-form .ligne1{flex-direction:column;padding:8px}
 .go{width:100%}
 .fin-form{flex-direction:column}
 .fin-form button{width:100%}
 .grille{grid-template-columns:1fr}
 .m-cats div{grid-template-columns:100px 1fr}
}

/* photos des questions */
.q-photo{position:relative;height:170px;border-radius:14px;overflow:hidden;margin:-8px -8px 20px;background:#1E293B}
.q-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .6s,filter .4s;filter:saturate(.8) brightness(.85)}
.q.actif .q-photo img{transform:scale(1.08);filter:none}
.q-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,40,0) 40%,rgba(11,16,40,.85) 100%)}
.q-photo>b{position:absolute;left:16px;bottom:12px;z-index:1;margin:0!important;padding:0 0 6px!important;font-size:30px;color:#FDBA74!important;border-bottom:2px solid #F97316!important}
.q{justify-content:flex-start!important}

/* === nouveau haut de page audit === */
.a-hero.h2{text-align:left;padding:70px 0 0;color:#fff;background:radial-gradient(700px 460px at 85% 10%,rgba(249,115,22,.45),rgba(249,115,22,0) 70%),radial-gradient(800px 500px at 0% 100%,rgba(124,58,237,.55),rgba(124,58,237,0) 70%),linear-gradient(135deg,#0B1F66 0%,#1D4ED8 55%,#2563EB 100%)}
.h-grille{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.h-cols{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}
.h-sur{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FDBA74}
.h-sur span{width:34px;height:2px;background:#FDBA74}
.a-hero.h2 h1{color:#fff;text-align:left;margin:0 0 18px;font-size:clamp(34px,5vw,58px)}
.h-surl{color:#FDBA74;text-decoration:underline;text-decoration-color:rgba(253,186,116,.55);text-decoration-thickness:6px;text-underline-offset:10px}
.h-chapo{font-size:18px;color:#DBEAFE;margin:0 0 26px;max-width:34em}
.h-form{background:#fff;color:var(--n);border-radius:20px;padding:22px;box-shadow:0 30px 60px rgba(2,6,23,.35);max-width:520px;margin:0}
.h-lab{font-size:13px;font-weight:700;color:#334155;margin:0 0 6px;display:block}
.h-lab+.h-champ{margin-bottom:14px}
.a-form input.h-champ{width:100%;height:50px;border:1.5px solid #CBD5E1;border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:#F8FAFC}
.a-form input.h-champ:focus{border-color:#1D4ED8;background:#fff;box-shadow:0 0 0 3px rgba(29,78,216,.15)}
.h-acc{margin:4px 0 0}
.h-btn{width:100%;height:56px;margin-top:16px;border:0;border-radius:14px;background:linear-gradient(135deg,#FB923C,#EA580C);color:#fff;font:inherit;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 12px 26px rgba(234,88,12,.35)}
.h-btn:hover{filter:brightness(1.05)}
.h-mini{margin:10px 0 0;text-align:center;font-size:12.5px;color:#64748B}
.h-scan{position:relative;padding:20px 10px 40px}
.sc-fen{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px rgba(2,6,23,.4);transform:rotate(-2deg)}
.sc-barre{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#F1F5F9;border-bottom:1px solid #E2E8F0}
.sc-barre i{width:10px;height:10px;border-radius:50%;background:#CBD5E1}
.sc-barre span{margin-left:10px;font-size:12px;color:#475569;background:#fff;border-radius:6px;padding:4px 10px}
.sc-page{position:relative;padding:22px;height:230px}
.sc-ligne{height:12px;border-radius:6px;background:#E2E8F0;margin-bottom:12px}
.l1{width:55%;height:18px;background:#1E3A8A}.l2{width:85%}.l3{width:90%}.l4{width:70%}.l5{width:40%;background:#FDBA74}
.sc-bloc{height:70px;border-radius:10px;background:linear-gradient(135deg,#DBEAFE,#EDE9FE);margin-bottom:12px}
.sc-laser{position:absolute;left:0;right:0;top:0;height:3px;background:#F97316;box-shadow:0 0 18px 6px rgba(249,115,22,.45);animation:laser 3s ease-in-out infinite}
@keyframes laser{0%{top:6%}50%{top:94%}100%{top:6%}}
.sc-liste{position:absolute;right:-6px;bottom:-4px;width:250px;display:grid;gap:8px}
.sc-it{display:flex;align-items:center;gap:10px;background:#fff;color:#0F172A;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:600;box-shadow:0 14px 30px rgba(2,6,23,.25);opacity:0;transform:translateX(20px);animation:apparait .5s var(--d) forwards}
.sc-it b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;flex-shrink:0}
.sc-it.ok b{background:#16A34A}.sc-it.warn b{background:#EA580C}.sc-it.err b{background:#DC2626}
@keyframes apparait{to{opacity:1;transform:none}}
.sc-note{position:absolute;left:-14px;top:150px;display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:12px 16px}
.sc-note svg{width:52px;height:52px}
.sc-note b{display:block;font-size:24px;line-height:1}.sc-note small{color:#94A3B8;font-size:12px}
.sc-arc{stroke-dasharray:0 100;animation:arc 2s 1s ease-out forwards}
@keyframes arc{to{stroke-dasharray:86 100}}
.h-bas{position:relative;display:flex;flex-wrap:wrap;gap:12px 34px;align-items:center;margin-top:56px;padding:22px 20px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;color:#DBEAFE}
.h-bas b{color:#fff;font-size:20px;margin-right:4px}
.h-cms{margin-left:auto;font-size:13px;color:#93C5FD}
@media (max-width:900px){
 .h-cols{grid-template-columns:1fr;gap:30px}
 .h-scan{display:none}
 .a-hero.h2{padding-top:40px}
 .h-cms{margin-left:0}
}