.ecosystem-diagram[data-astro-cid-dkdxs3aq]{display:flex;flex-direction:column;gap:0;align-items:stretch}.eco-layer[data-astro-cid-dkdxs3aq]{border:1px solid color-mix(in srgb,var(--color-outline) 25%,transparent);border-radius:var(--radius-card);padding:24px clamp(20px,4vw,36px);background:var(--color-surface-highest);position:relative}.eco-layer-user[data-astro-cid-dkdxs3aq]{background:linear-gradient(180deg,color-mix(in srgb,#4685FF 6%,var(--color-surface-highest)) 0%,var(--color-surface-highest) 100%)}.eco-layer-service[data-astro-cid-dkdxs3aq]{background:linear-gradient(180deg,color-mix(in srgb,#22c55e 6%,var(--color-surface-highest)) 0%,var(--color-surface-highest) 100%)}.eco-layer-ops[data-astro-cid-dkdxs3aq]{background:linear-gradient(180deg,color-mix(in srgb,#f59e0b 7%,var(--color-surface-highest)) 0%,var(--color-surface-highest) 100%)}.eco-layer-head[data-astro-cid-dkdxs3aq]{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed color-mix(in srgb,var(--color-outline) 30%,transparent)}.eco-badge[data-astro-cid-dkdxs3aq]{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:100px;font-weight:700}.eco-badge-user[data-astro-cid-dkdxs3aq]{background:#4685ff1f;color:#4685ff}.eco-badge-service[data-astro-cid-dkdxs3aq]{background:#22c55e24;color:#22c55e}.eco-badge-ops[data-astro-cid-dkdxs3aq]{background:#f59e0b24;color:#f59e0b}.eco-layer-hint[data-astro-cid-dkdxs3aq]{font-size:12px;color:var(--color-on-surface-dim);font-family:var(--font-mono)}.eco-devices[data-astro-cid-dkdxs3aq]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.eco-device[data-astro-cid-dkdxs3aq]{display:flex;flex-direction:column;align-items:center;padding:22px 12px;border:1px solid color-mix(in srgb,#4685FF 20%,transparent);border-radius:14px;background:color-mix(in srgb,#4685FF 4%,var(--color-surface-highest));transition:transform .25s ease,border-color .25s ease,background .25s ease}.eco-device[data-astro-cid-dkdxs3aq]:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#4685FF 50%,transparent)}.eco-device[data-astro-cid-dkdxs3aq] svg[data-astro-cid-dkdxs3aq]{width:32px;height:32px;color:#4685ff;margin-bottom:10px}.eco-device-label[data-astro-cid-dkdxs3aq]{font-family:var(--font-heading);font-size:16px;font-weight:700}.eco-device-sub[data-astro-cid-dkdxs3aq]{font-size:11px;color:var(--color-on-surface-dim);margin-top:2px}@media(max-width:480px){.eco-devices[data-astro-cid-dkdxs3aq]{grid-template-columns:1fr}}.eco-pills[data-astro-cid-dkdxs3aq]{display:flex;flex-wrap:wrap;gap:8px}.eco-pill[data-astro-cid-dkdxs3aq]{font-size:13px;padding:8px 14px;border-radius:100px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-outline) 25%,transparent);font-weight:500;transition:transform .2s ease,border-color .2s ease}.eco-pill[data-astro-cid-dkdxs3aq]:hover{transform:translateY(-1px)}.eco-pill-service[data-astro-cid-dkdxs3aq]{border-color:color-mix(in srgb,#22c55e 35%,transparent);background:color-mix(in srgb,#22c55e 5%,var(--color-surface-highest))}.eco-pill-service[data-astro-cid-dkdxs3aq]:hover{border-color:color-mix(in srgb,#22c55e 70%,transparent)}.eco-pill-ops[data-astro-cid-dkdxs3aq]{border-color:color-mix(in srgb,#f59e0b 35%,transparent);background:color-mix(in srgb,#f59e0b 5%,var(--color-surface-highest))}.eco-pill-ops[data-astro-cid-dkdxs3aq]:hover{border-color:color-mix(in srgb,#f59e0b 70%,transparent)}.eco-connector[data-astro-cid-dkdxs3aq]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 0;gap:6px}.eco-connector-line[data-astro-cid-dkdxs3aq]{width:2px;height:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-outline) 50%,transparent),color-mix(in srgb,var(--color-outline) 10%,transparent));border-radius:2px}.eco-connector-label[data-astro-cid-dkdxs3aq]{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-surface-dim);padding:3px 10px;border-radius:100px;background:var(--color-surface-low);border:1px solid color-mix(in srgb,var(--color-outline) 20%,transparent)}
