/* Original landingWorkflow scenes and timings, scoped to the WEB2 design and its theme tokens. */
.wf-section{border-top:1px solid var(--line)}.wf-heading{max-width:760px}.wf-heading .eyebrow{margin-bottom:16px}.wf-heading h2{font-size:38px}.wf-heading>p:last-child{margin-top:20px;font-size:15px;line-height:2}.wf-story{display:grid;grid-template-columns:.9fr 1.15fr;gap:48px;margin-top:48px;align-items:center}.wf-controls{display:grid;gap:14px}.wf-step{display:flex;align-items:center;gap:18px;border:1px solid transparent;border-radius:10px;background:transparent;padding:20px;text-align:start;color:var(--white);transition:background .3s,border-color .3s,transform .3s}.wf-step:hover{background:var(--panel)}.wf-step[aria-pressed=true]{background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--blue) 10%,var(--navy)));border-color:color-mix(in srgb,var(--blue) 50%,var(--navy));transform:translateX(5px)}[dir=rtl] .wf-step[aria-pressed=true]{transform:translateX(-5px)}.wf-number{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--navy));border-radius:50%;font:13px/1.5 Plex,sans-serif;color:var(--muted);transition:color .3s,border-color .3s}.wf-step[aria-pressed=true] .wf-number{color:var(--blue);border-color:var(--blue);box-shadow:0 0 23px color-mix(in srgb,var(--blue) 12%,transparent)}.wf-step>span:nth-child(2){display:grid;gap:7px}.wf-step strong{font-size:18px;font-weight:600}.wf-step small{font-size:13px;line-height:1.9;color:var(--muted)}.wf-step>i{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--muted) 30%,var(--navy));margin-inline-start:auto;flex:none}.wf-step[aria-pressed=true]>i{background:var(--blue);box-shadow:0 0 15px var(--blue)}.wf-screen{position:relative;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--navy));border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 80%),var(--panel);box-shadow:0 25px 60px #0003}.wf-top{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;direction:ltr}.wf-top>span{font:10px/1.8 Arial,sans-serif;letter-spacing:.13em;color:var(--muted)}.wf-top>button{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--blue) 45%,var(--navy));border-radius:5px;background:color-mix(in srgb,var(--blue) 8%,var(--panel));padding:7px 11px;font-size:12px;min-height:40px;color:var(--white)}.wf-top>button>span:first-child{color:var(--blue);font-size:20px;line-height:1}.wf-scene{min-height:340px;padding:35px 26px 20px;text-align:center;animation:wf-scene-in .5s ease both}.wf-source-pills{display:flex;justify-content:center;gap:10px;direction:ltr}.wf-source-pills>span{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--panel2);border:1px solid color-mix(in srgb,var(--blue) 35%,var(--navy));border-radius:6px;font-size:12px;color:var(--blue);animation:wf-source-enter .65s backwards}.wf-source-pills>span:nth-child(2){animation-delay:.1s}.wf-source-pills>span:nth-child(3){animation-delay:.2s}.wf-source-pills small{font-size:10px}.wf-source-pills b{font-size:12px;color:var(--white);font-weight:400}.wf-flow-lines{display:flex;justify-content:center;gap:70px;height:60px;position:relative;overflow:hidden}.wf-flow-lines>i{position:relative;width:1px;background:linear-gradient(var(--blue),var(--panel2));height:60px}.wf-flow-lines>i:after{content:"";position:absolute;top:0;left:-1px;width:3px;height:14px;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:wf-data-flow 2s ease-in-out infinite}.wf-flow-lines>i:nth-child(2):after{animation-delay:.4s}.wf-flow-lines>i:nth-child(3):after{animation-delay:.8s}.wf-data-core{display:grid;place-content:center;justify-items:center;gap:5px;width:190px;min-height:88px;margin:auto;border:1px solid color-mix(in srgb,var(--blue) 65%,var(--navy));border-radius:10px;background:linear-gradient(130deg,color-mix(in srgb,var(--blue) 18%,var(--panel)),var(--panel2));box-shadow:0 0 40px color-mix(in srgb,var(--blue) 10%,transparent)}.wf-data-core>img{width:58px;height:45px;object-fit:contain}.wf-data-core>small{font-size:11px;color:var(--muted)}.wf-scene>p{font-size:14px;color:var(--muted);margin-top:23px;line-height:1.8}.wf-bars{height:145px;display:flex;align-items:flex-end;justify-content:center;gap:15px;direction:ltr;max-width:340px;margin-inline:auto;border-bottom:1px solid var(--line);background:repeating-linear-gradient(transparent,transparent 35px,color-mix(in srgb,var(--blue) 14%,transparent) 36px)}.wf-bars>i{width:25px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,color-mix(in srgb,var(--blue) 42%,var(--panel)),var(--blue));height:var(--bar);transform-origin:bottom;animation:wf-bar-grow .8s ease both}.wf-bars>i:nth-child(2n){background:linear-gradient(0deg,color-mix(in srgb,var(--gold) 42%,var(--panel)),var(--gold));animation-delay:.1s}.wf-bars>i:nth-child(3n){animation-delay:.2s}.wf-bars>i:nth-child(1){--bar:34%}.wf-bars>i:nth-child(2){--bar:48%}.wf-bars>i:nth-child(3){--bar:41%}.wf-bars>i:nth-child(4){--bar:68%}.wf-bars>i:nth-child(5){--bar:61%}.wf-bars>i:nth-child(6){--bar:82%}.wf-bars>i:nth-child(7){--bar:75%}.wf-tags{display:flex;justify-content:center;gap:12px;margin-top:22px}.wf-tags>span{font-size:12px;color:var(--muted);padding:4px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:20px}.wf-decision-ring{width:94px;height:94px;border:1px solid color-mix(in srgb,var(--blue) 55%,var(--navy));border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:radial-gradient(color-mix(in srgb,var(--blue) 18%,transparent),transparent);box-shadow:0 0 45px color-mix(in srgb,var(--blue) 10%,transparent);position:relative}.wf-decision-ring:before{content:"";position:absolute;inset:-8px;border:1px solid transparent;border-top-color:var(--blue);border-bottom-color:var(--gold);border-radius:50%;animation:wf-orbit 8s linear infinite}.wf-decision-ring>img{width:68px;height:53px;object-fit:contain}.wf-scene>h3{font-size:23px;color:var(--white)}.wf-status-bar{padding:11px 16px;background:var(--navy);border-top:1px solid var(--line);font-size:11px;text-align:center;color:var(--muted);display:flex;gap:15px;justify-content:space-between}.wf-story[data-wf-paused=true] .wf-flow-lines>i:after,.wf-story[data-wf-paused=true] .wf-decision-ring:before{animation-play-state:paused}
@keyframes wf-data-flow{from{transform:translateY(-18px);opacity:0}25%{opacity:1}to{transform:translateY(65px);opacity:0}}@keyframes wf-scene-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wf-source-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes wf-bar-grow{from{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes wf-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.wf-story{gap:25px;grid-template-columns:1fr 1.1fr}.wf-step{padding:15px;gap:12px}.wf-source-pills{gap:5px}.wf-source-pills>span{padding:8px;font-size:11px}.wf-source-pills b{font-size:11px}.wf-top{gap:10px;padding:13px}.wf-top>span{font-size:8px}}
@media(max-width:760px){.wf-story{grid-template-columns:1fr;gap:23px;margin-top:28px}.wf-heading h2{font-size:30px}.wf-heading>p:last-child{font-size:14px}.wf-controls{gap:7px}.wf-step{padding:15px 12px}.wf-number{width:35px;height:35px;font-size:12px}.wf-step strong{font-size:17px}.wf-step small{font-size:13px}.wf-scene{min-height:330px;padding:30px 18px 18px}.wf-top{padding:12px;flex-wrap:wrap}.wf-top>span{font-size:8px;letter-spacing:.08em}.wf-top>button{font-size:12px;padding:5px 8px}.wf-scene>p{font-size:13px}.wf-bars{max-width:285px;gap:11px}.wf-bars>i{width:23px}.wf-tags{gap:7px}.wf-tags>span{font-size:11px;padding-inline:9px}.wf-source-pills>span{padding:8px 7px;gap:5px}.wf-source-pills b{font-size:11px}.wf-status-bar{font-size:11px;gap:10px;flex-wrap:wrap}.wf-story [hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){.wf-section *,.wf-section *:before,.wf-section *:after{animation:none!important;transition:none!important}}