.cloud-architecture{width:100%;max-width:560px;container-type:inline-size}.cloud-architecture__flow{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.35fr) 24px minmax(0,1fr);grid-template-rows:auto 40px auto 40px auto;align-items:center;padding-block:16px 24px;text-align:center}.cloud-architecture__source{grid-area:1 / 1}.cloud-architecture__source-line{grid-area:2 / 1}.cloud-architecture__build{grid-area:3 / 1}.cloud-architecture__image-line{grid-area:3 / 2}.cloud-architecture__registry{grid-area:3 / 3}.cloud-architecture__deploy-line{grid-area:3 / 4}.cloud-architecture__run{grid-area:3 / 5}.cloud-architecture__https-line{grid-area:4 / 5}.cloud-architecture__https{grid-area:5 / 3 / 6 / 6;justify-self:end}.cloud-architecture__flow [data-slot=item]{justify-content:center}.cloud-architecture__image-line,.cloud-architecture__deploy-line{align-self:start;margin-top:14px}.cloud-architecture__connector{display:grid;place-items:center;color:color-mix(in srgb,var(--socra-foreground) 48%,transparent)}.cloud-architecture__connector svg{display:block;width:100%;max-width:32px;height:32px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.cloud-architecture__connector[data-direction=down] svg{transform:rotate(90deg)}@container (max-width: 520px){.cloud-architecture__flow{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;padding-block:8px}.cloud-architecture__flow>*{grid-area:auto;justify-self:stretch}.cloud-architecture__connector[data-direction=across] svg{transform:rotate(90deg)}.cloud-architecture__image-line,.cloud-architecture__deploy-line{margin-top:0}}.product-artwork{width:100%;max-width:400px;aspect-ratio:20 / 13;pointer-events:none}.product-artwork>svg{display:block;width:100%;height:100%}.product-artwork-cortex{--art-light: #75c9c1;--art-mid: #429cad;--art-deep: #166878}.product-artwork-agents{--art-light: #ae9ee7;--art-mid: #756ab7;--art-deep: #514798}.product-artwork-channels{--art-light: #d99b85;--art-mid: #c58679;--art-deep: #a45059}.product-artwork-cloud{--art-light: #7facd9;--art-mid: #4e86bf;--art-deep: #3765a5}.product-artwork-tasks{--art-light: #c4a267;--art-mid: #aa8643;--art-deep: #80612b}.product-artwork-journeys{--art-light: #c59dbb;--art-mid: #a66e98;--art-deep: #794667}.product-artwork-admin{--art-light: #a5c6b6;--art-mid: #649682;--art-deep: #3f705d}.dark .product-artwork-cortex{--art-light: #c3fbf5;--art-mid: #51c9d0}.dark .product-artwork-agents{--art-light: #e1d9ff;--art-mid: #a294ec}.dark .product-artwork-channels{--art-light: #ffe2d6;--art-mid: #eea78f}.dark .product-artwork-cloud{--art-light: #d9edff;--art-mid: #80bff0}.dark .product-artwork-tasks{--art-light: #ffe3aa;--art-mid: #dfb85e}.dark .product-artwork-journeys{--art-light: #f7d8ef;--art-mid: #d693c4}.dark .product-artwork-admin{--art-light: #d6f5e6;--art-mid: #81bb9f}@media(forced-colors:active){.product-artwork{display:none}}.cli-artwork{--cli-art-light: #90c9b1;--cli-art-mid: #579b82;--cli-art-deep: #326b58;width:100%;max-width:400px;aspect-ratio:20 / 13;pointer-events:none}.cli-artwork>svg{display:block;width:100%;height:100%}.dark .cli-artwork{--cli-art-light: #d3ffeb;--cli-art-mid: #70d9b2}@media(forced-colors:active){.cli-artwork{display:none}}.channels-art{width:100%;max-width:560px}.channels-art img{display:block;width:100%;height:auto;border-radius:2%/3.25%}