
/* ARKHE Experience 04 — command interface, not a marketing landing page.
   Operates on the pre-existing authenticated dashboard and preserves handlers. */
body.av-home .cx-room {opacity:.12!important; filter:hue-rotate(145deg) saturate(.5) brightness(.45)!important}
#v-work .av-dash {
  --ax-blue:#61ddff;--ax-violet:#8a80ff;--ax-ice:#e9f7ff;
  background:radial-gradient(ellipse at 50% -22%,rgba(33,83,140,.29),transparent 62%),linear-gradient(145deg,#0b1427 0%,#060b17 68%,#060914 100%)!important;
  border:1px solid rgba(123,180,228,.23)!important;box-shadow:0 38px 100px -45px #000b,inset 0 1px rgba(197,226,255,.11)!important;
  border-radius:24px!important;gap:15px!important
}
#v-work .av-top{gap:12px;padding:6px 6px 9px;margin-bottom:3px}
#v-work .av-logo{width:40px;height:40px;filter:drop-shadow(0 0 13px rgba(73,183,253,.32))}
#v-work .av-hello h1{font:650 24px/1.1 var(--f-head)!important;letter-spacing:-.055em;color:#effaff}
#v-work .av-hello h1 span{font-size:17px}
#v-work .av-hello small{font:700 10px/1.5 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:#8bb1cc}
#v-work .av-search{border-radius:12px;background:#081526bb;border:1px solid #4a7aa450;box-shadow:inset 0 1px #fff1}
#v-work .av-search input{font:500 13px var(--f-body)}
#v-work .av-pill.amber{background:linear-gradient(125deg,#75d8f2,#5099e9);box-shadow:0 9px 23px #217cbd35;color:#05152b}
#v-work .av-me{background:linear-gradient(145deg,#71e6ff,#597ddd);color:#071322}
#v-work .ak-command-hero.ax-hero{
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  min-height:525px;padding:25px 27px 20px;border-radius:20px;
  border:1px solid #7cb6f54a;background:#061122;
  box-shadow:0 32px 80px -44px #000,inset 0 1px #caf1ff34,0 0 80px -60px #36b7ffb0
}
#v-work .ax-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;filter:none;
  background:
  radial-gradient(ellipse at 72% 32%,rgba(61,138,255,.19),transparent 45%),
  radial-gradient(ellipse at 20% 96%,rgba(38,177,203,.10),transparent 53%),
  linear-gradient(116deg,rgba(6,13,29,.99) 4%,rgba(8,20,42,.94) 55%,rgba(7,14,30,.9) 100%);
}
#v-work .ax-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0;animation:none;
  background:linear-gradient(90deg,#7cb6ee07 1px,transparent 1px),linear-gradient(#7cb6ee07 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(to right,transparent,black 55%,transparent)
}
#v-work .ax-hero button{cursor:pointer}
#v-work .ax-hero-rail{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;font:650 10px/1.3 var(--f-mono);letter-spacing:.16em;color:#8bcdf0;text-transform:uppercase}
#v-work .ax-hero-rail .ax-live{display:flex;align-items:center;gap:7px;color:#9bdecf;letter-spacing:.11em}
#v-work .ax-live i{height:6px;width:6px;border-radius:100%;background:#72f2ce;box-shadow:0 0 13px #72f2ce}
#v-work .ax-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,.95fr);align-items:center;gap:6px;min-height:385px;flex:1}
#v-work .ax-command-copy{position:relative;z-index:2;padding:15px 0 20px;min-width:0}
#v-work .ax-mini-mark{display:flex;gap:9px;align-items:center;margin:0 0 15px;color:#a8c5e1;font:700 10px var(--f-mono);letter-spacing:.21em}
#v-work .ax-mini-mark:before{content:"";display:block;width:27px;height:1px;background:#78d9ff;box-shadow:0 0 9px #7ad7ff}
#v-work .ax-command-copy h2{margin:0;color:#f3f8ff;font:800 clamp(35px,4.8vw,69px)/1.03 var(--f-head)!important;letter-spacing:-.07em;text-wrap:balance}
#v-work .ax-command-copy h2 em{display:inline-block;margin-top:2px;font-style:normal;letter-spacing:-.073em;color:#77cbff;background:linear-gradient(90deg,#a1f5ff,#729bff 62%,#ac92fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
#v-work .ax-command-copy p{margin:18px 0 0;max-width:380px;color:#adc4d9;font:500 13px/1.8 var(--f-body)}
#v-work .ax-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
#v-work .ax-primary-actions button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 17px;border-radius:10px;border:1px solid #80d4ff38;color:#eaf8ff;background:#1a3150;font:750 12px var(--f-head);transition:transform .2s,background .2s}
#v-work .ax-primary-actions button:first-child{color:#061323;background:linear-gradient(130deg,#9cecff,#6cb9ff);border-color:#9cecff;box-shadow:0 8px 28px #4cbbef26}
#v-work .ax-primary-actions button:hover,#v-work .ax-quick button:hover{transform:translateY(-2px);border-color:#83d6ff}
#v-work .ax-live-data{display:flex;gap:23px;flex-wrap:wrap;margin-top:26px}
#v-work .ax-live-data div{display:grid;gap:4px}
#v-work .ax-live-data b{font:750 20px/1 var(--f-head);color:#f1faff}
#v-work .ax-live-data small{font:650 9px var(--f-mono);letter-spacing:.09em;color:#7194b2;text-transform:uppercase}
#v-work .ax-visual{position:relative;height:370px;min-width:0;isolation:isolate;display:grid;place-items:center}
#v-work .ax-visual:before{content:"";position:absolute;inset:-10px -28px;background:radial-gradient(ellipse at center,#296dd937 0%,#226fc117 37%,transparent 71%);filter:blur(7px)}
#v-work .ax-stage{position:absolute;left:12%;right:12%;bottom:11%;height:35%;transform:perspective(330px) rotateX(70deg);border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 19px,#58b6f353 20px,#58b6f353 21px,transparent 22px 42px);box-shadow:0 0 30px #217dcc45}
#v-work .ax-ring{position:absolute;border:1px solid #7bd9ff73;border-radius:50%;box-shadow:inset 0 0 30px #358ced24,0 0 30px #4a9cfe1a}
#v-work .ax-ring-a{height:307px;width:307px;transform:rotate(-23deg) rotateX(67deg);animation:axSpinA 19s linear infinite}
#v-work .ax-ring-b{width:286px;height:286px;border-style:dashed;opacity:.52;animation:axSpinB 27s linear infinite}
#v-work .ax-ring-c{height:230px;width:230px;border:2px solid #70a5ff35;box-shadow:inset 0 0 38px #47a4ff17}
#v-work .ax-reactor{position:relative;z-index:2;width:188px;height:232px;filter:drop-shadow(0 25px 23px #0009) drop-shadow(0 0 32px #398bff52);animation:axFloat 5s ease-in-out infinite}
#v-work .ax-reactor svg{width:100%;height:100%;overflow:visible}
#v-work .ax-readout{position:absolute;z-index:4;min-width:102px;display:grid;gap:3px;padding:10px 12px;border-radius:9px;border:1px solid #5eaaff58;background:linear-gradient(135deg,#102c4bdf,#0b1428d9);box-shadow:0 16px 30px #0005, inset 0 1px #c2efff25;backdrop-filter:blur(8px)}
#v-work .ax-readout b{font:750 20px/1 var(--f-head);color:#f2fbff}
#v-work .ax-readout small{font:700 8px var(--f-mono);letter-spacing:.11em;color:#9bd3f0}
#v-work .ax-readout.first{left:1%;top:22%;transform:rotate(-4deg)}
#v-work .ax-readout.second{right:-1%;bottom:21%;transform:rotate(3deg)}
#v-work .ax-readout .ax-beam{height:3px;border-radius:2px;background:linear-gradient(90deg,#49d2ff,#6789ef 62%,#233d6b)}
#v-work .ax-visual-foot{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#6b99c3;font:700 8px var(--f-mono);letter-spacing:.2em;text-transform:uppercase}
#v-work .ax-quick{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#v-work .ax-quick button{display:flex;align-items:center;gap:12px;min-height:74px;text-align:left;padding:12px 14px;border:1px solid #71a8d749;border-radius:12px;background:linear-gradient(137deg,#162e49e8,#0c1b32e8);color:#eaf5fc;transition:transform .2s,border-color .2s,background .2s;box-shadow:inset 0 1px #e2f8ff16}
#v-work .ax-quick .ax-ic{flex:none;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(155deg,#57c8ff27,#3b70d52b);border:1px solid #84dfff48;color:#8bddff;font-size:20px}
#v-work .ax-quick .ax-txt{display:grid;gap:4px;min-width:0}
#v-work .ax-quick strong{font:700 12px/1.2 var(--f-head);color:#f4fbff}
#v-work .ax-quick small{font:550 10px/1.4 var(--f-body);color:#8faeca}
#v-work .ax-quick .ax-chevron{margin-left:auto;color:#84bfe8;font-size:17px}
#v-work .ax-brief{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));gap:1px;padding:1px;border-radius:13px;border:1px solid #40759d57;background:#40759d57;overflow:hidden}
#v-work .ax-brief-label{display:grid;align-content:center;padding:11px 15px;gap:5px;background:#0c1a2e}
#v-work .ax-brief-label span{font:750 10px var(--f-mono);letter-spacing:.14em;color:#75cffa}
#v-work .ax-brief-label small{font:550 10px var(--f-body);color:#7f9db9}
#v-work .ax-brief button{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:7px;text-align:left;padding:11px 12px;border:0;background:#0c1b2f;color:#e7f4ff;cursor:pointer}
#v-work .ax-brief button:hover{background:#163555}
#v-work .ax-brief .ax-brief-icon{color:#81ceff;font-size:16px}
#v-work .ax-brief button span:nth-child(2){display:grid;gap:4px;font:650 11px var(--f-head)}
#v-work .ax-brief button small{font:550 10px var(--f-body);color:#80a5bf}
#v-work .ax-brief .ax-arr{font-size:14px;color:#7da8c9}
#v-work .av-k{border-radius:13px;background:linear-gradient(143deg,#11243a,#081626)!important;border:1px solid #49799848;box-shadow:inset 0 1px #ffffff11}
#v-work .av-k.hot{background:linear-gradient(130deg,#233d58,#0d213b)!important;border-color:#6d9fee63}
#v-work .av-kh{color:#9dbedb}
#v-work .av-k em{color:#8cdcf4;background:#193b4a55;border-color:#619bb849}
#v-work .av-k.hot em{color:#b5dbff}
#v-work .av-card{background:linear-gradient(143deg,#12243a,#0a1528)!important;border:1px solid #4979984a;border-radius:15px}
#v-work .av-seg{border-radius:12px;background:#061222;border-color:#53789944}
#v-work .av-seg button[aria-selected="true"]{background:#1c4671;color:#dbf4ff}
#v-work .av-profit-feature{background:linear-gradient(120deg,#122740,#0a1428)!important;border:1px solid #587fab6e}
#v-work .av-ask{background:linear-gradient(135deg,#2374c5,#0c3463);border-color:#79d4ff75;box-shadow:0 0 30px #1789d766}
#v-work .av-dock{background:#081a2ef2;border-color:#76bff775}
#v-work .av-dock button{background:radial-gradient(circle at 32% 25%,#ffffff8a,transparent 40%),linear-gradient(135deg,#66cbfd,#346ebc);box-shadow:0 5px 18px #2777be55}
@keyframes axFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
@keyframes axSpinA{to{transform:rotate(337deg) rotateX(67deg)}}
@keyframes axSpinB{to{transform:rotate(-360deg)}}
@media(max-width:1080px){
 #v-work .ax-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.84fr)}
 #v-work .ax-quick button{padding:10px;gap:8px}
 #v-work .ax-quick .ax-chevron{display:none}
 #v-work .ax-brief{grid-template-columns:repeat(3,minmax(0,1fr))}
 #v-work .ax-brief-label{grid-column:1/-1}
}
@media(max-width:760px){
 #v-work .av-dash{padding:10px 9px 24px!important;border-radius:19px!important;gap:10px!important}
 #v-work .av-top{padding:5px 3px 9px;gap:9px}
 #v-work .av-hello{gap:8px}
 #v-work .av-logo{width:35px;height:35px}
 #v-work .av-hello h1{font-size:20px!important}
 #v-work .av-hello small{font-size:9px}
 #v-work .av-acts .av-pill.amber{padding:10px 11px;font-size:11px}
 #v-work .av-me{width:31px;height:31px;font-size:12px}
 #v-work .av-search{margin-top:1px;min-height:38px;padding:8px 13px;border-radius:10px}
 #v-work .ak-command-hero.ax-hero{min-height:0;padding:15px 13px 13px;border-radius:15px}
 #v-work .ax-hero-rail{font-size:8px;letter-spacing:.10em}
 #v-work .ax-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
 #v-work .ax-command-copy{padding:23px 4px 0}
 #v-work .ax-mini-mark{font-size:8px;margin-bottom:8px}
 #v-work .ax-command-copy h2{font-size:clamp(31px,8.5vw,48px)!important;line-height:1.04}
 #v-work .ax-command-copy p{margin-top:11px;line-height:1.55;font-size:11px;max-width:345px}
 #v-work .ax-primary-actions{margin-top:15px;gap:8px}
 #v-work .ax-primary-actions button{font-size:10px;min-height:37px;padding:8px 11px}
 #v-work .ax-live-data{gap:16px;margin-top:17px}
 #v-work .ax-live-data b{font-size:16px}
 #v-work .ax-live-data small{font-size:8px}
 #v-work .ax-visual{height:231px;max-width:410px;width:100%;margin:0 auto}
 #v-work .ax-ring-a{width:205px;height:205px}
 #v-work .ax-ring-b{width:194px;height:194px}
 #v-work .ax-ring-c{width:151px;height:151px}
 #v-work .ax-reactor{width:117px;height:154px}
 #v-work .ax-readout{padding:7px 9px;min-width:77px}
 #v-work .ax-readout b{font-size:14px}
 #v-work .ax-readout small{font-size:6px}
 #v-work .ax-readout.first{top:27%;left:1%}
 #v-work .ax-readout.second{bottom:17%;right:0}
 #v-work .ax-visual-foot{font-size:7px}
 #v-work .ax-quick{gap:6px}
 #v-work .ax-quick button{min-height:83px;flex-direction:column;align-items:flex-start;gap:6px;padding:9px 8px;border-radius:9px}
 #v-work .ax-quick .ax-ic{width:25px;height:25px;border-radius:7px;font-size:16px}
 #v-work .ax-quick strong{font-size:10px}
 #v-work .ax-quick small{font-size:8px;line-height:1.25}
 #v-work .ax-brief{grid-template-columns:repeat(3,minmax(0,1fr))}
 #v-work .ax-brief-label{grid-column:1/-1;padding:9px 11px}
 #v-work .ax-brief button{display:grid;grid-template-columns:1fr;justify-items:start;gap:6px;padding:10px}
 #v-work .ax-brief button span:nth-child(2){font-size:10px}
 #v-work .ax-brief button small{font-size:8px}
 #v-work .ax-brief .ax-arr{display:none}
 #v-work .av-k{padding:11px 12px}
 #v-work .av-k b{font-size:1.5rem}
 #v-work .av-grid{gap:10px}
 #v-work .av-main{padding:13px}
 #v-work .av-kpis{gap:8px}
}
@media(max-width:375px){
 #v-work .ax-command-copy h2{font-size:31px!important}
 #v-work .ax-hero-rail .ax-live{font-size:7px}
 #v-work .ax-visual{height:211px}
 #v-work .ax-ring-a{width:184px;height:184px}
 #v-work .ax-ring-b{width:173px;height:173px}
 #v-work .ax-ring-c{width:132px;height:132px}
 #v-work .ax-primary-actions button{font-size:9px}
 #v-work .ax-quick strong{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#v-work .ax-reactor,#v-work .ax-ring{animation:none!important}}
