/* The diagram uses the banner's shared hero-service-card component and keyframes. */
body .system-layout .service-orbit{width:100%;max-width:540px;aspect-ratio:1;min-height:380px;border-radius:32px;border:1px solid #2b5168;background:radial-gradient(ellipse at 20% 12%,#548ca85e,transparent 52%),radial-gradient(ellipse at 85% 80%,#38849a3b,transparent 48%),linear-gradient(145deg,#142f43,#0a1f30);box-shadow:0 20px 55px #12324812;isolation:isolate;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body .service-orbit .orbit-node{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:44%;min-width:0;max-width:none;height:112px;padding:14px 12px 22px;gap:9px;border-radius:25px;z-index:4}
body .service-orbit .orbit-node-0{top:18px;left:28%}
body .service-orbit .orbit-node-1{top:auto;bottom:24px;left:16px}
body .service-orbit .orbit-node-2{top:auto;bottom:24px;right:16px}
body .service-orbit .hero-card-icon{width:42px;height:42px;border-radius:14px}
body .service-orbit .hero-card-icon>.service-icon{width:29px;height:29px}
body .service-orbit .icon-halo{border-radius:19px}
body .service-orbit .hero-card-copy{padding:0;text-align:center;white-space:normal}
body .service-orbit .hero-card-copy strong{font-size:17px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
body .service-orbit .hero-card-number{top:12px;right:15px;font-size:10px;font-weight:400}
body .service-orbit .hero-card-trace{left:17px;bottom:10px}
body .service-orbit .orbit-ring{border-color:#8ad8eb35}
body .service-orbit .orbit-ring-one:after{background:#9ae8f2;box-shadow:0 0 0 6px #64bfd020,0 0 20px #8de5fa55}
body .service-orbit .orbit-track{stroke:#92d5e93b}
body .service-orbit .orbit-signal{stroke:#93e5f3;stroke-dasharray:25 415;animation:orbit-flow 8.4s linear infinite}
body .service-orbit .orbit-core{background:linear-gradient(145deg,#1c4259b3,#0a2438e0);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-color:#b6e5ed70;box-shadow:0 0 0 9px #a0dfee08,0 20px 40px #03152133,inset 0 1px 0 #dcf8ff26}
body .service-orbit .orbit-core>span{font-size:10px;color:#b2cfdf}
body .service-orbit .orbit-core>strong{font-size:14px;letter-spacing:0}
body .service-orbit .orbit-core>small{font-size:11px;max-width:85%;text-align:center;line-height:1.5;color:#9ce8f3}
@media(max-width:1100px) and (min-width:700px){body .system-layout{grid-template-columns:1fr;gap:40px}body .system-copy{max-width:650px}body .system-layout .service-orbit{justify-self:center;width:min(100%,520px)}}
@media(max-width:699px){body .system-layout .service-orbit{min-height:340px;max-width:440px;border-radius:28px}body .service-orbit .orbit-node{height:108px;padding:12px 9px 22px;border-radius:23px}body .service-orbit .orbit-node-0{top:16px}body .service-orbit .orbit-node-1{left:12px;bottom:18px}body .service-orbit .orbit-node-2{right:12px;bottom:18px}body .service-orbit .hero-card-copy strong{font-size:15px}body .service-orbit .hero-card-icon{width:38px;height:38px;border-radius:13px}body .service-orbit .hero-card-icon>.service-icon{width:27px;height:27px}body .service-orbit .orbit-core>strong{font-size:11px}body .service-orbit .orbit-core>span{font-size:9px}body .service-orbit .orbit-core>small{font-size:9px}body .service-orbit .hero-card-number{font-size:9px;right:10px;top:10px}}
@media(max-width:359px){body .service-orbit .hero-card-copy strong{font-size:14px}body .service-orbit .orbit-core>strong{font-size:10px}body .service-orbit .orbit-core>small{font-size:8px}}
html[data-motion=paused] body .service-orbit,html[data-motion=reduced] body .service-orbit{transform:none!important}
@media(prefers-reduced-motion:reduce){body .system-layout .service-orbit{transform:none!important;transition:none!important}body .service-orbit .orbit-signal{animation:none!important}}