.flow{position:relative;margin:0;padding:clamp(22px,4vw,52px);border:1px solid var(--line);border-radius:var(--radius);background-color:var(--panel-low);background-image:radial-gradient(rgb(240 243 233 / .1) 1px,transparent 1.3px);background-size:22px 22px}.flow__row{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr) 56px minmax(0,1fr);align-items:center}.flow__node{position:relative;min-width:0;padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel)}.flow__node--kiosk{border-color:#4A5843;background:radial-gradient(120% 140% at 50% 0%,#1A2913,var(--panel) 70%);box-shadow:0 0 60px -10px rgb(var(--light) / .14)}.flow__node--kiosk::before{content:"";position:absolute;left:10px;right:10px;top:-1px;height:1.5px;background:var(--text);box-shadow:0 0 10px 1px rgb(var(--light) / .65)}.flow__node::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgb(var(--light) / .6),0 0 26px rgb(214 160 96 / .28);opacity:0;pointer-events:none}.flow__k{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--text);font-size:var(--t-ui);font-weight:700;line-height:1.25}.flow__k .ico{width:18px;height:18px;color:var(--oak);stroke-width:1.75}.flow__d{color:var(--text-2);font-size:var(--t-small);line-height:1.45}.flow__wire{position:relative;height:1px;background:var(--line-2)}.flow__wire::after{content:"";position:absolute;right:0;top:-3.5px;width:7px;height:7px;border-top:1px solid var(--text-3);border-right:1px solid var(--text-3);rotate:45deg}.flow__wire i{position:absolute;left:0;top:-3.5px;width:8px;height:8px;background:#D6A060;box-shadow:0 0 10px 1px rgb(214 160 96 / .9);opacity:0}.flow__wire--fork{align-self:stretch;height:auto;background:none}.flow__wire--fork::before{content:"";position:absolute;left:50%;right:0;top:25%;bottom:25%;border:1px solid var(--line-2);border-right:0}.flow__wire--fork::after{left:0;right:auto;top:calc(50% - .5px);width:50%;height:1px;border:0;rotate:none;background:var(--line-2)}.flow__wire--fork i{top:calc(50% - 4px)}.flow__pair{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}.flow__cap{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--text-3);font-size:var(--t-small)}.flow__cap::before{content:"";flex:none;width:5px;height:5px;background:var(--oak)}.benefits{--cg:clamp(28px,3vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--cg);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}.benefits li{position:relative;padding-top:24px}.benefits li + li::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--cg) / -2);width:1px;background:var(--line)}.benefits h3{margin-bottom:8px;font-size:var(--t-title);line-height:1.25;letter-spacing:-.015em}.benefits p{color:var(--text-2)}@media (max-width:1179px){.flow__node{padding:16px 14px 14px}}@media (min-width:1024px) and (max-width:1279px){.flow__row>.flow__node{min-height:7.875rem}}.mo .flow.is-run .flow__wire--1 i{animation:pkt-x 3.2s var(--ease-io) 0s 3 both}.mo .flow.is-run .flow__wire--2 i{animation:pkt-x 3.2s var(--ease-io) .9s 3 both}.mo .flow.is-run .flow__wire--fork i{animation:pkt-fork 3.2s var(--ease-io) 1.8s 3 both}.mo .flow.is-run .flow__wire--1 i + i{animation-delay:1.6s}.mo .flow.is-run .flow__wire--2 i + i{animation-delay:2.5s}.mo .flow.is-run .flow__wire--fork i + i{animation-delay:3.4s}.mo .flow.is-run .flow__node--kiosk::after{animation:ping 3.2s linear 0s 3 both}.mo .flow.is-run .flow__node--cloud::after{animation:ping 3.2s linear .9s 3 both}.mo .flow.is-run .flow__node--operator::after{animation:ping 3.2s linear 1.8s 3 both}.mo .flow.is-run .flow__node--wms::after{animation:ping 3.2s linear 1.9s 3 both}@keyframes pkt-x{0%{opacity:0;transform:translateX(0)}5%{opacity:1}22%{opacity:1;transform:translateX(38px)}26%,100%{opacity:0;transform:translateX(38px)}}@keyframes pkt-fork{0%{opacity:0;transform:translateX(0)}5%{opacity:1}18%{opacity:1;transform:translateX(20px)}22%,100%{opacity:0;transform:translateX(20px)}}@keyframes ping{0%,21%{opacity:0}25%{opacity:1}42%,100%{opacity:0}}@media (max-width:1023px){.flow__row{grid-template-columns:minmax(0,1fr)}.flow__wire{width:1px;height:30px;justify-self:center}.flow__wire::after{right:auto;top:auto;left:-3px;bottom:0;rotate:135deg}.flow__wire i{left:-3.5px;top:0}.flow__wire--fork{width:50%;height:36px;align-self:auto}.flow__wire--fork::before{left:0;right:0;top:50%;bottom:0;border:1px solid var(--line-2);border-bottom:0}.flow__wire--fork::after{left:calc(50% - .5px);top:0;width:1px;height:50%;rotate:none}.flow__wire--fork i{left:calc(50% - 4px);top:-4px}.flow__pair{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benefits{grid-template-columns:minmax(0,1fr);border-top:0}.benefits li{padding-block:20px;border-top:1px solid var(--line)}.benefits li::before{display:none}.mo .flow.is-run :is(.flow__wire--1,.flow__wire--2) i{animation-name:pkt-y}.mo .flow.is-run .flow__wire--fork i{animation-name:pkt-fork-y}@keyframes pkt-y{0%{opacity:0;transform:translateY(0)}5%{opacity:1}22%{opacity:1;transform:translateY(22px)}26%,100%{opacity:0;transform:translateY(22px)}}@keyframes pkt-fork-y{0%{opacity:0;transform:translateY(0)}5%{opacity:1}18%{opacity:1;transform:translateY(14px)}22%,100%{opacity:0;transform:translateY(14px)}}}