.data-flow-diagram{--data-flow-amber:#f0980f;--data-flow-amber-soft:#ffb73d;--data-flow-ink:#232544;--data-flow-muted:#71748c;--data-flow-card:#15172a;--data-flow-card-line:#f0980f8c;--data-flow-panel-line:#ececf3;width:100%;max-width:1200px;color:var(--data-flow-ink);margin:0 auto;font-family:Poppins,system-ui,sans-serif}.data-flow-panel{border:1px solid var(--data-flow-panel-line);background:#fff;border-radius:18px;padding:clamp(1.25rem,3vw,2.125rem) clamp(1rem,3vw,2.125rem) clamp(1rem,2.5vw,1.5rem);box-shadow:0 18px 50px #23254412}.data-flow-row{align-items:stretch;gap:0;display:flex}.data-flow-card{border:1.5px solid var(--data-flow-card-line);background:var(--data-flow-card);text-align:center;border-radius:12px;flex:1 1 0;padding:clamp(1rem,2vw,1.375rem) clamp(.8rem,1.6vw,1.125rem) clamp(.95rem,1.8vw,1.25rem);animation:4s ease-in-out infinite data-flow-card-glow;position:relative}.data-flow-card:first-child{animation-delay:0s}.data-flow-card:nth-child(3){animation-delay:.5s}.data-flow-card:nth-child(5){animation-delay:1s}.data-flow-card:nth-child(7){animation-delay:1.5s}.data-flow-number{color:var(--data-flow-amber);letter-spacing:.08em;font-family:Rajdhani,system-ui,sans-serif;font-size:.94rem;font-weight:700}.data-flow-icon{justify-content:center;align-items:center;height:2.5rem;margin:.5rem 0 .6rem;display:flex}.data-flow-icon svg{stroke:var(--data-flow-amber)}.data-flow-title{color:#fff;letter-spacing:.02em;font-family:Rajdhani,system-ui,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.15}.data-flow-description{color:#a7abc0;margin-top:.4rem;font-size:.78rem;line-height:1.6}.data-flow-arrow{flex:none;align-self:center;width:clamp(2.4rem,5.5vw,4.125rem)}.data-flow-arrow svg{width:100%;height:1.625rem;display:block}.data-flow-divider{background:var(--data-flow-panel-line);height:1px;margin:1.5rem 0 0}.data-flow-caption{color:var(--data-flow-muted);padding-top:1.125rem;font-size:.88rem;line-height:1.65}@keyframes data-flow-card-glow{0%,70%,to{box-shadow:0 0 #f0980f00}82%{box-shadow:0 0 22px #f0980f59}}@media (width<=860px){.data-flow-row{flex-direction:column;gap:.875rem}.data-flow-arrow{display:none}}