.flow{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:24px;display:grid;position:relative}.flow--lead{margin-block-end:48px}.flow--3{--n:3}.flow--5{--n:5}.flow li{align-content:start;justify-items:start;gap:8px;display:grid;position:relative}.flow__ico{z-index:1;border-radius:var(--radius-card);background:var(--surface);block-size:64px;inline-size:64px;color:var(--text-brand);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--border-subtle);place-items:center;margin-block-end:8px;display:grid;position:relative}.flow li:last-child .flow__ico{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-3)}.flow h3{color:var(--text);font-size:18px;line-height:26px}.flow p{color:var(--text-secondary);font-size:15px;line-height:24px}.flow li:not(:last-child):before{content:"";background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--text-brand) 45%, var(--border)) 0 6px, transparent 6px 12px);block-size:2px;position:absolute;inset-block-start:31px;inset-inline:76px -12px}.flow li:not(:last-child):after{content:"";opacity:0;background:#0089d1;border-radius:50%;block-size:10px;inline-size:10px;position:absolute;inset-block-start:27px;inset-inline-start:76px;box-shadow:0 0 0 4px #0089d133}@media (width<=959px){.flow{grid-template-columns:minmax(0,1fr);gap:0}.flow li{grid-template-columns:56px minmax(0,1fr);gap:2px 16px;padding-block-end:28px}.flow li:last-child{padding-block-end:0}.flow__ico{grid-row:1/span 2;block-size:56px;inline-size:56px;margin:0}.flow h3{padding-block-start:4px}.flow li:not(:last-child):before{background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--text-brand) 45%, var(--border)) 0 6px, transparent 6px 12px);block-size:auto;inline-size:2px;inset-block:62px 6px;inset-inline:27px auto}.flow li:not(:last-child):after{inset-block-start:62px;inset-inline-start:23px}}.stack{gap:10px;display:grid}.stack>li{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);grid-template-columns:44px minmax(0,190px) minmax(0,1fr);align-items:center;gap:8px 16px;padding:16px 20px;display:grid}.stack__ico{background:var(--primary-subtle);block-size:44px;inline-size:44px;color:var(--text-brand);border-radius:10px;place-items:center;display:grid}.stack h3{color:var(--text);font-size:17px;line-height:24px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips li{border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text);font:500 14px/22px var(--font-sans);border-radius:9999px;padding:5px 12px;transition:border-color .2s,color .2s}.chips li:hover{border-color:var(--text-brand);color:var(--text-brand)}.stack__note{color:var(--text-tertiary);margin-block-start:20px;font-size:14px;line-height:22px}@media (width<=699px){.stack>li{grid-template-columns:44px minmax(0,1fr);padding:16px}.chips{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.flow li:after{animation:flow-run 5.6s calc(var(--i,0) * 1s) cubic-bezier(.45, 0, .55, 1) infinite}.flow__ico{animation:flow-lit 5.6s calc(var(--i,0) * 1s - .15s) ease-in-out infinite backwards}.flow li:nth-child(2){--i:1}.flow li:nth-child(3){--i:2}.flow li:nth-child(4){--i:3}.flow li:nth-child(5){--i:4}@keyframes flow-run{0%{opacity:0;inset-inline-start:76px}3%{opacity:1}15%{opacity:1}18%,to{opacity:0;inset-inline-start:calc(100% + 2px)}}@keyframes flow-lit{0%,12%,to{scale:1}4%{box-shadow:0 0 0 6px #0089d126, var(--shadow-1), inset 0 0 0 1px #0089d1;scale:1.08}}@media (width<=959px){@keyframes flow-run{0%{opacity:0;inset-block-start:62px}3%{opacity:1}15%{opacity:1}18%,to{opacity:0;inset-block-start:calc(100% - 14px)}}}@supports (animation-timeline:view()){.flow li,.stack>li,.stack__note{animation:linear both rise;animation-timeline:var(--tl-view);animation-range:entry entry 32%}@media (width>=960px){.flow li:nth-child(2){animation-range:entry 6% entry 38%}.flow li:nth-child(3){animation-range:entry 12% entry 44%}.flow li:nth-child(4){animation-range:entry 18% entry 50%}.flow li:nth-child(5){animation-range:entry 24% entry 56%}}}}