/* SAS and the client's business share the center of the tool connections. */
.canvas-core.logo-hub { background:transparent; border:0; border-radius:0; box-shadow:none; transition:none; }
.unified-scroll.depth-scene .unified-network .canvas-core.logo-hub {
  --partner-gap:18px;
  width:286px; max-width:100%; height:112px; border-radius:0;
  background:transparent; color:#f7f8fc; border:0; box-shadow:none;
}
.logo-hub .core-connected { position:relative; flex-direction:row; gap:0; padding:0; }
.partnership-sas,.partnership-business { border-radius:16px; flex-shrink:0; box-shadow:0 16px 30px #173b6629,inset 0 1px 0 #ffffff24; }
.partnership-sas { width:92px; height:92px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:#06152a; border:1px solid #315586; }
.logo-hub-symbol { display:block; width:58px; height:48px; flex-shrink:0; }
.logo-hub-name { display:block; width:66px; height:14px; flex-shrink:0; }
.canvas-core.logo-hub .core-connected .partnership-business { width:176px; height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:12px; background:linear-gradient(145deg,#226bda,#174fab); border:1px solid #4382df; color:#fff; font:600 24px/1.08 var(--font-body); letter-spacing:-.035em; text-align:center; }
.partnership-title { display:block; white-space:nowrap; }
.canvas-core.logo-hub .core-connected .partnership-detail { display:block; max-width:150px; color:#e4efff; font:500 10px/1.5 var(--font-body); letter-spacing:.01em; text-wrap:balance; }
.partnership-link { position:relative; width:var(--partner-gap); height:2px; flex-shrink:0; background:#7aacef; }
.partnership-link::after { content:""; position:absolute; left:0; top:-2px; width:6px; height:6px; border-radius:50%; background:#1b5fc9; box-shadow:0 0 0 4px #83b0ed26; }
.partnership-caption { position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:310px; max-width:calc(100vw - 40px); margin:0; color:#344c6a; font:500 12px/1.4 var(--font-body); text-align:center; }
.has-logo-hub figcaption { padding-top:0!important; }
.has-logo-hub #canvas-tool-note:empty { display:none; }
.has-logo-hub #canvas-tool-note:not(:empty) { margin-top:32px; }
.has-logo-hub .logo-hub::after { display:none; }
.unified-scroll.depth-scene .has-logo-hub[data-state="separate"] .logo-hub { background:transparent; border:1px dashed #91a8cb; border-radius:22px; box-shadow:none; }
.has-logo-hub[data-state="separate"] .core-connected { display:none; }
.has-logo-hub .core-separate { padding:14px; text-align:center; }
.has-logo-hub .core-separate strong { font-size:16px; }
.has-logo-hub .core-separate small { font-size:10px; }
.static-home .partnership-link::after { animation:none!important; transform:translateX(calc((var(--partner-gap) - 6px)/2)); }
@media(min-width:701px) {
  .depth-scene .unified-network .has-logo-hub .canvas-stage { height:182px; margin:8px 0; }
}
@media(min-width:701px) and (max-height:850px) {
  .depth-scene .unified-network .has-logo-hub .canvas-stage { height:120px; }
}
@media(max-width:1200px) {
  .unified-scroll.depth-scene .unified-network .canvas-core.logo-hub { --partner-gap:12px; width:236px; height:88px; }
  .partnership-sas { width:76px; height:76px; gap:4px; border-radius:13px; }
  .logo-hub-symbol { width:46px; height:38px; }
  .logo-hub-name { width:58px; height:12px; }
  .canvas-core.logo-hub .core-connected .partnership-business { width:148px; height:88px; font-size:21px; gap:7px; padding:9px; }
  .canvas-core.logo-hub .core-connected .partnership-detail { font-size:9px; }
  .partnership-caption { width:180px; font-size:11px; }
}
@media(min-width:701px) and (max-width:900px) {
  .unified-scroll.depth-scene .unified-network .canvas-core.logo-hub { width:196px; height:80px; }
  .partnership-sas { width:64px; height:64px; gap:4px; border-radius:11px; }
  .logo-hub-symbol { width:40px; height:33px; }
  .logo-hub-name { width:49px; height:10px; }
  .canvas-core.logo-hub .core-connected .partnership-business { width:120px; height:80px; font-size:18px; border-radius:13px; padding:8px; gap:6px; }
  .partnership-caption { width:140px; font-size:10.5px; }
}
@media(min-width:701px) and (max-width:1200px) {
  .depth-scene .unified-network .has-logo-hub .canvas-tool>span { width:34px; height:34px; border-radius:10px; }
  .depth-scene .unified-network .has-logo-hub .canvas-tool img { width:23px; height:23px; }
}
@media(min-width:701px) and (max-width:900px) {
  .depth-scene .unified-network .has-logo-hub .canvas-tool>span { width:28px; height:28px; border-radius:8px; }
  .depth-scene .unified-network .has-logo-hub .canvas-tool img { width:19px; height:19px; }
}
@media(max-width:700px) {
  .unified-scroll.depth-scene .unified-network .canvas-core.logo-hub { margin-top:20px; }
  .unified-scroll.depth-scene .unified-network .logo-hub::before { height:20px; }
  .partnership-caption { width:270px; }
  .has-logo-hub .canvas-stage { padding-bottom:30px; }
}
@media(prefers-reduced-motion:no-preference) {
  .partnership-link::after { animation:partnership-exchange 3.6s ease-in-out infinite; }
  [data-motion="paused"] .partnership-link::after { animation-play-state:paused; }
  @keyframes partnership-exchange {
    0%,100% { transform:translateX(0); opacity:.5; }
    45%,55% { transform:translateX(calc(var(--partner-gap) - 6px)); opacity:1; }
  }
}