{"id":14,"date":"2026-08-22T15:03:26","date_gmt":"2026-08-22T15:03:26","guid":{"rendered":"https:\/\/lockfix.kz\/?page_id=14"},"modified":"2026-08-22T15:22:25","modified_gmt":"2026-08-22T15:22:25","slug":"elementor-14","status":"publish","type":"page","link":"https:\/\/lockfix.kz\/","title":{"rendered":"Elementor #14"},"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\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043c\u043a\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b 24\/7 \u2014 LockFix | \u043e\u0442 20 \u043c\u0438\u043d\u0443\u0442<\/title>\r\n<meta name=\"description\" content=\"\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0434\u0432\u0435\u0440\u0435\u0439, \u0430\u0432\u0442\u043e \u0438 \u0441\u0435\u0439\u0444\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439. \u0412\u044b\u0435\u0437\u0434 \u0437\u0430 20 \u043c\u0438\u043d\u0443\u0442, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e. \u041e\u043f\u043b\u0430\u0442\u0430 Kaspi \u0438\u043b\u0438 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u043c\u0438. \u0417\u0432\u043e\u043d\u0438\u0442\u0435: +7 707 111 8102.\">\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=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#ffffff;\r\n --ink:#12141a;\r\n --ink-soft:#3a3d47;\r\n --muted:#6b7079;\r\n --line:#e9e7e2;\r\n --panel:#151821;\r\n --panel-2:#1c202b;\r\n --accent-1:#ff5c5c;\r\n --accent-2:#c81818;\r\n --accent-grad: linear-gradient(100deg, var(--accent-1) 0%, var(--accent-2) 100%);\r\n --tint:#fff0f0;\r\n --whatsapp:#25d366;\r\n --radius-s:10px;\r\n --radius-m:16px;\r\n --radius-l:26px;\r\n --shadow-soft: 0 20px 50px -25px rgba(18,20,26,.35);\r\n }\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--bg);\r\n color:var(--ink);\r\n font-family:'Inter', sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n img{max-width:100%; display:block;}\r\n a{color:inherit; text-decoration:none;}\r\n ul{list-style:none;}\r\n .wrap{max-width:1220px; margin:0 auto; padding:0 24px;}\r\n h1,h2,h3{font-family:'Inter', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.02em;}\r\n .eyebrow{\r\n font-family:'Inter', sans-serif;\r\n font-size:12.5px;\r\n font-weight:600;\r\n letter-spacing:.14em;\r\n text-transform:uppercase;\r\n color:var(--accent-2);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:7px;height:7px;border-radius:50%;\r\n background:var(--accent-grad);\r\n box-shadow:0 0 0 4px rgba(240,72,15,.14);\r\n }\r\n .btn{\r\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n padding:16px 26px; border-radius:100px; font-weight:600; font-size:15.5px;\r\n border:1px solid transparent; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n white-space:nowrap;\r\n }\r\n .btn:active{transform:scale(.97);}\r\n .btn-primary{ background:var(--accent-grad); color:#fff; box-shadow:0 14px 30px -12px rgba(240,72,15,.6);}\r\n .btn-primary:hover{filter:brightness(1.06); box-shadow:0 18px 34px -12px rgba(240,72,15,.7);}\r\n .btn-whatsapp{background:var(--whatsapp); color:#fff;}\r\n .btn-whatsapp:hover{filter:brightness(1.06);}\r\n .btn-ghost-dark{background:var(--ink); color:#fff;}\r\n .btn-outline{background:#fff; color:var(--ink); border-color:var(--line);}\r\n .btn-outline:hover{border-color:var(--ink);}\r\n .btn-block{width:100%;}\r\n .btn svg{width:19px; height:19px; flex-shrink:0;}\r\n\r\n \/* ===== HEADER ===== *\/\r\n header{\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n padding:18px 0;\r\n transition:background .3s ease, padding .3s ease, box-shadow .3s ease;\r\n }\r\n header.scrolled{ background:rgba(18,20,26,.86); backdrop-filter:blur(14px); padding:12px 0; box-shadow:0 10px 30px -20px rgba(0,0,0,.6);}\r\n .nav{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:nowrap;}\r\n .logo{display:flex; align-items:center; gap:10px; font-family:'Inter'; font-weight:700; font-size:18px; color:#fff; flex-shrink:0; min-width:0;}\r\n .logo .mark{\r\n width:38px; height:38px; border-radius:11px; background:var(--accent-grad);\r\n display:flex; align-items:center; justify-content:center; flex-shrink:0;\r\n }\r\n .logo .mark svg{width:20px; height:20px;}\r\n .logo span{color:var(--accent-1);}\r\n .nav-links{display:flex; align-items:center; gap:30px;}\r\n .nav-links a{color:rgba(255,255,255,.72); font-size:14.5px; font-weight:500; transition:color .2s ease;}\r\n .nav-links a:hover{color:#fff;}\r\n .nav-cta{display:flex; align-items:center; gap:14px; flex-shrink:0;}\r\n .nav-phone{color:#fff; font-weight:600; font-size:15px; display:flex; align-items:center; gap:8px; flex-shrink:0;}\r\n .nav-phone svg{width:17px; height:17px; color:var(--accent-1); flex-shrink:0;}\r\n .nav-cta .btn-primary{flex-shrink:0;}\r\n .burger{display:none; width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,.08); border:0; cursor:pointer; align-items:center; justify-content:center; flex-shrink:0; position:relative;}\r\n .burger svg{width:20px; height:20px; color:#fff;}\r\n .burger .icon-close{display:none;}\r\n .burger.open .icon-menu{display:none;}\r\n .burger.open .icon-close{display:block;}\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero{\r\n position:relative;\r\n background:\r\n radial-gradient(1100px 620px at 82% 8%, rgba(255,138,61,.16), transparent 60%),\r\n linear-gradient(115deg, #0e1016 0%, #171b24 46%, #1d2230 100%);\r\n color:#fff;\r\n padding:150px 0 100px;\r\n overflow:hidden;\r\n }\r\n .hero::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background-image:\r\n repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 1px, transparent 1px 90px);\r\n pointer-events:none;\r\n }\r\n .hero-grid{\r\n position:relative; z-index:2;\r\n display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center;\r\n }\r\n .badge-live{\r\n display:inline-flex; align-items:center; gap:10px;\r\n background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);\r\n padding:9px 16px 9px 12px; border-radius:100px; font-size:13.5px; font-weight:500; color:rgba(255,255,255,.85);\r\n margin-bottom:26px;\r\n }\r\n .badge-live .dot{width:8px; height:8px; border-radius:50%; background:#4ade80; box-shadow:0 0 0 4px rgba(74,222,128,.18); animation:pulse 1.8s infinite;}\r\n @keyframes pulse{0%,100%{opacity:1} 50%{opacity:.4}}\r\n .hero h1{\r\n font-size:clamp(34px, 4.4vw, 56px);\r\n font-weight:700;\r\n margin-bottom:20px;\r\n }\r\n .hero h1 .accent{color:var(--accent-1);}\r\n .hero p.lead{\r\n font-size:17px; line-height:1.65; color:rgba(255,255,255,.66);\r\n max-width:520px; margin-bottom:34px;\r\n }\r\n .hero-cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-bottom:26px;}\r\n .hero-chip-row{display:flex; flex-wrap:wrap; gap:10px;}\r\n .chip{\r\n display:inline-flex; align-items:center; gap:8px;\r\n background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1);\r\n padding:9px 14px; border-radius:100px; font-size:13px; color:rgba(255,255,255,.78); font-weight:500;\r\n }\r\n .chip svg{width:14px; height:14px; color:#4ade80; flex-shrink:0;}\r\n\r\n .hero-art{\r\n position:relative; height:520px; border-radius:var(--radius-l);\r\n background:\r\n radial-gradient(circle at 60% 30%, rgba(255,154,77,.16), transparent 55%),\r\n linear-gradient(160deg, #1b1f2a 0%, #10131a 100%);\r\n border:1px solid rgba(255,255,255,.08);\r\n display:flex; align-items:center; justify-content:center;\r\n overflow:hidden;\r\n }\r\n .hero-art svg{width:78%; height:auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));}\r\n .stat-float{\r\n position:absolute; background:rgba(21,24,33,.92); backdrop-filter:blur(10px);\r\n border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:12px 16px;\r\n box-shadow:0 20px 40px -20px rgba(0,0,0,.6);\r\n }\r\n .stat-float b{display:block; font-family:'Inter'; font-size:16px; font-weight:600; color:#fff;}\r\n .stat-float span{font-size:11.5px; color:rgba(255,255,255,.55);}\r\n .sf-1{top:28px; right:22px;}\r\n .sf-2{top:120px; right:0px;}\r\n .sf-3{top:212px; right:14px;}\r\n .sf-4{top:304px; right:-6px; display:flex; align-items:center; gap:8px;}\r\n .sf-4 .live-dot{width:8px; height:8px; border-radius:50%; background:#4ade80;}\r\n .sf-4 b{color:var(--accent-1);}\r\n\r\n \/* ===== TRUST STRIP ===== *\/\r\n .trust-strip{background:var(--ink); padding:26px 0; border-top:1px solid rgba(255,255,255,.06);}\r\n .trust-inner{display:flex; align-items:center; gap:40px; flex-wrap:wrap; justify-content:space-between;}\r\n .trust-label{font-size:13px; color:rgba(255,255,255,.5); font-weight:500; max-width:190px; line-height:1.4;}\r\n .trust-icons{display:flex; align-items:center; gap:30px; flex-wrap:wrap;}\r\n .trust-icons .ti{display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.72); font-size:14px; font-weight:600;}\r\n .trust-icons .ti svg{width:20px; height:20px; color:var(--accent-1);}\r\n\r\n \/* ===== SECTION GENERIC ===== *\/\r\n section{padding:96px 0;}\r\n .sec-head{max-width:640px; margin-bottom:52px;}\r\n .sec-head h2{font-size:clamp(28px,3vw,40px); margin:14px 0 14px; font-weight:700;}\r\n .sec-head p{color:var(--muted); font-size:16px; line-height:1.6;}\r\n .sec-head.center{margin-left:auto; margin-right:auto; text-align:center;}\r\n\r\n \/* ===== SERVICES ===== *\/\r\n .services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n .s-card{\r\n border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden;\r\n background:#fff; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n display:flex; flex-direction:column;\r\n }\r\n .s-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-soft); border-color:transparent;}\r\n .s-card .s-img{\r\n height:190px; background:linear-gradient(135deg,#f2f0eb,#e6e3db);\r\n position:relative; overflow:hidden;\r\n }\r\n .s-card .s-img img{width:100%; height:100%; object-fit:cover;}\r\n .s-card .s-tag{\r\n position:absolute; top:14px; left:14px; background:rgba(18,20,26,.82); color:#fff;\r\n font-size:11.5px; font-weight:600; padding:6px 12px; border-radius:100px;\r\n font-family:'Inter'; letter-spacing:.03em;\r\n }\r\n .s-card .s-body{padding:22px 22px 24px; display:flex; flex-direction:column; gap:10px; flex:1;}\r\n .s-card h3{font-size:19px; font-weight:600;}\r\n .s-card p{color:var(--muted); font-size:14.5px; line-height:1.55; flex:1;}\r\n .s-card .s-price{font-size:13px; color:var(--accent-2); font-weight:600; font-family:'Inter';}\r\n .s-card .s-actions{display:flex; gap:10px; margin-top:6px;}\r\n .s-card .btn{padding:12px 18px; font-size:14px; flex:1;}\r\n\r\n \/* ===== WHY US ===== *\/\r\n .why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}\r\n .why-card{\r\n background:var(--tint); border-radius:var(--radius-m); padding:28px 24px;\r\n border:1px solid rgba(240,72,15,.08);\r\n }\r\n .why-icon{\r\n width:50px; height:50px; border-radius:13px; background:var(--ink);\r\n display:flex; align-items:center; justify-content:center; margin-bottom:18px;\r\n }\r\n .why-icon svg{width:24px; height:24px; color:var(--accent-1);}\r\n .why-card h3{font-size:17px; font-weight:600; margin-bottom:8px; font-family:'Inter'; }\r\n .why-card p{font-size:14px; color:var(--muted); line-height:1.55;}\r\n\r\n \/* ===== PROCESS ===== *\/\r\n .process-wrap{background:var(--panel); border-radius:var(--radius-l); padding:60px; color:#fff; position:relative; overflow:hidden;}\r\n .process-wrap::before{content:\"\"; position:absolute; inset:0; background:radial-gradient(700px 400px at 90% 0%, rgba(255,138,61,.14), transparent 60%);}\r\n .process-grid{position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:44px;}\r\n .p-step{position:relative; padding-left:2px;}\r\n .p-step .p-num{\r\n font-family:'Inter'; font-size:34px; font-weight:700;\r\n background:var(--accent-grad); -webkit-background-clip:text; background-clip:text; color:transparent;\r\n margin-bottom:14px; display:block;\r\n }\r\n .p-step h3{font-size:16.5px; font-weight:600; margin-bottom:8px; color:#fff; font-family:'Inter';}\r\n .p-step p{font-size:13.8px; color:rgba(255,255,255,.55); line-height:1.55;}\r\n .p-step:not(:last-child)::after{\r\n content:\"\"; position:absolute; top:20px; left:110%; width:70%; height:1px;\r\n background:repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 6px, transparent 6px 12px);\r\n display:none;\r\n }\r\n @media(min-width:900px){ .p-step:not(:last-child)::after{display:block;} }\r\n .process-head{position:relative; z-index:2; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap;}\r\n\r\n \/* ===== CTA \/ CONTACT ===== *\/\r\n .contact-section{background:linear-gradient(180deg, #fbf9f6 0%, #ffffff 100%); }\r\n .contact-grid{display:grid; grid-template-columns:1fr .95fr; gap:0; border-radius:var(--radius-l); overflow:hidden; box-shadow:0 30px 70px -40px rgba(18,20,26,.35);}\r\n .contact-left{\r\n background:var(--ink); color:#fff; padding:56px 48px; position:relative; overflow:hidden;\r\n }\r\n .contact-left::before{content:\"\"; position:absolute; inset:0; background:radial-gradient(500px 300px at 10% 100%, rgba(255,138,61,.16), transparent 60%);}\r\n .contact-left > *{position:relative; z-index:2;}\r\n .contact-left h2{font-size:clamp(24px,2.6vw,32px); margin:14px 0 16px;}\r\n .contact-left p{color:rgba(255,255,255,.6); font-size:15px; line-height:1.6; margin-bottom:30px; max-width:400px;}\r\n .contact-methods{display:flex; flex-direction:column; gap:12px;}\r\n .cm-item{\r\n display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px;\r\n background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);\r\n transition:background .2s ease;\r\n }\r\n .cm-item:hover{background:rgba(255,255,255,.09);}\r\n .cm-item .cm-icon{width:42px; height:42px; border-radius:11px; background:var(--accent-grad); display:flex; align-items:center; justify-content:center; flex-shrink:0;}\r\n .cm-item .cm-icon svg{width:20px; height:20px; color:#fff;}\r\n .cm-item .cm-text b{display:block; font-size:15px; font-weight:600;}\r\n .cm-item .cm-text span{font-size:12.5px; color:rgba(255,255,255,.5);}\r\n\r\n .contact-right{background:#fff; padding:56px 48px;}\r\n .form-row{display:flex; flex-direction:column; gap:16px;}\r\n .field label{display:block; font-size:13px; font-weight:600; margin-bottom:8px; color:var(--ink-soft);}\r\n .field input, .field select, .field textarea{\r\n width:100%; padding:14px 16px; border-radius:12px; border:1.5px solid var(--line);\r\n font-family:'Inter'; font-size:14.5px; color:var(--ink); background:#fbfaf8;\r\n transition:border-color .2s ease, background .2s ease;\r\n }\r\n .field input:focus, .field select:focus, .field textarea:focus{\r\n outline:none; border-color:var(--accent-2); background:#fff;\r\n }\r\n .field-2col{display:grid; grid-template-columns:1fr 1fr; gap:14px;}\r\n .form-note{font-size:12px; color:var(--muted); margin-top:14px; line-height:1.5;}\r\n\r\n \/* ===== FAQ \/ FOOTER ===== *\/\r\n footer{background:var(--ink); color:rgba(255,255,255,.6); padding:64px 0 28px;}\r\n .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.08);}\r\n .footer-brand p{font-size:14px; line-height:1.6; margin:16px 0 20px; max-width:280px; color:rgba(255,255,255,.5);}\r\n .footer-social{display:flex; gap:10px;}\r\n .footer-social a{width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; transition:background .2s;}\r\n .footer-social a:hover{background:var(--accent-2);}\r\n .footer-social svg{width:17px; height:17px;}\r\n .footer-col h4{color:#fff; font-size:14px; font-weight:600; margin-bottom:16px; font-family:'Inter';}\r\n .footer-col ul li{margin-bottom:10px; font-size:14px;}\r\n .footer-col ul li a:hover{color:#fff;}\r\n .footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:26px; font-size:12.5px; flex-wrap:wrap; gap:10px;}\r\n\r\n \/* ===== FLOATING BUTTONS ===== *\/\r\n .float-stack{position:fixed; right:22px; bottom:22px; z-index:200; display:flex; flex-direction:column; gap:12px; align-items:flex-end;}\r\n .fab{\r\n width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n box-shadow:0 14px 30px -10px rgba(0,0,0,.4); cursor:pointer; border:none; position:relative;\r\n animation:fabIn .5s ease both;\r\n }\r\n .fab svg{width:26px; height:26px; color:#fff;}\r\n .fab-wa{background:var(--whatsapp);}\r\n .fab-call{background:var(--accent-grad);}\r\n .fab-call::after{\r\n content:\"\"; position:absolute; inset:0; border-radius:50%; border:2px solid var(--accent-1);\r\n animation:ring 2.2s infinite;\r\n }\r\n @keyframes ring{0%{transform:scale(1); opacity:.7;} 100%{transform:scale(1.5); opacity:0;}}\r\n @keyframes fabIn{from{transform:translateY(20px); opacity:0;} to{transform:translateY(0); opacity:1;}}\r\n\r\n [data-reveal]{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}\r\n [data-reveal].in{opacity:1; transform:translateY(0);}\r\n\r\n \/* ===== MOBILE NAV MENU (dropdown panel) ===== *\/\r\n .nav-links{\r\n transition:opacity .2s ease, transform .2s ease;\r\n }\r\n @media(max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .hero-art{height:360px;}\r\n .stat-float{display:none;}\r\n\r\n \/* header no longer overflows: hide the inline phone link on mobile\r\n (the floating call button already covers this) and let the burger\r\n control a proper dropdown menu *\/\r\n .nav-phone{display:none;}\r\n .nav-cta{gap:8px;}\r\n .nav-cta .btn-primary{display:none;}\r\n .burger{display:flex;}\r\n\r\n .nav-links{\r\n display:none;\r\n position:fixed;\r\n top:64px;\r\n left:16px;\r\n right:16px;\r\n flex-direction:column;\r\n align-items:stretch;\r\n gap:4px;\r\n background:#151821;\r\n border:1px solid rgba(255,255,255,.08);\r\n padding:12px;\r\n border-radius:16px;\r\n z-index:150;\r\n box-shadow:0 24px 50px -20px rgba(0,0,0,.6);\r\n }\r\n .nav-links.open{display:flex;}\r\n .nav-links a{\r\n padding:13px 14px;\r\n border-radius:10px;\r\n font-size:15.5px;\r\n }\r\n .nav-links a:hover, .nav-links a:active{background:rgba(255,255,255,.06);}\r\n\r\n .services-grid{grid-template-columns:repeat(2,1fr);}\r\n .why-grid{grid-template-columns:repeat(2,1fr);}\r\n .process-grid{grid-template-columns:repeat(2,1fr);}\r\n .contact-grid{grid-template-columns:1fr;}\r\n .footer-grid{grid-template-columns:1fr 1fr; row-gap:32px;}\r\n }\r\n @media(max-width:620px){\r\n .hero{padding:120px 0 70px;}\r\n .services-grid{grid-template-columns:1fr;}\r\n .why-grid{grid-template-columns:1fr;}\r\n .process-grid{grid-template-columns:1fr;}\r\n .process-wrap{padding:36px 22px;}\r\n .contact-left, .contact-right{padding:34px 24px;}\r\n .field-2col{grid-template-columns:1fr;}\r\n .footer-grid{grid-template-columns:1fr;}\r\n .trust-inner{justify-content:flex-start;}\r\n }\r\n @media(max-width:400px){\r\n .wrap{padding:0 14px;}\r\n .logo{font-size:16px;}\r\n .logo .mark{width:34px; height:34px;}\r\n .nav-cta .btn-primary span.cta-full{display:none;}\r\n .nav-cta .btn-primary span.cta-short{display:inline;}\r\n }\r\n .nav-cta .btn-primary span.cta-short{display:none;}\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation:none !important; transition:none !important;}\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=\"wrap nav\">\r\n <div class=\"logo\"><span class=\"mark\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2a5 5 0 00-5 5v3H6a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1V7a5 5 0 00-5-5zm-3 8V7a3 3 0 016 0v3H9zm3 4a2 2 0 110 4 2 2 0 010-4z\" fill=\"#fff\"\/><\/svg>\r\n <\/span>LockFix<\/div>\r\n <nav class=\"nav-links\" id=\"navLinks\">\r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#why\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/a>\r\n <a href=\"#process\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/a>\r\n <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n <\/nav>\r\n <div class=\"nav-cta\">\r\n <a class=\"nav-phone\" href=\"tel:+77071118102\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.78.68 2.61a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.47-1.27a2 2 0 012.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n <span>+7 707 111 8102<\/span>\r\n <\/a>\r\n <a class=\"btn btn-primary\" href=\"tel:+77071118102\" style=\"padding:12px 20px; font-size:14px;\">\r\n <span class=\"cta-full\">\u0412\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0430\u0441\u0442\u0435\u0440\u0430<\/span>\r\n <span class=\"cta-short\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/span>\r\n <\/a>\r\n <button class=\"burger\" id=\"burgerBtn\" aria-label=\"\u041c\u0435\u043d\u044e\" aria-expanded=\"false\">\r\n <svg class=\"icon-menu\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\r\n <svg class=\"icon-close\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\">\r\n <div class=\"wrap hero-grid\">\r\n <div>\r\n <div class=\"badge-live\"><span class=\"dot\"><\/span> \u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0441\u0432\u044f\u0437\u0438 \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441<\/div>\r\n <h1>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043c\u043a\u043e\u0432 <br>\u0432 <span class=\"accent\">\u0410\u043b\u043c\u0430\u0442\u044b<\/span>, \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0434\u0432\u0435\u0440\u0438<\/h1>\r\n <p class=\"lead\">\u0417\u0430\u0445\u043b\u043e\u043f\u043d\u0443\u043b\u0430\u0441\u044c \u0434\u0432\u0435\u0440\u044c, \u043f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u043a\u043b\u044e\u0447\u0438 \u0438\u043b\u0438 \u0437\u0430\u043a\u043b\u0438\u043d\u0438\u043b\u043e \u0437\u0430\u043c\u043e\u043a? \u0412\u0441\u043a\u0440\u043e\u0435\u043c \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e, \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u043c \u043b\u0438\u0447\u0438\u043d\u043a\u0443 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430\u043c\u0438, \u0430\u0432\u0442\u043e, \u0441\u0435\u0439\u0444\u0430\u043c\u0438 \u0438 \u0433\u0430\u0440\u0430\u0436\u0430\u043c\u0438.<\/p>\r\n <div class=\"hero-cta-row\">\r\n <a class=\"btn btn-primary\" href=\"tel:+77071118102\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.78.68 2.61a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.47-1.27a2 2 0 012.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c +7 707 111 8102\r\n <\/a>\r\n <a class=\"btn btn-whatsapp\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u0430%20\u043f\u043e\u043c\u043e\u0449\u044c%20\u0441\u043e%20\u0432\u0441\u043a\u0440\u044b\u0442\u0438\u0435\u043c%20\u0437\u0430\u043c\u043a\u0430.\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2c-5.5 0-9.96 4.46-9.96 9.96 0 1.76.46 3.48 1.33 5L2 22l5.2-1.36a9.94 9.94 0 004.84 1.23h.01c5.5 0 9.96-4.46 9.96-9.96S17.54 2 12.04 2zm5.83 14.24c-.24.68-1.4 1.32-1.94 1.4-.5.08-1.13.11-1.83-.12-.42-.13-.96-.31-1.65-.6-2.9-1.25-4.79-4.16-4.94-4.35-.14-.19-1.18-1.57-1.18-3 0-1.42.75-2.12 1.02-2.41.26-.29.57-.36.76-.36h.55c.18 0 .42-.07.65.5.24.58.82 2 .89 2.15.07.15.11.32.02.51-.09.19-.14.31-.27.48-.14.17-.29.38-.41.51-.14.14-.28.3-.12.58.16.28.71 1.18 1.53 1.91 1.05.94 1.94 1.23 2.22 1.37.28.14.44.12.6-.07.16-.19.68-.79.87-1.06.18-.27.36-.22.6-.13.24.09 1.55.73 1.82.87.27.13.44.19.51.3.07.11.07.63-.17 1.32z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-chip-row\">\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c 24\/7<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0412\u044b\u0435\u0437\u0434 \u0437\u0430 20 \u043c\u0438\u043d\u0443\u0442<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" 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 \u0440\u0430\u0431\u043e\u0442\u0443<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u0411\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0434\u0432\u0435\u0440\u0438***<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-art\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558002038-1055907df827?q=80&w=1200&auto=format&fit=crop\" alt=\"\u041c\u0430\u0441\u0442\u0435\u0440 \u043c\u0435\u043d\u044f\u0435\u0442 \u043b\u0438\u0447\u0438\u043d\u043a\u0443 \u0437\u0430\u043c\u043a\u0430 \u0432\u0445\u043e\u0434\u043d\u043e\u0439 \u0434\u0432\u0435\u0440\u0438\" style=\"width:100%;height:100%;object-fit:cover;\">\r\n <\/div>\r\n\r\n <div class=\"stat-float sf-1\"><b>24\/7<\/b><span>\u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0430 \u0441\u0432\u044f\u0437\u0438<\/span><\/div>\r\n <div class=\"stat-float sf-2\"><b>20 \u043c\u0438\u043d<\/b><span>\u0434\u043e \u043f\u0440\u0438\u0435\u0437\u0434\u0430 \u043c\u0430\u0441\u0442\u0435\u0440\u0430<\/span><\/div>\r\n <div class=\"stat-float sf-3\"><b>Kaspi<\/b><span>\u0438 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u0435, \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043f\u043b\u0430\u0442<\/span><\/div>\r\n <div class=\"stat-float sf-4\"><span class=\"live-dot\"><\/span><span><b style=\"display:inline;\">2 \u0438\u0437 6<\/b> \u043c\u0430\u0441\u0442\u0435\u0440\u043e\u0432 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TRUST STRIP ============ -->\r\n<div class=\"trust-strip\">\r\n <div class=\"wrap trust-inner\">\r\n <div class=\"trust-label\">\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043b\u044e\u0431\u044b\u043c\u0438 \u0437\u0430\u043c\u043a\u0430\u043c\u0438, \u0441\u0435\u0439\u0444\u0430\u043c\u0438 \u0438 \u0430\u0432\u0442\u043e, \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u043c\u0430\u0440\u043a\u0438 \u0438 \u0433\u043e\u0434\u0430 \u0432\u044b\u043f\u0443\u0441\u043a\u0430<\/div>\r\n <div class=\"trust-icons\">\r\n <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"10\" rx=\"2\"\/><path d=\"M7 10V7a5 5 0 0110 0v3\"\/><\/svg>\u041a\u0432\u0430\u0440\u0442\u0438\u0440\u043d\u044b\u0435 \u0437\u0430\u043c\u043a\u0438<\/div>\r\n <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 17h1a2 2 0 002-2v-1a2 2 0 012-2h4a2 2 0 012 2v1a2 2 0 002 2h1\"\/><path d=\"M3 17l1.5-6a2 2 0 011.9-1.5h11.2A2 2 0 0119.5 11L21 17\"\/><circle cx=\"7.5\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"16.5\" cy=\"17.5\" r=\"1.5\"\/><\/svg>\u0410\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043c\u043a\u0438<\/div>\r\n <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 9v0M12 15v0\"\/><\/svg>\u0421\u0435\u0439\u0444\u044b<\/div>\r\n <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 9l9-6 9 6v10a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\/><path d=\"M9 21V12h6v9\"\/><\/svg>\u0413\u0430\u0440\u0430\u0436\u0438 \u0438 \u0432\u043e\u0440\u043e\u0442\u0430<\/div>\r\n <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"9\" y=\"2\" width=\"6\" height=\"8\" rx=\"2\"\/><path d=\"M12 10v6M8 22h8l-2-6H10l-2 6z\"\/><\/svg>\u041c\u0435\u0431\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043c\u043a\u0438<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- ============ SERVICES ============ -->\r\n<section id=\"services\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\" data-reveal>\r\n <span class=\"eyebrow\">\u0423\u0441\u043b\u0443\u0433\u0438<\/span>\r\n <h2>\u0420\u0435\u0448\u0430\u0435\u043c \u043b\u044e\u0431\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0441 \u0437\u0430\u043c\u043a\u043e\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u043f\u043e \u0434\u0435\u043b\u0443<\/h2>\r\n <p>\u041d\u0438\u0436\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b. \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 WhatsApp, \u0447\u0442\u043e\u0431\u044b \u0443\u0442\u043e\u0447\u043d\u0438\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u043e\u0434 \u0432\u0430\u0448\u0443 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e.<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 1 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u041a\u0432\u0430\u0440\u0442\u0438\u0440\u044b<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558002038-1055907df827?q=80&w=800&auto=format&fit=crop\" alt=\"\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043c\u043a\u0430 \u0432\u0445\u043e\u0434\u043d\u043e\u0439 \u0434\u0432\u0435\u0440\u0438\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0432\u0445\u043e\u0434\u043d\u044b\u0445 \u0434\u0432\u0435\u0440\u0435\u0439<\/h3>\r\n <p>\u0417\u0430\u0445\u043b\u043e\u043f\u043d\u0443\u043b\u0438 \u0434\u0432\u0435\u0440\u044c, \u043f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u043a\u043b\u044e\u0447\u0438 \u0438\u043b\u0438 \u0437\u0430\u043a\u043b\u0438\u043d\u0438\u043b\u043e \u0437\u0430\u043c\u043e\u043a: \u043e\u0442\u043a\u0440\u043e\u0435\u043c \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e, \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u043e\u0442\u043d\u0430.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 5 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u043e%20\u0432\u0441\u043a\u0440\u044b\u0442\u044c%20\u0432\u0445\u043e\u0434\u043d\u0443\u044e%20\u0434\u0432\u0435\u0440\u044c.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 2 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u0410\u0432\u0442\u043e<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493238792000-8113da705763?q=80&w=800&auto=format&fit=crop\" alt=\"\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u0430\u043c\u043a\u0430\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0430\u0432\u0442\u043e<\/h3>\r\n <p>\u0417\u0430\u043a\u0440\u044b\u043b\u0438 \u043a\u043b\u044e\u0447\u0438 \u0432 \u0441\u0430\u043b\u043e\u043d\u0435 \u0438\u043b\u0438 \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f \u0437\u0430\u043c\u043e\u043a \u0434\u0432\u0435\u0440\u0438: \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0438 \u043e\u0442\u043a\u0440\u043e\u0435\u043c \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u041b\u041a\u041f \u0438 \u0443\u043f\u043b\u043e\u0442\u043d\u0438\u0442\u0435\u043b\u0435\u0439.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 6 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u043e%20\u0432\u0441\u043a\u0440\u044b\u0442\u044c%20\u043c\u0430\u0448\u0438\u043d\u0443.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 3 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u0421\u0435\u0439\u0444\u044b<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1633158829585-23ba8f7c8caf?q=80&w=800&auto=format&fit=crop\" alt=\"\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0435\u0439\u0444\u043e\u0432\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0435\u0439\u0444\u043e\u0432<\/h3>\r\n <p>\u0417\u0430\u0431\u044b\u043b\u0438 \u043a\u043e\u0434, \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0438\u043b\u0438 \u0437\u0430\u043a\u043b\u0438\u043d\u0438\u043b \u0437\u0430\u043c\u043e\u043a \u0441\u0435\u0439\u0444\u0430: \u0432\u0441\u043a\u0440\u043e\u0435\u043c \u0438 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 10 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u043e%20\u0432\u0441\u043a\u0440\u044b\u0442\u044c%20\u0441\u0435\u0439\u0444.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 4 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u0417\u0430\u043c\u0435\u043d\u0430<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?q=80&w=800&auto=format&fit=crop\" alt=\"\u0417\u0430\u043c\u0435\u043d\u0430 \u043b\u0438\u0447\u0438\u043d\u043a\u0438 \u0438 \u0437\u0430\u043c\u043a\u043e\u0432\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u0417\u0430\u043c\u0435\u043d\u0430 \u043b\u0438\u0447\u0438\u043d\u043a\u0438 \u0438 \u0437\u0430\u043c\u043a\u043e\u0432<\/h3>\r\n <p>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c \u043d\u043e\u0432\u0443\u044e \u043b\u0438\u0447\u0438\u043d\u043a\u0443 \u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u043c\u043e\u043a \u043b\u044e\u0431\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u0432\u0437\u043b\u043e\u043c\u043e\u0441\u0442\u043e\u0439\u043a\u043e\u0441\u0442\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043c\u0435\u0441\u0442\u0435.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 8 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u043e%20\u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c%20\u0437\u0430\u043c\u043e\u043a%2F\u043b\u0438\u0447\u0438\u043d\u043a\u0443.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 5 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0447\u0430\u0441<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=800&auto=format&fit=crop\" alt=\"\u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0447\u0430\u0441, \u043c\u0435\u043b\u043a\u0438\u0439 \u0440\u0435\u043c\u043e\u043d\u0442\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0447\u0430\u0441<\/h3>\r\n <p>\u0420\u0435\u0433\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0430 \u0434\u0432\u0435\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0442\u043d\u0430, \u043f\u0435\u0442\u0435\u043b\u044c, \u0434\u043e\u0432\u043e\u0434\u0447\u0438\u043a\u0430: \u0440\u0435\u0448\u0430\u0435\u043c \u0431\u044b\u0442\u043e\u0432\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e \u0434\u043e\u043c\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0447\u0430\u0441\u0430.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 4 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u0435\u043d%20\u043c\u0430\u0441\u0442\u0435\u0440%20\u043d\u0430%20\u0447\u0430\u0441.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 6 -->\r\n <div class=\"s-card\" data-reveal>\r\n <div class=\"s-img\">\r\n <span class=\"s-tag\">\u0421\u0440\u043e\u0447\u043d\u043e<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?q=80&w=800&auto=format&fit=crop\" alt=\"\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u043e\u0435 \u0432\u0441\u043a\u0440\u044b\u0442\u0438\u0435 24\/7\">\r\n <\/div>\r\n <div class=\"s-body\">\r\n <h3>\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u0435\u0437\u0434 24\/7<\/h3>\r\n <p>\u042d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f \u043d\u043e\u0447\u044c\u044e \u0438\u043b\u0438 \u0432 \u0432\u044b\u0445\u043e\u0434\u043d\u043e\u0439? \u0412\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u043b\u044e\u0431\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0441\u0443\u0442\u043e\u043a \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 20 \u043c\u0438\u043d\u0443\u0442.<\/p>\r\n <span class=\"s-price\">\u043e\u0442 7 000 \u20b8<\/span>\r\n <div class=\"s-actions\">\r\n <a class=\"btn btn-outline\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u0421\u0440\u043e\u0447\u043d\u043e%20\u043d\u0443\u0436\u0435\u043d%20\u043c\u0430\u0441\u0442\u0435\u0440.\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ WHY US ============ -->\r\n<section id=\"why\" style=\"background:#fbf9f6;\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\" data-reveal>\r\n <span class=\"eyebrow\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441<\/span>\r\n <h2>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0438 \u0431\u0435\u0440\u0451\u043c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/h2>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\" data-reveal>\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <h3>\u0411\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0434\u0432\u0435\u0440\u0438***<\/h3>\r\n <p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0438 \u0449\u0430\u0434\u044f\u0449\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0432\u0441\u043a\u0440\u044b\u0442\u0438\u044f, \u043f\u043e\u043b\u043e\u0442\u043d\u043e \u0438 \u0440\u0430\u043c\u0430 \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0446\u0435\u043b\u044b\u043c\u0438.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal>\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/div>\r\n <h3>\u0412\u044b\u0435\u0437\u0434 \u0437\u0430 20 \u043c\u0438\u043d\u0443\u0442<\/h3>\r\n <p>\u041c\u0430\u0441\u0442\u0435\u0440\u0430 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043f\u043e \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u0433\u043e\u0440\u043e\u0434\u0430, \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0432 \u043b\u044e\u0431\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0410\u043b\u043c\u0430\u0442\u044b, \u0432 \u043b\u044e\u0431\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0441\u0443\u0442\u043e\u043a.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal>\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg><\/div>\r\n <h3>Kaspi \u0438 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u0435<\/h3>\r\n <p>\u041e\u043f\u043b\u0430\u0442\u0430 \u043b\u044e\u0431\u044b\u043c \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c: Kaspi Pay, Kaspi Red \u0447\u0430\u0441\u0442\u044f\u043c\u0438 \u0438\u043b\u0438 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435.<\/p>\r\n <\/div>\r\n <div class=\"why-card\" data-reveal>\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg><\/div>\r\n <h3>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0443<\/h3>\r\n <p>\u0414\u0430\u0451\u043c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0437\u0430\u043c\u043a\u0438 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0439 \u0440\u0435\u043c\u043e\u043d\u0442, \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043f\u0440\u0438 \u0437\u0430\u043a\u0430\u0437\u0435.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PROCESS ============ -->\r\n<section id=\"process\">\r\n <div class=\"wrap\">\r\n <div class=\"process-wrap\" data-reveal>\r\n <div class=\"process-head\">\r\n <div>\r\n <span class=\"eyebrow\" style=\"color:var(--accent-1);\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/span>\r\n <h2 style=\"margin:14px 0 0; font-size:clamp(24px,2.6vw,32px);\">\u041e\u0442 \u0437\u0432\u043e\u043d\u043a\u0430 \u0434\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0439 \u0434\u0432\u0435\u0440\u0438: 4 \u0448\u0430\u0433\u0430<\/h2>\r\n <\/div>\r\n <a class=\"btn btn-primary\" href=\"tel:+77071118102\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u0441\u0435\u0439\u0447\u0430\u0441<\/a>\r\n <\/div>\r\n <div class=\"process-grid\">\r\n <div class=\"p-step\">\r\n <span class=\"p-num\">01<\/span>\r\n <h3>\u0417\u0432\u043e\u043d\u043e\u043a \u0438\u043b\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/h3>\r\n <p>\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 \u0438\u043b\u0438 \u0432 WhatsApp, \u0443\u0442\u043e\u0447\u043d\u0438\u043c \u0430\u0434\u0440\u0435\u0441 \u0438 \u0442\u0438\u043f \u0437\u0430\u043c\u043a\u0430.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <span class=\"p-num\">02<\/span>\r\n <h3>\u041c\u0430\u0441\u0442\u0435\u0440 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u0442<\/h3>\r\n <p>\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u0442 \u043a \u0432\u0430\u043c, \u0441\u0440\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044f 20 \u043c\u0438\u043d\u0443\u0442.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <span class=\"p-num\">03<\/span>\r\n <h3>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435<\/h3>\r\n <p>\u0410\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u043c\u043e\u043a, \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u043d\u044f\u0435\u043c \u043b\u0438\u0447\u0438\u043d\u043a\u0443 \u0438\u043b\u0438 \u0447\u0438\u043d\u0438\u043c \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c.<\/p>\r\n <\/div>\r\n <div class=\"p-step\">\r\n <span class=\"p-num\">04<\/span>\r\n <h3>\u041e\u043f\u043b\u0430\u0442\u0430 \u0438 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f<\/h3>\r\n <p>\u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c: Kaspi \u0438\u043b\u0438 \u043d\u0430\u043b\u0438\u0447\u043d\u044b\u043c\u0438, \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CONTACT \/ CTA ============ -->\r\n<section class=\"contact-section\" id=\"contact\">\r\n <div class=\"wrap\">\r\n <div class=\"contact-grid\" data-reveal>\r\n <div class=\"contact-left\">\r\n <span class=\"eyebrow\" style=\"color:var(--accent-1);\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/span>\r\n <h2>\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0437\u0430 \u043f\u0430\u0440\u0443 \u043c\u0438\u043d\u0443\u0442<\/h2>\r\n <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0410\u043b\u043c\u0430\u0442\u044b, \u043a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e, \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440 \u0438\u043b\u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443, \u043e\u043d\u0430 \u0443\u0439\u0434\u0451\u0442 \u043d\u0430\u043c \u0432 WhatsApp.<\/p>\r\n <div class=\"contact-methods\">\r\n <a class=\"cm-item\" href=\"tel:+77071118102\">\r\n <span class=\"cm-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.78.68 2.61a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.47-1.27a2 2 0 012.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0122 16.92z\"\/><\/svg><\/span>\r\n <span class=\"cm-text\"><b>+7 707 111 8102<\/b><span>\u0417\u0432\u043e\u043d\u043e\u043a \u043a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e<\/span><\/span>\r\n <\/a>\r\n <a class=\"cm-item\" href=\"https:\/\/wa.me\/77071118102\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"cm-icon\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M12.04 2c-5.5 0-9.96 4.46-9.96 9.96 0 1.76.46 3.48 1.33 5L2 22l5.2-1.36a9.94 9.94 0 004.84 1.23h.01c5.5 0 9.96-4.46 9.96-9.96S17.54 2 12.04 2z\"\/><\/svg><\/span>\r\n <span class=\"cm-text\"><b>WhatsApp<\/b><span>\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u043e\u0442\u0432\u0435\u0442, \u043c\u043e\u0436\u043d\u043e \u0444\u043e\u0442\u043e<\/span><\/span>\r\n <\/a>\r\n <a class=\"cm-item\" href=\"#\">\r\n <span class=\"cm-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span>\r\n <span class=\"cm-text\"><b>\u0433. \u0410\u043b\u043c\u0430\u0442\u044b<\/b><span>\u0412\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0432\u043e \u0432\u0441\u0435 \u0440\u0430\u0439\u043e\u043d\u044b \u0433\u043e\u0440\u043e\u0434\u0430<\/span><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-right\">\r\n <span class=\"eyebrow\">\u0417\u0430\u044f\u0432\u043a\u0430<\/span>\r\n <h2 style=\"font-size:24px; margin:14px 0 22px;\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443 \u0432 WhatsApp<\/h2>\r\n <form id=\"leadForm\" class=\"form-row\">\r\n <div class=\"field-2col\">\r\n <div class=\"field\">\r\n <label for=\"f-name\">\u0418\u043c\u044f<\/label>\r\n <input id=\"f-name\" type=\"text\" name=\"name\" 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 for=\"f-phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\r\n <input id=\"f-phone\" type=\"tel\" name=\"phone\" placeholder=\"+7 ___ ___ __ __\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"f-service\">\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c<\/label>\r\n <select id=\"f-service\" name=\"service\">\r\n <option>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0432\u0445\u043e\u0434\u043d\u043e\u0439 \u0434\u0432\u0435\u0440\u0438<\/option>\r\n <option>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0430\u0432\u0442\u043e<\/option>\r\n <option>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \/ \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0435\u0439\u0444\u0430<\/option>\r\n <option>\u0417\u0430\u043c\u0435\u043d\u0430 \u043b\u0438\u0447\u0438\u043d\u043a\u0438 \u0438\u043b\u0438 \u0437\u0430\u043c\u043a\u0430<\/option>\r\n <option>\u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0447\u0430\u0441<\/option>\r\n <option>\u0414\u0440\u0443\u0433\u043e\u0435<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"f-comment\">\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\r\n <textarea id=\"f-comment\" name=\"comment\" rows=\"3\" placeholder=\"\u0410\u0434\u0440\u0435\u0441, \u0442\u0438\u043f \u0437\u0430\u043c\u043a\u0430, \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-whatsapp btn-block\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2c-5.5 0-9.96 4.46-9.96 9.96 0 1.76.46 3.48 1.33 5L2 22l5.2-1.36a9.94 9.94 0 004.84 1.23h.01c5.5 0 9.96-4.46 9.96-9.96S17.54 2 12.04 2z\"\/><\/svg>\r\n \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432 WhatsApp\r\n <\/button>\r\n <p class=\"form-note\">\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u0432 WhatsApp \u0441 \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435\u043c, \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e.<\/p>\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=\"footer-brand\">\r\n <div class=\"logo\"><span class=\"mark\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2a5 5 0 00-5 5v3H6a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1V7a5 5 0 00-5-5zm-3 8V7a3 3 0 016 0v3H9zm3 4a2 2 0 110 4 2 2 0 010-4z\" fill=\"#fff\"\/><\/svg>\r\n <\/span>LockFix<\/div>\r\n <p>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0437\u0430\u043c\u043a\u043e\u0432, \u0441\u0435\u0439\u0444\u043e\u0432 \u0438 \u0430\u0432\u0442\u043e \u0432 \u0410\u043b\u043c\u0430\u0442\u044b. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e, \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u0434\u0432\u0435\u0440\u0438***.<\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"https:\/\/wa.me\/77071118102\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M12.04 2c-5.5 0-9.96 4.46-9.96 9.96 0 1.76.46 3.48 1.33 5L2 22l5.2-1.36a9.94 9.94 0 004.84 1.23h.01c5.5 0 9.96-4.46 9.96-9.96S17.54 2 12.04 2z\"\/><\/svg><\/a>\r\n <a href=\"tel:+77071118102\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.78.68 2.61a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.47-1.27a2 2 0 012.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0122 16.92z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>\u0423\u0441\u043b\u0443\u0433\u0438<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0434\u0432\u0435\u0440\u0435\u0439<\/a><\/li>\r\n <li><a href=\"#services\">\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0430\u0432\u0442\u043e<\/a><\/li>\r\n <li><a href=\"#services\">\u0421\u0435\u0439\u0444\u044b<\/a><\/li>\r\n <li><a href=\"#services\">\u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0447\u0430\u0441<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\r\n <ul>\r\n <li><a href=\"#why\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/a><\/li>\r\n <li><a href=\"#process\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/a><\/li>\r\n <li><a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\r\n <ul>\r\n <li><a href=\"tel:+77071118102\">+7 707 111 8102<\/a><\/li>\r\n <li><a href=\"#\">\u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u0432\u044b\u0435\u0437\u0434 \u043f\u043e \u0433\u043e\u0440\u043e\u0434\u0443<\/a><\/li>\r\n <li><a href=\"#\">\u041a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e, \u0431\u0435\u0437 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 LockFix. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/span>\r\n <span>*** \u043f\u0440\u0438 \u0432\u0441\u043a\u0440\u044b\u0442\u0438\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0437\u0430\u043c\u043a\u043e\u0432 \u0448\u0442\u0430\u0442\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c. \u0414\u043b\u044f \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0437\u0430\u043c\u0435\u043d\u0430 \u043b\u0438\u0447\u0438\u043d\u043a\u0438.<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- ============ FLOATING BUTTONS ============ -->\r\n<div class=\"float-stack\">\r\n <a class=\"fab fab-wa\" href=\"https:\/\/wa.me\/77071118102?text=\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435!%20\u041d\u0443\u0436\u043d\u0430%20\u043f\u043e\u043c\u043e\u0449\u044c.\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2c-5.5 0-9.96 4.46-9.96 9.96 0 1.76.46 3.48 1.33 5L2 22l5.2-1.36a9.94 9.94 0 004.84 1.23h.01c5.5 0 9.96-4.46 9.96-9.96S17.54 2 12.04 2zm5.83 14.24c-.24.68-1.4 1.32-1.94 1.4-.5.08-1.13.11-1.83-.12-.42-.13-.96-.31-1.65-.6-2.9-1.25-4.79-4.16-4.94-4.35-.14-.19-1.18-1.57-1.18-3 0-1.42.75-2.12 1.02-2.41.26-.29.57-.36.76-.36h.55c.18 0 .42-.07.65.5.24.58.82 2 .89 2.15.07.15.11.32.02.51-.09.19-.14.31-.27.48-.14.17-.29.38-.41.51-.14.14-.28.3-.12.58.16.28.71 1.18 1.53 1.91 1.05.94 1.94 1.23 2.22 1.37.28.14.44.12.6-.07.16-.19.68-.79.87-1.06.18-.27.36-.22.6-.13.24.09 1.55.73 1.82.87.27.13.44.19.51.3.07.11.07.63-.17 1.32z\"\/><\/svg>\r\n <\/a>\r\n <a class=\"fab fab-call\" href=\"tel:+77071118102\" aria-label=\"\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.78.68 2.61a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.47-1.27a2 2 0 012.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Header background on scroll\r\n const header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('scrolled', window.scrollY > 30);\r\n });\r\n\r\n \/\/ Mobile menu toggle (dropdown panel, icon switches, closes on link click \/ outside click \/ Esc)\r\n const burger = document.getElementById('burgerBtn');\r\n const navLinks = document.getElementById('navLinks');\r\n\r\n function closeMenu(){\r\n navLinks.classList.remove('open');\r\n burger.classList.remove('open');\r\n burger.setAttribute('aria-expanded', 'false');\r\n }\r\n function toggleMenu(){\r\n const isOpen = navLinks.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', (e) => {\r\n e.stopPropagation();\r\n toggleMenu();\r\n });\r\n navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', closeMenu));\r\n document.addEventListener('click', (e) => {\r\n if (!navLinks.contains(e.target) && !burger.contains(e.target)) closeMenu();\r\n });\r\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeMenu(); });\r\n window.addEventListener('resize', () => { if (window.innerWidth > 980) closeMenu(); });\r\n\r\n \/\/ Reveal on scroll\r\n const revealEls = document.querySelectorAll('[data-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.15 });\r\n revealEls.forEach(el => io.observe(el));\r\n\r\n \/\/ Lead form -> WhatsApp\r\n const leadForm = document.getElementById('leadForm');\r\n leadForm.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n const name = document.getElementById('f-name').value.trim();\r\n const phone = document.getElementById('f-phone').value.trim();\r\n const service = document.getElementById('f-service').value;\r\n const comment = document.getElementById('f-comment').value.trim();\r\n\r\n let message = `\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435! \u0417\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430 LockFix.\\n`;\r\n message += `\u0418\u043c\u044f: ${name}\\n`;\r\n message += `\u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${phone}\\n`;\r\n message += `\u0423\u0441\u043b\u0443\u0433\u0430: ${service}\\n`;\r\n if (comment) message += `\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439: ${comment}\\n`;\r\n\r\n const url = `https:\/\/wa.me\/77071118102?text=${encodeURIComponent(message)}`;\r\n window.open(url, '_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>\u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043c\u043a\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b 24\/7 \u2014 LockFix | \u043e\u0442 20 \u043c\u0438\u043d\u0443\u0442 LockFix \u0423\u0441\u043b\u0443\u0433\u0438 \u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b +7 707 111 8102 \u0412\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u041c\u0430\u0441\u0442\u0435\u0440 \u043d\u0430 \u0441\u0432\u044f\u0437\u0438 \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u0412\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043c\u043a\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b, \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0434\u0432\u0435\u0440\u0438 \u0417\u0430\u0445\u043b\u043e\u043f\u043d\u0443\u043b\u0430\u0441\u044c \u0434\u0432\u0435\u0440\u044c, \u043f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u043a\u043b\u044e\u0447\u0438 \u0438\u043b\u0438 \u0437\u0430\u043a\u043b\u0438\u043d\u0438\u043b\u043e \u0437\u0430\u043c\u043e\u043a? \u0412\u0441\u043a\u0440\u043e\u0435\u043c \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e, \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u043c \u043b\u0438\u0447\u0438\u043d\u043a\u0443 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lockfix.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":16,"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/lockfix.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/lockfix.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}