.scenario-theater{position:relative;min-height:680px;margin-top:3.2rem;border:1px solid rgba(125,204,240,.2);border-radius:30px;overflow:hidden;background:#031225;box-shadow:0 36px 90px rgba(0,0,0,.42);isolation:isolate}.scenario-visual,.scenario-image,.scenario-vignette,.scenario-gridlines,.scenario-scan{position:absolute;inset:0}.scenario-image{opacity:0;background-position:center;background-size:cover;transform:scale(1.03);transition:opacity .85s ease,transform 7s ease}.scenario-image.scene-manufacturing{background-image:url('assets/scenes/manufacturing-action.png')}.scenario-image.scene-home-health{background-image:url('assets/scenes/home-health-action.png')}.scenario-image.scene-field{background-image:url('assets/scenes/construction-logistics-action.png')}.scenario-theater[data-scene=manufacturing] .scene-manufacturing,.scenario-theater[data-scene=home-health] .scene-home-health,.scenario-theater[data-scene=field] .scene-field{opacity:1;transform:scale(1.1)}.scenario-vignette{background:linear-gradient(90deg,rgba(2,13,29,.97) 0%,rgba(2,16,34,.78) 32%,rgba(2,16,34,.1) 70%),linear-gradient(0deg,rgba(2,14,29,.95),transparent 46%)}.scenario-gridlines{opacity:.14;background-image:linear-gradient(rgba(87,206,243,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(87,206,243,.25) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.scenario-scan{width:28%;background:linear-gradient(90deg,transparent,rgba(79,213,247,.08),transparent);animation:sceneScan 7s linear infinite}.scenario-overlay{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 255px;grid-template-rows:auto 1fr;min-height:600px;padding:1.3rem 1.5rem 7.5rem}.scenario-status{grid-column:1/-1;display:flex;align-items:center;gap:.55rem;width:max-content;padding:.52rem .7rem;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(2,18,38,.62);backdrop-filter:blur(10px);font-size:.64rem;letter-spacing:.12em;color:#d8effb}.scenario-status span{width:7px;height:7px;border-radius:50%;background:#4ce8aa;box-shadow:0 0 0 6px rgba(76,232,170,.12);animation:signal 1.7s ease infinite}.scenario-status time{padding-left:.6rem;border-left:1px solid rgba(255,255,255,.18);font-variant-numeric:tabular-nums;color:#67d3f2}.scenario-content{align-self:end;max-width:660px;padding:2rem}.scenario-content h3{max-width:620px;margin:.6rem 0 1rem;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.92;letter-spacing:-.055em;color:#fff}.scenario-content>p{max-width:600px;font-size:1.05rem;line-height:1.65;color:#c8dced}.scenario-route{display:flex;align-items:center;gap:.45rem;margin:1.5rem 0;overflow:auto}.scenario-route span{display:flex;align-items:center;gap:.45rem;white-space:nowrap;color:#e7f5fc;font-size:.7rem}.scenario-route span:before{content:"";width:7px;height:7px;border-radius:50%;background:#49d6f4;box-shadow:0 0 0 5px rgba(73,214,244,.13)}.scenario-route i{height:1px;min-width:26px;background:linear-gradient(90deg,#49d6f4,rgba(73,214,244,.12))}.scenario-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.scene-play{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(4,23,46,.5);color:#fff;cursor:pointer}.scene-play span{color:#5ed9f4}.scenario-metrics{align-self:center;display:grid;gap:.7rem}.scenario-metric{padding:1rem;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(4,24,47,.58);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.18);animation:metricFloat 5s ease-in-out infinite}.scenario-metric:nth-child(2){animation-delay:-1.8s}.scenario-metric:nth-child(3){animation-delay:-3.4s}.scenario-metric small,.scenario-metric b{display:block}.scenario-metric small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#83cbe6}.scenario-metric b{margin-top:.25rem;font-size:1.05rem;color:#fff}.scene-hotspot{position:absolute;z-index:1;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#20cbe7;box-shadow:0 0 0 9px rgba(32,203,231,.15),0 0 28px #20cbe7;animation:hotspot 2.4s ease-out infinite}.hotspot-one{left:64%;top:36%}.hotspot-two{left:82%;top:54%;animation-delay:.7s}.hotspot-three{left:55%;top:68%;animation-delay:1.2s}.scenario-selector{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:1.3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.scenario-selector button{display:grid;grid-template-columns:auto 1fr;gap:0 .7rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(2,18,37,.7);backdrop-filter:blur(16px);color:#fff;text-align:left;cursor:pointer;transition:.25s}.scenario-selector button:hover,.scenario-selector button[aria-selected=true]{border-color:#53d5f5;background:rgba(8,82,128,.78);transform:translateY(-3px)}.scenario-selector span{grid-row:1/3;color:#54d8f6;font-size:.68rem}.scenario-selector b,.scenario-selector small{display:block}.scenario-selector small{color:#a9c4d7}.scenario-theater.motion-paused *{animation-play-state:paused!important}.scenario-theater.motion-paused .scenario-image{transition:none}.industry-card[data-industry]{cursor:pointer}.industry-card[data-industry]:hover{transform:translateY(-8px)}
@keyframes sceneScan{from{transform:translateX(-110%)}to{transform:translateX(460%)}}@keyframes hotspot{70%,100%{box-shadow:0 0 0 20px rgba(32,203,231,0),0 0 28px #20cbe7}}@keyframes metricFloat{50%{transform:translateY(-6px)}}
@media(max-width:900px){.scenario-theater{min-height:760px}.scenario-overlay{grid-template-columns:1fr;padding-bottom:10rem}.scenario-metrics{grid-template-columns:repeat(3,1fr);align-self:end;padding:0 2rem}.scenario-content{padding-bottom:1rem}.scenario-content h3{font-size:clamp(2.7rem,8vw,4.5rem)}.scenario-selector{grid-template-columns:1fr 1fr 1fr}.scenario-selector button{display:block}.scenario-selector span{display:block;margin-bottom:.2rem}}
@media(max-width:620px){.scenario-theater{min-height:780px;margin-left:-.65rem;margin-right:-.65rem;border-radius:22px}.scenario-overlay{display:block;padding:1rem 1rem 11.5rem}.scenario-content{position:absolute;left:0;right:0;bottom:210px;padding:1.2rem}.scenario-content h3{font-size:2.45rem}.scenario-content>p{font-size:.9rem}.scenario-route{margin:.9rem 0}.scenario-metrics{position:absolute;top:4.4rem;right:1rem;display:grid;grid-template-columns:1fr;width:150px;padding:0}.scenario-metric{padding:.65rem}.scenario-metric small{font-size:.52rem}.scenario-metric b{font-size:.78rem}.scenario-selector{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:1fr}.scenario-selector button{padding:.58rem .75rem}.scenario-selector small{display:none}.scenario-vignette{background:linear-gradient(0deg,rgba(2,14,29,.98) 20%,rgba(2,16,34,.3) 85%),linear-gradient(90deg,rgba(2,13,29,.7),transparent 80%)}.scene-hotspot{display:none}}
@media(prefers-reduced-motion:reduce){.scenario-theater *{animation:none!important}.scenario-image{transition:opacity .2s}}