@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.tab-navigation[data-v-c809b14c]{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:rgba(0,0,0,.2);border-radius:16px;overflow-x:auto;scrollbar-width:none}.tab-navigation[data-v-c809b14c]::-webkit-scrollbar{display:none}.tab-button[data-v-c809b14c]{flex:1;min-width:120px;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.tab-button[data-v-c809b14c]:hover{background:rgba(255,255,255,.05);color:#fff}.tab-button.active[data-v-c809b14c]{background:var(--tab-color);border-color:transparent;color:#fff;transform:scale(1.05)}.tab-button i[data-v-c809b14c]{font-size:1rem}.content-area[data-v-c809b14c]{min-height:500px}.tab-content[data-v-c809b14c]{animation:fadeIn-c809b14c .5s ease}@keyframes fadeIn-c809b14c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.visual-diagram[data-v-c809b14c]{height:280px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.1);border-radius:16px;position:relative;overflow:hidden}.linear-flow[data-v-c809b14c]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;position:relative}.flow-node[data-v-c809b14c]{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.node-circle[data-v-c809b14c]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:.75rem;animation:scaleIn-c809b14c .5s ease forwards;opacity:0;transform:scale(0);cursor:pointer;transition:transform .3s ease}@keyframes scaleIn-c809b14c{to{opacity:1;transform:scale(1)}}.flow-node:hover .node-circle[data-v-c809b14c]{transform:scale(1.1);box-shadow:0 8px 24px #667eea66}.node-label[data-v-c809b14c]{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.node-week[data-v-c809b14c]{font-size:.75rem;color:#ffffff80}.node-details[data-v-c809b14c]{position:absolute;top:100%;margin-top:.5rem;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;min-width:180px;z-index:10}.node-details ul[data-v-c809b14c]{list-style:none;padding:0;margin:0}.node-details li[data-v-c809b14c]{font-size:.75rem;color:#fffc;padding:.25rem 0 .25rem 1rem;position:relative}.node-details li[data-v-c809b14c]:before{content:"•";position:absolute;left:0;color:#667eea}.flow-connector[data-v-c809b14c]{position:absolute;top:30px;left:60px;width:calc(100% - 60px);height:2px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:.3}.hub-spoke[data-v-c809b14c]{position:relative;width:300px;height:300px}.central-hub[data-v-c809b14c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;z-index:5;box-shadow:0 8px 24px #4facfe66}.central-hub span[data-v-c809b14c]{font-size:.7rem;margin-top:.25rem}.spoke-node[data-v-c809b14c]{position:absolute;top:50%;left:50%;animation:fadeInSpoke-c809b14c .5s ease forwards;opacity:0}@keyframes fadeInSpoke-c809b14c{to{opacity:1}}.spoke-line[data-v-c809b14c]{position:absolute;width:80px;height:2px;background:linear-gradient(90deg,transparent,#4facfe);transform-origin:left center;transform:rotate(var(--angle));left:-80px;top:50%;margin-top:-1px}.spoke-circle[data-v-c809b14c]{width:50px;height:50px;border-radius:50%;background:rgba(79,172,254,.1);border:2px solid rgba(79,172,254,.5);display:flex;align-items:center;justify-content:center;color:#4facfe;transform:rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)));cursor:pointer;transition:all .3s ease}.spoke-circle[data-v-c809b14c]:hover{background:rgba(79,172,254,.2);transform:rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) scale(1.1)}.spoke-label[data-v-c809b14c]{position:absolute;transform:rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)));top:80px;left:-30px;width:110px;text-align:center;font-size:.75rem;color:#ffffffb3}.spoke-details[data-v-c809b14c]{position:absolute;transform:rotate(var(--angle)) translate(180px) rotate(calc(-1 * var(--angle)));background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;min-width:150px;z-index:10}.spoke-details ul[data-v-c809b14c]{list-style:none;padding:0;margin:0}.spoke-details li[data-v-c809b14c]{font-size:.7rem;color:#fffc;padding:.2rem 0}.layer-stack[data-v-c809b14c]{width:100%;max-width:500px;perspective:1000px}.stack-layer[data-v-c809b14c]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;margin-bottom:-.5rem;transform:translateZ(calc(var(--layer-index) * -30px)) translateY(calc(var(--layer-index) * 20px));transform-style:preserve-3d;animation:slideInLayer-c809b14c .5s ease forwards;opacity:0;cursor:pointer;transition:all .3s ease}@keyframes slideInLayer-c809b14c{to{opacity:1}}.stack-layer[data-v-c809b14c]:hover{transform:translateZ(calc(var(--layer-index) * -30px)) translateY(calc(var(--layer-index) * 20px)) scale(1.02);background:rgba(255,255,255,.08)}.stack-layer[data-v-c809b14c]:nth-child(1){background:linear-gradient(135deg,rgba(67,233,123,.1),rgba(56,249,215,.1));border-color:#43e97b4d}.stack-layer[data-v-c809b14c]:nth-child(2){background:linear-gradient(135deg,rgba(67,233,123,.05),rgba(56,249,215,.05));border-color:#43e97b33}.stack-layer[data-v-c809b14c]:nth-child(3){background:rgba(255,255,255,.02);border-color:#ffffff1a}.layer-header[data-v-c809b14c]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.layer-header i[data-v-c809b14c]{font-size:1.25rem;color:#43e97b}.layer-access[data-v-c809b14c]{margin-left:auto;font-size:.75rem;padding:.25rem .5rem;background:rgba(67,233,123,.2);border-radius:10px;color:#43e97b}.layer-content[data-v-c809b14c]{display:flex;flex-wrap:wrap;gap:.5rem}.layer-item[data-v-c809b14c]{font-size:.75rem;padding:.25rem .5rem;background:rgba(255,255,255,.05);border-radius:6px;color:#ffffffb3}.integration-flow[data-v-c809b14c]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;gap:2rem}.source-systems[data-v-c809b14c],.target-systems[data-v-c809b14c]{display:flex;flex-direction:column;gap:1rem}.source-node[data-v-c809b14c],.target-node[data-v-c809b14c]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;animation:slideIn-c809b14c .5s ease forwards;opacity:0}@keyframes slideIn-c809b14c{to{opacity:1}}.source-node i[data-v-c809b14c],.target-node i[data-v-c809b14c]{font-size:1.25rem;color:#fa709a}.integration-center[data-v-c809b14c]{position:relative}.center-node[data-v-c809b14c]{width:100px;height:100px;border-radius:16px;background:linear-gradient(135deg,#fa709a,#fee140);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;position:relative;z-index:2;animation:pulse-c809b14c 2s infinite}@keyframes pulse-c809b14c{0%,to{box-shadow:0 4px 20px #fa709a66}50%{box-shadow:0 4px 30px #fa709a99}}.center-node span[data-v-c809b14c]{font-size:.7rem;margin-top:.25rem;text-align:center}.data-flow-lines[data-v-c809b14c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:2px}.flow-line[data-v-c809b14c]{position:absolute;width:80px;height:2px;background:linear-gradient(90deg,transparent,#fa709a,transparent);animation:flowData-c809b14c 2s linear infinite}.flow-line[data-v-c809b14c]:nth-child(1){left:-80px;animation-delay:0s}.flow-line[data-v-c809b14c]:nth-child(2){left:-80px;animation-delay:.5s}.flow-line[data-v-c809b14c]:nth-child(3){right:-80px;animation-delay:1s}.flow-line[data-v-c809b14c]:nth-child(4){right:-80px;animation-delay:1.5s}@keyframes flowData-c809b14c{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ecommerce-flow[data-v-c809b14c]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.ecom-step[data-v-c809b14c]{flex:1;display:flex;align-items:center;opacity:0;animation:fadeInUp-c809b14c .5s ease forwards}@keyframes fadeInUp-c809b14c{to{opacity:1;transform:translateY(0)}}.step-card[data-v-c809b14c]{flex:1;padding:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease}.step-card[data-v-c809b14c]:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);border-color:#f093fb4d}.step-icon[data-v-c809b14c]{width:50px;height:50px;margin:0 auto .5rem;border-radius:12px;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.step-label[data-v-c809b14c]{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.step-feature[data-v-c809b14c]{font-size:.75rem;color:#ffffff80}.step-arrow[data-v-c809b14c]{padding:0 .5rem;color:#ffffff4d;animation:slideArrow-c809b14c 1.5s ease infinite}@keyframes slideArrow-c809b14c{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.features-grid[data-v-c809b14c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.feature-item[data-v-c809b14c]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fffc}.feature-item i[data-v-c809b14c]{color:#10b981;font-size:.9rem}.stats-footer[data-v-c809b14c]{display:flex;justify-content:space-around;padding:1.5rem;background:rgba(0,0,0,.1);border-radius:12px;margin-bottom:2rem}.stat-item[data-v-c809b14c]{display:flex;align-items:center;gap:.5rem}.stat-item i[data-v-c809b14c]{font-size:1rem;color:#ffffff80}.stat-label[data-v-c809b14c]{font-size:.85rem;color:#ffffff80}.stat-value[data-v-c809b14c]{font-size:.95rem;font-weight:600;color:#fff}.cta-section[data-v-c809b14c]{text-align:center}.cta-button[data-v-c809b14c]{padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cta-button[data-v-c809b14c]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #667eea66}.cta-button i[data-v-c809b14c]{transition:transform .3s ease}.cta-button:hover i[data-v-c809b14c]{transform:translate(4px)}.cta-note[data-v-c809b14c]{margin:0;font-size:.85rem;color:#ffffff80}@media (max-width: 992px){.integration-flow[data-v-c809b14c]{flex-direction:column;max-width:300px}.source-systems[data-v-c809b14c],.target-systems[data-v-c809b14c]{flex-direction:row;width:100%;justify-content:center}}@media (max-width: 768px){.widget-container[data-v-c809b14c]{padding:1.5rem}.widget-title[data-v-c809b14c]{font-size:1.5rem}.tab-navigation[data-v-c809b14c]{gap:.25rem}.tab-button[data-v-c809b14c]{padding:.5rem .75rem;font-size:.8rem;min-width:100px}.visual-diagram[data-v-c809b14c]{padding:1rem;height:240px}.linear-flow[data-v-c809b14c]{flex-direction:column;height:100%;max-width:none}.flow-connector[data-v-c809b14c]{display:none}.node-circle[data-v-c809b14c]{width:45px;height:45px;font-size:1.25rem}.hub-spoke[data-v-c809b14c]{transform:scale(.8)}.ecommerce-flow[data-v-c809b14c]{flex-direction:column;gap:.5rem}.step-arrow[data-v-c809b14c]{transform:rotate(90deg)}.features-grid[data-v-c809b14c]{grid-template-columns:1fr}.stats-footer[data-v-c809b14c]{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.widget-container[data-v-c809b14c]{padding:1rem}.tab-button[data-v-c809b14c]{flex-direction:column;gap:.25rem;padding:.75rem .5rem}.tab-button i[data-v-c809b14c]{font-size:1.25rem}.tab-button span[data-v-c809b14c]{font-size:.7rem}.visual-diagram[data-v-c809b14c]{height:200px}.layer-stack[data-v-c809b14c]{transform:scale(.9)}.cta-button[data-v-c809b14c]{width:100%;justify-content:center}}