{"id":10,"date":"2026-07-28T10:53:54","date_gmt":"2026-07-28T10:53:54","guid":{"rendered":"https:\/\/kollektornie-uzli-almaty.asia\/?page_id=10"},"modified":"2026-07-28T11:06:48","modified_gmt":"2026-07-28T11:06:48","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/kollektornie-uzli-almaty.asia\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0423\u0417\u0415\u041b \u2014 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u0443\u0437\u043b\u044b \u043f\u043e\u0434 \u043a\u043b\u044e\u0447<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#0F1620;\r\n --ink-2:#16202C;\r\n --paper:#EEF1F0;\r\n --paper-2:#E3E8E6;\r\n --steel:#3E6B96;\r\n --steel-deep:#1F3B57;\r\n --safety:#D6472B;\r\n --safety-deep:#A9341E;\r\n --line:#B9C4CB;\r\n --metal:#7C8A96;\r\n --white:#FBFCFB;\r\n --ok:#3F7A57;\r\n\r\n --display:'Big Shoulders Display', sans-serif;\r\n --body:'IBM Plex Sans', sans-serif;\r\n --mono:'IBM Plex Mono', monospace;\r\n\r\n --container: 1180px;\r\n }\r\n\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n font-family:var(--body);\r\n background:var(--paper);\r\n color:var(--ink);\r\n line-height:1.5;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n img,svg{display:block; max-width:100%;}\r\n a{color:inherit; text-decoration:none;}\r\n ul{list-style:none;}\r\n button{font-family:inherit; cursor:pointer;}\r\n\r\n .wrap{max-width:var(--container); margin:0 auto; padding:0 24px;}\r\n\r\n .blueprint-bg{\r\n background-image:\r\n linear-gradient(var(--line) 1px, transparent 1px),\r\n linear-gradient(90deg, var(--line) 1px, transparent 1px);\r\n background-size:36px 36px;\r\n background-position:-1px -1px;\r\n opacity:1;\r\n }\r\n\r\n .eyebrow{\r\n font-family:var(--mono);\r\n font-size:12px;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n color:var(--steel);\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:14px;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:22px; height:1px; background:var(--steel);\r\n display:inline-block;\r\n }\r\n\r\n h1,h2,h3{\r\n font-family:var(--display);\r\n font-weight:700;\r\n letter-spacing:.01em;\r\n line-height:1.02;\r\n text-transform:uppercase;\r\n }\r\n\r\n .section{padding:96px 0;}\r\n .section-tight{padding:64px 0;}\r\n\r\n \/* dimension divider *\/\r\n .dim-divider{\r\n display:flex; align-items:center; gap:10px;\r\n color:var(--metal); font-family:var(--mono); font-size:11px;\r\n letter-spacing:.08em; margin:0 0 40px;\r\n }\r\n .dim-divider .tick{flex:1; height:1px; background:var(--line); position:relative;}\r\n .dim-divider .tick::before,.dim-divider .tick::after{\r\n content:\"\"; position:absolute; top:-4px; width:1px; height:9px; background:var(--line);\r\n }\r\n .dim-divider .tick::before{left:0;}\r\n .dim-divider .tick::after{right:0;}\r\n\r\n \/* ---------- HEADER ---------- *\/\r\n header{\r\n position:sticky; top:0; z-index:100;\r\n background:rgba(15,22,32,.96);\r\n backdrop-filter:blur(6px);\r\n border-bottom:1px solid rgba(255,255,255,.08);\r\n transition:padding .25s ease;\r\n }\r\n .header-inner{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:20px 24px;\r\n max-width:var(--container); margin:0 auto;\r\n transition:padding .25s ease;\r\n }\r\n header.compact .header-inner{padding:12px 24px;}\r\n\r\n .logo{\r\n font-family:var(--display); font-weight:800; font-size:26px;\r\n color:var(--white); letter-spacing:.02em; display:flex; align-items:baseline; gap:8px;\r\n flex-shrink:0;\r\n }\r\n .logo span{\r\n font-family:var(--mono); font-weight:400; font-size:11px; color:var(--metal);\r\n letter-spacing:.1em; text-transform:uppercase;\r\n white-space:nowrap;\r\n }\r\n\r\n nav.main-nav{display:flex; gap:28px;}\r\n nav.main-nav a{\r\n font-size:14px; color:#C7D0D8; font-weight:500;\r\n padding:6px 0; border-bottom:1px solid transparent; transition:.2s;\r\n }\r\n nav.main-nav a:hover{color:var(--white); border-color:var(--steel);}\r\n\r\n .header-actions{display:flex; align-items:center; gap:18px;}\r\n .phone-link{\r\n font-family:var(--mono); color:var(--white); font-size:15px; font-weight:500;\r\n display:flex; align-items:center; gap:8px;\r\n }\r\n .phone-link svg{width:16px; height:16px; stroke:var(--safety); flex-shrink:0;}\r\n\r\n .phone-icon-btn{\r\n display:none; width:38px; height:38px; border-radius:50%;\r\n border:1px solid rgba(255,255,255,.28);\r\n align-items:center; justify-content:center; flex-shrink:0;\r\n }\r\n .phone-icon-btn svg{width:16px; height:16px; stroke:var(--safety);}\r\n\r\n .mobile-nav-extra{display:none;}\r\n\r\n .btn{\r\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\r\n font-family:var(--body); font-weight:600; font-size:14px;\r\n padding:13px 22px; border-radius:3px; border:1px solid transparent;\r\n transition:.2s ease; white-space:nowrap;\r\n }\r\n .btn-primary{background:var(--safety); color:var(--white);}\r\n .btn-primary:hover{background:var(--safety-deep);}\r\n .btn-outline{border-color:rgba(255,255,255,.35); color:var(--white);}\r\n .btn-outline:hover{border-color:var(--white); background:rgba(255,255,255,.06);}\r\n .btn-outline-dark{border-color:var(--ink); color:var(--ink);}\r\n .btn-outline-dark:hover{background:var(--ink); color:var(--white);}\r\n .btn-block{width:100%;}\r\n\r\n .burger{\r\n display:none; width:26px; height:20px; position:relative;\r\n background:none; border:none; flex-shrink:0;\r\n }\r\n .burger span{\r\n position:absolute; left:0; width:100%; height:2px; background:var(--white);\r\n transition:transform .25s ease, opacity .25s ease, top .25s ease;\r\n }\r\n .burger span:nth-child(1){top:0;}\r\n .burger span:nth-child(2){top:9px;}\r\n .burger span:nth-child(3){top:18px;}\r\n .burger.open span:nth-child(1){top:9px; transform:rotate(45deg);}\r\n .burger.open span:nth-child(2){opacity:0;}\r\n .burger.open span:nth-child(3){top:9px; transform:rotate(-45deg);}\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{\r\n background:var(--ink);\r\n color:var(--white);\r\n padding:64px 0 0;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .hero::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\r\n background-size:44px 44px;\r\n pointer-events:none;\r\n }\r\n .hero-inner{\r\n max-width:var(--container); margin:0 auto; padding:0 24px;\r\n position:relative; z-index:2;\r\n display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center;\r\n padding-bottom:60px;\r\n }\r\n .hero-copy h1{\r\n font-size:clamp(28px,5.6vw,42px);\r\n margin-bottom:22px;\r\n }\r\n .hero-copy h1 em{\r\n font-style:normal; color:var(--safety);\r\n }\r\n .hero-copy p{\r\n font-size:17px; color:#B9C4CE; max-width:520px; margin-bottom:30px;\r\n }\r\n .price-badge{\r\n display:inline-flex; align-items:center; gap:14px;\r\n border:1px solid rgba(255,255,255,.18);\r\n padding:12px 18px; border-radius:3px; margin-bottom:30px;\r\n font-family:var(--mono);\r\n }\r\n .price-badge .label{font-size:11px; color:var(--metal); text-transform:uppercase; letter-spacing:.08em;}\r\n .price-badge .value{font-size:20px; color:var(--white); font-weight:600;}\r\n .price-badge .value b{color:var(--safety); font-weight:600;}\r\n\r\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}\r\n\r\n .hero-diagram-wrap{\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:4px;\r\n padding:18px;\r\n }\r\n .hero-diagram-wrap .cap{\r\n display:flex; justify-content:space-between; align-items:center;\r\n font-family:var(--mono); font-size:10.5px; color:var(--metal);\r\n text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px;\r\n }\r\n .hero-diagram-wrap .cap span:last-child{color:var(--ok);}\r\n\r\n .hero-strip{\r\n border-top:1px solid rgba(255,255,255,.1);\r\n padding:22px 0;\r\n }\r\n .hero-strip .wrap{\r\n display:flex; gap:0; flex-wrap:wrap;\r\n }\r\n .hero-strip .item{\r\n flex:1; min-width:150px;\r\n padding:0 26px;\r\n border-left:1px solid rgba(255,255,255,.1);\r\n font-family:var(--mono); font-size:12px; color:#9AA7B2;\r\n }\r\n .hero-strip .item:first-child{border-left:none; padding-left:0;}\r\n .hero-strip .item b{display:block; color:var(--white); font-size:15px; font-weight:600; font-family:var(--body); margin-bottom:2px;}\r\n\r\n \/* diagram svg text *\/\r\n .schematic text{font-family:var(--mono); fill:#C7D0D8;}\r\n .schematic .lbl-num{fill:var(--safety); font-weight:600;}\r\n .schematic .pipe{stroke:#4A5A68; stroke-width:2; fill:none;}\r\n .schematic .pipe-active{stroke:var(--steel); stroke-width:3; fill:none;}\r\n .schematic .node-ring{fill:var(--ink); stroke:var(--safety); stroke-width:2;}\r\n .schematic .node-dot{fill:var(--safety);}\r\n .schematic .room-line{stroke:#4A5A68; stroke-width:1.5; fill:none;}\r\n .schematic .arrow{fill:#4A5A68;}\r\n\r\n \/* ---------- COMPONENTS ---------- *\/\r\n .comp-grid{\r\n display:grid; grid-template-columns:repeat(3,1fr); gap:1px;\r\n background:var(--line);\r\n border:1px solid var(--line);\r\n }\r\n .comp-card{\r\n background:var(--white);\r\n padding:32px 28px;\r\n position:relative;\r\n }\r\n .comp-tag{\r\n font-family:var(--mono); font-size:12px; color:var(--safety);\r\n border:1px solid var(--safety); width:30px; height:30px;\r\n display:flex; align-items:center; justify-content:center;\r\n border-radius:50%; margin-bottom:18px;\r\n }\r\n .comp-card .icon{width:34px; height:34px; margin-bottom:16px; stroke:var(--steel-deep); fill:none; stroke-width:1.5;}\r\n .comp-card h3{\r\n font-family:var(--body); text-transform:none; font-weight:700; font-size:17px;\r\n letter-spacing:0; margin-bottom:10px; color:var(--ink);\r\n }\r\n .comp-card p{font-size:14.5px; color:#4C5864;}\r\n\r\n \/* ---------- COMPARISON ---------- *\/\r\n .cmp-table{\r\n border:1px solid var(--line); border-radius:4px; overflow:hidden; background:var(--white);\r\n }\r\n .cmp-row{display:grid; grid-template-columns:1fr 1fr;}\r\n .cmp-row + .cmp-row{border-top:1px solid var(--paper-2);}\r\n .cmp-head{background:var(--ink); color:var(--white);}\r\n .cmp-head .cmp-cell{color:var(--white); font-family:var(--mono); font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; padding:16px 24px;}\r\n .cmp-head .cmp-cell.bad{color:#F2A99A;}\r\n .cmp-head .cmp-cell.good{color:#A9D6BB;}\r\n .cmp-cell{\r\n padding:18px 24px; font-size:14.5px; display:flex; gap:10px; align-items:flex-start;\r\n }\r\n .cmp-cell.bad{color:#5A2E24; background:#FBF0EE;}\r\n .cmp-cell.good{color:#204A32; background:#F1F7F3;}\r\n .cmp-cell svg{width:16px; height:16px; flex-shrink:0; margin-top:2px;}\r\n .cmp-cell.bad svg{stroke:var(--safety);}\r\n .cmp-cell.good svg{stroke:var(--ok);}\r\n @media (max-width:700px){\r\n .cmp-row{grid-template-columns:1fr;}\r\n }\r\n\r\n \/* ---------- PROCESS ---------- *\/\r\n .process-line{\r\n display:grid; grid-template-columns:repeat(6,1fr); gap:0; position:relative;\r\n }\r\n .process-line::before{\r\n content:\"\"; position:absolute; top:19px; left:0; right:0; height:1px; background:var(--line); z-index:0;\r\n }\r\n .p-step{position:relative; z-index:1; padding-right:18px;}\r\n .p-step .p-num{\r\n width:38px; height:38px; border-radius:50%; background:var(--paper);\r\n border:1px solid var(--steel); color:var(--steel-deep);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--mono); font-weight:600; font-size:14px; margin-bottom:18px;\r\n }\r\n .p-step h4{font-family:var(--body); text-transform:none; font-size:15px; font-weight:700; color:var(--ink); margin-bottom:8px;}\r\n .p-step p{font-size:13.5px; color:#4C5864;}\r\n @media (max-width:980px){\r\n .process-line{grid-template-columns:repeat(3,1fr); row-gap:36px;}\r\n .process-line::before{display:none;}\r\n }\r\n @media (max-width:560px){\r\n .process-line{grid-template-columns:1fr; row-gap:28px;}\r\n }\r\n\r\n \/* ---------- WARRANTY ---------- *\/\r\n .warranty-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:start;}\r\n .warranty-list .w-item{\r\n display:flex; gap:16px; padding:20px 0; border-top:1px solid rgba(255,255,255,.1);\r\n }\r\n .warranty-list .w-item:first-child{border-top:none; padding-top:0;}\r\n .warranty-list svg{width:22px; height:22px; stroke:var(--safety); flex-shrink:0;}\r\n .warranty-list h4{font-family:var(--body); text-transform:none; font-size:15.5px; font-weight:700; color:var(--white); margin-bottom:6px;}\r\n .warranty-list p{font-size:14px; color:#B9C4CE;}\r\n .warranty-card{\r\n background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14); border-radius:4px; padding:32px;\r\n }\r\n .warranty-card .big-num{font-family:var(--mono); font-size:52px; font-weight:600; color:var(--safety); line-height:1;}\r\n .warranty-card .big-lbl{font-size:14px; color:#B9C4CE; margin:8px 0 26px;}\r\n .warranty-card .w-row{display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:12px 0; border-top:1px solid rgba(255,255,255,.1); font-size:13.5px; color:#C7D0D8;}\r\n .warranty-card .w-row:first-of-type{border-top:none;}\r\n .warranty-card .w-row span{flex:1 1 auto;}\r\n .warranty-card .w-row b{color:var(--white); font-family:var(--mono); text-align:right; white-space:nowrap; flex-shrink:0;}\r\n\r\n \/* ---------- SERVICES ---------- *\/\r\n .service-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}\r\n .service-card{\r\n background:var(--white); border:1px solid var(--line); border-radius:4px;\r\n padding:36px; display:flex; flex-direction:column; height:100%;\r\n }\r\n .service-card .service-num{\r\n font-family:var(--mono); font-size:12px; color:var(--metal);\r\n letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px;\r\n }\r\n .service-card h3{\r\n font-size:26px; text-transform:none; letter-spacing:0; margin-bottom:14px; color:var(--ink);\r\n }\r\n .service-card > p{color:#4C5864; font-size:15px; margin-bottom:22px;}\r\n .service-card ul{margin-bottom:26px; flex:1;}\r\n .service-card li{\r\n display:flex; gap:10px; padding:9px 0; border-top:1px solid var(--paper-2);\r\n font-size:14.5px; color:var(--ink-2);\r\n }\r\n .service-card li:first-child{border-top:none;}\r\n .service-card li svg{width:16px; height:16px; stroke:var(--ok); flex-shrink:0; margin-top:2px;}\r\n\r\n \/* ---------- PRICING ---------- *\/\r\n .price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}\r\n .price-card{\r\n background:var(--white); border:1px solid var(--line); border-radius:4px; padding:30px;\r\n display:flex; flex-direction:column;\r\n }\r\n .price-card.featured{border-color:var(--steel); box-shadow:0 0 0 1px var(--steel);}\r\n .price-card .ptag{\r\n font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;\r\n color:var(--metal); margin-bottom:6px;\r\n }\r\n .price-card.featured .ptag{color:var(--steel);}\r\n .price-card h3{font-size:24px; text-transform:none; letter-spacing:0; margin-bottom:16px;}\r\n .price-card .amount{\r\n font-family:var(--mono); font-size:26px; font-weight:600; color:var(--ink); margin-bottom:4px;\r\n }\r\n .price-card .amount small{font-size:13px; color:var(--metal); font-weight:400;}\r\n .price-card .from-to{font-size:12.5px; color:var(--metal); margin-bottom:22px;}\r\n .price-card ul{margin-bottom:24px; flex:1;}\r\n .price-card li{\r\n font-size:14px; color:var(--ink-2); padding:7px 0; display:flex; gap:9px;\r\n }\r\n .price-card li::before{content:\"\u2014\"; color:var(--metal);}\r\n\r\n \/* ---------- GALLERY (SLIDER) ---------- *\/\r\n .gallery-slider{\r\n position:relative;\r\n }\r\n .gallery-track-viewport{\r\n overflow:hidden;\r\n border-radius:8px;\r\n }\r\n .gallery-track{\r\n display:flex;\r\n gap:10px;\r\n transition:transform .45s cubic-bezier(.65,0,.35,1);\r\n will-change:transform;\r\n }\r\n .gallery-track .slide{\r\n position:relative;\r\n flex:0 0 calc((100% - 30px) \/ 3);\r\n aspect-ratio:4\/3;\r\n background:var(--ink-2);\r\n border-radius:8px;\r\n overflow:hidden;\r\n display:flex; align-items:center; justify-content:center;\r\n color:#5A6A78;\r\n }\r\n .gallery-track .slide img,\r\n .gallery-track .slide video{\r\n width:100%; height:100%; object-fit:cover; position:absolute; inset:0;\r\n }\r\n .gallery-track .slide .play{\r\n position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n background:rgba(15,22,32,.25); z-index:2;\r\n }\r\n .gallery-track .slide .play svg{width:40px; height:40px; stroke:var(--white); fill:rgba(255,255,255,.15);}\r\n .gallery-track .slide .placeholder-mark{\r\n display:flex; flex-direction:column; align-items:center; gap:8px;\r\n font-family:var(--mono); font-size:11px; text-align:center; padding:10px;\r\n }\r\n .gallery-track .slide .placeholder-mark svg{width:26px; height:26px; stroke:#5A6A78;}\r\n\r\n .gallery-arrow{\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n width:46px; height:46px; border-radius:50%;\r\n background:var(--white); border:1px solid var(--line);\r\n display:flex; align-items:center; justify-content:center;\r\n z-index:5; box-shadow:0 6px 18px rgba(0,0,0,.12);\r\n transition:.2s;\r\n }\r\n .gallery-arrow:hover{background:var(--ink); border-color:var(--ink);}\r\n .gallery-arrow:hover svg{stroke:var(--white);}\r\n .gallery-arrow svg{width:18px; height:18px; stroke:var(--ink); fill:none; stroke-width:2;}\r\n .gallery-arrow.prev{left:-23px;}\r\n .gallery-arrow.next{right:-23px;}\r\n .gallery-arrow:disabled{opacity:.35; pointer-events:none;}\r\n\r\n .gallery-dots{\r\n display:flex; justify-content:center; gap:8px; margin-top:20px;\r\n }\r\n .gallery-dots button{\r\n width:8px; height:8px; border-radius:50%; border:none;\r\n background:var(--line); padding:0; transition:.2s;\r\n }\r\n .gallery-dots button.active{background:var(--safety); width:22px; border-radius:5px;}\r\n\r\n @media (max-width:980px){\r\n .gallery-track .slide{flex:0 0 calc((100% - 20px) \/ 2);}\r\n .gallery-arrow.prev{left:8px;}\r\n .gallery-arrow.next{right:8px;}\r\n }\r\n @media (max-width:560px){\r\n .gallery-track .slide{flex:0 0 100%;}\r\n }\r\n\r\n \/* ---------- ADVANTAGES ---------- *\/\r\n .adv-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}\r\n .adv-card{background:var(--paper); padding:30px 26px;}\r\n .adv-card svg{width:28px; height:28px; stroke:var(--safety); fill:none; stroke-width:1.6; margin-bottom:16px;}\r\n .adv-card h4{font-family:var(--body); text-transform:none; font-weight:700; font-size:15.5px; margin-bottom:8px; color:var(--ink);}\r\n .adv-card p{font-size:13.5px; color:#4C5864;}\r\n\r\n \/* ---------- STATS ---------- *\/\r\n .stats{background:var(--steel-deep); color:var(--white);}\r\n .stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}\r\n .stats-grid .stat{\r\n padding:36px 20px; border-left:1px solid rgba(255,255,255,.14); text-align:center;\r\n }\r\n .stats-grid .stat:first-child{border-left:none;}\r\n .stats-grid .num{\r\n font-family:var(--mono); font-size:44px; font-weight:600; color:var(--white); line-height:1;\r\n }\r\n .stats-grid .num span{color:var(--safety);}\r\n .stats-grid .lbl{margin-top:10px; font-size:13px; color:#AEC0CE; letter-spacing:.02em;}\r\n\r\n \/* ---------- REVIEWS ---------- *\/\r\n .rev-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}\r\n .rev-card{\r\n background:var(--white); border:1px solid var(--line); border-radius:4px; padding:28px;\r\n }\r\n .rev-stars{display:flex; gap:3px; margin-bottom:16px;}\r\n .rev-stars svg{width:15px; height:15px; fill:var(--safety); stroke:none;}\r\n .rev-card p{font-size:14.5px; color:var(--ink-2); margin-bottom:20px;}\r\n .rev-who{display:flex; align-items:center; gap:12px;}\r\n .rev-avatar{\r\n width:38px; height:38px; border-radius:50%; background:var(--paper-2);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--display); font-weight:700; color:var(--steel-deep); font-size:15px;\r\n }\r\n .rev-who .name{font-size:14px; font-weight:600; color:var(--ink);}\r\n .rev-who .meta{font-size:12.5px; color:var(--metal); font-family:var(--mono);}\r\n\r\n \/* ---------- CONTACT ---------- *\/\r\n .contact{background:var(--ink); color:var(--white);}\r\n .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;}\r\n .contact-copy h2{margin-bottom:18px;}\r\n .contact-copy p{color:#B9C4CE; margin-bottom:30px; font-size:15px; max-width:440px;}\r\n .contact-line{display:flex; align-items:center; gap:14px; margin-bottom:18px;}\r\n .contact-line svg{width:20px; height:20px; stroke:var(--safety);}\r\n .contact-line a,.contact-line span{font-family:var(--mono); font-size:19px; color:var(--white);}\r\n .contact-sub{font-size:13px; color:var(--metal); margin-top:4px;}\r\n\r\n .form-card{\r\n background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14);\r\n border-radius:4px; padding:32px;\r\n }\r\n .form-card .eyebrow{color:var(--safety);}\r\n .form-card .eyebrow::before{background:var(--safety);}\r\n .field{margin-bottom:16px;}\r\n .field label{display:block; font-size:12.5px; color:#9AA7B2; margin-bottom:6px; font-family:var(--mono);}\r\n .field input,.field textarea{\r\n width:100%; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18);\r\n color:var(--white); padding:12px 14px; border-radius:3px; font-family:var(--body); font-size:14px;\r\n }\r\n .field input::placeholder,.field textarea::placeholder{color:#6C7A87;}\r\n .field textarea{resize:vertical; min-height:80px;}\r\n .form-note{font-size:12px; color:var(--metal); margin-top:12px;}\r\n .form-success{\r\n display:none; background:rgba(63,122,87,.15); border:1px solid var(--ok); color:#BFE3CC;\r\n padding:14px; border-radius:3px; font-size:14px; margin-top:14px;\r\n }\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{background:#0A0F16; color:#8493A0; padding:44px 0 26px;}\r\n .footer-grid{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:26px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.08);}\r\n .footer-nav{display:flex; gap:24px; flex-wrap:wrap;}\r\n .footer-nav a{font-size:13.5px; color:#8493A0;}\r\n .footer-nav a:hover{color:var(--white);}\r\n .footer-bottom{display:flex; justify-content:space-between; padding-top:20px; font-size:12px; flex-wrap:wrap; gap:10px;}\r\n\r\n \/* ---------- FLOATING CALL ---------- *\/\r\n .float-call{\r\n position:fixed; right:22px; bottom:22px; z-index:200;\r\n display:flex; align-items:center; gap:10px;\r\n background:var(--safety); color:var(--white);\r\n padding:14px 20px; border-radius:30px;\r\n font-weight:600; font-size:14px; font-family:var(--body);\r\n box-shadow:0 8px 24px rgba(214,71,43,.35);\r\n }\r\n .float-call svg{width:18px; height:18px; stroke:var(--white);}\r\n .float-call .pulse{\r\n position:absolute; inset:0; border-radius:30px; border:2px solid var(--safety);\r\n animation:pulse 2.2s ease-out infinite;\r\n }\r\n @keyframes pulse{\r\n 0%{transform:scale(1); opacity:.7;}\r\n 100%{transform:scale(1.35); opacity:0;}\r\n }\r\n\r\n .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}\r\n .reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media (max-width:980px){\r\n .header-inner{padding:16px 20px; gap:14px;}\r\n header.compact .header-inner{padding:12px 20px;}\r\n .logo{font-size:21px;}\r\n .logo span{display:none;}\r\n\r\n nav.main-nav{\r\n display:none;\r\n position:absolute; top:100%; left:0; right:0;\r\n flex-direction:column; gap:0;\r\n background:var(--ink);\r\n border-top:1px solid rgba(255,255,255,.1);\r\n box-shadow:0 16px 28px rgba(0,0,0,.3);\r\n max-height:calc(100vh - 64px);\r\n overflow-y:auto;\r\n padding:6px 20px 22px;\r\n }\r\n nav.main-nav.open{display:flex;}\r\n nav.main-nav a{\r\n padding:13px 0; border-bottom:1px solid rgba(255,255,255,.07); font-size:15px;\r\n }\r\n .mobile-nav-extra{\r\n display:flex; flex-direction:column; gap:14px;\r\n margin-top:16px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12);\r\n }\r\n .mobile-nav-extra .phone-link{font-size:17px;}\r\n\r\n .header-actions .phone-link,\r\n .header-actions .btn-primary{display:none;}\r\n .header-actions{gap:10px;}\r\n .phone-icon-btn{display:flex;}\r\n .burger{display:block;}\r\n\r\n .hero-inner{grid-template-columns:1fr;}\r\n .comp-grid{grid-template-columns:repeat(2,1fr);}\r\n .service-grid{grid-template-columns:1fr;}\r\n .price-grid{grid-template-columns:1fr;}\r\n .adv-grid{grid-template-columns:repeat(2,1fr);}\r\n .stats-grid{grid-template-columns:repeat(2,1fr);}\r\n .stats-grid .stat:nth-child(3){border-left:none;}\r\n .rev-grid{grid-template-columns:1fr;}\r\n .warranty-grid{grid-template-columns:1fr; gap:28px;}\r\n .contact-grid{grid-template-columns:1fr; gap:36px;}\r\n }\r\n @media (max-width:560px){\r\n .warranty-card{padding:24px;}\r\n .warranty-card .big-num{font-size:44px;}\r\n .warranty-card .w-row{flex-wrap:wrap; gap:4px;}\r\n .warranty-card .w-row b{text-align:left;}\r\n .section{padding:64px 0;}\r\n .logo{font-size:19px;}\r\n .comp-grid{grid-template-columns:1fr;}\r\n .adv-grid{grid-template-columns:1fr;}\r\n .stats-grid{grid-template-columns:1fr;}\r\n .stats-grid .stat{border-left:none; border-top:1px solid rgba(255,255,255,.14); padding:26px 0;}\r\n .stats-grid .stat:first-child{border-top:none;}\r\n .hero-strip .item{flex:100%; border-left:none; border-top:1px solid rgba(255,255,255,.1); padding:14px 0;}\r\n .hero-strip .item:first-child{border-top:none;}\r\n .footer-bottom{flex-direction:column;}\r\n .float-call span{display:none;}\r\n .float-call{padding:16px; border-radius:50%;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ================= HEADER ================= -->\r\n<header id=\"siteHeader\">\r\n <div class=\"header-inner\">\r\n <a href=\"#top\" class=\"logo\">\u041a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u0443\u0437\u043b\u044b<span><\/span><\/a>\r\n\r\n <nav class=\"main-nav\" id=\"mainNav\">\r\n <a href=\"#components\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435<\/a>\r\n \r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n \r\n <a href=\"#pricing\">\u0426\u0435\u043d\u044b<\/a>\r\n <a href=\"#gallery\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/a>\r\n <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n \r\n <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n\r\n <div class=\"mobile-nav-extra\">\r\n <a href=\"tel:+77075088830\" class=\"phone-link\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.98.36 1.94.68 2.86a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.22-1.25a2 2 0 0 1 2.11-.45c.92.32 1.88.55 2.86.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n +7 707 508 8830\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn btn-primary btn-block\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"header-actions\">\r\n <a href=\"tel:+77075088830\" class=\"phone-link\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.98.36 1.94.68 2.86a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.22-1.25a2 2 0 0 1 2.11-.45c.92.32 1.88.55 2.86.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n +7 707 508 8830\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn btn-primary\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442<\/a>\r\n <a href=\"tel:+77075088830\" class=\"phone-icon-btn\" aria-label=\"\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.98.36 1.94.68 2.86a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.22-1.25a2 2 0 0 1 2.11-.45c.92.32 1.88.55 2.86.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n <\/a>\r\n <button class=\"burger\" id=\"burgerBtn\" aria-label=\"\u041c\u0435\u043d\u044e\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<!-- ================= HERO ================= -->\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-copy\">\r\n <div class=\"eyebrow\" style=\"color:#7FA3C4\"><span style=\"border-color:#7FA3C4\"><\/span>\u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043f\u043e\u0434 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443<\/div>\r\n <h1>\u041f\u0440\u043e\u0434\u0430\u0436\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u044b\u0445 \u0443\u0437\u043b\u043e\u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/h1>\r\n <p>\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u0443\u0437\u0435\u043b \u043f\u043e \u0432\u0430\u0448\u0435\u0439 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0435: \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u0440\u0435\u0434\u0443\u043a\u0442\u043e\u0440\u044b \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u043a\u043e\u043c\u043f\u0435\u043d\u0441\u0430\u0442\u043e\u0440\u044b \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u0430, \u0434\u0430\u0442\u0447\u0438\u043a\u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438 \u0441 \u0430\u0432\u0442\u043e\u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0442\u0438\u0435\u043c \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440. \u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435 \u0438 \u043f\u0440\u0438\u0432\u043e\u0437\u0438\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e.<\/p>\r\n <div class=\"price-badge\">\r\n <div>\r\n <div class=\"label\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0443\u0437\u043b\u0430<\/div>\r\n <div class=\"value\">450 000 \u2014 <b>1 400 000 \u20b8<\/b><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/a>\r\n <a href=\"#components\" class=\"btn btn-outline\">\u0418\u0437 \u0447\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0443\u0437\u0435\u043b<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-diagram-wrap\">\r\n <div class=\"cap\"><span>\u0421\u0445\u0435\u043c\u0430 \/ \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u0443\u0437\u0435\u043b, 1 \u043a\u043e\u043d\u0442\u0443\u0440<\/span><span>\u25cf \u043e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u0430\u043d\u043e<\/span><\/div>\r\n <svg class=\"schematic\" viewBox=\"0 0 560 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <!-- input -->\r\n <text x=\"10\" y=\"70\" font-size=\"11\">\u0412\u0412\u041e\u0414<\/text>\r\n <text x=\"10\" y=\"83\" font-size=\"10\" fill=\"#6C7A87\">\u043e\u0442 \u0441\u0442\u043e\u044f\u043a\u0430<\/text>\r\n <path class=\"pipe-active\" d=\"M10 95 L60 95\"><\/path>\r\n <!-- nodes row -->\r\n <!-- node 1 hydro shock -->\r\n <circle class=\"node-ring\" cx=\"90\" cy=\"95\" r=\"16\"><\/circle>\r\n <text x=\"90\" y=\"99\" font-size=\"12\" text-anchor=\"middle\" class=\"lbl-num\">1<\/text>\r\n <path class=\"pipe-active\" d=\"M106 95 L150 95\"><\/path>\r\n <!-- node 2 filter -->\r\n <circle class=\"node-ring\" cx=\"180\" cy=\"95\" r=\"16\"><\/circle>\r\n <text x=\"180\" y=\"99\" font-size=\"12\" text-anchor=\"middle\" class=\"lbl-num\">2<\/text>\r\n <path class=\"pipe-active\" d=\"M196 95 L240 95\"><\/path>\r\n <!-- node 4 reducer -->\r\n <circle class=\"node-ring\" cx=\"270\" cy=\"95\" r=\"16\"><\/circle>\r\n <text x=\"270\" y=\"99\" font-size=\"12\" text-anchor=\"middle\" class=\"lbl-num\">4<\/text>\r\n <path class=\"pipe-active\" d=\"M286 95 L330 95\"><\/path>\r\n <!-- node 3 sensor valve -->\r\n <circle class=\"node-ring\" cx=\"360\" cy=\"95\" r=\"16\"><\/circle>\r\n <text x=\"360\" y=\"99\" font-size=\"12\" text-anchor=\"middle\" class=\"lbl-num\">3<\/text>\r\n <path class=\"pipe-active\" d=\"M376 95 L410 95\"><\/path>\r\n <!-- node 6 check valve -->\r\n <circle class=\"node-ring\" cx=\"440\" cy=\"95\" r=\"16\"><\/circle>\r\n <text x=\"440\" y=\"99\" font-size=\"12\" text-anchor=\"middle\" class=\"lbl-num\">6<\/text>\r\n <path class=\"pipe-active\" d=\"M456 95 L470 95 L470 140\"><\/path>\r\n\r\n <!-- collector manifold -->\r\n <rect x=\"440\" y=\"140\" width=\"60\" height=\"16\" rx=\"2\" fill=\"none\" stroke=\"#3E6B96\" stroke-width=\"2\"><\/rect>\r\n <text x=\"470\" y=\"172\" font-size=\"11\" text-anchor=\"middle\">\u041a\u041e\u041b\u041b\u0415\u041a\u0422\u041e\u0420<\/text>\r\n <text x=\"470\" y=\"184\" font-size=\"10\" fill=\"#6C7A87\" text-anchor=\"middle\">\u0443\u0437\u0435\u043b 5<\/text>\r\n\r\n <!-- distribution lines to rooms -->\r\n <path class=\"room-line\" d=\"M450 156 L450 210 L120 210\"><\/path>\r\n <path class=\"room-line\" d=\"M460 156 L460 250 L120 250\"><\/path>\r\n <path class=\"room-line\" d=\"M470 156 L470 290\"><\/path>\r\n <path class=\"room-line\" d=\"M480 156 L480 330 L120 330\"><\/path>\r\n <path class=\"room-line\" d=\"M490 156 L490 370 L120 370\"><\/path>\r\n\r\n <circle cx=\"120\" cy=\"210\" r=\"4\" fill=\"#4A5A68\"><\/circle>\r\n <circle cx=\"120\" cy=\"250\" r=\"4\" fill=\"#4A5A68\"><\/circle>\r\n <circle cx=\"470\" cy=\"290\" r=\"4\" fill=\"#4A5A68\"><\/circle>\r\n <circle cx=\"120\" cy=\"330\" r=\"4\" fill=\"#4A5A68\"><\/circle>\r\n <circle cx=\"120\" cy=\"370\" r=\"4\" fill=\"#4A5A68\"><\/circle>\r\n\r\n <text x=\"30\" y=\"207\" font-size=\"11\" text-anchor=\"start\">\u041a\u0443\u0445\u043d\u044f<\/text>\r\n <text x=\"30\" y=\"247\" font-size=\"11\" text-anchor=\"start\">\u0412\u0430\u043d\u043d\u0430\u044f<\/text>\r\n <text x=\"484\" y=\"288\" font-size=\"11\" text-anchor=\"start\">\u0422\u0443\u0430\u043b\u0435\u0442<\/text>\r\n <text x=\"20\" y=\"327\" font-size=\"11\" text-anchor=\"start\">\u0421\u0442\u0438\u0440. \u043c\u0430\u0448\u0438\u043d\u0430<\/text>\r\n <text x=\"20\" y=\"367\" font-size=\"11\" text-anchor=\"start\">\u0411\u043e\u0439\u043b\u0435\u0440<\/text>\r\n\r\n <!-- legend -->\r\n <text x=\"10\" y=\"405\" font-size=\"9.5\" fill=\"#6C7A87\">1 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440 2 \u0444\u0438\u043b\u044c\u0442\u0440 4 \u0440\u0435\u0434\u0443\u043a\u0442\u043e\u0440 3 \u0434\u0430\u0442\u0447\u0438\u043a \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438 6 \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u043f\u0430\u043d 5 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-strip blueprint-bg\" style=\"background-image:none;\">\r\n <div class=\"wrap\">\r\n <div class=\"item\"><b>6 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 \u0437\u0430\u0449\u0438\u0442\u044b<\/b>\u0432 \u043e\u0434\u043d\u043e\u043c \u0443\u0437\u043b\u0435<\/div>\r\n <div class=\"item\"><b>\u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u043a\u0430 \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435<\/b>\u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0434\u0430\u0447\u0435\u0439<\/div>\r\n <div class=\"item\"><b>1\u20132 \u0434\u043d\u044f<\/b>\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436<\/div>\r\n <div class=\"item\"><b>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f 5 \u043b\u0435\u0442<\/b>\u043d\u0430 \u0443\u0437\u0435\u043b \u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= COMPONENTS ================= -->\r\n<section class=\"section\" id=\"components\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435 \u0443\u0437\u043b\u0430<\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:14px;\">\u0427\u0442\u043e \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0432\u0430\u0448\u0443 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443<\/h2>\r\n <p style=\"max-width:640px; color:#4C5864; margin-bottom:44px; font-size:15.5px;\">\u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u0437\u0435\u043b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432. \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044e \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u043e\u0434 \u043c\u0435\u0442\u0440\u0430\u0436 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u044b \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0447\u0435\u043a \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u2014 \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u0441 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435\u043c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d.<\/p>\r\n <\/div>\r\n\r\n <div class=\"wrap\">\r\n <div class=\"comp-grid\">\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">1<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"\/><\/svg>\r\n <h3>\u041a\u043e\u043c\u043f\u0435\u043d\u0441\u0430\u0442\u043e\u0440 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u0430<\/h3>\r\n <p>\u0413\u0430\u0441\u0438\u0442 \u0441\u043a\u0430\u0447\u043e\u043a \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u0440\u0435\u0437\u043a\u043e\u0433\u043e \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043a\u043b\u0430\u043f\u0430\u043d\u0430 \u0441\u0442\u0438\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u044b \u0438\u043b\u0438 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u044f. \u0421\u043d\u0438\u043c\u0430\u0435\u0442 \u0443\u0434\u0430\u0440\u043d\u0443\u044e \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0441 \u0442\u0440\u0443\u0431 \u0438 \u043f\u0440\u043e\u0434\u043b\u0435\u0432\u0430\u0435\u0442 \u0441\u0440\u043e\u043a \u0441\u043b\u0443\u0436\u0431\u044b \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/p>\r\n <\/div>\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">2<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"1\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\r\n <h3>\u041c\u0435\u0445\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0438\u043b\u044c\u0442\u0440<\/h3>\r\n <p>\u0417\u0430\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u0435\u0441\u043e\u043a, \u0440\u0436\u0430\u0432\u0447\u0438\u043d\u0443 \u0438 \u043e\u043a\u0430\u043b\u0438\u043d\u0443, \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0438\u0435 \u0438\u0437 \u0441\u0442\u043e\u044f\u043a\u0430. \u0417\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0438, \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0438 \u0438 \u0431\u044b\u0442\u043e\u0432\u0443\u044e \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u043e\u0442 \u0437\u0430\u0441\u043e\u0440\u043e\u0432 \u0438 \u043f\u0440\u0435\u0436\u0434\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u0437\u043d\u043e\u0441\u0430.<\/p>\r\n <\/div>\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">3<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.5s6 6.2 6 10.6a6 6 0 0 1-12 0C6 8.7 12 2.5 12 2.5z\"\/><path d=\"M4 4l16 16\" stroke=\"#D6472B\"\/><\/svg>\r\n <h3>\u041a\u043b\u0430\u043f\u0430\u043d \u0441 \u0434\u0430\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438<\/h3>\r\n <p>\u0414\u0430\u0442\u0447\u0438\u043a\u0438 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e\u0434 \u043c\u043e\u0439\u043a\u043e\u0439, \u0441\u0442\u0438\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u043e\u0439, \u0431\u043e\u0439\u043b\u0435\u0440\u043e\u043c. \u041f\u0440\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 \u0441 \u0432\u043e\u0434\u043e\u0439 \u043a\u043b\u0430\u043f\u0430\u043d \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u0430\u0447\u0443 \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u044b \u0438 \u043f\u0440\u0438\u0441\u044b\u043b\u0430\u0435\u0442 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d.<\/p>\r\n <\/div>\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">4<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"13\" r=\"7\"\/><path d=\"M12 9v4l3 2\"\/><path d=\"M9 3h6\"\/><\/svg>\r\n <h3>\u0420\u0435\u0434\u0443\u043a\u0442\u043e\u0440 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/h3>\r\n <p>\u041f\u043e\u043d\u0438\u0436\u0430\u0435\u0442 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u0437 \u043c\u0430\u0433\u0438\u0441\u0442\u0440\u0430\u043b\u0438 \u0434\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0445 3\u20134 \u0431\u0430\u0440 \u0438 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u043c. \u0418\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0440\u0430\u0437\u0440\u044b\u0432\u044b \u0448\u043b\u0430\u043d\u0433\u043e\u0432 \u0438 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u044b \u043f\u0440\u0438 \u0441\u043a\u0430\u0447\u043a\u0430\u0445 \u0432 \u0441\u0442\u043e\u044f\u043a\u0435.<\/p>\r\n <\/div>\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">5<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h6\"\/><path d=\"M10 5v14\"\/><path d=\"M10 6h10M10 12h10M10 18h10\"\/><\/svg>\r\n <h3>\u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440<\/h3>\r\n <p>\u0420\u0430\u0437\u0432\u043e\u0434\u0438\u0442 \u043e\u0434\u0438\u043d \u0432\u0432\u043e\u0434 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043b\u0438\u043d\u0438\u0438 \u2014 \u043a \u043a\u0443\u0445\u043d\u0435, \u0432\u0430\u043d\u043d\u043e\u0439, \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043a\u0440\u0430\u043d\u0443. \u041a\u0430\u0436\u0434\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0441\u0432\u043e\u0451 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0431\u044b \u043a\u0440\u0430\u043d\u043e\u0432 \u043d\u0438 \u0431\u044b\u043b\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u043e \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.<\/p>\r\n <\/div>\r\n\r\n <div class=\"comp-card\">\r\n <div class=\"comp-tag\">6<\/div>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12l3 3 5-6\"\/><\/svg>\r\n <h3>\u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u043f\u0430\u043d<\/h3>\r\n <p>\u041f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0432\u043e\u0434\u0443 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0438 \u043d\u0435 \u0434\u0430\u0451\u0442 \u0435\u0439 \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u0417\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0443\u0437\u0435\u043b \u043e\u0442 \u043f\u043e\u0434\u043f\u043e\u0440\u0430 \u0438 \u0437\u0430\u0433\u0440\u044f\u0437\u043d\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u043f\u0430\u0434\u0430\u0445 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432 \u0441\u0442\u043e\u044f\u043a\u0435.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= COMPARISON ================= -->\r\n<section class=\"section\" id=\"comparison\" style=\"background:var(--paper-2);\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u0421 \u0443\u0437\u043b\u043e\u043c \u0438 \u0431\u0435\u0437 \u043d\u0435\u0433\u043e<\/span><span class=\"tick\"><\/span><span>02<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:14px;\">\u0427\u0442\u043e \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u0432 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0435 \u0441\u0442\u043e\u0438\u0442 \u0443\u0437\u0435\u043b<\/h2>\r\n <p style=\"max-width:640px; color:#4C5864; margin-bottom:36px; font-size:15.5px;\">\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0442\u0435\u0447\u0435\u043a \u0438 \u0440\u0430\u0437\u0440\u044b\u0432\u043e\u0432 \u0442\u0440\u0443\u0431 \u2014 \u043d\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0441\u0442\u0430\u0440\u043e\u0441\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0430 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0441\u043a\u0430\u0447\u043e\u043a \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u043b \u0432\u043e\u0432\u0440\u0435\u043c\u044f.<\/p>\r\n\r\n <div class=\"cmp-table\">\r\n <div class=\"cmp-row cmp-head\">\r\n <div class=\"cmp-cell bad\">\u0411\u0435\u0437 \u0443\u0437\u043b\u0430<\/div>\r\n <div class=\"cmp-cell good\">\u0421 \u0443\u0437\u043b\u043e\u043c<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u0413\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440 \u043f\u0440\u0438 \u0440\u0435\u0437\u043a\u043e\u043c \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0438 \u043a\u0440\u0430\u043d\u0430 \u0440\u0432\u0451\u0442 \u0441\u0442\u044b\u043a\u0438 \u0438 \u0442\u0440\u0443\u0431\u044b<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u041a\u043e\u043c\u043f\u0435\u043d\u0441\u0430\u0442\u043e\u0440 \u0433\u0430\u0441\u0438\u0442 \u0441\u043a\u0430\u0447\u043e\u043a \u2014 \u0442\u0440\u0443\u0431\u044b \u043d\u0435 \u043d\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u0421\u043a\u0430\u0447\u043a\u0438 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u0437 \u0441\u0442\u043e\u044f\u043a\u0430 \u0440\u0432\u0443\u0442 \u0448\u043b\u0430\u043d\u0433\u0438 \u0438 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0438<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0420\u0435\u0434\u0443\u043a\u0442\u043e\u0440 \u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0432\u0441\u0435\u0445 \u0442\u043e\u0447\u043a\u0430\u0445<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u041f\u0440\u043e\u0442\u0435\u0447\u043a\u0430 \u043f\u043e\u0434 \u043c\u043e\u0439\u043a\u043e\u0439 \u0438\u043b\u0438 \u0441\u0442\u0438\u0440\u0430\u043b\u043a\u043e\u0439 \u0443\u0445\u043e\u0434\u0438\u0442 \u0432 \u043f\u043e\u043b \u0438 \u043a \u0441\u043e\u0441\u0435\u0434\u044f\u043c<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u041a\u043b\u0430\u043f\u0430\u043d \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0432\u043e\u0434\u0443 \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u041f\u0435\u0441\u043e\u043a \u0438 \u0440\u0436\u0430\u0432\u0447\u0438\u043d\u0430 \u0438\u0437 \u0441\u0442\u043e\u044f\u043a\u0430 \u0437\u0430\u0431\u0438\u0432\u0430\u044e\u0442 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0438<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0424\u0438\u043b\u044c\u0442\u0440 \u0437\u0430\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u044f\u0437\u043d\u0435\u043d\u0438\u044f \u0435\u0449\u0451 \u043d\u0430 \u0432\u0445\u043e\u0434\u0435 \u0432 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u041e\u0431 \u0430\u0432\u0430\u0440\u0438\u0438 \u0432 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0445\u043e\u0437\u044f\u0435\u0432 \u0443\u0437\u043d\u0430\u044e\u0442 \u043e\u0442 \u0441\u043e\u0441\u0435\u0434\u0435\u0439 \u0438\u043b\u0438 \u0423\u041a<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"cmp-row\">\r\n <div class=\"cmp-cell bad\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\u0420\u0435\u043c\u043e\u043d\u0442 \u0441\u043e\u0441\u0435\u0434\u044f\u043c \u0441\u043d\u0438\u0437\u0443 \u2014 \u0437\u0430 \u0441\u0432\u043e\u0439 \u0441\u0447\u0451\u0442<\/div>\r\n <div class=\"cmp-cell good\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0420\u0438\u0441\u043a \u0437\u0430\u043b\u0438\u0432\u0430 \u0441\u043e\u0441\u0435\u0434\u0435\u0439 \u0441\u0432\u0435\u0434\u0451\u043d \u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c\u0443<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= SERVICES ================= -->\r\n<section class=\"section\" id=\"services\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span class=\"tick\"><\/span><span>03<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:44px;\">\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0443\u0437\u0435\u043b \u0438 \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430<\/h2>\r\n\r\n <div class=\"service-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">\u0423\u0441\u043b\u0443\u0433\u0430 01 \u2014 \u0441\u0431\u043e\u0440\u043a\u0430<\/div>\r\n <h3>\u0421\u0431\u043e\u0440\u043a\u0430 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0443\u0437\u043b\u0430<\/h3>\r\n <p>\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0443\u0437\u0435\u043b \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435 \u043f\u043e\u0434 \u0432\u0430\u0448\u0443 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0443: \u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0442\u043e\u0447\u043a\u0438 \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430, \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0438\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435, \u043e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0434 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439. \u041f\u0440\u0438\u0432\u043e\u0437\u0438\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0443\u0437\u0435\u043b \u2014 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c.<\/p>\r\n <ul>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u043f\u043e \u0442\u043e\u0447\u043a\u0430\u043c \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u043a\u0430 \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435 \u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0434\u0430\u0447\u0435\u0439<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u041c\u0430\u0440\u043a\u0438\u0440\u043e\u0432\u043a\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u043b\u0438\u043d\u0438\u0438<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0443\u0437\u0435\u043b<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline-dark btn-block\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0443\u0437\u043b\u0430<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">\u0423\u0441\u043b\u0443\u0433\u0430 02 \u2014 \u043c\u043e\u043d\u0442\u0430\u0436<\/div>\r\n <h3>\u041c\u043e\u043d\u0442\u0430\u0436 \u0438 \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0430 \u0442\u0440\u0443\u0431<\/h3>\r\n <p>\u041c\u0435\u043d\u044f\u0435\u043c \u0441\u0442\u043e\u044f\u043a\u0438, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0443\u0437\u0435\u043b \u0432 \u043d\u0438\u0448\u0443 \u0438\u043b\u0438 \u0448\u043a\u0430\u0444, \u0440\u0430\u0437\u0432\u043e\u0434\u0438\u043c \u0442\u0440\u0443\u0431\u044b \u043f\u043e \u0432\u0441\u0435\u043c \u0442\u043e\u0447\u043a\u0430\u043c \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u044b. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043f\u043b\u0430\u0441\u0442\u0438\u043a\u043e\u043c \u0438 \u043f\u043e\u043b\u0438\u043f\u0440\u043e\u043f\u0438\u043b\u0435\u043d\u043e\u043c, \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0441\u0445\u0435\u043c\u0443 \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0442.<\/p>\r\n <ul>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0421\u043a\u0440\u044b\u0442\u0430\u044f \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0430 \u0442\u0440\u0443\u0431<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0443\u0437\u043b\u0430 \u0432 \u0433\u043e\u0442\u043e\u0432\u0443\u044e \u043d\u0438\u0448\u0443<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u043a\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u043e\u0441\u043b\u0435 \u043c\u043e\u043d\u0442\u0430\u0436\u0430<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0423\u0431\u043e\u0440\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline-dark btn-block\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043e\u043d\u0442\u0430\u0436<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= PROCESS ================= -->\r\n<section class=\"section\" id=\"process\" style=\"background:var(--paper-2);\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u041a\u0430\u043a \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0437\u0430\u043a\u0430\u0437<\/span><span class=\"tick\"><\/span><span>04<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:44px;\">\u041e\u0442 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u0443\u0437\u043b\u0430 \u2014 6 \u0448\u0430\u0433\u043e\u0432<\/h2>\r\n\r\n <div class=\"process-line\">\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">1<\/div>\r\n <h4>\u0417\u0430\u044f\u0432\u043a\u0430<\/h4>\r\n <p>\u041e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443, \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u043c \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0443.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">2<\/div>\r\n <h4>\u0417\u0430\u043c\u0435\u0440 \u0438 \u0440\u0430\u0441\u0447\u0451\u0442<\/h4>\r\n <p>\u0421\u0447\u0438\u0442\u0430\u0435\u043c \u0442\u043e\u0447\u043a\u0438 \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430, \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044e \u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u0447\u043d\u0443\u044e \u0446\u0435\u043d\u0443.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">3<\/div>\r\n <h4>\u0421\u0431\u043e\u0440\u043a\u0430 \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435<\/h4>\r\n <p>\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0443\u0437\u0435\u043b \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u0434\u0438\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u0442\u043e\u0447\u043a\u0438, \u043c\u0430\u0440\u043a\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u0436\u0434\u0443\u044e \u043b\u0438\u043d\u0438\u044e.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">4<\/div>\r\n <h4>\u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u043a\u0430<\/h4>\r\n <p>\u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0443\u0437\u0435\u043b \u043f\u043e\u0434 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u2014 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442 \u0435\u0434\u0435\u0442 \u0443\u0436\u0435 \u0438\u0441\u043f\u044b\u0442\u0430\u043d\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">5<\/div>\r\n <h4>\u041c\u043e\u043d\u0442\u0430\u0436<\/h4>\r\n <p>\u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0443\u0437\u0435\u043b \u0432 \u043d\u0438\u0448\u0443, \u0440\u0430\u0437\u0432\u043e\u0434\u0438\u043c \u0442\u0440\u0443\u0431\u044b, \u043e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <div class=\"p-num\">6<\/div>\r\n <h4>\u0421\u0434\u0430\u0447\u0430 \u0438 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f<\/h4>\r\n <p>\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c, \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0443\u0437\u043b\u043e\u043c, \u0432\u044b\u0434\u0430\u0451\u043c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u0443\u0437\u0435\u043b \u0438 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= PRICING ================= -->\r\n<section class=\"section\" id=\"pricing\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u0438 \u0438 \u0446\u0435\u043d\u044b<\/span><span class=\"tick\"><\/span><span>05<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:14px;\">\u041e\u0442 450 000 \u0434\u043e 1 400 000 \u20b8<\/h2>\r\n <p style=\"max-width:640px; color:#4C5864; margin-bottom:44px; font-size:15.5px;\">\u0418\u0442\u043e\u0433\u043e\u0432\u0430\u044f \u0446\u0435\u043d\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043e\u0447\u0435\u043a \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430, \u0434\u0438\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0445. \u0422\u043e\u0447\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u0434\u0435\u043b\u0430\u0435\u043c \u043f\u043e\u0441\u043b\u0435 \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0433\u043e \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430 \u043e \u0432\u0430\u0448\u0435\u0439 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0435.<\/p>\r\n\r\n <div class=\"price-grid\">\r\n <div class=\"price-card\">\r\n <div class=\"ptag\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044f<\/div>\r\n <h3>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442<\/h3>\r\n <div class=\"amount\">450 000 <small>\u20b8 \u2014 700 000 \u20b8<\/small><\/div>\r\n <div class=\"from-to\">\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u0443\u0437\u0435\u043b \u043d\u0430 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443 \u0434\u043e 2 \u0441\u0430\u043d\u0443\u0437\u043b\u043e\u0432<\/div>\r\n <ul>\r\n <li>\u041c\u0435\u0445\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0438\u043b\u044c\u0442\u0440<\/li>\r\n <li>\u0420\u0435\u0434\u0443\u043a\u0442\u043e\u0440 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/li>\r\n <li>\u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u043f\u0430\u043d<\/li>\r\n <li>\u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline-dark btn-block\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n\r\n <div class=\"price-card featured\">\r\n <div class=\"ptag\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044f \u00b7 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e<\/div>\r\n <h3>\u041e\u043f\u0442\u0438\u043c\u0443\u043c<\/h3>\r\n <div class=\"amount\">700 000 <small>\u20b8 \u2014 1 000 000 \u20b8<\/small><\/div>\r\n <div class=\"from-to\">\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u043e\u0432 \u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u0435\u043a<\/div>\r\n <ul>\r\n <li>\u0412\u0441\u0451 \u0438\u0437 \u00ab\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u00bb<\/li>\r\n <li>\u041a\u043e\u043c\u043f\u0435\u043d\u0441\u0430\u0442\u043e\u0440 \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u0430<\/li>\r\n <li>\u0414\u0430\u0442\u0447\u0438\u043a\u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438 \u0432 \u0437\u043e\u043d\u0430\u0445 \u0440\u0438\u0441\u043a\u0430<\/li>\r\n <li>\u041a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0439 \u0451\u043c\u043a\u043e\u0441\u0442\u0438<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-primary btn-block\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n\r\n <div class=\"price-card\">\r\n <div class=\"ptag\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044f<\/div>\r\n <h3>\u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/h3>\r\n <div class=\"amount\">1 000 000 <small>\u20b8 \u2014 1 400 000 \u20b8<\/small><\/div>\r\n <div class=\"from-to\">\u041f\u043e\u043b\u043d\u0430\u044f \u0437\u0430\u0449\u0438\u0442\u0430 \u0441 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u0432\u043e\u0434\u044b<\/div>\r\n <ul>\r\n <li>\u0412\u0441\u0451 \u0438\u0437 \u00ab\u041e\u043f\u0442\u0438\u043c\u0443\u043c\u00bb<\/li>\r\n <li>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043c\u0430\u0433\u043d\u0438\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u043f\u0430\u043d \u0441 \u0430\u0432\u0442\u043e\u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0442\u0438\u0435\u043c<\/li>\r\n <li>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d<\/li>\r\n <li>\u0411\u0440\u0435\u043d\u0434\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435, \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u044b\u0439 \u0440\u0435\u0441\u0443\u0440\u0441<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline-dark btn-block\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= GALLERY (SLIDER) ================= -->\r\n<section class=\"section\" id=\"gallery\" style=\"background:var(--paper-2);\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/span><span class=\"tick\"><\/span><span>06<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:14px;\">\u0421\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0443\u0437\u043b\u044b \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445<\/h2>\r\n <p style=\"max-width:640px; color:#4C5864; margin-bottom:36px; font-size:15.5px;\">\r\n \r\n <\/p>\r\n\r\n <div class=\"gallery-slider\">\r\n <div class=\"gallery-track-viewport\">\r\n <div class=\"gallery-track\" id=\"galleryTrack\"><\/div>\r\n <\/div>\r\n <button class=\"gallery-arrow prev\" id=\"galleryPrev\" aria-label=\"\u041d\u0430\u0437\u0430\u0434\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"gallery-arrow next\" id=\"galleryNext\" aria-label=\"\u0412\u043f\u0435\u0440\u0451\u0434\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"gallery-dots\" id=\"galleryDots\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= ADVANTAGES ================= -->\r\n<section class=\"section\" id=\"advantages\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/span><span class=\"tick\"><\/span><span>07<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:44px;\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0437\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0443 \u043d\u0430\u0441<\/h2>\r\n <div class=\"adv-grid\">\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/><\/svg>\r\n <h4>\u041e\u043f\u0440\u0435\u0441\u0441\u043e\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0434\u0430\u0447\u0435\u0439<\/h4>\r\n <p>\u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u0437\u0435\u043b \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043f\u043e\u0434 \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0434\u0435 \u2014 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442 \u0435\u0434\u0435\u0442 \u0443\u0436\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430.<\/p>\r\n <\/div>\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\/><path d=\"M16 8L2 22\"\/><path d=\"M17.5 15H9\"\/><\/svg>\r\n <h4>\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435<\/h4>\r\n <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f\u043c\u0438 \u0444\u0438\u0442\u0438\u043d\u0433\u043e\u0432, \u043a\u043b\u0430\u043f\u0430\u043d\u043e\u0432 \u0438 \u0434\u0430\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\r\n <\/div>\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-6 4 3 5-8\"\/><\/svg>\r\n <h4>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0431\u043e\u0440<\/h4>\r\n <p>\u0421\u0447\u0438\u0442\u0430\u0435\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0447\u0435\u043a \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u0438 \u0434\u0438\u0430\u043c\u0435\u0442\u0440\u044b \u043f\u043e\u0434 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0443, \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043f\u043b\u0430\u0442.<\/p>\r\n <\/div>\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg>\r\n <h4>\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0435 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435<\/h4>\r\n <p>\u0423\u0437\u0435\u043b \u0432\u0441\u0442\u0430\u0451\u0442 \u0432 \u043d\u0438\u0448\u0443 \u0438\u043b\u0438 \u0448\u043a\u0430\u0444 \u2014 \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0438\u0448\u043d\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0438 \u043d\u0435 \u043f\u043e\u0440\u0442\u0438\u0442 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440.<\/p>\r\n <\/div>\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8v4l3 3\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n <h4>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f 5 \u043b\u0435\u0442<\/h4>\r\n <p>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0443\u0437\u0435\u043b \u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u0435\u0441\u043b\u0438 \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f, \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0438 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u043c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"adv-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.5s6 6.2 6 10.6a6 6 0 0 1-12 0C6 8.7 12 2.5 12 2.5z\"\/><\/svg>\r\n <h4>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043e \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0435<\/h4>\r\n <p>\u041f\u0440\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u0438 \u0441 \u0434\u0430\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u0440\u0430\u043d\u044c\u0448\u0435, \u0447\u0435\u043c \u0432\u043e\u0434\u0443 \u0443\u0432\u0438\u0434\u044f\u0442 \u0441\u043e\u0441\u0435\u0434\u0438.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= STATS ================= -->\r\n<section class=\"stats\">\r\n <div class=\"wrap\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat\"><div class=\"num\">500<span>+<\/span><\/div><div class=\"lbl\">\u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0443\u0437\u043b\u043e\u0432<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\">8<\/div><div class=\"lbl\">\u043b\u0435\u0442 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\">5<\/div><div class=\"lbl\">\u043b\u0435\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\">1<span>\u20142<\/span><\/div><div class=\"lbl\">\u0434\u043d\u044f \u043d\u0430 \u043c\u043e\u043d\u0442\u0430\u0436<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= REVIEWS ================= -->\r\n<section class=\"section\" id=\"reviews\" style=\"background:var(--paper-2);\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\"><span>\u041e\u0442\u0437\u044b\u0432\u044b<\/span><span class=\"tick\"><\/span><span>08<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:44px;\">\u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u044b<\/h2>\r\n\r\n <div class=\"rev-grid\">\r\n <div class=\"rev-card\">\r\n <div class=\"rev-stars\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <\/div>\r\n <p>\u041f\u0440\u0438\u0432\u0435\u0437\u043b\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0443\u0437\u0435\u043b \u0447\u0435\u0440\u0435\u0437 \u0442\u0440\u0438 \u0434\u043d\u044f \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043c\u0435\u0440\u0430, \u0432\u0441\u0451 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043e, \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u043f\u0440\u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u0435 \u043d\u0435 \u0431\u044b\u043b\u043e. \u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0442\u0430\u0432\u0438\u043b, \u0441\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e \u0441\u043e\u0431\u0440\u0430\u043d\u043e \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e.<\/p>\r\n <div class=\"rev-who\">\r\n <div class=\"rev-avatar\">\u0410<\/div>\r\n <div><div class=\"name\">\u0410\u0441\u0435\u043b\u044c \u041a.<\/div><div class=\"meta\">\u0416\u041a, 2-\u043a\u043e\u043c\u043d.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rev-card\">\r\n <div class=\"rev-stars\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <\/div>\r\n <p>\u0412\u0437\u044f\u043b\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044e \u0441 \u0434\u0430\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438 \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0441\u043e\u0441\u0435\u0434\u0435\u0439 \u0441\u0432\u0435\u0440\u0445\u0443 \u0437\u0430\u0442\u043e\u043f\u0438\u043b\u043e. \u0423\u0436\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e \u043e\u0434\u043d\u043e \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u2014 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043f\u043e\u0434\u0442\u0435\u043a\u0430\u043b \u0448\u043b\u0430\u043d\u0433 \u0443 \u0441\u0442\u0438\u0440\u0430\u043b\u043a\u0438, \u0432\u043e\u0434\u0430 \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u043b\u0430\u0441\u044c \u0441\u0430\u043c\u0430.<\/p>\r\n <div class=\"rev-who\">\r\n <div class=\"rev-avatar\">\u0414<\/div>\r\n <div><div class=\"name\">\u0414\u0430\u043c\u0438\u0440 \u0422.<\/div><div class=\"meta\">\u0427\u0430\u0441\u0442\u043d\u044b\u0439 \u0434\u043e\u043c, \u0410\u043b\u043c\u0430\u0442\u0438\u043d\u0441\u043a\u0438\u0439 \u0440-\u043d<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rev-card\">\r\n <div class=\"rev-stars\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 9 22 9 16.5 13.5 18.5 21 12 17 5.5 21 7.5 13.5 2 9 9 9\"\/><\/svg>\r\n <\/div>\r\n <p>\u0417\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u0441\u0431\u043e\u0440\u043a\u0443 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u043e \u2014 \u0441\u0430\u043c\u0438 \u0432\u044b\u0431\u0440\u0430\u043b\u0438, \u043a\u043e\u0433\u0434\u0430 \u0441\u0442\u0430\u0432\u0438\u0442\u044c. \u0423\u0437\u0435\u043b \u0432\u0441\u0442\u0430\u043b \u0432 \u0433\u043e\u0442\u043e\u0432\u0443\u044e \u043d\u0438\u0448\u0443 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u043e\u043a, \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0443 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0437\u0430 \u043e\u0434\u0438\u043d \u0434\u0435\u043d\u044c.<\/p>\r\n <div class=\"rev-who\">\r\n <div class=\"rev-avatar\">\u041c<\/div>\r\n <div><div class=\"name\">\u041c\u0430\u0440\u0438\u043d\u0430 \u0412.<\/div><div class=\"meta\">\u0416\u041a, 3-\u043a\u043e\u043c\u043d.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= WARRANTY & SERVICE ================= -->\r\n<section class=\"section\" id=\"warranty\" style=\"background:var(--ink); color:var(--white);\">\r\n <div class=\"wrap\">\r\n <div class=\"dim-divider\" style=\"color:var(--metal);\"><span>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u0438 \u0441\u0435\u0440\u0432\u0438\u0441<\/span><span class=\"tick\" style=\"background:rgba(255,255,255,.14);\"><\/span><span>09<\/span><\/div>\r\n <h2 style=\"font-size:clamp(28px,4vw,42px); margin-bottom:44px; color:var(--white);\">\u041f\u043e\u0441\u043b\u0435 \u043c\u043e\u043d\u0442\u0430\u0436\u0430 \u043c\u044b \u043d\u0435 \u043f\u0440\u043e\u043f\u0430\u0434\u0430\u0435\u043c<\/h2>\r\n\r\n <div class=\"warranty-grid\">\r\n <div class=\"warranty-list\">\r\n <div class=\"w-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n <div>\r\n <h4>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0443\u0437\u0435\u043b \u0438 \u043d\u0430 \u043c\u043e\u043d\u0442\u0430\u0436<\/h4>\r\n <p>5 \u043b\u0435\u0442 \u043d\u0430 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u0443\u0437\u0435\u043b \u0438 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u043c\u043e\u043d\u0442\u0430\u0436\u0443 \u0438 \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0435 \u0442\u0440\u0443\u0431. \u0415\u0441\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u044b\u0439\u0434\u0435\u0442 \u0438\u0437 \u0441\u0442\u0440\u043e\u044f \u043d\u0435 \u043f\u043e \u0432\u0430\u0448\u0435\u0439 \u0432\u0438\u043d\u0435 \u2014 \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"w-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\r\n <div>\r\n <h4>\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0432\u044b\u0435\u0437\u0434 \u043f\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438<\/h4>\r\n <p>\u041f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u043f\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0439\u043d\u043e\u043c\u0443 \u0441\u043b\u0443\u0447\u0430\u044e \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24\u201348 \u0447\u0430\u0441\u043e\u0432, \u0431\u0435\u0437 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0447\u0435\u0442\u043e\u0432 \u0437\u0430 \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"w-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-3.5-7.1\"\/><polyline points=\"21 3 21 9 15 9\"\/><\/svg>\r\n <div>\r\n <h4>\u041f\u043b\u0430\u043d\u043e\u0432\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435<\/h4>\r\n <p>\u0420\u0430\u0437 \u0432 \u0433\u043e\u0434 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u043c \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0443\u0437\u0435\u043b: \u043f\u0440\u043e\u043c\u044b\u0432\u0430\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440, \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u0434\u0430\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"w-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.5s6 6.2 6 10.6a6 6 0 0 1-12 0C6 8.7 12 2.5 12 2.5z\"\/><\/svg>\r\n <div>\r\n <h4>\u041f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438 \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435<\/h4>\r\n <p>\u0415\u0441\u043b\u0438 \u0430\u0432\u0430\u0440\u0438\u044f \u0432\u0441\u0451 \u0436\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430, \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u0438\u0441\u043f\u0440\u0430\u0432\u043d\u043e\u0441\u0442\u044c \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043e\u0439 \u0438\u043b\u0438 \u0423\u041a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"warranty-card\">\r\n <div class=\"big-num\">5<span style=\"font-size:26px;\">\u043b\u0435\u0442<\/span><\/div>\r\n <div class=\"big-lbl\">\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u043d\u0430 \u0443\u0437\u0435\u043b \u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\r\n <div class=\"w-row\"><span>\u0412\u044b\u0435\u0437\u0434 \u043f\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438<\/span><b>24\u201348 \u0447\u0430\u0441\u043e\u0432<\/b><\/div>\r\n <div class=\"w-row\"><span>\u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u043f\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438<\/span><b>\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/b><\/div>\r\n <div class=\"w-row\"><span>\u041f\u043b\u0430\u043d\u043e\u0432\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435<\/span><b>1 \u0440\u0430\u0437 \u0432 \u0433\u043e\u0434<\/b><\/div>\r\n <div class=\"w-row\"><span>\u0417\u043e\u043d\u0430 \u0432\u044b\u0435\u0437\u0434\u0430<\/span><b>\u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u044c<\/b><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= CONTACT ================= -->\r\n<section class=\"section contact\" id=\"contact\">\r\n <div class=\"wrap\">\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-copy\">\r\n <div class=\"eyebrow\" style=\"color:#7FA3C4\"><span style=\"border-color:#7FA3C4\"><\/span>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\r\n <h2>\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0443\u0437\u0435\u043b \u043f\u043e\u0434 \u0432\u0430\u0448\u0443 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443<\/h2>\r\n <p>\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0443 \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0447\u0435\u043a \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u2014 \u043f\u0440\u0438\u0448\u043b\u0451\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044e \u0438 \u0442\u043e\u0447\u043d\u0443\u044e \u0446\u0435\u043d\u0443. \u0417\u0430\u043c\u0435\u0440 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b.<\/p>\r\n\r\n <div class=\"contact-line\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.98.36 1.94.68 2.86a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.22-1.25a2 2 0 0 1 2.11-.45c.92.32 1.88.55 2.86.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n <a href=\"tel:+77075088830\">+7 707 508 8830<\/a>\r\n <\/div>\r\n <div class=\"contact-sub\">\u0417\u0432\u043e\u043d\u043a\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, 9:00 \u2014 20:00<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-card\">\r\n <div class=\"eyebrow\">\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0447\u0451\u0442<\/div>\r\n <form id=\"leadForm\">\r\n <div class=\"field\">\r\n <label>\u0418\u043c\u044f<\/label>\r\n <input type=\"text\" id=\"leadName\" placeholder=\"\u041a\u0430\u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f\" required>\r\n <\/div>\r\n <div class=\"field\">\r\n <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\r\n <input type=\"tel\" id=\"leadPhone\" placeholder=\"+7 (___) ___-__-__\" required>\r\n <\/div>\r\n <div class=\"field\">\r\n <label>\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\r\n <textarea id=\"leadComment\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0430\u043d\u0443\u0437\u043b\u043e\u0432, \u0442\u043e\u0447\u0435\u043a \u0432\u043e\u0434\u043e\u0440\u0430\u0437\u0431\u043e\u0440\u0430, \u0436\u0435\u043b\u0430\u0435\u043c\u0430\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044f\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary btn-block\">\r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" style=\"display:inline-block;\"><path d=\"M17.5 14.4c-.3-.1-1.6-.8-1.9-.9-.2-.1-.4-.1-.6.1-.2.3-.7.9-.8 1-.2.2-.3.2-.5.1-.3-.1-1.2-.4-2.2-1.4-.8-.7-1.4-1.6-1.6-1.9-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.1-.6-1.5-.8-2-.2-.5-.4-.5-.6-.5h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1.1 2.7c.1.2 1.9 2.9 4.6 4 .6.3 1.1.4 1.5.6.6.2 1.2.2 1.6.1.5-.1 1.6-.6 1.8-1.3.2-.6.2-1.1.2-1.2-.1-.2-.3-.2-.5-.3z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.5A10 10 0 1 0 12 2zm0 18.2c-1.6 0-3.1-.4-4.5-1.2l-.3-.2-3 1 1-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>\r\n \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432 WhatsApp\r\n <\/button>\r\n <div class=\"form-note\">\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445. \u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043a\u0440\u043e\u0435\u0442\u0441\u044f \u0432 WhatsApp \u2014 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043d\u0430\u0436\u0430\u0442\u044c \u00ab\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u00bb.<\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ================= FOOTER ================= -->\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"footer-grid\">\r\n <div class=\"logo\" style=\"color:var(--white); font-size:22px;\">\u0423\u0417\u0415\u041b <span style=\"color:#5A6A78;\">\u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f<\/span><\/div>\r\n <nav class=\"footer-nav\">\r\n <a href=\"#components\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435<\/a>\r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#pricing\">\u0426\u0435\u043d\u044b<\/a>\r\n <a href=\"#gallery\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/a>\r\n <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n <\/nav>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 \u0423\u0417\u0415\u041b. \u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u0443\u0437\u043b\u043e\u0432.<\/span>\r\n <span>+7 707 508 8830<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- ================= FLOATING CALL ================= -->\r\n<a href=\"tel:+77075088830\" class=\"float-call\">\r\n <div class=\"pulse\"><\/div>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.98.36 1.94.68 2.86a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.22-1.25a2 2 0 0 1 2.11-.45c.92.32 1.88.55 2.86.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n <span>+7 707 508 8830<\/span>\r\n<\/a>\r\n\r\n<script>\r\n \/* =========================================================\r\n \u0413\u0410\u041b\u0415\u0420\u0415\u042f: \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u0412\u041e\u0418 \u0421\u0421\u042b\u041b\u041a\u0418 \u0421\u042e\u0414\u0410\r\n -----------------------------------------------------------\r\n \u041f\u0440\u043e\u0441\u0442\u043e \u0432\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0432\u0438\u0434\u0435\u043e \u0432 \u043a\u0430\u0432\u044b\u0447\u043a\u0430\u0445,\r\n \u043f\u043e \u043e\u0434\u043d\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0443. \u0422\u0438\u043f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\r\n \u043f\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044e \u0444\u0430\u0439\u043b\u0430 (.mp4\/.webm\/.mov = \u0432\u0438\u0434\u0435\u043e, \u0432\u0441\u0451\r\n \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 = \u0444\u043e\u0442\u043e). \u041c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438 \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0438 \u2014\r\n \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u043f\u043e\u0434\u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u0441\u0430\u043c.\r\n ========================================================= *\/\r\n const GALLERY_ITEMS = [\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.12-1-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.11-3-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.12-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.11-2-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.11-1-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.11-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.10-3-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.10-2-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.10-1-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-19.47.09-3-scaled.jpeg\",\r\n \"https:\/\/kollektornie-uzli-almaty.asia\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-27-at-20.32.53-1.jpeg\"\r\n ];\r\n \/* ========================================================= *\/\r\n\r\n function isVideoUrl(url){\r\n return \/\\.(mp4|webm|mov|m4v)(\\?.*)?$\/i.test(url);\r\n }\r\n\r\n const track = document.getElementById('galleryTrack');\r\n const dotsWrap = document.getElementById('galleryDots');\r\n const prevBtn = document.getElementById('galleryPrev');\r\n const nextBtn = document.getElementById('galleryNext');\r\n\r\n const placeholderSVG = `\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>`;\r\n const playSVG = `\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\" fill=\"currentColor\"\/><\/svg>`;\r\n\r\n const items = GALLERY_ITEMS.filter(u => u && u.trim().length);\r\n const slidesData = items.length ? items : [null, null, null, null, null, null];\r\n\r\n slidesData.forEach((url) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n if (!url){\r\n slide.innerHTML = `<div class=\"placeholder-mark\">${placeholderSVG}PHOTO \/ VIDEO<\/div>`;\r\n } else if (isVideoUrl(url)){\r\n slide.innerHTML = `<video src=\"${url}\" muted loop playsinline preload=\"metadata\"><\/video><div class=\"play\">${playSVG}<\/div>`;\r\n slide.addEventListener('mouseenter', () => { const v = slide.querySelector('video'); if(v) v.play().catch(()=>{}); });\r\n slide.addEventListener('mouseleave', () => { const v = slide.querySelector('video'); if(v){ v.pause(); v.currentTime = 0; } });\r\n } else {\r\n slide.innerHTML = `<img decoding=\"async\" src=\"${url}\" alt=\"\u0424\u043e\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430\" loading=\"lazy\">`;\r\n }\r\n track.appendChild(slide);\r\n });\r\n\r\n let perView = 3;\r\n let index = 0;\r\n\r\n function computePerView(){\r\n const w = window.innerWidth;\r\n if (w <= 560) return 1;\r\n if (w <= 980) return 2;\r\n return 3;\r\n }\r\n\r\n function maxIndex(){\r\n return Math.max(0, slidesData.length - perView);\r\n }\r\n\r\n function buildDots(){\r\n dotsWrap.innerHTML = '';\r\n const pages = maxIndex() + 1;\r\n for (let i = 0; i < pages; i++){\r\n const dot = document.createElement('button');\r\n if (i === index) dot.classList.add('active');\r\n dot.addEventListener('click', () => { index = i; render(); });\r\n dotsWrap.appendChild(dot);\r\n }\r\n }\r\n\r\n function render(){\r\n perView = computePerView();\r\n index = Math.min(index, maxIndex());\r\n const slideEls = track.querySelectorAll('.slide');\r\n if (!slideEls.length) return;\r\n const slideWidth = slideEls[0].getBoundingClientRect().width;\r\n const gap = 10;\r\n const offset = index * (slideWidth + gap);\r\n track.style.transform = `translateX(-${offset}px)`;\r\n prevBtn.disabled = index === 0;\r\n nextBtn.disabled = index >= maxIndex();\r\n buildDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => { index = Math.max(0, index - 1); render(); });\r\n nextBtn.addEventListener('click', () => { index = Math.min(maxIndex(), index + 1); render(); });\r\n window.addEventListener('resize', render);\r\n window.addEventListener('load', render);\r\n \/\/ initial paint (in case load already fired)\r\n requestAnimationFrame(render);\r\n\r\n \/\/ basic swipe support\r\n let touchStartX = null;\r\n track.addEventListener('touchstart', (e) => { touchStartX = e.touches[0].clientX; }, {passive:true});\r\n track.addEventListener('touchend', (e) => {\r\n if (touchStartX === null) return;\r\n const dx = e.changedTouches[0].clientX - touchStartX;\r\n if (dx > 40) prevBtn.click();\r\n else if (dx < -40) nextBtn.click();\r\n touchStartX = null;\r\n });\r\n\r\n \/\/ sticky header compact state\r\n const header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('compact', window.scrollY > 40);\r\n });\r\n\r\n \/\/ mobile nav toggle\r\n const burger = document.getElementById('burgerBtn');\r\n const nav = document.getElementById('mainNav');\r\n\r\n function closeNav(){\r\n nav.classList.remove('open');\r\n burger.classList.remove('open');\r\n burger.setAttribute('aria-expanded', 'false');\r\n }\r\n function toggleNav(){\r\n const isOpen = nav.classList.toggle('open');\r\n burger.classList.toggle('open', isOpen);\r\n burger.setAttribute('aria-expanded', String(isOpen));\r\n }\r\n\r\n burger.addEventListener('click', toggleNav);\r\n nav.querySelectorAll('a').forEach(a => a.addEventListener('click', closeNav));\r\n document.addEventListener('click', (e) => {\r\n if (nav.classList.contains('open') && !nav.contains(e.target) && e.target !== burger && !burger.contains(e.target)) {\r\n closeNav();\r\n }\r\n });\r\n window.addEventListener('resize', () => { if (window.innerWidth > 980) closeNav(); });\r\n\r\n \/\/ reveal on scroll\r\n const revealTargets = document.querySelectorAll('.comp-card, .service-card, .price-card, .adv-card, .rev-card');\r\n revealTargets.forEach(el => el.classList.add('reveal'));\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: 0.12 });\r\n revealTargets.forEach(el => io.observe(el));\r\n\r\n \/\/ form submit -> WhatsApp\r\n const WHATSAPP_NUMBER = '77075088830'; \/\/ \u0431\u0435\u0437 \"+\" \u0438 \u043f\u0440\u043e\u0431\u0435\u043b\u043e\u0432\r\n const form = document.getElementById('leadForm');\r\n form.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n const name = document.getElementById('leadName').value.trim();\r\n const phone = document.getElementById('leadPhone').value.trim();\r\n const comment = document.getElementById('leadComment').value.trim();\r\n\r\n let text = `\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435! \u0425\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u0443\u0437\u0435\u043b.\\n\u0418\u043c\u044f: ${name}\\n\u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${phone}`;\r\n if (comment) text += `\\n\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439: ${comment}`;\r\n\r\n const waUrl = `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(text)}`;\r\n window.open(waUrl, '_blank');\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0423\u0417\u0415\u041b \u2014 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u0443\u0437\u043b\u044b \u043f\u043e\u0434 \u043a\u043b\u044e\u0447 \u041a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0435 \u0443\u0437\u043b\u044b \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435 \u0423\u0441\u043b\u0443\u0433\u0438 \u0426\u0435\u043d\u044b \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u041e\u0442\u0437\u044b\u0432\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b +7 707 508 8830 \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442 +7 707 508 8830 \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442 \u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043f\u043e\u0434 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443 \u041f\u0440\u043e\u0434\u0430\u0436\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u044b\u0445 \u0443\u0437\u043b\u043e\u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u0443\u0437\u0435\u043b \u043f\u043e \u0432\u0430\u0448\u0435\u0439 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0435: \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u0440\u0435\u0434\u0443\u043a\u0442\u043e\u0440\u044b \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u043a\u043e\u043c\u043f\u0435\u043d\u0441\u0430\u0442\u043e\u0440\u044b \u0433\u0438\u0434\u0440\u043e\u0443\u0434\u0430\u0440\u0430, \u0434\u0430\u0442\u0447\u0438\u043a\u0438 \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0438 \u0441 \u0430\u0432\u0442\u043e\u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0442\u0438\u0435\u043c \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0442\u043e\u0440. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":10,"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/kollektornie-uzli-almaty.asia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}