@layer marketing{.zo-system-diagram{--zo-diagram-chip:2rem;--zo-diagram-chip-icon:1.0625rem;--zo-diagram-col-gap:.5rem;--zo-diagram-grid-gap:1.5rem;--zo-diagram-hub-pad:.5rem;--zo-diagram-hub-service-pad-x:.375rem;--zo-diagram-hub-service-pad-y:.5rem;--zo-diagram-hub-pegasus:4.125rem;--zo-diagram-label-size:.625rem;--zo-diagram-caption-size:.625rem;width:100%}@media (min-width:480px){.zo-system-diagram{--zo-diagram-chip:2.25rem;--zo-diagram-chip-icon:1.1875rem;--zo-diagram-grid-gap:1.75rem;--zo-diagram-hub-pad:.625rem;--zo-diagram-hub-pegasus:4.875rem;--zo-diagram-label-size:.6875rem;--zo-diagram-caption-size:.6875rem}}@media (min-width:640px){.zo-system-diagram{--zo-diagram-chip:2rem;--zo-diagram-grid-gap:2rem;--zo-diagram-hub-pad:.75rem;--zo-diagram-hub-pegasus:5.625rem}}@media (min-width:768px){.zo-system-diagram{--zo-diagram-chip:2.25rem;--zo-diagram-chip-icon:1.125rem;--zo-diagram-grid-gap:2.25rem;--zo-diagram-hub-pad:1rem;--zo-diagram-hub-service-pad-x:.5rem;--zo-diagram-hub-service-pad-y:.625rem;--zo-diagram-hub-pegasus:6.375rem;--zo-diagram-label-size:.75rem;--zo-diagram-caption-size:.75rem}}@media (min-width:1024px){.zo-system-diagram{--zo-diagram-chip:3.75rem;--zo-diagram-chip-icon:1.875rem;--zo-diagram-grid-gap:3.5rem;--zo-diagram-hub-pad:1.875rem;--zo-diagram-hub-service-pad-x:1.125rem;--zo-diagram-hub-service-pad-y:1.25rem;--zo-diagram-hub-pegasus:8.5rem;--zo-diagram-label-size:.9375rem;--zo-diagram-caption-size:.9375rem}}@media (min-width:1280px){.zo-system-diagram{--zo-diagram-chip:4.5rem;--zo-diagram-chip-icon:2.25rem;--zo-diagram-grid-gap:4rem;--zo-diagram-hub-pad:2.5rem;--zo-diagram-hub-service-pad-x:1.5rem;--zo-diagram-hub-service-pad-y:1.625rem;--zo-diagram-hub-pegasus:10rem;--zo-diagram-label-size:1.0625rem;--zo-diagram-caption-size:1.0625rem}}@media (min-width:1536px){.zo-system-diagram{--zo-diagram-chip:5.5rem;--zo-diagram-chip-icon:2.75rem;--zo-diagram-grid-gap:5rem;--zo-diagram-hub-pad:3.25rem;--zo-diagram-hub-service-pad-x:2rem;--zo-diagram-hub-service-pad-y:2.25rem;--zo-diagram-hub-pegasus:12rem;--zo-diagram-label-size:1.25rem;--zo-diagram-caption-size:1.25rem}}.zo-system-diagram-grid{justify-content:center;align-items:center;column-gap:var(--zo-diagram-grid-gap);row-gap:var(--zo-diagram-grid-gap);grid-template-columns:auto auto auto;width:100%;display:grid}.zo-system-diagram-col{align-items:center;gap:var(--zo-diagram-col-gap);flex-direction:column;min-width:0;display:flex;position:relative}.zo-system-diagram-col-more{white-space:nowrap;position:absolute;top:calc(100% + .625rem);left:50%;transform:translate(-50%)}.zo-system-diagram-col-label{white-space:nowrap;text-align:center;position:absolute;bottom:calc(100% + .625rem);left:50%;transform:translate(-50%)}.zo-system-diagram-col-chips{gap:var(--zo-diagram-col-gap);flex-direction:column;display:flex}.zo-system-diagram-col-label-title{font-size:var(--zo-diagram-label-size);letter-spacing:.08em}@media (min-width:640px){.zo-system-diagram-col-label-title{letter-spacing:.2em}}.zo-system-diagram-chip{width:var(--zo-diagram-chip);height:var(--zo-diagram-chip);background:var(--background);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.zo-system-diagram-chip:hover{background:color-mix(in oklab, var(--muted) 30%, var(--background))}.zo-system-diagram-chip-icon{width:var(--zo-diagram-chip-icon);height:var(--zo-diagram-chip-icon)}.zo-system-diagram-hub{isolation:isolate;background:radial-gradient(ellipse 54% 40% at 16% 24%, color-mix(in oklch, var(--zo-hero-aurora-cyan) 32%, transparent) 0%, transparent 62%), radial-gradient(ellipse 52% 38% at 82% 20%, color-mix(in oklch, var(--zo-hero-aurora-gold) 30%, transparent) 0%, transparent 60%), radial-gradient(ellipse 58% 42% at 58% 76%, color-mix(in oklch, var(--zo-hero-aurora-violet) 28%, transparent) 0%, transparent 62%), radial-gradient(ellipse 48% 34% at 24% 78%, color-mix(in oklch, var(--zo-hero-aurora-mint) 26%, transparent) 0%, transparent 58%), color-mix(in oklch, var(--background) 88%, transparent);width:100%;max-width:100%;padding:var(--zo-diagram-hub-pad);border:1px solid #c8c8d266;border-radius:1rem;flex-direction:column;justify-content:flex-end;align-self:stretch;margin-inline:auto;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0000000f,0 3px 8px #00000014}.zo-system-diagram-hub-pegasus__fallback,.zo-system-diagram-hub-pegasus__video,.zo-system-diagram-hub-pegasus__shimmer{object-fit:cover;clip-path:url(#zo-pegasus-clip);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zo-system-diagram-hub-pegasus__fallback{z-index:0;background:linear-gradient(#78aee0 0%,#c4def4 52%,#e8f4fc 100%)}.zo-system-diagram-hub-pegasus__video{z-index:1;filter:brightness(.9)saturate(.5)contrast(1.05)blur(1.5px)}.zo-system-diagram-hub-pegasus__shimmer{z-index:2;background:linear-gradient(120deg, transparent 24%, #ffffff80 44%, #ffffff1a 53%, transparent 70%), var(--zo-hero-foil-gradient);mix-blend-mode:overlay;opacity:.6}.zo-system-diagram-hub>.zo-system-diagram-hub-pegasus,.zo-system-diagram-hub>.zo-system-diagram-hub-services{z-index:2;position:relative}@media (min-width:640px){.zo-system-diagram-hub{width:fit-content}}.zo-system-diagram-hub-label{white-space:nowrap;position:absolute;bottom:calc(100% + .625rem);left:50%;transform:translate(-50%)}.zo-system-diagram-hub-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.zo-system-diagram-hub-service{background:var(--background);padding:var(--zo-diagram-hub-service-pad-y) var(--zo-diagram-hub-service-pad-x);border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;display:flex}.zo-system-diagram-hub-service-icon{width:.875rem;height:.875rem;color:var(--muted-foreground)}@media (min-width:640px){.zo-system-diagram-hub-service-icon{width:1rem;height:1rem}}@media (min-width:1024px){.zo-system-diagram-hub-service-icon{width:1.25rem;height:1.25rem}}@media (min-width:1280px){.zo-system-diagram-hub-service-icon{width:1.5rem;height:1.5rem}}@media (min-width:1536px){.zo-system-diagram-hub-service-icon{width:1.75rem;height:1.75rem}}.zo-system-diagram-hub-service-label{text-align:center;color:var(--foreground);font-size:.5625rem;font-weight:500;line-height:1.3}@media (min-width:640px){.zo-system-diagram-hub-service-label{font-size:.6875rem}}@media (min-width:1024px){.zo-system-diagram-hub-service-label{font-size:.8125rem}}@media (min-width:1280px){.zo-system-diagram-hub-service-label{font-size:1rem}}@media (min-width:1536px){.zo-system-diagram-hub-service-label{font-size:1.125rem}}.zo-system-diagram-hub-pegasus{width:var(--zo-diagram-hub-pegasus);height:var(--zo-diagram-hub-pegasus);isolation:isolate;filter:drop-shadow(0 -1px #ffffff80)drop-shadow(0 1px 1px #0006)drop-shadow(0 2px 5px #0000002e);margin:auto;display:block;position:relative}.zo-system-diagram-models-group{flex-direction:column;grid-area:2/2;align-items:center;gap:.75rem;display:flex}.zo-system-diagram-models{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.zo-system-diagram-models-caption{text-align:center;font-size:max(var(--zo-diagram-caption-size), .75rem);color:var(--muted-foreground);line-height:1.35}.zo-system-diagram-connectors path{stroke-width:1px}@media (min-width:768px){.zo-system-diagram-connectors path{stroke-width:1.5px}}}