:root{--ink-black:#07070c;--plate:#111119;--wire:#24243a;--glow-white:#ecedf5;--ash:#9a9cb3;--lime:#c6ff3d;--volt:#3d7bff;--display:'Unbounded', 'Segoe UI', sans-serif;--body:'Chivo', 'Segoe UI', system-ui, sans-serif;--mono:'Chivo Mono', Consolas, monospace}
*,*::before,*::after{box-sizing:border-box}
body.vx-void{margin:0;background:var(--ink-black);color:var(--glow-white);font:16px/1.7 var(--body);overflow-x:hidden}
a{color:var(--lime)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--display);color:#fff;line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.8rem);font-weight:700}
h2{font-size:clamp(1.35rem,2.8vw,2.05rem);font-weight:600}
h3{font-size:1rem;font-weight:600}

.vx-hud{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;border-bottom:1px solid var(--wire);position:relative;z-index:5}
.vx-hud-logo img{height:58px;width:auto}
.vx-hud-nav{display:flex;gap:6px;flex-wrap:wrap}
.vx-hud-nav a{font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ash);text-decoration:none;padding:8px 12px;border:1px solid transparent;border-radius:6px}
.vx-hud-nav a:hover{color:var(--lime);border-color:var(--lime);box-shadow:0 0 14px -4px var(--lime)}

/* center gate */
.vx-core{position:relative;max-width:980px;margin:0 auto;padding:70px 24px 60px;text-align:center;overflow:hidden}
.vx-rings{position:absolute;left:50%;top:-40px;width:760px;max-width:none;transform:translateX(-50%);z-index:-1;fill:none}
.vx-rings circle{stroke:var(--wire);stroke-width:1}
.vx-rings path{stroke-width:2.5;stroke-linecap:round;transform-origin:300px 300px}
.vx-arc1{stroke:var(--lime);animation:vx-spin 18s linear infinite}
.vx-arc2{stroke:var(--volt);animation:vx-spin 24s linear infinite reverse}
.vx-arc3{stroke:var(--lime);opacity:.5;animation:vx-spin 12s linear infinite}
@keyframes vx-spin{to{transform:rotate(360deg)}}
.vx-kick{font:500 12.5px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--lime);margin:0 0 18px}
.vx-kick a{color:inherit}
.vx-deck{color:var(--ash);font-size:1.12rem;max-width:60ch;margin:0 auto}
.vx-core h1{max-width:17ch;margin:0 auto .45em;text-shadow:0 0 40px color-mix(in srgb,var(--lime) 30%,transparent)}
.vx-launch{margin:40px auto 0;max-width:620px;padding:26px 26px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--lime) 50%,var(--wire));background:color-mix(in srgb,var(--plate) 88%,transparent);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #000,0 0 60px -20px var(--lime)}
.vx-launch-label{margin:0 0 18px;font:13px var(--mono);color:var(--ash)}
.vx-launch-label b{color:#fff;font-family:var(--display);font-weight:600}
.vx-signal{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ash);margin-right:8px;vertical-align:1px}
.vx-live .vx-signal{background:var(--lime);box-shadow:0 0 10px var(--lime)}
.vx-live [data-role="state"]{color:var(--lime)}
.vx-megabtn{display:block;width:100%;padding:20px 26px;border-radius:14px;font:700 1.15rem var(--display);letter-spacing:.02em;text-decoration:none;text-align:center;color:#0b0f00;background:var(--lime);box-shadow:0 0 30px -6px var(--lime),inset 0 -3px 0 #0003;transition:transform .15s,box-shadow .15s}
.vx-megabtn:hover{transform:translateY(-2px);box-shadow:0 0 44px -4px var(--lime),inset 0 -3px 0 #0003}
.vx-megabtn.is-off,.vx-pill-go.is-off{background:transparent;color:var(--ash);box-shadow:none;border:1px dashed color-mix(in srgb,var(--ash) 50%,transparent);cursor:not-allowed;transform:none}
.vx-megabtn-sm{display:inline-block;width:auto;font-size:1rem;padding:15px 24px;margin:16px 0 10px}
.vx-launch-desc{margin:14px 0 0;font-size:14px;color:var(--ash)}
.vx-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:820px;margin:16px auto 0}
.vx-pill{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-radius:999px;border:1px solid var(--wire);background:var(--plate);text-align:left}
.vx-pill .vx-signal{margin:0;flex:none}
.vx-pill-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.vx-pill-text b{font:600 14px var(--display);color:#fff}
.vx-pill-text small{font:11.5px var(--mono);color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-pill-go{flex:none;font:600 12.5px var(--mono);text-decoration:none;padding:7px 12px;border-radius:999px;background:var(--volt);color:#fff;border:1px solid var(--volt)}
.vx-core-foot{margin:22px auto 0;max-width:62ch;font-size:13.5px;color:var(--ash)}

/* icon strip */
.vx-icons{max-width:1180px;margin:0 auto;padding:60px 24px;border-block:1px solid var(--wire)}
.vx-icons h2{text-align:center;margin-bottom:36px}
.vx-icon-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.vx-icon-row li{text-align:center;padding:0 8px}
.vx-icon-row svg{width:58px;height:58px;padding:13px;border-radius:16px;fill:none;stroke:var(--lime);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;background:color-mix(in srgb,var(--lime) 8%,transparent);border:1px solid color-mix(in srgb,var(--lime) 35%,transparent);margin-bottom:16px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--lime) 40%,transparent))}
.vx-icon-row li:nth-child(even) svg{stroke:var(--volt);background:color-mix(in srgb,var(--volt) 10%,transparent);border-color:color-mix(in srgb,var(--volt) 40%,transparent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--volt) 40%,transparent))}
.vx-icon-row p{color:var(--ash);font-size:14.5px;margin:0}

/* guide stack */
.vx-stack{max-width:1180px;margin:0 auto;padding:70px 24px 30px}
.vx-stack-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.vx-stack-head h2{margin:0}
.vx-stack-head p{margin:0;color:var(--ash);max-width:52ch}
.vx-stack-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.vx-stack-list a{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--wire);text-decoration:none;color:var(--glow-white)}
.vx-stack-list a:hover strong{color:var(--lime)}
.vx-num{font:700 1.7rem var(--display);color:transparent;-webkit-text-stroke:1px var(--volt);min-width:52px}
.vx-stack-list a:hover .vx-num{-webkit-text-stroke-color:var(--lime)}
.vx-stack-body{display:flex;flex-direction:column;gap:4px}
.vx-stack-body em{font:normal 11.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--volt)}
.vx-stack-body strong{font:600 1.04rem var(--display);color:#fff;transition:color .15s}
.vx-stack-body span{color:var(--ash);font-size:14.5px}
.vx-stack-more{text-align:center;margin:30px 0 0}
.vx-stack-more a{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.vx-stack-index{padding-top:30px}

/* faq */
.vx-answers{max-width:820px;margin:0 auto;padding:60px 24px 40px}
.vx-answer{border-left:2px solid var(--volt);padding:4px 0 4px 20px;margin:0 0 26px}
.vx-answer:nth-of-type(odd){border-left-color:var(--lime)}
.vx-answer h3{margin-bottom:6px;font-size:1.02rem}
.vx-answer p{margin:0;color:var(--ash)}
.vx-small-print{font-size:13px;color:var(--ash);margin-top:36px;padding-top:20px;border-top:1px solid var(--wire)}

/* reading */
.vx-read{max-width:820px;margin:0 auto;padding:50px 24px 70px}
.vx-read-head{border-bottom:1px solid var(--wire);padding-bottom:24px;margin-bottom:10px}
.vx-read-head .vx-deck{margin:0}
.vx-read-head h1{font-size:clamp(1.8rem,4vw,2.8rem)}
.vx-read-meta{display:flex;gap:18px;font:12.5px var(--mono);color:var(--ash);margin:16px 0 0}
.vx-read-meta span{color:var(--lime)}
.vx-block h2{font-size:1.3rem;margin-top:1.6em}
.vx-block p{color:color-mix(in srgb,var(--glow-white) 86%,var(--ash))}
.vx-glowbox{margin:32px 0;padding:20px 22px;border-radius:14px;border:1px solid color-mix(in srgb,var(--lime) 45%,var(--wire));background:color-mix(in srgb,var(--lime) 7%,var(--plate));color:#fff;font-weight:500}
.vx-more-h{font-size:1.1rem;margin-top:36px}
.vx-more-list{padding-left:20px}
.vx-more-list li{margin:6px 0}
.vx-prevnext{display:flex;justify-content:space-between;gap:12px;margin-top:30px;font:13px var(--mono)}
.vx-prevnext a{text-decoration:none}

/* footer */
.vx-floor{border-top:1px solid var(--wire);padding:40px 28px 26px;margin-top:40px}
.vx-floor-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px;max-width:1180px;margin:0 auto}
.vx-floor-grid img{height:48px;width:auto;margin-bottom:12px}
.vx-floor-grid p{color:var(--ash);font-size:14px;margin:0}
.vx-floor-h{font:500 12px var(--mono)!important;text-transform:uppercase;letter-spacing:.12em;color:var(--volt)!important;margin:0 0 10px!important}
.vx-floor-grid a{display:block;color:var(--glow-white);text-decoration:none;font-size:14.5px;margin:5px 0}
.vx-floor-grid a:hover{color:var(--lime)}
.vx-floor-note{max-width:1180px;margin:26px auto 0;font:12px var(--mono);color:var(--ash)}

@media (max-width:900px){
  .vx-pills{grid-template-columns:1fr}
  .vx-icon-row{grid-template-columns:1fr 1fr;row-gap:36px}
  .vx-stack-list{grid-template-columns:1fr}
  .vx-floor-grid{grid-template-columns:1fr 1fr}.vx-floor-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:600px){
  .vx-hud{flex-direction:column;align-items:flex-start;padding:14px 16px;gap:8px}
  .vx-hud-logo img{height:46px}
  .vx-hud-nav a{padding:6px 8px;font-size:12px}
  .vx-core{padding:30px 16px 40px}
  .vx-rings{width:520px;top:-30px}
  .vx-core h1{font-size:1.85rem}
  .vx-deck{font-size:.98rem}
  .vx-launch{margin-top:24px;padding:18px 16px}
  .vx-megabtn{padding:17px 18px;font-size:1.05rem}
  .vx-icons{padding:46px 16px}
  .vx-icon-row{grid-template-columns:1fr}
  .vx-stack,.vx-answers,.vx-read{padding-left:16px;padding-right:16px}
  .vx-floor{padding:32px 16px 22px}
}
@media (prefers-reduced-motion:reduce){.vx-rings path{animation:none}*{transition:none!important}}