/* Connected operation: 3D platform that turns to face the reader. */
.plat-map{position:relative;padding:8px 0 18px}
.pm-replay{position:absolute;right:0;top:-46px;z-index:3;border:1px solid #dbe7e3;border-radius:999px;padding:6px 12px;background:#fff;color:#061e35;font:500 12px var(--font,Inter,Arial,sans-serif);cursor:pointer}
.pm-stage{position:relative;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:900/560}
.pm-scene{position:absolute;left:50%;top:0;width:900px;height:560px;transform:translateX(-50%) scale(var(--pm-scale,1));transform-origin:50% 0;perspective:1900px;perspective-origin:50% 30%;pointer-events:none}
.pm-cam{position:absolute;left:40px;top:30px;width:820px;height:500px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg)}
.pm-cam.is-front{transform:none}
.pm-cam.is-playing{animation:pm-cam 3.6s cubic-bezier(.45,0,.2,1) both}
@keyframes pm-cam{0%{transform:rotateX(58deg) rotateZ(-38deg)}100%{transform:rotateX(0deg) rotateZ(0deg)}}
.pm-floor{position:absolute;inset:0;border-radius:28px;background-color:#fbfdfc;background-image:linear-gradient(rgba(6,30,53,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,53,.05) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(10,163,127,.2),rgba(10,163,127,0) 45%);background-size:40px 40px,40px 40px,100% 100%;border:1px solid #d5e2dd;box-shadow:0 40px 80px rgba(6,30,53,.18)}
.pm-lines{position:absolute;left:0;top:0;transform:translateZ(1px);overflow:visible}
.pm-groove{fill:none;stroke:#0aa37f;stroke-opacity:.25;stroke-width:6;stroke-linecap:round}
.pm-off{fill:none;stroke:#a7bbb4;stroke-width:2;stroke-dasharray:5 7}
.pm-pk{fill:none;stroke:#0aa37f;stroke-width:7;stroke-linecap:round;stroke-dasharray:.01 100;animation:pm-pk 3s cubic-bezier(.65,0,.35,1) infinite both}
.pm-pk.back{stroke:#2479b8;stroke-width:5;animation-delay:-1.5s;animation-duration:3.6s}
@keyframes pm-pk{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}66%{stroke-dashoffset:-100;opacity:1}72%,100%{stroke-dashoffset:-100;opacity:0}}
.pm-route,.pm-tile{transition:opacity .6s cubic-bezier(.65,0,.35,1)}
.pm-ring{position:absolute;left:300px;top:140px;width:220px;height:220px;border-radius:50%;border:2px solid #0aa37f;animation:pm-ring 3s cubic-bezier(.16,1,.3,1) infinite}
@keyframes pm-ring{0%{transform:translateZ(2px) scale(1);opacity:.6}100%{transform:translateZ(2px) scale(1.6);opacity:0}}
.pm-disc{position:absolute;left:330px;top:170px;width:160px;height:160px;border-radius:50%;background:#0b3a55}.pm-disc.alt{background:#0e4865}
.pm-top{position:absolute;left:330px;top:170px;width:160px;height:160px;box-sizing:border-box;border-radius:50%;border:2px solid #72dfbd;background:radial-gradient(circle at 40% 30%,#1a6a86,#03304a 50%,#001833);transform:translateZ(68px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 14px;text-align:center;color:#fff;font:inherit;cursor:pointer;pointer-events:auto;animation:pm-top 3s cubic-bezier(.16,1,.3,1) infinite}
@keyframes pm-top{0%{box-shadow:0 0 0 0 rgba(10,163,127,.45)}100%{box-shadow:0 0 0 22px rgba(10,163,127,0)}}
.pm-top-name{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.pm-top-sub{font-size:11px;color:#7fe6c6}.pm-top-health{margin-top:4px;font-size:10px;color:#e3f9f3}
.pm-tile{position:absolute;width:236px;height:76px;transform-style:preserve-3d}
.pm-base,.pm-mid{position:absolute;inset:0;border-radius:14px;background:#bcd7ce}.pm-base{box-shadow:0 0 24px rgba(6,30,53,.18)}.pm-mid{background:#cfe4dd;transform:translateZ(7px)}
.pm-tile.is-off .pm-base{background:#e3ebe8}.pm-tile.is-off .pm-mid{background:#e9efed}
.pm-card{box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #dbe7e3;background:#fff;font:inherit;text-align:left;color:#061e35;cursor:pointer;transition:border-color .3s ease,box-shadow .4s cubic-bezier(.65,0,.35,1)}
.pm-face{position:absolute;inset:0;transform:translateZ(14px);pointer-events:auto}
.pm-card.is-app{border-color:#93d3c1}.pm-card.is-off{border:1px dashed #b5c7c1;background:#fafcfb}
.pm-card:hover{border-color:#93d3c1}
.pm-card[aria-pressed="true"]{border-color:#0aa37f;box-shadow:0 0 0 3px rgba(10,163,127,.22),0 12px 26px -8px rgba(6,30,53,.3)}
.pm-top[aria-pressed="true"],.pm-lnexus[aria-pressed="true"]{box-shadow:0 0 0 4px rgba(114,223,189,.5)}
.pm-card:focus-visible,.pm-top:focus-visible,.pm-replay:focus-visible{outline:2px solid #0aa37f;outline-offset:4px}
.pm-mono{width:30px;height:30px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e3f9f3;color:#00684f;font-size:10px;font-weight:600}
.pm-card.is-off .pm-mono{background:#eef2f1;color:#526675}
.pm-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pm-info strong{font-size:13px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.pm-card.is-off strong{color:#3d5563}
.pm-info small{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.3;color:#3d5563}
.pm-dot{width:7px;height:7px;flex:none;border-radius:4px;background:#0aa37f}.is-two .pm-dot,.is-app .pm-dot{background:#2479b8}.is-off .pm-dot{background:none;border:1.5px solid #7a8f99;box-sizing:border-box}
.plat-map[data-flow="delivery"] [data-route="checkout"],.plat-map[data-flow="delivery"] [data-route="avalara"],.plat-map[data-flow="delivery"] [data-route="trackit"],
.plat-map[data-flow="payments"] [data-route="cloud"],.plat-map[data-flow="payments"] [data-route="apex"],.plat-map[data-flow="payments"] [data-route="integra"],.plat-map[data-flow="payments"] [data-route="trackit"],.plat-map[data-flow="payments"] [data-route="avalara"]{opacity:.18}
.plat-map[data-selected] .pm-route{opacity:.15}.plat-map[data-selected="nexus"] .pm-route{opacity:1}.plat-map[data-selected="cloud"] .pm-route[data-route="cloud"]{opacity:1}.plat-map[data-selected="apex"] .pm-route[data-route="apex"]{opacity:1}.plat-map[data-selected="integra"] .pm-route[data-route="integra"]{opacity:1}.plat-map[data-selected="trackit"] .pm-route[data-route="trackit"]{opacity:1}.plat-map[data-selected="netsuite"] .pm-route[data-route="netsuite"]{opacity:1}.plat-map[data-selected="avalara"] .pm-route[data-route="avalara"]{opacity:1}.plat-map[data-selected="checkout"] .pm-route[data-route="checkout"]{opacity:1}
.pm-list{display:none}
/* Details card */
.pm-details{position:relative;display:flex;gap:28px;margin-top:6px;padding:20px 28px;border-radius:18px;background:linear-gradient(180deg,#014d50 0%,#003342 55%,#192f47 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px -14px rgba(0,51,66,.6),0 2px 6px rgba(0,51,66,.25);color:#fff;overflow:hidden;z-index:2}
.pm-accent{position:absolute;left:32px;right:32px;top:0;height:2px;background:linear-gradient(90deg,rgba(4,178,155,0),#04b29b 25%,#42d7b0 50%,#04b29b 75%,rgba(4,178,155,0))}
.pm-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.pm-copy.is-swapping{animation:pm-swap .5s cubic-bezier(.16,1,.3,1) both}
@keyframes pm-swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pm-headline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pm-tag{display:inline-flex;align-items:center;gap:7px;flex:none;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:500;letter-spacing:.02em}
.pm-tag-dot{width:7px;height:7px;border-radius:4px;background:#3CC8A0}
.pm-title{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:#fff}
.pm-text{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.86);max-width:700px}
.pm-divider{width:1px;flex:none;background:rgba(255,255,255,.14)}
.pm-aside{width:340px;flex:none;display:flex;flex-direction:column;gap:10px;justify-content:center}
.pm-legend{display:flex;gap:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:11px;white-space:nowrap;width:fit-content}
.pm-legend span{display:flex;align-items:center;gap:6px}.pm-legend i{width:14px;height:3px;border-radius:2px}.pm-legend i.dash{height:0;border-top:2px dashed #b3bac2}
.pm-disclaimer{margin:0;font-size:11px;line-height:1.45;color:rgba(255,255,255,.66)}
body.motion-paused .plat-map *{animation-play-state:paused!important}
.plat-map.is-offscreen *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.plat-map *{animation:none!important}.pm-cam{transform:none!important}.pm-pk{opacity:0}.pm-replay{display:none}.pm-copy.is-swapping{animation:none}}
@media(max-width:900px){.pm-details{flex-direction:column;gap:14px}.pm-divider{width:auto;height:1px}.pm-aside{width:auto}}
@media(max-width:699px){
.pm-stage,.pm-replay{display:none}
.pm-list{display:grid;gap:10px}
.pm-group{margin-top:10px;font:600 12px/1.4 var(--font,Inter,Arial,sans-serif);color:#3d5563}
.pm-litem{width:100%;box-shadow:0 6px 16px -10px rgba(6,30,53,.25)}
.pm-lnexus{display:flex;flex-direction:column;align-items:center;gap:2px;margin:12px auto;width:200px;height:200px;border-radius:50%;border:2px solid #72dfbd;background:radial-gradient(circle at 40% 30%,#1a6a86,#03304a 50%,#001833);color:#fff;justify-content:center;font:inherit;cursor:pointer;box-shadow:0 18px 36px -12px rgba(0,24,51,.35)}
.pm-details{padding:18px 18px}.pm-legend{flex-wrap:wrap;white-space:normal;border-radius:12px}.pm-title{font-size:18px}
}

/* Dock the details card onto the platform's front edge so it reads as part of the scene. */
@media(min-width:700px){#connected-systems .pm-details{max-width:min(940px,92%);margin:calc(-1 * clamp(56px,7vw,82px)) auto 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 -8px 24px -12px rgba(6,30,53,.25),0 24px 48px -16px rgba(0,51,66,.6)}}

/* Connected operation: high-end hub and ring. */
.hub-map{position:relative;padding:12px 0 26px}
.hub-stage{position:relative;width:100%;max-width:1180px;margin:0 auto;aspect-ratio:1100/480;background:radial-gradient(circle at 50% 50%,#fff 0,rgba(255,255,255,0) 46%)}
.hub-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(6,30,53,.12) 1px,transparent 1.2px);background-size:14px 14px;-webkit-mask:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.6) 30%,transparent 62%);mask:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.6) 30%,transparent 62%);pointer-events:none}
.hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub-line-off{fill:none;stroke:#a7bbb4;stroke-width:1.3;stroke-dasharray:3 6}
.hub-head,.hub-trail{fill:none;stroke-linecap:round;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both}
.hub-head{stroke-width:4;stroke-dasharray:.01 100;animation-name:hub-head}.hub-head.hub-core{stroke:#fff;stroke-width:7}
.hub-trail{stroke-width:5;stroke-dasharray:10 100;animation-name:hub-trail}
@keyframes hub-head{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}66%{stroke-dashoffset:-100;opacity:1}72%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes hub-trail{0%{stroke-dashoffset:10;opacity:0}12%,60%{opacity:.6}66%,100%{stroke-dashoffset:-90;opacity:0}}
.hub-ripple{fill:none;stroke-width:1.5;opacity:0;animation:hub-ripple 3s cubic-bezier(.16,1,.3,1) infinite both}
@keyframes hub-ripple{0%,64%{opacity:0;transform:scale(.4)}68%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.hub-route,.hub-cat,.hub-node,.hub-group-title{transition:opacity .5s cubic-bezier(.65,0,.35,1)}
.hub-catlabel{font:500 9px var(--mono,'IBM Plex Mono',monospace);letter-spacing:2px}
.hub-arcglint{stroke-dasharray:6 100;animation:hub-arcg 5s cubic-bezier(.65,0,.35,1) infinite}
@keyframes hub-arcg{0%{stroke-dashoffset:10;opacity:0}10%{opacity:.9}60%{stroke-dashoffset:-100;opacity:.9}70%,100%{stroke-dashoffset:-100;opacity:0}}
.hub-halo{transform-origin:550px 240px;animation:hub-halo 3s cubic-bezier(.16,1,.3,1) infinite}.hub-halo.late{animation-delay:-1.5s}
@keyframes hub-halo{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.3)}}
.hub-arc{animation:hub-arcdraw 7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes hub-arcdraw{0%{stroke-dashoffset:488.3}22%,100%{stroke-dashoffset:0}}
.hub-glint{transform-origin:550px 240px;animation:hub-glint 7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes hub-glint{0%,24%{transform:rotate(-90deg);opacity:0}30%{opacity:1}62%{transform:rotate(150deg);opacity:1}68%,100%{transform:rotate(150deg);opacity:0}}
.hub-bezel{transform-origin:550px 240px;animation:hub-spin 60s linear infinite}.hub-bezel2{transform-origin:550px 240px;animation:hub-spin 90s linear infinite reverse}
.hub-sat{transform-origin:550px 240px;animation-name:hub-spin;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes hub-spin{to{transform:rotate(360deg)}}
.hub-breathe{transform-origin:550px 240px;animation:hub-breathe 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes hub-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}
.hub-group-title{position:absolute;left:var(--x);top:var(--y);font:500 10px var(--mono,'IBM Plex Mono',monospace);letter-spacing:.14em;color:#526675}
.hub-node{position:absolute;left:var(--x);top:var(--y);width:22.727%;min-height:64px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;border-radius:14px;font:inherit;color:#061e35;cursor:pointer;--c:#0aa37f;border:1px solid transparent;background:linear-gradient(180deg,#fff,#f8fbfa) padding-box,linear-gradient(135deg,var(--c) 0%,#dbe7e3 45%,#dbe7e3 70%,color-mix(in srgb,var(--c) 40%,transparent) 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(6,30,53,.06),0 12px 28px -12px rgba(6,30,53,.22),0 26px 50px -30px color-mix(in srgb,var(--c) 55%,transparent);transition:opacity .5s cubic-bezier(.65,0,.35,1),box-shadow .3s cubic-bezier(.65,0,.35,1),transform .3s cubic-bezier(.65,0,.35,1);animation:hub-float 7s cubic-bezier(.65,0,.35,1) infinite}
.hub-node.k-two,.hub-node.k-app{--c:#2479b8}
.hub-node.float-1{animation-delay:-2.3s}.hub-node.float-2{animation-delay:-4.6s}
@keyframes hub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.hub-node.k-off{border:1px dashed #b5c7c1;background:rgba(250,252,251,.85);box-shadow:0 1px 2px rgba(6,30,53,.04);animation:none;--c:#7a8f99}
.hub-node[aria-pressed="true"],.hub-center[aria-pressed="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#0aa37f) 25%,transparent),0 16px 34px -12px rgba(6,30,53,.3)}
.hub-ic{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--c);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c) 10%,#fff));box-shadow:inset 0 0 0 1px rgba(6,30,53,.06)}
.hub-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.hub-info strong{font-size:13px;font-weight:600;letter-spacing:-.005em;line-height:1.3}.k-off .hub-info strong{color:#3d5563;font-weight:500}
.hub-info small{font-size:11px;line-height:1.3;color:#3d5563}
.hub-live{position:absolute;right:12px;top:12px;width:6px;height:6px;border-radius:3px;background:var(--c);animation:hub-live 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes hub-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 60%,transparent)}70%,100%{box-shadow:0 0 0 6px transparent}}
.hub-center{position:absolute;left:40.545%;top:28.333%;width:18.909%;height:43.333%;border:0;border-radius:50%;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font:inherit}
.hub-brand{font:500 9px var(--mono,'IBM Plex Mono',monospace);letter-spacing:.2em;color:#8fd9c4}
.hub-center-name{font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.hub-center-sub{font-size:12px;color:#7fe6c6}
.hub-center-health{margin-top:8px;padding:3px 10px;border-radius:999px;background:rgba(114,223,189,.12);border:1px solid rgba(114,223,189,.3);font-size:11.5px;color:#e3f9f3}.hub-center-health b{font-weight:600;font-variant-numeric:tabular-nums}
.hub-center:focus-visible,.hub-node:focus-visible{outline:2px solid #0aa37f;outline-offset:4px}
.hub-steps{position:absolute;left:35.273%;top:87.500%;width:29.455%;box-sizing:border-box;padding:4px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #dbe7e3;box-shadow:0 10px 24px -14px rgba(6,30,53,.3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;font-weight:500;text-align:center;color:#3d5563}
.hub-steps span{position:relative;padding:7px 0}
.hub-seg{position:absolute;left:4px;top:4px;width:calc((100% - 8px)/3);height:calc(100% - 8px);border-radius:999px;background:#001833;box-shadow:0 6px 14px -6px rgba(0,24,51,.5);animation:hub-seg 9s cubic-bezier(.65,0,.35,1) infinite}
@keyframes hub-seg{0%,28%{transform:translateX(0)}33%,61%{transform:translateX(100%)}66%,95%{transform:translateX(200%)}100%{transform:translateX(0)}}
.hub-steps .s1{animation:hub-s1 9s steps(1) infinite}.hub-steps .s2{animation:hub-s2 9s steps(1) infinite}.hub-steps .s3{animation:hub-s3 9s steps(1) infinite}
@keyframes hub-s1{0%{color:#fff}33%,100%{color:#3d5563}}@keyframes hub-s2{0%{color:#3d5563}33%{color:#fff}66%,100%{color:#3d5563}}@keyframes hub-s3{0%{color:#3d5563}66%{color:#fff}96%,100%{color:#3d5563}}
.hub-map[data-flow="delivery"] [data-route="checkout"],.hub-map[data-flow="delivery"] [data-route="avalara"],.hub-map[data-flow="delivery"] [data-route="trackit"],.hub-map[data-flow="payments"] [data-route="cloud"],.hub-map[data-flow="payments"] [data-route="apex"],.hub-map[data-flow="payments"] [data-route="integra"],.hub-map[data-flow="payments"] [data-route="trackit"],.hub-map[data-flow="payments"] [data-route="avalara"]{opacity:.12}.hub-map[data-flow="delivery"] #system-checkout,.hub-map[data-flow="delivery"] #system-avalara,.hub-map[data-flow="delivery"] #system-trackit,.hub-map[data-flow="delivery"] .g-app,.hub-map[data-flow="delivery"] [data-cat="app"],.hub-map[data-flow="payments"] #system-cloud,.hub-map[data-flow="payments"] #system-apex,.hub-map[data-flow="payments"] #system-integra,.hub-map[data-flow="payments"] #system-trackit,.hub-map[data-flow="payments"] #system-avalara,.hub-map[data-flow="payments"] .g-ops,.hub-map[data-flow="payments"] [data-cat="ops"]{opacity:.35}.hub-map[data-selected] .hub-route{opacity:.15}.hub-map[data-selected="nexus"] .hub-route{opacity:1}.hub-map[data-selected="cloud"] [data-route="cloud"]{opacity:1}.hub-map[data-selected="apex"] [data-route="apex"]{opacity:1}.hub-map[data-selected="integra"] [data-route="integra"]{opacity:1}.hub-map[data-selected="trackit"] [data-route="trackit"]{opacity:1}.hub-map[data-selected="netsuite"] [data-route="netsuite"]{opacity:1}.hub-map[data-selected="avalara"] [data-route="avalara"]{opacity:1}.hub-map[data-selected="checkout"] [data-route="checkout"]{opacity:1}
body.motion-paused .hub-map *,.hub-map.is-offscreen *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hub-map *{animation:none!important}.hub-head,.hub-trail,.hub-ripple{opacity:0}.hub-steps .s1{color:#fff}}
@media(max-width:979px){
.hub-stage{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:none}.hub-stage::before{display:none}
.hub-lines{display:none}
.hub-node,.hub-group-title,.hub-center,.hub-steps{position:static;width:auto;height:auto;animation:none}
.hub-group-title{grid-column:1/-1;margin-top:14px}
.hub-center{grid-column:1/-1;justify-self:center;width:210px;height:210px;margin:18px 0 6px;background:radial-gradient(circle at 40% 28%,#1a6a86,#05344f 40%,#001833);box-shadow:0 0 0 7px #fff,0 0 0 9px #dbe7e3,0 18px 36px -12px rgba(0,24,51,.35);position:relative;left:auto;top:auto}
.hub-center::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(#0aa37f 0 66.6%,transparent 66.6% 100%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 64.5%,#000 70%,transparent 70.5%);mask:radial-gradient(circle,transparent 64%,#000 64.5%,#000 70%,transparent 70.5%);pointer-events:none}
.hub-steps{grid-column:1/-1;justify-self:center;width:min(324px,100%);margin-top:8px;position:relative;left:auto;top:auto}
}
@media(max-width:600px){.hub-stage{grid-template-columns:1fr}.hub-center{width:190px;height:190px}.hub-center-name{font-size:28px}}

@media(min-width:700px){#connected-systems .pm-details{margin:10px auto 0}}
@media(max-width:979px){.hub-node{position:relative;left:auto;top:auto}}