.gt-xhub{container-type:inline-size;width:1280px;max-width:100%;margin-inline:auto}.gt-xhub .gt-xhub__stage{--bg: #150f2e;--u: calc(100cqw / 1920);--cy: 52%;--r: calc(270 * var(--u));--tile: calc(177 * var(--u));--label: calc(36 * var(--u));--label-gap: calc(28 * var(--u));position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg);border:2px solid #3b009a;border-radius:10px;font-family:Poppins,sans-serif;color:#fff}.gt-xhub .gt-xhub__ring{position:absolute;left:50%;top:var(--cy);width:calc(var(--r)*600/270);height:auto;transform:translate(-50%, -50%);overflow:visible}.gt-xhub__arc{stroke-dasharray:1;stroke-dashoffset:1;animation:gt-xhub-draw 1.1s cubic-bezier(0.45, 0, 0.2, 1) .35s forwards}.gt-xhub .gt-xhub__hub{position:absolute;left:50%;top:var(--cy);display:flex;flex-direction:column;align-items:center;gap:calc(12*var(--u));transform:translate(-50%, -50%);opacity:0;animation:gt-xhub-fade .8s ease .2s forwards}.gt-xhub .gt-xhub__hub::before{content:"";position:absolute;left:50%;top:50%;width:calc(440*var(--u));aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.08) 38%, transparent 66%);transform:translate(-50%, -50%);animation:gt-xhub-breathe 4s ease-in-out infinite}.gt-xhub .gt-xhub__mark{width:calc(86*var(--u));height:auto;color:#fff;animation:gt-xhub-shine 4s ease-in-out infinite}.gt-xhub .gt-xhub__title{font-size:calc(44*var(--u));font-weight:700;line-height:1.1;white-space:nowrap;color:#fff;animation:gt-xhub-shine 4s ease-in-out infinite}.gt-xhub .gt-xhub__items{position:absolute;inset:0;margin:0;padding:0;list-style:none}.gt-xhub .gt-xhub__item{position:absolute;left:50%;top:var(--cy);width:0;height:0;margin:0;padding:0;list-style:none;opacity:0;transform:scale(0.6);animation:gt-xhub-pop .7s cubic-bezier(0.3, 1.5, 0.5, 1) calc(.25s + var(--i)*.14s) forwards}.gt-xhub .gt-xhub__item::before,.gt-xhub .gt-xhub__item::marker{content:none}.gt-xhub .gt-xhub__item--0{margin-top:calc(var(--r)*-1)}.gt-xhub .gt-xhub__item--1{margin-left:var(--r)}.gt-xhub .gt-xhub__item--2{margin-top:var(--r)}.gt-xhub .gt-xhub__item--3{margin-left:calc(var(--r)*-1)}.gt-xhub .gt-xhub__tile{position:absolute;left:calc(var(--tile)/-2);top:calc(var(--tile)/-2);display:flex;align-items:center;justify-content:center;width:var(--tile);height:var(--tile);border-radius:calc(var(--tile)*.25);background:#fff;box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(0,0,0,.3)}.gt-xhub .gt-xhub__svg{width:56%;height:auto}.gt-xhub .gt-xhub__label{position:absolute;width:max-content;max-width:calc(330*var(--u));font-size:var(--label);font-weight:700;line-height:1.22;color:#fff;text-align:center}.gt-xhub .gt-xhub__item--0 .gt-xhub__label{bottom:calc(var(--tile)/2 + var(--label-gap));left:0;transform:translateX(-50%)}.gt-xhub .gt-xhub__item--2 .gt-xhub__label{top:calc(var(--tile)/2 + var(--label-gap));left:0;transform:translateX(-50%)}.gt-xhub .gt-xhub__item--1 .gt-xhub__label{left:calc(var(--tile)/2 + var(--label-gap) + 4*var(--u));top:0;max-width:calc(220*var(--u));transform:translateY(-50%);text-align:left}.gt-xhub .gt-xhub__item--3 .gt-xhub__label{right:calc(var(--tile)/2 + var(--label-gap) + 4*var(--u));top:0;max-width:calc(230*var(--u));transform:translateY(-50%);text-align:right}@container (max-width: 640px){.gt-xhub .gt-xhub__stage{aspect-ratio:720/820;--u: calc(100cqw / 720);--cy: 51%;--r: calc(212 * var(--u));--tile: calc(124 * var(--u));--label: calc(30 * var(--u));--label-gap: calc(18 * var(--u))}.gt-xhub .gt-xhub__hub::before{width:calc(330*var(--u))}.gt-xhub .gt-xhub__mark{width:calc(70*var(--u))}.gt-xhub .gt-xhub__title{font-size:calc(38*var(--u))}.gt-xhub .gt-xhub__item--1 .gt-xhub__label,.gt-xhub .gt-xhub__item--3 .gt-xhub__label{top:calc(var(--tile)/2 + var(--label-gap));right:auto;left:0;max-width:calc(230*var(--u));padding:calc(4*var(--u)) calc(10*var(--u));background:var(--bg);transform:translateX(-50%);text-align:center}}@keyframes gt-xhub-draw{to{stroke-dashoffset:0}}@keyframes gt-xhub-fade{to{opacity:1}}@keyframes gt-xhub-shine{0%,100%{filter:drop-shadow(0 0 calc(4 * var(--u)) rgba(255, 255, 255, 0.2))}50%{filter:drop-shadow(0 0 calc(16 * var(--u)) rgba(255, 255, 255, 0.75))}}@keyframes gt-xhub-pop{to{opacity:1;transform:scale(1)}}@keyframes gt-xhub-breathe{0%,100%{opacity:.75;transform:translate(-50%, -50%) scale(0.94)}50%{opacity:1;transform:translate(-50%, -50%) scale(1.06)}}@media(prefers-reduced-motion: reduce){.gt-xhub .gt-xhub__hub,.gt-xhub .gt-xhub__item{opacity:1;transform:none;animation:none}.gt-xhub .gt-xhub__hub{transform:translate(-50%, -50%)}.gt-xhub .gt-xhub__hub::before,.gt-xhub .gt-xhub__mark,.gt-xhub .gt-xhub__title{animation:none}.gt-xhub__arc{stroke-dashoffset:0;animation:none}}