header .nav{transition:height .3s ease}
header.sm .nav{height:56px}
header.sm{background:rgba(5,5,6,.92)}

.js .rv2{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*70ms)}
.js .rv2.in{opacity:1;transform:none}
.js .rv2.l{transform:translate3d(-28px,0,0)}.js .rv2.r{transform:translate3d(28px,0,0)}.js .rv2.z{transform:scale(.94)}
.js .rv2.in.l,.js .rv2.in.r,.js .rv2.in.z{transform:none}

.js .ln{display:block;overflow:hidden}
.js .ln>span{display:block;transform:translate3d(0,105%,0);transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.js .in .ln>span,.js .ln.in>span{transform:none}


.band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band div{padding:34px 24px;border-right:1px solid var(--line)}.band div:last-child{border:0}
.band b{display:block;font:600 clamp(28px,4vw,44px)/1.1 Inter,system-ui,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.band span{color:var(--mut);font-size:14px}

.ph{padding:0;border-radius:46px;border:0;background:#08080a;box-shadow:0 0 0 2px #2a2a31,0 0 0 5px #0f0f12,0 0 0 6px #3a3a44,0 60px 90px -30px #000,inset 0 0 0 1px #ffffff14}
.ph:before{content:"";position:absolute;left:-8px;top:104px;width:3px;height:32px;border-radius:2px 0 0 2px;background:#3a3a44;box-shadow:0 52px #3a3a44,0 100px #3a3a44}
.ph:after{content:"";position:absolute;right:-8px;top:150px;width:3px;height:64px;border-radius:0 2px 2px 0;background:#3a3a44}
.scr{position:absolute;inset:8px;border-radius:38px;overflow:hidden;background:linear-gradient(180deg,#0f0f13,#0a0a0d)}
.scr:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%);pointer-events:none;z-index:6}
.ph .nt{position:absolute;top:11px;left:50%;width:92px;height:27px;margin-left:-46px;background:#000;border-radius:16px;z-index:8;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 9px;overflow:hidden;transition:width .5s cubic-bezier(.5,0,.2,1),margin-left .5s cubic-bezier(.5,0,.2,1),height .5s cubic-bezier(.5,0,.2,1)}
.nt i{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55,#0a0e16 70%);flex:none}
.nt em{font:600 11px Inter,sans-serif;font-style:normal;color:var(--ok);white-space:nowrap;opacity:0;transition:opacity .25s;margin-right:auto;display:flex;align-items:center;gap:6px}
.nt em:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(123,224,181,.6);animation:pls 1.4s ease-out infinite}
@keyframes pls{to{box-shadow:0 0 0 8px rgba(123,224,181,0)}}
.ph[data-s="2"] .nt{width:132px;margin-left:-66px;height:30px}
.ph[data-s="2"] .nt em{opacity:1;transition-delay:.35s}
.sbar{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 30px 0 34px;font:600 13px Inter,sans-serif;z-index:7;pointer-events:none}
.sbar .ic2{display:flex;gap:5px;align-items:center}
.sg4{display:flex;gap:1.5px;align-items:flex-end;height:10px}.sg4 i{width:3px;background:#fff;border-radius:1px}.sg4 i:nth-child(1){height:4px}.sg4 i:nth-child(2){height:6px}.sg4 i:nth-child(3){height:8px}.sg4 i:nth-child(4){height:10px;opacity:.35}
.wf{width:15px;height:11px}
.bt{width:25px;height:12px;border:1px solid #ffffff66;border-radius:4px;padding:1px;position:relative}
.bt:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#ffffff66}
.bt i{display:block;height:100%;width:var(--b,80%);border-radius:2px;background:#fff}
.bt.ch i{background:var(--ok);animation:chg 3s ease-in-out infinite}
@keyframes chg{0%{width:30%}100%{width:96%}}
.hmi{position:absolute;bottom:9px;left:50%;width:104px;height:4px;margin-left:-52px;border-radius:3px;background:#ffffffcc;z-index:7}
.ph .sc{inset:62px 22px 64px}
.ph .dots{bottom:30px}

.ntf{position:absolute;top:50px;left:14px;right:14px;z-index:5;display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:18px;background:rgba(40,40,46,.92);border:1px solid #ffffff14;font-size:12px;transform:translateY(-80px) scale(.9);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.2,1) .5s,opacity .4s .5s}
.ntf b{display:block;font-size:12.5px}.ntf span{color:var(--mut)}
.ntf .ico{flex:none;width:30px;height:30px;border-radius:8px;background:#fff url(../img/mark.png) center/70% no-repeat}
.ph[data-s="3"] .ntf{transform:none;opacity:1}
.ph[data-s="3"] .s3{padding-top:62px}

.chat{position:absolute;inset:70px 14px 70px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;font-size:12.5px}
.bub{max-width:84%;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#1c1c22;border:1px solid var(--line);opacity:0;transform:translateY(10px) scale(.96);transform-origin:0 100%}
.bub.me{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#e8e8ee;color:#050506;border:0;transform-origin:100% 100%}
.bub small{display:block;color:var(--mut);font-size:10.5px;margin-top:3px;text-align:right}.bub.me small{color:#6d6d78}
.in .bub{animation:pop .5s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--k)*1.1s + .3s)}
@keyframes pop{to{opacity:1;transform:none}}
.typ{align-self:flex-start;display:flex;gap:4px;padding:11px 13px;border-radius:14px 14px 14px 4px;background:#1c1c22;opacity:0}
.in .typ{animation:pop .3s forwards,off .1s forwards;animation-delay:.1s,calc(var(--k)*1.1s)}
@keyframes off{to{height:0;padding:0;margin:-4px 0;opacity:0;visibility:hidden}}
.typ i{width:5px;height:5px;border-radius:50%;background:#8c8c97;animation:dt 1s infinite}.typ i:nth-child(2){animation-delay:.15s}.typ i:nth-child(3){animation-delay:.3s}
@keyframes dt{40%{transform:translateY(-4px);background:#fff}}
.chh{position:absolute;top:46px;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);z-index:4;background:#0c0c10}
.chh .av{width:28px;height:28px;border-radius:50%;background:#fff url(../img/mark.png) center/62% no-repeat}.chh b{font-size:13px}.chh span{display:block;color:var(--ok);font-size:10.5px}

.bw{border:1px solid var(--line);border-radius:10px;background:var(--s1);overflow:hidden;box-shadow:0 50px 90px -40px #000}
.bw .bar{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0a0a0d}
.bw .tl{display:flex;gap:6px}.bw .tl i{width:10px;height:10px;border-radius:50%;background:#2a2a31}
.bw .url{flex:1;display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:6px;background:#15151a;color:var(--mut);font-size:12px;max-width:380px;margin:0 auto}
.bw .url svg{width:11px;height:11px;flex:none;fill:none;stroke:var(--ok);stroke-width:2}
.co.bw{padding:0;max-width:450px}.co.bw .bd{padding:22px 24px 24px}
.co .pay:after{content:"";display:inline-block;width:0}
.dash{display:grid;grid-template-columns:150px 1fr;min-height:330px}
.dash aside{border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mut)}
.dash aside span{padding:8px 10px;border-radius:5px}.dash aside .on{background:#1a1a20;color:var(--fg)}
.dash .mn{padding:18px;display:grid;gap:14px;align-content:start}
.kps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kps div{border:1px solid var(--line);border-radius:6px;padding:11px 12px}.kps span{color:var(--mut);font-size:11px;display:block}.kps b{font:600 17px Inter,sans-serif;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:7px;height:120px;padding:4px 0;border-bottom:1px solid var(--line)}
.bars i{flex:1;height:var(--h);background:linear-gradient(180deg,#fff,#6d6d78);border-radius:3px 3px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k)*50ms)}
.in .bars i{transform:none}

.stk{perspective:1100px;display:grid;place-items:center;min-height:380px}
.stk .sc3{position:relative;width:260px;height:260px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(calc(-35deg + var(--ry,0deg)*2));transition:transform .4s ease-out}
.stk .ly{position:absolute;inset:0;border:1px solid #4a4a54;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.015));backdrop-filter:blur(2px);display:flex;align-items:flex-end;padding:14px;font:600 12px Inter,sans-serif;color:#cfcfd6;transform:translateZ(calc(var(--z)*1px));animation:lyf 5s ease-in-out infinite;animation-delay:calc(var(--z)*-.03s)}
.stk .ly:before{content:"";position:absolute;inset:14px 14px 40px;border:1px dashed #3a3a44;border-radius:8px}
@keyframes lyf{50%{transform:translateZ(calc(var(--z)*1px + 14px))}}
.stk .ly.top{background:linear-gradient(135deg,#fff,#9a9aa4);color:#050506;border-color:#fff}
.stk .ly.top:before{border-color:#05050644}

.ig{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ig div{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;display:flex;align-items:center;gap:12px;transition:background .25s}
.ig div:hover{background:var(--s1)}
.ig svg{width:22px;height:22px;flex:none;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ig span{color:var(--mut);display:block;font-size:12px}

.fx{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.fx.rev .tx{order:2}
.fx h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}.fx p{color:var(--mut);margin:0 0 18px}
.fx .vz{display:grid;place-items:center;min-height:260px;perspective:900px}

.tmr{display:flex;gap:10px}.tmr div{width:74px;padding:14px 0;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--s1)}
.tmr b{display:block;font:600 28px Inter,sans-serif;font-variant-numeric:tabular-nums}.tmr span{font-size:11px;color:var(--mut)}
.ofr{width:100%;max-width:340px;display:grid;gap:10px;font-size:14px}
.ofr div{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:6px;background:var(--s1);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--k)*.25s)}
.in .ofr div{opacity:1;transform:none}
.ofr .dash2{border-style:dashed;border-color:#555}.ofr b{font-weight:600}

.shd{width:190px;height:220px;position:relative}
.shd svg{width:100%;height:100%;overflow:visible}
.shd path.o{fill:rgba(255,255,255,.04);stroke:#fff;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease}
.in .shd path.o,.shd.in path.o{stroke-dashoffset:0}
.shd path.k{fill:none;stroke:var(--ok);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease 1.4s}
.in .shd path.k,.shd.in path.k{stroke-dashoffset:0}
.shd:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid #ffffff22;animation:rng 3.2s ease-out infinite}
@keyframes rng{from{transform:scale(.7);opacity:.8}to{transform:scale(1.5);opacity:0}}
.lay{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.lay div{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--s1);transition:background .3s}
.lay div:last-child{border:0}.lay div:hover{background:var(--s2)}
.lay b{font-size:15px;display:block}.lay span{color:var(--mut);font-size:13.5px}
.lay i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(123,224,181,.5);animation:pls 2s ease-out infinite;animation-delay:calc(var(--k)*.3s)}

.pl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:28px 0 8px}
.pl article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pl h3{font-size:16px;margin-bottom:8px}.pl p{margin:0;color:var(--mut);font-size:15px}
.tl2{position:relative;margin:32px 0 0;padding-left:30px;max-width:640px}
.tl2:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:linear-gradient(#fff,#222229);transform-origin:top;transform:scaleY(0);transition:transform 1.4s ease}
.tl2.in:before{transform:none}
.tl2 div{position:relative;padding:0 0 26px}.tl2 div:before{content:"";position:absolute;left:-30px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid #fff}
.tl2 b{display:block;font-size:15px}.tl2 span{color:var(--mut);font-size:14.5px}
.tl2 em{font-style:normal;font:12px ui-monospace,Menlo,monospace;color:var(--ok)}

.ch2{display:grid;gap:12px}
.ch2 a,.ch2 div{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--s1);transition:border-color .25s,transform .25s}
.ch2 a:hover{border-color:#555;transform:translateX(4px)}
.ch2 svg{width:22px;height:22px;flex:none;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ch2 b{display:block;font-size:15px}.ch2 span{color:var(--mut);font-size:13.5px}
.st{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);margin-bottom:18px}
.st:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pls 2s ease-out infinite}

.hero .g{--px:0;--py:0}
.in1 .mk.big{will-change:clip-path}

@media(max-width:860px){
.band{grid-template-columns:1fr 1fr}.band div:nth-child(2){border-right:0}.band div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.fx,.fx.rev{grid-template-columns:1fr;gap:28px;padding:44px 0}.fx.rev .tx{order:0}
.ig{grid-template-columns:1fr 1fr}.pl{grid-template-columns:1fr}
.dash{grid-template-columns:1fr}.dash aside{display:none}
.stk .sc3{width:210px;height:210px}.stk{min-height:320px}
.co.bw{margin:0 auto}
}
@media(max-width:420px){.tmr div{width:62px}.kps{grid-template-columns:1fr 1fr}.kps div:nth-child(3){display:none}}
.rm.js .rv2,.rm.js .rv2.l,.rm.js .rv2.r,.rm.js .rv2.z{transform:none!important}
.rm.js .ln>span{transform:none!important;opacity:0;transition:opacity .7s ease;transition-delay:calc(var(--d,0)*90ms)}
.rm.js .in .ln>span,.rm.js .ln.in>span{opacity:1}
.rm .typ{display:none}
.rm .nt em:before,.rm .lay i,.rm .st:before,.rm .shd:after,.rm .stk .ly,.rm .bt.ch i{animation:none!important}
.rm .bub{transform:none}
.rm .in .bub{animation-name:fadein}
@keyframes fadein{to{opacity:1}}

.ph.alt{transform:rotateY(12deg) rotateX(4deg);animation-name:phf2}
@keyframes phf2{50%{transform:rotateY(7deg) rotateX(3deg) translateY(-10px)}}
@media(max-width:860px){.ph.alt{transform:none;animation:none}}

.code{margin:0;width:100%;max-width:440px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:var(--s1);font:13px/1.7 ui-monospace,Menlo,monospace;color:#d6d6dc;overflow-x:auto}
.code .c{color:#6d6d78}
.nf{font:600 clamp(96px,22vw,200px)/1 Inter,system-ui,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #4a4a54;animation:nfl 5s ease-in-out infinite}
@keyframes nfl{50%{transform:translateY(-10px);-webkit-text-stroke-color:#fff}}
.rm .nf{animation:none}

.split>*,.two>*,.fx>*{min-width:0}

.mo{display:block;margin-top:18px;padding:0;background:none;border:0;color:var(--mut);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mo:hover{color:var(--fg)}