.wb-steps{align-items:flex-start;gap:16px;margin-top:40px;display:flex}.wb-step{flex:1;min-width:0;position:relative}.wb-step-n{z-index:2;background:var(--acc);width:34px;height:34px;color:var(--on-acc);font-family:var(--mono);box-shadow:var(--lift);border-radius:11px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;top:-12px;left:-10px}.wb-art{border:1px solid var(--line);background:var(--surf);height:132px;box-shadow:var(--card);border-radius:14px;overflow:hidden}.wb-step h3{text-align:center;margin-top:16px;font-size:17px;font-weight:600}.wb-arrow{height:132px;color:var(--line-2);flex:none;align-items:center;display:flex}.wb-browser{flex-direction:column;height:100%;display:flex}.wb-browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:9px 12px;display:flex}.wb-dot{background:var(--line-2);border-radius:50%;width:6px;height:6px}.wb-url{background:var(--band);border-radius:3px;width:80px;height:8px;margin-left:8px}.wb-browser-body{flex:1;align-items:center;gap:12px;padding:12px;display:flex}.wb-lines{flex:1;gap:8px;min-width:0;display:grid}.wb-lines span{background:var(--band);border-radius:3px;height:7px}.wb-lines span:nth-child(2){width:75%}.wb-lines span:nth-child(3){width:50%}.wb-embed{background:var(--acc-soft);border:1px solid var(--acc);width:44%;height:64px;color:var(--acc);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.wb-phone-wrap{justify-content:center;align-items:center;height:100%;display:flex}.wb-phone{border:1px solid var(--line-2);background:var(--surf);border-radius:12px;width:58px;height:96px;position:relative}.wb-phone:before{content:"";background:var(--line-2);border-radius:2px;width:16px;height:3px;margin:6px auto 0;display:block}.wb-photo{background:var(--band);height:50px;color:var(--acc);border-radius:6px;justify-content:center;align-items:center;margin:8px 7px 0;display:flex}.wb-send{background:var(--acc);width:28px;height:28px;color:var(--on-acc);box-shadow:var(--lift);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;right:-12px}.wb-ba{height:100%;position:relative}.wb-ba-half{position:absolute;top:16px;bottom:16px}.wb-ba-half[data-side=before]{left:16px;right:50%}.wb-ba-half[data-side=after]{left:50%;right:16px}.wb-ba-top{background:var(--line-2);height:10px;position:absolute;top:30px;left:0;right:0}.wb-ba-half[data-side=before] .wb-ba-top{border-radius:3px 0 0 3px}.wb-ba-half[data-side=after] .wb-ba-top{background:var(--acc);border-radius:0 3px 3px 0}.wb-ba-units{background:var(--band);position:absolute;inset:46px 0 0}.wb-ba-units:after{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.wb-ba-seam{background:var(--head);opacity:.35;border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.wb-ba-knob{border:2px solid var(--head);background:var(--surf);opacity:.9;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.wb-steps{flex-direction:column;gap:28px}.wb-arrow{display:none}}