.flow-diagram{position:relative;height:560px;width:100%;overflow:hidden;padding:var(--spacing-80)}.flow-diagram,.flow-diagram-shader{display:flex;align-items:center;justify-content:center}.flow-diagram-shader{position:absolute;inset:0;z-index:0}.flow-diagram-animation{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.flow-animation{width:100%;max-width:640px}.flow-animation svg{display:block;overflow:visible}.flow-animation .route{fill:none;stroke:var(--color-ice-50);stroke-width:2;stroke-linecap:round}.flow-animation .station-label{font-family:var(--font-stk-miso);font-size:15px;fill:var(--color-ice-100)}.flow-animation .node-icon,.flow-animation .particle{fill:var(--color-ice-100)}@keyframes subway-move-fwd{0%{offset-distance:0}to{offset-distance:100%}}@keyframes subway-move-rev{0%{offset-distance:100%}to{offset-distance:0}}@media (prefers-reduced-motion:reduce){.flow-animation .particle{display:none}}.product{width:400px}.product,.product-body{display:flex;flex-direction:column;gap:20px}.product-header{gap:16px}.product-header,.product-label{display:flex;align-items:center}.product-label{gap:8px}.product-icon{width:16px;height:16px;flex-shrink:0}.product-link{display:flex;align-items:center;gap:8px;transition:gap .1s ease-out}.learn-more-text,.product-link{color:var(--color-text-tertiary)}.learn-more-text{transition:color .1s ease-out}.product-link:hover{gap:12px;.learn-more-text{color:var(--color-text-secondary)}}@media (max-width:768px){.product{width:100%}}