.qk-sites-system{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;isolation:isolate;perspective:1100px}.qk-sites-system__stage{position:relative;width:min(100%, 590px);aspect-ratio:1 / 1;border-radius:36px;overflow:hidden;background:radial-gradient(circle at 52% 46%,rgb(147 0 255 / .17),transparent 38%),radial-gradient(circle at 78% 22%,rgb(244 147 251 / .11),transparent 30%),linear-gradient(180deg,rgb(255 255 255 / .04),rgb(255 255 255 / .012));border:1px solid rgb(255 255 255 / .085);box-shadow:0 30px 84px rgb(16 3 28 / .28),inset 0 1px 0 rgb(255 255 255 / .075);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-style:preserve-3d}.qk-sites-system__glow{position:absolute;inset:18% 12%;border-radius:50%;background:radial-gradient(circle,rgb(147 0 255 / .21),#fff0 67%);filter:blur(32px);opacity:.7;pointer-events:none;animation:qk-sites-glow 7s ease-in-out 1}.qk-sites-system__axis{position:absolute;left:50%;top:14%;bottom:14%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,#fff0,rgb(237 255 118 / .18) 18%,rgb(237 255 118 / .54) 50%,rgb(237 255 118 / .18) 82%,#fff0);opacity:.2;transition:opacity .9s ease,filter .9s ease;z-index:2}.qk-sites-system.is-built .qk-sites-system__axis{opacity:.88;filter:drop-shadow(0 0 12px rgb(237 255 118 / .24))}.qk-sites-system__layer{position:absolute;left:50%;width:70%;height:108px;border-radius:26px;border:1px solid rgb(255 255 255 / .14);background:linear-gradient(135deg,rgb(255 255 255 / .09),rgb(255 255 255 / .018) 62%),rgb(49 8 78 / .72);box-shadow:0 22px 58px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .08);backdrop-filter:none;-webkit-backdrop-filter:none;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--qk-sites-x, 0px)),var(--qk-sites-y,0),var(--qk-sites-z,0)) rotateX(var(--qk-sites-rx,0deg)) rotateZ(var(--qk-sites-rz,0deg));opacity:.62;transition:transform 650ms var(--qk-ease),opacity .9s ease,border-color .8s ease,box-shadow .8s ease}.qk-sites-system__layer::before{content:"";position:absolute;inset:16px 18px;border-radius:16px;background:linear-gradient(90deg,rgb(255 255 255 / .08) 0 26%,transparent 26% 34%,rgb(255 255 255 / .045) 34% 100%);opacity:.45}.qk-sites-system__layer::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%) scale(.75);background:#edff76;box-shadow:0 0 12px rgb(237 255 118 / .8),0 0 28px rgb(147 0 255 / .38);opacity:.12;transition:opacity .8s ease,transform .8s ease}.qk-sites-system__layer--1{top:16%;--qk-sites-x:-58px;--qk-sites-y:-12px;--qk-sites-z:-90px;--qk-sites-rx:9deg;--qk-sites-rz:-3deg}.qk-sites-system__layer--2{top:29%;--qk-sites-x:52px;--qk-sites-y:8px;--qk-sites-z:-45px;--qk-sites-rx:-7deg;--qk-sites-rz:2.6deg}.qk-sites-system__layer--3{top:42%;--qk-sites-x:-28px;--qk-sites-y:2px;--qk-sites-z:0px;--qk-sites-rx:4deg;--qk-sites-rz:-1.5deg}.qk-sites-system__layer--4{top:55%;--qk-sites-x:42px;--qk-sites-y:-4px;--qk-sites-z:45px;--qk-sites-rx:-5deg;--qk-sites-rz:2deg}.qk-sites-system__layer--5{top:68%;--qk-sites-x:-46px;--qk-sites-y:10px;--qk-sites-z:90px;--qk-sites-rx:7deg;--qk-sites-rz:-2.4deg}.qk-sites-system.is-built .qk-sites-system__layer{transform:translate3d(-50%,0,0) rotateX(0) rotateZ(0);opacity:.92;border-color:rgb(237 255 118 / .16);box-shadow:0 20px 58px rgb(0 0 0 / .15),0 0 34px rgb(147 0 255 / .055),inset 0 1px 0 rgb(255 255 255 / .085)}.qk-sites-system.is-built .qk-sites-system__layer::after{opacity:.92;transform:translate(-50%,-50%) scale(1)}.qk-sites-system__signal{position:absolute;left:50%;top:13%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#edff76;box-shadow:0 0 12px rgb(237 255 118 / .92),0 0 28px rgb(237 255 118 / .42),0 0 54px rgb(147 0 255 / .28);opacity:0;z-index:8}.qk-sites-system.is-built .qk-sites-system__signal--1{animation:qk-sites-signal 5.2s cubic-bezier(.42,0,.22,1) 1 1.2s}.qk-sites-system.is-built .qk-sites-system__signal--2{animation:qk-sites-signal 5.2s cubic-bezier(.42,0,.22,1) 1 3.8s}.qk-sites-system__ring{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%) scale(.64);border-radius:50%;border:1px solid rgb(244 147 251 / .16);opacity:0;z-index:1}.qk-sites-system.is-built .qk-sites-system__ring{animation:qk-sites-ring 4.8s ease-out 1 1.35s}.qk-sites-system__caption{position:absolute;left:50%;bottom:4.8%;transform:translateX(-50%);margin:0;font-family:var(--qk-font-body,"DM Sans",sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:rgb(255 255 255 / .56)}@keyframes qk-sites-signal{0%{top:12%;opacity:0;transform:scale(.8)}8%{opacity:1}88%{opacity:1}100%{top:84%;opacity:0;transform:scale(1.08)}}@keyframes qk-sites-ring{0%{transform:translate(-50%,-50%) scale(.52);opacity:.28}72%{opacity:.06}100%{transform:translate(-50%,-50%) scale(1.75);opacity:0}}@keyframes qk-sites-glow{0%,100%{transform:scale(.95);opacity:.58}50%{transform:scale(1.06);opacity:.9}}@media (max-width:1024px){.qk-sites-system{min-height:450px}.qk-sites-system__stage{width:min(100%, 500px)}.qk-sites-system__layer{width:74%;height:94px}}@media (max-width:767px){.qk-sites-system{min-height:370px;margin-top:1.2rem}.qk-sites-system__stage{width:min(100%, 390px);border-radius:28px}.qk-sites-system__layer{width:78%;height:72px;border-radius:20px}.qk-sites-system__layer::before{inset:12px 14px;border-radius:12px}.qk-sites-system__caption{font-size:.62rem;letter-spacing:.1em}}@media (max-width:480px){.qk-sites-system{min-height:330px}.qk-sites-system__stage{width:min(100%, 340px)}.qk-sites-system__layer{height:64px}}@media (prefers-reduced-motion:reduce){.qk-sites-system__glow,.qk-sites-system__signal,.qk-sites-system__ring{animation:none!important}.qk-sites-system__layer,.qk-sites-system__axis{transition:none!important}.qk-sites-system .qk-sites-system__layer{transform:translate3d(-50%,0,0) rotateX(0) rotateZ(0);opacity:.92}.qk-sites-system .qk-sites-system__axis{opacity:.88}}