/* XAE v1.3 adjustments — scroll anchor, accessible flip cards and flow scrollytelling.
 * Scoped to public landing; does not alter other Experience Layers.
 */
html{scroll-padding-top:0}
body[data-xae-landing] section[id]{scroll-margin-top:0}
body[data-xae-landing] .xae-capability{
 display:block!important;min-height:215px!important;padding:0!important;overflow:visible!important;
 border:1px solid #79abff77;perspective:1100px;isolation:isolate
}
body[data-xae-landing] .xae-capability:focus-within{outline:2px solid #b3d0ff;outline-offset:3px}
body[data-xae-landing] .xae-flip-control{
 width:100%;height:215px;display:block;position:relative;border:0;border-radius:inherit;
 padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;perspective:950px;
 -webkit-tap-highlight-color:transparent;
}
body[data-xae-landing] .xae-flip-control:focus-visible{outline:3px solid #9bc2ff;outline-offset:5px}
body[data-xae-landing] .xae-flip-inner{
 position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;
 transition:transform .62s cubic-bezier(.2,.75,.15,1);border-radius:inherit;
}
body[data-xae-landing] .xae-flip-control[aria-expanded=true] .xae-flip-inner{transform:rotateY(180deg)}
body[data-xae-landing] .xae-flip-front,
body[data-xae-landing] .xae-flip-back{
 position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
 justify-content:center;gap:10px;border-radius:16px;padding:16px 12px;
 backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;
}
body[data-xae-landing] .xae-flip-front{
 background:linear-gradient(155deg,#112b52,#0b1a34);z-index:1
}
body[data-xae-landing] .xae-flip-back{
 background:linear-gradient(155deg,#244c88,#142c56);color:#eaf4ff;
 transform:rotateY(180deg);
}
body[data-xae-landing] .xae-capability .xae-flip-front .ico{
 position:static!important;z-index:1;display:grid;place-items:center;
 flex:0 0 64px;width:64px;height:64px;margin:0!important;align-self:center;
}
body[data-xae-landing] .xae-capability .xae-flip-front .xae-flip-title{
 margin:0!important;font-size:clamp(13px,1.5vw,17px);line-height:1.3;
 text-align:center;max-width:250px;
}
body[data-xae-landing] .xae-flip-hint,
body[data-xae-landing] .xae-flip-return{font-size:10px;color:#a9cff8;letter-spacing:.025em}
body[data-xae-landing] .xae-flip-back-title{font-size:13px;line-height:1.3;text-align:center}
body[data-xae-landing] .xae-flip-list{
 margin:0;padding:0;list-style:none;display:grid;gap:6px;width:100%;
}
body[data-xae-landing] .xae-flip-list > span{
 font-size:12px;line-height:1.2;text-align:center;
 padding:3px 5px;border-radius:6px;background:#ffffff14;
}
body[data-xae-landing] .xae-capability:has(.xae-flip-control[aria-expanded=true]){animation-play-state:paused}
[data-theme=light] body[data-xae-landing] .xae-flip-front{background:linear-gradient(155deg,#fff,#e6efff);color:#194075}
[data-theme=light] body[data-xae-landing] .xae-flip-hint{color:#36679e}
[data-theme=light] body[data-xae-landing] .xae-flip-back{background:linear-gradient(145deg,#235ac1,#174386)}
/* Graph stage is independent of background-parallax; routes attach to card edges. */
body[data-xae-landing] .xae-flow-scrolltrack{position:relative;min-height:0}
body[data-xae-landing] .xae-flow-scrolltrack .flow-board{position:relative;z-index:1}
body[data-xae-landing] .steps.xae-workflow,
body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{
 position:relative;display:block!important;height:545px!important;margin-top:25px!important;
 padding:0;overflow:hidden;border-radius:14px;
 background:linear-gradient(145deg,#f8fbff,#eaf3ff 95%);
}
body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{height:650px!important}
body[data-xae-landing] .xae-graph{
 position:absolute;inset:0;width:100%;height:100%;overflow:hidden;
 border-radius:inherit;isolation:isolate;background:radial-gradient(circle at 85% 12%,#d5e8ff,#ffffff00 45%);
}
body[data-xae-landing] .xae-flow-depth{
 position:absolute;z-index:0;inset:-16%;pointer-events:none;opacity:.56;
 background-image:linear-gradient(#3b83cf1b 1px,transparent 1px),linear-gradient(90deg,#3b83cf1b 1px,transparent 1px);
 background-size:30px 30px;transform:translate3d(0,var(--xae-flow-depth-shift,0px),0);
 mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);
 will-change:transform;
}
body[data-xae-landing] .xae-graph .xae-flow-links{
 position:absolute;inset:0;width:100%;height:100%;z-index:1;
 overflow:visible;pointer-events:none;
}
body[data-xae-landing] .xae-graph .xae-flow-links path.xae-edge-base{
 fill:none;stroke:#769cd0;stroke-width:2.4;stroke-dasharray:none!important;
 opacity:.57;animation:none!important;vector-effect:non-scaling-stroke;
}
body[data-xae-landing] .xae-graph .xae-flow-links path.xae-edge-draw{
 fill:none;stroke:#246bd7;stroke-width:4;stroke-linecap:round;
 animation:none!important;opacity:1;vector-effect:non-scaling-stroke;
 filter:drop-shadow(0 0 3px #3481f855);
}
body[data-xae-landing] .xae-graph .xae-flow-packet{
 fill:#1ac0b0;stroke:#ffffff;stroke-width:2;
 filter:drop-shadow(0 0 5px #24aebc);pointer-events:none;
 transition:opacity .14s;
}
body[data-xae-landing] .steps.xae-workflow .xae-node{
 z-index:2;border:2px solid #8ab0e8;background:linear-gradient(135deg,#fcfeff,#e3edff);
 width:min(34%,205px);min-height:76px;max-height:100px;
 opacity:.66;transition:opacity .28s,transform .35s,border-color .28s,box-shadow .28s;
}
body[data-xae-landing] .steps.xae-workflow .xae-node.is-live{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:#3276e3}
body[data-xae-landing] .steps.xae-workflow.xae-full-workflow .xae-node{width:min(30%,190px)}
body[data-xae-landing] .steps.xae-workflow.xae-full-workflow .xae-node[data-center=true]{width:min(34%,210px)}
body[data-xae-landing] .steps.xae-workflow .xae-node strong{font-size:12px;line-height:1.22}
body[data-xae-landing] .steps.xae-workflow .xae-node small{font-size:10px}
@media(min-width:960px) and (min-height:900px){
 body[data-xae-landing] .xae-flow-scrolltrack{min-height:calc(100svh + 300px)}
 body[data-xae-landing] .xae-flow-scrolltrack .flow-board{position:sticky;top:145px}
}
@media(max-width:690px){
 body[data-xae-landing] .xae-capability{min-height:198px!important}
 body[data-xae-landing] .xae-flip-control{height:198px}
 body[data-xae-landing] .xae-flip-front,body[data-xae-landing] .xae-flip-back{padding:10px 6px;gap:7px}
 body[data-xae-landing] .xae-capability .xae-flip-front .ico{flex-basis:57px;width:57px;height:57px}
 body[data-xae-landing] .xae-capability .xae-flip-front h3{font-size:12px;max-width:100%}
 body[data-xae-landing] .xae-flip-hint,body[data-xae-landing] .xae-flip-return{font-size:9px}
 body[data-xae-landing] .xae-flip-back-title{font-size:11px}
 body[data-xae-landing] .xae-flip-list{gap:5px}
 body[data-xae-landing] .xae-flip-list > span{font-size:10px;line-height:1.2;padding:2px 2px}
 body[data-xae-landing] .steps.xae-workflow{height:555px!important;margin-top:17px!important}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow{height:725px!important}
 body[data-xae-landing] .steps.xae-workflow .xae-node{width:58%;min-height:77px;max-height:92px}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow .xae-node{width:43%;min-height:78px}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow .xae-node[data-center=true]{width:53%}
 body[data-xae-landing] .steps.xae-workflow .xae-node strong{font-size:11px}
 body[data-xae-landing] .steps.xae-workflow .xae-node small{font-size:9px}
 body[data-xae-landing] .flow-board{padding:15px}
}
@media(max-width:370px){
 body[data-xae-landing] .xae-capability{min-height:195px!important}
 body[data-xae-landing] .xae-flip-control{height:195px}
 body[data-xae-landing] .xae-flip-list > span{font-size:9px}
 body[data-xae-landing] .steps.xae-workflow.xae-full-workflow .xae-node{width:44%;padding:6px 3px}
}
@media(prefers-reduced-motion:reduce){
 body[data-xae-landing] .xae-flip-inner{transition:none!important}
 body[data-xae-landing] .xae-flow-depth{transform:none!important;will-change:auto}
 body[data-xae-landing] .steps.xae-workflow .xae-node{opacity:1!important;transform:translate(-50%,-50%)!important;transition:none!important}
 body[data-xae-landing] .xae-flow-packet{display:none!important}
}