.connected-flow{background:linear-gradient(180deg,transparent,rgba(198,161,90,.04),transparent)}
.flow-heading{max-width:760px;margin:0 auto 56px;text-align:center}.flow-heading h2{margin:0;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.08em}.flow-heading-subtitle{margin:8px 0 0;color:var(--landing-text)!important;font-size:clamp(1.8rem,4vw,3.5rem)!important;font-weight:750;letter-spacing:-.06em}.flow-heading>p:last-child{max-width:420px;margin:24px auto 0;color:var(--landing-muted)}
.flow-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:50px;align-items:start}.flow-visual{position:sticky;top:110px;min-height:580px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--landing-line);border-radius:20px;background:radial-gradient(circle at center,rgba(198,161,90,.1),transparent 58%),var(--landing-surface)}.flow-track{position:absolute;left:8%;right:8%;bottom:25px;display:flex;align-items:center;gap:7px;color:var(--landing-muted);font-size:.52rem;white-space:nowrap}.flow-track span{width:7px;height:7px;border-radius:50%;background:var(--landing-gold)}.flow-track b{font-weight:600}.flow-track i{flex:1;height:1px;background:linear-gradient(90deg,var(--landing-gold),rgba(198,161,90,.15));opacity:.5}
.flow-screen{position:absolute;display:grid;gap:12px;width:min(72%,390px);padding:28px;border:1px solid rgba(198,161,90,.4);border-radius:14px;background:#0d0d0c;box-shadow:0 26px 60px rgba(0,0,0,.38);opacity:0;filter:blur(10px);transform:scale(.95) translateY(12px);transition:opacity .65s ease,filter .65s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.flow-screen.is-active{opacity:1;filter:none;transform:none}.flow-screen small{color:var(--landing-muted);font-size:.68rem}.flow-screen p{margin:0;color:var(--landing-text);font-size:1rem}.flow-screen span{color:var(--landing-muted);font-size:.75rem}.flow-screen strong{font-size:2.1rem;line-height:1}.flow-screen b{font-size:1.6rem}.flow-status,.flow-processing{color:#79c895!important}.flow-finance p{display:flex;justify-content:space-between;color:var(--landing-muted)}.flow-finance p span{color:var(--landing-text);font-weight:800}.flow-analytics strong{font-size:2.3rem}.flow-analytics em{margin-left:8px;color:#79c895;font-size:.8rem;font-style:normal}.flow-mini-chart{display:flex;align-items:end;gap:7px;height:100px;margin-top:5px;border-bottom:1px solid var(--landing-line)}.flow-mini-chart i{flex:1;height:35%;border-radius:4px 4px 0 0;background:var(--landing-gold);animation:flow-bar-in .7s ease both}.flow-mini-chart i:nth-child(2){height:50%;animation-delay:.05s}.flow-mini-chart i:nth-child(3){height:43%;animation-delay:.1s}.flow-mini-chart i:nth-child(4){height:68%;animation-delay:.15s}.flow-mini-chart i:nth-child(5){height:57%;animation-delay:.2s}.flow-mini-chart i:nth-child(6){height:88%;animation-delay:.25s}.flow-analytics-kpis{display:flex;justify-content:space-between;gap:8px}.flow-analytics-kpis b{display:grid;gap:3px;font-size:.9rem}.flow-analytics-kpis small{color:var(--landing-muted);font-size:.55rem;font-weight:500}.flow-steps{display:grid;gap:5px}.flow-steps button{display:grid;grid-template-columns:35px 1fr;gap:3px 10px;align-items:center;min-height:105px;padding:16px 18px;border:0;border-left:2px solid var(--landing-line);background:transparent;color:var(--landing-muted);text-align:left;cursor:pointer;transition:border-color .35s,opacity .35s,transform .35s}.flow-steps button.is-active{border-color:var(--landing-gold);color:var(--landing-text);transform:translateX(8px)}.flow-steps span{grid-row:span 2;color:var(--landing-gold);font-size:.7rem;font-weight:800}.flow-steps strong{font-size:1.05rem}.flow-steps small{font-size:.78rem}.flow-conclusion{max-width:720px;margin:100px auto 0;text-align:center}.flow-conclusion h3{margin:0;font-size:clamp(1.8rem,4vw,3.5rem);letter-spacing:-.06em}.flow-conclusion p{color:var(--landing-muted)}.flow-conclusion .landing-text-link{display:inline-block;margin-top:18px}
@keyframes flow-bar-in{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@media(max-width:900px){.flow-layout{grid-template-columns:1fr;gap:20px}.flow-visual{position:sticky;top:90px;min-height:390px;order:-1}.flow-steps{grid-template-columns:repeat(2,1fr);gap:8px}.flow-steps button{min-height:105px}}
@media(max-width:640px){.flow-heading{margin-bottom:35px}.flow-heading h2{font-size:3rem}.flow-heading-subtitle{font-size:2rem!important}.flow-layout{display:block}.flow-visual{position:relative;top:auto;min-height:440px;border-radius:15px}.flow-screen{width:84%;padding:23px}.flow-screen strong{font-size:1.7rem}.flow-steps{grid-template-columns:1fr;margin-top:18px}.flow-steps button{min-height:82px}.flow-conclusion{margin-top:60px}}
@media(prefers-reduced-motion:reduce){.flow-screen,.flow-steps button,.flow-mini-chart i{transition:none;animation:none}.flow-screen{opacity:1;filter:none;transform:none}.flow-screen:not(.is-active){display:none}.flow-steps button.is-active{transform:none}}