section[data-bl-section=workloads]:before{content:none!important}section[data-bl-section=workloads]{padding:96px 0 64px}[data-bl-section=workloads] .bl-uc-heading{text-align:center;margin:0 0 72px;padding:0}[data-bl-section=workloads] .bl-h2-prefix{font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.4px;color:var(--ink-4);text-transform:none;margin:0 0 12px;font-size:12px;line-height:1;display:block}[data-bl-section=workloads] .bl-h2-prefix-slash{color:#ffffff52;margin-right:6px}[data-bl-section=workloads] .bl-uc-h2{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:40px;font-weight:700;line-height:1.12}[data-bl-section=workloads] .bl-line-break{white-space:nowrap;display:block}[data-bl-section=workloads] .bl-uc-frame{background:var(--card);grid-template-rows:repeat(7,115px);grid-template-columns:1fr 360px 1fr;gap:1px;max-width:1080px;margin:0 auto;display:grid;position:relative}[data-bl-section=workloads] .bl-uc-cell{z-index:1;background:var(--bg);box-sizing:border-box;position:relative}[data-bl-section=workloads] .bl-uc-empty{background:var(--bg)}[data-bl-section=workloads] .bl-uc-connectors{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}[data-bl-section=workloads] .bl-uc-connectors line{stroke:#ffffff38;stroke-width:.22px;stroke-dasharray:1.2 .9;vector-effect:non-scaling-stroke}[data-bl-section=workloads] .bl-uc-card{background:var(--bg);cursor:pointer;border:1px solid #ffffff2e;flex-direction:column;justify-content:flex-start;padding:20px 26px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}[data-bl-section=workloads] .bl-uc-card:hover{background:var(--card);box-shadow:inset 0 0 0 1px var(--ink);border-color:#ffffff8c}[data-bl-section=workloads] .bl-uc-title{font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#fffffff2;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.3;transition:color .16s}[data-bl-section=workloads] .bl-uc-card:hover .bl-uc-title{color:#fff}[data-bl-section=workloads] .bl-uc-desc{color:#ffffffb8;margin:0;font-size:14px;line-height:1.55;transition:color .16s}[data-bl-section=workloads] .bl-uc-body{color:#ffffffb8;margin:8px 0 0;font-size:13.5px;line-height:1.55;transition:color .16s}[data-bl-section=workloads] .bl-uc-card:hover .bl-uc-desc,[data-bl-section=workloads] .bl-uc-card:hover .bl-uc-body{color:#fffffff2}[data-bl-section=workloads] .bl-uc-cursor{border-left:8px solid #0000;border-right:8px solid #0000;border-top:11px solid var(--ink);opacity:0;pointer-events:none;width:0;height:0;transition:opacity .18s;position:absolute;top:50%;right:-22px;transform:translateY(-50%)rotate(90deg)}[data-bl-section=workloads] .bl-uc-card-right .bl-uc-cursor{left:-22px;right:auto;transform:translateY(-50%)rotate(-90deg)}[data-bl-section=workloads] .bl-uc-card:hover .bl-uc-cursor{opacity:1}[data-bl-section=workloads] .bl-uc-chip-cell{background:var(--bg);justify-content:center;align-items:center;padding:36px 28px;display:flex}[data-bl-section=workloads] .bl-fig-card{background:var(--surface-1);border:1px solid var(--hairline);flex-direction:column;justify-content:flex-end;width:100%;max-width:300px;height:100%;transition:border-color .18s;display:flex;position:relative}[data-bl-section=workloads] .bl-fig-card:hover{border-color:var(--line)}[data-bl-section=workloads] .bl-fig-tag{font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);opacity:.5;font-size:11px;position:absolute;top:0;left:0}[data-bl-section=workloads] .bl-fig-illustration{flex:auto;place-items:center;width:100%;min-height:0;display:grid;overflow:visible}[data-bl-section=workloads] .bl-fig-illustration>svg{max-width:100%;height:auto;overflow:visible}[data-bl-section=workloads] .bl-fig-meta{flex-direction:column;gap:6px;display:flex}[data-bl-section=workloads] .bl-fig-title{color:var(--ink);font-size:15px;font-weight:500;line-height:1.4}[data-bl-section=workloads] .bl-fig-desc{color:var(--ink);max-width:280px;margin:0;font-size:13.5px;line-height:1.55}[data-bl-section=workloads] .bl-layer{will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .25s}[data-bl-section=workloads] .bl-face{transition:fill .25s}[data-bl-section=workloads] .bl-face-top{fill:var(--card)}[data-bl-section=workloads] .bl-face-left,[data-bl-section=workloads] .bl-face-right{fill:url(#bl-side-d)}[data-bl-section=workloads] .bl-edge{fill:var(--ink);opacity:.62;stroke:none;text-anchor:middle;dominant-baseline:central;font-size:7px;transition:fill .2s,opacity .2s;font-family:var(--font-code)!important}[data-bl-section=workloads] .bl-icon-glyph{fill:var(--ink);opacity:.8;text-anchor:middle;dominant-baseline:central;font-size:9px;transition:fill .25s,opacity .25s;font-family:var(--font-code)!important}[data-bl-section=workloads] .bl-edge-side{opacity:.38}[data-bl-section=workloads] .bl-dot{fill:var(--ink);text-anchor:middle;dominant-baseline:central;font-size:7px;transition:fill .2s;font-family:var(--font-code)!important}[data-bl-section=workloads] .bl-icon{pointer-events:none}[data-bl-section=workloads] .bl-i{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .25s,stroke-width .25s}[data-bl-section=workloads] .bl-i-fill{fill:var(--ink);stroke:none;transition:fill .25s}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent]~.bl-layer,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook]~.bl-layer,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd]~.bl-layer,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec]~.bl-layer,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser]~.bl-layer,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant]~.bl-layer){transform:translateY(-22px)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) .bl-layer:has(~[data-layer=agent]),[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) .bl-layer:has(~[data-layer=notebook]),[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) .bl-layer:has(~[data-layer=cicd]),[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) .bl-layer:has(~[data-layer=exec]),[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) .bl-layer:has(~[data-layer=browser]),[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) .bl-layer:has(~[data-layer=tenant])){transform:translateY(22px)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent],[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook],[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd],[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec],[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser],[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant]){filter:drop-shadow(0 8px 22px var(--ink))}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-face-right,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-face-right,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-face-right,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-face-right,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-face-right,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-face-left,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-face-right){fill:url(#bl-side-a)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-face-top,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-face-top,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-face-top,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-face-top,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-face-top,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-face-top){fill:var(--card)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-edge-out,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-edge-out,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-edge-out,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-edge-out,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-edge-out,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-edge-out){fill:var(--blue);opacity:1}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-edge-side,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-edge-side,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-edge-side,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-edge-side,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-edge-side,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-edge-side){fill:var(--blue);opacity:.9}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-edge-inset,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-edge-inset,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-edge-inset,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-edge-inset,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-edge-inset,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-edge-inset){stroke:var(--ink)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-dot,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-dot,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-dot,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-dot,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-dot,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-dot){fill:var(--ink)}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-i,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-i,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-i,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-i,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-i,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-i){stroke:var(--ink);stroke-width:2px}:is([data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=agent]:hover) [data-layer=agent] .bl-i-fill,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=notebook]:hover) [data-layer=notebook] .bl-i-fill,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=cicd]:hover) [data-layer=cicd] .bl-i-fill,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=exec]:hover) [data-layer=exec] .bl-i-fill,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=browser]:hover) [data-layer=browser] .bl-i-fill,[data-bl-section=workloads] .bl-uc-frame:has(.bl-uc-card[data-chip=tenant]:hover) [data-layer=tenant] .bl-i-fill){fill:var(--ink)}@media (max-width:900px){[data-bl-section=workloads] .bl-uc-frame{flex-direction:column;grid-template-rows:none;grid-template-columns:none;gap:16px;display:flex}[data-bl-section=workloads] .bl-uc-empty,[data-bl-section=workloads] .bl-uc-connectors{display:none}[data-bl-section=workloads] .bl-uc-chip-cell{order:0;width:100%;max-width:360px;margin:0 auto}[data-bl-section=workloads] .bl-uc-card-left{order:1;width:100%}[data-bl-section=workloads] .bl-uc-card-right{order:2;width:100%}}@media (max-width:640px){[data-bl-section=workloads] .bl-uc-h2{font-size:26px}}