/* AVTOMATIK YASALGAN — qo'lda tahrirlanmaydi. Manba: Claude Design (yangi dizayn), yangi/p/site-home.html <style> + web/site/kx/site.css (ilova ichidagi bosh sahifa uchun o'ralgan).
   Generator: scripts/site_css.py */
@layer kx{
.kx:where(.p-site-home) .s-head{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}
.kx:where(.p-site-home) .s-head h1{font-size:var(--fs-700);font-weight:var(--fw-bold);letter-spacing:var(--ls-title);line-height:1.15}
.kx:where(.p-site-home) .s-head p{color:var(--c-ink-2);font-size:var(--fs-300);line-height:1.5;max-width:760px}
.kx:where(.p-site-home) .s-sec{margin-top:var(--sp-8)}
.kx:where(.p-site-home) .s-cr{flex-wrap:wrap;row-gap:2px}
.kx:where(.p-site-home) .s-cr a,.kx:where(.p-site-home) .s-cr span{white-space:nowrap}
.kx:where(.p-site-home) .s-t{font-size:var(--fs-500);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:1.2}
.kx:where(.p-site-home) .s-sh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.kx:where(.p-site-home) .s-sh p{color:var(--c-ink-3);font-size:var(--fs-250);margin-top:4px}
@media (min-width:768px){.kx:where(.p-site-home) .s-head h1{font-size:var(--fs-disp)}}
@media (min-width:768px){.kx:where(.p-site-home) .s-t{font-size:var(--fs-600)}}
.kx:where(.p-site-home) .bigsearch{display:flex;align-items:center;gap:var(--sp-2);padding:6px;border-radius:var(--r-3);background:var(--c-surface);border:1.5px solid var(--c-line-strong);box-shadow:var(--e-1);max-width:640px;margin:0}
.kx:where(.p-site-home) .bigsearch .q{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-left:var(--sp-2h);color:var(--c-ink-3);font-size:var(--fs-300);white-space:nowrap}
.kx:where(.p-site-home) .bigsearch .q span{overflow:hidden;text-overflow:ellipsis}
.kx:where(.p-site-home) .bigsearch .btn{flex:none;height:var(--h-control-sm);padding:0 var(--sp-4)}
.kx:where(.p-site-home) .faq{overflow:hidden}
.kx:where(.p-site-home) .faq details + details{border-top:var(--bw-1) solid var(--c-line)}
.kx:where(.p-site-home) .faq summary{list-style:none;display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semi);font-size:var(--fs-300);cursor:pointer}
.kx:where(.p-site-home) .faq summary span{flex:1;min-width:0}
.kx:where(.p-site-home) .faq summary::-webkit-details-marker{display:none}
.kx:where(.p-site-home) .faq summary .i{color:var(--c-ink-3)}
.kx:where(.p-site-home) .faq details[open] summary .i{rotate:180deg}
.kx:where(.p-site-home) .faq details p{padding:0 var(--sp-4) var(--sp-4);color:var(--c-ink-2);font-size:var(--fs-250);line-height:1.55;max-width:720px}
@media (min-width:768px){.kx:where(.p-site-home) .faq summary{padding:var(--sp-3) var(--sp-5)}}
@media (min-width:768px){.kx:where(.p-site-home) .faq details p{padding:0 var(--sp-5) var(--sp-5)}}
.kx:where(.p-site-home) .band{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6) var(--sp-5);border-radius:var(--r-4);background:var(--c-brand-grad);color:var(--c-on-brand)}
.kx:where(.p-site-home) .band h2{font-size:var(--fs-500);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:1.2}
.kx:where(.p-site-home) .band p{margin-top:6px;font-size:var(--fs-300);line-height:1.5;opacity:.92}
.kx:where(.p-site-home) .band-b{display:flex;flex-direction:column;gap:var(--sp-2)}
.kx:where(.p-site-home) .band .btn.inv{background:var(--c-surface);color:var(--c-brand-ink);box-shadow:none}
.kx:where(.p-site-home) .band .btn.gl{background:transparent;border-color:currentColor;color:var(--c-on-brand)}
@media (min-width:768px){.kx:where(.p-site-home) .band{flex-direction:row;align-items:center;padding:var(--sp-7) var(--sp-8)}}
@media (min-width:768px){.kx:where(.p-site-home) .band h2{font-size:var(--fs-600)}}
@media (min-width:768px){.kx:where(.p-site-home) .band-b{flex-direction:row;flex:none}}
.kx:where(.p-site-home) .prc{overflow:hidden}
.kx:where(.p-site-home) .prl{padding-top:var(--sp-2)}
.kx:where(.p-site-home) .pr{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:48px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-250);color:var(--c-ink-2)}
.kx:where(.p-site-home) .pr + .pr{border-top:var(--bw-1) solid var(--c-line)}
.kx:where(.p-site-home) .pr:hover{background:var(--c-surface-2)}
.kx:where(.p-site-home) .pr b{color:var(--c-ink);font-weight:var(--fw-semi);white-space:nowrap}
.kx:where(.p-site-home) .prn{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3) var(--sp-4);background:var(--c-surface-2);font-size:var(--fs-200);color:var(--c-ink-3);line-height:1.45}
.kx:where(.p-site-home) .prn .i{margin-top:1px}
@media (min-width:768px){.kx:where(.p-site-home) .pr{padding:var(--sp-2) var(--sp-5)}}
@media (min-width:768px){.kx:where(.p-site-home) .prn{padding:var(--sp-3) var(--sp-5)}}
.kx:where(.p-site-home) .wk{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}
.kx:where(.p-site-home) .wk-t{gap:var(--sp-3)}
.kx:where(.p-site-home) .wk b{display:block;font-size:var(--fs-350);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx:where(.p-site-home) .wk small{display:block;font-size:var(--fs-200);color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx:where(.p-site-home) .acats{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}
@media (min-width:768px){.kx:where(.p-site-home) .acats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}}
@media (min-width:1024px){.kx:where(.p-site-home) .acats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kx:where(.p-site-home) .acats.d-only{display:none}
@media (min-width:768px){.kx:where(.p-site-home) .acats.d-only{display:grid}}
.kx:where(.p-site-home) .acat{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5)}
.kx:where(.p-site-home) .acat .ic{margin-bottom:var(--sp-1)}
.kx:where(.p-site-home) .acat b{font-size:var(--fs-350);font-weight:var(--fw-semi)}
.kx:where(.p-site-home) .acat p{font-size:var(--fs-200);color:var(--c-ink-3);line-height:1.45;margin-bottom:var(--sp-2)}
.kx:where(.p-site-home) .acat .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:var(--fs-200);color:var(--c-ink-2);font-weight:var(--fw-medium)}
.kx:where(.p-site-home) .clist .lnk .ic{width:40px;height:40px}
.kx:where(.p-site-home) .trust b{display:block;font-size:var(--fs-300)}
.kx:where(.p-site-home) .trust small{display:block;color:var(--c-ink-3);font-size:var(--fs-200)}
.kx:where(.p-site-home) .trust .row{align-items:flex-start;gap:12px}
.kx:where(.p-site-home) .chips .pill{background:var(--c-surface)}
.kx:where(.p-site-home) .lead-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}
@media (max-width:767px){.kx:where(.p-site-home) .lead-row .btn{flex:1 1 100%}}
.kx:where(.p-site-home) .cta-bar.m-only{margin:var(--sp-5) calc(-1*var(--gut)) calc(-1*var(--sp-8));padding:var(--sp-3) var(--gut) var(--sp-4);z-index:4}
.kx:where(.p-site-home) .hh{align-items:start}
.kx:where(.p-site-home) .hh > *{min-width:0}
.kx:where(.p-site-home) .popr{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}
.kx:where(.p-site-home) .popr > span{white-space:nowrap;flex:none}
.kx:where(.p-site-home) .popr .pill{height:var(--h-tap)}
@media (min-width:768px){.kx:where(.p-site-home) .popr{flex-direction:row;align-items:center}}
@media (min-width:768px){.kx:where(.p-site-home) .popr .pills{min-width:0}}
@media (min-width:768px){.kx:where(.p-site-home) .popr .pill{height:36px}}
.kx:where(.p-site-home) .hstat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:var(--bw-1) solid var(--c-line)}
.kx:where(.p-site-home) .hstat b{display:block;font-size:var(--fs-600);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}
.kx:where(.p-site-home) .hstat small{display:block;font-size:var(--fs-200);color:var(--c-ink-3)}
.kx:where(.p-site-home) .live{overflow:hidden;box-shadow:var(--e-2);margin-top:var(--sp-2)}
.kx:where(.p-site-home) .live-l{padding-top:var(--sp-2)}
.kx:where(.p-site-home) .live .item{padding:var(--sp-3) var(--sp-5)}
.kx:where(.p-site-home) .live .item .side small{color:var(--c-ok-ink);font-weight:var(--fw-semi)}
.kx:where(.p-site-home) .live-f{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:var(--bw-1) solid var(--c-line);background:var(--c-surface-2)}
.kx:where(.p-site-home) .live-f .link{display:inline-flex;align-items:center;min-height:var(--h-tap)}
.kx:where(.p-site-home) .qrow{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-top:var(--sp-3)}
@media (min-width:768px){.kx:where(.p-site-home) .qrow{grid-template-columns:1fr 1fr;margin-top:var(--sp-4)}}
.kx:where(.p-site-home) .qk{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:64px}
.kx:where(.p-site-home) .qk .tx{flex:1;min-width:0}
.kx:where(.p-site-home) .qk b{display:block;font-size:var(--fs-300);font-weight:var(--fw-semi)}
.kx:where(.p-site-home) .qk small{display:block;font-size:var(--fs-200);color:var(--c-ink-3)}
.kx:where(.p-site-home) .qk .chev{color:var(--c-ink-3)}
.kx:where(.p-site-home) .hsteps{list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--sp-5)}
.kx:where(.p-site-home) .hsteps li{display:flex;gap:var(--sp-3);align-items:flex-start}
.kx:where(.p-site-home) .hsteps .n{width:32px;height:32px;border-radius:50%;background:var(--c-brand-soft);color:var(--c-brand-ink);display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-250);flex:none}
.kx:where(.p-site-home) .hsteps b{display:block;font-size:var(--fs-350);font-weight:var(--fw-semi)}
.kx:where(.p-site-home) .hsteps small{display:block;font-size:var(--fs-250);color:var(--c-ink-3);line-height:1.5;margin-top:2px}
.kx:where(.p-site-home) .wpan{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-5);background:var(--c-surface)}
.kx:where(.p-site-home) .wpan p{color:var(--c-ink-2);font-size:var(--fs-300);line-height:1.5;margin-top:var(--sp-2);max-width:560px}
.kx:where(.p-site-home) .ticks{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.kx:where(.p-site-home) .ticks li{display:flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-250);color:var(--c-ink)}
.kx:where(.p-site-home) .ticks .i{color:var(--c-ok-ink)}
.kx:where(.p-site-home) .wpan-k{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}
.kx:where(.p-site-home) .wpan-k .card{background:var(--c-surface-2);border-color:transparent;display:flex;align-items:baseline;gap:var(--sp-2)}
.kx:where(.p-site-home) .wpan-k b{font-size:var(--fs-500);font-weight:var(--fw-bold);white-space:nowrap}
.kx:where(.p-site-home) .wpan-k small{font-size:var(--fs-200);color:var(--c-ink-3)}
@media (min-width:768px){.kx:where(.p-site-home) .wpan{flex-direction:row;align-items:center;padding:var(--sp-7);gap:var(--sp-8)}}
@media (min-width:768px){.kx:where(.p-site-home) .wpan-k{width:340px;flex:none}}
.kx:where(.p-site-home) [hidden]{display:none!important}
.kx:where(.p-site-home) .s-skip{position:absolute;left:-9999px;top:8px;z-index:60;padding:10px 14px;border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-weight:var(--fw-semi);box-shadow:var(--e-2)}
.kx:where(.p-site-home) .s-skip:focus{left:8px}
.kx:where(.p-site-home) form[role="search"] input{flex:1;min-width:0;align-self:stretch;border:0;background:none;padding:0;margin:0;font:inherit;color:var(--c-ink);outline:none;-webkit-appearance:none;appearance:none}
.kx:where(.p-site-home) form[role="search"] input::placeholder{color:var(--c-ink-3);opacity:1}
.kx:where(.p-site-home) form[role="search"] input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.kx:where(.p-site-home) form[role="search"]:focus-within{border-color:var(--c-brand);box-shadow:0 0 0 4px var(--c-focus-halo)}
.kx:where(.p-site-home) span.s-lang{cursor:default}
.kx:where(.p-site-home) .s-menu-root .scrim{animation:s-fade .2s var(--ease-out)}
.kx:where(.p-site-home) .s-menu-root .sheet{animation:s-rise .28s var(--ease-out)}
.kx:where(.p-site-home) .s-menu-root .sh-h h2{padding-top:10px}
.kx:where(.p-site-home) .s-menu-root .lnk .i:last-child{color:var(--c-ink-3)}
.kx:where(.p-site-home) .s-menu-root .lnk[aria-current="page"] b{color:var(--c-brand-text)}
@media (min-width:768px){.kx:where(.p-site-home) .s-menu-root .sheet{animation:s-pop .22s var(--ease-out)}}
.kx:where(.p-site-home) .mt-u{margin-top:var(--sp-3)}
.kx:where(.p-site-home) .mt-u a{color:inherit}
.kx:where(.p-site-home) .mt-u a:hover{text-decoration:underline}
.kx:where(.p-site-home) .s-t-gap{margin-bottom:var(--sp-4)}
.kx:where(.p-site-home) .s-quick{margin-top:var(--sp-3)}
.kx:where(.p-site-home) .s-dirs{margin-top:var(--sp-7)}
.kx:where(.p-site-home) .s-found .lnk mark{background:none;color:inherit;font-weight:var(--fw-bold)}
.kx:where(.p-site-home) .s-found .state{padding-top:var(--sp-2)}
.kx:where(.p-site-home) .s-h-row{gap:var(--sp-3);align-items:center}
.kx:where(.p-site-home) .s-pills{margin:var(--sp-4) 0 var(--sp-5)}
.kx:where(.p-site-home) .s-ch{padding-bottom:var(--sp-2)}
.kx:where(.p-site-home) .s-t-gap3{margin-bottom:var(--sp-3)}
.kx:where(.p-site-home) .s-head-0{margin-bottom:0}
.kx:where(.p-site-home) .s-prn{border-radius:var(--r-2)}
.kx:where(.p-site-home) .s-js .s-profs:not(.is-all) .s-more{display:none}
.kx:where(.p-site-home) .s-js .s-profs.is-all .s-more-btn,.kx:where(.p-site-home) .s-profs.is-filtered .s-more-btn{display:none}
.kx:where(.p-site-home) .s-profs .lnk[hidden]{display:none}
.kx:where(.p-site-home) .s-more-btn .i:last-child{color:var(--c-ink-3)}
.kx:where(.p-site-home) .s-profs-empty{padding:var(--sp-5) var(--sp-4)}
.kx:where(.p-site-home) .s-h1-mt{margin-top:12px}
.kx:where(.p-site-home) .s-hero-b{margin-top:24px;flex-wrap:wrap}
.kx:where(.p-site-home) .s-map{height:320px}
.kx:where(.p-site-home) .s-mt48{margin-top:48px}
.kx:where(.p-site-home) .s-mt32{margin-top:32px}
.kx:where(.p-site-home) .faq details p a{color:var(--c-brand-ink);font-weight:var(--fw-semi)}
.kx:where(.p-site-home) .faq details p a:hover{text-decoration:underline}
.kx:where(.p-site-home) .p-site-how .s-sec{margin-top:var(--sp-8)}
.kx:where(.p-site-home) .p-site-how .s-t{font-size:var(--fs-500);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:1.2}
.kx:where(.p-site-home) .p-site-how .s-sh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.kx:where(.p-site-home) .p-site-how .s-sh p{color:var(--c-ink-3);font-size:var(--fs-250);margin-top:4px}
@media (min-width:768px){.kx:where(.p-site-home) .p-site-how .s-head h1{font-size:var(--fs-disp)}}
@media (min-width:768px){.kx:where(.p-site-home) .p-site-how .s-t{font-size:var(--fs-600)}}
.kx:where(.p-site-home) .p-site-how .faq{overflow:hidden}
.kx:where(.p-site-home) .p-site-how .faq details + details{border-top:var(--bw-1) solid var(--c-line)}
.kx:where(.p-site-home) .p-site-how .faq summary{list-style:none;display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semi);font-size:var(--fs-300);cursor:pointer}
.kx:where(.p-site-home) .p-site-how .faq summary span{flex:1;min-width:0}
.kx:where(.p-site-home) .p-site-how .faq summary::-webkit-details-marker{display:none}
.kx:where(.p-site-home) .p-site-how .faq summary .i{color:var(--c-ink-3)}
.kx:where(.p-site-home) .p-site-how .faq details[open] summary .i{rotate:180deg}
.kx:where(.p-site-home) .p-site-how .faq details p{padding:0 var(--sp-4) var(--sp-4);color:var(--c-ink-2);font-size:var(--fs-250);line-height:1.55;max-width:720px}
@media (min-width:768px){.kx:where(.p-site-home) .p-site-how .faq summary{padding:var(--sp-3) var(--sp-5)}}
@media (min-width:768px){.kx:where(.p-site-home) .p-site-how .faq details p{padding:0 var(--sp-5) var(--sp-5)}}
.kx:where(.p-site-home) .s-lg-pills{margin-bottom:var(--sp-5)}
.kx:where(.p-site-home) .s-lg-acts{margin-top:var(--sp-3)}
.kx:where(.p-site-home) .s-lg-macts{gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4)}
.kx:where(.p-site-home) .s-lg-help{margin-top:var(--sp-4)}
.kx:where(.p-site-home) .s-lg-help a:not(.link){color:inherit}
.kx:where(.p-site-home) .s-lg-one{max-width:760px}
.kx:where(.p-site-home) .prose h2[id]{scroll-margin-top:88px}
@media print{.kx:where(.p-site-home) .s-top,.kx:where(.p-site-home) .s-foot,.kx:where(.p-site-home) .toc-w,.kx:where(.p-site-home) .mtoc,.kx:where(.p-site-home) .s-lg-pills,.kx:where(.p-site-home) .s-lg-macts,.kx:where(.p-site-home) .s-lg-help,.kx:where(.p-site-home) .crumbs{display:none!important}}
.kx:where(.p-site-home) .s-sup-p{padding:0 var(--sp-4) var(--sp-2)}
.kx:where(.p-site-home) .faq details[hidden],.kx:where(.p-site-home) [data-help-sec][hidden]{display:none}
.kx:where(.p-site-home) .faq details:target{scroll-margin-top:96px}
.kx:where(.p-site-home) .s-live-list{padding-top:var(--sp-2)}
.kx:where(.p-site-home) .s-req .s-live-list{padding-bottom:var(--sp-2)}
.kx:where(.p-site-home) .s-plan-h{justify-content:space-between;flex-wrap:wrap}
.kx:where(.p-site-home) .s-plan-n{text-align:center}
.kx:where(.p-site-home) .s-hs{margin-top:var(--sp-5)}
.kx:where(.p-site-home) .s-more-l{display:inline-flex;align-items:center;min-height:var(--h-tap);gap:6px;margin-top:var(--sp-2)}
.kx:where(.p-site-home) .s-t-mt{margin-top:6px}
.kx:where(.p-site-home) .s-mt-b{margin-top:var(--sp-4)}
@media (prefers-reduced-motion:reduce){.kx:where(.p-site-home) .s-menu-root .scrim,.kx:where(.p-site-home) .s-menu-root .sheet{animation:none}}
.kx:where(.p-site-home) .hsteps li{padding:0;font-size:inherit}
.kx:where(.p-site-home) .hsteps li + li{border-top:0}
.kx:where(.p-site-home) .trust{display:block;border-color:var(--c-line)}
.kx:where(.p-site-home) .hero{display:grid;gap:var(--sp-5)}
@media (min-width:768px){.kx:where(.p-site-home) .hero{gap:var(--sp-8)}}
}

@keyframes s-fade{from{opacity:0}}
@keyframes s-rise{from{transform:translateY(24px);opacity:0}}
@keyframes s-pop{from{transform:translate(-50%,-48%);opacity:0}}
html.s-menu-open{overflow:hidden}
