/* ============================================================
   LevelCar — design system v41 (2026-09-09)
   Источник токенов: contracts/design/tokens.json (brand #2E82E6 / cyan #2FC2D6,
   action #1D5FBF, text #14263D/#506176, border #D7E2EF, page #F5F8FC,
   success #167348 / warning #8A5300 / error #B42332).
   Структура файла: 1) токены  2) база и компоненты  3) страницы (бывшие инлайн-<style>)
   Правило: цвета только через var(--…); literal hex — только здесь, в :root.
   ============================================================ */
:root{
  /* ---- brand ---- */
  --brand:#2E82E6; --brand-600:#2668C2; --brand-700:#1E55A6; --brand-cyan:#2FC2D6;
  --brand-soft:#EAF3FF; --brand-soft-2:#CDE4F8; --brand-ink:#14406F;
  --accent-soft:#E8F9FC;
  /* действия (кнопки): суцільний, 6.1:1 на білому */
  --action:#1D5FBF; --action-hover:#174D9C;

  /* ---- neutrals (холодные, без лилового подтона) ---- */
  --ink:#14263D; --ink-2:#233650;
  --gray-1:#506176;   /* вторичный текст 7.2:1 */
  --gray-2:#5F7086;   /* подписи/метаданные 5.5:1 */
  --gray-3:#94A3B8;   /* плейсхолдеры, декор (не для текста <18px) */
  --line:#D7E2EF; --line-2:#E8EFF7;
  --well:#F1F5FA; --well-2:#E9EFF6;
  --page:#F5F8FC; --white:#FFFFFF;

  /* ---- states (семантика, не бренд) ---- */
  --green:#167348; --green-600:#0F5C39; --green-soft:#E3F5EA; --green-line:#BFE3CC;
  --red:#B42332;   --red-600:#8F1B27;   --red-soft:#FCE8EA;   --red-line:#F3C3C8;
  --amber:#8A5300; --amber-600:#6E4200; --amber-soft:#FFF1DC; --amber-line:#F5D9A8;
  --orange:#D97706; --orange-600:#B45309; --orange-soft:#FFF1DC;  /* декоративный акцент */
  --info-soft:var(--brand-soft);

  /* ---- data-viz (серии графиков: 6 цветов без повтора) ---- */
  --dv-1:#2E82E6; --dv-2:#2FC2D6; --dv-3:#7C3AED; --dv-4:#F59E0B; --dv-5:#10B981; --dv-6:#EC4899;
  --dv-muted:#CBD5E1;

  /* ---- legacy aliases (старые имена в коде/JS остаются валидными) ---- */
  --violet:var(--brand); --violet-600:var(--brand-600); --violet-700:var(--brand-700);
  --violet-soft:var(--brand-soft); --violet-soft-2:var(--brand-soft-2); --violet-ink:var(--brand-ink);
  --ink-soft:var(--gray-1); --gray-bg:var(--page);

  /* ---- type ---- */
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --fs-xs:12px; --fs-sm:13px; --fs-md:14px; --fs-base:16px; --fs-lg:18px;
  --fs-h3:24px; --fs-h2:32px; --fs-h1:40px;

  /* ---- radii ---- */
  --r-xs:8px; --r-sm:11px; --r-md:16px; --r-lg:16px; --r-xl:22px; --r-2xl:24px; --r-pill:999px;

  /* ---- shadows (нейтральные) ---- */
  --sh-xs:0 1px 2px rgba(20,38,61,.05);
  --sh-sm:0 4px 14px -6px rgba(20,38,61,.10);
  --sh-md:0 14px 36px -14px rgba(20,38,61,.16);
  --sh-lg:0 30px 70px -24px rgba(20,38,61,.28);
  --sh-card:0 8px 26px rgba(20,38,61,.05);
  --sh-violet:0 18px 40px -16px rgba(29,95,191,.45);
  --focus-ring:0 0 0 4px rgba(46,130,230,.16);

  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1200px; --wrap-doc:1276px;
  --nav-h:74px; --sticky-off:96px;
  --tap:44px;
}
@media (max-width:768px){:root{--fs-h1:30px; --fs-h2:26px; --fs-h3:22px; --nav-h:64px;}}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:clip;}
body{overflow-x:clip;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* подтверждение нажатия: все кнопки и кликабельные карточки */
.btn,button{-webkit-tap-highlight-color:transparent;}
.btn:active,button:active{transform:scale(.96);transition:transform .08s;}
.btn[disabled],button[disabled]{opacity:.7;cursor:wait;}
a.lc-sim:active,[data-demo-tab]:active{transform:scale(.985);}

/* форма проверки VIN/номера (страницы /vin, /number, /auto) */
.lc-form{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:var(--sh-sm);transition:border-color .15s,box-shadow .15s}
.lc-form:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(46,130,230,.14)}
.lc-pfx{color:var(--gray-2);display:flex;flex:none}
.lc-form input{flex:1;min-width:0;border:0;outline:none;background:none;height:44px;font:700 16px/1 var(--mono);letter-spacing:.06em;color:var(--ink);text-transform:uppercase}
.lc-form input::placeholder{font-family:var(--font);font-weight:500;letter-spacing:0;text-transform:none;color:var(--gray-3)}
.lc-form .btn{flex:none}
@media(max-width:640px){.lc-form{flex-wrap:wrap;border-radius:22px;padding:12px}.lc-form .btn{width:100%}}

/* карточки «схожі авто» (перелинковка автостраниц): вся карточка — ссылка */
.lc-sim{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
a.lc-sim:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--brand-soft-2)}
.lc-sim img{width:88px;height:60px;max-width:88px;object-fit:cover;border-radius:10px;flex:none}
.lc-sim .lc-sim-b{flex:1;min-width:0}
.lc-sim .lc-sim-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lc-sim .lc-sim-n{font-size:13.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-sim .lc-sim-s{flex:none;font-size:11.5px;font-weight:800;color:var(--violet)}
.lc-sim .lc-sim-m{font-size:11.5px;color:var(--gray-2);font-weight:600;margin-top:2px}
.lc-sim .lc-sim-p{font-size:15px;font-weight:800;color:var(--ink);margin-top:5px}
html,body{margin:0;}
body{
  background:var(--page); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4{margin:0; font-weight:800; letter-spacing:-.022em; line-height:1.08; color:var(--ink); text-wrap:balance;}
p{margin:0; text-wrap:pretty;}
a{color:inherit; text-decoration:none; transition:color .15s var(--ease);}
img{max-width:100%; display:block;}
.num{font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1;}

::selection{background:var(--violet-soft-2); color:var(--violet-ink);}
:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--violet); outline-offset:3px; border-radius:6px;}

.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 28px;}
/* Єдина ширина «документних» сторінок (звіт авто, аналітика, інструменти, бренди):
   базова ширина звіту 1160px + 10% = 1276px. Головна і лендинги лишаються на своїй сітці. */
.wrap.wrap-doc{max-width:var(--wrap-doc) !important;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:9px; justify-content:center;
  font-family:var(--font); font-weight:700; font-size:15px; letter-spacing:-.01em;
  padding:11px 22px; min-height:var(--tap); border-radius:var(--r-pill); border:0; cursor:pointer;
  white-space:nowrap; transition:background .16s var(--ease),transform .12s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease);
}
/* C15: СУЦІЛЬНИЙ action-колір із контракту (не градієнт). Білий текст на var(--brand-cyan) давав ~2.5:1
   (провал WCAG AA); суцільний --action (var(--action)) = 6.10:1. Градієнт — тільки декор (герой/лого). */
.btn-primary{background:var(--action); color:#fff; box-shadow:var(--sh-violet);}
.btn-primary:hover{background:var(--action-hover); transform:translateY(-2px);}
.btn-primary:active{transform:translateY(0) scale(.98); background:var(--action-hover);}
.btn-ghost{background:var(--white); color:var(--ink); box-shadow:inset 0 0 0 1.5px var(--line);}
.btn-ghost:hover{background:var(--well); box-shadow:inset 0 0 0 1.5px var(--gray-3); transform:translateY(-2px);}
.btn-dark{background:var(--ink); color:#fff;}
.btn-dark:hover{background:#000; transform:translateY(-2px);}
.btn-lg{padding:15px 28px; font-size:16px; min-height:52px;}
.btn-sm{padding:8px 14px; font-size:13.5px; min-height:36px;}
.btn-block{width:100%;}
.btn-soft{background:var(--brand-soft); color:var(--brand-700); box-shadow:none;}
.btn-soft:hover{background:var(--brand-soft-2); transform:translateY(-1px);}
.btn-link{background:none; color:var(--brand); padding:0; min-height:0;}

/* ---------- eyebrow / pills ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--violet-ink);
  background:var(--violet-soft); padding:7px 14px 7px 12px; border-radius:var(--r-pill);
  border:1px solid var(--violet-soft-2);
}
.eyebrow .dot{width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(22,115,72,.18); animation:pulse 2.4s var(--ease) infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(22,115,72,.20);}50%{box-shadow:0 0 0 7px rgba(22,115,72,0);}}

.tag{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:.01em;
  padding:5px 11px; border-radius:var(--r-pill); background:var(--well-2); color:var(--gray-1);}
.tag-green{background:var(--green-soft); color:var(--green-600);}
.tag-orange{background:var(--orange-soft); color:var(--orange-600);}
.tag-red{background:var(--red-soft); color:var(--red-600);}
.tag-violet{background:var(--violet-soft); color:var(--violet-700);}

/* ---------- section scaffolding ---------- */
.section{padding:96px 0;}
.section-head{max-width:720px; margin:0 auto 56px; text-align:center;}
.section-head .kicker{margin-bottom:16px;}
.section-head h2{font-size:clamp(30px,4vw,46px); line-height:1.04;}
.section-head p{margin-top:18px; font-size:18px; color:var(--gray-1); line-height:1.5;}

/* reveal — content is visible by DEFAULT; the hidden state only applies
   once JS confirms the animation timeline is alive (html.js-anim).
   This guarantees the page is never blank if JS/IO/transitions don't run. */
html.js-anim [data-reveal]{opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease),transform .7s var(--ease);}
html.js-anim [data-reveal].in{opacity:1; transform:none;}
html.js-anim [data-reveal][data-d="1"]{transition-delay:.08s;}
html.js-anim [data-reveal][data-d="2"]{transition-delay:.16s;}
html.js-anim [data-reveal][data-d="3"]{transition-delay:.24s;}
html.js-anim [data-reveal][data-d="4"]{transition-delay:.32s;}
@media (prefers-reduced-motion:reduce){html.js-anim [data-reveal]{opacity:1!important; transform:none!important;}}

/* ============================================================
   LevelCar — components (nav, hero, report, sections)
   ============================================================ */

/* ---------------- NAV ---------------- */
.nav{position:sticky; top:0; z-index:50; background:rgba(244,243,250,.78); backdrop-filter:saturate(180%) blur(18px); border-bottom:1px solid transparent; transition:border-color .2s var(--ease),background .2s var(--ease);}
.nav.scrolled{background:rgba(255,255,255,.86); border-bottom-color:var(--line);}
.nav-inner{display:flex; align-items:center; gap:28px; height:74px;}
.brand{display:inline-flex; align-items:center; gap:11px; font-weight:800; font-size:19px; letter-spacing:-.02em;}
.brand .mark{width:38px; height:38px; border-radius:11px; background:linear-gradient(150deg,#FF8A3D,var(--orange)); display:grid; place-items:center; box-shadow:0 8px 18px -6px rgba(242,100,10,.55); position:relative; flex:none;}
.brand .mark svg{width:21px; height:21px;}
.brand b{font-weight:800;} .brand b span{color:var(--violet);}
.nav-links{display:flex; align-items:center; justify-content:center; gap:6px; margin:0 auto;}
.nav-links a{position:relative; font-size:14.5px; font-weight:500; color:var(--gray-1); padding:9px 13px; border-radius:var(--r-pill); white-space:nowrap; transition:color .15s,background .15s;}
.nav-links a:hover{color:var(--ink); background:var(--well-2);}
/* активная страница — фиолетовая пилюля */
.nav-links a.nav-page.active{color:var(--violet); background:var(--violet-soft); font-weight:600;}
/* активный якорь (scroll-spy на главной) — текст темнеет + точка-индикатор */
.nav-links a.nav-anchor.spy-active{color:var(--ink); font-weight:600;}
.nav-links a.nav-anchor.spy-active::after{content:""; position:absolute; left:50%; bottom:2px; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background:var(--violet);}
.nav-cta{margin-left:auto; display:flex; align-items:center; gap:10px;}
.nav-cta .btn-ghost{background:var(--white); color:var(--ink); box-shadow:inset 0 0 0 1.5px var(--line); padding:9px 18px; font-size:14px; font-weight:700; min-height:40px;}
.nav-cta .btn-ghost:hover{background:var(--well); box-shadow:inset 0 0 0 1.5px var(--gray-3); transform:translateY(-1px);}
.nav-cta .btn-primary{padding:12px 20px; font-size:14.5px; box-shadow:var(--sh-sm);}
.nav-mob-extra{display:none;}
.burger{display:none; margin-left:auto; width:44px; height:44px; border-radius:12px; border:1px solid var(--line); background:var(--white); cursor:pointer; align-items:center; justify-content:center;}
.burger svg{width:22px; height:22px; color:var(--ink);}

/* ---------------- HERO ---------------- */
.hero{position:relative; padding:32px 0 48px; overflow:hidden; min-height:calc(100svh - 72px); display:flex; align-items:center;}
.hero > .wrap{width:100%;}
.hero-bg{position:absolute; inset:0; z-index:0; pointer-events:none;}
.hero-bg .blob{position:absolute; border-radius:50%; filter:blur(70px); opacity:.55;}
.hero-bg .b1{width:560px; height:560px; left:-160px; top:-200px; background:radial-gradient(circle,#9CC7F5,transparent 70%);}
.hero-bg .b2{width:520px; height:520px; right:-160px; top:-120px; background:radial-gradient(circle,#A6E8F0,transparent 70%); opacity:.5;}
.hero-bg .b3{width:480px; height:480px; right:8%; bottom:-220px; background:radial-gradient(circle,#BFE3CC,transparent 70%); opacity:.35;}
.hero-bg .grid{position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:54px 54px; opacity:.5; mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 30%,transparent 75%);}
.hero-grid{position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"copy device" "trust device"; column-gap:48px; row-gap:34px; align-items:start;}
.hero-copy{grid-area:copy; min-width:0;}
.device{grid-area:device; min-width:0; align-self:start;}
.device > .eyebrow{margin:0 0 18px 2px;}
.device-stage{position:relative;}
.hero-grid > .trust{grid-area:trust; min-width:0;}
.hero h1{font-size:clamp(38px,4.6vw,56px); line-height:1.05; letter-spacing:-.03em; font-weight:900;}
.hero h1 .accent{color:var(--violet); position:relative;}
.hero h1 .accent::after{content:''; position:absolute; left:0; right:0; bottom:.06em; height:.14em; background:linear-gradient(90deg,var(--violet),var(--brand-cyan)); border-radius:3px; opacity:.28; transform:scaleX(1); transform-origin:left;}
html.js-anim .hero h1 .accent::after{transform:scaleX(0); animation:underline 1s var(--ease) .5s forwards;}
@keyframes underline{to{transform:scaleX(1);}}
.hero .lead{margin-top:18px; font-size:18px; line-height:1.5; color:var(--gray-1); max-width:540px;}
.hero .lead b{color:var(--ink); font-weight:700;}
.hero-actions{margin-top:34px; display:flex; gap:14px; flex-wrap:wrap;}
.hero-note{margin-top:16px; display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--gray-2);}
.hero-note svg{width:16px; height:16px; color:var(--green);}
.hero-free10{margin-top:18px; max-width:560px; display:flex; align-items:flex-start; gap:10px; padding:11px 14px; background:var(--violet-soft); border:1px solid var(--violet-soft-2); border-radius:var(--r-lg); font-size:14px; line-height:1.5; color:var(--gray-2);}
.hero-free10 .hf10-ic{flex:0 0 auto; font-size:18px; line-height:1.3;}
.hero-free10 .hf10-txt b{color:var(--ink); font-weight:800;}
@media (max-width:560px){.hero-free10{font-size:13px; padding:10px 12px;}}
.trust{margin-top:0; display:flex; gap:14px; flex-wrap:wrap;}
.trust-card{flex:1; min-width:130px; background:var(--white); border:1.5px solid var(--line); border-radius:var(--r-lg); padding:18px; box-shadow:var(--sh-sm); transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s;}
.trust-card:hover{transform:translateY(-3px); box-shadow:var(--sh-md); border-color:var(--violet-soft-2);}
.trust-card .tc-ic{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:11px; margin-bottom:12px;}
.trust-card b{display:block; font-size:28px; font-weight:900; letter-spacing:-.03em; line-height:1; background:linear-gradient(135deg,var(--ink) 30%,var(--violet-700)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.trust-card span{display:block; margin-top:7px; font-size:13px; font-weight:500; color:var(--gray-2); line-height:1.4;}

/* ---------------- REPORT MOCKUP (hero device) ---------------- */
.device{position:relative; z-index:1;}
.report{background:var(--white); border-radius:var(--r-xl); box-shadow:var(--sh-lg); border:1px solid var(--line); overflow:hidden; position:relative;}
.report-bar{display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--line-2); background:linear-gradient(180deg,#fff,var(--well));}
.traffic{display:flex; gap:7px;} .traffic i{width:11px; height:11px; border-radius:50%; background:var(--line);} .traffic i:nth-child(1){background:#FF7062;} .traffic i:nth-child(2){background:#FFC043;} .traffic i:nth-child(3){background:#2ECC71;}
.report-bar .url{margin-left:6px; font-size:12.5px; color:var(--gray-2); font-weight:500; display:flex; align-items:center; gap:6px;}
.report-bar .live{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--green-600); background:var(--green-soft); padding:5px 10px; border-radius:var(--r-pill);}
.report-bar .live i{width:7px; height:7px; border-radius:50%; background:var(--green); animation:pulse 2s infinite;}
.report-body{padding:22px;}
.report-head{display:flex; gap:16px; align-items:flex-start;}
.report-head .ttl{flex:1;}
.report-head .car{display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--gray-2); margin-bottom:8px;}
.report-head h3{font-size:21px; letter-spacing:-.02em;}
.report-head p{margin-top:7px; font-size:13.5px; color:var(--gray-1); line-height:1.45;}

/* score ring */
.score{flex:none; width:92px; text-align:center;}
.ring{position:relative; width:92px; height:92px;}
.ring svg{transform:rotate(-90deg);}
.ring .val{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ring .val b{font-size:30px; font-weight:800; letter-spacing:-.04em; line-height:1; color:var(--green-600);}
.ring .val span{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--gray-2); margin-top:1px;}

/* kpi row */
.kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:20px;}
.kpi{position:relative; min-width:0; background:var(--well); border-radius:var(--r-sm); padding:13px 12px 12px 15px; overflow:hidden;}
.kpi::before{content:''; position:absolute; left:0; top:9px; bottom:9px; width:3px; border-radius:2px; background:var(--violet);}
.kpi.green::before{background:var(--green);} .kpi.orange::before{background:var(--orange);} .kpi.red::before{background:var(--red);}
.kpi small{display:block; font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--gray-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kpi b{display:block; margin-top:5px; font-size:17px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kpi b.up{color:var(--green-600);}

/* verdict */
.verdict{margin-top:16px; display:flex; gap:13px; align-items:flex-start; background:var(--green-soft); border:1px solid var(--green-line); border-radius:var(--r-md); padding:15px 16px;}
.verdict .mk{flex:none; width:30px; height:30px; border-radius:9px; background:var(--green); color:#fff; display:grid; place-items:center; font-weight:800; box-shadow:0 6px 14px -4px rgba(22,115,72,.6);}
.verdict .mk svg{width:17px; height:17px;}
.verdict p{font-size:13.5px; line-height:1.5; color:var(--ink-2);}
.verdict p b{color:var(--green-600);}

/* mini chart */
.chart-card{margin-top:16px; background:var(--well); border-radius:var(--r-md); padding:16px;}
.chart-card .ct{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:14px;}
.chart-card .ct b{font-size:13.5px; font-weight:700;}
.chart-card .ct span{font-size:11.5px; color:var(--gray-2);}
.bars{display:flex; align-items:flex-end; gap:9px; height:84px;}
.bars i{flex:1; border-radius:6px 6px 3px 3px; background:var(--violet-soft-2); transform-origin:bottom; transform:scaleY(1);}
.bars i.hot{background:linear-gradient(180deg,var(--brand-cyan),var(--brand));}
html.js-anim .bars i{transform:scaleY(0); transition:transform .8s var(--ease);}
html.js-anim .bars.go i{transform:scaleY(1);}

/* floating chips on device */
.float{position:absolute; z-index:3; background:var(--white); border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh-md); padding:11px 14px; display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:600;}
.float .ic{width:30px; height:30px; border-radius:9px; display:grid; place-items:center; flex:none;}
.float small{display:block; font-size:10.5px; color:var(--gray-2); font-weight:600;}
.float b{font-size:14px; font-weight:800; letter-spacing:-.02em;}
.float.f1{top:-22px; right:-18px; animation:floaty 5s var(--ease) infinite;}
.float.f2{bottom:46px; left:-26px; animation:floaty 6s var(--ease) infinite .8s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

/* ============================================================
   LevelCar — section styles
   ============================================================ */

/* ---------------- QUICK CHECK ---------------- */
.check{position:relative;}
.check-panel{background:var(--white); border:1px solid var(--line); border-radius:var(--r-2xl); box-shadow:var(--sh-md); overflow:hidden; display:grid; grid-template-columns:1.05fr 1fr;}
.check-left{padding:48px 44px;}
.check-left h2{font-size:clamp(26px,3vw,36px); margin-top:18px; line-height:1.08;}
.check-left .sub{margin-top:14px; font-size:16px; color:var(--gray-1); max-width:430px;}
.check-form{margin-top:26px; display:flex; gap:10px; background:var(--well); border:1.5px solid var(--line); border-radius:var(--r-pill); padding:7px 7px 7px 8px; transition:border-color .18s var(--ease),box-shadow .18s var(--ease);}
.check-form:focus-within{border-color:var(--violet); box-shadow:0 0 0 4px rgba(46,130,230,.14); background:#fff;}
.check-form .pfx{display:flex; align-items:center; padding-left:10px; color:var(--gray-2);}
.check-form .pfx svg{width:20px; height:20px;}
.check-form input{flex:1; border:0; background:transparent; font-family:var(--font); font-size:16px; font-weight:600; color:var(--ink); padding:10px 4px; outline:none; letter-spacing:.01em;}
.check-form input::placeholder{color:var(--gray-2); font-weight:500; letter-spacing:0;}
.check-form .btn{flex:none;}
.check-samples{margin-top:14px; display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:13px; color:var(--gray-2);}
.check-samples button{font-family:var(--font); font-size:12.5px; font-weight:600; color:var(--violet-700); background:var(--violet-soft); border:0; padding:6px 12px; border-radius:var(--r-pill); cursor:pointer; transition:background .15s var(--ease);}
.check-samples button:hover{background:var(--violet-soft-2);}
.check-lists{margin-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.vl{background:var(--well); border-radius:var(--r-md); padding:18px;}
.vl.bonus{background:linear-gradient(150deg,#FFF3EA,#FFEADF); }
.vl .vt{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--gray-1); margin-bottom:12px;}
.vl.bonus .vt{color:var(--orange-600);}
.vl ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px;}
.vl li{display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color:var(--ink-2); line-height:1.35;}
.vl li svg{width:16px; height:16px; flex:none; margin-top:2px; color:var(--green);}
.vl.bonus li svg{color:var(--orange);}

/* result zone (animated demo) */
.check-right{background:linear-gradient(165deg,var(--page),var(--well-2)); border-left:1px solid var(--line); padding:34px; position:relative; display:flex; flex-direction:column;}
.cr-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
.cr-head .lbl{font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--gray-2);}
.cr-stage{flex:1; display:flex; flex-direction:column; gap:12px; position:relative; min-height:340px;}
.cr-empty{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:14px; color:var(--gray-2); transition:opacity .4s var(--ease);}
.cr-empty .ic{width:64px; height:64px; border-radius:18px; background:var(--white); border:1px solid var(--line); display:grid; place-items:center; box-shadow:var(--sh-xs);}
.cr-empty .ic svg{width:28px; height:28px; color:var(--violet);}
.cr-empty p{font-size:14px; max-width:230px; line-height:1.45;}
.cr-loading{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; opacity:0; pointer-events:none; transition:opacity .3s var(--ease);}
.cr-loading.on{opacity:1;}
.spinner{width:44px; height:44px; border-radius:50%; border:4px solid var(--violet-soft-2); border-top-color:var(--violet); animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.cr-loading .steps-l{display:flex; flex-direction:column; gap:7px; font-size:13px; color:var(--gray-1);}
.cr-loading .steps-l div{display:flex; align-items:center; gap:8px; opacity:.4; transition:opacity .3s var(--ease);}
.cr-loading .steps-l div.done{opacity:1; color:var(--ink);}
.cr-loading .steps-l svg{width:15px; height:15px; color:var(--green);}
.cr-card{opacity:0; transform:translateY(14px); transition:opacity .5s var(--ease),transform .5s var(--ease); pointer-events:none; position:absolute; inset:0; display:flex; flex-direction:column; gap:12px;}
.cr-card.on{opacity:1; transform:none; pointer-events:auto;}
.crc{background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:16px; box-shadow:var(--sh-xs);}
.crc-top{display:flex; align-items:center; gap:13px;}
.crc-top .ring{width:64px; height:64px; flex:none;}
.crc-top .ring .val b{font-size:21px;} .crc-top .ring .val span{font-size:8px;}
.crc-top h4{font-size:16px;}
.crc-top p{font-size:12.5px; color:var(--gray-1); margin-top:3px;}
.crc-row{display:flex; gap:10px;}
.crc-mini{flex:1; background:var(--well); border-radius:10px; padding:11px 13px;}
.crc-mini small{display:block; font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--gray-2); font-weight:600;}
.crc-mini b{display:block; margin-top:4px; font-size:16px; font-weight:800; letter-spacing:-.02em;}
.crc-verdict{display:flex; gap:11px; align-items:center; background:var(--green-soft); border:1px solid var(--green-line); border-radius:12px; padding:13px 15px;}
.crc-verdict svg{width:22px; height:22px; color:var(--green-600); flex:none;}
.crc-verdict p{font-size:13px; color:var(--ink-2); line-height:1.4;} .crc-verdict b{color:var(--green-600);}

/* ---------------- WHY US (4-up) ---------------- */
.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch;}
.why-card{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px 24px; box-shadow:var(--sh-xs); transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
.why-card:hover{transform:translateY(-5px); box-shadow:var(--sh-md); border-color:var(--violet-soft-2);}
.why-card .n{width:46px; height:46px; border-radius:13px; display:grid; place-items:center; font-size:16px; font-weight:800; color:#fff; margin-bottom:20px; letter-spacing:-.02em;}
.why-card:nth-child(1) .n{background:linear-gradient(150deg,var(--brand-cyan),var(--brand));}
.why-card:nth-child(2) .n{background:linear-gradient(150deg,#FF9D4D,var(--orange));}
.why-card:nth-child(3) .n{background:linear-gradient(150deg,#3FD795,var(--green));}
.why-card:nth-child(4) .n{background:linear-gradient(150deg,var(--gray-1),var(--ink));}
.why-card h3{font-size:17.5px; line-height:1.2; letter-spacing:-.02em;}
.why-card p{margin-top:11px; font-size:14px; color:var(--gray-1); line-height:1.5;}

/* ---------------- HOW IT WORKS ---------------- */
.how-wrap{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.flow-card{background:var(--white); border:1px solid var(--line); border-radius:var(--r-xl); padding:36px 34px; box-shadow:var(--sh-xs);}
.flow-card.dark{background:linear-gradient(160deg,#1B3358,var(--ink)); border-color:transparent; color:#fff;}
.flow-card h3{font-size:22px; margin-bottom:26px;}
.flow-card.dark h3{color:#fff;}
.steps{display:flex; flex-direction:column; gap:22px;}
.step{display:flex; gap:16px; align-items:flex-start;}
.step .num{flex:none; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-weight:800; font-size:15px; background:var(--violet-soft); color:var(--violet-700);}
.flow-card.dark .step .num{background:rgba(255,255,255,.1); color:#fff;}
.step b{display:block; font-size:15.5px; font-weight:700; letter-spacing:-.01em;}
.flow-card.dark .step b{color:#fff;}
.step span{display:block; margin-top:5px; font-size:13.5px; color:var(--gray-1); line-height:1.5;}
.flow-card.dark .step span{color:rgba(255,255,255,.62);}
.step .num.alt{background:var(--orange-soft); color:var(--orange-600);}

/* ---------------- ANALYTICS SHOWCASE ---------------- */
.analytics{display:grid; grid-template-columns:1.25fr 1fr; gap:24px; align-items:stretch;}
.panel{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); border-radius:var(--r-xl); padding:28px; box-shadow:var(--sh-xs);}
.panel .scatter,.panel .radar{margin-top:auto;}
.panel h3{font-size:18px; display:flex; align-items:center; gap:9px;}
.panel .ph{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px;}
.panel .ph p{font-size:13px; color:var(--gray-2); margin-top:5px;}
.scatter{position:relative; height:300px; border-radius:var(--r-md); background:
  linear-gradient(var(--line-2) 1px,transparent 1px) 0 0/100% 25%,
  linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0/16.66% 100%,
  var(--well); overflow:hidden;}
.scatter .axis{position:absolute; font-size:10px; color:var(--gray-2); font-weight:600;}
.scatter .axis.y{left:8px; top:8px;} .scatter .axis.x{right:10px; bottom:8px;}
.scatter .trend{position:absolute; left:6%; right:6%; bottom:34%; height:0; border-top:2.5px dashed var(--violet); transform:rotate(-13deg); opacity:.7;}
html.js-anim .scatter .trend{opacity:0; transition:opacity .8s var(--ease) .4s;}
html.js-anim .scatter.go .trend{opacity:.7;}
.scatter .pt{position:absolute; width:14px; height:14px; border-radius:50%; transform:translate(-50%,-50%) scale(1); box-shadow:0 3px 8px -2px rgba(20,38,61,.3); border:2.5px solid #fff;}
html.js-anim .scatter .pt{transform:translate(-50%,-50%) scale(0); transition:transform .5s var(--ease);}
html.js-anim .scatter.go .pt{transform:translate(-50%,-50%) scale(1);}
.pt.v{background:var(--violet);} .pt.g{background:var(--green);} .pt.o{background:var(--orange);} .pt.r{background:var(--red);}
.pt.big{width:20px; height:20px; box-shadow:0 0 0 6px rgba(46,130,230,.18),0 4px 10px -2px rgba(20,38,61,.3); z-index:2;}

/* radar */
.radar{display:grid; place-items:center; height:300px;}
.radar svg{width:100%; max-width:300px; overflow:visible;}
.radar .shape{opacity:1; transform-origin:center; transform:scale(1);}
html.js-anim .radar .shape{opacity:0; transform:scale(.7); transition:opacity .8s var(--ease) .3s,transform .8s var(--ease) .3s;}
html.js-anim .radar.go .shape{opacity:1; transform:scale(1);}

/* ---------------- ANALOGS ---------------- */
.analog-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.car-card{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-xs); transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.car-card:hover{transform:translateY(-5px); box-shadow:var(--sh-md);}
.car-img{position:relative; height:140px; background:linear-gradient(160deg,var(--brand-soft),#E7F6EF); display:grid; place-items:center; overflow:hidden;}
.car-img svg{width:74%; opacity:.9;}
.car-img .badge{position:absolute; top:12px; right:12px; font-size:12px; font-weight:800; padding:5px 10px; border-radius:var(--r-pill); background:#fff; box-shadow:var(--sh-xs);}
.car-img .badge.good{color:var(--green-600);} .car-img .badge.bad{color:var(--red-600);} .car-img .badge.neu{color:var(--gray-1);}
.car-body{padding:17px 18px 19px;}
.car-body h4{font-size:16px; letter-spacing:-.02em;}
.car-body .meta{margin-top:6px; font-size:12.5px; color:var(--gray-2);}
.car-body .price{margin-top:14px; display:flex; align-items:baseline; justify-content:space-between;}
.car-body .price b{font-size:21px; font-weight:800; letter-spacing:-.03em;}
.car-body .price .tag{font-size:11px;}

/* ---------------- FEATURES (6-up) ---------------- */
.feat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch;}
.feat{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px 24px; box-shadow:var(--sh-xs); transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.feat:hover{transform:translateY(-4px); box-shadow:var(--sh-md);}
.feat .fic{width:48px; height:48px; border-radius:13px; display:grid; place-items:center; margin-bottom:18px; background:var(--violet-soft);}
.feat .fic svg{width:24px; height:24px; color:var(--violet);}
.feat:nth-child(2) .fic{background:var(--green-soft);} .feat:nth-child(2) .fic svg{color:var(--green-600);}
.feat:nth-child(3) .fic{background:var(--red-soft);} .feat:nth-child(3) .fic svg{color:var(--red-600);}
.feat:nth-child(4) .fic{background:var(--orange-soft);} .feat:nth-child(4) .fic svg{color:var(--orange-600);}
.feat:nth-child(5) .fic{background:var(--amber-soft);} .feat:nth-child(5) .fic svg{color:var(--amber);}
.feat h3{font-size:17px; letter-spacing:-.02em;}
.feat p{margin-top:10px; font-size:14px; color:var(--gray-1); line-height:1.5;}

/* ---------------- FAQ ---------------- */
.faq{max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:12px;}
.faq-item{background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.faq-item[open]{border-color:var(--violet-soft-2); box-shadow:var(--sh-sm);}
.faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:16.5px; font-weight:700; letter-spacing:-.01em;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .pm{flex:none; width:30px; height:30px; border-radius:9px; background:var(--well-2); display:grid; place-items:center; transition:transform .25s var(--ease),background .2s var(--ease); color:var(--violet);}
.faq-item[open] summary .pm{transform:rotate(45deg); background:var(--violet); color:#fff;}
.faq-item summary .pm svg{width:17px; height:17px;}
.faq-body{padding:0 24px 22px; font-size:15px; color:var(--gray-1); line-height:1.6; max-width:660px;}

/* ---------------- CTA ---------------- */
.cta-band{position:relative; border-radius:var(--r-2xl); overflow:hidden; padding:60px 56px; background:linear-gradient(115deg,var(--brand-700) 0%,var(--brand) 55%,var(--brand-cyan) 100%); box-shadow:var(--sh-lg); display:grid; grid-template-columns:1.2fr auto; gap:40px; align-items:center;}
.cta-band .glow{position:absolute; border-radius:50%; filter:blur(60px);}
.cta-band .g1{width:300px; height:300px; right:-60px; top:-120px; background:rgba(242,100,10,.45);}
.cta-band .g2{width:280px; height:280px; left:30%; bottom:-160px; background:rgba(22,115,72,.35);}
.cta-band h2{position:relative; color:#fff; font-size:clamp(28px,3.4vw,40px); line-height:1.08;}
.cta-band p{position:relative; margin-top:16px; color:rgba(255,255,255,.85); font-size:17px; max-width:440px;}
.cta-actions{position:relative; display:flex; flex-direction:column; gap:12px;}
.cta-actions .btn-primary{background:#fff; color:var(--violet-700); box-shadow:0 16px 36px -12px rgba(0,0,0,.4);}
.cta-actions .btn-primary:hover{background:var(--brand-soft);}
.cta-actions .btn-ghost{background:rgba(255,255,255,.12); color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);}
.cta-actions .btn-ghost:hover{background:rgba(255,255,255,.2); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);}

/* ---------------- FOOTER ---------------- */
footer{background:var(--ink); color:rgba(255,255,255,.6); padding:64px 0 32px; margin-top:96px;}
.foot-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; gap:32px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.1);}
.foot-brand{display:inline-flex; align-items:center; gap:11px; color:#fff; font-weight:800; font-size:19px;}
.foot-tag{margin-top:18px; font-size:14px; line-height:1.6; max-width:320px; color:rgba(255,255,255,.55);}
.foot-col h4{color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:18px; font-weight:700;}
.foot-col a{display:block; font-size:14.5px; color:rgba(255,255,255,.6); padding:6px 0;}
.foot-col a:hover{color:#fff;}
.foot-bottom{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:26px; font-size:13px; color:rgba(255,255,255,.4);}

/* /analytics — частка оголошень за регіонами (2 картки, рядок = назва + % + бар частки) */
.lc-regs{border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; box-shadow:var(--sh-xs); padding:6px 0;}
.lc-reg{display:block; padding:11px 18px; font-size:14px; text-decoration:none; color:var(--ink); transition:background .15s;}
.lc-reg.lk:hover{background:rgba(46,130,230,.05);}
.lc-reg .top{display:flex; align-items:baseline; justify-content:space-between; gap:12px;}
.lc-reg .nm{font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-reg.lk:hover .nm{color:var(--violet);}
.lc-reg .pc{flex:none; font-weight:800; color:var(--violet); font-variant-numeric:tabular-nums;}
.lc-reg .bar{height:5px; border-radius:99px; background:var(--well-2); margin-top:7px; overflow:hidden;}
.lc-reg .bar > i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, var(--violet), var(--brand-cyan));}

/* переключатель языков — дропдаун (текущий язык + список остальных по клику) */
.lang-dd{position:relative; display:inline-flex;}
.lang-cur{display:inline-flex; align-items:center; gap:5px; padding:9px 12px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:13px; font-weight:700; color:var(--gray-1); cursor:pointer; transition:background .15s;}
.lang-cur:hover{background:var(--well-2);}
.lang-menu{position:absolute; top:calc(100% + 6px); right:0; min-width:66px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 16px 34px rgba(20,38,61,.16); padding:4px; display:none; z-index:90;}
.lang-dd:focus-within .lang-menu{display:block;}
.lang-menu a{display:block; padding:8px 12px; border-radius:8px; font-size:13px; font-weight:700; color:var(--ink); text-decoration:none;}
.lang-menu a:hover{background:var(--violet-soft); color:var(--violet);}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr; grid-template-areas:"copy" "device" "trust"; row-gap:30px;}
  .device{max-width:520px; margin:0 auto; width:100%;}
  .check-panel{grid-template-columns:1fr;}
  .check-right{border-left:0; border-top:1px solid var(--line);}
  .analytics{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .analog-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .nav-links{display:none;} .nav-cta{display:none;} .burger{display:flex;}
  /* мобильное меню: бургер открывает выпадающий список */
  .nav{position:relative;}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px 18px;gap:2px;box-shadow:0 22px 36px rgba(20,38,61,.12);z-index:80;max-height:calc(100vh - 64px);overflow-y:auto;}
  .nav-links.open a{padding:12px 12px;border-radius:12px;font-weight:600;font-size:15px;}
  .nav-links.open a:active{background:rgba(46,130,230,.08);}
  /* мова + вхід усередині бургер-меню (на десктопі приховано) */
  .nav-links.open .nav-mob-extra{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line);}
  .nav-mob-langs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .nav-mob-langs span{font-size:13px;color:var(--gray-2);font-weight:600;}
  .nav-mob-langs a{padding:8px 16px !important;border:1px solid var(--line);border-radius:999px !important;font-size:14px;font-weight:700;color:var(--gray-1);}
  .nav-mob-langs a.on{background:var(--violet);color:#fff;border-color:var(--violet);}
  .nav-mob-login{width:100%;justify-content:center;text-align:center;padding:13px 16px !important;font-size:15px;color:#fff !important;background:var(--action) !important;}
  .how-wrap{grid-template-columns:1fr;}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .cta-band{grid-template-columns:1fr; padding:44px 32px;}
  .section{padding:72px 0;}
  .check-left{padding:34px 28px;}
  .float{display:none;}
}
@media (max-width:560px){
  .wrap{padding:0 18px;}
  body{overflow-x:hidden;}   /* страховка від горизонтального скролу на вузьких екранах */
  .why-grid,.feat-grid,.analog-grid,.check-lists{grid-template-columns:1fr;}
  .kpis{grid-template-columns:repeat(2,1fr);}
  .device{max-width:100%; margin:0 auto;}      /* було 520px — ширше телефона → overflow */
  .hero h1{font-size:38px;}
  .hero h1 .accent{white-space:normal;}          /* довгий акцент має переноситись, а не вилазити */
  .hero-check{flex-direction:column;}            /* форма в стовпчик — інпут і кнопка не ріжуться */
  .hero-check .btn{width:100%; justify-content:center;}
  .trust-card{min-width:100%;}
  .hero-actions{flex-direction:column;} .hero-actions .btn{width:100%;}
  .foot-grid{grid-template-columns:1fr;gap:26px;}
  .check-form{flex-direction:column;} .check-form .btn{width:100%;}
}
@media (max-width:860px){
  .foot-grid{grid-template-columns:1fr 1fr;}
}
/* Графіки/гістограми у звітах: на вузьких екранах — одна колонка (бьём inline-стилі),
   діти гридів і стовпчики не повинні розпирати сторінку ширше за вьюпорт. */
@media (max-width:760px){
  .lc-grid, .lc-grid2, .lc-grid3{ grid-template-columns:1fr !important; }
  .lc-grid > *, .lc-grid2 > *, .lc-grid3 > *{ min-width:0 !important; }
  .chart-card{ min-width:0; overflow:hidden; }
}

/* ============ Подстраницы движка ============ */
.page-head{padding:64px 0 12px}
.page-head h1{font-size:44px;letter-spacing:-.045em;margin:16px 0 10px}
.page-head .sub{color:var(--ink-soft);font-size:17px;max-width:640px;overflow-wrap:anywhere}
/* ── Єдині компоненти сторінок (уніфікація дизайну 2026-08). Канон — /analytics. ── */
.lc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--sh-card);min-width:0;max-width:100%}
.an-h2{font-size:24px;letter-spacing:-.03em;margin:44px 0 0;font-weight:800;line-height:1.15}
.an-h2:first-child{margin-top:0}
.an-sub{font-size:13.5px;color:var(--gray-2);line-height:1.55;margin:8px 0 0;max-width:720px}
.lc-sec{margin-top:44px}
.lc-page{padding-bottom:20px}
.lc-page-hero{text-align:center;max-width:760px;margin:0 auto;padding:6px 0 0}
.lc-page-hero .eyebrow{margin-bottom:18px}
.lc-page-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.035em;font-weight:900;margin:0}
.lc-page-hero .lc-desc{font-size:17px;line-height:1.6;color:var(--gray-1);max-width:640px;margin:16px auto 0}
.lc-sec-c{margin-top:52px}
.lc-h{text-align:center;max-width:660px;margin:0 auto 28px}

.lc-h h2{font-size:28px;letter-spacing:-.03em;margin:10px 0 0;font-weight:900}
.lc-h p{font-size:15px;color:var(--gray-1);line-height:1.6;margin:10px 0 0}
.lc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lc-cards.c2{grid-template-columns:repeat(2,1fr)}
.lc-cards.c4{grid-template-columns:repeat(4,1fr)}
.lc-card2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--sh-xs);transition:transform .16s,box-shadow .16s,border-color .16s}
.lc-card2:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,38,61,.1);border-color:var(--violet)}
.lc-card2 .ic{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:var(--violet-soft);color:var(--violet)}
.lc-card2 b{font-size:16px;margin-top:14px;letter-spacing:-.01em}
.lc-card2 p{font-size:13.5px;color:var(--gray-2);line-height:1.55;margin:7px 0 0}
.lc-prose{max-width:760px;margin:0 auto;font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.lc-prose h3{font-size:18px;letter-spacing:-.02em;margin:22px 0 8px;font-weight:800;color:var(--ink)}
.lc-prose p{margin:12px 0}
.lc-faq2{max-width:760px;margin:0 auto}
.lc-faq2 details{border-top:1px solid var(--line);padding:14px 0}
.lc-faq2 details:last-child{border-bottom:1px solid var(--line)}
.lc-faq2 summary{cursor:pointer;font-weight:700;list-style:none;font-size:15px;color:var(--ink)}
.lc-faq2 summary::-webkit-details-marker{display:none}
.lc-faq2 p{color:var(--gray-1);line-height:1.7;margin:9px 0 0}
.lc-tcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px;box-shadow:var(--sh-card)}
.lc-tcard h2{font-size:24px;letter-spacing:-.03em;margin:0 0 12px;font-weight:800}
.lc-tcard>p{font-size:15px;line-height:1.75;color:var(--ink-2);margin:10px 0 0}
.lc-tcard .lc-faq2{max-width:none}
@media(max-width:640px){.lc-tcard{padding:20px 18px}}
@media(max-width:820px){.lc-cards,.lc-cards.c2,.lc-cards.c4{grid-template-columns:1fr}.lc-page-hero h1{font-size:32px}.lc-h h2{font-size:24px}}
.article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 42px;max-width:840px;box-shadow:0 12px 34px rgba(20,38,61,.06);margin:26px 0 70px}
.article h2{font-size:25px;letter-spacing:-.03em;margin:22px 0 10px}
.article h3{font-size:18px;margin:18px 0 8px}
.article p{color:var(--gray-1);line-height:1.7;margin:10px 0}
.article ul{margin:12px 0;padding:0;list-style:none;display:grid;gap:9px}
.article li{display:flex;gap:10px;color:var(--gray-1);line-height:1.55}
.article li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet);flex:0 0 auto;margin-top:8px}
.empty-zone{min-height:46vh}
@media(max-width:640px){.page-head h1{font-size:32px}.article{padding:24px 20px}}

/* fixes: плотная шапка на средних экранах */
@media (max-width:1280px){
  .nav-inner{gap:16px;}
  .nav-links{gap:0;}
  .nav-links a{font-size:13.5px; padding:8px 10px;}
  .nav-cta .btn{padding:11px 16px; font-size:14px;}
}

/* ── auth (вход/регистрация/восстановление) ── */
.auth-wrap{padding:64px 0 80px;background:var(--gray-bg);min-height:60vh}
.auth-grid{display:grid;grid-template-columns:minmax(0,455px) minmax(0,455px);gap:26px;justify-content:center;align-items:stretch}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px 38px;box-shadow:0 16px 44px -16px rgba(20,38,61,.14)}
.auth-h1{font-size:27px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 7px}
.auth-sub{font-size:14px;color:var(--gray-2);margin:0 0 20px;line-height:1.55}
.auth-form{display:flex;flex-direction:column;gap:14px}
.auth-lbl{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.auth-inp{box-sizing:border-box;-webkit-appearance:none;appearance:none;border:1px solid var(--line);border-radius:12px;padding:0 14px;height:46px;background:#fff;color:var(--ink);font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.auth-inp::placeholder{color:var(--gray-3)}
.auth-inp:hover{border-color:var(--gray-3)}
.auth-inp:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(46,130,230,.14)}
/* выровнять автозаполнение: тот же белый фон у email и пароля */
.auth-inp:-webkit-autofill,.auth-inp:-webkit-autofill:hover,.auth-inp:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-top:2px}
.auth-check{display:inline-flex;align-items:flex-start;gap:8px;color:var(--ink-2);cursor:pointer;line-height:1.4}
.auth-check input{accent-color:var(--violet);width:15px;height:15px;margin-top:1px;flex:0 0 auto}
.auth-link{color:var(--violet);font-weight:700;text-decoration:none}
.auth-link:hover{text-decoration:underline}
.auth-btn{width:100%;height:50px;margin-top:8px;justify-content:center;font-size:15px;border-radius:12px}
.auth-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--gray-2);text-align:center}
.auth-msg{border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.5;margin-bottom:16px;font-weight:600}
.auth-msg--err{background:var(--red-soft);color:var(--red);border:1px solid var(--red-line)}
.auth-msg--ok{background:var(--green-soft);color:var(--green);border:1px solid var(--green-line)}
.auth-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn-google{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2);font-size:14.5px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.btn-google:hover{border-color:var(--gray-3);background:var(--well);box-shadow:0 2px 10px -4px rgba(20,38,61,.18)}
.btn-google svg{flex:0 0 auto}
.btn-telegram{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;padding:0 16px;margin-top:10px;border:1px solid transparent;border-radius:12px;background:#29A9EB;color:#fff;font-size:14.5px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.btn-telegram:hover{background:#1f97d6;box-shadow:0 2px 12px -4px rgba(41,169,235,.6)}
.btn-telegram svg{flex:0 0 auto}
.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--gray-3);font-size:12.5px;font-weight:600;text-transform:lowercase}
.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:var(--line-2)}

/* ── Правая панель преимуществ ── */
.auth-side{display:flex}
.auth-side-card{display:flex;flex-direction:column;width:100%;background:var(--well);border:1px solid var(--line);border-radius:24px;padding:38px 34px;box-shadow:0 16px 44px -16px rgba(20,38,61,.14)}
.auth-side-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--brand-soft);color:var(--brand-600);font-weight:600;font-size:12.5px;padding:7px 13px;border-radius:999px;margin-bottom:24px}
.auth-side-h2{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--ink);margin:0 0 8px}
.auth-side-lead{font-size:13.5px;font-weight:400;line-height:1.55;color:var(--gray-2);margin:0 0 26px}
.auth-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:17px}
.auth-feats li{display:flex;align-items:center;gap:13px;font-size:13.5px;font-weight:500;color:var(--ink-2);line-height:1.4}
.auth-feats svg{flex:0 0 auto;color:var(--brand)}
.auth-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin:auto 0 16px;padding-top:26px;font-size:12.5px;font-weight:400;color:var(--gray-2)}
.auth-meta b{color:var(--ink-2);font-weight:600}
.auth-meta i{width:3px;height:3px;border-radius:50%;background:var(--line);display:inline-block}
.auth-side-note{font-size:12px;font-weight:400;color:var(--gray-3);margin:0;line-height:1.45}
@media(max-width:860px){.auth-grid{grid-template-columns:1fr}.auth-side{order:2}.auth-wrap{padding:36px 0 56px}.auth-card,.auth-side-card{padding:28px 22px}}

/* ── CTA-карточки перевірок (сторінки марок/моделей) ── */
.ctc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;align-items:stretch}
@media(max-width:760px){.ctc-grid{grid-template-columns:1fr}}
a.ctc{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:22px;text-decoration:none;color:inherit;transition:transform .15s var(--ease),box-shadow .15s,border-color .15s}
a.ctc:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--violet-soft-2)}
.ctc-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;margin-bottom:14px;flex:none}
.ctc h3{font-size:15.5px;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--ink)}
.ctc p{font-size:13px;color:var(--gray-1);line-height:1.55;margin:6px 0 0}
.ctc-go{display:block;margin-top:18px;font-size:13.5px;font-weight:800}

/* ── чипы перелинковки (марки/модели) ── */
.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
a.chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.chip:hover{border-color:var(--violet);box-shadow:var(--sh-sm)}
a.chip--accent{background:var(--violet-soft);border-color:var(--violet-soft-2);color:var(--violet-700);font-weight:700}

/* ============================================================
   3) СТРАНИЦЫ — бывшие инлайн-<style> (перенесены 2026-09-09, hex → токены)
   ============================================================ */
/* ── from views.php:470 (view_header) ── */

/* Мобільні пункти бургера (мова+вхід): на десктопі приховані. Inline — щоб не залежати від кешу style.css. */
.nav-mob-extra{display:none}
@media(max-width:860px){
  .nav-links.open .nav-mob-extra{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}

  .nav-mob-langs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

  .nav-mob-langs span{font-size:13px;color:var(--gray-2);font-weight:600}

  .nav-mob-langs a{padding:8px 16px!important;border:1px solid var(--line);border-radius:999px!important;font-size:14px;font-weight:700;color:var(--gray-1)}

  .nav-mob-langs a.on{background:var(--violet);color:#fff;border-color:var(--violet)}

  .nav-mob-login{width:100%;justify-content:center;text-align:center;padding:13px 16px!important;font-size:15px}
}


/* ── from views.php:553 (view_footer) ── */
.lc-crumbs{margin:30px 0 0;padding:0}

.lc-crumbs > .wrap{padding-top:14px;padding-bottom:14px;border-top:1px solid var(--line)}

.lc-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:13px}

.lc-crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}

.lc-crumbs a{color:var(--gray-1);text-decoration:none;transition:color .12s}

.lc-crumbs a:hover{color:var(--violet)}

.lc-crumbs .sep{color:var(--gray-2);opacity:.6}

.lc-crumbs [aria-current]{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}


/* ── from views.php:747 (home_demo_teaser_block) ── */
.lc-demo-teaser .car-img{height:220px}
@media(max-width:760px){.lc-demo-teaser{grid-template-columns:1fr !important}
.lc-demo-teaser .car-img{height:190px}
}
/* ── from views.php:815 (demo_home_block) ── */
@media(max-width:760px){ #check .lc-demo-grid{grid-template-columns:1fr !important}
 .lc-grid{grid-template-columns:1fr !important}
 .lc-kpis{grid-template-columns:1fr 1fr !important}
 .lc-grid3{grid-template-columns:1fr !important}
}

#check .lc-demo-grid .car-img{height:230px}
@media(max-width:760px){ #check .lc-demo-grid .car-img{height:190px}
}

[data-demo-tab]{transition:transform .15s,box-shadow .15s,outline-color .15s;outline:2px solid transparent;cursor:pointer}

[data-demo-tab]:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}

[data-demo-tab].lc-tab-active{outline-color:var(--violet);box-shadow:0 0 0 4px rgba(46,130,230,.14)}

.lc-demo-report{opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease,ease),transform .45s var(--ease,ease)}

.lc-demo-report.in{opacity:1;transform:none}


/* ── from views.php:1131 (home_css) ── */
.hm-hero{position:relative;overflow:hidden;padding:56px 0 60px}

    .hm-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}

    .hm-hero-bg .b{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}

    .hm-hero-bg .b1{width:520px;height:520px;left:-160px;top:-200px;background:radial-gradient(circle,#9CC7F5,transparent 70%)}

    .hm-hero-bg .b2{width:480px;height:480px;right:-140px;top:-160px;background:radial-gradient(circle,#A6E8F0,transparent 70%);opacity:.45}

    .hm-hero-bg .b3{width:440px;height:440px;right:12%;bottom:-240px;background:radial-gradient(circle,#BFE3CC,transparent 70%);opacity:.32}

    .hm-hero-in{position:relative;z-index:1;text-align:center;max-width:820px}

    .hm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--gray-1);
      background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;box-shadow:var(--sh-xs)}

    .hm-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,115,72,.18)}

    .hm-hero-in h1{font-size:46px;line-height:1.08;letter-spacing:-.035em;margin:20px 0 0;font-weight:900}

    .hm-hero-in h1 span{color:var(--violet)}

    .hm-lead{font-size:17px;line-height:1.6;color:var(--gray-1);max-width:640px;margin:16px auto 0}

    .hm-check{display:flex;gap:8px;margin:26px auto 0;max-width:560px;background:#fff;border:1px solid var(--line);
      border-radius:16px;padding:7px;box-shadow:var(--sh-sm)}

    .hm-check input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;padding:13px 15px;color:var(--ink)}

    .hm-check .btn{white-space:nowrap;padding:13px 22px}

    .hm-hero-note{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--gray-2)}

    .hm-hero-note svg{color:var(--green);flex:none}


    .hm-sec{padding:64px 0}

    .hm-alt{background:linear-gradient(180deg,var(--well),#fff)}

    .hm-h{text-align:center;max-width:640px;margin:0 auto 34px}

    .hm-h .kick{display:inline-block;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--violet)}

    .hm-h h2{font-size:30px;letter-spacing:-.03em;margin:10px 0 0;font-weight:900}

    .hm-h p{font-size:15px;color:var(--gray-1);line-height:1.6;margin:10px 0 0}


    .hm-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

    .hm-way{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;
      text-decoration:none;color:inherit;box-shadow:var(--sh-xs);transition:transform .16s,box-shadow .16s,border-color .16s}

    .hm-way:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,38,61,.1);border-color:transparent}

    .hm-way .ic{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px}

    .hm-way.tone-v .ic{background:var(--violet-soft);color:var(--violet)}

    .hm-way.tone-o .ic{background:var(--orange-soft);color:var(--amber)}

    .hm-way.tone-g .ic{background:var(--green-soft);color:var(--green-600)}

    .hm-way b{font-size:17px;margin-top:16px}

    .hm-way .ds{font-size:13.5px;color:var(--gray-2);line-height:1.55;margin-top:7px;flex:1}

    .hm-way .go{font-size:14px;font-weight:800;color:var(--violet);margin-top:14px}


    .hm-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

    .hm-feat{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}

    .hm-feat .ic{flex:none;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;
      border-radius:12px;background:var(--violet-soft);color:var(--violet)}

    .hm-feat b{display:block;font-size:15px}

    .hm-feat span{display:block;font-size:13px;color:var(--gray-2);line-height:1.5;margin-top:3px}


    .hm-cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}


    .hm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

    .hm-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh-xs)}

    .hm-kpi span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-2)}

    .hm-kpi b{display:block;font-size:24px;font-weight:900;letter-spacing:-.025em;margin-top:5px;white-space:nowrap}

    .hm-kpi i{display:block;font-style:normal;font-size:12px;color:var(--gray-2);margin-top:6px}


    .hm-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

    .hm-tool{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;
      text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}

    .hm-tool:hover{border-color:var(--violet);transform:translateY(-2px)}

    .hm-tool .ic{display:inline-flex;color:var(--violet)}

    .hm-tool b{font-size:15px;margin-top:12px}

    .hm-tool .ds{font-size:12.5px;color:var(--gray-2);line-height:1.55;margin-top:6px}


    .hm-fn-group{margin-top:38px}

    .hm-fn-group:first-of-type{margin-top:6px}

    .hm-fn-h{max-width:720px;margin:0 auto 16px;text-align:center}

    .hm-fn-h b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}

    .hm-fn-h span{display:block;font-size:14px;color:var(--gray-1);margin-top:5px;line-height:1.55}

    .hm-fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

    .hm-fn{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:inherit;box-shadow:var(--sh-xs);transition:transform .16s,box-shadow .16s,border-color .16s}

    .hm-fn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,38,61,.1);border-color:var(--violet)}

    .hm-fn .ic{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:13px;background:var(--violet-soft);color:var(--violet)}

    .hm-fn b{font-size:16px;margin-top:14px}

    .hm-fn .ds{font-size:13px;color:var(--gray-2);line-height:1.55;margin-top:7px;flex:1}

    .hm-fn .go{font-size:13.5px;font-weight:800;color:var(--violet);margin-top:14px}
@media(max-width:900px){.hm-fn-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.hm-fn-grid{grid-template-columns:1fr}
}


    .hm-faq{display:flex;flex-direction:column;gap:10px}

    .hm-q{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 18px}

    .hm-q summary{cursor:pointer;font-size:15.5px;font-weight:700;padding:15px 0;list-style:none;position:relative;padding-right:28px}

    .hm-q summary::-webkit-details-marker{display:none}

    .hm-q summary::after{content:"+";position:absolute;right:2px;top:13px;font-size:22px;font-weight:400;color:var(--violet)}

    .hm-q[open] summary::after{content:"\2013"}

    .hm-q p{font-size:14px;color:var(--gray-1);line-height:1.65;margin:0 0 16px}
@media(max-width:900px){
      .hm-hero-in h1{font-size:36px}

      .hm-ways,.hm-feats,.hm-tools,.hm-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
      .hm-hero-in h1{font-size:30px}

      .hm-ways,.hm-feats,.hm-tools,.hm-kpis{grid-template-columns:1fr}

      .hm-check{flex-direction:column}
.hm-check .btn{justify-content:center}
}


/* ── from views.php:1269 (home_engage_block) ── */
.lc-eng-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:14px}

      .lc-eng-card{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}

      .lc-eng-card:hover{border-color:var(--violet);box-shadow:var(--sh-xs);transform:translateY(-1px)}

      .lc-eng-card b{font-weight:700;font-size:13.5px;letter-spacing:-.01em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

      .lc-eng-sub{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:6px}

      .lc-eng-plate{font-family:var(--mono,monospace);font-size:12px;font-weight:800;letter-spacing:.04em;background:var(--well);border:1px solid var(--line);color:var(--ink);padding:2px 7px;border-radius:6px}

      .lc-eng-meta{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--gray-2);font-weight:600}
@media(max-width:600px){.lc-eng-grid{grid-template-columns:repeat(2,1fr)}
.lc-eng-mkt>a:nth-child(5){display:none}
}


/* ── from views.php:1378 (home_social_block) ── */
.lc-soc-strip{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center;margin:2px 0 22px;font-size:14px;font-weight:700;color:var(--gray-1)}

      .lc-soc-strip .b{display:inline-flex;align-items:center;gap:7px}

      .lc-soc-strip .st{color:var(--amber);font-size:16px;letter-spacing:1px}

      .lc-soc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

      .lc-soc-card{border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:#fff;box-shadow:var(--sh-xs)}

      .lc-soc-card .q{color:var(--ink);font-size:14.5px;line-height:1.5}

      .lc-soc-au{display:flex;align-items:center;gap:10px;margin-top:14px}

      .lc-soc-av{width:36px;height:36px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:var(--violet)}

      .lc-soc-nm{font-weight:700;font-size:13.5px}

      .lc-soc-vf{font-size:12.5px;color:var(--green-600);font-weight:700}
@media(max-width:820px){.lc-soc-grid{grid-template-columns:1fr}
}
/* ── from views.php:1449 (home_stats_block) ── */
@media(max-width:760px){.lc-stats{grid-template-columns:1fr 1fr !important}
}


/* ── from views.php:1528 (home_report_preview_block) ── */
.lc-rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}

      .lc-rp-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:var(--sh-xs)}

      .lc-rp-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px}

      .lc-rp-card h3{font-size:17px;letter-spacing:-.02em;margin:14px 0 6px}

      .lc-rp-card p{color:var(--gray-1);font-size:13.5px;line-height:1.5;margin:0}
@media(max-width:820px){.lc-rp-grid{grid-template-columns:1fr}
}


/* ── from views.php:1561 (home_sources_block) ── */
.lc-src{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:26px}

      .lc-src-col{display:flex;flex-direction:column;gap:14px}

      .lc-src-node{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;box-shadow:var(--sh-xs);font-weight:700;font-size:13.5px;position:relative}

      .lc-src-hub{display:flex;flex-direction:column;align-items:center;gap:10px}

      .lc-src-logo{width:74px;height:74px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand-cyan));display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(46,130,230,.35)}

      .lc-src-cap{font-size:12px;font-weight:800;color:var(--violet);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:820px){.lc-src{grid-template-columns:1fr;gap:14px}
.lc-src-hub{order:-1}
}


/* ── from views.php:1773 (lc_avg_value_card) ── */
.lcv-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px 22px;margin-top:16px;box-shadow:0 8px 26px rgba(20,38,61,.05)}
.lcv-scale{position:relative;padding-top:6px}
.lcv-track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--green) 0%,var(--brand) 50%,var(--amber) 100%);opacity:.28}
.lcv-track i{position:absolute;top:50%;width:16px;height:16px;border-radius:99px;background:#fff;border:3px solid var(--brand);transform:translate(-50%,-50%);box-shadow:0 3px 10px rgba(20,38,61,.18)}
.lcv-ends{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;margin-top:12px}
.lcv-ends span{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:var(--gray-2);white-space:nowrap;min-width:0}
.lcv-ends span b{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--gray-1)}
.lcv-ends .hi{text-align:right;align-items:flex-end}
.lcv-ends .mid{align-items:center;text-align:center}
.lcv-ends .mid b{font-size:19px;font-weight:900;color:var(--brand)}
.lcv-solo{text-align:center;padding:10px 0 4px}
.lcv-solo b{display:block;font-size:28px;font-weight:900;color:var(--brand);letter-spacing:-.03em}
.lcv-solo span{font-size:12px;font-weight:700;color:var(--gray-2)}
.lcv-spark{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.lcv-sparkh{font-size:12px;font-weight:700;color:var(--gray-2)}
.lcv-est-note{font-size:12px;color:var(--gray-3);margin-top:6px;letter-spacing:.01em}
.lcv-upd{font-size:12px;color:var(--gray-2);margin-top:10px}
@media(max-width:520px){.lcv-ends{grid-template-columns:1fr 1fr;gap:8px 12px}
.lcv-ends .mid{grid-column:1/-1;order:-1}
.lcv-ends span{font-size:11px}.lcv-ends span b{font-size:14px}.lcv-ends .mid b{font-size:18px}
}


/* ── from views.php:2212 (lc_locked_group) ── */
.lc-lsec .lh{display:flex;align-items:flex-start;gap:12px}

      .lc-lsec .lic{font-size:26px;flex:none;line-height:1;filter:grayscale(.15)}

      .lc-lsec h3{font-size:20px;letter-spacing:-.02em;margin:0;font-weight:800}

      .lc-paywall-h{font-size:22px;letter-spacing:-.03em;margin:30px 0 4px}

      .lc-paywall-sub{font-size:13.5px;color:var(--gray-2);margin-bottom:6px}

      .lc-lsec .lsub{font-size:13px;color:var(--gray-2);margin-top:3px}

      .lc-lsec .llock{margin-left:auto;opacity:.5;font-size:18px;flex:none}

      .lc-lsec .lbody{margin-top:16px;position:relative}

      .lc-lsec .lblur{filter:blur(5px);opacity:.55;pointer-events:none;user-select:none;display:flex;flex-direction:column;gap:11px}

      .lc-lsec .lblur i{display:block;height:14px;background:var(--line);border-radius:6px}

      .lc-lsec .lblur i.s{width:52%}

      .lc-lsec .lcta{position:relative;text-align:center;margin-top:-42px}

      .lc-lsec .lnd{color:var(--gray-2);font-size:13.5px;padding:6px 0}

      .lc-soon2{font-size:11.5px;font-weight:800;color:var(--violet);background:var(--violet-soft);padding:1px 6px;border-radius:99px;margin-left:6px;vertical-align:middle}


/* ── from views.php:2335 (lc_report_nav) ── */
.lc-rnav{position:sticky;top:82px;z-index:30;display:flex;gap:4px;overflow-x:auto;padding:6px;margin:24px 0 10px;background:#fff;border:1px solid var(--line);border-radius:99px;box-shadow:0 6px 20px rgba(20,38,61,.06);scrollbar-width:none}
.lc-rnav::-webkit-scrollbar{display:none}
.lc-rnav a{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:700;color:var(--gray-2);padding:9px 15px;border-radius:99px;text-decoration:none;transition:background .18s,color .18s}
.lc-rnav a:hover{background:var(--well);color:var(--ink)}
.lc-rnav a.on{background:var(--violet);color:#fff;box-shadow:0 4px 14px rgba(46,130,230,.3)}
.lc-rnav a.on:hover{background:var(--violet);color:#fff}
[data-lcsec]{scroll-margin-top:150px}


/* ── from views.php:2402 (lc_report_side_nav) ── */
.lc-snav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}

            .lc-snav::-webkit-scrollbar{display:none}

            .lc-snav-h{display:none}

            .lc-snav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--gray-1);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;transition:background .13s,color .13s,border-color .13s}

            .lc-snav a .lc-snav-tx{white-space:nowrap}

            .lc-snav a .lc-lock{flex:none;color:var(--green)}

            .lc-snav a .lc-cnt{margin-left:3px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--line);color:var(--gray-1);font-size:12px;font-weight:800;border-radius:99px;flex:none}

            .lc-snav a.lk{color:var(--gray-2)}

            .lc-snav a:focus{outline:none}

            .lc-snav a:focus-visible{outline:2px solid var(--violet);outline-offset:2px}

            .lc-snav a:hover{background:var(--violet-soft);color:var(--violet);border-color:var(--brand-soft-2)}

            .lc-snav a.on{background:var(--violet);color:#fff;border-color:var(--violet)}

            .lc-snav a.on .lc-cnt{background:rgba(255,255,255,.25);color:#fff}

            .lc-snav-cta{display:none}


/* ── from views.php:3063 (lc_donut_grid) ── */
.lc-donuts{display:grid;grid-template-columns:repeat(var(--dcols),minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}
.lc-donut{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff;min-width:0;display:flex;flex-direction:column}
.lc-donut .ttl{font-size:13px;font-weight:800;margin-bottom:14px}
.lc-donut .bd{display:flex;align-items:center;gap:22px;flex:1}
.lc-donut .lg{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1}
.lc-dl-row{display:flex;align-items:center;gap:8px;font-size:12.5px}
.lc-dl-row .dot{width:10px;height:10px;border-radius:3px;flex:none}
.lc-dl-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-dl-row .nm .av{display:block;font-size:12px;color:var(--gray-2);margin-top:1px}
.lc-dl-row .pc{flex:none;font-weight:800;color:var(--gray-1)}
@media(max-width:640px){.lc-donuts{grid-template-columns:1fr}
}


/* ── from views.php:3307 (lc_offer_css) ── */
.lc-of-bar{display:flex;align-items:center;gap:14px;margin:26px 0;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid var(--brand-soft-2)}
.lc-of-bar .ic{flex:none;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#fff;color:var(--violet);box-shadow:0 4px 12px rgba(20,38,61,.06)}
.lc-of-bar .tx{flex:1;min-width:0}
.lc-of-bar .tx b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.01em}
.lc-of-bar .tx span{display:block;font-size:12.5px;color:var(--gray-2);line-height:1.5;margin-top:2px}
.lc-of-bar .ac{flex:none;display:flex;align-items:center;gap:14px}
.lc-of-bar .btn{display:inline-flex;align-items:center;background:var(--violet);color:#fff;border-radius:12px;padding:11px 18px;font-size:13.5px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}
.lc-of-bar .btn:hover{background:var(--violet-600);transform:translateY(-1px)}
.lc-of-bar .lnk{font-size:13px;font-weight:700;color:var(--violet);text-decoration:none;white-space:nowrap}
.lc-of-bar .lnk:hover{text-decoration:underline}
@media(max-width:820px){.lc-of-bar{flex-direction:column;align-items:flex-start}
.lc-of-bar .ac{width:100%;flex-wrap:wrap}
.lc-of-bar .btn{flex:1;justify-content:center}
}
.lc-of-full{margin:40px 0 8px;padding:26px;border-radius:22px;background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid var(--brand-soft-2)}
.lc-of-full .hd h2{font-size:23px;letter-spacing:-.03em;margin:0}
.lc-of-full .hd p{font-size:13.5px;color:var(--gray-1);line-height:1.6;margin:6px 0 0;max-width:640px}
.lc-of-full .gr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px;margin-top:20px}
.lc-of-i{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.lc-of-i.pri{border-color:var(--violet);box-shadow:0 10px 30px rgba(46,130,230,.14)}
.lc-of-i .ic{display:flex;color:var(--violet)}
.lc-of-i .nm{font-size:15px;font-weight:800;margin-top:10px}
.lc-of-i .ds{font-size:12.5px;color:var(--gray-2);line-height:1.55;margin-top:6px;flex:1}
.lc-of-i .pr{font-size:16px;font-weight:900;letter-spacing:-.02em;margin:12px 0 10px}
.lc-of-i .btn{display:block;text-align:center;background:var(--violet);color:#fff;border-radius:12px;padding:11px 14px;font-size:13.5px;font-weight:800;text-decoration:none;transition:background .15s}
.lc-of-i .btn:hover{background:var(--violet-600)}
.lc-of-i .btn.gh{background:#fff;color:var(--violet);border:1.5px solid var(--brand-soft-2)}
.lc-of-i .btn.gh:hover{background:var(--brand-soft)}
.lc-of-full .nt{font-size:12px;color:var(--gray-2);margin-top:14px}
@media(max-width:900px){.lc-of-full .gr{grid-template-columns:1fr}
}


/* ── from views.php:3374 (lc_uplinks) ── */
.lc-up{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.lc-up a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--gray-1);text-decoration:none;transition:border-color .15s,color .15s,transform .15s}
.lc-up a:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-1px)}
.lc-up a svg{color:var(--violet);flex:none}


/* ── from views.php:3410 (lc_seolinks) ── */
/* 10.09: перелінковка «Схожі сторінки» — картка з фоном (єдиний стиль із вузлами звіту), не «голі» колонки з лінією зверху */
.lc-seo{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--sh-xs)}
.lc-seo .hd{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-700)}
.lc-block .lc-article-in{margin:0;max-width:none;border:0;box-shadow:none;padding:0;border-radius:0;background:transparent}
.lc-block .lc-article-in > :first-child{margin-top:0}
@media(max-width:640px){.lc-seo{padding:18px 16px}}
.lc-seo .gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-top:16px}
.lc-seo .col h3{font-size:13px;font-weight:800;margin:0 0 8px}
.lc-seo .ls{display:flex;flex-direction:column;gap:6px}
.lc-seo .ls a{font-size:13px;color:var(--gray-1);text-decoration:none;line-height:1.5}
.lc-seo .ls a:hover{color:var(--violet);text-decoration:underline}


/* ── from views.php:4411 (view_usa_page) ── */






.usa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

.usa-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh-card)}

.usa-kpi span{display:block;font-size:12px;color:var(--gray-2);font-weight:600}

.usa-kpi b{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--ink);margin:5px 0 3px}

.usa-kpi i{font-style:normal;font-size:12.5px;color:var(--gray-3)}

.usa-src{font-size:12px;color:var(--gray-3);margin-top:10px}

.usa-bars{display:flex;flex-direction:column;gap:13px}

.usa-bar-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;margin-bottom:6px}

.usa-bar-h a,.usa-bar-h b{font-weight:700;color:var(--ink);text-decoration:none}

.usa-bar-h a:hover{color:var(--violet)}

.usa-bar-h span{color:var(--gray-2);font-weight:600;white-space:nowrap}

.usa-bar-t{height:9px;border-radius:99px;background:var(--line-2);overflow:hidden}

.usa-bar-t span{display:block;height:100%;border-radius:99px;transition:width .5s ease}

.usa-cmp-legend{display:flex;gap:16px;margin-bottom:6px}

.usa-cmp-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--gray-1)}

.usa-cmp-legend i{width:12px;height:12px;border-radius:3px}

.usa-cmp{display:flex;align-items:flex-end;gap:10px;height:190px}

.usa-cmp-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}

.usa-cmp-b{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}

.usa-cmp-b span{width:42%;max-width:18px;border-radius:5px 5px 2px 2px;min-height:4px;transition:height .5s ease}

.usa-cmp-b .u{background:var(--violet)}
.usa-cmp-b .e{background:var(--green)}

.usa-cmp-y{font-size:11.5px;color:var(--gray-2);font-weight:600;margin-top:6px}

.usa-why{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--sh-card)}

.usa-why-h .kick{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--violet)}

.usa-why-h h2{font-size:24px;letter-spacing:-.03em;margin:8px 0 0;font-weight:800}

.usa-why-h p{color:var(--gray-1);margin:6px 0 0;max-width:640px}

.usa-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}

.usa-feat{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--well)}

.usa-feat .ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--violet-soft);color:var(--violet)}

.usa-feat b{display:block;font-size:15px}

.usa-feat span{display:block;font-size:13px;color:var(--gray-1);margin-top:3px;line-height:1.5}

.usa-faq{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--sh-card)}

.usa-q{border-top:1px solid var(--line);padding:14px 0}

.usa-q:first-of-type{border-top:0}

.usa-q summary{font-weight:700;cursor:pointer;list-style:none;font-size:15px;color:var(--ink)}

.usa-q summary::-webkit-details-marker{display:none}

.usa-q p{margin:10px 0 0;color:var(--gray-1);font-size:14px;line-height:1.6}

.usa-links{display:flex;flex-wrap:wrap;gap:10px}

.usa-links a{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700;color:var(--gray-1);text-decoration:none;transition:border-color .12s,color .12s}

.usa-links a:hover{border-color:var(--violet);color:var(--violet)}
@media(max-width:820px){.usa-kpis{grid-template-columns:1fr 1fr}
.usa-why-grid{grid-template-columns:1fr}
}
@media(max-width:640px){.usa-cmp{height:150px}
.usa-cmp-b span{max-width:12px}
}


/* ── from views.php:4834 (view_lookup_page) ── */
.lc-pr-feats{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}

          .lc-pr-feats li{font-size:13.5px;color:var(--gray-1);padding-left:22px;position:relative}

          .lc-pr-feats li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}


/* ── from views.php:4863 (view_lookup_page) ── */


.lc-tabs .lct{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font:700 13.5px/1 var(--font);color:var(--gray-1);cursor:pointer;transition:border-color .15s,color .15s,background .15s}

.lc-tabs .lct:hover{border-color:var(--violet)}

.lc-tabs .lct.on{border-color:var(--violet);color:var(--violet);background:var(--violet-soft)}
@media(max-width:640px){
  
  
  .lc-demo-grid{grid-template-columns:1fr !important}
}
/* ── from views.php:5148 (view_lookup_page) ── */
@media(max-width:760px){ .lc-grid{grid-template-columns:1fr !important}
 .lc-kpis{grid-template-columns:1fr 1fr !important}
 .lc-grid3{grid-template-columns:1fr !important}
}

[data-demo-tab]{transition:transform .15s,box-shadow .15s,outline-color .15s;outline:2px solid transparent}
/* ── from views.php:6193 (lc_report_body) ── */
@media(max-width:760px){.lc-photos-row{grid-template-columns:repeat(2,1fr) !important}
}
/* ── from views.php:6244 (lc_report_body) ── */
@media(max-width:560px){.lc-pay2cta{grid-template-columns:1fr !important}
}
/* ── from views.php:6353 (lc_report_body) ── */
@media(max-width:560px){.lc-torg{grid-template-columns:1fr !important}
}


/* ── from views.php:6600 (lc_report_body) ── */
/* H1 звіту: назва + VIN в один рядок на десктопі (менший кегль, VIN — фіолетовий моно) */
.page-head .lc-rep-h1{font-size:clamp(20px,2.5vw,29px);line-height:1.2;letter-spacing:-.02em;white-space:nowrap}

.lc-rep-id{font-family:inherit;font-weight:inherit;font-size:1em;color:inherit;letter-spacing:inherit}
@media(max-width:820px){.page-head .lc-rep-h1{white-space:normal;font-size:22px}
.lc-rep-id{display:inline-block}
}

.lc-block{border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin-top:20px;background:#fff;box-shadow:var(--sh-xs);min-width:0;overflow-wrap:anywhere}

.lc-block > h2:first-of-type{margin-top:6px}

/* ── Меню — горизонтальна липка смуга зверху (як у панелі); контент на всю ширину, таймлайн у контенті ── */
.lc-rep-wrap{display:block;margin-top:24px}

.lc-rep-side{position:sticky;top:66px;z-index:30;margin:0 0 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(20,38,61,.05)}

/* ── Таймлайн живе в контенті: вертикальна лінія + крапка на кожному блоці (вирівняні) ── */
/* Таймлайн: лінія по центру жолоба (x=14 від краю контенту), крапки строго по центру лінії.
   .lc-block/.lc-check-hero мають border:1px → padding-box зсунутий на 1px; .lc-tnode без бордера — тому окремий left. */
.lc-rep-main{position:relative;min-width:0;padding-left:58px}

/* Таймлайн як у панелі: фіолетова градієнтна лінія + кольорові крапки-іконки (додаються JS) */
.lc-rep-main::before{content:'';position:absolute;left:21px;top:38px;bottom:var(--lc-tl-end,38px);width:3px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--brand-soft-2) 60%,var(--brand))}

.lc-rep-main > .lc-check-hero{overflow:visible !important}
   /* інакше inline overflow:hidden обрізає крапку */
.lc-rep-main > .lc-block,.lc-rep-main > .lc-check-hero,.lc-rep-main > .lc-tnode{position:relative}

.lc-tl-dot{position:absolute;left:-58px;top:16px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(20,24,40,.18);z-index:1}

.lc-tl-dot svg{width:22px;height:22px}

.lc-rep-main > .lc-cur .lc-tl-dot{box-shadow:0 0 0 4px rgba(46,130,230,.22),0 4px 12px rgba(20,24,40,.2)}

/* запасна крапка (для блоків без іконки) */
.lc-rep-main > .lc-block::before,.lc-rep-main > .lc-check-hero::before,.lc-rep-main > .lc-tnode::before{content:'';position:absolute;left:-42px;top:24px;width:14px;height:14px;border-radius:99px;background:#fff;border:3px solid var(--brand-soft-2);box-shadow:0 2px 8px rgba(20,24,40,.16),0 0 0 3px #fff;transition:.16s}

.lc-rep-main > .lc-tnode::before{top:6px;left:-41px}

.lc-rep-main > .lc-has-dot::before{display:none}

.lc-rep-main > .lc-cur:not(.lc-has-dot)::before{background:var(--violet);border-color:var(--violet);box-shadow:0 0 0 4px rgba(46,130,230,.2),0 2px 8px rgba(20,24,40,.16)}
/* Планшет/мобайл: сайдбар — горизонтальне sticky-меню зверху; таймлайн у контенті ховаємо */
@media(max-width:920px){
  .lc-rep-wrap{grid-template-columns:1fr;gap:0}

  .lc-rep-side{position:sticky;top:56px;z-index:30;max-height:none;overflow:visible;margin:0 0 10px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);border-radius:12px}

  .lc-rep-main{padding-left:0}

  .lc-rep-main::before,.lc-rep-main > .lc-block::before,.lc-rep-main > .lc-check-hero::before,.lc-rep-main > .lc-tnode::before{display:none}

  .lc-tl-dot{display:none}
}
@media(max-width:760px){ .lc-grid{grid-template-columns:1fr !important}
 .lc-kpis{grid-template-columns:1fr 1fr !important}
 .lc-block{padding:18px 15px}
}
/* Графіки на телефоні: щільніші відступи, компактніші підписи стовпчиків */
@media(max-width:600px){
  .lc-chart{padding:16px 14px !important;border-radius:16px}

  .lc-bars{gap:4px !important}

  .lc-bar-l{font-size:11.5px !important;letter-spacing:-.02em}

  .lc-bar-v{font-size:11.5px !important}
}
@media(max-width:380px){ .lc-bar-l{font-size:8px !important}
}


/* ── from views.php:6671 (view_resolving_page) ── */
.lcr{background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px 34px 34px;text-align:center;box-shadow:var(--sh-sm);margin-top:10px}

.lcr-anim{display:flex;gap:10px;justify-content:center;margin-bottom:22px}

.lcr-anim span{width:14px;height:14px;border-radius:50%;background:var(--violet);animation:lcrJump 1s infinite ease-in-out}

.lcr-anim span:nth-child(2){animation-delay:.16s;background:var(--brand-cyan)}

.lcr-anim span:nth-child(3){animation-delay:.32s;background:var(--brand-soft-2)}
@keyframes lcrJump{0%,80%,100%{transform:translateY(0);opacity:.5}
40%{transform:translateY(-13px);opacity:1}
}

.lcr-h{font-size:23px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}

.lcr-step{font-size:14.5px;font-weight:600;color:var(--gray-1);margin-top:9px;min-height:21px;transition:opacity .2s}

.lcr-bar{height:8px;border-radius:99px;background:var(--brand-soft);overflow:hidden;margin:20px 0 13px}

.lcr-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--brand-cyan));transition:width .5s ease}

.lcr-hint{font-size:12.5px;color:var(--gray-2)}

.lcr-form{display:flex;gap:8px;margin-top:18px}

.lcr-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:600 15px/1 var(--mono);letter-spacing:.04em}


/* ── from views.php:6940 (lc_popular_block) ── */
.lc-pop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:stretch}
.lc-pop-card{border:1px solid var(--line);border-radius:16px;padding:18px 14px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:0}
.lc-pop-lbl{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-2);margin-bottom:14px;text-align:center}
@media(max-width:600px){.lc-pop-grid{grid-template-columns:repeat(2,1fr)}
}


/* ── from views.php:7311 (registry_hub_cards) ── */
.lc-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:14px}

      .lc-hub-card{display:block;border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}

      .lc-hub-card:hover{border-color:var(--violet);box-shadow:var(--sh-xs);transform:translateY(-1px)}

      .lc-hub-card b{font-weight:700;font-size:13.5px;letter-spacing:-.01em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

      .lc-hub-chip{display:inline-block;margin-top:8px;font-family:var(--mono,monospace);font-size:12px;font-weight:800;letter-spacing:.04em;background:var(--well);border:1px solid var(--line);color:var(--ink);padding:2px 7px;border-radius:6px}
@media(max-width:600px){.lc-hub-grid{grid-template-columns:repeat(2,1fr)}
}


/* ── from views.php:7536 (view_compare_page) ── */
.ti-wrap{max-width:var(--wrap-doc)}

.ti-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}

.ti-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh-card)}

.ti-card-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:14px}

.ti-sub{display:block;font-size:12px;font-weight:600;color:var(--gray-2);font-style:normal;margin-top:1px}

.ti-badge{width:26px;height:26px;border-radius:8px;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}

.ti-b1{background:var(--brand)}
.ti-b2{background:var(--orange)}

.ti-l{display:block;font-size:12px;font-weight:700;color:var(--gray-1);margin:0 0 4px}

.ti-inp{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink);background:#fff;margin-bottom:12px}

.ti-inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px rgba(46,130,230,.15)}

.ti-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.ti-row2 .ti-l{margin-bottom:0}

.ti-combo{position:relative;margin-bottom:12px}

.ti-combo .ti-inp{margin-bottom:0}

.ti-clist{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(20,24,40,.12);padding:6px}

.ti-copt{padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);cursor:pointer}

.ti-copt:hover{background:var(--brand-soft);color:var(--brand-700)}

.ti-clear{color:var(--gray-2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}

.ti-go{margin:18px auto 0;display:flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:14px 30px;font-size:15px;font-weight:800;cursor:pointer}

.ti-go:disabled{opacity:.5;cursor:default}

.ti-res{margin-top:26px;display:none}

.ti-res.on{display:block}

.ti-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--sh-card)}

.ti-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}

.ti-mcard{padding:22px 18px;text-align:center;border-radius:16px}

.ti-mcard.s1{background:linear-gradient(180deg,var(--brand-soft),var(--well))}

.ti-mcard.s2{background:linear-gradient(180deg,var(--orange-soft),var(--orange-soft))}

.ti-mname{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:10px}

.ti-mlbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2);font-weight:800}

.ti-mval{font-size:32px;font-weight:900;color:var(--ink);line-height:1.05;margin-top:3px}

.ti-mrow{font-size:12px;color:var(--gray-1);margin-top:8px}

.ti-mrow b{color:var(--ink)}

.ti-mmeta{font-size:12px;color:var(--gray-3);margin-top:8px}

.ti-delta{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:170px;padding:0 8px}

.ti-delta .v{font-size:30px;font-weight:900;line-height:1.05;white-space:nowrap}

.ti-delta .l{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2);font-weight:800;margin-top:6px;text-align:center}

.ti-arrow{font-size:18px;color:var(--gray-3);margin:6px 0}

.ti-err{color:var(--red);font-weight:700;margin-top:14px;text-align:center}

.ti-offer{margin-top:18px;background:var(--ink);border-radius:18px;padding:22px 24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}

.ti-offer h3{font-size:17px;font-weight:800;margin:0 0 4px}

.ti-offer p{font-size:13px;color:var(--gray-3);margin:0;max-width:520px}

.ti-offer-cta{display:flex;gap:10px;flex-wrap:wrap}

.ti-btn{display:inline-flex;align-items:center;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;text-decoration:none;white-space:nowrap}

.ti-btn-p{background:var(--brand);color:#fff}

.ti-btn-g{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}

.ti-about{margin-top:0;font-size:15px;line-height:1.7;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px;box-shadow:var(--sh-card)}

.ti-about h2{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 12px}

.ti-about p{margin:0 0 14px}

.ti-about p:last-child{margin-bottom:0}
@media(max-width:560px){.ti-about{padding:20px 18px}
}
@media(max-width:760px){.ti-grid{grid-template-columns:1fr}
.ti-cmp{grid-template-columns:1fr}
.ti-delta{order:3;min-width:0;padding:8px 0}
.ti-offer{flex-direction:column;align-items:flex-start}
}


/* ── from views.php:8460 (view_market_analytics) ── */
.an-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 6px}
@media(max-width:900px){.an-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){.an-kpis{grid-template-columns:1fr}
}

  .an-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 8px 26px rgba(20,38,61,.05)}

  .an-kpi span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-2)}

  .an-kpi b{display:block;font-size:23px;font-weight:900;letter-spacing:-.025em;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .an-kpi i{display:block;font-style:normal;font-size:12.5px;color:var(--gray-2);line-height:1.45;margin-top:6px}

  .an-h2{font-size:24px;letter-spacing:-.03em;margin:26px 0 0}

  .an-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

  .an-charts.one{grid-template-columns:1fr}

  .an-charts > div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:0 8px 26px rgba(20,38,61,.05);min-width:0}
@media(max-width:900px){.an-charts{grid-template-columns:1fr}
}


  /* графіки (гістограма, комбо, легенда) — у lc_chart_css(), єдине джерело для звіту й аналітики */

  .an-marks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

  .an-marks span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;
                 padding:7px 13px;font-size:12.5px;color:var(--gray-2)}

  .an-marks span b{color:var(--ink);font-weight:800}

  .an-marks i{width:9px;height:9px;border-radius:99px;flex:none}


  .an-next{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:16px 18px;
           border:1px solid var(--line);border-radius:16px;background:#fff}

  .an-next .lb{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2);margin-right:4px}

  .an-next a{font-size:13.5px;font-weight:700;color:var(--brand);text-decoration:none;background:rgba(46,130,230,.08);
             border-radius:999px;padding:8px 14px}

  .an-next a:hover{background:rgba(46,130,230,.16)}

  .an-sub{font-size:13.5px;color:var(--gray-2);line-height:1.55;margin:8px 0 0;max-width:720px}


  .an-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px}

  .an-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-align:center;box-shadow:0 8px 26px rgba(20,38,61,.05)}

  .an-tile .ic{display:flex;justify-content:center;color:var(--brand)}

  .an-tile .nm{font-size:13px;font-weight:800;margin-top:6px}

  .an-tile .n{font-size:18px;font-weight:900;letter-spacing:-.02em;margin-top:4px}

  .an-tile .bar{height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;margin:8px 0 6px}

  .an-tile .bar i{display:block;height:100%;border-radius:99px;background:var(--brand)}

  .an-tile .av{font-size:12.5px;color:var(--gray-2);margin-top:2px;font-weight:700}


  .an-tablewrap{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(20,38,61,.05)}

  .an-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}

  .an-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-2);
               font-weight:800;padding:14px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--well)}

  .an-table td{padding:13px 14px;border-bottom:1px solid var(--well);white-space:nowrap}

  .an-table tr:last-child td{border-bottom:0}

  .an-table tr:hover td{background:var(--well)}

  .an-table .idx{color:var(--gray-2);font-weight:800;width:34px}

  .an-table .nm{font-weight:800}

  .an-table .nm a{color:var(--brand);text-decoration:none}

  .an-table .nm a:hover{text-decoration:underline}

  .an-table .mute{color:var(--gray-2)}


  /* ── цінові сегменти ── */
  .an-segbar{display:flex;height:14px;border-radius:99px;overflow:hidden;margin-top:16px;background:var(--line-2)}

  .an-segbar span{display:block;height:100%}

  .an-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}

  .an-seg{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 8px 26px rgba(20,38,61,.05)}

  .an-seg .dot{display:inline-block;width:9px;height:9px;border-radius:99px}

  .an-seg .nm{font-size:13px;font-weight:800;margin-top:6px}

  .an-seg .rg{font-size:12.5px;color:var(--gray-2);margin-top:2px;white-space:nowrap}

  .an-seg .pc{font-size:20px;font-weight:900;letter-spacing:-.02em;margin-top:6px}

  .an-seg .pc span{display:block;font-size:12px;font-weight:700;color:var(--gray-2);letter-spacing:0}


  /* ── ціновий коридор у таблиці лідерів ── */
  .an-rng{position:relative;display:block;height:8px;border-radius:99px;background:var(--line-2);min-width:180px}

  .an-rng .tr{position:absolute;top:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-soft-2),var(--brand))}

  .an-rng .md{position:absolute;top:-3px;width:3px;height:14px;border-radius:2px;background:var(--ink);transform:translateX(-1px)}

  .an-rnglbl{display:block;font-size:12.5px;color:var(--gray-2);margin-top:5px;white-space:nowrap}


  /* ── марки ── */
  .an-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}

  .an-brand{display:block;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;text-decoration:none;color:inherit;
            box-shadow:0 8px 26px rgba(20,38,61,.05);transition:border-color .15s,transform .15s}

  .an-brand:hover{border-color:var(--brand);transform:translateY(-1px)}

  .an-brand .hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px}

  .an-brand .nm{font-size:14.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .an-brand .pc{flex:none;font-size:13.5px;font-weight:900;color:var(--brand)}

  .an-brand .bar{display:block;height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;margin:8px 0 6px}

  .an-brand .bar i{display:block;height:100%;border-radius:99px;background:var(--brand)}

  .an-brand .av{font-size:12.5px;color:var(--gray-2);font-weight:700}


  /* ── втрата вартості ── */
  .an-keep{padding:11px 0;border-bottom:1px solid var(--well)}

  .an-keep:last-child{border-bottom:0}

  .an-keep .hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px}

  .an-keep .nm{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .an-keep .pc{flex:none;font-size:15px;font-weight:900}

  .an-keep .bar{display:block;height:7px;border-radius:99px;background:var(--line-2);overflow:hidden;margin:7px 0 6px}

  .an-keep .bar i{display:block;height:100%;border-radius:99px}

  .an-keep .ft{display:flex;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--gray-2)}

  .an-keep .ft b{color:var(--ink)}

  .an-keep .ft .ls{margin-left:auto;font-weight:700}


  /* ── регіони: дельта ціни ── */
  .lc-regs .dl{font-size:12px;font-weight:800;padding:1px 5px;border-radius:6px;margin-right:5px}

  .lc-regs .dl.up{color:var(--red);background:rgba(220,77,77,.1)}

  .lc-regs .dl.dn{color:var(--green);background:rgba(22,115,72,.1)}
@media(max-width:900px){
    .an-segs{grid-template-columns:repeat(2,1fr)}

    .an-brands{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
    .an-segs,.an-brands{grid-template-columns:1fr}
}


  .an-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 8px 26px rgba(20,38,61,.05);min-width:0}

  .an-panel .ttl{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900;letter-spacing:-.01em}

  .an-panel .ttl svg{color:var(--brand)}

  .an-panel .sub{font-size:12px;color:var(--gray-2);margin-top:2px}

  .an-panel .row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--well);font-size:13.5px}

  .an-panel .row:last-child{border-bottom:0}

  .an-panel .i{flex:none;width:20px;color:var(--gray-2);font-weight:800;font-size:12px}

  .an-panel .n{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .an-panel .v{flex:none;color:var(--gray-2);font-size:12.5px}

  .an-panel .v b{color:var(--ink);font-size:14px}

  .an-panel .bar{flex:none;width:84px;height:7px;border-radius:99px;background:var(--line-2);overflow:hidden}

  .an-panel .bar i{display:block;height:100%;border-radius:99px}
@media(max-width:760px){
    .an-kpis{grid-template-columns:1fr 1fr}

    .an-kpi b{font-size:19px}

    .lc-grid{grid-template-columns:1fr !important}
.lc-kpis{grid-template-columns:1fr 1fr !important}

    .lc-segs{grid-template-columns:1fr 1fr !important}
.lc-regs{grid-template-columns:1fr !important}
}


/* ── from views.php:8834 (view_plates_page) ── */
.plt .page-head .sub{max-width:640px}

.plt-decoder{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--sh-card);margin-bottom:22px}

.plt-plate{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:8px;padding:5px 8px;background:#fff;font:800 22px/1 var(--mono)}

.plt-ua{font-size:12px;font-weight:800;color:var(--brand-700);letter-spacing:.5px;border-right:2px solid var(--ink);padding-right:7px;align-self:stretch;display:flex;align-items:center}

.plt-plate input{width:62px;border:0;outline:none;font:800 22px/1 var(--mono);letter-spacing:3px;text-transform:uppercase;text-align:center;color:var(--violet)}

.plt-rest{color:var(--gray-3);letter-spacing:2px}

.plt-out{flex:1;min-width:200px;font-size:14px;font-weight:600;color:var(--gray-2)}

.plt-out.ok{color:var(--ink)}
 .plt-out.no{color:var(--red)}

.plt-maprow{display:flex;flex-direction:column;gap:16px}

.plt-map{background:linear-gradient(180deg,var(--well),var(--page));border:1px solid var(--line);border-radius:18px;padding:14px}

#pltSvg{max-height:72vh}

#pltSvg{width:100%;height:auto;max-height:74vh;display:block;margin:0 auto;overflow:visible}

.plt-rg{fill:var(--line);stroke:#fff;stroke-width:1.4;cursor:pointer;transition:fill .12s,filter .12s}

.plt-rg:hover,.plt-rg.on{fill:var(--violet);filter:drop-shadow(0 3px 8px rgba(46,130,230,.45))}

.plt-rg.occ{fill:var(--amber-line)}

.plt-rg.occ:hover,.plt-rg.occ.on{fill:var(--amber)}

.plt-lbl{font:700 10px/1 var(--font);fill:var(--ink-2);text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3px}

.plt-lbl2{font:600 8.5px/1 var(--font);fill:var(--gray-1);text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:2.2px}

.plt-side{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;min-height:78px}

.plt-side-empty{color:var(--gray-3);font-size:14px}

.plt-side-name{font-size:18px;font-weight:800;color:var(--ink);line-height:1.2}

.plt-side-codes{display:flex;flex-wrap:wrap;gap:6px}

.plt-side-stat{display:flex;gap:22px}

.plt-side-stat b{display:block;font-size:22px;font-weight:900;color:var(--violet)}

.plt-side-stat span{font-size:12.5px;color:var(--gray-2)}

.plt-side-link{margin-left:auto;font-size:13px;font-weight:700;color:var(--violet);text-decoration:none}

.plt-side-link:hover{text-decoration:underline}

.plt-code{display:inline-block;font:800 12.5px/1 var(--mono);background:var(--well);color:var(--ink-2);border-radius:6px;padding:5px 8px}

.plt-code--v{background:var(--violet-soft);color:var(--violet)}

.plt-occ{font-size:11.5px;font-weight:800;color:var(--red);background:var(--red-soft);border-radius:6px;padding:2px 6px;vertical-align:middle}

.plt-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-2);margin-top:14px}

.plt-legend i{width:22px;height:12px;border-radius:3px;display:inline-block}

.plt-legend .l0{background:rgba(46,130,230,.10)}
.plt-legend .l1{background:rgba(46,130,230,.25)}
.plt-legend .l2{background:rgba(46,130,230,.40)}
.plt-legend .l3{background:rgba(46,130,230,.55)}
.plt-legend .l4{background:rgba(46,130,230,.70)}

.plt-note{margin-top:26px;background:var(--violet-soft);border:1px solid var(--violet-soft-2);border-radius:14px;padding:16px 18px;font-size:13.5px;color:var(--violet-ink);line-height:1.6}

.plt-h2{font-size:22px;letter-spacing:-.02em;margin:38px 0 14px}

.plt-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}

.plt-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}

.plt-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-2);padding:11px 14px;background:var(--well);border-bottom:1px solid var(--line)}

.plt-table td{padding:9px 14px;border-bottom:1px solid var(--line)}

.plt-table tr:last-child td{border-bottom:0}

.plt-table tr:hover td{background:var(--well)}

.plt-rname{font-weight:700}
.plt-rname a{color:var(--ink);text-decoration:none}
.plt-rname a:hover{color:var(--violet)}

a.plt-code{text-decoration:none;cursor:pointer}
a.plt-code:hover{filter:brightness(.95);outline:1px solid var(--violet)}

.plt-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}

.plt-fact{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 20px;font-size:13px;color:var(--gray-1)}

.plt-fact .n{font-size:30px;font-weight:900;color:var(--violet);letter-spacing:-.03em;line-height:1;margin-bottom:6px}

.plt-diplo{margin-top:30px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:6px 18px 18px}

.plt-diplo-h{font-weight:800;font-size:16px;padding:14px 0 8px;margin:0;color:var(--ink)}

.plt-diplo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:6px 0 18px}

.plt-diplo-i{font-size:13px;color:var(--gray-1)}

.plt-foot{margin-top:30px;font-size:14px;color:var(--gray-1)}

.plt-foot a{color:var(--violet);font-weight:700;text-decoration:none;margin-left:6px}
@media(max-width:760px){.plt-maprow{grid-template-columns:1fr}
.plt-facts{grid-template-columns:1fr}
.plt-lbl{font-size:15px}
}


/* ── from views.php:9324 (plate_pages_styles) ── */
.plt-bc{font-size:13px;color:var(--gray-2);margin-bottom:10px}

.plt-bc a{color:var(--violet);text-decoration:none}
.plt-bc a:hover{text-decoration:underline}

.plt-bc span{color:var(--gray-1)}

.plt-gens{display:flex;flex-wrap:wrap;gap:10px}

.plt-gen{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 20px;text-decoration:none;transition:border-color .12s,transform .12s}

.plt-gen:hover{border-color:var(--violet);transform:translateY(-2px)}

.plt-gen .y{font-size:12px;font-weight:700;color:var(--gray-2)}

.plt-code--lg{font-size:22px;padding:9px 14px;letter-spacing:1px}

.plt-h3{font-size:16px;margin:26px 0 12px;font-weight:800}

.plt-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}

.plt-statc{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px 18px}

.plt-statc .n{font-size:24px;font-weight:900;color:var(--violet);letter-spacing:-.02em;line-height:1.1}

.plt-statc .l{font-size:12px;color:var(--gray-2);margin-top:5px}

.plt-statnote{font-size:12px;color:var(--gray-3);margin-top:12px}

.plt-summ{font-size:14.5px;color:var(--gray-1);margin:2px 0 4px}

.plt-summ b{color:var(--ink)}

.plt-row-on td{background:var(--violet-soft) !important}

.plt-row-on .plt-rname b{color:var(--violet)}

.plt-years{display:flex;align-items:flex-end;gap:5px;height:240px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px}

.plt-yr{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}

.plt-yr .bar{width:100%;max-width:34px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--brand-cyan),var(--brand));min-height:4px}

.plt-yr .yl{font-size:11.5px;color:var(--gray-2);font-weight:600}

.plt-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;margin-top:6px}

.plt-table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}

.plt-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-2);padding:10px 14px;background:var(--well);border-bottom:1px solid var(--line)}

.plt-regstat{display:flex;gap:30px;margin-top:22px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 22px}

.plt-regstat b{display:block;font-size:26px;font-weight:900;color:var(--violet);letter-spacing:-.02em}

.plt-regstat span{font-size:12.5px;color:var(--gray-2)}

.plt-note{margin-top:24px;background:var(--violet-soft);border:1px solid var(--violet-soft-2);border-radius:14px;padding:16px 18px;font-size:13.5px;color:var(--violet-ink);line-height:1.6}

.plt-cta2{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;background:var(--ink);border-radius:18px;padding:22px 24px}

.plt-cta2 .t{font-size:17px;font-weight:800;color:#fff}

.plt-cta2 .x{font-size:13px;color:var(--gray-3);margin-top:4px;max-width:420px}

.plt-h2{font-size:20px;letter-spacing:-.02em;margin:36px 0 14px}

.plt-otherrow{display:flex;flex-wrap:wrap;gap:8px}

.plt-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--gray-1);text-decoration:none;transition:border-color .12s,color .12s}

.plt-chip:hover,.plt-chip.on{border-color:var(--violet);color:var(--violet)}

.plt-occ{font-size:12px;font-weight:800;color:var(--red);background:var(--red-soft);border-radius:6px;padding:2px 8px;vertical-align:middle}

.plt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}

.plt-foot{margin-top:30px;font-size:14px}
.plt-foot a{color:var(--violet);font-weight:700;text-decoration:none}

.plt-bigcode{font:900 64px/1 var(--mono);color:var(--violet);letter-spacing:3px;margin-bottom:8px}

.plt-regcard{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 22px;text-decoration:none;transition:border-color .12s}

.plt-regcard:hover{border-color:var(--violet)}

.plt-regcard .k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-2)}

.plt-regcard .v{font-size:20px;font-weight:800;color:var(--ink);margin-top:3px}

.plt-regcard .go{font-size:22px;color:var(--violet)}

.plt-plate{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:8px;padding:5px 10px;background:#fff;font:800 22px/1 var(--mono)}

.plt-plate--lg{font-size:30px;padding:9px 14px}

.plt-plate .plt-ua{font-size:12px;font-weight:800;color:var(--brand-700);border-right:2px solid var(--ink);padding-right:8px;align-self:stretch;display:flex;align-items:center}

.plt-plate .plt-rest{color:var(--gray-3);letter-spacing:2px}
/* ── from views.php:9527 (view_wanted_check) ── */
@media(max-width:760px){.lc-grid{grid-template-columns:1fr !important}
.lc-kpis{grid-template-columns:1fr !important}
}


/* ── from views.php:9621 (view_reviews_page) ── */
.rv .page-head .sub{max-width:640px}

.rv-flash{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:18px}

.rv-flash.ok{background:var(--green-soft);color:var(--green-600)}

.rv-flash.err{background:var(--red-soft);color:var(--red)}

.rv-form{display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--sh-sm)}

.rv-plate{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:8px;padding:4px 8px;background:#fff;align-self:flex-start}

.rv-plate .plt-ua{font-size:12px;font-weight:800;color:var(--brand-700);border-right:2px solid var(--ink);padding-right:7px;align-self:stretch;display:flex;align-items:center}

.rv-plate-in{border:0;outline:none;font:800 20px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;width:170px;color:var(--violet)}

.rv-plate--sm{padding:3px 7px}
.rv-plate--sm .rv-num{font:800 16px/1 var(--mono);letter-spacing:1.5px;color:var(--ink)}

.rv-in{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px;font-family:var(--font);outline:none;resize:vertical}

.rv-in:focus{border-color:var(--violet)}

.rv-form .btn{align-self:flex-start}

.rv-note{font-size:12px;color:var(--gray-3)}

.rv-h2{font-size:22px;letter-spacing:-.02em;margin:38px 0 16px}

.rv-empty{color:var(--gray-2);font-size:14px;background:#fff;border:1.5px dashed var(--line);border-radius:18px;padding:22px;text-align:center}

.rv-card{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:14px}

.rv-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}

.rv-cnt{font-size:12px;color:var(--gray-2);font-weight:700}

.rv-comments{display:flex;flex-direction:column;gap:12px}

.rv-c{border-top:1px solid var(--line);padding-top:12px}

.rv-c:first-child{border-top:0;padding-top:0}

.rv-c-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}

.rv-c-top b{font-size:14px;color:var(--ink)}

.rv-date{font-size:12px;color:var(--gray-3)}

.rv-c-text{font-size:14px;color:var(--gray-1);line-height:1.55;margin-top:3px}

.rv-add{margin-top:14px;border-top:1px dashed var(--line);padding-top:10px}

.rv-add summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--violet)}

.rv-add-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}

.rv-add-form .btn{align-self:flex-start}

.rv-foot{margin-top:28px;font-size:14px;color:var(--gray-1)}
.rv-foot a{color:var(--violet);font-weight:700;text-decoration:none}


/* ── from views.php:9733 (view_sitemap_page) ── */
.smap h2{font-size:20px;letter-spacing:-.02em;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}

.smap h3{font-size:15.5px;margin:24px 0 8px}

.smap h3 a{color:var(--ink);text-decoration:none}

.smap h3 a:hover{color:var(--violet)}

.smap ul{list-style:disc;margin:0;padding-left:20px}

.smap li{padding:3px 0;font-size:14.5px}

.smap li a{color:var(--gray-1);text-decoration:none}

.smap li a:hover{color:var(--violet);text-decoration:underline}

.smap-top{display:grid;grid-template-columns:1fr 1fr;gap:32px}

.smap-cols{columns:3;column-gap:32px}
@media(max-width:760px){.smap-top{grid-template-columns:1fr}
.smap-cols{columns:2}
}
@media(max-width:480px){.smap-cols{columns:1}
}
/* ── from market.php:368 (mk_index_bars) ── */
@media(max-width:560px){.mk-idx-bar{grid-template-columns:1fr auto!important;grid-template-rows:auto auto}
.mk-idx-bar .mk-idx-bar-track{grid-column:1/-1!important}
}
/* ── from market.php:565 (mk_factor_bars) ── */
@media(max-width:640px){.mk-fac-matrix{grid-template-columns:1fr !important}
}
/* ── from market.php:581 (mk_coverage_badges) ── */
@media(max-width:640px){.mk-badges{grid-template-columns:repeat(2,1fr) !important}
}
/* ── from market.php:599 (mk_value_cards) ── */
@media(max-width:900px){.mk-vcards{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:520px){.mk-vcards{grid-template-columns:1fr !important}
}
/* ── from market.php:613 (mk_mobile_extras) ── */
@media(max-width:640px){.mk-donut-row{flex-direction:column;align-items:stretch}
.mk-sticky{display:flex !important}
section.page-head h1{font-size:26px}
}
/* ── from market.php:620 (mk_mobile_extras) ── */
@media(max-width:640px){.mk-sticky-pad{height:72px}
}
/* ── from market.php:933 (mk_dist_grid) ── */
@media(max-width:640px){.mk-dist-grid{grid-template-columns:1fr !important}
}
/* ── from pay.php:508 (render_check_hero) ── */
@media(max-width:560px){.lc-hero-attrs{grid-template-columns:repeat(2,1fr) !important}
}
/* ── from pay.php:589 (render_check_hero) ── */
@media(max-width:680px){.lc-hero-attrs{grid-template-columns:repeat(2,1fr) !important}
.lc-hero-cols{grid-template-columns:1fr !important}
}
/* ── from pay.php:615 (render_check_hero) ── */
@media(max-width:760px){.lc-hero-grid{grid-template-columns:1fr !important}
}
@media(max-width:680px){.lc-hero-attrs{grid-template-columns:repeat(2,1fr) !important}
}


/* ── from pay.php:1485 (view_pay_page) ── */
.pay-live{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--well);font-size:14px}

.pay-live.ok{border-color:var(--green);background:var(--green-soft);color:var(--green-600)}

.pay-dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--brand);animation:payPulse 1.4s ease-in-out infinite}

.pay-live.ok .pay-dot{background:var(--green);animation:none}
@keyframes payPulse{0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.35;transform:scale(.7)}
}

.pay-box{max-width:832px;margin:0 auto}
@media(max-width:640px){.lc-id-tiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.lc-pay2{grid-template-columns:1fr !important}
}

.pay-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-top:18px;box-shadow:0 10px 36px rgba(20,38,61,.07)}

.pay-card b{font-size:17px}

.pay-card p{margin:10px 0;color:var(--ink-2);font-size:14.5px;line-height:1.55}

.pay-bar{height:10px;border-radius:999px;background:var(--line-2);overflow:hidden;margin:14px 0 4px}

.pay-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--brand-cyan));transition:width .6s}

.pay-found{font-size:13px;color:var(--gray-2);margin-top:8px}

.pay-found ul{list-style:none;margin:6px 0 0;padding:0}

.pay-found li{padding:2px 0;font-weight:600}

.pay-found li.on{color:var(--green)}
.pay-found li.off{color:var(--gray-3)}

.pay-note{font-size:12.5px;color:var(--gray-2)}

.pay-price{font-size:18px;margin:14px 0}

.pay-tabs{display:flex;gap:8px;margin:12px 0}

.pay-tabs button{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-size:12.5px;font-weight:700;cursor:pointer}

.pay-tabs button.on{border-color:var(--violet);color:var(--violet);background:var(--brand-soft)}

.pay-wallet{display:inline-block;background:var(--page);border-radius:8px;padding:4px 8px;font-size:12.5px;word-break:break-all;user-select:all}

.pay-warn{background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--amber-600)}

.pay-gen{margin-top:14px;border-top:1px solid var(--line-2);padding-top:12px;font-size:13.5px}

.pay-bad{color:var(--red)}

.pay-upsell{margin-top:18px;text-align:center;font-size:13.5px;color:var(--gray-2)}


/* ── from pay.php:1539 (view_report_access) ── */
.pay-live{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--well);font-size:14px}
@keyframes payPulse{0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.35;transform:scale(.7)}
}


/* ── from pay.php:1607 (view_report_access) ── */
.pay-box{max-width:760px;margin:0 auto}


/* ── from pay.php:1769 (view_price_page) ── */
.lc-pr-free{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(46,130,230,.08),rgba(46,130,230,.02));border:1.5px solid var(--violet);border-radius:var(--r-xl);padding:26px 30px;margin-top:34px;box-shadow:var(--sh-sm)}

.lc-pr-free-tag{display:inline-flex;align-items:center;gap:6px;background:var(--violet);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}

.lc-pr-one{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-xl);padding:26px 30px;margin-top:18px;box-shadow:var(--sh-sm)}

.lc-pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}

.lc-pr-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 22px;min-height:330px;box-shadow:var(--sh-card)}

.lc-pr-card.hot{border-color:var(--violet);box-shadow:var(--sh-md)}

.lc-pr-hot{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--violet);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:3px 12px;white-space:nowrap}

.lc-pr-feats{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:8px}

.lc-pr-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}

.lc-pr-feat{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh-card)}

.lc-pr-cta{background:var(--violet-soft);border-radius:var(--r-lg);padding:24px 28px;margin:40px 0 30px}
@media(max-width:1020px){.lc-pr-grid{grid-template-columns:repeat(2,1fr)}
.lc-pr-fgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){.lc-pr-grid,.lc-pr-fgrid{grid-template-columns:1fr}
}


/* ── from tools_views.php:16 (tl_css) ── */
.tl-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--sh-card);
               max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}

      .tl-wrap{max-width:100%;overflow-x:hidden}
   /* нічого не розпирає сторінку вбік */
      .tl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}

      .tl-kpi{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fff}

      .tl-kpi b{display:block;font-size:22px;font-weight:900;letter-spacing:-.02em;margin-top:3px}

      .tl-kpi span{font-size:12px;color:var(--gray-2);font-weight:700;text-transform:uppercase;letter-spacing:.03em}

      .tl-kpi i{display:block;font-style:normal;font-size:12.5px;color:var(--gray-2);margin-top:5px;line-height:1.45}

      .tl-hero{padding:8px 0 4px}

      .tl-hero h1{margin:10px 0 0;font-size:var(--fs-h2);line-height:1.12}

      .tl-hero p{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--gray-1)}

      .tl-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}

      .tl-form label{display:block;font-size:12px;font-weight:800;color:var(--gray-2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}

      .tl-form select,.tl-form input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;background:#fff;color:var(--ink)}

      .tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;border:0;cursor:pointer;
              font-size:15px;font-weight:800;background:var(--brand);color:#fff;text-decoration:none}

      .tl-btn.ghost{background:rgba(46,130,230,.08);color:var(--brand)}

      .tl-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;width:100%}

      .tl-c{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.15s}

      .tl-c:hover{box-shadow:0 12px 30px rgba(20,38,61,.1);transform:translateY(-2px)}

      .tl-c img{width:100%;height:148px;object-fit:cover;display:block;background:var(--line-2)}

      .tl-c .b{padding:12px 13px}

      .tl-c .n{font-size:14px;font-weight:800;line-height:1.3}

      .tl-c .m{font-size:12.5px;color:var(--gray-2);margin-top:4px;line-height:1.45}

      .tl-c .p{font-size:17px;font-weight:900;margin-top:7px;letter-spacing:-.02em}

      .tl-deal{font-size:12px;font-weight:800;color:var(--green-600);background:rgba(22,115,72,.12);border-radius:6px;padding:1px 7px;vertical-align:middle;letter-spacing:0}

      .tl-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}

      .tl-chip{border:1.5px solid var(--line);border-radius:999px;padding:10px 15px;font-size:14px;font-weight:700;cursor:pointer;background:#fff;user-select:none}

      .tl-chip.on{border-color:var(--brand);background:rgba(46,130,230,.08);color:var(--brand)}

      .tl-steps{display:flex;gap:6px;margin-bottom:18px}

      .tl-steps i{flex:1;height:5px;border-radius:99px;background:var(--line)}

      .tl-steps i.on{background:var(--brand)}

      .tl-offer{margin-top:34px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(180deg,var(--well),#fff)}

      .tl-offer h3{margin:0 0 6px;font-size:20px}

      .tl-offer p{margin:0 0 14px;color:var(--gray-2);font-size:14px;line-height:1.6}

      .tl-offer .row{display:flex;flex-wrap:wrap;gap:10px}

      .tl-note{font-size:12.5px;color:var(--gray-2);line-height:1.55;margin-top:10px}


      /* ── картка моделі (підбір за бюджетом): раніше використовувала .tl-c з inline-падінгом,
            через що текст вилазив за межі картки ── */
      .tl-m{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;
            background:#fff;text-decoration:none;color:inherit;transition:.15s;min-width:0;overflow:hidden}

      .tl-m:hover{box-shadow:0 14px 32px rgba(20,38,61,.1);transform:translateY(-2px);border-color:var(--brand-soft-2)}

      .tl-m .mh{padding:14px 15px 12px;flex:1}

      .tl-m .mt{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}

      .tl-m .mn{font-size:12px;font-weight:800;color:var(--brand);background:rgba(46,130,230,.09);
                border-radius:999px;padding:3px 9px;white-space:nowrap;flex:none}

      .tl-m .my{font-size:12px;color:var(--gray-2);font-weight:600;text-align:right}

      .tl-m .mb{font-size:12px;font-weight:600;color:var(--gray-2);margin-bottom:2px}

      .tl-m .mm{font-size:19px;font-weight:900;color:var(--ink);letter-spacing:-.03em;line-height:1.15}

      .tl-m .mp{padding:10px 15px;border-top:1px solid var(--well)}

      .tl-m .mp b{font-size:16px;font-weight:900;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);display:block}

      .tl-m .mp s{font-size:12.5px;color:var(--gray-2);display:block;margin-top:2px;font-style:normal;text-decoration:none}

      .tl-m .ms{display:flex;flex-wrap:wrap;gap:5px;padding:9px 15px 13px;border-top:1px solid var(--well)}

      .tl-m .sp{font-size:12px;font-weight:700;color:var(--gray-1);background:var(--well);border-radius:7px;
               padding:4px 7px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

      .tl-m .sp svg{color:var(--gray-2);flex:none}

      .tl-m .sp i{font-style:normal;font-size:11.5px;color:var(--gray-2)}

      .tl-models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;width:100%}

      .tl-fbar{border:1px solid var(--line);border-radius:18px;background:#fff;padding:6px 20px 16px;margin-top:18px;box-shadow:0 8px 26px rgba(20,38,61,.05)}

      .tl-fhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 10px}

      .tl-ftitle{font-size:14px;font-weight:800;letter-spacing:-.01em}

      .tl-reset{font-size:12.5px;font-weight:700;color:var(--gray-2);text-decoration:none}

      .tl-reset:hover{color:var(--brand)}

      .tl-frow{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--well)}

      .tl-flabel{flex:none;width:92px;padding-top:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-3)}

      .tl-fopts{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px}

      /* чип у спокої — майже непомітний; активний — один акцент на рядок */
      .tl-fchip{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:9px;padding:7px 12px;
                font-size:13.5px;font-weight:600;color:var(--gray-1);background:var(--well);text-decoration:none;cursor:pointer;
                transition:background .12s,color .12s,border-color .12s}

      .tl-fchip:hover{background:var(--well-2);color:var(--ink)}

      .tl-fchip.on{background:#fff;border-color:var(--brand);color:var(--brand);font-weight:800;box-shadow:0 0 0 3px rgba(46,130,230,.1)}

      /* панель підтвердження показується лише коли вибір справді змінили */
      .tl-fapply{display:none;align-items:center;justify-content:flex-end;gap:14px;padding:14px 0 2px;border-top:1px solid var(--well);margin-top:6px}

      .tl-fapply.show{display:flex}

      .tl-fsum{font-size:12.5px;color:var(--gray-2)}

      .tl-fbtn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border-radius:12px;
               padding:11px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,transform .15s}

      .tl-fbtn:hover{background:var(--action-hover);transform:translateY(-1px)}

      .tl-link.on{background:var(--brand);color:#fff;border-color:var(--brand)}

      .tl-deep{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}

      .tl-deep-i{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;
                 background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}

      .tl-deep-i:hover{border-color:var(--brand);transform:translateY(-1px)}

      .tl-deep-i .ic{flex:none;display:flex;color:var(--brand)}

      .tl-deep-i.ghost .ic{color:var(--gray-2)}

      .tl-deep-i .tx{flex:1;min-width:0;display:flex;flex-direction:column}

      .tl-deep-i .tx b{font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

      .tl-deep-i .tx i{font-style:normal;font-size:12.5px;color:var(--gray-2)}

      .tl-deep-i .ar{flex:none;color:var(--gray-2);font-weight:800}

      .tl-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

      .tl-link{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px;
               font-weight:700;text-decoration:none;color:var(--brand);background:rgba(46,130,230,.06);white-space:nowrap;
               max-width:100%;overflow:hidden;text-overflow:ellipsis}

      .tl-link:hover{background:rgba(46,130,230,.12)}

      .tl-link.ghost{color:var(--gray-2);background:#fff}


      /* ── квіз: великі картки-відповіді замість дрібних чипів ── */
      .tl-q{font-size:23px;font-weight:900;letter-spacing:-.02em;line-height:1.25;margin:0}

      .tl-qs{font-size:13.5px;color:var(--gray-2);margin:6px 0 0;line-height:1.5}

      .tl-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px}

      .tl-opt{position:relative;border:1.5px solid var(--line);border-radius:16px;padding:16px 14px;background:#fff;
              cursor:pointer;user-select:none;text-align:center;transition:.12s;min-width:0}

      .tl-opt:hover{border-color:var(--brand-soft-2);transform:translateY(-1px)}

      .tl-opt.on{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft),#fff);box-shadow:0 8px 22px rgba(46,130,230,.14)}

      .tl-opt .e{display:flex;justify-content:center;color:var(--brand);margin-bottom:8px;min-height:22px}

      .lc-cc{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;
             border-radius:6px;background:rgba(46,130,230,.10);color:var(--brand);font-size:12.5px;font-weight:900;letter-spacing:.04em}

      /* tl-m sp already declared above */
      .tl-opt .l{display:block;font-size:15px;font-weight:800;line-height:1.25;word-break:break-word}

      .tl-opt .d{display:block;font-size:12.5px;color:var(--gray-2);margin-top:4px;line-height:1.4}

      .tl-opt.on:after{content:"✓";position:absolute;top:8px;right:10px;font-size:12px;font-weight:900;color:var(--brand)}

      .tl-stepno{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}

      .tl-step{animation:tlIn .25s ease}
@keyframes tlIn{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@media(max-width:1100px){
        .tl-cards{grid-template-columns:repeat(3,1fr)}

        .tl-models{grid-template-columns:repeat(2,1fr)}

        .tl-deep{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
        .tl-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
        .tl-hero h1{font-size:24px}

        .tl-q{font-size:20px}

        .tl-opts{grid-template-columns:1fr 1fr}

        .tl-cards,.tl-models,.tl-deep{grid-template-columns:1fr}

        .tl-frow{flex-direction:column;gap:4px}

        .tl-flabel{width:auto;padding-top:0}
}


/* ── from appraisal.php:38 (view_appraisal_page) ── */
.ap-wrap{max-width:var(--wrap-doc)}

.ap-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sh-card)}

.ap-l{display:block;font-size:12px;font-weight:700;color:var(--gray-1);margin:0 0 4px}

.ap-inp{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px;color:var(--ink);background:#fff}

.ap-inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px rgba(46,130,230,.15)}

.ap-vin{display:flex;gap:10px;flex-wrap:wrap}

.ap-vin .ap-inp{flex:1;min-width:220px}

.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:11px;padding:12px 24px;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}

.ap-btn:disabled{opacity:.55;cursor:default}

.ap-or{display:flex;align-items:center;gap:12px;color:var(--gray-3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:16px 0}

.ap-or::before,.ap-or::after{content:"";flex:1;height:1px;background:var(--line)}

.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.ap-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}
@media(max-width:640px){.ap-g3{grid-template-columns:1fr}
}

.ap-mb{margin-bottom:12px}

.ap-note{font-size:12.5px;color:var(--gray-2);margin-top:10px}

.ap-err{color:var(--red);font-weight:700;margin-top:12px}

/* результат */
.ap-res{margin-top:22px;display:none}

.ap-res.on{display:block}

.ap-base{background:linear-gradient(180deg,var(--brand-soft),var(--well));border:1px solid var(--line);border-radius:18px;padding:20px 22px;text-align:center}

.ap-bname{font-size:15px;font-weight:800;color:var(--ink)}

.ap-blbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2);font-weight:800;margin-top:12px}

.ap-bval{font-size:34px;font-weight:900;color:var(--ink);line-height:1.05;margin-top:2px}

.ap-bsub{font-size:12px;color:var(--gray-2);margin-top:6px}

/* опитник */
.ap-q{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-top:14px}

.ap-qt{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:10px}

.ap-opts{display:flex;flex-wrap:wrap;gap:8px}

.ap-opt{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--ink-2);cursor:pointer;user-select:none;transition:.12s}

.ap-opt:hover{border-color:var(--brand-soft-2)}

.ap-opt.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-700);font-weight:700}

.ap-multi{font-size:12px;font-weight:700;color:var(--gray-3);margin-left:8px;text-transform:none;letter-spacing:0}

.ap-disc{margin-top:14px;font-size:12.5px;line-height:1.6;color:var(--gray-2);background:var(--well);border:1px solid var(--line-2);border-radius:14px;padding:16px 18px}

.ap-disc b{color:var(--gray-1)}

.ap-opt .d{font-size:12px;font-weight:800;margin-left:6px}

.ap-opt .dn{color:var(--red)}
.ap-opt .dp{color:var(--green)}

/* підсумок */
.ap-final{margin-top:24px;background:var(--ink);border-radius:18px;padding:22px 24px;color:#fff;box-shadow:0 16px 40px -18px rgba(20,24,40,.32)}

.ap-frow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}

.ap-flbl{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-3);font-weight:800}

.ap-fval{font-size:34px;font-weight:900;line-height:1.05}

.ap-frange{font-size:13px;color:var(--gray-3);margin-top:4px}

.ap-fdelta{font-size:14px;font-weight:800;margin-top:2px}

.ap-break{margin-top:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:none}

.ap-break.on{display:block}

.ap-bl{display:flex;justify-content:space-between;font-size:13px;color:var(--line);padding:3px 0}

.ap-bl b{color:#fff}

.ap-cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}

.ap-cta a{display:inline-flex;align-items:center;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;text-decoration:none}

.ap-cta .p{background:var(--brand);color:#fff}
.ap-cta .g{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}

.ap-about{margin-top:18px;font-size:15px;line-height:1.7;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px}

.ap-about h2{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 12px}

.ap-about p{margin:0 0 12px}
.ap-about p:last-child{margin:0}
@media(max-width:640px){.ap-grid{grid-template-columns:1fr}
.ap-fval{font-size:28px}
}

.ap-up{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(90deg,var(--brand-soft),var(--well));border:1px solid var(--brand-soft);border-radius:14px;padding:14px 18px}

.ap-up-t{font-size:14px;font-weight:800;color:var(--ink)}

.ap-up-x{font-size:12.5px;color:var(--gray-2);margin-top:2px}

.ap-up a{background:var(--brand);color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}


/* ── from chat.php:199 (chat_widget_html) ── */
#lcChat{position:fixed;right:20px;bottom:20px;z-index:90;font-family:var(--font,Inter,sans-serif)}

#lcChatBtn{display:flex;align-items:center;gap:9px;background:var(--violet);color:#fff;border:0;border-radius:999px;padding:13px 20px;font:700 14.5px var(--font,Inter,sans-serif);cursor:pointer;box-shadow:0 14px 30px -10px rgba(46,130,230,.55);transition:transform .15s}

#lcChatBtn:hover{transform:translateY(-2px)}

#lcChatWin{position:fixed;right:20px;bottom:20px;width:min(360px,calc(100vw - 32px));height:min(520px,calc(100vh - 60px));background:#fff;border-radius:22px;box-shadow:0 30px 70px -24px rgba(20,38,61,.45);display:flex;flex-direction:column;overflow:hidden}

.lcc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:var(--violet);color:#fff;padding:16px 18px}

.lcc-head b{font-size:15px}
.lcc-sub{font-size:12px;opacity:.85;margin-top:2px}

.lcc-head button{background:none;border:0;color:#fff;font-size:16px;cursor:pointer;opacity:.8;padding:2px 6px}

.lcc-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--well)}

.lcc-msg{max-width:82%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}

.lcc-admin{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}

.lcc-user{background:var(--violet);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}

.lcc-time{font-size:11.5px;opacity:.6;margin-top:3px}

.lcc-name{border:0;border-top:1px solid var(--line-2);padding:9px 14px;font:500 12.5px var(--font,Inter,sans-serif);outline:none;color:var(--gray-1)}

.lcc-form{display:flex;border-top:1px solid var(--line-2)}

.lcc-form input{flex:1;border:0;padding:13px 14px;font:500 14px var(--font,Inter,sans-serif);outline:none}

.lcc-send{border:0;background:none;color:var(--violet);font-size:18px;padding:0 16px;cursor:pointer}

.lcc-err{font-size:12px;color:var(--red-600);padding:6px 14px}
@media(max-width:560px){#lcChatWin{right:8px;bottom:8px}
}


/* ── from cookie_consent.php:49 (cookie_consent_html) ── */
#lcCookie{position:fixed;left:0;right:0;bottom:0;z-index:9990;padding:0 14px calc(14px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.9,.3,1);pointer-events:none}
#lcCookie.on{transform:translateY(0);pointer-events:auto}
#lcCookie .cc-in{max-width:860px;margin:0 auto;background:var(--ink);color:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(20,18,50,.35);padding:16px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#lcCookie .cc-tx{flex:1 1 320px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.88)}
#lcCookie .cc-tx a{color:var(--brand-soft-2);text-decoration:underline}
#lcCookie .cc-bt{display:flex;gap:10px;flex:0 0 auto;margin-left:auto}
#lcCookie button{font:inherit;font-size:14px;font-weight:700;border-radius:12px;padding:10px 22px;cursor:pointer;border:0}
#lcCookie .cc-ok{background:var(--brand);color:#fff}
#lcCookie .cc-ok:hover{background:var(--brand-600)}
#lcCookie .cc-no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
#lcCookie .cc-no:hover{border-color:rgba(255,255,255,.65)}
@media(max-width:560px){#lcCookie .cc-bt{width:100%;margin-left:0}
#lcCookie button{flex:1 1 0}
}


/* ── from views.php (lc_chart_css) ── */
.an-hist{display:flex;align-items:flex-end;gap:6px;margin-top:18px;height:200px}
.an-hb{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}
.an-hb .v{height:16px;font-size:12px;font-weight:800;color:var(--gray-1);margin-bottom:5px}
.an-hb .b{display:block;width:100%;border-radius:8px 8px 3px 3px;transition:opacity .15s}
.an-hb:hover .b{opacity:.75}
.an-hb .l{height:16px;margin-top:8px;font-size:11.5px;font-weight:600;color:var(--gray-2);white-space:nowrap}
.an-hb .mk{position:absolute;top:-4px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);background:rgba(46,130,230,.1);border-radius:99px;padding:2px 7px;white-space:nowrap}
@media(max-width:760px){.an-hb .l{font-size:11.5px;transform:rotate(-45deg);transform-origin:center;height:22px}
}
.an-svg{width:100%;height:300px;margin-top:14px;display:block;overflow:visible}
.an-yc{position:relative;margin-top:14px}
.an-yc-svg{width:100%;height:auto;display:block;overflow:visible}
.an-yc-bar{opacity:.9;transition:opacity .15s}
.an-yc:hover .an-yc-bar{opacity:.55}
.an-yc-hit:hover ~ .an-yc-bar{opacity:1}
.an-yc-tip{position:absolute;top:6px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;pointer-events:none;white-space:nowrap;z-index:5;box-shadow:0 12px 30px rgba(20,18,50,.28)}
.an-yc-tip b{font-weight:800}
.an-yc-tip span{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.75);margin-top:3px}
.an-yc-tip i{width:8px;height:8px;border-radius:99px;flex:none}
.an-lgd{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12.5px;color:var(--gray-2)}
.an-lgd span{display:inline-flex;align-items:center;gap:7px}
.an-lgd i{width:10px;height:10px;border-radius:99px;flex:none}
.an-lgd i.ln{height:3px;width:16px;border-radius:2px}
.an-lgd b{color:var(--ink)}
.an-lgd .mx{margin-left:auto}
.lcv-wrap{position:relative;margin-top:10px}
.lcv-svg{width:100%;height:auto;display:block;overflow:visible}
.lcv-x{font-size:12px}
.lcv-dot{transition:r .15s}
.lcv-wrap:hover .lcv-dot{r:5}
.lcv-tip{position:absolute;top:26px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:8px 11px;font-size:12.5px;line-height:1.45;pointer-events:none;white-space:nowrap;z-index:5;box-shadow:0 12px 30px rgba(20,18,50,.28)}
.lcv-tip b{font-weight:800;display:block}
.lcv-tip span{color:rgba(255,255,255,.65);font-size:12.5px}
.lcv-chip{position:absolute;right:0;top:-2px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--green);background:rgba(22,115,72,.1);border-radius:999px;padding:5px 11px}
.lcv-chip.up{color:var(--amber-600);background:rgba(217,72,15,.1)}
.lcv-chip i{font-style:normal;font-weight:600;font-size:12px;color:var(--gray-2)}
@media(max-width:520px){.lcv-x{font-size:17px}
.lcv-chip{position:static;margin-bottom:8px}
}

/* ============================================================
   4) ЕДИНЫЕ КОМПОНЕНТЫ (v41) — идут ПОСЛЕ страничных стилей и имеют приоритет — используются PHP-партиалами tpl/partials.php
   и JS-рендером результата. Все страницы обязаны собираться из них.
   ============================================================ */
/* -- eyebrow / kicker: одна подпись-ярлык над заголовком -- */
.kick,.kicker,.eyebrow-sm,.lc-eyebrow{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);line-height:1.3}
.kick.muted,.kicker.muted,.lc-eyebrow.muted{color:var(--gray-2)}

/* -- заголовок секции -- */
.lc-sec-h{margin:0 0 16px}
.lc-sec-h .kick{margin-bottom:8px}
.lc-sec-h h2,.lc-sec-h .h2{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.lc-sec-h p,.lc-sec-h .sub{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--gray-1);max-width:720px}
.lc-sec-h.center{text-align:center}
.lc-sec-h.center p{margin-left:auto;margin-right:auto}

/* -- карточка -- */
.card,.lc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--sh-card);min-width:0;max-width:100%}
.card.sm{padding:14px 16px;border-radius:var(--r-sm)}
.card.lg{padding:26px 28px;border-radius:var(--r-xl)}
.card.flat{box-shadow:none}
.card.soft{background:var(--well);border-color:transparent;box-shadow:none}
.card>:first-child{margin-top:0}

/* -- KPI: подпись + число + пояснение -- */
.lc-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;min-width:0}
.lc-kpi .lbl,.lc-kpi small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2)}
.lc-kpi .val,.lc-kpi b{display:block;margin-top:4px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lc-kpi .val small{display:inline;font-size:13px;font-weight:700;color:var(--gray-2);margin-left:3px;text-transform:none;letter-spacing:0}
.lc-kpi .note{display:block;margin-top:4px;font-size:12.5px;color:var(--gray-1);line-height:1.4}
.lc-kpi.good .val{color:var(--green)}.lc-kpi.bad .val{color:var(--red)}.lc-kpi.warn .val{color:var(--amber)}.lc-kpi.brand .val{color:var(--brand-700)}
.lc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lc-kpis>*{min-width:0}
@media(max-width:768px){.lc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* -- чип статуса (иконка + подпись рядом со статусом) -- */
.lc-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;line-height:1;padding:7px 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;color:var(--ink-2);white-space:nowrap;min-height:30px}
.lc-chip i,.lc-chip .d{width:7px;height:7px;border-radius:50%;background:var(--gray-3);flex:none}
.lc-chip.ok{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.lc-chip.ok i,.lc-chip.ok .d{background:var(--green)}
.lc-chip.warn{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber)}.lc-chip.warn i,.lc-chip.warn .d{background:var(--amber)}
.lc-chip.bad{background:var(--red-soft);border-color:var(--red-line);color:var(--red)}.lc-chip.bad i,.lc-chip.bad .d{background:var(--red)}
.lc-chip.none{background:var(--well);color:var(--gray-2)}
.lc-chip.info{background:var(--brand-soft);border-color:var(--brand-soft-2);color:var(--brand-700)}.lc-chip.info i{background:var(--brand)}
.lc-chip.lock{color:var(--gray-2)}

/* -- callout / note -- */
.lc-note{background:var(--brand-soft);border:1px solid var(--brand-soft-2);color:var(--brand-ink);border-radius:var(--r-sm);padding:12px 14px;font-size:14px;line-height:1.5}
.lc-note.ok{background:var(--green-soft);border-color:var(--green-line);color:var(--green-600)}
.lc-note.warn{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-600)}
.lc-note.bad{background:var(--red-soft);border-color:var(--red-line);color:var(--red-600)}
.lc-note.quiet{background:var(--well);border-color:var(--line);color:var(--gray-1)}

/* -- сетки: одна шкала брейкпоинтов 480 / 768 / 1024 -- */
.g2,.g3,.g4{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g2>*,.g3>*,.g4>*{min-width:0}
@media(max-width:1024px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.g3{grid-template-columns:1fr}}
@media(max-width:480px){.g2,.g4{grid-template-columns:1fr}}

/* -- таблицы: всегда в скролл-обёртке -- */
.table-wrap,.lc-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;max-width:100%}
.table-wrap table,.lc-tablewrap table{width:100%;border-collapse:collapse;min-width:520px}
.lc-table th{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-2);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--well)}
.lc-table td{padding:11px 14px;border-bottom:1px solid var(--line-2);font-size:14px;color:var(--ink);vertical-align:middle}
.lc-table tr:last-child td{border-bottom:0}
.lc-table td.num,.lc-table th.num{text-align:right;font-variant-numeric:tabular-nums}

/* -- графики: рамка + защита от переполнения -- */
.chart-frame{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-xs);min-width:0;max-width:100%;overflow:hidden}
.chart-frame .cf-h{font-size:14px;font-weight:800;color:var(--ink)}
.chart-frame .cf-s{font-size:12.5px;color:var(--gray-2);margin-top:2px}
.chart-frame svg,.chart-frame canvas{max-width:100%;height:auto}
.lc-chart,.chart-card,.an-chart,.mk-chart{min-width:0;max-width:100%;box-sizing:border-box}
svg{max-width:100%}
.lc-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--gray-1)}
.lc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.dv1{background:var(--dv-1)}.dv2{background:var(--dv-2)}.dv3{background:var(--dv-3)}.dv4{background:var(--dv-4)}.dv5{background:var(--dv-5)}.dv6{background:var(--dv-6)}

/* -- hero страницы: один компонент, вариант выравнивания через модификатор -- */
.lc-hero{padding:44px 0 8px}
.lc-hero .eyebrow{margin-bottom:16px}
.lc-hero h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.035em;font-weight:900;margin:0}
.lc-hero .lead,.lc-hero .sub{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--gray-1);max-width:640px}
.lc-hero.center{text-align:center}
.lc-hero.center .lead,.lc-hero.center .sub,.lc-hero.center .lc-form,.lc-hero.center .lc-page-search{margin-left:auto;margin-right:auto}
.lc-hero.compact{padding:28px 0 4px}
.lc-hero.compact h1{font-size:var(--fs-h2)}
/* заливка градиентом больше не используется как фон hero (контракт §6.1): */
.hero-band{background:var(--brand-soft);border:1px solid var(--brand-soft-2);border-radius:var(--r-xl);padding:26px 28px}
.hero-band h1{font-size:var(--fs-h2)}
.hero-band .kick{color:var(--brand-700)}
@media(max-width:768px){.lc-hero{padding:24px 0 4px}.hero-band{padding:20px 18px}}

/* -- формы: одно оформление полей на всех страницах -- */
.lc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lc-field>label,.lc-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2)}
.lc-input,.lc-select,.lc-field input:not([type=checkbox]):not([type=radio]),.lc-field select,.lc-field textarea{box-sizing:border-box;width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 14px;background:#fff;color:var(--ink);font:500 15px/1.3 var(--font);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.lc-field textarea{padding:10px 14px}
.lc-select,.lc-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235F7086' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.lc-input:focus,.lc-select:focus,.lc-field input:focus,.lc-field select:focus,.lc-field textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}
.lc-input::placeholder,.lc-field input::placeholder{color:var(--gray-3)}
.lc-check{display:inline-flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--ink-2);cursor:pointer;line-height:1.4}
.lc-check input{accent-color:var(--brand);width:16px;height:16px;margin-top:2px;flex:none}
.lc-form{max-width:100%}
.lc-form:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}

/* -- sticky-слои: шапка + панель разделов; якоря не прячутся под ними -- */
[id]{scroll-margin-top:var(--sticky-off)}
[id^="rep-"],[data-lcsec]{scroll-margin-top:calc(var(--sticky-off) + 62px)}
.lc-rnav{position:sticky;top:calc(var(--nav-h) + 8px);z-index:30}
.lc-rnav-wrap{position:relative}
.lc-rnav-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:48px;border-radius:0 99px 99px 0;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 70%);pointer-events:none}
.lc-rnav-wrap.at-end::after{display:none}

/* -- нижняя фиксированная зона: sticky-CTA и чат не пересекаются -- */
.lc-chat,#lcChat{bottom:16px;right:16px}
body.has-sticky-cta #lcChat{bottom:calc(76px + env(safe-area-inset-bottom))}
body.has-sticky-cta #lcChatWin{bottom:calc(140px + env(safe-area-inset-bottom))}
@media(max-width:768px){
  #lcChatBtn{width:52px;height:52px;padding:0;border-radius:50%;justify-content:center;gap:0}
  #lcChatBtn span{display:none}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .mk-sticky{padding-right:84px}
}

/* -- пустые состояния -- */
.lc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:28px 18px;border:1px dashed var(--line);border-radius:var(--r-md);color:var(--gray-1);font-size:14px;background:var(--well)}
.lc-empty b{color:var(--ink);font-size:15px}
.lc-nodata{color:var(--gray-2);font-weight:600}
.lc-skel{position:relative;overflow:hidden;background:var(--well-2);border-radius:var(--r-sm);min-height:80px}
.lc-skel::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:lcSkel 1.4s infinite}
@keyframes lcSkel{to{transform:translateX(100%)}}

/* -- вспомогательные -- */
.muted{color:var(--gray-2)}.small{font-size:13px}.mono{font-family:var(--mono);letter-spacing:.04em}
.text-ok{color:var(--green)}.text-bad{color:var(--red)}.text-warn{color:var(--amber)}.text-brand{color:var(--brand-700)}
.tap{min-height:var(--tap);min-width:var(--tap)}
.foot-col a{padding:8px 0;min-height:32px;display:flex;align-items:center}
.foot-bottom a{padding:6px 0;display:inline-block}
.lc-crumbs a,.lc-crumbs span{padding:4px 0;display:inline-block}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


/* ============================================================
   5) ТОЧЕЧНЫЕ ФИКСЫ (аудит 2026-09-09: MOB-01..05, DSK-01/04, CMP-06/07)
   ============================================================ */
/* MOB-01: график отчёта не шире колонки */
.lc-rep-main,.lc-rep-body,.lc-block,.lc-block>*,.lc-chart,.lc-chart>*{min-width:0;max-width:100%}
.lc-chart svg,.lc-chart canvas,.lcv-svg,.an-svg,.an-yc-svg{width:100%;max-width:100%;height:auto}
/* MOB-02: KPI-плитки аналитики */
.an-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.an-kpis>*,.an-kpi{min-width:0}
.an-kpi b,.an-kpi .v{overflow-wrap:anywhere}
@media(max-width:900px){.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.an-kpis{grid-template-columns:1fr}}
/* MOB-03: карточки «Нещодавно перевіряли» и декор hero на 320px */
@media(max-width:400px){.lc-eng-grid{grid-template-columns:1fr}}
.hm-hero,.hero{overflow:hidden;contain:paint}
/* CMP-07: таблицы регионов/серий в скролл-обёртке */
.plt-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.plt-table{min-width:520px}
/* DSK-01: панель разделов — виден хвост списка */
.lc-rnav{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.lc-rnav.at-end{-webkit-mask-image:none;mask-image:none}
/* графики: подписи оси лет не слипаются */
.an-hb .l,.mk-year-lbl{font-variant-numeric:tabular-nums}
@media(max-width:900px){.an-hist .an-hb:nth-child(even) .l{visibility:hidden}}
@media(max-width:560px){.an-hist .an-hb:not(:nth-child(4n+1)) .l{visibility:hidden}}
/* единая толщина/цвет прогресс-баров */
.lc-reg .bar>i{background:var(--brand)}

/* hero: единый вариант — eyebrow-пилюля + H1 слева + подзаголовок (центрирование убрано) */
.page-head{padding:44px 0 10px}
.page-head h1{font-size:var(--fs-h1);letter-spacing:-.035em;line-height:1.08;margin:14px 0 8px}
.page-head .sub,.page-head .lc-desc{color:var(--gray-1);font-size:17px;line-height:1.55;max-width:680px;margin:0}
.lc-page-hero{text-align:left;max-width:var(--wrap-doc);margin:0 auto;padding-top:0;padding-bottom:0}
.lc-page-hero h1{font-size:var(--fs-h1)}
@media(max-width:768px){.page-head{padding:26px 0 6px}.page-head h1{font-size:var(--fs-h1)}.page-head .sub{font-size:15.5px}}
/* заголовки секций из инлайна → классы */
.h2-sec{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.15;font-weight:800}
.h3-sec{font-size:17px;letter-spacing:-.015em;line-height:1.25;font-weight:800}
/* один цвет действия для всех CTA (оффер, инструменты, оценка, trade-in) */
.lc-of-bar .btn,.lc-of-i .btn,.tl-fbtn,.ap-btn,.ti-btn-p,.hm-check .btn,#lcChatBtn{background:var(--action);border-radius:var(--r-pill)}
.lc-of-bar .btn:hover,.lc-of-i .btn:hover,.tl-fbtn:hover,.ap-btn:hover,.ti-btn-p:hover{background:var(--action-hover)}
.lc-of-i .btn.gh{background:#fff;color:var(--action);border:1.5px solid var(--brand-soft-2)}
.lc-of-i .btn.gh:hover{background:var(--brand-soft)}
.btn,.tl-fbtn,.ap-btn,.ti-btn-p,.lc-of-bar .btn,.lc-of-i .btn{min-height:var(--tap)}
/* поля форм: одна высота (44), радиус 11, рамка --line, фокус-кольцо бренда — на всех страницах */
.tl-form select,.tl-form input,.ap-inp,.ti-inp,.auth-inp,.lc-input,.lc-select{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);font:500 15px/1.3 var(--font);padding:0 14px;box-shadow:none}
.tl-form select:focus,.tl-form input:focus,.ap-inp:focus,.ti-inp:focus,.ap-inp:focus-visible,.auth-inp:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}
.tl-form label,.ap-l,.ti-l,.auth-lbl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-2)}
.auth-lbl{display:flex;flex-direction:column;gap:6px}
.auth-btn{border-radius:var(--r-pill)}
.btn-google,.btn-telegram{border-radius:var(--r-pill);min-height:var(--tap)}
/* контраст текста в бренд-синем: мелкий текст — brand-700 (6.5:1), заливки CTA — action */
.kick,.kicker,.eyebrow-sm,.lc-eyebrow,.tl-link,.tl-stepno,.auth-link,.go,.plt-code,.nav-links a.nav-page.active,.lc-card2 .go,a.lk:hover{color:var(--brand-700)}
.tl-btn,.cc-ok,#lcCookie .cc-ok,.lc-pr-hot,.lc-pr-free-tag,.lc-of-i .btn,.hm-check .btn{background:var(--action);color:#fff}
.tl-btn:hover,.cc-ok:hover,#lcCookie .cc-ok:hover{background:var(--action-hover)}
.tl-link{border-color:var(--brand-soft-2)}

/* ── hotfix v41.1 (аудит 09.09 вечер) ── */
/* 01/08: контейнеры — горизонтальный паддинг нельзя перебить инлайном */
.wrap{padding-left:28px!important;padding-right:28px!important}
@media(max-width:560px){.wrap{padding-left:18px!important;padding-right:18px!important}}
/* 02: «Нещодавно перевіряли» на /check — 1 колонка до 480, лимит высоты сетки */
@media(max-width:480px){.lc-hub-grid,.lc-eng-grid{grid-template-columns:1fr}}
.lc-hub-card b,.lc-eng-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
/* 04: график регистраций по годам — не шире карточки */
.plt-yr,.plt-years{max-width:100%;overflow:hidden;min-width:0}
.plt-yr>*{min-width:0}
/* 05: таблицы марки/модели/регионов — скролл-обёртка (панель ставит их без обёртки) */
.mk-table-wrap,.plt-tablewrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mk-sec table,.lc-sec table,.plt table{max-width:100%}
@media(max-width:560px){.mk-sec table,.lc-sec table,.an-panel table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}}
/* 06: кнопка копирования VIN — 36×36 */
.lc-copy,button[data-copy],.lc-vin-copy{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
/* 07: чипы статуса переносятся, кнопка «точна ціна» не режется */
.mk-badges span,.lc-chip{white-space:normal;text-align:left;line-height:1.25}
.mk-sec .btn,.lc-sec .btn{max-width:100%;white-space:normal;text-align:center}
/* 08: KPI США — auto-fit */
.usa-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* 09: /privacy — ритм заголовков как в /oferta */
.article h2,.lc-prose h2,.page-doc h2{margin-top:28px}
.article h3,.lc-prose h3{margin-top:20px}
/* 15: дублирующая «AC» над h1 серии */
.plt-bigcode{display:none}
/* 16: меню — бургер только ниже 900px */
@media(min-width:861px) and (max-width:1100px){.nav-links a{font-size:13px;padding:8px 8px}.nav-cta .btn{padding:9px 14px;font-size:13.5px}.nav-inner{gap:12px}}
/* 20: сиротки — тарифы 3 колонки, донаты auto-fit */
.lc-pr-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lc-donuts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
/* 21: пустой слот галереи */
.lc-photos-row>div:empty,.lc-photos-row img[src=""]{display:none}
/* 24: карточка в карточке — вложенные без двойной рамки */
.card .card,.lc-card .lc-card,.lc-of-i .card{box-shadow:none}
/* 25: даты не переносятся */
.lc-date,time,.lc-wanted-list td:last-child{white-space:nowrap}
/* 23: 404 */
/* 14: группа закрытых секций — компактно, одна CTA */
.lc-lgroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.lc-lgroup .lc-lsec{margin:0;padding:14px 16px}
.lc-lgroup .lc-lsec .lbody{margin-top:10px}
.lc-lgroup .lc-lsec .lblur{gap:7px}
.lc-lgroup .lc-lsec .lblur i{height:10px}
.lc-lgroup-cta{grid-column:1/-1;text-align:center;margin-top:6px}
.lc-lgroup-cta .btn{min-width:260px}
@media(max-width:640px){.lc-lgroup{grid-template-columns:1fr}}

/* ============================================================
   6) LAYOUT v42 — единый каркас страниц (2026-09-09, пересборка всех страниц кроме отчётов)
   Страница = hero → секции (.lc-s) с одним заголовком (.lc-sh) → офер → футер.
   Лендинги: .lc-sh.center. Документные страницы: .lc-sh (слева).
   ============================================================ */
.lc-s{padding:56px 0}
.lc-s.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lc-s.tight{padding:28px 0}
.lc-s.first{padding-top:24px}
.lc-s+.lc-s.alt,.lc-s.alt+.lc-s.alt{border-top:0}
.lc-sh{margin:0 0 24px;max-width:760px}
.lc-sh .kick{display:inline-block;margin-bottom:10px}
.lc-sh h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.03em;font-weight:900;margin:0}
.lc-sh h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.02em;font-weight:800;margin:0}
.lc-sh p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--gray-1)}
.lc-sh.center{text-align:center;margin-left:auto;margin-right:auto;max-width:680px;margin-bottom:30px}
.lc-sh.center p{margin-left:auto;margin-right:auto}
/* старые семейства заголовков → тот же вид */
.hm-h,.lc-h,.section-head{margin:0 auto 30px;max-width:680px;text-align:center}
.hm-h .kick,.lc-h .kick,.section-head .kicker{display:inline-block;margin-bottom:10px}
.hm-h h2,.lc-h h2,.section-head h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.03em;font-weight:900;margin:0}
.hm-h p,.lc-h p,.section-head p{margin:10px auto 0;font-size:16px;line-height:1.6;color:var(--gray-1)}
.an-h2,.plt-h2,.tl-h2{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.15;font-weight:800}
.an-sub{font-size:15px;color:var(--gray-1);line-height:1.55}
/* сетки плиток */
.lc-tiles{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-tiles.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.lc-tiles.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lc-tiles>*{min-width:0}
@media(max-width:1024px){.lc-tiles.c4,.lc-tiles.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.lc-tiles,.lc-tiles.c2{grid-template-columns:1fr}}
/* плитка-ссылка: иконка, заголовок, текст, действие */
.lc-tile{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px;text-decoration:none;color:inherit;box-shadow:var(--sh-xs);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s;min-height:100%}
a.lc-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--brand-soft-2)}
.lc-tile .ic{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-soft);color:var(--brand-700);margin-bottom:4px}
.lc-tile .ic.g{background:var(--green-soft);color:var(--green)}.lc-tile .ic.o{background:var(--amber-soft);color:var(--amber)}.lc-tile .ic.r{background:var(--red-soft);color:var(--red)}
.lc-tile b{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.lc-tile .ds{font-size:14px;line-height:1.5;color:var(--gray-1)}
.lc-tile .go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:800;color:var(--brand-700)}
.lc-tile.row{flex-direction:row;align-items:flex-start;gap:14px}
.lc-tile.row .ic{margin:0;flex:none}
.lc-tile.row>div{display:flex;flex-direction:column;gap:4px;min-width:0}
/* старые семейства карточек → тот же вид */
.hm-way,.hm-fn,.lc-card2,a.ctc{border-radius:var(--r-md);box-shadow:var(--sh-xs)}
.hm-way .ic,.hm-fn .ic,.lc-card2 .ic,.ctc-ic{width:44px;height:44px;border-radius:12px}
/* KPI-ряд лендингов */
.lc-kpis.hero{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lc-kpis.hero .lc-kpi{padding:18px 20px}
.lc-kpis.hero .lc-kpi .val{font-size:26px}
@media(max-width:1024px){.lc-kpis.hero{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hm-kpi,.usa-kpi,.an-kpi{border-radius:var(--r-md)}
/* FAQ — один вид */
.lc-faq{display:flex;flex-direction:column;gap:10px;max-width:820px;margin:0 auto}
.lc-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 18px}
.lc-faq summary{cursor:pointer;font-size:15.5px;font-weight:700;padding:14px 28px 14px 0;list-style:none;position:relative;color:var(--ink)}
.lc-faq summary::-webkit-details-marker{display:none}
.lc-faq summary::after{content:"+";position:absolute;right:0;top:11px;font-size:22px;font-weight:400;color:var(--brand)}
.lc-faq details[open] summary::after{content:"\2013"}
.lc-faq p{font-size:14.5px;color:var(--gray-1);line-height:1.65;margin:0 0 16px}
.lc-faq2,.hm-faq{max-width:820px;margin:0 auto}
.lc-faq2 details,.hm-q{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 18px;margin-top:10px}
.lc-faq2 details:last-child{border-bottom:1px solid var(--line)}
.lc-faq2 summary,.hm-q summary{padding:14px 28px 14px 0;font-size:15.5px;position:relative}
.lc-faq2 summary::after,.hm-q summary::after{content:"+";position:absolute;right:0;top:11px;font-size:22px;font-weight:400;color:var(--brand)}
.lc-faq2 details[open] summary::after,.hm-q[open] summary::after{content:"\2013"}
.lc-faq2 p,.hm-q p{margin:0 0 16px}
/* CTA-ряд */
.lc-cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
/* hero лендинга (центр) */
.lc-hero.center{padding:56px 0 24px}
.lc-hero.center h1{max-width:820px;margin:0 auto}
.lc-hero .note{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--gray-2)}
.lc-hero .note svg{color:var(--green)}
.lc-hero .eyebrow{margin-bottom:16px}
/* документный контейнер */
.lc-doc{max-width:820px}
.lc-doc .lc-tcard{padding:28px 32px}
@media(max-width:768px){.lc-s{padding:36px 0}.lc-hero.center{padding:32px 0 12px}.lc-sh{margin-bottom:18px}}
/* главная v42 */
.hm-hero{position:relative;overflow:hidden}
.lc-hero.center.hm-hero{padding:64px 0 40px}
.lc-hero.center .sub{font-size:18px}
.lc-hero.center .sub b{color:var(--ink)}
.lc-eng-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.lc-eng-card{display:block;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;text-decoration:none;color:inherit;background:#fff;box-shadow:var(--sh-xs);transition:border-color .15s,box-shadow .15s,transform .15s}
.lc-eng-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--brand-soft-2)}
.lc-eng-card b{display:block;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-eng-sub{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--gray-2)}
.lc-eng-plate{font-family:var(--mono);font-size:12px;background:var(--well);border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--ink)}
@media(max-width:1024px){.lc-eng-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.lc-eng-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.lc-eng-grid{grid-template-columns:1fr}}
.lc-app{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--brand-700),var(--brand) 60%,var(--brand-cyan));padding:38px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;color:#fff}
.lc-app .kick{color:rgba(255,255,255,.8)}
.lc-app h2{color:#fff;font-size:var(--fs-h2);letter-spacing:-.03em;margin:8px 0 0}
.lc-app-list{list-style:none;padding:0;margin:14px 0 22px}
.lc-app-list li{display:flex;gap:9px;align-items:flex-start;margin-top:9px;font-size:14.5px;color:rgba(255,255,255,.92)}
.lc-app-list svg{flex:none;margin-top:1px}
.lc-app-badge{display:inline-block;line-height:0;border-radius:10px}
.lc-app-shot{text-align:center}
.lc-app-shot img{max-width:230px;width:100%;height:auto;display:inline-block;filter:drop-shadow(0 22px 44px rgba(20,38,61,.35))}
@media(max-width:768px){.lc-app{grid-template-columns:1fr;padding:26px 22px}.lc-app-shot{display:none}}
/* секция-карточка графиков (бренд/модель/США/аналитика) */
.mk-sec{margin-top:16px}
.mk-sec .lc-sh{margin-bottom:14px}
.mk-sec .lc-sh h2.h3{font-size:19px;letter-spacing:-.02em;line-height:1.2;font-weight:800}
.mk-sec .lc-sh p.small{font-size:13.5px;color:var(--gray-2);margin-top:4px}
.mk-sec-body{min-width:0;max-width:100%;overflow:hidden}
.mk-insight{margin-top:14px;font-size:13.5px;border-left:3px solid var(--brand);border-radius:0 var(--r-xs) var(--r-xs) 0;background:transparent;padding:2px 0 2px 12px;color:var(--gray-1)}
.mk-sec-cta{margin-top:12px}
.lc-kpis.hero.c3,.lc-kpis.hero.c3.lc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-kpis.hero.c3{margin-top:20px}
@media(max-width:768px){.lc-kpis.hero.c3{grid-template-columns:1fr}}
.lc-rows{display:flex;flex-direction:column}
.lc-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line-2);padding:9px 0;font-size:14px}
.lc-row:last-child{border-bottom:0}
.lc-row b{font-weight:700}
/* /price v42 */
.lc-pr-price{display:flex;align-items:baseline;gap:6px;margin:6px 0 12px}
.lc-pr-price b{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1}
.lc-pr-price span{font-size:14px;color:var(--gray-2);font-weight:600}
.lc-pr-card{position:relative;padding-top:26px}
.lc-pr-card.hot{border-color:var(--brand);box-shadow:var(--sh-md)}
.lc-pr-hot{position:absolute;top:-12px;left:18px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:var(--r-pill)}
.lc-pr-card .btn{margin-top:auto}
.lc-pr-feats{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink-2)}
.lc-pr-feats li{padding-left:20px;position:relative;line-height:1.4}
.lc-pr-feats li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.lc-pr-one .btn,.lc-pr-free .btn{align-self:flex-start;margin-top:auto}
.lc-pr-grid.lc-tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){.lc-pr-grid.lc-tiles.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lc-pr-grid.lc-tiles.c4{grid-template-columns:1fr}}
/* /plates/* — унификация под систему */
.plt-h2{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.15;font-weight:800;margin:40px 0 14px}
.plt-h3{font-size:17px;letter-spacing:-.015em;margin:24px 0 12px;font-weight:800}
.plt-note{background:var(--brand-soft);border:1px solid var(--brand-soft-2);border-radius:var(--r-sm);padding:12px 14px;font-size:14px;line-height:1.5;color:var(--brand-ink);margin-top:22px}
.plt-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.plt-statc{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;box-shadow:var(--sh-xs)}
.plt-statc .n{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.plt-statc .l{font-size:12.5px;color:var(--gray-1);margin-top:4px;line-height:1.4}
.plt-statnote{font-size:13.5px;color:var(--gray-1);line-height:1.55}
.plt-gen{border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-xs)}
.plt-chip{border:1px solid var(--line);font-size:13.5px;min-height:36px}
.plt-chip:hover{border-color:var(--brand);color:var(--brand-700)}
.plt-chip.on{background:var(--brand-soft);border-color:var(--brand-soft-2);color:var(--brand-700)}
.plt-code{color:var(--brand-700)}
.plt-foot{margin-top:28px;font-size:14px;color:var(--gray-1)}
.plt-foot a{color:var(--brand-700);font-weight:700}
.plt-years{max-width:100%;overflow:hidden}
.plt-yr .bar{background:var(--brand)}
.plt-decoder,.plt-maprow{margin-top:8px}

/* v42 analytics */
.an-sh{margin:44px 0 18px;max-width:760px}
.an-sh:first-child{margin-top:0}
.an-sh h2{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.15;font-weight:800;margin:0}
.an-sh p{margin:8px 0 0;font-size:15px;color:var(--gray-1);line-height:1.55}

/* v42 brands index */
.bx-top{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;margin-bottom:36px}
.bx-card{text-decoration:none;display:block}
.bx-name{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:9px}
.bx-bar{height:4px;background:var(--well-2);border-radius:3px;margin-bottom:9px}
.bx-bar>div{height:100%;background:var(--brand);border-radius:3px}
.bx-avg{font-size:12px;color:var(--gray-2)}
.bx-avg b{color:var(--ink)}
.bx-group{margin-top:26px}
.bx-group .chiprow{margin-top:12px}

/* v42 market brand/model */
.mk-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.mk-badge{display:flex;align-items:center;gap:8px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;box-shadow:var(--sh-sm)}
.mk-badge .dot{width:9px;height:9px;border-radius:50%;flex:none}
.mk-badge .l{font-size:12.5px;color:var(--gray-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-badge b{font-size:13px;color:var(--ink);margin-left:auto;white-space:nowrap}
.mk-vcards{margin-top:16px}
.mk-page .lc-up{margin-top:0}
@media(max-width:560px){.mk-badges{grid-template-columns:1fr}}

/* v42 registry hub */
.rh-block{margin-top:26px}
.rh-block .lc-sh{margin-bottom:12px}
.rh-block .lc-sh h2.h3{font-size:19px;letter-spacing:-.02em;line-height:1.2;font-weight:800}
.rh-block .lc-sh p.small{font-size:13.5px;color:var(--gray-2);margin-top:4px}
.rh-links{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:8px}
.rh-link{font-size:13px;color:var(--brand);text-decoration:none;white-space:nowrap}
.rh-link .mono{font-family:var(--mono);color:var(--gray-2)}
.lcr-wrap{max-width:600px}
.lc-doc.lc-prose{margin-left:0;margin-right:0}
.lc-s .ti-about.lc-doc{max-width:none}
.lc-sh h2.h3{font-size:19px;letter-spacing:-.02em;line-height:1.2;font-weight:800}
.card>.lc-sh{margin-bottom:14px}
.lc-s .ap-about.lc-doc{max-width:none;margin-top:18px}
.ap-about .lc-sh{margin-bottom:12px}
.ap-about .lc-sh h2{font-size:24px;font-weight:800;letter-spacing:-.03em}

/* v43 home — real data blocks */
.hm-proof{display:inline-flex;align-items:center;gap:6px;margin-left:14px;padding-left:14px;border-left:1px solid var(--line);color:var(--ink);font-weight:700}
.hm-proof svg{color:var(--brand)}
@media(max-width:560px){.hm-proof{margin-left:0;padding-left:0;border-left:0;display:flex;margin-top:6px}}
.hm-trend{margin-top:18px}
.hm-trend .lc-sh{margin-bottom:10px}
.hm-trend .chart-frame{padding:0}
.hm-top .lc-tile{position:relative;padding-right:76px}
.hm-share{position:absolute;top:18px;right:18px;font:800 15px/1 var(--font);color:var(--brand-700);background:var(--brand-soft);border-radius:999px;padding:6px 10px}
.hm-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.hm-brand{display:grid;grid-template-columns:120px 1fr 52px 84px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.hm-brand:hover .nm{color:var(--brand-700)}
.hm-brand .nm{font-weight:800;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-brand .bar{height:8px;background:var(--well-2);border-radius:4px;overflow:hidden}
.hm-brand .bar i{display:block;height:100%;background:var(--brand);border-radius:4px}
.hm-brand .pc{font-weight:800;font-size:13.5px;text-align:right}
.hm-brand .av{font-size:12.5px;color:var(--gray-2);text-align:right;white-space:nowrap}
.hm-regs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hm-regcol{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-xs)}
.hm-regt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.hm-regt.g{color:var(--green)}.hm-regt.r{color:var(--red)}
.hm-reg{display:grid;grid-template-columns:1fr 56px 64px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hm-reg .nm{font-weight:700;font-size:14.5px}
a.hm-reg:hover .nm{color:var(--brand-700)}
.hm-reg .sh{font-size:13px;color:var(--gray-2);text-align:right}
.hm-reg .dl{font-weight:800;font-size:14px;text-align:right}
.hm-reg .dl.dn{color:var(--green)}.hm-reg .dl.up{color:var(--red)}
.hm-demo{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-demo-link{text-decoration:none;color:inherit;display:block}
.hm-rev .rv-plate{align-self:flex-start}
.hm-rev .ds{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.hm-rev-au{margin-top:auto;font-size:12.5px;color:var(--gray-2);font-weight:600}
@media(max-width:900px){.hm-brands{grid-template-columns:1fr}.hm-regs{grid-template-columns:1fr}.hm-demo{grid-template-columns:1fr}}
@media(max-width:560px){.hm-brand{grid-template-columns:96px 1fr 48px;gap:8px}.hm-brand .av{display:none}}
.lc-kpis.hero{min-height:0;padding:0;display:grid;align-items:stretch;overflow:visible;contain:none}
@media(max-width:768px){.hm-top.lc-tiles.c4{grid-template-columns:1fr}.hm-top .lc-tile{padding-right:22px}.hm-share{position:static;align-self:flex-start;margin-bottom:-2px}}
@media(max-width:560px){.hm-trend{display:none}}
.hm-trend .chart-frame{padding:0 18px}
.hm-trend .an-svg{overflow:visible}

/* v43 audit fixes */
.lc-crumbs.top{margin:0;padding:0}
.lc-crumbs.top > .wrap{border-top:0;padding-top:16px;padding-bottom:0}
.lc-crumbs.top + main .page-head,.lc-crumbs.top + main .lc-hero{padding-top:22px}
.lc-pr-hot{transform:none}
.empty-zone{min-height:0}
.page-404{padding-bottom:64px}
.lc-hub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1024px){.lc-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.lc-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.lc-hub-grid{grid-template-columns:1fr}}
.plt-yr .yl.skip{visibility:hidden}
.mk-year-lbl{overflow:hidden;white-space:nowrap}
@media(max-width:560px){.mk-badge .l{white-space:normal;font-size:11.5px;line-height:1.2}.mk-badge b{margin-left:6px}.mk-sec-cta .btn{white-space:normal;text-align:left;max-width:100%;height:auto;line-height:1.3;padding-top:10px;padding-bottom:10px}}
.lc-copy{flex:none;margin-left:auto;border:0;background:transparent;color:var(--gray-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:-8px;border-radius:8px}
.lc-copy:hover{background:var(--well-2);color:var(--ink)}
.lc-copy svg{width:16px;height:16px}
.lc-idlbl{font-size:11px}
.lc-photos-row{display:flex!important;flex-wrap:wrap}
.lc-photos-row img{flex:1 1 calc(25% - 8px);min-width:140px;max-width:100%}
@media(max-width:560px){.lc-chart,.lc-block,.chart-frame{max-width:100%;min-width:0;overflow:hidden}.lc-chart svg,.chart-frame svg{max-width:100%}.lc-photos-row img{flex-basis:calc(50% - 5px);min-width:0}}
.plt-lbl{font-size:13px}
.plt-lbl2{font-size:11px}
@media(max-width:760px){.plt-lbl{font-size:16px}.plt-lbl2{font-size:13px}}

/* аудит #10 — одна форма оцінки: поля, підписи та кнопки /car-valuation, /trade-in, /compare однакові */
.tl-form select,.tl-form input,.ap-inp,.ti-inp,.ti-combo .ti-cinp{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font:500 14.5px/1.3 var(--font);color:var(--ink);background:#fff;min-height:44px;transition:border-color .12s,box-shadow .12s}
.tl-form select:focus,.tl-form input:focus,.ap-inp:focus,.ti-inp:focus,.ti-combo .ti-cinp:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.tl-form select,.ap-inp:is(select),.ti-inp:is(select){appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235F7086' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.tl-form label,.ap-l,.ti-l{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-1);margin:0 0 6px}
.tl-btn,.ap-btn,.ti-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:15px;letter-spacing:-.01em;padding:11px 22px;min-height:var(--tap);border-radius:var(--r-pill);border:0;cursor:pointer;background:var(--action);color:#fff;box-shadow:var(--sh-violet);text-decoration:none;white-space:nowrap;transition:background .16s,transform .12s}
.tl-btn:hover,.ap-btn:hover,.ti-go:hover{background:var(--action-hover)}
.tl-btn.ghost{background:var(--brand-soft);color:var(--brand-700);box-shadow:none}
.tl-btn.ghost:hover{background:var(--brand-soft-2)}
#tlGo,#apCalc{width:100%}
.ti-go{margin:18px auto 0;width:auto;min-width:260px}
.ti-inp{margin-bottom:12px}
.lc-trend{display:block;width:100%;height:auto;aspect-ratio:1000/300}
.an-svg.lc-trend{height:auto}
@media(max-width:560px){.hm-trend{display:block}.lc-trend{aspect-ratio:1000/420}}
.lc-result-zone:has(#lcResult:empty):has(#lcRelated:empty){display:none}
.lc-s.lc-result-zone{padding-top:0}
.lc-hero .note .hm-proof{margin-left:12px}
.lc-sh.center + .lc-doc.lc-prose,.lc-sh.center ~ .lc-doc{margin-left:auto;margin-right:auto}

/* v46 report template — єдиний стиль зі сторінками сайту */
main > .lc-crumbs.top + .page-head{padding-top:22px}
.lc-rep-hero .lc-rep-h1{font-size:var(--fs-h1);line-height:1.1}
.lc-rep-hero .lc-rep-id{display:inline-block;font:700 15px/1.2 var(--mono);color:var(--brand-700);background:var(--brand-soft);border-radius:8px;padding:6px 10px;vertical-align:middle;margin-left:6px;letter-spacing:.02em}
.lc-rep-hero .lc-rep-xlink{margin:12px 0 0}
.lc-rep-hero .lc-rep-xlink a{font-weight:700;color:var(--brand-700);text-decoration:none}
.lc-s.lc-rep-body{padding-top:20px}
.lc-block{border:1px solid var(--line);border-radius:var(--r-lg,20px);padding:24px;margin-top:18px;background:#fff;box-shadow:var(--sh-xs)}
.lc-block > .lc-sec-h{margin-bottom:16px}
.lc-sec-h .kick{display:inline-block;margin-bottom:8px}
.lc-sec-h h2,.lc-sec-h h3,.lc-sec-h .h2{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--ink)}
.lc-sec-h p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--gray-2);max-width:760px}
.lc-block .h2-sec{font-size:19px;letter-spacing:-.02em}
.lc-paywall-h{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:0}
.an-marks{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--gray-2)}
.an-marks span{display:inline-flex;align-items:center;gap:6px}
.an-marks i{width:12px;height:12px;border-radius:3px;display:inline-block}
.lc-paywall-head{margin:26px 0 4px}.lc-paywall-sub{font-size:13.5px;color:var(--gray-2);margin-top:6px}
/* 10.09: H1 сторінки авто — рядок 1: «Перевірка за …: ID» (менший кегль, переноситься, ID нерозривний);
   рядок 2: назва авто підзаголовком — 17–19px, сірий, з іконкою. Назви довгі, тому не в одному рядку з H1. */
.lc-rep-hero .lc-rep-h1,.page-head .lc-rep-h1{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
.lc-rep-h1 .lc-rep-h1l{display:block}
.lc-rep-h1 .lc-rep-idm{font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap}
.lc-rep-h1 .lc-rep-car{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:clamp(15px,1.4vw,18px);font-weight:700;letter-spacing:-.01em;color:var(--gray-1);line-height:1.3;white-space:normal}
.lc-rep-h1 .lc-rep-car svg{flex:none;color:var(--brand);width:16px;height:16px}
@media(max-width:560px){.lc-rep-hero .lc-rep-h1,.page-head .lc-rep-h1{font-size:22px}.lc-rep-h1 .lc-rep-car{font-size:15px;margin-top:8px}}
/* ── /analytics v51: пересборка ── */
.an-page .lc-kpis.hero{margin-top:4px}
.lc-kpis.an-facts{margin-top:12px;gap:10px}
.lc-kpis.an-facts .lc-kpi{padding:12px 14px;background:var(--well)}
.lc-kpis.an-facts .lc-kpi .val{font-size:18px}
.lc-kpis.an-facts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:768px){.lc-kpis.an-facts,.lc-kpis.an-facts.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.an-page .lc-report-nav,.an-page .lc-rep-nav{margin-top:18px}
.an-subl{font-size:13px;color:var(--gray-2);margin:2px 0 10px}
.an-exp{font-size:14px;color:var(--gray-1);line-height:1.55;margin:14px 0 0;max-width:820px}
.an-exp b{color:var(--ink)}
.an-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:stretch}
@media(max-width:760px){.an-two{grid-template-columns:1fr}}
.lc-regs .md{font-size:12.5px;font-weight:700;color:var(--gray-1);margin-right:6px}
.an-page .card{padding:20px 22px}
/* /analytics: меню як у звіті авто + донати 2 в ряд */
.lc-rep-side.an-nav{margin:18px 0 0}
.lc-donuts.an-donuts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:640px){.lc-donuts.an-donuts{grid-template-columns:1fr}}

/* 10.09: /plates/series — «регіон як вибірка»: донати 3 в ряд, KPI без верхнього відступу */
.lc-donuts.plt-donuts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
@media(max-width:900px){.lc-donuts.plt-donuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lc-donuts.plt-donuts{grid-template-columns:1fr}}
.plt-series .lc-kpis.hero{margin-top:0}
.plt-series .lc-kpis.hero .lc-kpi .val{font-size:clamp(18px,1.8vw,24px);white-space:nowrap}
.plt-series .an-exp a{color:var(--brand-700);font-weight:700}

/* 10.09: «паспорт сутності» (lc_passport) — перший екран серій / регіонів / марок / моделей */
.lc-pass{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm);overflow:hidden;margin-top:4px}
.lc-pass-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 40px;align-items:center;padding:26px 28px}
.lc-pass-vis{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:180px}
.lc-pass-vis .plt-plate{margin:0}
.lc-pass-vis .cap{font-size:12.5px;color:var(--gray-2);text-align:center;max-width:240px;line-height:1.4}
.lc-pass-mono{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:118px;border-radius:20px;background:linear-gradient(160deg,var(--brand-soft),#fff 70%);border:1px solid var(--brand-soft-2);color:var(--brand-700);padding:10px}
.lc-pass-mono .ltr{font-size:46px;font-weight:900;letter-spacing:-.04em;line-height:1}
.lc-pass-mono .nm{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;color:var(--gray-2);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-pass-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.lc-pass-facts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-pass-facts .f{display:flex;flex-direction:column;gap:6px;min-width:0}
.lc-pass-facts .k{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-2)}
.lc-pass-facts .v{font-size:15.5px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
.lc-pass-facts .v b{font-weight:800}
.lc-pass-facts .v .hint{font-size:12.5px;font-weight:600;color:var(--gray-2)}
.lc-pass-facts .v .flag{font-size:18px;line-height:1}
.lc-pass-facts .v a.lnk{color:var(--brand-700);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.lc-pass-facts .v a.lnk svg{flex:none;transition:transform .12s}
.lc-pass-facts .v a.lnk:hover{text-decoration:underline}.lc-pass-facts .v a.lnk:hover svg{transform:translateX(2px)}
.lc-pass-facts .v.chips{gap:6px}
.lc-pass-facts .v .chips{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:4px}
.lc-pass-facts .v.chips .plt-code,.lc-pass-facts .v .chips .plt-code{font-size:13px;padding:6px 10px;text-decoration:none}
.lc-pass-facts .v.chips .plt-code--v,.plt-tl-step .codes .plt-code--v{background:var(--brand);color:#fff}
.lc-pass-facts .v.gens{gap:8px 14px}
.lc-pass-facts .v.gens .gen{display:inline-flex;align-items:center;gap:5px}
.lc-pass-facts .v.gens .gen .y{font-size:11px;font-weight:800;color:var(--gray-3);letter-spacing:.03em;margin-right:2px}
@media(max-width:1024px){.lc-pass-facts.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.lc-pass-top{grid-template-columns:1fr;gap:20px;padding:20px}.lc-pass-vis{align-items:flex-start;min-width:0}.lc-pass-vis .cap{text-align:left}}
@media(max-width:480px){.lc-pass-facts,.lc-pass-facts.c3{grid-template-columns:1fr;gap:14px}.lc-pass-vis .plt-plate--lg{font-size:24px;padding:8px 12px}}
.plt-tl{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px;position:relative;margin-top:22px;padding-top:22px}
.plt-tl::before{content:'';position:absolute;left:24px;right:24px;top:5px;height:2px;background:var(--line);border-radius:2px}
.plt-tl-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 18px 16px;box-shadow:var(--sh-xs);min-width:0}
.plt-tl-step::before{content:'';position:absolute;top:-23px;left:18px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--line);box-sizing:border-box}
.plt-tl-step.on{border-color:var(--brand-soft-2);background:linear-gradient(180deg,var(--brand-soft),#fff 72%)}
.plt-tl-step.on::before{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.plt-tl-step .y{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--gray-2);text-transform:uppercase}
.plt-tl-step .codes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.plt-tl-step .codes a{text-decoration:none}
.plt-tl-step .t{font-size:15.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.plt-tl-step .d{font-size:13px;color:var(--gray-2);margin-top:4px;line-height:1.5}
.plt-tl-step .d a{color:var(--brand-700);font-weight:700}
.plt-tl-step .now{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-700);background:#fff;border:1px solid var(--brand-soft-2);border-radius:999px;padding:4px 9px}
@media(max-width:760px){.plt-tl{grid-template-columns:1fr;padding-top:0;padding-left:26px;gap:14px}.plt-tl::before{left:5px;right:auto;top:8px;bottom:8px;width:2px;height:auto}.plt-tl-step::before{top:20px;left:-27px}}
.plt-tl-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:16px}
.plt-tl-notes>div{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--gray-1);line-height:1.5;background:var(--well);border-radius:var(--r-sm);padding:12px 14px}
.plt-tl-notes svg{flex:none;color:var(--brand);margin-top:2px}
.plt-tl-notes b{color:var(--ink)}
@media(max-width:640px){.plt-tl-notes{grid-template-columns:1fr}}


/* 10.09: «Свіжі звіти» на головній — рівні ряди на кожній ширині: 5×2 десктоп, 3×3 планшет, 2×3 мобайл, 1×5 вузький */
@media(max-width:1024px){.lc-eng-grid .lc-eng-card:nth-child(n+10){display:none}}
@media(max-width:768px){.lc-eng-grid .lc-eng-card:nth-child(n+7){display:none}}
@media(max-width:480px){.lc-eng-grid .lc-eng-card:nth-child(n+6){display:none}}

/* ТЗ 10.09 §2.3 (правка 10.09): поле пошуку — на ВСЮ ширину блоку (.wrap) на всіх сторінках, КРІМ головної.
   Головна (.hm-hero): 760px по центру. Тінь/бордер/радіус — базові з .lc-form. */
.page-head .lc-form{max-width:none;margin-top:24px}
.hm-hero .lc-form{max-width:760px;margin:24px auto 0}
.page-head .lc-form input{font-size:16px}

/* 23.09.2026: таймлайн у безкоштовному звіті (/number, /vin без v4) прибрано — як у платному звіті: без лінії, крапок-іконок і відступу зліва */
.lc-rep-main{padding-left:0}
.lc-rep-main::before,.lc-rep-main > .lc-block::before,.lc-rep-main > .lc-check-hero::before,.lc-rep-main > .lc-tnode::before{display:none;content:none}
.lc-rep-main .lc-tl-dot{display:none}

/* блок «Зафіксовані ДТП» на /number: відступи як у сусідніх .lc-block */
.lc-inc-free{margin-top:20px}
.lc-inc-free .rep2-tl{padding:0}
.lc-inc-free .rep2-node{margin-bottom:0}