/* Accueil du 30/10/2026 : règles ajoutées au style du site par accueil_v2.py. */

/* Vue 1 : la phrase sous le titre */
body.accueil-v2 .hero-lead-acc{display:grid;justify-content:center;align-self:stretch;margin:6px 0 30px;font-size:19px;line-height:1.5;color:#413E4B;text-align:left;max-width:580px}

/* Vue 1 (v3) : une seule carte, la question, trois réponses en intitulés discrets, les prestations en lignes cliquables */
body.accueil-v2 #prestations.in-hero{padding:0;background:none;min-height:0;scroll-margin-top:80px}
body.accueil-v2 #prestations.in-hero > .wrap{padding:0;max-width:none;width:auto}
body.accueil-v2 #prestations.in-hero .paths-band .sit > .sit-tile{display:none}

/* Vue 1 (v3), colonne de gauche : un peu plus d'air entre le titre, la phrase et les chiffres */
body.accueil-v2 .hero-top .landing-stats{margin-top:36px}

/* Filtres par thème */
body.accueil-v2 .ex-themes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
body.accueil-v2 .ex-chip{font:inherit;font-size:15px;font-weight:600;color:#2A2431;background:#fff;border:1px solid #E6DCEA;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
body.accueil-v2 .ex-chip:hover{border-color:#9B3FA7;color:#7E2F88}
body.accueil-v2 .ex-chip.is-on{background:#9B3FA7;border-color:#9B3FA7;color:#fff}
body.accueil-v2 .ex-subs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:6px;background:#F7F3EE;border-radius:999px;width:fit-content;max-width:100%;box-sizing:border-box}
body.accueil-v2 .ex-sub{font:inherit;font-size:14px;font-weight:600;color:#5B5462;background:transparent;border:0;border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;transition:background .15s,color .15s}
body.accueil-v2 .ex-sub:hover{color:#7E2F88}
body.accueil-v2 .ex-sub.is-on{background:#fff;color:#7E2F88;box-shadow:0 1px 3px rgba(43,40,51,.12)}
body.accueil-v2 .ex-grid{margin-top:20px;align-items:start}
body.accueil-v2 .ex-work{list-style:none;display:flex;flex-direction:column;gap:8px}
body.accueil-v2 .ex-work .case-card{width:auto;max-width:none;flex:none}
body.accueil-v2 .ex-tag{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7E2F88;padding-left:4px}

/* Section vidéos : le gabarit de la page Cas d'usage, sous un titre comme celui des réalisations */
body.accueil-v2 .home-videos{padding:72px 0 80px;background:var(--pastel-lav)}
body.accueil-v2 .home-videos .case-heading{margin-bottom:28px}
body.accueil-v2 .home-videos .case-heading h2{font-size:40px;font-weight:700;letter-spacing:-.022em;line-height:1.12;margin:0}

/* Alternance des fonds dans le nouvel ordre : ivoire, blanc, ivoire, blanc… */
body.accueil-v2 #references{background:var(--ivory-bg,#F7F3EE)}
body.accueil-v2 #references .review{background:var(--pastel-lav);border-color:var(--pastel-lav-line)}

/* Cartes vidéo : reprises de la page Cas d'usage, vidéo au format réel (vertical), lancée sans le son */
body.accueil-v2 .uc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,320px));justify-content:start;gap:28px}
body.accueil-v2 .uc-card{max-width:none;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}
body.accueil-v2 .uc-card:hover{transform:translateY(-3px);border-color:var(--violet-light);box-shadow:0 18px 40px -22px rgba(28,26,36,.45)}
body.accueil-v2 .uc-card a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
body.accueil-v2 .uc-thumb{display:block;aspect-ratio:9/16;overflow:hidden;background:var(--ground)}
body.accueil-v2 .uc-thumb video{display:block;width:100%;height:100%;object-fit:cover}
body.accueil-v2 .uc-body{padding:18px 20px 22px;display:grid;gap:8px;align-content:start}
body.accueil-v2 .uc-meta{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-dark)}
body.accueil-v2 .uc-card h2{font-size:20px;line-height:1.25;margin:0}
body.accueil-v2 .uc-card p{color:var(--ink-soft);font-size:15.5px;margin:0}
body.accueil-v2 .uc-more{margin-top:6px;font-weight:600;color:var(--violet)}

/* Téléphone : les tuiles restent comme aujourd'hui sur mobile, les vidéos glissent une par une */
@media (max-width:760px){
 body.accueil-v2 .hero-lead-acc{order:1;font-size:16.5px;margin:4px 20px 24px;text-align:left;max-width:none}
 body.accueil-v2 .home-videos .case-heading h2{font-size:30px;letter-spacing:-.022em}
 body.accueil-v2 .home-videos{padding:48px 0 56px}
 body.accueil-v2 .uc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:0 20px 6px}
 body.accueil-v2 .uc-card{flex:0 0 78%;scroll-snap-align:start}
}
@media (max-width:760px){
 body.accueil-v2 .ex-subs{border-radius:18px}
}
body.accueil-v2 .ex-subs[hidden],body.accueil-v2 .ex-item[hidden]{display:none!important}

/* v4 : la question, le robot professeur, puis le fil réponse → prestations */


/* v4 : vidéos à lancer une par une */
body.accueil-v2 .ex-grid > li{display:flex;flex-direction:column}
body.accueil-v2 .ex-video{position:relative}
body.accueil-v2 .ex-play{position:absolute;inset:auto auto 18px 18px;width:60px;height:60px;border-radius:999px;border:0;background:#9B3FA7;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px -8px rgba(91,40,110,.6);transition:transform .15s,background .15s}
body.accueil-v2 .ex-play:hover{transform:scale(1.06);background:#7E2F88}
body.accueil-v2 .ex-play:focus-visible{outline:3px solid #9B3FA7;outline-offset:3px}
body.accueil-v2 .ex-video.is-playing .ex-play{display:none}
body.accueil-v2 a.uc-body{display:grid;color:inherit;text-decoration:none}
body.accueil-v2 .ex-follow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:32px;padding:18px 22px;border-radius:18px;background:#F7F3EE;border:1px solid #EDE5DA;max-width:1016px;box-sizing:border-box}
body.accueil-v2 .ex-follow p{margin:0;flex:1 1 280px;font-size:16px;font-weight:600;color:#2A2431}
body.accueil-v2 .ex-follow-ico{flex:none;width:44px;height:44px;border-radius:12px;background:#0A66C2;color:#fff;display:grid;place-items:center}
body.accueil-v2 .ex-follow-btn{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#0A66C2;color:#fff;font-weight:600;font-size:15px;text-decoration:none}
body.accueil-v2 .ex-follow-btn:hover{background:#004182;color:#fff}
@media (max-width:760px){
 body.accueil-v2 .ex-grid > li{flex:0 0 78%}
}

/* v5 : sous chaque vidéo, seulement le titre */
body.accueil-v2 .ex-grid .uc-card{display:flex;flex-direction:column}
body.accueil-v2 .ex-title{display:block;padding:16px 20px 20px;font-size:18px;line-height:1.3;font-weight:700;color:#1F1A26;text-decoration:none;letter-spacing:-.01em}
body.accueil-v2 .ex-title:hover{color:#7E2F88}
body.accueil-v2 .ex-sound{position:absolute;left:18px;bottom:18px;display:grid;place-items:center;width:48px;height:48px;border-radius:999px;border:0;background:rgba(31,26,38,.78);color:#fff;cursor:pointer}
body.accueil-v2 .ex-sound:hover{background:#9B3FA7}
body.accueil-v2 .ex-sound[hidden]{display:none!important}

/* v6 : le robot qui pompe, en bas à droite du carrousel des avis, comme celui des réalisations */
body.accueil-v2 #references .carousel{position:relative}
body.accueil-v2 .rev-bot{position:absolute;right:2px;top:calc(100% - 34px);pointer-events:none;line-height:0;z-index:2}
/* v8 : le robot rebondit sur un trampoline */
body.accueil-v2 .tr-bot{animation:trJump 1.1s infinite}
body.accueil-v2 .tr-squash{transform-box:fill-box;transform-origin:50% 100%;animation:trSquash 1.1s infinite}
body.accueil-v2 .tr-mat{transform-box:view-box;transform-origin:52px 92px;animation:trMat 1.1s infinite}
@keyframes trJump{0%{transform:translateY(4px);animation-timing-function:cubic-bezier(.2,.7,.35,1)}45%{transform:translateY(-30px);animation-timing-function:cubic-bezier(.65,0,.8,.3)}90%,100%{transform:translateY(4px)}}
@keyframes trSquash{0%{transform:scale(1.08,.88)}12%{transform:scale(.95,1.06)}45%{transform:scale(1,1)}86%{transform:scale(.97,1.04)}100%{transform:scale(1.08,.88)}}
@keyframes trMat{0%{transform:scaleY(1)}14%{transform:scaleY(.12)}84%{transform:scaleY(.12)}100%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){body.accueil-v2 .tr-bot,body.accueil-v2 .tr-squash,body.accueil-v2 .tr-mat{animation:none}}
@media (max-width:900px){body.accueil-v2 .rev-bot{display:none}}

/* v7 : chaque prestation ouvre sa propre carte, sans le choix entre Agents IA, Logiciel et Données */
.sit-modal .path .formats .ftabs{display:none!important}
.sit-modal .sit-modal-q{font-size:24px}
body.accueil-v2 .rev-bot svg{overflow:visible}
/* v9 : sur téléphone, les trois chiffres passent avant la question */
@media (max-width:760px){
 body.accueil-v2 .hero.landing .hero-top .landing-stats{order:2;margin-top:6px;margin-bottom:8px}
}

/* v10 : le trampoline entraîne le carrousel : à chaque atterrissage, la courroie avance et l'engrenage tourne d'un quart de tour */
body.accueil-v2 .tr-sprocket,body.accueil-v2 .tr-pulley{transform-box:fill-box;transform-origin:center;animation:trTurn 1.1s infinite}
body.accueil-v2 .tr-belt{animation:trBelt 1.1s infinite}
@keyframes trTurn{0%{transform:rotate(0)}22%,100%{transform:rotate(90deg)}}
@keyframes trBelt{0%{stroke-dashoffset:0}22%,100%{stroke-dashoffset:-14}}
@media (prefers-reduced-motion:reduce){body.accueil-v2 .tr-sprocket,body.accueil-v2 .tr-pulley,body.accueil-v2 .tr-belt{animation:none}}
/* v11 : sous le titre de la fenêtre, une phrase qui présente la prestation (plus de titre en double) */
h3.acc-sentence{font-size:22px!important;line-height:1.25!important;letter-spacing:-.02em!important;font-weight:650!important}

/* Phrase sous le titre sur deux lignes (30/10/2026) : « Agence d'ingénierie IA » en petites capitales violettes, puis les prestations. */
body.accueil-v2 .hero-lead-acc .hero-lead-kicker{display:block;margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7E2F88}
body.accueil-v2 .hero-lead-acc .hero-lead-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
body.accueil-v2 .hero-lead-acc .hero-lead-list li{position:relative;padding-left:24px;color:#66606F}
body.accueil-v2 .hero-lead-acc .hero-lead-list strong{font-weight:650;color:#1F1A26}
body.accueil-v2 .hero-lead-acc .hero-lead-list li::before{content:"";position:absolute;left:3px;top:calc(.75em - 4px);width:8px;height:8px;border-radius:50%;background:#9B3FA7;box-shadow:0 0 0 4px #EFE3F2}
@media(max-width:640px){body.accueil-v2 .hero-lead-acc .hero-lead-kicker{font-size:12.5px;margin-bottom:10px}}

/* 30/10/2026 : bouton « Voir toutes nos prestations » sous la dernière réponse de la carte. */
body.accueil-v2 .acc-all{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin:14px 0 4px;padding:11px 20px;border:1.5px solid #9B3FA7;border-radius:999px;background:#fff;color:#7E2F88;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,color .15s}
body.accueil-v2 .acc-all svg{transition:transform .15s}
body.accueil-v2 .acc-all:hover{background:#9B3FA7;color:#fff}
body.accueil-v2 .acc-all:hover svg{transform:translateX(3px)}
body.accueil-v2 .acc-all:focus-visible{outline:3px solid #9B3FA7;outline-offset:3px}
@media (max-width:600px){body.accueil-v2 .acc-all{align-self:stretch;justify-content:center}}
@media (prefers-reduced-motion:reduce){body.accueil-v2 .acc-all,body.accueil-v2 .acc-all svg{transition:none}body.accueil-v2 .acc-all:hover svg{transform:none}}
/* 30/10/2026 : colonne de gauche de la vue 1 (titre, points forts, chiffres) abaissée de 56 px sur ordinateur : le bas
   des chiffres tombe sur le bas de la carte de droite. La pince lit la position du titre, elle suit. */
@media (min-width:1101px){
  body.accueil-v2 .landing-grid > .hero-top{position:relative;top:56px}
  /* 04/11/2026 : la colonne abaissée de 56 px empiétait sur la place réservée à la scène du bas (la chouette
     recouvrait « 6 ans d'expérience » dès 1512 px de large). La réserve grandit d'autant : 110 px + 56 px. */
  body.accueil-v2.home .hero.landing{padding-bottom:166px}
}

/* 30/10/2026 : ligne d'aide au choix sous Agents IA, Logiciel et Données (ROW_HINTS dans accueil_v2.py). */

/* 30/10/2026 : les trois réponses ne sont pas cliquables : gris foncé, sans guillemets, plus petites que les noms de
   prestation. Le violet reste aux icônes, aux flèches et aux boutons. */

/* 30/10/2026 : réponses courtes sur téléphone ; les ronds devant les réponses sont des repères, pas des boutons :
   un point plein, sans état « sélectionné » au survol (sur téléphone, le survol restait collé après un tapotement). */

/* 07/11/2026 : nouvelle première vue (vingt automatisations, « Prêt en 7 jours »), soleil gardé à droite du titre
   sur ordinateur, carte « Et vous, où en êtes-vous avec l'IA ? » en deuxième vue, un seul produit « Agent IA ». */
body.accueil-v2 .landing-grid{display:block}
body.accueil-v2 .landing-grid > .hero-top{position:relative;top:0;max-width:none;display:flex;flex-direction:column;gap:14px}
body.accueil-v2 .hero-top > *{order:0}
body.accueil-v2 .hero.landing{min-height:0!important;padding-bottom:36px}
body.accueil-v2 .hero-top h1{margin:0}
body.accueil-v2 .ia-kicker{align-self:flex-start;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--violet-dark)}
.ia-sub{margin:0;font-size:16.5px;line-height:1.5;color:var(--muted)}
.ia-block{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.ia-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ia-pill{display:inline-flex;align-items:center;gap:7px;background:var(--violet);color:#fff;border-radius:999px;padding:8px 14px 8px 10px;font-size:15px;font-weight:700;box-shadow:0 8px 18px -10px rgba(94,43,156,.8)}
.ia-nav{display:none;gap:10px}
.ia-nav button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px rgba(28,26,36,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.ia-nav .ia-next{background:var(--violet);color:#fff;box-shadow:none}
.ia-nav button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.ia-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 6px}
.ia-rail::-webkit-scrollbar{display:none}
.ia-page{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ia-card{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:18px;padding:14px;min-height:118px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(28,26,36,.07),0 10px 26px -20px rgba(60,20,110,.35)}
.ia-ico{width:36px;height:36px;border-radius:11px;background:#F3E8F5;color:var(--violet-dark);display:flex;align-items:center;justify-content:center;flex:none}
.ia-txt{font-size:15px;font-weight:650;line-height:1.25;letter-spacing:-.2px;color:var(--ink)}
.ia-dots{display:flex;justify-content:center;gap:6px}
.ia-dot{width:6px;height:6px;border-radius:3px;background:#D9CBDD;transition:width .2s}
.ia-dot.on{width:18px;background:var(--violet)}
body.accueil-v2 .hero-top .landing-stats{margin-top:10px}
#accompagnement-developpement-ia .ftabs{display:none}
.path-incl{margin:6px 0 0;font-size:13.5px;line-height:1.4;color:var(--muted)}
.roi-note{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--violet-dark)}
.trust-band{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin:22px auto 0}
.trust-item{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text);background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 0 0 1px rgba(28,26,36,.08)}
.trust-item svg{color:var(--violet);flex:none}
.trust-flag{border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
#equipe .sec-sub{margin:6px 0 0;font-size:17px;color:var(--muted)}
@media (min-width:900px){
  body.accueil-v2 .hero-top h1{font-size:62px;letter-spacing:-.04em;max-width:820px}
  .ia-sub{font-size:19px}
  .ia-nav{display:flex}
  .ia-pill{font-size:18px;padding:10px 18px 10px 12px}
  .ia-page{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .ia-card{flex-direction:row;align-items:center;gap:14px;padding:22px;min-height:0}
  .ia-ico{width:48px;height:48px}
  .ia-txt{font-size:19px}
  .ia-dots{display:none}
}
@media (prefers-reduced-motion:reduce){.ia-dot{transition:none}}
/* 07/11/2026, correctifs : sur téléphone la grille du haut est « à plat » (display:contents) et le titre avait
   l'ordre 1 ; il reprend sa place entre la mention et la phrase. Les lignes sous le prix restent en minuscules. */
body.accueil-v2 .hero.landing .landing-grid .hero-top > h1{order:0!important}
.path-pricing .path-incl,.path-pricing .roi-note{text-transform:none!important;letter-spacing:normal!important}
.path-pricing .path-incl{font-weight:500}

/* 07/11/2026, retouches ordinateur : la première vue prend tout l'écran (la carte « Et vous… » n'y déborde
   plus), le titre est centré sur une ligne au premier tiers, le soleil et la pince posent l'étoile sur le I de
   « l'IA » (hero-scene.js), huit automatisations à la fois sur deux lignes, les chiffres en bas. */
@media (min-width:901px){
  body.accueil-v2 .hero.landing{min-height:calc(100svh - var(--landing-header,63px))!important;padding:0 0 28px!important;display:flex;flex-direction:column}
  body.accueil-v2 .hero.landing > .wrap{flex:1 0 auto;display:flex;flex-direction:column;position:relative;z-index:1}
  body.accueil-v2 .hero.landing .landing-grid{flex:1 0 auto;display:flex;flex-direction:column}
  body.accueil-v2 .landing-grid > .hero-top{flex:1 0 auto;align-items:center;text-align:center;gap:0;padding-top:clamp(120px,19vh,210px)}
  body.accueil-v2 .ia-kicker{align-self:center;margin-bottom:16px}
  body.accueil-v2 .hero-top h1{font-size:clamp(40px,4.1vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:none;white-space:nowrap}
  body.accueil-v2 .ia-sub{margin-top:10px;font-size:20px}
  body.accueil-v2 .ia-block{width:100%;margin-top:clamp(28px,5vh,52px);gap:18px}
  body.accueil-v2 .ia-bar{position:relative;justify-content:center}
  body.accueil-v2 .ia-rail{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:100%;gap:16px 0;text-align:left}
  body.accueil-v2 .ia-page{gap:16px}
  body.accueil-v2 .ia-card{padding:20px 22px}
  body.accueil-v2 .hero-top .landing-stats{margin-top:auto;padding-top:32px;align-self:center}
}
/* Téléphone : la pince et l'étoile restent masquées (hero-scene.css), la place de la scène du bas est rendue. */
@media (max-width:900px){body.accueil-v2 .an-scene{display:none}}
/* La bande « France, RGPD, contrôle » : en bas de la carte « Nos méthodes et nos valeurs », sur toute sa largeur. */
.method-preview .trust-band{grid-column:1/-1;justify-content:flex-start;margin:0;padding-top:22px;border-top:1px solid var(--line)}
@media (max-width:700px){.method-preview .trust-band{flex-direction:column;align-items:stretch;gap:10px}.method-preview .trust-item{border-radius:14px;padding:10px 14px}}
/* 08/11/2026, téléphone : la première vue occupe tout l'écran (la carte « Et vous… » ne se voit plus sous le
   bouton du bas), plus d'air entre les blocs, flèches à droite de « Prêt en 7 jours » à la place des points,
   chiffres plus petits, posés en bas de la vue au-dessus du bouton. */
@media (max-width:900px){
  body.accueil-v2 .hero.landing{min-height:calc(100svh - var(--landing-header,60px))!important;padding:44px 0 100px!important;display:flex!important;flex-direction:column}
  body.accueil-v2 .hero.landing h1{margin-bottom:0}
  body.accueil-v2 .hero.landing .ia-sub{margin-top:14px}
  body.accueil-v2 .hero.landing .ia-block{margin-top:24px;gap:16px}
  body.accueil-v2 .ia-dots{display:none}
  body.accueil-v2 .ia-nav{display:flex;gap:8px}
  body.accueil-v2 .ia-nav button{width:40px;height:40px}
  body.accueil-v2 .ia-card{padding:13px;min-height:108px}
  body.accueil-v2 .hero.landing .landing-stats{order:4;margin-top:auto!important;padding-top:28px;display:flex!important;justify-content:center;gap:0}
  body.accueil-v2 .hero.landing .landing-stats > div{flex:1 1 0;flex-direction:column;align-items:center;gap:2px;padding:0 8px;border-left:1px solid #E5DCEB}
  body.accueil-v2 .hero.landing .landing-stats > div:first-child{border-left:0}
  body.accueil-v2 .hero.landing .landing-stats strong{font-size:20px;line-height:1.2}
  body.accueil-v2 .hero.landing .landing-stats small{font-size:12px}
  body.accueil-v2 .hero.landing .landing-stats span{font-size:11px}
}
/* 08/11/2026 : deux pastilles côte à côte ; le prix en blanc, bordé de violet. Les flèches de part et d'autre
   des cartes, à mi-hauteur (entre la rangée du haut et celle du bas), sur téléphone comme sur ordinateur. */
body.accueil-v2 .ia-bar{flex-wrap:wrap;justify-content:flex-start;gap:8px}
body.accueil-v2 .ia-pill{white-space:nowrap}
body.accueil-v2 .ia-pill.ia-price{background:#fff;color:var(--violet-dark);box-shadow:0 0 0 1.5px #DCC6E2;padding-left:14px}
body.accueil-v2 .ia-stage{position:relative}
body.accueil-v2 .ia-nav{display:flex;position:absolute;left:-14px;right:-14px;top:50%;transform:translateY(-50%);justify-content:space-between;pointer-events:none;z-index:2}
body.accueil-v2 .ia-nav button{pointer-events:auto;box-shadow:0 0 0 1px rgba(28,26,36,.1),0 6px 16px -6px rgba(60,20,110,.45)}
body.accueil-v2 .ia-nav .ia-next{box-shadow:0 6px 16px -6px rgba(60,20,110,.6)}
@media (max-width:900px){
  body.accueil-v2 .ia-nav button{width:36px;height:36px}
  body.accueil-v2 .ia-pill{font-size:14px;padding:8px 12px 8px 9px}
  body.accueil-v2 .ia-pill.ia-price{padding-left:12px}
  body.accueil-v2 .hero.landing .landing-stats strong{font-size:25px}
  body.accueil-v2 .hero.landing .landing-stats small{font-size:15px}
  body.accueil-v2 .hero.landing .landing-stats span{font-size:12.5px}
}
@media (max-width:420px){body.accueil-v2 .ia-bar{gap:6px}body.accueil-v2 .ia-pill{font-size:13px;gap:5px;padding:7px 10px 7px 8px}body.accueil-v2 .ia-pill.ia-price{padding-left:10px}body.accueil-v2 .ia-pill svg{width:15px;height:15px}}
@media (min-width:901px){
  body.accueil-v2 .ia-bar{justify-content:center;gap:12px}
  body.accueil-v2 .ia-nav{left:-22px;right:-22px}
}
/* 08/11/2026 : défilement page par page (accueil.js) à la place du glissement natif, coupé sur iPhone. La piste
   (.ia-track) glisse par transform dans le rail, qui masque le reste ; 2 px de marge pour les bords des cartes. */
body.accueil-v2 .ia-rail{display:block!important;overflow:hidden;scroll-snap-type:none;touch-action:pan-y;padding:2px 2px 8px;margin:0 -2px}
body.accueil-v2 .ia-track{display:flex;gap:14px;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform}
body.accueil-v2 .ia-page{flex:0 0 100%}
@media (min-width:901px){body.accueil-v2 .ia-track{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:100%;gap:16px 24px}}
@media (prefers-reduced-motion:reduce){body.accueil-v2 .ia-track{transition:none}}
/* 08/11/2026 (midi), téléphone et tablette :
   - les flèches passent sous les cartes, centrées : à mi-hauteur elles recouvraient le bord des cartes ;
   - toutes les cartes ont la même hauteur (fixée par accueil.js sur la plus haute des vingt-quatre) ;
   - la première vue ne remplit plus tout l'écran : les chiffres suivent les cartes, en plus gros,
     et la question « Et vous, où en êtes-vous avec l'IA ? » vient juste après, sans grand vide. */
@media (max-width:900px){
  body.accueil-v2 .ia-card{justify-content:flex-start}
  body.accueil-v2 .hero.landing{min-height:0!important;padding:36px 0 30px!important}
  body.accueil-v2 .hero.landing .ia-block{margin-top:20px;gap:14px}
  body.accueil-v2 .hero.landing .landing-stats{margin-top:0!important;padding-top:22px;max-width:none}
  body.accueil-v2 .hero.landing .landing-stats strong{font-size:28px;line-height:1.1}
  body.accueil-v2 .hero.landing .landing-stats small{font-size:17px}
  /* le chiffre est dans un <span> du <strong> : les règles « .landing-stats span » le rapetissaient */
  body.accueil-v2 .hero.landing .landing-stats strong span{font-size:inherit;line-height:inherit}
  body.accueil-v2 .hero.landing .landing-stats > div > span{font-size:14px;line-height:1.3}
}
/* 08/11/2026 (11 h 45) : les flèches reviennent sur les côtés, centrées pile sur l'espace entre les deux
   rangées de cartes (hauteur posée par accueil.js dans --ia-mid) et sur le bord extérieur des cartes. */
body.accueil-v2 .ia-nav{top:var(--ia-mid,50%)}
@media (max-width:900px){
  body.accueil-v2 .ia-nav{left:-16px;right:-16px}
  body.accueil-v2 .ia-nav button{width:32px;height:32px}
  body.accueil-v2 .ia-nav button svg{width:16px;height:16px}
}
/* 08/11/2026 (11 h 45) : sur téléphone, plus de robot professeur à côté de la question ; la question prend
   toute la largeur, en plus gros (deux lignes au lieu de trois). */

.ia-sub{text-wrap:pretty}
/* 08/11/2026 (midi) : cartes avec scène animée (scenes.py) : la scène en haut sur téléphone, à gauche sur
   ordinateur ; même carte blanche, même texte. */
body.accueil-v2 .ia-card.has-scene{gap:10px;padding:8px 8px 14px}
body.accueil-v2 .ia-card.has-scene .sc-box{height:78px;border-radius:12px}
body.accueil-v2 .ia-card.has-scene .ia-txt{padding:0 6px}
@media (min-width:901px){
  body.accueil-v2 .ia-card.has-scene{flex-direction:row;align-items:center;gap:14px;padding:10px 18px 10px 10px}
  body.accueil-v2 .ia-card.has-scene .sc-box{flex:none;width:118px;height:84px}
  body.accueil-v2 .ia-card.has-scene .ia-txt{padding:0;font-size:17.5px}
}
/* 08/11/2026 (midi) : « Où en êtes-vous avec l'IA ? » en trois cartes de choix. Chaque carte entière est
   cliquable (le lien de la prestation s'étend sur toute la carte) : scène animée de la prestation (scenes.py),
   la phrase du visiteur en violet, le nom, ce qu'on fait, le prix et « Voir le détail ». Plus de fil ni de
   points : la carte suffit à dire « cliquez ici ». Sur téléphone la scène est à gauche, sur ordinateur en haut. */
/* 08/11/2026 (midi) : sur téléphone, cartes d'automatisation plus compactes avec leur scène (texte un peu
   plus petit, scène moins haute), pour que la plus longue tienne en trois lignes et que les quatre cartes
   restent dans l'écran. */
@media (max-width:900px){
  body.accueil-v2 .ia-card.has-scene{gap:8px;padding:7px 7px 12px}
  body.accueil-v2 .ia-card.has-scene .sc-box{height:70px}
  body.accueil-v2 .ia-card.has-scene .ia-txt{font-size:14.5px;line-height:1.25;padding:0 5px}
}
/* Ordinateur : les trois cartes alignées (phrase du visiteur sur deux lignes réservées, bouton en bas),
   et la question en plus gros. */
/* 08/11/2026 : point du i en jaune, comme le logo, sur les deux i de « répétitives » (14 h ; d'abord sur
   « Automatisez »). La lettre est peinte par un dégradé découpé sur le texte : jaune sur le haut (le point),
   couleur du mot dessous (le fût) : encre hors de <em>, violet dedans. */
body.accueil-v2 .hero-top h1 .nowrap{white-space:nowrap}
body.accueil-v2 .hero-top h1{--idot-stem:var(--ink)}
body.accueil-v2 .hero-top h1 em{--idot-stem:var(--violet-dark)}
body.accueil-v2 .hero-top h1 .idot{display:inline-block;line-height:1;color:transparent;
  background:linear-gradient(180deg,#FFBE0B 0,#FFBE0B 27%,var(--idot-stem) 27%);
  -webkit-background-clip:text;background-clip:text}
/* 08/11/2026 (13 h) : les cartes vont par colonnes de deux (haut, bas) dans une seule piste ; 2 colonnes à
   l'écran sur téléphone, 4 sur ordinateur ; une flèche décale d'une colonne (accueil.js, [data-slider]). */
body.accueil-v2 .ia-track{--ia-cols:2;--ia-gap:10px;display:grid!important;grid-template-rows:auto auto;grid-auto-flow:column;
  grid-auto-columns:calc((100% - var(--ia-gap) * (var(--ia-cols) - 1)) / var(--ia-cols));gap:var(--ia-gap)}
@media (min-width:901px){body.accueil-v2 .ia-track{--ia-cols:4;--ia-gap:16px}}
body.accueil-v2 .ia-dots{display:none}
/* 08/11/2026 (13 h) : la réponse du visiteur au-dessus de chaque bloc, en bulle (ce que dit le visiteur),
   le bloc dessous (ce qu'on lui propose). Téléphone : les trois paires l'une sous l'autre. Ordinateur : trois
   colonnes, bulles alignées sur leur pointe, blocs alignés en haut (sous-grille). */
/* 08/11/2026 (13 h) : vidéos en un seul bloc. Le panneau ivoire réunit le titre, les vidéos (trois à la fois
   sur ordinateur, une et le bord de la suivante sur téléphone, une flèche = une vidéo) et, en pied, le
   suivi LinkedIn, séparé par un simple trait. */
body.accueil-v2 .home-videos .ex-panel{background:#fff;border:1px solid #EDE5DA;border-radius:24px;padding:32px 36px 0;box-sizing:border-box}
body.accueil-v2 .home-videos .case-heading{margin-bottom:22px}
body.accueil-v2 .ex-stage{position:relative}
body.accueil-v2 .ex-rail{overflow:hidden;touch-action:pan-y;margin:0 -2px;padding:2px 2px 10px}
body.accueil-v2 .uc-grid.ex-grid{display:flex!important;flex-wrap:nowrap;gap:24px;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform}
body.accueil-v2 .ex-grid > li{flex:0 0 calc((100% - 48px) / 3);min-width:0}
body.accueil-v2 .ex-grid .uc-card:hover{transform:none}
body.accueil-v2 .ex-nav{top:42%}
body.accueil-v2 .ex-follow{margin:18px -36px 0;max-width:none;padding:18px 36px 22px;border:0;border-top:1px solid #E6DCCF;border-radius:0 0 24px 24px;background:transparent}
@media (max-width:900px){
  body.accueil-v2 .home-videos .ex-panel{padding:22px 18px 0;border-radius:20px}
  body.accueil-v2 .home-videos .case-heading h2{font-size:28px}
  body.accueil-v2 .uc-grid.ex-grid{gap:14px}
  body.accueil-v2 .ex-grid > li{flex:0 0 78%}
  body.accueil-v2 .ex-follow{margin:14px -18px 0;padding:16px 18px 18px;border-radius:0 0 20px 20px}
}
@media (prefers-reduced-motion:reduce){body.accueil-v2 .uc-grid.ex-grid{transition:none}}
/* 08/11/2026 (13 h) : sous les quatre engagements, la seule mention « Données hébergées en France », centrée. */
body.accueil-v2 .method-preview .trust-band{justify-content:center}
@media (max-width:700px){body.accueil-v2 .method-preview .trust-band{flex-direction:row;align-items:center}}
/* vidéos au format d'avant (environ 320 px de large) : le bloc se centre et ne s'étire pas sur tout l'écran */
@media (min-width:901px){body.accueil-v2 .home-videos .ex-panel{max-width:1100px;margin:0 auto}}
@media (max-width:900px){body.accueil-v2 .home-videos .case-heading{flex-direction:column;align-items:flex-start;gap:8px}}

/* 08/11/2026 : « Où en êtes-vous avec l'IA ? » en trois axes. La question en haut, un arbre qui se divise en
   trois branches, et sous chaque branche la réponse du visiteur (une ligne, entre guillemets) puis la carte
   complète de la prestation qui y répond (14 h 25 : plus de fenêtre, tout est sur la carte ; « Voir le détail »
   mène à la page). Pas d'image ni d'animation dans ce bloc : les animations sont dans la première vue. Trois
   colonnes sur ordinateur, les cartes l'une sous l'autre sur téléphone. */
body.accueil-v2 .vue2{--ax-gap:24px;padding:56px 0 64px;background:#fff}
body.accueil-v2 .vue2 > .wrap{max-width:1400px}
body.accueil-v2 .vue2 .offer-stage{padding:0;background:none}
body.accueil-v2 .vue2 .offer-stage > .wrap{max-width:none;padding:0}
body.accueil-v2 #ou-en-etes-vous .ax-q{margin:0;text-align:center;font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.035em;font-weight:700;color:var(--ink)}
body.accueil-v2 .vue2 .ax-q em{font-style:normal;color:var(--violet-dark)}
body.accueil-v2 .ax-axes{display:flex;flex-direction:column}
/* L'arbre : un tronc sous la question, une barre, trois branches qui tombent au centre de chaque colonne. */
body.accueil-v2 .ax-tree{display:none;position:relative;height:52px;margin-top:16px}
body.accueil-v2 .ax-tree::before{content:"";position:absolute;left:50%;top:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--violet)}
body.accueil-v2 .ax-tree::after{content:"";position:absolute;left:50%;top:5px;bottom:0;width:2px;margin-left:-1px;background:#DCC6E2}
body.accueil-v2 .ax-tree-l{position:absolute;top:26px;bottom:0;left:calc((100% - 2 * var(--ax-gap)) / 6);right:calc((100% - 2 * var(--ax-gap)) / 6);border:2px solid #DCC6E2;border-bottom:0;border-radius:14px 14px 0 0}
body.accueil-v2 .ax-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:28px}
body.accueil-v2 .ax-col{display:flex;flex-direction:column;align-items:stretch;min-width:0}
body.accueil-v2 .ax-answer{align-self:center;margin:0 0 14px;padding:9px 18px;border-radius:999px;background:#F6EEF8;color:var(--violet-dark);font-size:16px;line-height:1.3;font-weight:650;letter-spacing:-.01em;text-align:center;white-space:nowrap}
/* La carte : nom, phrase, (nouveautés de l'abonnement), puces validées, puis le pied aligné en bas. */
body.accueil-v2 .ax-card{display:flex;flex-direction:column;flex:1 1 auto;padding:26px 24px 24px;border-radius:24px;background:#fff;border:1px solid #E9E0EC;box-shadow:0 1px 2px rgba(43,40,51,.04),0 22px 44px -32px rgba(70,30,90,.45);color:var(--ink)}
body.accueil-v2 .ax-card.ax-main{border:2px solid var(--violet);padding:25px 23px 23px}
body.accueil-v2 .ax-head{display:flex;align-items:center;gap:14px}
body.accueil-v2 .ax-card .ho-ico{width:48px;height:48px;border-radius:14px}
body.accueil-v2 .ax-card .ho-ico svg{width:24px;height:24px}
body.accueil-v2 .ax-main .ho-ico{background:var(--violet);border-color:var(--violet);color:#fff}
body.accueil-v2 .ax-name{margin:0;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
body.accueil-v2 .ax-sent{margin:16px 0 0;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.01em;color:#2B2833}
body.accueil-v2 .ax-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.accueil-v2 .ax-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#F3E8F5;color:var(--violet-dark);font-size:14px;font-weight:700;line-height:1.2}
body.accueil-v2 .ax-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#FFBE0B}
body.accueil-v2 .ax-pts{display:flex;flex-direction:column;gap:11px;margin:18px 0 0;padding:0;list-style:none}
body.accueil-v2 .ax-pts li{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15.5px;line-height:1.45;color:#3A3542}
body.accueil-v2 .ax-pts svg{flex:none;width:20px;height:20px;padding:3px;box-sizing:border-box;border-radius:50%;background:#F3E8F5;color:var(--violet-dark);margin-top:1px}
body.accueil-v2 .ax-foot{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;padding-top:22px}
body.accueil-v2 .ax-foot::before{content:"";display:block;height:1px;margin-bottom:20px;background:#EFE8F1}
body.accueil-v2 .ax-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;color:var(--ink)}
body.accueil-v2 .ax-from{flex:1 0 100%;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B6573}
body.accueil-v2 .ax-price b{font-size:34px;line-height:1.05;letter-spacing:-.03em;font-weight:700}
body.accueil-v2 .ax-ht{font-size:15px;font-weight:600;color:#57505F}
/* 08/11/2026 : sous le prix de l'Agent IA, ce que comprennent les 200 € par mois, dans un encadré ivoire. */
body.accueil-v2 .ax-incl{margin:12px 0 0;padding:12px 14px 11px;border-radius:14px;background:#F7F3EE;border:1px solid #EDE5DA}
body.accueil-v2 .ax-incl-t{margin:0 0 7px;font-size:13.5px;line-height:1.3;font-weight:700;color:var(--ink)}
body.accueil-v2 .ax-incl ul{display:flex;flex-wrap:wrap;gap:5px 14px;margin:0;padding:0;list-style:none}
body.accueil-v2 .ax-incl li{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;line-height:1.3;color:#3A3542;white-space:nowrap}
body.accueil-v2 .ax-incl li svg{flex:none;width:16px;height:16px;padding:2.5px;box-sizing:border-box;border-radius:50%;background:#E9F6EE;color:#0B7A3B}
body.accueil-v2 .ax-incl-n{margin:8px 0 0;padding-top:7px;border-top:1px solid #E6DCCF;font-size:13px;line-height:1.35;color:#6B6573}
body.accueil-v2 .ax-roi{margin:8px 0 0;font-size:14px;line-height:1.4;font-weight:600;color:var(--violet-dark)}
body.accueil-v2 .ax-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:18px;padding:0 20px;border-radius:999px;background:var(--violet);color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s}
body.accueil-v2 .ax-cta svg{transition:transform .15s}
body.accueil-v2 .ax-cta:hover{background:var(--violet-dark);color:#fff}
body.accueil-v2 .ax-cta:hover svg{transform:translateX(3px)}
body.accueil-v2 .ax-cta:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
@media (min-width:901px){
  body.accueil-v2 .vue2{--ax-gap:28px;padding:72px 0 88px}
  body.accueil-v2 .vue2 > .wrap{width:100%;padding-left:40px;padding-right:40px;box-sizing:border-box}
  body.accueil-v2 .ax-tree{display:block}
  body.accueil-v2 .ax-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ax-gap);margin-top:0}
  body.accueil-v2 .ax-answer{font-size:16.5px}
  body.accueil-v2 .ax-card{padding:30px 30px 28px}
  body.accueil-v2 .ax-card.ax-main{padding:29px 29px 27px}
}
@media (min-width:1200px){
  body.accueil-v2 .vue2{--ax-gap:32px}
  body.accueil-v2 .vue2 > .wrap{padding-left:48px;padding-right:48px}
  body.accueil-v2 .ax-name{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  body.accueil-v2 .ax-cta,body.accueil-v2 .ax-cta svg{transition:none}
  body.accueil-v2 .ax-cta:hover svg{transform:none}
}

/* 08/11/2026 : chaque chiffre de la première vue est un lien vers sa preuve (équipe, réalisations). Le lien
   couvre la case ; au survol, le libellé passe en violet et se souligne. Les sections visées s'arrêtent
   sous l'en-tête fixe. */
body.accueil-v2 .landing-stats > .stat-cell{position:relative}
body.accueil-v2 .landing-stats .stat-link{position:absolute;inset:-6px -4px;border-radius:12px}
body.accueil-v2 .landing-stats .stat-link:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
body.accueil-v2 .landing-stats > .stat-cell > span{transition:color .15s}
body.accueil-v2 .landing-stats > .stat-cell:hover > span{color:var(--violet-dark);text-decoration:underline;text-underline-offset:3px}
body.accueil-v2 #equipe,body.accueil-v2 #realisations{scroll-margin-top:72px}

/* 08/11/2026 (16 h 30) : « Prêt en 7 jours » et « À partir de 200 € » mènent à la carte de l'Agent IA. */
body.accueil-v2 a.ia-pill{text-decoration:none;cursor:pointer;transition:transform .15s,background-color .15s,box-shadow .15s,color .15s}
body.accueil-v2 a.ia-pill:hover{transform:translateY(-1px);background:var(--violet-dark);color:#fff}
body.accueil-v2 a.ia-pill.ia-price:hover{background:#F6EEF8;color:var(--violet-dark);box-shadow:0 0 0 1.5px var(--violet)}
body.accueil-v2 a.ia-pill:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
body.accueil-v2 #offre-agent{scroll-margin-top:78px}
@keyframes axFlash{0%{box-shadow:0 0 0 0 rgba(155,63,167,.5),0 22px 44px -32px rgba(70,30,90,.45)}35%{box-shadow:0 0 0 12px rgba(155,63,167,.16),0 22px 44px -32px rgba(70,30,90,.45)}100%{box-shadow:0 0 0 0 rgba(155,63,167,0),0 1px 2px rgba(43,40,51,.04),0 22px 44px -32px rgba(70,30,90,.45)}}
body.accueil-v2 .ax-card.ax-flash{animation:axFlash 1.6s ease-out 1}
@media (prefers-reduced-motion:reduce){body.accueil-v2 a.ia-pill{transition:none}body.accueil-v2 a.ia-pill:hover{transform:none}body.accueil-v2 .ax-card.ax-flash{animation:none}}
/* 08/11/2026 (17 h) : les automatisations sont des liens vers la carte de l'Agent IA. */
body.accueil-v2 a.ia-card{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s}
body.accueil-v2 a.ia-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px #DCC6E2,0 16px 30px -20px rgba(60,20,110,.45)}
body.accueil-v2 a.ia-card:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
@media (prefers-reduced-motion:reduce){body.accueil-v2 a.ia-card{transition:none}body.accueil-v2 a.ia-card:hover{transform:none}}

/* 09/11/2026 : panier « Votre outil sur mesure ». Chaque carte a un + en haut à droite (une coche violette une fois
   ajoutée) ; à droite des cartes sur ordinateur, le panier : le prix, les tâches choisies, une case pour écrire les
   siennes, le bouton du devis. Sur téléphone, la case sous les cartes et la barre du bas en panier. */
body.accueil-v2 .ia-card[data-task]{position:relative}
body.accueil-v2 .ia-add{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;box-sizing:border-box;
  border:2px solid #C99BD3;background:#fff;z-index:2;transition:background-color .15s,border-color .15s}
body.accueil-v2 .ia-add::before,body.accueil-v2 .ia-add::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2.2px;margin:-1.1px 0 0 -5.5px;border-radius:2px;background:var(--violet)}
body.accueil-v2 .ia-add::after{transform:rotate(90deg)}
body.accueil-v2 .ia-card.is-picked .ia-add{background:var(--violet);border-color:var(--violet)}
body.accueil-v2 .ia-card.is-picked .ia-add::before{width:6px;margin:0;left:6px;top:12px;background:#fff;transform:rotate(45deg)}
body.accueil-v2 .ia-card.is-picked .ia-add::after{width:11px;margin:0;left:9px;top:10.5px;background:#fff;transform:rotate(-50deg)}
body.accueil-v2 .ia-card[data-task]:hover .ia-add{border-color:var(--violet)}
body.accueil-v2 a.ia-card.is-picked,body.accueil-v2 a.ia-card.is-picked:hover{box-shadow:0 0 0 2px var(--violet),0 16px 30px -18px rgba(110,42,133,.5)}
body.accueil-v2 .ia-card.has-scene .ia-txt{padding-right:24px}
body.accueil-v2 .ia-cart{box-sizing:border-box;font-family:inherit;color:var(--ink);text-align:left}
body.accueil-v2 .ia-cart p{margin:0}
body.accueil-v2 .ic-k{font-size:11.5px;letter-spacing:.11em;font-weight:700;text-transform:uppercase;color:var(--violet-dark)}
body.accueil-v2 .ic-p{display:flex;align-items:baseline;gap:6px;margin-top:2px!important}
body.accueil-v2 .ic-p b{font-size:32px;line-height:1.1;font-weight:750;letter-spacing:-.04em}
body.accueil-v2 .ic-p span{font-size:13px;font-weight:600;color:#5F5C69}
body.accueil-v2 .ic-inc{font-size:12.5px;line-height:1.3;color:#6B6573}
body.accueil-v2 .ic-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;max-height:84px;overflow:auto}
body.accueil-v2 .ic-ph{flex:1 1 100%;box-sizing:border-box;padding:7px 8px;border:1.5px dashed #E1D4E7;border-radius:10px;text-align:center;font-size:12.5px;color:#8B8796}
body.accueil-v2 .ic-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 7px;border-radius:999px;background:#F6EEF8;font-size:12.5px;font-weight:650;line-height:1.25}
body.accueil-v2 .ic-chip.is-own{background:#fff;box-shadow:inset 0 0 0 1.5px #C99BD3}
body.accueil-v2 .ic-chip-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.accueil-v2 .ic-chip-x{flex:none;width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:#8B8796;font-size:14px;line-height:1;cursor:pointer;padding:0}
body.accueil-v2 .ic-chip-x:hover{background:#EADDEF;color:var(--ink)}
body.accueil-v2 .ic-own{margin-top:10px}
body.accueil-v2 .ic-own label{display:block;font-size:12.5px;font-weight:650;margin-bottom:5px}
body.accueil-v2 .ic-row{display:flex;align-items:center;gap:6px;border:1.5px solid #E1D4E7;border-radius:11px;padding:3px 3px 3px 10px;background:#fff}
body.accueil-v2 .ic-row:focus-within{border-color:var(--violet)}
body.accueil-v2 .ic-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);padding:6px 0}
body.accueil-v2 .ic-row button{flex:none;width:30px;height:30px;border:0;border-radius:8px;background:#F1E7F5;color:var(--violet-dark);font-size:20px;line-height:1;cursor:pointer}
body.accueil-v2 .ic-row:focus-within button{background:var(--violet);color:#fff}
body.accueil-v2 .ic-go{margin-top:auto;border:0;border-radius:999px;padding:12px 10px;font:inherit;font-size:15px;font-weight:700;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#B14ABF 0%,#8A33A8 48%,#5E2B9C 100%);box-shadow:0 10px 22px -10px rgba(110,42,133,.7)}
body.accueil-v2 .ic-go:disabled{background:#F1EBF4;color:#B3A9BB;box-shadow:none;cursor:default}
body.accueil-v2 .ic-go:focus-visible,body.accueil-v2 .ic-row button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
@media (min-width:901px){
  body.accueil-v2 .ia-shop{position:relative;padding-right:254px}
  body.accueil-v2 .ia-cart{position:absolute;top:2px;right:0;bottom:8px;width:238px;display:flex;flex-direction:column;padding:14px 16px;
    background:#fff;border-radius:18px;box-shadow:0 0 0 1.5px #E6DCEB,0 14px 30px -18px rgba(110,42,133,.35)}
  body.accueil-v2 .ia-shop .ia-nav{right:-30px}
  body.accueil-v2 .ia-shop .ia-card.has-scene{gap:11px;padding:10px 12px 10px 10px}
  body.accueil-v2 .ia-shop .ia-card.has-scene .sc-box{width:80px;height:70px}
  body.accueil-v2 .ia-shop .ia-card.has-scene .ia-txt{font-size:15px;line-height:1.27;padding-right:20px}
  body.accueil-v2 .ia-shop .ia-add{top:9px;right:9px;width:23px;height:23px}
  body.accueil-v2 .ia-shop .ia-card.is-picked .ia-add::before{left:5px;top:10.5px}
  body.accueil-v2 .ia-shop .ia-card.is-picked .ia-add::after{left:7.5px;top:9px}
  /* Un seul appel à l'action pendant la première vue : le panier. */
  body.accueil-v2.ia-in-hero .top .top-cta{visibility:hidden;pointer-events:none}
}
@media (min-width:901px) and (max-width:1279px){body.accueil-v2 .ia-shop .ia-track{--ia-cols:3}}
@media (max-width:900px){
  body.accueil-v2 .ia-cart{margin-top:12px;padding:10px 10px 10px 14px;background:#fff;border-radius:16px;box-shadow:0 0 0 1.5px #E1D4E7}
  body.accueil-v2 .ic-k,body.accueil-v2 .ic-p,body.accueil-v2 .ic-inc,body.accueil-v2 .ic-go,body.accueil-v2 .ic-ph{display:none!important}
  body.accueil-v2 .ic-chips{margin:0 0 8px;max-height:none}
  body.accueil-v2 .ia-cart:not(.is-filled) .ic-chips{display:none}
  body.accueil-v2 .ic-own{margin:0}
  body.accueil-v2 .ic-own label{font-size:15px;font-weight:700;margin-bottom:6px}
  body.accueil-v2 .ic-row{padding:4px 4px 4px 12px;border-radius:12px}
  body.accueil-v2 .ic-row input{font-size:16px}
  body.accueil-v2 .ic-row button{width:40px;height:40px;border-radius:10px;font-size:24px}
  body.accueil-v2 .ic-chip{font-size:13.5px;padding:4px 5px 4px 9px}
  body.accueil-v2 .ia-add{top:8px;right:8px;width:28px;height:28px}
  body.accueil-v2 .ia-card.is-picked .ia-add::before{left:7px;top:13px}
  body.accueil-v2 .ia-card.is-picked .ia-add::after{left:10px;top:11.5px}
  body.accueil-v2 .ia-card.has-scene .ia-txt{padding-right:0}
}
/* Barre du bas du téléphone en panier. */
.dock-cta.dock-cart{align-items:center;gap:10px}
.dock-cta.dock-cart .dc-l{display:flex;flex-direction:column;min-width:0;line-height:1.2;color:#fff}
.dock-cta.dock-cart .dc-l small{font-size:10.5px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;opacity:.85}
.dock-cta.dock-cart .dc-l b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-cta.dock-cart .dc-r{margin-left:auto;flex:none;background:#fff;color:#7E2F8E;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;white-space:nowrap}
.dock-cta.dock-cart .dc-r.dc-price{background:rgba(255,255,255,.18);color:#fff}
.ip-open .dock-cta{display:none!important}
html.ip-open{overflow:hidden}
/* La fiche du devis : à droite sur ordinateur, depuis le bas sur téléphone. */
.ip-ov{position:fixed;inset:0;z-index:1000;background:rgba(28,26,36,.38);opacity:0;transition:opacity .22s}
.ip-ov.is-on{opacity:1}
.ip{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:min(500px,100%);background:#fff;color:var(--ink,#1C1A24);
  box-shadow:-30px 0 60px -30px rgba(28,26,36,.45);transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.7,.2,1);font-family:inherit}
.ip.is-on{transform:none}
.ip-in{height:100%;overflow:auto;box-sizing:border-box;padding:24px 32px 28px;overscroll-behavior:contain}
.ip p{margin:0}
.ip-h{display:flex;justify-content:space-between;align-items:center}
.ip-k{font-size:12.5px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--violet-dark,#7E2F8E)}
.ip-x{width:38px;height:38px;border:0;border-radius:50%;background:#F3F3F5;color:#5F5C69;font-size:22px;line-height:1;cursor:pointer}
.ip-t{margin:10px 0 12px;font-size:26px;line-height:1.15;letter-spacing:-.03em;font-weight:700}
.ip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ip-list li{display:flex;align-items:center;gap:10px;margin:0;padding:9px 8px 9px 12px;border-radius:12px;background:#FBF8FC;box-shadow:inset 0 0 0 1px #EFE6F2;font-size:15px;font-weight:600}
.ip-list li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--violet,#9B3FA7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/11px no-repeat}
.ip-li-t{flex:1;min-width:0}
.ip-list small{flex:none;font-size:12px;font-weight:600;color:var(--violet-dark,#7E2F8E);background:#F1E7F5;border-radius:999px;padding:2px 8px}
.ip-li-x{flex:none;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#A9A4B2;font-size:18px;line-height:1;cursor:pointer}
.ip-li-x:hover{background:#EADDEF;color:var(--ink,#1C1A24)}
.ip-add{display:flex;gap:8px;margin-top:10px}
.ip-add input{flex:1;min-width:0;border:1.5px dashed #D3C8DB;border-radius:12px;padding:10px 12px;font:inherit;font-size:14.5px;color:var(--ink,#1C1A24);background:#fff}
.ip-add input:focus{outline:0;border-style:solid;border-color:var(--violet,#9B3FA7)}
.ip-add button{flex:none;border:0;border-radius:12px;padding:0 14px;background:#F1E7F5;color:var(--violet-dark,#7E2F8E);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ip-price{margin-top:16px;padding:16px 18px;border-radius:18px;background:#F7F3EE}
.ip-pl{font-size:12px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:#5F5C69}
.ip-pv{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:2px 0 10px!important}
.ip-pv b{font-size:40px;line-height:1.05;letter-spacing:-.04em;font-weight:750}
.ip-pv span{font-size:15px;font-weight:600;color:#5F5C69}
.ip-inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.ip-inc li{margin:0;padding-left:20px;font-size:13.5px;line-height:1.35;color:#3B3845;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%232E9E5B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") left 2px/13px no-repeat}
.ip-note{margin-top:10px!important;font-size:13px;line-height:1.4;color:#6B6573}
.ip-note a{color:var(--violet-dark,#7E2F8E);font-weight:600}
.ip-mail{margin-top:16px}
.ip-mail label{display:block;margin-bottom:6px;font-size:14px;font-weight:650}
.ip-mail input[type=email]{width:100%;box-sizing:border-box;border:1.5px solid #D3C8DB;border-radius:12px;padding:13px 14px;font:inherit;font-size:16px;color:var(--ink,#1C1A24)}
.ip-mail input[type=email]:focus{outline:0;border-color:var(--violet,#9B3FA7);box-shadow:0 0 0 3px rgba(155,63,167,.15)}
.ip-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ip-err{margin-top:8px!important;font-size:13.5px;color:#C0392B;font-weight:600}
.ip-go{display:block;width:100%;margin-top:10px;border:0;border-radius:999px;padding:15px;font:inherit;font-size:16px;font-weight:700;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#B14ABF 0%,#8A33A8 48%,#5E2B9C 100%);box-shadow:0 12px 24px -12px rgba(110,42,133,.7)}
.ip-go:disabled{opacity:.6;cursor:default}
.ip-go.is-loading{opacity:.7}
.ip-sub{margin-top:7px!important;text-align:center;font-size:13px;color:#6B6573}
.ip-legal{margin-top:4px!important;text-align:center;font-size:11.5px;color:#8B8796}
.ip-legal a{color:inherit}
.ip-or{display:flex;align-items:center;gap:12px;margin:14px 0 10px!important;color:#A9A4B2;font-size:12.5px}
.ip-or::before,.ip-or::after{content:"";flex:1;height:1px;background:#ECE7EF}
.ip-alt{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:999px;padding:12px;box-shadow:inset 0 0 0 1.5px #D3C8DB;color:var(--ink,#1C1A24);font-weight:650;font-size:15px;text-decoration:none}
.ip-alt:hover{box-shadow:inset 0 0 0 1.5px var(--violet,#9B3FA7)}
.ip-alt em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1F7A47;background:#E3F4EA;border-radius:999px;padding:3px 8px}
.ip-ok{display:block;width:56px;height:56px;margin:22px 0 10px;border-radius:50%;background:#E3F4EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%231F7A47' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/26px no-repeat}
.ip-t2{margin-top:0}
.ip-t2:focus{outline:0}
.ip-lead{font-size:16px;line-height:1.45;color:#3B3845}
.ip-q{margin-top:22px!important;font-size:16px;font-weight:650}
.ip-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.ip-slot{border:1.5px solid #E3D3EA;background:#FBF4FC;border-radius:14px;padding:12px 6px;font:inherit;font-size:13px;color:#5F5C69;cursor:pointer}
.ip-slot b{display:block;margin-top:2px;font-size:17px;color:var(--ink,#1C1A24)}
.ip-slot:hover{border-color:var(--violet,#9B3FA7);background:#F6EAF9}
.ip-more{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--violet-dark,#7E2F8E)}
.ip-recap{margin-top:26px!important;padding-top:14px;border-top:1px solid #ECE7EF;font-size:13px;line-height:1.5;color:#7A7684}
.ip-x:focus-visible,.ip-go:focus-visible,.ip-alt:focus-visible,.ip-slot:focus-visible,.ip-add button:focus-visible{outline:3px solid var(--violet,#9B3FA7);outline-offset:3px}
@media (max-width:600px){
  .ip{top:auto;left:0;width:auto;height:92vh;height:92dvh;border-radius:24px 24px 0 0;transform:translateY(102%);box-shadow:0 -20px 50px -20px rgba(28,26,36,.5)}
  .ip-in{padding:10px 18px 22px}
  .ip-in::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:#D9D3DE;margin:0 auto 8px}
  .ip-t{font-size:22px}
  .ip-list li{font-size:14px;padding:8px 6px 8px 10px}
  .ip-pv b{font-size:34px}
  .ip-inc{font-size:12.5px;gap:5px 10px}
  .ip-slot{padding:10px 4px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.ip,.ip-ov{transition:none}}
/* Les tâches rappelées au-dessus du calendrier quand le visiteur vient de la fiche. */
.ip-rdv-recap{display:flex;align-items:center;gap:12px;max-width:1000px;margin:0 auto 18px;padding:12px 16px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px #E3D3EA;font-size:14.5px;line-height:1.4;color:#3B3845}
.ip-rdv-recap b{color:var(--ink,#1C1A24)}
.ip-rdv-ico{flex:none;width:30px;height:30px;border-radius:50%;background:#F1E7F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%239B3FA7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/14px no-repeat}
/* 09/11/2026 : la question au-dessus des cartes. */
body.accueil-v2 .ia-q{margin:0;text-align:center;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
@media (min-width:901px){body.accueil-v2 .ia-q{font-size:27px;margin:-4px 0 2px}}
/* panier 09/11 v2 (17 h 30) : le panier se tassait à zéro quand les cartes étaient basses, les tâches ajoutées
   disparaissaient. Sur ordinateur, 6 cartes à l'écran (3 colonnes) et un panier plus large et plus haut, à côté
   des cartes dans une grille ; la liste des tâches prend toute la place libre et défile si besoin. */
@media (min-width:901px){
  body.accueil-v2 .ia-shop{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch;padding-right:0}
  body.accueil-v2 .ia-shop .ia-track{--ia-cols:3}
  body.accueil-v2 .ia-cart{position:static;width:auto;min-height:340px;padding:18px 20px}
  body.accueil-v2 .ia-shop .ia-nav{right:-14px}
  body.accueil-v2 .ic-chips{flex:1 1 auto;min-height:90px;max-height:none;align-content:flex-start;overflow:auto;margin-top:12px}
  body.accueil-v2 .ic-chip{font-size:13.5px;padding:5px 5px 5px 10px}
  body.accueil-v2 .ic-own{margin-top:12px}
  body.accueil-v2 .ic-go{margin-top:12px}
  body.accueil-v2 .ia-shop .ia-card.has-scene{gap:14px;padding:10px 14px 10px 10px}
  body.accueil-v2 .ia-shop .ia-card.has-scene .sc-box{width:104px;height:80px}
  body.accueil-v2 .ia-shop .ia-card.has-scene .ia-txt{font-size:16.5px}
}
@media (min-width:901px) and (max-width:1279px){
  body.accueil-v2 .ia-shop{grid-template-columns:minmax(0,1fr) 300px}
  body.accueil-v2 .ia-shop .ia-track{--ia-cols:2}
}
/* panier 09/11 v3 : le panier prend exactement la hauteur des deux rangées de cartes (contain:size), la liste des
   tâches défile au-delà ; « Prêt en 7 jours » quitte le haut de la vue pour le panier (ordinateur). */
body.accueil-v2 .ic-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.accueil-v2 .ic-ready{display:none;white-space:nowrap;font-size:12px;font-weight:700;color:#fff;background:var(--violet);border-radius:999px;padding:4px 10px}
@media (min-width:901px){
  body.accueil-v2 .hero-top .ia-bar{display:none}
  body.accueil-v2 .ic-ready{display:inline-flex}
  body.accueil-v2 .ia-cart{contain:size;min-height:0;height:auto}
  body.accueil-v2 .ic-chips{min-height:0}
  body.accueil-v2 .ia-shop .ia-nav{right:-33px}
  body.accueil-v2 .ia-shop .ia-card.has-scene{padding:16px 16px 16px 12px}
  body.accueil-v2 .ia-shop .ia-card.has-scene .sc-box{width:112px;height:92px}
}
/* panier 09/11 v4 : cartes plus hautes (la pastille est partie), place pour la liste ; la case garde son titre
   en texte d'aide sur ordinateur. */
@media (min-width:901px){
  body.accueil-v2 .ia-shop .ia-card[data-task]{min-height:160px}
  body.accueil-v2 .ic-own label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  body.accueil-v2 .ic-chips{gap:5px}
  body.accueil-v2 .ic-chip{font-size:12.5px;padding:4px 4px 4px 9px}
}

/* première vue 09/11 v5 : titre centré, puis un bloc du bas collé en bas de l'écran (question au-dessus des cartes,
   panier à droite). Les chiffres sont dans la bande .proof-band, sous la première vue. */
body.accueil-v2 .proof-band{background:#fff;padding:44px 0 8px}
body.accueil-v2 .proof-band > .wrap{display:flex;justify-content:center}
body.accueil-v2 .proof-band .landing-stats{margin:0;max-width:580px}
@media (min-width:901px){
 body.accueil-v2{--cw:460px;--cg:26px}
 body.accueil-v2 .landing-grid{padding-top:0 !important}
 body.accueil-v2 .landing-grid > .hero-top{display:grid !important;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto 1fr auto;text-align:center !important;padding:0 0 22px !important;min-height:calc(100vh - 62px);justify-items:center}
 body.accueil-v2 .hero-top h1{grid-row:2;font-size:60px !important;text-align:center !important;margin:0 !important;align-self:end}
 body.accueil-v2 .ia-sub{grid-row:3;align-self:start;font-size:19px !important;margin:10px 0 0 !important;text-align:center !important}
 body.accueil-v2 .hero-top .ia-block{grid-row:5;width:100%;margin:0 !important;gap:14px !important}
 body.accueil-v2 .ia-q{font-size:28px !important;margin:0 calc(var(--cw) + var(--cg)) 2px 0 !important;text-align:center !important}
 body.accueil-v2 .ia-shop{grid-template-columns:minmax(0,1fr) var(--cw) !important;gap:var(--cg) !important}
 body.accueil-v2 .ia-shop .ia-track{gap:14px !important}
 body.accueil-v2 .ia-shop .ia-card[data-task]{min-height:176px !important}
 body.accueil-v2 .ia-shop .ia-card.has-scene .sc-box{width:96px !important;height:80px !important}
 body.accueil-v2 .ia-shop .ia-card.has-scene .ia-txt{font-size:16px !important}
 body.accueil-v2 .ic-p b{font-size:46px !important}
 body.accueil-v2 .ic-chip{font-size:14.5px !important}
 body.accueil-v2 .ic-own label{position:static !important;width:auto !important;height:auto !important;clip:auto !important;font-size:14px}
}
@media (min-width:901px) and (max-width:1399px){
 body.accueil-v2{--cw:400px;--cg:20px}
 body.accueil-v2 .hero-top h1{font-size:50px !important}
 body.accueil-v2 .ia-sub{font-size:17px !important}
 body.accueil-v2 .ia-shop .ia-track{--ia-cols:3 !important;gap:10px !important}
 body.accueil-v2 .ia-shop .ia-card.has-scene{padding:8px 10px 8px 8px !important;gap:8px !important}
 body.accueil-v2 .ia-shop .ia-card.has-scene .sc-box{width:72px !important;height:62px !important}
 body.accueil-v2 .ia-shop .ia-card.has-scene .ia-txt{font-size:14.5px !important}
 body.accueil-v2 .ia-shop .ia-card[data-task]{min-height:172px !important}
}

/* 09/11/2026 : les chiffres et les réalisations forment un seul bloc blanc ; les fonds alternent ensuite jusqu'à l'équipe
   (avis ivoire, « où en êtes-vous » blanc, cas d'usage ivoire, méthode blanc, équipe ivoire). */
body.accueil-v2 .proof-band{padding:48px 0 0}
body.accueil-v2 #realisations{background:#fff;padding-top:40px}
/* 09/11/2026 : fond des réalisations blanc, donc cartes ivoire (l'inverse de l'ancien rendu), comme les avis. */
body.accueil-v2 #realisations .case-card{background:#F7F3EE;border-color:#EDE5DA}