/* La Forge 2026 - styles globaux du design (le reste vit en styles inline, fidele au prototype). */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#F5F5FA}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
button,input,textarea{font-family:inherit}
::selection{background:#F1F0FE;color:#4038C4}
@keyframes tipIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes popIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes sparkPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.28);opacity:.72}}
@keyframes filDessine{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes caretB{50%{opacity:0}}
@keyframes cue{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,7px);opacity:1}}
@keyframes escape{0%,18%{transform:translate(-50%,0);opacity:1}70%{transform:translate(-50%,-84px) scale(.82);opacity:.9}84%,100%{transform:translate(-50%,-98px) scale(.7);opacity:0}}
@keyframes staySafe{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,118,90,.45)}60%{box-shadow:0 0 0 8px rgba(242,118,90,0)}}
@keyframes dbl{0%,25%{transform:translate(18px,14px);opacity:0}40%{transform:translate(0,0);opacity:1}48%,56%{transform:scale(.86)}52%,60%{transform:scale(1)}80%,100%{opacity:0}}
@keyframes ffres{0%,55%{opacity:0;transform:translateY(8px)}70%,95%{opacity:1;transform:none}100%{opacity:0}}
.reveal.in{opacity:1!important;transform:none!important}
.temps.fait,.temps.encours{opacity:1!important}
.temps.fait .noeud{background:#4F46E5!important;box-shadow:0 0 0 1px #4F46E5!important}
.temps.encours .noeud{background:#F2765A!important;box-shadow:0 0 0 1px #F2765A!important;animation:dotPulse 2s infinite}
.temps.encours .lib{font-weight:700!important}
.fiche-row.in{opacity:1!important;transform:none!important}
.demo-csv.in{opacity:1!important;transform:none!important}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .pm{transform:rotate(45deg)!important;background:#4F46E5!important;border-color:#4F46E5!important;color:#fff!important}
.order-choice.sel{border-color:#4F46E5!important;background:#F1F0FE!important}
.noeud-fil.passe{background:#4F46E5!important;box-shadow:0 0 0 1px #4F46E5!important}
@media (max-width:1180px){.lecture-fil{display:none!important}}
@media (max-width:1020px){.hero-pills{gap:8px!important}.duel{grid-template-columns:1fr!important}.chap-grid{grid-template-columns:1fr!important;gap:40px!important}.forge-arrive,.mco-grid{grid-template-columns:1fr!important;gap:36px!important}.demo-body{grid-template-columns:1fr!important}.demo-left{border-right:none!important;border-bottom:1px solid #EEEEF4!important}.pricing-grid{grid-template-columns:1fr!important}.gr-hero{grid-template-columns:1fr!important;gap:38px!important}.gr-forge{grid-template-columns:1fr!important;gap:24px!important}}
@media (max-width:760px){.nav-links{display:none!important}.chapitre{padding:84px 0!important}.hero-title{font-size:clamp(38px,11vw,56px)!important}.app-body{flex-direction:column!important;gap:20px!important}.app-som{width:100%!important}.order-choices,.order-fields{grid-template-columns:1fr!important}.order-card{padding:26px 20px!important}.order-panneau{padding:56px 16px 40px!important}.gr-liste,.gr-etapes,.gr-champs{grid-template-columns:1fr!important}.gr-forge{padding:32px 22px!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* --- survol / focus déclarés dans le HTML via data-hover / data-focus --- */
[hidden]{display:none!important}
[data-hover="color:#16161D"]:hover{color:#16161D!important}
[data-hover="background:#4038C4;transform:translateY(-1px)"]:hover{background:#4038C4!important;transform:translateY(-1px)!important}
[data-hover="background:#FAFAFD;transform:translateY(-1px)"]:hover{background:#FAFAFD!important;transform:translateY(-1px)!important}
[data-hover="transform:translateY(-4px);box-shadow:0 10px 28px rgba(40,38,70,.09)"]:hover{transform:translateY(-4px)!important;box-shadow:0 10px 28px rgba(40,38,70,.09)!important}
[data-hover="border-color:#8A8A99;color:#16161D"]:hover{border-color:#8A8A99!important;color:#16161D!important}
[data-hover="transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.35)"]:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important}
[data-hover="transform:translateY(-5px)"]:hover{transform:translateY(-5px)!important}
[data-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(40,38,70,.12)"]:hover{transform:translateY(-5px)!important;box-shadow:0 20px 48px rgba(40,38,70,.12)!important}
[data-hover="color:#4038C4"]:hover{color:#4038C4!important}
[data-hover="border-color:#8A8A99"]:hover{border-color:#8A8A99!important}
[data-focus="border-color:#4F46E5"]:focus{border-color:#4F46E5!important}

/* --- Hero interactif : sommaire cliquable + ecrans (Mon IA, automatisations, entretien) --- */
.som-item{cursor:pointer;border-radius:8px;transition:background .18s}
.som-item:hover{background:#F1F0FE}
.som-item.active{background:#F1F0FE;box-shadow:inset 3px 0 0 #4F46E5}
.som-item:focus-visible{outline:2px solid #4F46E5;outline-offset:2px}
.hero-screen{animation:fadeIn .3s ease}
.screen-back{font:600 12px 'Inter',sans-serif;color:#5B5B6B;background:none;border:none;cursor:pointer;padding:0;margin-bottom:10px}
.screen-back:hover{color:#4038C4}
.screen-title{font:800 20px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;margin-bottom:14px}
.chat-log{display:flex;flex-direction:column;gap:9px;max-height:196px;overflow-y:auto;margin-bottom:12px;min-height:96px}
.chat-bubble{max-width:88%;font-size:13px;line-height:1.5;padding:9px 13px;border-radius:14px;animation:tipIn .3s ease both}
.chat-ia{align-self:flex-start;background:#F1F0FE;color:#16161D;border-bottom-left-radius:5px}
.chat-me{align-self:flex-end;background:#4F46E5;color:#FFFFFF;border-bottom-right-radius:5px}
.chat-chips{display:flex;flex-wrap:wrap;gap:7px}
.chat-chip{font:600 12px 'Inter',sans-serif;color:#4038C4;background:#FFFFFF;border:1px solid #DEDBFB;border-radius:999px;padding:7px 12px;cursor:pointer;transition:background .18s,border-color .18s;text-align:left}
.chat-chip:hover{background:#F1F0FE;border-color:#4F46E5}
.chat-chip:disabled{cursor:default}
.flow{display:flex;flex-direction:column;margin-bottom:14px}
.flow-node{display:flex;align-items:center;gap:12px;background:#FFFFFF;border:1.5px solid #E4E4ED;border-radius:14px;padding:11px 14px;transition:border-color .3s,box-shadow .3s,transform .3s}
.flow-node.on{border-color:#4F46E5;box-shadow:0 8px 22px -12px rgba(79,70,229,.55);transform:translateX(2px)}
.flow-ico{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#F1F0FE;transition:background .3s}
.flow-node.on .flow-ico{background:#4F46E5}
.flow-ok{margin-left:auto;color:#15803D;font-weight:700;font-size:14px;opacity:0;transition:opacity .3s}
.flow-link{width:2px;height:15px;margin-left:31px;background:#DEDBFB;transition:background .3s}
.flow-link.on{background:#4F46E5}
.flow-play{font:700 13px 'Plus Jakarta Sans',sans-serif;color:#FFFFFF;background:#4F46E5;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;transition:background .15s}
.flow-play:hover{background:#4038C4}
.chat-replay{margin-top:12px;font:600 12.5px 'Inter',sans-serif;color:#5B5B6B;background:none;border:1px solid #E4E4ED;border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .18s,color .18s}
.chat-replay:hover{border-color:#8A8A99;color:#16161D}
@media(max-width:760px){.app-som{order:-1;margin-bottom:22px}}