/* Astra adoption sequence: completed work stays in colour; future work is dormant. */
#wall .beats button{--a-ink:#9B9B9B;--a-mid:#DEDEDE;--a-soft:#DEDEDE;--a-accent:#DEDEDE;--a-paper:#FEFEFE}
#wall .beats button:is(.active,.complete){--a-ink:#121212;--a-mid:#9B9B9B;--a-accent:#FFC800}
.astra-art .a-ink{fill:var(--a-ink)}.astra-art .a-mid{fill:var(--a-mid)}.astra-art .a-soft{fill:var(--a-soft)}.astra-art .a-accent{fill:var(--a-accent)}.astra-art .a-paper{fill:var(--a-paper)}
.astra-art .a-route{fill:none;stroke:var(--a-mid);stroke-width:9}.astra-art .a-line{fill:none;stroke:var(--a-ink);stroke-width:3}.astra-art .a-ring{fill:none;stroke:var(--a-ink);stroke-width:9}
#wall .astra-art{width:90%;max-width:306px;overflow:visible}
#wall .astra-art g{transition:none}
#wall .beats button strong,#wall .beats button.active strong{color:#121212;font-weight:400}
#wall .beats button.active strong{font-weight:500}
#wall .beats button small{color:#525252}
#wall .beats button::after{height:3px;left:30%;width:40%}
#wall .beats button:focus-visible{outline:2px solid #121212;outline-offset:5px}
#wall .workflow-track{position:relative;background:#DEDEDE;height:2px;margin:16px 5% 4px}
#wall .workflow-track i{position:absolute;left:calc(12.5% + var(--workflow-step,0)*25%);top:-4px;width:10px;height:10px;background:#121212;border-radius:50%;transform:translateX(-50%);transition:left .7s ease}
@media(max-width:760px){#wall .astra-art{width:90%;max-width:153px}#wall .beats{gap:12px 18px}#wall .beats small{font-size:13px}#wall .beats strong{font-size:16px}#wall .workflow-track{display:none}#wall .wall-art{padding:12px 16px}#wall .beats button{gap:0;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){#wall .astra-art *{animation:none!important;transition:none!important}#wall .workflow-track i{transition:none}}

/* Scoped user refinement: richer current-state palette; dormant steps disabled. */
#wall .beats button{--a-color:#DEDEDE;--a-color-light:#DEDEDE;--a-second:#9B9B9B;opacity:1}
#wall .beats button:is(.active,.complete){--a-color:#3782F0;--a-color-light:#94C3FF;--a-second:#00C3D6}
#wall .beats button[data-beat="1"]:is(.active,.complete){--a-color:#6C3CD2;--a-color-light:#C0ACEC;--a-second:#F05A8C}
#wall .beats button[data-beat="2"]:is(.active,.complete){--a-color:#00C3D6;--a-color-light:#98EFFF;--a-second:#3782F0}
#wall .beats button[data-beat="3"]:is(.active,.complete){--a-color:#6C3CD2;--a-color-light:#C0ACEC;--a-second:#37AF37}
.astra-art .a-color{fill:var(--a-color)}.astra-art .a-color-light{fill:var(--a-color-light)}.astra-art .a-second{fill:var(--a-second)}
#wall .beats button:disabled{cursor:default}#wall .beats button:disabled strong{color:#767676}

/* Astra: narrative process scenes and two distinct engagement choices. */
#ladder .process-picture .astra-process-art{width:90%;height:90%;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s}
#ladder .process-visual article.active .astra-process-art{filter:none;opacity:1}
#ladder .process-tabs::after{display:none}
#ladder .process-tabs button{color:#767676}
#ladder .process-tabs button[aria-current=true]{color:#121212;background:#FFE999;border-color:#FFC800}
#doors .astra-engagement{height:clamp(140px,16vw,260px);margin:0 0 16px;display:flex;align-items:center;justify-content:center}
#doors .astra-engagement::before{display:none}
#doors .astra-engagement img{display:block;width:90%;height:90%;object-fit:contain;transition:transform .35s ease}
@media(hover:hover){#doors .engagement a:hover .astra-engagement img{transform:translateY(-4px)}}
@media(max-width:760px){#doors .astra-engagement{height:125px;margin-bottom:10px}#ladder .process-picture .astra-process-art{width:90%;height:90%}}
@media(prefers-reduced-motion:reduce){#ladder .astra-process-art,#doors .astra-engagement img{transition:none!important;transform:none!important}}

/* Scroll-driven assembly: completed compositions remain assembled and coloured. */
#wall .workflow-track{height:3px;overflow:visible;margin-left:12.5%;margin-right:12.5%}
#wall .workflow-track::before{content:"";position:absolute;inset:0;background:#3782F0;transform:scaleX(var(--line-progress,0));transform-origin:left}
#wall .workflow-track i{left:calc(var(--line-progress,0)*100%);background:#3782F0;transition:none}
#wall .beats button.complete strong{color:#121212}
#wall .beats button.complete{cursor:pointer}
#wall .assembly-part{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}
#wall .original-person{filter:grayscale(1)}
#wall .beats button:is(.active,.complete) .original-person{filter:none}
#wall .gesture-left{transform-origin:24px 53px}#wall .gesture-right{transform-origin:54px 53px}
#wall .gesture-left,#wall .gesture-right{transform-box:view-box}
@media(max-width:760px){#wall .workflow-track{display:block;margin:12px 4% 4px}}
@media(prefers-reduced-motion:reduce){#wall .assembly-part{opacity:1!important;transform:none!important}}

/* Customer baseline versus Intelligaia's three interventions. */
#wall .workflow-ownership{width:100%;text-align:left;display:grid;grid-template-columns:1fr 3fr;margin:18px 0 8px;font-size:14px;color:#525252}
#wall .workflow-ownership>span{padding:8px 12px}
#wall .workflow-ownership>span+span{border-left:2px solid #3782F0;color:#233464}
#wall .workflow-ownership b{font-weight:400;color:#767676;margin-left:14px}
#wall .beats button[data-beat="0"]{border-right:1px solid #DEDEDE;border-radius:0}
body[data-chapter="1"] #wall .beats button:is(.active,:not(:disabled):hover,:not(:disabled):focus-visible) .pilot-core{transform-box:view-box;transform-origin:114px 96px;animation:pilot-running 8s linear infinite}
body[data-chapter="1"] #wall .beats button:is(.active.assembled,:not(:disabled):hover,:not(:disabled):focus-visible) .pilot-output{animation:pilot-signal 5.5s ease-in-out infinite}
body[data-chapter="1"] #wall .beats button:is(.active.assembled,:not(:disabled):hover,:not(:disabled):focus-visible) .seam-aperture{animation:seam-scan 7s ease-in-out infinite}
body[data-chapter="1"] #wall .beats button:is(.active.assembled,:not(:disabled):hover,:not(:disabled):focus-visible) .human-tile{animation:route-signal 6.5s ease-in-out infinite}
body[data-chapter="1"] #wall .beats button:is(.active.assembled,:not(:disabled):hover,:not(:disabled):focus-visible) .gesture-right{animation:none}
body[data-chapter="1"] #wall .beats button:is(.active.assembled,:not(:disabled):hover,:not(:disabled):focus-visible) .team-module circle{animation:control-pulse 6.5s ease-in-out infinite}
@keyframes pilot-running{to{transform:rotate(360deg)}}
@keyframes pilot-signal{0%,100%{transform:translateX(0);opacity:.45}50%{transform:translateX(9px);opacity:1}}
@keyframes seam-scan{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@keyframes route-signal{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@keyframes control-gesture{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg)}}
@keyframes control-pulse{0%,100%{opacity:1}50%{opacity:.65}}
body.motion-paused #wall .astra-art *{animation-play-state:paused!important}
@media(max-width:760px){#wall .workflow-ownership{display:none}#wall .beats button::before{content:attr(data-owner);font-size:11px;color:#525252;order:-1}#wall .beats button[data-beat="0"]{border-right:0}#wall .beats button:not([data-beat="0"]){border-top:1px solid #94C3FF;padding-top:6px}#wall .workflow-heading{font-size:13px}}
@media(prefers-reduced-motion:reduce){body #wall .astra-art *{animation:none!important}}

#wall [data-assembly]{transform-box:view-box;transform-origin:center;will-change:transform,opacity}
#wall .beats button.active .astra-art{filter:none}
#wall .beats button:disabled .astra-art{filter:grayscale(1)}
#wall .original-person{filter:none}
@keyframes route-signal{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.65;transform:translateX(3px)}}