body{margin:0;background:#0A0A0B}
*{box-sizing:border-box}
a{text-decoration:none}
.ks-tab{padding:8px 14px;border-radius:9px;color:#B4B4BC;font-size:15px;transition:background .2s,color .2s}
.ks-tab:hover{background:#17171A;color:#F4F4F5}
.ks-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px;border-radius:10px;font-weight:600;font-size:15.5px;transition:filter .2s,background .2s}
.ks-btn.pri{background:var(--ac);color:#04100E}
.ks-btn.pri:hover{filter:brightness(1.08)}
.ks-btn.sec{background:#1D1D21;color:#F4F4F5;border:1px solid #2A2A2F}
.ks-btn.sec:hover{background:#26262B}
.ks-hero{position:relative;margin:10px;padding-bottom:0;border-radius:30px;border:1px solid rgba(255,255,255,.09);overflow:hidden;background:#0B0C0E}
.ks-cross{position:absolute;background:rgba(255,255,255,.038)}
.ks-cross::before,.ks-cross::after{content:"";position:absolute;background:rgba(255,255,255,.038)}
.ks-cross::before{left:33%;top:-33%;width:34%;height:166%}
.ks-cross::after{left:-33%;top:33%;width:166%;height:34%}
.ks-star{position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}
.ks-h1{margin:0;font-size:clamp(38px,6.4vw,76px);line-height:1.04;letter-spacing:-.025em;font-weight:800;text-wrap:balance}
.ks-hl{background:linear-gradient(90deg,#2EC4B6,#8DEBE0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ks-h2{margin:0;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
.ks-p{margin:18px 0 0;color:#A9A9B3;font-size:17.5px;line-height:1.65}
.ks-sec{max-width:1180px;margin:0 auto;padding:104px 24px 0;display:flex;flex-wrap:wrap;gap:48px 64px;align-items:center}
.ks-sec.rev{flex-direction:row-reverse}
.ks-txt{flex:1 1 340px;min-width:0;max-width:480px}
.ks-vis{position:relative;flex:2 1 560px;min-width:0}
.ks-shot{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0A0A0B;box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.ks-shot img{display:block;width:100%;height:auto}
.ks-call{position:absolute;width:0;height:0;z-index:3}
.ks-call::before{content:"";position:absolute;left:-12px;top:-12px;width:44px;height:44px}
.ks-call::after{content:"";position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ac,#2EC4B6);opacity:0;animation:ks-ripple 3s ease-out infinite}
.ks-ptr{position:absolute;left:-4px;top:-3px;fill:var(--ac,#2EC4B6);stroke:#0A0A0B;stroke-width:1.5;stroke-linejoin:round;transform-origin:4px 3px;animation:ks-tap 3s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65));transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ks-n{position:absolute;left:16px;top:14px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#F4F4F5;color:#0A0A0B;font:700 9.5px/1 'Plus Jakarta Sans',system-ui,sans-serif}
.ks-tip{position:absolute;left:32px;top:8px;white-space:nowrap;background:#F4F4F5;color:#0A0A0B;font-size:13px;font-weight:600;line-height:1;padding:7px 11px;border-radius:8px;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none;box-shadow:0 10px 24px -12px rgba(0,0,0,.9)}
.ks-call.flip .ks-tip{left:auto;right:28px;transform:translateX(8px)}
.ks-call:hover .ks-tip{opacity:1;transform:none}
.ks-call:hover .ks-ptr{animation:none;transform:scale(1.18)}
.ks-vis:has(.l1:hover) .a1 .ks-tip,.ks-vis:has(.l2:hover) .a2 .ks-tip,.ks-vis:has(.l3:hover) .a3 .ks-tip{opacity:1;transform:none}
.ks-vis:has(.l1:hover) .a1 .ks-ptr,.ks-vis:has(.l2:hover) .a2 .ks-ptr,.ks-vis:has(.l3:hover) .a3 .ks-ptr{animation:none;transform:scale(1.3)}
@keyframes ks-tap{0%,58%,100%{transform:translate(0,0) scale(1)}70%{transform:translate(2.5px,2.5px) scale(.9)}80%{transform:translate(0,0) scale(1)}}
@keyframes ks-ripple{0%,66%{transform:scale(.2);opacity:0}72%{opacity:.85}100%{transform:scale(1.5);opacity:0}}
@keyframes ks-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes ks-in{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes ks-flat{from{transform:rotateX(12deg)}to{transform:rotateX(0deg)}}
@keyframes ks-par{to{transform:translateY(var(--dy,-60px))}}
@keyframes ks-neb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-1.5%,1%)}}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:92px}
.ks-up{animation:ks-up 1.05s cubic-bezier(.22,1,.36,1) both}
.ks-neb{animation:ks-neb 28s ease-in-out infinite alternate}
.ks-tilt{transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s}
.ks-tilt:hover{transform:perspective(1800px) rotateX(1.6deg) rotateY(-2.6deg) scale(1.012);box-shadow:0 44px 80px -40px rgba(0,0,0,.95)}
.ks-card,.ks-panel{transition:border-color .35s,background .35s}
.ks-card:hover{border-color:#3A3A41;background:#131316}
.ks-chip{transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s}
.ks-chip:hover{transform:translateY(-2px);background:#26262B}
.ks-btn svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ks-btn:hover svg{transform:translateY(2px)}
.ks-legend li{cursor:default;transition:color .2s}
.ks-legend li:hover{color:#fff}
@supports (animation-timeline: view()){
.ks-reveal{animation:ks-in linear both;animation-timeline:view();animation-range:entry 0% entry 48%}
.ks-flatten{animation:ks-flat linear both;animation-timeline:scroll(root);animation-range:0 520px}
.ks-cross{animation:ks-par linear both;animation-timeline:scroll(root);animation-range:0 1100px}
}
.ks-legend{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.ks-legend li{display:flex;align-items:center;gap:10px;color:#C9C9D1;font-size:14.5px;line-height:1.4}
.ks-legend b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ac,#2EC4B6);color:#04100E;font-size:11.5px;font-weight:600}
.ks-key{display:flex;gap:12px;align-items:flex-start;color:#DCDCE2;font-size:15.5px}
.ks-key i{flex:none;margin-top:8px;width:8px;height:8px;border-radius:2px;background:var(--ac,#2EC4B6)}
.ks-chip{display:inline-flex;align-items:center;gap:8px;background:#1C1C20;border-radius:10px;padding:8px 13px;font-size:14.5px;color:#E7E7EB;font-weight:500}
.ks-panel{flex:1 1 380px;min-width:0;border-radius:22px;padding:28px 28px 30px;border:1px solid rgba(255,255,255,.08)}
.ks-card{border:1px solid #232327;border-radius:16px;padding:22px;background:#0F0F11}
@media (max-width:700px){.ks-sec{padding:64px 20px 0}.ks-cross{display:none}}

.ks-navwrap{position:sticky;top:0;z-index:30;height:0}
.ks-brand{display:flex;align-items:center;gap:10px;color:#F4F4F5;font-weight:800;font-size:18px;letter-spacing:-.015em;margin-right:10px}
.ks-tabs{display:flex;gap:2px}
.ks-navbtn{height:40px;padding:0 18px;font-size:14.5px;border-radius:999px}
.ks-eye{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ac);margin-bottom:16px}
.ks-eye::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--ac)}
.ks-badge{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 8px 0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#D8D8DE;font-size:13.5px;font-weight:600;transition:background .3s,border-color .3s}
.ks-badge:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.ks-badge i{width:7px;height:7px;border-radius:50%;background:#62C776}
.ks-badge b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F4F4F5;color:#0A0A0B;font-size:12px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ks-badge:hover b{transform:translateX(3px)}
.ks-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#101013;border-bottom:1px solid rgba(255,255,255,.07)}
.ks-bar i{width:10px;height:10px;border-radius:50%;background:#2A2A30}
.ks-bar span{margin-left:12px;padding:3px 14px;border-radius:7px;background:#1A1A1E;color:#8E8E98;font:500 12px 'Geist Mono',ui-monospace,monospace}
.ks-card{position:relative;background:linear-gradient(180deg,#121215,#0E0E10)}
.ks-card>svg:first-child{box-sizing:content-box;padding:11px;border-radius:13px;background:rgba(46,196,182,.09);border:1px solid rgba(46,196,182,.2)}
.ks-card:hover{transform:translateY(-3px)}
.ks-card{transition:border-color .35s,background .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.ks-shot{box-shadow:0 40px 80px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03)}
.ks-nav{position:absolute;left:50%;top:18px;width:min(1136px,calc(100% - 48px));height:56px;padding:0 8px 0 18px;display:flex;align-items:center;gap:6px;border-radius:22px;background-color:rgba(20,20,23,0);border:1px solid rgba(255,255,255,0);box-shadow:0 18px 40px -18px rgba(0,0,0,0);-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1);transform:translateX(-50%);transition:top 1s cubic-bezier(.34,1.56,.64,1),width 1s cubic-bezier(.34,1.56,.64,1),border-radius .9s cubic-bezier(.34,1.56,.64,1),background-color .6s,border-color .6s,box-shadow .8s,backdrop-filter .8s,-webkit-backdrop-filter .8s}
.ks-nav.sc{top:16px;width:min(880px,calc(100% - 24px));border-radius:999px;background-color:rgba(20,20,23,.78);border-color:rgba(255,255,255,.1);box-shadow:0 18px 40px -18px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);animation:ks-land 1.1s cubic-bezier(.34,1.3,.64,1)}
.ks-nav::after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:rgba(20,20,23,.85);border:1px solid rgba(255,255,255,.1);opacity:0;pointer-events:none}
.ks-nav.sc::after{animation:ks-drip 1.1s ease-out both}
.ks-navbtn{background:#1D1D21;color:#F4F4F5;border:1px solid #2A2A2F;transition:background .4s,color .4s,border-color .4s,filter .2s}
.ks-nav.sc .ks-navbtn{background:var(--ac);color:#04100E;border-color:transparent}
@keyframes ks-land{0%{transform:translateX(-50%) scale(1,1)}22%{transform:translateX(-50%) scale(.985,1.14)}48%{transform:translateX(-50%) scale(1.02,.92)}72%{transform:translateX(-50%) scale(.994,1.035)}100%{transform:translateX(-50%) scale(1,1)}}
@keyframes ks-drip{0%{opacity:0;transform:translateY(0) scale(.3)}30%{opacity:1;transform:translateY(4px) scale(1,1.3)}100%{opacity:0;transform:translateY(24px) scale(.5,1.8)}}
@media (max-width:760px){.ks-tabs{display:none}.ks-nav{padding-left:14px}}
@supports (animation-timeline: view()){
}

.ks-art{height:150px;border-radius:14px;overflow:hidden;margin-bottom:22px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.025)}
.ks-art img{display:block;object-fit:contain}
.ks-bento{margin-top:44px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.ks-bc{display:flex;flex-direction:column;gap:22px;justify-content:space-between;border:1px solid #232327;border-radius:22px;padding:26px;background:linear-gradient(180deg,#131316,#0D0D0F);transition:border-color .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.ks-bc:hover{border-color:#34343a;transform:translateY(-3px)}
.ks-bh{font-weight:800;font-size:21px;letter-spacing:-.015em}
.ks-bp{margin-top:8px;color:#A9A9B3;font-size:15px;line-height:1.6;max-width:440px}
.ks-mock{border:1px solid #26262B;border-radius:14px;background:#0A0A0C;overflow:hidden;color:#D6D6DC}
.ks-tabsrow{display:flex;gap:2px;padding:8px 8px 0;background:#111114;border-bottom:1px solid #26262B;font-size:12px}
.ks-tabsrow span{padding:6px 12px;border-radius:8px 8px 0 0;color:#8E8E98}
.ks-tabsrow span.on{background:#0A0A0C;color:#F4F4F5}
.ks-jv{padding:6px 11px;border-radius:8px;background:#1A1A1E;color:#A9A9B3}
.ks-jv.on{background:rgba(46,196,182,.14);color:#7DE3D8;border:1px solid rgba(46,196,182,.3)}
.ks-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1B1B1F}
.ks-row:last-child{border:0}
.ks-row i{width:8px;height:8px;border-radius:50%}
.ks-row em{margin-left:auto;font-style:normal;color:#8E8E98;font-size:12.5px}
@media (max-width:900px){.ks-bc{grid-column:span 6!important}}
.ks-foot{position:relative;margin-top:120px;overflow:hidden;view-timeline-name:--foot;view-timeline-axis:block;background:#0A0A0B;min-height:440px;color:#F4F4F5}
.ks-liq{position:absolute;left:0;right:0;bottom:0;top:0}
.ks-lb{position:absolute;left:0;right:0;top:48px;bottom:0;background:linear-gradient(180deg,#14756D 0%,#0E4B48 55%,#0B3532 100%)}
.ks-lw{position:absolute;left:0;top:10px;width:200%;height:60px}
.ks-lw svg{display:block;width:100%;height:100%}
.ks-lw1 path{fill:#14756D}
.ks-lw2{top:2px;opacity:.5}
.ks-lw2 path{fill:#2EC4B6}
.ks-lw1{animation:ks-wv 9s linear infinite}
.ks-lw2{animation:ks-wv 14s linear infinite reverse}
@keyframes ks-wv{to{transform:translateX(-50%)}}
.ks-fin{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:150px 24px 48px}

.ks-login{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;color:#D8D8DE;font-size:14.5px;font-weight:600;transition:background .2s,color .2s}
.ks-login:hover{background:rgba(255,255,255,.07);color:#fff}
.ks-dl{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #232327;border-radius:16px;background:#101012}
.ks-dl+.ks-dl{margin-top:12px}
.ks-ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1A1A1E;color:#D8D8DE}
.ks-soon{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:#1D1D21;border:1px dashed #3A3A41;color:#A9A9B3;font-weight:700;font-size:14px;cursor:default}
.ks-soon.big{height:48px;padding:0 24px;font-size:15.5px;background:rgba(46,196,182,.1);border:1px dashed rgba(46,196,182,.5);color:#7DE3D8}
.ks-info{border:1px solid #232327;border-radius:18px;padding:24px;background:linear-gradient(180deg,#131316,#0D0D0F)}
.ks-disc{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;border-radius:12px;background:#5865F2;color:#fff;font-weight:700;font-size:16px;opacity:.55;cursor:default}
@media (max-width:700px){.ks-tabsrow{overflow:hidden;white-space:nowrap}.ks-tabsrow span:nth-child(3){display:none}.ks-bar span{padding:3px 10px}.ks-foot{min-height:380px}.ks-fin{padding-top:120px}}
@media (max-width:700px){.ks-soon{white-space:nowrap;padding:0 12px;height:36px;font-size:13px}.ks-dl{gap:12px;padding:14px}.ks-dl .ks-ico{display:none}}
.ks-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ks-mini{margin:0}
.ks-mini img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ks-mini:hover img{transform:translateY(-3px)}
.ks-mini figcaption{margin-top:8px;color:#8E8E98;font-size:13px;font-weight:600}
@media (max-width:700px){.ks-minis{grid-template-columns:1fr}}
.ks-star{animation:ks-tw 5s ease-in-out infinite,ks-drift 16s ease-in-out infinite alternate}
.ks-star:nth-of-type(3n){animation-duration:7s,21s}
.ks-star:nth-of-type(3n+1){animation-duration:4s,13s}
@keyframes ks-tw{0%,100%{opacity:.18;transform:scale(1)}50%{opacity:.9;transform:scale(1.7)}}
@keyframes ks-drift{from{translate:0 0}to{translate:7px -9px}}
.ks-lw3{top:14px;opacity:.35;animation:ks-wv 22s linear infinite}
.ks-lw3 path{fill:#0E4B48}
.ks-lb{overflow:hidden}
.ks-bub{position:absolute;bottom:-20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);animation:ks-bub linear infinite}
@keyframes ks-bub{0%{transform:translateY(0) translateX(0);opacity:0}12%{opacity:.9}50%{transform:translateY(-150px) translateX(10px)}100%{transform:translateY(-330px) translateX(-8px);opacity:0}}
@keyframes ks-sheen{from{background-position:-200% 0}to{background-position:200% 0}}
.ks-lb::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);background-size:200% 100%;animation:ks-sheen 9s linear infinite}
.ks-wipe{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200;pointer-events:none;transform:translateY(-110%);animation:ks-wipe-out 1.1s cubic-bezier(.7,0,.2,1) both}
.ks-wipe.go{animation:ks-wipe-in .62s cubic-bezier(.7,0,.3,1) both}
.ks-wipe-b{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#14756D,#0B3532)}
.ks-wipe-w{position:absolute;left:0;width:200%;height:70px;bottom:100%;margin-bottom:-2px;animation:ks-wv 3s linear infinite}
.ks-wipe-w svg{display:block;width:100%;height:100%}
.ks-wipe-w path{fill:#14756D}
.ks-wipe-k{position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;opacity:.9}
@keyframes ks-wipe-out{0%{transform:translateY(0)}100%{transform:translateY(-110%)}}
@keyframes ks-wipe-in{0%{transform:translateY(110%)}100%{transform:translateY(0)}}
.ks-liq{transform:none;transition:transform 2.6s cubic-bezier(.22,1,.36,1)}
.ks-foot.out .ks-liq{transform:translateY(88%)}
.ks-fin>*{opacity:1;transform:none;transition:opacity .9s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.ks-fin>*:nth-child(2){transition-delay:.35s}.ks-fin>*:nth-child(3){transition-delay:.5s}.ks-fin>*:nth-child(4){transition-delay:.65s}
.ks-foot.out .ks-fin>*{opacity:0;transform:translateY(26px);transition-delay:0s}