.hub-stage{--font:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;position:relative;width:960px;margin:0 auto}.hub-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.hub-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#1c4280,#011829);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 0 0 10px rgba(1,24,41,.07),0 0 0 22px rgba(1,24,41,.04),0 20px 52px rgba(1,24,41,.28);animation:hubPulse 3.8s ease-in-out infinite}.hub-centre::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed rgba(43,127,255,.35);animation:hubSpin 14s linear infinite}.cat-pill{position:absolute;left:0;background:#fff;border:1.5px solid #dde5f0;border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:12px;width:208px;box-shadow:0 2px 14px rgba(0,0,0,.07);transition:box-shadow .2s ease,transform .2s ease}.cat-pill:hover{box-shadow:0 6px 24px rgba(0,0,0,.12);transform:translateX(4px)}.cat-pill-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-pill-name{font-size:13.5px;font-weight:600;color:#0f1c2e;font-family:var(--font)}.tool-grid{position:absolute;right:0;display:flex;flex-direction:column;gap:11px}.tool-row{display:flex;gap:11px}.tool-chip{width:82px;height:82px;background:#fff;border:1.5px solid #e2eaf3;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px 8px 12px;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}.tool-chip:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 28px rgba(0,0,0,.13);border-color:rgba(43,127,255,.3)}.tool-chip-name{font-size:9px;line-height:1.2;font-weight:600;color:#8a9ab0;text-align:center;font-family:var(--font)}@media (max-width:1024px){.hub-stage{width:100%;max-width:960px;height:auto;min-height:780px;padding:0 8px}.hub-svg{transform:scale(.88);transform-origin:top center}.cat-pill{width:188px;padding:10px 14px}.tool-chip{width:72px;height:78px;padding:9px 6px 10px}}@media (max-width:767px){.hub-stage{min-height:0;width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:14px;padding:0}.hub-svg{display:none}.hub-centre{position:relative;top:auto;left:auto;transform:none;margin:6px auto 2px;width:92px;height:92px}.hub-centre::before{inset:-7px}.cat-pill,.tool-grid{position:static}.cat-pill{width:100%;left:auto;transform:none}.cat-pill:hover{transform:none}.tool-grid{gap:8px}.tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-chip{width:100%;min-height:86px;height:auto;padding:12px 8px 10px;border-radius:12px}.tool-chip-name{font-size:11px}}