.tf-flow{position:relative;--flow-ink:#ecf5ff;--flow-muted:#a3b8cc;color:var(--flow-ink);width:100%}.tf-flow-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:9px;letter-spacing:2px;color:#8bb9cc;font-weight:650}.tf-flow-caption{font-size:11px;font-weight:400;letter-spacing:0;color:#91a9bf}.tf-flow-map{position:relative;aspect-ratio:660/300;width:100%;margin:8px 0 0;background:radial-gradient(ellipse at 50% 52%,#1a776224,transparent 65%)}.tf-flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tf-flow-track{stroke:#3c7c8e;stroke-width:1.4;opacity:.65}.tf-flow-track-center{stroke-dasharray:2 6;opacity:.45}.tf-flow-pulse{stroke:#94ffe9;stroke-width:3.3;stroke-linecap:round;stroke-dasharray:13 87;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #4bf2ce);animation:tf-flow-travel 8s linear infinite}.tf-flow-pulse-two{animation-delay:-2.67s;stroke:#76cfff}.tf-flow-pulse-three{animation-delay:-5.33s;stroke-width:2.6}.tf-flow-junction{fill:#143e49;stroke:#7bd7cf;stroke-width:1.2;animation:tf-flow-junction 8s ease-in-out infinite}.tf-flow-junction-1{animation-delay:-2.67s}.tf-flow-junction-2{animation-delay:-5.33s}.tf-flow-junction-3{animation-delay:-1.33s}
.tf-flow-node{position:absolute;top:25%;width:25%;height:58%;box-sizing:border-box;border:1px solid #3d74806e;border-radius:17px;background:linear-gradient(145deg,#142d40,#0b2132);box-shadow:0 14px 32px #0003,inset 0 1px #b5f3eb0a;display:flex;flex-direction:column;justify-content:center;padding:17px 18px;isolation:isolate;overflow:hidden}.tf-flow-source{left:0}.tf-flow-compare{left:37.5%;border-color:#62b4a56b;background:linear-gradient(145deg,#183e46,#102a3a)}.tf-flow-report{right:0}.tf-flow-node-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,#54f0d357,transparent 80%);opacity:.1;animation:tf-flow-node 8s ease-in-out infinite}.tf-flow-compare .tf-flow-node-light{animation-delay:-5.33s}.tf-flow-report .tf-flow-node-light{animation-delay:-2.67s}.tf-flow-number{position:absolute;top:15px;right:15px;color:#7397af;font-size:9px;letter-spacing:1px}.tf-flow-icon{display:flex;width:28px;height:28px;color:#89e7d8;margin-bottom:12px}.tf-flow-node strong{font-size:14px;font-weight:650;line-height:1.3;color:#eef7ff;letter-spacing:-.2px}.tf-flow-node small{font-size:10px;color:#a7bed0;line-height:1.65;margin-top:7px}.tf-flow-bars{display:flex;gap:4px;margin-top:12px}.tf-flow-bars i{width:19px;height:3px;background:#547c8c;border-radius:3px}.tf-flow-bars i:nth-child(2){width:30px;background:#4cafa3}.tf-flow-bars i:nth-child(3){width:12px}.tf-flow-compare-mark{position:absolute;bottom:12px;right:16px;color:#63c9bd;font-size:23px;opacity:.5}.tf-flow-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #557c8d30;padding-top:15px;font-size:10px;color:#a4b9cc}.tf-flow-bottom b{font-weight:400;color:#64cbbb;margin:0 6px}.tf-motion-toggle{font:inherit;letter-spacing:0;border:1px solid #517a8b85;border-radius:30px;min-height:34px;padding:7px 12px;background:#142f40;color:#c7e5ed;display:inline-flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;transition:background-color 150ms,border-color 150ms}.tf-motion-toggle:hover{background:#20495a;border-color:#83d8ca}.tf-motion-toggle:focus-visible{outline:3px solid #9cebdc;outline-offset:4px}.tf-motion-toggle:disabled{cursor:default;color:#a0b9cb;opacity:.85}.tf-motion-scene[data-motion=paused] .tf-flow-motion,.tf-motion-scene[data-motion=paused] .tf-logo-glow{animation-play-state:paused}.tf-motion-scene[data-motion=reduced] .tf-flow-motion,.tf-motion-scene[data-motion=reduced] .tf-logo-glow{animation:none!important}.tf-logo-glow{animation:tf-logo-light 8s ease-in-out infinite;pointer-events:none}
@keyframes tf-flow-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes tf-flow-node{0%,65%,100%{opacity:.08}18%,32%{opacity:.85}}@keyframes tf-flow-junction{0%,60%,100%{fill:#143e49;filter:none}18%,32%{fill:#a4ffe9;filter:drop-shadow(0 0 5px #68e8d6)}}@keyframes tf-logo-light{0%,100%{opacity:.4}50%{opacity:.85}}
@media(max-width:1050px) and (min-width:801px){.tf-flow-node{padding:12px 10px}.tf-flow-node strong{font-size:12px}.tf-flow-node small{font-size:9px}.tf-flow-number{top:10px;right:10px}.tf-flow-icon{margin-bottom:7px}.tf-flow-bottom{gap:8px;flex-wrap:wrap}.tf-flow-heading{font-size:8px}.tf-flow-caption{font-size:10px}}
@media(max-width:600px){.tf-flow-map{aspect-ratio:660/280;margin-top:0}.tf-flow-node{border-radius:11px;padding:10px 8px;height:61%;top:24%}.tf-flow-icon{width:20px;height:20px;margin-bottom:7px}.tf-flow-icon svg{width:19px;height:19px}.tf-flow-node strong{font-size:10px}.tf-flow-node small,.tf-flow-bars,.tf-flow-compare-mark{display:none}.tf-flow-number{top:7px;right:7px;font-size:7px}.tf-flow-caption{display:none}.tf-flow-heading{font-size:8px;letter-spacing:1.4px}.tf-flow-bottom{padding-top:10px;gap:8px;flex-wrap:wrap;font-size:9px}.tf-flow-bottom b{margin:0 3px}.tf-motion-toggle{min-height:34px;padding:7px 10px;font-size:10px}.tf-flow-pulse{stroke-width:4.5}}
@media(prefers-reduced-motion:reduce){.tf-flow-motion,.tf-logo-glow{animation:none!important}.tf-flow-pulse{stroke-dasharray:none;opacity:.4;filter:none}.tf-motion-toggle{transition:none}}