/* Independent Socialllab motion studies. No third-party 3D library or reference assets. */
.compare-swap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:105;display:flex;align-items:center;gap:17px;max-width:calc(100% - 28px);padding:8px 9px 8px 13px;border:1px solid #b8a9ff66;background:#0b0d18ed;color:#b1b2cd;box-shadow:0 12px 55px #0008;backdrop-filter:blur(18px);border-radius:40px;font:700 9px var(--body);letter-spacing:1.1px;white-space:nowrap}
.compare-swap a{display:inline-block;font:800 9px var(--body);padding:11px 13px;border-radius:25px;transition:background .3s}
.compare-swap .compare-home:hover{color:#fff;background:#ffffff22}.compare-swap .compare-other{background:#b7acff;color:#151325}.compare-swap .compare-other:hover{background:#e5ddff}
.orb-variant .hero-stage .orb{background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
.orb-variant .hero-stage .orb:before,.orb-variant .hero-stage .orb:after{display:none!important}
.orb-variant .hero-stage .orb .liquid-canvas{position:absolute;inset:-25%;width:150%;height:150%;max-width:none;display:block}
.orb-variant .hero-stage .outer-halo{border-color:#b0a4ff12}
.orb-variant .hero-stage .orbit{border-color:#aaa0ff30;box-shadow:0 0 20px #6252ff10}
.orb-variant .hero-stage .orbit-two{border-color:#9df8e921}
.orb-variant .hero-stage .orbit-three{border-color:#ffd4f015}
.orb-variant .odyssey-core{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.orb-variant .odyssey-core-glass,.orb-variant .odyssey-core-flare,.orb-variant .odyssey-core-map{display:none}
.orb-variant .odyssey-core .liquid-canvas{position:absolute;inset:-34%;width:168%;height:168%;max-width:none;display:block}
.orb-variant .odyssey-ring{opacity:.38;border-color:#c9d2ff45}
.orb-variant .odyssey-axis{opacity:.36}
.orb-variant .odyssey-world{filter:none!important}
.orb-variant .hero-stage{filter:drop-shadow(0 0 35px #a18bff1d)}
.orb-variant-a .hero-stage .floating-tag{background:#10111ccc}
.orb-variant-a .hero-stage .tag-top{top:99px;right:-2px}
.orb-variant-a .hero-stage .tag-bottom{bottom:107px;left:0}
.orb-variant-a .hero h1 .future-text{color:#f6f3ff}
.orb-variant-a .odyssey-sticky{background:radial-gradient(ellipse at 58% 50%,#171325 0,#090912 53%,#05050b 100%)}
body.motion-off .liquid-canvas{filter:saturate(.8)}
/* Option B takes a distinct full-screen editorial approach. */
.orb-variant-b{--violet:#baadff;--cyan:#8dffea;background:#07070b}
.orb-variant-b .site-grid{display:none}
.cinematic-hero{position:relative;isolation:isolate;min-height:820px;height:max(830px,calc(100svh - 110px));overflow:hidden;background:#07070b;color:#f8f7fc}
.cinematic-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 55% 65% at 73% 42%,#211339b0 0,transparent 75%),radial-gradient(ellipse 30% 35% at 89% 77%,#0f2f3f5b 0,transparent 80%),#07070b}
.cinema-grid{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000 58%,transparent)}
.cinema-overline{position:absolute;top:39px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:800 9px var(--body);letter-spacing:1.6px;color:#928f9e;z-index:4}
.cinema-online{display:flex;align-items:center;gap:10px}.cinema-online i{width:7px;height:7px;background:#b3ffda;border-radius:50%;box-shadow:0 0 16px #aaffeb}
.cinema-content{position:absolute;top:47%;left:8%;transform:translateY(-50%);width:64%;z-index:4;pointer-events:none}
.cinema-content>*{pointer-events:auto}
.cinema-eyebrow{font:800 10px var(--body);letter-spacing:2.8px;color:#c6c0d5;margin-bottom:29px}
.cinema-eyebrow span{font-size:16px;color:#b6a4ff;margin-right:9px}
.cinema-content h1{font:700 clamp(76px,9.2vw,158px)/.90 var(--space);letter-spacing:-.09em;white-space:nowrap;text-shadow:0 10px 48px #0007}
.cinema-content h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #e8d5ff}
.cinema-dot{color:#c6a1ff}
.cinema-content p{font:500 15px/1.85 var(--body);color:#b8b4c9;max-width:430px;margin-top:32px}
.cinema-cta{display:flex;align-items:center;gap:24px;margin-top:35px;flex-wrap:wrap}
.cinema-cta-primary{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#ccbfff;color:#14101a;padding:16px 17px;font:800 10px var(--body);letter-spacing:1px}
.cinema-cta-primary:hover{background:#fff}.cinema-cta-text{font:800 10px var(--body);letter-spacing:1px;padding:15px 0;border-bottom:1px solid #a6a1bb}
.cinema-visual{position:absolute;top:43%;left:71%;width:min(58vw,790px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.cinema-glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#5c60ff29 10%,#8a4df31e 34%,transparent 73%);filter:blur(28px)}
.cinema-sphere{position:absolute;inset:8%;filter:drop-shadow(0 0 40px #8e7dff33)}
.cinema-sphere canvas{position:absolute;width:100%;height:100%;inset:0;display:block}
.cinema-ring{position:absolute;inset:10%;border:1px solid #b6a6ff2e;border-radius:50%;transform:rotateX(68deg) rotate(-28deg);box-shadow:0 0 40px #9264ff14;animation:cinema-ring-rotate 22s linear infinite}
.cinema-ring-two{inset:0;border-color:#9bf9ee1e;transform:rotateY(70deg) rotate(30deg);animation-duration:30s;animation-direction:reverse}
.cinema-flare{position:absolute;color:#b2aaeb;font:700 10px var(--body);letter-spacing:1.4px;text-shadow:0 0 10px #7771df}
.cinema-flare small{font:800 8px/1.65 var(--body);display:inline-block;vertical-align:middle;letter-spacing:1px}
.flare-north{top:18%;right:10%}.flare-south{bottom:16%;left:4%}
.cinema-mode-panel{position:absolute;right:6%;bottom:10%;width:min(390px,37vw);z-index:7;background:#10101bbb;border:1px solid #aea1d443;backdrop-filter:blur(22px);padding:18px 18px 20px}
.cinema-mode-heading{display:flex;justify-content:space-between;gap:12px;color:#aaa6c6;font:800 9px var(--body);letter-spacing:1.25px}
.cinema-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}
.cinema-mode{cursor:pointer;background:#ffffff09;border:1px solid #ffffff23;color:#b5b5c9;min-height:42px;font:800 10px var(--body);letter-spacing:.3px}
.cinema-mode span{color:#666677;font-size:9px;margin-right:3px}
.cinema-mode.is-selected{border-color:#cbbdff9c;background:#d1c1ff17;color:#f4ebff}
.cinema-mode.is-selected span{color:#bca8ff}
.cinema-mode:hover{background:#ffffff20}.cinema-mode-description{margin-top:15px;font:500 11px/1.6 var(--body);color:#aca9bd;min-height:34px}
.cinema-footer{position:absolute;left:8%;bottom:6%;display:flex;flex-direction:column;gap:9px;font:800 9px var(--body);letter-spacing:1.5px;color:#9b97a9}.cinema-footer span:last-child{color:#5f5a6d}
.orb-variant-b .odyssey-intro{padding-top:110px;padding-bottom:100px}
.orb-variant-b .odyssey-intro h2{letter-spacing:-.085em}
.orb-variant-b .odyssey-sticky{background:#06050b}
.orb-variant-b .odyssey-sticky:before{background-size:91px 91px;opacity:.17}
.orb-variant-b .odyssey-world{left:69%;top:47%;width:min(63vw,900px);height:min(63vw,900px);min-height:560px;min-width:560px}
.orb-variant-b .odyssey-ring{opacity:.2}
.orb-variant-b .odyssey-axis{display:none}
.orb-variant-b .odyssey-scene h3{font-size:clamp(64px,7.8vw,125px)}
.orb-variant-b .odyssey-scene h3 span{color:#dacaff}
.orb-variant-b .odyssey-scene p{color:#c7bcca}
.orb-variant-b .odyssey-chapter{color:#ddbbff}
.orb-variant-b .odyssey-node{background:#0e1017a1;color:#b5a0ea;border-color:#dbadff37}
.orb-variant-b .odyssey-node i{background:#f5b5ff;box-shadow:0 0 9px #f5b5ff}
.b-journey-side{position:absolute;right:4%;top:26%;z-index:3;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:24px;color:#a6a0b3;font:700 9px/1.8 var(--body);letter-spacing:1.5px;pointer-events:none}
.b-journey-side strong{font:400 70px var(--space);color:#8a7dd58a}
.orb-variant-b .odyssey-mist{opacity:.4}
.orb-variant-b .statement{background:#08080d}
.orb-variant-b .statement h2 span{color:#c4b1ff}
@keyframes cinema-ring-rotate{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:1300px){.cinema-content h1{font-size:clamp(67px,9vw,119px)}.cinema-visual{left:70%;width:66vw}.cinema-mode-panel{bottom:7%}}
@media(max-width:960px){.cinematic-hero{min-height:870px;height:auto}.cinema-content{top:29%;left:6%;width:90%}.cinema-content h1{font-size:clamp(63px,11vw,110px)}.cinema-visual{top:51%;left:72%;width:78vw;max-width:700px;opacity:.8}.cinema-mode-panel{width:65%;bottom:11%;right:5%}.cinema-footer{bottom:4%}.orb-variant-b .odyssey-world{left:70%}.orb-variant-b .odyssey-scene h3{font-size:clamp(60px,9vw,100px)}}
@media(max-width:740px){.compare-swap{gap:6px;bottom:10px;font-size:8px;padding:6px 7px}.compare-swap>a{font-size:8px;padding:10px}.compare-swap>span{display:none}.cinematic-hero{height:auto;min-height:0;padding:80px 6% 90px;display:flex;flex-direction:column}.cinema-overline{top:27px;left:6%;right:6%;font-size:8px}.cinema-online{display:none}.cinema-content{position:relative;top:auto;left:auto;width:100%;transform:none;order:1}.cinema-eyebrow{font-size:8px;margin-bottom:23px}.cinema-content h1{font-size:clamp(56px,11.4vw,81px)}.cinema-content p{font-size:13px;max-width:350px;margin-top:22px}.cinema-cta{margin-top:25px;gap:13px}.cinema-cta-primary{font-size:9px;padding:13px}.cinema-cta-text{font-size:9px}.cinema-visual{order:2;position:relative;inset:auto;top:auto;left:auto;width:100%;max-width:450px;margin:12px auto -35px;transform:none;opacity:1}.cinema-flare{font-size:7px}.cinema-mode-panel{order:3;position:relative;right:auto;bottom:auto;width:100%;margin-top:0}.cinema-mode-heading{font-size:8px}.cinema-mode{font-size:9px}.cinema-footer{order:4;position:relative;inset:auto;left:auto;bottom:auto;margin-top:30px;font-size:8px}.orb-variant-b .odyssey-world{left:60%;top:275px;width:470px;height:470px;min-width:470px;min-height:470px}.orb-variant-b .odyssey-scene h3{font-size:clamp(47px,10vw,75px)}.b-journey-side{display:none}.orb-variant-b .odyssey-intro{padding-top:90px;padding-bottom:62px}}
@media(prefers-reduced-motion:reduce){.cinema-ring{animation:none!important}.liquid-canvas{filter:none!important}}


/* Particle cloud, replacing the previous glass globe on both staging options. */
#pointCloudCanvas,.point-cloud-canvas{width:100%;height:100%;display:block}
.orb-variant .hero-stage .orb .point-cloud-canvas{position:absolute;inset:-25%;width:150%;height:150%;display:block;max-width:none;pointer-events:none}
.orb-variant .odyssey-core .point-cloud-canvas{position:absolute;inset:-34%;width:168%;height:168%;display:block;max-width:none;pointer-events:none}
.orb-variant .odyssey-world{filter:none!important;transform:translate3d(-50%,-50%,0) perspective(900px) scale(calc(1 + var(--journey,0) * .18))!important}
.orb-variant .hero-stage .orbit,
.orb-variant .hero-stage .outer-halo,
.orb-variant .odyssey-ring,
.orb-variant .odyssey-axis,
.orb-variant .odyssey-node,
.orb-variant .cinema-ring{display:none!important}
.orb-variant .hero-stage .orb,.orb-variant .odyssey-core{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.orb-variant .hero-stage .orb:before,.orb-variant .hero-stage .orb:after{display:none!important}
.orb-variant .hero-stage{filter:none!important}
.orb-variant .orb-sheen,.orb-variant .orb-lines,.orb-variant .orb-core{display:none!important}
.orb-variant-a .hero-stage{background:#eaf0fa;border:1px solid #dfe8f6;border-radius:8px;overflow:hidden;isolation:isolate}
.orb-variant-a .hero-stage:before{background:radial-gradient(ellipse at 52% 47%,#ffffff,#eaf0fa 68%,#e9eef8)}
.orb-variant-a .hero-stage .hero-corner{color:#64728c}
.orb-variant-a .hero-stage .floating-tag{background:#f5f8ffec;border-color:#5f85c058;box-shadow:0 13px 30px #1a3a6a14;color:#25416f}
.orb-variant-a .hero-stage .tag-spark{color:#5473dd}
.orb-variant-a .odyssey-sticky{background:#090b17}
.orb-variant-b .hero-stage{background:transparent}
.orb-variant-b .odyssey-sticky{background:#020508}
.orb-variant-b .odyssey-mist{opacity:.23}
.orb-variant-b .cinema-glow{background:radial-gradient(circle,#00dce321 0,#00e4ec13 37%,transparent 72%)}
.orb-variant-b .cinema-sphere{filter:none}
.orb-variant-b .cinema-visual{background:radial-gradient(circle at 50% 50%,#04303a1a 0,transparent 59%)}
.orb-variant .card-visual:before{display:none!important}
.card.a .card-visual{background:#f1f4fb}
.card.b .card-visual{background:#010508}
.card.a .card-visual canvas,.card.b .card-visual canvas{position:relative;z-index:2}
.orb-variant .odyssey-core{z-index:1}
.orb-variant-b .b-journey-side{color:#73c1c9}
@media(max-width:960px){.orb-variant-a .hero-stage{margin-left:0}.orb-variant .odyssey-world{opacity:.74}}
@media(max-width:740px){.orb-variant-a .hero-stage{margin:13px 0 -35px;min-height:330px}.orb-variant .hero-stage .orb .point-cloud-canvas{inset:-23%;width:146%;height:146%}.orb-variant .odyssey-core .point-cloud-canvas{inset:-30%;width:160%;height:160%}.orb-variant .odyssey-world{opacity:.38}}
@media(prefers-reduced-motion:reduce){.orb-variant .odyssey-world{transform:translate(-50%,-50%)!important}.point-cloud-canvas{animation:none!important}}