/* 15/10/2026 — Refonte accueil, fluidité, tarifs et assistant vocal.
   (user : « la page est trop remplie, tout est écrasé » ; « le site bug énormément » ;
   « Démarrage en premier prix » ; « les couleurs des prix font trop Claude » ;
   « l'IA, en parler dès l'accueil »). */

/* ── 1. Haut de page : peu de texte, un écran lisible ─────────────────────────────── */
.v6 .hero-film .eyebrow{display:none!important}
.v6 .hero-film h1{margin-top:0;max-width:14ch}
.v6 .hero-film .sub{font-size:clamp(19px,1.5vw,22px);max-width:26ch;margin-top:26px;line-height:1.5}
.v6 .hero-film .cta-row{margin-top:38px}
.v6 .hero-film .hf-second{margin-top:20px}
.v6 .hero-film .trust{margin-top:30px;gap:10px 16px}
.hf-preuve-l{margin-top:16px}
/* L'écran de droite : on ne montre que le haut du tableau de bord, en grand. Moins d'éléments,
   chacun lisible, plus rien d'écrasé. */
.hf-cadre{position:relative;border-radius:14px;overflow:hidden}
/* 17/10/2026 01h45 (user : « ce zoom-là j'en veux pas, je veux l'écran normal ») :
   la vidéo du produit se montre entière dans le cadre, jamais recadrée. */
.hf-ecran{position:relative;overflow:hidden;background:#0B1220}
.hf-ecran .hf-video{position:static;width:100%;max-width:none;height:auto;display:block}
@media(max-width:640px){
  .v6 .hero-film .sub{max-width:none}
}

/* ── 2. Apparition au défilement : sobre, courte, une seule fois ───────────────────
   Avant : les blocs partaient, tournaient, revenaient, et disparaissaient en sortant de l'écran
   (d'où les trous blancs). Maintenant : un fondu de 0,4 s avec 12 px de montée, joué une fois. */
html.js-rev .v6 [data-rev]:not(.in),
html.js-rev .v6 [data-rev-group]:not(.in)>*{opacity:0!important;transform:translate3d(0,12px,0)!important;filter:none!important}
html.js-rev .v6 [data-rev],
html.js-rev .v6 [data-rev-group]>*{transition:opacity .4s ease-out,transform .4s ease-out!important;transition-delay:0s!important}
html.js-rev .v6 [data-rev].in,
html.js-rev .v6 [data-rev-group].in>*{opacity:1!important;transform:none!important;filter:none!important}
html.js-rev .v6 [data-rev-group].in>*:nth-child(2){transition-delay:.04s!important}
html.js-rev .v6 [data-rev-group].in>*:nth-child(3){transition-delay:.08s!important}
html.js-rev .v6 [data-rev-group].in>*:nth-child(4){transition-delay:.12s!important}
html.js-rev .v6 [data-rev-group].in>*:nth-child(5){transition-delay:.16s!important}
html.js-rev .v6 [data-rev-group].in>*:nth-child(n+6){transition-delay:.2s!important}

/* ── 3. Fluidité : moins de calculs d'affichage pendant le défilement ───────────── */
/* Le flou d'arrière-plan oblige le navigateur à redessiner ce qui est derrière à chaque image. */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Une section hors écran ne fait plus tourner ses animations. */
.stk-hors,.stk-hors *{animation-play-state:paused!important}
html.stk-cache *,html.stk-cache *::before,html.stk-cache *::after{animation-play-state:paused!important}
/* Mode léger (petit processeur ou images lentes) : plus d'animation infinie ni d'ombre portée lourde. */
html.stk-leger *,html.stk-leger *::before,html.stk-leger *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:.01s!important}
html.stk-leger .hf-cadre{box-shadow:none}

/* ── 4. Style de fin 2026 : grandes lettres, tuiles, serif en italique, autocollants, grain ── */
@font-face{font-family:'Bricolage Grotesque';src:url(fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--st-n:#1B2433;--st-o:#F97316;--st-c:#FFF3E6;--st-p:#FBF7F0;--st-d:'Bricolage Grotesque','Archivo',system-ui,sans-serif;--st-s:'Instrument Serif',Georgia,serif;--st-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}


/* Palette claire : encre #1B2433 (texte seulement), orange #F97316, pêche #FFE6D0, bleu doux #E6ECFF. Aucun aplat noir. */
/* ═════ TARIFS : fond clair uni, bloc pêche, tuiles ═════ */
#pricing{position:relative}
#pricing .tx-fond,#lscreen-pricing > .tx-fond,.v6 #pricing .tx-fond{background:#F8F9FB!important}
#pricing .sec-head{text-align:left!important;max-width:none!important;width:100%;margin:0 0 34px!important}
#pricing .sec-head .kick{display:inline-flex!important;align-items:center;gap:9px;background:#FFE6D0!important;color:#B45309!important;border:0;border-radius:999px!important;padding:8px 14px!important;font:700 13px/1 var(--st-d)!important;letter-spacing:.02em!important;text-transform:none!important}
#pricing .sec-head .kick::before{content:"";width:8px;height:8px;border-radius:50%;background:#F97316}
#pricing .sec-head h2{font:800 clamp(44px,6.4vw,96px)/.94 var(--st-d);letter-spacing:-.045em;color:#1B2433;margin:18px 0 0}
#pricing .sec-head h2 em{font:400 1.12em/.9 var(--st-s);font-style:italic;letter-spacing:-.01em;color:#F97316}
#pricing .sec-head p{color:#5B6474;font-size:19px;max-width:34em;margin:20px 0 0;text-align:left}
html body .tx{--tx-nuit:#1B2433;--tx-or:#F97316;--tx-or-d:#EA580C;--tx-lin:#E3E6EC;--tx-ink:#1B2433;--tx-soft:#5B6474}
html body .tx-choix{justify-content:flex-start}
html body .tx-choix-t{color:#1B2433;font:700 17px/1 var(--st-d)}
html body .tx-seg{border:1px solid #E3E6EC!important;background:#fff!important;border-radius:999px!important;padding:4px!important;box-shadow:0 10px 24px -18px rgba(27,36,51,.35)!important}
html body .tx-seg button{min-height:46px;border-radius:999px;box-shadow:none!important;background:transparent!important;color:#5B6474;font:700 15px/1 var(--st-d)}
html body .tx-seg button.on{color:#fff}
html body .tx-seg-curseur{border-radius:999px!important;background:#F97316!important;box-shadow:none!important}
html body .tx-carte{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:start;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html body .tx-g{position:relative;background:#FFE6D0!important;color:#1B2433;border-radius:32px;padding:38px 34px 30px;overflow:visible}
html body .tx-g::before{display:none}
html body .tx-g::after{content:"14 jours\A d'essai";white-space:pre;position:absolute;top:-26px;right:24px;width:112px;height:112px;border-radius:50%;background:#F97316;color:#fff;display:grid;place-items:center;text-align:center;font:800 15px/1.15 var(--st-d);letter-spacing:-.01em;transform:rotate(11deg);box-shadow:0 14px 24px -14px rgba(249,115,22,.8)}
html body .tx-plan{display:inline-block;background:#fff;color:#B45309;border-radius:999px;padding:9px 15px;font:700 13px/1 var(--st-d);letter-spacing:.01em}
html body .tx-prix{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:20px}
html body .tx-montant{color:#1B2433;font:800 clamp(104px,13vw,188px)/.8 var(--st-d);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
html body .tx-mois{color:#B45309;font:400 34px/1 var(--st-s);font-style:italic;padding-bottom:6px}
html body .tx-pour{font:700 19px/1.3 var(--st-d);color:#1B2433;margin-top:22px}
html body .tx-equipe{border-radius:20px;background:rgba(255,255,255,.7);border:0;color:#1B2433}
html body .tx-equipe svg{stroke:#F97316}
html body .tx-lim,html body .tx-lim > div + div{border-color:rgba(27,36,51,.14)}
html body .tx-lim dt{color:#1B2433;font:800 30px/1 var(--st-d);letter-spacing:-.03em}
html body .tx-lim dd{color:#5B6474}
html body .tx[data-plan="large"] .tx-lim dt{color:#1B2433}
html body .tx-cta{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%;background:#F97316!important;color:#fff;border:0;border-radius:999px;padding:8px 8px 8px 28px;min-height:64px;font:700 18px/1 var(--st-d);box-shadow:0 18px 30px -18px rgba(249,115,22,.9);transition:transform .2s}
html body .tx-cta svg{flex:none;width:48px;height:48px;padding:16px;border-radius:50%;background:#fff;color:#F97316}
html body .tx-cta:hover{background:#EA580C!important;transform:translateY(-2px)}
html body .tx-sous{color:#7A6451}
html body .tx-d{display:flex;flex-direction:column;gap:14px;background:none;padding:0;color:#1B2433}
html body .tx-d-t{font:700 clamp(26px,2.6vw,38px)/1.05 var(--st-d);letter-spacing:-.03em;color:#1B2433;margin:0}
html body .tx-2seul,html body .tx-3seul{font:400 1.18em/1 var(--st-s);font-style:italic;letter-spacing:0;color:#F97316}
html body .tx-mod{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body .tx-mod li{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:124px;padding:18px;border-radius:24px;background:#fff;border:1px solid #E6E9EF;color:#1B2433;font:700 15.5px/1.2 var(--st-d)}
html body .tx-mod li svg{width:32px;height:32px;padding:0;background:none;border-radius:0;stroke:#F97316;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .tx-mod li:nth-child(1),html body .tx-mod li:nth-child(6){background:#E6ECFF;border-color:transparent}
html body .tx-mod li:nth-child(1) svg,html body .tx-mod li:nth-child(6) svg{stroke:#3B5BDB}
html body .tx-plus{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html body .tx-plus > div{border-radius:24px;padding:22px;background:#fff;border:1px dashed #C9D0DE;display:flex;flex-direction:column;gap:6px;color:#1B2433}
html body .tx-plus > div:first-child{background:#FFF3E6;border:0}
html body .tx-plus svg{width:30px;height:30px;padding:0;background:none;stroke:#F97316;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;border-radius:0;margin-bottom:6px}
html body .tx-plus b{font:700 17px/1.2 var(--st-d);letter-spacing:-.01em;color:#1B2433!important}
html body .tx-plus span{font-size:14.5px;line-height:1.45;color:#5B6474!important}
html body .tx-confiance{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:10px;list-style:none;margin:2px 0 0;padding:0;border:0}
html body .tx-confiance li{flex:none!important;width:auto!important;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;background:#fff;border:1px solid #E3E6EC;border-radius:999px;color:#1B2433;font:600 14px/1 var(--st-d)}
html body .tx-confiance svg{width:16px;height:16px;stroke:#F97316;fill:none;stroke-width:2.4}
html body .tx-note{color:#5B6474;text-align:left;max-width:none;margin-top:22px}
html body .tx-etapes li,html body .tx-qr details{background:#fff;border:1px solid #E3E6EC;border-radius:20px;color:#1B2433}
html body .tx-etapes li::before{background:#FFE6D0;color:#B45309;border-radius:50%}
html body .tx-qr summary::after{border-color:#F97316}
@media(max-width:980px){html body .tx-carte{grid-template-columns:1fr}html body .tx-mod{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){html body .tx-g{padding:34px 22px 24px}html body .tx-g::after{width:92px;height:92px;font-size:13px;right:14px}html body .tx-plus{grid-template-columns:1fr}html body .tx-montant{font-size:30vw}}

/* ═════ TÉLÉPHONE réaliste (partagé) : cadre titane clair, écran, île, boutons, reflet ═════ */
.ph{position:relative;font-size:16px;width:18.4em;margin:0;padding:.55em;border-radius:3.3em;background:linear-gradient(135deg,#F4F5F8 0%,#C8CCD6 28%,#EEF0F4 52%,#B7BCC8 78%,#E6E8EE 100%);box-shadow:inset 0 0 0 .09em rgba(255,255,255,.9),inset 0 0 0 .2em #A9AFBC,0 3em 3.6em -2em rgba(27,36,51,.5),0 .6em 1.2em -.4em rgba(27,36,51,.25);transform:rotate(3deg)}
.ph::before{content:"";position:absolute;left:-.2em;top:7em;width:.22em;height:5.2em;border-radius:.2em 0 0 .2em;background:linear-gradient(#B3B8C4 0 18%,transparent 18% 26%,#B3B8C4 26% 62%,transparent 62% 70%,#B3B8C4 70%)}
.ph::after{content:"";position:absolute;right:-.2em;top:9em;width:.22em;height:4.6em;border-radius:0 .2em .2em 0;background:#B3B8C4}
.ph-ecran{position:relative;overflow:hidden;border-radius:2.75em;border:.28em solid #2A2F3A;background:#fff;padding:0 1em 1.3em;color:#1B2433}
.ph-ecran::before{content:"";position:absolute;top:.55em;left:50%;width:5.2em;height:1.5em;margin-left:-2.6em;border-radius:1em;background:#0F1218;z-index:3}
.ph-ecran::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,0) 28%);pointer-events:none;z-index:4}
.ph-bar{display:flex;justify-content:space-between;align-items:center;padding:.85em .7em .5em;font:700 .8em/1 var(--st-d)}
.ph-st{display:flex;align-items:center;gap:.4em;font-weight:700}
.ph-st u{display:inline-block;position:relative;width:1.7em;height:.8em;border:.1em solid #1B2433;border-radius:.3em;opacity:.85}
.ph-st u::after{content:"";position:absolute;left:.12em;top:.12em;bottom:.12em;width:70%;border-radius:.14em;background:#1B2433}
.ph-app{display:flex;align-items:center;gap:.5em;margin:1.1em 0 .9em;flex-wrap:wrap}
.ph-logo{width:1.5em;height:1.5em;border-radius:.45em;background:linear-gradient(180deg,#FB923C,#EA580C)}
.ph-app b{font:800 1.05em/1 var(--st-d);letter-spacing:-.02em}
.ph-app em{margin-left:auto;font:600 .72em/1 var(--st-d);font-style:normal;color:#B45309;background:#FFE6D0;border-radius:99em;padding:.45em .7em}
.ph-mic{display:flex;align-items:center;gap:.6em;font:600 .78em/1 var(--st-d);color:#5B6474}
.ph-mic i{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:50%;background:#F97316;color:#fff}
.ph-mic i svg{width:1.2em;height:1.2em}
.ph-onde{margin-left:auto;display:flex;align-items:center;gap:.2em;height:1.4em}
.ph-onde u{display:block;width:.2em;border-radius:.2em;background:#F97316;height:35%}
.ph-onde u:nth-child(2){height:80%}.ph-onde u:nth-child(3){height:55%}.ph-onde u:nth-child(4){height:100%}.ph-onde u:nth-child(5){height:45%}
.ph-dit{margin:.9em 0 0 1.4em;padding:.85em 1em;background:#F97316;color:#fff;border-radius:1.3em 1.3em .35em 1.3em;font:700 .98em/1.3 var(--st-d);letter-spacing:-.01em}
.ph-prep{margin:1em 0 .6em;font:400 1.12em/1 var(--st-s);font-style:italic;color:#5B6474}
.ph-rows{list-style:none;margin:0;padding:0;display:grid;gap:.4em}
.ph-rows li{display:flex;justify-content:space-between;gap:.6em;padding:.65em .8em;border-radius:.9em;background:#F3F5F9;font:500 .8em/1.2 var(--st-d);color:#5B6474}
.ph-rows b{font-weight:700;text-align:right;color:#1B2433}
.ph-btn{margin-top:.9em;text-align:center;background:#F97316;color:#fff;border-radius:99em;padding:.85em 1em;font:700 .9em/1 var(--st-d)}
.ph-home{display:block;width:6em;height:.3em;border-radius:1em;background:#1B2433;opacity:.35;margin:1em auto 0}

/* ═════ ASSISTANT VOCAL : fond blanc ═════ */
.ia-band{position:relative;background:#fff;color:#1B2433;padding:110px 0 100px;overflow:hidden}
.ia-band::before{display:none}
.ia-haut{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
.ia-band .kick{display:inline-flex!important;align-items:center;gap:9px;background:#FFE6D0!important;color:#B45309!important;border-radius:999px!important;padding:9px 15px!important;font:700 13px/1 var(--st-d)!important;letter-spacing:.01em!important;text-transform:none!important}
.ia-band .kick::before{content:"";width:8px;height:8px;border-radius:50%;background:#F97316}
.ia-band h2{margin:22px 0 0;font:800 clamp(42px,5.3vw,82px)/.94 var(--st-d);letter-spacing:-.045em;color:#1B2433}
.ia-band h2 em{display:inline-block;font:400 1.14em/.9 var(--st-s);font-style:italic;letter-spacing:-.01em;color:#F97316;padding-bottom:.12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8c18-8 30 8 48 0s30 8 48 0 30 8 48 0 30 8 50 0' fill='none' stroke='%23FDBA74' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% .16em no-repeat}
.ia-band .ia-intro{margin:26px 0 0;font-size:20px;line-height:1.5;color:#5B6474;max-width:27em}
.ia-band .ia-cta{margin-top:34px}
.ia-band .ia-cta .btn{border-radius:999px}
.ia-stage{position:relative;display:grid;place-items:center;padding:36px 0 30px;min-height:640px}
.ia-stage::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:#FFE6D0;top:50%;left:50%;transform:translate(-50%,-48%)}
.ia-stage .ph{z-index:2}
.ia-stick{position:absolute;z-index:3;border-radius:999px;padding:11px 18px;font:700 15px/1 var(--st-d);letter-spacing:-.01em;box-shadow:0 14px 22px -14px rgba(27,36,51,.4)}
.ia-stick.s1{top:60px;left:0;background:#F97316;color:#fff;transform:rotate(-9deg)}
.ia-stick.s2{top:150px;right:-4px;background:#fff;color:#1B2433;transform:rotate(7deg)}
.ia-stick.s3{bottom:30px;left:20px;background:#E6ECFF;color:#3B5BDB;transform:rotate(-5deg)}
.ia-stick.s4{bottom:110px;right:-8px;background:#FFF3E6;color:#B45309;transform:rotate(8deg)}
.ia-liste{position:relative;counter-reset:ia;list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0}
.ia-liste li{counter-increment:ia;position:relative;display:flex;flex-direction:column;gap:10px;min-height:290px;margin:0;padding:26px;background:#F8F9FB;color:#1B2433;border:1px solid #EDEFF4;border-radius:30px;box-shadow:none;overflow:hidden}
.ia-liste li::before{display:block;position:absolute;top:10px;right:22px;content:counter(ia,decimal-leading-zero);font:400 76px/1 var(--st-s);font-style:italic;color:#F97316;opacity:.28;background:none;width:auto;height:auto;border-radius:0}
.ia-liste li:nth-child(1){background:#FFE6D0;border-color:transparent}
.ia-liste li:nth-child(3){background:#E6ECFF;border-color:transparent}
.ia-liste li:nth-child(3)::before{color:#3B5BDB}
.ia-liste li i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#F97316;color:#fff;margin:0 0 auto}
.ia-liste li:nth-child(3) i{background:#3B5BDB}
.ia-liste li i svg{width:24px;height:24px}
.ia-liste b{font:700 22px/1.1 var(--st-d);letter-spacing:-.03em;color:inherit}
.ia-liste span{font-size:15.5px;line-height:1.45;color:#5B6474}
@media(max-width:1000px){.ia-liste{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-liste li{min-height:240px}}
@media(max-width:900px){.ia-band{padding:70px 0}.ia-haut{grid-template-columns:1fr;gap:20px}.ia-stage{min-height:600px}.ia-liste{margin-top:40px}}
@media(max-width:560px){.ia-liste{grid-template-columns:1fr}.ia-liste li{min-height:0}.ia-stage::before{width:320px;height:320px}.ia-stick{font-size:13px;padding:9px 14px}.ia-stick.s1{left:-6px}.ia-stick.s2{right:-8px}.ia-stick.s3{left:-8px}.ia-stick.s4{right:-4px}.ph{font-size:14.5px}}

/* ═════ DIAPO « Vécu sur le terrain » : fond pêche uni, téléphone qui dépasse, autocollants ═════ */
.scene.vt-ia{display:block!important;padding:0!important;background:#FFF1E4!important;position:relative;overflow:hidden}
.scene.vt-ia::before{content:""!important;display:block!important;position:absolute;left:50%;top:-30px;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:#FFD9B8}
.scene.vt-ia::after{display:none!important}
.scene.vt-ia .vt-legende{display:none!important}
.ia-mini{position:absolute;inset:0;background:none;box-shadow:none;border:0;padding:0}
.ia-mini .ph{position:absolute;left:50%;bottom:-8.5em;margin-left:-9.2em;font-size:13px;transform:rotate(-3deg);z-index:2}
.ia-mini .ia-stick{position:absolute;z-index:3;font-size:13px;padding:9px 14px}
.ia-stick.k1{top:26px;left:20px;background:#F97316;color:#fff;transform:rotate(-8deg)}
.ia-stick.k2{top:80px;right:22px;background:#fff;color:#1B2433;transform:rotate(7deg)}
.ia-stick.k3{top:170px;left:14px;background:#E6ECFF;color:#3B5BDB;transform:rotate(-4deg)}
.ia-stick.k4{top:236px;right:16px;background:#fff;color:#B45309;transform:rotate(6deg)}
/* Cartes « Avant / Avec Stockéo » : clair, sans noir. */
.vt-avec{background:#FFF1E4!important;color:#1B2433!important;border:0!important}
.vt-avec p{color:#1B2433!important}
.vt-avec p.mini{color:#5B6474!important}
.vt-avec .vt-lbl{color:#B45309!important}

/* En-tête du site : plein, pour que le texte du dessous ne transparaisse pas. */
.hdr{background:#1A2336!important}
.v6 header{background:#F6F5F1!important}
#situations,#assistant,#apercu,#pricing,#sur-mesure,#faq{scroll-margin-top:84px}
/* Le logo en filigrane (grands rectangles beiges derrière les sections) disparaît. */
/* 16/10/2026 (user : « le fond avec le logo, je ne t'avais pas demandé de l'enlever ») : il revient. */
html body .tx-equipe,html body .tx-equipe p,html body .tx-equipe b,html body .tx-equipe span{color:#1B2433!important}
html body .tx-equipe p span{color:#5B6474!important}
.ph-prep{margin-top:1.3em}
/* ═════ Téléphone : vraie capture d'écran de l'application ═════ */
.ph-ecran{padding:0!important;background:#fff}
.ph-bar{background:#fff;padding:.85em 1.1em .55em!important;position:relative;z-index:2}
.ph-shot{display:block;width:100%;height:auto;aspect-ratio:780/1591}
.ph{width:17.6em}
.ia-mini .ph{margin-left:-8.8em}

/* ═════ TARIFS : chiffres en Outfit, plus de couleur ═════ */
html body .tx-montant{font:700 clamp(96px,12vw,170px)/.82 'Outfit','Inter',system-ui,sans-serif!important;letter-spacing:-.05em!important}
html body .tx-g{background:linear-gradient(155deg,#FFD8B0 0%,#FFBE85 55%,#FFAE6B 100%)!important;overflow:visible}
html body .tx-g::before{display:block!important;content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.28);pointer-events:none}
html body .tx-g>*{position:relative}
/* 16/10/2026 (user : « la barre bleue avec l'orange, ça ne va pas, une couleur pétante ») */
html body .tx-g::after{background:#FFE14D!important;box-shadow:0 14px 24px -14px rgba(234,179,8,.9)!important}
html body .tx-plan{background:#fff;color:#C2570C}
html body .tx-mois{color:#7A3A0C!important}
html body .tx-equipe{background:rgba(255,255,255,.75)}
html body .tx-mod li:nth-child(1){background:#FFE6D0;border-color:transparent}
html body .tx-mod li:nth-child(2){background:#E6ECFF;border-color:transparent}
html body .tx-mod li:nth-child(3){background:#DDF5E8;border-color:transparent}
html body .tx-mod li:nth-child(4){background:#EEE8FF;border-color:transparent}
html body .tx-mod li:nth-child(5){background:#E6ECFF;border-color:transparent}
html body .tx-mod li:nth-child(6){background:#FFE6D0;border-color:transparent}
html body .tx-mod li:nth-child(7){background:#EEE8FF;border-color:transparent}
html body .tx-mod li:nth-child(8){background:#DDF5E8;border-color:transparent}
html body .tx-mod li:nth-child(1) svg,html body .tx-mod li:nth-child(6) svg{stroke:#EA580C}
html body .tx-mod li:nth-child(2) svg,html body .tx-mod li:nth-child(5) svg{stroke:#3B5BDB}
html body .tx-mod li:nth-child(3) svg,html body .tx-mod li:nth-child(8) svg{stroke:#1F9D63}
html body .tx-mod li:nth-child(4) svg,html body .tx-mod li:nth-child(7) svg{stroke:#6D4BD8}
html body .tx-plus > div:first-child{background:#FFF1CC}
html body .tx-plus > div:first-child svg{stroke:#B7791F}
html body .tx-plus > div:last-child{background:#fff;border:1px dashed #A9B6E8}
html body .tx-plus > div:last-child svg{stroke:#3B5BDB}
html body .tx-confiance li:nth-child(1) svg{stroke:#1F9D63}
html body .tx-confiance li:nth-child(2) svg{stroke:#3B5BDB}
html body .tx-confiance li:nth-child(3) svg{stroke:#6D4BD8}
#pricing .sec-head .kick{background:#E6ECFF!important;color:#3B5BDB!important}
#pricing .sec-head .kick::before{background:#3B5BDB}
/* ═════ Téléphone plus grand, lisible ═════ */
.ph{width:21em!important}
.ph-shot{aspect-ratio:720/1408!important}
.ia-mini .ph{font-size:12.5px!important;margin-left:-10.5em!important;bottom:-12em!important}
.ia-stage{min-height:760px;align-content:center}
.ia-legende{position:relative;z-index:2;margin:26px 0 0;max-width:19em;text-align:center;font:600 15px/1.4 var(--v6-font,'Barlow',sans-serif);color:#5B6474}
.ia-etapes{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.ia-etapes li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:#fff;border:1px solid #F1E3D6;border-radius:999px;font:700 15px/1.2 var(--st-d);color:#1B2433}
.ia-etapes b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#F97316;color:#fff;font-size:15px}
.ia-etapes em{font-style:normal;color:#EA580C}
@media(max-width:900px){.ia-stage{min-height:700px}}

/* ═════ TARIFS : bleu de confiance, blanc, touche orange, polices du site ═════ */
#pricing .tx-fond,#lscreen-pricing > .tx-fond,.v6 #pricing .tx-fond{background:#F2F6FF!important}
#pricing .sec-head .kick{background:#E0E9FF!important;color:#2447C8!important}
#pricing .sec-head .kick::before{background:#2F5BEA}
#pricing .sec-head h2{font:800 clamp(40px,5.4vw,78px)/1 var(--v6-display,'Archivo',sans-serif);letter-spacing:-.035em;color:#14213D}
#pricing .sec-head h2 em{font:inherit;font-style:normal;color:#F97316;letter-spacing:inherit}
#pricing .sec-head p{color:#53638A}
html body .tx-choix-t{color:#14213D;font:700 17px/1 var(--v6-font,'Barlow',sans-serif)}
html body .tx-seg{border:1px solid #D5E0FA!important;background:#fff!important}
html body .tx-seg button{color:#53638A;font:700 15px/1 var(--v6-font,'Barlow',sans-serif)}
html body .tx-seg button.on{color:#fff}
html body .tx-seg-curseur{background:#2F5BEA!important}
html body .tx .tx-g{background:#2F5BEA!important;color:#fff;border-radius:28px;overflow:hidden}
html body .tx .tx-g::before{display:block!important;content:"";position:absolute;right:-70px;top:-70px;bottom:auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1)}
html body .tx .tx-g>*{position:relative}
html body .tx .tx-g::after{display:none}
html body .tx .tx-plan{background:rgba(255,255,255,.18);color:#fff;font:700 13px/1 var(--v6-font,'Barlow',sans-serif);letter-spacing:.06em;text-transform:uppercase}
html body .tx .tx-montant{color:#fff;font:800 clamp(88px,10.5vw,150px)/.9 var(--v6-display,'Archivo',sans-serif)!important;letter-spacing:-.04em!important}
html body .tx .tx-mois{color:rgba(255,255,255,.85)!important;font:600 22px/1 var(--v6-font,'Barlow',sans-serif)!important;font-style:normal!important}
html body .tx .tx-pour{color:#fff;font:700 20px/1.3 var(--v6-display,'Archivo',sans-serif)}
html body .tx .tx-equipe{background:rgba(255,255,255,.14);color:#fff}
html body .tx .tx-equipe,html body .tx .tx-equipe p,html body .tx .tx-equipe b,html body .tx .tx-equipe span,html body .tx .tx-equipe p span{color:#fff!important}
html body .tx .tx-equipe svg{stroke:#fff}
html body .tx .tx-lim,html body .tx .tx-lim > div + div{border-color:rgba(255,255,255,.28)}
html body .tx .tx-lim dt{color:#fff;font:800 28px/1 var(--v6-display,'Archivo',sans-serif)}
html body .tx .tx-lim dd{color:rgba(255,255,255,.82)}
/* 16/10/2026 (user : « la barre orange sur le bleu, pas dans le thème, une couleur pétante ») : jaune vif, texte bleu nuit. */
html body .tx .tx-cta{background:#FFD60A!important;color:#14213D!important;box-shadow:0 16px 28px -14px rgba(0,0,0,.35);font:800 18px/1 var(--v6-display,'Archivo',sans-serif)}
html body .tx .tx-cta:hover{background:#FFE347!important}
html body .tx .tx-cta svg{background:#14213D;color:#FFD60A}
html body .tx .tx-sous{color:rgba(255,255,255,.82)}
html body .tx .tx-d-t{color:#14213D;font:800 clamp(24px,2.4vw,34px)/1.1 var(--v6-display,'Archivo',sans-serif);letter-spacing:-.02em}
html body .tx .tx-2seul,html body .tx .tx-3seul{font:inherit;font-style:normal;color:#2F5BEA;letter-spacing:inherit}
html body .tx .tx-mod li{background:#fff!important;border:1px solid #D9E3FB;color:#14213D;font:700 15.5px/1.2 var(--v6-font,'Barlow',sans-serif);box-shadow:0 10px 24px -20px rgba(47,91,234,.5)}
html body .tx .tx-mod li svg{width:44px;height:44px;padding:10px;border-radius:14px;background:#E8EEFF;stroke:#2F5BEA!important}
html body .tx .tx-plus > div{border:1px solid #D9E3FB;background:#fff}
html body .tx .tx-plus > div:first-child{background:#FFF1E4;border-color:#FFE0C2}
html body .tx .tx-plus > div:first-child svg{stroke:#EA580C}
html body .tx .tx-plus > div:last-child svg{stroke:#2F5BEA}
html body .tx .tx-plus b{color:#14213D!important;font:800 17px/1.2 var(--v6-display,'Archivo',sans-serif)}
html body .tx .tx-plus span{color:#53638A!important}
html body .tx .tx-confiance li{border-color:#D9E3FB;color:#14213D;font:700 14px/1 var(--v6-font,'Barlow',sans-serif)}
html body .tx .tx-confiance li svg{stroke:#1F9D63!important}
html body .tx .tx-note{color:#53638A}
.ia-stick.s3{display:none}
.ia-stick.s4{bottom:150px;right:-22px}
.ia-legende{margin-top:44px}
.ia-stage{padding-bottom:10px}
.ia-mini .ia-stick.k3{top:196px}
.ia-liste li{justify-content:flex-start}
.ia-liste li i{margin:0 0 34px}

/* 16/10/2026 (user : « le bouton Assistant, pourquoi il est là alors qu'on n'est même pas connecté ») :
   seulement dans l'application. */
body:not(:has(#s-app.active)) #stk-vocal-b,body:not(:has(#s-app.active)) #stk-vocal-p{display:none!important}

/* 16/10/2026 (user : « sur téléphone on peut appuyer sur les vidéos de Vécu sur le terrain et de
   Votre rentabilité, ça les agrandit ») : un voile transparent couvre chaque vidéo, le doigt ne
   l'atteint plus jamais. */
#site-landing .vt-media,#site-landing .tk3-scene,#site-landing .hf-cadre{position:relative}
#site-landing .vt-media::after,#site-landing .tk3-scene::after,#site-landing .hf-cadre::after{content:"";position:absolute;inset:0;z-index:1;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#site-landing .vt-media .vt-legende{z-index:2}
