.sync-visual{min-height:430px;background:#0d1825;isolation:isolate}.sync-core{width:158px;height:158px;flex:none;border-color:#a8dc5577;animation:ledger-glow 3.5s ease-in-out infinite}.sync-core::before,.sync-core::after{content:"";position:absolute;inset:-12px;border:1px solid #c8fa5755;border-radius:50%;pointer-events:none;animation:ledger-ring 4s ease-out infinite;z-index:-1}.sync-core::after{animation-delay:2s}.sync-core b{font-size:15px;line-height:1.2}.sync-core small{font-size:12px;line-height:1.35;color:#bbcad6}.sync-node{min-width:130px;max-width:44%;padding:12px;grid-template-columns:28px minmax(0,1fr);animation:node-signal 5.6s ease-in-out infinite}.sync-node b{font-size:14px;line-height:1.35}.sync-node small{font-size:12px;line-height:1.4;color:#b6c6d3}.sync-node svg{width:23px;height:23px}.node-bank{left:4%;top:6%;animation-delay:0s}.node-desktop{right:4%;top:6%;animation-delay:1.4s}.node-web{left:4%;bottom:6%;animation-delay:2.8s}.node-mobile{right:4%;bottom:6%;animation-delay:4.2s}.feature-switch .sync-node>span svg{animation:icon-arrive .5s ease both}.feature-switch .sync-node b,.feature-switch .sync-node small{animation:label-arrive .4s ease both}.feature-switch .node-desktop>span svg{animation-delay:.08s}.feature-switch .node-web>span svg{animation-delay:.16s}.feature-switch .node-mobile>span svg{animation-delay:.24s}@keyframes ledger-glow{0%,100%{box-shadow:0 0 22px #c8fa5715,0 0 0 16px #c8fa5705}50%{box-shadow:0 0 50px #c8fa5750,0 0 0 23px #c8fa5710;border-color:#c8fa57}}@keyframes ledger-ring{0%{transform:scale(.95);opacity:.55}100%{transform:scale(1.65);opacity:0}}@keyframes node-signal{0%,22%,100%{border-color:#35475a;box-shadow:0 12px 26px #0002}10%{border-color:#c8fa57;box-shadow:0 0 18px #c8fa5733}}@keyframes icon-arrive{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:none}}@keyframes label-arrive{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}@media(max-width:520px){.sync-visual{min-height:410px}.sync-core{width:135px;height:135px;padding:14px}.sync-core b{font-size:14px}.sync-node{min-width:0;width:44%;padding:9px;column-gap:6px;grid-template-columns:24px minmax(0,1fr)}.sync-node>span{width:24px;height:26px}.sync-node b{font-size:12px}.sync-node small{font-size:12px}.node-bank,.node-web{left:3%}.node-desktop,.node-mobile{right:3%}}@media(prefers-reduced-motion:reduce){.sync-core,.sync-core::before,.sync-core::after,.sync-node,.feature-switch .sync-node>span svg,.feature-switch .sync-node b,.feature-switch .sync-node small{animation:none!important}.sync-core{box-shadow:0 0 28px #c8fa572b}.sync-core::before,.sync-core::after{display:none}}