.op-stage{width:100%;container-type:inline-size}.op-scene{width:52em;height:50em;margin:auto;font-size:clamp(4.2px,1.88cqw,9.8px);position:relative}.op-glow{filter:blur(1.4em);background:radial-gradient(circle,#2be0d029,#0000 65%);border-radius:50%;width:28em;height:28em;position:absolute;bottom:11em;left:12em}.op-orbit{border:1px dashed #2be0d02e;border-radius:50%;width:34.5em;height:34.5em;animation:70s linear infinite opOrbit;position:absolute;bottom:7.75em;left:8.75em}.op-spoke{z-index:1;position:absolute}.op-spoke-left,.op-spoke-right{background:repeating-linear-gradient(90deg,#2be0d08c 0 .5em,#0000 .5em 1.4em);height:.6em;animation:1.6s linear infinite opMarchX;bottom:24.7em}.op-spoke-left{width:4.6em;left:14em}.op-spoke-right{width:4.6em;left:33.4em}.op-spoke-top,.op-spoke-bottom{background:repeating-linear-gradient(#2be0d08c 0 .5em,#0000 .5em 1.4em);width:.6em;left:25.7em}.op-spoke-top{height:5.6em;animation:1.6s linear infinite opMarchUp;bottom:32.4em}.op-spoke-bottom{height:5.6em;animation:1.6s linear infinite opMarchDown;bottom:12em}.op-node{z-index:3;color:#2be0d08c;background:linear-gradient(160deg,#18425566,#050e16eb);border:1px solid #64cceb47;border-radius:1.1em;place-items:center;width:11em;height:8em;animation:16s ease-in-out infinite opNodeOn;display:grid;position:absolute;box-shadow:0 1em 2.6em #00000073}.op-node svg{width:7.4em;height:4.9em}.op-proprietari{animation-delay:0s;bottom:21em;left:3em}.op-furnizori{animation-delay:4.2s;bottom:21em;left:38em}.op-documente{animation-delay:9.6s;bottom:4em;left:20.5em}.op-comitet{animation-delay:12.2s;bottom:38em;left:20.5em}.op-sheet-new{opacity:0;animation:16s ease-out infinite opSheet}.op-node-check{width:2.8em;height:2.8em;color:var(--cyan);opacity:0;background:#061c24fa;border:.12em solid #2be0d0cc;border-radius:50%;place-items:center;animation:16s ease-out infinite opNodeCheck;display:grid;position:absolute;top:-1.1em;right:-1.1em;box-shadow:0 0 1.2em #2be0d066}.op-node-check b{font-size:1.5em;font-weight:400;line-height:1}.op-hub{z-index:4;width:12em;height:12em;color:var(--cyan);background:radial-gradient(circle at 50% 35%,#164a5cf2,#040c14fa);border:1px solid #2be0d073;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:19em;left:20em;box-shadow:0 0 3em #2be0d038}.op-hub svg{width:6.2em;height:6.2em}.op-pulse{z-index:2;opacity:0;border:.16em solid #2be0d0b3;border-radius:50%;width:12em;height:12em;animation:16s ease-out infinite opPulse;position:absolute;bottom:19em;left:20em}.op-ring{z-index:3;pointer-events:none;width:14.8em;height:14.8em;position:absolute;bottom:17.6em;left:18.6em;transform:rotate(-90deg)}.op-ring circle{fill:none;stroke-width:3px}.op-ring-track{stroke:#2be0d024}.op-ring-fill{stroke:var(--cyan);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289px;filter:drop-shadow(0 0 .4em #2be0d0b3);animation:16s linear infinite opRing}.op-hub-check{width:3.2em;height:3.2em;color:var(--cyan);opacity:0;background:#061e26fa;border:.12em solid #2be0d0d9;border-radius:50%;place-items:center;animation:16s ease-out infinite opHubCheck;display:grid;position:absolute;bottom:.6em;right:.2em;box-shadow:0 0 1.6em #2be0d080}.op-hub-check b{font-size:1.7em;font-weight:400;line-height:1}.op-packet{z-index:5;opacity:0;background:linear-gradient(90deg,#061e26e6 0 1.4em,#0000 1.4em) .6em .6em/100% .28em no-repeat,linear-gradient(160deg,#b6f6ef,#2be0d0);border:1px solid #96f5ece6;border-radius:.3em;width:2.8em;height:2em;animation:16s cubic-bezier(.4,0,.3,1) infinite opPacket;position:absolute;box-shadow:0 0 1.2em #2be0d0b3}.op-packet-alt{filter:opacity(.45)saturate(.6)}.op-chip{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#08121de6;border:1px solid #ffffff1c;border-radius:1em;align-items:center;gap:.9em;padding:1em 1.3em;display:flex;position:absolute;box-shadow:0 1.4em 3.4em #00000073}.op-chip small{color:#708091;letter-spacing:.04em;font-size:1em;display:block}.op-chip b{margin-top:.28em;font-size:1.25em;font-weight:700;display:block}.op-chip>span{width:2.2em;height:2.2em;color:var(--cyan);background:#2be0d026;border:1px solid #2be0d061;border-radius:50%;flex:none;place-items:center;font-size:1.1em;display:grid}.chip-solicitare{animation:7.5s ease-in-out infinite opFloatChip;bottom:3em;left:.5em}.chip-sedinta{animation:7.5s ease-in-out 2.6s infinite opFloatChip;bottom:45em;right:.5em}@keyframes opOrbit{to{transform:rotate(360deg)}}@keyframes opMarchX{to{background-position:1.4em 0}}@keyframes opMarchUp{to{background-position:0 -1.4em}}@keyframes opMarchDown{to{background-position:0 1.4em}}@keyframes opNodeOn{0%{color:#2be0d08c;border-color:#64cceb47;box-shadow:0 1em 2.6em #00000073}4%,14%{color:#a9f7ef;border-color:#2be0d0d9;box-shadow:0 1em 2.6em #00000073,0 0 2.8em #2be0d061}18%,to{color:#2be0d08c;border-color:#64cceb47;box-shadow:0 1em 2.6em #00000073}}@keyframes opPacket{0%{opacity:0;transform:translate(0)scale(.6)}4%{opacity:1;transform:translate(0)scale(1)}12%{transform:translate(var(--tx,0), var(--ty,0)) scale(1);opacity:1}16%{transform:translate(var(--tx,0), var(--ty,0)) scale(.6);opacity:0}17%,to{opacity:0;transform:translate(0)scale(.6)}}@keyframes opPulse{0%,10%{opacity:0;transform:scale(1)}13%{opacity:.8}22%,to{opacity:0;transform:scale(1.65)}}@keyframes opRing{0%{stroke-dashoffset:289px;opacity:0}3%,12%{stroke-dashoffset:289px;opacity:1}78%,94%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes opSheet{0%,60%{opacity:0;transform:translateY(3px)}66%,96%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(3px)}}@keyframes opNodeCheck{0%,77%{opacity:0;transform:scale(.4)}81%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(.4)}}@keyframes opHubCheck{0%,80%{opacity:0;transform:scale(.4)}84%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(.4)}}@keyframes opFloatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-1em)}}@media (max-width:1050px){.op-stage{max-width:540px;margin-inline:auto}}@media (max-width:760px){.op-chip{display:none}}@media (prefers-reduced-motion:reduce){.op-orbit,.op-spoke,.op-node,.op-sheet-new,.op-node-check,.op-pulse,.op-ring-fill,.op-hub-check,.op-packet,.op-chip{animation:none}.op-packet,.op-pulse{opacity:0}.op-sheet-new,.op-node-check,.op-hub-check{opacity:1}.op-ring-fill{stroke-dashoffset:0}}
