:root {
  /* Цвет */
  --paper:#F6F8F5;  --surface:#FFFFFF;  --surface-sunk:#EEF2EE;
  --ink:#11201C;    --ink-muted:#5A6862;  --ink-faint:#8A968F;
  --line:#D7E2DB;   --line-strong:#BFCDC5;
  --brand:#0E8F63;  --brand-ink:#0A6E4C;  --brand-wash:#E4F2EB;   /* зелёный «проверено» + primary-CTA */
  --data:#2563EB;   --data-wash:#E7EEFD;                          /* source-ref/ссылки ТОЛЬКО */
  --warn:#B7791F;   --warn-wash:#FBF1DE;  --danger:#C0392B;       /* «нужно сверить» — спокойный янтарь, не неон */
  --focus:#0E8F63;
  /* Тип (семейства уже self-host, новых файлов нет) */
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --fs-display:clamp(34px,5vw,52px);  /* hero h1, вес 600, letter-spacing -0.02em */
  --fs-h2:clamp(24px,3.2vw,34px);     /* вес 600 */
  --fs-h3:19px;  --fs-lead:18px;  --fs-body:16px;  --fs-sm:14px;
  --fs-mono:13px;  /* коды/refs/статусы, tnum on */  --fs-micro:11px;  /* eyebrow — mono, uppercase, ls .06em */
  /* Геометрия */
  --r-chip:6px;  --r-control:8px;  --r-card:10px;  --r-pill:100px;
  --shadow-card:0 1px 2px rgba(17,32,28,.04);
  --shadow-raised:0 8px 24px -12px rgba(17,32,28,.18);  /* upload-card + result preview ТОЛЬКО */
  --shadow-focus:0 0 0 3px rgba(14,143,99,.22);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.55;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--data);text-decoration:none}
a:hover{text-decoration:underline}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:0;box-shadow:var(--shadow-focus)}
.mono,.ref,.status,.chip,.aud,.vedomost-table,.data-table .num{font-family:var(--font-mono);font-feature-settings:'tnum'}

.nav{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.nav-inner{width:min(1120px,calc(100% - 32px));min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-brand,.nav-logo,.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.logo-mark{width:28px;height:28px;display:grid;place-items:center;color:var(--brand-ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-control);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:600}
.nav-right,.nav-links,.nav-actions{display:flex;align-items:center;gap:8px}
.nav-link,.nav a{color:var(--ink-muted);border-radius:var(--r-control);padding:8px 10px;font-size:var(--fs-sm)}
.nav-link:hover,.nav a:hover,.nav-link.active{color:var(--ink);background:var(--surface-sunk);text-decoration:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-weight:600;text-align:center;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary,.btn.primary,button.primary{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.btn-primary:hover,.btn.primary:hover,button.primary:hover{background:#085F42;border-color:#085F42}
.btn-secondary,.btn-ghost{border-color:var(--line-strong);color:var(--ink)}
.btn-secondary:hover,.btn-ghost:hover{background:var(--surface-sunk);border-color:var(--brand)}

.ref{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;color:var(--data);background:var(--data-wash);border:1px solid rgba(37,99,235,.18);border-radius:var(--r-chip);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%);font-size:var(--fs-mono);line-height:1.2;white-space:nowrap}
.status{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 9px;border:1px solid transparent;border-radius:var(--r-pill);font-size:var(--fs-micro);font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.status::before{font-weight:700}
.status.ok,.status.verified,.status.success{color:var(--brand-ink);background:var(--brand-wash);border-color:rgba(14,143,99,.22)}
.status.ok::before,.status.verified::before,.status.success::before{content:"✓"}
.status.warn,.status.review,.status.needs-review{color:var(--warn);background:var(--warn-wash);border-color:rgba(183,121,31,.22)}
.status.warn::before,.status.review::before,.status.needs-review::before{content:"~"}
.status.source,.status.found,.status.info{color:var(--data);background:var(--data-wash);border-color:rgba(37,99,235,.2)}
.status.source::before,.status.found::before,.status.info::before{content:"↗"}

.chip,.aud{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;color:var(--ink-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-sm);line-height:1.2}
.chip:hover,.aud:hover,.chip.active,.aud.active,.chip[aria-pressed="true"],.aud[aria-pressed="true"]{color:var(--brand-ink);background:var(--brand-wash);border-color:var(--brand);text-decoration:none}

.card,.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.card{padding:20px}
.price-card{display:flex;flex-direction:column;gap:14px;padding:22px}
.price-card h3,.card-title{margin:0;color:var(--ink);font-size:var(--fs-h3);font-weight:600;line-height:1.25}
.card-tagline,.card-desc{color:var(--ink-muted);font-size:var(--fs-sm)}
.card-price,.price-from,.io-row{font-family:var(--font-mono);font-feature-settings:'tnum'}
.price-from{color:var(--ink-faint);font-size:var(--fs-mono)}
.card-price{color:var(--ink);font-size:var(--fs-lead);font-weight:600}

.table-wrap,.vedomost-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.vedomost-table,table.vedomost,.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}
.vedomost-table th,table.vedomost th,.data-table th{position:sticky;top:0;z-index:1;padding:11px 12px;color:var(--ink-muted);background:var(--surface-sunk);border-bottom:1px solid var(--line-strong);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}
.vedomost-table td,table.vedomost td,.data-table td{padding:11px 12px;color:var(--ink);border-bottom:1px solid var(--line);vertical-align:top}
.vedomost-table tr:last-child td,table.vedomost tr:last-child td,.data-table tr:last-child td{border-bottom:0}
.vedomost-table .num,.data-table .num{text-align:right;white-space:nowrap}

.upload-card{display:grid;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-raised)}
.dropzone,.upload-dropzone{display:grid;place-items:center;gap:8px;min-height:168px;padding:24px;color:var(--ink-muted);background:var(--surface-sunk);border:1.5px dashed var(--line-strong);border-radius:var(--r-control);text-align:center}
.dropzone.is-filled,.dropzone.dragover,.upload-dropzone.is-filled,.upload-dropzone.dragover{background:var(--brand-wash);border-color:var(--brand)}
.dropzone-hint,.upload-hint{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--fs-mono);font-feature-settings:'tnum'}

@media (max-width:760px){
  .nav-inner{width:min(100% - 24px,1120px);gap:12px}
  .nav-links{display:none}
  .btn{white-space:normal}
  .card,.price-card,.upload-card{padding:16px}
}

/* Root landing: Variant A product page */
.home-page{
  --container:1180px;--bg-card:var(--surface);--bg-elev:var(--surface-sunk);--bg-card-hover:#F8FAF7;
  --border:var(--line);--border-strong:var(--line-strong);--text:var(--ink);--text-2:var(--ink-muted);--text-3:var(--ink-faint);
  --accent:var(--brand);--accent-soft:var(--brand-wash);--accent-glow:rgba(14,143,99,.18);--green:var(--brand);--amber:var(--warn);
  --radius:var(--r-control);--radius-lg:var(--r-card);--ease:cubic-bezier(.22,.61,.36,1);
}
.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
.brand-glyph{width:28px;height:28px;display:grid;place-items:center;color:var(--brand-ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-control)}
.brand-glyph svg{width:22px;height:22px}.brand-glyph path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-cta{min-height:38px;padding:8px 14px}
.landing-hero{padding:72px 0 64px;background:var(--paper);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1fr);gap:54px;align-items:start}
.hero-copy{padding-top:18px}.eyebrow,.kicker{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.hero-copy h1{max-width:720px;margin:20px 0 18px;font-size:var(--fs-display);line-height:1.04;font-weight:700;letter-spacing:0;color:var(--ink)}
.hero-sub{max-width:600px;margin:0 0 26px;color:var(--ink-muted);font-size:var(--fs-lead);line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.sample-link{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px;margin:32px 0 0;padding:0}
.hero-metrics div{padding:0 26px;border-left:1px solid var(--line)}.hero-metrics div:first-child{padding-left:0;border-left:0}
.hero-metrics dt{font-family:var(--font-mono);font-size:26px;font-weight:800;line-height:1.05;color:var(--ink);font-feature-settings:'tnum'}
.hero-metrics dd{margin:6px 0 0;color:var(--ink-muted);font-size:13px}
.hero-tool{display:grid;gap:16px}.hero-upload{justify-self:end;width:min(100%,320px)}.hero-upload .dropzone svg{width:34px;height:34px;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.split-preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-raised);overflow:hidden}
.preview-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.example-badge{padding:2px 7px;color:var(--warn);background:var(--warn-wash);border:1px solid rgba(183,121,31,.22);border-radius:var(--r-chip);letter-spacing:0;text-transform:none}
.preview-body{display:grid;grid-template-columns:160px 68px minmax(360px,1fr);align-items:center;gap:0;overflow:auto}
.rd-sheet{min-height:184px;margin:14px;padding:18px;background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-control)}
.rd-sheet p{margin:18px 0 0;color:var(--ink-muted);font-size:14px}.source-join{justify-self:center;padding:4px 10px;color:#fff;background:var(--brand);border-radius:var(--r-chip);font-family:var(--font-mono);font-size:12px;font-weight:700;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.preview-table{min-width:610px;border:0;border-left:1px solid var(--line);border-radius:0}.preview-table td:first-child,.preview-table th:first-child{width:44px}
.trust-chips{display:flex;flex-wrap:wrap;gap:9px}.section-band,.landing-catalog,.contacts{padding:72px 0;border-bottom:1px solid var(--line)}
.section-head,.catalog-intro{max-width:760px;margin-bottom:28px}.section-head h2,.catalog-intro h2,.source-block h2,.contacts h2{margin:8px 0 10px;font-size:var(--fs-h2);line-height:1.12;letter-spacing:0}
.catalog-intro p,.source-block p,.contacts p{color:var(--ink-muted);font-size:var(--fs-lead)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.step-num{display:block;margin-bottom:18px;color:var(--brand);font-family:var(--font-mono);font-size:28px;font-weight:800}.step h3{margin:0 0 8px;font-size:var(--fs-h3)}.step p{margin:0;color:var(--ink-muted);font-size:var(--fs-sm)}
.catalog-mount .products{padding:0}.landing-catalog .products .sec-head{display:none}.landing-catalog .catalog-filter-wrap{width:min(var(--container),calc(100% - 32px));margin:0 auto 22px}.landing-catalog .products>.container{width:min(var(--container),calc(100% - 32px))}
.landing-catalog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px}.landing-catalog .price-card{text-decoration:none;color:var(--ink)}
.landing-catalog .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.landing-catalog .card-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--brand);background:var(--brand-wash);border:1px solid rgba(14,143,99,.2);border-radius:var(--r-control)}
.landing-catalog .card-icon svg{width:22px;height:22px;stroke:currentColor}.landing-catalog .pill{font-family:var(--font-mono);font-size:11px;border-radius:var(--r-pill);padding:3px 8px}
.landing-catalog .pill.available{color:var(--brand-ink);background:var(--brand-wash);border:1px solid rgba(14,143,99,.25)}.landing-catalog .pill.soon,.landing-catalog .pill.dev{color:var(--warn);background:var(--warn-wash);border:1px solid rgba(183,121,31,.22)}.landing-catalog .pill.planned{color:var(--ink-faint);background:var(--surface-sunk);border:1px solid var(--line)}
.landing-catalog .card-audience{margin-top:12px;color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.landing-catalog .io{display:grid;gap:8px;margin:6px 0;padding:12px;background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-control)}
.landing-catalog .io-row{display:grid;grid-template-columns:54px 1fr;gap:8px;font-family:var(--font-mono);font-size:12px}.landing-catalog .io-label{color:var(--ink-faint)}.landing-catalog .io-val{color:var(--ink-muted)}.landing-catalog .io-arrow{display:none}
.landing-catalog .price{display:flex;align-items:baseline;gap:6px}.landing-catalog .price-num{font-size:28px;font-weight:700}.landing-catalog .price-cur{color:var(--ink-muted)}.landing-catalog .card-cta{display:inline-flex;margin-top:12px;font-weight:700;color:var(--brand-ink)}
.source-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:34px;align-items:start}.audit-card{display:grid;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.audit-card p{margin:8px 0 0;font-size:14px}.trust-strip{padding:22px 0;background:var(--surface);border-bottom:1px solid var(--line)}.trust-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink-muted)}.trust-strip strong{color:var(--ink)}
.contacts-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:260px}
.footer{padding:26px 0;background:var(--surface);border-top:0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink-muted);font-size:14px}.footer-links{display:flex;gap:16px}
@media (max-width:900px){.hero-grid,.source-grid,.contacts-grid{grid-template-columns:1fr}.hero-upload{justify-self:stretch}.preview-body{grid-template-columns:1fr}.source-join{margin:0 14px 14px}.steps{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr;gap:14px}.hero-metrics div{padding:0;border:0}.contact-actions{min-width:0}.footer-inner{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.landing-hero,.section-band,.landing-catalog,.contacts{padding:48px 0}.nav-cta{display:none}.hero-copy h1{font-size:34px}.hero-actions .btn,.contact-actions .btn{width:100%}.preview-body{display:block}.rd-sheet{min-height:120px}.preview-table{min-width:640px}.trust-strip-inner{display:grid}}