/* Rang tokenlari — panel bilan UMUMIY fayldan (`tokens.css`). * Ilgari shu yerda palitraning ikkinchi nusxasi turardi va sayt bilan * panel rangi ajralib ketishi mumkin edi. `?v=` — kesh tokeni, * `tests/test_static_pages.py` uni fayl mazmuni bilan solishtiradi. */ @import "tokens.css?v=145f4be102"; /* ENES Monitoring — ommaviy sayt uslubi. * * Ranglar yuqoridagi `tokens.css` dan keladi — sayt va panel uchun * YAGONA manba. Bu yerda faqat saytga xos ustki qiymatlar qoladi. * * 2026-09-08 — rebrend (F3). Sahifa ritmi namunadan: qorong'i hero → * ochiq imkoniyatlar → qorong'i "AI ko'radi" → ochiq qadamlar → qorong'i * yakun. Buning uchun BO'LIM TOKENLARI (`--band-*`): har bo'lim * `.band` (ochiq) yoki `.band-dark` (qorong'i), komponentlar esa rangni * bo'limdan oladi. Shunda bitta `.result-card` ham, bitta `.lead-form` * ham ikkala fonda to'g'ri ko'rinadi va ikkita nusxa yozilmaydi. * * Sayt tema tugmasiga BO'YSUNMAYDI (``): * qorong'i-ochiq almashinuvi brend ritmi, foydalanuvchi tanlovi emas. * Panel esa tanlovga bo'ysunadi — u ish quroli. */ :root { /* Saytga xos: bo'lim kartalari panelnikidan kattaroq, shuning uchun soya ham chuqurroq — ular sahifadan "ko'tarilib" turishi kerak. */ --shadow: 0 1px 2px rgba(16,24,40,.04), 0 18px 55px rgba(16,24,40,.09); /* Ochiq bo'lim — standart. Qorong'isi pastda `.band-dark` da. */ --band-bg: var(--surface); --band-surface: var(--surface); --band-surface-2: var(--surface-2); --band-fg: var(--fg); --band-muted: var(--muted); --band-border: var(--border); --band-glass: rgba(255,255,255,.92); --band-shadow: var(--shadow); } .band { background: var(--band-bg); color: var(--band-fg); } /* Ochiq, lekin bir tonga botgan bo'lim (narx, kameralar). */ .band-tint { --band-bg: var(--surface-inset); } .band-dark { --band-bg: #05070a; --band-surface: #11161f; --band-surface-2: #171e29; --band-fg: #ffffff; --band-muted: #98a4b8; --band-border: rgba(255,255,255,.09); --band-glass: rgba(5,7,10,.72); --band-shadow: 0 24px 60px rgba(0,0,0,.55); background: var(--band-bg); color: var(--band-fg); /* Forma elementlari (aloqa bo'limi) ham qorong'i chizilsin. */ color-scheme: dark; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } /* `hidden` atributi HAR DOIM g'olib bo'lsin. Haqiqiy bag: notify * formasida inline `display:grid` UA'ning `[hidden]{display:none}` * qoidasini yengib, "raqam qoldiring" formasi reliz chiqqanda ham * ko'rinib turardi (2026-08-17 skrinshotda ushlangan). */ [hidden] { display: none !important; } body { margin: 0; background: var(--band-bg); color: var(--band-fg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; } .site { min-height: 100vh; } a { color: inherit; } button, input, textarea { font: inherit; } /* Klaviatura fokusi — butun sayt uchun bitta qoida (WCAG 2.4.7). * `:focus-visible` ataylab: sichqoncha bilan bosganda ramka chiqmaydi, * faqat Tab bilan kelinganda. */ :focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; border-radius: 4px; } .section-pad { padding: 96px max(24px, calc((100vw - 1180px) / 2)); } h1, h2, h3 { margin-top: 0; letter-spacing: -.03em; line-height: 1.1; } .hint { color: var(--band-muted); font-size: 13px; } /* Ikonkalar — `/assets/icons.svg` spritedan, `aria-hidden="true"` bilan: * ma'no doim yonidagi matnda, ikonka faqat ko'zni yo'naltiradi. */ .icon { width: 22px; height: 22px; flex: none; vertical-align: -4px; color: var(--accent); } /* ── Navigatsiya ──────────────────────────────────────────────────── */ .nav-shell { position: sticky; top: 0; z-index: 20; background: var(--band-glass); border-bottom: 1px solid var(--band-border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* Bosh sahifada nav qorong'i hero ustida turadi — o'z tokenlari bilan. */ .nav-dark { --band-glass: rgba(5,7,10,.72); --band-fg: #ffffff; --band-muted: #98a4b8; --band-border: rgba(255,255,255,.09); --band-surface: #11161f; --band-surface-2: #171e29; --band-shadow: 0 24px 60px rgba(0,0,0,.55); color: var(--band-fg); } .nav { max-width: 1180px; min-height: 72px; margin: auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .brand { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 700; text-decoration: none; letter-spacing: -.02em; color: inherit; } .brand b { color: var(--accent); } .brand-mark { display: inline-grid; place-items: center; width: 36px; height: 36px; overflow: hidden; border-radius: 8px; } .brand-mark img { width: 100%; height: 100%; max-width: none; object-fit: contain; } /* Yangi lockup: "NS" belgisi + ENES / Monitoring. Belgi `currentColor` * bilan — qorong'i navda oq, ochiq sahifada to'q, fayl bitta. */ .brand-lockup svg { width: 40px; height: 33px; flex: none; color: var(--band-fg); } .brand-lockup .brand-text { display: grid; line-height: 1; } .brand-lockup .brand-text b { color: var(--band-fg); font-size: 17px; font-weight: 800; letter-spacing: .14em; } .brand-lockup .brand-text small { margin-top: 4px; color: var(--band-muted); font-size: 11px; font-weight: 500; letter-spacing: .02em; } .nav-links { display: flex; gap: 28px; } .nav-links a, .text-link { color: var(--band-muted); text-decoration: none; font-size: 14px; font-weight: 600; } .nav-links a:hover, .text-link:hover { color: var(--band-fg); } .nav-actions { display: flex; align-items: center; gap: 12px; } /* "Demo olish" — HAVOLA, tugma emas: `