/* ==========================================================================
   JABAT — Styles spécifiques à la page d'accueil
   /css/v2/home.css — chargé en complément de jabat.css
   ========================================================================== */

/* Chaîne de valeur sous le titre */
.jb-chainline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;font-size:12.5px;color:var(--jb-fg-muted)}
.jb-chainline span{background:var(--jb-panel);border:1px solid var(--jb-line);border-radius:20px;padding:4px 11px}
.jb-chainline i{color:var(--jb-orange-2);font-style:normal}

/* Hero : la bande de preuve colle au bas de la section */
.jb-hero{padding-bottom:0}

/* Bande de preuve */
.jb-proof{margin-top:clamp(46px,6vw,72px);background:rgba(255,255,255,.03);border-top:1px solid var(--jb-line);border-bottom:1px solid var(--jb-line);padding:24px 0}
.jb-proof__in{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;justify-content:center;font-size:13px;color:var(--jb-fg-muted)}
.jb-ph{border:1px dashed var(--jb-line);border-radius:8px;padding:7px 15px;font-size:12px}

/* Blocs différenciateurs */
.jb-diff{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;margin-bottom:clamp(48px,6vw,86px)}
.jb-diff:last-child{margin-bottom:0}
.jb-diff--rev .jb-diff__txt{order:2}
.jb-diff__num{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--jb-orange)}
.jb-diff h3{font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.02em;margin:12px 0 0;color:var(--jb-fg)}
.jb-diff__p{margin-top:14px;font-size:16.5px;color:var(--jb-fg-muted)}

/* Fil d'activité client */
.jb-feed{display:grid}
.jb-feed__item{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:start;padding:11px 2px;border-bottom:1px solid var(--jb-line);font-size:12.5px}
.jb-feed__item:last-child{border-bottom:0}
.jb-feed__ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px}
.jb-feed__ico.is-call{background:rgba(127,166,204,.18);color:#7FA6CC}
.jb-feed__ico.is-mail{background:var(--jb-orange-dim);color:var(--jb-orange-2)}
.jb-feed__ico.is-sms{background:var(--jb-ok-bg);color:var(--jb-ok)}
.jb-feed__ico.is-doc{background:rgba(155,140,225,.18);color:#9B8CE1}
.jb-feed__item b{display:block;font-weight:600;color:var(--jb-fg)}
.jb-feed__item small{color:var(--jb-fg-muted)}
.jb-feed__item time{color:var(--jb-fg-muted);font-size:11px;white-space:nowrap}
.jb-ai{margin-top:10px;background:var(--jb-orange-dim);border:1px dashed rgba(237,139,34,.45);border-radius:10px;padding:11px 13px;font-size:12px;color:var(--jb-orange-2)}
.jb-section--light .jb-ai{color:#8A4B1C}

/* Univers */
.jb-uni{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.jb-uni__step{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--jb-orange)}
.jb-uni h3{margin-top:8px;font-size:21px;line-height:1.2;color:var(--jb-fg)}
.jb-uni__job{margin-top:10px;font-size:15px;color:var(--jb-fg-muted)}
.jb-transverse{margin-top:20px;background:var(--jb-ink);border:1px solid var(--jb-line);border-radius:var(--jb-radius);padding:26px;display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:center;color:#F5F7FA}
.jb-transverse h3{font-size:20px;color:#fff;margin:0}
.jb-transverse p{color:#9FB6CC}
.jb-transverse .jb-chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#D7E4F1}

/* Configurateur */
.jb-cfg{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.jb-cfg__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.jb-cfg__label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--jb-fg-muted);margin:22px 0 12px}
.jb-summary{background:var(--jb-ink);border:1px solid var(--jb-line);color:#F5F7FA;border-radius:16px;padding:24px}
.jb-summary h3{color:#fff;font-size:16px;margin:0}
.jb-summary__cnt{font-size:42px;font-weight:700;letter-spacing:-.03em;margin-top:12px;line-height:1;color:#fff}
.jb-summary__cnt small{font-size:13px;font-weight:600;color:#9FB6CC;letter-spacing:0}
.jb-summary ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:12.5px;color:#C7D6E6;max-height:170px;overflow:auto}
.jb-summary .jb-btn{margin-top:18px}
.jb-summary__fine{font-size:11.5px;color:#7C93AB;margin:11px 0 0;text-align:center;line-height:1.5}
.jb-socle{background:var(--jb-ok-bg);border-color:transparent}
.jb-tagcore{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--jb-ok);border:1px solid var(--jb-ok);padding:2px 7px;border-radius:5px}

/* Panneaux profils */
.jb-growth{background:var(--jb-panel-2);border:1px solid var(--jb-line);border-radius:12px;padding:20px}
.jb-growth b{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--jb-orange);margin-bottom:8px}
.jb-panel h3{font-size:21px;margin:0;color:var(--jb-fg)}
.jb-panel__job{margin-top:10px;color:var(--jb-fg-muted)}

/* Tarifs */
.jb-price{background:var(--jb-panel);border:1px solid var(--jb-line);border-radius:var(--jb-radius-lg);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.jb-price__struct{font-size:30px;font-weight:700;color:var(--jb-fg);margin-top:12px;line-height:1.2;letter-spacing:-.02em}
.jb-price__struct span{color:var(--jb-orange)}
.jb-price__struct em{display:block;font-style:normal;font-size:16px;font-weight:600;color:var(--jb-fg-muted)}
.jb-note{margin-top:18px;font-size:13px;color:var(--jb-fg-muted);background:var(--jb-orange-dim);border-radius:8px;padding:11px 13px}

/* Démo */
.jb-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;color:var(--jb-fg);font-size:15px}

@media (max-width:980px){
  .jb-diff,.jb-uni,.jb-transverse,.jb-price{grid-template-columns:1fr}
  .jb-diff--rev .jb-diff__txt{order:0}
  .jb-cfg{grid-template-columns:1fr}
}
@media (max-width:600px){
  .jb-cfg__grid{grid-template-columns:1fr}
}