/* Accueil acqeo.com, système de design version 2 (13 octobre 2026).
   FICHIER GÉNÉRÉ par data/prospection/outils/integrer_accueil.py à partir de la maquette validée. Ne pas le modifier à la main. */
.acc{--encre:#0B0A09;--bleu:#0437D1;--blanc:#fff;--creme:#F6F1EA;--bleu-clair:#EEF2FF;--orange:#B4530A;--vert:#0B7A3B;--gris:#D9D2C8;--gris-texte:#5E574F;--filet:#E2D9CE;
  --titre:"Wix Madefor Display",system-ui,sans-serif;--texte:"Hanken Grotesk",system-ui,sans-serif;--mono:"Sometype Mono",ui-monospace,monospace;
  color:var(--encre);font:400 17px/1.55 var(--texte);padding-bottom:96px}
:where(.acc) *{box-sizing:border-box}
:where(.acc) p,:where(.acc) ol,:where(.acc) ul{margin:0}
.acc a.c-bt{text-decoration:none}
.acc a.c-bt--p,.acc a.c-bt--p:visited{color:#fff}
.acc a.c-bt--p:hover{background:var(--encre)}
.acc a.c-bt--inv,.acc a.c-bt--inv:visited{color:var(--bleu)}
.cube{display:inline-block;width:var(--c,16px);height:var(--c,16px);background:var(--bleu);flex:none}
.c-rep{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--texte);color:var(--bleu)}
.c-et{display:inline-block;font:600 12.5px/1 var(--mono);padding:7px 10px;white-space:nowrap}
.c-et--n{background:var(--encre);color:#fff}
.c-et--v{background:var(--vert);color:#fff}
.c-et--c{background:var(--creme);color:var(--encre);font-weight:500}
.c-bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font:700 16.5px/1 var(--titre);white-space:nowrap}
.c-bt--p{background:var(--bleu);color:#fff}
.c-bt--inv{background:#fff;color:var(--bleu);margin-top:10px;min-height:56px;padding:0 26px;font-size:18px}
/* Accueil acqeo.com, lot 2 : la page recomposée avec les modèles du système de design (12 octobre 2026).
   S'appuie sur ds2.css pour les variables, le cube, les boutons et les étiquettes. */
.lar{max-width:1168px;margin:0 auto;padding:0 24px}
.c-bt{text-decoration:none}

.ouv{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:56px;align-items:start;padding-top:72px;padding-bottom:20px}
.a-h1{font:800 clamp(38px,4.9vw,62px)/1.03 var(--titre);letter-spacing:-.045em;margin:18px 0 22px;text-wrap:balance}
.a-h2{font:800 clamp(30px,3.6vw,46px)/1.06 var(--titre);letter-spacing:-.04em;margin:16px 0 0;max-width:19em;text-wrap:balance}
.a-chapo{font:400 19px/1.55 var(--texte);color:var(--gris-texte);max-width:33em;margin-top:18px}
.ouv .a-chapo{margin-top:0}
.a-bt{margin-top:28px;min-height:58px;padding:0 28px;font-size:18.5px}
.a-note{font:400 13px/1.5 var(--mono);color:var(--gris-texte);margin-top:14px}

/* la fenêtre de preuve : le tunnel de vente chiffré */
.tunnel{position:relative;margin-top:44px;padding:22px 22px 30px 22px;border:2px solid var(--encre);background-color:var(--bleu-clair);background-image:linear-gradient(var(--filet) 1px,transparent 1px),linear-gradient(90deg,var(--filet) 1px,transparent 1px);background-size:22px 22px;display:grid;gap:10px;justify-items:start}
.tunnel-keo{position:absolute;right:26px;top:-60px;width:98px}
.tunnel-fen{justify-self:stretch;background:#fff;border:2px solid var(--encre);box-shadow:6px 6px 0 var(--bleu);padding:18px 20px 0;margin-right:6px}
.tu-l{display:flex;justify-content:space-between;font:600 15px/1.3 var(--texte);margin-top:10px}
.tu-l:first-child{margin-top:0}
.tu-l b{font:700 17px/1.2 var(--titre);font-variant-numeric:tabular-nums}
.tu-b{display:block;height:16px;background:var(--bleu);margin-top:5px;min-width:10px}
.tu-f{font:600 13.5px/1.3 var(--texte);color:var(--orange);margin-top:6px}
.tu-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--encre);margin:16px -20px 0;padding:14px 20px;font-size:15px}
.tu-total b{font:800 21px/1 var(--titre);letter-spacing:-.02em;color:var(--orange)}
.tu-total span{font-weight:600}

.a-fil{display:block;width:3px;height:64px;margin:28px 0 28px 4.5px;background:repeating-linear-gradient(180deg,var(--bleu) 0 10px,transparent 10px 18px)}
.a-sec{padding-bottom:8px}
.a-tete{margin-bottom:34px}

.fuites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--encre)}
.fuites li{display:flex;gap:12px;align-items:baseline;padding:18px 20px;font:600 16.5px/1.35 var(--texte);border-bottom:1px solid var(--filet);border-right:1px solid var(--filet)}
.fuites li:nth-child(3n){border-right:0}
.fuites li:nth-last-child(-n+3){border-bottom:0}
.fuites span{font:600 16px/1 var(--mono);color:var(--orange)}
.a-panneau{background:var(--creme);padding:26px 28px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.a-panneau p{font:600 19px/1.4 var(--texte);max-width:30em}
.a-panneau .c-bt{color:var(--encre);white-space:nowrap}

.perimetre{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--encre)}
.perimetre li{padding:20px 18px 22px 0;border-bottom:1px solid var(--filet);font-size:14.5px;line-height:1.4;color:var(--gris-texte)}
.perimetre b{display:block;font:700 19px/1.2 var(--titre);letter-spacing:-.02em;color:var(--encre);margin:12px 0 4px}

.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.etapes::before{content:"";position:absolute;left:7px;right:12%;top:5.5px;height:3px;background:repeating-linear-gradient(90deg,var(--bleu) 0 10px,transparent 10px 18px)}
.etapes li{position:relative;padding-right:24px}
.etapes .cube{display:block;position:relative;margin-bottom:22px}
.etapes b{display:block;font:700 22px/1.2 var(--titre);letter-spacing:-.02em;margin:14px 0 8px}
.etapes p{font-size:15.5px;line-height:1.45;color:var(--gris-texte)}

.pourquoi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.pq-txt{display:grid;gap:16px;font-size:18px;line-height:1.55;padding-top:38px}
.pq-sig{font:500 14px/1 var(--mono);color:var(--gris-texte)}

.appel{position:relative;background:var(--bleu);color:#fff;padding:52px 56px 54px;margin:96px 0 0;display:grid;gap:14px;justify-items:start}
.appel img{position:absolute;right:48px;top:-76px;width:128px}
.ap-t{font:800 clamp(32px,4.2vw,54px)/1.04 var(--titre);letter-spacing:-.04em;max-width:14em;text-wrap:balance}
.ap-s{font-size:19px;line-height:1.5;max-width:32em;opacity:.95}
.appel .c-bt--inv{margin-top:14px;min-height:60px;font-size:19px;padding:0 30px}
.ap-n{font:400 13px/1.5 var(--mono);opacity:.9}


@media (max-width:900px){
  .lar{padding:0 16px}
  .ouv,.pourquoi{grid-template-columns:1fr;gap:28px;padding-top:36px}
  .a-bt{width:100%}
  .tunnel{margin-top:56px;padding:16px 14px 22px}
  .fuites{grid-template-columns:1fr}
  .fuites li{border-right:0!important;border-bottom:1px solid var(--filet)!important}
  .fuites li:last-child{border-bottom:0!important}
  .a-panneau{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}
  .a-panneau .c-bt{white-space:normal}
  .perimetre{grid-template-columns:1fr 1fr}
  .etapes{grid-template-columns:1fr;gap:26px}
  .etapes::before{left:5.5px;right:auto;top:8px;bottom:60px;width:3px;height:auto;background:repeating-linear-gradient(180deg,var(--bleu) 0 10px,transparent 10px 18px)}
  .etapes li{padding:0 0 0 34px}
  .etapes .cube{position:absolute;left:0;top:2px;margin:0}
  .pq-txt{padding-top:0}
  .appel{padding:34px 22px 36px;margin-top:80px}
  .appel img{width:92px;top:-54px;right:20px}
  .appel .c-bt--inv{width:100%;white-space:normal;text-align:center}
}

/* Accueil, trois propositions bâties avec le système (12 octobre 2026). Complète ds2.css et accueil.css. */
.tunnel-fen .tu-total{margin-top:16px}

/* 2. la page suit le tunnel */
.x-ouv2{position:relative;padding-top:72px;padding-bottom:20px}
.x-o2t{max-width:760px}
.x-keo2{position:absolute;right:24px;bottom:28px;width:180px}
.x-suivi{padding-top:72px}
.x-cols,.x-rangs li{display:grid;grid-template-columns:16px minmax(0,5fr) minmax(0,4fr) minmax(0,5fr);column-gap:28px}
.x-cols{margin:0 0 18px;font:600 14px/1 var(--texte);color:var(--gris-texte);align-items:center}
.x-cols i{font-style:normal}
.x-rangs{list-style:none;margin:0;padding:0;position:relative}
.x-rangs::before{content:"";position:absolute;left:6.5px;top:10px;bottom:34px;width:3px;background:repeating-linear-gradient(180deg,var(--bleu) 0 10px,transparent 10px 18px)}
.x-rangs li{padding:0 0 34px;align-items:start}
.x-rangs .cube{position:relative;margin-top:4px}
.x-et .tu-l{margin-top:0}
.x-et .tu-l span{font:700 19px/1.2 var(--titre);letter-spacing:-.02em}
.x-et .tu-l b{font-size:19px}
.x-perte{font:600 16px/1.4 var(--texte);color:var(--orange);padding-top:2px}
.x-rep{font-size:16px;line-height:1.45;padding-top:2px}
.x-bilan{font:800 21px/1.2 var(--titre);letter-spacing:-.02em}
.x-q{font-weight:600}
.x-der{padding-bottom:0!important}

/* 3. aujourd'hui et après, côte à côte */
.x-ouv3{padding-top:72px;padding-bottom:20px}
.x-o3t{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end}
.x-o3t .a-h1{margin-bottom:0}
.x-o3a .a-chapo{margin-top:0}
.x-deux{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;margin-top:84px;padding-right:8px}
.x-fen{position:relative;align-self:stretch;background:#fff;border:2px solid var(--encre);padding:0 22px 22px}
.x-fen .c-et{margin:0 0 20px -22px;display:inline-block;position:relative;top:-2px}
.x-fen--auj{box-shadow:6px 6px 0 var(--bleu);padding-bottom:0}
.x-fen--apr{box-shadow:6px 6px 0 var(--vert)}
.x-keo3{position:absolute;right:20px;top:-37px;width:56px}
.x-pont{height:3px;background:repeating-linear-gradient(90deg,var(--vert) 0 10px,transparent 10px 18px);position:relative;margin-left:6px}
.x-pont .cube{position:absolute;right:-2px;top:-4.5px;background:var(--vert)}
.x-fen ul{list-style:none;margin:0;padding:0}
.x-fen li{padding:14px 0;border-top:1px solid var(--filet);font-size:15.5px;line-height:1.45;color:var(--gris-texte)}
.x-fen li:first-child{border-top:0;padding-top:0}
.x-fen li b{display:block;font:700 17px/1.25 var(--titre);letter-spacing:-.02em;color:var(--encre);margin-bottom:2px}
.x-note{font:400 13px/1.5 var(--mono);color:var(--gris-texte);margin-top:10px;padding-top:14px;border-top:2px solid var(--encre)}

@media (max-width:900px){
  .x-ouv2,.x-ouv3{padding-top:36px}
  .x-keo2{position:static;display:block;width:96px;margin:28px 0 0 auto}
  .x-suivi{padding-top:40px}
  .x-cols{display:none}
  .x-rangs li{grid-template-columns:16px minmax(0,1fr);column-gap:16px;row-gap:8px;padding-bottom:28px}
  .x-rangs li>p{grid-column:2}
  .x-rep::before{content:"Après notre passage : ";font-weight:700;color:var(--vert)}
  .x-q::before{content:none}
  .x-o3t{grid-template-columns:1fr;gap:20px}
  .x-deux{grid-template-columns:1fr;margin-top:64px;padding-right:6px}
  .x-pont{width:3px;height:40px;margin:6px 0 0 20px;background:repeating-linear-gradient(180deg,var(--vert) 0 10px,transparent 10px 18px)}
  .x-pont .cube{right:auto;left:-4.5px;top:auto;bottom:-2px}
}