/* A single fictional example plays at a time; other media stay on their poster. */
.solution-showcase{border:1px solid #ffffff1b;border-radius:20px;overflow:hidden;background:#151517;text-align:left}
.demo-offer-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid #ffffff14}
.demo-offer-switch button{font:12px/1.3 var(--font);min-height:39px;padding:10px 8px;border:1px solid transparent;border-radius:9px;background:none;color:#aaa5af;cursor:pointer}
.demo-offer-switch button[aria-pressed=true]{background:#fcd0000b;border-color:#75652d;color:#f0e5ba}
.demo-offer-switch button:hover{color:#f5f1ea;background:#ffffff07}
.demo-offer-switch button:focus-visible,.demo-pause:focus-visible,.offer-demo-thumb:focus-visible,.demo-close:focus-visible{outline:2px solid var(--jaune);outline-offset:-3px}
.solution-demo-panel{margin:0}
.solution-demo-image{display:block;width:100%;height:auto;aspect-ratio:720/450;object-fit:contain;background:#f4f2eb}
.solution-demo-panel figcaption{padding:12px 18px 19px}
.demo-caption-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;min-height:32px}
.demo-caption-top>span{font:9px/1.4 var(--mono);color:#b0a98c}
.solution-demo-panel figcaption>strong{display:block;font-size:17px;font-weight:500;line-height:1.35;color:#efebe3}
.solution-demo-panel figcaption>p{font-size:12px;color:#aaa5af;line-height:1.5;margin:8px 0 0;min-height:36px}
.demo-pause{margin:0;min-height:32px;min-width:59px;padding:6px 10px;border:1px solid #ffffff24;border-radius:999px;background:transparent;font:10px/1.4 var(--font);color:#cbc6ce;cursor:pointer}
.demo-pause:hover{color:var(--jaune);border-color:#a28c35}
.demo-real-project{margin-top:13px}
.demo-real-project>summary{font:11px/1.5 var(--font);color:#a9a5ad;cursor:pointer;padding:8px 4px;min-height:34px}
.demo-real-project>summary:hover{color:#f5f1ea}
.demo-real-project .case-feature{margin-top:8px}
.demo-real-project .case-feature .case-photo.aca-capture{height:auto;aspect-ratio:720/450;object-fit:contain}
.result-grid #result-case{margin-top:22px;max-width:390px}
.demo-compact .solution-demo-panel figcaption{padding:9px 15px 15px}
.demo-compact .solution-demo-panel figcaption>strong{font-size:15px}
.demo-compact .demo-caption-top{margin-bottom:4px}
.final-offers li{align-items:center}
.offer-demo-thumb{position:relative;padding:0;border:1px solid #ffffff26;border-radius:9px;overflow:hidden;flex:0 0 92px;background:#f4f2eb;cursor:pointer;align-self:center}
.offer-demo-thumb img{display:block;width:100%;height:auto;aspect-ratio:720/450;object-fit:cover}
.offer-demo-thumb>span{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;font-size:20px;line-height:1;background:#151517df;color:#fcd000;border:1px solid #fcd00099}
.offer-demo-thumb:hover>span{background:#fcd000;color:#101012}
.solution-demo-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #494235;border-radius:22px;padding:46px 12px 12px;background:#111113;color:#f5f1ea;font-family:var(--font);box-shadow:0 22px 100px #000a}
.solution-demo-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}
.solution-demo-dialog .solution-showcase{border-radius:12px}
.solution-demo-dialog .demo-close{position:absolute;right:9px;top:4px;min-width:40px;min-height:38px;border:0;background:none;color:#c7c1cb;font-size:28px;cursor:pointer}
.solution-demo-dialog .solution-demo-panel figcaption>p{min-height:0}
@media(max-width:640px){
 .solution-showcase{border-radius:16px}
 .solution-demo-panel figcaption{padding:10px 15px 16px}
 .solution-demo-panel figcaption>strong{font-size:16px}
 .demo-offer-switch button{min-height:42px}
 .demo-pause{min-height:38px;min-width:66px}
 .demo-real-project>summary{min-height:42px}
 .result-grid #result-case{width:100%;max-width:none;margin-top:22px}
 .offer-demo-thumb{flex-basis:76px}
 .final-offers li{gap:13px}
 .solution-demo-dialog{padding:46px 9px 9px}
}
@media(prefers-reduced-motion:reduce){.solution-demo-dialog::backdrop{backdrop-filter:none}}