


.cx{--cx-nav:70px;position:absolute;left:0;right:0;top:0;z-index:59;padding-top:var(--cx-nav);color:var(--tx,#fff);isolation:isolate;
  background:radial-gradient(70% 120% at 72% 62%,#0a2a27 0%,#061615 38%,#030305 74%);transform-origin:50% 0}
.cx[hidden]{display:none}
.cx::after{content:"";position:absolute;left:0;right:0;top:100%;height:120px;background:linear-gradient(#030305 0%,rgba(3,3,5,.82) 30%,rgba(3,3,5,.4) 62%,rgba(3,3,5,0) 100%);pointer-events:none}

.hero .h1{transition:opacity .8s ease}
.hero .eyebrow,.hero .hero-copy{transition:filter .8s ease}
html.cx-open .hero .h1{opacity:0}
html.cx-open .hero .eyebrow{filter:opacity(0)}
html.cx-cover .hero .hero-copy{filter:opacity(0);pointer-events:none}
.cx.cx-fixed{position:fixed;box-shadow:0 30px 80px -30px rgba(0,0,0,.95)}
.cx-cv{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.cx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


.cx-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);
  grid-template-areas:"kick stage" "q stage" "sub stage" "cta stage";grid-template-rows:auto auto auto 1fr;column-gap:24px;
  max-width:1560px;margin:0 auto;padding:26px clamp(16px,3vw,40px) 0;pointer-events:none}
.cx-in>*{pointer-events:auto}
.cx-in::before{content:"";position:absolute;z-index:-1;left:0;top:-30px;bottom:-60px;width:min(780px,62%);background:linear-gradient(90deg,rgba(3,3,5,.92) 0%,rgba(3,3,5,.78) 62%,rgba(3,3,5,0) 100%);pointer-events:none}
.cx-kick{grid-area:kick;justify-self:start;display:inline-flex;align-items:center;gap:10px;margin:0;max-width:100%;
  font:500 11px/1.3 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--tx2);padding:9px 14px 9px 12px;border-radius:999px;background:rgba(3,3,5,.6);box-shadow:0 0 0 1px var(--line) inset}
.cx-kick .live{flex:none}
.cx-q{grid-area:q;margin:20px 0 0;font:400 clamp(32px,3.35vw,52px)/1.04 var(--fd);text-transform:uppercase;letter-spacing:-.005em;color:#fff}
.cx-qv{display:block;position:relative;height:2.3em;margin-top:-.18em;overflow:hidden}
.cx-qt{position:absolute;left:0;right:0;top:0;padding-top:.18em;transition:transform .65s var(--ease),opacity .45s ease}
.cx-qt.in{transform:translateY(55%);opacity:0;transition:none}
.cx-qt.out{transform:translateY(-55%);opacity:0}
.cx-sub{grid-area:sub;margin:10px 0 0;max-width:470px;font:500 16px/1.55 var(--fb);color:var(--tx2);text-wrap:pretty}
.cx [lang="ja"]{word-break:auto-phrase}
.cx-stage{grid-area:stage;min-height:300px;pointer-events:none}
.cx-cta{grid-area:cta;align-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px}
.cx .cx-go{--h:56px;padding:0 24px 0 9px;gap:12px;max-width:100%}
.cx-go .cx-gof .cx-f{width:38px;height:38px;box-shadow:0 0 0 2px rgba(2,19,13,.35)}
.cx-go .cx-got{line-height:1.5;padding:.2em 0}
.cx-gtx{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.cx-gon{display:block;margin:0 0 -1px;font:600 9.5px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;opacity:.74}
.cx-gon[hidden]{display:none}
.cx-sug{display:inline-flex;align-items:center;gap:8px;font:500 10px/1.3 var(--fm);letter-spacing:.15em;text-transform:uppercase;color:var(--mint);opacity:0;transition:opacity .35s}
.cx-sug.on{opacity:1}
.cx-sug i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);flex:none}
.cx-sw{animation:cxsw .5s var(--ease)}
@keyframes cxsw{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}


.cx-x{position:absolute;z-index:3;top:calc(var(--cx-nav) + 24px);right:clamp(16px,3vw,40px);display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 12px 0 15px;
  border:0;border-radius:999px;background:rgba(11,14,16,.85);box-shadow:0 0 0 1px var(--line2) inset;color:var(--tx2);font:500 10px/1 var(--fm);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:color .2s,box-shadow .2s,background .2s}
.cx-x:hover{color:#fff;background:rgba(80,254,182,.1);box-shadow:0 0 0 1px rgba(80,254,182,.5) inset}
.cx-x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}


.cx-rw{position:relative;z-index:2;padding:22px clamp(16px,3vw,40px) 24px}
.cx-rail{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto;padding:0;max-width:1480px;list-style:none}
.cx-rail li{flex:none}
.cx-chip{position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 10px 0 5px;border-radius:999px;background:rgba(11,14,16,.9);
  box-shadow:0 0 0 1px var(--line2) inset;color:#fff;text-decoration:none;font:600 13.5px/1 var(--fb);white-space:nowrap;
  transition:background .25s,box-shadow .3s,transform .45s var(--ease)}
.cx-chip .cx-f{width:28px;height:28px}
.cx-chip:hover,.cx-chip:focus-visible,.cx-chip.hl{background:rgba(8,32,27,.96);box-shadow:0 0 0 1px rgba(80,254,182,.6) inset,0 0 28px -8px rgba(80,254,182,.75);outline:none}
.cx-chip.hl{transform:translateY(-2px)}
.cx-chip:focus-visible{box-shadow:0 0 0 2px var(--mint) inset,0 0 28px -6px rgba(80,254,182,.85)}
.cx-chip.sug::after{content:"";position:absolute;top:3px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.cx-chip .cx-ok{width:13px;height:13px;margin-left:-2px;fill:none;stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cx-chip[aria-current]{box-shadow:0 0 0 1px rgba(80,254,182,.35) inset}
.cx-chip[aria-current].hl,.cx-chip[aria-current]:hover{box-shadow:0 0 0 1px rgba(80,254,182,.6) inset,0 0 28px -8px rgba(80,254,182,.75)}


.cx-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:12px auto 0;max-width:1480px}
.cx-mh{font:500 10px/1 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--tx2)}
.cx-al{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.cx-al li{flex:none}
.cx .cx-ac{height:34px;gap:7px;padding:0 12px 0 4px;font-size:12px;background:rgba(11,14,16,.72)}
.cx .cx-ac .cx-f{width:26px;height:26px}

.cx-risk{display:flex;justify-content:center;align-items:flex-start;gap:8px;margin:14px auto 0;max-width:860px;font:500 11.5px/1.5 var(--fm);color:var(--tx2);text-align:left}
.cx-risk .ico{width:14px;height:14px;margin-top:2px;stroke:#ff9aa4}


.cx-f{display:inline-block;flex:none;width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.28);background:#111;vertical-align:middle}
.cx-f svg{display:block;width:100%;height:100%}


.cx-gls{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.cx-gl{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 9px;border-radius:999px;background:rgba(3,9,9,.78);
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset;font:500 10px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);white-space:nowrap;
  opacity:0;transition:opacity .4s ease,box-shadow .3s,color .3s;pointer-events:none;will-change:transform}
.cx-gl b{font-weight:500}
.cx-gl.on{opacity:1;pointer-events:auto;cursor:pointer}
.cx-gl.on:hover{color:#fff;box-shadow:0 0 0 1px rgba(80,254,182,.55) inset}
.cx-gl .cx-f{display:none;width:20px;height:20px}
.cx-gl.hl{color:#fff;font-size:11px;padding:4px 12px 4px 4px;background:rgba(4,22,19,.9);box-shadow:0 0 0 1px rgba(80,254,182,.6) inset,0 0 26px -6px rgba(80,254,182,.85)}
.cx-gl.hl .cx-f{display:inline-block}


.cx [data-s="latn"],.cx-wipe [data-s="latn"]{font-family:Nasalization,'Manrope',system-ui,sans-serif}
.cx [data-s="cyrl"],.cx [data-s="viet"],.cx-wipe [data-s="cyrl"],.cx-wipe [data-s="viet"]{font-family:'Unbounded','Manrope',system-ui,sans-serif}
.cx [data-s="jpan"],.cx-wipe [data-s="jpan"],.cx [lang="ja"]{font-family:'Noto Sans JP','Manrope',system-ui,sans-serif}
.cx-q [data-s="cyrl"],.cx-q [data-s="viet"]{font-size:.86em;letter-spacing:0}
.cx-q [data-s="jpan"]{font-weight:700;font-size:.9em;letter-spacing:.02em}
.cx-go [data-s="cyrl"],.cx-go [data-s="viet"]{font-size:11px;letter-spacing:.08em}
.cx-go [data-s="jpan"]{font-size:13px;font-weight:700;letter-spacing:.06em}


.cx-wipe{position:fixed;inset:0;z-index:175;pointer-events:none;
  background:radial-gradient(circle at var(--x) var(--y),#1d6b5a 0,#0b322c 70px,#061714 220px,#030305 min(46vw,560px));
  clip-path:circle(0 at var(--x) var(--y));transition:clip-path .78s cubic-bezier(.7,0,.25,1)}
.cx-wipe.go,.cx-wipe.wa{clip-path:circle(var(--r) at var(--x) var(--y))}
.cx-wipe.wa{transition:none}
.cx-hi{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 16px;text-align:center;
  font:400 clamp(44px,8vw,120px)/1.1 var(--fd);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 0 40px rgba(80,254,182,.5);
  opacity:0;transform:scale(.94);transition:opacity .45s .32s ease,transform .9s .32s var(--ease)}
.cx-wipe.go .cx-hi{opacity:1;transform:none}
.cx-wipe.wa .cx-hi{transition:none}
html.cx-arrive .preload{display:none!important}
html.cx-arrive body::before{content:var(--cx-hi,"");position:fixed;inset:0;z-index:175;display:grid;place-items:center;padding:0 16px;text-align:center;background:#030305;
  font:400 clamp(44px,8vw,120px)/1.1 var(--fd);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 0 40px rgba(80,254,182,.5);pointer-events:none;transition:opacity .65s ease}
html.cx-arrive.cx-arrive-out body::before{opacity:0}


.lang.cx-pop{animation:cxpop .8s var(--ease)}
.lang.cx-pop::after{content:"";position:absolute;inset:-1px;border-radius:999px;box-shadow:0 0 0 2px rgba(80,254,182,.85),0 0 24px rgba(80,254,182,.6);animation:cxring .9s var(--ease) forwards;pointer-events:none}
.lang.cx-nudge .lang-btn{animation:cxnudge 2.4s ease 3}
@keyframes cxpop{0%{transform:scale(1)}30%{transform:scale(1.13)}100%{transform:scale(1)}}
@keyframes cxring{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}
@keyframes cxnudge{0%,100%{box-shadow:none}40%{box-shadow:0 0 0 2px rgba(80,254,182,.7),0 0 22px rgba(80,254,182,.55)}}
.cx-tip{position:absolute;right:0;top:calc(100% + 12px);z-index:81;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 13px;border-radius:12px;background:#0B0E10;
  box-shadow:0 0 0 1px rgba(80,254,182,.45) inset,0 18px 44px -14px rgba(0,0,0,.95),0 0 30px -12px rgba(80,254,182,.6);font:600 12.5px/1 var(--fb);letter-spacing:0;text-transform:none;color:#fff;
  animation:cxtip 3s var(--ease) forwards;pointer-events:none}
.cx-tip svg{width:13px;height:13px;fill:none;stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes cxtip{0%{opacity:0;transform:translateY(-6px)}12%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}


@media (max-width:1399px){
  .cx-rail{gap:4px}
  .cx-chip{gap:5px;height:42px;padding:0 8px 0 4px;font-size:12px}
  .cx-chip .cx-f{width:25px;height:25px}
}
@media (max-width:1259px){
  .cx-rail{gap:3px}
  .cx-chip{gap:4px;padding:0 7px 0 3px;font-size:11.5px}
  .cx-chip .cx-f{width:24px;height:24px}
}

@media (max-width:999px){
  .cx-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"kick" "q" "sub" "stage" "cta";grid-template-rows:none;padding-top:22px}
  .cx-in::before{width:100%;top:-30px;bottom:auto;height:260px;background:linear-gradient(180deg,rgba(3,3,5,.7),rgba(3,3,5,0))}
  .cx-stage{min-height:0;height:210px}
  .cx-sub{max-width:560px}
  .cx-cta{margin-top:6px}
}

@media (max-width:759px){
  .cx{--cx-nav:62px}
  .cx-in{grid-template-areas:"kick" "q" "stage" "sub" "cta";padding:16px 16px 0}
  .cx-in::before{display:none}
  .cx-kick{font-size:9.5px;letter-spacing:.12em;padding:7px 11px 7px 10px;gap:8px;max-width:calc(100% - 48px)}
  .cx-q{margin-top:16px;font-size:clamp(25px,7.4vw,32px)}
  .cx-stage{height:142px}
  .cx-sub{margin-top:2px;font-size:14.5px;line-height:1.5}
  .cx-cta{margin-top:14px;gap:10px}
  .cx .cx-go{--h:52px;width:100%;justify-content:flex-start;padding:0 18px 0 7px;font-size:10.5px}
  .cx-gon{font-size:9px}
  .cx .cx-go .ico{margin-left:auto}
  .cx-sug{display:none}
  .cx-x{top:calc(var(--cx-nav) + 16px);right:16px;width:34px;height:34px;padding:0;justify-content:center}
  .cx-xt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cx-rw{padding:12px 16px 16px}
  
  .cx-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0}
  .cx-rail li{min-width:0}
  .cx-rail .cx-chip{flex-direction:column;justify-content:center;gap:5px;width:100%;height:auto;padding:8px 3px 7px;border-radius:16px;font-size:11px;line-height:1.1}
  .cx-rail .cx-chip b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .cx-rail .cx-chip .cx-f{width:30px;height:30px}
  .cx-rail .cx-chip .cx-ok{position:absolute;top:5px;left:6px;margin:0}
  .cx-chip.hl{transform:none}
  
  .cx-more{margin-top:10px;gap:7px 6px}
  .cx-mh{flex:0 0 100%;text-align:center;font-size:9.5px}
  .cx-al{gap:5px}
  .cx .cx-ac{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%}
  .cx .cx-ac .cx-f{width:26px;height:26px}
  .cx .cx-ac b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cx .cx-ac .cx-ok{display:none}
  .cx-risk{margin-top:12px;font-size:11px}
  .cx-gl{font-size:9px;padding:4px 8px 4px 7px}
  .cx-gl.hl{font-size:10px}
  .cx-gl.hl .cx-f{width:18px;height:18px}
  .cx-tip{right:-60px}
}


html.rm .cx-qt,html.rm .cx-wipe,html.rm .cx-hi,html.rm .cx-sw{transition:none!important;animation:none!important}
html.rm .lang.cx-pop,html.rm .lang.cx-pop::after,html.rm .lang.cx-nudge .lang-btn,html.rm .cx-tip{animation:none!important}
