/* APEX — jonli telemetriya, Deploy terminal, brif generator, aura, rail */
.ax{--a:var(--cyan,#d77d59);--b:var(--violet,#C15F3C);--c:var(--lime,#f1c9a5)}
.ax svg.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.ax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.ax-m{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:18px 18px 14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));transition:.4s var(--ease)}
.ax-m:before,.ax-spot:before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(215,125,89,.14),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.ax-m:hover:before,.ax-spot:hover:before{opacity:1}
.ax-m:hover{border-color:rgba(215,125,89,.35);transform:translateY(-3px)}
.ax-m h4{display:flex;align-items:center;gap:8px;margin:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ax-m h4 .i{color:var(--a);font-size:14px}
.ax-m b{display:block;margin:12px 0 2px;font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.ax-m b em{font-style:normal;font-size:13px;color:var(--muted);margin-left:4px;font-weight:600}
.ax-m small{font-size:11.5px;color:var(--muted-2)}
.ax-m canvas{display:block;width:100%;height:46px;margin-top:10px}
.ax-live{position:absolute;top:16px;right:16px;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 rgba(214,255,144,.6);animation:axp 2s infinite}
@keyframes axp{70%{box-shadow:0 0 0 9px rgba(214,255,144,0)}100%{box-shadow:0 0 0 0 rgba(214,255,144,0)}}
.ax-lab{display:grid;grid-template-columns:380px 1fr;gap:18px;margin-top:18px}
.ax-pan,.ax-term{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01));box-shadow:var(--shadow);overflow:hidden}
.ax-pan{padding:24px;display:flex;flex-direction:column;gap:20px}
.ax-pan h3{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ax-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ax-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:inherit;font:600 13px inherit;cursor:pointer;transition:.3s var(--ease)}
.ax-chip:hover{border-color:rgba(215,125,89,.45);transform:translateY(-2px)}
.ax-chip.on{background:linear-gradient(90deg,rgba(215,125,89,.18),rgba(193,95,60,.12));border-color:var(--a);box-shadow:0 8px 28px -10px rgba(215,125,89,.5)}
.ax-chip .i{color:var(--a)}
.ax-range{width:100%;margin-top:14px;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--a),var(--b)) 0/var(--p,50%) 100% no-repeat,rgba(255,255,255,.1);outline:0}
.ax-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--a);cursor:grab;box-shadow:0 4px 18px rgba(215,125,89,.6)}
.ax-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--a);cursor:grab}
.ax-rv{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;color:var(--muted)}.ax-rv b{color:var(--text)}
.ax-go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));color:#06080c;font:800 13px inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.3s var(--ease);position:relative;overflow:hidden}
.ax-go:hover{transform:translateY(-2px);box-shadow:0 18px 44px -10px rgba(215,125,89,.65)}
.ax-go:disabled{opacity:.6;cursor:wait;transform:none}
.ax-term{display:flex;flex-direction:column;min-height:560px;background:#070a0f}
.ax-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font:600 12px ui-monospace,Menlo,monospace;color:var(--muted)}
.ax-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}.ax-bar span:nth-child(1){background:#ff8b8b}.ax-bar span:nth-child(2){background:#ffd37a}.ax-bar span:nth-child(3){background:var(--c)}
.ax-bar em{margin-left:auto;font-style:normal}
.ax-pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:18px 18px 4px;position:relative}
.ax-st{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);position:relative;text-align:center}
.ax-st i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:.5s var(--ease);z-index:1;font-style:normal;font-size:17px}
.ax-st:not(:last-child):after{content:"";position:absolute;top:19px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:rgba(255,255,255,.08)}
.ax-st:not(:last-child):before{content:"";position:absolute;top:19px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:linear-gradient(90deg,var(--a),var(--b));transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease);z-index:1}
.ax-st.run i{border-color:var(--a);color:var(--a);box-shadow:0 0 0 6px rgba(215,125,89,.1),0 0 28px rgba(215,125,89,.4);animation:axs 1s infinite alternate}
.ax-st.ok i{background:var(--a);color:#06080c;border-color:var(--a)}.ax-st.ok{color:var(--text)}.ax-st.ok:before{transform:scaleX(1)}
@keyframes axs{to{transform:scale(1.08)}}
.ax-log{flex:1;padding:16px 20px;font:12.5px/1.85 ui-monospace,Menlo,Consolas,monospace;color:#9fb0c6;overflow:auto;max-height:290px;min-height:200px}
.ax-log div{animation:axl .35s var(--ease)}@keyframes axl{from{opacity:0;transform:translateX(-8px)}}
.ax-log .t{color:#566277;margin-right:10px}.ax-log .g{color:var(--c)}.ax-log .c{color:var(--a)}.ax-log .v{color:var(--b)}
.ax-log .cur:after{content:"";display:inline-block;width:8px;height:15px;background:var(--a);vertical-align:-3px;animation:axb 1s steps(1) infinite}@keyframes axb{50%{opacity:0}}
.ax-brief{border-top:1px solid var(--line);padding:20px;display:none;gap:16px;background:linear-gradient(180deg,rgba(215,125,89,.05),transparent)}
.ax-brief.on{display:grid;animation:axl .6s var(--ease)}
.ax-brief pre{margin:0;white-space:pre-wrap;font:13px/1.7 ui-monospace,Menlo,monospace;color:#d5deea;padding:16px;border-radius:16px;border:1px dashed rgba(215,125,89,.3);background:rgba(0,0,0,.35)}
.ax-act{display:flex;gap:10px;flex-wrap:wrap}
.ax-act button,.ax-act a{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;font:700 12.5px inherit;cursor:pointer;text-decoration:none;transition:.3s var(--ease)}
.ax-act .p{background:linear-gradient(90deg,var(--a),var(--b));color:#06080c;border:0}
.ax-act button:hover,.ax-act a:hover{transform:translateY(-2px);border-color:var(--a)}
/* aura + magnetic */
.ax-aura{position:fixed;left:0;top:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(215,125,89,.09),rgba(193,95,60,.05) 40%,transparent 68%);will-change:transform;mix-blend-mode:screen}
.ax-spot{position:relative}
.ax-tilt{transition:transform .25s ease-out;will-change:transform}
.ax-sc{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.ax-grid{grid-template-columns:repeat(2,1fr)}.ax-lab{grid-template-columns:1fr}}
@media(max-width:560px){.ax-pipe{grid-template-columns:repeat(3,1fr);row-gap:18px}.ax-st:after,.ax-st:before{display:none!important}.ax-m b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ax-live,.ax-st.run i,.ax-log .cur:after{animation:none}.ax-aura{display:none}}