#hxw{--hx-ac:var(--ac,#C5E87C);--hx-am:#E8A33D;--hx-bd:rgba(255,255,255,.08)}
#hxw .hx-head{text-align:center}
#hxw .hx-kick{display:inline-flex;align-items:center;gap:12px;font:700 13px var(--mono,ui-monospace,monospace);letter-spacing:3px;text-transform:uppercase;color:var(--hx-ac)}
#hxw .hx-kick i{display:block;width:34px;height:1.5px;background:var(--hx-ac);opacity:.6}
#hxw .hx-h{margin:12px 0 0;font-size:clamp(28px,3.8vw,46px);line-height:1.06;letter-spacing:-1.5px;font-weight:800}
#hxw .hx-h span{display:block;background:linear-gradient(90deg,#C5E87C,#E8D27C 55%,#E8A33D);-webkit-background-clip:text;background-clip:text;color:transparent}
#hxw .hx-sub{max-width:620px;margin:14px auto 0;font-size:15.5px;line-height:1.65;color:var(--mu,#A0A2A8)}
/* timeline */
#hxw .hx-tl{position:relative;margin:34px auto 0;max-width:1000px}
#hxw .hx-line{position:absolute;left:35px;top:34px;bottom:0;width:3px;border-radius:3px;background:rgba(255,255,255,.07)}
#hxw .hx-line i{position:absolute;left:0;top:0;width:100%;height:0;border-radius:3px;background:linear-gradient(180deg,#C5E87C,#E8A33D);box-shadow:0 0 16px rgba(197,232,124,.5)}
#hxw .hx-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.08fr);gap:30px;padding-bottom:52px;text-align:left}
#hxw .hx-row:last-child{padding-bottom:20px}
#hxw .hx-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}
#hxw .hx-dot{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-family:inherit;font-size:24px;font-weight:800;line-height:1;color:#F3F4F1;background:#0C0D0F;border:3px solid rgba(197,232,124,.28);transition:border-color .5s,box-shadow .5s,color .5s}
#hxw .hx-row.on .hx-dot{border-color:var(--hx-ac);color:#E9FFB8;text-shadow:0 0 12px rgba(197,232,124,.75);box-shadow:0 0 0 7px rgba(197,232,124,.07),0 0 34px rgba(197,232,124,.45)}
#hxw .hx-step b{margin-top:10px;font-size:13px;font-weight:800;color:#DDE0D8}
#hxw .hx-step small{margin-top:4px;font:600 12px var(--mono,ui-monospace,monospace);color:var(--mu2,#6C6E75)}
#hxw .hx-copy{padding-top:8px;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
#hxw .hx-copy h3{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.12;letter-spacing:-1px;font-weight:800}
#hxw .hx-copy p{margin:10px 0 0;font-size:14.5px;line-height:1.65;color:#9EA79A}
#hxw .hx-chip{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);font-size:13px;font-weight:700}
#hxw .hx-chip svg{width:14px;height:14px;color:var(--hx-ac)}
/* mocks */
#hxw .hx-mw{position:relative;opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s .1s,transform .8s .1s cubic-bezier(.2,.8,.2,1)}
#hxw .hx-row.vis .hx-copy,#hxw .hx-row.vis .hx-mw{opacity:1;transform:none}
#hxw .hx-mock{border-radius:18px;border:1px solid var(--hx-bd);background:linear-gradient(180deg,#121417,#0D0F11);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);overflow:hidden;font-size:13px}
#hxw .hx-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--hx-bd)}
#hxw .hx-bar i{width:10px;height:10px;border-radius:50%;background:#E0786C}#hxw .hx-bar i+i{background:#E8C55A}#hxw .hx-bar i+i+i{background:#7CCB6A}
#hxw .hx-bar span{margin-left:auto;font:600 12px var(--mono,ui-monospace,monospace);color:var(--mu2,#6C6E75);letter-spacing:.6px}
#hxw .hx-in{padding:12px 16px 14px}
#hxw .hx-lab{display:flex;justify-content:space-between;font:700 11.5px var(--mono,ui-monospace,monospace);letter-spacing:2px;color:var(--mu2,#6C6E75);text-transform:uppercase;margin-bottom:8px}
#hxw .hx-kv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.05);color:#A6AAA2}
#hxw .hx-kv b{color:var(--tx,#F3F4F1);font-weight:700}
#hxw .hx-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:7px;font:700 11.5px var(--mono,ui-monospace,monospace);letter-spacing:.6px;border:1px solid rgba(197,232,124,.35);background:rgba(197,232,124,.10);color:var(--hx-ac)}
#hxw .hx-tag.am{border-color:rgba(232,163,61,.4);background:rgba(232,163,61,.10);color:#F0B45A}
#hxw .hx-tag.rd{border-color:rgba(224,120,108,.4);background:rgba(224,120,108,.10);color:#F09A8F}
/* deposit */
#hxw .hx-coins{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
#hxw .hx-coin{padding:5px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);font:700 12px var(--mono,ui-monospace,monospace);color:#BFC3BA}
#hxw .hx-coin.sel{border-color:var(--hx-ac);color:var(--hx-ac);background:rgba(197,232,124,.08)}
#hxw .hx-prog{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:6px}
#hxw .hx-prog i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#9FD14A,#C5E87C);transition:width 2.6s cubic-bezier(.4,0,.2,1) .5s}
#hxw .hx-row.vis .hx-prog i{width:100%}
#hxw .hx-st{display:flex;justify-content:space-between;margin-top:10px;font:600 12.5px var(--mono,ui-monospace,monospace);color:var(--mu,#A0A2A8)}
#hxw .hx-st b{color:var(--hx-ac)}
/* pools */
#hxw .hx-pool{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 0;border-top:1px solid rgba(255,255,255,.05);opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .5s}
#hxw .hx-row.vis .hx-pool{opacity:1;transform:none}
#hxw .hx-row.vis .hx-pool:nth-of-type(2){transition-delay:.35s}#hxw .hx-row.vis .hx-pool:nth-of-type(3){transition-delay:.7s}#hxw .hx-row.vis .hx-pool:nth-of-type(4){transition-delay:1.05s}#hxw .hx-row.vis .hx-pool:nth-of-type(5){transition-delay:1.4s}
#hxw .hx-pool b{display:block;color:var(--tx,#F3F4F1);font-weight:700}#hxw .hx-pool small{color:var(--mu2,#6C6E75);font-size:12px}
#hxw .hx-sc{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--mono,ui-monospace,monospace);background:rgba(197,232,124,.14);color:var(--hx-ac)}
#hxw .hx-sc.bad{background:rgba(224,120,108,.14);color:#F09A8F}
/* earn */
#hxw .hx-chart{display:flex;align-items:flex-end;gap:8px;height:70px;padding:6px 2px 0;border-bottom:1px solid rgba(255,255,255,.06)}
#hxw .hx-chart i{flex:1;height:0;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#C5E87C,rgba(197,232,124,.25));transition:height .9s cubic-bezier(.2,.8,.2,1)}
#hxw .hx-chart i:last-child{background:linear-gradient(180deg,#E8D27C,#E8A33D)}
#hxw .hx-row.vis .hx-chart i{height:var(--h)}
#hxw .hx-chart i:nth-child(2){transition-delay:.08s}#hxw .hx-chart i:nth-child(3){transition-delay:.16s}#hxw .hx-chart i:nth-child(4){transition-delay:.24s}#hxw .hx-chart i:nth-child(5){transition-delay:.32s}#hxw .hx-chart i:nth-child(6){transition-delay:.40s}#hxw .hx-chart i:nth-child(7){transition-delay:.48s}
#hxw .hx-days{display:flex;gap:9px;margin:6px 2px 10px;font:600 11px var(--mono,ui-monospace,monospace);color:var(--mu2,#6C6E75)}#hxw .hx-days span{flex:1;text-align:center}
/* withdraw */
#hxw .hx-code{display:flex;gap:7px}
#hxw .hx-code span{width:30px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font:800 16px var(--mono,ui-monospace,monospace);color:var(--hx-ac);background:rgba(255,255,255,.03)}
#hxw .hx-code span.f{border-color:rgba(197,232,124,.5)}
#hxw .hx-ok{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:12px;border:1px solid rgba(197,232,124,.3);background:rgba(197,232,124,.07);color:#DDE7C8;font-size:13.5px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
#hxw .hx-ok.show{opacity:1;transform:none}
#hxw .hx-ok svg{width:16px;height:16px;color:var(--hx-ac);flex:none}
/* floating callouts */
#hxw .hx-call{position:absolute;right:-26px;bottom:-34px;width:min(290px,78%);padding:13px 15px;border-radius:16px;border:1px solid rgba(197,232,124,.4);background:rgba(16,19,14,.94);backdrop-filter:blur(8px);box-shadow:0 24px 50px -18px rgba(0,0,0,.85),0 0 30px -10px rgba(197,232,124,.35);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .6s 1.2s,transform .6s 1.2s cubic-bezier(.2,.8,.2,1)}
#hxw .hx-call.am{border-color:rgba(232,163,61,.45);background:rgba(22,18,12,.95);box-shadow:0 24px 50px -18px rgba(0,0,0,.85),0 0 30px -10px rgba(232,163,61,.35)}
#hxw .hx-row.vis .hx-call{opacity:1;transform:none}
#hxw .hx-call .hx-ct{display:flex;align-items:center;gap:8px;font:700 12px var(--mono,ui-monospace,monospace);letter-spacing:1.4px;text-transform:uppercase;color:var(--hx-ac)}
#hxw .hx-call.am .hx-ct{color:#F0B45A}
#hxw .hx-call .hx-ai{padding:2px 7px;border-radius:6px;background:rgba(197,232,124,.16)}
#hxw .hx-call p{margin:7px 0 0;font-size:13.5px;line-height:1.5;color:#E3E6DE}
#hxw .hx-call p b{color:var(--hx-ac)}
#hxw .hx-type::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--hx-ac);animation:hxBlink 1s steps(1) infinite}
@keyframes hxBlink{50%{opacity:0}}
/* banner + facts */
#hxw .hx-ann{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;max-width:880px;margin:30px auto 0;padding:17px 24px;border-radius:20px;border:1px solid rgba(232,163,61,.38);background:linear-gradient(90deg,rgba(232,163,61,.10),rgba(232,163,61,.04));text-align:left}
#hxw .hx-ann::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,214,150,.16),transparent);transform:skewX(-20deg);animation:hwShine 4.5s ease-in-out infinite}
@keyframes hwShine{0%,55%{left:-40%}100%{left:120%}}
#hxw .hx-ann>svg{width:26px;height:26px;flex:none;color:var(--hx-am)}
#hxw .hx-ann b{display:block;color:#F0C27A;font-size:15.5px}#hxw .hx-ann span{color:var(--mu,#A0A2A8);font-size:14px;line-height:1.5}
#hxw .hw-fh{margin:66px 0 0;text-align:center;font:700 12.5px var(--mono,ui-monospace,monospace);letter-spacing:2.4px;text-transform:uppercase;color:var(--hx-ac)}
#hxw .hw-fs{margin:8px 0 0;text-align:center;font-size:24px;font-weight:800;letter-spacing:-.4px}
#hxw .hw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;text-align:left}
#hxw .hw-fact{position:relative;padding:22px 24px;border-radius:20px;border:1px solid var(--hx-bd);background:var(--card,#17181B);overflow:hidden;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s}
#hxw .hw-facts.in .hw-fact{opacity:1;transform:none}
#hxw .hw-facts.in .hw-fact:nth-child(2){transition-delay:.08s}#hxw .hw-facts.in .hw-fact:nth-child(3){transition-delay:.16s}#hxw .hw-facts.in .hw-fact:nth-child(4){transition-delay:.24s}#hxw .hw-facts.in .hw-fact:nth-child(5){transition-delay:.32s}#hxw .hw-facts.in .hw-fact:nth-child(6){transition-delay:.40s}
#hxw .hw-fact:hover{border-color:rgba(197,232,124,.35)}
#hxw .hw-fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.14)}
#hxw .hw-fact.a::before{background:var(--hx-ac)}#hxw .hw-fact.b::before{background:var(--hx-am)}
#hxw .hw-fact small{display:block;font:700 11.5px var(--mono,ui-monospace,monospace);letter-spacing:1.6px;text-transform:uppercase;color:var(--mu2,#6C6E75)}
#hxw .hw-fact b{display:block;margin-top:10px;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.15;font-variant-numeric:tabular-nums}
#hxw .hw-fact.a b{color:var(--hx-ac)}#hxw .hw-fact.b b{color:#F0B45A}
#hxw .hw-fact em{display:block;margin-top:8px;font-style:normal;color:var(--mu,#A0A2A8);font-size:14px;line-height:1.5}
#hxw #fsPop{display:none!important}
@media(min-width:981px){#hxw .hx-mw .hx-in{padding-bottom:46px}#hxw .hx-call{bottom:-20px;right:-24px}}
@media(max-width:980px){
 #hxw .hx-row{grid-template-columns:72px minmax(0,1fr);gap:22px;padding-bottom:84px}
 #hxw .hx-mw{grid-column:2}
 #hxw .hx-line{left:35px}
 #hxw .hx-dot{width:66px;height:66px;font-size:24px}
 #hxw .hx-call{position:relative;right:auto;bottom:auto;width:auto;margin-top:12px}
 #hxw .hw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #hxw .hx-row{grid-template-columns:48px minmax(0,1fr);gap:14px;padding-bottom:64px}
 #hxw .hx-line{left:23px;top:30px}
 #hxw .hx-dot{width:46px;height:46px;font-size:18px;border-width:2px}
 #hxw .hx-step b,#hxw .hx-step small{display:none}
 #hxw .hx-copy{padding-top:6px}#hxw .hx-copy p{font-size:15.5px}
 #hxw .hx-in{padding:14px 14px 16px}#hxw .hx-code span{width:26px;height:32px}
 #hxw .hw-facts{grid-template-columns:minmax(0,1fr)}#hxw .hx-ann{flex-direction:column;text-align:center;padding:18px}#hxw .hx-ann{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){#hxw *,#hxw *::before,#hxw *::after{animation:none!important;transition:none!important}#hxw .hx-copy,#hxw .hx-mw,#hxw .hx-pool,#hxw .hx-call,#hxw .hw-fact{opacity:1!important;transform:none!important}#hxw .hx-prog i{width:100%!important}#hxw .hx-chart i{height:var(--h)!important}#hxw .hx-ok{opacity:1;transform:none}}