/* BOSH SAHIFA (index.html) uchun: karusel, marquee, FAQ, to'lov */
/* hero carousel */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--ink);color:#fff}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 1.2s}
.slide.on{opacity:1;visibility:visible}
.par{position:absolute;inset:0}
.bg{position:absolute;inset:0}

.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,58,.85),rgba(6,9,58,.15) 65%),linear-gradient(0deg,rgba(6,9,58,.9),transparent 55%),linear-gradient(180deg,rgba(6,9,58,.55),transparent 22%)}
.slide .wrap{position:absolute;z-index:3;left:0;right:0;bottom:18vh;margin:0 auto}
.cnt{display:flex;align-items:center;gap:14px;color:var(--sky);font-weight:700;letter-spacing:.12em;margin-bottom:18px;font-size:.9rem;font-variant-numeric:tabular-nums}
.cnt::after{content:"";width:60px;height:2px;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:transform 1s .5s}
.slide h1{font-size:clamp(2.3rem,5.2vw,4rem);margin-bottom:18px;overflow:hidden;padding:0 0 .12em;font-weight:800;letter-spacing:-.03em}
.slide h1 .w{display:inline-block;white-space:nowrap;margin-right:.22em}
.slide h1 i{display:inline-block;font-style:normal;transform:translateY(115%) rotate(7deg);transition:transform .95s cubic-bezier(.2,.8,.2,1) calc(.25s + var(--i)*.04s)}
.slide p,.slide .row,.slide .cnt{opacity:0;transform:translateY(20px);transition:opacity .9s,transform .9s}
.slide .cnt{transition-delay:.1s}.slide p{transition-delay:.7s}.slide .row{transition-delay:.9s}
.ready .slide.on h1 i{transform:none}
.ready .slide.on p,.ready .slide.on .row,.ready .slide.on .cnt{opacity:1;transform:none}
.ready .slide.on .cnt::after{transform:scaleX(1)}
.slide p{max-width:480px;font-size:1.12rem;color:rgba(255,255,255,.88);margin-bottom:32px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.fly{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.prog{position:absolute;left:0;right:0;bottom:4.5vh;z-index:5}
.prog .wrap{display:flex;gap:10px;align-items:center}
.prog .pb{flex:1;max-width:100px;padding:12px 0;background:none}
.pb i{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.pb i::after{content:"";position:absolute;inset:0;background:var(--sky);transform:scaleX(0);transform-origin:left}
.pb.done i::after{transform:none}
.ready .pb.on i::after{animation:fill 6s linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.arrows{margin-left:auto;display:flex;gap:8px}
.arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;border-radius:50%;transition:.3s}
.arrows button:hover{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}


/* marquee */
.mq{display: none; background:var(--navy);color:#fff;overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}
.mq-track{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq span{display:flex;align-items:center;gap:36px;padding-right:36px;font-family:var(--head);font-weight:600;font-size:1.5rem;white-space:nowrap}
.mq span .ic{width:22px;height:22px;color:var(--sky)}
@keyframes mq{to{transform:translateX(-50%)}}

/* faq */
.faqw{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}
details{border-bottom:1px solid var(--line);padding:22px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:1.05rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.6rem;line-height:1;color:var(--blue);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--mute)}

/* to'lov */
.paybox{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}
.m{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:1.05rem;transition:padding .35s}
.m:first-child{border-top:1px solid var(--line)}
.m:hover{padding-left:12px}
.m .ic{width:28px;height:28px;color:var(--blue-d)}
.mono{width:28px;height:28px;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:var(--head);font-weight:700;border-radius:6px;font-style:normal;font-size:.9rem}
.qr{background:linear-gradient(160deg,var(--navy),var(--ink));color:#fff;padding:36px;border-radius:18px;text-align:center}
.qrimg{background:#fff;padding:12px;border-radius:12px;aspect-ratio:1;margin:0 auto 20px;display:grid;place-items:center;color:#9aa6b2;font-family:var(--head);font-size:2rem;position:relative}
.qrimg img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;background:#fff}
.qr p{color:#aab6e0;font-size:.95rem}

@media(max-width:900px){.paybox,.faqw{grid-template-columns:1fr;gap:34px}.arrows{display:none}}
@media(prefers-reduced-motion:reduce){.slide h1 i{transform:none}.slide p,.slide .row,.slide .cnt{opacity:1;transform:none}.fly{display:none}}

/* MChJ guvohnomasi (index.html) */
.cert{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.cert .kick{color:var(--blue-d)}.cert .kick::before{background:var(--blue-d)}
.cert-sub{color:var(--mute);margin:18px 0 28px;max-width:520px}
.cert-pts li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.cert-pts li:last-child{border-bottom:1px solid var(--line)}
.cert-pts li .ic{width:28px;height:28px;color:var(--blue-d);flex:none}
.cert-pts b{display:block;font-family:var(--head);font-size:1.05rem;margin-bottom:2px}
.cert-pts span{color:var(--mute);font-size:.95rem}
.cert-fig{margin:0 auto;width:100%;max-width:440px}
.cert-frame{position:relative;display:block;width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 30px 60px rgba(24,27,120,.14);cursor:zoom-in;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s;text-align:center}
.cert-frame:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 40px 70px rgba(24,27,120,.22)}
.cert-frame img{display:block;width:100%;height:auto;border-radius:8px}
.cert-ph{display:none}
.cert-frame.empty{aspect-ratio:3/4;cursor:default;border:2px dashed #b9c8e6;background:var(--paper);box-shadow:none}
.cert-frame.empty:hover{transform:none;box-shadow:none}
.cert-frame.empty .cert-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:var(--mute);font-weight:700}
.cert-frame.empty .cert-ph .ic{width:52px;height:52px;color:var(--blue-d)}
.cert-zoom{position:absolute;right:26px;bottom:26px;display:flex;align-items:center;gap:8px;background:rgba(6,9,58,.8);color:#fff;padding:8px 14px;border-radius:99px;font-size:.8rem;font-weight:700;opacity:0;transform:translateY(6px);transition:.3s}
.cert-zoom .ic{width:16px;height:16px}
.cert-frame:hover .cert-zoom,.cert-frame:focus-visible .cert-zoom{opacity:1;transform:none}
.cert-frame.empty .cert-zoom{display:none}
@media(hover:none){.cert-zoom{opacity:1;transform:none}}
.cert-fig figcaption{text-align:center;margin-top:18px;color:var(--mute);font-size:.9rem;font-weight:600}
.lb{position:fixed;inset:0;background:rgba(5,7,44,.88);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;z-index:400;opacity:0;visibility:hidden;transition:.3s;cursor:zoom-out}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:min(96vw,900px);max-height:92vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.lb .x{color:#fff;font-size:2.4rem;top:14px;right:22px}
@media(max-width:900px){.cert{grid-template-columns:1fr;gap:44px}}

/* section kicker */
.kick{display:inline-flex;align-items:center;gap:12px;color:var(--sky);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin-bottom:20px}
.kick::before{content:"";width:44px;height:2px;background:var(--sky)}