.hub .cyc{--turn:18s;position:relative;margin-top:48px;display:grid}.hub .cyc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);grid-template-areas:"a . b" "d . c";gap:28px 32px;grid-area:1/1}.hub .cyc-ring{grid-area:1/1;place-self:center;position:relative;width:300px;height:300px;border-radius:50%}.hub .cyc-ring:before{content:"";position:absolute;inset:20px;border-radius:50%;border:2px dashed var(--edge)}.hub .cyc-sweep{position:absolute;inset:19px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#ff6b3d 78%,#ffc72c 84%,#2f7cf6 92%,#a855f7 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));filter:drop-shadow(0 0 8px rgb(168 85 247/.5));animation:cyc-spin var(--turn) linear infinite}@keyframes cyc-spin{to{transform:rotate(1turn)}}.hub .cyc-node{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;border-radius:14px;font:700 14px var(--font-mono);color:var(--ink);background:var(--card);border:1px solid color-mix(in srgb,var(--c) 55%,var(--rule));transform:rotate(calc(var(--i) * 90deg - 45deg)) translateY(-130px) rotate(calc(var(--i) * -90deg + 45deg));animation:cyc-lit var(--turn) linear infinite;animation-delay:var(--at-node)}.hub .cyc-list li,.hub .cyc-node{--at-node:calc(var(--turn) * ((2 * var(--i) - 1) / 8 - 1))}@keyframes cyc-lit{0%,6%{box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 18%,transparent),0 0 22px -4px var(--c);background:color-mix(in srgb,var(--c) 16%,var(--card))}20%,99%{box-shadow:var(--sh-box);background:var(--card)}}.hub .cyc-mid{position:absolute;inset:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--card) 90%,transparent),transparent 70%)}.hub .cyc-mid b{font-size:18px;font-weight:800;letter-spacing:-.02em}.hub .cyc-mid i{width:28px;height:2px;margin:6px 0;border-radius:2px;background:var(--rainbow)}.hub .cyc-list li{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;border-radius:var(--r-big);border:1px solid var(--rule);background:var(--card);box-shadow:var(--sh-box);transition:transform .45s var(--ease);animation:cyc-card var(--turn) linear infinite;animation-delay:var(--at-node)}@keyframes cyc-card{0%,6%{border-color:color-mix(in srgb,var(--c) 65%,var(--rule));background:color-mix(in srgb,var(--c) 6%,var(--card))}20%,99%{border-color:var(--rule);background:var(--card)}}.hub .cyc-list li:hover{transform:translateY(-2px)}.hub .cyc-list li:before{content:"";position:absolute;top:-1px;left:22px;right:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c),transparent)}.hub .cyc-tag{display:flex;align-items:center;gap:10px}.hub .cyc-tag s{text-decoration:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--c) 18%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}.hub .cyc-list b{font-size:19px;font-weight:700;letter-spacing:-.02em}.hub .cyc-list p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}.hub .cyc-list li:nth-child(2),.hub .cyc-list li:nth-child(3){text-align:right;align-items:flex-end}.hub .cyc-list li:nth-child(2):before,.hub .cyc-list li:nth-child(3):before{background:linear-gradient(270deg,var(--c),transparent)}.hub .cyc-list li:nth-child(2) .cyc-tag,.hub .cyc-list li:nth-child(3) .cyc-tag{flex-direction:row-reverse}@media (max-width:980px){.hub .cyc-list{grid-area:2/1;grid-template-columns:1fr;grid-template-areas:none;gap:14px}.hub .cyc-list li{grid-area:auto!important}.hub .cyc-list li:nth-child(2),.hub .cyc-list li:nth-child(3){text-align:left;align-items:flex-start}.hub .cyc-list li:nth-child(2):before,.hub .cyc-list li:nth-child(3):before{background:linear-gradient(90deg,var(--c),transparent)}.hub .cyc-list li:nth-child(2) .cyc-tag,.hub .cyc-list li:nth-child(3) .cyc-tag{flex-direction:row}.hub .cyc-ring{margin-bottom:24px;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.hub .cyc-list li,.hub .cyc-node,.hub .cyc-sweep{animation:none}}