.cl-tags{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cl-tag{--tag:#097cf7;border:1px solid color-mix(in srgb, var(--tag) 38%, white);background:color-mix(in srgb, var(--tag) 14%, white);white-space:nowrap;height:24px;color:var(--text-heading);border-radius:9999px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.cl-tag>svg{color:color-mix(in srgb, var(--tag) 70%, #02183e);flex:none}.cl-tag--hl{border-color:var(--text-heading);background:var(--text-heading);color:#fff}.cl-tag--hl>svg{color:#8dd4f1}.cl-tag--plain{color:var(--color-gray-500,#5f6b85);background:#f9fafb;border-color:#edf1f7}.cl-tag--plain>svg{color:var(--color-gray-500,#5f6b85)}
.dg-frame{margin:0;container:dg/inline-size}.dg-body{color:#02183e;background:radial-gradient(circle at 0 0,#fff 0%,#fff0 45%),linear-gradient(135deg,#eaf3ff 0%,#eef0fe 50%,#e6f8f3 100%);border:1px solid #edf1f7;border-radius:24px;flex-direction:column;justify-content:center;gap:28px;padding:32px;display:flex}.dg-flow{flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex}.dg-stage{flex-direction:column;flex:0 236px;gap:12px;min-width:0;display:flex}.dg-node{background:#fff;border:1px solid #edf1f7;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative;box-shadow:0 8px 20px -18px #02183eb3}.dg-tile{background:color-mix(in srgb, var(--dg-tint) 8%, transparent);width:40px;height:40px;color:var(--dg-tint);border-radius:12px;flex:none;place-items:center;display:grid}.dg-orb{flex:none;width:48px;height:48px;position:relative}.dg-orb:before{content:"";filter:blur(14px);opacity:.6;background:radial-gradient(circle at 35% 40%,#4ad6ae8c,#0000 62%),radial-gradient(circle at 65% 60%,#8b74f68c,#0000 62%);border-radius:9999px;position:absolute;inset:-8px}.dg-orb img{width:100%;height:100%;position:relative}.dg-node-text{min-width:0}.dg-label{color:#02183e;margin:0;font-size:14px;font-weight:700;line-height:1.3}.dg-sub{color:#5f6b85;margin:3px 0 0;font-size:12.5px;line-height:1.4}.dg-chips{flex-wrap:wrap;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.dg-chip{color:#45536f;background:#f9fafb;border:1px solid #edf1f7;border-radius:9999px;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:1.5}.dg-conn{flex-direction:column;flex:84px;align-items:center;gap:6px;min-width:84px;max-width:150px;padding:0 6px;display:flex}.dg-conn-label{font-variant-ligatures:none;text-align:center;color:#5f6b85;font-size:11.5px;font-weight:600;line-height:1.3}.dg-line{background:#097cf773;width:100%;height:1px;position:relative}.dg-line:after,.dg-line[data-both=true]:before{content:"";border-top:1.5px solid #097cf7cc;border-right:1.5px solid #097cf7cc;width:7px;height:7px;position:absolute;top:-3px}.dg-line:after{right:0;transform:rotate(45deg)}.dg-line[data-both=true]:before{left:0;transform:rotate(-135deg)}.dg-pulse{opacity:0;background:#097cf7;border-radius:9999px;width:5px;height:5px;position:absolute;top:-2px;left:0}.dg-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dg-badge{color:#45536f;background:#fff;border:1px solid #edf1f7;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.4}.dg-badge[data-tone=blue]{color:#02183e;background:#e3f0fe;border-color:#e3f0fe}.dg-caption{color:#5f6b85;margin:10px 4px 0;font-size:13px;line-height:1.5}@container dg (min-width:781px){.dg-body{aspect-ratio:16/9}}@container dg (max-width:780px){.dg-body{gap:20px;padding:20px 16px}.dg-flow{flex-direction:column;align-items:stretch}.dg-stage{flex:none}.dg-conn{flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;min-width:0;max-width:none;min-height:52px;padding:0 0 0 28px}.dg-conn-label{text-align:left;order:2}.dg-line{flex:none;order:1;width:1px;height:36px}.dg-line:after,.dg-line[data-both=true]:before{top:auto;left:-3px;right:auto}.dg-line:after{bottom:0;transform:rotate(135deg)}.dg-line[data-both=true]:before{top:0;transform:rotate(-45deg)}.dg-pulse{top:0;left:-2px}}@media (prefers-reduced-motion:no-preference){.dg-orb:before{animation:8s ease-in-out infinite dg-aura}.dg-pulse{animation:6s ease-in-out infinite dg-travel-x}@container dg (max-width:780px){.dg-pulse{animation-name:dg-travel-y}}}@keyframes dg-aura{0%,to{opacity:.25;transform:scale(.92)}50%{opacity:.9;transform:scale(1.12)}}@keyframes dg-travel-x{0%{opacity:0;left:0}15%{opacity:.6}85%{opacity:.6}to{opacity:0;left:calc(100% - 5px)}}@keyframes dg-travel-y{0%{opacity:0;top:0}15%{opacity:.6}85%{opacity:.6}to{opacity:0;top:calc(100% - 5px)}}
