/* LuxBMI Cloud Systems Discovery — three pathway-specific atmospheres.
   One midnight-indigo/gold identity; ambient motifs, never click targets.
   BGApp1.png's original frame/border remain unchanged and are not re-rendered here. */
.journey-questions,
.journey-shell .journey-soul-screen{isolation:isolate;position:relative}
.journey-path-atmosphere{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  border-radius:inherit;
}
.journey-questions > :not(.journey-path-atmosphere),
.journey-shell .journey-soul-screen > :not(.journey-path-atmosphere){
 position:relative;z-index:1;
}
.journey-shell .journey-soul-screen > .journey-soul-cloud{z-index:0}
.journey-shell .journey-soul-screen > .journey-soul-inner{z-index:2}
.journey-path-atmosphere .path-visual{
 position:absolute;display:none;pointer-events:none;
}
.journey-shell[data-pathway=web] .path-visual-web,
.journey-shell[data-pathway=brand] .path-visual-brand,
.journey-shell[data-pathway=cloud] .path-visual-cloud{
 display:block;
}
.journey-pathway-signature{
 margin:0 0 13px;padding:5px 11px 5px 0;
 border-bottom:1px solid rgba(232,191,112,.25);
 color:#edcc85;font:800 .65rem/1.5 "Oxanium",sans-serif;
 letter-spacing:.1em;text-transform:uppercase;
}
.journey-pathway-signature[hidden]{display:none!important}
.journey-shell[data-pathway=cloud] .journey-pathway-signature{color:#a4e9fc}
.journey-shell[data-pathway=brand] .journey-pathway-signature{color:#f2dca9}
.journey-shell[data-pathway=web] .journey-pathway-signature{color:#f1d49a}
.journey-shell[data-pathway] .journey-question-title{
 text-shadow:0 3px 13px rgba(0,2,18,.88);
}
/* Theme A · The Golden Spark · digital panels forming from a point of light. */
.path-visual-web{
 width:min(420px,75%);height:460px;top:10%;right:-6%;
 opacity:.42;
}
.path-spark-point{
 position:absolute;left:50%;top:38%;width:9px;height:9px;
 border-radius:50%;background:#ffedaf;
 box-shadow:0 0 15px 5px rgba(245,201,123,.55),0 0 42px 11px rgba(224,168,90,.22);
 animation:lux-spark-breathe 5.4s ease-in-out infinite;
}
.path-spark-glow{
 position:absolute;left:50%;top:38%;width:130px;height:130px;
 border-radius:50%;background:radial-gradient(circle,#e7b46c35,transparent 72%);
 transform:translate(-50%,-50%);
 animation:lux-spark-halo 6.8s ease-in-out infinite;
}
.path-spark-line{
 position:absolute;left:50%;top:38%;width:1px;height:155px;
 background:linear-gradient(#ffe5a8cc,transparent);transform-origin:top;
 opacity:.60;
}
.path-line-a{transform:rotate(57deg)}
.path-line-b{transform:rotate(-67deg)}
.path-creation-panel{
 position:absolute;display:block;
 border:1px solid rgba(243,202,132,.72);border-radius:10px;
 background:linear-gradient(155deg,rgba(21,70,120,.48),rgba(6,21,58,.75));
 box-shadow:0 0 23px rgba(237,184,102,.2),inset 0 1px 0 rgba(246,216,161,.25);
 transform:rotate(-7deg);animation:lux-panel-float 8s ease-in-out infinite;
}
.path-creation-panel::before{
 content:"";position:absolute;left:0;right:0;top:0;height:13%;
 border-bottom:1px solid rgba(224,183,115,.5);
 background:linear-gradient(90deg,#c9ae7945,#183a6835);
}
.path-creation-panel i{
 position:absolute;display:block;height:2px;left:13%;right:16%;
 border-radius:3px;background:rgba(169,210,240,.38);
}
.path-creation-panel i:nth-child(1){top:32%;right:34%;background:rgba(246,211,145,.65)}
.path-creation-panel i:nth-child(2){top:51%}
.path-creation-panel i:nth-child(3){top:70%;right:44%}
.path-creation-1{left:5%;top:10%;width:40%;height:31%;animation-delay:-1s}
.path-creation-2{right:0;top:48%;width:46%;height:33%;transform:rotate(8deg);animation-delay:-3s}
.path-creation-3{left:8%;bottom:5%;width:36%;height:21%;transform:rotate(3deg);animation-delay:-5s}
.journey-shell.soul-mode .path-visual-web{
 width:min(620px,85vw);height:min(620px,88vh);top:4%;right:6%;opacity:.43
}
/* Theme B · The Golden Ripple · a thoughtful message reaching an audience. */
.path-visual-brand{
 width:min(530px,86%);height:525px;top:9%;right:-7%;
 opacity:.40;
}
.path-ripple-origin{
 position:absolute;left:49%;top:43%;width:12px;height:12px;
 background:#ffe2a7;border-radius:50%;
 transform:translate(-50%,-50%);
 box-shadow:0 0 20px 6px #e5b46f8c;
 animation:lux-brand-origin 5.8s ease-in-out infinite;
}
.path-ripple-ring{
 position:absolute;left:49%;top:43%;width:150px;height:150px;
 border:1.5px solid rgba(246,210,142,.75);border-radius:50%;
 transform:translate(-50%,-50%) scale(.35);
 box-shadow:0 0 15px rgba(247,203,118,.13),inset 0 0 15px rgba(247,203,118,.08);
 animation:lux-gold-ripple 7s ease-out infinite;
}
.path-ring-b{animation-delay:-2.3s}
.path-ring-c{animation-delay:-4.6s}
.path-campaign-panel{
 position:absolute;width:27%;height:20%;border-radius:10px;
 border:1px solid #e6c17e75;background:linear-gradient(150deg,#27507888,#0c224dce);
 transform:rotate(-6deg);box-shadow:0 0 18px #deb46a29;
 animation:lux-campaign-float 10s ease-in-out infinite;
}
.path-campaign-panel i{
 position:absolute;display:block;background:rgba(236,204,143,.6);height:3px;
 border-radius:2px;left:12%;right:27%;
}
.path-campaign-panel i:nth-child(1){top:42%}
.path-campaign-panel i:nth-child(2){top:63%;right:48%;background:#82d3ff70}
.path-campaign-1{left:3%;top:5%}
.path-campaign-2{right:1%;bottom:11%;transform:rotate(8deg);animation-delay:-4s}
.journey-shell.soul-mode .path-visual-brand{
  width:min(660px,95vw);height:min(660px,94vh);top:1%;right:6%;opacity:.46;
}
/* Theme C · The Intelligent Network · measured architecture lines, subtle data pulses. */
.path-visual-cloud{
 width:min(750px,105%);height:min(630px,100%);right:-18%;top:1%;
 opacity:.38;filter:drop-shadow(0 0 8px rgba(84,171,226,.24));
}
.path-network-traces{
 stroke:#d9b776;stroke-width:1.25;opacity:.58;
}
.path-network-traces path:nth-child(2n){stroke:#69c9f1;stroke-width:1}
.path-network-nodes{fill:#97def9;stroke:#f1cd89;stroke-width:1.2;opacity:.83}
.path-network-nodes circle:nth-child(3n){fill:#f7d596}
.path-network-packets{
 stroke:#fff1bc;stroke-width:2.1;
 stroke-dasharray:5 75;
 opacity:.85;
 animation:lux-network-travel 9.5s linear infinite;
}
.path-network-packets path:nth-child(2){stroke:#80deff;animation-delay:-1.4s}
.journey-shell.soul-mode .path-visual-cloud{
 width:min(1000px,115vw);height:100%;top:0;right:-8%;
 opacity:.48
}
/* Gentle entrance is distinct from the chapter's two-second Soul Note timer. */
.journey-shell.pathway-intro .journey-questions .path-visual-web{animation:lux-path-reveal 900ms ease-out both}
.journey-shell.pathway-intro .journey-questions .path-visual-brand{animation:lux-path-reveal 900ms ease-out both}
.journey-shell.pathway-intro .journey-questions .path-visual-cloud{animation:lux-path-reveal 900ms ease-out both}
@keyframes lux-path-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:.44;transform:translateY(0)}}
@keyframes lux-spark-breathe{
 0%,100%{opacity:.78;transform:scale(.88)}55%{opacity:1;transform:scale(1.13)}
}
@keyframes lux-spark-halo{
 0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(.85)}
 50%{opacity:.68;transform:translate(-50%,-50%) scale(1.12)}
}
@keyframes lux-panel-float{
 0%,100%{translate:0 0}50%{translate:0 -7px}
}
@keyframes lux-gold-ripple{
 0%{opacity:.75;transform:translate(-50%,-50%) scale(.24)}
 87%{opacity:.11}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}
}
@keyframes lux-brand-origin{
 0%,100%{opacity:.82;scale:.9}55%{opacity:1;scale:1.18}
}
@keyframes lux-campaign-float{
 0%,100%{translate:0 0}50%{translate:0 -6px}
}
@keyframes lux-network-travel{
 from{stroke-dashoffset:0}to{stroke-dashoffset:-320}
}
@media(max-width:760px){
 .path-visual-web{right:-15%;width:93%;height:420px;opacity:.25}
 .path-visual-brand{right:-25%;width:108%;height:410px;opacity:.27}
 .path-visual-cloud{right:-33%;width:145%;height:430px;opacity:.23}
 .journey-shell.soul-mode .path-visual-web,
 .journey-shell.soul-mode .path-visual-brand{right:-5%;opacity:.25}
 .journey-shell.soul-mode .path-visual-cloud{right:-18%;opacity:.33}
 .journey-pathway-signature{font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){
 .journey-path-atmosphere *,
 .journey-shell.pathway-intro .path-visual{
  animation:none!important;transition:none!important;translate:none!important;
 }
 .path-ripple-ring{opacity:.22;transform:translate(-50%,-50%) scale(1.15)}
 .path-spark-point{opacity:.95}
 .path-network-packets{opacity:.18}
}
@media(forced-colors:active){
 .journey-path-atmosphere{display:none!important}
 .journey-pathway-signature{color:CanvasText}
}


/* A pathway-specific promise of exploration (not a guarantee of outcomes).
   This line reinforces the intro animation while preserving the same
   gold-and-indigo hierarchy across all three divisions. */
.journey-pathway-transition-line{
 margin:0 0 15px;
 color:#d5e7f7;
 font:600 clamp(.73rem,1.05vw,.9rem)/1.55 "Oxanium",sans-serif;
 letter-spacing:.012em;
 text-shadow:0 2px 7px rgba(1,5,22,.76);
}
.journey-pathway-transition-line[hidden]{display:none!important}
.journey-shell[data-pathway=web] .journey-pathway-transition-line{color:#f4e0b8}
.journey-shell[data-pathway=brand] .journey-pathway-transition-line{color:#e9d0ab}
.journey-shell[data-pathway=cloud] .journey-pathway-transition-line{color:#b8e4f4}
@media(max-width:500px){.journey-pathway-transition-line{font-size:.75rem;line-height:1.5}}