.bbm-af-demo .af42-workbench{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border:1px solid #748cc955;background:#080e22;box-shadow:0 30px 70px #0005;position:relative;margin:28px 0}.af42-source{padding:32px;background:#0d1630;border-right:1px solid #748cc933}.af42-workbench .af42-label{display:block;color:#8aacf1;font:11px/1.5 Roboto,sans-serif;letter-spacing:.13em;margin-bottom:22px}.af42-source h4{font:500 22px/1.3 Roboto,sans-serif;color:#edf3ff;margin:12px 0}.af42-source p{font-size:14px!important;color:#b6c4db!important;line-height:1.8}.af42-meta{display:flex;align-items:center;gap:12px;border-bottom:1px solid #748cc933;padding-bottom:18px;margin-bottom:18px}.af42-meta svg{width:34px;height:34px;stroke:#ab94ff}.af42-meta span{font-size:11px;color:#a7b8d7}.af42-result{padding:32px;position:relative}.af42-result ol{list-style:none;margin:0;padding:0;display:flex;gap:9px;flex-wrap:wrap}.af42-result li{font-size:10px;padding:6px 10px;border:1px solid #7793be50;border-radius:20px;color:#adc0dd}.af42-result li:last-child{border-color:#b2f1d366;color:#b2f1d3}.af42-result h4{font:500 22px/1.35 Roboto,sans-serif;margin:25px 0 16px;color:#fff}.af42-result blockquote{border-left:2px solid #9e79ff;margin:0;padding:15px 20px;background:#15172f;color:#ced5e6;font-size:14px;line-height:1.8}.af42-result small{display:block;margin-top:20px;font-size:10px;color:#96a8c8}.bbm-af-demo .af41-case{display:none}.bbm-af-demo .af33-flow-track{opacity:1}.bbm-af-demo .af33-flow-orb svg{width:24px;height:24px;display:block}.bbm-af-demo .af41-group{display:grid;grid-template-columns:36% 1fr;border-radius:0!important;background:linear-gradient(100deg,#111b35,#080d20)!important;padding:44px!important;gap:34px;border-top:1px solid #8fabe65c}.bbm-af-demo .af41-group:nth-child(2){grid-template-columns:1fr 36%;background:#101229!important}.bbm-af-demo .af41-group:nth-child(2) .af41-group-head{order:2}.bbm-af-demo .af41-group-head h3{font-size:34px!important;line-height:1.1!important}.bbm-af-demo .af41-group-grid{grid-template-columns:1fr!important;gap:0!important}.bbm-af-demo .af41-group .af-service-card{min-height:0!important;padding:18px 0!important;box-shadow:none!important;background:none!important;border:0!important;border-bottom:1px solid #7585ac33!important;display:grid!important;grid-template-columns:40px 1fr!important;gap:6px 14px!important;border-radius:0!important}.bbm-af-demo .af41-group .af-service-card>*:not(:first-child){grid-column:2}.bbm-af-demo .af41-group .af-service-card h3{font-size:18px!important}.bbm-af-demo .af41-group .af-service-card img{display:none}.bbm-af-demo .af41-group .af-service-card p{font-size:13px!important}.bbm-af-demo .af41-group .af-service-card:hover{transform:none!important;background:#a78cff08!important}.bbm-af-demo .af41-group .af-service-card:before,.bbm-af-demo .af41-group .af-service-card:after{display:none!important}@media(max-width:1024px){.bbm-af-demo .af41-group,.bbm-af-demo .af41-group:nth-child(2){padding:28px!important;grid-template-columns:1fr!important}.bbm-af-demo .af41-group:nth-child(2) .af41-group-head{order:0}}@media(max-width:600px){.bbm-af-demo .af42-workbench{grid-template-columns:1fr}.af42-source,.af42-result{padding:23px}.af42-source{border-right:0;border-bottom:1px solid #748cc933}.bbm-af-demo .af41-group{padding:25px 20px!important}.bbm-af-demo .af41-group-head h3{font-size:30px!important}}.bbm-af-demo .af33-workflow{display:block!important}body.bbm-af-demo #demo-main .af33-workflow-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 50px;align-items:end;margin-bottom:36px}body.bbm-af-demo #demo-main .af33-workflow-intro .af33-kicker{grid-column:1/-1}body.bbm-af-demo #demo-main .af33-workflow-intro h2{grid-row:2/4;margin:0}body.bbm-af-demo #demo-main .af33-workflow-intro p{margin:0;max-width:420px}body.bbm-af-demo #demo-main .af33-workflow-intro .af33-more{justify-self:start}.bbm-af-demo .af33-flow-panel{padding:32px!important}.bbm-af-demo .af33-flow-panel .af41-case{display:none}.bbm-af-demo .af42-workbench{margin:28px 0!important}.bbm-af-demo .af33-flow-track{margin-top:30px}.bbm-af-demo .af33-tabs button{min-height:48px}@media(max-width:600px){body.bbm-af-demo #demo-main .af33-workflow-intro{display:block}body.bbm-af-demo #demo-main .af33-workflow-intro h2{margin:18px 0}body.bbm-af-demo #demo-main .af33-workflow-intro p{margin-bottom:20px}.bbm-af-demo .af33-flow-panel{padding:22px!important}.bbm-af-demo .af42-workbench{margin-inline:-6px!important}}