/* srv-support.css */
.ops-canvas {
  position:relative;min-height:385px;border-radius:28px;background:
    linear-gradient(180deg,rgba(7,12,28,.45),rgba(7,12,28,.88)),
    radial-gradient(circle at 50% 50%,rgba(255,102,0,.12),transparent 28%),
    url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1600&q=80') center/cover;
  border:1px solid rgba(255,255,255,.10);overflow:hidden;
}
.ops-node.remote { left:8%;top:15%; }
.ops-node.onsite { right:8%;top:15%; }
.ops-node.dr { left:8%;bottom:14%; }
.ops-node.training { right:8%;bottom:14%; }
.ops-node.noc { left:50%;bottom:8%;transform:translateX(-50%); }
.ops-link.o1 { width:360px;transform:rotate(-150deg); }
.ops-link.o2 { width:360px;transform:rotate(-30deg); }
.ops-link.o3 { width:340px;transform:rotate(145deg); }
.ops-link.o4 { width:340px;transform:rotate(35deg); }
.ops-link.o5 { width:245px;transform:rotate(90deg); }
.pulse-ring { position:absolute;left:27%;right:27%;top:22%;height:210px;border:1px dashed rgba(90,174,255,.36);border-radius:50%;background:radial-gradient(ellipse at center,rgba(90,174,255,.06),transparent 70%); }

.support-map::before {
  content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 50% 48%,rgba(255,102,0,.16),transparent 13%),
  radial-gradient(circle at 22% 28%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 78% 28%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 18% 72%,rgba(90,174,255,.10),transparent 10%),
  radial-gradient(circle at 82% 72%,rgba(90,174,255,.10),transparent 10%);
}
.map-node.m1 { left:8%;top:15%; }
.map-node.m2 { right:8%;top:15%; }
.map-node.m3 { left:7%;bottom:13%; }
.map-node.m4 { right:7%;bottom:13%; }
.map-node.m5 { left:50%;bottom:7%;transform:translateX(-50%); }
.ray.r1 { width:360px;transform:rotate(-150deg); }
.ray.r2 { width:360px;transform:rotate(-30deg); }
.ray.r3 { width:370px;transform:rotate(145deg); }
.ray.r4 { width:370px;transform:rotate(35deg); }
.ray.r5 { width:260px;transform:rotate(90deg); }

@media(max-width:880px) {
  .pulse-ring, .ray { display:none; }
  .ops-canvas { display:grid;align-content:center;gap:8px; }
}