.service-art{aspect-ratio:520/480;width:100%;min-width:0;max-width:600px;margin:0 auto;position:relative}.service-art-routes{width:100%;height:auto;position:absolute;inset:0}.service-art-direct,.service-art-orbit{stroke:var(--accent);stroke-width:1.5px}.service-art-orbit{stroke-dasharray:6 8;opacity:.45}.service-art-orbit-secondary{stroke:var(--green)}.service-art-dot{fill:var(--accent)}.service-art-route-label{color:var(--accent);background:var(--bg);padding:3px 10px;font-size:13px;position:absolute;top:4%;left:50%;transform:translate(-50%)rotate(3deg)}.service-art-card{border:1px solid var(--line);background:var(--panel);width:39%;color:var(--fg);border-radius:10px;flex-direction:column;align-items:flex-start;padding:20px 22px;display:flex;position:absolute;box-shadow:0 12px 32px rgba(0,0,0,.07)}.service-art-symbol{color:var(--accent);font:32px/1 Space,Arial,sans-serif}.service-art-card strong{letter-spacing:-.025em;margin-top:12px;font-size:clamp(17px,1.7vw,24px);font-weight:400;line-height:1.3}.service-art-card small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.service-art-purple{color:#f4f1f8;background:#382454;border-color:#705393}.service-art-purple small{color:#d3c6e2}.service-art-purple .service-art-symbol{color:#c4adff}.hosting-art-app{top:17%;left:3%;transform:rotate(-6deg)}.hosting-art-peer{top:22%;right:1%;transform:rotate(5deg)}.hosting-art-relay{width:43%;top:57%;left:29%;transform:rotate(-3deg)}.service-art figcaption{bottom:0;text-align:center;color:var(--quiet);padding-inline:10px;font-size:12px;line-height:1.6;position:absolute;inset-inline:0}.observability-art-connections{top:8%;left:3%;transform:rotate(-6deg)}.observability-art-dashboard{width:44%;top:25%;right:1%;transform:rotate(5deg)}.observability-art-latency{width:43%;top:57%;left:9%;transform:rotate(-3deg)}.service-art-mini{width:100%;height:40px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.service-art-mini circle{fill:var(--panel)}.service-art-bars{align-items:flex-end;gap:8%;width:100%;height:48px;margin-top:20px;display:flex}.service-art-bars span{background:#c4adff;border-radius:3px 3px 0 0;flex:1;height:46%}.service-art-bars span:nth-child(2n){opacity:.7;height:72%}.service-art-bars span:nth-child(3n){height:58%}.service-art-bars span:last-child{height:90%}@media (width<=760px){.service-art{max-width:460px;min-height:360px}.service-art-card{padding:16px 14px}.service-art-card strong{font-size:16px}.service-art-card small{font-size:10px}.hosting-art-relay{width:46%;top:54%;left:27%}.service-art-mini{height:30px}.service-art-bars{height:34px;margin-top:15px}.service-art figcaption{font-size:11px}}@media (prefers-reduced-motion:no-preference){.service-art-orbit{animation:24s linear infinite service-art-flow}.service-art-orbit-secondary{animation-direction:reverse}}@keyframes service-art-flow{to{stroke-dashoffset:-168px}}