.a2-ref-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 245px minmax(0,1fr);grid-template-rows:auto 126px 126px 76px;gap:22px 48px;margin-top:42px;padding:28px 42px;background-color:#fbfdff;background-image:radial-gradient(#cfe1f7 1px,transparent 1px);background-size:12px 12px}.a2-ref-sources{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.a2-ref-sources article,.a2-ref-services article,.a2-ref-app,.a2-ref-user{position:relative;border:1px solid #d8e6f7;border-radius:6px;background:#fff;box-shadow:0 10px 20px #174f8f0d}.a2-ref-sources article{min-height:92px;padding:15px}.a2-ref-sources i,.a2-ref-services i,.a2-ref-center>i,.a2-ref-app>i,.a2-ref-user>i{display:block;width:24px;height:24px;margin-bottom:9px;border-radius:4px;background:var(--a2)}.a2-ref-sources article:nth-child(2) i,.a2-ref-services article:nth-child(2) i{border-radius:50%;background:#98c9ff}.a2-ref-sources article:nth-child(3) i,.a2-ref-services article:nth-child(3) i{border:3px solid var(--a2);border-radius:50%;background:#fff}.a2-ref-sources b,.a2-ref-sources small,.a2-ref-services b,.a2-ref-services small{display:block}.a2-ref-sources b,.a2-ref-services b{font-size:14px}.a2-ref-sources small,.a2-ref-services small{margin-top:3px;color:var(--a2muted);font-size:11px}.a2-ref-center{grid-column:1/3;grid-row:2;align-self:start;justify-self:center;width:226px;min-height:116px;padding:18px;border:1px solid #9ec8fc;border-radius:8px;background:#fff;box-shadow:0 14px 28px #1677ff15;text-align:center}.a2-ref-center>i{margin:0 auto 7px}.a2-ref-center strong,.a2-ref-center span{display:block}.a2-ref-center strong{font-size:18px}.a2-ref-center span{margin-top:4px;color:var(--a2muted);font-size:11px}.a2-ref-services{grid-column:3;grid-row:1/4;display:grid;align-content:center;gap:14px}.a2-ref-services article{padding:13px 14px 13px 52px}.a2-ref-services i{position:absolute;top:15px;left:16px;width:22px;height:22px;margin:0}.a2-ref-app{grid-column:1/3;grid-row:3;justify-self:center;display:flex;align-items:center;gap:12px;width:190px;padding:16px 18px}.a2-ref-app>i,.a2-ref-user>i{width:26px;height:26px;margin:0;border-radius:50%;background:#8aa0b8}.a2-ref-app strong{font-size:14px}.a2-ref-app span{display:block;margin-top:3px;color:var(--a2muted);font-size:10px}.a2-ref-user{grid-column:1/3;grid-row:4;justify-self:center;display:flex;align-items:center;gap:10px;padding:12px 22px}.a2-ref-user>i{width:20px;height:20px;background:var(--a2)}.a2-ref-user span{font-size:13px;font-weight:800}.a2-ref-center:before{position:absolute;top:-22px;left:50%;height:22px;border-left:1px dashed var(--a2);content:""}.a2-ref-app:before{position:absolute;bottom:100%;left:50%;height:30px;border-left:1px dashed var(--a2);content:""}.a2-ref-user:before{position:absolute;bottom:100%;left:50%;height:22px;border-left:1px dashed var(--a2);content:""}.a2-ref-services:before{position:absolute;top:50%;right:100%;width:48px;border-top:1px dashed var(--a2);content:""}@media(max-width:850px){.a2-ref-flow{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;padding:24px}.a2-ref-sources{grid-column:1/3}.a2-ref-center{grid-column:1/3;grid-row:2}.a2-ref-services{grid-column:1/3;grid-row:3;grid-template-columns:repeat(3,1fr)}.a2-ref-app{grid-column:1;grid-row:4}.a2-ref-user{grid-column:2;grid-row:4}.a2-ref-services:before{display:none}.a2-ref-center:before{display:none}}@media(max-width:560px){.a2-ref-flow{display:flex;flex-direction:column;gap:14px;padding:16px}.a2-ref-sources,.a2-ref-services{display:grid;grid-template-columns:1fr}.a2-ref-center,.a2-ref-app,.a2-ref-user{width:100%;min-height:0}.a2-ref-center:before,.a2-ref-app:before,.a2-ref-user:before{display:none}}