.hub-hero{background-color:#0f172a;position:relative;overflow:hidden}.network-nodes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;opacity:.2}.node-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,#3b82f6 0,transparent 70%);border-radius:50%;animation:pulse-center 3s infinite}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,0.1);border-radius:50%;animation:spin-orbit 20s linear infinite}.orbit-1{width:300px;height:300px;animation-duration:15s}.orbit-2{width:500px;height:500px;animation-duration:25s;animation-direction:reverse}.planet{position:absolute;top:0;left:50%;width:10px;height:10px;background:white;border-radius:50%;box-shadow:0 0 10px white}@keyframes pulse-center{0{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}}@keyframes spin-orbit{100%{transform:translate(-50%,-50%) rotate(360deg)}}.tabs-container-wrapper{position:relative;max-width:100%;margin:0 auto 3rem auto;display:flex;align-items:center;padding:0 15px}.integration-tabs{display:flex;gap:12px;width:100%;padding:10px 5px;flex-wrap:wrap;justify-content:center}.integration-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:.8rem 1.5rem;border-radius:50px;background:white;border:1px solid #e2e8f0;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;white-space:nowrap;user-select:none}.tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tab-btn.active{background:#2563eb;color:white;border-color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,0.3)}.scroll-arrow{width:40px;height:40px;border-radius:50%;background:white;border:1px solid #e2e8f0;color:#3b82f6;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:20;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow:hover{background:#3b82f6;color:white;transform:translateY(-50%) scale(1.1)}.left-arrow{left:-30px}.right-arrow{right:-30px}@media(max-width:768px){.scroll-arrow{display:none}.tabs-container-wrapper{padding:0}}.integration-card{background:white;border:1px solid #f1f5f9;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.integration-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.08);border-color:#bfdbfe}.sync-indicator{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulse-green 2s infinite}@keyframes pulse-green{0{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.brand-logo{height:100px;width:auto;object-fit:contain;margin-bottom:1.5rem;filter:grayscale(100%);opacity:.7;transition:all .3s}.integration-card:hover .brand-logo{filter:grayscale(0);opacity:1;transform:scale(1.1)}.connection-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f1f5f9;overflow:hidden}.connection-line::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:loading 2s infinite}.integration-card:hover .connection-line::after{animation-duration:1s}@keyframes loading{100%{left:100%}}.tag{font-size:.7rem;font-weight:bold;padding:.2rem .6rem;border-radius:99px;background:#f1f5f9;color:#64748b;margin-top:1rem}