@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.explorer-container[data-v-9e7b2ee8]{display:flex;height:450px;overflow:hidden}.nav-sidebar[data-v-9e7b2ee8]{width:260px;padding:2rem 0;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.nav-list[data-v-9e7b2ee8]{display:flex;flex-direction:column}.nav-item[data-v-9e7b2ee8]{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:transparent;border:none;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .2s ease;position:relative}.nav-item[data-v-9e7b2ee8]:hover{background:rgba(255,255,255,.03);color:#fff}.nav-item.active[data-v-9e7b2ee8]{background:rgba(139,92,246,.1);color:#fff}.nav-item.active[data-v-9e7b2ee8]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.nav-item i[data-v-9e7b2ee8]{width:20px;font-size:1rem}.nav-label[data-v-9e7b2ee8]{flex:1}.content-canvas[data-v-9e7b2ee8]{flex:1;padding:2rem;overflow-y:auto;scrollbar-width:none}.content-canvas[data-v-9e7b2ee8]::-webkit-scrollbar{display:none}.integration-display[data-v-9e7b2ee8]{animation:fadeIn .3s ease}.fade-enter-active[data-v-9e7b2ee8],.fade-leave-active[data-v-9e7b2ee8]{transition:opacity .2s ease,transform .2s ease}.fade-enter-from[data-v-9e7b2ee8]{opacity:0;transform:translate(10px)}.fade-leave-to[data-v-9e7b2ee8]{opacity:0;transform:translate(-10px)}.display-header[data-v-9e7b2ee8]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:16px;margin-bottom:2rem}.header-icon[data-v-9e7b2ee8]{width:64px;height:64px;background:rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.header-info[data-v-9e7b2ee8]{flex:1}.integration-tagline[data-v-9e7b2ee8]{margin:0;font-size:1rem;color:#fffc}.visual-flow[data-v-9e7b2ee8]{margin-bottom:2rem}.flow-title[data-v-9e7b2ee8]{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:1rem}.flow-diagram[data-v-9e7b2ee8]{background:rgba(0,0,0,.2);overflow-x:auto;scrollbar-width:none}.flow-diagram[data-v-9e7b2ee8]::-webkit-scrollbar{display:none}.flow-node[data-v-9e7b2ee8]{display:flex;align-items:center;animation:slideIn-9e7b2ee8 .5s ease forwards;opacity:0;transform:translate(-10px)}@keyframes slideIn-9e7b2ee8{to{opacity:1;transform:translate(0)}}.node-number[data-v-9e7b2ee8]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0}.features-section[data-v-9e7b2ee8]{display:flex;gap:2rem}.features-grid[data-v-9e7b2ee8]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-block[data-v-9e7b2ee8]{display:flex;align-items:center;gap:.5rem;border-radius:8px;font-size:.85rem;color:#fffc;animation:fadeInUp-9e7b2ee8 .4s ease forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInUp-9e7b2ee8{to{opacity:1;transform:translateY(0)}}.feature-block i[data-v-9e7b2ee8]{color:#10b981;font-size:.9rem}@media (max-width: 992px){.explorer-container[data-v-9e7b2ee8]{height:450px}.nav-sidebar[data-v-9e7b2ee8]{width:220px}.nav-item[data-v-9e7b2ee8]{padding:.75rem 1.5rem;font-size:.9rem}.display-header[data-v-9e7b2ee8]{padding:1.25rem}.features-grid[data-v-9e7b2ee8]{grid-template-columns:1fr}.features-section[data-v-9e7b2ee8]{flex-direction:column}}@media (max-width: 768px){.explorer-container[data-v-9e7b2ee8]{flex-direction:column;height:auto;min-height:600px}.nav-sidebar[data-v-9e7b2ee8]{width:100%;padding:1rem 0;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.nav-title[data-v-9e7b2ee8]{margin:0 1.5rem 1rem}.nav-list[data-v-9e7b2ee8]{display:flex;flex-direction:row;overflow-x:auto;padding:0 1rem;gap:.5rem;scrollbar-width:none}.nav-list[data-v-9e7b2ee8]::-webkit-scrollbar{display:none}.nav-item[data-v-9e7b2ee8]{padding:.625rem 1rem;white-space:nowrap;flex-shrink:0;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.nav-item.active[data-v-9e7b2ee8]:before{display:none}.nav-item.active[data-v-9e7b2ee8]{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent}.content-canvas[data-v-9e7b2ee8]{padding:1.5rem}.display-header[data-v-9e7b2ee8]{flex-direction:column;text-align:center}.flow-diagram[data-v-9e7b2ee8]{padding:1rem}}@media (max-width: 480px){.nav-item[data-v-9e7b2ee8]{font-size:.85rem;padding:.5rem .875rem}.header-icon[data-v-9e7b2ee8]{width:56px;height:56px;font-size:1.75rem}.integration-tagline[data-v-9e7b2ee8]{font-size:.9rem}.flow-diagram[data-v-9e7b2ee8]{gap:0}.node-number[data-v-9e7b2ee8]{width:28px;height:28px;font-size:.75rem}.feature-block[data-v-9e7b2ee8]{font-size:.8rem}}