/* Enhance the existing live design; never replace its content or functional demo. */
.wb-cine{perspective:1400px}
.wb-cine__film>img{transform:translate3d(0,var(--cine-hero-y,0px),0) scale(1.04);transform-origin:center 60%;will-change:transform}
.wb-cine__original-film{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}
.wb-cine.is-brand-playing .wb-cine__original-film{opacity:1}
.wb-cosmos{display:block;width:100%;height:100%;pointer-events:none}
.wb-cosmos--hero{position:absolute;inset:0;z-index:-1;opacity:.56;mix-blend-mode:screen}
.wb-cine__media-controls{position:absolute;top:100px;right:clamp(20px,4vw,72px);display:flex;gap:8px;z-index:3}
.wb-cine__media-controls button,.wb-galaxy__caption button{font:500 12px/1.4 var(--wb-font-body);background:rgba(5,18,35,.88);border:1px solid #607b98;color:#fff;padding:10px 13px;border-radius:999px;cursor:pointer;min-height:38px;backdrop-filter:blur(14px)}
.wb-cine__media-controls button:hover,.wb-galaxy__caption button:hover{background:#153b67;border-color:#75baff}
.wb-cine__media-controls button:focus-visible,.wb-galaxy__caption button:focus-visible{outline:3px solid #55caff;outline-offset:4px}
.wb-galaxy{position:relative;isolation:isolate;overflow:hidden;height:560px;margin:38px 0 34px;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#102d64 0,#090f27 47%,#030817 100%);border:1px solid #23385e;perspective:1100px;box-shadow:0 30px 80px #05142c25}
.wb-cosmos--galaxy{position:absolute;inset:0;z-index:0}
.wb-galaxy__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03081780,transparent 35%,transparent 70%,#030817dd);z-index:1}
.wb-galaxy__world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--cine-rx,0deg)) rotateY(var(--cine-ry,0deg));transition:transform .35s ease-out;pointer-events:none}
.wb-galaxy__core{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#c5f0ff,#568eff 30%,#123b97 63%,#070f39);border:1px solid #8acaff;border-radius:24px;font:600 45px/1 var(--wb-font-display);color:white;box-shadow:0 0 30px #348aff99,0 0 90px #244dff55,inset 0 0 15px #cceeff55;transform:translateZ(80px) rotate(-10deg);z-index:2}
.wb-galaxy__orbit{position:absolute;left:50%;top:50%;border:1px solid #4d8dce70;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 12px #234ebb20}
.wb-galaxy__orbit--one{width:360px;height:360px;margin:-180px;transform:rotateX(64deg) rotateZ(-24deg)}
.wb-galaxy__orbit--two{width:440px;height:440px;margin:-220px;transform:rotateX(67deg) rotateY(32deg) rotateZ(35deg);border-color:#8c7aff55}
.wb-galaxy__orbit--three{width:250px;height:250px;margin:-125px;transform:rotateY(67deg) rotateZ(18deg);border-color:#58ccff70}
.wb-galaxy__orbit:after{content:'';position:absolute;top:48%;left:-4px;width:8px;height:8px;background:#bef8ff;border-radius:50%;box-shadow:0 0 20px #5af3ff,0 0 40px #4286ff}
.wb-galaxy__title{position:absolute;top:32px;left:36px;right:36px;z-index:3;pointer-events:none}
.wb-galaxy__eyebrow{font:500 10px/1.5 var(--wb-font-mono);letter-spacing:.15em;color:#a3c5f0;margin:0 0 10px}
.wb-galaxy__title>p:last-child{font:500 clamp(24px,3vw,38px)/1.1 var(--wb-font-display);letter-spacing:-.01em;color:white;margin:0;max-width:520px}
.wb-galaxy__card{position:absolute;z-index:3;border:1px solid #4c6e9c;background:linear-gradient(120deg,#132542f5,#071329ed);box-shadow:0 15px 38px #0005,inset 0 1px 0 #accaff22;border-radius:12px;padding:18px 20px;color:#f3f8ff;max-width:220px;font:500 16px/1.3 var(--wb-font-body);transform-style:preserve-3d;backdrop-filter:blur(20px);transition:transform .5s ease-out;will-change:transform}
.wb-galaxy__number{display:block;font:500 10px/1.5 var(--wb-font-mono);letter-spacing:.08em;color:#b8d7ff;margin-bottom:10px}
.wb-galaxy__card--flow{left:8%;top:36%;transform:translate3d(calc(var(--cine-px,0px)*-.8),calc(var(--cine-py,0px)*-.5),30px) rotateY(12deg) rotateZ(-4deg)}
.wb-galaxy__card--knowledge{right:7%;top:28%;transform:translate3d(var(--cine-px,0px),var(--cine-py,0px),50px) rotateY(-12deg) rotateZ(4deg)}
.wb-galaxy__card--human{right:17%;bottom:13%;transform:translate3d(calc(var(--cine-px,0px)*.7),calc(var(--cine-py,0px)*.6),80px) rotateX(5deg) rotateZ(-2deg);padding-right:65px}
.wb-galaxy__signal{display:flex;height:28px;align-items:center;gap:5px;margin-top:13px}
.wb-galaxy__signal i{display:block;width:3px;height:8px;background:#7be4ff;border-radius:4px;box-shadow:0 0 10px #50bbff99;animation:wb-cine-signal 2s ease-in-out infinite alternate;animation-play-state:paused}
.wb-galaxy__signal i:nth-child(3n){height:25px;animation-delay:-.8s}.wb-galaxy__signal i:nth-child(3n + 1){height:14px;animation-delay:-1.3s}
.wb-galaxy__lines{display:grid;gap:7px;margin-top:15px}.wb-galaxy__lines i{height:3px;width:130px;border-radius:3px;background:linear-gradient(90deg,#72b9ff,#6675ca55)}.wb-galaxy__lines i:nth-child(2){width:95px}.wb-galaxy__lines i:nth-child(3){width:115px}
.wb-galaxy__checkpoint{position:absolute;right:17px;top:25px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #65cbae;background:#103b38;color:#b2ffe6}
.wb-galaxy__caption{position:absolute;left:30px;right:30px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;z-index:5;color:#bad0ee;font:400 11px/1.4 var(--wb-font-body)}
.wb-galaxy.is-cinema-visible .wb-galaxy__signal i{animation-play-state:running}
@keyframes wb-cine-signal{to{transform:scaleY(.4)}}
/* Give the retained Studio panels depth without changing their bounding box. */
.wb-studio-section .wb-studio-shell{box-shadow:0 25px 75px #0b255019;border-color:#b9cce0}
.wb-studio-scene{perspective:1100px;overflow:hidden;background:radial-gradient(ellipse at 25% 15%,#e0edff,transparent 65%),#f3f7fc}
.wb-studio-scene .wb-studio-diagram{transform:rotateX(var(--cine-rx,0deg)) rotateY(var(--cine-ry,0deg));transition:transform .4s ease-out;box-shadow:0 25px 45px #183d691c}
/* The existing six-step route becomes a lit sequence, with all copy retained. */
.wb-route__stop{transition:background .5s,border-color .5s,box-shadow .5s;position:relative}
.wb-route__stop.is-cinema-active{background:linear-gradient(135deg,#15356190,#07183000);border-color:#65aaff;box-shadow:inset 0 2px 0 #63b8ff}
.wb-route__stop.is-cinema-active .wb-route__node{box-shadow:0 0 0 6px #258dff15,0 0 28px #2b91ff80}
[data-cinema-film]{transform:perspective(1600px) rotateX(var(--cine-film-angle,0deg)) scale(var(--cine-film-scale,1));transform-origin:center 80%;border:1px solid #3e5d8533;border-radius:22px;box-shadow:0 28px 70px #091b3526;transition:box-shadow .4s;will-change:transform}
.wb-sector-photo-card{transition:transform .35s,box-shadow .35s}.wb-sector-photo-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0a20401a}
html.wb-cinema-paused .wb-galaxy *,html.wb-cinema-paused [data-wb-scene] *,html.wb-cinema-paused [data-wb-in]{animation-play-state:paused!important;transition:none!important}
html.wb-cinema-paused .wb-cine__film>img{transform:none}
@media(max-width:900px){.wb-galaxy{height:540px}.wb-galaxy__card--flow{left:5%;top:39%}.wb-galaxy__card--knowledge{right:4%;top:25%}.wb-galaxy__card--human{right:10%;bottom:13%}.wb-galaxy__card{max-width:190px;font-size:14px;padding:15px}.wb-galaxy__core{width:64px;height:64px;margin:-32px;font-size:38px}}
@media(max-width:600px){.wb-cine__media-controls{top:88px;left:20px;right:20px;justify-content:flex-end}.wb-cine__media-controls button{font-size:10px;padding:8px 10px;min-height:34px}.wb-galaxy{height:530px;border-radius:16px;margin:25px 0}.wb-galaxy__title{top:25px;left:22px;right:22px}.wb-galaxy__title>p:last-child{font-size:27px;max-width:270px}.wb-galaxy__eyebrow{font-size:9px}.wb-galaxy__card{max-width:145px;font-size:12px;padding:13px;transform:none}.wb-galaxy__number{font-size:8px;margin-bottom:7px}.wb-galaxy__card--flow{left:14px;top:34%}.wb-galaxy__card--knowledge{right:14px;top:53%}.wb-galaxy__card--human{left:22px;right:auto;bottom:15%;max-width:175px;padding-right:50px}.wb-galaxy__core{left:70%;top:37%;width:48px;height:48px;margin:-24px;border-radius:15px;font-size:28px}.wb-galaxy__world{transform:scale(.8);transform-origin:70% 42%}.wb-galaxy__orbit--one{width:280px;height:280px;margin:-140px}.wb-galaxy__orbit--two{width:350px;height:350px;margin:-175px}.wb-galaxy__orbit--three{width:210px;height:210px;margin:-105px}.wb-galaxy__lines i{width:100px}.wb-galaxy__lines i:nth-child(2){width:70px}.wb-galaxy__lines i:nth-child(3){width:85px}.wb-galaxy__caption{left:20px;right:20px;bottom:16px;align-items:end;font-size:10px;gap:10px}.wb-galaxy__caption>span{max-width:150px}.wb-galaxy__caption button{font-size:10px;padding:8px 10px;min-width:120px}.wb-galaxy__signal{height:20px}.wb-galaxy__checkpoint{right:12px;top:20px;width:25px;height:25px}[data-cinema-film]{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.wb-galaxy *,.wb-cine__original-film,.wb-studio-scene .wb-studio-diagram,[data-cinema-film]{animation:none!important;transition:none!important}.wb-cine__film>img{transform:none!important}}
.wb-demo-wave{position:relative;isolation:isolate;overflow:hidden}
.wb-cosmos--voice{position:absolute;inset:0;z-index:0;opacity:.9}
.wb-demo-wave>svg{position:relative;z-index:1}
html.wb-cinema-paused *,html.wb-cinema-paused *::before,html.wb-cinema-paused *::after{animation-play-state:paused!important}