/* Desktop-only CSS depth. No WebGL, canvas, downloads, or mobile overrides. */
@media (min-width:1100px){
 .program-body .hero{gap:64px;padding-bottom:88px}
 .program-body .build-visual{perspective:1300px;isolation:isolate}
 .program-body .build-window{transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-14deg) rotateZ(2deg);box-shadow:10px 14px 0 #242752,20px 28px 0 #d4e5df,28px 48px 55px #13153f26;border:1px solid #c4d8d0;transition:transform .5s ease,box-shadow .5s ease;overflow:visible}
 .program-body .window-bar{border-radius:20px 20px 0 0;transform:translateZ(1px)}
 .program-body .build-content{transform-style:preserve-3d}
 .program-body .idea-title{transform:translateZ(36px);text-shadow:0 3px 0 #13153f09}
 .program-body .journey-path{transform-style:preserve-3d}
 .program-body .journey-path>div{transform:translateZ(28px);box-shadow:0 7px 0 #d6e0db,0 13px 18px #13153f12}
 .program-body .journey-path>div:nth-child(2){transform:translateZ(44px)}
 .program-body .journey-path>div:nth-child(3){transform:translateZ(60px)}
 .program-body .idea-card{transform:translateZ(32px);box-shadow:0 6px 0 #b9d8cc,0 12px 20px #13153f10}
 .program-body .window-bottom{border-radius:0 0 20px 20px}
 .program-body .floating-note{z-index:2;transform:perspective(800px) rotateY(-9deg) translateY(8px);box-shadow:0 7px 0 #e8e4dc,0 18px 32px #13153f22}
 .program-body .orbit{transform:rotateX(62deg) rotateZ(-18deg);border-width:2px;opacity:.65}
 .program-body .orbit-two{transform:rotateX(62deg) rotateZ(24deg)}
 .program-body .hero-action-panel{box-shadow:0 5px 0 #eee2d0,0 16px 32px #13153f0a}
 .program-body .learning-item,.program-body .mentor-profile,.program-body .work-list>a{box-shadow:0 5px 0 #e5ebe7,0 14px 28px #13153f08}
 .program-body .nexus-section{perspective:1400px}
 .program-body .nexus-preview{transform:rotateY(-7deg) rotateX(4deg);box-shadow:7px 8px 0 #d0e1d9,14px 20px 30px #13153f15;transition:transform .4s ease;transform-origin:center}
 .program-body .price-card{box-shadow:0 8px 0 #ead9bd,0 24px 40px #13153f12}
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .program-body .build-visual:hover .build-window{transform:rotateX(3deg) rotateY(-7deg) rotateZ(0deg)}
 .program-body .nexus-preview:hover{transform:rotateY(0deg) rotateX(0deg)}
 .program-body .work-list>a{transition:transform .2s ease,box-shadow .2s ease}
 .program-body .work-list>a:hover{transform:translateY(-5px);box-shadow:0 8px 0 #d5e5dd,0 20px 32px #13153f10}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){
 .program-body .build-window,.program-body .nexus-preview,.program-body .floating-note{transform:none;transition:none}
 .program-body .idea-title,.program-body .journey-path>div,.program-body .idea-card{transform:none}
}
/* A single, short sequence highlights the workflow without moving its text. */
.motion-replay{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#2a2d7c;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.motion-replay:hover{background:#e8f2ed}.motion-replay:focus-visible{outline:3px solid #00897b;outline-offset:2px}
.nexus-pipeline+.motion-replay{margin:0 10px 8px}
@media(prefers-reduced-motion:no-preference){
 .journey-path.motion-running>div{animation:journey-signal 1.3s ease both}
 .journey-path.motion-running>div:nth-child(2){animation-delay:1.3s}
 .journey-path.motion-running>div:nth-child(3){animation-delay:2.6s}
 .nexus-pipeline.motion-running li>span{animation:nexus-signal 1s ease both}
 .nexus-pipeline.motion-running li:nth-child(2)>span{animation-delay:1s}
 .nexus-pipeline.motion-running li:nth-child(3)>span{animation-delay:2s}
 .nexus-pipeline.motion-running li:nth-child(4)>span{animation-delay:3s}
 @keyframes journey-signal{0%,100%{outline:2px solid transparent;outline-offset:0}30%,65%{outline:2px solid #00897b;outline-offset:4px}}
 @keyframes nexus-signal{0%,100%{background:#eef7f3;color:#006f64;box-shadow:0 0 0 0 #00897b00}30%,65%{background:#006f64;color:#fff;box-shadow:0 0 0 5px #00897b18}}
}
@media(min-width:1100px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .program-body .build-window.pointer-tilt{transform:rotateX(calc(5deg + var(--pointer-y,0deg))) rotateY(calc(-10deg + var(--pointer-x,0deg))) rotateZ(1deg);transition:transform .12s ease-out}
 .program-body .nexus-preview.pointer-tilt,.program-body .work-list>a.pointer-tilt{transform:perspective(1200px) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .12s ease-out}
}
@media(prefers-reduced-motion:reduce){.motion-replay{display:none}.journey-path>div,.nexus-pipeline li>span{animation:none!important}}