/* Offer comparison: scoped to preserve the surrounding page. */
#offres .solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
#offres .solution{--tone:#a63e23;--tint:#f5e9e2;padding:32px;border:1px solid #e2ddd4;border-radius:26px;background:#fffdf9;min-width:0;display:flex;flex-direction:column}
#offres .solution-auto{--tone:#42634f;--tint:#eaf0e9;background:#f5f6f0}
#offres .solution-label{display:flex;align-items:center;justify-content:space-between;color:var(--tone);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
#offres .solution-symbol{font:32px/1 var(--sans)}
#offres .solution h3{font-size:clamp(26px,2.6vw,35px);line-height:1.12;letter-spacing:-.045em;font-weight:600}
#offres .solution-intro{font-size:14px;color:var(--ink-2);line-height:1.75;margin:20px 0 26px;max-width:49ch;min-height:74px}
#offres .solution-demo{padding:18px;background:var(--tint);border-radius:16px;overflow:hidden}
#offres .demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
#offres .demo-replay{border:0;background:transparent;color:var(--tone);font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:5px 0;opacity:.68}
#offres .demo-replay:hover{opacity:1}#offres .demo-replay:active{transform:translateY(1px)}
#offres .demo-caption{display:block;font:500 10px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--tone,#716453)}
#offres .agent-scene{position:relative;height:270px;margin-top:14px;background:#fff9;border:1px solid #fff;border-radius:12px;overflow:hidden}
#offres .scene-message,#offres .scene-answer,#offres .scene-tools,#offres .scene-agent{position:absolute;z-index:2}
#offres .scene-message{top:20px;left:18px;width:43%;padding:12px 13px;background:#fff;border-radius:8px;box-shadow:0 7px 20px #7841250b}
#offres .scene-message span,#offres .scene-answer span{display:block;color:#8b8178;font-size:9px;margin-bottom:5px}#offres .scene-message strong,#offres .scene-answer strong{display:block;font-size:11px;line-height:1.45;font-weight:550}
#offres .scene-agent{top:91px;left:50%;width:104px;height:86px;transform:translateX(-50%);display:grid;place-items:center;align-content:center;background:var(--tone);color:white;border-radius:50%;box-shadow:0 14px 28px color-mix(in srgb,var(--tone) 20%,transparent)}
#offres .scene-agent i{width:22px;height:22px;border:1px solid #fff8;border-radius:50%;margin-bottom:5px;position:relative}#offres .scene-agent i:after{content:'';position:absolute;inset:6px;border-radius:50%;background:white}
#offres .scene-agent span{font-size:11px;font-weight:600}#offres .scene-agent small{font-size:8px;opacity:.78}
#offres .scene-tools{top:21px;right:17px;display:grid;gap:8px}#offres .scene-tools span{padding:9px 10px;min-width:93px;background:#fff;border-radius:7px;font-size:9px;display:flex;justify-content:space-between;gap:8px}#offres .scene-tools b{color:var(--tone)}
#offres .scene-answer{left:18px;right:18px;bottom:17px;padding:12px 14px 11px;background:#fff;border:1px solid color-mix(in srgb,var(--tone) 20%,white);border-radius:8px}#offres .scene-answer small{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:4px;background:var(--tint);color:var(--tone);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
#offres .scene-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}#offres .scene-paths path{fill:none;stroke:color-mix(in srgb,var(--tone) 35%,transparent);stroke-width:1.4;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
#offres .automation-scene{height:270px;margin-top:14px;padding:0 10px;display:grid;grid-template-columns:1fr 36px 1fr 36px 1.05fr;align-items:center;background:#fff7;border:1px solid #fff;border-radius:12px}
#offres .auto-node,#offres .auto-outcomes>div{padding:15px 9px;background:#fff;border:1px solid #e5ebe5;border-radius:9px;text-align:center;box-shadow:0 7px 20px #294c3808}
#offres .auto-node i,#offres .auto-outcomes i{display:grid;width:24px;height:24px;margin:0 auto 9px;place-items:center;border-radius:50%;background:var(--tint);color:var(--tone);font:9px var(--mono)}
#offres .auto-node span,#offres .auto-outcomes span{display:block;font-size:9px;color:#7c837c}#offres .auto-node strong,#offres .auto-outcomes strong{display:block;margin-top:2px;font-size:11px;font-weight:600}
#offres .auto-arrow{text-align:center;color:var(--tone);position:relative}#offres .auto-arrow span{font-size:20px}#offres .auto-arrow i{position:absolute;height:2px;background:var(--tone);left:3px;right:3px;top:50%;transform-origin:left;opacity:.2}
#offres .auto-outcomes{display:grid;gap:9px}#offres .auto-outcomes>div{padding:11px 7px}#offres .auto-outcomes i{width:20px;height:20px;margin-bottom:5px}
#offres .request-note{background:#fffdf9;border:1px solid #ffffffb0;border-radius:9px;padding:15px 17px;margin-top:16px;font-size:14px;line-height:1.6;min-height:77px;box-shadow:0 4px 12px #47332105}
#offres .form-note>span{display:block;font-size:11px;color:var(--ink-2);margin-bottom:5px}
#offres .form-note strong{font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:6px}
#offres .form-note strong span{color:var(--tone)}
#offres .agent-route{list-style:none;padding:0;margin:23px 0;display:grid;gap:19px}
#offres .agent-route li{display:flex;gap:13px;align-items:center;position:relative}
#offres .agent-route li>span{flex-shrink:0;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--tone) 25%,transparent);border-radius:50%;display:grid;place-items:center;font:10px var(--mono);color:var(--tone)}
#offres .agent-route li:not(:last-child)::after{content:'';position:absolute;width:1px;height:16px;background:color-mix(in srgb,var(--tone) 25%,transparent);top:36px;left:15px}
#offres .agent-route strong{font-size:13px;font-weight:600;display:block}
#offres .agent-route small{font-size:11px;color:#635f56;display:block;margin-top:2px}
#offres .demo-result{border-top:1px solid color-mix(in srgb,var(--tone) 18%,transparent);padding-top:14px;font-size:12px;color:var(--tone);display:flex;gap:9px}
#offres .visual-demo .scene-message,#offres .visual-demo .scene-agent,#offres .visual-demo .scene-tools span,#offres .visual-demo .scene-answer,#offres .visual-demo .auto-node,#offres .visual-demo .auto-outcomes>div{opacity:0;transform:translateY(8px)}
#offres .visual-demo .scene-paths path{stroke-dasharray:110;stroke-dashoffset:110}
#offres .visual-demo.is-playing .scene-message{animation:demo-in .45s .1s forwards}
#offres .visual-demo.is-playing .scene-agent{animation:agent-in .5s .8s forwards}
#offres .visual-demo.is-playing .scene-tools span:first-child{animation:demo-in .4s 1.55s forwards}
#offres .visual-demo.is-playing .scene-tools span:last-child{animation:demo-in .4s 2.05s forwards}
#offres .visual-demo.is-playing .scene-paths path{animation:path-draw .9s 1.05s forwards}
#offres .visual-demo.is-playing .scene-answer{animation:demo-in .5s 2.7s forwards}
#offres .visual-demo.is-playing .auto-form{animation:demo-in .4s .1s forwards}
#offres .visual-demo.is-playing .auto-arrow:nth-of-type(2) i{animation:flow-line .45s .65s forwards}
#offres .visual-demo.is-playing .auto-invoice{animation:demo-in .4s 1.05s forwards}
#offres .visual-demo.is-playing .auto-arrow:nth-of-type(4) i{animation:flow-line .45s 1.55s forwards}
#offres .visual-demo.is-playing .auto-outcomes>div:first-child{animation:demo-in .4s 1.95s forwards}
#offres .visual-demo.is-playing .auto-outcomes>div:last-child{animation:demo-in .4s 2.4s forwards}
@keyframes demo-in{to{opacity:1;transform:translateY(0)}}@keyframes agent-in{0%{opacity:0;transform:translateX(-50%) scale(.78)}70%{opacity:1;transform:translateX(-50%) scale(1.06)}100%{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes path-draw{to{stroke-dashoffset:0}}@keyframes flow-line{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:.65}}
#offres .solution-fit{padding:23px 0 21px;flex-grow:1}
#offres .solution-fit strong{font-size:12px;font-weight:600}
#offres .solution-fit p{font-size:13px;line-height:1.7;color:var(--ink-2);margin-top:6px;max-width:47ch}
#offres .solution-link{padding-top:17px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--tone);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}
#offres .solution-link span{font-size:21px;transition:transform .2s}#offres .solution-link:hover span{transform:translate(3px,-3px)}#offres .solution-link:hover{text-decoration:underline;text-underline-offset:4px}
#offres .solutions-duo{margin-top:24px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#ebe8df;border-radius:22px;align-items:center}
#offres .duo-heading h3{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin-top:12px}#offres .duo-heading em{font-family:var(--serif);font-weight:400}
#offres .duo-example p{font-size:13px;line-height:1.75;color:#625e55}#offres .duo-flow{display:flex;align-items:center;gap:12px;margin-top:17px;font:10px var(--mono)}#offres .duo-flow span{padding:7px 10px;background:#ffffff90;border-radius:5px}#offres .duo-flow b{font-weight:400;color:#817464}
#offres .solutions-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:36px}#offres .solutions-footer strong{display:block;font-size:15px;font-weight:500}#offres .solutions-footer p>span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:5px}#offres .solutions-footer .btn{font-size:12px;white-space:nowrap;text-decoration:none}
#offres>.wrap>.src{font:10px/1.7 var(--sans);letter-spacing:0;margin-top:24px;max-width:85ch;margin-left:auto;margin-right:auto}
@media(max-width:760px){#offres .solutions-grid{grid-template-columns:1fr;margin-top:32px;gap:18px}#offres .solution{padding:24px}#offres .solution-intro{min-height:0}#offres .solution-demo{padding:14px}#offres .agent-scene,#offres .automation-scene{height:250px}#offres .scene-message{width:48%;left:10px}#offres .scene-tools{right:9px}#offres .scene-answer{left:10px;right:10px}#offres .automation-scene{padding:0 5px;grid-template-columns:1fr 22px 1fr 22px 1.1fr}#offres .auto-arrow span{font-size:14px}#offres .auto-arrow i{display:none}#offres .solutions-duo{grid-template-columns:1fr;gap:22px;padding:26px}#offres .solutions-footer{flex-direction:column;align-items:flex-start;gap:20px}#offres .duo-flow{gap:8px;font-size:9px}#offres .duo-flow span{padding:7px}#offres .solutions-footer .btn{white-space:normal}}

/* La version courte utilise toute la carte pour le texte et le parcours. */
#offres .solution-demo[hidden]{display:none}
#offres .solution-image{margin:auto 0 0;border-radius:16px;overflow:hidden;background:var(--tint)}
#offres .solution-image img{display:block;width:100%;height:auto}
#offres .solution-image figcaption{padding:16px 18px;font-size:14px;line-height:1.5;color:var(--tone)}
#diagnostic .diagnostic-example summary{display:grid;grid-template-columns:1fr auto;padding:22px 0;gap:18px 12px}
#diagnostic .diagnostic-example summary::after{display:none}
#diagnostic .diagnostic-example summary span{text-decoration:none}
#diagnostic .diagnostic-example .diagnostic-preview{grid-column:1/-1;display:block;position:relative;overflow:hidden}
#diagnostic .diagnostic-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#diagnostic .diagnostic-example .diagnostic-preview-label{position:absolute;bottom:16px;left:20px;background:#fffdf9;padding:7px 12px;border-radius:6px;font-size:12px;color:#514b43}
#diagnostic .diagnostic-example .diagnostic-summary-title{padding-left:24px;font-size:17px;font-weight:600}
#diagnostic .diagnostic-example .diagnostic-summary-action{margin-right:24px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){#diagnostic .diagnostic-example summary{grid-template-columns:1fr;gap:12px}#diagnostic .diagnostic-example .diagnostic-summary-title{padding:0 18px}#diagnostic .diagnostic-example .diagnostic-summary-action{margin:0 18px}#diagnostic .diagnostic-example .diagnostic-preview-label{left:12px;bottom:12px;font-size:11px}}
#offres .solutions-duo{display:block}
#diagnostic .diagnostic-detail-image{display:block;width:100%;max-width:460px;height:auto;margin:12px 0 20px;border:1px solid #e5e1d9;border-radius:8px}
#offres .solution-interface{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
#diagnostic .diagnostic-example h3{font-size:20px}
#diagnostic .diagnostic-example dt{font-size:15px;margin-top:20px}
#diagnostic .example-context,#diagnostic .diagnostic-example dd{font-size:14px;line-height:1.6}
@media(prefers-reduced-motion:reduce){#offres .solution-link span{transition:none}#offres .visual-demo .scene-message,#offres .visual-demo .scene-agent,#offres .visual-demo .scene-tools span,#offres .visual-demo .scene-answer,#offres .visual-demo .auto-node,#offres .visual-demo .auto-outcomes>div{opacity:1;transform:none}#offres .visual-demo .scene-agent{transform:translateX(-50%)}#offres .visual-demo .scene-paths path{stroke-dashoffset:0}#offres .demo-replay{display:none}}