.connection-diagram{margin:0 0 42px;padding:28px;border:1px solid var(--ui-border);border-radius:14px;background:#07101a88;text-align:center}.connection-diagram figcaption{font-size:17px;margin-bottom:25px;color:#c4d7ef}.connection-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connection-sources span,.connection-result{padding:13px 16px;border:1px solid #8fb6e54d;border-radius:8px;background:#101f30;font-size:16px}.connection-diagram svg{display:block;width:100%;height:100px;overflow:visible}.connection-diagram path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.beam-base{stroke:#44617f}.beam-light{stroke:#c0ddff;stroke-dasharray:18 300;stroke-dashoffset:320;filter:drop-shadow(0 0 4px #7ba9df)}.beam-light path{animation:connect-flow 3s linear infinite;animation-play-state:paused}.beam-light path:nth-child(2){animation-delay:-1s}.beam-light path:nth-child(3){animation-delay:-2s}.connection-diagram.in-view:not(.page-hidden) .beam-light path{animation-play-state:running}.connection-result{width:fit-content;max-width:100%;margin:auto;background:#203950}@keyframes connect-flow{to{stroke-dashoffset:0}}.reduced .beam-light{display:none}
.light-service{position:relative;isolation:isolate;padding-inline:16px;margin-inline:-16px}.light-service:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:10px;opacity:0;pointer-events:none;background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,50%),#80b7ff1f,transparent);transition:opacity .18s}.light-service:hover:before,.light-service:focus-within:before,.light-service[open]:before{opacity:1}.interactive-cta{position:relative;overflow:hidden;isolation:isolate;transition:color .2s,border-color .2s!important}.interactive-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:#bfd8f6;transform:translateX(101%);transition:transform .24s cubic-bezier(.2,.65,.3,1)}.interactive-cta>span{transition:transform .24s}.interactive-cta:hover,.interactive-cta:focus-visible{color:#081523!important;border-color:#bfd8f6!important}.interactive-cta:hover:before,.interactive-cta:focus-visible:before{transform:translateX(0)}.interactive-cta:hover>span,.interactive-cta:focus-visible>span{transform:translate(-3px,-3px)}.zoom-open{font-size:12px;margin:0 0 12px;min-height:40px}.zoom-dialog{width:min(1100px,94vw);max-height:92dvh;padding-top:55px}.zoom-dialog h2{font-size:28px}.zoom-dialog>p{font-size:13px;line-height:1.7;color:#b7c9df}.zoom-scroll{height:60dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--ui-border);border-radius:10px;background:#030912;direction:ltr;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll svg{display:block;width:160%;height:150%;min-width:800px;min-height:750px}.detail-lens{position:absolute;width:150px;height:150px;overflow:hidden;border:2px solid #b7d6ff;border-radius:50%;pointer-events:none;background:#030912;box-shadow:0 8px 30px #0009;z-index:2}
@media(max-width:767px){.connection-diagram{padding:20px 12px;margin-bottom:28px}.connection-diagram figcaption{font-size:15px}.connection-sources{gap:8px}.connection-sources span{font-size:13px;padding:12px 6px}.connection-result{font-size:14px}.connection-diagram svg{height:70px}.zoom-open{min-height:44px;font-size:12px}.zoom-dialog{width:calc(100vw - 20px);padding:60px 15px 20px}.zoom-scroll{height:62dvh}.zoom-scroll svg{min-width:650px;min-height:850px}.detail-lens{display:none}.light-service:before{background:linear-gradient(110deg,#80b7ff14,transparent)}}
.reduced .interactive-cta:before,.reduced .interactive-cta>span,.reduced .light-service:before{transition:none}.reduced .interactive-cta:hover>span{transform:none}@media(prefers-reduced-motion:reduce){.beam-light{display:none}.interactive-cta:before,.interactive-cta>span,.light-service:before{transition:none!important}.interactive-cta:hover>span{transform:none}}
.zoom-scroll svg{width:max(100%,800px);height:auto;min-height:0;min-width:0}@media(max-width:767px){.zoom-scroll svg{width:max(100%,650px);min-height:0;min-width:0}}