.visual-wrap {position:relative;align-self:center;min-width:0;--scene-x:0;--scene-y:0;--drift:0;--lift:0;--light:.3}
.scene {position:relative;height:520px;isolation:isolate;perspective:1000px}
.scene-aura {position:absolute;inset:10% -8%;border-radius:50%;background:radial-gradient(ellipse,#1b88f729,transparent 65%);opacity:var(--light);transform:scale(calc(1 + var(--drift)*.02));z-index:0}
.scene-art {position:absolute;inset:0 -8% 0 -10%;z-index:1;transform:translate(calc(var(--scene-x)*-17px),calc(var(--scene-y)*-12px + var(--lift)*7px)) rotateY(calc(var(--scene-x)*-5deg)) rotateX(calc(var(--scene-y)*3deg));transform-style:preserve-3d}
.scene-illustration {width:100%;height:100%;object-fit:cover;object-position:50% 50%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 68% 63% at 50% 49%,#000 45%,#000d 62%,transparent 87%)}
#connections {position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}
.orbit-card {position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:17px 18px;border:1px solid #bdd9f3;border-radius:12px;background:#fffffff0;box-shadow:0 14px 38px #2c6aab1a;pointer-events:none;backdrop-filter:blur(8px)}
.orbit-card-human {left:-3%;top:9%;transform:translate(calc(var(--scene-x)*-22px),calc(var(--lift)*-9px)) rotate(-4deg)}
.orbit-card-ai {right:-1%;top:29%;transform:translate(calc(var(--scene-x)*26px),calc(var(--scene-y)*19px + var(--lift)*8px)) rotate(5deg)}
.orbit-card-crm {right:9%;bottom:7%;transform:translate(calc(var(--scene-x)*-14px),calc(var(--lift)*-12px)) rotate(-4deg)}
.orbit-icon {width:30px;height:30px;border-radius:8px;background:#e2f1ff;display:grid;place-items:center;font-size:23px;color:#2479d9;flex:none}
.orbit-card small {display:block;font-size:8px;color:#52708d;letter-spacing:1px;margin-bottom:6px}
.orbit-card strong {font-size:12px;font-weight:550;color:#214569;white-space:nowrap}
.scene-activate {position:absolute;z-index:5;left:0;bottom:4%;border:0;border-bottom:1px solid #a4c3e6;background:#f7faffdd;color:#245f9e;padding:12px 2px;font-size:10px;cursor:pointer;min-height:44px;display:flex;gap:14px;align-items:center}
.scene-activate:hover {color:#0a53b6}.scene-activate[aria-disabled=true] {opacity:.5;cursor:default}
.scene-controls {display:flex;align-items:center;justify-content:center;gap:15px;margin-top:8px;min-height:40px;color:#527394}
.scene-caption {font-size:10px;letter-spacing:.1px}
#motion-toggle {display:grid;place-items:center;border:1px solid #acc6e1;border-radius:50%;background:#fff;color:#2168b8;width:36px;height:36px;cursor:pointer;font-size:13px}
#motion-toggle:hover {border-color:#246bd2;background:#e7f2ff}
@media(min-width:1600px) {.scene {height:640px}.orbit-card {padding:20px 23px}.orbit-card strong {font-size:14px}}
@media(max-width:1100px) {.scene {height:470px}.orbit-card {padding:13px 12px;gap:8px}.orbit-card strong {font-size:11px}.orbit-card small {font-size:7px}.scene-caption {font-size:9px}.orbit-card-human {left:0}.orbit-card-ai {right:-2%}}
@media(max-width:760px) {.scene {height:clamp(330px,86vw,470px)}.visual-wrap {max-width:540px;width:100%;justify-self:center}.scene-art {inset:1% -9%}.orbit-card-human {top:3%;left:0}.orbit-card-ai {top:36%;right:-1%}.orbit-card-crm {bottom:9%;right:1%}.orbit-card {padding:11px 12px;gap:8px}.orbit-card strong {font-size:10px}.orbit-card small {font-size:6.5px;letter-spacing:.7px}.orbit-icon {width:24px;height:24px;font-size:18px}.scene-activate {font-size:9px;bottom:3%;left:1%}.scene-controls {margin-top:2px;gap:10px}.scene-caption {font-size:9px}}
@media(max-width:360px) {.orbit-card strong {font-size:9px}.orbit-card {padding:10px;gap:7px}.scene-caption {font-size:8px}.orbit-card-ai {right:-1%}.scene-art {inset:1% -10%}}