.brand-diagram.svelte-1c7esmm{position:relative;width:100%;max-width:520px;aspect-ratio:24/17;margin:auto;overflow:hidden;border:1px solid #dfe7f2;border-radius:14px;background:linear-gradient(135deg,#fff,#f3f7fd)}.diagram-grid.svelte-1c7esmm{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#c2cee1 .8px,transparent .8px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 75%);mask-image:radial-gradient(ellipse,#000,transparent 75%)}.diagram-lines.svelte-1c7esmm{position:absolute;inset:0;width:100%;height:100%;stroke:#a9bfe4;stroke-width:1.2}.diagram-lines.svelte-1c7esmm circle:where(.svelte-1c7esmm){stroke:#dce6f6}.diagram-center.svelte-1c7esmm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:21%;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid #bbceec;border-radius:18%;box-shadow:0 12px 28px #203c7020;color:#0d1a38}.diagram-center.svelte-1c7esmm svg{width:75%;height:75%}.diagram-node.svelte-1c7esmm{position:absolute;width:20%;height:24%;border:1px solid #d4dff0;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#2f60c9;box-shadow:0 5px 14px #12244705}.diagram-node.svelte-1c7esmm span:where(.svelte-1c7esmm){width:34%;height:3px;border-radius:2px;background:#e3eaf4}.diagram-node.svelte-1c7esmm span:where(.svelte-1c7esmm):last-child{width:22%;margin-top:-3px}.node-0.svelte-1c7esmm{left:10%;top:12%}.node-1.svelte-1c7esmm{right:10%;top:12%}.node-2.svelte-1c7esmm{left:10%;bottom:12%}.node-3.svelte-1c7esmm{right:10%;bottom:12%}.diagram-dot.svelte-1c7esmm{position:absolute;width:7px;height:7px;background:#2f60c9;border:2px solid #eaf1ff;border-radius:50%}.dot-one.svelte-1c7esmm{left:38%;top:25%}.dot-two.svelte-1c7esmm{right:38%;bottom:25%}.security.svelte-1c7esmm{background:#0d1a38;border-color:#294265}.security.svelte-1c7esmm .diagram-grid:where(.svelte-1c7esmm){opacity:.2}.security.svelte-1c7esmm .diagram-lines:where(.svelte-1c7esmm){stroke:#41679b}.security.svelte-1c7esmm .diagram-lines:where(.svelte-1c7esmm) circle:where(.svelte-1c7esmm){stroke:#213854}.security.svelte-1c7esmm .diagram-node:where(.svelte-1c7esmm){background:#152947;border-color:#345277;color:#a4c5ff}.security.svelte-1c7esmm .diagram-node:where(.svelte-1c7esmm) span:where(.svelte-1c7esmm){background:#345277}.security.svelte-1c7esmm .diagram-center:where(.svelte-1c7esmm){background:#112440;border-color:#557aad;color:#fff}.cloud.svelte-1c7esmm .diagram-lines:where(.svelte-1c7esmm) circle:where(.svelte-1c7esmm){stroke-dasharray:3 7}@media(max-width:650px){.diagram-node.svelte-1c7esmm{border-radius:8px;gap:5px}.diagram-node.svelte-1c7esmm svg{width:22px;height:22px}}.service.svelte-1c7esmm .diagram-lines:where(.svelte-1c7esmm){display:none}.service.svelte-1c7esmm .diagram-center:where(.svelte-1c7esmm){width:19%;left:22%}.service.svelte-1c7esmm .diagram-node:where(.svelte-1c7esmm){width:43%;height:15%;left:46%;right:auto;bottom:auto;flex-direction:row;justify-content:flex-start;padding-left:5%;gap:8px}.service.svelte-1c7esmm .diagram-node:where(.svelte-1c7esmm) span:where(.svelte-1c7esmm){width:22%}.service.svelte-1c7esmm .diagram-node:where(.svelte-1c7esmm) span:where(.svelte-1c7esmm):last-child{display:none}.service.svelte-1c7esmm .node-0:where(.svelte-1c7esmm){top:12%}.service.svelte-1c7esmm .node-1:where(.svelte-1c7esmm){top:32%}.service.svelte-1c7esmm .node-2:where(.svelte-1c7esmm){top:52%}.service.svelte-1c7esmm .node-3:where(.svelte-1c7esmm){top:72%}.service.svelte-1c7esmm .diagram-dot:where(.svelte-1c7esmm){left:35%;right:auto;top:49%}.service.svelte-1c7esmm:before{content:"";position:absolute;left:32%;top:19%;width:7%;height:60%;border:1px solid #bbceec;border-left:0;border-radius:0 10px 10px 0}