/* Aperçu UI/UX : finitions progressives, sans modification de la mise en page. */
.ux-preview{--ux-ease:cubic-bezier(.22,1,.36,1)}
.ux-preview .button{
 background-image:linear-gradient(125deg,#ffffff0d,transparent 68%);
 transition:background-color .18s,border-color .18s,box-shadow .22s,transform .22s var(--ux-ease);
}
.ux-preview .button>span[aria-hidden],.ux-preview .case-cta>span,
.ux-preview .text-link>span{display:inline-block;transition:transform .25s var(--ux-ease)}
.ux-preview .button:active,.ux-preview .case-cta:active{transform:translateY(1px);box-shadow:none}
.ux-preview .header-call{transition:background-color .2s,box-shadow .2s}
.ux-preview .ux-read-progress{
 position:absolute;inset:auto 0 0;height:2px;pointer-events:none;
 background:linear-gradient(90deg,#245bea,#6996ff);opacity:.7;
 transform:scaleX(0);transform-origin:left center;
}
.ux-preview .form-card .contact-switch{position:relative;isolation:isolate}
.ux-preview .form-card .contact-switch button{position:relative;z-index:1;transition:color .18s,background-color .18s}
.ux-preview .ux-contact-pill{
 position:absolute;top:0;left:0;z-index:0;border-radius:999px;
 background:var(--blue);box-shadow:0 3px 10px #245bea23;pointer-events:none;
}
.ux-preview .form-card .contact-switch[data-ux-pill] button[aria-selected=true]{background:transparent;box-shadow:none}
.ux-preview .form-card input:not([type=hidden]),.ux-preview .form-card select,
.ux-preview .form-card textarea{transition:border-color .18s,box-shadow .18s,background-color .18s}
.ux-preview .form-card input:focus,.ux-preview .form-card select:focus,
.ux-preview .form-card textarea:focus{border-color:#245bea;background-color:#fcfdff;box-shadow:0 0 0 4px #245bea0d}
.ux-preview a:focus-visible,.ux-preview button:focus-visible,
.ux-preview summary:focus-visible{outline:3px solid #245bea;outline-offset:4px}
.ux-preview .hero-people{overflow:hidden}
.ux-preview .hero-people>img{transition:transform .65s var(--ux-ease)}
.ux-preview .benefit-art{transition:border-color .25s,box-shadow .3s}
.ux-preview .step-index{transition:background-color .25s,box-shadow .25s}
.ux-preview .case-tab{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.ux-preview .case-tab[aria-selected=true]{box-shadow:0 3px 9px #182b3814}
.ux-preview .case-cta{transition:color .2s,transform .2s var(--ux-ease)}
.ux-preview .case-media button{overflow:hidden;isolation:isolate;cursor:zoom-in;transition:box-shadow .3s}
.ux-preview .case-media button img{transition:transform .5s var(--ux-ease)}
.ux-preview .case-media button:focus-visible{outline-offset:5px}
.ux-preview .faq summary{transition:color .18s}
.ux-preview .faq summary>span{transition:transform .25s var(--ux-ease),color .18s}
.ux-preview .faq details[open] summary{color:#245bea}
.ux-preview .faq details[open] summary>span{transform:rotate(45deg);color:#245bea}
.ux-preview .site-footer a:not(.button){text-decoration-thickness:1px;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .ux-preview .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #245bea25}
 .ux-preview .button:hover>span[aria-hidden],.ux-preview .case-cta:hover>span{transform:translate(2px,-2px)}
 .ux-preview .text-link:hover>span{transform:translateY(2px)}
 .ux-preview .header-call:hover{background-color:#f2f6ff;box-shadow:0 0 0 5px #f2f6ff}
 .ux-preview .hero-people:hover>img{transform:scale(1.018)}
 .ux-preview .benefit:hover .benefit-art{border-color:#bbccef;box-shadow:0 10px 30px -16px #245bea38}
 .ux-preview .benefit:hover .step-index{background-color:#e5edff;box-shadow:0 0 0 4px #245bea08}
 .ux-preview .case-tab:not([aria-selected=true]):hover{background-color:#f5f8ff;border-color:#9eb5e5}
 .ux-preview .case-media button:hover{box-shadow:0 12px 34px -12px #1d397c40}
 .ux-preview .case-media button:hover img{transform:scale(1.012)}
 .ux-preview .faq summary:hover{color:#245bea}
 .ux-preview .site-footer a:not(.button):hover{text-decoration:underline}
}
@media(hover:none){
 .ux-preview .button:hover{transform:none}
}
.ux-preview .button:active{transform:translateY(1px);box-shadow:0 1px 4px #245bea18}
.ux-preview .button:disabled{transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){
 .ux-preview *,.ux-preview *::before,.ux-preview *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .ux-preview .button:hover,.ux-preview .button:active,.ux-preview .case-cta:active,
 .ux-preview .hero-people:hover>img,.ux-preview .case-media button:hover img,
 .ux-preview .button:hover>span,.ux-preview .case-cta:hover>span,
 .ux-preview .text-link:hover>span{transform:none}
}
@media print{.ux-preview .ux-read-progress{display:none}}
.human-steps{--review-portraits:url("/assets/smartisia-landing/portraits-equipe.webp")}
/* Trois scènes coordonnées : collecte, traitement, décision humaine. */
.human-steps .benefit{position:relative}
.human-steps .benefit-step{position:relative}
.human-steps .benefit-step::after{content:"";height:1px;flex:1;min-width:8px;margin-left:2px;background:linear-gradient(90deg,#d7e1f4,transparent)}
.human-steps .benefit-art{
 min-height:296px;padding:20px;gap:14px;grid-template-rows:auto minmax(190px,1fr) auto;
 position:relative;isolation:isolate;border:1px solid #e1e9f3;overflow:hidden;
 background:radial-gradient(ellipse at 92% 8%,#ffffffde,transparent 70%),#f0f6ff;
 box-shadow:inset 0 1px 0 #fff;
}
.human-steps .art-label{font-size:10px;letter-spacing:.7px;line-height:1.5;color:#526582;z-index:1}
.human-steps .art-in{background:radial-gradient(ellipse at 90% 5%,#fff,transparent 76%),#edf7f7}
.human-steps .art-work{background:radial-gradient(ellipse at 90% 5%,#fff,transparent 76%),#f0f2ff}
.human-steps .art-out{background:radial-gradient(ellipse at 90% 5%,#fff,transparent 76%),#f6f3f0}
.human-steps .art-scene{position:relative;width:100%;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.human-steps .art-documents{position:relative;gap:10px;width:100%;padding-right:20px}
.human-steps .art-documents::after{content:"";position:absolute;right:6px;top:24px;bottom:24px;width:15px;border:1.5px solid #a5c7c4;border-left:0;border-radius:0 12px 12px 0;z-index:-1}
.human-steps .doc-chip{
 position:relative;min-height:44px;padding:8px 11px;gap:10px;border-color:#ddebe9;
 border-radius:10px;box-shadow:0 4px 12px -6px #254e552b;font-size:11px;
}
.human-steps .doc-chip::after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:1.5px;background:#a5c7c4;z-index:-1}
.human-steps .doc-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;background:#edf5ff;border:1px solid #dce8f9;border-radius:8px;color:#3b68b9;font-size:13px;line-height:1}
.human-steps .doc-chip:nth-child(2) .doc-icon{background:#f3f0ff;border-color:#e7e1f5;color:#74609f}
.human-steps .doc-chip:nth-child(3) .doc-icon{background:#edf8f2;border-color:#d5ecdf;color:#338469}
.human-steps .doc-chip i{margin-left:auto;font-size:9px;font-style:normal;font-weight:650;color:#67817f;padding:4px 5px;border-radius:4px;background:#f4f8f7}
.human-steps .collected{display:flex;align-items:center;gap:7px;font-size:11px;color:#347866;line-height:1.4}
.human-steps .collected::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#4d9983}
.human-steps .engine-scene{align-items:center}
.human-steps .engine-scene::before{content:"";position:absolute;top:0;left:50%;width:164px;height:164px;border-radius:50%;border:1px solid #dbe2f9;box-shadow:0 0 0 15px #ffffff65;transform:translateX(-50%);z-index:-1}
.human-steps .work-engine{position:relative;z-index:1;width:min(224px,100%);padding:21px 16px 18px;border-radius:15px;border-color:#dee5f6;gap:11px;box-shadow:0 12px 28px -15px #3456a64a}
.human-steps .work-engine img{width:min(144px,100%);height:auto;object-fit:contain}
.human-steps .work-engine>span{font-size:11px;line-height:1.4;color:#61728a}
.human-steps .work-route{display:block;width:100%;height:27px;overflow:visible;flex:none;color:#a7b9e9}
.human-steps .work-checks{font-size:10px;gap:6px;align-self:stretch}
.human-steps .work-checks span{padding:8px 5px;min-height:38px;border-radius:8px;border-color:#dce5f7;background:#fff;color:#42618e;line-height:1.35;box-shadow:0 3px 8px -5px #4869a427}
.human-steps .work-footer{height:15px;display:flex;justify-content:center;align-items:center;gap:4px}
.human-steps .work-footer i{display:block;width:18px;height:3px;border-radius:3px;background:#bacbef}
.human-steps .work-footer i:nth-child(2){background:#7297e9}
.human-steps .work-footer i:nth-child(3){background:#245bea}
.human-steps .review-scene{gap:10px;align-items:center}
.human-steps .review-people{display:flex;align-items:flex-end;justify-content:center;gap:10px;position:relative;flex:none;height:62px;padding-bottom:3px}
.human-steps .portrait{
 display:block;position:relative;flex:none;width:43px;height:43px;border-radius:50%;
 border:3px solid #fff;background-color:#e8e6e2;background-image:var(--review-portraits);
 background-size:300% 100%;background-repeat:no-repeat;background-origin:padding-box;
 box-shadow:0 4px 12px #44526119;
}
.human-steps .portrait-one{background-position:0% 50%;margin-bottom:2px}
.human-steps .portrait-two{background-position:50% 50%;width:59px;height:59px;box-shadow:0 5px 16px #44526126}
.human-steps .portrait-three{background-position:100% 50%;margin-bottom:2px}
.human-steps .ready-card{position:relative;padding:13px 14px;border-radius:13px;border-color:#e5e5e7;gap:3px 9px;box-shadow:0 9px 22px -12px #3d4b6640}
.human-steps .ready-check{width:28px;height:28px;background:#eef7f2;color:#318465}
.human-steps .ready-card strong{font-size:12px;line-height:1.4}
.human-steps .ready-card>span:not(.ready-check){font-size:10px;line-height:1.5;color:#657184}
.human-steps .ready-actions{margin-top:9px;gap:5px;justify-content:stretch;font-size:10px;line-height:1.3}
.human-steps .ready-actions>span{border:1px solid #e1e7ee;background:#fff;color:#64738a;flex:0 0 auto;padding:7px 8px}
.human-steps .ready-actions>b{flex:1;background:#eef3ff;color:#305dc9;border:1px solid #dce6fb;padding:7px 8px;font-weight:650}
.human-steps .next-task{font-size:11px;line-height:1.4;color:#697482}
.human-steps .benefit:hover .step-index{background:#245bea;color:#fff;box-shadow:0 0 0 4px #245bea0b}
@media(min-width:1001px){
 .human-steps .benefit:not(:last-child)::after{content:"→";position:absolute;top:199px;right:-25px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #e4eaf4;background:#fff;color:#9cafd3;font-size:13px;line-height:1;z-index:2;pointer-events:none}
}
@media(min-width:761px) and (max-width:1000px){
 .human-steps .benefit-art{padding:15px;min-height:294px}
 .human-steps .art-label{font-size:9px;letter-spacing:.3px}
 .human-steps .doc-chip{padding:8px;gap:7px;font-size:10px}
 .human-steps .doc-icon{width:23px;height:25px;flex-basis:23px}
 .human-steps .doc-chip i{font-size:8px;padding:3px}
 .human-steps .work-checks{font-size:9px;gap:4px}
 .human-steps .ready-card{padding:11px 9px;column-gap:7px}
 .human-steps .ready-card strong{font-size:11px}
 .human-steps .ready-actions{font-size:9px}
 .human-steps .ready-actions>span,.human-steps .ready-actions>b{padding:7px 5px}
}
@media(max-width:760px){
 .human-steps .benefit-art{padding:20px;min-height:286px;grid-template-rows:auto minmax(182px,1fr) auto;gap:12px}
 .human-steps .art-scene{width:100%;max-width:350px;justify-self:center}
 .human-steps .art-label{font-size:10px;letter-spacing:.65px}
 .human-steps .doc-chip{font-size:12px}
 .human-steps .doc-chip i{font-size:9px}
 .human-steps .work-engine{width:min(228px,100%)}
 .human-steps .work-checks{font-size:10px}
 .human-steps .ready-card strong{font-size:13px}
 .human-steps .ready-card>span:not(.ready-check){font-size:11px}
 .human-steps .ready-actions{font-size:10px}
 .human-steps .portrait{width:46px;height:46px}
 .human-steps .portrait-two{width:60px;height:60px}
}
@media(max-width:360px){
 .human-steps .benefit-art{padding:17px}
 .human-steps .doc-chip{font-size:11px;padding:8px 9px}
 .human-steps .ready-card{padding:12px}
 .human-steps .ready-card strong{font-size:12px}
}
/* Une vignette d’échange dans le démarrage du parcours. */
.human-focus .start-intro-line{display:flex;align-items:center;gap:18px;margin:22px 0 24px;min-width:0}
.human-focus .start-intro-line .start-intro{margin:0;min-width:0;max-width:none;flex:1}
.human-focus .start-conversation{
 display:block;width:94px;height:104px;flex:0 0 94px;margin:0;overflow:hidden;
 border:3px solid #fff;border-radius:20px;box-shadow:0 6px 22px -12px #263e6f50;
 background:#edf2f7;
}
.human-focus .start-conversation img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}

/* Le focus est entièrement intérieur : aucune rognure dans la zone de défilement. */
.human-focus #contact-form #contact-details :is(input:not([type=hidden]),select,textarea){
 box-sizing:border-box;min-width:0;max-width:100%;scroll-margin-block:10px;
}
.human-focus #contact-form #contact-details :is(input:not([type=hidden]),select,textarea):focus{
 outline:3px solid #245bea;outline-offset:-3px;border-color:#245bea;
 box-shadow:inset 0 0 0 1px #245bea;background-color:#fcfdff;
}
.human-focus #contact-form #contact-details .form-row>div{min-width:0}
@media(max-width:760px){
 .human-focus .start-intro-line{gap:16px;margin:18px 0 22px}
 .human-focus .start-conversation{width:80px;height:92px;flex-basis:80px;border-radius:17px}
}
@media(max-width:360px){
 .human-focus .start-intro-line{gap:13px}
 .human-focus .start-conversation{width:72px;height:86px;flex-basis:72px;border-radius:15px}
}
@media(forced-colors:active){
 .human-focus #contact-form #contact-details :is(input:not([type=hidden]),select,textarea):focus{outline-color:Highlight;box-shadow:none}
}