/* la police arrive par un lien dans l entete, voir mettre-en-prod.js */

/* Les variables de l'entete vivent au niveau de la page : chaque section garde les
   siennes dans son propre bloc, mais l'entete est hors des sections. */
:root{--bg:#000000;--bd:rgba(255,255,255,0.10);--ink:#f5f5f7;--mut:#a1a1a6;--cta:#1d2f6b;--cta2:#182858;--amz:#7cb7ff;--ambre:#b8860b}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#000000;color:#f5f5f7;font-variant-numeric:tabular-nums;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:inherit}
.blc{position:relative;scroll-margin-top:66px}
/* Un seul fond raye pour toute la page, fixe : il ne se recoupe plus a chaque
   section, donc plus aucune couture visible entre deux blocs. */
.ribs-page{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:derive 26s linear infinite}
@keyframes derive{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.ribs-page{animation:none}}
/* Les marquises ne defilent que sous les yeux du visiteur. */
.blc:not(.vue) .glow,.blc:not(.vue) .piste{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.saut{position:absolute;left:-9999px;top:0;background:#1d2f6b;color:#fff;padding:10px 18px;
  border-radius:0 0 10px 0;z-index:99;text-decoration:none}
.saut:focus{left:0}
.nav a{text-decoration:none;transition:color .14s ease}
.nav a:hover,.conn:hover{color:#f5f5f7}
.conn{text-decoration:none}
.ss-btn{display:inline-flex;align-items:center;text-decoration:none;color:#fff;
  transition:background .16s ease,box-shadow .16s ease}
.ss-btn:hover{background:var(--cta2)}
.ss-btn:focus-visible{outline:2px solid #7cb7ff;outline-offset:3px}

/* ===== accueil ===== */
.blc-accueil{--bg:#000000;--bd:rgba(255,255,255,0.10);--ink:#f5f5f7;--mut:#a1a1a6;--cta:#1d2f6b;--amz:#7cb7ff}
.blc-accueil .page{position:relative;min-height:100vh;overflow-x:hidden}
.blc-accueil .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:accueil-drift 26s linear infinite}
.blc-accueil /* Le voile fond en bas au lieu de s'arreter net : depuis que la section des
   donnees vit sous les trois zeros,.blc-accueil son bord a 1100 px tombait en plein milieu
   d'elle et tracait une demarcation (bug remonte par Christophe le 18/08). */
.glow{position:absolute;left:0;right:0;top:0;height:1100px;z-index:0;pointer-events:none;
  background-image:linear-gradient(102deg,rgba(29,47,107,0) 38%,rgba(29,47,107,.34) 78%,rgba(124,183,255,.30) 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 96%);
  mask-image:linear-gradient(180deg,#000 62%,transparent 96%);
  animation:accueil-breathe 14s ease-in-out infinite}
@keyframes accueil-drift{from{background-position-x:0}to{background-position-x:52px}}
@keyframes accueil-breathe{0%,100%{opacity:.85}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.blc-accueil .ribs,.blc-accueil .glow{animation:none}
.blc-accueil .cyc{transition:none!important}}
.hd{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:18px;padding:12px 26px;
  background:rgba(8,8,12,.94);border-bottom:1px solid var(--bd);transition:transform .25s ease}
.hd.up{transform:translateY(-101%)}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.02em}
.brand svg{width:27px;height:27px;border-radius:8px;display:block}
.nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px;font-size:13.5px;color:var(--mut)}
.right{margin-left:auto;display:flex;align-items:center;gap:14px}
.conn{font-size:13.5px;color:var(--mut)}
.ss-btn{background:var(--cta);color:#fff;font-weight:650;font-size:13.5px;padding:10px 20px;border-radius:999px;
  white-space:nowrap;box-shadow:0 4px 18px rgba(29,47,107,.5)}
@media(max-width:1040px){.nav,.conn{display:none}}
.blc-accueil .hero{position:relative;z-index:1;text-align:center;padding:60px 26px 58px;max-width:1240px;margin:0 auto}
.blc-accueil .trust{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 26px;flex-wrap:wrap}
.blc-accueil .pks{display:flex}
.blc-accueil .pk{width:29px;height:29px;border-radius:50%;margin-left:-8px;border:2px solid #000000;background-size:cover;background-position:center}
.blc-accueil .pk:first-child{margin-left:0}
.blc-accueil .trustline{font-size:13.5px;color:var(--mut)}
.blc-accueil .hl{font-size:46px;line-height:1.07;font-weight:800;letter-spacing:-.038em;margin:0 0 18px;text-wrap:balance}
.blc-accueil .hl .l{display:block}
.blc-accueil .amz{color:var(--amz)}
.blc-accueil .accent{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-accueil .cyc{display:inline-block;transition:filter .34s ease,opacity .34s ease}
.blc-accueil .cyc.out{filter:blur(9px);opacity:0}
.blc-accueil .sub{font-size:16px;line-height:1.5;margin:0 auto 26px;max-width:56ch;color:var(--mut)}
.blc-accueil .hero .ss-btn{display:inline-block;font-size:15.5px;padding:14px 30px}
.blc-accueil .undercta{font-size:12px;margin:12px 0 0;color:var(--mut)}
@media(max-width:640px){.blc-accueil .hl{font-size:30px}
.blc-accueil .hero{padding:38px 18px 42px}}
.blc-accueil /* La bande des trois zeros : elle occupe le vide entre le bouton et le mur,.blc-accueil et
   dit en un coup d oeil ce que le visiteur n a PAS a faire. */
.zeros{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1000px;margin:0 auto;padding:40px 26px 66px;gap:0}
.blc-accueil .zeros div{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 18px;
  border-left:1px solid rgba(255,255,255,0.08)}
.blc-accueil .zeros div:first-child{border-left:0}
.blc-accueil .zeros b{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(150deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-accueil .zeros span{font-size:14.5px;line-height:1.3;font-weight:650;color:#d8d8dc;text-wrap:balance}
@media(max-width:760px){.blc-accueil .zeros{grid-template-columns:1fr;gap:14px;padding:18px 20px 26px;max-width:340px}
.blc-accueil .zeros div{justify-content:flex-start;border-left:0;padding:0}
.blc-accueil .zeros b{font-size:38px;min-width:44px;text-align:center}}
.blc-accueil /* La video flotte : perspective legere,.blc-accueil coins arrondis,.blc-accueil ombre profonde et une
   levitation lente. Le fichier est coupe a partir de la seconde 3 et boucle.  */
.cinema{position:relative;z-index:1;max-width:992px;margin:0 auto;padding:6px 26px 58px;perspective:1600px}
@media(max-width:640px){.blc-accueil .cinema{padding:2px 16px 40px}}
.blc-accueil .ecranv{position:relative;border-radius:18px;overflow:hidden;transform:rotateX(2deg);
  box-shadow:0 46px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.09),0 30px 80px rgba(46,107,240,.16);
  animation:accueil-levite 7s ease-in-out infinite}
.blc-accueil .ecranv{aspect-ratio:1412/822;background:#0a0a0e url("/img/liste-produits-poster.jpg") center/cover no-repeat}
.blc-accueil .ecranv video{width:100%;height:100%;display:block;object-fit:cover}
@keyframes accueil-levite{0%,100%{transform:rotateX(2deg) translateY(0)}50%{transform:rotateX(1.4deg) translateY(-9px)}}
@media (prefers-reduced-motion:reduce){.blc-accueil .ecranv{animation:none}}
.blc-accueil /* Legende du mur : elle dit ce que le visiteur regarde,.blc-accueil sans prendre la taille
   d un titre de section qui viendrait concurrencer celui du hero juste au dessus. */
.legmur{position:relative;z-index:1;text-align:center;max-width:840px;margin:0 auto;padding:0 26px 54px}
.blc-accueil .legmur .t{margin:0 0 12px;font-size:25px;font-weight:800;letter-spacing:-.022em;color:#fff}
.blc-accueil .legmur .d{margin:0;font-size:17.5px;line-height:1.55;font-weight:600;color:#d8d8dc;text-wrap:balance}
.blc-accueil .legmur .f{color:#fff;font-weight:800}
.blc-accueil .legmur .win{display:inline-block;font-weight:800;font-style:italic;
  transform:skewX(-8deg);letter-spacing:.02em;text-transform:uppercase;font-size:1.06em;
  background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:640px){.blc-accueil .legmur{padding:0 20px 40px}
.blc-accueil .legmur .t{font-size:20px}
.blc-accueil .legmur .d{font-size:15.5px}
.blc-accueil .zeros{padding:30px 26px 46px}}
.blc-accueil .mur{position:relative;z-index:1;display:flex;gap:14px;padding:10px 26px 70px;max-width:1400px;margin:0 auto;align-items:flex-start}
.blc-accueil .col{flex:1 1 0;min-width:0}
@media(max-width:1100px){.blc-accueil .mur{flex-wrap:wrap}
.blc-accueil .col{flex:1 1 30%}}
@media(max-width:800px){.blc-accueil .col{flex:1 1 45%}
.blc-accueil .mur{padding:10px 16px 50px}}
@media(max-width:470px){.blc-accueil .col{flex:1 1 100%}}
.blc-accueil .t{margin:0 0 22px}
.blc-accueil .t figcaption{display:flex;justify-content:space-between;gap:10px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:10.5px;letter-spacing:.03em;margin:0 0 7px;white-space:nowrap;overflow:hidden}
.blc-accueil .t .ty{color:#8b93a4}
.blc-accueil .t .dim{color:#5d6473}
.blc-accueil .cadre{position:relative;line-height:0;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.blc-accueil .cadre img{width:100%;height:auto;display:block;border-radius:3px}
.blc-accueil .m{position:absolute;width:6px;height:6px;border:1px solid #3d6fd0;background:#000000}
.blc-accueil .tl{top:-3px;left:-3px}
.blc-accueil .tr{top:-3px;right:-3px}
.blc-accueil .bl{bottom:-3px;left:-3px}
.blc-accueil .br{bottom:-3px;right:-3px}
.blc-accueil .profit{position:absolute;left:9px;bottom:9px;z-index:2;
  background:#1d2f6b;color:#fff;border:1px solid rgba(255,255,255,.22);
  font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1;
  padding:7px 11px;border-radius:8px;white-space:nowrap;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 10px rgba(0,0,0,.28)}

/* ===== donnees ===== */
.blc-donnees{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10);--surf:#101015;--bleu:#7cb7ff}
.blc-donnees .page{position:relative;overflow-x:clip;padding:0 0 80px}
.blc-donnees .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px)}
.blc-donnees .tete{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:74px 26px 34px;text-align:center}
.blc-donnees .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-donnees .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-donnees h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto;max-width:34ch;text-wrap:balance}
.blc-donnees .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-donnees .stt{color:var(--gris);font-size:17px;line-height:1.6;margin:16px auto 0;max-width:60ch;text-wrap:balance}
.blc-donnees .stt .amzo{color:var(--amz);font-size:1.3em;font-weight:800}
@media(max-width:900px){.blc-donnees h2{font-size:34px}}
@media(max-width:600px){.blc-donnees .stt{font-size:15px}}
@media(max-width:600px){.blc-donnees h2{font-size:26px}
.blc-donnees .tete{padding:48px 16px 26px}}
.blc-donnees .duo{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:22px 26px 0;
  display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:60px;align-items:center}
@media(max-width:1020px){.blc-donnees .duo{grid-template-columns:1fr;gap:36px;padding:18px 18px 0}}
.blc-donnees .gauche,.blc-donnees .droite{min-width:0}
.blc-donnees .droite h3{font-size:29px;line-height:1.2;font-weight:800;letter-spacing:-.026em;margin:0 0 14px;text-wrap:balance}
.blc-donnees .droite .amorce{color:var(--gris);font-size:16.5px;line-height:1.62;margin:0 0 26px;max-width:46ch}
.blc-donnees .droite ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.blc-donnees .droite li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.55;color:#d8d8dc;max-width:50ch}
.blc-donnees .droite li b{color:var(--encre);font-weight:700}
.blc-donnees .droite li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;
  border:2px solid var(--bleu);box-shadow:0 0 0 3px rgba(124,183,255,.12)}
@media(max-width:600px){.blc-donnees .droite h3{font-size:23px}
.blc-donnees .droite .amorce{font-size:15px;margin-bottom:20px}
.blc-donnees .droite li{font-size:14.5px}}
.blc-donnees .moteur{position:relative;width:100%;max-width:560px;height:460px;margin:0 auto;
  border:1px solid var(--trait);border-radius:18px;background:#060608;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.blc-donnees .moteur .halo{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 41%,rgba(124,183,255,.10),transparent 56%)}
.blc-donnees /* Le plan des sources,.blc-donnees legerement incline : c'est lui qui donne la profondeur. */
.moteur .plan{position:absolute;left:50%;top:30px;width:560px;height:420px;margin-left:-280px;
  transform:perspective(900px) rotateX(5deg);transform-origin:center 40%}
.blc-donnees .moteur .anneau{position:absolute;left:280px;top:212px;transform:translate(-50%,-50%);
  border:1px solid rgba(124,183,255,.09);border-radius:50%;pointer-events:none}
.blc-donnees .moteur .a1{width:236px;height:152px}
.blc-donnees .moteur .a2{width:392px;height:252px;border-color:rgba(124,183,255,.05)}
.blc-donnees .moteur .plan svg{position:absolute;inset:0;width:100%;height:100%}
.blc-donnees .moteur .cbl{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:1.8}
.blc-donnees .moteur .cbl.loin{stroke:rgba(255,255,255,0.05);stroke-width:1.2}
.blc-donnees .moteur .fil{fill:none;stroke:var(--bleu);stroke-width:1.8;stroke-linecap:round;opacity:.85;
  stroke-dasharray:430;stroke-dashoffset:430;filter:drop-shadow(0 0 4px rgba(124,183,255,.45));
  transition:stroke-dashoffset .55s ease}
.blc-donnees .moteur .fil.loin{stroke-width:1.2;opacity:.45;filter:none}
.blc-donnees .moteur .fil.on{stroke-dashoffset:0}
.blc-donnees /* Une fois branche,.blc-donnees le cable reste parcouru : la collecte ne s'arrete jamais. */
.moteur .fil.flux{stroke-dasharray:5 58;stroke-dashoffset:0;transition:none;animation:donnees-coule 1.5s linear infinite}
@keyframes donnees-coule{from{stroke-dashoffset:0}to{stroke-dashoffset:-63}}
@media (prefers-reduced-motion:reduce){.blc-donnees .moteur .fil.flux{animation:none;stroke-dasharray:430}}
.blc-donnees .moteur .nd{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;z-index:2;
  padding:6px 11px 6px 23px;border:1px solid rgba(255,255,255,0.08);border-radius:999px;background:#0c0c11;
  font-size:11.5px;font-weight:600;color:#d8d8dc;opacity:0;
  transition:opacity .35s,border-color .3s,color .3s;animation:donnees-flotte 4.4s ease-in-out infinite}
.blc-donnees .moteur .nd::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.18);transition:background .3s,box-shadow .3s}
.blc-donnees .moteur .nd.loin{font-size:9.5px;padding:4px 8px 4px 18px;filter:blur(.4px);color:#a1a1a6}
.blc-donnees .moteur .nd.loin::before{left:8px;width:5px;height:5px}
.blc-donnees .moteur .nd.la{opacity:1}
.blc-donnees .moteur .nd.loin.la{opacity:.6}
.blc-donnees .moteur .nd.ok{border-color:rgba(124,183,255,.5);color:var(--encre)}
.blc-donnees .moteur .nd.loin.ok{color:#d8d8dc}
.blc-donnees .moteur .nd.ok::before{background:var(--bleu);box-shadow:0 0 8px rgba(124,183,255,.8)}
@keyframes donnees-flotte{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.blc-donnees .moteur .nd{animation:none}}
.blc-donnees .moteur .noyau{position:absolute;left:280px;top:212px;transform:translate(-50%,-50%);width:134px;height:88px;z-index:3;
  border:1px solid rgba(255,255,255,0.14);border-radius:16px;background:var(--surf);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.blc-donnees .moteur .noyau b{font-size:14px;font-weight:800;letter-spacing:-.02em}
.blc-donnees .moteur .noyau i{font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#86868b}
.blc-donnees .moteur .noyau.pouls{animation:donnees-pouls .45s ease}
@keyframes donnees-pouls{0%{box-shadow:0 0 0 0 rgba(124,183,255,.5)}100%{box-shadow:0 0 0 16px rgba(124,183,255,0)}}
.blc-donnees .moteur .noyau.vivant{animation:donnees-respire 3.2s ease-in-out infinite}
@keyframes donnees-respire{0%,100%{opacity:.72}50%{opacity:1}}
@media(max-width:600px){.blc-donnees .moteur{height:264px}
.blc-donnees .moteur .plan{top:6px;transform:perspective(900px) rotateX(5deg) scale(.62);transform-origin:top center}}

/* ===== recherche ===== */
.blc-recherche{
  /* page : la DA sombre de la landing */
  --bg:#000000;--bd:rgba(255,255,255,0.10);--ink:#f5f5f7;--mut:#a1a1a6;--cta:#1d2f6b;
  /* app : les vraies valeurs de production */
  --a-bg:#f6f8fc;--a-surf:#ffffff;--a-surf2:#fbfcfe;--a-ink:#0e1626;--a-soft:#26324a;
  --a-mut:#6e6e73;--a-faint:#8a93a6;--a-bd:#e6e9f2;--a-bd2:#d8ddea;
  --a-accent:#0f62e6;--a-accent-ink:#0b49b0;--a-wash:#e9f1fe;
  --a-profit:#047857;--a-profit-wash:#e9f4ef;
}
.blc-recherche .page{position:relative;overflow-x:hidden;padding:0 0 80px}
.blc-recherche .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:recherche-drift 26s linear infinite}
@keyframes recherche-drift{from{background-position-x:0}to{background-position-x:52px}}
.blc-recherche .sec{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:70px 24px 0;text-align:center}
.blc-recherche h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 0 20px;text-wrap:balance;max-width:48ch;margin-left:auto;margin-right:auto}
.blc-recherche .sub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0 auto 34px;max-width:64ch}
.blc-recherche .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-recherche .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-recherche .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-recherche .chapitre{font-size:13.5px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#f5f5f7;margin:0 0 12px}
@media(max-width:900px){.blc-recherche h2{font-size:34px;max-width:36ch}}
@media(max-width:640px){.blc-recherche h2{font-size:27px;line-height:1.2}
.blc-recherche .sec{padding:44px 16px 0}}
.blc-recherche /* ---------- la fenetre de l'app,.blc-recherche en clair comme la vraie ---------- */
.app{position:relative;background:var(--a-bg);border-radius:14px;
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);
  overflow:hidden;text-align:left;min-height:452px;color:var(--a-ink)}
@media(max-width:640px){.blc-recherche .app{min-height:540px}}
.blc-recherche .chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#eceff6;border-bottom:1px solid var(--a-bd)}
.blc-recherche .chrome i{width:9px;height:9px;border-radius:50%;background:#cfd5e2;display:block}
.blc-recherche .chrome .url{margin-left:10px;font-size:11px;color:var(--a-faint)}
.blc-recherche .scene{position:relative;display:grid;min-height:404px}
.blc-recherche .etape{grid-area:1/1;padding:30px 26px;opacity:0;transition:opacity .4s ease;pointer-events:none}
.blc-recherche .etape.on{opacity:1}
@media(max-width:640px){.blc-recherche .etape{padding:22px 15px}}
.blc-recherche /* 1,.blc-recherche la question */
.q{text-align:center;padding-top:52px}
.blc-recherche .q .lab{font-size:14px;color:var(--a-mut);margin:0 0 18px;font-weight:500}
.blc-recherche .champ{display:inline-flex;align-items:baseline;background:var(--a-surf);border:1px solid var(--a-bd2);
  border-radius:12px;padding:15px 24px;font-size:34px;font-weight:800;letter-spacing:-.02em;min-width:222px;justify-content:center}
.blc-recherche .champ .eur{color:var(--a-faint);font-weight:700;margin-left:5px;font-size:26px}
.blc-recherche .caret{display:inline-block;width:2px;height:30px;background:var(--a-accent);margin-left:3px;
  align-self:center;animation:recherche-blink 1s steps(1) infinite}
@keyframes recherche-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.blc-recherche .bouton{display:inline-block;margin-top:24px;background:var(--cta);color:#fff;font-weight:700;font-size:15px;
  padding:13px 28px;border-radius:10px;transition:transform .12s ease,filter .12s ease}
.blc-recherche .bouton.press{transform:scale(.96);filter:brightness(.86)}
.blc-recherche /* 2,.blc-recherche la recherche */
.rech{padding-top:16px}
.blc-recherche .rech .tit{font-size:13.5px;color:var(--a-mut);text-align:center;margin:0 0 16px;font-weight:500}
.blc-recherche .lignes{height:290px;overflow:hidden;position:relative;border:1px solid var(--a-bd);border-radius:10px;background:var(--a-surf)}
.blc-recherche .flux{position:absolute;left:0;right:0;top:0;animation:recherche-defile .9s linear infinite}
@keyframes recherche-defile{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.blc-recherche .lg{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #f0f2f7;filter:blur(1.3px);opacity:.75}
.blc-recherche .lg .vig{width:24px;height:24px;border-radius:5px;background:#e8ebf3;flex:none}
.blc-recherche .lg .bar{height:7px;border-radius:99px;background:#e8ebf3}
.blc-recherche .scan{position:absolute;left:0;right:0;height:76px;background:linear-gradient(180deg,transparent,rgba(15,98,230,.13),transparent);animation:recherche-scan 1.1s ease-in-out infinite}
@keyframes recherche-scan{0%{transform:translateY(-76px)}100%{transform:translateY(290px)}}
.blc-recherche /* 3,.blc-recherche les trois fiches */
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:22px}
@media(max-width:640px){.blc-recherche .grille{grid-template-columns:1fr;gap:10px}}
.blc-recherche .fiche{background:var(--a-surf);border:1px solid var(--a-bd);border-radius:12px;overflow:hidden;
  opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.3,1)}
.blc-recherche .fiche.on{opacity:1;transform:none}
.blc-recherche .fiche img{width:100%;height:126px;object-fit:cover;display:block}
@media(max-width:640px){.blc-recherche .fiche img{height:96px}}
.blc-recherche .fiche .txt{padding:11px 12px}
.blc-recherche .fiche .nom{font-size:13px;font-weight:650;line-height:1.3;margin:0 0 6px;color:var(--a-ink)}
.blc-recherche .fiche .px{font-size:12.5px;color:var(--a-mut);margin:0}
.blc-recherche /* 4,.blc-recherche la fiche ouverte */
.detail{display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:24px;padding-top:6px}
@media(max-width:780px){.blc-recherche .detail{grid-template-columns:1fr;gap:16px}}
.blc-recherche .detail .visu img{width:100%;border-radius:11px;display:block;border:1px solid var(--a-bd)}
.blc-recherche .detail h3{font-size:19px;line-height:1.3;margin:0 0 4px;letter-spacing:-.015em;color:var(--a-ink)}
.blc-recherche .detail .ss{font-size:13px;color:var(--a-mut);margin:0 0 16px}
.blc-recherche .chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
@media(max-width:520px){.blc-recherche .chiffres{grid-template-columns:1fr}}
.blc-recherche .ch{background:var(--a-surf);border:1px solid var(--a-bd);border-radius:10px;padding:12px 13px}
.blc-recherche .ch .k{font-size:12px;color:var(--a-mut);margin:0 0 5px;font-weight:500}
.blc-recherche .ch .v{font-size:21px;font-weight:800;letter-spacing:-.025em;margin:0;color:var(--a-ink)}
.blc-recherche .ch.g{background:var(--a-profit-wash);border-color:#cfe6dc}
.blc-recherche .ch.g .k{color:#0a6b50}
.blc-recherche .ch.g .v{color:var(--a-profit)}
.blc-recherche .four{background:var(--a-surf);border:1px solid var(--a-bd);border-radius:10px;padding:14px 15px}
.blc-recherche .four .t{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--a-ink);margin:0 0 12px}
.blc-recherche .four .t .ok{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;
  background:var(--a-profit);color:#fff;font-size:10px;font-weight:800}
.blc-recherche .four dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0;font-size:13.5px}
.blc-recherche .four dt{color:var(--a-mut)}
.blc-recherche .four dd{margin:0;font-weight:650;color:var(--a-ink)}

/* ===== marches ===== */
.blc-marches{--bg:#000000;--ink:#f5f5f7;--mut:#a1a1a6;--bd:rgba(255,255,255,0.10);--vert:#22c55e}
.blc-marches .page{position:relative;overflow-x:hidden;padding:60px 0 70px}
.blc-marches .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:marches-drift 26s linear infinite}
@keyframes marches-drift{from{background-position-x:0}to{background-position-x:52px}}
.blc-marches .dr{display:inline-block;width:19px;height:13px;border-radius:2px;overflow:hidden;flex:none;
  box-shadow:0 0 0 1px rgba(0,0,0,.14);vertical-align:-2px}
.blc-marches .dr svg{display:block;width:100%;height:100%}
.blc-marches .entete{position:relative;z-index:1;max-width:1180px;margin:0 auto 22px;padding:0 26px;
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.blc-marches .entete .t{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b}
.blc-marches .entete .live{display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vert)}
.blc-marches .entete .live i{width:6px;height:6px;border-radius:50%;background:var(--vert);display:block;
  animation:marches-pulse 1.8s ease-in-out infinite}
@keyframes marches-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.blc-marches .ruban{position:relative;z-index:1;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  background:rgba(255,255,255,.018);overflow:hidden;padding:14px 0}
.blc-marches .ruban + .ruban{border-top:none}
.blc-marches .piste{display:flex;align-items:center;width:max-content;will-change:transform}
.blc-marches .p1{animation:marches-glisse 34s linear infinite}
.blc-marches .p2{animation:marches-glisse 46s linear infinite reverse}
@keyframes marches-glisse{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.blc-marches .ruban:hover .piste{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.blc-marches .piste,.blc-marches .ribs,.blc-marches .entete .live i{animation:none}}
.blc-marches .it{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:0 4px}
.blc-marches .it b{font-size:17px;font-weight:700;letter-spacing:-.015em;color:#f5f5f7}
.blc-marches .up{display:inline-flex;align-items:center;gap:5px;color:var(--vert);font-size:14.5px;font-weight:800}
.blc-marches .up i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-bottom:8px solid var(--vert);display:block}
.blc-marches .sep{display:inline-block;width:1px;height:20px;background:#2a2e3a;margin:0 26px;flex:none}
.blc-marches .lg{height:26px;width:auto;display:block}
.blc-marches .it.tag{font-size:13.5px;color:#7f8798}
.blc-marches .it.lo{opacity:.95}
.blc-marches .pied{position:relative;z-index:1;max-width:1180px;margin:18px auto 0;padding:0 26px;
  font-size:12.5px;color:#86868b}

/* ===== places ===== */
.blc-places{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10);--surf:#101015;--bleu:#7cb7ff}
.blc-places .page{position:relative;overflow-x:clip;padding:0 0 80px}
.blc-places .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px)}
.blc-places .tete{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:74px 26px 34px;text-align:center}
.blc-places .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-places .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-places h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto;max-width:34ch;text-wrap:balance}
.blc-places .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){.blc-places h2{font-size:34px}}
@media(max-width:600px){.blc-places h2{font-size:26px}
.blc-places .tete{padding:48px 16px 26px}}
.blc-places /* la mise en page en deux colonnes : le spectacle a gauche,.blc-places le texte a droite */
.duo{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:22px 26px 0;
  display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:60px;align-items:center}
@media(max-width:1020px){.blc-places .duo{grid-template-columns:1fr;gap:36px;padding:18px 18px 0}}
.blc-places .gauche,.blc-places .droite{min-width:0}
.blc-places .droite h3{font-size:29px;line-height:1.2;font-weight:800;letter-spacing:-.026em;margin:0 0 14px;text-wrap:balance}
.blc-places .droite .amorce{color:var(--gris);font-size:16.5px;line-height:1.62;margin:0 0 26px;max-width:46ch}
.blc-places .droite ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.blc-places .droite li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.55;color:#d8d8dc;max-width:50ch}
.blc-places .droite li b{color:var(--encre);font-weight:700}
.blc-places .droite li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;
  border:2px solid var(--bleu);box-shadow:0 0 0 3px rgba(124,183,255,.12)}
@media(max-width:600px){.blc-places .droite h3{font-size:23px}
.blc-places .droite .amorce{font-size:15px;margin-bottom:20px}
.blc-places .droite li{font-size:14.5px}}
.blc-places .mach{position:relative;width:100%;max-width:560px;height:520px;margin:0 auto;padding:16px 16px 12px;
  border:1px solid var(--trait);border-radius:18px;background:var(--surf);overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;flex-direction:column}
.blc-places .mach .prod{position:relative;display:flex;align-items:center;gap:12px;padding-bottom:12px;
  opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.blc-places .mach.on .prod{opacity:1;transform:none}
.blc-places .mach .ph{width:52px;height:52px;border-radius:11px;border:1px solid var(--trait);
  background:#000000 center/cover no-repeat;flex:none}
.blc-places .mach .qui{display:flex;flex-direction:column;gap:2px}
.blc-places .mach .qui b{font-size:14.5px;font-weight:700}
.blc-places .mach .qui i{font-style:normal;font-size:12px;color:#a1a1a6}
.blc-places .mach .fil{position:absolute;left:26px;top:56px;width:1px;height:0;background:var(--trait);transition:height .4s}
.blc-places .mach.on .fil{height:14px}
.blc-places .mach .lignes{flex:1;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:0}
.blc-places .mach .lg{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;height:58px;
  padding:0 11px;border:1px solid rgba(255,255,255,0.08);border-radius:10px;background:#0c0c11;
  opacity:0;transform:translateY(8px);transition:opacity .3s,transform .35s,border-color .35s}
.blc-places .mach.on .lg{opacity:1;transform:none}
.blc-places .mach.on .lg.tard{opacity:0;transform:translateY(16px)}
.blc-places .mach.tous .lg.tard{opacity:1;transform:none}
.blc-places .mach .lg.vu{border-color:rgba(255,255,255,0.14)}
.blc-places .mach .mq{display:flex;align-items:center;justify-content:center}
.blc-places .mach .dr{width:38px;height:25px;display:block;border-radius:4px;border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 3px 10px rgba(0,0,0,.45)}
.blc-places .mach .tick{position:relative;height:38px;border-radius:4px;background:#121218;border:1px solid rgba(255,255,255,0.08);
  padding:4px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden;
  clip-path:inset(0 0 100% 0);transition:clip-path .3s linear}
.blc-places .mach .lg.imprime .tick{clip-path:inset(0 0 0 0)}
.blc-places .mach .tick::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,0.08) 0 3px,transparent 3px 6px)}
.blc-places .mach .l{font-size:9.5px;color:#86868b;font-family:ui-monospace,Menlo,Consolas,monospace;
  white-space:nowrap;opacity:0;transition:opacity .18s}
.blc-places .mach .lg.imprime .l1{opacity:1;transition-delay:.08s}
.blc-places .mach .lg.imprime .l2{opacity:1;transition-delay:.2s}
.blc-places .mach .tampon{position:absolute;right:8px;top:50%;font-size:10.5px;font-weight:800;letter-spacing:.1em;
  padding:2px 7px;border-radius:3px;border:1.5px solid currentColor;
  transform:translateY(-50%) scale(1.7) rotate(-3deg);opacity:0;transition:opacity .12s,transform .22s cubic-bezier(.3,1.4,.5,1)}
.blc-places .mach .lg.tamponne .tampon{opacity:1;transform:translateY(-50%) scale(1) rotate(-3deg)}
.blc-places .mach .tampon.ok{color:var(--bleu)}
.blc-places .mach .tampon.non{color:#a1a1a6}
.blc-places .mach .tampon.non::after{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:currentColor;transform:rotate(-9deg)}
.blc-places .mach .lot{display:flex;gap:4px}
.blc-places .mach .v{position:relative;width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,0.10);
  background:#000000 center/cover no-repeat;display:block;opacity:0;transform:scale(.6);
  transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.blc-places .mach .lg.ouvre .v{opacity:1;transform:none}
.blc-places .mach .lg.ouvre .v:nth-child(2){transition-delay:.07s}
.blc-places .mach .lg.ouvre .v:nth-child(3){transition-delay:.14s}
.blc-places .mach .v i{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);font-style:normal;
  font-size:8px;color:#86868b;white-space:nowrap;opacity:0;transition:opacity .25s .2s}
.blc-places .mach .lg.ouvre .v:first-child i{opacity:1}
@media(max-width:600px){.blc-places .mach{height:470px;padding:12px 11px 10px}
.blc-places .mach .lg{grid-template-columns:34px 1fr auto;height:50px;gap:8px;padding:0 8px}
.blc-places .mach .dr{width:30px;height:20px}
.blc-places .mach .v{width:24px;height:24px}
.blc-places .mach .v i{display:none}
.blc-places .mach .l{font-size:8.5px}}

/* ===== fiches ===== */
.blc-fiches{--bg:#000000;--ink:#f5f5f7;--mut:#a1a1a6}
.blc-fiches .page{position:relative;overflow-x:hidden;padding:0 0 80px}
.blc-fiches .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:fiches-drift 26s linear infinite}
@keyframes fiches-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-fiches .ribs{animation:none}}
.blc-fiches .intro{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:70px 24px 0;text-align:center}
.blc-fiches h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 0 20px;text-wrap:balance;max-width:48ch;margin-left:auto;margin-right:auto}
.blc-fiches .sub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0 auto 6px;max-width:64ch}
.blc-fiches .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-fiches .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-fiches .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-fiches .pts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:940px;margin:34px auto 0;text-align:left}
@media(max-width:760px){.blc-fiches .pts{grid-template-columns:1fr;gap:20px;margin-top:26px}}
.blc-fiches .pt{border-top:1px solid #2a2e3a;padding-top:15px}
.blc-fiches .pt b{display:block;font-size:15px;font-weight:750;margin:0 0 7px;letter-spacing:-.01em}
.blc-fiches .pt span{display:block;font-size:14px;color:var(--mut);line-height:1.55}
@media(max-width:900px){.blc-fiches h2{font-size:34px;max-width:36ch}}
@media(max-width:640px){.blc-fiches h2{font-size:27px;line-height:1.2}
.blc-fiches .intro{padding:44px 16px 0}}
.blc-fiches .mur{position:relative;z-index:1;display:flex;gap:16px;padding:34px 26px 0;max-width:1400px;margin:0 auto;align-items:flex-start}
@media(max-width:900px){.blc-fiches .mur{flex-wrap:wrap;padding:40px 16px 0}}
.blc-fiches .t{flex:1 1 0;min-width:0;margin:0}
@media(max-width:900px){.blc-fiches .t{flex:1 1 46%}}
@media(max-width:560px){.blc-fiches .t{flex:1 1 100%}}
.blc-fiches .t figcaption{display:flex;justify-content:space-between;gap:10px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:10.5px;letter-spacing:.03em;margin:0 0 7px;white-space:nowrap;overflow:hidden}
.blc-fiches .t .ty{color:#8b93a4}
.blc-fiches .t .dim{color:#5d6473}
.blc-fiches .cadre{position:relative;line-height:0;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.blc-fiches .cadre img{width:100%;height:auto;display:block;border-radius:3px}
.blc-fiches .m{position:absolute;width:6px;height:6px;border:1px solid #3d6fd0;background:#000000}
.blc-fiches .tl{top:-3px;left:-3px}
.blc-fiches .tr{top:-3px;right:-3px}
.blc-fiches .bl{bottom:-3px;left:-3px}
.blc-fiches .br{bottom:-3px;right:-3px}
.blc-fiches .ss-cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;
  margin:52px auto 0;padding:0 26px;text-align:center}
.blc-fiches /* Posé dans une colonne de texte : il s'aligne à gauche avec le reste. */
.txt .ss-cta,.blc-fiches .col-txt .ss-cta{align-items:flex-start;text-align:left;margin:30px 0 0;padding:0}
.blc-fiches .ss-cta a{display:inline-flex;align-items:center;gap:10px;background:#1d2f6b;color:#fff;text-decoration:none;
  font-weight:700;font-size:15.5px;letter-spacing:-.008em;padding:14px 30px;border-radius:999px;
  box-shadow:0 10px 26px rgba(29,47,107,.5),inset 0 1px 0 rgba(255,255,255,.14);
  transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
.blc-fiches .ss-cta a:hover{background:#182858;box-shadow:0 12px 32px rgba(29,47,107,.6)}
.blc-fiches .ss-cta a:active{transform:translateY(1px)}
.blc-fiches .ss-cta a:focus-visible{outline:2px solid #7cb7ff;outline-offset:4px}
.blc-fiches .ss-cta a::after{content:"";width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;
  transform:rotate(45deg);margin-left:2px}
.blc-fiches .ss-cta p{margin:0;font-size:12.5px;color:#787f92;letter-spacing:.01em}

/* ===== avant-apres ===== */
.blc-avant-apres{--bg:#000000;--ink:#f5f5f7;--mut:#a1a1a6;
  --az-ink:#0e1626;--az-lien:#0f62e6;--az-jaune:#0f62e6;--az-bd:#d8ddea;--az-or:var(--ambre)}
.blc-avant-apres .page{position:relative;overflow-x:hidden;padding:0 0 90px}
.blc-avant-apres .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:avant-apres-drift 26s linear infinite}
@keyframes avant-apres-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-avant-apres .ribs{animation:none}}
.blc-avant-apres .duo{position:relative;z-index:1;max-width:1340px;margin:0 auto;padding:78px 26px 0;
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:52px;align-items:center}
@media(max-width:1060px){.blc-avant-apres .duo{grid-template-columns:1fr;gap:34px;padding:48px 18px 0}}
.blc-avant-apres /* colonne texte */
.txt{max-width:31rem}
.blc-avant-apres .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-avant-apres .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-avant-apres h2{font-size:42px;line-height:1.14;font-weight:800;letter-spacing:-.032em;margin:0 0 18px;text-wrap:balance}
.blc-avant-apres .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-avant-apres .sub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0 0 30px}
.blc-avant-apres .ptit{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:#86868b;margin:0 0 14px}
.blc-avant-apres .pts{display:grid;gap:16px;margin:0}
.blc-avant-apres .pt{border-top:1px solid #2a2e3a;padding-top:13px}
.blc-avant-apres .pt b{display:block;font-size:14.5px;font-weight:750;margin:0 0 5px}
.blc-avant-apres .pt span{display:block;font-size:13.5px;color:var(--mut);line-height:1.55}
@media(max-width:1060px){.blc-avant-apres h2{font-size:32px}
.blc-avant-apres .txt{max-width:none}}
@media(max-width:560px){.blc-avant-apres h2{font-size:26px}}
.blc-avant-apres /* ---- comparateur ---- */
.comp{position:relative;border-radius:12px;overflow:hidden;background:#fff;color:var(--az-ink);
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.09);
  user-select:none;display:grid;cursor:default}
.blc-avant-apres .fiche{grid-area:1/1;padding:16px 18px 18px;font-size:13px;background:#fff}
.blc-avant-apres .masque{grid-area:1/1;position:relative;overflow:hidden;width:var(--p,55%);z-index:2;border-right:2px solid #0b49b0}
.blc-avant-apres .masque .fiche{position:absolute;top:0;left:0;width:var(--w,860px);grid-area:auto}
.blc-avant-apres .haut{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}
.blc-avant-apres .vig{display:flex;flex-direction:column;gap:6px}
.blc-avant-apres .vig i{display:block;width:100%;aspect-ratio:1/1;border:1px solid var(--az-bd);border-radius:5px;
  background-size:cover;background-position:center}
.blc-avant-apres .vig i.sel{border-color:var(--az-lien);box-shadow:0 0 0 1px var(--az-lien)}
.blc-avant-apres .gr{border:1px solid #eee;border-radius:6px;overflow:hidden;background:#fff}
.blc-avant-apres .gr img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.blc-avant-apres .bas{margin-top:12px}
.blc-avant-apres .tt{font-size:15.5px;line-height:1.34;margin:0 0 5px;font-weight:400;color:var(--az-ink)}
.blc-avant-apres .mq{color:var(--az-lien);font-size:12px;margin:0 0 6px}
.blc-avant-apres .no{display:flex;align-items:center;gap:6px;font-size:12px;margin:0 0 8px}
.blc-avant-apres .et{color:var(--az-or);letter-spacing:1px}
.blc-avant-apres .et.pale{color:#cfcfcf}
.blc-avant-apres .av{color:var(--az-lien)}
.blc-avant-apres .px{font-size:22px;font-weight:600;margin:0 0 10px}
.blc-avant-apres .px sup{font-size:12px;top:-.5em;position:relative}
.blc-avant-apres .pu{list-style:none;margin:0 0 12px;padding:0}
.blc-avant-apres .pu li{position:relative;padding-left:14px;margin:0 0 5px;font-size:12.5px;line-height:1.4;color:var(--az-ink)}
.blc-avant-apres .pu li:before{content:"";position:absolute;left:3px;top:6px;width:4px;height:4px;border-radius:50%;background:#6e6e73}
.blc-avant-apres .btn{display:block;background:var(--az-jaune);border:1px solid var(--az-jaune);border-radius:99px;
  text-align:center;font-size:13px;font-weight:600;padding:9px;color:#fff}
.blc-avant-apres .vide{color:#8d8d8d;font-size:12px;margin:0 0 10px;font-style:italic}
.blc-avant-apres /* pastilles : chacune vit dans sa propre couche,.blc-avant-apres donc elle disparait avec elle */
.pastille{position:absolute;top:12px;font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:99px;z-index:5}
.blc-avant-apres .pa-ap{left:12px;background:#0b49b0;color:#fff}
.blc-avant-apres .pa-av{right:12px;background:rgba(255,255,255,.94);color:#6e6e73;border:1px solid var(--az-bd)}
.blc-avant-apres .poignee{position:absolute;top:0;bottom:0;left:var(--p,55%);width:0;z-index:6;pointer-events:none}
.blc-avant-apres .poignee b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);
  width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #0b49b0;
  box-shadow:0 4px 16px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;
  color:#0b49b0;font-size:15px;font-weight:800;letter-spacing:-2px}
.blc-avant-apres .rg{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:7;margin:0;cursor:default}
.blc-avant-apres .legende{text-align:center;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:#86868b;margin:14px 0 0}
.blc-avant-apres .ss-cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;
  margin:52px auto 0;padding:0 26px;text-align:center}
.blc-avant-apres /* Posé dans une colonne de texte : il s'aligne à gauche avec le reste. */
.txt .ss-cta,.blc-avant-apres .col-txt .ss-cta{align-items:flex-start;text-align:left;margin:30px 0 0;padding:0}
.blc-avant-apres .ss-cta a{display:inline-flex;align-items:center;gap:10px;background:#1d2f6b;color:#fff;text-decoration:none;
  font-weight:700;font-size:15.5px;letter-spacing:-.008em;padding:14px 30px;border-radius:999px;
  box-shadow:0 10px 26px rgba(29,47,107,.5),inset 0 1px 0 rgba(255,255,255,.14);
  transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
.blc-avant-apres .ss-cta a:hover{background:#182858;box-shadow:0 12px 32px rgba(29,47,107,.6)}
.blc-avant-apres .ss-cta a:active{transform:translateY(1px)}
.blc-avant-apres .ss-cta a:focus-visible{outline:2px solid #7cb7ff;outline-offset:4px}
.blc-avant-apres .ss-cta a::after{content:"";width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;
  transform:rotate(45deg);margin-left:2px}
.blc-avant-apres .ss-cta p{margin:0;font-size:12.5px;color:#787f92;letter-spacing:.01em}

/* ===== plan ===== */
.blc-plan{--bg:#000000;--ink:#f5f5f7;--mut:#a1a1a6;--cta:#0b49b0;
  --a-bg:#f6f8fc;--a-surf:#ffffff;--a-ink:#0e1626;--a-mut:#6e6e73;--a-faint:#8a93a6;
  --a-bd:#e6e9f2;--a-bd2:#d8ddea;--a-accent:#0f62e6;--a-wash:#e9f1fe;--a-profit:#047857}
.blc-plan .page{position:relative;overflow-x:hidden;padding:0 0 90px}
.blc-plan .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:plan-drift 26s linear infinite}
@keyframes plan-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-plan .ribs{animation:none}}
.blc-plan /* texte a gauche,.blc-plan demo a droite : l'inverse de la section 6 */
.duo{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:78px 26px 0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:54px;align-items:center}
@media(max-width:1060px){.blc-plan .duo{grid-template-columns:1fr;gap:32px;padding:48px 18px 0}
.blc-plan .col-txt{order:1}
.blc-plan .col-app{order:2}}
.blc-plan .chapitre{font-size:13.5px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#f5f5f7;margin:0 0 12px}
.blc-plan .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-plan .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-plan h2{font-size:42px;line-height:1.14;font-weight:800;letter-spacing:-.032em;margin:0 0 18px;text-wrap:balance}
.blc-plan .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-plan .sub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0 0 30px;max-width:34rem}
.blc-plan .ptit{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:#86868b;margin:0 0 14px}
.blc-plan .pts{display:grid;gap:16px;margin:0;max-width:34rem}
.blc-plan .pt{border-top:1px solid #2a2e3a;padding-top:13px}
.blc-plan .pt b{display:block;font-size:14.5px;font-weight:750;margin:0 0 5px}
.blc-plan .pt span{display:block;font-size:13.5px;color:var(--mut);line-height:1.55}
@media(max-width:1060px){.blc-plan h2{font-size:32px}}
@media(max-width:560px){.blc-plan h2{font-size:26px}}
.blc-plan /* ---- la fenetre de l'app ---- */
.app{position:relative;background:var(--a-bg);border-radius:14px;color:var(--a-ink);
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.blc-plan .chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#eceff6;border-bottom:1px solid var(--a-bd)}
.blc-plan .chrome i{width:9px;height:9px;border-radius:50%;background:#cfd5e2;display:block}
.blc-plan .chrome .url{margin-left:10px;font-size:11px;color:var(--a-faint)}
.blc-plan .corps{padding:20px 22px 24px}
@media(max-width:560px){.blc-plan .corps{padding:16px 14px 18px}}
.blc-plan .reps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
@media(max-width:480px){.blc-plan .reps{grid-template-columns:1fr}}
.blc-plan .rep{background:var(--a-surf);border:1px solid var(--a-bd2);border-radius:10px;padding:10px 13px}
.blc-plan .rep .k{font-size:11px;color:var(--a-mut);margin:0 0 5px}
.blc-plan .rep .v{display:flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:700;color:var(--a-ink);min-height:21px}
.blc-plan .rep .v em{font-style:normal;transition:opacity .25s ease}
.blc-plan .rep .v em.out{opacity:0}
.blc-plan .rep .fl{color:var(--a-faint);font-size:10px;margin-left:auto}
.blc-plan .dr{display:inline-block;width:19px;height:13px;border-radius:2px;overflow:hidden;flex:none;
  box-shadow:0 0 0 1px rgba(0,0,0,.14);vertical-align:-2px}
.blc-plan .dr svg{display:block;width:100%;height:100%}
.blc-plan .rep.flash{animation:plan-flash .7s ease}
@keyframes plan-flash{0%{box-shadow:0 0 0 0 rgba(15,98,230,.5)}100%{box-shadow:0 0 0 12px rgba(15,98,230,0)}}
.blc-plan .tete{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.blc-plan .tete .t{font-size:13px;font-weight:700;color:var(--a-ink)}
.blc-plan .tete .c{font-size:11.5px;color:var(--a-mut)}
.blc-plan .plan{list-style:none;margin:0;padding:0}
.blc-plan .et{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:start;
  padding:9px 10px;border-radius:8px;background:var(--a-surf);border:1px solid var(--a-bd);
  margin:0 0 7px;opacity:0;transform:translateY(8px);transition:opacity .34s ease,transform .34s ease,background .4s ease,border-color .4s ease}
.blc-plan .et.on{opacity:1;transform:none}
.blc-plan .et .n{width:24px;height:24px;border-radius:50%;background:#eef2fa;color:var(--a-accent);
  font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.blc-plan .et .tx{font-size:13.5px;line-height:1.42;color:var(--a-ink);transition:opacity .25s ease}
.blc-plan .et .tx.out{opacity:0}
.blc-plan .et.maj{background:var(--a-wash);border-color:#b9d2fb}
.blc-plan .et.maj .n{background:var(--a-accent);color:#fff}
.blc-plan .ss-cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;
  margin:52px auto 0;padding:0 26px;text-align:center}
.blc-plan /* Posé dans une colonne de texte : il s'aligne à gauche avec le reste. */
.txt .ss-cta,.blc-plan .col-txt .ss-cta{align-items:flex-start;text-align:left;margin:30px 0 0;padding:0}
.blc-plan .ss-cta a{display:inline-flex;align-items:center;gap:10px;background:#1d2f6b;color:#fff;text-decoration:none;
  font-weight:700;font-size:15.5px;letter-spacing:-.008em;padding:14px 30px;border-radius:999px;
  box-shadow:0 10px 26px rgba(29,47,107,.5),inset 0 1px 0 rgba(255,255,255,.14);
  transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
.blc-plan .ss-cta a:hover{background:#182858;box-shadow:0 12px 32px rgba(29,47,107,.6)}
.blc-plan .ss-cta a:active{transform:translateY(1px)}
.blc-plan .ss-cta a:focus-visible{outline:2px solid #7cb7ff;outline-offset:4px}
.blc-plan .ss-cta a::after{content:"";width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;
  transform:rotate(45deg);margin-left:2px}
.blc-plan .ss-cta p{margin:0;font-size:12.5px;color:#787f92;letter-spacing:.01em}

/* ===== boutique ===== */
.blc-boutique{--bg:#000000;--ink:#f5f5f7;--mut:#a1a1a6;
  --az-ink:#0e1626;--az-lien:#0f62e6;--az-jaune:#0f62e6;--az-orange:#0f62e6;--az-bd:#d8ddea;
  --az-or:var(--ambre);--az-gris:#6e6e73;--az-vert:#047857;--az-nav:#182858;--az-nav2:#1d2f6b}
.blc-boutique .page{position:relative;overflow-x:hidden;padding:0 0 90px}
.blc-boutique .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:boutique-drift 26s linear infinite}
@keyframes boutique-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-boutique .ribs{animation:none}}
.blc-boutique .tete{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:76px 26px 0;text-align:center}
.blc-boutique .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-boutique .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-boutique h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto 20px;max-width:46ch;text-wrap:balance}
.blc-boutique .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-boutique .sub{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0 auto 38px;max-width:62ch}
@media(max-width:900px){.blc-boutique h2{font-size:34px}}
@media(max-width:600px){.blc-boutique h2{font-size:26px}
.blc-boutique .tete{padding:48px 16px 0}}
.blc-boutique /* ---- la fiche produit ---- */
.cadre{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 26px}
@media(max-width:600px){.blc-boutique .cadre{padding:0 12px}}
.blc-boutique .fiche{background:#fff;color:var(--az-ink);border-radius:12px;overflow:hidden;
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);font-size:13px}
.blc-boutique /* barre du haut */
.amz-h{background:var(--az-nav);display:flex;align-items:center;gap:16px;padding:8px 14px;color:#fff}
.blc-boutique .amz{height:26px;width:auto;display:block;flex:none}
.blc-boutique .amz-h .liv{font-size:11px;line-height:1.25;color:#ccc;white-space:nowrap}
.blc-boutique .amz-h .liv b{display:block;color:#fff;font-size:12.5px}
.blc-boutique .amz-h .rech{flex:1;display:flex;min-width:60px;border-radius:5px;overflow:hidden}
.blc-boutique .amz-h .rech input{flex:1;border:0;padding:8px 10px;font:inherit;font-size:13px;min-width:0}
.blc-boutique .amz-h .rech span{background:var(--az-jaune);color:#111;padding:8px 13px;font-size:13px}
.blc-boutique .amz-h .cpt{font-size:11px;line-height:1.25;color:#ccc;white-space:nowrap}
.blc-boutique .amz-h .cpt b{display:block;color:#fff;font-size:12.5px}
@media(max-width:760px){.blc-boutique .amz-h .liv,.blc-boutique .amz-h .cpt{display:none}}
.blc-boutique .amz-n{background:var(--az-nav2);color:#fff;display:flex;gap:18px;padding:8px 14px;font-size:12.5px;overflow-x:auto}
.blc-boutique .amz-n span{white-space:nowrap;opacity:.92}
.blc-boutique .amz-n span:first-child{font-weight:700}
.blc-boutique .fil{padding:9px 18px;font-size:11.5px;color:var(--az-gris);border-bottom:1px solid #eee;overflow-x:auto;white-space:nowrap}
.blc-boutique .fil b{font-weight:400;color:var(--az-lien)}
.blc-boutique .corps{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:20px;padding:18px}
@media(max-width:1000px){.blc-boutique .corps{grid-template-columns:minmax(0,5fr) minmax(0,6fr);}
.blc-boutique .bb{grid-column:1/-1}}
@media(max-width:680px){.blc-boutique .corps{grid-template-columns:1fr;padding:14px}}
.blc-boutique .gal .pr{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}
.blc-boutique .gal .pr img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:#fff}
.blc-boutique .gal .lien{display:block;text-align:center;color:var(--az-lien);font-size:12px;margin:9px 0 10px}
.blc-boutique .vg{display:flex;gap:7px;flex-wrap:wrap}
.blc-boutique .vg i{position:relative;width:54px;height:54px;border:1px solid var(--az-bd);border-radius:6px;
  background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;display:block}
.blc-boutique .vg i.sel{border-color:var(--az-lien);box-shadow:0 0 0 1px var(--az-lien)}
.blc-boutique .vg i b{position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;border-radius:5px}
.blc-boutique .ti{font-size:21px;line-height:1.32;font-weight:400;margin:0 0 6px;color:var(--az-ink)}
@media(max-width:680px){.blc-boutique .ti{font-size:17px}}
.blc-boutique .mrq{font-size:12.5px;margin:0 0 6px}
.blc-boutique .mrq b{font-weight:400;color:var(--az-lien)}
.blc-boutique .no{display:flex;align-items:center;gap:6px;font-size:12.5px;margin:0 0 6px;flex-wrap:wrap}
.blc-boutique .et{color:var(--az-or);letter-spacing:.5px}
.blc-boutique .ach{font-size:12.5px;color:var(--az-ink);margin:0 0 10px}
.blc-boutique .ach b{font-weight:700}
.blc-boutique .sep{border:0;border-top:1px solid #eee;margin:12px 0}
.blc-boutique .px{font-size:26px;font-weight:500;margin:0 0 4px}
.blc-boutique .px sup{font-size:13px;top:-.6em;position:relative}
.blc-boutique .tva{font-size:12px;color:var(--az-gris);margin:0 0 12px}
.blc-boutique .tail{font-size:12.5px;margin:0 0 8px}
.blc-boutique .tail b{font-weight:700}
.blc-boutique .opts{display:flex;gap:9px;margin:0 0 14px;flex-wrap:wrap}
.blc-boutique .opt{border:1px solid var(--az-bd);border-radius:8px;padding:7px 12px;min-width:96px}
.blc-boutique .opt.sel{border-color:var(--az-lien);box-shadow:0 0 0 1px var(--az-lien)}
.blc-boutique .opt b{display:block;font-size:12.5px;margin:0 0 3px}
.blc-boutique .opt span{font-size:12px;color:var(--az-gris)}
.blc-boutique .attr{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;font-size:12.5px;margin:0 0 12px}
.blc-boutique .attr dt{font-weight:700;color:var(--az-ink)}
.blc-boutique .attr dd{margin:0;color:var(--az-ink)}
.blc-boutique .apr{font-size:16px;font-weight:700;margin:14px 0 8px}
.blc-boutique .pu{margin:0;padding-left:17px}
.blc-boutique .pu li{font-size:12.5px;line-height:1.5;margin:0 0 6px}
.blc-boutique .pu b{font-weight:700}
.blc-boutique .bb{border:1px solid var(--az-bd);border-radius:8px;padding:14px;height:max-content}
.blc-boutique .bb .px{font-size:24px;margin:0 0 8px}
.blc-boutique .bb .liv{font-size:12.5px;line-height:1.45;margin:0 0 8px}
.blc-boutique .bb .liv b{font-weight:700}
.blc-boutique .bb .adr{font-size:12.5px;color:var(--az-lien);margin:0 0 10px}
.blc-boutique .bb .stk{color:var(--az-vert);font-size:17px;font-weight:500;margin:0 0 10px}
.blc-boutique .qt{border:1px solid var(--az-bd);border-radius:8px;padding:7px 11px;font-size:12.5px;
  display:flex;justify-content:space-between;margin:0 0 10px;background:#f6f8fc}
.blc-boutique .bt{display:block;text-align:center;border-radius:99px;font-size:13px;font-weight:600;padding:9px;margin:0 0 8px;color:var(--az-ink)}
.blc-boutique .bt.j{background:var(--az-jaune);border:1px solid var(--az-jaune);color:#fff}
.blc-boutique .bt.o{background:#fff;border:1px solid var(--az-lien);color:var(--az-lien)}
.blc-boutique .bb dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:12px;margin:12px 0 0}
.blc-boutique .bb dt{color:var(--az-gris)}
.blc-boutique .bb dd{margin:0;color:var(--az-lien)}
.blc-boutique .ss-cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;
  margin:52px auto 0;padding:0 26px;text-align:center}
.blc-boutique /* Posé dans une colonne de texte : il s'aligne à gauche avec le reste. */
.txt .ss-cta,.blc-boutique .col-txt .ss-cta{align-items:flex-start;text-align:left;margin:30px 0 0;padding:0}
.blc-boutique .ss-cta a{display:inline-flex;align-items:center;gap:10px;background:#1d2f6b;color:#fff;text-decoration:none;
  font-weight:700;font-size:15.5px;letter-spacing:-.008em;padding:14px 30px;border-radius:999px;
  box-shadow:0 10px 26px rgba(29,47,107,.5),inset 0 1px 0 rgba(255,255,255,.14);
  transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
.blc-boutique .ss-cta a:hover{background:#182858;box-shadow:0 12px 32px rgba(29,47,107,.6)}
.blc-boutique .ss-cta a:active{transform:translateY(1px)}
.blc-boutique .ss-cta a:focus-visible{outline:2px solid #7cb7ff;outline-offset:4px}
.blc-boutique .ss-cta a::after{content:"";width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;
  transform:rotate(45deg);margin-left:2px}
.blc-boutique .ss-cta p{margin:0;font-size:12.5px;color:#787f92;letter-spacing:.01em}

/* ===== differenciation ===== */
.blc-differenciation{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10);--cta:#1d2f6b;
  --a-surf:#ffffff;--a-ink:#0e1626;--a-mut:#6e6e73;--a-bd:#e6e9f2;--a-accent:#0f62e6;--profit:#047857}
.blc-differenciation .page{position:relative;overflow-x:clip;padding:0 0 64px}
.blc-differenciation .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px)}
.blc-differenciation .tete{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:26px 26px 40px;text-align:center}
.blc-differenciation .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-differenciation .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-differenciation h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto 20px;max-width:36ch;text-wrap:balance}
.blc-differenciation .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-differenciation .sub{color:var(--gris);font-size:16.5px;line-height:1.6;margin:0 auto;max-width:62ch}
@media(max-width:900px){.blc-differenciation h2{font-size:34px}}
@media(max-width:600px){.blc-differenciation h2{font-size:26px}
.blc-differenciation .tete{padding:48px 16px 34px}}
.blc-differenciation .scene{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 26px;
  display:flex;justify-content:center;gap:44px;align-items:flex-start}
@media(max-width:760px){.blc-differenciation .scene{flex-direction:column;align-items:center;gap:26px}}
.blc-differenciation .atelier{position:relative;width:340px;flex:none;height:660px;transition:height .8s ease}
.blc-differenciation .eclat{position:relative;width:340px;height:510px;transition:height .8s cubic-bezier(.3,1,.3,1)}
.blc-differenciation .eclat.ouvert{height:696px}
.blc-differenciation .tr{position:absolute;left:0;width:340px;background-image:url(/img/p01.jpg);
  background-size:340px 510px;background-repeat:no-repeat;border-radius:2px;
  box-shadow:0 16px 34px rgba(0,0,0,.5);transition:top .8s cubic-bezier(.3,1,.3,1)}
.blc-differenciation .tr:first-child{border-radius:12px 12px 2px 2px}
.blc-differenciation .tr:last-child{border-radius:2px 2px 12px 12px}
.blc-differenciation .tr0{top:0px}
.blc-differenciation .eclat.ouvert .tr0{top:0px}
.blc-differenciation .tr1{top:127.5px}
.blc-differenciation .eclat.ouvert .tr1{top:189.5px}
.blc-differenciation .tr2{top:255px}
.blc-differenciation .eclat.ouvert .tr2{top:379px}
.blc-differenciation .tr3{top:382.5px}
.blc-differenciation .eclat.ouvert .tr3{top:568.5px}
.blc-differenciation .plq{position:absolute;left:-26px;right:-26px;height:54px;perspective:700px;opacity:0;
  transform:translateX(56px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,1.3,.4,1)}
.blc-differenciation .plq.on{opacity:1;transform:none}
.blc-differenciation .plq{transition:opacity .4s ease,transform .45s cubic-bezier(.2,1.3,.4,1),top .6s ease,left .6s ease,right .6s ease}
.blc-differenciation .volet{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.blc-differenciation .plq.tourne .volet{transform:rotateX(180deg)}
.blc-differenciation .face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;display:flex;
  align-items:center;gap:9px;padding:0 14px;font-size:12.5px;line-height:1.3}
.blc-differenciation .face.av{background:#171a24;border:1px solid #2f3444;color:#aeb5c6;font-style:italic}
.blc-differenciation .face.av .et{color:var(--ambre);font-style:normal;flex:none;font-size:12px;letter-spacing:1px}
.blc-differenciation .face.av .et i{color:#3a4157;font-style:normal}
.blc-differenciation .face.ar .et5{color:var(--ambre);font-size:12px;letter-spacing:1px;flex:none}
.blc-differenciation .face.ar{background:#fff;border:1px solid var(--a-bd);color:var(--a-ink);transform:rotateX(180deg);font-style:normal;
  flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:6px 14px}
.blc-differenciation .face.ar .l1{display:flex;align-items:center;gap:8px;white-space:nowrap}
.blc-differenciation .face.ar b{font-weight:750;font-size:12.5px}
.blc-differenciation .face.ar .px{color:var(--profit);font-weight:800;font-size:11.5px;white-space:nowrap;line-height:1}
.blc-differenciation .tampon{position:absolute;top:64px;left:-12px;z-index:3;transform:scale(1.5);opacity:0;
  padding:10px 22px 10px 16px;font-size:17px;font-weight:700;letter-spacing:.01em;color:#fff;
  background:var(--cta);white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);
  box-shadow:0 10px 26px rgba(0,0,0,.45);transition:opacity .28s ease,transform .28s cubic-bezier(.3,1.6,.4,1)}
.blc-differenciation .tampon b{color:#7cb7ff;font-weight:700}
.blc-differenciation .tampon.on{opacity:1;transform:scale(1)}
.blc-differenciation .fil{position:absolute;left:50%;width:2px;height:34px;background:#3a4157;transition:top .8s cubic-bezier(.3,1,.3,1)}
.blc-differenciation .etiq{position:absolute;left:50%;transform:translateX(-50%);width:210px;text-align:center;
  background:#f7f3e8;color:#3b3527;border-radius:10px;padding:11px 14px 12px;
  box-shadow:0 14px 34px rgba(0,0,0,.5);transform-origin:top center;transition:top .8s cubic-bezier(.3,1,.3,1)}
.blc-differenciation .etiq::before{content:"";position:absolute;top:-5px;left:50%;margin-left:-5px;width:10px;height:10px;
  border-radius:50%;background:#000000;border:2px solid #3a4157}
.blc-differenciation .etiq .k{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a8168;margin:0 0 3px}
.blc-differenciation .etiq .v{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#1d5c40}
.blc-differenciation .etiq .p{font-size:12px;font-weight:800;color:#047857;margin:2px 0 0;opacity:0;transition:opacity .4s ease}
.blc-differenciation .etiq .p.on{opacity:1}
.blc-differenciation .etiq.balance{animation:differenciation-balance 1.1s ease-in-out}
@keyframes differenciation-balance{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(5deg)}65%{transform:translateX(-50%) rotate(-4deg)}}
@media(max-width:600px){.blc-differenciation .scene{padding:0 16px}
.blc-differenciation .plq{left:-14px;right:-14px}}

/* ===== oscar ===== */
.blc-oscar{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10)}
.blc-oscar .page{position:relative;overflow-x:hidden;padding:0 0 30px}
.blc-oscar .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:oscar-drift 26s linear infinite}
@keyframes oscar-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-oscar .ribs{animation:none}}
.blc-oscar .bloc{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:82px 26px 0;text-align:center}
@media(max-width:640px){.blc-oscar .bloc{padding:52px 16px 0}}
.blc-oscar .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-oscar .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-oscar h2{font-size:46px;line-height:1.14;font-weight:800;letter-spacing:-.034em;margin:0 auto 20px;max-width:44ch;text-wrap:balance}
.blc-oscar .hi{background:linear-gradient(96deg,#bf5af2,#7cb7ff 45%,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-oscar .sub{color:var(--gris);font-size:17px;line-height:1.6;margin:0 auto;max-width:60ch}
@media(max-width:900px){.blc-oscar h2{font-size:34px}}
@media(max-width:600px){.blc-oscar h2{font-size:27px}
.blc-oscar .sub{font-size:15.5px}}
.blc-oscar /* ---- le cerveau ---- */
.cerv{position:relative;z-index:1;display:flex;justify-content:center;margin:-58px auto -132px;pointer-events:none;overflow:hidden}
.blc-oscar .cerv canvas{width:880px;height:770px;display:block;max-width:none}
@media(max-width:900px){.blc-oscar .cerv canvas{width:640px;height:560px}
.blc-oscar .cerv{margin:-44px auto -96px}}
@media(max-width:560px){.blc-oscar .cerv canvas{width:430px;height:376px}
.blc-oscar .cerv{margin:-30px auto -66px}}
.blc-oscar .cerv .sceau{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.34em;
  text-transform:uppercase;color:rgba(236,238,244,.5);text-shadow:0 0 22px rgba(0,0,0,.9)}
.blc-oscar /* ---- la demonstration ---- */
.demo{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:0 26px}
@media(max-width:640px){.blc-oscar .demo{padding:0 14px}}
.blc-oscar .fen{border:1px solid rgba(255,255,255,0.10);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,rgba(21,23,32,.94),rgba(15,17,24,.96));
  box-shadow:0 34px 90px rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.blc-oscar .chrome{display:flex;align-items:center;gap:9px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,.022)}
.blc-oscar .chrome i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.12);display:block}
.blc-oscar .chrome .url{margin-left:10px;font-size:11px;color:#6e6e73;font-family:ui-monospace,monospace}
.blc-oscar .chrome .plan{margin-left:auto;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#bf5af2;border:1px solid rgba(167,139,250,.35);border-radius:999px;padding:3px 10px}
.blc-oscar .fil{padding:22px 24px 6px;min-height:326px;text-align:left}
@media(max-width:640px){.blc-oscar .fil{padding:18px 16px 4px;min-height:400px}}
.blc-oscar .moi{display:flex;justify-content:flex-end;margin:0 0 20px}
.blc-oscar .moi span{background:rgba(46,107,240,.16);border:1px solid rgba(124,183,255,.25);border-radius:14px 14px 4px 14px;
  padding:11px 15px;font-size:14.5px;line-height:1.5;color:#f5f5f7;max-width:80%}
.blc-oscar .moi .curs{display:inline-block;width:2px;height:15px;background:#7cb7ff;vertical-align:-2px;margin-left:2px;
  animation:oscar-clign 1s steps(1) infinite}
@keyframes oscar-clign{0%,49%{opacity:1}50%,100%{opacity:0}}
.blc-oscar .osc{display:flex;gap:13px;align-items:flex-start}
.blc-oscar .pastille{flex:none;width:30px;height:30px;border-radius:50%;margin-top:2px;
  background:radial-gradient(circle at 32% 30%,#c3b5ff,#7c5cf6 55%,#1d2f6b);
  box-shadow:0 0 16px rgba(139,92,246,.55)}
.blc-oscar .dit{flex:1;min-width:0}
.blc-oscar .dit .nom{font-size:12px;font-weight:750;letter-spacing:.02em;color:#bf5af2;margin:0 0 7px}
.blc-oscar .dit p{margin:0 0 10px;font-size:14.5px;line-height:1.62;color:#d8d8dc}
.blc-oscar .dit p.derniere{color:#fff;font-weight:700}
.blc-oscar .dit p.masque{opacity:0}
.blc-oscar .dit .mot{opacity:0;transition:opacity .18s ease}
.blc-oscar .dit .mot.vu{opacity:1}
.blc-oscar .chiffre{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.blc-oscar .reflechit{display:flex;align-items:center;gap:9px;font-size:13px;color:#7f8798;padding:2px 0 0}
.blc-oscar .reflechit i{width:6px;height:6px;border-radius:50%;background:#a1a1a6;display:block;
  animation:oscar-respire 1.1s ease-in-out infinite}
.blc-oscar .reflechit i:nth-child(2){animation-delay:.16s}
.blc-oscar .reflechit i:nth-child(3){animation-delay:.32s}
@keyframes oscar-respire{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.blc-oscar .source{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;opacity:0;transition:opacity .3s ease}
.blc-oscar .source.vu{opacity:1}
.blc-oscar .source b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10px;font-weight:400;
  letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;padding:4px 9px;border:1px solid rgba(255,255,255,0.10);border-radius:6px}
.blc-oscar .saisie{display:flex;align-items:center;gap:11px;margin:14px 16px 16px;padding:12px 15px;
  border:1px solid rgba(255,255,255,0.10);border-radius:12px;background:rgba(255,255,255,.03)}
.blc-oscar .saisie .txt{flex:1;font-size:14px;color:#6e6e73}
.blc-oscar .saisie .env{width:30px;height:30px;border-radius:9px;flex:none;background:#1d2f6b;position:relative}
.blc-oscar .saisie .env::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-60%,-50%) rotate(45deg)}

/* ===== tarif ===== */
.blc-tarif{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10)}
.blc-tarif .page{position:relative;overflow-x:hidden;padding:0 0 90px}
.blc-tarif .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:tarif-drift 26s linear infinite}
@keyframes tarif-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-tarif .ribs{animation:none}}
.blc-tarif .bloc{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:74px 26px 0}
@media(max-width:640px){.blc-tarif .bloc{padding:46px 16px 0}}
.blc-tarif /* ---- section 8 : la bande,.blc-tarif trois lignes ---- */
.bande{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.blc-tarif .bande div{padding:22px 26px;border-left:1px solid var(--trait)}
.blc-tarif .bande div:first-child{border-left:0;padding-left:0}
.blc-tarif .bande b{display:block;font-size:11px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  letter-spacing:.16em;text-transform:uppercase;color:#6e6e73;font-weight:400;margin:0 0 9px}
.blc-tarif .bande p{margin:0;font-size:17px;line-height:1.35;font-weight:700;letter-spacing:-.018em;color:#f5f5f7;text-wrap:balance}
.blc-tarif .amz{color:var(--amz)}
@media(max-width:820px){.blc-tarif .bande{grid-template-columns:1fr}
.blc-tarif .bande div{border-left:0;border-top:1px solid var(--trait);padding:18px 0}
.blc-tarif .bande div:first-child{border-top:0}}
.blc-tarif /* ---- section 9 : le tarif ---- */
.tete{text-align:center;padding:58px 0 0}
.blc-tarif .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-tarif .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-tarif /* Mêmes réglages que les titres des sections 4 à 7 : 44 px,.blc-tarif 26ch,.blc-tarif sous-titre 62ch.
   À 20ch le bloc se serrait en colonne étroite au milieu de la page. */
h1{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto 20px;max-width:46ch;text-wrap:balance}
.blc-tarif .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-tarif .chapeau{color:var(--gris);font-size:16.5px;line-height:1.6;margin:0 auto;max-width:62ch}
@media(max-width:900px){.blc-tarif h1{font-size:34px}}
@media(max-width:600px){.blc-tarif h1{font-size:26px}}
.blc-tarif /* le rappel de l'essai,.blc-tarif en evidence juste avant les prix */
.essai{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;
  margin:30px auto 0;padding:14px 22px;max-width:max-content;
  border:1px solid rgba(124,183,255,.34);border-radius:999px;background:rgba(46,107,240,.13)}
.blc-tarif .essai .gros{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}
.blc-tarif .essai .txt{font-size:14.5px;color:#d8d8dc}
@media(max-width:520px){.blc-tarif .essai{border-radius:16px}
.blc-tarif .essai .gros{font-size:19px}}
.blc-tarif /* ---- le paywall,.blc-tarif repris a l'identique de l'app ---- */
.paywall{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 26px;
  color-scheme:light;
  --surface:#ffffff;--surface-2:#fbfcfe;--ink:#0e1626;--ink-soft:#26324a;--muted:#6e6e73;--faint:#8a93a6;
  --border:#e6e9f2;--border-strong:#d8ddea;--accent:#0f62e6;--accent-ink:#0b49b0;--accent-mid:#8cb4f6;
  --accent-wash:#e9f1fe;--profit:#047857;--profit-wash:#e9f4ef;--on-accent:#ffffff;
  --accent-a32:rgba(15,98,230,.32);--profit-a30:rgba(4,120,87,.3);
  --shadow-sm:0 1px 2px rgba(14,22,38,.04),0 1px 3px rgba(14,22,38,.03);
  --shadow-md:0 4px 14px rgba(14,22,38,.06),0 1px 3px rgba(14,22,38,.04);
  --shadow-accent:0 6px 16px rgba(15,98,230,.26);--shadow-accent-hover:0 8px 22px rgba(15,98,230,.32);
  --r-lg:18px;--fw-500:400;--fw-600:540;--fw-650:560;--fw-700:580;--fw-720:580}
@media(max-width:640px){.blc-tarif .paywall{padding:0 14px}}
.blc-tarif .ss-offers-billing-wrap{margin-top:26px;text-align:center}
.blc-tarif .ss-offers-billing{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.blc-tarif .ss-offers-segment{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.16);
  border-radius:12px;background:rgba(255,255,255,.05)}
.blc-tarif .ss-offers-segment-option{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;
  border:0;border-radius:9px;background:transparent;color:#a9b0c2;cursor:pointer;font-family:inherit;
  font-size:13.5px;font-weight:600;letter-spacing:-.005em;transition:background .14s ease,color .14s ease}
.blc-tarif .ss-offers-segment-option:hover{color:#f5f5f7}
.blc-tarif .ss-offers-segment-option.active{background:#fff;color:#0b49b0}
.blc-tarif .ss-offers-segment-option:focus-visible{outline:2px solid #7cb7ff;outline-offset:2px}
.blc-tarif .ss-offers-billing-note{margin:11px 0 0;color:#a1a1a6;font-size:12.5px;letter-spacing:-.003em}
.blc-tarif .ss-offers-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:26px}
.blc-tarif .ss-offers-plans.trois{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:1100px){.blc-tarif .ss-offers-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.blc-tarif .ss-offers-plan{position:relative;display:flex;flex-direction:column;padding:24px 22px 22px;
  border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);
  box-shadow:0 24px 60px rgba(0,0,0,.45);transition:border-color .14s ease,box-shadow .14s ease;color:var(--ink)}
.blc-tarif .ss-offers-plan:hover{border-color:var(--border-strong);box-shadow:0 28px 70px rgba(0,0,0,.55)}
.blc-tarif .ss-offers-plan.featured{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-wash) 0%,var(--surface) 55%);
  box-shadow:0 0 0 1px var(--accent),0 28px 70px rgba(0,0,0,.55)}
.blc-tarif .ss-offers-plan-badge{position:absolute;top:-12px;left:22px;display:inline-flex;align-items:center;
  padding:5px 12px;border-radius:999px;background:var(--accent);box-shadow:var(--shadow-accent);
  color:var(--on-accent);font-size:10px;font-weight:var(--fw-700);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.blc-tarif .ss-offers-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.blc-tarif .ss-offers-plan-head h2{margin:0;color:var(--faint);font-size:11.5px;font-weight:var(--fw-700);letter-spacing:.12em;text-transform:uppercase}
.blc-tarif .ss-offers-plan.featured .ss-offers-plan-head h2{color:var(--accent-ink)}
.blc-tarif .ss-offers-plan-eyebrow{margin:7px 0 0;color:var(--muted);font-size:10.5px;font-weight:var(--fw-700);letter-spacing:.09em;text-transform:uppercase}
.blc-tarif .ss-offers-price{display:flex;align-items:baseline;gap:1px;margin:12px 0 0;flex-wrap:wrap}
.blc-tarif .ss-offers-price-amount{color:var(--ink);font-size:38px;font-weight:var(--fw-720);line-height:1;letter-spacing:-.03em}
.blc-tarif .ss-offers-price-currency{color:var(--ink);font-size:22px;font-weight:var(--fw-650);letter-spacing:-.02em}
.blc-tarif .ss-offers-price-period{margin-left:3px;color:var(--muted);font-size:14px;font-weight:var(--fw-500)}
.blc-tarif /* La pastille de l'essai prend TOUJOURS sa propre ligne : collée au prix elle passait
   à la ligne sur Ambition seulement,.blc-tarif et les trois cartes se décalaient. Le saut vient
   d'un élément vide à 100 % de large,.blc-tarif pas d'un flex-basis sur la pastille,.blc-tarif sinon elle
   s'étire sur toute la carte. */
.rupt{flex:0 0 100%;height:0}
.blc-tarif .ss-offers-price-essai{display:inline-flex;align-items:center;margin:11px 0 0;padding:6px 13px;
  border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;
  letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-accent)}
.blc-tarif .ss-offers-price-essai::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#fff;margin-right:8px;vertical-align:1px}
.blc-tarif .ss-offers-price-meta{min-height:45px;margin-top:7px;color:var(--faint);font-size:12px;letter-spacing:-.003em}
.blc-tarif .ss-offers-price-meta p{margin:0}
.blc-tarif .ss-offers-price-meta .saving{margin-top:2px;color:var(--accent-ink);font-weight:var(--fw-700)}
.blc-tarif .ss-offers-features-intro{margin:18px 0 0;color:var(--ink);font-size:13px;font-weight:var(--fw-700);letter-spacing:-.003em}
.blc-tarif .ss-offers-features{display:flex;flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.blc-tarif .ss-offers-features-intro + .ss-offers-features{margin-top:11px}
.blc-tarif .ss-offers-features li{display:flex;align-items:flex-start;gap:9px;color:var(--ink-soft);font-size:13px;line-height:1.42;letter-spacing:-.003em}
.blc-tarif .ss-offers-features li.a-aide{position:relative}
.blc-tarif .ss-offers-features li.a-aide .ss-capital-info{margin-left:5px;vertical-align:-3px}
.blc-tarif .ss-offers-features li.a-aide .ss-capital-info:hover + .ss-capital-tip,.blc-tarif .ss-offers-features li.a-aide .ss-capital-info:focus + .ss-capital-tip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}
.blc-tarif .ss-offers-check{flex:none;margin-top:1px;color:var(--profit)}
.blc-tarif /* Le logo de la marque prend la place de la coche,.blc-tarif sur la meme colonne : 18 px
   pour le logo contre 16 pour la coche,.blc-tarif pour que les lignes voisines restent alignees. */
.ss-offers-logo{flex:none;width:18px;height:18px;margin:0 -1px;border-radius:4px;display:block}
.blc-tarif /* Les drapeaux se posent au bout de la ligne,.blc-tarif jamais colles au texte : ils se
   lisent comme une reponse a « lesquelles ? »,.blc-tarif pas comme de la ponctuation. */
.ss-offers-dr{display:inline-flex;gap:4px;margin-left:8px;vertical-align:-2px}
.blc-tarif .ss-dr{width:17px;height:11.3px;display:block;border-radius:2px;border:1px solid rgba(0,0,0,.18);
  box-shadow:0 1px 2px rgba(0,0,0,.14)}
.blc-tarif .ss-capital-info{display:inline-grid;width:17px;height:17px;flex:none;place-items:center;padding:0;
  border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-2);color:var(--faint);
  cursor:pointer;font-family:inherit;font-size:10px;font-weight:var(--fw-700);line-height:1;
  transition:color .14s ease,border-color .14s ease,background .14s ease}
.blc-tarif .ss-capital-info:hover,.blc-tarif .ss-capital-info:focus-visible{border-color:var(--accent-mid);outline:none;background:var(--accent-wash);color:var(--accent)}
.blc-tarif .ss-capital-tip{position:absolute;z-index:30;bottom:calc(100% + 10px);left:50%;width:max-content;max-width:260px;
  padding:11px 13px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);
  box-shadow:var(--shadow-md);color:var(--ink-soft);font-size:12px;font-weight:var(--fw-500);line-height:1.45;
  letter-spacing:-.002em;opacity:0;pointer-events:none;text-align:left;text-transform:none;
  transform:translateX(-50%) translateY(5px);visibility:hidden;transition:opacity .14s ease,transform .14s ease}
.blc-tarif .ss-capital-tip::before,.blc-tarif .ss-capital-tip::after{position:absolute;top:100%;left:50%;width:0;height:0;border:7px solid transparent;content:""}
.blc-tarif .ss-capital-tip::before{border-top-color:var(--border-strong);transform:translateX(-50%)}
.blc-tarif .ss-capital-tip::after{border-top-color:var(--surface);transform:translateX(-50%) translateY(-1.4px)}
.blc-tarif .ss-offers-soon{display:flex;flex-direction:column;gap:11px;margin-top:18px;padding-top:15px;border-top:1px dashed var(--border-strong)}
.blc-tarif .ss-offers-soon > p{margin:0;color:var(--accent-ink);font-size:10px;font-weight:var(--fw-700);letter-spacing:.13em;text-transform:uppercase;opacity:.8}
.blc-tarif .ss-offers-soon > div{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:13px;line-height:1.42;letter-spacing:-.003em}
.blc-tarif .ss-offers-plus{display:grid;width:17px;height:17px;flex:none;place-items:center;margin-top:2px;
  border:1.5px dashed var(--accent-mid);border-radius:6px;color:var(--accent)}
.blc-tarif .ss-offers-upsell{display:flex;align-items:flex-start;gap:9px;margin:16px 0 0;color:var(--faint);font-size:12.5px;line-height:1.42;letter-spacing:-.003em}
.blc-tarif .ss-offers-upsell svg{flex:none;margin-top:1px}
.blc-tarif .ss-offers-cta-row{margin-top:auto;padding-top:22px}
.blc-tarif .ss-offers-plan-cta{display:inline-flex;width:100%;align-items:center;justify-content:center;padding:13px 18px;
  border-radius:12px;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:var(--fw-600);
  letter-spacing:-.005em;text-decoration:none;
  transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .12s ease}
.blc-tarif .ss-offers-plan-cta:active{transform:translateY(1px)}
.blc-tarif .ss-offers-plan-cta.primary{border:1px solid transparent;background:#1d2f6b;color:#fff;
  box-shadow:0 8px 20px rgba(29,47,107,.34),inset 0 1px 0 rgba(255,255,255,.14)}
.blc-tarif .ss-offers-plan-cta.primary:hover{background:#182858;box-shadow:0 10px 26px rgba(29,47,107,.42)}
.blc-tarif .ss-offers-plan-cta.secondary{border:1.5px solid #1d2f6b;background:transparent;color:#1d2f6b;font-weight:700}
.blc-tarif .ss-offers-plan-cta.secondary:hover{background:#1d2f6b;color:#fff}
@media(max-width:920px){.blc-tarif .ss-offers-plans{grid-template-columns:1fr}}
.blc-tarif /* ---- la transparence,.blc-tarif sous les trois cartes ---- */
.transparence{position:relative;z-index:1;max-width:1080px;margin:26px auto 0;padding:0 26px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:920px){.blc-tarif .transparence{grid-template-columns:1fr;gap:12px}}
.blc-tarif .transparence div{border-top:1px solid var(--trait);padding-top:13px}
.blc-tarif .transparence b{display:block;font-size:12.5px;font-weight:750;color:#f5f5f7;margin:0 0 4px}
.blc-tarif .transparence span{display:block;font-size:12.5px;line-height:1.5;color:#a1a1a6}
.blc-tarif .pied{position:relative;z-index:1;text-align:center;margin:30px auto 0;font-size:12.5px;color:#787f92}

/* ===== questions ===== */
.blc-questions{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10)}
.blc-questions .page{position:relative;overflow-x:hidden;padding:0 0 100px}
.blc-questions .ribs{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:questions-drift 26s linear infinite}
@keyframes questions-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-questions .ribs{animation:none}}
.blc-questions .bloc{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:78px 26px 0}
@media(max-width:640px){.blc-questions .bloc{padding:50px 16px 0}}
.blc-questions .tete{text-align:center;margin:0 0 44px}
.blc-questions .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 18px}
.blc-questions .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-questions h2{font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto 20px;max-width:46ch;text-wrap:balance}
.blc-questions .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-questions .sub{color:var(--gris);font-size:16.5px;line-height:1.6;margin:0 auto;max-width:62ch}
@media(max-width:900px){.blc-questions h2{font-size:34px}}
@media(max-width:600px){.blc-questions h2{font-size:26px}}
.blc-questions .cols{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}
@media(max-width:860px){.blc-questions .cols{grid-template-columns:1fr;gap:0}}
.blc-questions .qa{border-top:1px solid var(--trait);align-self:start}
.blc-questions /* Nombre impair de questions : la derniere prend les deux colonnes,.blc-questions sinon elle reste
   seule a gauche avec un vide a cote. */
.qa:last-child:nth-child(odd){grid-column:1/-1}
.blc-questions .qa:last-child{border-bottom:1px solid var(--trait)}
.blc-questions .qa summary{display:flex;align-items:flex-start;gap:14px;padding:20px 2px;cursor:pointer;list-style:none}
.blc-questions .qa summary::-webkit-details-marker{display:none}
.blc-questions .qa summary:focus-visible{outline:2px solid #7cb7ff;outline-offset:3px;border-radius:6px}
.blc-questions .qa .n{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:#6e6e73;
  padding-top:4px;flex:none;letter-spacing:.06em}
.blc-questions .qa .q{flex:1;font-size:16.5px;line-height:1.4;font-weight:700;letter-spacing:-.014em;color:#f5f5f7;
  transition:color .16s ease;text-wrap:balance}
.blc-questions .qa summary:hover .q{color:#fff}
.blc-questions .qa i{flex:none;position:relative;width:15px;height:15px;margin-top:4px}
.blc-questions .qa i::before,.blc-questions .qa i::after{content:"";position:absolute;background:#7f8798;border-radius:2px;
  transition:transform .22s ease,background .16s ease}
.blc-questions .qa i::before{top:6.5px;left:0;width:15px;height:2px}
.blc-questions .qa i::after{top:0;left:6.5px;width:2px;height:15px}
.blc-questions .qa[open] i::after{transform:scaleY(0)}
.blc-questions .qa[open] i::before{background:#7cb7ff}
.blc-questions .qa summary:hover i::before,.blc-questions .qa summary:hover i::after{background:#d8d8dc}
.blc-questions .qa[open] .q{color:#fff}
.blc-questions .r{padding:0 30px 22px 33px;color:var(--gris);font-size:14.5px;line-height:1.68;
  animation:questions-ouvre .26s ease}
@keyframes questions-ouvre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.blc-questions .r{animation:none}}
.blc-questions .r a{color:#7cb7ff;text-decoration:none;border-bottom:1px solid rgba(124,183,255,.4)}
.blc-questions .r a:hover{color:#fff;border-bottom-color:#fff}
.blc-questions .pied{position:relative;z-index:1;max-width:1180px;margin:44px auto 0;padding:0 26px;text-align:center}
.blc-questions .btn-com{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);background:transparent;color:#f5f5f7;text-decoration:none;
  font-size:14.5px;font-weight:600;letter-spacing:-.005em;
  transition:border-color .16s ease,background .16s ease,color .16s ease}
.blc-questions .btn-com::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.blc-questions .btn-com:hover{border-color:rgba(124,183,255,.6);background:rgba(46,107,240,.12);color:#fff}
.blc-questions .btn-com:focus-visible{outline:2px solid #7cb7ff;outline-offset:3px}

/* ===== fin ===== */
.blc-fin{--fond:#000000;--encre:#f5f5f7;--gris:#a1a1a6;--trait:rgba(255,255,255,0.10);--cta:#1d2f6b;--cta2:#182858}
.blc-fin .page{position:relative;overflow-x:hidden}
.blc-fin .ribs{position:absolute;top:0;left:0;right:0;height:760px;z-index:0;pointer-events:none;background-size:52px 100%;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.012) 9px,rgba(255,255,255,0) 20px,rgba(255,255,255,.012) 34px,rgba(255,255,255,.055) 52px);
  animation:fin-drift 26s linear infinite}
@keyframes fin-drift{from{background-position-x:0}to{background-position-x:52px}}
@media (prefers-reduced-motion:reduce){.blc-fin .ribs{animation:none}}
.blc-fin /* ---- section 11 : le dernier appel ---- */
.final{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:88px 26px 96px}
@media(max-width:640px){.blc-fin .final{padding:56px 16px 64px}}
.blc-fin .carte{position:relative;overflow:hidden;border:1px solid #232736;border-radius:24px;
  background:linear-gradient(180deg,#101015 0%,#0f111a 100%);
  padding:64px 44px 56px;text-align:center;box-shadow:0 34px 90px rgba(0,0,0,.55)}
@media(max-width:640px){.blc-fin .carte{padding:44px 20px 40px;border-radius:18px}}
.blc-fin .halo{position:absolute;top:-260px;left:50%;width:720px;height:460px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(46,107,240,.28),transparent 68%);pointer-events:none}
.blc-fin .dedans{position:relative;z-index:1}
.blc-fin .eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin:0 0 20px}
.blc-fin .eyebrow em{font-style:normal;color:#7cb7ff}
.blc-fin h2{font-size:46px;line-height:1.16;font-weight:800;letter-spacing:-.032em;margin:0 auto 22px;max-width:50ch;text-wrap:balance}
.blc-fin .hi{background:linear-gradient(96deg,#7cb7ff,#2997ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blc-fin .sous{color:var(--gris);font-size:16.5px;line-height:1.62;margin:0 auto 34px;max-width:56ch}
@media(max-width:900px){.blc-fin h2{font-size:34px}}
@media(max-width:600px){.blc-fin h2{font-size:27px}}
.blc-fin .gros{display:inline-flex;align-items:center;gap:11px;background:var(--cta);color:#fff;text-decoration:none;
  font-weight:700;font-size:17px;letter-spacing:-.01em;padding:17px 38px;border-radius:999px;
  box-shadow:0 14px 34px rgba(29,47,107,.55),inset 0 1px 0 rgba(255,255,255,.16);
  transition:background .16s ease,box-shadow .16s ease,transform .12s ease}
.blc-fin .gros:hover{background:var(--cta2);box-shadow:0 16px 40px rgba(29,47,107,.65)}
.blc-fin .gros:active{transform:translateY(1px)}
.blc-fin .gros:focus-visible{outline:2px solid #7cb7ff;outline-offset:4px}
.blc-fin .gros::after{content:"";width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
.blc-fin .note{margin:16px 0 0;font-size:12.5px;color:#787f92}
.blc-fin /* Une grille,.blc-fin pas un flex : en flex la ligne se coupait n'importe où selon la
   largeur,.blc-fin avec un rappel seul sur sa ligne. */
.rappels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:42px auto 0;max-width:820px}
.blc-fin .rappels span{padding:0 18px;font-size:13px;line-height:1.45;color:#9aa2b5;border-left:1px solid rgba(255,255,255,0.10);text-wrap:balance}
.blc-fin .rappels span:first-child{border-left:0}
@media(max-width:700px){.blc-fin .rappels{grid-template-columns:1fr;gap:10px}
.blc-fin .rappels span{border-left:0;padding:0}}
.blc-fin /* ---- section 12 : le pied de page ---- */
.pied{position:relative;z-index:1;border-top:1px solid var(--trait);background:rgba(8,9,13,.72)}
.blc-fin .pied .dedans{max-width:1180px;margin:0 auto;padding:46px 26px 0}
@media(max-width:640px){.blc-fin .pied .dedans{padding:34px 16px 0}}
.blc-fin .marque{display:flex;align-items:center;gap:11px;margin:0 0 30px}
.blc-fin .lg{width:30px;height:30px;display:block;flex:none;border-radius:9px}
.blc-fin .marque b{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#f5f5f7}
.blc-fin .marque span{font-size:13px;color:#86868b;margin-left:4px}
@media(max-width:520px){.blc-fin .marque span{display:none}}
.blc-fin .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
@media(max-width:860px){.blc-fin .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.blc-fin .cols{grid-template-columns:1fr}}
.blc-fin .fc{display:grid;align-content:start;gap:9px}
.blc-fin .fh{margin:0 0 3px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:#6e6e73}
.blc-fin .fc a{color:#9aa2b5;text-decoration:none;font-size:13.5px;line-height:1.35;transition:color .14s ease}
.blc-fin .fc a:hover{color:#fff}
.blc-fin .bas{max-width:1180px;margin:0 auto;padding:34px 26px 40px;margin-top:38px;border-top:1px solid var(--trait);
  display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:flex-start}
@media(max-width:640px){.blc-fin .bas{padding:26px 16px 32px}}
.blc-fin .bas .copy{font-size:12.5px;color:#86868b;flex:none}
.blc-fin .bas .avert{font-size:12.5px;line-height:1.6;color:#86868b;max-width:66ch}
.blc-fin .bas .legal{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12.5px;color:#6d7488}
.blc-fin .bas .legal a{color:inherit;text-decoration:none}
.blc-fin .bas .legal a:hover{color:#fff}


/* ===== DA 2026 : la couche finale (tokens de src/styles/da2026/base.css) ===== */

/* L'angle animable du lisere conique des cartes. */
@property --da-rot { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

/* Le noir keynote et ses nappes bleu nuit et violet remplacent les rayures. */
body{background:#000}
.ribs-page{background-image:none;animation:none;
  background:
    radial-gradient(58% 42% at 14% -4%, rgba(41,151,255,.10), transparent 62%),
    radial-gradient(46% 38% at 86% 12%, rgba(191,90,242,.07), transparent 60%),
    radial-gradient(52% 40% at 50% 104%, rgba(29,47,107,.16), transparent 64%)}
[class*="blc-"] .ribs{display:none}

/* Les titres passent au degrade de la nouvelle DA. */
.hi,.accent,[class*="blc-"] .hi{
  background:linear-gradient(90deg,#6e8ff2,#4e63c4 55%,#7cb7ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* Les CTA marine portent l'ombre lumineuse de l'app. */
.ss-btn,.blc-accueil .btn,.ss-offers-cta,.ss-cta-final{
  box-shadow:0 0 22px rgba(29,47,107,.55),0 8px 30px rgba(29,47,107,.35)!important}

/* Les cartes du paywall RESTENT blanches : elles reprennent l'ecran des offres
   de l'app (encre sombre dedans), et le blanc sur le noir keynote est voulu.
   La vedette recoit le lisere conique qui tourne, signature des cartes de la
   nouvelle app. Le passage des cartes en verre sombre attendra le vrai
   redesign, il demande de repeindre toute l'encre interieure. */
.ss-offers-plan.featured{position:relative;border-color:transparent!important;background-clip:padding-box}
.ss-offers-plan.featured::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;
  background:conic-gradient(from var(--da-rot),rgba(124,183,255,.9),rgba(41,151,255,.15) 30%,rgba(191,90,242,.6) 52%,rgba(41,151,255,.12) 78%,rgba(124,183,255,.9));
  animation:da-tour 7s linear infinite}
@keyframes da-tour{to{--da-rot:360deg}}
@media (prefers-reduced-motion:reduce){.ss-offers-plan.featured::after{animation:none}}

/* L'en-tete en verre sombre keynote. */
.hd{background:rgba(0,0,0,.62)!important}

/* La bande des marches : ses textes se centrent (demande Christophe 25/08). */
.blc-marches .entete{justify-content:center!important}
.blc-marches .pied{text-align:center}

/* Le cerveau v3, sans ses eclats en croix : les neuf grandes etoiles sont les
   seuls <path> du svg (demande Christophe 25/08, « ca fait cheap »). */
#oscar-cerveau path{display:none}

/* Le cerveau v3 : un svg carre remplace le canvas du nuage, l'enceinte suit. */
.blc-oscar .cerv.cerv-v3{margin:-6px auto -34px}
.blc-oscar .cerv.cerv-v3 svg{width:520px;height:520px;max-width:88vw;display:block}
@media(max-width:900px){.blc-oscar .cerv.cerv-v3 svg{width:400px;height:400px}}
@media(max-width:560px){.blc-oscar .cerv.cerv-v3 svg{width:300px;height:300px}.blc-oscar .cerv.cerv-v3{margin:0 auto -18px}}

/* ---- correctifs generaux ---- */
img{height:auto}
/* Le bloc des tarifs se repliait sur trois colonnes jusque sur telephone : la
   classe .trois, posee ici meme pour retirer la carte gratuite, a une
   specificite superieure aux deux media queries de la page, et une media query
   n ajoute aucune specificite. A 375 pixels chaque carte tombait a 104 pixels de
   large. On vise explicitement .trois dans les deux replis. */
@media(max-width:1100px){.blc-tarif .ss-offers-plans.trois{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.blc-tarif .ss-offers-plans.trois{grid-template-columns:1fr}}
/* La couche 2026 repose un fond translucide sur la barre : sans flou derriere,
   il faut l opacifier, sinon le titre transparait sous le menu. */
.hd{background:rgba(8,8,12,.94)!important;backdrop-filter:none!important}
/* La page declare vingt-six animations sans fin. Une seule regle les arretait,
   sur deux elements. Les autres tournaient du premier au dernier octet de la
   visite, y compris dix ecrans plus bas. La plus couteuse fait tourner un
   degrade conique sur la carte tarifaire mise en avant : ce n est pas une
   transformation, c est un repeint complet a chaque image, et il ne s arretait
   jamais. Les sections portent deja une classe quand elles sont a l ecran :
   on s en sert pour tout mettre en pause ailleurs. */
.blc:not(.vue) .glow,.blc:not(.vue) .piste,.blc:not(.vue) .ecranv,.blc:not(.vue) .flux,
.blc:not(.vue) .scan,.blc:not(.vue) .caret,.blc:not(.vue) .curs,.blc:not(.vue) .noyau,
.blc:not(.vue) .nd,.blc:not(.vue) .fil,.blc:not(.vue) .live i,.blc:not(.vue) .reflechit i,
.blc:not(.vue) .ss-offers-plan.featured::after{animation-play-state:paused!important}


/* ---- le selecteur de langue de la barre ---- */
.ss-lang{position:relative;display:inline-flex}
.ss-lang-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 11px;
  border:1px solid var(--bd);border-radius:999px;background:transparent;color:var(--mut);
  font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;
  transition:color .16s ease,border-color .16s ease,background .16s ease}
.ss-lang-btn:hover,.ss-lang-btn[aria-expanded="true"]{color:var(--ink);
  border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.ss-lang-btn:focus-visible{outline:2px solid #7cb7ff;outline-offset:3px}
.ss-lang-btn svg{width:9px;height:9px;flex:none;opacity:.75;transition:transform .18s ease}
.ss-lang-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.ss-lang-menu{position:absolute;top:calc(100% + 9px);right:0;min-width:186px;padding:6px;
  border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(9,10,17,.975);
  backdrop-filter:blur(18px);box-shadow:0 22px 54px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.06);
  display:none;flex-direction:column;gap:1px;z-index:20}
.ss-lang-menu[data-ouvert="true"]{display:flex;animation:ss-lang-tombe .16s ease}
@keyframes ss-lang-tombe{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-lang-menu[data-ouvert="true"]{animation:none}
  .ss-lang-btn svg{transition:none}}
.ss-lang-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;
  color:var(--mut);text-decoration:none;font-size:13.5px;white-space:nowrap;
  transition:background .13s ease,color .13s ease}
a.ss-lang-item:hover{background:rgba(255,255,255,.06);color:var(--ink)}
a.ss-lang-item:focus-visible{outline:2px solid #7cb7ff;outline-offset:-2px}
.ss-lang-item[aria-current="true"]{color:var(--ink)}
.ss-lang-item.ss-lang-off{color:#64646b;cursor:default}
.ss-lang-pt{width:5px;height:5px;border-radius:50%;flex:none;background:transparent}
.ss-lang-item[aria-current="true"] .ss-lang-pt{background:#2997ff;box-shadow:0 0 0 3px rgba(41,151,255,.18)}
.ss-lang-item b{margin-left:auto;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:10.5px;font-weight:400;letter-spacing:.09em;color:#6e6e73}
.ss-lang-item em{margin-left:auto;font-style:normal;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#57575e}
@media(max-width:640px){.ss-lang-menu{min-width:170px}}

/* ---- les vrais logos des marques ---- */
img.lg,.blc-marches img.lg,.blc-places img.lg{height:26px;width:26px;display:block;flex:none;border-radius:5px;object-fit:contain}
.blc-boutique .amz{display:inline-flex;align-items:center;gap:7px;flex:none}
.blc-boutique .amz img.amz-lg{height:26px;width:26px;display:block;border-radius:5px}
.blc-boutique .amz b{font-size:19px;font-weight:700;letter-spacing:-.04em;color:#fff;line-height:1}
.blc-boutique .amz i{font-style:normal;font-size:11px;color:#c8ccd4;line-height:1;align-self:flex-end;padding-bottom:2px}

/* ---- la barre du haut de la fausse vitrine ---- */
.blc-boutique .amz-h{background:var(--az-nav);display:flex;align-items:center;gap:14px;
  padding:6px 12px;color:#fff;font-size:12px;line-height:1.2}
.blc-boutique .amz-h .amz-i{width:14px;height:14px;flex:none;display:block}

.blc-boutique .amz-liv{display:flex;align-items:flex-end;gap:3px;flex:none;color:#ccc;white-space:nowrap}
.blc-boutique .amz-liv .amz-i{margin-bottom:1px;color:#fff}
.blc-boutique .amz-liv span{display:block;font-size:10.5px}
.blc-boutique .amz-liv b{display:block;color:#fff;font-size:12.5px;font-weight:700}

.blc-boutique .amz-rech{flex:1;display:flex;align-items:stretch;min-width:60px;
  border-radius:6px;overflow:hidden;background:#fff}
.blc-boutique .amz-rech .amz-rayon{display:flex;align-items:center;gap:3px;flex:none;
  background:#eef1f8;color:#26324a;padding:0 8px;font-size:11px;border-right:1px solid #d8ddea}
.blc-boutique .amz-rech .amz-rayon em{font-style:normal;font-size:8px;opacity:.65}
.blc-boutique .amz-rech input{flex:1;border:0;padding:7px 9px;font:inherit;font-size:12.5px;
  color:var(--az-ink);min-width:0;background:#fff}
.blc-boutique .amz-rech .amz-photo{display:flex;align-items:center;padding:0 8px;color:#555;flex:none}
.blc-boutique .amz-rech .amz-loupe{display:flex;align-items:center;justify-content:center;
  background:var(--az-orange);color:#fff;padding:0 12px;flex:none}
.blc-boutique .amz-rech .amz-loupe .amz-i{width:16px;height:16px}

.blc-boutique .amz-langue{display:flex;align-items:center;gap:4px;flex:none;font-weight:700;font-size:12px}
.blc-boutique .amz-langue svg{width:17px;height:11px;display:block;border-radius:1px}
.blc-boutique .amz-langue em{font-style:normal;font-size:8px;opacity:.7;font-weight:400}

.blc-boutique .amz-cpt{flex:none;color:#ccc;white-space:nowrap;font-size:10.5px}
.blc-boutique .amz-cpt b{display:block;color:#fff;font-size:12.5px;font-weight:700}
.blc-boutique .amz-cpt b em{font-style:normal;font-size:8px;opacity:.7;font-weight:400;margin-left:2px}

.blc-boutique .amz-cart{display:flex;align-items:flex-end;gap:2px;flex:none;position:relative;color:#fff}
.blc-boutique .amz-panier{width:26px;height:17px;display:block;color:#fff}
.blc-boutique .amz-nb{position:absolute;left:12px;top:-5px;color:#7cb7ff;
  font-weight:700;font-size:13px;line-height:1}
.blc-boutique .amz-cart b{font-size:12.5px;font-weight:700}

@media(max-width:1100px){
  .blc-boutique .amz-h .amz-liv,.blc-boutique .amz-h .amz-cpt{display:none}
}
@media(max-width:640px){
  .blc-boutique .amz-h{gap:9px;padding:5px 9px}
  .blc-boutique .amz-h .amz-langue,.blc-boutique .amz-h .amz-cart b{display:none}
  .blc-boutique .amz-rech .amz-rayon,.blc-boutique .amz-rech .amz-photo{display:none}
}

/* ---- le bandeau de consentement ---- */
.ss-cookies{position:fixed;left:18px;bottom:18px;z-index:60;width:312px;max-width:calc(100vw - 36px);
  padding:15px 16px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
  background:rgba(9,10,17,.99);
  box-shadow:0 24px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);
  color:#f5f5f7;font-size:13px;line-height:1.5;
  animation:ss-cookies-monte .28s cubic-bezier(.2,.7,.3,1)}
@keyframes ss-cookies-monte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-cookies{animation:none}}
.ss-cookies-t{margin:0 0 5px;font-size:13.5px;font-weight:650;letter-spacing:-.01em}
.ss-cookies-c{margin:0;color:#a1a1a6;font-size:12.5px;line-height:1.5}
.ss-cookies-c a{color:#7cb7ff;text-decoration:none;border-bottom:1px solid rgba(124,183,255,.35)}
.ss-cookies-c a:hover{color:#fff;border-bottom-color:#fff}
.ss-cookies-b{display:flex;gap:8px;margin-top:13px}
.ss-cookies-b button{flex:1;padding:8px 12px;border-radius:999px;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:-.005em;
  border:1px solid rgba(255,255,255,.18);background:transparent;color:#a1a1a6;
  transition:color .15s ease,border-color .15s ease,background .15s ease}
.ss-cookies-b button:hover{color:#f5f5f7;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.ss-cookies-b button:focus-visible{outline:2px solid #7cb7ff;outline-offset:2px}
.ss-cookies-b .ss-cookies-oui{border-color:transparent;background:#1d2f6b;color:#fff;
  box-shadow:0 0 18px rgba(29,47,107,.5)}
.ss-cookies-b .ss-cookies-oui:hover{background:#2a3f8a;color:#fff}
@media(max-width:520px){.ss-cookies{left:12px;right:12px;bottom:12px;width:auto}}

/* ---- le badge du bandeau de confiance ---- */
.ss-partenaire{display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;letter-spacing:-.005em;color:var(--ink);white-space:nowrap}
.ss-partenaire img{width:18px;height:18px;display:block;flex:none;border-radius:4px}
.ss-partenaire em{font-style:normal;font-weight:400;color:var(--mut)}
.ss-partenaire-filet{width:1px;height:18px;background:var(--bd);flex:none}
/* Sous 860 pixels la phrase du bandeau passerait a la ligne et ajouterait de la
   hauteur. Elle repete le titre : c'est elle qui part, pas la preuve. */
@media(max-width:860px){
  .blc-accueil .trust .trustline,.blc-accueil .trust .ss-partenaire-filet{display:none}
}