/* XAE Landing v1.9 / UI-042–045: scoped corrections, no shared-site override. */

/* UI-042 — one technological grid canvas, not a white card inside another card. */
body[data-xae-landing] .flow-sec{isolation:isolate;position:relative}
body[data-xae-landing] .flow-sec::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(#5088db13 1px,transparent 1px),linear-gradient(90deg,#5088db13 1px,transparent 1px);
 background-size:42px 42px;
 mask-image:linear-gradient(to bottom,transparent 5%,#000 22%,#000 89%,transparent);
}
body[data-xae-landing] .flow-sec .flow-board{
 background:transparent!important;border:0!important;
 box-shadow:none!important;border-radius:0!important;
 padding:0!important;overflow:visible!important;
}
body[data-xae-landing] .xae-flow-scrolltrack{max-width:100%;min-width:0}
body[data-xae-landing] .flow-head{padding:6px 0 12px;gap:12px}
body[data-xae-landing] .flow-caption{margin:10px 0 0;padding:0 0 4px}
body[data-xae-landing] .steps.xae-workflow{
 margin:8px 0 0!important;
 width:100%;min-width:0;max-width:100%;
 height:1080px!important;
 overflow:visible!important;
 border:0;border-radius:0;
 background:transparent!important;
}
body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{height:1210px!important}
body[data-xae-landing] #steps .xae-graph{overflow:visible!important;max-width:100%}
body[data-xae-landing] #steps .xae-flow-links{overflow:visible!important}
body[data-xae-landing] #steps .xae-graph .xae-node{
 height:98px!important;min-height:98px!important;
 padding:9px 7px!important;
 border-radius:16px;
}
body[data-xae-landing] #steps .xae-graph .xae-node strong{line-height:1.18!important}
body[data-xae-landing] #steps .xae-graph .xae-node[data-final="true"]{min-height:94px!important}
body[data-xae-landing] .flow-board .flow-head strong{font-size:clamp(17px,3.3vw,23px)}
body[data-xae-landing] .flow-board .flow-head span{font-size:12px}
@media(max-width:690px){
 body[data-xae-landing] .steps.xae-workflow{height:1100px!important}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{height:1220px!important}
 body[data-xae-landing] #steps .xae-graph .xae-node{
  height:98px!important;min-height:98px!important;
  padding:7px 5px!important;
 }
 body[data-xae-landing] #steps .xae-graph .xae-node strong{font-size:clamp(10.7px,3vw,12px)!important}
 body[data-xae-landing] #steps .xae-graph .xae-node small{font-size:clamp(9.5px,2.7vw,11px)!important}
}
@media(max-width:350px){
 body[data-xae-landing] .steps.xae-workflow{height:1140px!important}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{height:1260px!important}
 body[data-xae-landing] #steps .xae-graph .xae-node{height:102px!important;min-height:102px!important}
}
/* UI-043 — localized, inline and accessible field validation; no Safari native bubble. */
body[data-xae-landing] .xae-field-error{
 display:block;color:#ffd2dd;
 font-size:12px!important;line-height:1.3;
 font-weight:650;margin:5px 0 0;
}
body[data-xae-landing] .xae-field-error[hidden]{display:none!important}
body[data-xae-landing] .field:has([aria-invalid="true"]) input,
body[data-xae-landing] .field:has([aria-invalid="true"]) select,
body[data-xae-landing] .consent:has([aria-invalid="true"]){
 outline:2px solid #f59cb3!important;outline-offset:2px;
}
body[data-xae-landing] .xae-consent-error{margin:-8px 0 9px 28px!important}
@media(prefers-reduced-motion:reduce){
 body[data-xae-landing] .xae-graph .xae-node{transition:none!important}
}