/* Systeme wiki : bandeau de confiance, header a recherche centrale, 3 colonnes sur les articles (sommaire | article | infobox),
   une seule boite encadree par page (In short), tableaux sobres, Sources + See also en pied, auteur en signature. */
:root{--bg:#0d0e17;--panel:#141524;--panel2:#1b1d2d;--line:#272a3d;--fg:#f4f4f6;--mute:#9aa0ad;--acc:#7b5cf5;--acc2:#b8a6ff;--ok:#4ad295;--fd:Sora,Inter,sans-serif;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 Inter,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fd);margin:0;line-height:1.18;text-wrap:balance;letter-spacing:-.3px}
.in{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:root{--paper:#eeecf6;--paper2:#e3e0f0;--pline:#d4d0e4;--ink:#17161a;--ink2:#625d66;--chrome:#050507;--chromeline:#1b1c22}
.info{background:#000;color:#9a9ba6;font-size:12.5px;border-bottom:1px solid #1b1c22}
.info .in{display:flex;justify-content:center;gap:10px;align-items:center;height:30px}
.info b{color:#fff;font-weight:600}.info .dot{width:6px;height:6px;border-radius:50%;background:#2fa36b;display:inline-block;margin-right:7px;vertical-align:1px}.info .sep{opacity:.5}.info .notc{display:inline-flex;align-items:center;gap:5px;background:#6a45ee;color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;padding:2px 10px 2px 8px;border-radius:20px;line-height:1.5}.info .notc svg{width:13px;height:13px;stroke-width:2.6}
header{position:sticky;top:0;z-index:9;background:var(--paper);border-bottom:1px solid var(--pline);box-shadow:0 10px 30px rgba(0,0,0,.3)}
header .in{height:70px}
header .logo{color:var(--ink)}header .logo.s5 i{color:var(--ink2)}
header nav{gap:6px}header nav a{color:var(--ink);font-weight:600;font-size:15.5px;font-family:var(--fd);padding:9px 14px}header nav a.on,header nav a:hover{color:var(--ink);background:var(--paper2)}header nav a.on{box-shadow:inset 0 -2px 0 var(--acc);border-radius:9px 9px 4px 4px}
header .search{background:#fff;border-color:#c8c3dc;color:var(--ink2)}header .search kbd{border-color:var(--pline)}
header .lang{border-color:var(--pline);color:var(--ink)}header .lang svg{color:var(--ink2)}
header .btn{border-color:var(--ink);color:var(--ink)}header .btn.p{background:var(--acc);border-color:var(--acc);color:#fff}
header .in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.hn{display:flex;align-items:center;gap:8px}
header nav{display:flex;gap:2px;justify-self:center}header nav a{padding:9px 13px;border-radius:9px;color:var(--mute);font-weight:500;font-size:15px}header nav a.on,header nav a:hover{color:var(--fg);background:var(--panel2)}
.search{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--mute);font-size:14px;min-width:200px}.search svg{width:15px;height:15px}.search kbd{margin-left:auto;font:11px Inter;border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.lang{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);color:var(--fg);font-weight:600;font-size:13.5px;font-family:var(--fd)}.lang svg{width:14px;height:14px;color:var(--mute)}
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid var(--line);color:var(--fg);font-family:var(--fd);white-space:nowrap;box-sizing:border-box}
.btn.p{background:var(--acc);border-color:var(--acc);color:#fff}.btn svg{width:16px;height:16px}
.btn.lg{height:48px;padding:0 20px;font-size:15px}
/* article 3 colonnes */
.page{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:40px;padding-block:28px 60px;align-items:start}
.crumb{font-size:13px;color:var(--mute);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumb a:hover{color:var(--fg)}.crumb svg{width:13px;height:13px}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mute);margin:12px 0 22px;align-items:center}
.meta img{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}
.meta .ok{color:var(--ok);display:inline-flex;align-items:center;gap:5px}.meta svg{width:14px;height:14px}
h1.t{font-size:38px;font-weight:800;letter-spacing:-1px;margin-top:10px}
.lead{font-size:17px;color:var(--mute);max-width:66ch;margin:0 0 20px}
.brief{border:1px solid var(--acc);border-radius:10px;padding:18px 22px;margin:0 0 30px;background:var(--panel)}
.brief h2{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc2);margin:0 0 10px;display:flex;gap:8px;align-items:center}.brief svg{width:15px;height:15px}
.brief p,.brief li{margin:0;font-size:15.5px}.brief ul{margin:0;padding-left:18px}.brief li{margin:5px 0}
.toc{position:sticky;top:84px;font-size:13.5px}
.toc b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);margin-bottom:10px;font-family:var(--fd)}
.toc a{display:block;padding:6px 0 6px 12px;color:var(--mute);border-left:2px solid var(--line)}.toc a.on{border-color:var(--acc);color:var(--fg);font-weight:600}.toc a:hover{color:var(--fg)}
.toc .sub a{padding-left:24px;font-size:13px}
article h2{font-size:24px;font-weight:800;margin:40px 0 12px;padding-top:4px}
article h2:first-of-type{margin-top:0}
article h3{font-size:17px;font-weight:700;margin:24px 0 8px}
article p{margin:0 0 14px;max-width:70ch}
article ul,article ol{margin:0 0 16px;padding-left:22px;max-width:70ch}article li{margin:5px 0}
.wt{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 18px;font-variant-numeric:tabular-nums}
.wt th{text-align:left;font-weight:600;color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;padding:8px 10px;border-bottom:1px solid var(--line)}
.wt td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.wt td:first-child{font-weight:600}
.wt .y{color:var(--ok);font-weight:600}.wt .n{color:var(--mute)}.wt .hi{color:var(--acc2);font-weight:700}
.infobox{position:sticky;top:84px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13.5px}
.infobox .hd{padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--fd);font-weight:700;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.infobox .hd small{font-weight:500;color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.8px}
.infobox img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block}
.infobox dl{margin:0;padding:6px 0}.infobox div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:7px 16px;border-bottom:1px solid var(--line)}.infobox div:last-child{border:0}
.infobox dt{color:var(--mute)}.infobox dd{margin:0;font-weight:500}
.infobox .ct{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.infobox .ct .btn{justify-content:center}.infobox .ct small{color:var(--mute);font-size:12px;text-align:center}
.seealso{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}
.seealso a{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-weight:600;font-family:var(--fd);font-size:14px;background:var(--panel)}.seealso svg{width:16px;height:16px;color:var(--acc2);flex:none}
.sources{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px;margin-top:36px}.sources b{color:var(--fg);font-family:var(--fd)}
.authorbox{display:flex;gap:16px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.authorbox img{width:56px;height:56px;border-radius:50%;object-fit:cover}.authorbox b{font-family:var(--fd);display:block}.authorbox span{color:var(--mute);font-size:13.5px}
.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{border:1px solid var(--line);border-radius:30px;padding:4px 11px;font-size:12.5px;color:var(--mute);background:var(--panel)}.chips span.on{border-color:var(--acc);color:var(--fg)}
/* cartes persos */
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;display:block;background:var(--panel)}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover img{transform:scale(1.04)}
.card::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(180deg,transparent,rgba(8,9,12,.9))}
.card .tag{position:absolute;top:9px;left:9px;z-index:2;background:rgba(13,14,23,.75);backdrop-filter:blur(4px);color:var(--fg);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}
.card .nm{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;font-family:var(--fd);font-weight:700;font-size:15.5px}
/* etapes du guide */
.step{display:grid;grid-template-columns:44px 1fr;gap:16px;margin:0 0 18px}
.step .n{width:36px;height:36px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--fd);font-weight:800;color:var(--acc2)}
.step h3{margin:6px 0 6px}.step p{margin:0 0 10px}
.ui{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;max-width:620px}
.ui .lab{color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;margin:8px 0 6px;font-family:var(--fd)}.ui .lab:first-child{margin-top:0}
.ui .opts{display:flex;flex-wrap:wrap;gap:6px}.ui .opts span{border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:var(--bg)}.ui .opts span.sel{border-color:var(--acc);color:var(--fg)}
.ui .slider{height:6px;border-radius:3px;background:var(--line);position:relative;margin:10px 0 4px;max-width:320px}.ui .slider i{position:absolute;left:18%;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--acc)}
.ui .cta{display:inline-block;background:var(--acc);color:#fff;border-radius:8px;padding:7px 12px;font-weight:600;margin-top:6px}
.ui figcaption{color:var(--mute);font-size:12px;margin-top:8px}
/* comparatif */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 10px}
.vs div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.vs h3{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}.vs h3 i{width:10px;height:10px;border-radius:50%;background:var(--acc);display:inline-block}.vs div:last-child h3 i{background:#e8a23a}
.vs ul{margin:0;padding-left:18px}.vs li{margin:5px 0;font-size:14.5px}
footer{background:#000;color:#9a9ba6;margin-top:90px;border-top:1px solid #23242c;font-size:14px;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2) 40%,transparent 80%)}
footer .in{padding-block:0}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:54px 0 40px}
footer .logo{color:#fff}footer .logo.s5 i{color:var(--mute)}
footer .brand p{margin:14px 0 0;max-width:40ch;line-height:1.55}
footer .brand .langs{display:flex;gap:6px;margin-top:18px}footer .brand .langs span{border:1px solid #2a2b33;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;color:#fff;font-family:var(--fd);background:#0f1014}footer .brand .langs span.on{background:#fff;color:var(--chrome);border-color:#fff}
footer h4{color:#fff;font-family:var(--fd);font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase;margin:4px 0 14px}
footer .cols a{display:block;padding:5px 0;color:var(--mute)}footer .cols a:hover{color:#fff}
footer .care{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border:1px solid #23242c;border-radius:12px;background:#0b0c0f;color:#b9bac4;font-size:13.5px;line-height:1.55}footer .care svg{width:18px;height:18px;flex:none;color:var(--acc2);margin-top:1px}footer .care a{color:#fff;text-decoration:underline;text-underline-offset:3px}footer .legal{border-top:1px solid #23242c;padding:16px 0 22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px}
footer .legal .r{display:flex;gap:18px}footer .legal a{color:var(--mute)}footer .legal a:hover{color:#fff}footer .legal b{color:#fff;font-weight:600}
@media(max-width:1000px){.page{grid-template-columns:1fr}.toc,.infobox{position:static}.grid{grid-template-columns:repeat(3,1fr)}.search,header nav,.lang{display:none}header .in{grid-template-columns:auto 1fr}.vs,.seealso{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}h1.t{font-size:30px}}
/* override nav : liens bien visibles sur creme */
header .search input{border:0;background:transparent;font:inherit;font-size:14px;color:inherit;width:150px;outline:none}header .search input::placeholder{color:inherit;opacity:.7}
header .in nav a{color:var(--ink);font-weight:600;font-size:15.5px;font-family:var(--fd);padding:9px 14px;border-radius:9px}header .in nav a{white-space:nowrap}header .wordmark,header .logo{white-space:nowrap}details.lang{display:block;border:0;padding:0;height:auto}header .in nav a:hover{background:var(--paper2);color:var(--ink)}header .in nav a.on{background:var(--ink);color:var(--paper);box-shadow:inset 0 -3px 0 var(--acc)}
html,body{overflow-x:clip}@media(max-width:700px){.rtab .rh{display:none}.rtab .rh,.rtab .rr,.rtab .rf{grid-template-columns:minmax(0,1fr) auto !important;gap:4px 14px !important;padding:12px 16px !important}.rtab .rr>span:last-child{grid-column:1/-1;font-size:13px}.rtab .rf>span:last-child{grid-column:1/-1}}@media(max-width:440px){header .hn .btn:not(.p){display:none}header .in{gap:8px}header .logo.s5{gap:7px}header .logo.s5 span{font-size:19px}header .logo.s5 svg{width:24px;height:24px}header .hn .btn.p{padding:0 11px;font-size:13px}}@media(max-width:380px){header .logo.s5 span{font-size:17px}header .logo.s5 svg{display:none}header .hn .btn.p{padding:0 9px;font-size:12.5px}}@media(max-width:1520px){header .search{min-width:0}header .search input{width:110px}}@media(min-width:1001px) and (max-width:1460px){header .hn .btn:not(.p){display:none}}@media(min-width:1001px) and (max-width:1300px){header .hn .search{display:none}}@media(min-width:1001px) and (max-width:1439px){.hero,.chero,.conv,.cv-duel,.cv-cream{margin-left:calc(50% - 50vw)!important;width:100vw!important}}@media(max-width:700px){main a.btn,.pg a.btn,.in5 a.btn,section a.btn,.chero a.btn{max-width:100%;white-space:normal;height:auto;min-height:44px;padding-block:10px;text-align:center;line-height:1.3}}details.lang{position:relative}details.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--line2,#cfcae0);border-radius:10px;font-family:var(--fd);font-weight:600;font-size:14px;color:var(--ink)}details.lang summary::-webkit-details-marker{display:none}details.lang summary::after{content:none !important}details.lang summary svg{width:14px;height:14px}details.lang .lmenu{position:absolute;right:0;top:46px;z-index:50;min-width:170px;background:#fff;border:1px solid #dbd7ea;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:6px}details.lang .lmenu a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;color:#17161a;font-size:14px;font-weight:600}details.lang .lmenu a small{color:#7d788f;font-size:11.5px}details.lang .lmenu a:hover{background:#eeecf6}details.lang .lmenu a.on{background:#17161a;color:#fff}details.lang .lmenu a.on small{color:#bbb}details.lang .lmenu span.off{display:flex;justify-content:space-between;padding:9px 12px;color:#aca7bf;font-size:14px;font-weight:600;cursor:default}details.lang .lmenu span.off small{font-size:11px}footer .brand .langs span.off{opacity:.35}footer .brand .langs a{border:1px solid #2a2b33;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;color:#fff;font-family:var(--fd);background:#0f1014}footer .brand .langs a.on{background:#fff;color:#000;border-color:#fff}.v5 img,article img,figure img{max-width:100%}
@media(max-width:760px){.hn{gap:6px}.hn .btn:not(.p){display:none}.hn .btn.p{padding:0 12px;font-size:13px;height:38px}header .in{gap:12px}.info .in{gap:6px;font-size:11px}.info .in>span:first-child,.info .sep{display:none}.lang{display:none}}

.logo{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-family:var(--fd);line-height:1}
.logo svg{flex:none}
.logo.s1 span{font-weight:700;font-size:21px;letter-spacing:-.4px}
.logo.s1 em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:1.4px;background:var(--acc);color:#fff;border-radius:4px;padding:4px 6px 3px}
.logo.s2 span{font-weight:700;font-size:21px;letter-spacing:-.5px}.logo.s2 i{font-style:normal;color:var(--acc)}
.logo.s3 span{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:19px;letter-spacing:-.3px}.logo.s3 small{font-weight:500;font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--mute)}
.logo.s4 span{font-weight:800;font-size:17px;letter-spacing:2.2px}.logo.s4 b{color:var(--acc);font-weight:800}
.logo.s5 span{font-weight:800;font-size:22px;letter-spacing:-.5px;display:inline-flex;align-items:baseline;gap:.32em}.logo.s5 i{font-style:normal;font-weight:500;color:var(--mute);letter-spacing:-.2px}




.P{display:grid;grid-template-columns:460px minmax(0,1fr);gap:70px;align-items:center;padding-block:10px 20px}
.phone{width:330px;max-width:calc(100vw - 40px);height:680px;margin:0 auto;border-radius:48px;background:#0a0a0c;border:2px solid #2a2d36;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 6px #141519;position:relative;overflow:hidden;padding:14px}
.phone .scr{position:absolute;inset:14px;border-radius:36px;background:#101116;overflow:hidden;display:flex;flex-direction:column}
.phone .notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:110px;height:30px;background:#0a0a0c;border-radius:20px;z-index:3}
.phone .top{display:flex;align-items:center;gap:10px;padding:52px 16px 12px;border-bottom:1px solid #1e2028}
.phone .top img{width:40px;height:40px;border-radius:50%;object-fit:cover}.phone .top b{font-family:var(--fd);font-size:15px;display:block}.phone .top small{color:var(--ok);font-size:11px}
.phone .top .ico{margin-left:auto;display:flex;gap:8px}.phone .top .ico span{width:30px;height:30px;border-radius:50%;background:#1b1d2d;display:grid;place-items:center;color:var(--acc2)}.phone .top svg{width:14px;height:14px}
.phone .msgs{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.45}
.phone .m{max-width:82%;padding:10px 13px;border-radius:12px;background:#1b1d2d}.phone .m.me{align-self:flex-end;background:var(--acc);color:#fff;border-bottom-right-radius:4px}.phone .m.her{border-bottom-left-radius:4px}
.phone .m img{width:100%;border-radius:10px;display:block;margin-top:6px}
.phone .m small{display:block;color:rgba(255,255,255,.55);font-size:10.5px;margin-top:4px}
.phone .bar{padding:10px 12px 22px;display:flex;gap:8px;align-items:center;border-top:1px solid #1e2028}
.phone .bar span{height:38px;border-radius:19px;background:#1b1d2d;display:grid;place-items:center;color:var(--mute)}.phone .bar .inp{flex:1;justify-content:flex-start;padding-left:14px;font-size:13px}.phone .bar .b{width:38px;color:var(--acc2)}.phone .bar svg{width:16px;height:16px}
.P .list{counter-reset:f}.P .f{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.P .f::before{counter-increment:f;content:"0" counter(f);font-family:var(--fd);font-weight:800;color:var(--mute);font-size:14px;letter-spacing:1px}
.P .f b{font-family:var(--fd);font-size:19px;font-weight:700;display:block}.P .f span{color:var(--mute);font-size:14.5px}
.P .f em{font-style:normal;font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.5px;white-space:nowrap}.P .f em small{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--mute);font-weight:600;margin-left:5px}

body{font-size:16px}
.v5 .logo.s5 span{font-size:24px}
/* bandeau de section : bande image floutee + H2 */
.byus{display:inline-flex;width:fit-content;align-self:flex-start;align-items:center;gap:9px;margin:0 0 14px;padding:7px 14px 7px 10px;border-radius:30px;background:rgba(123,92,245,.14);border:1px solid rgba(123,92,245,.45);color:#fff;font-family:var(--fd);font-size:14px;font-weight:600}.byus svg{width:18px;height:18px;color:var(--acc2)}.byus b{color:var(--acc2);font-weight:800}
.sb{position:relative;border-radius:12px;overflow:hidden;height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;margin:54px 0 22px;border:1px solid var(--line);background:var(--panel) center/cover}
.sb::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,14,23,.85),rgba(13,14,23,.35) 60%,rgba(13,14,23,.2))}
.sb>*{position:relative}
.sb h2{font-size:34px;font-weight:800;letter-spacing:-.8px}.sb h2 small{display:block;font-size:14px;font-weight:500;color:var(--mute);letter-spacing:0;margin-top:4px;font-family:Inter}
/* banniere */
.hero{margin:0 0 0 calc(50% - 720px);width:1440px;background:linear-gradient(180deg,var(--panel),var(--bg));border-bottom:1px solid var(--line)}
.ban{display:grid;grid-template-columns:1.05fr .95fr;max-width:1240px;margin:0 auto;padding:0 16px;min-height:460px}
.ban .tx{padding:56px 48px 46px 0;display:flex;flex-direction:column;justify-content:center;gap:16px}
.ban .who{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:13.5px}.ban .who img{width:28px;height:28px;border-radius:50%;object-fit:cover}.ban .who b{color:var(--fg)}.ban .who svg{width:15px;height:15px;color:var(--ok)}
.ban h1{font-size:54px;font-weight:800;letter-spacing:-1.8px;line-height:1.02}
.ban .sub{font-size:18px;color:var(--mute);max-width:44ch;margin:0}.ban .sub b{color:var(--fg);font-weight:600}
.ban .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ptag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ptag .pill{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-radius:30px;background:var(--panel2);border:1px solid var(--line);color:var(--fg);font-size:13.5px;font-weight:600;font-family:var(--fd)}.ptag .pill.lg{padding-left:12px;background:#000;border-color:#2a2b33}.ptag .pill img{height:18px;display:block}.ptag .pill em{font-style:normal;color:var(--mute);font-weight:500;font-family:Inter;border-left:1px solid #2a2b33;padding-left:10px}
.auth{margin-top:26px;display:flex;gap:14px;align-items:flex-start;max-width:560px;padding-top:18px;border-top:1px solid var(--line)}.auth img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}.auth b{font-family:var(--fd);font-size:15px;display:flex;align-items:center;gap:6px}.auth b svg{width:15px;height:15px;color:var(--ok)}.auth span{display:block;color:var(--mute);font-size:13.5px;line-height:1.5;margin-top:2px}.auth a{color:var(--acc2);font-weight:600}
.auth.rec{max-width:600px;align-items:flex-start}
.auth.rec img{width:52px;height:52px;box-shadow:0 0 0 2px var(--bg,#0d0e17),0 0 0 4px var(--acc)}
.auth.rec b{flex-wrap:wrap;row-gap:0}.auth.rec b small{font-family:var(--fb,inherit);font-weight:400;font-size:12.5px;color:var(--mute);margin-left:4px}@media(max-width:600px){.auth.rec b small{flex-basis:100%;margin-left:0}}
.auth .bub{position:relative;margin:8px 0 0;padding:12px 15px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:4px 14px 14px 14px;font-size:14px;line-height:1.55;color:#c9cad3}
.auth .bub strong{color:#fff;font-family:var(--fd)}
.auth .bub::before{content:"";position:absolute;left:-7px;top:10px;width:12px;height:12px;background:inherit;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg);background:#1a1b21}
.ans4{border-top:1px solid var(--line);background:rgba(255,255,255,.02)}
.reas{position:relative;overflow:hidden;border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--acc),var(--acc2) 45%,rgba(123,92,245,.15)) 1;background:var(--bg);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reas .tr{display:flex;gap:44px;width:max-content;padding:13px 0;animation:reas 46s linear infinite}
@keyframes reas{to{transform:translateX(-50%)}}
.reas span{display:inline-flex;align-items:center;gap:9px;color:var(--mute);font-size:13.5px;white-space:nowrap}.reas svg{width:15px;height:15px;color:var(--acc)}
.ans4 .in4{max-width:1240px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr)}
.ans4 a{padding:22px 24px 20px;border-right:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;column-gap:14px;row-gap:3px;align-items:start}.ans4 .ic{grid-row:1/4;width:40px;height:40px;border-radius:11px;background:rgba(123,92,245,.14);display:grid;place-items:center;color:var(--acc)}.ans4 .ic svg{width:19px;height:19px}.ans4 a:last-child{border-right:0}.ans4 a:first-child{padding-left:0}
.ans4 small{color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;font-family:var(--fd)}
.ans4 b{font-family:var(--fd);font-weight:800;font-size:21px;letter-spacing:-.4px;line-height:1.15}
.ans4 span{color:var(--mute);font-size:13.5px}
.ans4 a:hover b{color:var(--acc2)}
.ban .tri{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:22px 0 0 10px}
.ban .tri img{width:100%;height:100%;object-fit:cover;display:block;min-height:432px}
.ban .tri a{position:relative;display:block;overflow:hidden;border-radius:13px 18px 0 0}
.ban .tri a span{position:absolute;left:12px;bottom:12px;background:rgba(13,14,23,.75);backdrop-filter:blur(4px);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;font-family:var(--fd)}
.ib{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);margin-top:-1px}
.ib div{padding:16px 22px;border-right:1px solid var(--line)}.ib div:last-child{border:0}
.ib small{display:block;color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.ib b{font-family:var(--fd);font-size:19px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}
/* reponses rapides : un seul panneau, 2x2 */
.qa{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-top:18px;background:var(--panel)}
.qa a{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
.qa a:nth-child(odd){border-right:1px solid var(--line)}.qa a:nth-last-child(-n+2){border-bottom:0}
.qa .ic{width:44px;height:44px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;color:var(--acc2)}.qa svg{width:20px;height:20px}
.qa .q{color:var(--mute);font-size:13.5px;display:block}.qa .a{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.3px}.qa .a small{font-weight:500;color:var(--mute);font-size:14px;letter-spacing:0;margin-left:6px}
.qa .go{color:var(--mute)}.qa .go svg{width:18px;height:18px}.qa a:hover .go{color:var(--acc2)}
/* cartes persos avec hover */
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;display:block;background:var(--panel)}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.card:hover img{transform:scale(1.05)}
.card::after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(180deg,transparent,rgba(8,9,12,.92));transition:height .3s}
.card:hover::after{height:100%}
.card .tag{position:absolute;top:9px;left:9px;z-index:2;background:rgba(13,14,23,.75);backdrop-filter:blur(4px);color:var(--fg);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}
.card .nm{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;font-family:var(--fd);font-weight:700;font-size:16px;transition:bottom .3s}
.card .nm small{display:block;color:#d4d4dc;font-size:12.5px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}.card .nm{text-shadow:0 1px 3px rgba(0,0,0,.6)}.card .mini{display:flex;gap:5px;margin-top:7px}.card .mini b{display:inline-flex;align-items:center;gap:4px;background:rgba(13,14,23,.72);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;color:#fff;line-height:1.2;text-shadow:none}.card .mini svg{width:11px;height:11px;color:var(--acc2)}
.card .ov{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px);transition:all .3s}
.card:hover .ov{opacity:1;transform:none}.card:hover .nm{bottom:96px}
.card .ov span{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:8px 10px;font-size:12.5px;font-weight:700;font-family:var(--fd);background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.card .ov span.p{background:var(--acc);color:#fff}.card .ov svg{width:13px;height:13px}
/* features 3 colonnes a vignette 16:9 */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc{border-radius:12px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:block}
.fc .im{aspect-ratio:16/8;overflow:hidden;position:relative}.fc .im img{width:100%;height:100%;object-fit:cover;display:block}
.fc .im .k{position:absolute;right:12px;bottom:10px;font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.6px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.fc .im .k small{font-size:12px;font-weight:600;letter-spacing:.4px;margin-left:5px;text-transform:uppercase;color:var(--acc2)}
.fc .im .ic{position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:10px;background:rgba(13,14,23,.7);backdrop-filter:blur(4px);display:grid;place-items:center;color:var(--acc2)}.fc .im svg{width:17px;height:17px}
.fc .tx{padding:14px 18px 16px}.fc b{display:block;font-family:var(--fd);font-size:18px;font-weight:700}.fc span{color:var(--mute);font-size:14px}
/* prix */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pl{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px 26px 20px;position:relative}
.pl.hi{border-color:var(--acc)}.pl .bd{position:absolute;top:-12px;left:22px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.pl small{color:var(--mute);font-size:14px}.pl .pr{font-family:var(--fd);font-weight:800;font-size:44px;margin:6px 0 2px;letter-spacing:-2px;line-height:1}.pl .pr i{font-style:normal;font-size:16px;color:var(--mute);font-weight:600;letter-spacing:0}
.pl p{margin:4px 0 0;color:var(--mute);font-size:14px}
.plus{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:16px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--panel)}
.plus b{font-family:var(--fd);font-size:17px}.plus .pp{font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.5px;white-space:nowrap}.plus .pp small{font-weight:500;color:var(--mute);font-size:13px;letter-spacing:0}
.plus span{color:var(--mute);font-size:14px}
.tokl{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--mute);font-size:14px}
.tokl b{font-family:var(--fd);color:var(--fg)}.tokl .c{border:1px solid var(--line);border-radius:30px;padding:6px 13px;background:var(--panel);display:inline-flex;gap:6px;align-items:center}.tokl svg{width:14px;height:14px;color:var(--acc2)}
/* guides : liste 2 colonnes */
.gl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.gl a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.gl .ic{width:40px;height:40px;border-radius:11px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc2)}.gl svg{width:18px;height:18px}
.gl b{font-family:var(--fd);font-weight:600;font-size:16px}.gl b small{display:block;color:var(--mute);font-weight:400;font-size:13px;font-family:Inter}.gl em{font-style:normal;color:var(--mute);font-size:13px;white-space:nowrap}
/* comparatifs */
.cmp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cmp a{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.cmp .vs{display:flex;align-items:center;gap:10px}.cmp .lg{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:var(--fd);font-weight:800;font-size:18px;background:var(--panel2);border:1px solid var(--line)}.cmp .lg.c{background:var(--acc);color:#fff;border-color:var(--acc)}
.cmp .vs i{font-style:normal;color:var(--mute);font-size:12px;font-weight:700}
.cmp b{font-family:var(--fd);font-size:15px}.cmp span{color:var(--mute);font-size:13px}.cmp em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--ok);border:1px solid var(--line);border-radius:20px;padding:3px 10px}

/* comparatifs : bande claire pleine largeur, titre + ligne reference + defile */
.L{background:#eeecf6;color:#17161a;padding-block:72px 64px;border-block:1px solid #dbd7ea;margin:60px 0 0 calc(50% - 50vw);width:100vw}
.L .in2{max-width:1240px;margin:0 auto;padding:0 16px}
.L h2{font-family:var(--fd);font-size:60px;font-weight:800;letter-spacing:-2.4px;line-height:1;margin:0}.L h2 em{font-style:normal;color:var(--acc)}
.L p{color:#5e5a63;max-width:52ch;margin:18px 0 0;font-size:17px}
.lrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.lpill{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px 0 12px;border-radius:30px;background:#17161a;color:#fff;font-size:13.5px}.lpill img{height:18px;display:block}.lpill em{font-style:normal;color:#b9b5bf;border-left:1px solid #3a393f;padding-left:10px}
.lmeta{color:#5e5a63;font-size:13.5px;font-weight:600;font-family:var(--fd)}
.lbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid #17161a;color:#17161a;font-weight:700;font-family:var(--fd);font-size:14px}.lbtn svg{width:15px;height:15px}
.mq{margin-top:38px;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq .tr{display:flex;gap:12px;width:max-content;animation:mq 42s linear infinite;padding:4px 0}
@keyframes mq{to{transform:translateX(-50%)}}
.mq a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbd7ea;border-radius:12px;padding:11px 16px 11px 12px;color:#17161a;min-width:280px}
.mq a img{width:38px;height:38px;border-radius:10px;object-fit:cover}
.mq a b{font-family:var(--fd);font-size:15.5px;display:block}.mq a span{color:#5e5a63;font-size:12.5px}
.mq a em{font-style:normal;margin-left:auto;font-size:11px;font-weight:700;color:var(--acc);border:1px solid rgba(123,92,245,.35);border-radius:20px;padding:3px 8px;white-space:nowrap}
.mq a:hover{border-color:var(--acc)}

/* prix : bande pleine largeur, selecteur de duree, 2 paliers, curseur jetons (Notion / Spotify pricing) */
.PR{margin:60px 0 0 calc(50% - 50vw);width:100vw;background:radial-gradient(900px 420px at 50% -10%,rgba(123,92,245,.22),transparent 60%),var(--panel);border-block:1px solid var(--line);padding-block:64px 60px}
.PR .in2{max-width:1240px;margin:0 auto;padding:0 16px}
.PR .hd{text-align:center;max-width:60ch;margin:0 auto 28px}.PR h2{font-size:36px;font-weight:800;letter-spacing:-1px}.PR .hd p{color:var(--mute);margin:8px 0 0;font-size:16px}
.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:5px;gap:4px;margin:0 auto 30px;position:relative;left:50%;transform:translateX(-50%)}
.seg button{border:0;background:transparent;color:var(--mute);font:600 14px var(--fd);padding:10px 18px;border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.seg button.on{background:var(--fg);color:var(--bg)}.seg button i{font-style:normal;font-size:11px;font-weight:700;color:var(--acc);background:rgba(123,92,245,.12);border-radius:20px;padding:2px 7px}.seg button.on i{background:var(--acc);color:#fff}
.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto}
.tier{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:28px 30px 26px;position:relative;display:flex;flex-direction:column;gap:14px}
.tier.hi{border-color:var(--acc);background:linear-gradient(180deg,rgba(123,92,245,.08),var(--bg) 40%)}
.tier .bd{position:absolute;top:-12px;left:26px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.tier .nm{font-family:var(--fd);font-weight:800;font-size:20px}.tier .nm small{display:block;color:var(--mute);font-weight:500;font-size:13.5px;margin-top:2px;font-family:Inter}
.tier .pr{font-family:var(--fd);font-weight:800;font-size:56px;letter-spacing:-2.6px;line-height:1;display:flex;align-items:baseline;gap:6px}.tier .pr i{font-style:normal;font-size:16px;color:var(--mute);font-weight:600;letter-spacing:0}
.tier .bill{color:var(--mute);font-size:14px;min-height:20px}
.tier ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.tier li{display:flex;gap:10px;align-items:center;font-size:15px}.tier li svg{width:16px;height:16px;color:var(--ok);flex:none}.tier li.k svg{color:var(--acc2)}
.tier .btn{justify-content:center;margin-top:auto}
.tok2{max-width:900px;margin:18px auto 0;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:22px 30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.tok2 .l b{font-family:var(--fd);font-size:17px;display:block}.tok2 .l span{color:var(--mute);font-size:13.5px}
.tok2 input[type=range]{width:100%;margin:16px 0 6px;accent-color:var(--acc)}
.tok2 .marks{display:flex;justify-content:space-between;color:var(--mute);font-size:11.5px}
.tok2 .out{text-align:right;min-width:190px}.tok2 .out b{font-family:var(--fd);font-weight:800;font-size:40px;letter-spacing:-1.6px;display:block;line-height:1}.tok2 .out span{color:var(--mute);font-size:13px;display:block;margin-top:6px}.tok2 .out em{font-style:normal;color:var(--ok);font-weight:700;font-size:12.5px}
.PR .free{text-align:center;color:var(--mute);font-size:14px;margin-top:18px}.PR .free a{color:var(--acc2);font-weight:600}

/* assessment (wiki serieux) + auteur E-E-A-T */
.asmt{padding-block:70px 10px;max-width:1040px}
.asmt .ahd h2{font-size:34px;font-weight:800;letter-spacing:-.8px}.asmt .ahd p{margin:10px 0 28px;color:var(--mute);font-size:15.5px;max-width:70ch}
.acols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.acols h3{font-size:12.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--mute);margin:0 0 6px;font-family:var(--fd)}
.acols ul{margin:0;padding:0;list-style:none}.acols li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-size:15.5px;border-bottom:1px solid var(--line);line-height:1.5}
.acols li svg{width:18px;height:18px;flex:none;color:var(--ok);margin-top:3px}.acols .kn li svg{color:var(--acc2)}.acols li b{font-family:var(--fd);font-weight:700}
.afor{margin:22px 0 0;color:var(--mute);font-size:15.5px;max-width:78ch}.afor b{color:var(--fg);font-family:var(--fd)}
.author{padding-block:70px 0}
.agrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start;padding-top:44px;border-top:1px solid var(--line)}
.aleft img{width:132px;height:132px;border-radius:13px;object-fit:cover;display:block;margin-bottom:16px}
.aleft b{display:block;font-family:var(--fd);font-size:22px;font-weight:800;letter-spacing:-.4px}.aleft>span{display:block;color:var(--mute);font-size:14px;margin-top:2px}
.cred{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.cred li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--fg);line-height:1.4}.cred svg{width:16px;height:16px;color:var(--acc2);flex:none;margin-top:2px}.cred a{color:var(--acc2);font-weight:600}
.aright h2{font-size:30px;font-weight:800;letter-spacing:-.7px;margin-bottom:14px}
.aright p{color:var(--fg);font-size:16px;line-height:1.65;max-width:68ch;margin:0 0 14px}
.how{margin:26px 0 24px;padding:20px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:720px}
.how h3{font-size:12.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--mute);margin:0 0 10px;font-family:var(--fd)}
.how ul{margin:0;padding:0;list-style:none}.how li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:14.5px;line-height:1.45}.how svg{width:16px;height:16px;color:var(--acc2);flex:none;margin-top:3px}

/* rapport : conclusion + takeaways + tableau de notation (inspi RTINGS / Which? / Stiftung Warentest) */
.score{padding-block:70px 0;max-width:1240px}
.score .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc2)}.score .eyebrow svg{width:14px;height:14px}
.score .shd h2{font-size:36px;font-weight:800;letter-spacing:-1px;margin:10px 0 26px}
.rep{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.concl p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--fg);max-width:70ch}.concl p.lead{font-size:19px;line-height:1.55;font-family:var(--fd);font-weight:600;letter-spacing:-.2px}
.take{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px 24px}
.take h3{font-size:12.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--mute);margin:0 0 10px;font-family:var(--fd)}
.take ul{margin:0;padding:0;list-style:none}.take li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14.5px;line-height:1.45;border-bottom:1px solid var(--line)}.take li:last-child{border-bottom:0}
.take li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--ok)}.take li:nth-child(n+4) svg{color:var(--acc2)}
.badge{margin-top:16px;display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid rgba(123,92,245,.4);border-radius:10px;padding:12px 16px}.badge svg{width:26px;height:26px;color:var(--acc)}.badge b{font-family:var(--fd);font-size:17px;display:block}.badge span{color:var(--mute);font-size:13px}
.rtab{margin-top:40px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.rtab .rh,.rtab .rr,.rtab .rf{display:grid;grid-template-columns:180px 160px minmax(0,1fr);gap:24px;align-items:center;padding:12px 22px}
.rtab .rh{font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);font-weight:700;font-family:var(--fd);border-bottom:1px solid var(--line);background:var(--panel2)}
.rtab .rr{border-bottom:1px solid var(--line);font-size:14.5px}.rtab .rr>span:first-child{font-family:var(--fd);font-weight:700;font-size:15.5px}.rtab .rr>span:last-child{color:var(--mute)}
.rtab i{display:flex;gap:5px}.rtab u{display:block;width:22px;height:7px;border-radius:3px;background:var(--line)}.rtab .d35 u:nth-child(-n+3),.rtab .d25 u:nth-child(-n+2){background:var(--acc)}.rtab .d35 u:nth-child(4),.rtab .d25 u:nth-child(3){background:linear-gradient(90deg,var(--acc) 50%,var(--line) 50%)}.rtab i{align-items:center}.rtab i b.sc{font-style:normal;font-family:var(--fd);font-size:13.5px;font-weight:700;margin-left:8px;color:var(--mute)}
.rtab .d5 u,.rtab .d4 u:nth-child(-n+4),.rtab .d3 u:nth-child(-n+3),.rtab .d2 u:nth-child(-n+2),.rtab .d1 u:nth-child(1){background:var(--acc)}
.rtab .rf{grid-template-columns:180px minmax(0,1fr);font-size:13px;color:var(--mute);background:var(--panel2)}.rtab .rf span:first-child{font-family:var(--fd);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:11.5px}
.author{padding-block:46px 0}
.astrip{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start;padding:26px 28px;background:var(--panel);border:1px solid var(--line);border-radius:13px}
.astrip img{width:88px;height:88px;border-radius:12px;object-fit:cover;display:block}
.atx b{font-family:var(--fd);font-size:19px;font-weight:800;display:block;margin-bottom:4px}.atx>span{display:block;color:var(--mute);font-size:14.5px;line-height:1.55;max-width:90ch}
.achips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.achips span,.achips a{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);font-size:13px;font-weight:600;font-family:var(--fd);color:var(--fg);background:var(--bg)}.achips a{color:var(--acc2);border-color:rgba(123,92,245,.35)}.achips svg{width:14px;height:14px;color:var(--acc2)}
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:64px 0 24px}.ph .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc2)}.ph .eyebrow svg{width:14px;height:14px}.ph h2{font-size:36px;font-weight:800;letter-spacing:-1px;margin:8px 0 6px}.ph p{margin:0;color:var(--mute);font-size:15.5px}
.sb{margin-top:64px}
/* verdict + faq allégés */
.verd2{padding-block:70px 10px;max-width:980px}
.verd2 .vhd h2{font-size:34px;font-weight:800;letter-spacing:-.8px}.verd2 .vhd p{margin:10px 0 26px;color:var(--mute);font-size:14.5px;display:flex;align-items:center;gap:8px}.verd2 .vhd img{width:24px;height:24px;border-radius:50%;object-fit:cover}.verd2 .vhd a{color:var(--acc2);font-weight:600}
.vcols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.vcols h3{font-size:12.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--mute);margin:0 0 8px;font-family:var(--fd)}
.vcols ul{margin:0;padding:0;list-style:none}.vcols li{display:flex;gap:12px;align-items:center;padding:11px 0;font-size:16.5px;font-family:var(--fd);font-weight:600;border-bottom:1px solid var(--line)}
.vcols li svg{width:18px;height:18px;flex:none;color:var(--ok)}.vcols .kn li svg{color:var(--acc2)}
.vcta{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15.5px;color:var(--mute)}
.faq2{padding-block:50px 0;max-width:980px}.faq2 h2{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}
.faq2 details{border-bottom:1px solid var(--line);padding:13px 0}.faq2 summary{cursor:pointer;font-weight:600;font-family:var(--fd);font-size:16px;list-style:none;display:flex;justify-content:space-between;color:var(--fg)}.faq2 summary::after{content:"+";color:var(--mute);font-weight:400}.faq2 details p{color:var(--mute);margin:8px 0 0;max-width:68ch;font-size:14.5px}
/* verdict */
.verd{display:grid;grid-template-columns:280px 1fr 1fr;gap:28px;align-items:start}
.verd .who{display:flex;flex-direction:column;gap:10px}.verd .who img{width:96px;height:96px;border-radius:50%;object-fit:cover}.verd .who b{font-family:var(--fd);font-size:18px}.verd .who span{color:var(--mute);font-size:14px}
.verd h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);margin:0 0 10px;font-family:var(--fd)}
.verd ul{margin:0;padding:0;list-style:none}.verd li{display:flex;gap:12px;align-items:center;padding:9px 0;font-size:16px;font-family:var(--fd);font-weight:600;border-bottom:1px solid var(--line)}
.verd li svg{width:18px;height:18px;flex:none}.verd .ok svg{color:var(--ok)}.verd .kn svg{color:var(--acc2)}
details{border-bottom:1px solid var(--line);padding:14px 0;max-width:860px}summary{cursor:pointer;font-weight:700;font-family:var(--fd);font-size:17px;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--mute);font-weight:400}details p{color:var(--mute);margin:8px 0 0;max-width:68ch;font-size:15px}
.cta2{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:26px 30px;display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:40px}
.cta2 h2{font-size:24px}.cta2 p{margin:4px 0 0;color:var(--mute)}
/* guide */
.gpage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:28px 60px;align-items:start}
.gpage h1{font-size:42px;font-weight:800;letter-spacing:-1.3px;margin:8px 0 12px}
.brief{border:1px solid var(--acc);border-radius:12px;padding:18px 22px;margin:0 0 30px;background:var(--panel)}
.brief h2{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc2);margin:0 0 10px;display:flex;gap:8px;align-items:center}.brief svg{width:15px;height:15px}
.brief ul{margin:0;padding-left:18px}.brief li{margin:6px 0;font-size:16px}
.gpage article h2{font-size:28px;font-weight:800;margin:44px 0 16px}
.step{display:block;grid-template-columns:none;gap:0;margin:0 0 34px}
.step .h{display:flex;gap:14px;align-items:baseline;margin-bottom:8px}.step .n{display:inline;width:auto;height:auto;background:none;border:0;border-radius:0;font-family:var(--fd);font-weight:800;color:var(--acc2);font-size:14px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.step h3{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px}
.step p{margin:0 0 12px;color:var(--fg);font-size:16px;max-width:70ch}.step p.m{color:var(--mute);font-size:14.5px}
.step figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#000}.step figure img{width:100%;display:block}
.step figcaption{padding:9px 14px;font-size:13px;color:var(--mute);background:var(--panel)}
.step .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.step .opts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.step .opts span{border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:13.5px;background:var(--panel);color:var(--mute)}.step .opts span.sel{border-color:var(--acc);color:var(--fg)}
.note{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;max-width:70ch;font-size:14.5px;color:var(--mute);margin:0 0 12px}.note svg{width:18px;height:18px;color:var(--acc2);flex:none;margin-top:2px}
.wt{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 18px;font-variant-numeric:tabular-nums;max-width:720px}
.wt th{text-align:left;font-weight:600;color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;padding:8px 10px;border-bottom:1px solid var(--line)}
.wt td{padding:11px 10px;border-bottom:1px solid var(--line)}.wt td:first-child{font-weight:600}.wt td:nth-child(2){font-family:var(--fd);font-weight:800;font-size:17px}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tips>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start}
.tips .ic{width:34px;height:34px;border-radius:9px;background:var(--panel2);display:grid;place-items:center;color:var(--acc2);flex:none}.tips svg{width:17px;height:17px}
.tips b{display:block;font-family:var(--fd);font-size:15px}.tips span{color:var(--mute);font-size:13.5px}
.infobox{position:sticky;top:84px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
.infobox .hd{padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--fd);font-weight:700;font-size:15px;display:flex;justify-content:space-between}.infobox .hd small{font-weight:500;color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.8px}
.infobox img{width:100%;display:block}
.infobox dl{margin:0;padding:6px 0}.infobox dl div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line)}.infobox dl div:last-child{border:0}.infobox dt{color:var(--mute)}.infobox dd{margin:0;font-weight:600}
.infobox .ct{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.infobox .ct .btn{justify-content:center}.infobox .ct small{color:var(--mute);font-size:12px;text-align:center}
.toc2{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px}.toc2 b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);margin-bottom:8px;font-family:var(--fd)}.toc2 a{display:block;padding:4px 0;color:var(--mute)}.toc2 a:hover{color:var(--fg)}
@media(max-width:760px){.ban .tri{max-width:100%;overflow:hidden}.reas,.mq{overflow:hidden;max-width:100vw}}
@media(max-width:1000px){.ban,.qa,.gl,.gpage,.feat,.plans,.P,.VS,.tiers,.tok2,.vcols,.acols,.agrid,.astrip,.rep{grid-template-columns:1fr}.rtab .rh,.rtab .rr{grid-template-columns:1fr}.ans4 .in4{grid-template-columns:1fr 1fr}.PR,.L,.hero{margin-left:0;width:auto}.VS .badge{left:50%;top:38%}.VS .left{min-height:300px}.ban .tri img{min-height:200px}.ib,.grid,.cmp,.tips{grid-template-columns:repeat(2,1fr)}.verd{grid-template-columns:1fr}.qa a:nth-child(odd){border-right:0}.ban h1{font-size:36px}.gpage h1{font-size:30px}.sb h2{font-size:24px}.plus{grid-template-columns:1fr}.step .two{grid-template-columns:1fr}.infobox{position:static}}

/* debordements mobile 20/10 */@media(max-width:700px){.ans4 .in4{grid-template-columns:repeat(2,minmax(0,1fr))}.ans4 .in4>a{min-width:0;overflow-wrap:anywhere}.seg{display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;left:auto;transform:none;margin-inline:auto}.seg button{padding:9px 11px}.ph{flex-wrap:wrap;align-items:flex-start;gap:12px}.ph>div{min-width:0;overflow-wrap:anywhere}.ph h2{font-size:28px}.conv .phone,.P .phone{max-width:100%;box-sizing:border-box}.P>*{min-width:0}.ib,.grid,.cmp,.tips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tips{grid-template-columns:1fr}}


/* OurDream Wiki : retouches d'habillage (puces losange, cartes sans image, captures, calculateur coins) */
.logo.s5 span{font-weight:800;letter-spacing:-.6px}.logo.s5 i{font-weight:500}
article ul:not(.seealso):not([class]) li::marker,.pg ul li::marker{content:"◆  ";color:var(--acc);font-size:.7em}
.card.noimg{background:linear-gradient(160deg,#241f45,#14152a 60%);display:flex;align-items:center;justify-content:center}
.card.noimg .ini{font-family:var(--fd);font-weight:800;font-size:46px;color:rgba(184,166,255,.55);letter-spacing:-2px}
.shot{margin:0 0 18px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000}.shot img{width:100%;display:block;height:auto}
.shot figcaption{padding:9px 14px;font-size:13px;color:var(--mute);background:var(--panel)}
.calc{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px 22px;margin:14px 0 24px}
.calc label{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:4px 14px;align-items:center;margin:0 0 12px;font-size:14.5px}
.calc label span{grid-column:1/-1;color:var(--mute);font-size:12.5px;margin-top:-2px}
.calc input[type=range]{width:100%;accent-color:var(--acc)}.calc output{font-family:var(--fd);font-weight:800;color:var(--acc2);text-align:right}
.calc .res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.calc .res div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg)}.calc .res b{display:block;font-family:var(--fd);font-size:20px;color:#fff}
.calc .res small{color:var(--mute);font-size:12px}.calc .res .ok b{color:var(--ok)}.calc .res .ko b{color:#ff9b7a}
.calc .tot{margin:12px 0 0;font-size:14.5px}.calc .tot b{color:var(--acc2)}
.tops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tc2{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px;scroll-margin-top:90px}
.tc2 .ph2{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:3/4;background:linear-gradient(160deg,#241f45,#14152a 60%)}
.tc2 .ph2 img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tc2 .ph2 .rk{position:absolute;top:8px;left:8px;background:rgba(13,14,23,.8);color:#fff;font-family:var(--fd);font-weight:800;font-size:13px;border-radius:6px;padding:2px 8px}
.tc2 .ph2 .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:40px;color:rgba(184,166,255,.5)}
.tc2 h3{margin:2px 0 4px;font-size:18px}.tc2 .by{font-size:12.5px;color:var(--mute);margin:0 0 8px}.tc2 .by b{color:var(--fg);font-weight:600}
.tc2 p{margin:0 0 8px;font-size:14.5px;max-width:none}.tc2 .why{color:var(--fg)}.tc2 .q{font-size:13.5px;color:#cfcbe6;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.tc2 .st{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mute);margin:6px 0 10px}.tc2 .st b{color:var(--fg)}
.tc2 .go2{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;color:var(--acc2)}.tc2 .go2 svg{width:15px;height:15px}
.tc2 .cap{font-size:11px;color:var(--mute);margin-top:6px}
.idx{columns:3;column-gap:30px;font-size:14px}.idx a{display:block;padding:4px 0;break-inside:avoid}.idx a small{color:var(--mute)}
.gloss dt{font-family:var(--fd);font-weight:700;font-size:16.5px;margin:22px 0 4px;scroll-margin-top:90px}.gloss dd{margin:0 0 6px;max-width:70ch}
@media(max-width:1000px){.tops{grid-template-columns:1fr}.idx{columns:2}}
.ghero{background-position:right top}@media(max-width:760px){.ghero:before{background:rgba(13,14,23,.88)!important}}
@media(max-width:560px){.ans4 .in4{grid-template-columns:1fr!important}.ans4 .in4>a{min-width:0}}
@media(min-width:1001px) and (max-width:1700px){header .hn .search{display:none}header .hn .btn:not(.p){display:none}header .in nav a{padding:9px 10px;font-size:14.5px}header .in{gap:18px}}
.cv-tab .cvtr>*,.cv-tab .cvth>*{min-width:0;overflow-wrap:anywhere}.cfacts .in4>*{min-width:0;overflow-wrap:anywhere}.cfacts small{word-break:break-word}
@media(max-width:600px){header details.lang{display:none!important}header .logo.s5 span{font-size:18px}header .logo.s5 i{display:none}header .hn .btn.p{padding:0 10px;font-size:12.5px}header .in{gap:8px}.gpage .wt,.pg .wt,article table{display:block;max-width:100%;overflow-x:auto}}
footer .brand .langs{flex-wrap:wrap}footer .cols>*{min-width:0}/* v4 : 6 langues dans le pied de page (ajout du japonais), retour a la ligne */
@media(max-width:560px){.tc2{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}.tc2 h3{font-size:16px}.idx{columns:1}}

/* v2 : en-tetes sans photo de fond agrandie, visuel net a droite */
.ghero,.phero{background:radial-gradient(900px 420px at 82% -10%,rgba(123,92,245,.26),transparent 70%),radial-gradient(600px 300px at 0% 120%,rgba(232,162,58,.10),transparent 70%),#0d0e17!important}
.ghero:before,.phero:before{display:none!important}
.ghero .ghin,.phero .phin{align-items:center;min-height:0;padding-top:26px;padding-bottom:30px}
.ghero .gtx,.phero .phtx{padding-bottom:0}.ghero .gtx .gfacts,.phero .phtx .phst{padding-bottom:0;margin-top:18px;flex-wrap:wrap}
.hvis{margin:0;width:min(560px,42vw);border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hvis img{display:block;width:100%;height:auto}.hvis figcaption{font-size:11.5px;color:#a9a6bf;padding:7px 12px;background:#141524}
.hfaces{display:flex;gap:12px;padding-top:14px}.hfaces a{position:relative;width:150px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#14152a;display:block}
.hfaces a:nth-child(2){transform:translateY(-14px)}.hfaces img{display:block;width:150px;height:200px;object-fit:cover;object-position:top}
.hfaces span{position:absolute;left:0;right:0;bottom:0;padding:22px 9px 8px;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(180deg,transparent,rgba(13,14,23,.92));line-height:1.25}
.hlogos{display:grid;grid-template-columns:repeat(4,64px);gap:12px}
.btile{display:inline-grid;place-items:center;border-radius:22%;overflow:hidden;flex:none;box-sizing:border-box;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.btile img{display:block;width:100%;height:100%;object-fit:contain}
.bchip{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:inherit;text-decoration:none}
.odban{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:16px;align-items:center;margin:26px 0;padding:18px 18px 16px;border-radius:14px;text-decoration:none;color:var(--fg);
 background:linear-gradient(110deg,rgba(123,92,245,.22),rgba(241,123,182,.12) 60%,rgba(13,14,23,.4)),var(--panel);border:1px solid rgba(184,166,255,.35);position:relative}
.odban .btile{width:60px;height:60px}.odban .obt b{display:block;font-family:var(--fd);font-size:17px;line-height:1.25;color:#fff}.odban .obt small{display:block;font-size:13.5px;color:#cfcbe6;margin-top:3px;line-height:1.45}
.odban em{position:absolute;right:12px;top:5px;font-style:normal;font-size:10.5px;color:var(--mute)}.odban:hover{border-color:var(--acc)}.odban .btn{white-space:nowrap}
.ibhead{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.ibhead b{display:block;font-family:var(--fd);font-size:17px;line-height:1.2}.ibhead small{display:block;font-size:12.5px;color:var(--mute);margin-top:3px;line-height:1.4}
.cv-duel .cvh{background:radial-gradient(520px 380px at 30% 35%,rgba(123,92,245,.38),transparent 70%),#0d0e17}.cv-duel .cvr{background:radial-gradient(520px 380px at 72% 35%,rgba(232,162,58,.24),transparent 70%),#11121c}
.cv-duel .cvside .btile{margin-bottom:14px}.cvth .bchip{font-size:14px}.cv-others a .btile{width:44px;height:44px;margin-right:12px}.cv-others a.lg{display:flex;align-items:center}
.alt .atx h2{display:flex;align-items:center;gap:12px}
.creav{width:90px;height:120px;border-radius:9px;overflow:hidden;display:block}.creav img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
@media(max-width:1000px){.hvis{width:100%;max-width:640px}.ghero .ghin,.phero .phin{grid-template-columns:1fr!important}.hfaces a{width:31%}.hfaces img{width:100%;height:auto;aspect-ratio:3/4}.hfaces a:nth-child(2){transform:none}.cv-duel .cvh{height:auto!important}}
@media(max-width:600px){.odban{grid-template-columns:48px minmax(0,1fr);padding:16px 14px 14px}.odban .btile{width:48px;height:48px;padding:9px!important}.odban .btn{grid-column:1/-1;justify-content:center}.hlogos{grid-template-columns:repeat(4,52px)}.hlogos .btile{width:52px!important;height:52px!important}}
.cv-others a .btile img{width:100%;height:100%;border-radius:0;background:none;object-fit:contain}
.cv-others a>img.pt{width:46px;height:61px;border-radius:8px;object-fit:cover;object-position:top}
.mq .tr a .btile{margin-right:10px}
.tc2 .ph2 .ini.nocov{flex-direction:column;gap:6px;background:radial-gradient(120% 90% at 30% 10%,rgba(123,92,245,.55),transparent 60%),radial-gradient(90% 70% at 90% 100%,rgba(232,162,58,.28),transparent 70%),#15162a;color:#e8e4ff;font-size:22px;letter-spacing:0}
.tc2 .ph2 .ini.nocov svg{width:40px;height:40px;stroke-width:1.6;color:#cfc4ff}.tc2 .ph2 .ini.nocov b{font-size:20px;font-weight:800;color:#fff}.tc2 .ph2 .ini.nocov small{font-family:Inter,sans-serif;font-size:10.5px;font-weight:500;color:#b4aed0;text-align:center;padding:0 8px;letter-spacing:.2px}
.card.noimg .ini{display:none}
footer .logo.s5 span{white-space:nowrap}
.ibhead>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.gpage .wt{display:table!important;width:100%;table-layout:fixed;font-size:13px}.gpage .wt td,.gpage .wt th{padding:8px 7px;overflow-wrap:anywhere;hyphens:auto}.gpage .wt th{font-size:10.5px;letter-spacing:.4px}.gpage .wt td:first-child{min-width:0}.gpage .wt td,.gpage .wt th,.gpage .wt td.n,.gpage .wt td b{white-space:normal!important}}
.cv-duel .cvl::after,.cv-duel .cvr::after{display:none!important}.cv-duel .cvside{z-index:3}
.cv-others.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.cv-others.two{grid-template-columns:1fr}}
.cv-others a>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
/* v3b : en-tete piste A « comme Candy » sur hubs, guides, tops, comparatifs, alternatives, glossaire, createurs.
   Fond = portrait valide desature, passe en monochrome violet puis floute dans l'image (scripts/header_bg.py), voile violet sombre, filet d'accent. */
.ahero{position:relative;overflow:hidden;color:var(--fg);background:#0d0e17 var(--hbg) center/cover no-repeat;border-bottom:1px solid var(--line)}
.ahero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,28,.92) 0%,rgba(18,13,44,.76) 45%,rgba(40,22,96,.30) 100%),radial-gradient(700px 320px at 88% 125%,rgba(123,92,245,.42),transparent 70%)}
.ahero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--acc) 0%,var(--acc2) 35%,transparent 75%)}
.ahero .ahin{position:relative;z-index:2;padding-top:28px;padding-bottom:34px;min-height:300px;box-sizing:border-box;display:flex;align-items:center}
.ahero .ahtx{min-width:0;max-width:820px}
.ahero .crumb{font-size:13px}
.ahero .gkick,.ahero .phk,.ahero .ahk{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc2);margin-top:18px}
.ahero h1{font-size:46px;font-weight:800;letter-spacing:-1.4px;line-height:1.06;margin:10px 0 12px;max-width:21ch;color:#fff}
.ahero .ahs{font-size:17.5px;line-height:1.55;color:#d8d6e4;margin:0 0 14px;max-width:62ch}
.ahero .meta{margin:0;color:#b9b6c8}
.ahf{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ahf span{display:flex;flex-direction:column;gap:3px;min-width:120px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(13,14,23,.5)}
.ahf small{font-family:var(--fd);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#b3b0c4}
.ahf b{font-family:var(--fd);font-size:16px;color:#fff;line-height:1.25}
/* comparatifs : les deux marques (logos cliquables, points forts) en deux cartes sous l'en-tete */
.cvcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 20px}
.cvcard{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px 22px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:start}
.cvcard .btile{grid-row:span 3;width:60px!important;height:60px!important;margin:0!important}
.cvcard .btile[style*="padding:17px"]{padding:12px!important}
.cvcard .btile img{max-width:100%;height:auto}
.cvcard .cvcap{font-family:var(--fd);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mute)}
.cvcard b{font-family:var(--fd);font-size:19px}
.cvcard ul{list-style:none;margin:8px 0 0;padding:0;font-size:14px;color:#cfcddc}
.cvcard li{display:flex;gap:8px;align-items:flex-start;margin:4px 0}
.cvcard li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--ok)}
/* infobox : logo + « OurDream AI » n'est plus ecrase en colonne par la grille de .infobox div */
.infobox .ibhead>div{display:block;flex:1;padding:0;border:0}
.infobox .ibhead .btile{flex:none}
@media(max-width:760px){.ahero{background-image:var(--hbgm)}}
@media(max-width:820px){
 .ahero .ahin{min-height:0;padding-top:16px;padding-bottom:22px}
 .ahero .gkick,.ahero .phk,.ahero .ahk{margin-top:14px;font-size:11px}
 .ahero h1{font-size:30px;letter-spacing:-.7px;margin:8px 0 10px}
 .ahero .ahs{font-size:15.5px;margin-bottom:12px}
 .ahf{gap:8px;margin-top:14px;flex-wrap:nowrap}
 .ahf span{min-width:0;flex:1 1 0;padding:8px 10px}
 .ahf small{font-size:9.5px;letter-spacing:.6px}
 .ahf b{font-size:13.5px}
 .ahero:before{background:linear-gradient(180deg,rgba(12,10,28,.86),rgba(22,14,54,.80))}
 .cvcards{grid-template-columns:1fr}
 .cvcard{padding:16px}
}