/* ==========================================================================
   FF/12-AUDIT.CSS — MOBIL · LAPTOP · RANG AUDITLARINING TUZATISHLARI
   Otabek, 2026-08-07.

   Uch mustaqil audit agenti (mobil 360–768 · laptop 1280–1920 · rang tahlili)
   topgan, keyin sintezchi tasdiqlab, takrorlarini birlashtirgan nuqsonlar.
   Rad etilganlari ataylab QO'LLANMAGAN (sabablari hisobotda).

   Tartib: B (bloker) → H (yuqori) → M (o'rta) → L (past).
   Bekor qilish: index.html dan shu bitta <link> ni olib tashlash.
   ========================================================================== */


/* ==========================================================================
   B-1. BLOKER — sahifa "yuvilgan" ko'rinishining ILDIZI
   Yorug' yuzalar butunlay xromasiz edi: sahifa→karta pog'onasi 1.039, ya'ni
   ko'z sezish bo'sag'asidan past. Natijada sahifa lilak emas, KULRANG
   ko'rinardi. Yuzalarga binafsha xroma qo'shiladi va pog'onalar 1.068 /
   1.066 ga ko'tariladi. Kontrast: #38134F / #F1ECFB = 13.16:1 (AA).
   ========================================================================== */
:root{
  --page:#FDFCFF;
  --panel:#F1ECFB;
  --panel-2:#F1ECFB;
}

body{
  background-color:#FDFCFF;
  background-image:linear-gradient(180deg, #F6F1FE 0%, #FDFCFF 720px);
}

.aw-card,
#hero .hero-card,
#hero .hero-card.is-flag,
#fikrlar .fk-card,
.faq-item{ background:#F7F4FE; }

.aw-card:hover,
#hero .hero-card:hover,
#fikrlar .fk-card:hover,
.faq-item:hover{ background:#FFFFFF; }

.aw-panel,
#hero .aw-panel,
#jarvis .aw-panel{
  background:#F1ECFB !important;
  box-shadow:inset 0 0 0 1px rgba(56,19,79,.06) !important;
}

/* Endi karta tintli — oq ikonka plitasi undan KO'TARILADI (ilgari teskari edi) */
.ib,
.svc-ico,
#hero .hc-ico{
  background:#FFFFFF !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.14),
             0 1px 2px rgba(56,19,79,.05) !important;
}


/* ==========================================================================
   B-2. BLOKER — `#jarvis` da aksent 0.000%: 7000px "o'lik" yo'lak
   ========================================================================== */
.lanes .ls-num{
  background:#7C3AED;
  color:#FFFFFF !important;
  border-radius:999px;
  padding:3px 9px;
  font-variant-numeric:tabular-nums;
}

#jarvis .jvh-yes,
.jvh-col.jvh-yes{
  background:rgba(124,58,237,.10) !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.34) !important;
}
#jarvis .jvh-yes .jvh-tag{
  background:#7C3AED !important;
  color:#FFFFFF !important;
}


/* ==========================================================================
   H-1. Mobilda sarlavha 80px dan keyin BUTUNLAY yo'qolardi
   390px da hujjat 18 110px (~21 ekran) va `#site-header{position:absolute}`
   bo'lgani uchun birinchi ekrandan keyin menyu ham, telefon ham qolmasdi.
   Desktopda `absolute` ATAYLAB (referens shunday) — u tegilmaydi.
   ========================================================================== */
@media (max-width:767px){
  #site-header{ position:fixed; top:0; }
  #site-header > .container{ padding-top:10px; padding-bottom:10px; }
  #site-header.scrolled .nav-shell{
    background:rgba(255,255,255,.86) !important;
    -webkit-backdrop-filter:saturate(160%) blur(12px) !important;
            backdrop-filter:saturate(160%) blur(12px) !important;
    border-radius:100px !important;
    padding:0 8px 0 16px !important;
  }
  html{ scroll-padding-top:84px; }
}


/* ==========================================================================
   H-2. Brauzer demosidagi toast "Buyurtma berish" tugmasini bosib qolardi
   (≤420px da 119px ustma-ustlik)
   ========================================================================== */
.mb-toast{
  font-size:10.5px;
  padding:7px 10px;
  right:10px;
  top:auto;
  bottom:48px;
}


/* ==========================================================================
   H-3. Chatbot demosida UCHALA til xabari kesilardi (390px: 268 vs 170)
   — ya'ni "3 tilda javob" g'oyasining o'zi yo'qolardi
   ========================================================================== */
@media (max-width:767px){
  .svc-stage{ height:auto; min-height:240px; }
  .lang-row{ align-items:flex-start; }
  .lang-row .msg{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.35;
  }
}


/* ==========================================================================
   H-4. Telegram demosida "To'lash — 45 000 so'm" dan NARX yo'qolardi
   (360px: 98 vs 158). Mahsulot nomi/narxi kesilishi ham shu blokda.
   ========================================================================== */
@media (max-width:430px){
  .tg-kb{ flex-wrap:wrap; }
  .tg-kb .kb-pay{ flex:1 1 100%; }
  .tg-kb span:not(.kb-pay){ flex:1 1 100%; }
  .tg-kb span{ white-space:nowrap; overflow:visible; text-overflow:clip; }
  .tp-info b,
  .tp-info em{ white-space:normal; overflow:visible; text-overflow:clip; }
  .tp-info em{ line-height:1.35; }
}


/* ==========================================================================
   H-5. H2 h1 ning MUTLAQ tracking'ini olardi → -0.073em, so'zlar yopishardi
   ========================================================================== */
h2{ letter-spacing:clamp(-2.8px, -0.194vw, -0.8px); }
.sec-head{ letter-spacing:clamp(-2.8px, -0.194vw, -0.8px); }


/* ==========================================================================
   H-6. NATIJA elementlari aksent emas, siyoh rangda edi
   `#trust` 0.000% aksent, `.adv-dot` .10 alfa, `.wv-num` kulrang,
   `#savollar` 0.000% — ya'ni sahifadagi eng muhim raqamlar "o'lik" edi.
   Kontrast: #6D28D9 oqda 7.10:1 · oq matn #7C3AED da 5.70:1 — ikkalasi AA.
   ========================================================================== */
#trust .stat-num,
#trust .stat-num > .count,
#trust .stat-num small{
  -webkit-text-fill-color:#6D28D9 !important;
  color:#6D28D9 !important;
}

#ustunliklar .adv-dot,
#ustunliklar .aw-card:hover .adv-dot{
  background-color:#7C3AED !important;
  background-image:none !important;
  color:#FFFFFF !important;
  box-shadow:0 1px 2px rgba(56,19,79,.10),
             0 6px 14px -7px rgba(124,58,237,.45) !important;
}

#tamoyillar .pr-num,
#jarayon .step .step-num{
  background:#7C3AED !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

#ishlar .wv-num,
.wv-num{ color:rgba(124,58,237,.62) !important; }

.faq-ic{
  background:rgba(124,58,237,.10) !important;
  color:#6D28D9 !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.22) !important;
}


/* ==========================================================================
   M-1. Apelsin qoldig'i — faol chip va OCHIQ FAQ ikonkasi
   `07-savol-cta-footer.css` da `radial-gradient(..., rgb(230,95,0))` qolgan
   edi: rang qatlami faqat `background-color` ni yangilagan, gradient esa
   ustidan chizilaverardi. H-6 dan KEYIN turishi shart (`.faq-ic` ni yengadi).
   ========================================================================== */
.lead-card .chip.active,
.lead-card .chip[aria-pressed="true"],
.faq-q[aria-expanded="true"] .faq-ic{
  background-image:none !important;
  background-color:#7C3AED !important;
  color:#FFFFFF !important;
}


/* ==========================================================================
   M-2. iOS Safari fokus-zoom: 16px dan kichik input avtomatik kattalashtiradi
   ========================================================================== */
.lead-card .field textarea,
.lead-card textarea{ font-size:16px; }


/* ==========================================================================
   M-3. 22 ta tegish maydoni 44px dan kichik edi
   ========================================================================== */
@media (max-width:767px){
  .wk-tab{ min-height:44px; }
  .lead-card .chip{ min-height:44px; padding-block:12px; }
  .footer-col a,
  .footer-up{ display:inline-flex; align-items:center; min-height:44px; }
}


/* ==========================================================================
   M-4. `#jarvis .jv-highlight` — ko'rinmas OQ panel kontentni 40px surardi
   (foni oq, ramkasi yo'q, body ham oq → siljish sababsiz ko'rinardi va
    ostidagi `.jf-card` qatori bilan tekislanmasdi)
   ========================================================================== */
#jarvis .jv-highlight{ padding:clamp(24px, 3.2vw, 40px) 0; }


/* ==========================================================================
   M-7. To'q CTA jarligi: to'yinganlik 0.017 → 0.318 (19 barobar) sakrardi.
   O'rta pog'ona sifatida ikkita bo'limga yengil tint beriladi.
   DIQQAT: `background` SHORTHAND emas, faqat `background-color` — aks holda
   `08-signature.css` dagi yo'lakcha chiziqlari (background-image) o'chadi.
   ========================================================================== */
#tamoyillar{ background-color:#F3EDFD; }
#fikrlar{ background-color:#F6F1FE; }

/* Tintli lenta ustida ledger OQ bo'ladi (B-1 dagi tint taklifini bekor qiladi) */
#tamoyillar .pr-ledger{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(56,19,79,.06),
             0 18px 40px -30px rgba(56,19,79,.34);
}


/* ==========================================================================
   M-8. 768px da fikr kartalari matnining bosh harflari mask ostida so'nardi
   (mavjud `<=767px` override 768 ga yetmagan)
   ========================================================================== */
@media (min-width:768px) and (max-width:1023px){
  #fikrlar .fk-card{ width:84vw; max-width:380px; padding:20px; }
  #fikrlar .fk-marquee{
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
  }
}


/* ==========================================================================
   L-1. `#tamoyillar` yuzasi kontent qirrasiga yetmasdi (310..1130 vs 152..1288)
   ========================================================================== */
#tamoyillar .pr-ledger{ max-width:none; margin-inline:0; }
#tamoyillar .pr-row p{ max-width:66ch; }


/* ==========================================================================
   L-2. Footerning pastki qatori mobilda 20px o'ngga surilgan edi
   ========================================================================== */
@media (max-width:767px){
  .footer-col h4{ font-size:20px; line-height:30px; margin-bottom:8px; }
  .footer-bottom{
    padding:18px 0;
    background:transparent;
    border-radius:0;
    margin-bottom:20px;
  }
}


/* ==========================================================================
   L-3 / L-4. CTA banneri ostida atigi 24px edi; footer ostida 142px o'lik joy
   ========================================================================== */
#boshlash{ padding-block:clamp(60px, 5.5vw, 80px) clamp(32px, 3.3vw, 48px); }
.site-footer{ padding-bottom:calc(var(--band-b) * .68 + 28px); }


/* ==========================================================================
   L-5. 4 ustunli kartalarda qator uzunligi ~20 belgi edi
   ========================================================================== */
@media (min-width:1024px){
  #jarvis .jf-card,
  #jarayon .step{ padding:26px 22px; }
  #jarvis .jf-card p,
  #jarayon .step p{ font-size:15.5px; line-height:1.5; }
}


/* ==========================================================================
   L-7. Planshetda qator uzunligi 80 belgigacha cho'zilardi
   ========================================================================== */
@media (min-width:768px) and (max-width:1023px){
  .faq-inner p{ max-width:62ch; }
  #tamoyillar .pr-row p{ max-width:62ch; }
  #jarvis .jv-cta-sub{ max-width:62ch; margin-inline:auto; }
}


/* ==========================================================================
   L-8. `.bg-layer` atigi 1180px edi — sahifaning 92% ida fon nuri yo'q
   Qatlam `absolute` bo'lgani uchun uni butun hujjatga cho'zish xavfsiz;
   nur uch nuqtaga mask bilan taqsimlanadi (bir tekis bo'yamasin).
   ========================================================================== */
.bg-layer{
  bottom:0 !important;
  height:auto !important;
  -webkit-mask-image:
    radial-gradient(1200px 900px at 50% 340px, #000 0 10%, transparent 100%),
    radial-gradient(1000px 820px at 88% 42%,   #000 0  8%, transparent 100%),
    radial-gradient(1100px 900px at  6% 76%,   #000 0  8%, transparent 100%) !important;
          mask-image:
    radial-gradient(1200px 900px at 50% 340px, #000 0 10%, transparent 100%),
    radial-gradient(1000px 820px at 88% 42%,   #000 0  8%, transparent 100%),
    radial-gradient(1100px 900px at  6% 76%,   #000 0  8%, transparent 100%) !important;
}
.bg-layer::before{ background:#8B5CF6; opacity:.13; }
.bg-layer::after { background:#fff;    opacity:.40; }


/* ==========================================================================
   Iliq nuqta — rang tahlirchisi tavsiya qilgan yagona iliq aksent
   (bo'lim sarlavhalari ostiga bezak chiziq qo'shish RAD ETILDI)
   ========================================================================== */
#fikrlar .fk-stars i{
  background:#F2704F !important;
  color:#F2704F !important;
}