.diagram-block{margin:42px 0 38px}.diagram-block>p{font-size:14px;color:#647089}.connection-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 145px 1.28fr;align-items:center;gap:45px;min-height:280px;margin:18px 0 0;padding:34px 20px 59px}
.connection-scene::before{content:'';position:absolute;inset:-65px -95px;z-index:-2;background:radial-gradient(ellipse at 51% 47%,#e4eaffc4,transparent 66%);pointer-events:none}
.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.connection-line{fill:none;stroke:#cedafa;stroke-width:1.2}.connection-pulse{fill:none;stroke:#7fa0f0;stroke-width:1.6;stroke-dasharray:8 92;stroke-dashoffset:110;opacity:0;animation:connection-travel 3.8s linear infinite;animation-play-state:paused}.is-active .connection-pulse{animation-play-state:running}.connection-pulse:nth-of-type(4){animation-delay:.25s}.connection-pulse:nth-of-type(6){animation-delay:.5s}.connection-pulse:nth-of-type(8){animation-delay:.75s}
.connection-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.connection-source{display:flex;align-items:center;gap:11px;background:#ffffffd9;border-radius:17px;padding:10px 16px 10px 10px;font-size:11px;color:#64728b;box-shadow:0 12px 25px -20px #3750833b;white-space:nowrap}.connection-source:nth-child(2){margin-left:17px}.connection-source>span{width:30px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f0f3fb;color:#7088b7}.connection-source svg{width:17px;height:17px}
.connection-core{text-align:center;font-size:11px;justify-self:center}.connection-core>[data-node]{display:grid;place-items:center;width:97px;height:97px;margin:0 auto 13px;border-radius:29px;background:linear-gradient(135deg,#fffffff5,#eaf0ff);box-shadow:0 18px 27px -22px #6a85ba80,inset 0 1px 2px #fff}.connection-core img{width:70px;height:70px;object-fit:contain}.connection-core strong{display:block;font-size:12px;font-weight:550;color:#283647}.connection-core>span{display:block;font-size:10px;margin-top:3px;color:#78859b}
.connection-output{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:169px;padding:22px;background:linear-gradient(135deg,#ffffffec,#ffffffc7);border-radius:25px;box-shadow:0 26px 43px -28px #526b942e;transition:transform .25s,box-shadow .25s}.connection-output:hover{transform:translateY(-3px);box-shadow:0 25px 45px -25px #4d6d9c40}.connection-output img{object-fit:contain;object-position:left center;width:99px;height:30px;margin-bottom:15px}.connection-output strong{font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.055em;white-space:nowrap}.connection-output>span:not(.scene-arrow){font-size:10px;color:#69768c;margin-top:11px}.scene-arrow{color:#3564df;align-self:flex-end;line-height:1;margin-top:14px;font-size:20px}.connection-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#778399;margin:0}
@keyframes connection-travel{0%{stroke-dashoffset:110;opacity:0}12%{opacity:.7}80%{opacity:.7}100%{stroke-dashoffset:-5;opacity:0}}
@media(max-width:1100px){.connection-scene{margin-left:-20px;margin-right:-20px;gap:25px;padding-left:5px;padding-right:5px}.connection-scene::before{inset:-35px 0}}
@media(max-width:650px){body{background-image:radial-gradient(ellipse 420px 520px at 50% 620px,#e9efffd9,transparent 80%)}.diagram-block{margin-top:32px}.connection-scene{grid-template-columns:1fr;gap:27px;min-height:410px;padding:24px 0 39px;margin:16px 0 0}.connection-inputs{flex-direction:row;justify-content:space-between;gap:7px}.connection-source{flex:1;flex-direction:column;gap:4px;padding:10px 6px;font-size:9px;border-radius:13px;min-width:0}.connection-source:nth-child(2){margin-left:0}.connection-source>span{width:27px;height:27px}.connection-core>[data-node]{width:76px;height:76px;border-radius:22px;margin-bottom:8px}.connection-core img{width:53px;height:53px}.connection-core strong{font-size:11px}.connection-core>span{font-size:9px}.connection-output{justify-self:center;min-height:130px;width:248px;padding:18px 20px;border-radius:22px}.connection-output img{height:23px;width:88px;margin-bottom:11px}.connection-output strong{font-size:24px}.connection-output>span:not(.scene-arrow){font-size:10px;margin-top:8px}.scene-arrow{position:absolute;right:19px;bottom:18px}.connection-caption{font-size:8px}.connection-scene::before{inset:-20px -15px}}
@media(prefers-reduced-motion:reduce){.connection-pulse{animation:none!important}.connection-output{transition:none}}
@media(prefers-reduced-transparency:reduce){.connection-source,.connection-output,.connection-core>[data-node],.composer,.document-card{background:#fff;backdrop-filter:none}}
@media(forced-colors:active){.connection-source,.connection-core>[data-node],.connection-output{border:1px solid CanvasText}.connection-line{stroke:CanvasText}.connection-scene::before{display:none}}