PageSourceSearch

https://www.cnord.ru/contacts

html cnord.ru collected 2026-09-24 10:48:25 UTC 48,856 bytes, 747 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4  <meta charset="utf-8">  <!-- Top.Mail.Ru counter -->
5  
5<script type="text/javascript">
6  var _tmr = window._tmr || (window._tmr = []);
7  _tmr.push({id: "3771977", type: "pageView", start: (new Date()).getTime()});
8  (function (d, w, id) {
9    if (d.getElementById(id)) return;
10    var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
11    ts.src = "https://top-fwz1.mail.ru/js/code.js";
12    var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
13    if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
14  })(document, window, "tmr-code");
15  </script>
15
16  <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3771977;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
17  <!-- /Top.Mail.Ru counter -->
18  <title>Контакты</title>
19  <meta content="Телефоны, почта и каналы поддержки Си-Норда. Адрес офиса и склада в Санкт-Петербурге, схемы проезда, менеджеры по продажам." name="description">
20  <meta content="Контакты" property="og:title">
21  <meta content="Телефоны, почта и каналы поддержки Си-Норда. Адрес офиса и склада в Санкт-Петербурге, схемы проезда, менеджеры по продажам." property="og:description">
22  <meta content="Контакты" property="twitter:title">
23  <meta content="Телефоны, почта и каналы поддержки Си-Норда. Адрес офиса и склада в Санкт-Петербурге, схемы проезда, менеджеры по продажам." property="twitter:description">
24  <meta property="og:type" content="website">
25  <meta content="summary_large_image" name="twitter:card">
26  <meta content="width=device-width, initial-scale=1" name="viewport">
27  <!--  Circe (Typekit, семейство circe строчными) — фирменный шрифт сайта.
28        Цветовые/типографические токены приходят из css/tokens.css — он подключается
29        ниже, в блоке CN-CHROME:HEAD (штамповщик notpublic/build/apply-chrome.mjs).  -->
30  
30<script src="https://use.typekit.net/yhs8bml.js" type="text/javascript"></script>
30
31  
31<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
31
32  <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
33  <link href="images/webclip.png" rel="apple-touch-icon"><!--  Global site tag (gtag.js) - Google Analytics  -->
vendor: 69 bytes, lines 33-34
33
34  <script async="" src="https://www.googletagmanager.com/gtag/js?id=
34UA-2093931-5
vendor: 14 bytes, lines 34-35
34"></script>
35  
35<script>
36  
vendor: 133 bytes, lines 36-39
36window.dataLayer = window.dataLayer || [];
37  function gtag(){dataLayer.push(arguments);}
38  gtag('js', new Date());
39  gtag('config', '
39UA-2093931-5
vendor: 6 bytes, lines 39-40
39');
40  
40gtag('config', 'AW-1066494104'); /* Отслеживание конверсии в Гугл рекламе Россия */
41</script>
41
42  <!--  TypeKit  -->
43  <link rel="stylesheet" href="https://use.typekit.net/yhs8bml.css">
44  <!--  Стили страницы. Только токены из css/tokens.css — свой :root не заводим.
45        Общая часть (.sec/.eyebrow/.h2/.lead/.panel/.btn*/.seam*) скопирована из
46        academy.html — держать в синхроне до выноса в общий файл.  -->
47  <style>
48  *{box-sizing:border-box;}
49  html{-webkit-text-size-adjust:100%;}
50  body{margin:0;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);font-size:var(--text-body);line-height:var(--lh-body);}
51  img{max-width:100%;}
52  a{color:var(--color-brand);text-decoration:none;}
53  a:hover{color:var(--color-brand-hover);}
54  h1,h2,h3,p,figure{margin:0;}
55  .nowrap{white-space:nowrap;}
56
57  /* ── Секции и заголовки ─────────────────────────────── */
58  /* Вертикальный ритм здесь плотнее, чем в academy.html/partners.html
59     (там clamp(48px,6vw,96px)). Соседние секции складывают свои padding, поэтому
60     на десктопе тот ритм давал ~154 px чистой пустоты в каждом стыке. На academy
61     паузу держат тёмные панели и полноширинные картинки, а «Контакты» — светлые
62     текстовые блоки подряд, и такой зазор читался как дыра. Здесь ~96 px. */
63  .sec{max-width:var(--container);margin:0 auto;padding:clamp(32px,3.75vw,60px) clamp(20px,4vw,40px);}
64  .eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold);color:var(--color-brand);margin-bottom:var(--space-4);}
65  .eyebrow-dark{color:var(--color-on-brand);}
66  .h2{font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:var(--weight-bold);letter-spacing:-.02em;}
67  .h3{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--weight-semibold);}
68  .lead{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--color-muted);max-width:700px;margin-top:var(--space-5);}
69  .muted{color:var(--color-muted);max-width:62ch;margin-top:var(--space-4);}
70  .panel{border-radius:var(--radius-card);padding:clamp(36px,5vw,72px) clamp(24px,4vw,64px);}
71
72  /* ── Кнопки ─────────────────────────────────────────── */
73  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:var(--weight-semibold);font-size:var(--text-body);line-height:1;border-radius:var(--radius-pill);padding:15px 28px;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center;}
74  .btn:focus-visible{outline:3px solid var(--color-brand-active);outline-offset:2px;}
75  .btn-primary{background:var(--color-brand);color:var(--color-on-brand);}
76  .btn-primary:hover{background:var(--color-brand-hover);color:var(--color-on-brand);}
77  .btn-ghost{border-color:var(--color-brand);color:var(--color-brand);background:transparent;}
78  .btn-ghost:hover{background:var(--color-brand);color:var(--color-on-brand);}
79  .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
80
81  /* ── Сетка с волосяными швами (gap:1px по --color-border) ── */
82  .seam{display:grid;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;}
83  .seam>*{background:var(--color-surface-2);padding:clamp(22px,2.4vw,32px);}
84  /* grid-auto-rows:1fr — все четыре ячейки «Связаться» одной высоты,
85     иначе ряд подстраивается под самую длинную колонку и сетка выглядит рвано */
86  .seam-2{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;}
87  .seam-3{grid-template-columns:repeat(3,1fr);}
88  .seam-num{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:.06em;color:var(--color-brand);margin-bottom:var(--space-3);}
89  .seam h3{font-size:20px;font-weight:var(--weight-semibold);line-height:var(--lh-h3);}
90  .seam p{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-2);}
91  .fact-val{font-size:clamp(22px,1.8vw,28px);font-weight:var(--weight-bold);letter-spacing:-.02em;}
92  .fact-cap{font-size:var(--text-small);color:var(--color-muted-2);margin-top:var(--space-1);}
93
94  /* ── Перечни ссылок (каналы связи, пояснения) ────────
95     Без маркеров: пункты и так короткие, а тире перед строкой, которая сама
96     содержит тире («Общие вопросы — почта»), читалось как мусор.
97     li остаётся блочным: display:flex делал бы отдельным флекс-элементом каждый
98     текстовый узел и каждую ссылку — из-за gap появл
98ялись мнимые лишние пробелы
99     вокруг тире и запятых. */
100  .dash-list{list-style:none;padding:0;margin:var(--space-4) 0 0;font-size:15px;line-height:1.45;color:var(--color-muted);}
101  .dash-list li+li{margin-top:var(--space-2);}
102
103  /* ── Адрес ──────────────────────────────────────────── */
104  .addr{font-size:var(--text-lead);line-height:var(--lh-lead);margin-top:var(--space-5);}
105  /* Телефон в ячейке «Отдел продаж»: заметный, но не такой крупный, как .fact-val —
106     ячейки сетки одной высоты, и большой кегль распирал первую колонку */
107  .phone{font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.01em;}
108
109  /* ── Карта + схема рядом ────────────────────────────── */
110  .geo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3vw,44px);}
111  /* aspect-ratio держит место под iframe до его загрузки — карта грузится lazy,
112     и без этого страница дёргалась бы при доскролле */
113  .map{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-3);}
114  .map iframe{display:block;width:100%;height:100%;border:0;}
115  .geo figure img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);}
116  .geo figcaption{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted-2);margin-top:var(--space-3);}
117  .map-link{display:inline-block;font-size:var(--text-small);margin-top:var(--space-3);}
118
119  /* ── Фотогид «как пройти / как проехать» ─────────────
120     Сетка, а не карусель: это последовательная инструкция, её читают целиком.
121     Заодно вернулись подписи — в старой вёрстке их гасило .adr-text{height:0}. */
122  .guide{display:grid;gap:clamp(16px,2vw,24px);margin-top:clamp(20px,2.4vw,28px);}
123  .guide-4{grid-template-columns:repeat(4,1fr);}
124  .guide-3{grid-template-columns:repeat(3,1fr);}
125  /* height:auto обязателен: у <img> проставлены атрибуты width/height, и без него
126     атрибутная высота остаётся фактической — картинка сплющивается по горизонтали */
127  .guide-step img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-3);}
128  .guide-cap{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-3);}
129
130  /* ── Менеджеры ──────────────────────────────────────── */
131  .mgr{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3vw,44px);}
132  .mgr-card{display:flex;flex-direction:column;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;padding:clamp(16px,1.6vw,20px);}
133  /* aspect-ratio 3/4 — родное соотношение исходников (450×600), так что cover
134     ничего не обрезает. height:auto обязателен: у <img> есть атрибут height */
135  .mgr-photo{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-3);margin-bottom:var(--space-5);}
136  .mgr-name{font-size:19px;line-height:1.25;font-weight:var(--weight-semibold);}
137  .mgr-meta{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-2);}
138  /* Общий номер повторяется у всех шестерых — сканируется именно добавочный */
139  .mgr-ext{font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap;}
140
141  /* ── Ярлык «Адрес скопирован» ────────────────────────
142     Ставится скриптом в конце body, только на десктопе. Абсолютное
143     позиционирование по координатам документа, поэтому лежит прямо в body. */
144  .copy-note{position:absolute;z-index:20;transform:translate(-50%,-100%);background:var(--color-ink);color:var(--color-on-brand);font-size:13px;line-height:1;font-weight:var(--weight-semibold);padding:8px 11px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;}
145  .copy-note.is-on{opacity:1;}
146
147  /* Брейкпоинты дизайн-системы: 991 / 767 / 479 (tokens.css) */
148  /* ── Планшет ── */
149  @media(max-width:991px){
150    .seam-3{grid-template-columns:repeat(2,1fr);}
151    .guide-4{grid-template-columns:repeat(2,1fr);}
152    .mgr{grid-template-columns:repeat(2,1fr);}
153    .geo{grid-template-columns:1fr;}
154  }
155  /* ── Узкий планшет / крупный телефон ── */
156  @media(max-width:767px){
157    .seam-2{grid-template-columns:1fr;grid-auto-rows:auto;}
158    .seam-3{grid-template-columns:1fr;}
159    .guide-3{grid-template-columns:repeat(2,1fr);}
160  }
161  /* ── Телефон ── */
162  @media(max-width:479px){
163    .guide-4,.guide-3{grid-template-columns:1fr;}
164    .mgr{grid-template-columns:1fr;}
165    .hero-cta .btn{width:100%;}
166  }
167</style>
168  <!--  Amo CRM  -->
169  
169<script async="" src="https://amo.cnord.ru/dist/amo.js"></script>
169
170  
170<script src="js/contest-tab.js"></script>
170
171  
171<script src="js/b24-metrika.js"></script>
171
172  <!--  Vkontakte Pixel Code  -->
173  
173<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://vk.com/js/api/openapi.js?168",t.onload=function(){VK.Retargeting.Init("VK-RTRG-491274-eaQ8h"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
173<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-491274-eaQ8h" style="position:fixed; left:-999px;" alt=""></noscript>
174  <!--  End Vkontakte Pixel Code  -->
175  <!--  Bitrix Code  -->
176  
176<script>
177(function(w,d,u){
178var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
179var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
180})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/tag/call.tracker.js');
181</script>
181
182  <!--  End Bitrix Code  -->
183  
183<script src="/consent.js"></script>
183<!-- cn-cookie-consent -->
184<!-- CN-CHROME:HEAD:START · эталон: notpublic/templates/chrome/head-links.html -->
185<link rel="stylesheet" href="css/tokens.css" type="text/css">
186<link rel="stylesheet" href="css/site-chrome.css" type="text/css">
187<!-- CN-CHROME:HEAD:END -->
188</head>
189<body>
190<!-- CN-CHROME:NAVBAR:START · эталон: notpublic/templates/chrome/navbar.html · править там, затем apply-chrome.mjs -->
191<nav class="cn-nav" aria-label="Основная навигация">
192  <div class="cn-nav__inner">
193    <a href="index.html" class="cn-logo" aria-label="C.Nord — на главную"></a>
194    <div class="cn-nav__links">
195      <a href="katalog.html">Оборудование</a>
196      <a href="projects.html">Решения</a>
197      <a href="news.html">Новости</a>
198      <a href="https://support.cnord.ru/">Поддержка</a>
199      <a href="contacts.html">Контакты</a>
200    </div>
201    <div class="cn-nav__actions">
202      
202<script data-b24-form="click/138/9dzmjb" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/form/loader_138.js');</script>
202
203      <a href="javascript:void(0)" class="cn-btn-demo">Запросить демо</a>
204      <button type="button" class="cn-burger-btn" aria-label="Открыть меню" aria-controls="cn-burger" aria-expanded="false" data-cn-open><span></span><span></span><span></span></button>
205    </div>
206  </div>
207</nav>
208<!-- CN-CHROME:NAVBAR:END -->
209<!-- CN-CHROME:BURGER:START · эталон: notpublic/templates/chrome/burger.html · править там, затем apply-chrome.mjs -->
210<div class="cn-burger" id="cn-burger" role="dialog" aria-modal="true" aria-label="Меню">
211  <div class="cn-burger__top">
212    <div class="cn-burger__top-inner">
213      <a href="index.html" class="cn-burger__logo" aria-label="C.Nord — на главную"></a>
214      <button type="button" class="cn-burger__close" aria-label="Закрыть меню" data-cn-close>&times;</button>
215    </div>
216  </div>
217  <div class="cn-burger__inner">
218    <div class="cn-menu">
219  <div class="cn-menu__col">
220    <h4 class="cn-menu__title">Оборудование</h4>
221    <ul>
222      <li><a href="katalog.html">Каталог устройств</a></li>
223      <li><a href="compare-hardware.html">Сравнение панелей</a></li>
224      <li><a href="okta.html">Окта</a></li>
225      <li><a href="nord-mini-air.html">Nord Mini Air</a></li>
226      <li><a href="nord-pro.html">Nord Pro</a></li>
227      <li><a href="nord-pro-air.html">Nord Pro Air</a></li>
228      <li><a href="nordmax.html">Nord Max / Air</a></li>
229    </ul>
230  </div>
231  <div class="cn-menu__col">
232    <h4 class="cn-menu__title">Сервисы</h4>
233    <ul>
234      <li><a href="security-center.html">Центр охраны</a></li>
235      <li><a href="cloud.html">Облако Си-Норда</a></li>
236      <li><a href="videonablyudenie.html">Видеонаблюдение</a></li>
237      <li><a href="myalarm.html">MyAlarm для клиента</a></li>
238      <li><a href="mytech.html">MyTech для инженера</a></li>
239    </ul>
240  </div>
241  <div class="cn-menu__col">
242    <h4 class="cn-menu__title">Решения</h4>
243    <ul>
244      <li><a href="projects.html">Проектные решения</a></li>
245      <li><a href="residential.html">Жилые комплексы</a></li>
246      <li><a href="smart-village.html">Коттеджные посёлки</a></li>
247    </ul>
248  </div>
249  <div class="cn-menu__col">
250    <h4 class="cn-menu__title">Поддержка</h4>
251    <ul>
252      <li><a href="https://support.cnord.ru/">База знаний</a></li>
253      <li><a href="https://support.cnord.ru/637">Прошивки</a></li>
254      <li><a href="https://support.cnord.ru/5025">Ремонт</a></li>
255      <li><a href="academy.html">Онлайн-обучение</a></li>
256      <li><a href="https://cnord.okdesk.ru">Запрос в поддержку</a></li>
257    </ul>
258  </div>
259  <div class="cn-menu__col">
260    <h4 class="cn-menu__title">Компания</h4>
261    <ul>
262      <li><a href="legal.html">Сертификаты</a></li>
263      <li><a href="marketing.html">Материалы</a></li>
264      <li><a href="https://job.cnord.ru/">Вакансии</a></li>
265      <li><a href="banking-information.html">Реквизиты</a></li>
266      <li><a href="https://www.cnord.ru/opros-2026.html">Обратная связь</a></li>
267    </ul>
268  </div>
269  <div class="cn-menu__col cn-menu__contact">
270    <h4 class="cn-menu__title">Контакты</h4>
271    <ul>
272      <li><a href="partners.html">Где купить</a></li>
273      <li><a href="contacts.html">Контакты</a></li>
274    </ul>
275    <p class="cn-menu__phone"><span class="roistat-phone-change">+7 (812) 327-16-36</span></p>
276    <p><a href="mailto:[email protected]">[email protected]</a></p>
277    <div class="cn-social">
278      <a href="https://vk.com/cnord" aria-label="ВКонтакте" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.8 16.3c-5.3 0-8.7-3.7-8.8-9.8h2.7c.1 4.5 2.1 6.4 3.6 6.8V6.5h2.5v3.8c1.5-.2 3-1.8 3.6-3.8h2.5c-.4 2.4-2 4-3.1 4.7 1.2.6 2.9 1.9 3.6 4.6h-2.8c-.5-1.7-1.9-3-3.8-3.2v3.2z"/></svg></a>
279      <a href="https://www.youtube.com/user/CnordTV/" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 7.5a3 3 0 0 0-2.1-2.1C19 5 12 5 12 5s-7 0-8.9.4A3 3 0 0 0 1 7.5 31 31 0 0 0 .6 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.4a3 3 0 0 0 2.1-2.1A31 31 0 0 0 23.4 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3z"/></svg></a>
280      <a href="https://t.me/c_nord" aria-label="Telegram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.8 15.6l-.4 4.1c.5 0 .8-.2 1.1-.5l2-1.9 4 3c.7.4 1.3.2 1.5-.7l2.7-12.6c.3-1.1-.4-1.6-1.1-1.3L3.4 9.9c-1.1.4-1 1-.2 1.3l4.3 1.3L18 5.9c.5-.3.9-.1.6.2L9.8 15.6z"/></svg></a>
281    </div>
282  </div>
283</div>
284  </div>
285</div>
286<script>
287(function(){
288  if (window.__cnBurgerInit) return; window.__cnBurgerInit = true;
289  function ready(fn){ if (document.readyState !== 'loading') fn(); else document.addEventListener('DOMContentLoaded', fn); }
290  ready(function(){
291    var burger = document.getElementById('cn-burger');
292    if (!burger) return;
293    var openers = [].slice.call(document.querySelectorAll('[data-cn-open]'));
294    var closers = [].slice.call(burger.querySelectorAll('[data-cn-close]'));
295    function setExpanded(v){ openers.forEach(function(b){ b.setAttribute('aria-expanded', v ? 'true' : 'false'); }); }
296    function open(){ burger.classList.add('is-open'); document.body.classList.add('cn-menu-open'); setExpanded(true); if (closers[0]) closers[0].focus(); }
297    function close(){ burger.classList.remove('is-open'); document.body.classList.remove('cn-menu-open'); setExpanded(false); }
298    openers.forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); open(); }); });
299    closers.forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); close(); }); });
300    document.addEventListener('keydown', function(e){ if ((e.key === 'Escape' || e.keyCode === 27) && burger.classList.contains('is-open')) close(); });
301  });
302})();
303</script>
303
304<!-- CN-CHROME:BURGER:END -->
305<div style="max-width:100%;overflow-x:hidden;" data-copy-mail>
306
307  <!-- ══ HERO ══════════════════════════════════════════════════════════════ -->
308  <header class="sec" style="padding-bottom:clamp(24px,3vw,40px);">
309    <div style="display:flex;align-items:center;gap:14px;margin-bottom:22px;">
310      <span style="width:32px;height:2px;background:var(--color-brand);"></span>
311      <span class="eyebrow" style="margin:0;">Санкт-Петербург</span>
312    </div>
313    <h1 style="margin:0;font-weight:700;font-size:clamp(40px,6vw,84px);line-height:1;letter-spacing:-.02em;">Контакты</h1>
314    <div class="hero-cta">
315      <a class="btn btn-ghost" href="#office">Офис</a>
316      <a class="btn btn-ghost" href="#managers">Менеджеры</a>
317      <a class="btn btn-ghost" href="#warehouse">Склад</a>
318      <a class="btn btn-ghost" href="#partners">Партнёры</a>
319    </div>
320  </header>
321
322  <!-- ══ 01 — Связаться ════════════════════════════════════════════════════ -->
323  <section class="sec" id="contact" style="padding-top:clamp(24px,3vw,40px);">
324    <p class="eyebrow">01 — Контакты</p>
325    <h2 class="h2">Связаться</h2>
326    <div class="seam seam-2" style="margin-top:clamp(28px,3vw,44px);">
327
328      <div>
329        <h3>Отдел продаж</h3>
330        <div class="phone" style="margin-top:var(--space-4);"><span class="roistat-phone-change">+7 (812) 327-16-36</span></div>
331        <div class="fact-cap">9:00—18:00, в рабочие дни</div>
332        <ul class="dash-list">
333          <li><a href="mailto:[email protected]">[email protected]</a></li>
334          <li>Прямые добавочные — <a href="#managers">у менеджеров</a></li>
335        </ul>
336      </div>
337
338      <div>
339        <h3>Техническая поддержка</h3>
340        <div class="fact-cap" style="margin-top:var(--space-3);">9:00—18:00, в рабочие дни</div>
341        <ul class="dash-list">
342          <li><a href="https://t.me/cnordsupportbot">Телеграм-бот</a></li>
343          <li><a href="https://cnord.okdesk.ru">Личный кабинет</a></li>
344          <li><a href="mailto:[email protected]">[email protected]</a></li>
345        </ul>
346      </div>
347
348      <div>
349        <h3>Ремонт изделий</h3>
350        <ul class="dash-list">
351          <li><a href="https://support.cnord.ru/5025" target="_blank" rel="noopener">Порядок отправки изделий</a></li>
352          <li><a href="https://bx_activity.cnord.ru/complaint/complaint.php" target="_blank" rel="noopener">Заявка на ремонт</a></li>
353          <li><a href="#warehouse">Отправка на склад</a></li>
354        </ul>
355      </div>
356
357      <div>
358        <h3>Компания</h3>
359        <ul class="dash-list">
360          <li>Общие вопросы — <a href="mailto:[email protected]">[email protected]</a></li>
361          <li>Вакансии — <a href="https://job.cnord.ru/" target="_blank" rel="noopener">job.cnord.ru</a>, <a href="mailto:[email protected]">[email protected]</a></li>
362          <li>Реквизиты — <a href="banking-information.html">банковские реквизиты</a></li>
363        </ul>
364      </div>
365
366    </div>
367  </section>
368
369  <!-- ══ 02 — Офис ═════════════════════════════════════════════════════════ -->
370  <section class="sec" id="office">
371    <p class="eyebrow">02 — Адрес</p>
372    <h2 class="h2">Офис</h2>
373    <p class="addr">наб. Обводного канала, д. 199-201, литер К,<br>пом. 7-Н, оф. 2, Санкт-Петербург, 190020</p>
374    <p class="muted">БЦ «Обводный Двор»: въезд с набережной Обводного канала, далее налево под шлагбаум, далее направо под арку.</p>
375    <div class="geo">
376      <div>
377        <div class="map">
378          <iframe src="https://yandex.ru/map-widget/v1/?text=Санкт-Петербург,+набережная+Обводного+канала,+199-201&amp;z=17"
379                  loading="lazy" title="Офис Си-Норда на карте" allowfullscreen></iframe>
380        </div>
381        <a class="map-link" href="https://yandex.ru/maps/?text=Санкт-Петербург,+набережная+Обводного+канала,+199-201" target="_blank" rel="noopener">Открыть в Яндекс.Картах</a>
382      </div>
383      <figure>
384        <img src="images/парковка-1.png" width="639" height="418" loading="lazy" decoding="async"
385             sizes="(max-width: 991px) 92vw, 560px"
386             srcset="images/парковка-1-p-500.png 500w, images/парковка-1.png 639w"
387             alt="Схема въезда во двор БЦ «Обводный Двор»: шлагбаум и арка">
388        <figcaption>Въезд во двор: под шлагбаум, затем направо под арку.</figcaption>
389      </figure>
390    </div>
391  </section>
392
393  <!-- ══ 03 — Менеджеры ════════════════════════════════════════════════════ -->
394  <section class="sec" id="managers">
395    <p class="eyebrow">03 — Отдел продаж</p>
396    <h2 class="h2">Менеджеры</h2>
397    <div class="mgr">
398
399      <div class="mgr-card">
400        <img class="mgr-photo" src="images/ешенко.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Михаил Ешенко">
401        <div>
402          <p class="mgr-name">Михаил Ешенко</p>
403          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 143</span><br>
404            <a href="mailto:[email protected]">[email protected]</a></p>
405        </div>
406      </div>
407
408      <div class="mgr-card">
409        <img class="mgr-photo" src="images/liza-kopkina.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Елизавета Копкина">
410        <div>
411          <p class="mgr-name">Елизавета Копкина</p>
412          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 158</span><br>
413            <a href="mailto:[email protected]">[email protected]</a></p>
414        </div>
415      </div>
416
417      <div class="mgr-card">
418        <img class="mgr-photo" src="images/черных.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Дмитрий Черных">
419        <div>
420          <p class="mgr-name">Дмитрий Черных</p>
421          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 142</span><br>
422            <a href="mailto:[email protected]">[email protected]</a></p>
423        </div>
424      </div>
425
426      <div class="mgr-card">
427        <img class="mgr-photo" src="images/bogacheva.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Екатерина Богачева">
428        <div>
429          <p class="mgr-name">Екатерина Богачева</p>
430          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 139</span><br>
431            <a href="mailto:[email protected]">[email protected]</a></p>
432        </div>
433      </div>
434
435      <div class="mgr-card">
436        <img class="mgr-photo" src="images/мардан.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Александр Марданов">
437        <div>
438          <p class="mgr-name">Александр Марданов</p>
439          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 708</span><br>
440            <a href="mailto:[email protected]">[email protected]</a></p>
441        </div>
442      </div>
443
444      <div class="mgr-card">
445        <img class="mgr-photo" src="images/marinets2.jpg" width="450" height="600" loading="lazy" decoding="async" alt="Владимир Маринец">
446        <div>
447          <p class="mgr-name">Владимир Маринец</p>
448          <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 700</span><br>
449            <a href="mailto:[email protected]">[email protected]</a></p>
450        </div>
451      </div>
452
453    </div>
454  </section>
455
456  <!-- ══ 04 — Склад ════════════════════════════════════════════════════════ -->
457  <section class="sec" id="warehouse">
458    <p class="eyebrow">04 — Адрес и проезд</p>
459    <h2 class="h2">Склад</h2>
460    <div class="seam seam-3" style="margin-top:clamp(28px,3vw,44px);">
461      <div>
462        <div class="fact-val">наб. Обводного канала, 74</div>
463        <div class="fact-cap">территория завода «Композит», Санкт-Петербург, 196084</div>
464      </div>
465      <div>
466        <div class="fact-val">10:00—17:00</div>
467        <div class="fact-cap">в рабочие дни, перерыв 13:00—14:00</div>
468      </div>
469      <div>
470        <div class="fact-val">Пропуск</div>
471        <div class="fact-cap">пешком — по паспорту на проходной</div>
472      </div>
473    </div>
474    <div class="geo">
475      <div>
476        <div class="map">
477          <iframe src="https://yandex.ru/map-widget/v1/?text=Санкт-Петербург,+набережная+Обводного+канала,+74&amp;z=17"
478                  loading="lazy" title="Склад Си-Норда на карте" allowfullscreen></iframe>
479        </div>
480        <a class="map-link" href="https://yandex.ru/maps/?text=Санкт-Петербург,+набережная+Обводного+канала,+74" target="_blank" rel="noopener">Открыть в Яндекс.Картах</a>
481      </div>
482      <figure>
483        <img src="images/схема-склада.jpg" width="670" height="447" loading="lazy" decoding="async"
484             sizes="(max-width: 991px) 92vw, 560px"
485             srcset="images/схема-склада-p-500.jpeg 500w, images/схема-склада.jpg 670w"
486             alt="Схема территории завода «Композит»: заезд для автомобилей, проходная и вход в здание склада">
487        <figcaption>Стрелка — заезд для автомобилей, въезд бесплатный.</figcaption>
488      </figure>
489    </div>
490    <ul class="dash-list" style="max-width:62ch;">
491      <li><strong>1</strong> — проходная: здесь клиенту без транспорта выдают пропуск (нужен паспорт).</li>
492      <li><strong>2</strong> — вход в здание слева от больших ворот с козырьком, 1 этаж.</li>
493    </ul>
494
495    <h3 class="h3" style="margin-top:clamp(28px,3vw,44px);">Пешком</h3>
496    <div class="guide guide-4">
497      <figure class="guide-step">
498        <img src="images/1pedestrian.jpg" width="1000" height="750" loading="lazy" decoding="async"
499             sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px"
500             srcset="images/1pedestrian-p-500.jpeg 500w, images/1pedestrian.jpg 1000w"
501             alt="Проходная завода «Композит», где выдают пропуск">
502        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 1</span>Получите пропуск на проходной</figcaption>
503      </figure>
504      <figure class="guide-step">
505        <img src="images/2pedestrian.jpg" width="1000" height="750" loading="lazy" decoding="async"
506             sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px"
507             srcset="images/2pedestrian-p-500.jpeg 500w, images/2pedestrian.jpg 1000w"
508             alt="Поворот налево сразу за проходной завода">
509        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 2</span>После проходной поверните налево</figcaption>
510      </figure>
511      <figure class="guide-step">
512        <img src="images/3pedestrian-driver.jpg" width="1000" height="750" loading="lazy" decoding="async"
513             sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px"
514             srcset="images/3pedestrian-driver-p-500.jpeg 500w, images/3pedestrian-driver.jpg 1000w"
515             alt="Здание склада: большие ворота с козырьком, вход слева от них">
516        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 3</span>Вход в здание склада</figcaption>
517      </figure>
518      <figure class="guide-step">
519        <img src="images/pedestrian4.jpg" width="1000" height="750" loading="lazy" decoding="async"
520             sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px"
521             srcset="images/pedestrian4-p-500.jpeg 500w, images/pedestrian4.jpg 1000w"
522             alt="Дверь входа на склад на первом этаже здания">
523        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 4</span>Вход на склад</figcaption>
524      </figure>
525    </div>
526
527    <h3 class="h3" style="margin-top:clamp(36px,4vw,60px);">На автомобиле</h3>
528    <div class="guide guide-3">
529      <figure class="guide-step">
530        <img src="images/1driver-1.jpg" width="1000" height="750" loading="lazy" decoding="async"
531             sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px"
532             srcset="images/1driver-1-p-500.jpeg 500w, images/1driver-1.jpg 1000w"
533             alt="Ворота для проезда на территорию завода «Композит»">
534        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 1</span>Ворота для проезда на склад</figcaption>
535      </figure>
536      <figure class="guide-step">
537        <img src="images/2driver.jpg" width="1000" height="750" loading="lazy" decoding="async"
538             sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px"
539             srcset="images/2driver-p-500.jpeg 500w, images/2driver.jpg 1000w"
540             alt="Поворот налево сразу за въездными воротами">
541        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 2</span>После въезда поверните налево</figcaption>
542      </figure>
543      <figure class="guide-step">
544        <img src="images/3pedestrian-driver.jpg" width="1000" height="750" loading="lazy" decoding="async"
545             sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px"
546             srcset="images/3pedestrian-driver-p-500.jpeg 500w, images/3pedestrian-driver.jpg 1000w"
547             alt="Здание склада с большими воротами с козырьком — подъезд на автомобиле">
548        <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 3</span>Вход в здание склада</figcaption>
549      </figure>
550    </div>
551
552  </section>
553
554
555
556  <!-- ══ 05 — Где купить ═══════════════════════════════════════════════════
557       id="partners" обязан остаться: на contacts.html#partners бьют старые
558       внешние ссылки (см. notpublic/procedures/edit-partners.md). -->
559  <section class="sec" id="partners" style="padding-top:0;">
560    <div class="panel" style="background:var(--color-brand-active);color:var(--color-on-brand);">
561      <p class="eyebrow eyebrow-dark">05 — Партнёры</p>
562      <h2 class="h2">Где купить оборудование</h2>
563      <p class="lead" style="color:var(--color-on-brand);opacity:.9;">Оборудование <span class="nowrap">Си-Норда</span> продают партнёры в 56 городах России, Казахстана, Беларуси, Кыргызстана и Молдовы — адреса, телефоны и сайты собраны на отдельной странице. Если в вашем городе поставщика не окажется, мы доставим заказ с помощью транспортной компании-партнёра.</p>
564      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;">
565        <a href="partners.html" class="btn" style="background:var(--color-surface);color:var(--color-brand);">Список партнёров</a>
566      </div>
567    </div>
568  </section>
569
570</div>
571<!--  Копирование почты по клику.
572      Только на десктопе: matchMedia('(hover:hover) and (pointer:fine)') — то есть
573      там, где есть мышь. На телефоне ссылка остаётся обычным mailto (копировать
574      адрес вместо открытия почты там только мешало бы).
575      Область — контент страницы ([data-copy-mail]); почта в навбаре/футере не
576      затрагивается: они штампуются из templates/chrome и одинаковы на всём сайте.  -->
577<script>
578(function(){
579  if (!window.matchMedia || !matchMedia('(hover:hover) and (pointer:fine)').matches) return;
580  var wrap = document.querySelector('[data-copy-mail]');
581  if (!wrap || !document.body) return;
582
583  var links = [].slice.call(wrap.querySelectorAll('a[href^="mailto:"]'));
584  if (!links.length) return;
585  links.forEach(function(a){ a.title = 'Нажмите, чтобы скопировать адрес'; });
586
587  var note, timer;
588  function show(x, y){
589    if (!note){
590      note = document.createElement('div');
591      note.className = 'copy-note';
592      note.setAttribute('role', 'status');
593      document.body.appendChild(note);
594    }
595    note.textContent = 'Адрес скопирован';
596    note.style.left = x + 'px';
597    note.style.top = (y - 8) + 'px';
598    // перезапуск перехода, если ярлык ещё виден на прошлой ссылке
599    note.classList.remove('is-on');
600    void note.offsetWidth;
601    note.classList.add('is-on');
602    clearTimeout(timer);
603    timer = setTimeout(function(){ note.classList.remove('is-on'); }, 1600);
604  }
605
606  function copy(text){
607    if (navigator.clipboard && navigator.clipboard.writeText) {
608      return navigator.clipboard.writeText(text);
609    }
610    // запасной путь для старых браузеров и не-https
611    return new Promise(function(resolve, reject){
612      var t = document.createElement('textarea');
613      t.value = text;
614      t.setAttribute('readonly', '');
615      t.style.cssText = 'position:fixed;top:0;left:0;opacity:0;';
616      document.body.appendChild(t);
617      t.select();
618      var ok = false;
619      try { ok = document.execCommand('copy'); } catch (e) {}
620      document.body.removeChild(t);
621      ok ? resolve() : reject();
622    });
623  }
624
625  wrap.addEventListener('click', function(e){
626    var a = e.target.closest && e.target.closest('a[href^="mailto:"]');
627    if (!a || !wrap.contains(a)) return;
628    var href = a.getAttribute('href');
629    var r = a.getBoundingClientRect();
630    var x = r.left + window.pageXOffset + r.width / 2;
631    var y = r.top + window.pageYOffset;
632    e.preventDefault();
633    copy(href.slice(7)).then(
634      function(){ show(x, y); },
635      function(){ window.location.href = href; }  // не скопировалось — открываем почтовик
636    );
637  });
638})();
639</script>
639
640<!--  Yandex.Metrika counter  -->
641  
641<script type="text/javascript">
vendor: 299 bytes, lines 641-645
641
642   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
643   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
644   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
645   ym(
64540008
vendor: 147 bytes, lines 645-651
645, "init", {
646        clickmap:true,
647        trackLinks:true,
648        accurateTrackBounce:true,
649        webvisor:true,
650        trackHash:true
651   });
652</script>
652
653  <noscript>
654    <div><img src="https://mc.yandex.ru/watch/40008" style="position:absolute; left:-9999px;" alt=""></div>
655  </noscript>
656  <!--  /Yandex.Metrika counter  -->
657  <!--  Bitrix Code  -->
658  
658<script>
659(function(w,d,u){
660  var s=d.createElement('script');
661  s.async=true;
662  s.src=u+'?'+(Date.now()/180000|0);
663  s.setAttribute('data-b24-form', 'click/42/ni0ifh');
664  s.setAttribute('data-skip-moving', 'true');
665  var h=d.getElementsByTagName('script')[0];
666  h.parentNode.insertBefore(s,h);
667})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/form/loader_42.js');
668</script>
668
669<!-- CN-CHROME:FOOTER:START · эталон: notpublic/templates/chrome/footer.html · править там, затем apply-chrome.mjs -->
670<footer class="cn-footer">
671  <div class="cn-footer__panel">
672    <div class="cn-menu">
673  <div class="cn-menu__col">
674    <h4 class="cn-menu__title">Оборудование</h4>
675    <ul>
676      <li><a href="katalog.html">Каталог устройств</a></li>
677      <li><a href="compare-hardware.html">Сравнение панелей</a></li>
678      <li><a href="okta.html">Окта</a></li>
679      <li><a href="nord-mini-air.html">Nord Mini Air</a></li>
680      <li><a href="nord-pro.html">Nord Pro</a></li>
681      <li><a href="nord-pro-air.html">Nord Pro Air</a></li>
682      <li><a href="nordmax.html">Nord Max / Air</a></li>
683    </ul>
684  </div>
685  <div class="cn-menu__col">
686    <h4 class="cn-menu__title">Сервисы</h4>
687    <ul>
688      <li><a href="security-center.html">Центр охраны</a></li>
689      <li><a href="cloud.html">Облако Си-Норда</a></li>
690      <li><a href="videonablyudenie.html">Видеонаблюдение</a></li>
691      <li><a href="myalarm.html">MyAlarm для клиента</a></li>
692      <li><a href="mytech.html">MyTech для инженера</a></li>
693    </ul>
694  </div>
695  <div class="cn-menu__col">
696    <h4 class="cn-menu__title">Решения</h4>
697    <ul>
698      <li><a href="projects.html">Проектные решения</a></li>
699      <li><a href="residential.html">Жилые комплексы</a></li>
700      <li><a href="smart-village.html">Коттеджные посёлки</a></li>
701    </ul>
702  </div>
703  <div class="cn-menu__col">
704    <h4 class="cn-menu__title">Поддержка</h4>
705    <ul>
706      <li><a href="https://support.cnord.ru/">База знаний</a></li>
707      <li><a href="https://support.cnord.ru/637">Прошивки</a></li>
708      <li><a href="https://support.cnord.ru/5025">Ремонт</a></li>
709      <li><a href="academy.html">Онлайн-обучение</a></li>
710      <li><a href="https://cnord.okdesk.ru">Запрос в поддержку</a></li>
711    </ul>
712  </div>
713  <div class="cn-menu__col">
714    <h4 class="cn-menu__title">Компания</h4>
715    <ul>
716      <li><a href="legal.html">Сертификаты</a></li>
717      <li><a href="marketing.html">Материалы</a></li>
718      <li><a href="https://job.cnord.ru/">Вакансии</a></li>
719      <li><a href="banking-information.html">Реквизиты</a></li>
720      <li><a href="https://www.cnord.ru/opros-2026.html">Обратная связь</a></li>
721    </ul>
722  </div>
723  <div class="cn-menu__col cn-menu__contact">
724    <h4 class="cn-menu__title">Контакты</h4>
725    <ul>
726      <li><a href="partners.html">Где купить</a></li>
727      <li><a href="contacts.html">Контакты</a></li>
728    </ul>
729    <p class="cn-menu__phone"><span class="roistat-phone-change">+7 (812) 327-16-36</span></p>
730    <p><a href="mailto:[email protected]">[email protected]</a></p>
731    <div class="cn-social">
732      <a href="https://vk.com/cnord" aria-label="ВКонтакте" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.8 16.3c-5.3 0-8.7-3.7-8.8-9.8h2.7c.1 4.5 2.1 6.4 3.6 6.8V6.5h2.5v3.8c1.5-.2 3-1.8 3.6-3.8h2.5c-.4 2.4-2 4-3.1 4.7 1.2.6 2.9 1.9 3.6 4.6h-2.8c-.5-1.7-1.9-3-3.8-3.2v3.2z"/></svg></a>
733      <a href="https://www.youtube.com/user/CnordTV/" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 7.5a3 3 0 0 0-2.1-2.1C19 5 12 5 12 5s-7 0-8.9.4A3 3 0 0 0 1 7.5 31 31 0 0 0 .6 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.4a3 3 0 0 0 2.1-2.1A31 31 0 0 0 23.4 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3z"/></svg></a>
734      <a href="https://t.me/c_nord" aria-label="Telegram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.8 15.6l-.4 4.1c.5 0 .8-.2 1.1-.5l2-1.9 4 3c.7.4 1.3.2 1.5-.7l2.7-12.6c.3-1.1-.4-1.6-1.1-1.3L3.4 9.9c-1.1.4-1 1-.2 1.3l4.3 1.3L18 5.9c.5-.3.9-.1.6.2L9.8 15.6z"/></svg></a>
735    </div>
736  </div>
737</div>
738    <div class="cn-footer__copy">
739      <span class="cn-footer__rights"><span class="cn-copy-mark">©</span> C.Nord (Си-Норд), Санкт-Петербург, 2019-<span id="cn-year">2026</span></span>
740      <a href="privacy.html">Политика конфиденциальности</a>
741    </div>
742  </div>
743  
743<script>(function(){var y=document.getElementById('cn-year');if(y)y.textContent=new Date().getFullYear();})();</script>
743
744</footer>
745<!-- CN-CHROME:FOOTER:END -->
746</body>
747</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.