.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;text-align:center;margin:2rem 0}.integration-item{text-decoration:none;color:inherit;position:relative;padding:1.5rem 1rem;border-radius:16px;background:#0003;backdrop-filter:blur(8px);transition:all .5s cubic-bezier(.22,1,.36,1)}.integration-item:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(45deg,#7c3aed00,#7c3aed80,#3b82f680,#3b82f600);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .5s}.integration-item:hover{transform:translateY(-5px);background:#0006}.integration-item:hover:before{opacity:1}.integration-icon{position:relative;width:80px;height:80px;margin:0 auto;border-radius:50%;background:#1e1e1e;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.22,1,.36,1);overflow:hidden}.integration-icon:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(124,58,237,.2) 0%,rgba(59,130,246,.2) 50%,transparent 70%);opacity:0;transition:all .5s;transform:scale(.5)}.integration-item:hover .integration-icon:after{opacity:1;transform:scale(2)}.integration-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;transition:transform .5s}.integration-item:hover .integration-icon img{transform:scale(.9)}.integration-name{margin-top:1rem;position:relative;font-size:1.1rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(to right,#7c3aed,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(124,58,237,.5)}@keyframes neonPulse{0%,to{text-shadow:0 0 4px rgba(124,58,237,.5),0 0 8px rgba(124,58,237,.3),0 0 12px rgba(59,130,246,.3)}50%{text-shadow:0 0 8px rgba(124,58,237,.7),0 0 16px rgba(124,58,237,.5),0 0 24px rgba(59,130,246,.5)}}.integration-item:hover .integration-name{animation:neonPulse 2s ease-in-out infinite}.integration-item:active{transform:translateY(-2px)}.integration-item:active:before{background:linear-gradient(45deg,#7c3aedcc,#3b82f6cc)}.integration-item{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:1rem;border-radius:12px}.integration-item:hover{transform:translateY(-5px);background:#ffffff08;box-shadow:0 0 20px #7c3aed1a}.integration-icon{background:#1e1e1e;border-radius:50%;width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;border:2px solid transparent}.integration-item:hover .integration-icon{background:#2d2d2d;border-color:#7c3aed4d;transform:scale(1.05);box-shadow:0 0 15px #7c3aed33}.integration-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(45deg,#7c3aed33,#3b82f633);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.integration-item:hover .integration-icon:after{opacity:1}.integration-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.integration-item:hover .integration-icon img{transform:scale(.95)}.integration-name{margin-top:1rem;font-size:.9rem;background:linear-gradient(90deg,#7c3aed,#3b82f6);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:600;padding:.2rem 0;transition:all .3s ease;position:relative}.integration-name:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#7c3aed,#3b82f6);transform:scaleX(0);transition:transform .3s ease}.integration-item:hover .integration-name:after{transform:scaleX(1)}@keyframes pulse{0%{box-shadow:0 0 #7c3aed66}70%{box-shadow:0 0 0 10px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}.integration-item:hover .integration-icon{animation:pulse 2s infinite}