.hx .wires .w{fill:none;stroke:#80ddbc;stroke-width:1.6}.hx .wires .wd{fill:none;stroke:#2cba86;stroke-width:1.6;stroke-dasharray:2 7;stroke-linecap:round}.hx{--g500:#2CBA86;--g700:#1F825E;--g800:#1C7554;--mint:#80DDBC;--ink:#101B2E;--ink7:#585F6D;--grey:#5A5A5A;--tint:#E9F7F6;--line:#D4E7E5;--line2:#E2F2F0;--forest:#154234;--neg:#C4282D;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 16px;color:var(--ink)}.hx *{box-sizing:border-box}.hx .panel{position:relative;width:100%;aspect-ratio:1200/760;border-radius:28px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse 46% 52% at 50% 44%,#80ddbc61,#80ddbc00 70%),linear-gradient(var(--line2) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line2) 1px,transparent 1px) 0 0/40px 40px,var(--tint);container-type:inline-size}.hx .stage{position:absolute;inset:0;width:1200px;height:760px;transform-origin:0 0;transform:scale(calc(100cqw/1200px))}@supports not (container-type:inline-size){.hx .stage{transform:none}}.hx .wires{position:absolute;inset:0;width:1200px;height:760px;pointer-events:none}.hx .lbl{position:absolute;font:600 13px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink7)}.hx .ch{position:absolute;left:36px;width:400px;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px -10px #101b2e2e}.hx .ch b{font:500 17px var(--font-body);color:var(--ink)}.hx .chips{display:flex;gap:6px}.hx .chip{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.hx .chip img,.hx .chip svg{width:20px;height:20px}.hx .chip.woo{width:64px}.hx .chip.woo img{width:52px;height:30px}.hx .chip.ic svg{stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hx .cap{position:absolute;left:36px;width:400px;text-align:center;font:400 15px var(--font-body);color:var(--ink7)}.hx .hub{position:absolute;left:485px;top:215px;width:230px;height:230px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 0 0 14px #ffffff73,0 0 0 46px #ffffff38,0 24px 50px -20px #15423459}.hx .hub img{width:150px;height:auto}.hx .hub span{font:600 11.5px var(--font-body);letter-spacing:.17em;text-transform:uppercase;color:var(--g700);text-align:center;line-height:1.5}.hx .top{position:absolute;left:600px;top:26px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 18px 8px 8px;white-space:nowrap;box-shadow:0 6px 18px -10px #101b2e2e}.hx .top i{width:34px;height:34px;border-radius:50%;background:var(--forest);display:grid;place-items:center}.hx .top i svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hx .top b{font:500 15px var(--font-body)}.hx .out{position:absolute;left:800px;width:364px;height:76px;display:flex;align-items:center;gap:16px;padding:0 18px 0 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px -10px #101b2e2e}.hx .out .tile{flex:none;width:48px;height:48px;border-radius:11px;background:var(--g500);display:grid;place-items:center}.hx .out .tile svg{width:24px;height:24px;stroke:var(--ink);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hx .out h3{font:600 18px/1.15 var(--font-heading);letter-spacing:-.01em;color:var(--ink)}.hx .out p{font:400 13.5px/1.35 var(--font-body);color:var(--grey);margin-top:3px}.hx .books{position:absolute;left:330px;top:604px;width:540px;height:78px;display:flex;align-items:center;gap:16px;padding:0 22px 0 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px -10px #101b2e2e}.hx .books .chips .chip{width:44px;height:44px}.hx .books .chips img{width:26px;height:26px}.hx .books h3{font:600 17px/1.2 var(--font-heading);letter-spacing:-.01em}.hx .books p{font:400 13.5px/1.35 var(--font-body);color:var(--grey);margin-top:2px}.hx .filed{position:absolute;left:904px;top:620px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px 10px 10px;box-shadow:0 6px 18px -10px #101b2e2e}.hx .filed i{width:30px;height:30px;border-radius:8px;background:var(--forest);display:grid;place-items:center}.hx .filed i svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hx .filed b{font:500 14px/1.25 var(--font-body)}.hx .legend{position:absolute;left:36px;top:700px;display:flex;gap:26px;font:400 14px var(--font-body);color:var(--ink7)}.hx .legend span{display:flex;align-items:center;gap:8px}.hx .legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--g500)}.hx .legend span.o:before{background:var(--ink)}.hx .hub{gap:12px}.hx .ctr{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px}.hx .ctr b{font-size:20px;color:var(--ink);letter-spacing:-.01em}.hx .ctr small{font:400 11px var(--font-body);color:var(--ink7)}.hx .hub.pulse{animation:hubPulse .5s ease-out}@keyframes hubPulse{0%{box-shadow:0 0 0 14px #2cba8659,0 0 0 46px #ffffff38,0 24px 50px -20px #15423459}to{box-shadow:0 0 0 14px #ffffff73,0 0 0 46px #ffffff38,0 24px 50px -20px #15423459}}.hx .packets{position:absolute;inset:0;pointer-events:none;z-index:2}.hx .ch,.hx .out,.hx .books,.hx .hub{z-index:3}.hx .pk{position:absolute;left:0;top:0;opacity:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font:500 12px var(--font-body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 10px 4px 7px;box-shadow:0 4px 12px -6px #101b2e4d;will-change:transform,opacity}.hx .pk:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g500);flex:none}.hx .pk .num{font-size:11.5px}.hx .pk .neg{color:var(--neg,#C4282D)}.hx .pk.dot{padding:0;border:0;width:10px;height:10px;background:var(--g500);box-shadow:0 0 0 3px #2cba8640}.hx .pk.dot:before{display:none}.hx .pk.outp{background:var(--ink);color:#fff;border-color:var(--ink)}.hx .pk.outp:before{background:var(--mint)}.hx .wires .w,.hx .ch,.hx .out{transition:opacity .25s,stroke .25s,stroke-width .25s,border-color .25s,box-shadow .25s}.hx .panel.focus .wires .w{opacity:.3}.hx .panel.focus .wires .w.on{opacity:1;stroke:var(--g500);stroke-width:2.6}.hx .panel.focus .ch:not(.on),.hx .panel.focus .out:not(.on){opacity:.5}.hx .ch,.hx .out{cursor:default;outline:none}.hx .ch:focus-visible,.hx .out:focus-visible{box-shadow:0 0 0 3px var(--g500)}.hx .ch.on,.hx .out.on{border-color:var(--g500)}.hx .out.hit,.hx .books.hit{border-color:var(--g500);box-shadow:0 0 0 3px #2cba8640,0 6px 18px -10px #101b2e2e}.hx .info{position:absolute;left:36px;top:592px;width:270px;font:400 14px/1.45 var(--font-body);color:var(--ink7);min-height:84px}.hx .info b{color:var(--ink);font-weight:600}@media(max-width:860px){.hx .packets,.hx .info{display:none}}@media(max-width:860px){.hx .panel{aspect-ratio:auto;border-radius:20px;padding:24px 14px 20px}.hx .stage{position:relative;width:auto;height:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.hx .stage>*{grid-column:1 / -1}.hx .wires,.hx .legend{display:none}.hx .lbl,.hx .ch,.hx .cap,.hx .hub,.hx .top,.hx .out,.hx .books,.hx .filed{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.hx .lbl{margin:2px 0;text-align:center;font-size:12px;letter-spacing:.14em}.hx .ch{grid-column:auto;height:auto;min-height:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:12px}.hx .ch[data-k=i5]{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.hx .ch b{font-size:15px;line-height:1.2}.hx .chips{flex-wrap:wrap;gap:5px}.hx .chip{width:30px;height:30px;border-radius:8px}.hx .chip img,.hx .chip svg{width:18px;height:18px}.hx .chip.woo{width:54px}.hx .chip.woo img{width:44px;height:26px}.hx .cap{margin:0;font-size:14px}.hx .top{justify-self:stretch;justify-content:center;white-space:normal;text-align:left;border-radius:14px;padding:8px 14px 8px 8px;margin-top:6px}.hx .top i{flex:none;width:30px;height:30px}.hx .top b{font-size:14px;line-height:1.3}.hx .hub{justify-self:center;width:auto;height:auto;border-radius:18px;flex-direction:row;gap:12px;padding:14px 18px;margin:0;box-shadow:0 0 0 6px #ffffff80,0 14px 30px -18px #15423473}.hx .hub img{width:104px}.hx .hub span{font-size:10.5px;letter-spacing:.14em;text-align:left;border-left:1px solid var(--line);padding-left:12px}.hx .out{height:auto;padding:12px;gap:12px}.hx .out .tile{width:40px;height:40px;border-radius:10px}.hx .out .tile svg{width:21px;height:21px}.hx .out h3{font-size:16.5px}.hx .out p{font-size:13px}.hx .books{height:auto;padding:12px;gap:12px;align-items:center}.hx .books .chips .chip{width:38px;height:38px}.hx .books .chips img{width:22px;height:22px}.hx .books h3{font-size:16px}.hx .books p{font-size:13px}.hx .filed{justify-self:stretch;justify-content:center;padding:10px 14px}.hx .m-sep{display:block!important;width:2px;height:22px;margin:0 auto;background:repeating-linear-gradient(var(--g500) 0 4px,transparent 4px 9px);background-size:2px 9px}.hx .hub span{display:none}.hx .ctr{display:flex!important;align-items:flex-start;border-left:1px solid var(--line);padding-left:12px;margin:0}.hx .hub.pulse{animation:hxPulseM .6s ease-out}.hx .ctr b{font-size:17px}.hx .ctr small{font-size:10px}.hx .m-feed{display:flex!important;justify-self:center;align-items:center;gap:6px;min-height:28px;font:500 12.5px var(--font-body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px 5px 9px;box-shadow:0 4px 12px -6px #101b2e4d;opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s}.hx .m-feed:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g500);flex:none}.hx .m-feed.show{opacity:1;transform:none}.hx .m-feed.outp{background:var(--ink);color:#fff;border-color:var(--ink)}.hx .m-feed.outp:before{background:var(--mint)}.hx .m-feed .neg{color:var(--neg)}.hx .ch,.hx .out,.hx .books{transition:border-color .3s,box-shadow .3s}@media(prefers-reduced-motion:no-preference){.hx .m-sep{animation:hxSep .9s linear infinite}}}@keyframes hxPulseM{0%{box-shadow:0 0 0 6px #2cba8673,0 14px 30px -18px #15423473}to{box-shadow:0 0 0 6px #ffffff80,0 14px 30px -18px #15423473}}@keyframes hxSep{0%{background-position:0 0}to{background-position:0 9px}}.hx .books .chips{flex:none;flex-wrap:nowrap}@media(max-width:480px){.hx .ch{padding:11px 10px}.hx .chips{gap:4px}.hx .chip{width:25px;height:25px;border-radius:7px}.hx .chip img,.hx .chip svg{width:16px;height:16px}.hx .chip.woo{width:48px}.hx .chip.woo img{width:40px;height:24px}.hx .books{flex-direction:column;align-items:flex-start}.hx .books .chips .chip{width:34px;height:34px}.hx .books .chips img{width:20px;height:20px}}.hx .m-sep,.hx .m-feed{display:none}.hx .ch.hit{border-color:var(--g500);box-shadow:0 0 0 3px #2cba8640,0 6px 18px -10px #101b2e2e}
