@layer marketing{.zo-system-diagram{--zo-diagram-chip:2rem;--zo-diagram-chip-icon:1.0625rem;--zo-diagram-col-gap:0.5rem;--zo-diagram-grid-gap:1.5rem;--zo-diagram-hub-pad:0.5rem;--zo-diagram-hub-service-pad-x:0.375rem;--zo-diagram-hub-service-pad-y:0.5rem;--zo-diagram-hub-pegasus:4.125rem;--zo-diagram-label-size:0.625rem;--zo-diagram-caption-size:0.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:0.625rem;--zo-diagram-hub-pegasus:4.875rem;--zo-diagram-label-size:0.6875rem;--zo-diagram-caption-size:0.6875rem}}@media (min-width:640px){.zo-system-diagram{--zo-diagram-chip:2rem;--zo-diagram-grid-gap:2rem;--zo-diagram-hub-pad:0.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:0.5rem;--zo-diagram-hub-service-pad-y:0.625rem;--zo-diagram-hub-pegasus:6.375rem;--zo-diagram-label-size:0.75rem;--zo-diagram-caption-size:0.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:0.9375rem;--zo-diagram-caption-size:0.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{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;column-gap:var(--zo-diagram-grid-gap);row-gap:var(--zo-diagram-grid-gap);width:100%}.zo-system-diagram-col{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--zo-diagram-col-gap);min-width:0}.zo-system-diagram-col-more{top:calc(100% + .625rem)}.zo-system-diagram-col-label,.zo-system-diagram-col-more{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.zo-system-diagram-col-label{bottom:calc(100% + .625rem);text-align:center}.zo-system-diagram-col-chips{display:flex;flex-direction:column;gap:var(--zo-diagram-col-gap)}.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{display:flex;width:var(--zo-diagram-chip);height:var(--zo-diagram-chip);flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;background:var(--background);transition:background-color .15s ease}.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{position:relative;isolation:isolate;margin-inline:auto;width:100%;max-width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;border-radius:1rem;border:1px solid rgb(200 200 210/.4);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);box-shadow:inset 0 1px 0 rgb(255 255 255/.7),0 1px 2px rgb(0 0 0/.06),0 3px 8px rgb(0 0 0/.08);padding:var(--zo-diagram-hub-pad)}.zo-system-diagram-hub-pegasus__fallback,.zo-system-diagram-hub-pegasus__shimmer,.zo-system-diagram-hub-pegasus__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:url(#zo-pegasus-clip);-webkit-clip-path:url(#zo-pegasus-clip);pointer-events:none}.zo-system-diagram-hub-pegasus__fallback{z-index:0;background:linear-gradient(180deg,rgb(120 174 224),rgb(196 222 244) 52%,rgb(232 244 252))}.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%,rgb(255 255 255/.5) 44%,rgb(255 255 255/.1) 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{position:relative;z-index:2}@media (min-width:640px){.zo-system-diagram-hub{width:fit-content}}.zo-system-diagram-hub-label{position:absolute;bottom:calc(100% + .625rem);left:50%;transform:translateX(-50%);white-space:nowrap}.zo-system-diagram-hub-services{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.zo-system-diagram-hub-service{display:flex;flex-direction:column;align-items:center;gap:.25rem;border-radius:.5rem;background:var(--background);padding:var(--zo-diagram-hub-service-pad-y) var(--zo-diagram-hub-service-pad-x)}.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{font-size:.5625rem;font-weight:500;line-height:1.3;text-align:center;color:var(--foreground)}@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{position:relative;display:block;margin:auto;width:var(--zo-diagram-hub-pegasus);height:var(--zo-diagram-hub-pegasus);isolation:isolate;filter:drop-shadow(0 -1px 0 rgb(255 255 255/.5)) drop-shadow(0 1px 1px rgb(0 0 0/.4)) drop-shadow(0 2px 5px rgb(0 0 0/.18))}.zo-system-diagram-models-group{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:.75rem}.zo-system-diagram-models{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.zo-system-diagram-models-caption{text-align:center;font-size:max(var(--zo-diagram-caption-size),.75rem);line-height:1.35;color:var(--muted-foreground)}.zo-system-diagram-connectors path{stroke-width:1}@media (min-width:768px){.zo-system-diagram-connectors path{stroke-width:1.5}}}