:root{--hub-bg1:#1e1e24;--hub-bg2:#18181b;--hub-card:var(--ivory);--hub-ink:var(--black);--hub-orange1:#60a5fa;--hub-orange2:var(--orange);--hub-orange-glow:#3b82f68c;--hub-line:#3b82f666}.stage{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.grid-overlay{pointer-events:none;background-image:linear-gradient(45deg,#00000006 1px,#0000 1px),linear-gradient(-45deg,#00000006 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 70%);mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 70%)}.hub{aspect-ratio:1;width:min(100%,600px);position:relative}svg.wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}svg.wires path{fill:none;stroke:var(--hub-line);stroke-width:2px;stroke-dasharray:6 7;opacity:.85;stroke-linecap:round;animation:6s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-130px}}.platform{width:230px;height:230px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.layer{transform-origin:50%;background:linear-gradient(145deg,#1f2937,#111827);border-radius:26px;position:absolute;left:50%;box-shadow:0 18px 30px -12px #00000080,inset 0 1px #ffffff1a}.layer.base{width:230px;height:150px;animation:5s ease-in-out infinite float-base;top:118px;transform:translate(-50%)rotateX(55deg)rotate(45deg)}.layer.mid{width:190px;height:120px;animation:5s ease-in-out .15s infinite float-mid;top:78px;transform:translate(-50%)rotateX(55deg)rotate(45deg)}.glow-slit{background:radial-gradient(ellipse at center, var(--hub-orange2) 0%, var(--hub-orange-glow) 55%, transparent 80%);filter:blur(2px);border-radius:18px;width:150px;height:34px;animation:2.6s ease-in-out infinite pulse-glow;position:absolute;top:96px;left:50%;transform:translate(-50%)rotateX(55deg)rotate(45deg)}@keyframes float-base{0%,to{top:118px}50%{top:110px}}@keyframes float-mid{0%,to{top:78px}50%{top:70px}}@keyframes pulse-glow{0%,to{opacity:.6;filter:blur(2px)brightness()}50%{opacity:1;filter:blur(3px)brightness(1.3)}}.ai-badge{width:130px;height:130px;animation:3.4s ease-in-out infinite float-badge;position:absolute;top:6px;left:50%;transform:translate(-50%)}.ai-badge .face{background:linear-gradient(150deg, #60a5fa 0%, var(--hub-orange2) 65%, #1d4ed8 100%);color:#fff;letter-spacing:1px;text-shadow:0 2px 6px #00000026;border-radius:22px;justify-content:center;align-items:center;font-size:56px;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:0 20px 35px -10px #2563eb8c,inset 0 2px 4px #fff6}.ai-badge .spine{background:linear-gradient(#2563eb,#1e3a8a);border-radius:0 10px 10px 0;width:16px;height:calc(100% - 12px);position:absolute;top:6px;right:-14px}@keyframes float-badge{0%,to{transform:translate(-50%)translateY(0)rotate(-2deg)}50%{transform:translate(-50%)translateY(-14px)rotate(2deg)}}.sparkle{width:6px;height:6px;box-shadow:0 0 8px 2px var(--hub-orange-glow);background:#fff;border-radius:50%;animation:2.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.hub .card{background:var(--hub-card);border:1px solid var(--line);text-align:center;opacity:0;z-index:5;border-radius:20px;width:140px;padding:16px 12px;animation:4.5s ease-in-out infinite card-float,.7s cubic-bezier(.2,.8,.25,1) forwards card-in;position:absolute;box-shadow:0 14px 28px -12px #4632142e,0 2px 6px #4632140f}.hub .card:hover{box-shadow:inset 0 0 0 1.5px var(--orange)}.hub .card .icon{width:36px;height:36px;color:var(--hub-ink);background:0 0;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.hub .card svg{width:100%;height:100%}.hub .card span{color:var(--hub-ink);font-size:14px;font-weight:600;line-height:1.25;font-family:var(--font-display);display:block}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hub .card.tl{animation-delay:50ms,0s;top:6%;left:0%}.hub .card.tr{animation-delay:.55s,.1s;top:10%;right:-2%}.hub .card.ml{animation-delay:.9s,.2s;top:40%;left:-4%}.hub .card.mr{animation-delay:.35s,.3s;top:40%;right:-4%}.hub .card.bl{animation-delay:.7s,.4s;bottom:10%;left:4%}.hub .card.br{animation-delay:.2s,.5s;bottom:10%;right:2%}.caption{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-size:13px;font-weight:600;font-family:var(--font-mono);position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:560px){.hub .card{width:110px;padding:14px 8px}.hub .card span{font-size:12px}.hub .card .icon{width:32px;height:32px;margin-bottom:8px}.ai-badge{width:96px;height:96px}.ai-badge .face{border-radius:16px;font-size:40px}.layer.base{width:170px;height:110px;top:100px}.layer.mid{width:140px;height:90px;top:66px}}