/* 14/10/2026 — Tunnel de vente, audit « en client » : un bouton par écran, la preuve en haut,
   l'anglais sans fuite, l'inscription en trois champs. */

/* Un visiteur anglophone ne voit jamais le français : l'accueil attend le dictionnaire. */
html.i18n-attente #site-landing{visibility:hidden}

/* Ce qui ne parle qu'aux Français (hébergement en Europe, conçu en France) disparaît en anglais,
   et inversement. */
html:not([lang="en"]) .stk-en-seul{display:none!important}
html[lang="en"] .stk-fr-seul{display:none!important}

/* Le lien discret sous le bouton principal : l'autre action reste à portée sans concurrencer. */
.hf-second{margin:14px 0 0;font-size:14.5px;color:#C9D0DB;font-weight:600}
.hf-lien{background:none;border:0;padding:0;font:inherit;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;cursor:pointer;font-weight:700}
.hf-lien:hover{color:#FDBA8C}
/* La fin de page est une photo sombre : le lien y est blanc. La page Fonctionnalités est claire. */
.final-second{color:#D6DBE4;text-align:center;margin-top:16px}
.final-second .hf-lien{color:#fff}
.final-second .hf-lien:hover{color:#FDBA8C}
.feat-cta .hf-lien{color:var(--v6-ink,#1a1f2b)}
.feat-cta .hf-lien:hover{color:var(--v6-or,#f97316)}
.feat-cta .hf-lien{font-size:14px}

/* La preuve : le vrai produit filmé, dans un cadre d'écran. */
.hf-preuve{margin-top:34px;max-width:620px}
.hf-cadre{background:#0B1220;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04)}
.hf-cadre-haut{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#121A2B;border-bottom:1px solid rgba(255,255,255,.08)}
.hf-cadre-haut i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.hf-cadre-haut span{margin-left:8px;font-size:11.5px;color:#8E97A8;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:2px 10px;border-radius:999px;letter-spacing:.02em}
.hf-video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0B1220}
.hf-preuve-l{display:flex;align-items:center;gap:8px;margin:12px 2px 0;font-size:13px;color:#AEB6C4;font-weight:600}
.hf-preuve-l i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E;flex:none}
@media(min-width:1024px){
  .v6 .hf-inner.hf-deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center}
  .hf-preuve{margin-top:0;max-width:none;width:100%}
  .v6 .hero-film h1{font-size:clamp(36px,3.7vw,58px)}
}
@media(min-width:1400px){
  .v6 .hf-inner.hf-deux{gap:64px}
}

/* 14/10/2026 (user : « le point orange à gauche du texte, pas au-dessus ») : sur téléphone la
   pilule d'accroche se coupait, puis le point passait au-dessus du texte en passant à la ligne.
   Le point reste à gauche, le texte s'enroule à côté sur deux lignes. */
@media(max-width:640px){
  .v6 .hero-film .eyebrow{display:inline-flex;flex-wrap:nowrap!important;align-items:flex-start;white-space:normal!important;overflow:visible!important;line-height:1.45;max-width:100%;font-size:10.5px;padding:8px 12px;box-sizing:border-box;text-align:left}
  .v6 .hero-film .eyebrow .dot{flex:none;margin-top:4px}
}

/* Inscription : la mention légale sous le bouton remplace la case à cocher. */
.su-legal{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--mu,#6B7280);text-align:center}
.su-legal a{color:var(--tx,#1a1f2b)}

/* 14/10/2026 (user : « c'est pas centré ») : la pastille sombre du bas gardait un rembourrage
   prévu pour un libellé à gauche du bouton, qui n'existe plus. Même marge des deux côtés. */
@media (min-width:721px){
  body #demo-flottant{padding:9px 10px!important;justify-content:center}
}

/* 14/10/2026 : sélecteur de tarif à trois formules (Démarrage 99 €). Le fichier 81-sans-cadre.css fixe
   la géométrie à deux formules en !important (curseur = 50 % - 4px, saut de 100 % + 8px) : on
   la redéfinit pour trois, avec le même écart de 8px entre les boutons. */
.tx.tx-3 .tx-seg-curseur{width:calc((100% - 16px) / 3)!important}
.tx.tx-3[data-plan="start"] .tx-seg-curseur{transform:none!important}
.tx.tx-3[data-plan="small"] .tx-seg-curseur{transform:translateX(calc(100% + 8px))!important}
.tx.tx-3[data-plan="large"] .tx-seg-curseur{transform:translateX(calc(200% + 16px))!important}

/* 14/10/2026 (user : « essai gratuit, c'est pas assez centré, un peu sur les côtés, tout en haut ») :
   sur téléphone le bouton est pleine largeur et centré, mais les lignes sous lui restaient collées
   à gauche. Tout ce qui est sous le bouton se centre : le lien d'essai, la ligne de confiance,
   la légende de la vidéo. */
@media(max-width:640px){
  .v6 .hero-film .hf-second{text-align:center}
  .v6 .hero-film .trust{justify-content:center;text-align:center}
  .hf-preuve-l{justify-content:center;text-align:center}
  .v6 .hero-film .cta-row{justify-content:center}
}

/* 14/10/2026 21h35 (user : « c'est pas beau, trop collé ») : sur téléphone, de l'air entre le bouton,
   le lien d'essai, la ligne de confiance et la vidéo. */
@media(max-width:640px){
  .v6 .hero-film .hf-second{margin-top:22px;line-height:1.7}
  .v6 .hero-film .trust{margin-top:22px;line-height:1.9;row-gap:4px}
  .hf-preuve{margin-top:34px}
  .hf-preuve-l{margin-top:14px}
}

/* 15/10/2026 — audit « en client » sur téléphone. */
@media(max-width:640px){
  /* Le logo en filigrane est fixé en bas à gauche : sur un petit écran il passe derrière les
     textes de toutes les sections et ressemble à des taches. On le retire. */
  /* Sélecteur à trois formules : les libellés se coupaient (« Moins de 50 … »). Deux lignes. */
  .tx.tx-3 .tx-seg button{white-space:normal!important;line-height:1.15!important;padding:9px 6px!important;font-size:12.5px!important;overflow:visible!important;text-overflow:clip!important}
  /* Un bouton principal sur téléphone est toujours pleine largeur, comme en haut de page. */
  .tk3-txt .btn,.ap-cta .btn{width:100%;justify-content:center}
  /* Pied de page : la pastille « Conçu en France » et la phrase de marque débordaient à droite. */
  .ftr-brand{max-width:100%;text-align:center}
  .ftr-tag{max-width:100%;white-space:normal}
  .ftr-made{white-space:normal!important;max-width:100%;box-sizing:border-box;text-align:center;line-height:1.5;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}
}
@media(max-width:640px){
  .v6 .final .cta-row .btn{width:100%;justify-content:center}
}

/* 29/10/2026 (revue visuelle du site, Chrome headless, téléphone 375 px) : la ligne de confiance
   sous le bouton d'essai se coupe en deux et laissait le point de séparation SEUL en bout de
   première ligne (« 14 jours d'essai gratuit · sans carte bancaire · » puis « sans engagement »).
   Les points sont des éléments à part dans une rangée flex : au retour à la ligne ils restent
   derrière. Sur téléphone, chaque mention porte donc son propre point, devant elle : quand la
   dernière passe à la ligne, son point la suit et aucune ligne ne finit sur une puce orpheline. */
@media(max-width:640px){
  .v6 .trust .sep{display:none}
  .v6 .trust > span::before{
    content:"";display:inline-block;width:4px;height:4px;border-radius:50%;
    background:#c9c6bc;margin-right:9px;vertical-align:middle;
  }
  .v6 .hero-film .trust > span::before{background:rgba(255,255,255,.35)}
}