.jk{--jk-r:20px;--jk-gold:linear-gradient(90deg, #d0a770, #e2c669);--jk-oson:#55ac12;--jk-normal:#c9a83a;--jk-qiyin:#b05959;--jk-tile:var(--c-surface);--jk-line:var(--c-line);font-family:"Onest Variable", var(--font-body);color:var(--c-text);container-type:inline-size}.jk *,.jk :before,.jk :after{box-sizing:border-box}.jk-grid{grid-template-columns:1fr;gap:14px;display:grid}@container (width>=720px){.jk-grid{grid-template-columns:repeat(2,1fr)}.jk-hero,.jk-fonetik{grid-column:1/-1}}@container (width>=1080px){.jk-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,auto)}.jk-hero{grid-area:1/1/4/6}.jk-mezon{grid-area:1/6/auto/10}.jk-tezlik{grid-area:1/10/auto/13}.jk-harf8{grid-area:2/6/auto/10}.jk-madaniy{grid-area:2/10/4/13}.jk-jarang{grid-area:3/6/auto/10}.jk-fonetik{grid-column:1/-1}}.jk-tile{background:var(--jk-tile);border:1px solid var(--jk-line);border-radius:var(--jk-r);transition:transform .4s var(--ease,ease), border-color .4s;opacity:0;padding:22px 24px;position:relative;overflow:hidden;transform:translateY(14px)}.jk.is-on .jk-tile{opacity:1;transition:opacity .7s ease, transform .7s var(--ease,ease), border-color .3s;transform:none}.jk.is-on .jk-mezon{transition-delay:.15s}.jk.is-on .jk-tezlik{transition-delay:.25s}.jk.is-on .jk-harf8{transition-delay:.35s}.jk.is-on .jk-madaniy{transition-delay:.45s}.jk.is-on .jk-jarang{transition-delay:.55s}.jk.is-on .jk-fonetik{transition-delay:.65s}.jk-tile:hover{border-color:color-mix(in srgb, var(--c-gold-text,#86621f) 45%, var(--jk-line))}.jk-tile:before,.jk-tile:after{content:"+";font:400 13px/1 var(--font-mono);color:var(--c-line-2,#ccc);position:absolute}.jk-tile:before{top:8px;right:10px}.jk-tile:after{bottom:8px;left:10px}.jk-tile__head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.jk-tile__head .jk-label{margin:0}.jk-tile__head .jk-bars__v{margin-left:auto}.jk-label{letter-spacing:-.01em;margin:0 0 14px;font-size:19px;font-weight:500}.jk-mut{color:var(--c-muted)}.jk-big{color:var(--c-gold-num,#a27a2c);margin:0;font-size:44px;font-weight:600;line-height:1}.jk-big small{color:var(--c-muted);margin-left:4px;font-size:15px;font-weight:400}.jk-num{font-weight:inherit;font-variant-numeric:tabular-nums}.jk-hero{border-radius:var(--jk-r);color:#f4efe6;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/44px 44px,radial-gradient(120% 70% at 50% 0,#1d1a15 0%,#0b0b0a 60%);border:1px solid #23201b;flex-direction:column;gap:18px;min-height:100%;padding:22px 26px 26px;display:flex;position:relative;overflow:hidden}.jk-hero__bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.jk-tag{font:500 12px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#a39b91}.jk-hero__btns{gap:8px;display:flex}.jk-btn{cursor:pointer;height:34px;font:500 13px/1 var(--font-body);color:#f4efe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:0 13px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.jk-btn:hover{color:#e9d18a;background:#e2c66924;border-color:#e2c66980}.jk-btn:focus-visible{outline-offset:2px;outline:2px solid #e2c669}.jk-btn:disabled{opacity:.6;cursor:progress}.jk-hero__nom{text-align:center;justify-items:center;gap:6px;display:grid}.jk-ring{place-items:center;width:128px;height:128px;display:grid;position:relative}.jk-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.jk-ring__bg{fill:none;stroke:#ffffff14;stroke-width:6px}.jk-ring__fg{fill:none;stroke:url(#jkg);stroke-width:6px;stroke-linecap:round;stroke-dashoffset:var(--c);filter:drop-shadow(0 0 6px #e2c66973);transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.1,1) .2s}.jk.is-on .jk-ring__fg{stroke-dashoffset:calc(var(--c) * (1 - var(--p)))}.jk-ring__ball{letter-spacing:-.02em;background:var(--jk-gold);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:600}.jk-ring__dafna{opacity:.9;width:13px;position:absolute;top:46px;left:30px}.jk-ring__dafna.is-ong{left:auto;right:30px;transform:scaleX(-1)}.jk-nom{font-family:"Onest Variable", var(--font-body);letter-spacing:-.045em;color:#0000;overflow-wrap:anywhere;background:linear-gradient(#fff 30%,#d8cdb9 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(52px,10cqi,104px);font-weight:600;line-height:.95}@container (width>=1080px){.jk-nom{font-size:clamp(56px,6.2cqi,104px)}}.jk-bogin{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 0;display:flex}.jk-bogin span{font:500 13px/1 var(--font-mono);letter-spacing:.06em;color:#a39b91;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;transition:color .2s,background .2s,border-color .2s,transform .2s}.jk-bogin span.is-yon{color:#17130b;background:#e2c669;border-color:#e2c669;transform:translateY(-2px)}.jk-voronka{margin:4px 0 0;padding:0;list-style:none;display:grid}.jk-step{opacity:0;border-top:1px solid #ffffff12;grid-template-columns:26px minmax(130px,1.05fr) minmax(0,1fr);align-items:center;gap:12px;min-height:70px;display:grid;position:relative;transform:translate(-10px)}.jk.is-on .jk-step{opacity:1;transition:opacity .5s,transform .5s;transition-delay:calc(.5s + var(--i) * .16s);transform:none}.jk-step__n{font:400 12px/1 var(--font-mono);color:#5d564d}.jk-step__shakl{width:100%;clip-path:polygon(calc(var(--i) * 9%) 0, calc(100% - var(--i) * 9%) 0, calc(100% - (var(--i) + 1) * 9%) 100%, calc((var(--i) + 1) * 9%) 100%);background:var(--sh);transform-origin:top;grid-area:1/2;align-self:stretch;margin:0 auto;transform:scaleY(0)}.jk.is-on .jk-step__shakl{transition:transform .6s cubic-bezier(.2,.7,.1,1);transition-delay:calc(.45s + var(--i) * .16s);transform:none}.jk-step:first-child{--sh:#fff}.jk-step:nth-child(2){--sh:#f0d7bd}.jk-step:nth-child(3){--sh:#e2b97f}.jk-step:nth-child(4){--sh:#b98f5a}.jk-step:nth-child(5){--sh:#9b6d2e}.jk-step__label{z-index:1;text-align:center;font:500 11px/1.15 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:#2b241c;grid-area:1/2;justify-items:center;gap:4px;padding:0 22%;display:grid}.jk-step:nth-child(n+4) .jk-step__label{color:#f7efe3}.jk-step__v{color:#f4efe6;grid-column:3;min-width:0;font-size:22px;font-weight:500}.jk-foiz{font-weight:500}.jk-chip{overflow-wrap:anywhere;background:#22201d;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:7px 12px;font-size:15px;display:inline-flex}.jk-chip svg{color:#c8a87b;flex:none}.jk-chip.is-band{color:#ef8a76;text-decoration:line-through 1px}.jk-user{color:#e9dcc3;overflow-wrap:anywhere;font-size:16px}.jk-patent{gap:4px;display:grid}.jk-patent b{font-size:34px;font-weight:500;line-height:1}.jk-patent small{color:#8e867b;font-size:12px;line-height:1.3}.jk-scan{pointer-events:none;opacity:0;background:linear-gradient(#0000,#e2c6691f 70%,#e2c66980 99%,#0000);height:18%;position:absolute;top:-20%;left:0;right:0}.jk.is-on .jk-scan{animation:2.2s cubic-bezier(.4,0,.2,1) .4s jk-scan}@keyframes jk-scan{0%{opacity:0;top:-20%}15%{opacity:1}90%{opacity:1}to{opacity:0;top:105%}}.jk-qulf{color:var(--c-gold-text,#86621f);white-space:nowrap;background:color-mix(in srgb, var(--c-gold-text,#86621f) 8%, transparent);border:1px dashed;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.jk-qulf:hover{background:color-mix(in srgb, var(--c-gold-text,#86621f) 16%, transparent)}.jk-qulf.is-qora{color:#e2c669;background:#e2c66914}.jk-bars{gap:16px;margin:0;padding:0;list-style:none;display:grid}.jk-bars li{gap:9px;display:grid}.jk-bars details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:17px;font-weight:500;list-style:none;display:flex}.jk-bars details summary::-webkit-details-marker{display:none}.jk-bars details.is-bosh summary{cursor:default}.jk-bars details p{color:var(--c-muted);margin:8px 0 0;font-size:13.5px;line-height:1.5}.jk-bars__v{color:var(--c-gold-num,#a27a2c);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.jk-bars__v.is-yashil{color:var(--jk-oson)}.jk-bar{background:var(--jk-line);border-radius:3px;flex:1;height:5px;display:block;overflow:hidden}.jk-bar>i{border-radius:inherit;background:var(--jk-gold);width:0;height:100%;transition:width 1.3s cubic-bezier(.2,.7,.1,1);transition-delay:calc(.4s + var(--i,0) * .12s);display:block}.jk-bar.is-yashil>i{background:linear-gradient(90deg,#8fd16a,#55ac12)}.jk.is-on .jk-bar>i{width:calc(var(--w) * 100%)}.jk-bars li>.jk-bar>i{width:0}.jk.is-on .jk-bars li>.jk-bar>i{width:calc(var(--w) * 100%)}.jk-gauge{max-width:260px;margin:0 auto;position:relative}.jk-gauge svg{width:100%;display:block;overflow:visible}.jk-gauge__bg{fill:none;stroke:var(--jk-line);stroke-width:10px;stroke-linecap:round}.jk-gauge__z{fill:none;stroke-width:10px;stroke-linecap:round;opacity:.95}.jk-gauge__z.is-1{stroke:#55ac12}.jk-gauge__z.is-2{stroke:#e2c669}.jk-gauge__z.is-3{stroke:#e2552a}.jk-gauge__t{font:400 8px var(--font-mono);fill:var(--c-muted);text-anchor:middle}.jk-gauge__igna{transform-origin:100px 100px;transition:transform 1.6s cubic-bezier(.3,1.5,.4,1) .5s;transform:rotate(-120deg)}.jk.is-on .jk-gauge__igna{transform:rotate(var(--a))}.jk-gauge__igna path{stroke:var(--c-text);stroke-width:3px;stroke-linecap:round}.jk-gauge__igna circle{fill:var(--c-text)}.jk-gauge__mid{justify-items:center;gap:2px;display:grid;position:absolute;top:74%;left:0;right:0}.jk-gauge__mid b{font-size:42px;font-weight:600;line-height:1}.jk-gauge__mid small{font:400 11px var(--font-mono);color:var(--c-muted)}.jk-madaniy{flex-direction:column;display:flex}.jk-globus{--jk-globus-dot:#8a7d6b;aspect-ratio:1;width:100%;max-width:300px;margin:auto auto 0;display:block}:root[data-theme=dark] .jk-globus{--jk-globus-dot:#b9ab95}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .jk-globus{--jk-globus-dot:#b9ab95}}.jk-harf8{container-type:inline-size}.jk-tablo{perspective:600px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.jk-flap{aspect-ratio:.82;background:var(--c-surface-2,#f1eee8);border:1px solid var(--jk-line);transform-origin:50%;opacity:.3;border-radius:10px;place-items:center;display:grid;position:relative;transform:rotateX(90deg)}.jk-flap:after{content:"";background:#0000000f;height:1px;position:absolute;top:50%;left:0;right:0}.jk.is-on .jk-flap{opacity:1;transition:transform .55s cubic-bezier(.3,1.4,.5,1),opacity .3s;transition-delay:calc(.6s + var(--i) * 90ms);transform:none}.jk-flap b{text-transform:uppercase;color:var(--c-text);font-size:clamp(16px,7cqi,40px);font-weight:500}.jk-flap.is-qosh b{font-size:clamp(12px,4.6cqi,28px)}.jk-flap small{font:400 10px var(--font-mono);color:var(--c-muted);position:absolute;bottom:-18px}.jk-flap:not(.is-on){background:0 0;border-style:dashed}.jk-flap:not(.is-on) b{opacity:0}.jk-harf8 .jk-tablo{margin-bottom:18px}.jk-qavs{color:#e2a64e;font-weight:400}.jk-wave{align-items:center;gap:3px;height:70px;display:flex}.jk-wave i{height:calc(var(--h) * 100%);opacity:.85;background:linear-gradient(#e2c669,#d0a770);border-radius:2px;flex:1;transform:scaleY(.08)}.jk.is-on .jk-wave i{transition:transform .6s;transition-delay:calc(.6s + var(--i) * 15ms);animation:jk-nafas 2.6s ease-in-out calc(1.5s + var(--i) * -.07s) infinite;transform:scaleY(1)}.jk.is-gapir .jk-wave i{opacity:1;animation-duration:.45s}@keyframes jk-nafas{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.jk-fonetik .jk-tile__head .jk-bar{max-width:520px}.jk-nomharf{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.jk-nomharf span{color:#fff;opacity:0;border-radius:14px;place-items:center;min-width:52px;height:52px;padding:0 12px;font-size:26px;font-weight:600;display:grid;transform:scale(.6)}.jk.is-on .jk-nomharf span{opacity:1;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s;transition-delay:calc(.8s + var(--i) * 70ms);transform:none}.jk-nomharf .is-oson{background:var(--jk-oson)}.jk-nomharf .is-normal{background:var(--jk-normal)}.jk-nomharf .is-qiyin{background:var(--jk-qiyin)}.jk-guruhlar{grid-template-columns:1fr;gap:18px;display:grid}@container (width>=720px){.jk-guruhlar{grid-template-columns:2.2fr 1fr 1.4fr}}.jk-guruh p{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.jk-guruh.is-oson p{color:var(--jk-oson)}.jk-guruh.is-normal p{color:var(--jk-normal)}.jk-guruh.is-qiyin p{color:var(--jk-qiyin)}.jk-guruh>div{flex-wrap:wrap;gap:6px;display:flex}.jk-guruh span{opacity:.38;border-radius:999px;place-items:center;min-width:36px;height:36px;padding:0 7px;font-size:15px;font-weight:500;transition:opacity .3s,transform .3s,background .3s,color .3s;display:grid}.jk-guruh.is-oson span{color:#3f7a32;background:#d1f0ba}.jk-guruh.is-normal span{color:#8c7a2c;background:#faecab}.jk-guruh.is-qiyin span{color:#9b4848;background:#fcdddd}.jk-guruh span.is-bor{opacity:1;color:#fff;transform:scale(1.08)}.jk-guruh.is-oson span.is-bor{background:var(--jk-oson)}.jk-guruh.is-normal span.is-bor{background:var(--jk-normal)}.jk-guruh.is-qiyin span.is-bor{background:var(--jk-qiyin)}:root[data-theme=dark] .jk-guruh span{--o:1}:root[data-theme=dark] .jk-guruh.is-oson span:not(.is-bor){color:#9fd47e;background:#55ac1229}:root[data-theme=dark] .jk-guruh.is-normal span:not(.is-bor){color:#e2c669;background:#c9a83a29}:root[data-theme=dark] .jk-guruh.is-qiyin span:not(.is-bor){color:#f0a0a0;background:#b0595933}:root[data-theme=dark] .jk-guruh span:not(.is-bor){opacity:.55}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .jk-guruh.is-oson span:not(.is-bor){color:#9fd47e;background:#55ac1229}:root:not([data-theme=light]) .jk-guruh.is-normal span:not(.is-bor){color:#e2c669;background:#c9a83a29}:root:not([data-theme=light]) .jk-guruh.is-qiyin span:not(.is-bor){color:#f0a0a0;background:#b0595933}:root:not([data-theme=light]) .jk-guruh span:not(.is-bor){opacity:.55}}@media (prefers-reduced-motion:reduce){.jk *,.jk :before,.jk :after{transition:none!important;animation:none!important}}.jk-hero{container-type:inline-size}@container (width<=460px){.jk-step{grid-template-columns:20px minmax(112px,1fr) minmax(0,1fr);gap:8px}.jk-step__v .jk-qulf{white-space:normal;padding:6px 9px;font-size:11.5px;line-height:1.2}.jk-step__v{font-size:19px}.jk-chip{padding:6px 10px;font-size:13.5px}}
