.svc-bp{perspective:1200px}.svc-bp .svc-sheet{transform-style:preserve-3d;border-radius:12px;position:absolute;inset:0;overflow:hidden}.svc-bp .svc-sheet-blue{animation:9s ease-in-out infinite svcBpA}.svc-bp .svc-sheet-live{animation:9s ease-in-out infinite svcBpB}@keyframes svcBpA{0%,38%{opacity:1;transform:rotateY(0)}50%,88%{opacity:0;transform:rotateY(-80deg)}to{opacity:1;transform:rotateY(0)}}@keyframes svcBpB{0%,40%{opacity:0;transform:rotateY(80deg)}52%,86%{opacity:1;transform:rotateY(0)}98%,to{opacity:0;transform:rotateY(80deg)}}.svc-phase span{animation:9s ease-in-out infinite svcPhaseA}.svc-phase span+span{animation-name:svcPhaseB}@keyframes svcPhaseA{0%,38%{color:var(--gold)}50%,88%{color:#ffffff73}to{color:var(--gold)}}@keyframes svcPhaseB{0%,40%{color:#ffffff73}52%,86%{color:var(--gold)}98%,to{color:#ffffff73}}@keyframes svcFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.svc-fade{animation:.4s both svcFadeIn}@keyframes svcRecIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.svc-rec{animation:.5s both svcRecIn}@keyframes svcSnap{0%,25%{transform:translateY(110%)}40%,85%{transform:none}to{transform:translateY(110%)}}.svc-snap{animation:4s ease-in-out infinite svcSnap}@keyframes svcMailOut{0%,35%{opacity:1;transform:none}60%,to{opacity:0;transform:translate(40px)}}.svc-mail{animation:5s ease-in-out infinite svcMailOut}@keyframes svcNeq{0%,40%{opacity:1}55%,to{opacity:0}}.svc-neq{animation:5s ease-in-out infinite svcNeq}@keyframes svcOneIn{0%,45%{opacity:0;transform:translateY(10px)}60%,to{opacity:1;transform:none}}.svc-one{animation:5s ease-in-out infinite svcOneIn}.svc-rail{grid-template-columns:.85fr 1.15fr;display:grid}.svc-rail-list{border-right:1px solid #ffffff1a}@keyframes svcSpin{to{transform:rotate(360deg)}}.svc-loop-dot{transform-origin:220px 220px;animation:10s linear infinite svcSpin}@keyframes svcUnfold{0%,4%{opacity:0;transform:perspective(700px)rotateY(-80deg)}16%,84%{opacity:1;transform:none}96%,to{opacity:0;transform:perspective(700px)rotateY(-80deg)}}.svc-unfold{transform-origin:0;animation:9s ease-in-out infinite svcUnfold}@keyframes svcCsv{0%,40%{opacity:1;transform:none}60%,to{opacity:.25;transform:translate(30px)}}.svc-csv{animation:6s ease-in-out infinite svcCsv}@keyframes svcOneView{0%,45%{box-shadow:none;border-color:#2e6aab8c}60%,to{border-color:var(--gold);box-shadow:0 0 0 6px #facf391a}}.svc-oneview{animation:6s ease-in-out infinite svcOneView}.svc-net-map{stroke:#2e6aab8c;stroke-dasharray:400;stroke-dashoffset:0}.svc-net-lbl{opacity:0;transition:opacity .4s}.svc-net-s2 .svc-net-lbl,.svc-net-s3 .svc-net-lbl{opacity:1}.svc-net-pk{opacity:0}@keyframes svcPk{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.svc-net-s3 .svc-net-pk,.svc-net-s4 .svc-net-pk,.svc-net-s5 .svc-net-pk{animation:3.2s linear infinite svcPk}.svc-net-mon{opacity:0;transition:opacity .4s}.svc-net-s5 .svc-net-mon{opacity:1}.svc-net-mon i{background:var(--gold);border-radius:2px;height:4px;animation:1.4s ease-in-out infinite svcBar;display:block}.svc-net-mon i:nth-child(2){animation-delay:.3s}.svc-net-mon i:nth-child(3){animation-delay:.6s}@keyframes svcBar{0%,to{width:26px}50%{width:52px}}@keyframes svcDraw{0%{stroke-dashoffset:1000px}85%,to{stroke-dashoffset:0}}.svc-live-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:12s linear infinite svcDraw}@keyframes svcToday{0%{transform:translate(0)}85%,to{transform:translate(380px)}}.svc-live-today{animation:12s linear infinite svcToday}@keyframes svcAlert{0%,52%{opacity:0}58%,to{opacity:1}}.svc-live-alert{opacity:0;animation:12s linear infinite svcAlert}.svc-kpi-qs{transition:opacity .4s}.svc-kpi:not(.svc-kpi-s1) .svc-kpi-qs{opacity:0}.svc-kpi-tile{opacity:.35;transition:all .5s;transform:translate(-50%,-50%)}.svc-kpi-s2 .svc-kpi-tile,.svc-kpi-s3 .svc-kpi-tile{opacity:1;border-color:var(--gold)!important}.svc-kpi-s4 .svc-kpi-tile,.svc-kpi-s5 .svc-kpi-tile{opacity:1;transform:translate(-50%,-50%)scale(.72)translateY(-60px)}.svc-kpi-tag{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.svc-kpi-s2 .svc-kpi-tag,.svc-kpi-s3 .svc-kpi-tag{opacity:1;transform:none}.svc-kpi-src{opacity:0;transition:opacity .4s}.svc-kpi-s3 .svc-kpi-src{opacity:1}.svc-kpi-mini{opacity:0;transition:opacity .5s}.svc-kpi-s4 .svc-kpi-mini{opacity:1}.svc-kpi-s5 .svc-kpi-mini{opacity:.5}.svc-kpi-sched{opacity:0;transition:opacity .4s}.svc-kpi-s5 .svc-kpi-sched{opacity:1}.svc-canvas-wrap{border-radius:var(--radius-lg);background:var(--product-bg);border:1px solid #2e6aab66;grid-template-columns:minmax(0,1fr) 280px;margin-top:22px;display:grid;overflow:hidden}.svc-canvas-scroll{scrollbar-width:thin;overflow-x:auto}.svc-canvas{background-color:#0d1b2e;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:18px 18px;min-width:100%;height:460px;position:relative;overflow:hidden}.svc-edge{fill:none;stroke:#ffffff40;stroke-width:2px}.svc-edge.on{stroke:var(--gold);stroke-width:2.2px;filter:drop-shadow(0 0 6px #facf3980)}.svc-node{color:#fff;background:#16305a;border:1.5px solid #2e6aabb3;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:132px;padding:8px;transition:border-color .3s,box-shadow .3s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 28px -16px #000c}.svc-node.trigger{border-style:dashed}.svc-node.on{border-color:var(--gold);box-shadow:0 0 0 5px #facf3924,0 12px 28px -16px #000c}.svc-node-ic{width:28px;height:28px;font-family:var(--font-mono);color:#fff;border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.svc-node b{font-size:11.5px;line-height:1.2;display:block}.svc-node small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-top:3px;font-size:7.5px;display:block}.svc-node-st{color:#fff;opacity:0;background:#3fb27f;border:2px solid #0d1b2e;border-radius:999px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;transition:all .25s;display:grid;position:absolute;top:-7px;right:-7px;transform:scale(.5)}.svc-node.done .svc-node-st{opacity:1;transform:none}.svc-hd{background:#0d1b2e;border:1.5px solid #2e6aabe6;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.svc-hd.r{left:auto;right:-6px}.svc-canvas-panel{color:#fff;background:#0f2748;border-left:1px solid #ffffff14;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:460px;padding:16px 16px 14px;display:grid}.svc-canvas-log{align-content:start;gap:5px;display:grid;overflow:hidden}.svc-canvas-log div{font-family:var(--font-mono);color:#fffc;background:#ffffff0d;border:1px solid #2e6aab59;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:9px;display:flex}.svc-canvas-log div i{color:#fff;background:#3fb27f;border-radius:999px;flex:none;place-items:center;width:12px;height:12px;font-size:7px;font-style:normal;font-weight:800;display:grid}.svc-canvas-log div .t{color:#fff6;flex:none;margin-left:auto;font-size:8px}.svc-flow{background-color:#0d1b2e;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:18px 18px;padding:18px 14px 16px;position:relative}.svc-flow-row{gap:10px;display:grid}.svc-flow-node{width:auto;padding:9px 10px;position:relative;transform:none}.svc-flow-node.tight{text-align:center;grid-template-columns:1fr;justify-items:center;gap:5px;padding:8px 7px}.svc-flow-node.tight b{font-size:10.5px}.svc-flow-node.tight small{letter-spacing:.06em;font-size:7px}.svc-flow-node.tight .svc-node-ic{width:24px;height:24px;font-size:9.5px}.svc-flow-link{width:100%;height:24px;display:block}.svc-flow-link line{stroke:#ffffff40;stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .3s}.svc-flow-link.on line{stroke:var(--gold);filter:drop-shadow(0 0 5px #facf3980)}@media (width<=960px){.svc-canvas-wrap{grid-template-columns:minmax(0,1fr)}.svc-canvas{min-width:820px}.svc-canvas-panel{border-top:1px solid #ffffff14;border-left:0;min-height:0}.svc-canvas-log{max-height:160px}.svc-rail{grid-template-columns:minmax(0,1fr)!important}.svc-rail-list{border-bottom:1px solid #ffffff1a;border-right:0}.svc-rail-panel{padding:28px 24px!important}}@media (width<=560px){.svc-rail-vis{display:none!important}.svc-rail-panel{grid-template-rows:auto!important}.svc-hero-vis{margin-top:8px}}@media (prefers-reduced-motion:reduce){.svc-sheet-blue,.svc-sheet-live,.svc-phase span,.svc-snap,.svc-mail,.svc-neq,.svc-one,.svc-loop-dot,.svc-fade,.svc-rec,.svc-unfold,.svc-csv,.svc-oneview,.svc-net-pk,.svc-net-mon i,.svc-live-line,.svc-live-today,.svc-live-alert{animation:none!important}.svc-live-line{stroke-dashoffset:0!important}.svc-live-today{transform:translate(380px)!important}.svc-live-alert{opacity:1!important}.svc-unfold{opacity:1!important;transform:none!important}.svc-net-lbl,.svc-net-mon,.svc-net-pk{opacity:1!important}.svc-sheet-blue{opacity:0!important}.svc-sheet-live{opacity:1!important;transform:none!important}.svc-neq{opacity:0!important}.svc-one{opacity:1!important;transform:none!important}.svc-snap{transform:none!important}}@media (width<=560px){.svc-scope-grid{gap:10px!important;margin-top:32px!important}.svc-scope-card{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:4px 14px;padding:16px!important;display:grid!important}.svc-scope-card>div:first-of-type{grid-row:1/span 2;margin:0!important}.svc-scope-card>div:nth-of-type(2),.svc-scope-card>div:nth-of-type(3){grid-column:2}.svc-scope-card>div:nth-of-type(2){margin-bottom:2px!important;font-size:15px!important}.svc-scope-card>div:nth-of-type(3){font-size:13.5px!important}.svc-process-vis{display:none!important}.svc-step{gap:10px!important;padding:10px 12px!important}.svc-step p{font-size:13px!important}.svc-wf-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;display:grid!important}.svc-wf-tabs button{letter-spacing:.08em!important;padding:9px 6px!important}.svc-canvas-wrap{margin-top:16px}.svc-canvas-panel{gap:10px;padding:14px 14px 12px}.svc-canvas-log{max-height:90px}}