{"id":3323,"date":"2021-09-10T11:01:23","date_gmt":"2021-09-10T11:01:23","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=3323"},"modified":"2025-11-10T17:04:55","modified_gmt":"2025-11-10T17:04:55","slug":"home-toys","status":"publish","type":"page","link":"https:\/\/softleasing.uz\/","title":{"rendered":"Home Toys"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3323\" class=\"elementor elementor-3323\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741dadc e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"741dadc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eec590a elementor-widget elementor-widget-html\" data-id=\"eec590a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"slh\" id=\"slh\" aria-label=\"\u0428\u0430\u043f\u043a\u0430 \u0441\u0430\u0439\u0442\u0430 \u2014 Soft Leasing\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n\r\n      \/* \u0440\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 \u043f\u043e\u0434 \u044f\u043a\u043e\u0440\u044f\/\u043e\u0442\u0441\u0442\u0443\u043f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\r\n      --anchor-offset: 84px;\r\n    }\r\n\r\n    \/* \u0412\u0410\u0416\u041d\u041e: \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u043e\u0434 \u0444\u0438\u043a\u0441-\u0445\u0435\u0434\u0435\u0440 *\/\r\n    body{ padding-top: var(--anchor-offset); }\r\n\r\n    \/* ===== HEADER (\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439, \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u0432\u0435\u0440\u0445) ===== *\/\r\n    .slh{\r\n      position:fixed; left:0; right:0; top:var(--wp-admin-offset,0px);\r\n      z-index:10000; color:var(--sl-ink);\r\n    }\r\n    \/* \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0444\u043e\u043d + \u043b\u0451\u0433\u043a\u043e\u0435 \u0441\u0442\u0435\u043a\u043b\u043e *\/\r\n    .slh::before{\r\n      content:\"\"; position:absolute; inset:0;\r\n      background:\r\n        radial-gradient(700px 200px at 10% 0%, rgba(238,246,251,.95), rgba(255,255,255,.78) 60%),\r\n        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.75));\r\n      -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\r\n      border-bottom:1px solid rgba(var(--slc-sky), .25);\r\n      box-shadow: 0 10px 30px rgba(var(--slc-deep), .08);\r\n      pointer-events:none; transition:background .25s ease, backdrop-filter .25s ease, box-shadow .25s ease;\r\n    }\r\n    \/* \u0441\u0442\u0435\u043a\u043b\u043e \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u2014 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0435\u0435 \u0438 \u0441\u0438\u043b\u044c\u043d\u0435\u0435 blur *\/\r\n    .slh.slh--glass::before{\r\n      background:\r\n        radial-gradient(700px 200px at 10% 0%, rgba(238,246,251,.80), rgba(255,255,255,.60) 60%),\r\n        linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.50));\r\n      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\r\n      box-shadow: 0 12px 32px rgba(var(--slc-deep), .16);\r\n    }\r\n\r\n    \/* \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 \u0447\u0442\u0435\u043d\u0438\u044f *\/\r\n    .slh-progress{\r\n      position:absolute; left:0; right:0; bottom:0; height:3px;\r\n      background: linear-gradient(90deg, rgb(var(--slc-accent)), rgba(120,160,190,1));\r\n      transform-origin:left center; transform:scaleX(0);\r\n      z-index:2; pointer-events:none;\r\n    }\r\n\r\n    .slh-wrap{\r\n      position:relative; max-width:1400px; margin:0 auto;\r\n      padding: 10px clamp(12px,3.2vw,22px);\r\n      display:flex; align-items:center; gap:12px; justify-content:space-between;\r\n      font-family: var(--sl-font);\r\n      z-index:1;\r\n    }\r\n\r\n    \/* \u0411\u0440\u0435\u043d\u0434 *\/\r\n    .slh-brand{ display:flex; align-items:center; min-width:0; }\r\n    .slh-mark{\r\n      width: clamp(84px, 7.8vw, 112px);\r\n      height: clamp(84px, 7.8vw, 112px);\r\n      border-radius:14px; overflow:hidden; display:grid; place-items:center;\r\n    }\r\n    .slh-logo{ width:100%; height:100%; object-fit:contain; display:block; }\r\n\r\n    \/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f (\u0434\u0435\u0441\u043a\u0442\u043e\u043f) *\/\r\n    .slh-nav{ display:flex; align-items:center; gap: clamp(10px,1.6vw,18px); }\r\n    .slh-link{\r\n      position:relative; text-decoration:none; color:#2b566a;\r\n      font:800 clamp(14px,1.6vw,18px)\/1 var(--sl-font);\r\n      padding:8px 2px; outline-offset:3px;\r\n    }\r\n    .slh-link::after{\r\n      content:\"\"; position:absolute; left:0; right:0; bottom:-2px; height:2px;\r\n      background:linear-gradient(90deg, rgba(31,80,100,.0), rgba(31,80,100,.9), rgba(31,80,100,.0));\r\n      transform:scaleX(0); transform-origin:center; transition:transform .25s ease;\r\n    }\r\n    .slh-link:hover::after, .slh-link.is-active::after{ transform:scaleX(1); }\r\n\r\n    \/* CTA *\/\r\n    .slh-cta{\r\n      --bg: rgb(var(--slc-accent)); --fg:#fff;\r\n      display:inline-flex; align-items:center; gap:10px;\r\n      padding:10px 14px; border-radius:12px; font:800 clamp(14px,1.6vw,18px)\/1 var(--sl-font);\r\n      background:var(--bg); color:var(--fg) !important; text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.06); box-shadow: 0 7px 18px rgba(var(--slc-deep),.12);\r\n      position:relative; overflow:hidden;\r\n    }\r\n    .slh-cta .glow{ position:absolute; inset:-40% -20%; background: radial-gradient(150px 150px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.35), rgba(255,255,255,0)); pointer-events:none; }\r\n\r\n    \/* \u0411\u0443\u0440\u0433\u0435\u0440 *\/\r\n    .slh-burger{\r\n      display:none; width:40px; height:40px; border-radius:12px; border:1px solid rgba(var(--slc-sky), .30);\r\n      background:#fff; box-shadow:0 6px 16px rgba(var(--slc-deep), .10);\r\n      align-items:center; justify-content:center;\r\n      color: rgb(var(--slc-accent)); \/* \u0432\u0430\u0436\u0435\u043d \u0434\u043b\u044f currentColor *\/\r\n    }\r\n    .slh-burger svg{ width:20px; height:20px; display:block; }\r\n\r\n    \/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c (\u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0441\u0435\u0433\u043e) *\/\r\n    .slh-panel{\r\n      position:fixed; inset:0; z-index:100000;\r\n      opacity:0; visibility:hidden; pointer-events:none;\r\n      transition: opacity .2s ease, visibility .2s;\r\n    }\r\n    .slh-panel[data-open=\"true\"]{ opacity:1; visibility:visible; pointer-events:auto; }\r\n    .slh-dim{ position:absolute; inset:0; background:rgba(0,20,30,.40); opacity:0; transition:opacity .2s ease; }\r\n    .slh-panel[data-open=\"true\"] .slh-dim{ opacity:1; }\r\n    .slh-sheet{\r\n      position:absolute; right:0; top:var(--wp-admin-offset,0px); bottom:0; width:min(92vw,420px);\r\n      background:#ffffff; border-left:1px solid rgba(var(--slc-sky), .28);\r\n      transform: translateX(100%); transition: transform .25s ease;\r\n      display:flex; flex-direction:column; color:#0f394b;\r\n      -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);\r\n      will-change: transform;\r\n    }\r\n    .slh-panel[data-open=\"true\"] .slh-sheet{ transform:none; }\r\n\r\n    .slh-mhead{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid rgba(var(--slc-sky), .20); }\r\n    .slh-mclose{ width:42px; height:42px; border-radius:12px; border:1px solid rgba(var(--slc-sky), .30); background:#fff; display:grid; place-items:center; }\r\n    .slh-mclose svg{ width:20px; height:20px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n\r\n    \/* \u0441\u0441\u044b\u043b\u043a\u0438 \u0441 \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438 *\/\r\n    .slh-mnav{ padding:20px; display:grid; gap:12px; }\r\n    .slh-mnav a{\r\n      display:flex; align-items:center; gap:12px;\r\n      text-decoration:none; color:#0f394b;\r\n      font:700 17px\/1.3 var(--sl-font); padding:14px 12px;\r\n      border-radius:10px; transition:.2s;\r\n    }\r\n    .slh-mnav a svg{ width:20px; height:20px; color:rgb(var(--slc-accent)); flex-shrink:0; }\r\n    .slh-mnav a:hover{ background: rgba(var(--slc-sky), .10); }\r\n\r\n    .slh-mcta{ margin-top:auto; padding:20px; display:grid; gap:14px; }\r\n    .slh-mcta .slh-cta{ justify-content:center; font-weight:800; }\r\n    .slh-mcta .slh-cta.alt{ --bg: rgba(var(--slc-sky), .14); --fg: rgb(var(--slc-accent)); color:var(--fg); border:1px solid rgba(var(--slc-sky), .35); }\r\n\r\n    \/* \u0422\u0435\u043d\u044c \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 *\/\r\n    .slh--shadow::before{ box-shadow: 0 10px 28px rgba(var(--slc-deep), .14); }\r\n\r\n    \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432 *\/\r\n    @media (max-width:1024px){\r\n      .slh-nav{ display:none; }\r\n      .slh-burger{ display:flex; }\r\n    }\r\n\r\n    \/* \u042f\u043a\u043e\u0440\u044f: \u043e\u0442\u0441\u0442\u0443\u043f \u043f\u043e\u0434 \u0444\u0438\u043a\u0441-\u0445\u0435\u0434\u0435\u0440 *\/\r\n    [id]{ scroll-margin-top: calc(var(--anchor-offset, 84px) + 10px); }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .slh, .slh::before, .slh-link::after, .slh-panel .slh-dim, .slh-panel .slh-sheet{ transition:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u0438\u043a\u043e\u043d\u043a\u0438 -->\r\n  <svg aria-hidden=\"true\" width=\"0\" height=\"0\" style=\"position:absolute;opacity:0;pointer-events:none\">\r\n    <defs>\r\n      <symbol id=\"i-star\" viewBox=\"0 0 24 24\"><path d=\"M12 3l3 6 7 1-5 4 2 7-7-4-7 4 2-7-5-4 7-1z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\r\n      <symbol id=\"i-box\" viewBox=\"0 0 24 24\"><path d=\"M3 7l9-4 9 4v10l-9 4-9-4zM12 3v18M3 7l9 5 9-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\r\n      <symbol id=\"i-gear\" viewBox=\"0 0 24 24\"><path d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm8-3 2 1-1 3-2 .5-.9 2-2 .9L14 20l-2 2-3-1-1-2-2-.9L3 16l-1-3 2-1 .5-2L5 8l2-.9L8 5l3-1 2 2 2-.5 2 .9 1.5 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\r\n      <symbol id=\"i-calc\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M8 9h8M8 13h8M8 17h8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\r\n      <symbol id=\"i-faq\" viewBox=\"0 0 24 24\"><path d=\"M12 18h0M9.5 9.5a3.5 3.5 0 1 1 5.5 3c-.9.6-1.5 1.3-1.5 2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\r\n      <symbol id=\"i-phone\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92V21a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.13A19.5 19.5 0 0 1 3.13 8.81 19.8 19.8 0 0 1 0 2.18 2 2 0 0 1 2 0h4.09A2 2 0 0 1 8.1 1.72c.12.9.37 1.78.73 2.61a2 2 0 0 1-.45 2.11L7.09 8.09a16 16 0 0 0 6.82 6.82l1.65-1.65a2 2 0 0 1 2.11-.45c.83.36 1.71.61 2.61.73A2 2 0 0 1 22 16.92Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"slh-progress\" id=\"slh-progress\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"slh-wrap\">\r\n    <!-- \u041b\u043e\u0433\u043e\u0442\u0438\u043f -->\r\n    <a href=\"\/\" class=\"slh-brand\" aria-label=\"Soft Leasing \u2014 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0443\u044e\">\r\n      <span class=\"slh-mark\">\r\n        <img class=\"slh-logo\" id=\"slh-logo\"\r\n             src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/soft-logo1.png\"\r\n             alt=\"Soft Leasing\" loading=\"eager\" decoding=\"async\">\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <!-- \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f -->\r\n    <nav class=\"slh-nav\" aria-label=\"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043c\u0435\u043d\u044e\">\r\n      <a class=\"slh-link\" href=\"#offers\">\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>\r\n      <a class=\"slh-link\" href=\"#catalog\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/a>\r\n      <a class=\"slh-link\" href=\"#benefits\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/a>\r\n      <a class=\"slh-link\" href=\"#calc\">\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n      <a class=\"slh-link\" href=\"#faq\">FAQ<\/a>\r\n      <a class=\"slh-link\" href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n      <a class=\"slh-cta\" href=\"#lead\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430 \u0438\u0437 \u0448\u0430\u043f\u043a\u0438\">\r\n        <span class=\"glow\" aria-hidden=\"true\"><\/span>\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\r\n      <\/a>\r\n    <\/nav>\r\n\r\n    <!-- \u0411\u0443\u0440\u0433\u0435\u0440 (\u0438\u043a\u043e\u043d\u043a\u0430 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u0430, \u0441\u0442\u0438\u043b\u0438 \u0441 !important) -->\r\n    <button class=\"slh-burger\" id=\"slh-burger\" aria-label=\"\u041c\u0435\u043d\u044e\" aria-controls=\"slh-panel\" aria-expanded=\"false\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <line x1=\"3\" y1=\"6\"  x2=\"21\" y2=\"6\"  style=\"stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important;\"><\/line>\r\n        <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" style=\"stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important;\"><\/line>\r\n        <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" style=\"stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important;\"><\/line>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c -->\r\n  <div class=\"slh-panel\" id=\"slh-panel\" data-open=\"false\" aria-hidden=\"true\">\r\n    <div class=\"slh-dim\" id=\"slh-dim\"><\/div>\r\n    <div class=\"slh-sheet\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u041c\u0435\u043d\u044e\">\r\n      <div class=\"slh-mhead\">\r\n        <div class=\"slh-brand\" aria-hidden=\"true\">\r\n          <span class=\"slh-mark\"><img decoding=\"async\" class=\"slh-logo\" alt=\"\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/soft-logo1.png\" loading=\"lazy\"><\/span>\r\n        <\/div>\r\n        <button class=\"slh-mclose\" id=\"slh-close\" aria-label=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <line x1=\"4\" y1=\"4\"  x2=\"20\" y2=\"20\" style=\"stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important;\"><\/line>\r\n            <line x1=\"20\" y1=\"4\" x2=\"4\"  y2=\"20\" style=\"stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important;\"><\/line>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n      <nav class=\"slh-mnav\">\r\n        <a href=\"#offers\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-star\"\/><\/svg>\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>\r\n        <a href=\"#catalog\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-box\"\/><\/svg>\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/a>\r\n        <a href=\"#benefits\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-gear\"\/><\/svg>\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/a>\r\n        <a href=\"#calc\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-calc\"\/><\/svg>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n        <a href=\"#faq\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-faq\"\/><\/svg>FAQ<\/a>\r\n        <a href=\"#contact\"><svg viewBox=\"0 0 24 24\"><use href=\"#i-phone\"\/><\/svg>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n      <\/nav>\r\n      <div class=\"slh-mcta\">\r\n        <a class=\"slh-cta\" href=\"#lead\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430 (\u043c\u043e\u0431) \u0438\u0437 \u043c\u0435\u043d\u044e\"><span class=\"glow\" aria-hidden=\"true\"><\/span>\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n        <a class=\"slh-cta alt\" href=\"#calc\"><span class=\"glow\" aria-hidden=\"true\"><\/span>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const header  = document.getElementById('slh');\r\n      const progress= document.getElementById('slh-progress');\r\n      const burger  = document.getElementById('slh-burger');\r\n      const panel   = document.getElementById('slh-panel');\r\n      const closeBt = document.getElementById('slh-close');\r\n      const dim     = document.getElementById('slh-dim');\r\n      const links   = [...document.querySelectorAll('.slh-nav .slh-link')];\r\n\r\n      \/* WP admin bar offset *\/\r\n      const admin = document.getElementById('wpadminbar');\r\n      if (admin){ document.documentElement.style.setProperty('--wp-admin-offset', admin.offsetHeight + 'px'); }\r\n\r\n      \/* Scroll: \u0442\u0435\u043d\u044c + \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 + \u0441\u0442\u0435\u043a\u043b\u043e *\/\r\n      const onScroll = () => {\r\n        const y = window.scrollY;\r\n        const h = document.documentElement.scrollHeight - window.innerHeight;\r\n        const p = h > 0 ? Math.min(1, Math.max(0, y \/ h)) : 0;\r\n        progress.style.transform = 'scaleX('+p+')';\r\n        header.classList.toggle('slh--shadow', y > 2);\r\n        header.classList.toggle('slh--glass', y > 6);\r\n      };\r\n      window.addEventListener('scroll', onScroll, {passive:true});\r\n      onScroll();\r\n\r\n      \/* \u0410\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043f\u043e \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\r\n      const targets = links.map(a => {\r\n        const sel = a.getAttribute('href');\r\n        try { return document.querySelector(sel); } catch(e) { return null; }\r\n      }).filter(Boolean);\r\n\r\n      if ('IntersectionObserver' in window && targets.length){\r\n        const io = new IntersectionObserver((ents)=>{\r\n          ents.forEach(e=>{\r\n            if (e.isIntersecting){\r\n              const id = '#'+e.target.id;\r\n              links.forEach(l => l.classList.toggle('is-active', l.getAttribute('href')===id));\r\n            }\r\n          });\r\n        }, {rootMargin:'-40% 0px -55% 0px', threshold:0});\r\n        targets.forEach(t => io.observe(t));\r\n      }\r\n\r\n      \/* \u041f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430 CTA *\/\r\n      document.querySelectorAll('.slh-cta').forEach(btn=>{\r\n        const glow = btn.querySelector('.glow');\r\n        btn.addEventListener('pointermove', e=>{\r\n          const r = btn.getBoundingClientRect();\r\n          glow && glow.style.setProperty('--mx', ((e.clientX-r.left)\/r.width*100)+'%');\r\n          glow && glow.style.setProperty('--my', ((e.clientY-r.top)\/r.height*100)+'%');\r\n        });\r\n      });\r\n\r\n      \/* ===== \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e ===== *\/\r\n      const focusables = () => panel.querySelectorAll('a, button, [tabindex]:not([tabindex=\"-1\"])');\r\n\r\n      function openPanel(){\r\n        panel.dataset.open='true';\r\n        panel.setAttribute('aria-hidden','false');\r\n        burger.setAttribute('aria-expanded','true');\r\n        document.documentElement.style.overflow='hidden';\r\n        document.body.style.overflow='hidden';\r\n        setTimeout(()=>{ focusables()[0]?.focus?.({preventScroll:true}); }, 0);\r\n      }\r\n\r\n      function closePanel(){\r\n        if (panel.contains(document.activeElement)) { document.activeElement.blur(); }\r\n        panel.dataset.open='false';\r\n        panel.setAttribute('aria-hidden','true');\r\n        burger.setAttribute('aria-expanded','false');\r\n        document.documentElement.style.overflow='';\r\n        document.body.style.overflow='';\r\n        burger?.focus?.({preventScroll:true});\r\n      }\r\n\r\n      burger && burger.addEventListener('click', openPanel);\r\n      closeBt && closeBt.addEventListener('click', closePanel);\r\n      dim && dim.addEventListener('click', closePanel);\r\n\r\n      panel.addEventListener('keydown', e=>{\r\n        if (e.key==='Escape') { e.preventDefault(); closePanel(); }\r\n        if (e.key==='Tab'){\r\n          const f = [...focusables()];\r\n          if (!f.length) return;\r\n          const first=f[0], last=f[f.length-1];\r\n          if (e.shiftKey && document.activeElement===first){ e.preventDefault(); last.focus(); }\r\n          else if (!e.shiftKey && document.activeElement===last){ e.preventDefault(); first.focus(); }\r\n        }\r\n      });\r\n\r\n      panel.querySelectorAll('a').forEach(a=> a.addEventListener('click', closePanel));\r\n\r\n      \/* \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 -> \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u044f\u043a\u043e\u0440\u0435\u0439 \u0438 \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\r\n      function setAnchorOffset(){\r\n        const h = header?.offsetHeight || 84;\r\n        document.documentElement.style.setProperty('--anchor-offset', h + 'px');\r\n      }\r\n      setAnchorOffset();\r\n      new ResizeObserver(setAnchorOffset).observe(header);\r\n      window.addEventListener('load', setAnchorOffset);\r\n    })();\r\n  <\/script>\r\n<\/header>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66753c3 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"66753c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b92273f elementor-widget elementor-widget-html\" data-id=\"b92273f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-hero sl-hero--full light\" aria-label=\"Soft Leasing \u2014 \u043f\u0440\u043e\u043c\u043e-\u0441\u043b\u0430\u0439\u0434\u0435\u0440\" id=\"hero\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-white:#ffffff;\r\n      --sl-ink:#0f1c24;\r\n\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-max:100%;\r\n      --sl-radius-xl:24px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.12);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n      --sl-h1:clamp(28px,5vw,54px);\r\n      --sl-sub:clamp(16px,2.2vw,22px);\r\n      --sl-btn:16px;\r\n\r\n      --sl-btn-primary-bg: rgb(var(--slc-accent));\r\n      --sl-btn-primary-fg: #ffffff;\r\n      --sl-btn-secondary-bg: rgba(var(--slc-sky), .14);\r\n      --sl-btn-secondary-fg: rgb(var(--slc-accent));\r\n\r\n      \/* \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u044f\u043a\u043e\u0440\u0435\u0439 (\u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0442\u0438\u0435 \u0444\u0438\u043a\u0441-\u0445\u0435\u0434\u0435\u0440\u043e\u043c) *\/\r\n      --anchor-offset: 80px;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED c safe-areas \u0438 \u0431\u0435\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430 ===== *\/\r\n    .sl-hero--full{\r\n      position:relative; isolation:isolate;\r\n      width:100dvw;\r\n      inset-inline: calc(50% - 50dvw);\r\n      overflow:hidden;\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 700px at 15% -10%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 90% 18%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(560px 360px at 20% 32%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(460px 300px at 78% 72%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        radial-gradient(700px 420px at 50% 0%, rgba(255,255,255,.6), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, var(--sl-bg-0), #f8fbfe);\r\n    }\r\n    @supports not (width:100dvw){\r\n      .sl-hero--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n\r\n    .sl-hero--full{ margin-bottom: clamp(10px,2vw,18px); }\r\n\r\n    .sl-hero .wrap{\r\n      max-width:var(--sl-max); margin:auto;\r\n      padding: clamp(26px,4vw,46px) max(clamp(16px,4vw,28px), env(safe-area-inset-left))\r\n                                 clamp(26px,4vw,46px) max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      position:relative; z-index:2;\r\n    }\r\n\r\n    \/* ===== SLIDER ===== *\/\r\n    .sl-slider{\r\n      position:relative; z-index:2;\r\n      border-radius:18px;\r\n      overflow:hidden;\r\n      box-shadow: var(--sl-shadow);\r\n      background:#fff;\r\n      touch-action: pan-y; \/* \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u043c \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\r\n    }\r\n    .sl-track{\r\n      display:flex; width:100%;\r\n      transition: transform .6s cubic-bezier(.2,.7,.2,1);\r\n      will-change: transform;\r\n    }\r\n    .sl-slide{\r\n      min-width:100%;\r\n      display:grid; align-items:center;\r\n      grid-template-columns: minmax(300px,560px) minmax(280px,520px);\r\n      justify-content:center;\r\n      gap: clamp(28px,6vw,64px);\r\n      min-height: min(72vh, 680px);\r\n      box-sizing:border-box;\r\n      padding: clamp(14px,2vw,20px);\r\n      background:linear-gradient(180deg,#fff,rgba(255,255,255,.92));\r\n    }\r\n    .sl-slide[aria-hidden=\"true\"]{ pointer-events:none; }\r\n\r\n    \/* \u0422\u0435\u043a\u0441\u0442 *\/\r\n    .sl-left .kicker{\r\n      display:inline-flex;align-items:center;gap:10px;\r\n      padding:10px 14px;border-radius:999px;\r\n      background: rgba(var(--slc-sky), .12);\r\n      color: rgb(var(--slc-accent));\r\n      font:600 14px\/1 var(--sl-font);\r\n      border:1px solid rgba(var(--slc-sky), .22);\r\n      backdrop-filter: blur(6px);\r\n    }\r\n    .sl-left .kicker .dot{ width:8px;height:8px;border-radius:50%; background: rgb(var(--slc-accent)); box-shadow:0 0 0 6px rgba(var(--slc-accent), .15); }\r\n    .sl-left h1{ font:800 var(--sl-h1)\/1.1 var(--sl-font); margin:18px 0 10px; }\r\n    .sl-left p.sub{ font:400 var(--sl-sub)\/1.55 var(--sl-font); color:#24485a; max-width:58ch; }\r\n    .sl-ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }\r\n    .sl-btn{\r\n      --bg: var(--sl-btn-primary-bg); --fg: var(--sl-btn-primary-fg);\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:14px 18px; border-radius:14px; font:700 var(--sl-btn)\/1 var(--sl-font);\r\n      background:var(--bg); color:var(--fg); text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.06); box-shadow:var(--sl-shadow);\r\n      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n      will-change: transform;\r\n    }\r\n    .sl-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 36px rgba(var(--slc-deep), .18); color:var(--fg); }\r\n    .sl-btn:active{ transform:translateY(0); box-shadow:var(--sl-shadow); color:var(--fg); }\r\n    .sl-btn.secondary{ --bg: var(--sl-btn-secondary-bg); --fg: var(--sl-btn-secondary-fg); border:1px solid rgba(var(--slc-sky), .35); }\r\n    .sl-btn.secondary:hover{ color:var(--fg); }\r\n\r\n    \/* \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 *\/\r\n    .sl-art{ display:grid;place-items:center; }\r\n    .sl-hero-img{ width:100%; height:auto; display:block; object-fit:contain; }\r\n\r\n    \/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f *\/\r\n    .sl-arrow{\r\n      position:absolute; top:50%; translate:0 -50%;\r\n      width:42px;height:42px;border-radius:50%;\r\n      background:#fff; border:1px solid rgba(var(--slc-sky), .35);\r\n      box-shadow:var(--sl-shadow);\r\n      display:grid; place-items:center; cursor:pointer;\r\n      transition:transform .2s ease, background .2s ease;\r\n      z-index:3;\r\n    }\r\n    .sl-arrow svg{ width:20px; height:20px; fill:rgb(var(--slc-accent)); }\r\n    .sl-arrow:hover{ transform: translateY(-1px); }\r\n    .sl-arrow.prev{ left:16px; }\r\n    .sl-arrow.next{ right:16px; }\r\n\r\n    .sl-dots{\r\n      position:absolute; left:50%; bottom:14px; translate:-50% 0;\r\n      display:flex; gap:8px;\r\n      background:rgba(255,255,255,.92); padding:6px 10px; border-radius:999px;\r\n      border:1px solid rgba(var(--slc-sky), .35); backdrop-filter:blur(8px);\r\n      box-shadow:var(--sl-shadow); z-index:3;\r\n    }\r\n    .sl-dot{\r\n      width:12px;height:12px;border-radius:50%;\r\n      background:rgba(var(--slc-sky), .38); cursor:pointer; border:1px solid rgba(var(--slc-sky), .55);\r\n      transition:transform .2s ease, background .2s ease;\r\n    }\r\n    .sl-dot[aria-current=\"true\"]{ background:rgb(var(--slc-accent)); transform:scale(1.15); }\r\n\r\n    \/* Canvas-\u043e\u0431\u043b\u0430\u043a\u0430 \u043f\u043e\u0434 \u0432\u0441\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c *\/\r\n    .sl-canvas{ position:absolute; inset:0; z-index:1; width:100%; height:100%; display:block; pointer-events:none; }\r\n\r\n    \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432 *\/\r\n    @media (min-width:981px){\r\n      .sl-slide{ grid-template-columns: minmax(300px,540px) minmax(320px,640px); }\r\n      .sl-hero-img{ transform: scale(1.06); transform-origin:center; }\r\n      .sl-arrow.prev{ left:24px; } .sl-arrow.next{ right:24px; }\r\n    }\r\n    @media (max-width:980px){\r\n      .sl-slide{ grid-template-columns: 1fr; justify-content:center; min-height: min(70vh, 640px); }\r\n      \/* \u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445\/\u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\r\n      .sl-arrow{ display:none; }\r\n    }\r\n    @media (max-width:560px){\r\n      .sl-dots{ bottom:10px; gap:6px; padding:5px 8px; }\r\n      \/* \u0442\u043e\u0447\u043a\u0438 \u0432 2 \u0440\u0430\u0437\u0430 \u043c\u0435\u043d\u044c\u0448\u0435 *\/\r\n      .sl-dot{ width:6px; height:6px; }\r\n      .sl-btn{ width:100%; }\r\n    }\r\n\r\n    \/* ===== \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e: \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u044f\u043a\u043e\u0440\u0435\u0439 \u043f\u043e\u0434 \u0444\u0438\u043a\u0441-\u0445\u0435\u0434\u0435\u0440 ===== *\/\r\n    [id]{ scroll-margin-top: calc(var(--anchor-offset, 80px) + 10px); }\r\n  <\/style>\r\n\r\n  <!-- Canvas-\u043e\u0431\u043b\u0430\u043a\u0430 -->\r\n  <canvas class=\"sl-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"sl-slider\" data-autoplay=\"6000\" aria-roledescription=\"carousel\">\r\n      <div class=\"sl-track\" role=\"region\" aria-label=\"\u041f\u0440\u043e\u043c\u043e-\u0441\u043b\u0430\u0439\u0434\u044b\">\r\n        <!-- 1 -->\r\n        <article class=\"sl-slide\" aria-roledescription=\"slide\" aria-label=\"\u041e\u043d\u043b\u0430\u0439\u043d-\u043b\u0438\u0437\u0438\u043d\u0433\" aria-hidden=\"false\">\r\n          <div class=\"sl-left\">\r\n            <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Soft Leasing \u2014 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/div>\r\n            <h1>\u041b\u0438\u0437\u0438\u043d\u0433 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0438 \u0430\u0432\u0442\u043e<br>\u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e<\/h1>\r\n            <p class=\"sub\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0440\u0430\u0441\u0447\u0451\u0442 \u0438 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u0435 \u043e\u043d\u043b\u0430\u0439\u043d. \u041c\u044f\u0433\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d, \u044f\u0441\u043d\u044b\u0435 \u0446\u0438\u0444\u0440\u044b \u2014 \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435.<\/p>\r\n            <div class=\"sl-ctas\">\r\n              <a class=\"sl-btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043b\u0438\u0437\u0438\u043d\u0433<\/a>\r\n              <a class=\"sl-btn secondary\" href=\"#offer\">\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sl-art\">\r\n            <img class=\"sl-hero-img\"\r\n                 src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79480fc3-b4f8-4d0b-9f37-8ae88e02eed7.png\"\r\n                 alt=\"Soft Leasing \u2014 \u043f\u0440\u043e\u043c\u043e\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 2 -->\r\n        <article class=\"sl-slide\" aria-roledescription=\"slide\" aria-label=\"\u0412\u044b\u0433\u043e\u0434\u0430 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\" aria-hidden=\"true\">\r\n          <div class=\"sl-left\">\r\n            <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span> \u0423\u0434\u043e\u0431\u043d\u043e \u0438 \u0432\u044b\u0433\u043e\u0434\u043d\u043e<\/div>\r\n            <h1>\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0438 \u0441\u0435\u0440\u0432\u0438\u0441<br>\u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435<\/h1>\r\n            <p class=\"sub\">\u041d\u0430\u043b\u043e\u0433\u043e\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430, \u043f\u043e\u043c\u043e\u0449\u044c \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430, \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u0438 \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0432\u044b\u0434\u0430\u0447\u0430 \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u043e\u043a\u043d\u0435.<\/p>\r\n            <div class=\"sl-ctas\">\r\n              <a class=\"sl-btn\" href=\"#benefits\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/a>\r\n              <a class=\"sl-btn secondary\" href=\"#support\">\u0421\u043b\u0443\u0436\u0431\u0430 \u0437\u0430\u0431\u043e\u0442\u044b<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sl-art\">\r\n            <img class=\"sl-hero-img\"\r\n                 src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/2e0496fb-9c00-428e-8218-c8686d19ecd2.png\"\r\n                 alt=\"\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0438 \u0441\u0435\u0440\u0432\u0438\u0441 \u2014 \u043f\u0440\u043e\u043c\u043e\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 3 -->\r\n        <article class=\"sl-slide\" aria-roledescription=\"slide\" aria-label=\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\u0438 \u0438 \u0431\u0440\u0435\u043d\u0434\u044b\" aria-hidden=\"true\">\r\n          <div class=\"sl-left\">\r\n            <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span> \u0428\u0438\u0440\u043e\u043a\u0438\u0439 \u0432\u044b\u0431\u043e\u0440<\/div>\r\n            <h1>\u041a\u0430\u0442\u0430\u043b\u043e\u0433\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<br>\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043f\u0430\u043a\u0435\u0442\u044b<\/h1>\r\n            <p class=\"sub\">\u041b\u0435\u0433\u043a\u043e\u0432\u044b\u0435, \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435, \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430 - \u043f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u0432\u0430\u0448 \u0431\u044e\u0434\u0436\u0435\u0442 \u0438 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\r\n            <div class=\"sl-ctas\">\r\n              <a class=\"sl-btn\" href=\"#catalog\">\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043a\u0430\u0442\u0430\u043b\u043e\u0433<\/a>\r\n              <a class=\"sl-btn secondary\" href=\"#contact\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sl-art\">\r\n            <img class=\"sl-hero-img\"\r\n                 src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79beb439-9280-400f-84d5-73c469f6bd63.png\"\r\n                 alt=\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0431\u0440\u0435\u043d\u0434\u043e\u0432 \u2014 \u043f\u0440\u043e\u043c\u043e\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f -->\r\n      <button class=\"sl-arrow prev\" type=\"button\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 4.5L8 12l7.5 7.5\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"sl-arrow next\" type=\"button\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\r\n        <svg viewBox=\"0 0 24 24\" style=\"transform:scaleX(-1)\"><path d=\"M15.5 4.5L8 12l7.5 7.5\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"sl-dots\" role=\"tablist\" aria-label=\"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0441\u043b\u0430\u0439\u0434\u043e\u0432\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/* Canvas-\u043e\u0431\u043b\u0430\u043a\u0430 (\u043f\u043e\u0434 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c) *\/\r\n    (function(){\r\n      const canvas = document.querySelector('#hero .sl-canvas');\r\n      if(!canvas) return;\r\n      const ctx = canvas.getContext('2d',{alpha:true});\r\n      let DPR = Math.max(1, Math.min(2, window.devicePixelRatio||1));\r\n      let W=0, H=0, RAF=null, clouds=[];\r\n\r\n      function size(){\r\n        const r = canvas.getBoundingClientRect();\r\n        W = (r.width|0); H = (r.height|0);\r\n        canvas.width = W*DPR; canvas.height = H*DPR;\r\n        canvas.style.width = W+'px'; canvas.style.height = H+'px';\r\n        ctx.setTransform(DPR,0,0,DPR,0,0);\r\n        const n = Math.max(10, Math.round((W*H)\/(1400*800)*14));\r\n        clouds = Array.from({length:n}, ()=>({\r\n          x: Math.random()*W, y: Math.random()*H,\r\n          r: 140 + Math.random()*240,\r\n          a: 0.10 + Math.random()*0.15,\r\n          vx:(Math.random()-.5)*0.06, vy:(Math.random()-.5)*0.06\r\n        }));\r\n      }\r\n      function draw(){\r\n        ctx.clearRect(0,0,W,H);\r\n        for(const c of clouds){\r\n          c.x+=c.vx; c.y+=c.vy;\r\n          if(c.x<-c.r) c.x=W+c.r; if(c.x>W+c.r) c.x=-c.r;\r\n          if(c.y<-c.r) c.y=H+c.r; if(c.y>H+c.r) c.y=-c.r;\r\n          const g = ctx.createRadialGradient(c.x,c.y, c.r*0.08, c.x,c.y,c.r);\r\n          g.addColorStop(0, `rgba(255,255,255,${0.85*c.a})`);\r\n          g.addColorStop(.45, `rgba(230,242,249,${0.7*c.a})`);\r\n          g.addColorStop(1, `rgba(255,255,255,0)`);\r\n          ctx.fillStyle=g; ctx.beginPath(); ctx.arc(c.x,c.y,c.r,0,Math.PI*2); ctx.fill();\r\n        }\r\n        RAF = requestAnimationFrame(draw);\r\n      }\r\n      const media = matchMedia('(prefers-reduced-motion: reduce)');\r\n      function start(){ if(media.matches) return; stop(); RAF=requestAnimationFrame(draw); }\r\n      function stop(){ if(RAF) cancelAnimationFrame(RAF); }\r\n\r\n      size(); start();\r\n      new ResizeObserver(size).observe(canvas);\r\n      document.addEventListener('visibilitychange', ()=> document.hidden?stop():start(), {passive:true});\r\n      media.addEventListener?.('change', ()=> media.matches?stop():start(), {passive:true});\r\n    })();\r\n\r\n    \/* \u0421\u043b\u0430\u0439\u0434\u0435\u0440 + \u0441\u0432\u0430\u0439\u043f *\/\r\n    (function(){\r\n      const root  = document.getElementById('hero');\r\n      const slider= root.querySelector('.sl-slider');\r\n      const track = root.querySelector('.sl-track');\r\n      const slides= [...track.children];\r\n      const dots  = root.querySelector('.sl-dots');\r\n      const nextB = root.querySelector('.sl-arrow.next');\r\n      const prevB = root.querySelector('.sl-arrow.prev');\r\n      const AUTOPLAY = +(slider?.dataset.autoplay||6000);\r\n\r\n      let i=0, timer=null;\r\n\r\n      slides.forEach((_,idx)=>{\r\n        const d=document.createElement('button');\r\n        d.className='sl-dot'; d.type='button';\r\n        d.setAttribute('role','tab'); d.setAttribute('aria-label',`\u0421\u043b\u0430\u0439\u0434 ${idx+1}`);\r\n        d.addEventListener('click',()=>go(idx,true));\r\n        dots.appendChild(d);\r\n      });\r\n\r\n      function apply(offsetPx=0){\r\n        const w = track.clientWidth || 1;\r\n        const base = -i*w;\r\n        track.style.transform = `translate3d(${base+offsetPx}px,0,0)`;\r\n      }\r\n      function update(){\r\n        \/\/ \u0432\u0435\u0440\u043d\u0451\u043c transition \u043f\u043e\u0441\u043b\u0435 \u0436\u0435\u0441\u0442\u043e\u0432\r\n        track.style.transition = 'transform .6s cubic-bezier(.2,.7,.2,1)';\r\n        apply();\r\n        slides.forEach((s,idx)=> s.setAttribute('aria-hidden', idx===i?'false':'true'));\r\n        [...dots.children].forEach((d,idx)=> d.setAttribute('aria-current', idx===i?'true':'false'));\r\n      }\r\n      function go(n, stopAuto=false){ i=(n+slides.length)%slides.length; update(); if(stopAuto) restart(); }\r\n      function next(stopAuto=false){ go(i+1, stopAuto); }\r\n      function prev(stopAuto=false){ go(i-1, stopAuto); }\r\n\r\n      function start(){ timer=setInterval(()=>next(), AUTOPLAY); }\r\n      function stop(){ clearInterval(timer); timer=null; }\r\n      function restart(){ stop(); start(); }\r\n\r\n      nextB.addEventListener('click', ()=>next(true));\r\n      prevB.addEventListener('click', ()=>prev(true));\r\n\r\n      \/* ===== \u0421\u0432\u0430\u0439\u043f \u043f\u0430\u043b\u044c\u0446\u0435\u043c (pointer events) ===== *\/\r\n      let isTouching=false, startX=0, dx=0;\r\n      const THRESHOLD = 50; \/\/ \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u0434\u043b\u044f \u0441\u043c\u0435\u043d\u044b \u0441\u043b\u0430\u0439\u0434\u0430\r\n\r\n      slider.addEventListener('pointerdown', (e)=>{\r\n        if(e.pointerType!=='touch') return; \/\/ \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0430\u0447\r\n        isTouching=true; startX=e.clientX; dx=0;\r\n        stop();\r\n        track.style.transition='none'; \/\/ \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u0435\r\n        slider.setPointerCapture(e.pointerId);\r\n      });\r\n\r\n      slider.addEventListener('pointermove', (e)=>{\r\n        if(!isTouching) return;\r\n        dx = e.clientX - startX;\r\n        \/\/ \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0442\u044f\u0433\u0430 \u2014 \u0441\u043c\u0435\u0449\u0430\u0435\u043c \u0442\u0440\u0435\u043a\r\n        apply(dx);\r\n        \/\/ \u0435\u0441\u043b\u0438 \u0436\u0435\u0441\u0442 \u044f\u0432\u043d\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u2014 \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\r\n        if(Math.abs(dx) > 8) e.preventDefault();\r\n      }, {passive:false});\r\n\r\n      function endSwipe(e){\r\n        if(!isTouching) return;\r\n        isTouching=false;\r\n        slider.releasePointerCapture?.(e.pointerId);\r\n        if(Math.abs(dx) > THRESHOLD){\r\n          dx>0 ? prev(true) : next(true);\r\n        }else{\r\n          update(); \/\/ \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430 \u043c\u0435\u0441\u0442\u043e\r\n        }\r\n        dx=0;\r\n      }\r\n      slider.addEventListener('pointerup', endSwipe);\r\n      slider.addEventListener('pointercancel', endSwipe);\r\n      slider.addEventListener('pointerleave', endSwipe);\r\n\r\n      update(); start();\r\n      document.addEventListener('visibilitychange', ()=> document.hidden?stop():start(), {passive:true});\r\n    })();\r\n\r\n    \/* \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e: \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0444\u0438\u043a\u0441-\u0445\u0435\u0434\u0435\u0440\u0430 \u0434\u043b\u044f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u044f\u043a\u043e\u0440\u0435\u0439 *\/\r\n    (function(){\r\n      const header = document.getElementById('slh');\r\n      function setAnchorOffset(){\r\n        const h = (header?.offsetHeight||80);\r\n        document.documentElement.style.setProperty('--anchor-offset', h+'px');\r\n      }\r\n      setAnchorOffset();\r\n      window.addEventListener('resize', setAnchorOffset, {passive:true});\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1b54be e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"c1b54be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c40eea0 elementor-widget elementor-widget-html\" data-id=\"c40eea0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-offers sl-offers--full\" id=\"offers\" aria-label=\"\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-white:#ffffff;\r\n      --sl-ink:#0f1c24;\r\n\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ---- \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0432 ---- *\/\r\n    .sl-offers--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;                     \/* \u0432\u043c\u0435\u0441\u0442\u043e 100vw *\/\r\n      inset-inline: calc(50% - 50dvw);  \/* \u0432\u043c\u0435\u0441\u0442\u043e left\/right+margin hacks *\/\r\n      background:\r\n        radial-gradient(900px 420px at 85% 0%, var(--sl-bg-1), transparent 65%),\r\n        radial-gradient(700px 380px at 15% 25%, var(--sl-bg-2), transparent 65%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      color:var(--sl-ink);\r\n      padding: clamp(28px,5vw,48px) 0 clamp(36px,6vw,60px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-offers--full{\r\n        width:100vw;\r\n        inset-inline: calc(50% - 50vw);\r\n      }\r\n    }\r\n\r\n    .sl-offers::before{\r\n      content:\"\"; position:absolute; inset: -40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.9), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n    .sl-offers .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      position:relative; z-index:1;\r\n      padding-inline: clamp(16px,4vw,28px);\r\n      \/* \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0437\u043e\u043d\u044b \u0434\u043b\u044f \u0432\u044b\u0440\u0435\u0437\u043e\u0432\/\u0436\u0435\u0441\u0442\u043e\u0432 \u043d\u0430 iOS *\/\r\n      padding-left:  max(clamp(16px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .sl-offers .head{\r\n      display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap;\r\n      margin-bottom: 18px;\r\n    }\r\n    .sl-offers h2{ font: 800 clamp(22px,3.8vw,36px)\/1.15 var(--sl-font); margin:0; }\r\n    .sl-offers .sub{ font: 400 clamp(14px,2vw,18px)\/1.55 var(--sl-font); color:#285064; max-width:60ch; }\r\n\r\n    \/* \u0422\u0430\u0431\u044b *\/\r\n    .sl-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 22px; }\r\n    .sl-tab{\r\n      --bg: rgba(var(--slc-sky), .12); --bd: rgba(var(--slc-sky), .28); --fg: rgb(var(--slc-accent));\r\n      display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px;\r\n      background:var(--bg); color:var(--fg); border:1px solid var(--bd); cursor:pointer;\r\n      font:600 14px\/1 var(--sl-font); transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n    .sl-tab:focus-visible{ outline:2px solid rgba(var(--slc-accent), .45); outline-offset:2px; }\r\n    .sl-tab[aria-selected=\"true\"]{ --bg: rgb(var(--slc-accent)); --bd: rgba(0,0,0,.06); --fg:#fff; box-shadow:0 10px 24px rgba(var(--slc-deep), .18); }\r\n\r\n    \/* \u0421\u0435\u0442\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\r\n    .sl-cards{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; align-items:stretch; }\r\n    .sl-card{\r\n      grid-column: span 4;\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.94));\r\n      border:1px solid rgba(var(--slc-sky), .30);\r\n      border-radius: var(--sl-radius-xl);\r\n      box-shadow: var(--sl-shadow);\r\n      padding:16px; display:flex; flex-direction:column; gap:14px;\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n    .sl-card:hover{ transform: translateY(-4px); box-shadow:0 18px 44px rgba(var(--slc-deep), .16); }\r\n\r\n    .sl-card .brand{ display:flex; align-items:center; gap:10px; font:700 16px\/1 var(--sl-font); color:#123f52; }\r\n    .sl-card .badge{\r\n      margin-left:auto; font:700 12px\/1 var(--sl-font);\r\n      color:#0d3b4c; background: rgba(var(--slc-sky), .18);\r\n      border:1px solid rgba(var(--slc-sky), .35); border-radius:999px; padding:6px 10px; backdrop-filter: blur(4px);\r\n    }\r\n\r\n    .sl-card .ph{\r\n      aspect-ratio:16\/9; border-radius:16px; overflow:hidden; position:relative;\r\n      display:grid; place-items:center; padding:8px;\r\n      background: linear-gradient(180deg,#f9fdff,#eef6fb);\r\n      border:1px solid rgba(var(--slc-sky), .20);\r\n    }\r\n    .sl-card .ph.has-img{ background:transparent; border:0; }\r\n    .sl-card .car-img{\r\n      width:100%; height:100%; object-fit:contain; display:block; image-rendering:-webkit-optimize-contrast;\r\n      max-width:100%; height:auto; \/* \u0441\u0442\u0430\u0431\u0438\u043b\u0438\u0437\u0430\u0442\u043e\u0440 *\/\r\n    }\r\n\r\n    .sl-card .meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; color:#285064; font:600 14px\/1.3 var(--sl-font); }\r\n    .sl-card .price{ font:800 16px\/1 var(--sl-font); color: rgb(var(--slc-accent)); }\r\n\r\n    .sl-card .btn{\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:12px 14px; border-radius:12px; background: rgb(var(--slc-accent)); color:#fff; text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.06); box-shadow: var(--sl-shadow); font:700 14px\/1 var(--sl-font);\r\n      transition: transform .2s ease, box-shadow .2s ease;\r\n    }\r\n    .sl-card .btn:hover{ transform: translateY(-2px); box-shadow:0 14px 32px rgba(var(--slc-deep), .16); }\r\n\r\n    .sl-card[hidden]{ display:none !important; }\r\n\r\n    @media (max-width:1180px){ .sl-card{ grid-column: span 6; } }\r\n\r\n    \/* ---- \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u043b\u0435\u043d\u0442\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u043a\u0435 ---- *\/\r\n    @media (max-width:860px){\r\n      .sl-cards{\r\n        display:flex; gap:12px; overflow:auto;\r\n        scroll-snap-type:x mandatory;\r\n        padding: 0 16px 6px;               \/* \u043f\u043e\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u043a\u0440\u0430\u0439\u043d\u0438\u0435 \u043d\u0435 \u043e\u0431\u0440\u0435\u0437\u0430\u043b\u0438\u0441\u044c *\/\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-padding-inline:16px;\r\n      }\r\n      .sl-card{\r\n        flex: 0 0 88%;\r\n        min-width:auto;\r\n        scroll-snap-align:start;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"head\">\r\n      <div>\r\n        <h2>\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h2>\r\n        <p class=\"sub\">\u041f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u043f\u043e\u0434 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442 \u2014 \u043b\u0435\u0433\u043a\u043e\u0432\u044b\u0435, \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435, \u0433\u0440\u0443\u0437\u043e\u0432\u044b\u0435, \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0422\u0430\u0431\u044b -->\r\n    <div class=\"sl-tabs\" role=\"tablist\" aria-label=\"\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438\">\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"true\" data-cat=\"all\">\u0412\u0441\u0435<\/button>\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"car\">\u041b\u0435\u0433\u043a\u043e\u0432\u044b\u0435<\/button>\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"van\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435<\/button>\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"truck\">\u0413\u0440\u0443\u0437\u043e\u0432\u044b\u0435<\/button>\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"spec\">\u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/button>\r\n      <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"equip\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/button>\r\n    <\/div>\r\n\r\n    <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 -->\r\n    <div class=\"sl-cards\">\r\n      <!-- HAVAL -->\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Haval H9 <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Haval H9\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/2a49c07fdd51.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041b\u0435\u0433\u043a\u043e\u0432\u043e\u0439 \u0430\u0432\u0442\u043e<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Haval H6 <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Haval H6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/fdef62d65d55.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Haval Dargo <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Haval Dargo\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/e0b87e2e1492.png\"><\/div>\r\n        <div class=\"meta\"><span>SUV<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Haval Jolion <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Haval Jolion\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/b1ec17c03177.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Haval M6 <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Haval M6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/f252a22bce05.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <!-- GWM -->\r\n      <article class=\"sl-card\" data-cat=\"truck\">\r\n        <div class=\"brand\">GWM Wingle 7 <span class=\"badge\">\u041f\u0438\u043a\u0430\u043f<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"GWM Wingle 7\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/9547ec1bc8c9.png\"><\/div>\r\n        <div class=\"meta\"><span>\u0413\u0440\u0443\u0437\u043e\u0432\u044b\u0435 \/ \u041f\u0438\u043a\u0430\u043f<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <!-- KIA \/ Kia -->\r\n      <article class=\"sl-card\" data-cat=\"van\">\r\n        <div class=\"brand\">Kia Bongo III <span class=\"badge\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Bongo III\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/d666e4b0-f426-4bce-ac9d-836b3b6aff2d.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Sportage <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Sportage\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/de932158-a5f0-4e94-920e-54abb99d3f95.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia EV6 <span class=\"badge\">\u042d\u043b\u0435\u043a\u0442\u0440\u043e<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia EV6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/e8d3d2cb-86d6-41b0-8d3d-87f66da8deab.png\"><\/div>\r\n        <div class=\"meta\"><span>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043c\u043e\u0431\u0438\u043b\u044c<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Cerato <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Cerato\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/bf8cc3f5-cb22-4f4b-8083-80ae6c1948d3.png\"><\/div>\r\n        <div class=\"meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Seltos <span class=\"badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Seltos\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/a9e31253-772c-4f8d-b025-10872c5c8219.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia K9 <span class=\"badge\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia K9\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79480fc3-b4f8-4d0b-9f37-8ae88e02eed7.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0435\u0434\u0430\u043d<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Sorento <span class=\"badge\">7 \u043c\u0435\u0441\u0442<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Sorento\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/190ba1fb-09f0-48ee-92d2-80b6fe995bb4.png\"><\/div>\r\n        <div class=\"meta\"><span>SUV<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia K5 <span class=\"badge\">\u0425\u0438\u0442<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia K5\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/81ed6d70-8a72-4d2c-8277-3cf6594692ad.png\"><\/div>\r\n        <div class=\"meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia K8 <span class=\"badge\">\u041d\u043e\u0432\u0438\u043d\u043a\u0430<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia K8\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79beb439-9280-400f-84d5-73c469f6bd63.png\"><\/div>\r\n        <div class=\"meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Sonet <span class=\"badge\">\u041a\u043e\u043c\u043f\u0430\u043a\u0442<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Sonet\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/37aacb47-ae98-4b56-a7e3-e86398899a3f.png\"><\/div>\r\n        <div class=\"meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"car\">\r\n        <div class=\"brand\">Kia Carens <span class=\"badge\">7 \u043c\u0435\u0441\u0442<\/span><\/div>\r\n        <div class=\"ph\"><img decoding=\"async\" class=\"car-img\" loading=\"lazy\" alt=\"Kia Carens\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/2e0496fb-9c00-428e-8218-c8686d19ecd2.png\"><\/div>\r\n        <div class=\"meta\"><span>MPV<\/span><span class=\"price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n      <\/article>\r\n\r\n      <!-- \u0417\u0430\u0433\u043b\u0443\u0448\u043a\u0438 \u0434\u043b\u044f \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0431\u0435\u0437 \u0441\u043f\u0438\u0441\u043a\u0430 -->\r\n      <article class=\"sl-card\" data-cat=\"spec\">\r\n        <div class=\"brand\">\u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430 <span class=\"badge\">\u0421\u043a\u043e\u0440\u043e<\/span><\/div>\r\n        <div class=\"ph\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 256 256\"><rect x=\"24\" y=\"86\" width=\"208\" height=\"62\" rx=\"12\" fill=\"rgba(31,80,100,.10)\"\/><rect x=\"36\" y=\"98\" width=\"100\" height=\"12\" rx=\"6\" fill=\"rgba(31,80,100,.28)\"\/><rect x=\"36\" y=\"116\" width=\"142\" height=\"10\" rx=\"5\" fill=\"rgba(31,80,100,.22)\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"meta\"><span>\u042d\u043a\u0441\u043a\u0430\u0432\u0430\u0442\u043e\u0440\u044b, \u043f\u043e\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0438 \u0434\u0440.<\/span><span class=\"price\">\u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443<\/span><\/div>\r\n        <a class=\"btn\" href=\"#contact\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"sl-card\" data-cat=\"equip\">\r\n        <div class=\"brand\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 <span class=\"badge\">\u0421\u043a\u043e\u0440\u043e<\/span><\/div>\r\n        <div class=\"ph\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 256 256\"><rect x=\"22\" y=\"78\" width=\"212\" height=\"78\" rx=\"12\" fill=\"rgba(31,80,100,.10)\"\/><rect x=\"34\" y=\"92\" width=\"84\" height=\"14\" rx=\"7\" fill=\"rgba(31,80,100,.32)\"\/><rect x=\"34\" y=\"114\" width=\"160\" height=\"10\" rx=\"5\" fill=\"rgba(31,80,100,.22)\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"meta\"><span>\u0421\u0442\u0430\u043d\u043a\u0438, \u0418\u0422 \u0438 \u0434\u0440.<\/span><span class=\"price\">\u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443<\/span><\/div>\r\n        <a class=\"btn\" href=\"#contact\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ \u0424\u0438\u043b\u044c\u0442\u0440 \u043f\u043e \u0442\u0430\u0431\u0430\u043c + \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c \u043f\u043e \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435 + \u0444\u043b\u0430\u0433 has-img \u0434\u043b\u044f PNG\r\n    (function(){\r\n      const root  = document.currentScript.closest('.sl-offers');\r\n      const tabs  = [...root.querySelectorAll('.sl-tab')];\r\n      const cards = [...root.querySelectorAll('.sl-card')];\r\n\r\n      \/\/ PNG \u0432\u043d\u0443\u0442\u0440\u0438 .ph \u2014 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0440\u0435\u0436\u0438\u043c \u0431\u0435\u0437 \u0444\u043e\u043d\u0430\/\u0440\u0430\u043c\u043a\u0438\r\n      root.querySelectorAll('.ph').forEach(ph=>{\r\n        const img = ph.querySelector('img');\r\n        if(!img) return;\r\n        const set = ()=> ph.classList.add('has-img');\r\n        if(img.complete && img.naturalWidth) set(); else img.addEventListener('load', set, {once:true});\r\n      });\r\n\r\n      function apply(cat){\r\n        cards.forEach(c=>{\r\n          if(cat==='all' || c.dataset.cat===cat) c.removeAttribute('hidden');\r\n          else c.setAttribute('hidden','');\r\n        });\r\n      }\r\n      tabs.forEach((t,i)=>{\r\n        t.addEventListener('click', ()=>{\r\n          tabs.forEach(b=> b.setAttribute('aria-selected','false'));\r\n          t.setAttribute('aria-selected','true');\r\n          apply(t.dataset.cat);\r\n        });\r\n        t.addEventListener('keydown', (e)=>{\r\n          if(e.key!=='ArrowRight' && e.key!=='ArrowLeft') return;\r\n          e.preventDefault();\r\n          const dir = e.key==='ArrowRight' ? 1 : -1;\r\n          const next = (i + dir + tabs.length) % tabs.length;\r\n          tabs[next].focus(); tabs[next].click();\r\n        });\r\n      });\r\n      (tabs.find(t=>t.getAttribute('aria-selected')==='true') || tabs[0]).click();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7246039 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"7246039\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c04380f elementor-widget elementor-widget-html\" data-id=\"c04380f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-benefits sl-benefits--full\" id=\"benefits\" aria-label=\"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED (\u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0432\u044c\u044e\u043f\u043e\u0440\u0442) ===== *\/\r\n    .sl-benefits--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;                                  \/* \u0432\u043c\u0435\u0441\u0442\u043e 100vw *\/\r\n      inset-inline: calc(50% - 50dvw);               \/* \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u044b\u0439 \u0444\u0443\u043b\u043b-\u0431\u043b\u0438\u0434 *\/\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 520px at 15% 0%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 85% 20%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(520px 320px at 20% 78%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(520px 320px at 80% 78%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      padding: clamp(32px,6vw,60px) 0 clamp(40px,7vw,80px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-benefits--full{\r\n        width:100vw;\r\n        inset-inline: calc(50% - 50vw);\r\n      }\r\n    }\r\n    .sl-benefits--full::before{\r\n      content:\"\"; position:absolute; inset: -40px 0 auto 0; height:80px;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.85), rgba(255,255,255,0));\r\n      pointer-events:none; z-index:0;\r\n    }\r\n\r\n    .sl-benefits .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(16px,4vw,28px);\r\n      \/* \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0437\u043e\u043d\u044b \u0434\u043b\u044f \u0432\u044b\u0440\u0435\u0437\u043e\u0432\/\u0436\u0435\u0441\u0442\u043e\u0432 iOS *\/\r\n      padding-left:  max(clamp(16px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box; position:relative; z-index:1;\r\n    }\r\n\r\n    .sl-benefits .head{\r\n      display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap;\r\n      margin-bottom: clamp(18px,3vw,28px);\r\n    }\r\n    .sl-benefits h2{\r\n      font:800 clamp(22px,3.8vw,36px)\/1.15 var(--sl-font); margin:0;\r\n    }\r\n    .sl-benefits .sub{\r\n      font: 400 clamp(14px,2vw,18px)\/1.55 var(--sl-font); color:#2a5165; max-width:70ch;\r\n    }\r\n\r\n    \/* ===== \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u00ab\u0441\u0444\u0435\u0440\u044b\u00bb ===== *\/\r\n    .sl-orb{\r\n      position:absolute; border-radius:999px; filter: blur(2px);\r\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,.0) 60%),\r\n                  radial-gradient(circle at 70% 70%, rgba(180,210,230,.25), rgba(180,210,230,0) 70%);\r\n      opacity:.7; pointer-events:none; animation: float 14s ease-in-out infinite;\r\n    }\r\n    .sl-orb.o1{ width:260px; height:260px; left:-80px; top:10%; animation-delay:-2s; }\r\n    .sl-orb.o2{ width:220px; height:220px; right:-70px; top:35%; animation-delay:-6s; }\r\n    .sl-orb.o3{ width:300px; height:300px; right:10%; bottom:-120px; animation-delay:-4s; }\r\n    @keyframes float{\r\n      0%,100%{ transform: translateY(0) translateX(0); }\r\n      50%{ transform: translateY(-16px) translateX(8px); }\r\n    }\r\n\r\n    \/* ===== \u0422\u0440\u0438 \u0448\u0430\u0433\u0430 ===== *\/\r\n    .sl-steps{\r\n      display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; margin-bottom: clamp(22px,4vw,36px);\r\n    }\r\n    .sl-step{ grid-column: span 4; perspective: 900px; }\r\n    .sl-step .card{\r\n      position:relative; border-radius: var(--sl-radius-xl);\r\n      padding:20px 18px;\r\n      background: linear-gradient(180deg, #ffffff, rgba(255,255,255,.92));\r\n      border:1px solid rgba(var(--slc-sky), .30);\r\n      box-shadow: var(--sl-shadow);\r\n      transform-style: preserve-3d;\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n      will-change: transform;\r\n    }\r\n    .sl-step .card::before{\r\n      content:\"\"; position:absolute; inset:-1px;\r\n      border-radius: inherit; padding:1px;\r\n      background: conic-gradient(from 180deg at 50% 50%, rgba(31,80,100,.0), rgba(31,80,100,.12), rgba(31,80,100,.0) 60%);\r\n      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n      -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none;\r\n      opacity:.65; transition: opacity .2s ease;\r\n    }\r\n    .sl-step .card:hover{ box-shadow:0 18px 44px rgba(var(--slc-deep), .16); }\r\n    .sl-step .card:hover::before{ opacity:1; }\r\n\r\n    .sl-step .top{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }\r\n    .sl-step .num{\r\n      width:34px; height:34px; border-radius:999px; flex:0 0 auto;\r\n      display:grid; place-items:center; font:800 14px\/1 var(--sl-font); color:#fff;\r\n      background: rgb(var(--slc-accent));\r\n      box-shadow: 0 6px 14px rgba(var(--slc-accent), .32);\r\n    }\r\n    .sl-step .ttl{ font:800 18px\/1.2 var(--sl-font); color:#123f52; }\r\n    .sl-step .txt{ font:600 14px\/1.55 var(--sl-font); color:#2b566a; }\r\n\r\n    \/* ===== \u0418\u043a\u043e\u043d\u043a\u0438 ===== *\/\r\n    .sl-ico{\r\n      width:48px; height:48px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto;\r\n      background: rgba(var(--slc-sky), .12); border:1px solid rgba(var(--slc-sky), .30);\r\n      box-shadow: var(--sl-shadow); color: rgb(var(--slc-accent));\r\n    }\r\n    .sl-ico svg{\r\n      width:22px; height:22px;\r\n      stroke: currentColor; fill: none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; opacity:.95;\r\n      max-width:100%;\r\n    }\r\n\r\n    \/* ===== \u0421\u0435\u0442\u043a\u0430 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432 ===== *\/\r\n    .sl-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; }\r\n    .sl-benefit{ grid-column: span 3; }\r\n\r\n    @media (max-width:1180px){\r\n      .sl-step{ grid-column: span 6; }\r\n      .sl-benefit{ grid-column: span 6; }\r\n    }\r\n    @media (max-width:760px){\r\n      .sl-step{ grid-column: span 12; }\r\n      .sl-benefit{ grid-column: span 12; }\r\n    }\r\n\r\n    .sl-benefit .card{\r\n      position:relative; border-radius: 18px; padding:18px 16px;\r\n      background: linear-gradient(180deg,#ffffff,rgba(255,255,255,.92));\r\n      border:1px solid rgba(var(--slc-sky), .28);\r\n      box-shadow: var(--sl-shadow);\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n    }\r\n    .sl-benefit .card:hover{ transform: translateY(-4px); box-shadow:0 18px 44px rgba(var(--slc-deep), .16); }\r\n    .sl-benefit .ttl{ font:800 16px\/1.2 var(--sl-font); color:#123f52; margin-bottom:6px; display:flex; align-items:center; gap:10px; }\r\n    .sl-benefit .txt{ font:600 14px\/1.5 var(--sl-font); color:#2b566a; }\r\n\r\n    \/* CTA *\/\r\n    .sl-cta{\r\n      display:flex; align-items:center; justify-content:center; gap:12px;\r\n      margin-top: clamp(22px,4vw,36px);\r\n      flex-wrap:wrap;                          \/* \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f\u0442\u0441\u044f *\/\r\n    }\r\n    .sl-btn{\r\n      --bg: rgb(var(--slc-accent)); --fg: #fff;\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:14px 18px; border-radius:14px; font:700 16px\/1 var(--sl-font);\r\n      background:var(--bg); color:var(--fg); text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.06); box-shadow:var(--sl-shadow);\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n      position:relative; overflow:hidden;\r\n    }\r\n    .sl-btn:hover{ transform: translateY(-2px); box-shadow:0 16px 36px rgba(var(--slc-deep), .18); color:#fff; }\r\n    .sl-btn .glow{\r\n      position:absolute; inset:-40% -20%; background: radial-gradient(200px 200px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.35), rgba(255,255,255,0));\r\n      pointer-events:none; transition: background-position .1s;\r\n    }\r\n    @media (max-width:560px){\r\n      .sl-btn{ width:100%; }                  \/* \u043d\u0430 \u0443\u0437\u043a\u0438\u0445 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 *\/\r\n    }\r\n\r\n    \/* Reveal *\/\r\n    .reveal{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }\r\n    .reveal.in-view{ opacity:1; transform: translateY(0); }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .sl-orb{ animation:none; }\r\n      .sl-step .card, .sl-benefit .card, .reveal{ transition:none; }\r\n      .sl-btn{ transition:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0441\u0444\u0435\u0440\u044b -->\r\n  <span class=\"sl-orb o1\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sl-orb o2\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sl-orb o3\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"head reveal\">\r\n      <h2>\u0412\u0441\u0435\u0433\u043e 3 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0448\u0430\u0433\u0430<\/h2>\r\n      <p class=\"sub\">\u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u043d\u043b\u0430\u0439\u043d. \u0412\u0441\u0451 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e, \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 24\/7.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 \u0448\u0430\u0433\u0430 -->\r\n    <div class=\"sl-steps\">\r\n      <div class=\"sl-step reveal\">\r\n        <!-- \u2705 \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u043f\u043e\u043f-\u0430\u043f\u0430 -->\r\n        <div class=\"card fx-tilt\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u043f\u0440\u043e\u0441 \u0438 \u0440\u0430\u0441\u0447\u0451\u0442\" role=\"button\" tabindex=\"0\" style=\"cursor:pointer\">\r\n          <div class=\"top\">\r\n            <div class=\"num\">1<\/div>\r\n            <div class=\"ttl\">\u0417\u0430\u043f\u0440\u043e\u0441 \u0438 \u0440\u0430\u0441\u0447\u0451\u0442<\/div>\r\n            <div class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- calculator -->\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"2\"><\/rect>\r\n                <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\"><\/line>\r\n                <line x1=\"8\" y1=\"12\" x2=\"10\" y2=\"12\"><\/line>\r\n                <line x1=\"11.5\" y1=\"12\" x2=\"13.5\" y2=\"12\"><\/line>\r\n                <line x1=\"8\" y1=\"15\" x2=\"10\" y2=\"15\"><\/line>\r\n                <line x1=\"12\" y1=\"14\" x2=\"16\" y2=\"14\"><\/line>\r\n                <line x1=\"12\" y1=\"16\" x2=\"16\" y2=\"16\"><\/line>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"txt\">\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u043d\u043e\u0441 \u0438 \u0441\u0440\u043e\u043a \u2014 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0434\u0430\u0451\u0442 \u043f\u043b\u0430\u0442\u0451\u0436 \u0432 UZS \u0441\u0440\u0430\u0437\u0443.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sl-step reveal\">\r\n        <!-- \u2705 \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u043f\u043e\u043f-\u0430\u043f\u0430 -->\r\n        <div class=\"card fx-tilt\" data-sl-open=\"lead\" data-sl-subject=\"\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043e\u043d\u043b\u0430\u0439\u043d\" role=\"button\" tabindex=\"0\" style=\"cursor:pointer\">\r\n          <div class=\"top\">\r\n            <div class=\"num\">2<\/div>\r\n            <div class=\"ttl\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043e\u043d\u043b\u0430\u0439\u043d<\/div>\r\n            <div class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- shield-check -->\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 4 19 8v5c0 5-3.5 7.5-7 9-3.5-1.5-7-4-7-9V8l7-4z\"><\/path>\r\n                <path d=\"M9 12l2 2 4-4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"txt\">\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0435 \u042d\u0426\u041f. \u0411\u0435\u0437 \u043e\u0444\u0438\u0441\u043e\u0432 \u0438 \u043e\u0447\u0435\u0440\u0435\u0434\u0435\u0439 \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u043e\u043a\u043d\u0435.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sl-step reveal\">\r\n        <!-- \u2705 \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u043f\u043e\u043f-\u0430\u043f\u0430 -->\r\n        <div class=\"card fx-tilt\" data-sl-open=\"lead\" data-sl-subject=\"\u0412\u044b\u0434\u0430\u0447\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\" role=\"button\" tabindex=\"0\" style=\"cursor:pointer\">\r\n          <div class=\"top\">\r\n            <div class=\"num\">3<\/div>\r\n            <div class=\"ttl\">\u0412\u044b\u0434\u0430\u0447\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/div>\r\n            <div class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- truck -->\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"7\" width=\"10\" height=\"7\" rx=\"1\"><\/rect>\r\n                <path d=\"M13 10h4l3 3v1h-7z\"><\/path>\r\n                <circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle>\r\n                <circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"txt\">\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438 \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430. \u041f\u043b\u0430\u0442\u0435\u0436\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435, \u0434\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0435 \u043f\u043e\u0433\u0430\u0448\u0435\u043d\u0438\u0435 \u2014 \u0431\u0435\u0437 \u0448\u0442\u0440\u0430\u0444\u043e\u0432.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 -->\r\n    <div class=\"sl-grid\">\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- clock-check -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                <path d=\"M12 8v4l3 2\"><\/path>\r\n                <path d=\"M8.5 12.5l2 2 4-4\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0442 15 \u043c\u0438\u043d\u0443\u0442\r\n          <\/div>\r\n          <p class=\"txt\">\u0410\u0432\u0442\u043e\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u044f\u0432\u043a\u0438 \u0438 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- file-signature -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12V8z\"><\/path>\r\n                <path d=\"M14 2v6h6\"><\/path>\r\n                <path d=\"M7.5 16c1.6-1.6 2.6 1.6 4.2 0s2.6 1 4.2 0\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            \u041e\u043d\u043b\u0430\u0439\u043d-\u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\r\n          <\/div>\r\n          <p class=\"txt\">\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u042d\u0426\u041f \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u2014 \u0431\u0435\u0437 \u0432\u0438\u0437\u0438\u0442\u0430 \u0432 \u043e\u0444\u0438\u0441.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- receipt -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M6 3h10l2 2 2-2v18l-2-2-2 2-2-2-2 2-2-2-2 2V3z\"><\/path>\r\n                <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\"><\/line>\r\n                <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n              <\/svg>\r\n            <\/span>\r\n            \u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438\r\n          <\/div>\r\n          <p class=\"txt\">\u0424\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0433\u0440\u0430\u0444\u0438\u043a, \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u0438 \u0443\u0434\u043e\u0431\u043d\u0430\u044f \u043e\u043f\u043b\u0430\u0442\u0430 \u0432 UZS.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- sliders -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line>\r\n                <circle cx=\"9\" cy=\"6\" r=\"2\"><\/circle>\r\n                <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"><\/line>\r\n                <circle cx=\"15\" cy=\"12\" r=\"2\"><\/circle>\r\n                <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line>\r\n                <circle cx=\"11\" cy=\"18\" r=\"2\"><\/circle>\r\n              <\/svg>\r\n            <\/span>\r\n            \u0413\u0438\u0431\u043a\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\r\n          <\/div>\r\n          <p class=\"txt\">\u0414\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0435 \u043f\u043e\u0433\u0430\u0448\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u0448\u0442\u0440\u0430\u0444\u043e\u0432, buy-out \u043f\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0438 \u0441\u0440\u043e\u043a\u0430.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- headset -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 12a8 8 0 0 1 16 0v5a3 3 0 0 1-3 3h-2\"><\/path>\r\n                <path d=\"M4 12v5a3 3 0 0 0 3 3h2\"><\/path>\r\n                <rect x=\"3\" y=\"11\" width=\"3\" height=\"6\" rx=\"1\"><\/rect>\r\n                <rect x=\"18\" y=\"11\" width=\"3\" height=\"6\" rx=\"1\"><\/rect>\r\n              <\/svg>\r\n            <\/span>\r\n            \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 24\/7\r\n          <\/div>\r\n          <p class=\"txt\">\u041b\u0438\u0447\u043d\u044b\u0439 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0438 \u0447\u0430\u0442-\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u2014 \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0430 \u0441\u0432\u044f\u0437\u0438.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- grid 2x2 -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"><\/rect>\r\n                <rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"><\/rect>\r\n                <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"><\/rect>\r\n                <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"><\/rect>\r\n              <\/svg>\r\n            <\/span>\r\n            \u041b\u044e\u0431\u0430\u044f \u0442\u0435\u0445\u043d\u0438\u043a\u0430\r\n          <\/div>\r\n          <p class=\"txt\">\u041b\u0435\u0433\u043a\u043e\u0432\u044b\u0435, \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435, \u0433\u0440\u0443\u0437\u043e\u0432\u044b\u0435, \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- layers -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 3l9 5-9 5-9-5 9-5z\"><\/path>\r\n                <path d=\"M3 12l9 5 9-5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            \u0415\u0434\u0438\u043d\u043e\u0435 \u043e\u043a\u043d\u043e\r\n          <\/div>\r\n          <p class=\"txt\">\u041e\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u0431\u0440\u0435\u043d\u0434\u0430 \u0434\u043e \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u2014 \u0432\u0441\u0451 \u0443 \u043d\u0430\u0441.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"sl-benefit reveal\">\r\n        <div class=\"card\">\r\n          <div class=\"ttl\">\r\n            <span class=\"sl-ico\" aria-hidden=\"true\">\r\n              <!-- file-time -->\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12V8z\"><\/path>\r\n                <path d=\"M14 2v6h6\"><\/path>\r\n                <circle cx=\"12\" cy=\"14\" r=\"4\"><\/circle>\r\n                <path d=\"M12 12v2l1 1\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n            \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0437\u0430 1 \u0434\u0435\u043d\u044c\r\n          <\/div>\r\n          <p class=\"txt\">\u0413\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u043e\u0433\u043e\u0432\u043e\u0440 \u0438 \u0432\u044b\u0434\u0430\u0447\u0443 \u0431\u0435\u0437 \u0437\u0430\u0434\u0435\u0440\u0436\u0435\u043a.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"sl-cta reveal\">\r\n      <a class=\"sl-btn\" href=\"#calc\">\r\n        <span class=\"glow\" aria-hidden=\"true\"><\/span>\r\n        \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043f\u043b\u0430\u0442\u0451\u0436\r\n      <\/a>\r\n      <a class=\"sl-btn\" style=\"--bg: rgba(var(--slc-sky), .14); --fg: rgb(var(--slc-accent)); color:var(--fg); border:1px solid rgba(var(--slc-sky), .35)\" href=\"#contact\">\r\n        <span class=\"glow\" aria-hidden=\"true\"><\/span>\r\n        \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Reveal on scroll\r\n    (function(){\r\n      const items = document.querySelectorAll('#benefits .reveal');\r\n      const io = new IntersectionObserver((ents)=>{\r\n        ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); } });\r\n      }, {threshold: .15});\r\n      items.forEach(el=> io.observe(el));\r\n    })();\r\n\r\n    \/\/ \u041b\u0451\u0433\u043a\u0438\u0439 3D tilt \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0448\u0430\u0433\u043e\u0432\r\n    (function(){\r\n      const cards = document.querySelectorAll('#benefits .fx-tilt');\r\n      const max = 10; \/\/ \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432\r\n      const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      if (reduce) return cards.forEach(c=> c.classList.remove('fx-tilt'));\r\n\r\n      cards.forEach(card=>{\r\n        let rAF;\r\n        function onMove(e){\r\n          const b = card.getBoundingClientRect();\r\n          const px = (e.clientX - b.left) \/ b.width - .5;\r\n          const py = (e.clientY - b.top)  \/ b.height - .5;\r\n          cancelAnimationFrame(rAF);\r\n          rAF = requestAnimationFrame(()=>{\r\n            card.style.transform = `rotateX(${(-py*max).toFixed(2)}deg) rotateY(${(px*max).toFixed(2)}deg)`;\r\n          });\r\n        }\r\n        function reset(){ card.style.transform=''; }\r\n        card.addEventListener('pointermove', onMove);\r\n        card.addEventListener('pointerleave', reset);\r\n\r\n        \/\/ \u0414\u0435\u043b\u0430\u0435\u043c \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u043e \u043a\u043b\u0438\u043a\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u043c\u0438 (Enter\/Space)\r\n        card.addEventListener('keydown', (e)=>{\r\n          if ((e.key === 'Enter' || e.key === ' ') && card.dataset.slOpen === 'lead'){\r\n            e.preventDefault();\r\n            card.click();\r\n          }\r\n        });\r\n      });\r\n    })();\r\n\r\n    \/\/ \u00ab\u043c\u0430\u0433\u043d\u0438\u0442\u043d\u043e\u0435\u00bb \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435 \u0443 CTA \u043a\u043d\u043e\u043f\u043e\u043a\r\n    (function(){\r\n      const btns = document.querySelectorAll('#benefits .sl-btn');\r\n      btns.forEach(b=>{\r\n        const glow = b.querySelector('.glow');\r\n        b.addEventListener('pointermove', (e)=>{\r\n          const r = b.getBoundingClientRect();\r\n          const x = ((e.clientX - r.left) \/ r.width)*100;\r\n          const y = ((e.clientY - r.top)  \/ r.height)*100;\r\n          glow && (glow.style.setProperty('--mx', x+'%'), glow.style.setProperty('--my', y+'%'));\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9c1fa0 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"a9c1fa0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6c6512 elementor-widget elementor-widget-html\" data-id=\"b6c6512\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-catalog sl-catalog--full\" id=\"catalog\" aria-label=\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0430\u0432\u0442\u043e\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-white:#ffffff;\r\n      --sl-ink:#0f1c24;\r\n\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED (\u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0432\u044c\u044e\u043f\u043e\u0440\u0442) ===== *\/\r\n    .sl-catalog--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;\r\n      inset-inline: calc(50% - 50dvw);\r\n      background:\r\n        radial-gradient(950px 440px at 85% 0%, var(--sl-bg-1), transparent 65%),\r\n        radial-gradient(720px 380px at 15% 25%, var(--sl-bg-2), transparent 65%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      color:var(--sl-ink);\r\n      padding: clamp(30px,5vw,56px) 0 clamp(40px,6vw,66px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-catalog--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n    .sl-catalog--full::before{\r\n      content:\"\"; position:absolute; inset:-40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.9), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n    .sl-catalog .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(16px,4vw,28px);\r\n      padding-left:  max(clamp(16px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box; position:relative; z-index:1;\r\n    }\r\n\r\n    \/* ===== HEAD ===== *\/\r\n    .sc-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:14px; }\r\n    .sc-head h2{ font:800 clamp(22px,3.8vw,36px)\/1.15 var(--sl-font); margin:0; }\r\n    .sc-sub{ font:400 clamp(14px,2vw,18px)\/1.55 var(--sl-font); color:#285064; max-width:72ch; }\r\n\r\n    \/* ===== CONTROLS ===== *\/\r\n    .sc-controls{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:16px 0 22px; }\r\n    .chip-row{ display:flex; gap:10px; flex-wrap:wrap; }\r\n    .chip{\r\n      --bg: rgba(var(--slc-sky), .12); --bd: rgba(var(--slc-sky), .28); --fg: rgb(var(--slc-accent));\r\n      display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;\r\n      background:var(--bg); color:var(--fg); border:1px solid var(--bd); cursor:pointer;\r\n      font:600 14px\/1 var(--sl-font); transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n    .chip[aria-pressed=\"true\"]{ --bg: rgb(var(--slc-accent)); --bd: rgba(0,0,0,.06); --fg:#fff; box-shadow:0 10px 24px rgba(var(--slc-deep), .18); }\r\n    .chip:focus-visible{ outline:2px solid rgba(var(--slc-accent), .45); outline-offset:2px; }\r\n\r\n    .sc-count{ margin-left:auto; color:#2a5165; font:600 13px\/1 var(--sl-font); }\r\n\r\n    \/* ===== GRID ===== *\/\r\n    .sc-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; align-items:stretch; }\r\n    .c-card{\r\n      grid-column: span 3;\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.94));\r\n      border:1px solid rgba(var(--slc-sky), .30); border-radius: var(--sl-radius-xl);\r\n      box-shadow: var(--sl-shadow); padding:14px; display:flex; flex-direction:column; gap:12px;\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n    .c-card:hover{ transform: translateY(-4px); box-shadow:0 18px 44px rgba(var(--slc-deep), .16); }\r\n\r\n    .c-head{ display:flex; align-items:center; gap:10px; }\r\n    .c-title{ font:800 16px\/1.1 var(--sl-font); color:#123f52; }\r\n    .c-badge{ margin-left:auto; font:700 12px\/1 var(--sl-font); color:#0d3b4c; background: rgba(var(--slc-sky), .18); border:1px solid rgba(var(--slc-sky), .35); border-radius:999px; padding:6px 10px; }\r\n\r\n    .c-ph{ aspect-ratio:16\/9; border-radius:16px; overflow:hidden; position:relative; display:grid; place-items:center; padding:8px; background:transparent; border:0; }\r\n    .c-img{ width:100%; height:100%; object-fit:contain; display:block; image-rendering:-webkit-optimize-contrast; max-width:100%; height:auto; }\r\n\r\n    .c-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; color:#285064; font:600 13px\/1.3 var(--sl-font); }\r\n    .c-price{ font:800 15px\/1 var(--sl-font); color: rgb(var(--slc-accent)); }\r\n\r\n    .c-cta{ display:flex; gap:10px; margin-top:6px; }\r\n    .c-cta .btn{\r\n      display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:12px;\r\n      background: rgb(var(--slc-accent)); color:#fff; text-decoration:none; border:1px solid rgba(0,0,0,.06); box-shadow: var(--sl-shadow);\r\n      font:800 13px\/1 var(--sl-font); transition: transform .2s ease, box-shadow .2s ease;\r\n    }\r\n    .c-cta .btn:hover{ transform: translateY(-2px); box-shadow:0 14px 32px rgba(var(--slc-deep), .16); }\r\n    .c-cta .btn.ghost{ background: rgba(var(--slc-sky), .14); color: rgb(var(--slc-accent)); border:1px solid rgba(var(--slc-sky), .35); }\r\n    .c-cta .btn.ghost:hover{ transform: translateY(-2px); }\r\n\r\n    .c-card[hidden]{ display:none !important; }\r\n\r\n    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width:1280px){ .c-card{ grid-column: span 4; } }\r\n    @media (max-width:980px){ .c-card{ grid-column: span 6; } }\r\n    @media (max-width:720px){\r\n      .sc-controls{ gap:10px; }\r\n      .sc-grid{\r\n        display:flex; gap:12px; overflow:auto;\r\n        scroll-snap-type:x mandatory;\r\n        padding: 0 16px 6px;\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-padding-inline:16px;\r\n      }\r\n      .c-card{ scroll-snap-align:start; flex:0 0 88%; min-width:auto; }\r\n      .sc-count{ order:3; width:100%; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"sc-head\">\r\n      <div>\r\n        <h2>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0430\u0432\u0442\u043e<\/h2>\r\n        <p class=\"sc-sub\">\u0412\u044b\u0431\u0438\u0440\u0430\u0439\u0442\u0435 \u0438\u0437 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439. \u0424\u0438\u043b\u044c\u0442\u0440\u0443\u0439\u0442\u0435 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0443 \u0438 \u0442\u0438\u043f\u0443 \u043a\u0443\u0437\u043e\u0432\u0430 \u2014 \u0434\u0430\u043b\u0435\u0435 \u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443, \u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Controls (\u0431\u0435\u0437 \u043f\u043e\u0438\u0441\u043a\u0430 \u0438 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438) -->\r\n    <div class=\"sc-controls\" role=\"group\" aria-label=\"\u0424\u0438\u043b\u044c\u0442\u0440\u044b \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430\">\r\n      <div class=\"chip-row\" aria-label=\"\u0411\u0440\u0435\u043d\u0434\u044b\">\r\n        <button class=\"chip\" data-filter=\"brand\" data-value=\"all\" aria-pressed=\"true\">\u0412\u0441\u0435 \u0431\u0440\u0435\u043d\u0434\u044b<\/button>\r\n        <button class=\"chip\" data-filter=\"brand\" data-value=\"Haval\" aria-pressed=\"false\">Haval<\/button>\r\n        <button class=\"chip\" data-filter=\"brand\" data-value=\"Kia\" aria-pressed=\"false\">Kia<\/button>\r\n        <button class=\"chip\" data-filter=\"brand\" data-value=\"GWM\" aria-pressed=\"false\">GWM<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"chip-row\" aria-label=\"\u0422\u0438\u043f \u043a\u0443\u0437\u043e\u0432\u0430\">\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"all\" aria-pressed=\"true\">\u0412\u0441\u0435 \u0442\u0438\u043f\u044b<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"SUV\" aria-pressed=\"false\">SUV<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"Sedan\" aria-pressed=\"false\">\u0421\u0435\u0434\u0430\u043d<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"MPV\" aria-pressed=\"false\">MPV<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"Pickup\" aria-pressed=\"false\">\u041f\u0438\u043a\u0430\u043f<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"Commercial\" aria-pressed=\"false\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"Crossover\" aria-pressed=\"false\">\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/button>\r\n        <button class=\"chip\" data-filter=\"type\" data-value=\"EV\" aria-pressed=\"false\">\u042d\u043b\u0435\u043a\u0442\u0440\u043e<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"sc-count\" id=\"sc-count\" aria-live=\"polite\">\u041d\u0430\u0439\u0434\u0435\u043d\u043e: 0<\/div>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"sc-grid\" id=\"sc-grid\">\r\n      <!-- HAVAL -->\r\n      <article class=\"c-card\" data-brand=\"Haval\" data-type=\"SUV\" data-name=\"Haval H9\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Haval H9<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Haval H9\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/2a49c07fdd51.png\"><\/div>\r\n        <div class=\"c-meta\"><span>SUV<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Haval H9\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Haval\" data-type=\"Crossover\" data-name=\"Haval H6\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Haval H6<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Haval H6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/fdef62d65d55.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Haval H6\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Haval\" data-type=\"SUV\" data-name=\"Haval Dargo\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Haval Dargo<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Haval Dargo\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/e0b87e2e1492.png\"><\/div>\r\n        <div class=\"c-meta\"><span>SUV<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Haval Dargo\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Haval\" data-type=\"Crossover\" data-name=\"Haval Jolion\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Haval Jolion<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Haval Jolion\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/b1ec17c03177.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Haval Jolion\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Haval\" data-type=\"Crossover\" data-name=\"Haval M6\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Haval M6<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Haval M6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/f252a22bce05.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Haval M6\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- GWM -->\r\n      <article class=\"c-card\" data-brand=\"GWM\" data-type=\"Pickup\" data-name=\"GWM Wingle 7\">\r\n        <div class=\"c-head\"><div class=\"c-title\">GWM Wingle 7<\/div><span class=\"c-badge\">\u041f\u0438\u043a\u0430\u043f<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"GWM Wingle 7\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/9547ec1bc8c9.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041f\u0438\u043a\u0430\u043f<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: GWM Wingle 7\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KIA -->\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Commercial\" data-name=\"Kia Bongo III\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Bongo III<\/div><span class=\"c-badge\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Bongo III\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/d666e4b0-f426-4bce-ac9d-836b3b6aff2d.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Bongo III\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Crossover\" data-name=\"Kia Sportage\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Sportage<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Sportage\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/de932158-a5f0-4e94-920e-54abb99d3f95.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Sportage\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"EV\" data-name=\"Kia EV6\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia EV6<\/div><span class=\"c-badge\">\u042d\u043b\u0435\u043a\u0442\u0440\u043e<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia EV6\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/e8d3d2cb-86d6-41b0-8d3d-87f66da8deab.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043c\u043e\u0431\u0438\u043b\u044c<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia EV6\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Sedan\" data-name=\"Kia Cerato\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Cerato<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Cerato\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/bf8cc3f5-cb22-4f4b-8083-80ae6c1948d3.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Cerato\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Crossover\" data-name=\"Kia Seltos\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Seltos<\/div><span class=\"c-badge\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Seltos\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/a9e31253-772c-4f8d-b025-10872c5c8219.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Seltos\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Sedan\" data-name=\"Kia K9\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia K9<\/div><span class=\"c-badge\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia K9\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79480fc3-b4f8-4d0b-9f37-8ae88e02eed7.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0435\u0434\u0430\u043d<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia K9\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"SUV\" data-name=\"Kia Sorento\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Sorento<\/div><span class=\"c-badge\">7 \u043c\u0435\u0441\u0442<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Sorento\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/190ba1fb-09f0-48ee-92d2-80b6fe995bb4.png\"><\/div>\r\n        <div class=\"c-meta\"><span>SUV<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Sorento\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Sedan\" data-name=\"Kia K5\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia K5<\/div><span class=\"c-badge\">\u0425\u0438\u0442<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia K5\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/81ed6d70-8a72-4d2c-8277-3cf6594692ad.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia K5\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Sedan\" data-name=\"Kia K8\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia K8<\/div><span class=\"c-badge\">\u041d\u043e\u0432\u0438\u043d\u043a\u0430<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia K8\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/79beb439-9280-400f-84d5-73c469f6bd63.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u0421\u0435\u0434\u0430\u043d<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia K8\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"Crossover\" data-name=\"Kia Sonet\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Sonet<\/div><span class=\"c-badge\">\u041a\u043e\u043c\u043f\u0430\u043a\u0442<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Sonet\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/37aacb47-ae98-4b56-a7e3-e86398899a3f.png\"><\/div>\r\n        <div class=\"c-meta\"><span>\u041a\u0440\u043e\u0441\u0441\u043e\u0432\u0435\u0440<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Sonet\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"c-card\" data-brand=\"Kia\" data-type=\"MPV\" data-name=\"Kia Carens\">\r\n        <div class=\"c-head\"><div class=\"c-title\">Kia Carens<\/div><span class=\"c-badge\">7 \u043c\u0435\u0441\u0442<\/span><\/div>\r\n        <div class=\"c-ph\"><img decoding=\"async\" class=\"c-img\" loading=\"lazy\" alt=\"Kia Carens\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/2e0496fb-9c00-428e-8218-c8686d19ecd2.png\"><\/div>\r\n        <div class=\"c-meta\"><span>MPV<\/span><span class=\"c-price\">\u0440\u0430\u0441\u0447\u0451\u0442 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435<\/span><\/div>\r\n        <div class=\"c-cta\">\r\n          <a class=\"btn\" href=\"#calc\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/a>\r\n          <a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: Kia Carens\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u0417\u0430\u0433\u043b\u0443\u0448\u043a\u0430 \u00ab\u0421\u043a\u043e\u0440\u043e\u00bb -->\r\n      <article class=\"c-card\" data-brand=\"Other\" data-type=\"SUV\" data-name=\"\u041d\u043e\u0432\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b\">\r\n        <div class=\"c-head\"><div class=\"c-title\">\u041d\u043e\u0432\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b<\/div><span class=\"c-badge\">\u0421\u043a\u043e\u0440\u043e<\/span><\/div>\r\n        <div class=\"c-ph\" aria-hidden=\"true\">\r\n          <svg width=\"140\" height=\"56\" viewBox=\"0 0 280 112\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"opacity:.9;filter:drop-shadow(0 10px 22px rgba(31,80,100,.14))\">\r\n            <rect x=\"8\" y=\"34\" width=\"264\" height=\"44\" rx=\"12\" fill=\"rgba(31,80,100,.10)\"\/>\r\n            <rect x=\"20\" y=\"46\" width=\"96\" height=\"14\" rx=\"7\" fill=\"rgba(31,80,100,.32)\"\/>\r\n            <rect x=\"20\" y=\"66\" width=\"180\" height=\"10\" rx=\"5\" fill=\"rgba(31,80,100,.22)\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"c-meta\"><span>\u0421\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438<\/span><span class=\"c-price\">\u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443<\/span><\/div>\r\n        <div class=\"c-cta\"><a class=\"btn ghost\" href=\"#contact\" data-sl-open=\"lead\" data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430: \u043d\u043e\u0432\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.currentScript.closest('.sl-catalog');\r\n      const grid = root.querySelector('#sc-grid');\r\n      const cards = [...grid.querySelectorAll('.c-card')];\r\n      const chips = [...root.querySelectorAll('.chip')];\r\n      const count = root.querySelector('#sc-count');\r\n\r\n      const state = { brand:'all', type:'all' };\r\n\r\n      chips.forEach(chip=>{\r\n        chip.addEventListener('click', ()=>{\r\n          const group = chip.dataset.filter;\r\n          root.querySelectorAll(`.chip[data-filter=\"${group}\"]`).forEach(c=> c.setAttribute('aria-pressed','false'));\r\n          chip.setAttribute('aria-pressed','true');\r\n          state[group] = chip.dataset.value;\r\n          apply();\r\n        });\r\n      });\r\n\r\n      function apply(){\r\n        let shown = 0;\r\n        cards.forEach(card=>{\r\n          const brand = card.dataset.brand;\r\n          const type  = card.dataset.type;\r\n\r\n          const brandOk = state.brand==='all' || brand===state.brand;\r\n          const typeOk  = state.type==='all'  || type===state.type || (state.type==='EV' && type==='EV');\r\n\r\n          const ok = brandOk && typeOk;\r\n          card.toggleAttribute('hidden', !ok);\r\n          if(ok) shown++;\r\n        });\r\n        count.textContent = '\u041d\u0430\u0439\u0434\u0435\u043d\u043e: ' + shown;\r\n      }\r\n\r\n      \/\/ init\r\n      apply();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52721a5 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"52721a5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e395c elementor-widget elementor-widget-html\" data-id=\"34e395c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-calc sl-calc--full\" id=\"calc\" aria-label=\"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043b\u0438\u0437\u0438\u043d\u0433\u0430\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED (\u0430\u0434\u0430\u043f\u0442\u0438\u0432 \u0431\u0435\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430) ===== *\/\r\n    .sl-calc--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;\r\n      inset-inline: calc(50% - 50dvw);\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 520px at 12% 0%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 88% 18%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(560px 360px at 20% 82%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(520px 320px at 80% 78%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      padding: clamp(24px,6vw,60px) 0 clamp(30px,7vw,64px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-calc--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n    .sl-calc--full::before{\r\n      content:\"\"; position:absolute; inset:-40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.85), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n\r\n    .sl-calc .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(12px,4vw,28px);\r\n      padding-left:  max(clamp(12px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(12px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box; position:relative; z-index:1;\r\n    }\r\n\r\n    .sl-calc .head{\r\n      display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap;\r\n      margin-bottom: clamp(14px,3vw,28px);\r\n    }\r\n    .sl-calc h2{ font:800 clamp(20px,4.6vw,36px)\/1.15 var(--sl-font); margin:0; }\r\n    .sl-calc .sub{ font:400 clamp(13px,2.6vw,18px)\/1.55 var(--sl-font); color:#2a5165; max-width:70ch; }\r\n\r\n    \/* ===== \u0421\u0435\u0442\u043a\u0430: \u0441\u043b\u0435\u0432\u0430 \u0444\u043e\u0440\u043c\u0430, \u0441\u043f\u0440\u0430\u0432\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 ===== *\/\r\n    .sl-calc .grid{\r\n      display:grid; grid-template-columns: repeat(12, 1fr); gap:16px;\r\n    }\r\n    .sl-panel{\r\n      border-radius: var(--sl-radius-xl);\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.92));\r\n      border:1px solid rgba(var(--slc-sky), .30);\r\n      box-shadow: var(--sl-shadow);\r\n    }\r\n    .sl-form{ grid-column: span 7; padding:16px; }\r\n    .sl-result{ grid-column: span 5; padding:16px; position:relative; overflow:hidden; }\r\n\r\n    @media (max-width:1100px){\r\n      .sl-form{ grid-column: span 12; }\r\n      .sl-result{ grid-column: span 12; }\r\n    }\r\n\r\n    \/* ===== \u0424\u043e\u0440\u043c\u0430 ===== *\/\r\n    .sl-field{ display:grid; gap:8px; margin-bottom:12px; }\r\n    .sl-label{ font:800 clamp(12px,2.3vw,14px)\/1 var(--sl-font); color:#123f52; display:flex; justify-content:space-between; align-items:center; }\r\n    .sl-hint{ font:600 12px\/1.2 var(--sl-font); color:#356177; opacity:.9; }\r\n\r\n    .sl-input, .sl-select{\r\n      width:100%; box-sizing:border-box;\r\n      font:700 clamp(14px,2.8vw,16px)\/1 var(--sl-font);\r\n      padding:12px 12px; border-radius:12px;\r\n      color:#0f394b; background:#fff;\r\n      border:1px solid rgba(var(--slc-sky), .30);\r\n      box-shadow: 0 4px 12px rgba(var(--slc-deep), .06) inset;\r\n      outline: none;\r\n    }\r\n    .sl-input:focus, .sl-select:focus{ border-color: rgba(var(--slc-accent), .55); box-shadow:0 0 0 3px rgba(var(--slc-accent), .15); }\r\n\r\n    .sl-range-row{ display:grid; grid-template-columns: 1fr max-content; align-items:center; gap:12px; }\r\n    .sl-val{ font:800 14px\/1 var(--sl-font); color: rgb(var(--slc-accent)); white-space:nowrap; }\r\n    input[type=\"range\"]{\r\n      -webkit-appearance:none; appearance:none; width:100%; height:10px; border-radius:999px;\r\n      background: linear-gradient(90deg, rgb(var(--slc-accent)) var(--_p,50%), rgba(var(--slc-sky), .20) 0);\r\n      outline:none; border:1px solid rgba(var(--slc-sky), .30);\r\n    }\r\n    input[type=\"range\"]::-webkit-slider-thumb{\r\n      -webkit-appearance:none; appearance:none; width:22px; height:22px; border-radius:50%;\r\n      background:#fff; border:1px solid rgba(var(--slc-sky), .40);\r\n      box-shadow: 0 6px 14px rgba(var(--slc-deep), .18);\r\n      cursor:pointer;\r\n    }\r\n    input[type=\"range\"]::-moz-range-thumb{\r\n      width:22px; height:22px; border-radius:50%; background:#fff; border:1px solid rgba(var(--slc-sky), .40); cursor:pointer;\r\n    }\r\n    .sl-row-2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }\r\n    @media (max-width:560px){ .sl-row-2{ grid-template-columns:1fr; } }\r\n\r\n    \/* \u0424\u043e\u0442\u043e-\u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0430 *\/\r\n    .sl-photo-block{ margin-top:8px; }\r\n    .sl-photo{\r\n      position:relative;\r\n      border:1px solid rgba(var(--slc-sky), .30);\r\n      border-radius:16px;\r\n      background:\r\n        linear-gradient(160deg, rgba(var(--slc-sky), .06), rgba(var(--slc-sky), .02)),\r\n        linear-gradient(180deg, #f9fdff, #eef6fb);\r\n      aspect-ratio:16\/9; min-height:200px;\r\n      overflow:hidden; display:grid; place-items:center;\r\n    }\r\n    .sl-photo .ph{ text-align:center; color:#2b566a; font:600 13px\/1.5 var(--sl-font); pointer-events:none; }\r\n    .sl-photo .ph svg{ width:44px; height:44px; margin-bottom:8px; fill:rgba(var(--slc-accent), .9); filter:drop-shadow(0 6px 12px rgba(31,80,100,.18)); }\r\n    .sl-photo .badge{\r\n      position:absolute; right:10px; bottom:10px;\r\n      padding:6px 10px; border-radius:999px;\r\n      background:rgba(var(--slc-sky), .16); border:1px solid rgba(var(--slc-sky), .30);\r\n      font:700 12px\/1 var(--sl-font); color:#0f394b;\r\n    }\r\n\r\n    \/* ===== \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 ===== *\/\r\n    .sl-result .bg-blur{\r\n      position:absolute; inset:-20% -10% auto -10%; height:60%;\r\n      background:\r\n        radial-gradient(40% 70% at 30% 10%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),\r\n        radial-gradient(40% 70% at 70% 20%, rgba(180,210,230,.28), rgba(180,210,230,0) 70%);\r\n      filter: blur(2px);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .sl-kpis{ display:grid; grid-template-columns: repeat(12, 1fr); gap:12px; margin-bottom:10px; }\r\n    .sl-kpi{ grid-column: span 6; background: rgba(255,255,255,.85); border:1px solid rgba(var(--slc-sky), .30); border-radius:14px; padding:12px; }\r\n    .sl-kpi .cap{ font:600 12px\/1 var(--sl-font); color:#356177; margin-bottom:6px; }\r\n    .sl-kpi .val{ font:800 clamp(16px,3.2vw,24px)\/1 var(--sl-font); color:#0f394b; }\r\n\r\n    .sl-pay{ display:flex; align-items:center; justify-content:space-between; gap:12px; background: rgba(var(--slc-sky), .08); border:1px solid rgba(var(--slc-sky), .30); border-radius:16px; padding:12px; margin:8px 0 10px; }\r\n    .sl-pay .ttl{ font:800 15px\/1 var(--sl-font); }\r\n    .sl-pay .sum{ font:800 clamp(18px,4.2vw,28px)\/1 var(--sl-font); color: rgb(var(--slc-accent)); white-space:nowrap; }\r\n\r\n    .sl-legend{ display:flex; gap:10px; align-items:center; font:600 12px\/1.2 var(--sl-font); color:#356177; margin:6px 0 10px; flex-wrap:wrap; }\r\n    .sl-dot{ width:12px; height:12px; border-radius:50%; border:1px solid rgba(var(--slc-sky), .35); }\r\n    .sl-dot.pr{ background: rgba(var(--slc-accent), .25); }\r\n    .sl-dot.in{ background: rgba(120,160,190,.28); }\r\n\r\n    .sl-bars{ display:grid; grid-template-columns: repeat(12, 1fr); gap:6px; height:86px; align-items:end; }\r\n    .sl-bar{ height:100%; position:relative; border-radius:8px; overflow:hidden; background: rgba(var(--slc-sky), .15); border:1px solid rgba(var(--slc-sky), .28); will-change:height; }\r\n    .sl-bar > span{ position:absolute; left:0; right:0; bottom:0; transform-origin: bottom; }\r\n    .sl-bar .principal{ background: linear-gradient(180deg, rgba(var(--slc-accent), .35), rgba(var(--slc-accent), .2)); height:0; transition: height .35s ease; }\r\n    .sl-bar .interest { background: linear-gradient(180deg, rgba(120,160,190,.38), rgba(120,160,190,.24)); height:0; transition: height .35s ease; }\r\n\r\n    .sl-cta{ display:flex; gap:12px; justify-content:flex-end; margin-top:12px; flex-wrap:wrap; }\r\n    .sl-btn{\r\n      --bg: rgb(var(--slc-accent)); --fg: #fff;\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:12px 16px; border-radius:14px; font:700 15px\/1 var(--sl-font);\r\n      background:var(--bg); color:var(--fg); text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.06); box-shadow: var(--sl-shadow);\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n      position:relative; overflow:hidden;\r\n    }\r\n    .sl-btn:hover{ transform: translateY(-2px); box-shadow:0 16px 36px rgba(var(--slc-deep), .18); color:#fff; }\r\n\r\n    .sl-illus{\r\n      margin-top:8px; border-radius:16px; border:1px solid rgba(var(--slc-sky), .28);\r\n      background:\r\n        linear-gradient(160deg, rgba(var(--slc-sky), .08), rgba(var(--slc-sky), .02)),\r\n        linear-gradient(180deg, #f9fdff, #eef6fb);\r\n      aspect-ratio: 16\/9; display:grid; place-items:center;\r\n    }\r\n    .sl-illus svg{ width:52%; max-width:360px; opacity:.9; filter: drop-shadow(0 10px 22px rgba(31,80,100,.14)); }\r\n\r\n    .sl-note{ font:600 12px\/1.4 var(--sl-font); color:#597c8f; margin-top:10px; }\r\n\r\n    \/* ===== \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 ===== *\/\r\n    @media (max-width:720px){\r\n      .sl-calc--full{ padding-top: 18px; padding-bottom: 32px; }\r\n      .sl-form, .sl-result{ padding:12px; }\r\n      .sl-kpi{ grid-column: span 6; }\r\n      .sl-bars{ height:72px; }\r\n      .sl-pay{ flex-direction:column; align-items:flex-start; gap:8px; }\r\n      .sl-cta{ justify-content:stretch; }\r\n      .sl-cta .sl-btn{ width:100%; }\r\n      .sl-illus svg{ width:64%; }\r\n      .sl-photo{ min-height:160px; }\r\n    }\r\n    @media (max-width:420px){\r\n      .sl-kpi{ grid-column: span 12; }\r\n      .sl-bars{ height:60px; }\r\n      .sl-legend{ gap:8px; }\r\n      input[type=\"range\"]{ height:8px; }\r\n      input[type=\"range\"]::-webkit-slider-thumb{ width:18px; height:18px; }\r\n      input[type=\"range\"]::-moz-range-thumb{ width:18px; height:18px; }\r\n    }\r\n\r\n    \/* Reveal *\/\r\n    .reveal{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }\r\n    .reveal.in-view{ opacity:1; transform: translateY(0); }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .reveal{ transition:none; }\r\n      .sl-btn{ transition:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u043b\u0451\u0433\u043a\u0438\u0439 \u0434\u0435\u043a\u043e\u0440 -->\r\n  <span class=\"sl-orb o1\" style=\"position:absolute; left:-90px; top:8%; width:240px; height:240px; border-radius:50%; filter:blur(2px); background:\r\n      radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,0) 60%),\r\n      radial-gradient(circle at 70% 70%, rgba(180,210,230,.25), rgba(180,210,230,0) 70%); opacity:.65; pointer-events:none;\"><\/span>\r\n  <span class=\"sl-orb o2\" style=\"position:absolute; right:-80px; top:32%; width:220px; height:220px; border-radius:50%; filter:blur(2px); background:\r\n      radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,0) 60%),\r\n      radial-gradient(circle at 70% 70%, rgba(180,210,230,.25), rgba(180,210,230,0) 70%); opacity:.65; pointer-events:none;\"><\/span>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"head reveal\">\r\n      <h2>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043b\u0438\u0437\u0438\u043d\u0433\u0430<\/h2>\r\n      <p class=\"sub\">\u041e\u0446\u0435\u043d\u0438\u0442\u0435 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436 \u0432 \u0441\u0443\u043c\u0430\u0445. \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0446\u0435\u043d\u0443 \u0442\u0435\u0445\u043d\u0438\u043a\u0438, \u0430\u0432\u0430\u043d\u0441, \u0441\u0440\u043e\u043a \u0438 \u0441\u0442\u0430\u0432\u043a\u0443 \u2014 \u043f\u0435\u0440\u0435\u0441\u0447\u0451\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"grid\">\r\n      <!-- \u0424\u043e\u0440\u043c\u0430 -->\r\n      <form class=\"sl-panel sl-form reveal\" id=\"slc-form\" onsubmit=\"return false\" novalidate>\r\n        <div class=\"sl-row-2\">\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"slc-type\">\u0422\u0438\u043f \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/label>\r\n            <select id=\"slc-type\" class=\"sl-select\">\r\n              <option value=\"car\">\u041b\u0435\u0433\u043a\u043e\u0432\u043e\u0439 \u0430\u0432\u0442\u043e<\/option>\r\n              <option value=\"van\">\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0443\u0440\u0433\u043e\u043d<\/option>\r\n              <option value=\"truck\" selected>\u0413\u0440\u0443\u0437\u043e\u0432\u0438\u043a<\/option>\r\n              <option value=\"spec\">\u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/option>\r\n              <option value=\"equip\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"slc-rate\">\u0421\u0442\u0430\u0432\u043a\u0430, % \u0433\u043e\u0434\u043e\u0432\u044b\u0445 <span class=\"sl-hint\" id=\"rateHint\">\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u043e: 24%<\/span><\/label>\r\n            <div class=\"sl-range-row\">\r\n              <input id=\"slc-rate\" type=\"range\" min=\"10\" max=\"45\" value=\"24\" step=\"0.1\" aria-describedby=\"rateHint\">\r\n              <div class=\"sl-val\"><span data-val=\"rate\">24<\/span>%<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-field\">\r\n          <label class=\"sl-label\" for=\"slc-price\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u043a\u0438, UZS<\/label>\r\n          <input id=\"slc-price\" class=\"sl-input\" type=\"text\" inputmode=\"numeric\" value=\"575 000 000\" aria-label=\"\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432 UZS\">\r\n          <div class=\"sl-range-row\">\r\n            <input id=\"slc-price-range\" type=\"range\" min=\"100000000\" max=\"2000000000\" value=\"575000000\" step=\"5000000\">\r\n            <div class=\"sl-val\" data-val=\"priceLabel\">575 000 000&nbsp;UZS<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-row-2\">\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"slc-advance\">\u0410\u0432\u0430\u043d\u0441, %<\/label>\r\n            <div class=\"sl-range-row\">\r\n              <input id=\"slc-advance\" type=\"range\" min=\"0\" max=\"60\" value=\"24\" step=\"1\">\r\n              <div class=\"sl-val\"><span data-val=\"adv\">24<\/span>%<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"slc-term\">\u0421\u0440\u043e\u043a, \u043c\u0435\u0441.<\/label>\r\n            <div class=\"sl-range-row\">\r\n              <input id=\"slc-term\" type=\"range\" min=\"12\" max=\"60\" value=\"44\" step=\"1\">\r\n              <div class=\"sl-val\"><span data-val=\"term\">44<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-note\">\u0420\u0430\u0441\u0447\u0451\u0442 \u043d\u043e\u0441\u0438\u0442 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440 \u0438 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u043e\u0444\u0435\u0440\u0442\u043e\u0439. \u0418\u0442\u043e\u0433\u043e\u0432\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0437\u0430\u044f\u0432\u043a\u0438.<\/div>\r\n\r\n        <!-- \u041f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u0441\u0442\u043e \u043f\u043e\u0434 \u0444\u043e\u0442\u043e -->\r\n        <div class=\"sl-photo-block\" aria-hidden=\"true\">\r\n          <div class=\"sl-photo\">\r\n            <div class=\"ph\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 7h3l1.2-2.2A2 2 0 0 1 10 4h4a2 2 0 0 1 1.8 1.1L17 7h3a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2zm8 3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z\"\/><\/svg>\r\n              <div>\u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0444\u043e\u0442\u043e \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/div>\r\n            <\/div>\r\n            <span class=\"badge\">\u0424\u043e\u0442\u043e<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/form>\r\n\r\n      <!-- \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 -->\r\n      <aside class=\"sl-panel sl-result reveal\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        <div class=\"bg-blur\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"sl-kpis\">\r\n          <div class=\"sl-kpi\">\r\n            <div class=\"cap\">\u0424\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0441\u0443\u043c\u043c\u0430<\/div>\r\n            <div class=\"val\" data-out=\"principal\">\u2014<\/div>\r\n          <\/div>\r\n          <div class=\"sl-kpi\">\r\n            <div class=\"cap\">\u0418\u0442\u043e\u0433\u043e\u0432\u0430\u044f \u043f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430<\/div>\r\n            <div class=\"val\" data-out=\"overpay\">\u2014<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-pay\">\r\n          <div class=\"ttl\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436<\/div>\r\n          <div class=\"sum\" data-out=\"payment\">\u2014<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-legend\">\r\n          <span class=\"sl-dot pr\"><\/span> \u0422\u0435\u043b\u043e \u043a\u0440\u0435\u0434\u0438\u0442\u0430\r\n          <span class=\"sl-dot in\" style=\"margin-left:10px;\"><\/span> \u041f\u0440\u043e\u0446\u0435\u043d\u0442\u044b\r\n        <\/div>\r\n        <div class=\"sl-bars\" id=\"slc-bars\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"sl-cta\">\r\n          <!-- \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u00bb \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u043e\u0436\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043f-\u0430\u043f \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0440\u0430\u0441\u0447\u0451\u0442\u044b -->\r\n          <a class=\"sl-btn\"\r\n             href=\"#offer\"\r\n             data-cta=\"offers\"\r\n             data-sl-open=\"lead\"\r\n             >\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>\r\n\r\n          <!-- \u00ab\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\u00bb \u2014 \u043a\u0430\u043a \u0438 \u0440\u0430\u043d\u044c\u0448\u0435, \u043f\u043e\u043f-\u0430\u043f -->\r\n          <a class=\"sl-btn\"\r\n             data-cta=\"lead\"\r\n             data-sl-open=\"lead\"\r\n             data-sl-subject=\"\u0417\u0430\u044f\u0432\u043a\u0430 \u0438\u0437 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430\"\r\n             style=\"--bg: rgba(var(--slc-sky), .14); --fg: rgb(var(--slc-accent)); color:var(--fg); border:1px solid rgba(var(--slc-sky), .35)\"\r\n             href=\"#contact\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sl-illus\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"18\" y=\"60\" width=\"220\" height=\"90\" rx=\"12\" fill=\"rgba(31,80,100,.10)\"\/>\r\n            <rect x=\"34\" y=\"76\" width=\"70\" height=\"18\" rx=\"9\" fill=\"rgba(31,80,100,.35)\"\/>\r\n            <rect x=\"34\" y=\"104\" width=\"120\" height=\"12\" rx=\"6\" fill=\"rgba(31,80,100,.22)\"\/>\r\n            <rect x=\"34\" y=\"124\" width=\"160\" height=\"12\" rx=\"6\" fill=\"rgba(31,80,100,.18)\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"sl-note\">\u0413\u0440\u0430\u0444\u0438\u043a \u00ab12 \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u0432\u00bb \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u0440\u0435\u043d\u0434 \u0434\u043e\u043b\u0435\u0439 \u0442\u0435\u043b\u0430 \u0438 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u043e\u0432 \u0432 \u043f\u043b\u0430\u0442\u0435\u0436\u0435 (\u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0441\u0442\u0438 \u0443\u0441\u0440\u0435\u0434\u043d\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0435\u0440\u0438\u043e\u0434\u0430\u043c).<\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('calc');\r\n      const $ = (sel, ctx=document) => ctx.querySelector(sel);\r\n\r\n      const els = {\r\n        rate: $('#slc-rate', root),\r\n        price: $('#slc-price', root),\r\n        priceRange: $('#slc-price-range', root),\r\n        adv: $('#slc-advance', root),\r\n        term: $('#slc-term', root),\r\n\r\n        outPayment: $('[data-out=\"payment\"]', root),\r\n        outPrincipal: $('[data-out=\"principal\"]', root),\r\n        outOverpay: $('[data-out=\"overpay\"]', root),\r\n\r\n        valRate: $('[data-val=\"rate\"]', root),\r\n        valPriceLabel: $('[data-val=\"priceLabel\"]', root),\r\n        valAdv: $('[data-val=\"adv\"]', root),\r\n        valTerm: $('[data-val=\"term\"]', root),\r\n\r\n        barsBox: $('#slc-bars', root),\r\n\r\n        btnOffers: root.querySelector('[data-cta=\"offers\"]'),\r\n        btnLead:   root.querySelector('[data-cta=\"lead\"]'),\r\n        typeSel:   $('#slc-type', root)\r\n      };\r\n\r\n      function fmtUZS(n){\r\n        const s = Math.round(n).toString();\r\n        return s.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ' ') + ' UZS';\r\n      }\r\n      function parseUZS(str){ return Number((str||'').toString().replace(\/[^\\d]\/g,'')||0); }\r\n      function setProgress(range){\r\n        const min = +range.min, max = +range.max, val = +range.value;\r\n        range.style.setProperty('--_p', ((val-min)\/(max-min))*100 + '%');\r\n      }\r\n\r\n      function annuityPayment(principal, annualRate, months){\r\n        const i = (annualRate\/100)\/12;\r\n        if (months <= 0) return 0;\r\n        if (i === 0) return principal \/ months;\r\n        return principal * i \/ (1 - Math.pow(1+i, -months));\r\n      }\r\n\r\n      const BARS_COUNT = 12;\r\n      const bars = [];\r\n      (function initBars(){\r\n        for(let k=0; k<BARS_COUNT; k++){\r\n          const bar = document.createElement('div');\r\n          bar.className = 'sl-bar';\r\n          const interest = document.createElement('span');\r\n          interest.className = 'interest';\r\n          const principal = document.createElement('span');\r\n          principal.className = 'principal';\r\n          bar.append(interest, principal);\r\n          els.barsBox.appendChild(bar);\r\n          bars.push({interest, principal});\r\n        }\r\n      })();\r\n\r\n      function updateBars(principalAmt, rate, months, payment){\r\n        const chunk = Math.max(1, Math.round(months\/BARS_COUNT));\r\n        let remain = principalAmt;\r\n        for(let k=0; k<BARS_COUNT; k++){\r\n          let intSum = 0, prnSum = 0;\r\n          for(let m=0; m<chunk; m++){\r\n            if (remain <= 0) break;\r\n            const i = (rate\/100)\/12 * remain;\r\n            const prn = Math.min(remain, payment - i);\r\n            intSum += i; prnSum += prn;\r\n            remain -= prn;\r\n          }\r\n          const total = intSum + prnSum || 1;\r\n          const prnH = (prnSum\/total)*100;\r\n          const intH = (intSum\/total)*100;\r\n\r\n          bars[k].principal.style.height = prnH + '%';\r\n          bars[k].interest.style.height  = (prnH + intH) + '%';\r\n        }\r\n      }\r\n\r\n      function recompute(){\r\n        const price = parseUZS(els.price.value);\r\n        const rate = +els.rate.value;\r\n        const advPct = +els.adv.value;\r\n        const term = +els.term.value;\r\n\r\n        const advance = price * advPct \/ 100;\r\n        const principal = Math.max(0, price - advance);\r\n        const pay = annuityPayment(principal, rate, term);\r\n        const overpay = pay*term - principal;\r\n\r\n        els.valRate.textContent = rate.toFixed(1).replace('.', ',');\r\n        els.valAdv.textContent = advPct.toFixed(0);\r\n        els.valTerm.textContent = term.toString();\r\n        els.valPriceLabel.innerHTML = fmtUZS(price).replace(' ', '&nbsp;');\r\n\r\n        els.outPayment.textContent  = fmtUZS(pay);\r\n        els.outPrincipal.textContent = fmtUZS(principal);\r\n        els.outOverpay.textContent   = fmtUZS(overpay);\r\n\r\n        [els.rate, els.priceRange, els.adv, els.term].forEach(setProgress);\r\n\r\n        updateBars(principal, rate, term, pay);\r\n      }\r\n\r\n      function formatPriceInput(){\r\n        const raw = parseUZS(els.price.value);\r\n        els.price.value = fmtUZS(raw).replace(' UZS','');\r\n      }\r\n\r\n      els.price.addEventListener('input', ()=>{\r\n        formatPriceInput();\r\n        const raw = parseUZS(els.price.value);\r\n        const min = +els.priceRange.min, max = +els.priceRange.max;\r\n        els.priceRange.value = Math.min(max, Math.max(min, raw));\r\n        setProgress(els.priceRange);\r\n        recompute();\r\n      });\r\n      els.priceRange.addEventListener('input', ()=>{\r\n        els.price.value = fmtUZS(+els.priceRange.value).replace(' UZS','');\r\n        setProgress(els.priceRange); recompute();\r\n      });\r\n      [els.rate, els.adv, els.term].forEach(r=>{\r\n        r.addEventListener('input', ()=>{ setProgress(r); recompute(); });\r\n      });\r\n\r\n      [els.rate, els.priceRange, els.adv, els.term].forEach(setProgress);\r\n      formatPriceInput(); recompute();\r\n\r\n      \/* ===== Reveal ===== *\/\r\n      const items = document.querySelectorAll('#calc .reveal');\r\n      const io = new IntersectionObserver((ents)=>{\r\n        ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); } });\r\n      }, {threshold:.15});\r\n      items.forEach(el=> io.observe(el));\r\n\r\n      \/* ===== \u041f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0432 \u043f\u043e\u043f-\u0430\u043f \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 CTA =====\r\n         \u041f\u043b\u0430\u0433\u0438\u043d \u0447\u0438\u0442\u0430\u0435\u0442 data-sl-open, data-sl-subject \u0438 data-sl-note \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435-\u0442\u0440\u0438\u0433\u0433\u0435\u0440\u0435.\r\n         \u041c\u044b \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u00abnote\u00bb \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u044f\u043c\u043e \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435\u043c. *\/\r\n      function buildNote(){\r\n        const typeMap = {\r\n          car:'\u041b\u0435\u0433\u043a\u043e\u0432\u043e\u0439 \u0430\u0432\u0442\u043e', van:'\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0443\u0440\u0433\u043e\u043d', truck:'\u0413\u0440\u0443\u0437\u043e\u0432\u0438\u043a',\r\n          spec:'\u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430', equip:'\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435'\r\n        };\r\n        const price = parseUZS(els.price.value);\r\n        const rate  = +els.rate.value;\r\n        const adv   = +els.adv.value;\r\n        const term  = +els.term.value;\r\n\r\n        const advanceAmt  = price * adv \/ 100;\r\n        const principal   = Math.max(0, price - advanceAmt);\r\n        const payment     = (function(){\r\n          const i = (rate\/100)\/12;\r\n          return i ? principal * i \/ (1 - Math.pow(1+i, -term)) : (principal\/term);\r\n        })();\r\n        const overpay     = payment*term - principal;\r\n\r\n        return [\r\n          `\u0422\u0438\u043f: ${typeMap[els.typeSel.value]||els.typeSel.value}`,\r\n          `\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c: ${fmtUZS(price)}`,\r\n          `\u0410\u0432\u0430\u043d\u0441: ${adv}% (${fmtUZS(advanceAmt)})`,\r\n          `\u0421\u0440\u043e\u043a: ${term} \u043c\u0435\u0441`,\r\n          `\u0421\u0442\u0430\u0432\u043a\u0430: ${rate}%`,\r\n          `\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436: ${fmtUZS(payment)}`,\r\n          `\u0424\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0441\u0443\u043c\u043c\u0430: ${fmtUZS(principal)}`,\r\n          `\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430: ${fmtUZS(overpay)}`\r\n        ].join(' \u2022 ');\r\n      }\r\n\r\n      function attachNote(btn, subject){\r\n        if (!btn) return;\r\n        btn.setAttribute('data-sl-subject', subject);\r\n        btn.setAttribute('data-sl-note', buildNote());\r\n      }\r\n\r\n      \/\/ \u041d\u0430 \u00ab\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u00bb\r\n      els.btnOffers && els.btnOffers.addEventListener('click', function(){\r\n        attachNote(this, '\u0417\u0430\u044f\u0432\u043a\u0430: \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435');\r\n        \/\/ \u043d\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u0435\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u2014 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0441\u0430\u043c \u043e\u0442\u043a\u0440\u043e\u0435\u0442 \u043f\u043e\u043f-\u0430\u043f\r\n      }, {capture:true});\r\n\r\n      \/\/ \u041d\u0430 \u00ab\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\u00bb\r\n      els.btnLead && els.btnLead.addEventListener('click', function(){\r\n        attachNote(this, '\u0417\u0430\u044f\u0432\u043a\u0430 \u0438\u0437 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430');\r\n      }, {capture:true});\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e747f4a e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"e747f4a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4244ff6 elementor-widget elementor-widget-html\" data-id=\"4244ff6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-faq sl-faq--full\" id=\"faq\" aria-label=\"\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u044b \u2014 Soft Leasing\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED (\u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d \u0430\u0434\u0430\u043f\u0442\u0438\u0432: \u0431\u0435\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430, safe-area) ===== *\/\r\n    .sl-faq--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;                                     \/* \u0432\u043c\u0435\u0441\u0442\u043e 100vw *\/\r\n      inset-inline: calc(50% - 50dvw);                  \/* \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u0444\u0443\u043b\u043b-\u0431\u043b\u0438\u0434 *\/\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 540px at 12% 0%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 88% 18%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(560px 360px at 22% 82%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(520px 320px at 78% 78%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      padding: clamp(32px,6vw,60px) 0 clamp(40px,7vw,80px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-faq--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n    .sl-faq--full::before{\r\n      content:\"\"; position:absolute; inset:-40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.85), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n\r\n    .sl-faq .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(16px,4vw,28px);\r\n      \/* \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0437\u043e\u043d\u044b \u043d\u0430 iOS *\/\r\n      padding-left:  max(clamp(16px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box; position:relative; z-index:1;\r\n    }\r\n\r\n    .sl-faq .head{\r\n      display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap;\r\n      margin-bottom: clamp(18px,3vw,28px);\r\n    }\r\n    .sl-faq h2{ font:800 clamp(22px,3.8vw,36px)\/1.15 var(--sl-font); margin:0; }\r\n    .sl-faq .sub{ font:400 clamp(14px,2vw,18px)\/1.55 var(--sl-font); color:#2a5165; max-width:70ch; }\r\n\r\n    \/* \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u00ab\u0441\u0444\u0435\u0440\u044b\u00bb *\/\r\n    .sl-faq .orb{\r\n      position:absolute; border-radius:999px; filter: blur(2px);\r\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,.0) 60%),\r\n                  radial-gradient(circle at 70% 70%, rgba(180,210,230,.25), rgba(180,210,230,0) 70%);\r\n      opacity:.65; pointer-events:none; animation: float 16s ease-in-out infinite;\r\n    }\r\n    .sl-faq .orb.o1{ width:240px; height:240px; left:-80px; top:14%; animation-delay:-4s; }\r\n    .sl-faq .orb.o2{ width:220px; height:220px; right:-70px; top:36%; animation-delay:-8s; }\r\n    @keyframes float{ 0%,100%{ transform:translateY(0) translateX(0) } 50%{ transform:translateY(-16px) translateX(8px) } }\r\n\r\n    \/* ===== \u0422\u0430\u0431\u044b \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 ===== *\/\r\n    .sl-tools{ display:flex; gap:12px; flex-wrap:wrap; margin:10px 0 18px; }\r\n    .sl-tabs{ display:flex; flex-wrap:wrap; gap:10px; }\r\n    .sl-tab{\r\n      --bg: rgba(var(--slc-sky), .12); --bd: rgba(var(--slc-sky), .28); --fg: rgb(var(--slc-accent));\r\n      display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;\r\n      background:var(--bg); color:var(--fg); border:1px solid var(--bd); cursor:pointer;\r\n      font:700 13px\/1 var(--sl-font); transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n    .sl-tab[aria-selected=\"true\"]{ --bg: rgb(var(--slc-accent)); --bd: rgba(0,0,0,.06); --fg:#fff; box-shadow:0 10px 24px rgba(var(--slc-deep), .18); }\r\n    .sl-tab:focus-visible{ outline:2px solid rgba(var(--slc-accent), .45); outline-offset:2px; }\r\n\r\n    \/* ===== \u0441\u0435\u0442\u043a\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 ===== *\/\r\n    .sl-qa{\r\n      display:grid; grid-template-columns: repeat(12, 1fr); gap:14px;\r\n    }\r\n    .qa{ grid-column: span 6; }\r\n    @media (max-width:900px){ .qa{ grid-column: span 12; } }\r\n\r\n    .qa-card{\r\n      position:relative; border-radius: var(--sl-radius-xl); overflow:hidden;\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.94));\r\n      border:1px solid rgba(var(--slc-sky), .30); box-shadow: var(--sl-shadow);\r\n    }\r\n    .q-head{\r\n      width:100%; text-align:left; padding:14px 46px 14px 16px; cursor:pointer;\r\n      border:0; background:transparent; display:flex; align-items:center; gap:12px;\r\n      font:800 16px\/1.25 var(--sl-font); color:#123f52;\r\n    }\r\n    .q-ico{\r\n      width:28px; height:28px; border-radius:9px; flex:0 0 auto; display:grid; place-items:center;\r\n      background: rgba(var(--slc-sky), .12); border:1px solid rgba(var(--slc-sky), .30);\r\n    }\r\n    .q-ico svg{ width:18px; height:18px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\r\n    .q-arrow{ position:absolute; right:12px; top:12px; width:22px; height:22px; border-radius:50%;\r\n      display:grid; place-items:center; border:1px solid rgba(var(--slc-sky), .30); background:#fff; }\r\n    .q-arrow svg{ width:12px; height:12px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; transition: transform .25s ease; }\r\n\r\n    .q-body{\r\n      height:0; overflow:hidden;\r\n      border-top:1px solid rgba(var(--slc-sky), .22);\r\n      background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.92));\r\n      transition: height .28s ease;\r\n    }\r\n    .q-inner{ padding:12px 16px 16px; color:#2b566a; font:600 14px\/1.55 var(--sl-font); }\r\n\r\n    .qa-card[open] .q-arrow svg{ transform: rotate(180deg); }\r\n\r\n    \/* CTA \u0431\u043b\u043e\u043a \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 *\/\r\n    .sl-support{\r\n      margin-top: clamp(22px,4vw,36px);\r\n      display:grid; grid-template-columns: 1fr max-content; align-items:center; gap:16px;\r\n      padding:16px; border-radius:18px; background: rgba(var(--slc-sky), .10);\r\n      border:1px solid rgba(var(--slc-sky), .28);\r\n    }\r\n    .sl-support p{ margin:0; color:#2a5165; font:600 14px\/1.5 var(--sl-font); }\r\n    .sl-cta{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }\r\n    .sl-btn{\r\n      --bg: rgb(var(--slc-accent)); --fg:#fff;\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:12px 16px; border-radius:14px; font:700 14px\/1 var(--sl-font);\r\n      text-decoration:none; background:var(--bg); color:var(--fg);\r\n      border:1px solid rgba(0,0,0,.06); box-shadow:var(--sl-shadow);\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n    }\r\n    .sl-btn.secondary{ --bg: rgba(var(--slc-sky), .14); --fg: rgb(var(--slc-accent)); border:1px solid rgba(var(--slc-sky), .35); }\r\n    .sl-btn:hover{ transform: translateY(-2px); box-shadow:0 14px 32px rgba(var(--slc-deep), .16); }\r\n\r\n    \/* ===== \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 ===== *\/\r\n    @media (max-width:760px){\r\n      .sl-tabs{\r\n        overflow:auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;\r\n        padding-bottom:6px; margin-bottom:10px; scroll-snap-type:x proximity;\r\n      }\r\n      .sl-tab{ scroll-snap-align:start; }\r\n      .q-head{ padding:14px 44px 14px 14px; }   \/* \u0447\u0443\u0442\u043a\u0430 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u0435\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b *\/\r\n      .q-ico{ width:26px; height:26px; }\r\n      .sl-support{ grid-template-columns: 1fr; }\r\n      .sl-cta{ justify-content:flex-start; }\r\n      .sl-cta .sl-btn{ width:100%; }            \/* \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 *\/\r\n    }\r\n    @media (max-width:420px){\r\n      .q-head{ font-size:15px; gap:10px; }\r\n      .q-inner{ font-size:13.5px; }\r\n      .q-arrow{ right:10px; top:10px; }\r\n    }\r\n\r\n    \/* reveal *\/\r\n    .reveal{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }\r\n    .reveal.in-view{ opacity:1; transform: translateY(0); }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .reveal{ transition:none; }\r\n      .q-body{ transition:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u0418\u041a\u041e\u041d-\u0421\u041f\u0420\u0410\u0419\u0422 \u0435\u0434\u0438\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c (stroke) -->\r\n  <svg aria-hidden=\"true\" width=\"0\" height=\"0\" style=\"position:absolute;opacity:0;pointer-events:none\">\r\n    <defs>\r\n      <symbol id=\"ic-card\" viewBox=\"0 0 24 24\">\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n        <line x1=\"4.5\" y1=\"10\" x2=\"19.5\" y2=\"10\"\/>\r\n        <line x1=\"6.5\" y1=\"15\" x2=\"10.5\" y2=\"15\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-sliders\" viewBox=\"0 0 24 24\">\r\n        <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"\/><circle cx=\"9\" cy=\"6\" r=\"2\"\/>\r\n        <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><circle cx=\"15\" cy=\"12\" r=\"2\"\/>\r\n        <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"\/><circle cx=\"11\" cy=\"18\" r=\"2\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-badge-check\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 3l2.5 1.2 2.8-.2 1.2 2.5 2.5 1.2-.2 2.8L22 13l-1.2 2.5.2 2.8-2.5 1.2-1.2 2.5-2.8-.2L12 21l-2.5 1.2-2.8.2-1.2-2.5L3 18.3l.2-2.8L2 13l1.2-2.5-.2-2.8L5.5 6 6.7 3.5l2.8.2z\" fill=\"none\"\/>\r\n        <path d=\"M8.5 12.5l2.5 2.5 4.5-5\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-file\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/>\r\n        <polyline points=\"14 3 14 8 19 8\"\/>\r\n        <line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/>\r\n        <line x1=\"9\" y1=\"17\" x2=\"13.5\" y2=\"17\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-timer\" viewBox=\"0 0 24 24\">\r\n        <circle cx=\"12\" cy=\"13\" r=\"8\"\/>\r\n        <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/>\r\n        <line x1=\"8\" y1=\"1.5\" x2=\"16\" y2=\"1.5\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-trending\" viewBox=\"0 0 24 24\">\r\n        <polyline points=\"3 16 10 9 14 13 21 6\"\/>\r\n        <polyline points=\"15 6 21 6 21 12\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-pen\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 6l6 6-8 8H4v-6z\"\/>\r\n        <line x1=\"16\" y1=\"2\" x2=\"22\" y2=\"8\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-shield\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 3l7 4v5c0 5-4 9-7 10-3-1-7-5-7-10V7l7-4z\"\/>\r\n        <path d=\"M8.5 12.5l2.5 2.5 4.5-5\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ic-chevron-down\" viewBox=\"0 0 24 24\">\r\n        <polyline points=\"6 9 12 15 18 9\"\/>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <span class=\"orb o1\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"orb o2\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"head reveal\">\r\n      <div>\r\n        <h2>\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u044b<\/h2>\r\n        <p class=\"sub\">\u0421\u043e\u0431\u0440\u0430\u043b\u0438 \u0432\u0430\u0436\u043d\u043e\u0435 \u043f\u0440\u043e \u0441\u0442\u0430\u0432\u043a\u0438, \u0430\u0432\u0430\u043d\u0441, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0441\u0440\u043e\u043a\u0438. \u0412\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u2014 \u0432 UZS \u0438 \u043e\u043d\u043b\u0430\u0439\u043d.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0422\u043e\u043b\u044c\u043a\u043e \u0442\u0430\u0431\u044b (\u043f\u043e\u0438\u0441\u043a \u0443\u0431\u0440\u0430\u043d) -->\r\n    <div class=\"sl-tools reveal\">\r\n      <div class=\"sl-tabs\" role=\"tablist\" aria-label=\"\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432\">\r\n        <button class=\"sl-tab\" role=\"tab\" aria-selected=\"true\" data-cat=\"all\">\u0412\u0441\u0435<\/button>\r\n        <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"payments\">\u041f\u043b\u0430\u0442\u0435\u0436\u0438<\/button>\r\n        <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"terms\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f<\/button>\r\n        <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"docs\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/button>\r\n        <button class=\"sl-tab\" role=\"tab\" aria-selected=\"false\" data-cat=\"service\">\u0421\u0435\u0440\u0432\u0438\u0441<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sl-qa\">\r\n      <!-- QA item -->\r\n      <article class=\"qa reveal\" data-cat=\"payments\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q1\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-card\"\/><\/svg><\/span>\r\n            \u0412 \u043a\u0430\u043a\u043e\u0439 \u0432\u0430\u043b\u044e\u0442\u0435 \u0438 \u043a\u0430\u043a \u0441\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043b\u0430\u0442\u0451\u0436?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q1\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u0412\u0441\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0432 UZS. \u0421\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043f\u043e \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u043e \u2014 \u0447\u0435\u0440\u0435\u0437 \u0430\u0432\u0442\u043e\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0441 \u0440\u0430\u0441\u0447\u0451\u0442\u043d\u043e\u0433\u043e \u0441\u0447\u0451\u0442\u0430 \u0438\u043b\u0438 \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0435 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u043b\u0438\u0447\u043d\u043e\u043c \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0435.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"terms\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q2\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-sliders\"\/><\/svg><\/span>\r\n            \u041a\u0430\u043a\u043e\u0439 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0432\u0430\u043d\u0441 \u0438 \u0441\u0440\u043e\u043a \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q2\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e \u0430\u0432\u0430\u043d\u0441 \u043e\u0442 25% \u0434\u043e 60%. \u0421\u0440\u043e\u043a \u2014 \u043e\u0442 12 \u0434\u043e 60 \u043c\u0435\u0441\u044f\u0446\u0435\u0432. \u041a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438\/\u0443\u0441\u043b\u0443\u0433\u0438\/\u0442\u0435\u0445\u043d\u0438\u043a\u0438.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"payments\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q3\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-badge-check\"\/><\/svg><\/span>\r\n            \u0415\u0441\u0442\u044c \u043b\u0438 \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u0438 \u0438 \u0441\u043a\u0440\u044b\u0442\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q3\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u041d\u0435\u0442. \u0412 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0438 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u043d\u0443\u044e \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c: \u0430\u0432\u0430\u043d\u0441, \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436 \u0438 \u0438\u0442\u043e\u0433\u043e\u0432\u0443\u044e \u043f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0443 \u0431\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u0439.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"docs\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q4\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-file\"\/><\/svg><\/span>\r\n            \u041a\u0430\u043a\u0438\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043d\u0443\u0436\u043d\u044b \u043d\u0430 \u0441\u0442\u0430\u0440\u0442\u0435?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q4\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u0414\u043b\u044f \u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043b\u0438\u0446 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438 \u043f\u0430\u0441\u043f\u043e\u0440\u0442 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0430. \u0414\u043b\u044f \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043b\u0438\u0446 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0430\u0441\u043f\u043e\u0440\u0442..<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"service\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q5\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-timer\"\/><\/svg><\/span>\r\n            \u041a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q5\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 \u2014 \u043e\u0442 60 \u043c\u0438\u043d\u0443\u0442 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u0430\u0447\u0438 \u0437\u0430\u044f\u0432\u043a\u0438.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"terms\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q6\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-trending\"\/><\/svg><\/span>\r\n            \u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u043f\u043e\u0433\u0430\u0441\u0438\u0442\u044c \u0434\u043e\u0441\u0440\u043e\u0447\u043d\u043e?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q6\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u0414\u0430, \u0431\u0435\u0437 \u0448\u0442\u0440\u0430\u0444\u043e\u0432. \u041b\u044e\u0431\u043e\u0435 \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u043e\u0435 \u0434\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0435 \u043f\u043e\u0433\u0430\u0448\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u043e\u0441\u0442\u0430\u0442\u043e\u043a \u0434\u043e\u043b\u0433\u0430 \u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0443 \u043d\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u0447\u0435\u043c \u0437\u0430 1 \u0433\u043e\u0434.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"docs\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q7\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-pen\"\/><\/svg><\/span>\r\n            \u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u042d\u0426\u041f \u0438 \u043a\u0430\u043a \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u043e\u0433\u043e\u0432\u043e\u0440 \u0434\u043b\u044f \u044e\u0440 \u043b\u0438\u0446 ?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q7\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u0414\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e-\u0446\u0438\u0444\u0440\u043e\u0432\u0443\u044e \u043f\u043e\u0434\u043f\u0438\u0441\u044c. \u041f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0432 \u043e\u043d\u043b\u0430\u0439\u043d-\u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0435, \u0432\u044b\u0435\u0437\u0434 \u0432 \u043e\u0444\u0438\u0441 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"qa reveal\" data-cat=\"service\">\r\n        <div class=\"qa-card\">\r\n          <button class=\"q-head\" aria-expanded=\"false\" aria-controls=\"q8\">\r\n            <span class=\"q-ico\" aria-hidden=\"true\"><svg><use href=\"#ic-shield\"\/><\/svg><\/span>\r\n            \u041a\u0442\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0435\u0439?\r\n            <span class=\"q-arrow\" aria-hidden=\"true\"><svg><use href=\"#ic-chevron-down\"\/><\/svg><\/span>\r\n          <\/button>\r\n          <div class=\"q-body\" id=\"q8\" role=\"region\" aria-label=\"\u041e\u0442\u0432\u0435\u0442\">\r\n            <div class=\"q-inner\">\u041c\u044b \u0431\u0435\u0440\u0451\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0441\u0435\u0431\u044f: \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0430, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u0432\u044b\u0434\u0430\u0447\u0430. \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u00ab\u043f\u043e\u0434 \u043a\u043b\u044e\u0447\u00bb \u0441 \u0433\u043e\u0442\u043e\u0432\u044b\u043c\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"sl-support reveal\" role=\"complementary\" aria-label=\"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\">\r\n      <p>\u041d\u0435 \u043d\u0430\u0448\u043b\u0438 \u043e\u0442\u0432\u0435\u0442? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u2014 \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u043f\u043b\u0430\u0442\u0451\u0436 \u0432 UZS.<\/p>\r\n      <div class=\"sl-cta\">\r\n        <!-- \u041a\u041d\u041e\u041f\u041a\u0410 \u0421 \u041f\u041e\u041f-\u0410\u041f: \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b data-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u0432\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u043b -->\r\n        <a class=\"sl-btn\"\r\n           href=\"#contact\"\r\n           data-sl-open=\"lead\"\r\n           data-sl-subject=\"\u0417\u0430\u043f\u0440\u043e\u0441 \u0438\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 FAQ\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/a>\r\n\r\n        <a class=\"sl-btn secondary\" href=\"#calc\">\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('faq');\r\n\r\n      \/* Reveal on scroll *\/\r\n      const items = root.querySelectorAll('.reveal');\r\n      const io = new IntersectionObserver((ents)=>{\r\n        ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); } });\r\n      }, {threshold:.15});\r\n      items.forEach(el=> io.observe(el));\r\n\r\n      \/* \u0410\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d: \u043f\u043b\u0430\u0432\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 + \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c *\/\r\n      const cards = root.querySelectorAll('.qa-card');\r\n      cards.forEach((card, idx)=>{\r\n        const btn = card.querySelector('.q-head');\r\n        const body = card.querySelector('.q-body');\r\n\r\n        if(!btn.id){ btn.id = 'qhead-'+(idx+1); }\r\n        body.id = body.id || ('qbody-'+(idx+1));\r\n        btn.setAttribute('aria-controls', body.id);\r\n\r\n        const setOpen = (open) => {\r\n          btn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n          card.toggleAttribute('open', open);\r\n          body.style.height = open ? body.scrollHeight + 'px' : '0px';\r\n        };\r\n\r\n        btn.addEventListener('click', ()=>{\r\n          const willOpen = btn.getAttribute('aria-expanded') !== 'true';\r\n          cards.forEach(c=>{\r\n            if(c!==card){\r\n              const b = c.querySelector('.q-body');\r\n              c.querySelector('.q-head').setAttribute('aria-expanded','false');\r\n              c.removeAttribute('open'); b.style.height='0px';\r\n            }\r\n          });\r\n          setOpen(willOpen);\r\n        });\r\n\r\n        btn.addEventListener('keydown', (e)=>{\r\n          if(e.key==='Enter' || e.key===' '){ e.preventDefault(); btn.click(); }\r\n        });\r\n\r\n        const ro = new ResizeObserver(()=>{ if(card.hasAttribute('open')) body.style.height = body.scrollHeight+'px'; });\r\n        ro.observe(body);\r\n      });\r\n\r\n      \/* \u0424\u0438\u043b\u044c\u0442\u0440 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c (\u043f\u043e\u0438\u0441\u043a \u0443\u0431\u0440\u0430\u043d) *\/\r\n      const tabs = [...root.querySelectorAll('.sl-tab')];\r\n      const itemsQA = [...root.querySelectorAll('.qa')];\r\n      let activeCat = 'all';\r\n\r\n      function applyFilter(){\r\n        itemsQA.forEach(el=>{\r\n          el.style.display = (activeCat==='all' || el.dataset.cat===activeCat) ? '' : 'none';\r\n        });\r\n      }\r\n\r\n      tabs.forEach(t=>{\r\n        t.addEventListener('click', ()=>{\r\n          tabs.forEach(x=> x.setAttribute('aria-selected','false'));\r\n          t.setAttribute('aria-selected','true');\r\n          activeCat = t.dataset.cat;\r\n          applyFilter();\r\n        });\r\n\r\n        \/\/ \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0430\u0431\u0430\u043c\r\n        t.addEventListener('keydown', (e)=>{\r\n          if(e.key!=='ArrowRight' && e.key!=='ArrowLeft') return;\r\n          e.preventDefault();\r\n          const arr = tabs;\r\n          const i = arr.indexOf(t);\r\n          const dir = e.key==='ArrowRight' ? 1 : -1;\r\n          const next = (i + dir + arr.length) % arr.length;\r\n          arr[next].focus(); arr[next].click();\r\n        });\r\n      });\r\n\r\n      applyFilter();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4d0cdf e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"f4d0cdf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71af213 elementor-widget elementor-widget-html\" data-id=\"71af213\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sl-contact sl-contact--full\" id=\"contact\" aria-label=\"\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 Soft Leasing\">\r\n  <!-- \u0413\u043b\u0430\u0434\u043a\u0438\u0439 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0439 \u0448\u0440\u0438\u0444\u0442 -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <!-- Leaflet \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\">\r\n  <script defer src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\r\n\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Manrope\", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    .sl-contact--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw; inset-inline: calc(50% - 50dvw);\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 540px at 12% 0%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 88% 18%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(560px 360px at 22% 82%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(520px 320px at 78% 78%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      padding: clamp(28px,6vw,60px) 0 clamp(36px,7vw,80px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-contact--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n    .sl-contact--full::before{\r\n      content:\"\"; position:absolute; inset:-40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.85), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n\r\n    .sl-contact .wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(14px,4vw,28px);\r\n      padding-left:  max(clamp(14px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(14px,4vw,28px), env(safe-area-inset-right));\r\n      box-sizing:border-box; position:relative; z-index:1;\r\n      font-family: var(--sl-font);\r\n    }\r\n\r\n    .sl-contact .head{\r\n      display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap;\r\n      margin-bottom: clamp(16px,3vw,28px);\r\n    }\r\n    .sl-contact h2{ font:800 clamp(22px,3.8vw,36px)\/1.15 var(--sl-font); margin:0; letter-spacing:.2px; }\r\n    .sl-contact .sub{ font:500 clamp(14px,2.2vw,18px)\/1.55 var(--sl-font); color:#2a5165; max-width:70ch; }\r\n\r\n    .sl-contact .grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; }\r\n    .sl-panel{\r\n      border-radius: var(--sl-radius-xl);\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.95));\r\n      border:1px solid rgba(var(--slc-sky), .28);\r\n      box-shadow: var(--sl-shadow);\r\n      backdrop-filter: saturate(1.1);\r\n    }\r\n    .sl-form{ grid-column: span 7; padding:18px; }\r\n    .sl-info{ grid-column: span 5; padding:18px; position:relative; overflow:hidden; }\r\n    @media (max-width:1100px){\r\n      .sl-form{ grid-column: span 12; }\r\n      .sl-info{ grid-column: span 12; }\r\n    }\r\n\r\n    .sl-field{ display:grid; gap:8px; margin-bottom:14px; }\r\n    .sl-label{ font:800 14px\/1 var(--sl-font); color:#123f52; letter-spacing:.2px; }\r\n    .sl-input, .sl-select, .sl-textarea{\r\n      width:100%; box-sizing:border-box; border-radius:12px; outline:none;\r\n      font:700 15px\/1.1 var(--sl-font); letter-spacing:.1px;\r\n      padding:12px 12px; color:#0f394b; background:#fff;\r\n      border:1px solid rgba(var(--slc-sky), .28);\r\n      box-shadow: 0 4px 10px rgba(var(--slc-deep), .05) inset;\r\n    }\r\n    .sl-input::placeholder, .sl-textarea::placeholder{ color:#8aa5b6; font-weight:600; }\r\n    .sl-input:focus, .sl-select:focus, .sl-textarea:focus{\r\n      border-color: rgba(var(--slc-accent), .55); box-shadow:0 0 0 3px rgba(var(--slc-accent), .15);\r\n    }\r\n    .sl-row-2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }\r\n    @media (max-width:560px){ .sl-row-2{ grid-template-columns:1fr; } }\r\n    .sl-textarea{ min-height:110px; resize:vertical; }\r\n\r\n    .sl-consent{ display:flex; gap:10px; align-items:flex-start; font:600 12px\/1.4 var(--sl-font); color:#43677a; }\r\n    .sl-consent input{ margin-top:2px; }\r\n\r\n    .sl-actions{ display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; margin-top:8px; }\r\n    .sl-btn{\r\n      --bg: rgb(var(--slc-accent)); --fg:#fff;\r\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n      padding:12px 16px; border-radius:14px; font:800 14px\/1 var(--sl-font);\r\n      text-decoration:none; background:var(--bg); color:var(--fg);\r\n      border:1px solid rgba(0,0,0,.06); box-shadow: var(--sl-shadow);\r\n      transition: transform .2s ease, box-shadow .25s ease;\r\n    }\r\n    .sl-btn.secondary{ --bg: rgba(var(--slc-sky), .14); --fg: rgb(var(--slc-accent)); border:1px solid rgba(var(--slc-sky), .35); }\r\n    .sl-btn:hover{ transform: translateY(-2px); box-shadow:0 14px 32px rgba(var(--slc-deep), .16); }\r\n    .sl-btn[disabled]{ opacity:.6; pointer-events:none; }\r\n\r\n    @media (max-width:680px){\r\n      .sl-actions{ justify-content:flex-start; }\r\n      .sl-actions .sl-btn{ width:100%; }\r\n    }\r\n\r\n    .sl-toast{\r\n      position: fixed; left:50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);\r\n      transform:translateX(-50%) translateY(20px);\r\n      background:#fff; color:#0f394b; border:1px solid rgba(var(--slc-sky), .30); border-radius:14px;\r\n      padding:12px 16px; box-shadow: var(--sl-shadow); opacity:0; pointer-events:none; z-index:99999;\r\n      transition: opacity .25s ease, transform .25s ease;\r\n      font:800 14px\/1.35 var(--sl-font);\r\n    }\r\n    .sl-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }\r\n\r\n    .sl-info .bg-blur{\r\n      position:absolute; inset:-20% -10% auto -10%; height:58%;\r\n      background:\r\n        radial-gradient(40% 70% at 30% 10%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),\r\n        radial-gradient(40% 70% at 70% 20%, rgba(180,210,230,.28), rgba(180,210,230,0) 70%);\r\n      filter: blur(2px);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .sl-channels{ display:grid; grid-template-columns: repeat(12, 1fr); gap:12px; margin-bottom:12px; }\r\n    .ch{ grid-column: span 6; display:flex; align-items:center; gap:10px;\r\n      padding:12px; border-radius:14px; background:#fff; border:1px solid rgba(var(--slc-sky), .30); box-shadow:var(--sl-shadow);\r\n      cursor:default; user-select:none;\r\n    }\r\n    .ch .ico{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center;\r\n      background: rgba(var(--slc-sky), .12); border:1px solid rgba(var(--slc-sky), .30);\r\n    }\r\n    .ch svg{ width:18px; height:18px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\r\n    .ch strong{ font:800 15px\/1 var(--sl-font); color:#123f52; }\r\n    .ch .act{ margin-left:auto; font:800 12px\/1 var(--sl-font); color: rgb(var(--slc-accent)); cursor:pointer; }\r\n\r\n    @media (max-width:860px){ .ch{ grid-column: span 12; } }\r\n\r\n    .sl-map{\r\n      margin-top:8px; border-radius:16px; border:1px solid rgba(var(--slc-sky), .28);\r\n      overflow:hidden; background:#fff; height:320px;\r\n    }\r\n    @media (max-width:520px){ .sl-map{ height:260px; } }\r\n\r\n    .sl-hours{ margin-top:10px; font:600 13px\/1.5 var(--sl-font); color:#2a5165; display:flex; gap:16px; flex-wrap:wrap; }\r\n    .sl-hours .row{ display:flex; align-items:center; gap:8px; }\r\n    .sl-hours svg{ width:16px; height:16px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n\r\n    .reveal{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }\r\n    .reveal.in-view{ opacity:1; transform: translateY(0); }\r\n    @media (prefers-reduced-motion: reduce){\r\n      .reveal{ transition:none; }\r\n      .sl-btn{ transition:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- ICON SPRITE -->\r\n  <svg aria-hidden=\"true\" width=\"0\" height=\"0\" style=\"position:absolute;opacity:0;pointer-events:none\">\r\n    <defs>\r\n      <symbol id=\"i-user\" viewBox=\"0 0 24 24\">\r\n        <circle cx=\"12\" cy=\"7.5\" r=\"3.5\"\/><path d=\"M4 20a8 8 0 0 1 16 0\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-building\" viewBox=\"0 0 24 24\">\r\n        <rect x=\"3\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\/><path d=\"M9 7h2M9 11h2M9 15h2\"\/><path d=\"M15 9h6v12H15\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-phone\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M22 16.5v3a2 2 0 0 1-2.2 2 19 19 0 0 1-8.3-3.3 19 19 0 0 1-6-6A19 19 0 0 1 2.5 4.2 2 2 0 0 1 4.5 2h3a2 2 0 0 1 2 1.7l.4 2.4a2 2 0 0 1-.5 1.7l-1.3 1.3a15 15 0 0 0 6 6l1.3-1.3a2 2 0 0 1 1.7-.5l2.4.4a2 2 0 0 1 1.7 2z\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-mail\" viewBox=\"0 0 24 24\">\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-telegram\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M21.5 3.5L2.8 10.4c-.9.3-.9 1.6.1 1.9l4.6 1.4 1.7 5.2c.3.9 1.5 1 2 .2l2.7-3.6 4.6 3.4c.7.5 1.7.1 1.9-.8l3-14c.2-.9-.6-1.6-1.4-1.3z\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-map-pin\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-clock\" viewBox=\"0 0 24 24\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v6l4 2\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"i-send\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M22 2 11 13\"\/><path d=\"M22 2 15 22l-4-9-9-4z\"\/>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"head reveal\">\r\n      <div>\r\n        <h2>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438<\/h2>\r\n        <p class=\"sub\">\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u043f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u043f\u043b\u0430\u0442\u0451\u0436 \u0432 UZS. \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 60 \u043c\u0438\u043d\u0443\u0442.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"grid\">\r\n      <!-- FORM -->\r\n      <form class=\"sl-panel sl-form reveal\" id=\"contact-form\" onsubmit=\"return false\" novalidate>\r\n        <div class=\"sl-row-2\">\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label>\r\n            <input id=\"cf-name\" class=\"sl-input\" name=\"name\" type=\"text\" placeholder=\"\u0418\u0432\u0430\u043d\" required>\r\n          <\/div>\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-company\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/label>\r\n            <input id=\"cf-company\" class=\"sl-input\" name=\"company\" type=\"text\" placeholder=\"\u041e\u041e\u041e \u00ab\u041f\u0440\u0438\u043c\u0435\u0440\u00bb\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-row-2\">\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\r\n            <input id=\"cf-phone\" class=\"sl-input\" name=\"phone\" type=\"tel\" inputmode=\"tel\" placeholder=\"+998 (__) ___-__-__\" required>\r\n          <\/div>\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-email\">E-mail (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)<\/label>\r\n            <input id=\"cf-email\" class=\"sl-input\" name=\"email\" type=\"email\" placeholder=\"you@company\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-row-2\">\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-type\">\u0422\u0438\u043f \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/label>\r\n            <select id=\"cf-type\" class=\"sl-select\" name=\"type\">\r\n              <option>\u041b\u0435\u0433\u043a\u043e\u0432\u043e\u0439 \u0430\u0432\u0442\u043e<\/option>\r\n              <option>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0443\u0440\u0433\u043e\u043d<\/option>\r\n              <option selected>\u0413\u0440\u0443\u0437\u043e\u0432\u0438\u043a<\/option>\r\n              <option>\u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/option>\r\n              <option>\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"sl-field\">\r\n            <label class=\"sl-label\" for=\"cf-budget\">\u0411\u044e\u0434\u0436\u0435\u0442, UZS (\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440)<\/label>\r\n            <input id=\"cf-budget\" class=\"sl-input\" name=\"budget\" type=\"text\" inputmode=\"numeric\" placeholder=\"500 000 000\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sl-field\">\r\n          <label class=\"sl-label\" for=\"cf-msg\">\u041a\u0440\u0430\u0442\u043a\u043e \u043e \u0437\u0430\u0434\u0430\u0447\u0435<\/label>\r\n          <textarea id=\"cf-msg\" class=\"sl-textarea\" name=\"message\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: 2 \u0442\u044f\u0433\u0430\u0447\u0430 \u043d\u0430 36 \u043c\u0435\u0441, \u0430\u0432\u0430\u043d\u0441 20%\u2026\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"sl-consent\">\r\n          <input id=\"cf-consent\" type=\"checkbox\" required>\r\n          <span>\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d(\u043d\u0430) \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 \u0438\u043b\u0438 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"sl-actions\">\r\n          <button class=\"sl-btn\" id=\"cf-send\" type=\"submit\" data-loading-text=\"\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u2026\">\r\n            <svg aria-hidden=\"true\" style=\"width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2\"><use href=\"#i-send\"\/><\/svg>\r\n            \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\r\n          <\/button>\r\n          <a class=\"sl-btn secondary\" href=\"tel:+998710000000\">\r\n            <svg aria-hidden=\"true\" style=\"width:16px;height:16px;stroke:rgb(var(--slc-accent));fill:none;stroke-width:2\"><use href=\"#i-phone\"\/><\/svg>\r\n            \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\r\n          <\/a>\r\n        <\/div>\r\n      <\/form>\r\n\r\n      <!-- INFO -->\r\n      <aside class=\"sl-panel sl-info reveal\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        <div class=\"bg-blur\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"sl-channels\">\r\n          <div class=\"ch\">\r\n            <span class=\"ico\"><svg><use href=\"#i-phone\"\/><\/svg><\/span>\r\n            <div>\r\n              <strong>+998 (71) 209-15-55<\/strong><br>\r\n              <span style=\"color:#2a5165;font:600 12px\/1 var(--sl-font)\">\u041f\u043d\u2013\u041f\u0442 09:00\u201318:00<\/span>\r\n            <\/div>\r\n            <span class=\"act\" data-copy=\"+998710000000\">\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ch\">\r\n            <span class=\"ico\"><svg><use href=\"#i-telegram\"\/><\/svg><\/span>\r\n            <div>\r\n              <strong>@softleasing<\/strong><br>\r\n              <span style=\"color:#2a5165;font:600 12px\/1 var(--sl-font)\">Telegram-\u0447\u0430\u0442<\/span>\r\n            <\/div>\r\n            <a class=\"act\" href=\"https:\/\/t.me\/fincom_group\" target=\"_blank\" rel=\"noopener\">\u041e\u0442\u043a\u0440\u044b\u0442\u044c<\/a>\r\n          <\/div>\r\n\r\n          <div class=\"ch\">\r\n            <span class=\"ico\"><svg><use href=\"#i-mail\"\/><\/svg><\/span>\r\n            <div>\r\n              <strong>info@softleasing.uz<\/strong><br>\r\n              <span style=\"color:#2a5165;font:600 12px\/1 var(--sl-font)\">E-mail<\/span>\r\n            <\/div>\r\n            <span class=\"act\" data-copy=\"info@softleasing.uz\">\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"ch\">\r\n            <span class=\"ico\"><svg><use href=\"#i-building\"\/><\/svg><\/span>\r\n            <div>\r\n              <strong> \u0433.\u0422\u0430\u0448\u043a\u0435\u043d\u0442 \u0443\u043b. \u042f\u043d\u0433\u0438 \u0421\u0435\u0440\u0433\u0435\u043b\u0438, 7, \u0421\u0435\u0440\u0433\u0435\u043b\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d,<\/strong><br>\r\n              <span style=\"color:#2a5165;font:600 12px\/1 var(--sl-font)\">\u041e\u0444\u0438\u0441 Soft Leasing<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 Leaflet -->\r\n        <div class=\"sl-map\" id=\"sl-real-map\" role=\"img\" aria-label=\"\u041a\u0430\u0440\u0442\u0430 \u043e\u0444\u0438\u0441\u043e\u0432 Soft Leasing\"><\/div>\r\n\r\n        <div class=\"sl-hours\">\r\n          <div class=\"row\"><svg><use href=\"#i-clock\"\/><\/svg> \u041f\u043d\u2013\u041f\u0442: 09:00\u201318:00<\/div>\r\n          <div class=\"row\"><svg><use href=\"#i-user\"\/><\/svg> \u041e\u0442\u0432\u0435\u0442 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438 60 \u043c\u0438\u043d\u0443\u0442<\/div>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sl-toast\" id=\"cf-toast\" role=\"status\" aria-live=\"polite\">\u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('contact');\r\n      const $ = (s, c=document)=>c.querySelector(s);\r\n      const $$ = (s, c=document)=>Array.from(c.querySelectorAll(s));\r\n\r\n      \/* Reveal *\/\r\n      const items = root.querySelectorAll('.reveal');\r\n      const io = new IntersectionObserver((ents)=>{\r\n        ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target);} });\r\n      }, {threshold:.15});\r\n      items.forEach(el=> io.observe(el));\r\n\r\n      \/* Copy *\/\r\n      $$('.ch .act[data-copy]', root).forEach(btn=>{\r\n        btn.addEventListener('click', async ()=>{\r\n          try{ await navigator.clipboard.writeText(btn.dataset.copy); btn.textContent='\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e'; setTimeout(()=>btn.textContent='\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c',1200);}catch{}\r\n        });\r\n      });\r\n\r\n      \/* Phone mask +998 (__) ___-__-__ *\/\r\n      const phone = $('#cf-phone', root);\r\n      function maskPhone(v){\r\n        v = (v||'').replace(\/[^\\d]\/g,'');\r\n        if(v.startsWith('998')){} else if(v.startsWith('8')) v = '998'+v.slice(1);\r\n        v = v.replace(\/^998?\/, '998'); \/\/ \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u0434\r\n        v = v.slice(0,12);\r\n        const b = (v.slice(3).padEnd(9,'_')).slice(0,9);\r\n        return '+998 ('+b.slice(0,2)+') '+b.slice(2,5)+'-'+b.slice(5,7)+'-'+b.slice(7,9) ;\r\n      }\r\n      phone.addEventListener('input', ()=>{ phone.value = maskPhone(phone.value); });\r\n      phone.addEventListener('focus', ()=>{ if(!phone.value) phone.value = '+998 (__) ___-__-__'; });\r\n      phone.addEventListener('click', ()=>{ if(phone.selectionStart<6) phone.setSelectionRange(6,6); });\r\n\r\n      \/* Budget formatting *\/\r\n      const budget = $('#cf-budget', root);\r\n      const fmt = n => n.toString().replace(\/\\D\/g,'').replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,' ');\r\n      budget.addEventListener('input', ()=> budget.value = fmt(budget.value));\r\n\r\n      \/* AJAX submit to WP admin-ajax.php *\/\r\n      const form = $('#contact-form', root);\r\n      const sendBtn = $('#cf-send', root);\r\n      const toast = $('#cf-toast');\r\n\r\n      async function submitForm(){\r\n        if(!form.reportValidity()) return;\r\n\r\n        const data = new FormData(form);\r\n        data.append('action','sl_send_contact'); \/\/ WP AJAX action\r\n        \/\/ \u0415\u0441\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 nonce \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443, \u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435:\r\n        \/\/ data.append('nonce', form.dataset.nonce || '');\r\n\r\n        const original = sendBtn.innerHTML;\r\n        sendBtn.setAttribute('disabled','');\r\n        sendBtn.innerHTML = (sendBtn.dataset.loadingText || '\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u2026');\r\n\r\n        try{\r\n          const res = await fetch((window.slAjaxUrl || (window.wp && wp.ajax && wp.ajax.settings ? wp.ajax.settings.url : '\/wp-admin\/admin-ajax.php')), {\r\n            method:'POST', body:data, credentials:'same-origin'\r\n          });\r\n          const json = await res.json().catch(()=>({success:false}));\r\n          if(json && json.success){\r\n            toast.textContent = '\u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.';\r\n            toast.classList.add('show');\r\n            setTimeout(()=> toast.classList.remove('show'), 2600);\r\n            form.reset();\r\n          }else{\r\n            throw new Error();\r\n          }\r\n        }catch(e){\r\n          toast.textContent = '\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0438\u043b\u0438 \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c.';\r\n          toast.classList.add('show');\r\n          setTimeout(()=> toast.classList.remove('show'), 3000);\r\n        }finally{\r\n          sendBtn.removeAttribute('disabled');\r\n          sendBtn.innerHTML = original;\r\n        }\r\n      }\r\n      form.addEventListener('submit', (e)=>{ e.preventDefault(); submitForm(); });\r\n\r\n      \/* Leaflet map (\u0422\u0430\u0448\u043a\u0435\u043d\u0442 + \u0421\u0430\u043c\u0430\u0440\u043a\u0430\u043d\u0434 + \u0411\u0443\u0445\u0430\u0440\u0430) *\/\r\n      function initMap(){\r\n        if(!window.L) return;\r\n        const map = L.map('sl-real-map', {scrollWheelZoom:false}).setView([41.3111, 69.2797], 6); \/\/ \u0446\u0435\u043d\u0442\u0440 \u2014 \u0422\u0430\u0448\u043a\u0435\u043d\u0442\r\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n          maxZoom: 19, attribution: '&copy; OpenStreetMap'\r\n        }).addTo(map);\r\n\r\n        const points = [\r\n          {name:'\u0422\u0430\u0448\u043a\u0435\u043d\u0442, \u043e\u0444\u0438\u0441 Soft Leasing', lat:41.3111, lng:69.2797},\r\n          {name:'\u0421\u0430\u043c\u0430\u0440\u043a\u0430\u043d\u0434 (\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e)', lat:39.6542, lng:66.9597},\r\n          {name:'\u0411\u0443\u0445\u0430\u0440\u0430 (\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e)', lat:39.7747, lng:64.4286},\r\n        ];\r\n        points.forEach(p=>{\r\n          L.marker([p.lat, p.lng]).addTo(map).bindPopup(p.name);\r\n        });\r\n      }\r\n      if(window.L){ initMap(); } else { window.addEventListener('load', initMap); }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e584645 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"e584645\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70af041 elementor-widget elementor-widget-html\" data-id=\"70af041\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"sl-footer sl-footer--full\" id=\"footer\" aria-label=\"\u041f\u043e\u0434\u0432\u0430\u043b \u2014 Soft Leasing\">\r\n  <style>\r\n    :root{\r\n      --slc-deep: 37,58,75;\r\n      --slc-sky:  80,125,160;\r\n      --slc-accent: 31,80,100;\r\n\r\n      --sl-ink:#0f1c24;\r\n      --sl-bg-0:#ffffff;\r\n      --sl-bg-1:#f5fbff;\r\n      --sl-bg-2:#eef6fb;\r\n\r\n      --sl-radius-xl:22px;\r\n      --sl-shadow:0 10px 30px rgba(var(--slc-deep),.10);\r\n\r\n      --sl-font:\"Gc-quark\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== FULL-BLEED (\u0431\u0435\u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c safe-areas) ===== *\/\r\n    .sl-footer--full{\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      width:100dvw;                           \/* \u0432\u043c\u0435\u0441\u0442\u043e 100vw *\/\r\n      inset-inline: calc(50% - 50dvw);        \/* \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u0444\u0443\u043b\u043b-\u0431\u043b\u0438\u0434 *\/\r\n      color:var(--sl-ink);\r\n      background:\r\n        radial-gradient(1100px 520px at 12% 0%, var(--sl-bg-2), transparent 60%),\r\n        radial-gradient(900px 520px at 88% 18%, var(--sl-bg-1), transparent 62%),\r\n        radial-gradient(560px 360px at 22% 82%, rgba(var(--slc-sky), .10), rgba(255,255,255,0) 70%),\r\n        radial-gradient(520px 320px at 78% 78%, rgba(var(--slc-sky), .08), rgba(255,255,255,0) 70%),\r\n        linear-gradient(180deg, #f8fbfe, var(--sl-bg-0));\r\n      padding: clamp(32px,6vw,60px) 0 clamp(22px,5vw,34px);\r\n    }\r\n    @supports not (width: 100dvw){\r\n      .sl-footer--full{ width:100vw; inset-inline: calc(50% - 50vw); }\r\n    }\r\n    .sl-footer--full::before{\r\n      content:\"\"; position:absolute; inset:-40px 0 auto 0; height:80px; z-index:0;\r\n      background: radial-gradient(60% 70% at 50% 0, rgba(255,255,255,.85), rgba(255,255,255,0));\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* ===== \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 reset\/\u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f ===== *\/\r\n    .sl-footer .slf-wrap *{ box-sizing:border-box; font-family:var(--sl-font); }\r\n    .sl-footer .slf-wrap h1,.sl-footer .slf-wrap h2,.sl-footer .slf-wrap h3,\r\n    .sl-footer .slf-wrap h4,.sl-footer .slf-wrap p{ margin:0; }\r\n    .sl-footer .slf-wrap a{ text-decoration:none; }\r\n    .sl-footer .slf-wrap img{ max-width:100%; height:auto; display:block; }\r\n    .sl-footer .slf-wrap{ line-height:1.4; }\r\n\r\n    \/* ===== WRAP (safe-areas) ===== *\/\r\n    .slf-wrap{\r\n      width:100%; max-width:1400px; margin-inline:auto;\r\n      padding-inline: clamp(16px,4vw,28px);\r\n      padding-left:  max(clamp(16px,4vw,28px), env(safe-area-inset-left));\r\n      padding-right: max(clamp(16px,4vw,28px), env(safe-area-inset-right));\r\n      position:relative; z-index:1;\r\n    }\r\n\r\n    \/* ===== GRID ===== *\/\r\n    .slf-cols{\r\n      display:grid;\r\n      grid-template-columns: repeat(12, minmax(0,1fr));\r\n      gap: clamp(14px,2vw,18px);\r\n      align-items:start;\r\n    }\r\n    .slf-brand, .slf-nav, .slf-contacts{ min-width:0; }\r\n    .slf-brand{ grid-column: span 4; }\r\n    .slf-nav  { grid-column: span 5; }\r\n    .slf-contacts{ grid-column: span 3; }\r\n\r\n    @media (max-width:1200px){\r\n      .slf-brand{ grid-column: span 12; }\r\n      .slf-nav{ grid-column: span 7; }\r\n      .slf-contacts{ grid-column: span 5; }\r\n    }\r\n    @media (max-width:860px){\r\n      .slf-nav, .slf-contacts{ grid-column: span 12; }\r\n    }\r\n\r\n    \/* ===== BRAND \/ LOGO ===== *\/\r\n    .slf-brand{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; }\r\n    .slf-logo{\r\n      display:inline-flex; align-items:center; gap:0; margin-bottom:8px;\r\n      color:#0f394b; min-width:0;\r\n    }\r\n    .slf-mark{\r\n      width: clamp(88px, 12vw, 132px);\r\n      height: clamp(88px, 12vw, 132px);\r\n      border-radius:18px; display:grid; place-items:center; overflow:hidden;\r\n      background: rgba(var(--slc-sky), .12); border:1px solid rgba(var(--slc-sky), .30);\r\n      box-shadow: var(--sl-shadow);\r\n      flex:0 0 auto;\r\n    }\r\n    .slf-img{ width:100%; height:100%; object-fit:contain; }\r\n    .slf-fallback{ width:28px; height:28px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n    .slf-has-logo .slf-fallback{ display:none; }\r\n\r\n    .slf-tag{\r\n      font:600 clamp(12px,1.8vw,13px)\/1.6 var(--sl-font);\r\n      color:#2a5165; max-width:60ch; overflow-wrap:anywhere;\r\n    }\r\n\r\n    \/* ===== NAV ===== *\/\r\n    .slf-nav .slf-grid{\r\n      display:grid;\r\n      grid-template-columns: repeat(3, minmax(0,1fr));\r\n      gap:16px;\r\n    }\r\n    @media (max-width:760px){ .slf-nav .slf-grid{ grid-template-columns: 1fr 1fr; } }\r\n    @media (max-width:520px){ .slf-nav .slf-grid{ grid-template-columns: 1fr; } }\r\n\r\n    .slf-nav h4{ font:800 14px\/1 var(--sl-font); color:#123f52; margin:0 0 10px; }\r\n    .slf-links{ display:grid; gap:8px; min-width:0; }\r\n    .slf-links a{\r\n      color:#2b566a; font:700 13px\/1.2 var(--sl-font);\r\n      border-radius:8px; padding:6px 8px; outline-offset:2px; overflow-wrap:anywhere;\r\n    }\r\n    .slf-links a:hover{ background: rgba(var(--slc-sky), .10); color:#0f394b; }\r\n    .slf-links a:focus-visible{ outline:2px solid rgba(var(--slc-accent), .45); }\r\n\r\n    \/* ===== CONTACTS ===== *\/\r\n    .slf-card{\r\n      border-radius: var(--sl-radius-xl);\r\n      background: linear-gradient(180deg,#fff,rgba(255,255,255,.92));\r\n      border:1px solid rgba(var(--slc-sky), .30); box-shadow: var(--sl-shadow);\r\n      padding:14px; min-width:0;\r\n    }\r\n    .slf-row{ display:flex; align-items:center; gap:10px; padding:8px 6px; border-radius:10px; }\r\n    .slf-row + .slf-row{ margin-top:4px; }\r\n    .slf-ico{\r\n      width:34px; height:34px; border-radius:9px; display:grid; place-items:center;\r\n      background: rgba(var(--slc-sky), .12); border:1px solid rgba(var(--slc-sky), .30);\r\n      flex:0 0 auto;\r\n    }\r\n    .slf-ico svg{ width:18px; height:18px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n    .slf-row a{ color:#0f394b; font:800 14px\/1 var(--sl-font); }\r\n    .slf-row span{ color:#2a5165; font:600 12px\/1 var(--sl-font); }\r\n\r\n    .slf-social{ display:flex; gap:10px; margin-top:10px; }\r\n    .slf-social a{\r\n      width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#fff;\r\n      border:1px solid rgba(var(--slc-sky), .30); box-shadow: var(--sl-shadow);\r\n    }\r\n    .slf-social svg{ width:16px; height:16px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n\r\n    \/* ===== BOTTOM BAR ===== *\/\r\n    .slf-bottom{\r\n      margin-top: clamp(18px,3vw,28px);\r\n      border-top:1px solid rgba(var(--slc-sky), .24);\r\n      padding-top:12px; display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap;\r\n      color:#43677a; font:600 12px\/1.5 var(--sl-font);\r\n    }\r\n    .slf-legal{ display:flex; gap:14px; flex-wrap:wrap; }\r\n    .slf-legal a{ color:#2b566a; }\r\n    .slf-legal a:hover{ text-decoration:underline; }\r\n\r\n    \/* Back-to-top (\u0443\u0447\u0451\u0442 \u043d\u0438\u0436\u043d\u0435\u0439 safe-area) *\/\r\n    .slf-top{\r\n      position:fixed; right:clamp(12px,3vw,24px);\r\n      bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(12px,3vw,24px));\r\n      width:44px; height:44px; border-radius:50%; border:1px solid rgba(var(--slc-sky), .35);\r\n      background:#fff; box-shadow: var(--sl-shadow); display:grid; place-items:center; cursor:pointer;\r\n      opacity:0; visibility:hidden; transform: translateY(8px);\r\n      transition: opacity .25s ease, transform .25s ease, visibility .25s;\r\n      z-index:50;\r\n    }\r\n    .slf-top svg{ width:18px; height:18px; stroke: rgb(var(--slc-accent)); fill:none; stroke-width:2; }\r\n    .slf-top.show{ opacity:1; visibility:visible; transform: translateY(0); }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .slf-top{ transition:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 fallback-\u0441\u043f\u0440\u0430\u0439\u0442 -->\r\n  <svg aria-hidden=\"true\" width=\"0\" height=\"0\" style=\"position:absolute;opacity:0;pointer-events:none\">\r\n    <defs>\r\n      <symbol id=\"f-leaf\" viewBox=\"0 0 24 24\"><path d=\"M21 3S12 2 7.5 6.5 3 21 3 21s10 .5 14.5-4S21 3 21 3Z\"\/><path d=\"M3 21C3 21 10 14 21 3\"\/><\/symbol>\r\n      <symbol id=\"f-phone\" viewBox=\"0 0 24 24\"><path d=\"M22 16.5v3a2 2 0 0 1-2.2 2 19 19 0 0 1-8.3-3.3 19 19 0 0 1-6-6A19 19 0 0 1 2.5 4.2 2 2 0 0 1 4.5 2h3a2 2 0 0 1 2 1.7l.4 2.4a2 2 0 0 1-.5 1.7L8.1 9.1a15 15 0 0 0 6 6l1.3-1.3a2 2 0 0 1 1.7-.5l2.4.4a2 2 0 0 1 1.7 2z\"\/><\/symbol>\r\n      <symbol id=\"f-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/symbol>\r\n      <symbol id=\"f-tg\" viewBox=\"0 0 24 24\"><path d=\"M21.5 3.5 2.8 10.4c-.9.3-.9 1.6.1 1.9l4.6 1.4 1.7 5.2c.3.9 1.5 1 2 .2l2.7-3.6 4.6 3.4c.7.5 1.7.1 1.9-.8l3-14c.2-.9-.6-1.6-1.4-1.3Z\"\/><\/symbol>\r\n      <symbol id=\"f-map-pin\" viewBox=\"0 0 24 24\"><path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/symbol>\r\n      <symbol id=\"f-up\" viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/symbol>\r\n      <symbol id=\"f-ext\" viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M10 14 21 3M21 14v7H3V3h7\"\/><\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"slf-wrap\">\r\n    <div class=\"slf-cols\">\r\n      <!-- Brand -->\r\n      <div class=\"slf-brand\">\r\n        <a class=\"slf-logo\" href=\"#hero\" aria-label=\"Soft Leasing \u2014 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0443\u044e\">\r\n          <span class=\"slf-mark\" aria-hidden=\"true\">\r\n            <img decoding=\"async\" class=\"slf-img\" src=\"https:\/\/softleasing.uz\/wp-content\/uploads\/2025\/09\/soft-logo1.png\" alt=\"Soft Leasing\" loading=\"lazy\">\r\n            <svg class=\"slf-fallback\" viewBox=\"0 0 24 24\"><use href=\"#f-leaf\"\/><\/svg>\r\n          <\/span>\r\n        <\/a>\r\n        <p class=\"slf-tag\">\u041b\u0438\u0437\u0438\u043d\u0433 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0438 \u0430\u0432\u0442\u043e \u0432 \u0423\u0437\u0431\u0435\u043a\u0438\u0441\u0442\u0430\u043d\u0435: \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438 \u0432 UZS, \u043e\u043d\u043b\u0430\u0439\u043d-\u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 24\/7.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Navigation -->\r\n      <nav class=\"slf-nav\" aria-label=\"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u043c\">\r\n        <div class=\"slf-grid\">\r\n          <div class=\"slf-col\">\r\n            <h4>\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u044b<\/h4>\r\n            <div class=\"slf-links\">\r\n              <a href=\"#offers\">\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>\r\n              <a href=\"#catalog\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/a>\r\n              <a href=\"#calc\">\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/a>\r\n              <a href=\"#benefits\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slf-col\">\r\n            <h4>\u0421\u0435\u0440\u0432\u0438\u0441<\/h4>\r\n            <div class=\"slf-links\">\r\n              <a href=\"#faq\">\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u044b<\/a>\r\n              <a href=\"#contact\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/a>\r\n              <a href=\"#contact\">\u0421\u0442\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>\r\n              <a href=\"#contact\">\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0430\u043c<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slf-col\">\r\n            <h4>\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\r\n            <div class=\"slf-links\">\r\n              <a href=\"#about\">\u041e \u043d\u0430\u0441<\/a>\r\n              <a href=\"#news\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a>\r\n              <a href=\"#careers\">\u041a\u0430\u0440\u044c\u0435\u0440\u0430<\/a>\r\n              <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/nav>\r\n\r\n      <!-- Contacts -->\r\n      <aside class=\"slf-contacts\" aria-label=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\">\r\n        <div class=\"slf-card\">\r\n          <div class=\"slf-row\">\r\n            <span class=\"slf-ico\" aria-hidden=\"true\"><svg><use href=\"#f-phone\"\/><\/svg><\/span>\r\n            <div>\r\n              <a href=\"tel:+998710000000\">+998 (71) 209-15-55<\/a><br>\r\n              <span>\u041f\u043d\u2013\u041f\u0442 09:00\u201318:00<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slf-row\">\r\n            <span class=\"slf-ico\" aria-hidden=\"true\"><svg><use href=\"#f-mail\"\/><\/svg><\/span>\r\n            <div>\r\n              <a href=\"mailto:hello@softleasing.uz\">info@softleasing.uz<\/a><br>\r\n              <span>E-mail \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"slf-row\">\r\n            <span class=\"slf-ico\" aria-hidden=\"true\"><svg><use href=\"#f-map-pin\"\/><\/svg><\/span>\r\n            <div>\r\n              <a href=\"#contact\">\u0433. \u0422\u0430\u0448\u043a\u0435\u043d\u0442, \u0421\u0435\u0440\u0433\u0435\u043b\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d, \u0443\u043b. \u042f\u043d\u0433\u0438 \u0421\u0435\u0440\u0433\u0435\u043b\u0438 7<\/a><br>\r\n              <span>\u041e\u0444\u0438\u0441 Soft&nbsp;Leasing<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"slf-social\" aria-label=\"\u0421\u043e\u0446\u0441\u0435\u0442\u0438\">\r\n            <a href=\"https:\/\/t.me\/fincom_group\" target=\"_blank\" rel=\"noopener\" aria-label=\"Telegram\">\r\n              <svg><use href=\"#f-tg\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"mailto:info@softleasing.uz\" aria-label=\"E-mail\">\r\n              <svg><use href=\"#f-mail\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#contact\" aria-label=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b (\u0432\u043d\u0435\u0448\u043d\u044f\u044f \u0441\u0441\u044b\u043b\u043a\u0430)\">\r\n              <svg><use href=\"#f-ext\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n\r\n    <!-- Bottom bar -->\r\n    <div class=\"slf-bottom\">\r\n      <div>\u00a9 <span id=\"sl-year\">2025<\/span> Soft&nbsp;Leasing LLC. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b. \u0412\u0441\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u2014 \u0432 UZS.<\/div>\r\n      <div class=\"slf-legal\">\r\n        <a href=\"#policy\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\r\n        <a href=\"#terms\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\r\n        <a href=\"#offer\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Back to top -->\r\n  <button class=\"slf-top\" id=\"sl-top\" type=\"button\" aria-label=\"\u041d\u0430\u0432\u0435\u0440\u0445\">\r\n    <svg aria-hidden=\"true\"><use href=\"#f-up\"\/><\/svg>\r\n  <\/button>\r\n\r\n  <script>\r\n    (function(){\r\n      \/* \u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0433\u043e\u0434 *\/\r\n      const y = document.getElementById('sl-year');\r\n      if (y) y.textContent = new Date().getFullYear();\r\n\r\n      \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u041d\u0430\u0432\u0435\u0440\u0445\u00bb *\/\r\n      const topBtn = document.getElementById('sl-top');\r\n      const onScroll = () => (window.scrollY > 300)\r\n        ? topBtn.classList.add('show')\r\n        : topBtn.classList.remove('show');\r\n      window.addEventListener('scroll', onScroll, {passive:true});\r\n      onScroll();\r\n      topBtn.addEventListener('click', () => {\r\n        try { window.scrollTo({top:0, behavior:'smooth'}); } catch { window.scrollTo(0,0); }\r\n      });\r\n\r\n      \/* \u0421\u043a\u0440\u044b\u0442\u044c fallback-\u0438\u043a\u043e\u043d\u043a\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043b\u043e\u0433\u043e *\/\r\n      const img = document.querySelector('.slf-img');\r\n      const root = document.getElementById('footer');\r\n      if (img && root){\r\n        if (img.complete && img.naturalWidth) root.classList.add('slf-has-logo');\r\n        else img.addEventListener('load', ()=> root.classList.add('slf-has-logo'), {once:true});\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/footer>\r\n\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>\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 FAQ \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443 \u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 FAQ \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/pages\/3323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/comments?post=3323"}],"version-history":[{"count":10,"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/pages\/3323\/revisions"}],"predecessor-version":[{"id":29260,"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/pages\/3323\/revisions\/29260"}],"wp:attachment":[{"href":"https:\/\/softleasing.uz\/index.php\/wp-json\/wp\/v2\/media?parent=3323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}