.vistobi-flow{position:relative;background:transparent;color:var(--alpine-ink);--flow-play:paused}.vistobi-flow.flow-active{--flow-play:running}.flow-stage{position:relative;width:100%;aspect-ratio:1155/640;margin-top:34px;isolation:isolate}.flow-ground{position:absolute;top:3%;right:4%;bottom:3%;left:4%;z-index:-1;background:repeating-linear-gradient(30deg,transparent 0 44px,rgba(37,99,235,.08) 45px 46px),repeating-linear-gradient(150deg,transparent 0 44px,rgba(37,99,235,.08) 45px 46px);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,transparent 74%)}.flow-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-link-shadow{fill:none;stroke:#d9e8fb;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.flow-link{fill:none;stroke:#7aa9ed;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flow-list{margin:0;padding:0;list-style:none}.flow-col-label{position:absolute;top:-30px;margin:0;transform:translate(-50%);white-space:nowrap;color:#536a8b;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flow-col-in{left:10.8%}.flow-col-out{left:89.2%}.flow-node{position:absolute;z-index:2;width:18.6%;top:var(--flow-y);transform:translate(-50%,-50%)}.flow-in{left:10.8%}.flow-out{left:89.2%}.flow-node-platform{position:absolute;top:16px;right:12px;bottom:-8px;left:12px;background:#dceafd;border:1px solid #bdd3f2;border-radius:20px;transform:skewY(-9deg) translateY(8px);box-shadow:0 7px #c1d7f4,0 18px 22px #1e4c881f}.flow-node-body{position:relative;display:flex;align-items:center;gap:10px;min-height:60px;box-sizing:border-box;padding:9px 12px;border:1px solid #d2e2f6;border-radius:16px;background:#fff;box-shadow:0 8px 22px #14376417;text-align:left}.flow-out .flow-node-body{background:#f8fbff;border-color:#c9dcf7}.flow-node-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#e8f0ff;color:var(--alpine-blue)}.flow-node h4,.flow-tobi h4{margin:0;color:var(--alpine-ink);font-size:14px;line-height:1.2;font-weight:850;letter-spacing:-.02em}.flow-node h4{min-width:0;overflow-wrap:break-word}.vistobi-flow:lang(de) .flow-node h4{-webkit-hyphens:auto;hyphens:auto}.flow-tobi{position:absolute;z-index:3;left:50%;top:50%;width:174px;height:198px;transform:translate(-50%,-50%);text-align:center}.flow-tobi-platform{position:absolute;left:0;right:0;bottom:5px;height:54px;border:1px solid #92b8f1;border-radius:50%;background:#dbeafe;box-shadow:0 8px #adcdf8,0 18px 28px #2563eb30}.flow-tobi-art{position:absolute;left:15px;bottom:38px;width:144px;aspect-ratio:819/1024;filter:drop-shadow(0 10px 7px rgba(11,31,59,.18))}.flow-tobi-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.flow-tobi h4{position:absolute;left:50%;bottom:0;transform:translate(-50%,45%);white-space:nowrap;padding:7px 13px;border:1px solid #c4dafa;border-radius:999px;background:#fff;box-shadow:0 5px 14px #1437641a}.flow-approve{display:flex;align-items:center;justify-content:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;margin:30px auto 0;padding:10px 18px;border:1px solid #c4dafa;border-radius:999px;background:#fff;color:var(--alpine-ink);font-size:14px;line-height:1.35;font-weight:700;box-shadow:0 6px 18px #14376414;position:relative}.flow-approve svg{flex:none;color:#16a34a}.flow-step-arrow{display:none}.flow-pulse{fill:none;stroke:#246bff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 91;opacity:0;animation:flow-travel 5.6s linear infinite;animation-delay:var(--flow-delay);animation-play-state:var(--flow-play)}.flow-node-body:after,.flow-approve:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid #4a8cff;border-radius:inherit;pointer-events:none;opacity:0;animation:flow-flash 5.6s ease-out infinite;animation-delay:var(--flow-delay);animation-play-state:var(--flow-play)}.flow-approve:after{border-color:#22c55e;--flow-delay:4.6s}.flow-tobi-platform:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #4a8cff;border-radius:50%;opacity:0;animation:flow-ring 5.6s ease-out infinite;animation-delay:1.6s;animation-play-state:var(--flow-play)}@keyframes flow-travel{0%{stroke-dashoffset:100;opacity:0}3%{opacity:1}23%{opacity:1}25%,to{stroke-dashoffset:0;opacity:0}}@keyframes flow-flash{0%,28%,to{opacity:0}8%{opacity:.8}18%{opacity:.3}}@keyframes flow-ring{0%,35%,to{opacity:0;transform:scale(1)}8%{opacity:.8}30%{opacity:0;transform:scale(1.28,1.5)}}@keyframes flow-drop{0%{top:0;opacity:0}2%{opacity:1}10%{top:calc(100% - 8px);opacity:1}13%,to{top:calc(100% - 8px);opacity:0}}@media(max-width:1099px){.flow-stage{aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}.flow-ground,.flow-links,.flow-node-platform{display:none!important}.flow-col-label{position:static;transform:none;text-align:center;white-space:normal;font-size:11.5px}.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-node{position:relative;left:auto;top:auto;width:auto;transform:none;min-width:0}.flow-node-body{height:100%;min-height:56px;padding:9px 10px;gap:9px;border-radius:14px;box-shadow:0 4px 14px #14376412}.flow-node-icon{width:32px;height:32px;border-radius:10px}.flow-node-icon svg{width:18px;height:18px}.flow-node h4{font-size:13px;line-height:1.25}.flow-in-7,.flow-out-5{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.flow-tobi{position:relative;left:auto;top:auto;transform:none;align-self:center;width:150px;height:168px;margin:2px 0 14px}.flow-tobi-art{left:21px;width:108px;bottom:34px}.flow-tobi-platform{height:40px;bottom:6px;box-shadow:0 5px #adcdf8,0 12px 20px #2563eb29}.flow-step-arrow{display:block;position:relative;align-self:center;width:2px;height:30px;background:linear-gradient(#cfe0f8,#7aa9ed);border-radius:2px}.flow-step-arrow:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);border:6px solid transparent;border-top:7px solid #7aa9ed;border-bottom:0}.flow-step-arrow i{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#2563eb;box-shadow:0 0 8px #70aaff;opacity:0;animation:flow-drop 5.6s ease-in infinite;animation-play-state:var(--flow-play)}.flow-step-a1 i{animation-delay:1s}.flow-step-a2 i{animation-delay:2.9s}.flow-col-out{margin-top:4px}.flow-approve{margin-top:18px;border-radius:16px;font-size:13px;text-align:left;justify-content:flex-start}}@media(min-width:600px)and (max-width:1099px){.flow-list-in{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-list-out{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-out{grid-column:span 2}.flow-out-4{grid-column:2/span 2}.flow-out-5{grid-column:4/span 2;width:auto;justify-self:stretch}.flow-in-7{grid-column:2;width:auto;justify-self:stretch}.flow-stage{max-width:860px;margin-left:auto;margin-right:auto;width:100%}}@media(max-width:399px){.flow-node-body{padding:8px;gap:7px}.flow-node-icon{width:28px;height:28px;border-radius:9px}.flow-node-icon svg{width:16px;height:16px}.flow-node h4{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.flow-pulse,.flow-node-body:after,.flow-approve:after,.flow-tobi-platform:after,.flow-step-arrow i{animation:none;opacity:0}}.vistobi-page .alpine-tobi-banner{background:var(--alpine-ink);overflow:hidden}.vistobi-page .alpine-tobi-banner img{display:block;width:100%;height:auto;aspect-ratio:2502/680;-o-object-fit:cover;object-fit:cover}@media(max-width:767px){.vistobi-page .alpine-tobi-banner img{aspect-ratio:2/1;-o-object-position:70% center;object-position:70% center}}.vistobi-page .alpine-section h2{overflow-wrap:anywhere}.vistobi-page .alpine-feature h3{font-weight:750;line-height:1.35}.vistobi-page .alpine-feature p{display:block;margin:12px 0 0;font-size:14px;line-height:1.7}.vistobi-page .alpine-head>p:not(.alpine-kicker){max-width:65ch}.vistobi-page .alpine-fit-data .alpine-status-source{align-items:flex-start;gap:12px;margin-top:18px}.vistobi-page .alpine-source-copy{display:block;min-width:0}.vistobi-page .alpine-source-copy strong{display:block;font-size:14px;line-height:1.45;color:var(--alpine-ink)}.vistobi-page .alpine-source-copy small{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--alpine-slate)}
