.connect-visual{position:relative}.connect-visual>*{position:absolute}.connect-core{z-index:3;left:50%;top:50%;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:rgba(8,30,50,.94);border:1px solid rgba(101,214,218,.42);border-radius:50%;box-shadow:0 0 60px rgba(22,117,242,.25);transform:translate(-50%,-50%)}.connect-core>b{display:grid;width:42px;height:42px;place-items:center;color:var(--navy);background:var(--cyan);border-radius:11px;font:500 21px var(--font-display)}.connect-core strong{margin-top:12px;font:500 17px var(--font-display)}.connect-core small{margin-top:5px;color:rgba(255,255,255,.4);font-size:6px;font-weight:800;letter-spacing:.14em}.connect-ring{left:50%;top:50%;width:330px;height:330px;border:1px dashed rgba(101,214,218,.25);border-radius:50%;transform:translate(-50%,-50%);animation:connect-spin 28s linear infinite}.connect-app{z-index:2;width:144px;padding:13px 14px;display:flex;align-items:center;gap:10px;color:#fff;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:11px;box-shadow:0 14px 28px rgba(0,0,0,.18)}.connect-app>b{display:grid;flex:none;width:29px;height:29px;place-items:center;color:var(--navy);background:var(--lime);border-radius:8px;font-size:8px}.connect-app span{font-size:9px;font-weight:700;line-height:1.25}.connect-app-one{left:0;top:30px}.connect-app-two{right:0;top:30px}.connect-app-three{left:0;bottom:30px}.connect-app-four{right:0;bottom:30px}.connect-pulse{z-index:4;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime);animation:connect-flow 8s linear infinite}@keyframes connect-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes connect-flow{0%,3%{left:50%;top:50%;opacity:0}8%{left:46%;top:46%;opacity:1}20%{left:17%;top:18%;opacity:1}23%{opacity:0}28%{left:50%;top:50%;opacity:0}33%{left:54%;top:46%;opacity:1}45%{left:83%;top:18%;opacity:1}48%{opacity:0}53%{left:50%;top:50%;opacity:0}58%{left:46%;top:54%;opacity:1}70%{left:17%;top:82%;opacity:1}73%{opacity:0}78%{left:50%;top:50%;opacity:0}83%{left:54%;top:54%;opacity:1}95%{left:83%;top:82%;opacity:1}98%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.connect-ring{animation:none}.connect-pulse{display:none}}

.dark-section .architecture h3{color:var(--ink)}