.hx-chart-compass{position:relative;min-height:440px}.hx-chart-compass .stg{position:absolute;left:50%;top:50%;width:560px;height:440px;margin:-220px 0 0 -280px}.hx-chart-compass .dial{position:absolute;left:10px;top:40px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#1a2622,#0d1311 62%,#090c0b);box-shadow:0 0 0 1px #ffffff14 inset,0 0 0 10px #121716,0 0 0 11px color-mix(in srgb,var(--a) 45%,#2a302e),0 0 0 18px #0c0f0e,0 50px 90px -30px #000000d9,0 0 120px -30px var(--a)}.hx-chart-compass .ticks{position:absolute;inset:0;width:100%;height:100%}.hx-chart-compass .ticks line{stroke:#ffffff29;stroke-width:1.4}.hx-chart-compass .ticks line.mj{stroke:color-mix(in srgb,var(--a) 80%,#fff);stroke-width:2.4}.hx-chart-compass .mk{--r: 0deg;position:absolute;left:50%;top:50%;width:64px;margin:-28px 0 0 -32px;display:grid;justify-items:center;gap:3px;transform:rotate(var(--r)) translateY(-120px) rotate(calc(var(--r) * -1));color:var(--cc-mk, #7d8a85)}.hx-chart-compass .mk svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hx-chart-compass .mk small{font:600 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.hx-chart-compass .mk.m0{animation:hx-cc-lit0 12s infinite}.hx-chart-compass .mk.m4{animation:hx-cc-lit1 12s infinite}.hx-chart-compass .mk.m6{animation:hx-cc-lit2 12s infinite}.hx-chart-compass .rose{position:absolute;inset:88px;border-radius:50%;border:1px dashed rgb(255 255 255 / .1);background:conic-gradient(from -22.5deg,transparent 0 12.5%,rgb(255 255 255 / .025) 0 25%,transparent 0 37.5%,rgb(255 255 255 / .025) 0 50%,transparent 0 62.5%,rgb(255 255 255 / .025) 0 75%,transparent 0 87.5%,rgb(255 255 255 / .025) 0)}.hx-chart-compass .needle{position:absolute;left:50%;top:50%;width:22px;height:190px;margin:-95px 0 0 -11px;animation:hx-cc-needle 12s cubic-bezier(.3,1.4,.5,1) infinite}.hx-chart-compass .needle:before,.hx-chart-compass .needle:after{content:"";position:absolute;left:0;width:22px;height:95px}.hx-chart-compass .needle:before{top:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--a) 70%,#fff),var(--a) 50%,color-mix(in srgb,var(--a) 60%,#000) 50%);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--a) 70%,transparent))}.hx-chart-compass .needle:after{bottom:0;height:60px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(90deg,#5a615f 50%,#3a403e 50%)}.hx-chart-compass .cap{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9c2bf 40%,#5b625f);box-shadow:0 3px 8px #0009}.hx-chart-compass .ask{position:absolute;right:0;top:18px;width:214px;padding:14px 16px;border-radius:14px;background:#0e1110e6;border:1px solid rgb(255 255 255 / .1);box-shadow:0 24px 50px -20px #000c;backdrop-filter:blur(6px);color:#e9efec}.hx-chart-compass .h{display:flex;align-items:center;gap:7px;font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a9691}.hx-chart-compass .qs,.hx-chart-compass .dt,.hx-chart-compass .nm{display:grid}.hx-chart-compass .qs>*,.hx-chart-compass .dt>*,.hx-chart-compass .nm>*,.hx-chart-compass .charts>*{grid-area:1 / 1}.hx-chart-compass .qs{margin:10px 0 8px}.hx-chart-compass .qs b{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:7px 12px;border-radius:99px;font:600 13px var(--font-sans);color:color-mix(in srgb,var(--a) 70%,#fff);background:color-mix(in srgb,var(--a) 16%,transparent);border:1px solid color-mix(in srgb,var(--a) 55%,transparent)}.hx-chart-compass .qs b:before{content:"\2713";font-size:11px}.hx-chart-compass .dt em{font:normal 11.5px var(--font-mono);color:#8a9691}.hx-chart-compass .fit{position:absolute;right:14px;bottom:26px;width:200px;padding:14px;border-radius:14px;background:#0f1312;border:1px solid color-mix(in srgb,var(--a) 40%,rgb(255 255 255 / .1));box-shadow:0 30px 60px -20px #000000d9,0 0 50px -20px var(--a);color:#e9efec;rotate:2deg}.hx-chart-compass .fit .h i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 8px var(--a)}.hx-chart-compass .charts{display:grid;margin:10px 0 8px}.hx-chart-compass .charts svg{width:100%;height:70px;fill:none;stroke-linecap:round;stroke-linejoin:round}.hx-chart-compass .charts .grid{stroke:#ffffff1a;stroke-width:1}.hx-chart-compass .charts .ln{stroke:var(--a);stroke-width:2.6;stroke-dasharray:200}.hx-chart-compass .charts .ln.b{stroke:#4b8df8;stroke-width:2}.hx-chart-compass .charts .dn{stroke-width:12;transform:rotate(-90deg);transform-origin:45px 35px}.hx-chart-compass .charts .s1{stroke:var(--a);stroke-dasharray:72 151}.hx-chart-compass .charts .s2{stroke:#4b8df8;stroke-dasharray:0 72 48 151}.hx-chart-compass .charts .s3{stroke:#f5b83d;stroke-dasharray:0 120 31 151}.hx-chart-compass .charts .lg{stroke:#9aa5a1;stroke-width:6}.hx-chart-compass .charts .tr{stroke:color-mix(in srgb,var(--a) 60%,transparent);stroke-width:1.5;stroke-dasharray:4 4}.hx-chart-compass .charts .pt{fill:var(--a);stroke:#0f1312;stroke-width:1}.hx-chart-compass .nm b{font:700 16px var(--font-sans);letter-spacing:-.01em}.hx-chart-compass .apps{display:block;margin-top:4px;font:10.5px var(--font-mono);color:#8a9691}:root[data-theme=light] .hx-chart-compass{--cc-mk: #7a8682;--cc-lit: color-mix(in srgb, var(--a) 80%, #000)}:root[data-theme=light] .ccx-card.skip .ccx-stamp{color:#c62828;border-color:#c62828}:root[data-theme=light] .hx-chart-compass .dial{background:radial-gradient(circle at 50% 38%,#fff,#f4f6f5 62%,#e9edeb);box-shadow:0 0 0 1px #10121b14 inset,0 0 0 10px #f1f3f2,0 0 0 11px color-mix(in srgb,var(--a) 45%,#d5dbd9),0 0 0 18px #fbfcfb,0 40px 80px -36px #10121b66,0 0 120px -40px var(--a)}:root[data-theme=light] .hx-chart-compass .ticks line{stroke:#10121b33}:root[data-theme=light] .hx-chart-compass .ticks line.mj{stroke:var(--a)}:root[data-theme=light] .hx-chart-compass .rose{border-color:#10121b1f;background:conic-gradient(from -22.5deg,transparent 0 12.5%,rgb(16 18 27 / .03) 0 25%,transparent 0 37.5%,rgb(16 18 27 / .03) 0 50%,transparent 0 62.5%,rgb(16 18 27 / .03) 0 75%,transparent 0 87.5%,rgb(16 18 27 / .03) 0)}:root[data-theme=light] .hx-chart-compass .needle:after{background:linear-gradient(90deg,#b9c2bf 50%,#9aa4a0 50%)}:root[data-theme=light] .hx-chart-compass .cap{box-shadow:0 2px 6px #10121b4d}:root[data-theme=light] .hx-chart-compass :is(.ask,.fit){background:#fffffff0;color:var(--ink);box-shadow:0 24px 50px -26px #10121b66}:root[data-theme=light] .hx-chart-compass .ask{border-color:#10121b1a}:root[data-theme=light] .hx-chart-compass .fit{border-color:color-mix(in srgb,var(--a) 40%,rgb(16 18 27 / .1));box-shadow:0 30px 60px -30px #10121b66,0 0 50px -24px var(--a)}:root[data-theme=light] .hx-chart-compass :is(.h,.dt em,.apps){color:#64706b}:root[data-theme=light] .hx-chart-compass .qs b{color:color-mix(in srgb,var(--a) 75%,#000)}:root[data-theme=light] .hx-chart-compass .charts .grid{stroke:#10121b1a}:root[data-theme=light] .hx-chart-compass .charts .pt{stroke:#fff}.hx-chart-compass .a0{animation:hx-cc-a0 12s infinite}.hx-chart-compass .a1{animation:hx-cc-a1 12s infinite}.hx-chart-compass .a2{animation:hx-cc-a2 12s infinite}@keyframes hx-cc-needle{0%{transform:rotate(-24deg)}8%,30%{transform:rotate(0)}36%{transform:rotate(0)}44%,63%{transform:rotate(180deg)}69%{transform:rotate(180deg)}77%,96%{transform:rotate(270deg)}to{transform:rotate(336deg)}}@keyframes hx-cc-a0{0%,4%{opacity:0;transform:translateY(6px)}9%,31%{opacity:1;transform:none}35%,to{opacity:0;transform:translateY(-6px)}}@keyframes hx-cc-a1{0%,38%{opacity:0;transform:translateY(6px)}43%,64%{opacity:1;transform:none}68%,to{opacity:0;transform:translateY(-6px)}}@keyframes hx-cc-a2{0%,71%{opacity:0;transform:translateY(6px)}76%,96%{opacity:1;transform:none}99%,to{opacity:0;transform:translateY(-6px)}}@keyframes hx-cc-lit0{0%,6%,33%,to{color:var(--cc-mk, #7d8a85)}9%,30%{color:var(--cc-lit, color-mix(in srgb, var(--a) 60%, #fff));filter:drop-shadow(0 0 8px var(--a))}}@keyframes hx-cc-lit1{0%,41%,66%,to{color:var(--cc-mk, #7d8a85)}44%,63%{color:var(--cc-lit, color-mix(in srgb, var(--a) 60%, #fff));filter:drop-shadow(0 0 8px var(--a))}}@keyframes hx-cc-lit2{0%,74%,99%,to{color:var(--cc-mk, #7d8a85)}77%,96%{color:var(--cc-lit, color-mix(in srgb, var(--a) 60%, #fff));filter:drop-shadow(0 0 8px var(--a))}}@media(max-width:980px){.hx-chart-compass{min-height:400px}.hx-chart-compass .stg{transform:scale(.82)}}@media(max-width:560px){.hx-chart-compass .stg{transform:scale(.62)}}@media(prefers-reduced-motion:reduce){.hx-chart-compass .needle,.hx-chart-compass .mk,.hx-chart-compass .a0,.hx-chart-compass .a1,.hx-chart-compass .a2{animation:none}.hx-chart-compass .a1,.hx-chart-compass .a2{opacity:0}.hx-chart-compass .mk.m0{color:color-mix(in srgb,var(--a) 60%,#fff)}}.ccx-metro{position:relative;width:100%;max-width:600px;aspect-ratio:600 / 290}.ccx-metro svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}.ccx-metro .ln{stroke-width:9;opacity:.5}.ccx-metro .l1{stroke:var(--a);opacity:.9}.ccx-metro .l2{stroke:#4b8df8}.ccx-metro .l3{stroke:#f5b83d}.ccx-metro .tail{opacity:.45}.ccx-metro .ride{stroke:#fff;stroke-width:4;stroke-dasharray:34 700;animation:ccx-ride 5s linear infinite;filter:drop-shadow(0 0 6px #fff)}@keyframes ccx-ride{0%{stroke-dashoffset:34}to{stroke-dashoffset:-540}}.ccx-metro .st{fill:var(--card);stroke:var(--ink);stroke-width:3.5}.ccx-metro .st.big{stroke:var(--a);stroke-width:5}.ccx-metro .st.end{stroke:var(--ink-3)}.ccx-metro .st.on{stroke:var(--a);fill:var(--a);animation:ccx-on 2.5s ease-in-out infinite}@keyframes ccx-on{50%{filter:drop-shadow(0 0 8px var(--a))}}.ccx-metro .lb{position:absolute;display:grid;font:600 12.5px/1.25 var(--font-sans);color:var(--ink-2);white-space:nowrap;transform:translate(-50%);text-align:center}.ccx-metro .lb small{font:500 10.5px var(--font-mono);color:var(--ink-3)}.ccx-metro .lb.on{color:var(--at)}.ccx-metro .s0{left:6.7%;top:58%}.ccx-metro .s1{left:25%;top:58%}.ccx-metro .s2{left:44.2%;top:5%}.ccx-metro .s3{left:44.2%;top:55%}.ccx-metro .s4{left:44.2%;top:81%}.ccx-metro .e0,.ccx-metro .e1,.ccx-metro .e2,.ccx-metro .e3{transform:translateY(-50%);text-align:left}.ccx-metro .e0{left:81%;top:13.8%}.ccx-metro .e1{left:81%;top:34.5%}.ccx-metro .e2{left:81%;top:50%}.ccx-metro .e3{left:81%;top:86.2%}@media(prefers-reduced-motion:reduce){.ccx-metro .ride,.ccx-metro .st.on{animation:none}}.ccx-vs{display:grid;grid-template-columns:1fr auto 1.2fr;align-items:center;gap:18px;max-width:920px;margin:34px auto 0}.ccx-card{position:relative;margin:0;padding:20px;border-radius:20px;border:1px solid var(--rule);background:var(--card);display:grid;gap:14px}.ccx-card.use{border-color:color-mix(in srgb,var(--a) 55%,var(--rule));background:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),var(--card);box-shadow:0 30px 60px -40px color-mix(in srgb,var(--a) 70%,transparent)}.ccx-card svg{width:100%;height:auto;display:block}.ccx-pie{max-width:150px;justify-self:center;filter:grayscale(.5);opacity:.8}.ccx-pie path{fill:color-mix(in srgb,var(--a) calc(30% + var(--k) * 5%),#2a2d38);stroke:var(--card);stroke-width:1.5}.ccx-line{max-width:400px;justify-self:center}.ccx-line .gl{stroke:var(--rule);stroke-width:1}.ccx-line .area{fill:color-mix(in srgb,var(--a) 16%,transparent)}.ccx-line .ln{fill:none;stroke:var(--a);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ccx-draw 2.2s var(--ease) .3s forwards}.ccx-line circle{fill:var(--card);stroke:var(--a);stroke-width:2}.ccx-line text{fill:var(--ink-3);font:10px var(--font-mono);text-anchor:middle}@keyframes ccx-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.ccx-line .ln{animation:none;stroke-dashoffset:0}}.ccx-card figcaption{display:grid;gap:8px}.ccx-card figcaption b{font-size:17px;letter-spacing:-.02em}.ccx-card figcaption>span{color:var(--ink-2);font-size:13.5px;line-height:1.55}.ccx-card dl{margin:6px 0 0;display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--rule)}.ccx-card dl div{display:grid;grid-template-columns:76px 1fr;gap:10px;font-size:13px}.ccx-card dt{font:600 11px/1.9 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--at)}.ccx-card dd{margin:0;color:var(--ink)}.ccx-stamp{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:8px;font:800 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transform:rotate(6deg);border:2px solid}.ccx-card.skip .ccx-stamp{color:#ff6b6b;border-color:#ff6b6b}.ccx-card.use .ccx-stamp{color:var(--at);border-color:var(--a)}.ccx-arrow{width:26px;height:26px;fill:none;stroke:var(--at);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:860px){.ccx-vs{grid-template-columns:1fr}.ccx-arrow{justify-self:center;transform:rotate(90deg)}}