.hubwrap{align-items:center;display:flex;gap:24px;justify-content:space-between;position:relative}.hubcol{display:grid;gap:18px;width:33%}.fcard{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;transition:.3s}.fcard:hover{border-color:rgba(104,68,237,.5);box-shadow:0 16px 50px rgba(104,68,237,.18);transform:translateY(-3px)}.fcard .fi{background:rgba(104,68,237,.16);border-radius:14px;color:var(--violet-2);display:grid;font-size:22px;height:50px;margin-bottom:14px;place-items:center;width:50px}.fcard h4{font-size:18px;margin-bottom:7px}.fcard p{color:var(--muted);font-size:14px}.hubcenter{align-items:center;display:flex;flex:0 0 auto;justify-content:center;width:120px}.hub,.hubcenter{position:relative}.hub{background:var(--grad1);border-radius:50%;box-shadow:0 0 60px rgba(104,68,237,.6);color:#fff;display:grid;font-family:var(--pf);font-size:30px;font-style:italic;height:112px;place-items:center;width:112px;z-index:3}.hub .ring{animation:pulsering 2.8s ease-out infinite;border:1px solid rgba(104,68,237,.45);border-radius:50%;inset:-10px;position:absolute}.hub .ring.r2{animation-delay:1.4s;inset:-24px}@keyframes pulsering{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.hubcenter .hline{background:hsla(0,0%,100%,.12);height:2px;position:absolute;top:50%;transform:translateY(-50%);width:160px}.hubcenter .hline.l{right:62px}.hubcenter .hline.r{left:62px}.hubcenter .elec{border-radius:2px;height:2px;position:absolute;top:50%;transform:translateY(-50%);width:54px;z-index:2}.hubcenter .elec.l{animation:elecHubL 3.2s linear infinite;background:linear-gradient(to right,transparent,var(--cyan));right:62px}.hubcenter .elec.r{animation:elecHubR 3.2s linear infinite;background:linear-gradient(to left,transparent,var(--cyan));left:62px}@keyframes elecHubL{0%{opacity:0;transform:translate(-160px,-50%)}25%{opacity:1}to{opacity:0;transform:translateY(-50%)}}@keyframes elecHubR{0%{opacity:0;transform:translate(160px,-50%)}25%{opacity:1}to{opacity:0;transform:translateY(-50%)}}@media (max-width:900px){.hubwrap{flex-direction:column}.hubcenter{display:none}.hubcol{width:100%}}