/* A shared orbit for the five platforms, behind the existing hero content. */
.hero-panel{position:relative;isolation:isolate}
.hero-panel>.hero-characters{z-index:2}
.hero-orbit{position:absolute;z-index:1;pointer-events:none;user-select:none;right:-4%;top:-5%;width:69%;height:110%;contain:layout style;perspective:900px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.24) 14%,#000 43%);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.24) 14%,#000 43%)}
.orbit-aura{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(ellipse at 55% 50%,#49ddec15 5%,#49ddec20 36%,#1263ff09 60%,transparent 72%)}
.orbit-track{position:absolute;border-radius:50%;pointer-events:none;transform:rotate(-17deg);border:1px solid #1263ff24;box-shadow:inset 1px 1px 0 #ffffffbd,0 1px 0 #49ddec1a}
.orbit-track-main{inset:9% 8%;border-top-color:#49ddec68;border-right-color:#1263ff38}
.orbit-track-inner{inset:15% 15%;border-color:#1263ff0d;transform:rotate(-17deg);border-left-color:#49ddec3b}
.hero-orbit-icon{position:absolute;display:block;width:clamp(66px,6.1vw,96px);aspect-ratio:1;transform:translate(-50%,-50%);will-change:transform,opacity}
.orbit-tile{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#fff 18%,#f5faff 68%,#dcebfc);border:1px solid #ffffffed;border-radius:28%;box-shadow:inset 2px 2px 2px #fff,2px 5px 0 #bdd1e4,5px 13px 20px #153d741e,0 0 30px #ffffffc2;transform:rotate(-8deg);backface-visibility:hidden}
.hero-orbit-icon .channel-icon{width:47%;height:47%;margin:0;filter:drop-shadow(0 2px 0 #ffffffbf)}
.hero-orbit-icon.orbit-instagram .channel-icon{color:#d72d8c}
.hero-orbit-icon.orbit-facebook .channel-icon{color:#0866ff}
.hero-orbit-icon.orbit-tiktok .channel-icon{color:#071a47;filter:drop-shadow(1px 1px 0 #49ddec94)}
.hero-orbit-icon.orbit-youtube .channel-icon{color:#f42222}
.hero-orbit-icon.orbit-linkedin .channel-icon{color:#0a66c2}
.orbit-toggle{position:absolute;right:18px;top:18px;z-index:5;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;border:1px solid #d7e9f6;color:#315375;box-shadow:0 5px 14px #16396a08;transition:background .2s,box-shadow .2s}
.orbit-toggle:hover{background:#fff;box-shadow:0 6px 18px #16396a18}
.orbit-toggle svg{width:17px;height:17px;stroke-width:2.2}
.orbit-toggle[disabled]{opacity:.45}
@media(max-width:1100px){.hero-orbit{width:75%;right:-10%}.hero-orbit-icon{width:72px}}
@media(max-width:900px){.hero-orbit{top:10px;right:-100px;width:660px;height:640px;mask-image:linear-gradient(90deg,transparent,#0005 24%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#0005 24%,#000 65%)}.hero-orbit-icon{width:68px}}
@media(max-width:600px){
 .hero-orbit{top:32px;right:-285px;width:460px;height:580px;mask-image:none;-webkit-mask-image:none}
 .hero-orbit-icon{width:68px}.orbit-tile{box-shadow:inset 2px 2px 2px #fff,2px 4px 0 #c5d9eb,4px 10px 16px #153d7416}
 .orbit-track-main{inset:10% 21%;transform:rotate(-8deg);border-color:#1263ff20;border-top-color:#49ddec45}.orbit-track-inner{inset:17% 28%;transform:rotate(-8deg);border-color:#1263ff0c}
 .orbit-toggle{width:36px;height:36px;top:11px;right:11px}.orbit-toggle::after{content:'';position:absolute;inset:-4px}
 .orbit-toggle svg{width:14px;height:14px}
}
@media(max-width:360px){.hero-orbit{top:42px}.hero-orbit-icon{width:60px}.orbit-toggle{top:8px;right:8px;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.hero-orbit-icon{will-change:auto}}
html[data-motion=off] .hero-orbit-icon{will-change:auto}