/* JuristAI landing — och fon, yupqa grotesk, dumaloq tugma, to'liq ekranli video */
:root{
  --bg:#FAFAF9; --surface:#FFFFFF; --fg:#111214; --muted:#66676B; --line:#E3E3E0; --panel:#EFEFEC;
  --cta:#3D6BF2; --cta-dark:#2A4FC4; --accent-soft:#E9EEFD; --dark:#0B0D12; --on-dark:#FFFFFF; --on-dark-muted:#B5B7BD;
  --sans:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --nav-h:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:400;line-height:1.08;margin:0;letter-spacing:-.035em;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--cta);outline-offset:3px}
img,video{max-width:100%}

/* ---------- navigatsiya ---------- */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 clamp(16px,2.4vw,32px);color:#fff;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.nav.solid{background:var(--bg);color:var(--fg);box-shadow:0 1px 0 var(--line)}
.nav-l{display:flex;gap:clamp(14px,2vw,30px);font-size:15px;overflow:hidden}
.nav-l a:hover,.login:hover{opacity:.65}
.brand{font-size:23px;letter-spacing:.16em}
.nav-r{display:flex;gap:16px;justify-content:flex-end;align-items:center;font-size:15px}
.lang{display:flex;border:1px solid currentColor;border-radius:99px;overflow:hidden;opacity:.9}
.lang button{font:500 11px var(--sans);letter-spacing:.06em;background:none;border:0;color:inherit;padding:6px 9px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--cta);color:#fff}
.pill{display:inline-flex;align-items:center;gap:10px;background:var(--cta);color:#fff;font:500 15px var(--sans);padding:10px 11px 10px 20px;border-radius:99px;border:0;cursor:pointer;transition:background .2s}
.pill:hover{background:var(--cta-dark)}
.pill i{width:24px;height:24px;border-radius:50%;background:#fff;color:#111214;display:grid;place-items:center;font-style:normal;font-size:13px;transition:transform .2s}
.pill:hover i{transform:translateX(2px)}
.pill.ghost{background:none;border:1px solid var(--line);color:var(--fg);padding:10px 20px}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;overflow:hidden;
  background:radial-gradient(120% 80% at 60% 15%,#C9824A66 0%,transparent 55%),linear-gradient(180deg,#3A3530 0%,#17181C 55%,#08090B 100%)}
video.bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.6) 10%,rgba(0,0,0,.28) 22%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.78) 100%)}
/* video ustida: menyu va til tugmalari o'qilishi uchun */
.nav:not(.solid) a,.nav:not(.solid) .brand{text-shadow:0 1px 14px #000000a6}
.nav:not(.solid) .pill{text-shadow:none}
.nav:not(.solid) .lang{background:#00000073;border-color:#ffffff8c;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-in{position:relative;z-index:2;padding:0 20px 64px;max-width:1100px}
.hero h1{font-size:clamp(40px,7.2vw,84px);margin-bottom:22px}
.hero-sub{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:17px}

/* ---------- umumiy bo'limlar ---------- */
.trust span:not(.label){color:var(--fg)}
.hero-how{color:#fff;font-size:15px;opacity:.85;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-how:hover{opacity:1}
.faq{max-width:820px;margin-top:40px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:19px;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:24px;font-weight:400;color:var(--muted);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--muted);max-width:62ch;padding:0 0 24px;font-size:17px;line-height:1.55}
.trust{display:flex;flex-wrap:wrap;gap:10px 40px;align-items:center;padding:30px clamp(16px,2.4vw,32px);border-bottom:1px solid var(--line);color:var(--muted);font-size:19px}
.label,.kicker{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kicker{margin-bottom:18px}
.sec{padding:clamp(72px,10vw,140px) clamp(16px,2.4vw,32px);border-bottom:1px solid var(--line)}
.sec.first{padding-top:calc(var(--nav-h) + 72px)}
.sec h2,.pin h2{font-size:clamp(30px,4.6vw,56px);max-width:18ch}
.h1{font-size:clamp(36px,6vw,68px);max-width:16ch}
.center{text-align:center}
.center h2,.center .lede{margin-inline:auto}
.lede{color:var(--muted);font-size:18px;max-width:56ch;margin-top:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px;margin-top:48px}
.grid h3{font-size:18px;font-weight:500;letter-spacing:0;margin-bottom:8px}
.grid p{color:var(--muted)}
.statement{font-size:clamp(26px,3.8vw,46px);line-height:1.16;letter-spacing:-.03em;max-width:24ch}
.who{color:var(--muted);margin-top:22px}
.letter{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.letter-ph{width:100%;height:auto;border-radius:14px;filter:saturate(.9)}
.letter-tx p:not(.statement):not(.who){max-width:58ch;margin-top:16px;color:var(--muted);font-size:17px;line-height:1.55}
.letter-tx .statement{font-size:clamp(24px,3vw,38px);margin-bottom:8px}
.letter-tx .who{display:flex;flex-direction:column;gap:2px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);max-width:58ch}
.letter-tx .who b{font-weight:500;color:var(--fg);font-size:17px}
.sic{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
#xavfsizlik .grid>div{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}
#xavfsizlik .grid{gap:16px}
@media (max-width:720px){.letter{grid-template-columns:minmax(0,1fr)}.letter-ph{max-width:240px}}

/* ---------- olti qatlam ---------- */
.pin{height:480vh;border-bottom:1px solid var(--line)}
.pin h2{font-size:clamp(28px,3.6vw,46px)}
.pin-in{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px clamp(16px,2.4vw,32px);overflow:hidden}
.stackrow{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:center;flex:1 1 auto;min-height:0;max-height:440px}
.layers{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.layers button{font:500 15px var(--sans);text-align:left;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:24px;padding:10px 18px;cursor:pointer;max-width:100%;transition:background .25s,color .25s}
.layers small{display:none;font:400 14px/1.45 var(--sans);margin-top:6px;color:var(--on-dark-muted)}
.layers button[aria-pressed="true"]{background:var(--dark);color:#fff;border-color:var(--dark)}
.layers button[aria-pressed="true"] small{display:block}
.iso{position:relative;height:100%;min-height:200px;min-width:0}
/* qatlamlar 420x400 maydonda turadi va bo'sh joyga qarab kichrayadi (--k ni main.js hisoblaydi) */
.iso-in{position:absolute;left:50%;bottom:0;width:420px;height:400px;margin-left:-210px;transform:scale(var(--k,1));transform-origin:50% 100%}
.plate{position:absolute;left:50%;bottom:30px;width:240px;height:240px;margin-left:-120px;border-radius:30px;border:1px solid #11121440;
  background:linear-gradient(135deg,#DCDCD8,#F7F7F5);box-shadow:0 14px 30px #0000001f;
  transform:translateY(calc(var(--i)*-34px)) rotateX(60deg) rotateZ(45deg);transition:background .7s,transform 1s cubic-bezier(.2,.7,.2,1),opacity .9s;
  display:grid;place-items:center;font-size:14px;font-weight:500;color:var(--fg)}
.plate.off{opacity:0;transform:translateY(calc(var(--i)*-34px - 220px)) rotateX(60deg) rotateZ(45deg)}
.plate.on{background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:#fff;border-color:var(--cta);transform:translateY(calc(var(--i)*-34px - 16px)) rotateX(60deg) rotateZ(45deg)}
.iso.merged .plate{transform:translateY(calc(var(--i)*-13px - 50px)) rotateX(60deg) rotateZ(45deg);background:linear-gradient(135deg,var(--cta),var(--cta-dark));border-color:#ffffff66;color:transparent;box-shadow:none}
.iso.merged .plate:last-child{color:#fff;font-size:18px;letter-spacing:.14em}

/* ---------- imkoniyatlar ---------- */
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;margin-top:56px}
.tool .media{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#34363D,#15171B)}
.tool .media svg,.tool .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tool .media svg{opacity:.8}
.tool .media{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tool:hover .media{transform:translateY(-4px)}
.tool h3{font-size:19px;font-weight:500;letter-spacing:0;margin:16px 0 6px}
.tool p{color:var(--muted);font-size:15px}

/* ---------- kimlar uchun ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:36px 0}
.tabs button{font:400 15px var(--sans);border:1px solid var(--line);border-radius:99px;padding:9px 18px;background:none;color:var(--muted);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.aud-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1080px;margin:0 auto;text-align:left}
.aud-text h3{font-size:clamp(26px,3.2vw,40px);margin-bottom:14px}
.aud-text>p{color:var(--muted);font-size:18px;max-width:44ch}
.aud-svc{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.aud-svc li{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.aud-svc b{font-weight:500}
.aud-svc span{color:var(--muted);font-size:15px}
/* ===== kimlar uchun: qurilma ichidagi sahnalar ===== */
.aud-svc li{position:relative;padding-left:16px;transition:opacity .4s;cursor:pointer}
.aud-svc li:hover{opacity:1}
.aud-svc li:focus-visible{outline:2px solid var(--cta);outline-offset:4px}
.aud-svc li::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--line);transition:background .4s}
.aud-svc li b,.aud-svc li span{transition:color .4s}
.aud-svc li:not(.cur){opacity:.5}
.aud-svc li.seen{opacity:.75}
.aud-svc li.cur::before{background:var(--fg)}
.aud-mock{position:relative;background:transparent;padding:8px 12px 18px;min-height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:visible}
.actcap{font-size:13px;color:var(--muted)}
.devwrap{position:relative;flex:none}
.dev{position:absolute;left:0;top:0;transform-origin:0 0}
/* telefon */
.dev.phone{width:296px;height:610px;border-radius:46px;background:#0B0D12;padding:9px;box-shadow:0 30px 60px rgba(0,0,0,.22),inset 0 0 0 1.5px #3a3d44}
.dev.phone .scr{border-radius:38px}
.isl{position:absolute;left:50%;top:19px;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#0B0D12;z-index:6}
/* noutbuk */
.dev.mac{width:580px;height:384px}
.dev.mac .scr{position:absolute;left:10px;right:10px;top:0;height:366px;border:10px solid #0B0D12;border-bottom-width:12px;border-radius:14px 14px 0 0;box-shadow:0 26px 50px rgba(0,0,0,.18)}
.base{position:absolute;left:-26px;right:-26px;bottom:0;height:18px;border-radius:2px 2px 14px 14px;background:linear-gradient(#D9DBDF,#A9ADB4)}
.base::after{content:"";position:absolute;left:50%;top:0;width:90px;height:6px;margin-left:-45px;border-radius:0 0 8px 8px;background:#8E9299}
.scr{position:relative;height:100%;background:var(--surface);overflow:hidden;font-size:12.5px;line-height:1.4;color:var(--fg)}
.act{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.phone .act{padding:50px 14px 18px;transform:translateX(26px)}
.mac .act{top:20px;padding:12px 16px;transform:translateY(14px)}
.ic{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2.5px;margin-right:5px}
/* holat qatori */
.sbar,.mbar{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:opacity .3s}
.sbar{height:44px;padding:8px 24px 0 28px;font-size:13.5px}
.mbar{height:20px;padding:0 10px;font-size:10.5px;background:rgba(17,18,20,.06);border-bottom:1px solid var(--line)}
.mbar em{font-style:normal;font-weight:500}
.si{display:flex;align-items:center;gap:5px}
.si svg{height:10.5px;width:auto;fill:currentColor}
.mbar .si svg{height:9px}
.scr.lexon .sbar{opacity:0}
/* telefon klaviaturasi */
.kbd{flex:none;height:0;overflow:hidden;margin:0 -14px -18px;padding:0 4px;background:#D3D6DC;display:flex;flex-direction:column;gap:7px;transition:height .35s ease,padding .35s ease}
.kbd.on{height:186px;padding-top:8px}
.a01 .kbd{margin:0 0 -18px}.a01 .kbd.on{margin-top:8px}
.kr{display:flex;justify-content:center;gap:4px}
.kr b{flex:1;max-width:24px;height:33px;border-radius:5px;background:#fff;display:grid;place-items:center;font-weight:400;font-size:14px;box-shadow:0 1px 0 rgba(0,0,0,.28);transition:background .08s,transform .08s}
.kr b.hit{background:#8D939E;color:#fff;transform:translateY(-2px) scale(1.14)}
.kr .kx{max-width:36px;background:#AEB3BD;font-size:11px}
.kr .sp{max-width:none;flex:5}
.kr .go{background:var(--cta);color:#fff}
/* yuklangan fayl */
.upf{position:relative;display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:8px;padding:7px 10px 8px;font-size:12px;opacity:0;transition:opacity .35s,border-color .4s;overflow:hidden;align-self:stretch;flex:none}
.upf.on{opacity:1}
.upf .fn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.upf em{font-style:normal;font-size:11px;font-weight:500;color:#1F7A4D;white-space:nowrap;opacity:0;transition:opacity .3s}
.upf em .ic{margin-right:3px}
.upf .pg{position:absolute;left:0;bottom:0;height:2.5px;width:0;background:var(--cta);transition:width .9s ease,opacity .3s}
.upf.load .pg{width:100%}
.upf.done{border-color:#1F7A4D}.upf.done em{opacity:1}.upf.done .pg{opacity:0}
.upz{position:relative;height:86px;transition:height .45s cubic-bezier(.2,.7,.2,1);flex:none}
.upz .upc{position:absolute;inset:0;border:1.5px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-weight:500;transition:opacity .3s}
.upz .upc .ic{width:22px;height:22px;margin:0;color:var(--fg)}
.upz .upf{position:absolute;left:0;right:0;top:0}
.upz.pick{height:36px}.upz.pick .upc{opacity:0}
.srcl{display:flex;flex-direction:column;gap:7px}
.srcl a{display:flex;align-items:flex-start;color:var(--cta);font-size:12px;text-decoration:underline;text-underline-offset:2px}
.srcl a .ic{margin-top:2px}
.act.show{opacity:1;transform:none}
.fx{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.fx.on{opacity:1;transform:none}
.caret::after{content:"";display:inline-block;width:1.5px;height:1.05em;background:currentColor;margin-left:1px;vertical-align:-2px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.scr u{display:block;height:6px;border-radius:3px;background:var(--line);text-decoration:none}
.mk-cursor{position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--fg);background:var(--surface);opacity:0;transition:transform .75s cubic-bezier(.3,.7,.2,1),opacity .3s;z-index:8;pointer-events:none;transform:translate(120px,300px)}
.mk-cursor.finger{width:26px;height:26px;margin:-7px;border:0;background:rgba(17,18,20,.16)}
.mk-cursor.on{opacity:1}
.mk-cursor.tap{box-shadow:0 0 0 7px rgba(17,18,20,.14);background:var(--fg)}
.mk-cursor.finger.tap{background:rgba(17,18,20,.4)}
/* umumiy bloklar */
.app-h{font-weight:500;font-size:14px;padding-bottom:9px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.app-h small{font-weight:400;font-size:11.5px;color:var(--muted)}
.p-t{font-weight:500;font-size:13px;margin-bottom:4px}
.chat{flex:1;display:flex;flex-direction:column;gap:9px;min-height:0}
.mk-q{align-self:flex-end;border:1px solid var(--fg);padding:8px 12px;border-radius:14px 14px 3px 14px;max-width:90%}
.mk-a{border:1px solid var(--line);padding:9px 12px;border-radius:14px 14px 14px 3px;max-width:94%;min-height:38px}
.mk-src{font-size:12px;font-weight:500;color:var(--cta);width:fit-content}
.mk-src::before{content:"↳ "}
.mk-dots{display:none;gap:5px;padding:4px 2px}
.mk-dots.on{display:flex}
.mk-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dot 1s infinite}
.mk-dots i:nth-child(2){animation-delay:.15s}.mk-dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.mk-input{border:1px solid var(--line);border-radius:99px;padding:9px 14px;min-height:38px;display:flex;align-items:center;flex:none}
.mk-input .snd{margin-left:auto;color:var(--cta);font-style:normal}.mk-input .snd .ic{margin:0 0 0 8px}
.mk-input .ph{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span,.tpl span{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:12px;color:var(--muted);transition:border-color .3s,color .3s}
.chips span.sel,.tpl span.sel{border-color:var(--fg);color:var(--fg);font-weight:500}
.mk-tag{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.mk-done{font-size:12.5px;font-weight:500;color:#1F7A4D}
.mk-done::before{content:"✓ "}
.mk-file{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12.5px}
.mk-file .fn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-file .dl{font-weight:500;color:var(--cta);white-space:nowrap}
.mk-file.got{border-color:#1F7A4D}
.mk-file.got .dl{color:#1F7A4D}
.paper{border:1px solid var(--line);border-radius:8px;padding:11px 13px;display:flex;flex-direction:column;gap:7px;transition:border-color .5s}
.paper.ready{border-color:#1F7A4D}
.paper .p-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0}
/* 0.1 lex.uz */
.lex{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;transform:translateY(102%);transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:2}
.lex.on{transform:none}
.phone .lex-bar{padding-top:50px}
.lex-bar{padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.lex-bar b{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--muted)}
.lex-view{position:relative;flex:1;overflow:hidden;background:#fff}
.lex-cam{position:relative;width:100%;transform-origin:0 0;will-change:transform}
.lex-cam img{display:block;width:100%;height:auto}
.lh{position:absolute;background:#8FB8FF;mix-blend-mode:multiply;opacity:.55;transform:scaleX(0);transform-origin:0 50%;transition:transform 1s linear,opacity .35s}
.lh.on{transform:none}
.lh.out{opacity:0}
/* 0.2 Telegram */
.a01{padding-left:0!important;padding-right:0!important;gap:0!important}
.tg-h{display:flex;align-items:center;gap:10px;padding:0 14px 10px;border-bottom:1px solid var(--line)}
.tg-h b{width:32px;height:32px;border-radius:50%;background:#2AABEE}
.tg-h strong{display:block;font-weight:500;font-size:13.5px}.tg-h small{color:var(--muted);font-size:11px}
.tg-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel)}
.tg-m{max-width:86%;padding:8px 11px;border-radius:13px;background:var(--surface);box-shadow:0 1px 1px rgba(0,0,0,.08)}
.tg-m.out{align-self:flex-end;border-bottom-right-radius:3px;display:flex;gap:6px;align-items:flex-end}
.tg-m.in{border-bottom-left-radius:3px}
.tg-m em{font-style:normal;font-size:10px;color:var(--muted);transition:color .3s}
.tg-m.read em{color:#2AABEE}
.tg-m a{display:block;margin-top:6px;color:#2AABEE;font-weight:500;font-size:12px}
.tg-start{margin:10px 12px 0;text-align:center;font-weight:600;font-size:12px;letter-spacing:.06em;color:#2AABEE;border:1px solid #2AABEE;border-radius:10px;padding:10px;transition:opacity .3s,transform .3s}
.tg-start.gone{opacity:0;transform:translateY(10px);position:absolute;left:0;right:0;bottom:18px}
.tg-in{margin:10px 12px 0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;min-height:38px}
.tg-in{flex:none}.tg-in .tx{flex:1}.tg-in i{font-style:normal;color:#2AABEE}.tg-in .ic{margin:0}
/* 0.3 advokatlar */
.law{display:flex;flex-direction:column;gap:8px}
.lw{display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;transition:opacity .45s,transform .45s,border-color .3s}
.lw>b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}
.lw strong{display:block;font-weight:500}.lw small{color:var(--muted);font-size:11.5px}
.lw .more{display:grid;grid-template-rows:0fr;overflow:hidden;max-height:0;opacity:0;transition:max-height .5s,opacity .4s,margin .4s}
.lw.open{border-color:var(--fg)}
.lw.open .more{max-height:80px;opacity:1;margin-top:8px;display:flex;flex-direction:column;gap:8px}
.lw .more span{font-size:11.5px;color:#1F7A4D}
.lw button{display:inline-flex;align-items:center;font:500 12px var(--sans);border:1px solid var(--fg);background:none;color:var(--fg);border-radius:99px;padding:6px 14px;align-self:flex-start;transition:background .3s,color .3s}
.lw button.ok{background:var(--fg);color:var(--bg)}
.lw.dim.on{opacity:.35}
/* 1.1 skaner */
.up{height:3px;background:var(--line);border-radius:2px;overflow:hidden;opacity:0}
.up.on{opacity:1}
.up b{display:block;height:100%;width:0;background:var(--fg);transition:width .9s ease}
.up.on b{width:100%}
.scan{position:relative;display:flex;flex-direction:column;gap:10px}
.mk-cl{border-left:3px solid var(--line);padding:3px 0 3px 10px;display:flex;flex-direction:column;gap:3px;min-height:52px;transition:border-color .4s,opacity .45s,transform .45s}
.mk-cl.ok{border-color:#1F7A4D}.mk-cl.ok .mk-tag{color:#1F7A4D}
.mk-cl.warn{border-color:#A65B00}.mk-cl.warn .mk-tag{color:#A65B00}
.mk-cl.risk{border-color:#B3261E}.mk-cl.risk .mk-tag{color:#B3261E}
.mk-cl.focus{outline:1px solid #B3261E;outline-offset:5px;border-radius:2px}
.beam{position:absolute;left:-14px;right:-14px;top:0;height:2px;background:var(--cta);box-shadow:0 0 14px 2px rgba(61,107,242,.45);opacity:0;transition:top .85s linear,opacity .3s}
.beam.on{opacity:1}
.rec{font-weight:500;border-top:1px solid var(--line);padding-top:10px;min-height:66px}
.mk-sum{font-size:11.5px;color:var(--muted)}
/* 1.2 tekshiruv ro'yxati */
.ck{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:11px}
.ckr{display:flex;align-items:center;gap:10px;color:var(--muted);transition:color .3s}
.ckr i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff}
.ckr.run i{border-color:var(--fg);border-right-color:transparent;animation:spin .6s linear infinite}
.ckr.ok{color:var(--fg)}
.ckr.ok i{animation:none;border-color:#1F7A4D;background:#1F7A4D}
.ckr.ok i::before{content:"✓"}
@keyframes spin{to{transform:rotate(360deg)}}
/* 1.3 shartnoma yig'ish va ulashish */
.build{display:flex;flex-direction:column;gap:13px}
.bs{display:flex;flex-direction:column;gap:6px}
.bs strong{font-weight:500}
.bs u{width:0;transition:width .5s ease .1s}
.bs.w u{width:100%}.bs.w u:last-child{width:68%;transition-delay:.3s}
.rdy{display:flex;align-items:center;gap:8px;font-weight:500;color:#1F7A4D;opacity:0;transition:opacity .4s}
.rdy.on{opacity:1}
.rdy i{width:18px;height:18px;border-radius:50%;background:#1F7A4D;display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.7,.5,1)}
.rdy i::before{content:"✓"}
.rdy.on i{transform:none}
.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:10px 14px 26px;box-shadow:0 -14px 30px rgba(0,0,0,.1);transform:translateY(105%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.sheet.on{transform:none}
.sheet>b{display:block;width:36px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}
.shr{display:flex;justify-content:space-around}
.shr span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.shr i{width:42px;height:42px;border-radius:11px;transition:box-shadow .3s,transform .3s}
.shr svg{display:block;width:100%;height:100%}
.shr .sel{color:var(--fg);font-weight:500}.shr .sel i{box-shadow:0 0 0 2.5px var(--surface),0 0 0 4px var(--fg);transform:scale(1.06)}
/* noutbuk oynasi */
.win{flex:1;display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;min-height:0}
.win.two{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
.win.rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.win aside{border-right:1px solid var(--line);padding-right:12px;display:flex;flex-direction:column;gap:9px;min-width:0}
.win.rev aside{border-right:0;border-left:1px solid var(--line);padding:0 0 0 12px}
.win main{display:flex;flex-direction:column;gap:9px;min-width:0}
/* 2.1 qidiruv */
.win aside label{display:flex;align-items:center;gap:8px;color:var(--muted);transition:color .3s,opacity .45s,transform .45s}
.win aside label i{width:13px;height:13px;border-radius:3px;border:1.5px solid var(--line);transition:all .3s}
.win aside label.hit{color:var(--fg)}
.win aside label.hit i{border-color:var(--fg);background:var(--fg)}
.mk-search{border:1px solid var(--line);border-radius:99px;padding:8px 14px;min-height:36px;display:flex;align-items:center}
.mk-search .ic{color:var(--muted)}
.res{display:flex;flex-direction:column}
.mk-res{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);transform:translateX(24px);transition:opacity .45s,transform .45s}
.mk-res.on{transform:none}
.scr sup{font-size:9.5px;font-weight:600;color:var(--cta)}
.state{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400;font-size:11.5px;white-space:nowrap}
.state.ok{color:#1F7A4D;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:10px}
/* 2.2 xulosa */
.sr{padding:8px 0 8px 9px;border-left:2px solid var(--line);color:var(--muted);transition:border-color .3s,color .3s}
.sr.cite{border-color:var(--cta);color:var(--fg)}
.draft{border:1px solid var(--fg);border-radius:8px;padding:11px 13px;flex:1}
.draft p{min-height:36px}
.draft sup{display:inline-block;margin-left:2px}
/* 2.3 bandma-band */
.cls{position:relative;display:flex;flex-direction:column;gap:6px}
.cl2{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;padding:8px 9px}
.cl2 strong{font-weight:500}
.cl2 u:last-child{width:70%}
.cband{position:absolute;left:0;right:0;top:0;height:50px;border:1.5px solid var(--fg);border-radius:6px;opacity:0;transition:transform .6s cubic-bezier(.3,.7,.2,1),height .6s,opacity .3s,border-color .4s}
.cband.on{opacity:1}
.cband.risk{border-color:#B3261E}
.notes{gap:6px!important}
.nt{border-left:2px solid var(--line);padding:6px 0 6px 9px;min-height:56px;font-size:12px;transform:translateX(14px)}
.nt.on{transform:none}
.nt.ok{border-color:#1F7A4D}.nt.warn{border-color:#A65B00}.nt.risk{border-color:#B3261E;color:#B3261E}
/* 3.1 hujjat yig'ish */
.tpl{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}
.mk-field{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center}
.mk-field label{color:var(--muted);font-size:12px}
.mk-field i{font-style:normal;height:30px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:0 9px}
.slot{display:inline-block;color:var(--muted);border-bottom:1px dashed var(--muted);transition:transform .2s,opacity .2s}
.slot.flip{transform:rotateX(90deg);opacity:0}
.slot.set{color:var(--fg);font-weight:500;border-bottom-color:transparent}
.stamp{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#1F7A4D;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .4s,transform .4s}
.stamp::before{content:"✓";display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1F7A4D;color:#fff;font-size:9px;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.7,.5,1) .15s}
.stamp.on{opacity:1;transform:none}
.stamp.on::before{transform:none}
/* 3.2 o'z shabloni */
.drop{position:relative;border:1.5px dashed var(--line);border-radius:10px;height:92px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11.5px;padding:8px;transition:border-color .3s}
.drop span .ic{width:18px;height:18px;margin:0 0 3px}
.drop .chip{display:flex;align-items:center;position:absolute;left:50%;top:50%;white-space:nowrap;font-weight:500;font-size:11.5px;color:var(--fg);background:var(--surface);border:1px solid var(--fg);border-radius:7px;padding:6px 9px;box-shadow:0 10px 22px rgba(0,0,0,.14);opacity:0;transform:translate(-130%,-240%) rotate(-8deg);transition:transform 1s cubic-bezier(.3,.7,.2,1),opacity .3s}
.drop.drag{border-color:var(--fg)}
.drop.drag .chip{opacity:1;transform:translate(-50%,-50%)}
.drop.drag>span{opacity:0}
.drop .pg{position:absolute;left:10px;right:10px;bottom:9px;height:3px;border-radius:2px;background:linear-gradient(var(--fg),var(--fg)) no-repeat 0 0/0% 100%,var(--line);opacity:0;transition:background-size .8s ease,opacity .2s}
.drop.in .pg{opacity:1;background-size:100% 100%,auto}
.drop.done{border-style:solid;border-color:#1F7A4D}.drop.done .chip{border-color:#1F7A4D;color:#1F7A4D;box-shadow:none}
.drop.done .pg{opacity:0}
.tlist{display:flex;flex-direction:column}
.tlist div{padding:7px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;color:var(--muted)}
.tlist .new{color:var(--fg)}
.tlist em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--cta)}
.tlist .sel{font-weight:500}
.paper.bp{flex:1}
.lhd{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:2px solid var(--line);opacity:.25;transition:opacity .6s,border-color .6s}
.lhd b{width:22px;height:22px;border-radius:6px;background:var(--line);transition:background .6s}
.lhd strong{font-weight:500;letter-spacing:.02em}
.paper.styled .lhd{opacity:1;border-color:var(--cta)}
.paper.styled .lhd b{background:var(--cta)}
.applied{margin-top:auto;font-size:11.5px;font-weight:500;color:var(--cta)}
/* 3.3 skan */
.scanbox{align-items:center;justify-content:center;gap:14px!important}
.sheet2{position:relative;width:108px;height:142px;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 24px rgba(0,0,0,.14);padding:14px 12px;display:flex;flex-direction:column;gap:9px;transform:rotate(-9deg) skewX(4deg);transition:transform .8s cubic-bezier(.3,.7,.2,1);overflow:hidden}
.sheet2.flat{transform:none}
.sheet2 u{transition:background .4s}
.sheet2 u:nth-child(3n){width:62%}
.sheet2.read u{background:var(--muted)}
.vbeam{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--cta);box-shadow:0 0 14px 3px rgba(61,107,242,.45);opacity:0}
.sheet2.scan .vbeam{opacity:1;animation:sweep 1.4s linear forwards}
@keyframes sweep{to{left:100%;opacity:0}}
.scanbox small{color:var(--muted);font-size:11.5px}
.kv{display:flex;flex-direction:column}
.kvr{display:grid;grid-template-columns:104px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.kvr label{color:var(--muted)}.kvr .tx{font-weight:500}
/* 4.1 ish maydoni */
.win.ws{grid-template-columns:118px minmax(0,1fr)}
.win.ws aside strong{font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--line)}
.mem{display:flex;align-items:center;gap:7px}
.mem b{width:20px;height:20px;border-radius:50%;border:1px solid var(--fg);display:grid;place-items:center;font-size:10px;font-weight:500}
.mem i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .4s .2s}
.mem.live i{background:#1F7A4D}
.wtabs{display:flex;gap:16px;border-bottom:1px solid var(--line)}
.wtabs span{padding-bottom:7px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.wtabs .sel{color:var(--fg);font-weight:500;border-color:var(--fg)}
.views{position:relative;flex:1;overflow:hidden}
.rail{display:flex;width:200%;height:100%;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.rail>div{width:50%;flex:none}
.rail.plan{transform:translateX(-50%)}
.kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-right:2px}
.kc{background:var(--panel);border-radius:8px;padding:7px 6px;display:flex;flex-direction:column;gap:6px}
.kc h5{margin:0 2px 1px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kcard{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--kc);border-radius:6px;padding:6px 7px;font-size:11.5px;line-height:1.3;display:flex;flex-direction:column;gap:5px}
.kcard span{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted)}
.kcard b{width:16px;height:16px;border-radius:50%;border:1px solid var(--fg);color:var(--fg);display:grid;place-items:center;font-size:9.5px;font-weight:500}
.k0{--kc:#1F7A4D}.k1{--kc:#3D6BF2}.k2{--kc:#C98A1B}.k3{--kc:#B3261E}
.kcard.k3 span{color:#B3261E;font-weight:500}
.kcard.moved{--kc:#1F7A4D;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.gt{overflow:hidden;padding-top:6px}
.gin{position:relative;width:140%;display:flex;flex-direction:column;gap:13px;transition:transform 1.1s cubic-bezier(.3,.6,.2,1)}
.gin.pan{transform:translateX(-29%)}
.gw{display:grid;grid-template-columns:repeat(3,1fr);margin-left:30%;font-size:10.5px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px}
.gr{display:grid;grid-template-columns:30% 1fr;align-items:center;font-size:11.5px}
.gr label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}
.gtrack{position:relative;height:16px;background:repeating-linear-gradient(90deg,transparent 0 calc(33.33% - 1px),var(--line) calc(33.33% - 1px) 33.33%)}
.gbar{position:absolute;top:3px;height:10px;border-radius:5px;background:var(--kc);width:0;transition:width .7s cubic-bezier(.3,.7,.2,1)}
.gtoday{position:absolute;top:24px;height:128px;left:calc(30% + 70% * .42);width:0;border-left:1.5px dashed var(--fg);opacity:0;transition:opacity .5s}
.gtoday.on{opacity:1}
.gtoday em{position:absolute;bottom:-16px;left:-16px;font-style:normal;font-size:10px;white-space:nowrap}
.gms{position:absolute;left:calc(92% - 2px);top:1px;width:14px;height:14px;background:#B3261E;opacity:0;transform:rotate(45deg) scale(.2);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.gms.on{opacity:1;transform:rotate(45deg)}
.gdead{position:absolute;right:0;top:23px;font-size:11px;font-weight:600;color:#B3261E;white-space:nowrap}
/* 4.2 jamoa xotirasi */
.mem2 aside{justify-content:center;gap:14px!important}
.shelf{position:relative;border:1px solid var(--line);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;gap:5px;transition:border-color .3s,box-shadow .3s}
.shelf i{display:block;height:5px;border-radius:3px;background:var(--line);transition:background .3s}
.shelf i:nth-child(2){width:78%}.shelf i:nth-child(3){width:54%}
.shelf span{font-size:11.5px;color:var(--muted);margin-top:2px}
.shelf.seek{border-color:var(--cta);box-shadow:0 0 0 3px rgba(61,107,242,.16)}
.shelf.seek i{animation:seek .7s linear}
@keyframes seek{50%{background:var(--cta)}}
.shelf.hit{border-color:var(--fg)}
.shelf.hit i:nth-child(2){background:var(--fg)}
.shelf.hit span{color:var(--fg)}
.found{display:flex;flex-direction:column}
.fd{padding:8px 0;border-bottom:1px solid var(--line);transform:translateX(-20px)}
.fd.on{transform:none}
.fd strong{display:block;font-weight:500}.fd small{color:var(--muted);font-size:11px}
/* 4.3 API */
.a42{padding:0!important;gap:0!important}
.mn-h{display:flex;align-items:center;gap:9px;padding:7px 14px;border-bottom:1px solid var(--line);flex:none}
.mn-h b{width:26px;height:26px;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center}.mn-h .ic{margin:0}
.mn-h strong{display:block;font-weight:600;font-size:12.5px;line-height:1.2}.mn-h small{color:var(--muted);font-size:10.5px}
.mn-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px 8px;background:#C9DDB6 radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 12%,transparent 13%) 0 0/90px 90px}
.mn-list{display:flex;flex-direction:column;gap:7px}
.mn-m{align-self:flex-start;max-width:74%;background:#fff;border-radius:12px 12px 12px 3px;padding:7px 11px;font-size:11.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.12);display:none;flex-direction:column}
.mn-m.on{display:flex;animation:mnin .4s ease}
@keyframes mnin{from{opacity:0;transform:translateY(10px)}}
.mn-m strong{font-weight:600}
.mn-s,.mn-ok{opacity:0;transition:opacity .35s}.mn-s.on,.mn-ok.on{opacity:1}
.mn-ok{margin-top:3px}
.mn-rep{font-weight:500}
.mn-kb{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 10px 8px;background:#B9D0A6}
.mn-kb span{background:rgba(255,255,255,.72);border-radius:7px;padding:5px;text-align:center;font-size:11.5px;font-weight:500;transition:background .25s,box-shadow .25s}
.mn-kb span.sel{background:#fff;box-shadow:0 0 0 1.5px var(--fg)}
/* video bo'lsa */
.aud-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.has-video .aud-video{opacity:1}
.has-video .devwrap,.has-video .actcap{visibility:hidden}

/* ---------- raqamlar ---------- */
.band{position:relative;color:#fff;overflow:hidden;background:linear-gradient(180deg,#2B2622,#08090B)}
.band .hero-shade{background:rgba(0,0,0,.5)}
.band-in{position:relative;z-index:2;padding:clamp(72px,10vw,130px) clamp(16px,2.4vw,32px)}
.band h2{font-size:clamp(28px,4vw,48px);max-width:20ch}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:56px}
.stats b{display:block;font-weight:400;font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stats span{display:block;color:#fff;font-size:clamp(16px,1.35vw,19px);font-weight:500;line-height:1.4;margin-top:14px;max-width:26ch;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.55)}
.stats b{text-shadow:0 2px 24px rgba(0,0,0,.35)}

/* ---------- yakun va footer ---------- */
.cta{background:var(--dark);color:#fff;text-align:center;padding:clamp(84px,11vw,150px) 20px}
.cta h2{font-size:clamp(32px,5.4vw,64px);max-width:18ch;margin:0 auto 16px}
.cta p{color:var(--on-dark-muted);font-size:18px;max-width:46ch;margin:0 auto 30px}
.foot{padding:48px clamp(16px,2.4vw,32px) 32px;font-size:14px;color:var(--muted)}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;margin-bottom:36px}
.foot-cols div{display:flex;flex-direction:column;gap:8px}
.foot-cols b{color:var(--fg);font-weight:500;margin-bottom:4px}
.foot-cols a:hover{color:var(--fg)}
.disclaimer{max-width:80ch;border-top:1px solid var(--line);padding-top:20px}
.copy{margin-top:10px}

/* ---------- tariflar ---------- */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));border-top:1px solid var(--line);margin-top:56px}
.tier{padding:28px 22px 32px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.tier h3{font-size:18px;font-weight:500;letter-spacing:0}
.tier .soon{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.price{font-size:38px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.price small{font-size:14px;color:var(--muted);letter-spacing:0}
.tier p{color:var(--muted);font-size:15px}
.tier ul{margin:4px 0 10px;padding-left:18px;color:var(--muted);font-size:15px;flex:1}
.tier li{margin-bottom:6px}
.tier .pill{align-self:flex-start}
.fine{color:var(--muted);font-size:14px;max-width:70ch;margin-top:28px}

/* ---------- yumshoq paydo bo'lish ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* ---------- telefon menyusi ---------- */
.burger{display:none;width:40px;height:40px;border:0;background:none;color:inherit;cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:9px;right:9px;height:1.5px;background:currentColor;transition:transform .25s,top .25s}
.burger span:first-child{top:15px}.burger span:last-child{top:24px}
.burger[aria-expanded="true"] span:first-child{top:19.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:19.5px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:var(--nav-h) 0 0 0;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;gap:6px;padding:24px 20px;white-space:normal;overflow:auto}
.mnav a:not(.pill){font-size:28px;letter-spacing:-.03em;padding:10px 0;border-bottom:1px solid var(--line);text-shadow:none!important}
.mnav .pill{align-self:flex-start;margin-top:22px}
.mnav[hidden]{display:none}
.nav.open{background:var(--bg);color:var(--fg);box-shadow:0 1px 0 var(--line)}
.nav.open a,.nav.open .brand{text-shadow:none}
.nav.open .lang{background:none;border-color:currentColor;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (min-width:861px){.mnav{display:none}}

/* ---------- moslashuv ---------- */
@media (max-width:860px){
  .nav{grid-template-columns:auto minmax(0,1fr)}
  .nav-l{display:none}
  .nav-r>.pill,.nav-r>.login{display:none}
  .burger{display:block}
  .nav-r{gap:8px}
  .brand{font-size:20px}
}
@media (max-width:720px),(prefers-reduced-motion:reduce){
  .pin{height:auto}
  .pin-in{position:static;height:auto;padding-block:72px}
}
@media (max-width:720px){
  .stackrow{grid-template-columns:minmax(0,1fr)}
  .stackrow{max-height:none}
  .iso{height:340px}
  .hero-in{padding-bottom:44px}
  .aud-body{grid-template-columns:minmax(0,1fr)}
  .aud-svc li{grid-template-columns:minmax(0,1fr);gap:2px}
  .aud-mock{min-height:0}
  .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,2.4vw,32px));padding-inline:clamp(16px,2.4vw,32px)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{white-space:nowrap}
  .tools{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*clamp(16px,2.4vw,32px));padding-inline:clamp(16px,2.4vw,32px);scrollbar-width:none}
  .tools::-webkit-scrollbar{display:none}
  .tool{flex:0 0 68%;scroll-snap-align:start}
  .trust{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fx,.act,.lex,.lh,.beam,.mk-cursor,.slot,.stamp,.rail,.gin,.lex-cam,.gbar,.cband,.sheet,.sheet2,.drop .chip{transition:none!important}
  .mk-dots i,.caret::after,.mn-m.on{animation:none}
  .plate,.rv,.tool .media{transition:none}
}

/* ===== har bir bo'lim bitta ekran: balandlikka sig'adi va chegarada o'zi joyiga tushadi ===== */
@media (min-width:861px) and (min-height:600px){
  .cta{align-items:center}
  .sec.first{min-height:100vh;justify-content:flex-start;padding-top:calc(var(--nav-h) + clamp(16px,3.5vh,48px))}
  .sec.first .h1{font-size:clamp(30px,6.4vh,64px)}
  .sec.first .tiers{margin-top:clamp(16px,3.2vh,48px)}
  .sec.first .tier{padding-block:clamp(14px,2.4vh,28px)}
  .sec,.band,.cta{min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center}
  .sec{padding-block:clamp(28px,5vh,72px)}
  #kimlar{height:calc(100vh - var(--nav-h));min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding-block:28px 24px;overflow:hidden}
  #kimlar .aud-body{height:100%;min-height:0;width:100%;padding-top:clamp(16px,3vh,36px)}
  #kimlar h2{font-size:clamp(28px,5.2vh,52px)}
  #kimlar .tabs{margin:clamp(12px,2.4vh,28px) 0 clamp(8px,1.6vh,20px)}
  #kimlar .aud-mock{height:100%;min-height:0;padding-block:0;gap:12px}
  .band-in{padding-block:0;width:100%}
  .tools{margin-top:clamp(20px,4vh,56px)}
  .tool .media{aspect-ratio:auto;height:min(30vh,calc((100vw - 160px)/7*1.3))}
  .letter{align-items:center}
  .letter-ph{max-height:58vh;object-fit:cover}
  .letter-tx .statement{font-size:clamp(22px,4vh,38px)}
  .letter-tx p:not(.statement):not(.who){font-size:clamp(14px,2.1vh,17px);margin-top:clamp(8px,1.6vh,16px)}
  .letter-tx .who{margin-top:clamp(12px,2.4vh,28px);padding-top:clamp(8px,1.6vh,18px)}
}

/* ===== til almashganda joylashuv o'zgarmasligi uchun: joy eng uzun til (rus) bo'yicha ajratiladi ===== */
@media (min-width:861px){
  .nav-l{gap:0}
  .nav-l a{width:clamp(96px,8.2vw,128px);white-space:nowrap}
  .nav-r .login{min-width:52px;text-align:center}
  .nav-r>.pill,.hero-sub .pill,.cta .pill{min-width:208px;justify-content:space-between}
  .trust{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));gap:10px 24px}
  .sec h2,.pin h2,.band h2,.cta h2{min-height:2.2em;display:flex;align-items:flex-end}
  .center h2,.cta h2{justify-content:center}
  #kimlar h2{display:block;min-height:0}
  .band h2{min-height:3.3em}
  .tool p{min-height:3.2em}
  .stats span{min-height:3.2em}
  .layers button small{min-height:4.7em}
  .layers button{min-width:230px;text-align:left}
  .faq p{min-height:5em}
  .disclaimer{min-height:4.8em}
  .fine{min-height:3.2em}
  .tier>p{min-height:4.9em}
  .tier li{min-height:3.1em}
  .tier .pill{min-width:208px;justify-content:space-between}
  .tier .pill.ghost{min-width:170px;justify-content:center}
  .pin .lede{min-height:3.2em}
  .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,196px));justify-content:center}
  .tabs button{white-space:nowrap;padding-inline:8px;overflow:hidden;text-overflow:ellipsis}
  .aud-text h3{min-height:2.2em;display:flex;align-items:flex-end}
  .aud-text>p{min-height:3.2em}
  .aud-svc li{min-height:70px;box-sizing:border-box;padding-block:11px}
  .aud-svc li::before{top:11px;bottom:11px}
  .layers button[aria-pressed="true"]{width:100%}
  .letter-tx .statement{min-height:5.8em}
  .letter-tx p:not(.statement):not(.who){min-height:4.7em}
  #xavfsizlik .grid p{min-height:6.2em}
}
@media (min-width:1100px){
  .hero-sub{display:grid;grid-template-columns:minmax(0,640px) 208px 170px;justify-content:center;flex-wrap:nowrap}
  .hero-sub p{text-align:right}
  .hero-how{justify-self:start}
}
@media (min-width:861px){
  .trust span:not(.label){min-height:3.1em;display:flex;align-items:center}
}
@media (min-width:861px) and (max-width:1500px){
  .trust{font-size:16px}
  .trust span:not(.label){min-height:4.6em}
  #xavfsizlik .grid p{min-height:9.4em}
  #xavfsizlik .grid h3{min-height:2.7em}
  .hero-in{width:100%}
  .tier li{min-height:4.6em}
  .tier>p{min-height:6.4em}
}
@media (min-width:861px) and (max-width:1099px){
  .hero-sub p{flex-basis:100%;text-align:center}
}
@media (min-width:861px){.tier .price{white-space:nowrap}}

/* ===== fon bezagi: ingichka to'r (3 bo'lim) + qog'oz donadorligi (butun sahifa). O'chirish: shu blokni olib tashlang ===== */
.pin-in,#kimlar,#xavfsizlik{isolation:isolate}
#kimlar,#xavfsizlik{position:relative}
.pin-in::before,#kimlar::before,#xavfsizlik::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,rgba(17,18,20,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,18,20,.05) 1px,transparent 1px);
  background-size:64px 64px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 0,rgba(0,0,0,.55) 45%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 0,rgba(0,0,0,.55) 45%,transparent 100%)}
body::after{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.035;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== fon bezagi: html[data-bg="2|3|5|0"]; 1 = to'r (standart). Master Admin tanlaydi: /api/landing-config ===== */
html[data-bg="2"] .pin-in::before,html[data-bg="2"] #kimlar::before,html[data-bg="2"] #xavfsizlik::before{background-image:radial-gradient(rgba(17,18,20,.16) 1px,transparent 1.6px);background-size:26px 26px}
html[data-bg="3"] .pin-in::before,html[data-bg="3"] #kimlar::before,html[data-bg="3"] #xavfsizlik::before{background-image:radial-gradient(ellipse 46% 52% at 88% 12%,rgba(61,107,242,.11),transparent 70%),radial-gradient(ellipse 40% 46% at 6% 92%,rgba(61,107,242,.06),transparent 70%);background-size:auto;-webkit-mask-image:none;mask-image:none}
html[data-bg="5"] .pin-in::before,html[data-bg="5"] #kimlar::before,html[data-bg="5"] #xavfsizlik::before{content:"§";background:none;-webkit-mask-image:none;mask-image:none;inset:auto 3% auto auto;top:50%;transform:translateY(-50%);font:400 min(78vh,640px)/1 Georgia,"Times New Roman",serif;color:rgba(17,18,20,.04)}
html[data-bg="5"] #kimlar::before{right:auto;left:2%}
html[data-bg="0"] .pin-in::before,html[data-bg="0"] #kimlar::before,html[data-bg="0"] #xavfsizlik::before{display:none}

/* ===== ichki sahifa: AI huquqiy chat ===== */
.tool .more{display:inline-block;margin-top:8px;font-size:15px;font-weight:500;color:var(--cta)}
.tool .more:hover{text-decoration:underline}
.cp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;width:100%}
.cp-tx .h1{max-width:14ch}
.cp-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cp-win{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.10);overflow:hidden;font-size:17px;line-height:1.45}
.cp-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.cp-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.cp-bar span{margin-left:10px;font-weight:500;color:var(--fg)}
.cp-body{display:flex;flex-direction:column;gap:18px;padding:28px 28px 22px 46px;min-height:330px}
.cp-q,.cp-a,.cp-src{position:relative}
.cp-q{align-self:flex-end;max-width:82%;border:1px solid var(--fg);border-radius:18px 18px 4px 18px;padding:12px 16px}
.cp-a{max-width:88%;border:1px solid var(--line);border-radius:18px 18px 18px 4px;padding:13px 16px}
.cp-src{align-self:flex-start;color:var(--cta);font-weight:500;font-size:15px;border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:99px;padding:6px 14px}
.cp-n{position:absolute;left:-34px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--fg);color:var(--bg);font:500 12px/24px var(--sans);text-align:center}
.cp-src .cp-n{top:4px}
.cp-n.big{position:static;display:block;width:34px;height:34px;font-size:15px;line-height:34px;margin-bottom:18px}
.cp-in{display:flex;justify-content:space-between;align-items:center;margin:0 20px 20px;border:1px solid var(--line);border-radius:99px;padding:11px 12px 11px 18px;color:var(--muted);font-size:15px}
.cp-in i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center}
.cp-asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.cp-ask{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--surface);min-height:124px}
.cp-ask small{display:block;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.cp-ask p{font-size:18px;line-height:1.35}
.cp-where>div{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}
.cp-where{gap:16px}
@media (min-width:861px){
  .cp-hero.sec.first{justify-content:center}
  .cp-tx .h1{min-height:3.3em;font-size:clamp(34px,4.6vw,64px)}
  .cp-tx .lede{min-height:4.8em}
  .cp-btns .pill{min-width:208px;justify-content:space-between}
  .cp-btns .pill.ghost{justify-content:center;min-width:230px}
  .cp-q,.cp-a{min-height:5.1em}
  .cp-parts h3,.cp-where h3{min-height:2.7em}
  .cp-parts p,.cp-where p{min-height:6.2em}
  .cp-ask p{min-height:2.8em}
  #savollar-namuna .lede{min-height:3.2em}
}
@media (max-width:860px){
  .cp-top{grid-template-columns:minmax(0,1fr)}
  .cp-asks{grid-template-columns:minmax(0,1fr)}
  .cp-body{padding-left:44px;min-height:0}
}

/* ===== ichki sahifa: Hujjat tahlili ===== */
.da-score{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;padding:28px 28px 22px;position:relative}
.da-score svg{width:120px;height:120px;transform:rotate(-90deg)}
.da-score circle{fill:none;stroke-width:9}
.da-score .tr{stroke:var(--line)}
.da-score .ar{stroke:#A65B00;stroke-linecap:round}
.da-score>div{position:absolute;left:28px;top:28px;width:120px;height:120px;display:grid;place-content:center;text-align:center}
.da-score>div b{font-size:38px;font-weight:400;letter-spacing:-.03em;line-height:1}
.da-score>div small{color:var(--muted);font-size:12px}
.da-score p strong{display:block;font-weight:500;font-size:19px;margin-bottom:6px}
.da-score p span{color:var(--muted);font-size:15px}
.da-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.da-counts div{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:10px;font-size:15px;color:var(--muted)}
.da-counts div:nth-child(odd){border-right:1px solid var(--line)}
.da-counts div:nth-last-child(-n+2){border-bottom:0}
.da-counts b{font-size:24px;font-weight:400;color:var(--fg)}
.da-rep{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,48px);margin-top:36px;align-items:start}
.da-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.da-tabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 17px var(--sans);text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 4px;color:var(--muted);cursor:pointer}
.da-tabs button[aria-selected="true"]{color:var(--fg);font-weight:500;box-shadow:inset 2px 0 0 var(--fg);padding-left:14px}
.da-tabs em{font-style:normal;font-size:13px;border:1px solid var(--line);border-radius:99px;padding:1px 9px}
.da-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.da-item{border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px;padding:18px 20px;background:var(--surface);display:flex;flex-direction:column;gap:9px}
.da-item header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.da-item h3{font-size:17px;font-weight:500;letter-spacing:0}
.da-lv{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.da-item blockquote{font-size:14px;color:var(--muted);border-left:2px solid var(--line);padding-left:10px;font-style:italic}
.da-item p{font-size:15px;color:var(--muted)}
.da-item .da-fix{color:var(--fg)}.da-fix b{font-weight:500}
.da-item.high{border-left-color:#B3261E}.da-item.high .da-lv{color:#B3261E}
.da-item.medium{border-left-color:#A65B00}.da-item.medium .da-lv{color:#A65B00}
.da-item.low{border-left-color:#66676B}.da-item.low .da-lv{color:#66676B}
.da-item.ok{border-left-color:#1F7A4D}.da-item.ok .da-lv{color:#1F7A4D}
@media (min-width:861px){
  .da-list{min-height:300px;align-content:start}
  .da-item{min-height:236px}
  .da-score p span{display:block;min-height:3em}
  .da-counts span{min-height:2.9em;display:flex;align-items:center}
  #hisobot .lede{min-height:3.2em}
}
@media (max-width:860px){
  .da-rep{grid-template-columns:minmax(0,1fr)}
  .da-tabs{flex-direction:row;overflow-x:auto;border-top:0;gap:8px;scrollbar-width:none}
  .da-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:15px}
  .da-tabs button[aria-selected="true"]{box-shadow:none;padding-left:14px;border-color:var(--fg)}
  .da-score{grid-template-columns:96px 1fr;padding:20px}
  .da-score svg,.da-score>div{width:96px;height:96px}.da-score>div{left:20px;top:20px}
  .da-score>div b{font-size:30px}
}

/* ===== ichki sahifalar: Hujjat tayyorlash, Workspace, Advokatlar ===== */
.dr-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);min-height:300px}
.dr-form{padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.dr-f{display:flex;flex-direction:column;gap:5px}
.dr-f span:first-child{font-size:12px;color:var(--muted)}
.dr-f span:nth-child(2){border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:15px}
.dr-doc{padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.dr-doc strong{text-align:center;letter-spacing:.12em;font-weight:500}
.dr-doc u{display:block;height:7px;border-radius:4px;background:var(--line);text-decoration:none}.dr-doc u.s{width:60%}
.dr-ok{margin-top:auto;font-size:13px;font-weight:500;color:#1F7A4D}.dr-ok::before{content:"✓ "}
.ws-tabs{display:flex;gap:4px;padding:12px 16px 0}
.ws-tabs button{font:400 14px var(--sans);background:none;border:0;border-bottom:2px solid transparent;padding:6px 10px 10px;color:var(--muted);cursor:pointer}
.ws-tabs button[aria-pressed="true"]{color:var(--fg);font-weight:500;border-color:var(--fg)}
.ws-panels{border-top:1px solid var(--line);padding:8px 18px 18px;min-height:258px}
.ws-r{display:grid;grid-template-columns:minmax(0,1fr) 84px 70px;gap:10px;align-items:center;padding:13px 0 13px 14px;border-bottom:1px solid var(--line);font-size:15px;position:relative}
.ws-r::before,.ws-t::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--line)}
.ws-r.done::before{background:#1F7A4D}.ws-r.doing::before{background:var(--cta)}
.ws-r span:nth-child(n+2){color:var(--muted);font-size:13px}
.ws-time{display:flex;flex-direction:column;gap:14px;padding-top:14px}
.ws-t{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:12px;align-items:center;font-size:13px;position:relative}
.ws-t::before{display:none}
.ws-t span:nth-child(2){height:12px;border-radius:99px;background:var(--line);font-size:0;width:34%}
.ws-t span:nth-child(3){display:none}
.ws-t:nth-child(1) span:nth-child(2){background:#1F7A4D;margin-left:0}
.ws-t:nth-child(2) span:nth-child(2){background:var(--cta);margin-left:22%;width:40%}
.ws-t:nth-child(3) span:nth-child(2){margin-left:52%;width:18%}
.ws-t:nth-child(4) span:nth-child(2){margin-left:68%;width:30%}
.ws-graph svg{width:100%;height:240px;fill:var(--surface);stroke:var(--fg);stroke-width:1.5}
.ws-graph path{stroke:var(--line);stroke-width:2;fill:none}
.ws-graph .hub{fill:var(--cta);stroke:var(--cta)}
.ws-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.at-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line)}
.at-filters span{border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-filters .s{color:var(--muted)}
.at-list{padding:6px 18px 14px}
.at-p{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.at-p:last-child{border-bottom:0}
.at-p::before{content:"";grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}
.at-p span:nth-child(1){font-weight:500;font-size:16px}
.at-p span:nth-child(2){grid-column:2;color:var(--muted);font-size:13px}
.at-p em{grid-column:3;grid-row:1/3;font-style:normal;font-size:12px;font-weight:500;color:#1F7A4D;white-space:nowrap}
@media (min-width:861px){
  .ws-six p{min-height:4.7em!important}.ws-six h3{min-height:0!important}
  .ws-six>div{padding:18px 20px}
  .dr-doc p{min-height:4.5em}
  [data-asks] .cp-ask p{min-height:2.8em}
  #turlar .lede{min-height:1.6em}
}
@media (max-width:860px){
  .dr-split{grid-template-columns:minmax(0,1fr)}.dr-form{border-right:0;border-bottom:1px solid var(--line)}
  .ws-six{grid-template-columns:minmax(0,1fr)}
  .at-filters{grid-template-columns:1fr 1fr}.at-filters .s{grid-column:1/-1}
  .at-p em{grid-column:2;grid-row:auto}
}
.tp[hidden]{display:none!important}

/* ===== ichki sahifalar: jonli maketlar va infografikalar ===== */
@media (min-width:861px){.cp-tx .h1{display:flex;align-items:flex-end}}
.dm-h{opacity:0!important;transform:translateY(8px)}
.cp-q,.cp-a,.cp-src,.at-p{transition:opacity .4s ease,transform .4s ease,border-color .3s,background .3s}
.cp-a.dm-wait span::after{content:"● ● ●";letter-spacing:3px;font-size:9px;color:var(--muted);animation:blink 1s steps(2) infinite}
.dr-doc{transition:opacity .5s ease,transform .5s ease}
.dr-doc.dm-off{opacity:.18;transform:translateY(6px)}
.dr-doc.dm-off .dr-ok{opacity:0}
.dr-ok{transition:opacity .4s ease .5s}
.dr-f span:nth-child(2){min-height:38px;transition:border-color .3s}
.dr-f span.dm-set{border-color:var(--fg)}
.at-filters span{transition:border-color .3s,color .3s}
.at-filters span.dm-set{border-color:var(--fg);font-weight:500}
.at-p.dm-sel{background:var(--accent-soft);margin-inline:-10px;padding-inline:10px;border-radius:10px;border-color:transparent}
/* Workspace: ko'rinishlar jonlanadi */
.ws-r{animation:rowin .45s ease both}
.ws-r:nth-child(2){animation-delay:.08s}.ws-r:nth-child(3){animation-delay:.16s}.ws-r:nth-child(4){animation-delay:.24s}
@keyframes rowin{from{opacity:0;transform:translateY(8px)}}
.ws-t span:nth-child(2){transform-origin:0 50%;animation:barin .7s cubic-bezier(.3,.7,.2,1) both}
.ws-t:nth-child(2) span:nth-child(2){animation-delay:.15s}.ws-t:nth-child(3) span:nth-child(2){animation-delay:.3s}.ws-t:nth-child(4) span:nth-child(2){animation-delay:.45s}
@keyframes barin{from{transform:scaleX(0)}}
.ws-graph path{stroke-dasharray:160;animation:draw .9s ease both}
.ws-graph circle{animation:pop .4s cubic-bezier(.3,1.6,.5,1) both .5s;transform-origin:center;transform-box:fill-box}
@keyframes draw{from{stroke-dashoffset:160}}
@keyframes pop{from{transform:scale(0)}}
/* ikki ustunli ko'rgazmali bo'lim */
.vz-ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:17px}
.vz-ul li{position:relative;padding-left:26px}
.vz-ul li::before{content:"";position:absolute;left:0;top:calc(.75em - 1px);width:14px;height:1.5px;background:var(--fg)}
.vz-fig{min-width:0}
@media (min-width:861px){
  .sec.vz{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,88px);align-items:center}
  .sec.vz.rev .vz-tx{order:2}
  .sec.vz.rev{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
  .vz-tx .lede{min-height:4.8em}.vz-ul li{min-height:1.5em}
}
/* vaqt jadvali */
.gz{padding:0 0 18px;font-size:14px}
.gz-top{display:flex;gap:6px;padding:14px 18px;border-bottom:1px solid var(--line)}
.gz-top span{border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;color:var(--muted)}
.gz-top .sel{border-color:var(--fg);color:var(--fg);font-weight:500}
.gz-w{display:grid;grid-template-columns:repeat(4,1fr);margin-left:190px;padding:10px 18px 8px 0;color:var(--muted);font-size:12px}
.gz-w span{border-left:1px solid var(--line);padding-left:8px}
.gz-body{position:relative;display:flex;flex-direction:column;gap:6px;padding-right:18px}
.gz-r{display:grid;grid-template-columns:190px 1fr;align-items:center;min-height:40px}
.gz-r label{padding-left:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gz-t{position:relative;height:40px;background:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px 25%)}
.gz-b{position:absolute;top:12px;height:16px;border-radius:99px;background:var(--line);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--i)*.14s + .2s)}
.gz-b.done{background:#1F7A4D}.gz-b.doing{background:var(--cta)}.gz-b.late{background:#B3261E;border-radius:4px;transform:scaleX(0) rotate(0)}
.go .gz-b{transform:none}
.gz-today{position:absolute;top:-6px;bottom:-6px;left:calc(190px + (100% - 208px)*.46);width:1.5px;background:var(--fg);opacity:0;transition:opacity .5s ease 1.1s}
.gz-today em{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:500;background:var(--fg);color:var(--bg);border-radius:99px;padding:1px 8px;white-space:nowrap}
.go .gz-today{opacity:1}
/* grafik */
.gg{position:relative;aspect-ratio:16/10;overflow:visible}
.gg svg{position:absolute;inset:0;width:100%;height:100%}
.gg line{stroke:var(--line);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s ease;transition-delay:calc(var(--i)*.12s + .3s)}
.go .gg line{stroke-dashoffset:0}
.gn{position:absolute;transform:translate(-50%,-50%) scale(.6);opacity:0;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:14px;transition:opacity .4s ease,transform .45s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(var(--i)*.12s + .5s)}
.go .gn{opacity:1;transform:translate(-50%,-50%)}
.gn.task{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:500;padding:11px 20px;font-size:16px;transition-delay:.1s}
.gn.doc::before{content:"▤ ";color:var(--muted)}
.gn.mem{border-style:dashed}
.gn.who{padding-left:8px}.gn.who::before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--panel);border:1px solid var(--line);vertical-align:-5px;margin-right:8px}
.gn.next{border-color:var(--cta);color:var(--cta)}
/* avtomatik yangilanishlar */
.nfd{display:flex;flex-direction:column;padding:8px 18px 16px}
.nfd-i{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateX(24px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*.45s + .3s)}
.nfd-i:last-child{border-bottom:0}
.go .nfd-i{opacity:1;transform:none}
.nfd-i b{width:34px;height:34px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-weight:500;font-size:14px}
.nfd-i.done b{background:#1F7A4D;color:#fff}.nfd-i.late b{background:#B3261E;color:#fff}
.nfd-i p{font-size:16px}.nfd-i small{color:var(--muted);font-size:12px}
/* AI yordamchi oqimi */
.fl{display:grid;grid-template-columns:minmax(0,1.1fr) 70px auto 70px minmax(0,1fr);align-items:center}
.fl-src{display:flex;flex-direction:column;gap:14px}
.fl-src span,.fl-out{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 16px;font-size:15px}
.fl-src span{opacity:0;transform:translateX(-14px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--i)*.15s + .2s)}
.go .fl-src span{opacity:1;transform:none}
.fl-wire{display:flex;flex-direction:column;gap:14px;align-self:stretch;justify-content:center}
.fl-wire i{display:block;height:50px;position:relative}
.fl-wire i::before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--line)}
.fl-wire i::after{content:"";position:absolute;top:50%;left:0;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--cta);opacity:0}
.go .fl-wire i::after{animation:pkt2 1.6s linear infinite}
.go .fl-wire i:nth-child(2)::after{animation-delay:.5s}.go .fl-wire i:nth-child(3)::after{animation-delay:1s}.go .fl-wire.one i::after{animation-delay:.8s}
@keyframes pkt2{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}
.fl-hub{background:var(--fg);color:var(--bg);border-radius:16px;padding:26px 20px;font-weight:500;text-align:center;white-space:nowrap}
.fl-out{opacity:0;transition:opacity .6s ease 1.2s}
.go .fl-out{opacity:1}
.fl-out strong{display:block;font-weight:500;margin-bottom:6px}.fl-out p{color:var(--muted);font-size:14px}
/* AI chat: javob quvuri */
.pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;position:relative}
.pipe>div{position:relative;padding:0 24px 0 0;opacity:.25;transition:opacity .5s ease}
.pipe>div::before{content:"";position:absolute;left:44px;right:10px;top:17px;height:1.5px;background:var(--line)}
.pipe>div:last-child::before{display:none}
.pipe>div::after{content:"";position:absolute;left:44px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--cta);opacity:0}
.pipe h3{font-size:19px;font-weight:500;letter-spacing:0;margin-bottom:8px}
.pipe p{color:var(--muted)}
.go .pipe>div{opacity:1}
.go .pipe>div:nth-child(1){transition-delay:.1s}.go .pipe>div:nth-child(2){transition-delay:.7s}.go .pipe>div:nth-child(3){transition-delay:1.3s}.go .pipe>div:nth-child(4){transition-delay:1.9s}
.go .pipe>div:not(:last-child)::after{animation:pkt3 2.4s linear infinite}
.go .pipe>div:nth-child(2)::after{animation-delay:.6s}.go .pipe>div:nth-child(3)::after{animation-delay:1.2s}
@keyframes pkt3{0%{left:44px;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 17px);opacity:0}}
/* Hujjat tahlili: baho halqasi */
.da-score .ar{stroke-dasharray:0 100;transition:stroke-dasharray 1.4s cubic-bezier(.3,.7,.2,1) .2s}
.go .da-score .ar{stroke-dasharray:62 100}
.da-counts div{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.go .da-counts div{opacity:1;transform:none}
.go .da-counts div:nth-child(1){transition-delay:.9s}.go .da-counts div:nth-child(2){transition-delay:1.05s}.go .da-counts div:nth-child(3){transition-delay:1.2s}.go .da-counts div:nth-child(4){transition-delay:1.35s}
.da-item{animation:rowin .45s ease both}
.da-item:nth-child(2){animation-delay:.1s}.da-item:nth-child(3){animation-delay:.2s}
@media (min-width:861px){
  .pipe h3{min-height:2.6em}.pipe p{min-height:6.2em}
  #quvur .lede{min-height:1.6em}
}
@media (max-width:860px){
  .pipe{grid-template-columns:minmax(0,1fr);gap:26px}
  .pipe>div::before,.pipe>div::after{display:none}
  .gz-w{margin-left:120px}.gz-r{grid-template-columns:120px 1fr}.gz-r label{padding-left:12px;font-size:12px}
  .gz-today{left:calc(120px + (100% - 138px)*.46)}
  .gg{aspect-ratio:1/1}.gn{font-size:11px;padding:5px 9px}.gn.task{font-size:12px;padding:8px 12px;white-space:normal;text-align:center;max-width:44%}
  .fl{grid-template-columns:minmax(0,1fr);gap:14px}.fl-wire{display:none}
  .vz-fig{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){
  .gz-b,.gn,.nfd-i,.fl-src span,.fl-out,.pipe>div,.da-counts div,.gg line,.gz-today{transition:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}
  .gn{transform:translate(-50%,-50%)!important}
  .da-score .ar{stroke-dasharray:62 100!important;transition:none}
  .ws-r,.ws-t span,.ws-graph path,.ws-graph circle,.da-item,.fl-wire i::after,.pipe>div::after{animation:none!important}
}

/* ===== polish 2: qadamlar, tasmalar, to'q bo'limlar, isbot bloklari, bosh sahifa mini-maketlari ===== */
.stp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,72px);margin-top:36px;align-items:center}
.stp-l{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.stp-i{position:relative;display:grid;grid-template-columns:34px 1fr;gap:16px;text-align:left;font:inherit;color:var(--muted);background:none;border:0;border-bottom:1px solid var(--line);padding:22px 0;cursor:pointer;transition:color .3s}
.stp-i b{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:500;font-size:15px;transition:background .3s,color .3s,border-color .3s}
.stp-i strong{display:block;font-weight:500;font-size:20px;margin-bottom:6px}
.stp-i em{font-style:normal;font-size:16px;line-height:1.5;display:block}
.stp-i.cur{color:var(--fg)}.stp-i.cur em{color:var(--muted)}
.stp-i.cur b{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.stp-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--fg)}
.stp.auto .stp-i.cur .stp-bar{animation:stpbar 4.4s linear both}
.stp:not(.auto) .stp-i.cur .stp-bar{width:100%}
@keyframes stpbar{to{width:100%}}
.stp-v{min-height:380px;border-radius:18px;background:var(--panel);display:grid;place-items:center;padding:28px;overflow:hidden}
.mm{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;width:min(100%,440px);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 44px rgba(0,0,0,.08);animation:rowin .45s ease both;font-size:15px}
.mm-h{font-weight:500;font-size:16px}.mm-h.sm{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.mm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;animation:rowin .45s ease both;animation-delay:calc(var(--i)*.22s)}
.mm-row.sel{border-color:var(--fg)}.mm-row.ok{border-color:#1F7A4D}
.mm-row.b-red{border-left:3px solid #B3261E}.mm-row.b-amb{border-left:3px solid #A65B00}.mm-row.b-grn{border-left:3px solid #1F7A4D}
.mm-row.b-red .mm-tag,.mm-row.b-amb .mm-tag,.mm-row.b-grn .mm-tag{color:var(--fg);font-size:16px}
.mm-row.who span:first-child::before{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--panel);border:1px solid var(--line);vertical-align:-7px;margin-right:10px}
.mm-tag{font-size:12.5px;font-weight:500;color:#1F7A4D;white-space:nowrap;animation:rowin .45s ease both;animation-delay:calc(var(--i)*.22s)}
.mm-row .mm-tag{animation-delay:calc(var(--i)*.22s + .5s)}
.mm-bar{height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.mm-bar i{display:block;height:100%;background:var(--cta);transform-origin:0 50%;animation:barin 1.5s ease both .3s}
.mm-ln{display:block;height:8px;border-radius:4px;background:var(--line);transform-origin:0 50%;animation:barin .5s ease both;animation-delay:calc(var(--i)*.12s + .3s)}.mm-ln.s{width:62%}
.mm-drop{border:1.5px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px}
.mm-drop .ic{width:22px;height:22px;margin:0;color:var(--fg)}
.mm-scan{overflow:hidden}
.mm-beam{position:absolute;left:0;right:0;top:0;height:2px;background:var(--cta);box-shadow:0 0 16px 3px rgba(61,107,242,.45);animation:beam 2.6s ease-in-out infinite}
@keyframes beam{0%,100%{top:14%}50%{top:92%}}
.mm-btn{align-self:flex-start;background:var(--fg);color:var(--bg);border-radius:99px;padding:9px 18px;font-size:14px;font-weight:500;animation:rowin .45s ease both;animation-delay:calc(var(--i)*.22s)}
.mm-chips{display:flex;gap:8px;flex-wrap:wrap}
.mm-chips span{border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:14px;color:var(--muted)}
.mm-chips span.sel{border-color:var(--fg);color:var(--fg);font-weight:500}
.mm-chips.pop span{animation:pop .4s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*.22s)}
.mm-in{border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-height:44px}
.mm-in.muted{color:var(--muted)}.mm-in.mono{font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}
.mm-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:1.5px solid var(--fg);animation:typew 1.3s steps(22) both .3s}
@keyframes typew{from{max-width:0}to{max-width:100%}}
.mm-q{align-self:flex-end;border:1px solid var(--fg);border-radius:14px 14px 3px 14px;padding:9px 13px;max-width:92%}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:36px;border-top:1px solid var(--line);padding-top:20px}
.strip div{display:flex;flex-direction:column;gap:4px}
.strip strong{font-weight:500;font-size:16px}.strip span{color:var(--muted);font-size:15px}
.strip.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px;margin-top:clamp(24px,5vh,56px);width:100%}
.strip.six strong{font-size:14px;font-weight:400;color:var(--muted)}
.cp-right{min-width:0}
.cp-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-left:4px;font-size:14px;color:var(--muted)}
.cp-legend span{display:flex;align-items:center;gap:8px}
.cp-legend .cp-n{position:static;width:20px;height:20px;font-size:11px;line-height:20px}
.cp-legend i{font-style:normal}
/* to'q bo'lim */
.sec.dark{background:var(--dark);color:#fff;border-bottom-color:transparent}
.sec.dark .lede,.sec.dark .vz-ul,.sec.dark .pipe p,.sec.dark .kicker{color:var(--on-dark-muted)}
.sec.dark .vz-ul li::before{background:#fff}
.sec.dark .cp-n{background:#fff;color:var(--dark)}
.sec.dark .pipe>div::before{background:rgba(255,255,255,.22)}
.sec.dark .fl-src span,.sec.dark .fl-out{color:var(--fg)}
.sec.dark .fl-hub{background:var(--cta);color:#fff}
.sec.dark .fl-wire i::before{background:rgba(255,255,255,.25)}
.sec.dark .fl-wire i::after{background:#fff}
/* isbot bloklari */
.ba{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;margin-top:44px}
.ba-c{border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.ba-c small{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.ba-c p{font-size:clamp(18px,1.7vw,24px);line-height:1.35}
.ba-c em{font-style:normal;font-size:15px;margin-top:auto}
.ba-c.bad{border-left:3px solid #E5484D}.ba-c.bad em{color:#FF8A8E}
.ba-c.good{border-left:3px solid #3DD68C;transition-delay:.7s}.ba-c.good em{color:#6FE3AD}
.go .ba-c{opacity:1;transform:none}
.ba-ar{align-self:center;justify-self:center;width:28px;height:1.5px;background:rgba(255,255,255,.5);position:relative}
.ba-ar::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1.5px solid rgba(255,255,255,.7);border-right:1.5px solid rgba(255,255,255,.7);transform:rotate(45deg)}
.p2{background:#fff;color:var(--fg);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4);max-width:520px;margin-inline:auto;opacity:0;transform:translateY(18px) rotate(-1.2deg);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.go .p2{opacity:1;transform:none}
.p2-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#F1F3F8;font-size:13px;border-bottom:1px solid var(--line)}
.p2-bar b{width:22px;height:22px;border-radius:5px;background:#2B579A;color:#fff;display:grid;place-items:center;font-size:13px}
.p2-bar em{font-style:normal;color:var(--muted)}
.p2-pg{padding:38px 44px 34px;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.6;min-height:340px}
.p2-pg strong{text-align:center;letter-spacing:.14em;font-weight:500;font-size:18px}
.p2-pg small{text-align:center;color:var(--muted)}
.p2-pg u{display:block;height:8px;border-radius:4px;background:var(--line);text-decoration:none}.p2-pg u.s{width:55%}
.p2-sig{margin-top:auto;display:flex;align-items:flex-end;gap:14px;padding-top:26px}
.p2-sig i{flex:1;border-bottom:1px solid var(--fg);max-width:180px}
.prof{background:#fff;color:var(--fg);border-radius:18px;padding:28px;max-width:460px;margin-inline:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 30px 70px rgba(0,0,0,.4);opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.go .prof{opacity:1;transform:none}
.prof-h{display:grid;grid-template-columns:56px 1fr;gap:6px 16px;align-items:center}
.prof-h b{grid-row:1/3;width:56px;height:56px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}
.prof-h strong{display:block;font-weight:500;font-size:20px}.prof-h span{color:var(--muted);font-size:14px}
.prof-h em{grid-column:2;font-style:normal;font-size:13px;font-weight:500;color:#1F7A4D}.prof-h em::before{content:"✓ "}
.prof-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.prof-row span:first-child{color:var(--muted)}
.sj{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center}
.sj-a{background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;font-size:16px;box-shadow:0 16px 36px rgba(0,0,0,.07)}
.sj-a span{align-self:flex-start;color:var(--cta);font-weight:500;font-size:14px;background:var(--accent-soft);border-radius:99px;padding:6px 14px;transition:box-shadow .4s ease .5s}
.go .sj-a span{box-shadow:0 0 0 3px rgba(61,107,242,.28)}
.sj-ar{justify-self:center;width:26px;height:1.5px;background:var(--fg);position:relative;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease .8s}
.sj-ar::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1.5px solid var(--fg);border-right:1.5px solid var(--fg);transform:rotate(45deg)}
.go .sj-ar{transform:none}
.sj-doc{position:relative;border-radius:22px;border:7px solid #0B0D12;overflow:hidden;aspect-ratio:589/700;background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.18);opacity:0;transform:translateX(20px);transition:opacity .6s ease 1.1s,transform .6s ease 1.1s;max-width:300px}
.go .sj-doc{opacity:1;transform:none}
.sj-doc img{display:block;width:100%}
.sj-hl{position:absolute;left:4%;right:5%;top:47.5%;height:19%;background:#8FB8FF;mix-blend-mode:multiply;opacity:0;transition:opacity .6s ease 1.9s}
.go .sj-hl{opacity:.5}
/* bosh sahifa: imkoniyat kartalaridagi mini-maketlar */
.tool .media{background:var(--panel)}
.mini{position:absolute;left:11%;right:11%;top:14%;bottom:14%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px rgba(0,0,0,.07)}
.mini i{display:block;border-radius:6px;background:var(--line);animation-duration:3.6s;animation-iteration-count:infinite;animation-timing-function:ease;animation-play-state:paused}
.tool:hover .mini i,.tool:hover .mini .ar{animation-play-state:running}
@media (hover:none){.mini i,.mini .ar{animation-play-state:running}}
.m-chat .b{height:22px;border-radius:10px}
.m-chat .q{align-self:flex-end;width:62%;background:none;border:1.5px solid var(--fg);animation-name:mq}
.m-chat .a{width:84%;animation-name:ma}.m-chat .a.s{width:58%;animation-name:ma2}
.m-chat .chip{width:44%;height:16px;border-radius:99px;background:var(--accent-soft);animation-name:mc;margin-top:auto}
@keyframes mq{0%,8%{opacity:0;transform:translateY(6px)}16%,100%{opacity:1;transform:none}}
@keyframes ma{0%,28%{opacity:0;transform:translateY(6px)}38%,100%{opacity:1;transform:none}}
@keyframes ma2{0%,40%{opacity:0;transform:translateY(6px)}50%,100%{opacity:1;transform:none}}
@keyframes mc{0%,58%{opacity:0;transform:scale(.8)}68%,100%{opacity:1;transform:none}}
.m-an{align-items:stretch}
.m-an svg{width:46%;align-self:center;transform:rotate(-90deg);margin-bottom:4px}
.m-an circle{fill:none;stroke-width:4}.m-an .tr{stroke:var(--line)}
.m-an .ar{stroke:#A65B00;stroke-linecap:round;stroke-dasharray:62 100;animation:mring 3.6s ease infinite paused}
@keyframes mring{0%,10%{stroke-dasharray:0 100}45%,100%{stroke-dasharray:62 100}}
.m-an .r{height:12px;animation-name:mr}.m-an .red{background:#B3261E;width:78%}.m-an .amb{background:#A65B00;width:56%;animation-delay:.2s}.m-an .grn{background:#1F7A4D;width:40%;animation-delay:.4s}
@keyframes mr{0%,45%{transform:scaleX(0)}62%,100%{transform:none}}
.m-an .r{transform-origin:0 50%}
.m-dr{flex-direction:row;gap:10px;padding:14px 12px}
.m-dr>div{flex:1;display:flex;flex-direction:column;gap:9px}
.m-dr .f{height:20px;background:none;border:1.5px solid var(--line);animation-name:mf}
.m-dr .f:nth-child(2){animation-delay:.35s}.m-dr .f:nth-child(3){animation-delay:.7s}
@keyframes mf{0%,10%{border-color:var(--line)}20%,100%{border-color:var(--fg)}}
.m-dr .pg{border-left:1px solid var(--line);padding-left:10px}
.m-dr .l{height:8px;transform-origin:0 50%;animation-name:ml}.m-dr .l.s{width:60%}
.m-dr .l:nth-child(2){animation-delay:.15s}.m-dr .l:nth-child(3){animation-delay:.3s}
@keyframes ml{0%,45%{transform:scaleX(0)}60%,100%{transform:none}}
.m-dr .okk{width:16px;height:16px;border-radius:50%;background:#1F7A4D;margin-top:auto;animation-name:mok}
@keyframes mok{0%,70%{transform:scale(0)}80%,100%{transform:none}}
.m-ws{justify-content:center;gap:14px;position:relative}
.m-ws .g{height:12px;border-radius:99px;transform-origin:0 50%;animation-name:mr}
.m-ws .g1{width:44%;background:#1F7A4D}.m-ws .g2{width:52%;margin-left:26%;background:var(--cta);animation-delay:.2s}.m-ws .g3{width:26%;margin-left:58%;animation-delay:.4s}.m-ws .g4{width:30%;margin-left:70%;animation-delay:.6s}
.m-ws .td{position:absolute;left:52%;top:12%;bottom:12%;width:1.5px;background:var(--fg);border-radius:0}
.m-at{gap:12px;justify-content:center}
.m-at .p{height:30px;border-radius:9px;background:none;border:1.5px solid var(--line);position:relative;animation-name:mp}
.m-at .p::before{content:"";position:absolute;left:7px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--line)}
.m-at .p::after{content:"";position:absolute;right:8px;top:9px;width:10px;height:10px;border-radius:50%;background:#1F7A4D}
.m-at .p:nth-child(2){animation-delay:.25s}.m-at .p:nth-child(3){animation-delay:.5s}
@keyframes mp{0%,10%{opacity:0;transform:translateY(8px)}22%,100%{opacity:1;transform:none}}
@media (min-width:861px){
  .stp-i em{min-height:3em}
  .strip span{min-height:3em}
  .ba-c p{min-height:4.1em}.ba-c em{min-height:1.5em}
  #tuzatish .lede,#manba .lede{min-height:3.2em}
  .cp-legend span{min-width:30%}
}
@media (max-width:860px){
  .stp{grid-template-columns:minmax(0,1fr)}.stp-v{min-height:320px;padding:18px}
  .strip,.strip.six{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}
  .ba{grid-template-columns:minmax(0,1fr);gap:14px}.ba-ar{transform:rotate(90deg);margin:6px auto}
  .sj{grid-template-columns:minmax(0,1fr);gap:18px}.sj-ar{transform:rotate(90deg)!important;margin:0 auto}.sj-doc{margin:0 auto}
  .p2-pg{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){
  .mm,.mm-row,.mm-tag,.mm-bar i,.mm-ln,.mm-btn,.mm-chips.pop span,.mm-type,.mm-beam,.mini i,.mini .ar,.stp-bar{animation:none!important}
  .ba-c,.p2,.prof,.sj-doc,.sj-ar,.sj-hl{transition:none!important;opacity:1!important;transform:none!important}
  .sj-hl{opacity:.5!important}
}
/* mini-maketlar: tinch holatda to'liq ko'rinadi, ustiga borilganda boshidan o'ynaydi */
.tool .media .mini svg{position:static;inset:auto;width:46%;height:auto;opacity:1}
.mini i,.mini .ar{animation-delay:-3.55s!important}
.tool:hover .mini i,.tool:hover .mini .ar{animation-delay:0s!important}
@media (hover:none){.mini i,.mini .ar{animation-delay:0s!important}}
.m-ws{overflow:hidden}
/* manba telefoni: kattaroq va haqiqiy telefon nisbatida */
.sj{grid-template-columns:minmax(0,1fr) 56px auto}
.sj-doc{width:min(350px,36vh);max-width:none;aspect-ratio:589/1180;border-radius:44px;border-width:9px}
.sj-hl{top:28.6%;height:10.9%;left:4%;right:6%}
@media (max-width:860px){.sj{grid-template-columns:minmax(0,1fr)}.sj-doc{width:min(300px,78vw)}}
.sj-a{max-width:380px;justify-self:end}
@media (max-width:860px){.sj-a{justify-self:stretch;max-width:none}}
/* ===== chap chetdagi rangli lentalar olib tashlandi: holat nuqta va yorliq bilan ko'rsatiladi ===== */
.sj{justify-content:center;grid-template-columns:minmax(0,380px) 56px auto}
.da-item{border-left:1px solid var(--line)}
.da-item.high,.da-item.medium,.da-item.low,.da-item.ok{border-left-color:var(--line)}
.da-lv{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 10px;background:var(--panel)}
.da-lv::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.da-item blockquote{border-left:0;padding:10px 12px;background:var(--panel);border-radius:8px;font-style:normal}
.mm-row.b-red,.mm-row.b-amb,.mm-row.b-grn{border-left:1px solid var(--line)}
.mm-row.b-red span:first-child::before,.mm-row.b-amb span:first-child::before,.mm-row.b-grn span:first-child::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:1px}
.mm-row.b-red span:first-child::before{background:#B3261E}.mm-row.b-amb span:first-child::before{background:#A65B00}.mm-row.b-grn span:first-child::before{background:#1F7A4D}
.ba-c.bad,.ba-c.good{border-left:1px solid rgba(255,255,255,.14)}
.ba-c small{display:flex;align-items:center;gap:8px}
.ba-c small::before{content:"";width:8px;height:8px;border-radius:50%}
.ba-c.bad small::before{background:#E5484D}.ba-c.good small::before{background:#3DD68C}
.mk-cl{border-left:0;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:8px}
.mk-cl.ok,.mk-cl.warn,.mk-cl.risk{border-color:var(--line)}
.mk-cl .mk-tag{display:inline-flex;align-items:center;gap:6px}
.mk-cl .mk-tag.on::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sr{border-left:0;padding-left:0}
.sr.cite{color:var(--fg);font-weight:500}
.nt{border-left:0;padding-left:0}
.nt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--line);margin-right:7px;vertical-align:1px}
.nt.ok::before{background:#1F7A4D}.nt.warn::before{background:#A65B00}.nt.risk::before{background:#B3261E}
.kcard{border-left:1px solid var(--line)}
.kcard p::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--kc,var(--line));margin-right:6px;vertical-align:1px}
.da-tabs button[aria-selected="true"]{box-shadow:none;padding-left:4px}
.da-tabs button[aria-selected="true"] em{background:var(--fg);color:var(--bg);border-color:var(--fg)}
/* belgilash rasmning o'ziga nisbatan: 128⁴-modda 1-qism, asl rasmda 333–468 px / 1280 */
.sj-img{position:relative}
.sj-hl{top:26%;height:10.6%;left:4.4%;right:5.6%}
/* lex.uz: to'rt bo'lak qatorma-qator, tepadan pastga, chapdan o'ngga belgilanadi */
.sj-l{position:absolute;background:#8FB8FF;mix-blend-mode:multiply;opacity:.5;transform:scaleX(0);transform-origin:0 50%;transition:transform .55s linear;transition-delay:calc(1.8s + var(--i)*.5s)}
.go .sj-l{transform:none}
@media (prefers-reduced-motion:reduce){.sj-l{transition:none;transform:none}}

/* ===== "Kimlar uchun": qurilma ekranlari to'la ko'rinadi ===== */
.phone .act{font-size:13.5px}
/* 1.0 hujjat qog'oz ko'rinishida, skaner nuri qog'oz ichida */
.a10 .scan{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 14px 10px;box-shadow:0 8px 20px rgba(0,0,0,.06);gap:8px;overflow:hidden}
.a10 .sc-t{text-align:center;font-weight:500;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--line)}
.a10 .scan u{height:5px}.a10 .scan u:nth-of-type(2n){width:70%}
.a10 .mk-cl{min-height:0;border-bottom:0;padding-bottom:0}
.a10 .beam{left:0;right:0;top:40px}
.a10 .rec{min-height:58px}
/* 1.1 tekshiruv ro'yxati */
.a11 .chat{gap:12px}.a11 .ck{flex:1;gap:14px;padding:16px 14px}
/* 1.2 shartnoma */
.a12 .build{gap:11px}.a12 .bs{gap:5px}.a12 .mk-file{opacity:0}.a12 .mk-file.on{opacity:1}
/* noutbuk sahnalari */
.mac .scr{font-size:13.5px}
.mac .act{gap:12px;padding:14px 18px}
.mk-res{flex-direction:column;align-items:stretch;gap:6px;padding:12px 0}
.mk-res .rs-t{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mk-res u:last-child{width:62%}
.a20 .res{gap:2px}
.cl2{padding:11px 10px}.cl2 u{height:6px}
.a22 .nt{min-height:74px}
.a30 .paper{flex:1}.a30 .mk-field i{height:34px}.a30 .mk-field{margin-bottom:4px}
.a31 .drop{height:120px}.a31 .tlist div{padding:10px 0}
.a32 .sheet2{width:140px;height:186px;gap:12px}
.a32 .kvr{padding:9px 0}
.a40 .gr{height:34px}.a40 .gin{padding-bottom:14px}
.a41 .shelf{padding:14px 12px}.a41 .fd{padding:12px 0}
.sr{display:flex;flex-direction:column;gap:6px;padding:12px 0}.sr u{height:5px}.sr u:last-child{width:60%}.a21 .srcs{gap:4px}

/* ===== Ko'nikmalar: "/" bilan chaqiriladigan ish usullari ===== */
.sk-h{opacity:0!important;transform:translateY(6px);pointer-events:none}
.sk-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:center;width:100%}
.sk-tx .vz-ul{margin-top:20px}
.sk-more{margin-top:26px;align-self:flex-start}
.sk-tx{display:flex;flex-direction:column}
/* chat oynasi */
.sk-demo{min-width:0}
.sk-win{position:relative;display:flex;flex-direction:column;height:clamp(380px,52vh,500px);background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.08);font-size:15px;line-height:1.45}
.sk-th{position:relative;flex:1;min-height:0;overflow:hidden;padding:22px 22px 8px;display:flex;flex-direction:column;gap:12px}
.sk-th>*{transition:opacity .35s,transform .35s}
.sk-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px;letter-spacing:.02em}
.sk-u{align-self:flex-end;max-width:84%;background:var(--panel);border-radius:16px 16px 4px 16px;padding:10px 14px}
.sk-u p{margin-top:6px}
.sk-chips{display:flex;flex-wrap:wrap;gap:6px}
.sk-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sk-chip b,.sk-mi>b,.sk-tb b{color:var(--cta);font-weight:600}
.sk-chip svg,.sk-mi svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.sk-run{border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.sk-rh{display:flex;align-items:center;gap:8px;font-size:13.5px;white-space:nowrap;overflow:hidden}
.sk-rh span{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.sk-rh b{font-weight:500}
.sk-spin{width:14px;height:14px;flex:none;border-radius:50%;border:1.6px solid var(--line);border-top-color:var(--cta);animation:skspin .8s linear infinite}
.sk-run.done .sk-spin{animation:none;border-color:var(--cta);background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2 6 9.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
@keyframes skspin{to{transform:rotate(360deg)}}
.sk-run ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:140px;overflow:hidden;transition:max-height .45s,margin .45s,opacity .3s}
.sk-run.done ol{max-height:0;margin-top:0;opacity:0}
.sk-run li{position:relative;padding-left:24px;font-size:13.5px;color:var(--muted);opacity:.5;transition:opacity .3s,color .3s}
.sk-run li::before{content:"";position:absolute;left:3px;top:.42em;width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;box-sizing:border-box}
.sk-run li.cur{opacity:1;color:var(--fg)}
.sk-run li.cur::before{border-color:var(--cta);border-top-color:transparent;animation:skspin .8s linear infinite}
.sk-run li.ok{opacity:1;color:var(--fg)}
.sk-run li.ok::before{background:var(--cta);border-color:var(--cta)}
.sk-res{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sk-r{display:grid;grid-template-columns:92px 74px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13.5px;transition:opacity .35s,transform .35s}
.sk-r b{font-weight:500;white-space:nowrap}
.sk-r>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-lv{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;white-space:nowrap}
.sk-lv i{width:8px;height:8px;border-radius:50%;flex:none}
.sk-lv.l0 i{background:#E5484D}.sk-lv.l1 i{background:#F5A524}.sk-lv.l2 i{background:#30A46C}
/* yozish maydoni */
.sk-box{position:relative;margin:8px 14px 14px;border:1px solid var(--line);border-radius:16px;padding:12px 12px 10px 14px;background:var(--surface)}
.sk-field{display:flex;align-items:center;gap:6px;min-height:28px;overflow:hidden;white-space:nowrap}
.sk-field .sk-chip{display:none}.sk-field .sk-chip.on{display:inline-flex}
.sk-ty{overflow:hidden;text-overflow:clip}
.sk-ph{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.sk-ph.sk-h{display:none}
.sk-tools{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.sk-tb{display:inline-flex;gap:5px;align-items:center;height:26px;padding:0 9px;border:1px solid var(--line);border-radius:99px;white-space:nowrap}
.sk-pro{margin-left:auto;padding:0 8px;height:22px;display:inline-flex;align-items:center;border-radius:6px;border:1px solid var(--line);font-size:11px;letter-spacing:.06em}
.sk-send{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;font-size:14px;transition:transform .15s}
.sk-send.hit,.sk-save.hit{transform:scale(.88)}
.sk-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.10);padding:6px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:2}
.sk-menu.open{opacity:1;transform:none}
.sk-mh{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px}
.sk-mi{display:flex;align-items:center;gap:9px;height:36px;padding:0 10px;border-radius:9px;font-size:14px;white-space:nowrap;overflow:hidden}
.sk-mi>span{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.sk-mi.x{display:none}
.sk-mi.on{background:var(--panel)}
.sk-mi.hit{background:var(--line)}
.sk-mi .sk-sc{margin-left:auto}
.sk-sc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);white-space:nowrap;flex:none}
.sk-sc svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
/* ko'nikmalar devori: ikki tomonga sekin suriladi */
.sk-wall{width:calc(100% + 2*clamp(16px,2.4vw,32px));margin:clamp(24px,4vh,48px) calc(-1*clamp(16px,2.4vw,32px)) 0;display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sk-row{overflow:hidden}
.sk-track{display:flex;width:max-content;animation:skm calc(var(--n)*6s) linear infinite}
.sk-row.rev .sk-track{animation-direction:reverse}
.sk-wall:hover .sk-track{animation-play-state:paused}
@keyframes skm{to{transform:translateX(-50%)}}
.sk-card{flex:none;width:252px;height:124px;margin-right:12px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.sk-ct{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden}
.sk-ic{width:17px;height:17px;flex:none;fill:none;stroke:var(--cta);stroke-width:1.3;stroke-linejoin:round}
.sk-card b{font-weight:500;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em}
.sec.dark .sk-card{background:#14171E;border-color:#252A33;color:#fff}
.sec.dark .sk-ct,.sec.dark .sk-sc{color:var(--on-dark-muted)}
.sec.dark .sk-ic{stroke:#8FA8F8}
#kutubxona .sk-wall{margin-top:clamp(28px,5vh,56px)}
/* ko'nikma muharriri */
.sk-ed{min-width:0}
.sk-ew{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.08);overflow:hidden}
.sk-eb{padding:18px 22px 20px;display:flex;flex-direction:column}
.sk-eb label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 7px}
.sk-eb label:first-child{margin-top:0}
.sk-in{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;font-size:15px}
.sk-ins{margin:0;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:10px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.sk-ins li{min-height:1.5em;color:var(--fg)}
.sk-ins li::marker{color:var(--muted)}
.sk-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;padding:3px;--x:0}
.sk-seg span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;font-size:13.5px;white-space:nowrap}
.sk-seg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.sk-seg i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:8px;background:var(--panel);transform:translateX(calc(var(--x)*100%));transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.sk-ef{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px}
.sk-save{padding:9px 20px;font-size:14px;transition:transform .15s,background .2s}
.sk-toast{font-size:13.5px;color:var(--muted);opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
.sk-toast.on{opacity:1;transform:none}
@media (min-width:861px){
  .sk-tx .lede{min-height:4.8em}
  .sk-tx .vz-ul li{min-height:1.5em}
}
@media (max-width:860px){
  .sk-top{grid-template-columns:1fr}
  .sk-win{height:430px}
  .sk-r{grid-template-columns:80px 60px minmax(0,1fr)}
  .sk-tools .sk-tb:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce){
  .sk-track{animation:none}
  .sk-wall{overflow-x:auto}
  .sk-spin,.sk-run li.cur::before{animation:none}
}
.sk-card{text-align:left}
#manba{overflow-x:clip}
/* animatsiyani to'xtatish tugmasi (footer) */
.motion-t{background:none;border:0;padding:0;margin-left:14px;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.8}
.motion-t:hover{opacity:1}
html.still *,html.still *::before,html.still *::after{animation-play-state:paused!important}
html.still .sk-wall{overflow-x:auto}
@media (min-width:861px) and (max-height:820px){#kutubxona .sk-card{height:100px;padding:11px 14px}#kutubxona .sk-wall{gap:10px;margin-top:20px}}
/* ===== tariflar: har bir qator (belgi, nom, narx, muddat, tavsif, ro'yxat, tugma) barcha ustunlarda bir chiziqda ===== */
.tiers{row-gap:0}
.tier{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;gap:0;align-content:start}
.tier .soon{margin-bottom:10px;align-self:end}
.tier h3{margin-bottom:14px}
.tier .price{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.tier .per{font-size:14px;color:var(--muted);margin:8px 0 14px}
.tier>p{min-height:0!important;margin-bottom:14px}
.tier ul{margin:0 0 22px}
.tier li{min-height:0!important}
.tier .pill{align-self:end}
.tier.free .soon{color:var(--cta)}
.fine.unit{margin-top:8px}
@media (min-width:861px){.fine.unit{min-height:3.2em}}
/* tillar almashganda tarif ustunlari balandligi o'zgarmasin: joy eng uzun til (rus) bo'yicha */
@media (min-width:1600px){.tier>p{min-height:3.1em!important}.tier ul{min-height:146px}}
@media (min-width:1200px) and (max-width:1599px){.tier>p{min-height:4.65em!important}.tier ul{min-height:170px}}
@media (min-width:861px) and (max-width:1199px){.tier>p{min-height:4.65em!important}.tier ul{min-height:216px}}
.tier .pill{justify-self:start}
.tier .pill{align-self:center}
/* tariflarga "Ovozli yozuv: X daqiqa" qatori qo'shildi — ro'yxat joyi eng uzun til bo'yicha */
@media (min-width:1600px){.tier ul{min-height:176px}}
@media (min-width:1200px) and (max-width:1599px){.tier ul{min-height:222px}}
@media (min-width:861px) and (max-width:1199px){.tier ul{min-height:269px}}
/* 7 ta savol past ekranlarda ham bitta ekranga sig'sin */
@media (min-width:861px) and (max-height:920px){#savollar .faq{margin-top:24px}#savollar .faq summary{padding-block:14px}#savollar .faq summary::after{top:10px}}

/* ===== yetti vosita bir qatorda ===== */
@media (min-width:1200px){
  .tools{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}
  .tool h3{font-size:17px;margin-top:14px;line-height:1.2;min-height:2.4em}
  .tool p{font-size:14px}
}
@media (min-width:1200px) and (max-width:1599px){.tool p{min-height:4.6em}}
/* mini: ovozli yozuv */
.m-vc{gap:9px}
.m-vc .vh{display:flex;align-items:center;gap:6px}
.m-vc .dot{width:8px;height:8px;border-radius:50%;background:#E5484D;animation-name:mdot;animation-duration:1.2s}
.m-vc .tm{width:30%;height:8px}
@keyframes mdot{50%{opacity:.3}}
.m-vc .wv{display:flex;align-items:center;gap:2px;height:30px}
.m-vc .wv i{flex:1;height:30%;border-radius:2px;background:var(--cta);opacity:.75;animation-name:mwv;animation-duration:.9s;animation-direction:alternate}
.m-vc .wv i:nth-child(3n){animation-duration:.7s}.m-vc .wv i:nth-child(3n+1){animation-duration:1.15s}.m-vc .wv i:nth-child(4n){animation-duration:.55s}
.m-vc .wv i:nth-child(odd){height:55%}.m-vc .wv i:nth-child(5n){height:85%}
@keyframes mwv{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
.m-vc .l{height:8px;transform-origin:0 50%;animation-name:ml}.m-vc .l.b{width:80%;margin-left:12%}.m-vc .l.s{width:55%}
.m-vc .chip{width:48%;height:16px;border-radius:99px;background:var(--accent-soft);margin-top:auto;animation-name:mc}
/* mini: Telegram */
.m-tg{gap:9px;padding-top:12px}
.m-tg .th{display:flex;align-items:center;gap:7px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.m-tg .av{width:18px;height:18px;border-radius:50%;background:#2AABEE}
.m-tg .nm{width:40%;height:8px}
.m-tg .b{height:18px;border-radius:9px}
.m-tg .in{width:70%;animation-name:ma}.m-tg .in.s{width:56%;animation-name:ma2}
.m-tg .out{align-self:flex-end;width:52%;background:var(--accent-soft);animation-name:mq}
.m-tg .ok{width:18px;height:18px;border-radius:50%;background:#1F7A4D;margin-top:auto;align-self:flex-end;animation-name:mok}

/* ===== reklama bo'limlari: ovozli yozuv va Telegram ===== */
.px-sec .sk-top.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.px-sec .sk-top.rev .sk-tx{order:2}
.vd-demo,.tgd-demo{min-width:0}
.vd-win,.tgd-win{position:relative;height:clamp(400px,54vh,520px);background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.08);font-size:14px;line-height:1.45;overflow:hidden}
.vd-win{display:flex;flex-direction:column}
.vd-top{display:flex;align-items:center;gap:12px;padding:16px 20px 12px}
.vd-ic{width:36px;height:36px;flex:none;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center}
.vd-ic svg,.tgd-ti svg{width:18px;height:18px;fill:none;stroke:var(--cta);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vd-ttl{flex:1;min-width:0;display:flex;flex-direction:column}
.vd-ttl b{font-weight:500;font-size:15px}.vd-ttl small{color:var(--muted);font-size:12.5px}
.vd-st{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;white-space:nowrap}
.vd-st em{font-style:normal}
.vd-st i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.vd-st.s-rec i{background:#E5484D;animation:mdot 1.1s ease infinite}
.vd-st.s-proc i{background:none;border:1.6px solid var(--line);border-top-color:var(--cta);width:10px;height:10px;animation:skspin .8s linear infinite}
.vd-st.s-ok{color:#1F7A4D}.vd-st.s-ok i{display:none}
.vd-tm{font-variant-numeric:tabular-nums;color:var(--muted)}
.vd-st.s-ok .vd-tm{display:none}
.vd-tabs{position:relative;display:flex;gap:22px;padding:0 20px;border-bottom:1px solid var(--line);font-size:13.5px}
.vd-tabs span{padding:8px 0 10px;color:var(--muted);transition:color .3s}
.vd-tabs span.on{color:var(--fg);font-weight:500}
.vd-ind{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--fg);transition:transform .45s cubic-bezier(.2,.7,.2,1),width .45s}
.vd-body{position:relative;flex:1;min-height:0;overflow:hidden}
.vd-pane{position:absolute;inset:0;padding:14px 20px;display:flex;flex-direction:column;gap:12px;transition:opacity .35s,transform .35s}
.vd-tr.dim{opacity:.25}
.vd-ln{display:flex;gap:11px;transition:opacity .35s,transform .35s}
.vd-av{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:#3D6BF2}
.vd-av.k1,.va-av.k1{background:#1F7A4D}
.vd-who{display:flex;gap:8px;align-items:baseline}
.vd-who b{font-weight:500;font-size:13px}.vd-who small{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.vd-ln p{margin-top:1px;min-height:1.45em}
.vd-proc{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);transition:opacity .35s}
.vd-proc.sk-h{transform:translateY(-44%)}
.vd-proc .sk-run{background:var(--surface);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.vd-sm{gap:10px;overflow:hidden}
.vd-sec{transition:opacity .4s,transform .4s}
.vd-sec h5,.va-r h5,.tgd-hist h5{margin:0 0 5px;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vd-sec p{font-size:13.5px}
.vd-task{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px}
.vd-task span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-task em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
.vd-task i,.va-t i{width:15px;height:15px;flex:none;border-radius:4px;border:1.5px solid var(--line);transition:background .3s,border-color .3s}
.vd-task.ok i,.va-t.ok i{background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2 6 9.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--cta)}
.vd-doc{display:flex;align-items:center;gap:12px;margin-top:auto;padding:11px 12px 11px 14px;border:1px solid var(--line);border-radius:12px;transition:opacity .4s,transform .4s}
.vd-doc>div{flex:1;min-width:0;display:flex;flex-direction:column}
.vd-doc small{font-size:11px;color:var(--muted)}.vd-doc b{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-btn{flex:none;height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;background:var(--cta);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;transition:transform .15s,background .3s}
.vd-btn.hit{transform:scale(.92)}.vd-btn.ok{background:#1F7A4D}
.vd-bar{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 20px;border-top:1px solid var(--line)}
.vd-wave{flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:28px;overflow:hidden}
.vd-wave i,.va-wave i,.tgd-vw i{flex:1;max-width:4px;height:var(--h);border-radius:2px;background:var(--cta);opacity:.35;transform:scaleY(.3);transition:transform .4s,opacity .4s}
.live .vd-wave i,.va.live .va-wave i{opacity:.8;animation:wv var(--d) ease-in-out infinite alternate}
@keyframes wv{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
.vd-min{font-size:12px;color:var(--muted);white-space:nowrap}
.vd-ctl{display:flex;gap:8px}
.vd-pa,.vd-stop{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);position:relative;transition:transform .15s}
.vd-pa::before,.vd-pa::after{content:"";position:absolute;top:11px;width:3px;height:12px;border-radius:1px;background:var(--fg)}
.vd-pa::before{left:12px}.vd-pa::after{right:12px}
.vd-stop{background:#E5484D;border-color:#E5484D}
.vd-stop::after{content:"";position:absolute;inset:11px;border-radius:2px;background:#fff}
.vd-stop.hit,.va-stop.hit{transform:scale(.86)}
.vd-win:not(.live) .vd-ctl{opacity:.4}

/* Telegram maketi */
.tgd-win{display:flex;gap:0}
.tgd-app{position:relative;flex:1;min-width:0;padding:18px 20px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line)}
.tgd-ah{display:flex;justify-content:space-between;align-items:baseline}
.tgd-ah b{font-weight:500;letter-spacing:.24em;font-size:12.5px}.tgd-ah small{color:var(--muted);font-size:12.5px}
.tgd-me{display:flex;align-items:center;gap:10px}
.tgd-av{width:34px;height:34px;border-radius:50%;background:var(--fg);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.tgd-me div{display:flex;flex-direction:column}.tgd-me b{font-weight:500}.tgd-me small{color:var(--muted);font-size:12px}
.tgd-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:border-color .4s}
.tgd-card.on{border-color:#BFD0FB}
.tgd-ch{display:flex;gap:10px;align-items:center}
.tgd-ti{width:36px;height:36px;flex:none;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center}
.tgd-ch div{display:flex;flex-direction:column;min-width:0}.tgd-ch b{font-weight:500}
.tgd-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);transition:color .3s}
.tgd-st i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.tgd-card.on .tgd-st{color:#1F7A4D}.tgd-card.on .tgd-st i{background:#1F7A4D}
.tgd-btn{align-self:flex-start;height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:99px;background:var(--cta);color:#fff;font-size:13px;font-weight:500;white-space:nowrap;transition:transform .15s,background .3s,color .3s}
.tgd-btn.hit{transform:scale(.92)}
.tgd-btn.wait{background:var(--panel);color:var(--fg)}
.tgd-btn.ghost{background:none;color:var(--fg);border:1px solid var(--line)}
.tgd-btn .sk-spin{width:12px;height:12px}
.tgd-hist{display:flex;flex-direction:column;min-height:0}
.tgd-hl{display:flex;flex-direction:column}
.tgd-hi{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.tgd-hi b{flex:1;min-width:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgd-new{max-height:0;padding:0;opacity:0;overflow:hidden;border-bottom-color:transparent;transition:max-height .45s,padding .45s,opacity .45s}
.tgd-new.on{max-height:44px;padding:9px 0;opacity:1;border-bottom-color:var(--line)}
.tgd-new b{font-weight:500}
.tgd-via{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:99px;background:var(--accent-soft);color:var(--cta);font-size:11px;font-weight:500}
.tgd-via svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.tgd-cur{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px;border-radius:50%;border:1.5px solid var(--fg);background:var(--surface);opacity:0;z-index:3;pointer-events:none;transform:translate(60%,80%);transition:transform .8s cubic-bezier(.3,.7,.2,1),opacity .3s}
.tgd-cur.on{opacity:1}.tgd-cur.tap{background:var(--fg);box-shadow:0 0 0 7px rgba(17,18,20,.12)}
.tgd-ph{flex:none;align-self:center;height:calc(100% - 28px);aspect-ratio:9/18;margin:0 22px;border-radius:34px;background:#0B0D12;padding:7px;box-shadow:0 22px 44px rgba(0,0,0,.18)}
.tgd-scr{position:relative;height:100%;border-radius:28px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;font-size:12px}
.tgd-th{display:flex;align-items:center;gap:8px;padding:28px 12px 9px;background:var(--surface);border-bottom:1px solid var(--line)}
.tgd-bav{width:28px;height:28px;border-radius:50%;background:#2AABEE;color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px}
.tgd-th div{display:flex;flex-direction:column}.tgd-th b{font-weight:500;font-size:12.5px}.tgd-th small{color:var(--muted);font-size:10.5px}
.tgd-chat{position:relative;flex:1;min-height:0;overflow:hidden}
.tgd-flow{display:flex;flex-direction:column;gap:7px;padding:10px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tgd-m{max-width:86%;padding:7px 10px;border-radius:12px;background:var(--surface);box-shadow:0 1px 1px rgba(0,0,0,.07);transition:opacity .35s,transform .35s}
.tgd-m.sk-h{display:none}
.tgd-m.in{align-self:flex-start;border-bottom-left-radius:3px}
.tgd-m.out{align-self:flex-end;border-bottom-right-radius:3px;background:var(--accent-soft)}
.tgd-m em{font-style:normal;font-size:9.5px;color:#2AABEE;margin-left:6px}
.tgd-m.ok{display:flex;gap:6px;align-items:flex-start}
.tgd-okc{width:15px;height:15px;flex:none;border-radius:50%;background:#1F7A4D;color:#fff;font-size:9px;display:grid;place-items:center;margin-top:1px}
.tgd-m.voice{display:flex;align-items:center;gap:7px;width:76%}
.tgd-pl{width:22px;height:22px;flex:none;border-radius:50%;background:#2AABEE;position:relative}
.tgd-pl::after{content:"";position:absolute;left:8px;top:6px;border:5px solid transparent;border-left:7px solid #fff;border-right:0}
.tgd-vw{flex:1;display:flex;align-items:center;gap:1.5px;height:18px}
.tgd-vw i{opacity:.75;transform:none;background:#2AABEE}
.tgd-m.voice em{color:var(--muted);margin:0}
.tgd-q{display:block;color:var(--muted);font-size:11px;margin-bottom:4px;font-style:italic}
.tgd-m a{display:block;margin-top:5px;color:#2AABEE;font-weight:500;transition:opacity .3s}
.tgd-m.file{display:flex;align-items:center;gap:7px}
.tgd-m.file b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tgd-pdf{flex:none;width:26px;height:30px;border-radius:5px;background:#E5252A;color:#fff;font-size:8px;font-weight:700;display:grid;place-items:center}
.tgd-start{flex:none;margin:8px 10px 12px;height:34px;border-radius:10px;background:var(--surface);display:grid;place-items:center;color:#2AABEE;font-weight:600;letter-spacing:.06em;transition:transform .15s,opacity .3s,height .3s,margin .3s}
.tgd-start.hit{transform:scale(.94)}
.tgd-start.gone{opacity:0;height:0;margin-block:0}
.tgd-note{position:absolute;left:8px;right:8px;top:8px;z-index:4;display:flex;gap:9px;padding:10px;border-radius:14px;background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.18);transform:translateY(-130%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.tgd-note.on{transform:none}
.tgd-ni{width:24px;height:24px;flex:none;border-radius:7px;background:#2AABEE;display:grid;place-items:center}
.tgd-ni svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.tgd-note div{display:flex;flex-direction:column;min-width:0;font-size:11.5px}
.tgd-note b{font-weight:600}
.tgd-note a{color:#2AABEE;font-weight:500;margin-top:3px}
@media (min-width:861px){.px-sec .lede{min-height:4.8em}.px-sec .vz-ul li{min-height:1.5em}}
@media (max-width:860px){
  .px-sec .sk-top.rev .sk-tx{order:0}
  .px-sec .sk-top,.px-sec .sk-top.rev{grid-template-columns:minmax(0,1fr)}
  .vd-win,.tgd-win{height:460px}
  .tgd-app{display:none}
  .tgd-win{justify-content:center;background:var(--panel)}
  .vd-min{display:none}
}
@media (prefers-reduced-motion:reduce){.vd-wave i,.va-wave i,.tgd-note,.tgd-flow,.tgd-cur{animation:none!important;transition:none!important}}

/* «Har bir soha»: ovozli yozuv sahnasi */
.va-st{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.va-st i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:mdot 1.1s ease infinite}
.va-st b{font-weight:500;font-variant-numeric:tabular-nums}
.va-st.ok{color:#1F7A4D}.va-st.ok i,.va-st.ok b{display:none}
.va{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.va-l{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.va-wave{display:flex;align-items:center;gap:2px;height:30px;flex:none}
.va-lines{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow:hidden}
.va-ln{display:flex;gap:8px}
.va-av{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:600;color:#fff;background:#3D6BF2}
.va-ln b{font-weight:500;font-size:11.5px}.va-ln p{min-height:1.4em}
.va-ctl{flex:none;display:flex;justify-content:center;padding:4px 0 2px}
.va-stop{width:40px;height:40px;border-radius:50%;background:#E5484D;position:relative;transition:transform .15s,opacity .3s}
.va-stop::after{content:"";position:absolute;inset:14px;border-radius:2px;background:#fff}
.va.done .va-stop{opacity:.35}
.va-r{display:flex;flex-direction:column;gap:12px}
.va-r h5{margin-bottom:4px}
.va-t{display:flex;align-items:center;gap:7px;padding:4px 0}
.va-t span{flex:1;min-width:0}
.va-t em{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap}
.va-t i{width:13px;height:13px}
.va-proc{display:flex;align-items:center;gap:8px;color:var(--muted)}
.va-proc .sk-spin{width:13px;height:13px}
.va-empty{color:var(--muted);font-size:11.5px;display:none}
.phone .va-r{position:absolute;inset:0;background:var(--surface);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s,transform .4s;padding-top:4px}
.phone .va.done .va-r{opacity:1;transform:none}
.phone .va-r{padding-top:74px}
.phone .va-proc{position:absolute;top:40%;left:0;right:0;justify-content:center}
.mac .va{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}
.mac .va-l{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:8px 10px;align-content:start}
.mac .va-wave{height:24px}.mac .va-ctl{grid-column:2;grid-row:1;padding:0}.mac .va-stop{width:28px;height:28px}.mac .va-stop::after{inset:9px}
.mac .va-lines{grid-column:1/-1;gap:6px}.mac .va-ln p{font-size:11.5px}
.mac .va-r{border-left:1px solid var(--line);padding-left:16px;position:relative}
.mac .va-empty{display:block;position:absolute;top:40%;left:16px;right:0;text-align:center;transition:opacity .3s}
.mac .va.done .va-empty{opacity:0}
.mac .va-proc{position:absolute;top:40%;left:16px;right:0;justify-content:center}
.va-note{position:absolute;z-index:6;display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border-radius:14px;background:var(--surface);box-shadow:0 14px 34px rgba(0,0,0,.2);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s}
.va-note svg{width:26px;height:26px;flex:none}
.va-note div{display:flex;flex-direction:column;min-width:0}
.va-note b{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:11.5px}
.va-note b small{font-weight:400;color:var(--muted)}
.va-note span{font-size:11.5px}
.phone .va-note{left:10px;right:10px;top:46px;transform:translateY(-140%)}
.mac .va-note{right:12px;bottom:12px;width:250px;transform:translateY(130%)}
.va-note.on{opacity:1;transform:none}

/* Telegram: telefon kartadan tashqarida, haqiqiy o'lchamda */
.tgd-demo{display:flex;align-items:center;gap:clamp(20px,2.4vw,40px)}
.tgd-win{flex:1;min-width:0}
.tgd-app{border-right:0}
.tgd-ph{flex:none;position:relative;align-self:center;height:min(620px,calc(100vh - var(--nav-h) - 90px));min-height:480px;width:auto;aspect-ratio:300/620;margin:0;border-radius:48px;padding:9px;background:#0B0D12;box-shadow:0 30px 60px rgba(0,0,0,.22),inset 0 0 0 1.5px #3a3d44}
.tgd-scr{border-radius:40px;font-size:13px}
.tgd-isl{position:absolute;left:50%;top:19px;width:86px;height:25px;margin-left:-43px;border-radius:14px;background:#0B0D12;z-index:6}
.tgd-scr .sbar{position:absolute}
.tgd-th{padding:50px 14px 10px}
.tgd-bav{width:34px;height:34px;font-size:14px}
.tgd-th b{font-size:14px}.tgd-th small{font-size:11.5px}
.tgd-flow{gap:8px;padding:12px}
.tgd-start{height:40px;margin:8px 12px 22px}
.tgd-note{top:48px;left:10px;right:10px}
@media (max-width:860px){.tgd-demo{justify-content:center}.tgd-win{display:none}.tgd-ph{height:600px;min-height:0}}
.tgd-note:not(.on){transform:translateY(calc(-100% - 64px))}

/* ===== vosita kartalari: ustiga borilganda ko'tariladi, shisha panelda batafsil ma'lumot ===== */
.tool{position:relative;border-radius:14px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tool .media{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .45s,filter .45s}
.tool-hv{position:absolute;left:-6px;right:-6px;top:38%;bottom:-8px;z-index:3;display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border-radius:14px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 44px rgba(17,18,20,.14);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.tool-hv small{font-size:10.5px;letter-spacing:.12em;color:var(--muted);font-variant-numeric:tabular-nums}
.tool-hv b{font-weight:500;font-size:16px;line-height:1.25}
.tool-hv p{color:var(--fg);opacity:.72;font-size:13.5px;line-height:1.45;min-height:0!important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hv-f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(17,18,20,.08)}
.hv-f em{font-style:normal;font-size:13px;font-weight:500;color:var(--cta)}
.hv-f i{width:30px;height:30px;border-radius:50%;background:var(--fg);display:grid;place-items:center;transition:transform .3s}
.hv-f svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (min-width:861px){
  .tool:hover{transform:translateY(-6px)}
  .tool:hover .media{transform:none}
  .tool:hover .tool-hv{opacity:1;transform:none}
  .tool:hover .hv-f i{transform:translateX(2px)}
  .tool>h3,.tool>p,.tool>.more{transition:opacity .3s}
  .tool:hover>h3,.tool:hover>p,.tool:hover>.more{opacity:0}
  .tool.go{transform:scale(.97)}
}
@media (hover:none),(max-width:860px){.tool-hv{display:none}}
@media (prefers-reduced-motion:reduce){.tool,.tool-hv,.tool .media{transition:none}}
.tool .media{clip-path:inset(0 round 12px);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black);transform:translateZ(0)}
.tool .media video{border-radius:12px}