/* Homepage motion layer. Uses the existing shared Light/Dark theme. */
.syn-btn{isolation:isolate;overflow:hidden!important;position:relative}
.syn-btn .home-button-label{position:relative;z-index:4}
.syn-btn:before{content:"";position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#5c33ff,#00cfe8,#50e49a,#8e5cff,#5c33ff);filter:blur(16px);opacity:.16;transform:translate(-50%,-50%) rotate(0deg);animation:homeColorSpin 10s linear infinite;pointer-events:none;z-index:1}
html[data-theme="dark"] .syn-btn:before{opacity:.32}
.syn-btn.primary:before{opacity:.4}
.syn-btn .home-button-orbit{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5}
.home-button-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d2fff7;box-shadow:0 0 7px #00cfe8,0 0 13px #8e5cff;offset-path:inset(2px round 13px);offset-distance:0%;animation:homeOrbitTravel 7s linear infinite}
.syn-btn:nth-child(2):before{animation-delay:-4s}
.syn-btn:nth-child(2) .home-button-orbit i{animation-delay:-3s}
.video-frame{overflow:visible!important;isolation:isolate}
.home-video-orbit{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5}
.home-video-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#e2fff9;box-shadow:0 0 10px #00cfe8,0 0 24px #8e5cff,0 0 36px #00cfe880;offset-path:inset(1px round 36px);offset-distance:0%;animation:homeOrbitTravel 14s linear infinite}
@keyframes homeColorSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes homeOrbitTravel{to{offset-distance:100%}}
html[data-theme="light"] .home-button-orbit i,html[data-theme="light"] .home-video-orbit i{background:#008a9c}
@media(max-width:600px){.home-video-orbit i{offset-path:inset(1px round 25px)}}
@supports not (offset-path:inset(1px round 10px)){.home-button-orbit i,.home-video-orbit i{display:none}}
@media(prefers-reduced-motion:reduce){.syn-btn:before,.home-button-orbit i,.home-video-orbit i{animation:none!important}.home-button-orbit i,.home-video-orbit i{display:none}}

/* Four independent video-frame orbit lights, staggered for natural spacing. */
.home-video-orbit i:nth-child(1){animation-duration:13s;animation-delay:-1s}
.home-video-orbit i:nth-child(2){animation-duration:19s;animation-delay:-6s;width:7px;height:7px;background:#dbceff;box-shadow:0 0 10px #8e5cff,0 0 22px #5c33ff}
.home-video-orbit i:nth-child(3){animation-duration:27s;animation-delay:-14s;width:8px;height:8px;background:#c8ffe0;box-shadow:0 0 10px #50e49a,0 0 24px #00cfe8}
.home-video-orbit i:nth-child(4){animation-duration:34s;animation-delay:-25s;width:6px;height:6px;background:#d0eeff;box-shadow:0 0 9px #5b70ff,0 0 20px #00cfe8}
html[data-theme="light"] .home-video-orbit i:nth-child(2){background:#7547ca}
html[data-theme="light"] .home-video-orbit i:nth-child(3){background:#168356}
html[data-theme="light"] .home-video-orbit i:nth-child(4){background:#315bc9}