/* Accueil, octobre 2026 : même DA (crème, bleu nuit, corail, Figtree), parcours plus lisible. */
[data-lx-page=home]{--ok:#267158;--line-soft:#e8e2d8}
[data-lx-page=home] ::selection{background:#ffd9cc;color:#192a43}
.lx-ico{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em}

/* Ouverture */
[data-lx-page=home] .hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.04;letter-spacing:-.035em}
[data-lx-page=home] .hero .sub{max-width:34ch;font-size:clamp(18px,1.45vw,20px);line-height:1.5;color:var(--ink-2,#32445b)}
[data-lx-page=home] .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
[data-lx-page=home] .hero-actions .btn{font-size:15px;font-weight:700;gap:12px;border-radius:10px;min-height:54px}
[data-lx-page=home] .btn-primary:hover{background:#2e486d;border-color:#2e486d}
.lx-btn-line{background:transparent;color:var(--ink);border:0;box-shadow:inset 0 0 0 1.5px var(--ink)}
.lx-btn-line:hover{background:#f4eee6}
[data-lx-page=home] .lx-note{font-size:14px;gap:6px 18px;color:var(--ink-2,#32445b);font-weight:550}
.lx-note span{display:inline-flex;align-items:center;gap:6px}
.lx-note .lx-ico{color:var(--ok)}

[data-lx-page=home] .hero-art{padding-bottom:0}
[data-lx-page=home] .hero-art img{border-radius:18px;height:470px}
[data-lx-page=home] .hero-art figcaption.lx-card{position:absolute;left:-34px;bottom:30px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:272px;padding:16px 18px 14px;background:#fff;border-radius:16px;font-family:var(--sans);font-size:14.5px;letter-spacing:0;line-height:1.3;font-weight:500;color:var(--ink);box-shadow:0 22px 44px -22px rgba(25,42,67,.45),0 2px 6px rgba(25,42,67,.06)}
[data-lx-page=home] .hero-art .lx-card span{font-size:inherit;margin:0;font-weight:inherit}
[data-lx-page=home] .hero-art .lx-card .lx-card-h{font-size:12.5px}
.lx-card-h{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.lx-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}
.lx-row .lx-ico{color:var(--ok);font-size:15px}
[data-lx-page=home] .hero-art .lx-row-fix em{font-size:12px;font-weight:700}
.lx-row-fix em{font-style:normal;font-size:12px;font-weight:700;color:var(--ok);margin-left:auto}
.lx-card-f{display:flex;align-items:center;gap:9px;margin-top:8px;padding-top:11px;font-weight:800;font-size:15.5px;box-shadow:inset 0 1px 0 #eef0f3}
.lx-card-f i,.lx-doc-f i{width:10px;height:10px;border-radius:50%;background:#d94831;display:inline-block}

/* Par où commencer */
.lx-paths{margin:34px 0 84px}
.lx-paths h2,.lx-how h2,.lx-trust h2{font-family:var(--display);font-size:clamp(34px,3.6vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.06;margin:0 0 28px;color:var(--ink);text-wrap:balance}
.lx-paths-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.lx-path{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:28px 28px 24px;border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line-soft);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1)}
.lx-path strong{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.lx-path span{font-size:16px;line-height:1.55;color:var(--ink-2,#32445b);max-width:34ch}
.lx-path b{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:15.5px;font-weight:700}
.lx-path b .lx-ico{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.lx-path:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line-soft),0 24px 40px -26px rgba(25,42,67,.45)}
.lx-path:hover b .lx-ico{transform:translateX(4px)}
.lx-path:focus-visible{outline:3px solid #d94831;outline-offset:3px}
.lx-path-main{background:var(--ink);color:#fff;box-shadow:none}
.lx-path-main span{color:#d6deea}
.lx-path-main:hover{box-shadow:0 26px 44px -24px rgba(25,42,67,.7)}

/* Comment ça marche : annonce collante, étapes qui défilent */
.lx-how{margin:110px 0 40px}
.lx-how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.lx-how-stick{position:sticky;top:112px}
.lx-doc{background:#fff;border-radius:18px;padding:30px 32px 26px;font-family:Cambria,Georgia,serif;font-size:16px;line-height:1.55;color:#141a24;box-shadow:inset 0 0 0 1px var(--line-soft),0 30px 60px -40px rgba(25,42,67,.35)}
.lx-doc p{margin:0 0 6px}
.lx-doc-h{font-weight:700;text-align:center;letter-spacing:.02em;margin-bottom:12px!important}
.lx-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:3px 0}
.lx-l>.lx-ico{margin-left:auto;color:var(--ok);font-size:16px;opacity:0;transform:scale(.4);transition:opacity .5s,transform .6s cubic-bezier(.3,1.5,.5,1)}
.lx-doc[data-step="2"] .lx-l>.lx-ico,.lx-doc[data-step="3"] .lx-l>.lx-ico{opacity:1;transform:none}
.lx-doc[data-step="2"] .lx-miss>.lx-ico{opacity:0;transform:scale(.4)}
.lx-tag{font-family:var(--sans);font-size:12px;font-weight:700;color:#975b10;background:#fff4e1;border-radius:6px;padding:2px 8px;opacity:0;transition:opacity .4s}
.lx-doc[data-step="2"] .lx-tag{opacity:1}
.lx-doc[data-step="2"] .lx-miss-t{color:#975b10}
.lx-add{flex-basis:100%;display:block;max-height:0;opacity:0;transition:max-height .7s cubic-bezier(.2,.7,.2,1),opacity .5s,padding .5s;background:#e8f4eb;border-radius:6px;padding:0 8px;overflow:hidden}
.lx-doc[data-step="3"] .lx-add{max-height:4em;opacity:1;padding:4px 8px}
.lx-doc[data-step="3"] .lx-tag{display:none}
.lx-doc-f{display:flex;align-items:center;gap:9px;margin-top:16px!important;padding-top:14px;box-shadow:inset 0 1px 0 #eef0f3;font-family:var(--sans);font-weight:800;font-size:16px;color:var(--ink);opacity:.25;transition:opacity .5s}
.lx-doc-f i{transform:scale(.3);transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
.lx-doc[data-step="3"] .lx-doc-f{opacity:1}
.lx-doc[data-step="3"] .lx-doc-f i{transform:none}

.lx-steps{list-style:none;margin:0;padding:0}
.lx-step{min-height:min(58vh,560px);padding:8px 0 40px;opacity:1;transition:opacity .5s}
.lx-step:last-child{min-height:0;padding-bottom:0}
.lx-motion .lx-step{opacity:.32}
.lx-motion .lx-step.is-on{opacity:1}
.lx-n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:800;font-size:17px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2,#b8c5d5);margin-bottom:18px;transition:background .4s,color .4s,box-shadow .4s}
.lx-step.is-on .lx-n,html:not(.lx-motion) .lx-n{background:var(--ink);color:#fff;box-shadow:none}
.lx-step h3{font-family:var(--display);font-size:clamp(26px,2.4vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 12px;color:var(--ink)}
.lx-step p{font-size:17.5px;line-height:1.6;color:var(--ink-2,#32445b);max-width:40ch;margin:0 0 22px}
.lx-step .btn{font-size:15px;font-weight:700;gap:12px;border-radius:10px;min-height:54px}

/* Garanties */
.lx-trust{margin:110px 0 90px}
.lx-trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.lx-trust-list strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;color:var(--ink)}
.lx-trust-list span{font-size:15.5px;line-height:1.55;color:var(--ink-2,#32445b)}
.lx-trust-list a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.lx-trust-note{margin:30px 0 0;font-size:13.5px;color:var(--muted);max-width:70ch}

@media (max-width:1100px){
  [data-lx-page=home] .hero-art figcaption.lx-card{left:16px;bottom:16px}
}
@media (max-width:860px){
  .lx-paths-grid{grid-template-columns:1fr;gap:12px}
  .lx-path{min-height:0;padding:24px 22px 22px}
  .lx-path strong{font-size:23px}
  .lx-how{margin-top:80px}
  .lx-how-grid{grid-template-columns:1fr;gap:20px}
  .lx-how-stick{top:82px;z-index:2}
  .lx-doc{font-size:13.5px;padding:18px 18px 14px;line-height:1.45}
  .lx-doc p{margin-bottom:3px}
  .lx-doc>p:nth-child(2){display:none}
  .lx-doc-f{margin-top:10px!important;padding-top:10px;font-size:14.5px}
  .lx-step{min-height:min(46vh,420px);padding-top:24px}
  .lx-trust-list{grid-template-columns:1fr 1fr;gap:22px}
  [data-lx-page=home] .hero-art img{height:360px}
  [data-lx-page=home] .hero-art figcaption.lx-card{width:236px;font-size:13.5px;padding:12px 14px 10px}
  .lx-row{padding:5px 0}
}
@media (max-width:520px){
  .lx-trust-list{grid-template-columns:1fr}
  [data-lx-page=home] .hero-actions .btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .lx-path,.lx-path b .lx-ico,.lx-l>.lx-ico,.lx-add,.lx-tag,.lx-doc-f,.lx-doc-f i,.lx-step,.lx-n{transition:none}
}
@media (max-width:600px){[data-lx-page=home] .hero h1 br{display:none}[data-lx-page=home] .hero h1{text-wrap:balance}}

/* Outil : la charte. L'annonce est un document (serif, papier) ; le diagnostic se lit
   comme une liste, sans cartes, pastilles ni pointillés. */
[data-lx-page=home] .workspace-heading h2 span{color:#d84630}
[data-lx-page=home] .preview{font-family:Cambria,Georgia,serif;font-size:16.5px;line-height:1.65;background:#fff;color:#141a24;border-radius:12px;padding:24px 26px;box-shadow:inset 0 0 0 1px #e8e2d8}
[data-lx-page=home] .preview .ph{color:#975b10;background:#fff4e1;border-radius:3px;padding:0 2px}
[data-lx-page=home] .scan,[data-lx-page=home] .rewrite,[data-lx-page=home] .clause-preview,[data-lx-page=home] .detect-hint .pv-suggest{border-style:solid;border-color:transparent}
[data-lx-page=home] .clause-preview{background:#f7f4ef}
[data-lx-page=home] .items{gap:0}
[data-lx-page=home] .item{border:0!important;border-radius:0;background:none;padding:12px 2px;gap:14px;box-shadow:none}
[data-lx-page=home] .item .dot{width:9px!important;height:9px!important;min-width:9px;border-radius:50%;font-size:0!important;color:transparent!important;margin-top:7px;box-shadow:none}
[data-lx-page=home] .item .t{font-size:16px;font-weight:700}
[data-lx-page=home] .item .lbl{font-size:16px!important}
[data-lx-page=home] .item .f{font-size:14.5px!important;line-height:1.5;margin-top:3px;color:#32445b}
[data-lx-page=home] .item .tag{background:none!important;border:0!important;padding:0;font-family:Figtree,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}
[data-lx-page=home] .item .tag::before{content:"· ";color:#9aa3b2}
[data-lx-page=home] .item.miss .tag{color:#ac3442}
[data-lx-page=home] .item.chk .tag{color:#975b10}

/* Étapes : pas de transparence, l'étape en cours se repère à son numéro plein */
.lx-motion .lx-step{opacity:1}

/* Diagnostic : une phrase, pas de note sur 100 ni de jauge */
[data-lx-page=home] .score-chip,[data-lx-page=home] .scorebar,[data-lx-page=home] #verdictText{display:none!important}
[data-lx-page=home] #verdictTitle{color:#192a43!important;font-size:clamp(24px,2vw,30px);letter-spacing:-.03em}
[data-lx-page=home] .workspace-heading>p{display:none}
.lx-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:#d94831;animation:lx-blink .9s steps(2) infinite}
@keyframes lx-blink{50%{opacity:0}}

/* Autres documents : ni icônes de couleur, ni petites flèches, texte resserré */
[data-lx-page=home] .document-directory .service-symbol,[data-lx-page=home] .document-directory svg,[data-lx-page=home] .document-directory img,[data-lx-page=home] .directory-arrow{display:none!important}
[data-lx-page=home] .document-rows a{min-height:0!important;padding-top:6px!important;padding-bottom:6px!important;gap:10px!important}
[data-lx-page=home] .document-rows a strong{font-size:24px}
[data-lx-page=home] .directory-detail{margin-top:2px!important;padding:0!important;font-size:14px!important;color:#55657b!important}
[data-lx-page=home] .lx-path b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
[data-lx-page=home] .lx-path-main b{text-decoration-color:#d94831}

/* Diagnostic : mentions validées en liste compacte, les points à corriger en pleine largeur */
[data-lx-page=home] .items{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
[data-lx-page=home] .item.miss,[data-lx-page=home] .item.chk{grid-column:1/-1}
[data-lx-page=home] .item.ok{padding:7px 2px}
[data-lx-page=home] .item.ok .f{display:none}
[data-lx-page=home] .item.ok .t,[data-lx-page=home] .item.ok .lbl{font-size:15px!important;font-weight:600}

/* Fiche société trouvée : une liste, pas des cases en capitales */
[data-lx-page=home] .company-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 24px!important}
[data-lx-page=home] .company-grid>*{background:none!important;border:0!important;padding:0!important;border-radius:0!important}
[data-lx-page=home] .company-grid *{text-transform:none!important;letter-spacing:0!important}
[data-lx-page=home] .company-grid small,[data-lx-page=home] .company-grid span:first-child{font-size:12.5px!important;color:#55657b!important;font-weight:600}

/* Envoi : le bouton passe au vert quand l'annonce est prête */
[data-lx-page=home] #leadSubmit{min-height:54px;transition:background-color .5s ease,border-color .5s ease}
[data-lx-page=home] #leadSubmit.lx-ready{background:#267158;border-color:#267158}
[data-lx-page=home] #leadSubmit.lx-ready:hover{background:#1f5f4a;border-color:#1f5f4a}
/* Au pouce : rien de cliquable sous 50 px sur téléphone */
@media (max-width:860px){
  [data-lx-page=home] .btn,[data-lx-page=home] .mode-btn,[data-lx-page=home] #copyBtn,[data-lx-page=home] .lx-cal-btn,[data-lx-page=home] select.field,[data-lx-page=home] input.field{min-height:50px!important}
  [data-lx-page=home] #copyBtn{padding:12px 16px!important;font-size:15px!important}
}
@media (max-width:860px){[data-lx-page=home] #sampleBtn{min-height:50px!important;padding:12px 14px!important}}