/* ==========================================================================
   FF/CAND/4.CSS — YO'NALISH 4: "TO'Q SIYOH + YORQIN AKSENT"
   Otabek, 2026-08-07.

   G'oya: Saazi'ning binafsha oilasini olamiz, LEKIN FlexFolio'ning havodor
   maketiga tushadigan qilib. Uch narsa o'zgaradi:

     1) SIYOH TO'QLASHADI. #41175E → #2E0F45. Saazi siyohi lilak tomon
        og'gan; sahifamiz oq bo'lgani uchun u "yuvilgan" ko'rinardi.
        #2E0F45 oq fonda 16.6:1 — deyarli qora, lekin ichida sliva bor.
     2) AKSENT YORQINLASHADI VA BITTA BO'LADI. Uch rangli imzo gradienti
        (binafsha→magenta→koral) olib tashlanadi; o'rniga BITTA #7C3AED.
        U oq fonda 5.7:1 — ya'ni sarlavhada ham, mayda matnda ham, oq
        matnli tugmada ham AA. Rang shovqini yo'q.
     3) YUZALAR OQARADI. Karta #F4F1F5 (kir-kulrang) → SOF OQ + eng
        ingichka ichki halqa. Fon nuri esa deyarli o'chiriladi.

   Natija: eng sokin, eng "premium" variant — sahifa oq va havodor, siyoh
   og'ir, aksent bitta va yorqin.
   ========================================================================== */


/* ==========================================================================
   1. TOKENLAR
   ========================================================================== */
:root{
  /* --- Yuzalar: sahifa SOF OQ, ikkilamchi yuza shivirlagan binafsha-oq --- */
  --page:        #FFFFFF;
  --panel:       #FFFFFF;
  --panel-2:     #FAF9FC;                 /* faqat input/plita uchun */

  /* --- Siyoh: to'q sliva. Oq fonda 16.57:1 --- */
  --ink:         #2E0F45;
  --ink-strong:  #2E0F45;
  --ink-mut:     rgba(46,15,69,.66);      /* #75618A — 5.50:1 */
  --ink-dim:     rgba(46,15,69,.66);
  --line:        rgba(46,15,69,.11);
  --line-soft:   rgba(46,15,69,.06);

  /* --- Aksent: BITTA yorqin binafsha --- */
  --blue:        #7C3AED;                 /* oq fonda 5.72:1 */
  --blue-2:      #9061F9;                 /* faqat bir tonlik gradient uchi */
  --coral:       #7C3AED;                 /* koral yo'q — aksent bitta */
  --blue-lo:     rgba(124,58,237,.09);
  --blue-ink:    #6D28D9;                 /* mayda matn — oq fonda 7.14:1 */
  --blue-ring:   rgba(124,58,237,.30);
  --acc-deep:    #6D28D9;
  --acc-head:    #7C3AED;

  --dark-a:      #2E0F45;
  --dark-b:      #240B37;

  /* --- Imzo qatlami --- */
  --rail:        rgba(46,15,69,.13);
  --rail-dot:    #FFFFFF;

  /* --- Fon nuri: bitta binafsha, deyarli sezilmaydigan --- */
  --glow-warm:   124,58,237;
  --glow-pink:   124,58,237;
}

/* depth.css tokenlari */
:root{
  --sh-rgb: 46, 15, 69;

  --hair:      inset 0 0 0 1px rgba(46,15,69,.08);
  --hair-soft: inset 0 0 0 1px rgba(46,15,69,.05);
  --hair-acc:  inset 0 0 0 1px rgba(124,58,237,.24);

  /* Tugma nuri — YENGIL. Ichki yaltirash yo'q, halo qisqa va past. */
  --sh-blue:       0 1px 2px rgba(46,15,69,.10),
                   0 8px 18px -8px rgba(124,58,237,.42);
  --sh-blue-hi:    0 1px 2px rgba(46,15,69,.12),
                   0 12px 24px -10px rgba(124,58,237,.50);
  --sh-blue-press: inset 0 2px 5px rgba(46,15,69,.28);

  --blue-50:  #F6F2FE;
  --blue-100: #EDE6FD;
  --blue-200: #DACCFB;
  --blue-300: #B392F6;
  --blue-400: #9061F9;
  --blue-500: #7C3AED;
  --blue-600: #6D28D9;
  --blue-700: #5B21B6;

  --acc-violet: #7C3AED;
  --acc-cyan:   #7C3AED;
  --acc-amber:  #7C3AED;

  --ink-head:  #2E0F45;
  --page-tint: #FAF9FC;
  --panel-hi:  #FFFFFF;
  --panel-lo:  #FFFFFF;
}

/* Gradientlar — hammasi BITTA tonda (binafsha), ko'p rangli imzo yo'q */
:root{
  --grad:      linear-gradient(90deg, #7C3AED 0%, #9061F9 100%);
  --grad-sm:   linear-gradient(90deg, #6D28D9 0%, #7C3AED 100%);
  --grad-dark: linear-gradient(160deg, #35124F 0%, #2A0D40 54%, #3B1568 100%);
}


/* ==========================================================================
   2. SAHIFA VA FON NURI — nur SEZILADI, lekin sahifani bo'yamaydi
   ========================================================================== */
body{
  background-color:var(--page);
  background-image:linear-gradient(180deg, #FCFBFE 0%, var(--page) 560px);
}

/* Hero ustidagi katta dog' — Saazi'da opacity .16 edi, bu yerda .055.
   Bundan ham muhimi: qatlam `fixed` edi — ya'ni har scroll holatida ekran
   TEPASIDA turardi va sahifa o'rtasidagi har qanday element qirrasi uning
   ustidan gorizontal CHOK bo'lib ko'rinardi. Nurni sahifaning tepasiga
   (hero'ga) mixlaymiz: pastga scroll qilinganda u chiqib ketadi, chok yo'q. */
.bg-layer{
  position:absolute !important;
  top:0; left:0; right:0; bottom:auto !important;
  height:1180px;
  -webkit-mask-image:radial-gradient(1200px 960px at 50% 16%, #000 0 12%, transparent 100%) !important;
          mask-image:radial-gradient(1200px 960px at 50% 16%, #000 0 12%, transparent 100%) !important;
}
.bg-layer::before{ background:#8B5CF6; opacity:.055; }
.bg-layer::after { background:#fff;    opacity:.45; }

.aw-grid-bg::before{
  background:
    radial-gradient(880px 600px at 30% 10%, rgba(124,58,237,.032), transparent 72%),
    radial-gradient(760px 560px at 72% 78%, rgba(124,58,237,.026), transparent 74%) !important;
}


/* ==========================================================================
   3. TUGMALAR — shakli FlexFolio (pill), rangi BITTA yorqin binafsha.
   Oq matn #7C3AED ustida 5.72:1, hover'da 7.14:1.
   ========================================================================== */
.btn-primary,
.btn-blue,
#hero .hero-ctas .btn-primary,
#mobile-menu nav a.btn,
.wk-tab.active,
.wk-tab[aria-pressed="true"]{
  background-color:#7C3AED;
  background-image:none;
  color:#fff;
  box-shadow:var(--sh-blue);
}

.btn-primary:hover,
.btn-blue:hover{
  background-color:#6D28D9;
  background-image:none;
  color:#fff;
  box-shadow:var(--sh-blue-hi);
}

.chat-send,
#chat-fab{
  background-color:#7C3AED;
  background-image:none;
  box-shadow:var(--sh-blue);
}
#chat-fab:hover{ background-color:#6D28D9; }


/* ==========================================================================
   4. SARLAVHA TA'KIDI — GRADIENT EMAS, bitta to'yingan binafsha.
   Saazi'ning uch rangli gradienti FlexFolio'ning sokin tipografikasi bilan
   urishardi; bu yerda ta'kid faqat RANG bilan beriladi.

   TIPOGRAFIK ta'kid #6D28D9 (7.14:1) — INTERAKTIV aksent #7C3AED dan bir
   pog'ona to'q. Bu ikkinchi rang emas: bitta ohangning ikki pog'onasi.
   Yorqin #7C3AED bosiladigan narsalarda qoladi, matn esa og'irroq turadi.
   ========================================================================== */
#hero-h1 .h1-accent,
#jarvis .jv-head .h2-accent,
#jarayon .sec-head .h2-accent,
#ishlar .sec-head .h2-accent,
#ustunliklar .sec-head .h2-accent,
.h1-accent,
.h2-accent{
  background-image:none !important;
  -webkit-background-clip:border-box !important;
          background-clip:border-box !important;
  -webkit-text-fill-color:#6D28D9 !important;
  color:#6D28D9 !important;
}

.aw-cta .h1-accent,
.aw-cta .h2-accent,
.jv-cta .h1-accent,
.jv-cta .h2-accent{
  -webkit-text-fill-color:#C4A8FF !important;
  color:#C4A8FF !important;
}

#trust .stat-num,
.stat-num{
  -webkit-text-fill-color:var(--ink) !important;
  color:var(--ink);
}


/* ==========================================================================
   5. CTA BANNERI — to'q sliva panel (bitta ton), ichida yumshoq binafsha nur
   ========================================================================== */
.aw-cta,
.jv-cta.aw-cta,
.cta-panel.aw-cta{
  --cta-scrim:radial-gradient(72% 60% at 50% 12%,
                rgba(124,58,237,.30) 0%,
                rgba(124,58,237,.10) 56%,
                rgba(124,58,237,0)  100%);
  background-color:#2E0F45;
  background-image:
    var(--cta-scrim),
    var(--grad-dark);
}

.aw-cta,
.jv-cta,
.cta-panel{
  box-shadow:0 24px 56px -34px rgba(46,15,69,.60);
}

/* To'q banner ichidagi asosiy tugma OQ bo'ladi — to'q ustida to'q ko'rinmaydi */
.aw-cta .btn-primary,
.jv-cta .btn-primary,
.cta-panel .btn-primary,
.aw-cta .footer-cta,
.jv-cta .footer-cta{
  background-color:#FFFFFF !important;
  background-image:none !important;
  color:#2E0F45 !important;
  box-shadow:0 1px 2px rgba(0,0,0,.16), 0 10px 24px -12px rgba(0,0,0,.40) !important;
}
.aw-cta .btn-primary:hover,
.jv-cta .btn-primary:hover,
.cta-panel .btn-primary:hover{
  background-color:#F3EDFF !important;
  color:#2E0F45 !important;
}


/* ==========================================================================
   6. MAYDA AKSENTLAR — hammasi BITTA binafsha
   ========================================================================== */
#scroll-progress #sp-fill,
#sp-fill{ background:var(--grad) !important; }

#pl-fill{ background:var(--grad); }

.eyebrow::before,
.aw-eyebrow::before,
.status-dot,
.chk,
.ai-orb,
.vm-play{
  background-color:var(--blue);
  background-image:none;
}

.ib svg,
.svc-ico svg,
#hero .hc-ico svg{
  fill:var(--blue) !important;
  color:var(--blue) !important;
}

#fikrlar .fk-stars i{ background:var(--blue); color:var(--blue); }
#fikrlar .fk-ava{ background:var(--blue-lo); color:var(--blue-ink); }

.mb-graph i:last-child,
.mb-graph i:nth-child(4){ background:var(--blue) !important; opacity:1 !important; }
.mb-graph i{ background:rgba(46,15,69,.13) !important; opacity:1 !important; }

.ai-badge{ color:var(--blue-ink) !important; }

::selection{ background:rgba(124,58,237,.18); color:var(--ink); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible{ outline-color:var(--blue); }


/* ==========================================================================
   7. YUZALAR — karta SOF OQ + eng ingichka ichki halqa.
   Kir-kulrang plita yo'q: chuqurlik halqa va juda past soyadan keladi.
   ========================================================================== */
.aw-card{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(46,15,69,.085),
             0 1px 1px rgba(46,15,69,.03),
             0 14px 30px -26px rgba(46,15,69,.30);
}
.aw-card:hover{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.24),
             0 2px 4px rgba(46,15,69,.05),
             0 20px 40px -26px rgba(46,15,69,.36);
}

/* Hero kartalari, fikr kartalari va FAQ ham AYNI retseptda — 03/06/07/09
   ularni ID zanjiri bilan yozadi, shuning uchun alohida qaytariladi. */
#hero .hero-card,
#hero .hero-card.is-flag,
#fikrlar .fk-card,
.faq-item{
  background:#FFFFFF;
  background-image:none;
  box-shadow:inset 0 0 0 1px rgba(46,15,69,.085),
             0 1px 1px rgba(46,15,69,.03),
             0 14px 30px -26px rgba(46,15,69,.30);
}
#hero .hero-card:hover,
#hero .hero-card.is-flag:hover,
#fikrlar .fk-card:hover,
.faq-item:hover{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.24),
             0 2px 4px rgba(46,15,69,.05),
             0 20px 40px -26px rgba(46,15,69,.36);
}

/* Lead-kartasi — 07:358/369 da iliq jigarrang soya qolgan edi */
.lead-card,
.aw-cta .lead-card{
  box-shadow:0 2px 8px rgba(20,4,34,.14),
             0 30px 60px -26px rgba(20,4,34,.46);
}

/* O'ram — kartadan BIR PO'G'ONA past yuza (teskari emas) */
.aw-panel{
  background:#FAF9FC;
  box-shadow:inset 0 0 0 1px rgba(46,15,69,.05);
}

/* Ikonka plitasi: oq karta ichida oq plita yo'qoladi → binafsha shivir */
.ib,
.svc-ico,
#hero .hc-ico{
  background:rgba(124,58,237,.085) !important;
  background-image:none !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.16) !important;
}
.aw-card:hover .ib,
.aw-card:hover .svc-ico,
#hero .hero-card:hover .hc-ico{
  background:rgba(124,58,237,.13) !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.24) !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea,
.lead-card .field input,
.lead-card textarea{
  background:#FAF9FC;
  box-shadow:inset 0 0 0 1px rgba(46,15,69,.12);
}


/* ==========================================================================
   8. QATTIQ YOZILGAN APELSIN/GRADIENT QOLDIQLARI
   ========================================================================== */

/* Belgi (tick) — SVG URI ichidagi rang: %237C3AED */
#hero .hc-tick,
.hc-tick{
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.3 6.4 4.7 8.8 9.7 3.4' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
}

/* Kichik "asosiy tugma" naqshlari — bitta tekis binafsha */
.mb-cta,
.kb-pay,
.adv-dot,
.footer-cta,
#lead-submit,
.step.lit .step-num{
  background-color:#7C3AED !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 1px 2px rgba(46,15,69,.10),
             0 6px 14px -7px rgba(124,58,237,.45) !important;
}

/* Raqam/teg pillari */
.step-num,
.work-tag,
.ai-badge,
.tp-badge,
.mini-chip,
.step-day{
  background:rgba(124,58,237,.09) !important;
  color:#6D28D9 !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.20) !important;
}

/* Jarvis taqqoslash ustunlari — neytral tomon sokin oq, urg'u tomon binafsha */
.jvh-col{ border-color:rgba(46,15,69,.10); }
#jarvis .jvh-col,
.jvh-col{
  background:#FAF9FC;
  box-shadow:inset 0 0 0 1px rgba(46,15,69,.07);
}
#jarvis .jvh-yes,
.jvh-col.jvh-yes{
  background:rgba(124,58,237,.055) !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.26) !important;
}
#jarvis .jvh-yes .jvh-tag{
  background:#FFFFFF !important;
  color:#6D28D9 !important;
}

/* Ishlar vizual plombalari — bir tonlik binafsha shkala */
.wv-1{ background:linear-gradient(150deg, rgba(124,58,237,.16), rgba(124,58,237,.05)) !important; }
.wv-2{ background:linear-gradient(150deg, rgba(124,58,237,.12), rgba(46,15,69,.07))  !important; }
.wv-3{ background:linear-gradient(150deg, rgba(46,15,69,.12),  rgba(124,58,237,.08)) !important; }
.wv-4{ background:linear-gradient(150deg, rgba(124,58,237,.20), rgba(124,58,237,.04)) !important; }

/* Lenta va jarayon indikatorlari */
.lanes-bar,
#proc-fill,
.proc-rail > i{
  background-image:var(--grad) !important;
  background-color:transparent !important;
}
.lanes-progress,
.proc-rail{ background-color:rgba(46,15,69,.08) !important; }

/* harakat.css reyl yugurigi — apelsin qolgan edi */
.proc-rail::after{
  background:linear-gradient(90deg, transparent, rgba(124,58,237,.65), transparent) !important;
}

/* FAQ ochilgan holat — apelsin halqa qolgan edi */
.faq-item:has(.faq-q[aria-expanded="true"]){
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.28), var(--sh-1);
}

/* Placeholder — 07:422 va aiwork da ILIQ siyoh qolgan edi (#9E9693, 2.8:1).
   Slivaga o'tkaziladi va quyuqlashtiriladi: #7C6889 → 4.6:1. */
input::placeholder,
textarea::placeholder,
.lead-card .field input::placeholder,
.lead-card .field textarea::placeholder{
  color:rgba(46,15,69,.62);
}

/* Footer tavsifi — 09:254 da iliq siyoh (#665A52) qattiq yozilgan edi */
.footer-brand p,
.site-footer .footer-brand p{
  color:rgba(46,15,69,.70);
}

/* Mini-demolarda qolgan ILIQ neytrallar (rgba(30,13,1,…)) va apelsin —
   brauzerda skanerlab topilgan oxirgi 8 ta joy. */
.chat-body .msg-time,
.msg-time,
.jf-n{ color:rgba(46,15,69,.64) !important; }      /* 10px vaqt yozuvi: 5.0:1 */

/* Telegram pufakchasi ham iliq kul edi (#F7F5F4) — sovuq sliva-oqqa */
.tg-bubble,
.tg-bubble.left{ background:rgba(46,15,69,.035) !important; }

.ls-rule{ background:rgba(46,15,69,.08) !important; }
.ai-typing i,
.lang-dots i{ background:rgba(46,15,69,.35) !important; }

/* Ish kartasidagi rasm-o'rni raqami: eski holatda 1.4:1 arvoh edi.
   Endi o'z plombasida 3:1 dan yuqori — "katta matn" bo'sag'asi. */
#ishlar .wv-num,
.work-visual .wv-num,
.wv-num{ color:rgba(46,15,69,.50) !important; }
.mb-cursor{ box-shadow:0 0 0 3px rgba(46,15,69,.08) !important; }

.work-visual{ box-shadow:inset 0 0 0 1px rgba(46,15,69,.05) !important; }

.chat-root{
  box-shadow:0 1px 2px rgba(46,15,69,.06),
             0 12px 28px -10px rgba(46,15,69,.14),
             0 30px 60px -24px rgba(46,15,69,.16) !important;
}
.chat-head{ box-shadow:inset 0 -1px 0 rgba(46,15,69,.06) !important; }

/* To'q CTA ichidagi eyebrow — jigarrang qolgan edi */
.aw-cta .eyebrow,
.jv-cta .eyebrow,
.aw-cta .aw-eyebrow,
.jv-cta .aw-eyebrow{
  background:rgba(167,120,255,.20) !important;
  box-shadow:inset 0 0 0 1px rgba(196,168,255,.28) !important;
  color:#FFFFFF !important;
}

/* Muvaffaqiyat ikonkasi — apelsin radial qolgan edi */
.success-ic{
  background-color:#7C3AED !important;
  background-image:none !important;
  color:#fff !important;
}

/* Tarif eslatmasi — apelsin halqa/fon qolgan edi */
#tarif-note{
  background:rgba(124,58,237,.09);
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.22);
  color:#6D28D9;
}
#tarif-note b{ color:#6D28D9; }
#tarif-clear{ background:rgba(124,58,237,.13); color:#6D28D9; }
#tarif-clear:hover{ background:rgba(124,58,237,.24); }


/* ==========================================================================
   YAKUNIY TUZATISHLAR — hakamlar paneli qarori bo'yicha (2026-08-07)
   3 ta mustaqil hakam bu palitrani g'olib deb topdi (2/3 ovoz, o'rtacha 8.13).
   Quyidagilar ularning aniqlagan kamchiliklari va boshqa nomzodlardan
   olib o'tishga arziydigan elementlar.
   ========================================================================== */

/* K4 — siyoh xromasi past edi (54), Saazi'da 71. Oraliq qiymat olinadi:
   #38134F — oq fonda 15.28:1, xroma 60. */
:root{
  --ink:#38134F;
  --ink-strong:#38134F;
  --ink-head:#38134F;
  --dark-a:#38134F;
  --ink-mut:rgba(56,19,79,.66);
  --ink-dim:rgba(56,19,79,.66);
}

/* K1 — hero nuri referensning yarmicha edi (14 vs 24 birlik) */
.bg-layer::before{ background:#8B5CF6; opacity:.10; }
.bg-layer::after { background:#fff;    opacity:.42; }

/* K2 — kartalar oq sahifada oq edi: ajralish faqat halqadan kelardi.
   1-nomzoddan olingan yengil lavanda to'ldirish (B−R=+3) qo'shiladi,
   halqa esa yumshatiladi. Karta/sahifa nisbati 1.04 — referensdagidek. */
.aw-card,
#hero .hero-card,
#hero .hero-card.is-flag,
#fikrlar .fk-card,
.faq-item{
  background:#FBFAFE;
  box-shadow:inset 0 0 0 1px rgba(56,19,79,.065),
             0 1px 1px rgba(56,19,79,.03),
             0 14px 30px -26px rgba(56,19,79,.30);
}
.aw-card:hover,
#hero .hero-card:hover,
#fikrlar .fk-card:hover,
.faq-item:hover{ background:#FFFFFF; }

.aw-panel{
  background:#F5F3FA;
  box-shadow:inset 0 0 0 1px rgba(56,19,79,.05);
}

/* Tintli karta ichida ikonka plitasi OQ — Saazi naqshi (2-nomzoddan) */
.ib,
.svc-ico,
#hero .hc-ico{
  background:#FFFFFF !important;
  box-shadow:inset 0 0 0 1px rgba(56,19,79,.09) !important;
}

/* K3 — "Nega biz" raqam medallari deyarli qora chiqib, aksent yo'qolgan edi.
   `#ustunliklar .adv-dot` ID zanjiri bilan yozilgani uchun teng kuch kerak. */
#ustunliklar .adv-dot,
#ustunliklar .aw-card:hover .adv-dot{
  background-color:rgba(124,58,237,.10) !important;
  background-image:none !important;
  color:#6D28D9 !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.24) !important;
}

/* K5 — Saazi imzo gradienti butunlay yo'q edi. U FAQAT ingichka
   indikatorlarda qaytariladi: yuzaga rang qo'shmaydi, lekin qarindoshlik
   sezilib turadi (2-nomzoddan). */
:root{
  --grad:linear-gradient(90deg, #7C3AED 0%, #C762F6 62%, #F77373 100%);
  --grad-sm:linear-gradient(90deg, #6D28D9 0%, #7C3AED 100%);
}
#sp-fill,
#pl-fill,
.lanes-bar,
#proc-fill,
.proc-rail > i{ background-image:var(--grad) !important; }

/* K6 — to'q CTA saqlanadi (Saazi'ning to'q plitasining ekvivalenti),
   faqat bazasi siyoh bilan birga bir pog'ona jonlantiriladi. */
:root{ --grad-dark:linear-gradient(160deg, #3E1659 0%, #2F1046 54%, #46187A 100%); }
.aw-cta,
.jv-cta.aw-cta,
.cta-panel.aw-cta{ background-color:#38134F; }