{"id":1108,"date":"2026-08-17T15:43:09","date_gmt":"2026-08-17T15:43:09","guid":{"rendered":"https:\/\/webdigital.lv\/?page_id=1108"},"modified":"2026-10-11T11:07:53","modified_gmt":"2026-10-11T11:07:53","slug":"glavnaya","status":"publish","type":"page","link":"https:\/\/webdigital.lv\/ru\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1108\" class=\"elementor elementor-1108 elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd7822 e-con e-atomic-element e-flexbox-base e-default-div e-fb5af2b \" data-id=\"5fd7822\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5fd7822\" data-e-type=\"e-flexbox\" data-id=\"5fd7822\">\n    \t\t<div class=\"elementor-element elementor-element-755c2b4 elementor-widget elementor-widget-html\" data-id=\"755c2b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 PREMIUM HERO\n     REAL PORTFOLIO \/ SLIDING TRANSITIONS\n========================================================= -->\n\n<section class=\"wdx-hero\" id=\"wdxHero\" role=\"main\"><span id=\"content\" tabindex=\"-1\" class=\"wd-skip-anchor\"><\/span><style id=\"wd-home-a11y-2026\">\n#wdTrust .wdtrust__title span,#wdPremiumServices2 .wdpc2__title span,#wdWorks6 .wdworks6__headrow h2 span,.wd-clients-new__headgrid h2 span,.wdsupport__title span{color:#656560!important}\n#wdTrust .wdtrust__value--accent{color:#b93220!important}\n#wdTrust .wdtrust__link:not(.wdtrust__link--main){color:#171717!important;background:#f54d30!important;border:1px solid #f54d30!important;border-radius:8px!important;padding:9px 13px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;max-width:100%}\n#wdPremiumServices2 .wdpc2__audit,.wdprice26__eyebrow span,.wdworks6__kicker b,.wdworks6__done small,.wd-clients-new__eyebrow span,.wdsupport__kicker span:first-child{color:#a32c1d!important}\n.wdprice26__note,.wdworks6__copy p,.wd-clients-new__note span{color:#595955!important}\n.wdprice26__note a{color:#8c2046!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}\n.wdprice26__link{background:#171717!important;color:#fff!important;border:2px solid #171717!important}.wdprice26__card--main .wdprice26__link{background:#f54d30!important;color:#fff!important;border-color:#f54d30!important}\n#wdTrust .wdtrust__link:not(.wdtrust__link--main){background:#171717!important;border-color:#171717!important;color:#fff!important}\n.wdprice26__eyebrow span,.wdworks6__kicker b,.wdworks6__done small,.wd-clients-new__eyebrow span,.wdsupport__kicker span:first-child{color:#555550!important}\n.wdprice26__eyebrow,.wdworks6__kicker,.wd-clients-new__eyebrow,.wdsupport__kicker,.wdtrust__kicker{color:#555550!important}\n.wdprice26__eyebrow i,.wd-clients-new__eyebrow i,.wdtrust__kicker i,.wdsupport__kicker i{background:#777770!important}\n.wdprice26__features li:before{color:#555550!important}\n.wdprice26__card--main{border-color:#d0d0ca!important}\n.wdprice26__note a{color:#252525!important}\n#wdTrust .wdtrust__value--accent{color:#555550!important}\n#wdTrust .wdtrust__kicker span:first-child{color:#555550!important}\n.wd-clients-new__headgrid h2 span,.wdsupport__title span,#wdTrust .wdtrust__title span{color:#656560!important}\n.wdworks6__kicker span,.wdworks6__address,.wdsupport__kicker span:not(:first-child),.wdsupport__num{color:#555550!important}\n<\/style><script data-wd-home-a11y=\"1\">(function(){function fix(){var a=document.querySelector('#wdTrust .wdtrust__link');if(a)a.removeAttribute('aria-label');document.querySelectorAll('.wdfx__language-options a').forEach(function(el){el.removeAttribute('aria-label')})}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',fix);else fix();window.addEventListener('load',fix)})();<\/script>\n\n    <div class=\"wdx-hero-inner\">\n\n\n        <!-- =================================================\n   <!-- =========================================================\n     LEFT CONTENT\n========================================================= -->\n\n<div class=\"wdx-content\">\n\n    <div class=\"wdx-eyebrow\">\n        <span><\/span>\n        WEBDIGITAL \u00b7 \u0421\u0410\u0419\u0422\u042b \u00b7 \u0418\u041d\u0422\u0415\u0420\u041d\u0415\u0422-\u041c\u0410\u0413\u0410\u0417\u0418\u041d\u042b \u00b7 SEO\n    <\/div>\n\n    <h1 class=\"wdx-title\">\n        \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432\n        <br>\n        \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432\n        <em>\u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430.<\/em>\n    <\/h1>\n\n    <p class=\"wdx-description\">\n        WebDigital \u2014 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0435 \u0430\u0433\u0435\u043d\u0442\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430. \u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0441\u0430\u0439\u0442\u044b \u043d\u0430 WordPress \u0438 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b WooCommerce, \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f SEO, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f\u043c\u0438 CRM, AI-\u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u2014 \u043e\u0442 \u0438\u0434\u0435\u0438 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0434\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f.\n<\/p>\n\n    <div class=\"wdx-actions\">\n\n        <a\n            href=\"\/ru\/kontakty\/\"\n            class=\"wdx-primary\"\n            id=\"wdxOpenAi\"\n            aria-label=\"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\"\n        >\n            <span>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/span>\n            <b>\u2197<\/b>\n        <\/a>\n\n        <a\n            href=\"\/ru\/nashi-raboty\/\"\n            class=\"wdx-secondary\"\n        >\n            \u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"wdx-services\">\n\n        <span>WordPress<\/span>\n        <i><\/i>\n\n        <span>WooCommerce<\/span>\n        <i><\/i>\n\n        <span>SEO<\/span>\n        <i><\/i>\n\n        <span>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/span>\n\n    <\/div>\n\n    <div class=\"wdx-stats\">\n\n        <div class=\"wdx-stat\">\n            <strong>10+<\/strong>\n\n            <span>\n                \u043b\u0435\u0442<br>\n                \u043e\u043f\u044b\u0442\u0430\n            <\/span>\n        <\/div>\n\n        <div class=\"wdx-stat-line\"><\/div>\n\n        <div class=\"wdx-stat\">\n            <strong>500+<\/strong>\n\n            <span>\n                \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445<br>\n                \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\n            <\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n        <!-- =================================================\n             PORTFOLIO\n        ================================================== -->\n\n        <div\n            class=\"wdx-portfolio\"\n            id=\"wdxPortfolio\"\n        >\n\n            <div class=\"wdx-glow\"><\/div>\n\n\n\n            <!-- =================================================\n                 CARD A\n            ================================================== -->\n\n            <a href=\"https:\/\/irgrisinajumi.lv\/\" class=\"wdx-card wdx-slot-left\" id=\"wdxCardA\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/irg-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img src=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa-768x480.webp\" alt=\"IRG risin\u0101jumi\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" decoding=\"async\" fetchpriority=\"auto\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            \u0420\u0410\u0417\u0420\u0410\u0411\u041e\u0422\u041a\u0410 \u0421\u0410\u0419\u0422\u041e\u0412\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 CARD B \/ MAIN\n            ================================================== -->\n\n            <a href=\"https:\/\/ditra.lv\/\" class=\"wdx-card wdx-slot-main\" id=\"wdxCardB\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n\n                        <div class=\"wdx-browser-more\">\n                            \u2022\u2022\u2022\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/ditra-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img fetchpriority=\"high\" src=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa-768x480.webp\" alt=\"Ditra\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            \u0420\u0410\u0417\u0420\u0410\u0411\u041e\u0422\u041a\u0410 \u0421\u0410\u0419\u0422\u041e\u0412\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 CARD C\n            ================================================== -->\n\n            <a href=\"https:\/\/plaukti.eu\/\" class=\"wdx-card wdx-slot-right\" id=\"wdxCardC\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img src=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-768x480.webp\" alt=\"Plaukti.eu\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" decoding=\"async\" fetchpriority=\"auto\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            \u0420\u0410\u0417\u0420\u0410\u0411\u041e\u0422\u041a\u0410 \u0421\u0410\u0419\u0422\u041e\u0412\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 NAVIGATION\n            ================================================== -->\n\n            <div class=\"wdx-navigation\">\n\n                <button\n                    type=\"button\"\n                    id=\"wdxPrev\"\n                    aria-label=\"Iepriek\u0161\u0113jais  \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\"\n                >\n                    \u2190\n                <\/button>\n\n\n                <div class=\"wdx-progress\">\n                    <span id=\"wdxProgress\"><\/span>\n                <\/div>\n\n\n                <button\n                    type=\"button\"\n                    id=\"wdxNext\"\n                    aria-label=\"N\u0101kamais  \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\"\n                >\n                    \u2192\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         LARGE BACKGROUND WORD\n    ================================================== -->\n\n    <div class=\"wdx-background-word\">\n        WEBDIGITAL\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdx-hero,\n.wdx-hero * {\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.skip-link.screen-reader-text:focus{position:fixed!important;top:12px!important;left:12px!important;z-index:999999!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;padding:12px 18px!important;background:#fff!important;color:#111!important;border:2px solid #111!important}\n.wd-skip-anchor{position:absolute;top:0;left:0;width:1px;height:1px}\n.wdworks6__lead a,.wdreviews__intro a,.wdpc2__intro p a,.wdtrust__description a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}\n.wdx-hero a:focus-visible,.wdpc2 a:focus-visible,.wdworks6 a:focus-visible,.wdtrust a:focus-visible,.wdreviews a:focus-visible{outline:3px solid #ff5033!important;outline-offset:4px!important}\n\n.wdx-hero {\n\n    --orange: #ff5033;\n    --orange-dark: #ed4027;\n    --black: #111111;\n\n    position: relative;\n\n    width: 100%;\n\n    min-height: 720px;\n\n    overflow: hidden;\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n\n        radial-gradient(\n            circle at 80% 43%,\n            rgba(255,80,51,.085),\n            transparent 29%\n        ),\n\n        linear-gradient(\n            180deg,\n            #fff 0%,\n            #faf9f7 100%\n        );\n\n}\n\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdx-hero-inner {\n\n    position: relative;\n\n    z-index: 5;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    min-height: 720px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(460px,.9fr)\n        minmax(600px,1.1fr);\n\n    align-items: center;\n\n    gap: 65px;\n\n}\n\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.wdx-content {\n\n    padding:\n        68px 0\n        75px;\n\n}\n\n\n\n\/* EYEBROW *\/\n\n.wdx-eyebrow {\n\n    margin-bottom: 27px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    color: #777;\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.65px;\n\n}\n\n\n.wdx-eyebrow > span {\n\n    width: 7px;\n\n    height: 7px;\n\n    border-radius: 50%;\n\n    background:\n        var(--orange);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(255,80,51,.10);\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.wdx-title {\n\n    max-width: 680px;\n\n    margin: 0;\n\n    color:\n        var(--black);\n\n    font-size:\n        clamp(\n            50px,\n            4.55vw,\n            72px\n        );\n\n    line-height: .97;\n\n    font-weight: 650;\n\n    letter-spacing: -3.8px;\n\n}\n\n\n.wdx-title em {\n\n    display: block;\n\n    max-width: 650px;\n\n    color: #a3a3a3;\n\n    font-style: normal;\n\n    font-size: .92em;\n\n    letter-spacing: -3.4px;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.wdx-description {\n    max-width: 535px;\n\n    margin:\n        30px 0\n        34px;\n\n    color: #6f6f6f;\n\n    font-size: 16px;\n\n    line-height: 1.68;\n\n    font-weight: 500;\n}\n\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.wdx-actions {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 27px;\n\n}\n\n\n\n\/* PRIMARY *\/\n\n.wdx-primary {\n\n    min-height: 57px;\n\n    padding:\n        0 8px\n        0 22px;\n\n    border-radius: 12px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ff6041,\n            #f04327\n        );\n\n    color: #fff;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 22px;\n\n    text-decoration: none;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n    box-shadow:\n        0 12px 28px\n        rgba(240,67,39,.18);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n.wdx-primary b {\n\n    width: 41px;\n\n    height: 41px;\n\n    border-radius: 9px;\n\n    background:\n        rgba(255,255,255,.17);\n\n    display: grid;\n\n    place-items: center;\n\n    font-weight: 500;\n\n    transition:\n        transform .25s ease;\n\n}\n\n\n.wdx-primary:hover {\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 17px 35px\n        rgba(240,67,39,.25);\n\n}\n\n\n.wdx-primary:hover b {\n\n    transform:\n        translate(2px,-2px);\n\n}\n\n\n\n\/* SECONDARY *\/\n\n.wdx-secondary {\n\n    padding-bottom: 5px;\n\n    border-bottom:\n        1px solid #d4d4d4;\n\n    color: #222;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    text-decoration: none;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n.wdx-secondary span {\n\n    color:\n        var(--orange);\n\n    transition:\n        transform .2s ease;\n\n}\n\n\n.wdx-secondary:hover span {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\n\/* =========================================================\n   SERVICES\n========================================================= *\/\n\n.wdx-services {\n\n    margin-top: 47px;\n\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 11px;\n\n    color: #a1a1a1;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .75px;\n\n    text-transform: uppercase;\n\n}\n\n\n.wdx-services i {\n\n    width: 3px;\n\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #d2d2d2;\n\n}\n\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.wdx-stats {\n\n    margin-top: 28px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n\n}\n\n\n.wdx-stat {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n}\n\n\n.wdx-stat strong {\n\n    color:\n        var(--orange);\n\n    font-size: 25px;\n\n    line-height: 1;\n\n    font-weight: 750;\n\n    letter-spacing: -1.5px;\n\n}\n\n\n.wdx-stat span {\n\n    color: #9e9e9e;\n\n    font-size: 9px;\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: .6px;\n\n    text-transform: uppercase;\n\n}\n\n\n.wdx-stat-line {\n\n    width: 1px;\n\n    height: 29px;\n\n    background: #ddd;\n\n}\n\n\n\n\/* =========================================================\n   PORTFOLIO\n========================================================= *\/\n\n.wdx-portfolio {\n\n    position: relative;\n\n    height: 610px;\n\n    perspective: 1400px;\n\n}\n\n\n\n\/* GLOW *\/\n\n.wdx-glow {\n\n    position: absolute;\n\n    left: 54%;\n\n    top: 49%;\n\n    width: 560px;\n\n    height: 560px;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,80,51,.060);\n\n    filter:\n        blur(90px);\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   CARD BASE\n========================================================= *\/\n\n.wdx-card {\n\n    position: absolute;\n\n    width: 610px;\n\n    height: 420px;\n\n    left: 50%;\n\n    top: 50%;\n\n    display: block;\n\n    color: inherit;\n\n    text-decoration: none;\n\n    transform-origin:\n        center center;\n\n    transition:\n        transform .78s\n        cubic-bezier(.22,1,.36,1),\n        opacity .60s ease,\n        filter .65s ease;\n\n    will-change:\n        transform,\n        opacity;\n\n}\n\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.wdx-slot-main {\n\n    z-index: 10;\n\n    opacity: 1;\n\n    filter:\n        saturate(1);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(18px,0,0)\n        rotate(-0.8deg)\n        scale(1);\n\n}\n\n\n\n\/* =========================================================\n   LEFT BACK\n========================================================= *\/\n\n.wdx-slot-left {\n\n    z-index: 3;\n\n    opacity: .66;\n\n    filter:\n        saturate(.86)\n        brightness(.99);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(-235px,128px,0)\n        rotate(-5.5deg)\n        scale(.64);\n\n}\n\n\n\n\/* =========================================================\n   RIGHT BACK\n========================================================= *\/\n\n.wdx-slot-right {\n\n    z-index: 2;\n\n    opacity: .72;\n\n    filter:\n        saturate(.9)\n        brightness(1.01);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(275px,-118px,0)\n        rotate(5deg)\n        scale(.74);\n\n}\n\n\n\n\/* =========================================================\n   OFF SCREEN LEFT\n========================================================= *\/\n\n.wdx-slot-off-left {\n\n    z-index: 1;\n\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(-590px,180px,0)\n        rotate(-13deg)\n        scale(.48);\n\n}\n\n\n\n\/* =========================================================\n   OFF SCREEN RIGHT\n========================================================= *\/\n\n.wdx-slot-off-right {\n\n    z-index: 1;\n\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(590px,-180px,0)\n        rotate(13deg)\n        scale(.48);\n\n}\n\n\n\n\/* NO TRANSITION *\/\n\n.wdx-no-transition {\n\n    transition:\n        none !important;\n\n}\n\n\n\n\/* =========================================================\n   BROWSER\n========================================================= *\/\n\n.wdx-browser {\n\n    width: 100%;\n\n    height: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(0,0,0,.075);\n\n    border-radius: 16px;\n\n    background: #fff;\n\n    box-shadow:\n        0 28px 70px\n        rgba(0,0,0,.14),\n        0 8px 24px\n        rgba(0,0,0,.06);\n\n}\n\n\n\n\/* BROWSER BAR *\/\n\n.wdx-browser-bar {\n\n    position: relative;\n\n    height: 37px;\n\n    padding:\n        0 16px;\n\n    border-bottom:\n        1px solid #ececec;\n\n    background:\n        rgba(250,250,250,.97);\n\n    display: flex;\n\n    align-items: center;\n\n}\n\n\n\n\/* DOTS *\/\n\n.wdx-dots {\n\n    display: flex;\n\n    gap: 4px;\n\n}\n\n\n.wdx-dots i {\n\n    width: 5px;\n\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: #ccc;\n\n}\n\n\n\n\/* DOMAIN *\/\n\n.wdx-browser-domain {\n\n    position: absolute;\n\n    left: 50%;\n\n    transform:\n        translateX(-50%);\n\n    color: #555;\n\n    font-size: 8px;\n\n    font-weight: 650;\n\n}\n\n\n\n\/* MORE *\/\n\n.wdx-browser-more {\n\n    margin-left: auto;\n\n    color: #555;\n\n    font-size: 8px;\n\n}\n\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.wdx-image-wrap {\n\n    width: 100%;\n\n    height:\n        calc(100% - 37px);\n\n    overflow: hidden;\n\n    background: #eee;\n\n}\n\n\n.wdx-image-wrap img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position:\n        center top;\n\n    transition:\n        transform .9s\n        cubic-bezier(.22,1,.36,1);\n\n}\n\n\n.wdx-slot-main:hover\n.wdx-image-wrap img {\n\n    transform:\n        scale(1.025);\n\n}\n\n\n\n\/* =========================================================\n   PROJECT INFO\n========================================================= *\/\n\n.wdx-project-info {\n\n    position: absolute;\n\n    z-index: 25;\n\n    left: 18px;\n\n    right: 18px;\n\n    bottom: 16px;\n\n    min-height: 54px;\n\n    padding:\n        9px 9px\n        9px 13px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.58);\n\n    border-radius: 10px;\n\n    background:\n        rgba(255,255,255,.92);\n\n    backdrop-filter:\n        blur(13px);\n\n    -webkit-backdrop-filter:\n        blur(13px);\n\n    box-shadow:\n        0 12px 35px\n        rgba(0,0,0,.11);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    transition:\n        opacity .3s ease;\n\n}\n\n\n\n\/* INFO ONLY MAIN *\/\n\n.wdx-slot-left\n.wdx-project-info,\n\n.wdx-slot-right\n.wdx-project-info,\n\n.wdx-slot-off-left\n.wdx-project-info,\n\n.wdx-slot-off-right\n.wdx-project-info {\n\n    opacity: 0;\n\n    pointer-events: none;\n\n}\n\n\n.wdx-slot-main\n.wdx-project-info {\n\n    opacity: 1;\n\n}\n\n\n\n\/* INFO TEXT *\/\n\n.wdx-project-info small {\n\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #555;\n\n    font-size: 8px;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n\n}\n\n\n.wdx-project-info strong {\n\n    display: block;\n\n    color: #171717;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n}\n\n\n\n\/* ARROW *\/\n\n.wdx-project-arrow {\n\n    width: 32px;\n\n    height: 32px;\n\n    border-radius: 8px;\n\n    background:\n        var(--orange);\n\n    color: #fff;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n}\n\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.wdx-navigation {\n\n    position: absolute;\n\n    z-index: 40;\n\n    left: 50%;\n\n    bottom: 24px;\n\n    transform:\n        translateX(-50%);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n}\n\n\n\n\/* BUTTONS *\/\n\n.wdx-navigation button {\n\n    width: 37px;\n\n    height: 37px;\n\n    padding: 0;\n\n    border:\n        1px solid #ddd;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.94);\n\n    color: #222;\n\n    cursor: pointer;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n    box-shadow:\n        0 8px 20px\n        rgba(0,0,0,.05);\n\n    transition:\n        background .2s ease,\n        color .2s ease,\n        transform .2s ease;\n\n}\n\n\n.wdx-navigation button:hover {\n\n    background:\n        var(--orange);\n\n    border-color:\n        var(--orange);\n\n    color: #fff;\n\n    transform:\n        translateY(-2px);\n\n}\n\n\n\n\/* PROGRESS *\/\n\n.wdx-progress {\n\n    width: 82px;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #ddd;\n\n}\n\n\n.wdx-progress span {\n\n    display: block;\n\n    width: 0;\n\n    height: 100%;\n\n    background:\n        var(--orange);\n\n}\n\n\n\n\/* =========================================================\n   BIG BG WORD\n========================================================= *\/\n\n.wdx-background-word {\n\n    position: absolute;\n\n    z-index: 1;\n\n    left: 50%;\n\n    bottom: -57px;\n\n    transform:\n        translateX(-50%);\n\n    color:\n        rgba(10,10,10,.016);\n\n    font-size:\n        clamp(\n            130px,\n            18vw,\n            300px\n        );\n\n    line-height: .8;\n\n    font-weight: 800;\n\n    letter-spacing: -16px;\n\n    white-space: nowrap;\n\n    user-select: none;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   OPENING ANIMATION \u2014 ELEMENTOR SAFE\n   Visible by default. Animation is enabled only after JS\n   confirms the block is running on the frontend.\n========================================================= *\/\n\n\/* Default state: ALWAYS visible *\/\n.wdx-eyebrow,\n.wdx-title,\n.wdx-description,\n.wdx-actions,\n.wdx-services,\n.wdx-stats {\n    opacity: 1;\n    transform: none;\n}\n\n\/* Portfolio is also visible by default *\/\n.wdx-slot-main {\n    opacity: 1;\n}\n\n\/* Only frontend JS adds .wdx-anim-ready *\/\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-eyebrow,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-title,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-description,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-actions,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-services,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-stats {\n    opacity: 0;\n    transform: translateY(22px);\n}\n\n\/* LOADED *\/\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-eyebrow {\n    animation:\n        wdxFadeUp\n        .65s\n        .08s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-title {\n    animation:\n        wdxFadeUp\n        .82s\n        .15s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-description {\n    animation:\n        wdxFadeUp\n        .72s\n        .28s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-actions {\n    animation:\n        wdxFadeUp\n        .70s\n        .38s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-services {\n    animation:\n        wdxFadeUp\n        .65s\n        .47s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-stats {\n    animation:\n        wdxFadeUp\n        .65s\n        .54s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n@keyframes wdxFadeUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* First-load portfolio animation only when JS mode is active *\/\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-main {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(80px,25px,0)\n        rotate(3deg)\n        scale(.91);\n}\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-left {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(-340px,190px,0)\n        rotate(-12deg)\n        scale(.50);\n}\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-right {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(390px,-185px,0)\n        rotate(11deg)\n        scale(.60);\n}\n\n\/* Elementor editor \/ preview: never hide the hero *\/\nbody.elementor-editor-active .wdx-hero *,\nbody.elementor-editor-preview .wdx-hero *,\n.elementor-edit-area .wdx-hero * {\n    animation: none !important;\n}\n\nbody.elementor-editor-active .wdx-hero .wdx-eyebrow,\nbody.elementor-editor-active .wdx-hero .wdx-title,\nbody.elementor-editor-active .wdx-hero .wdx-description,\nbody.elementor-editor-active .wdx-hero .wdx-actions,\nbody.elementor-editor-active .wdx-hero .wdx-services,\nbody.elementor-editor-active .wdx-hero .wdx-stats,\nbody.elementor-editor-preview .wdx-hero .wdx-eyebrow,\nbody.elementor-editor-preview .wdx-hero .wdx-title,\nbody.elementor-editor-preview .wdx-hero .wdx-description,\nbody.elementor-editor-preview .wdx-hero .wdx-actions,\nbody.elementor-editor-preview .wdx-hero .wdx-services,\nbody.elementor-editor-preview .wdx-hero .wdx-stats,\n.elementor-edit-area .wdx-hero .wdx-eyebrow,\n.elementor-edit-area .wdx-hero .wdx-title,\n.elementor-edit-area .wdx-hero .wdx-description,\n.elementor-edit-area .wdx-hero .wdx-actions,\n.elementor-edit-area .wdx-hero .wdx-services,\n.elementor-edit-area .wdx-hero .wdx-stats {\n    opacity: 1 !important;\n    transform: none !important;\n}\n\nbody.elementor-editor-active .wdx-hero .wdx-slot-main,\nbody.elementor-editor-active .wdx-hero .wdx-slot-left,\nbody.elementor-editor-active .wdx-hero .wdx-slot-right,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-main,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-left,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-right,\n.elementor-edit-area .wdx-hero .wdx-slot-main,\n.elementor-edit-area .wdx-hero .wdx-slot-left,\n.elementor-edit-area .wdx-hero .wdx-slot-right {\n    opacity: 1 !important;\n}\n\n\/* =========================================================\n   RESPONSIVE 1200\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n    .wdx-hero-inner {\n\n        grid-template-columns:\n            .94fr\n            1.06fr;\n\n        gap: 10px;\n\n    }\n\n\n    .wdx-title {\n\n        font-size: 55px;\n\n        letter-spacing:\n            -3.2px;\n\n    }\n\n\n    .wdx-card {\n\n        width: 530px;\n\n        height: 370px;\n\n    }\n\n\n    .wdx-slot-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-205px,118px,0)\n            rotate(-5.5deg)\n            scale(.61);\n\n    }\n\n\n    .wdx-slot-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(235px,-105px,0)\n            rotate(5deg)\n            scale(.71);\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .wdx-hero {\n\n        min-height: auto;\n\n    }\n\n\n    .wdx-hero-inner {\n\n        width:\n            calc(100% - 32px);\n\n        min-height: auto;\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n\n    .wdx-content {\n\n        padding:\n            65px 0\n            20px;\n\n    }\n\n\n    .wdx-title {\n\n        max-width: 720px;\n\n        font-size:\n            clamp(\n                48px,\n                9vw,\n                70px\n            );\n\n    }\n\n\n    .wdx-portfolio {\n\n        width: 100%;\n\n        max-width: 720px;\n\n        height: 530px;\n\n        margin:\n            0 auto;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdx-hero-inner {\n\n        width:\n            calc(100% - 28px);\n\n    }\n\n\n    .wdx-content {\n\n        padding-top: 48px;\n\n    }\n\n\n    .wdx-title {\n\n        font-size: 42px;\n\n        line-height: 1;\n\n        letter-spacing:\n            -2.5px;\n\n    }\n\n\n    .wdx-description {\n\n        font-size: 16px;\n        line-height: 1.65;\n\n    }\n\n\n    .wdx-actions {\n\n        flex-direction:\n            column;\n\n        align-items:\n            stretch;\n\n        gap: 18px;\n\n    }\n\n\n    .wdx-primary {\n\n        width: 100%;\n\n        justify-content:\n            space-between;\n\n    }\n\n\n    .wdx-secondary {\n\n        align-self:\n            flex-start;\n\n    }\n\n\n    .wdx-services {\n\n        margin-top: 37px;\n\n    }\n\n\n    .wdx-portfolio {\n\n        height: 430px;\n\n        margin-top: 10px;\n\n    }\n\n\n    .wdx-card {\n\n        width: 94%;\n\n        height: 295px;\n\n    }\n\n\n    .wdx-slot-main {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(0,0,0)\n            rotate(-1deg)\n            scale(1);\n\n    }\n\n\n    .wdx-slot-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-112px,92px,0)\n            rotate(-5deg)\n            scale(.60);\n\n    }\n\n\n    .wdx-slot-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(112px,-72px,0)\n            rotate(5deg)\n            scale(.66);\n\n    }\n\n\n    .wdx-slot-off-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-360px,110px,0)\n            rotate(-12deg)\n            scale(.48);\n\n    }\n\n\n    .wdx-slot-off-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(360px,-100px,0)\n            rotate(12deg)\n            scale(.48);\n\n    }\n\n\n    .wdx-project-info {\n\n        left: 11px;\n\n        right: 11px;\n\n        bottom: 11px;\n\n        min-height: 53px;\n\n    }\n\n\n    .wdx-navigation {\n\n        bottom: 0;\n\n    }\n\n\n    .wdx-background-word {\n\n        display: none;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 PORTFOLIO \/ MOCKUPS OFF\n   \u041d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0443\u044e \u0447\u0430\u0441\u0442\u044c Hero.\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdx-portfolio {\n        display: none !important;\n    }\n\n    .wdx-background-word {\n        display: none !important;\n    }\n\n    .wdx-hero {\n        min-height: auto !important;\n    }\n\n    .wdx-hero-inner {\n        min-height: auto !important;\n        display: block !important;\n    }\n\n    .wdx-content {\n        width: 100%;\n        padding-top: 48px !important;\n        padding-bottom: 48px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   FINAL HERO POLISH\n========================================================= *\/\n\n.wdx-title em {\n    text-wrap: balance;\n}\n\n.wdx-description {\n    text-wrap: pretty;\n}\n\n.wdx-primary,\n.wdx-secondary,\n.wdx-card {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.wdx-card:focus-visible,\n.wdx-primary:focus-visible,\n.wdx-secondary:focus-visible,\n.wdx-navigation button:focus-visible {\n    outline: 2px solid var(--orange);\n    outline-offset: 4px;\n}\n\n@media (max-width: 620px) {\n\n    .wdx-title em {\n        max-width: 100%;\n        font-size: .90em;\n        letter-spacing: -2.4px;\n    }\n\n    .wdx-description {\n        max-width: 100%;\n    }\n\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY READABILITY\n========================================================= *\/\n\n.wdx-primary,\n.wdx-secondary {\n    line-height: 1.35;\n}\n\n.wdx-services {\n    line-height: 1.4;\n}\n\n.wdx-stat span {\n    line-height: 1.35;\n}\n\n@media (max-width: 620px) {\n    .wdx-eyebrow {\n        font-size: 10px;\n        line-height: 1.35;\n    }\n\n    .wdx-services {\n        font-size: 10px;\n    }\n\n    .wdx-stat span {\n        font-size: 9px;\n    }\n}\n\n\n\/* Russian heading: readable line lengths at each screen size. *\/\n#wdxHero .wdx-title { font-size: clamp(34px, 3.6vw, 56px); line-height: 1.06; letter-spacing: -2px; }\n#wdxHero .wdx-title em { letter-spacing: -1.8px; }\n@media (max-width: 767px) {\n  #wdxHero .wdx-title { font-size: clamp(28px, 7.5vw, 46px); letter-spacing: -1.2px; }\n  #wdxHero .wdx-title em { letter-spacing: -1px; }\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n    const PORTFOLIO = [\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 1\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa.webp\",\n                name: \"Ditra\",\n                domain: \"ditra.lv\",\n                url: \"https:\/\/ditra.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 2\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa.webp\",\n                name: \"Plaukti.eu\",\n                domain: \"plaukti.eu\",\n                url: \"https:\/\/plaukti.eu\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 3\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/apwoodline-majaslapa.webp\",\n                name: \"AP Woodline\",\n                domain: \"apwoodline.eu\",\n                url: \"https:\/\/apwoodline.eu\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 4\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/baumsrent-majaslapas.webp\",\n                name: \"Baumsrent\",\n                domain: \"baumsrent.lv\",\n                url: \"https:\/\/baumsrent.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 5\n            ================================================= *\/\n\n        \n            \n             {\n                image: \"\/wp-content\/uploads\/2026\/08\/gaisakompresori-majaslap.webp\",\n                name: \"Gaisakompresori.lv\",\n                domain: \"gaisakompresori.lv\",\n                url: \"https:\/\/gaisakompresori.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 6\n            ================================================= *\/\n\n            \n            \n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/irg-majaslapa.webp\",\n                name: \"IRG risin\u0101jumi\",\n                domain: \"irgrisinajumi.lv\",\n                url: \"https:\/\/irgrisinajumi.lv\/\"\n            }\n    ];\n\n    const CHANGE_EVERY = 6500;\n    const MOVE_TIME = 780;\n\n    function initWdxHero() {\n\n        if (window.matchMedia(\"(max-width: 620px)\").matches && !document.body.classList.contains(\"elementor-editor-active\")) return;\n\n        const hero = document.getElementById(\"wdxHero\");\n        const portfolio = document.getElementById(\"wdxPortfolio\");\n        const prevButton = document.getElementById(\"wdxPrev\");\n        const nextButton = document.getElementById(\"wdxNext\");\n        const progress = document.getElementById(\"wdxProgress\");\n\n        const cards = [\n            document.getElementById(\"wdxCardA\"),\n            document.getElementById(\"wdxCardB\"),\n            document.getElementById(\"wdxCardC\")\n        ];\n\n        if (!hero || !portfolio || !cards.every(Boolean)) {\n            return;\n        }\n\n        if (hero.dataset.wdxInitialized === \"1\") {\n            return;\n        }\n\n        hero.dataset.wdxInitialized = \"1\";\n\n        const body = document.body;\n        const inElementor =\n            body.classList.contains(\"elementor-editor-active\") ||\n            body.classList.contains(\"elementor-editor-preview\") ||\n            !!hero.closest(\".elementor-edit-area\");\n\n        let current = 0;\n        let moving = false;\n        let timer = null;\n\n        function getProject(index) {\n            const length = PORTFOLIO.length;\n            return PORTFOLIO[(index + length) % length];\n        }\n\n        function renderCard(card, project) {\n            if (!card || !project) return;\n\n            const image = card.querySelector(\".wdx-image-wrap img\");\n            const name = card.querySelector(\".wdx-project-info strong\");\n            const domain = card.querySelector(\".wdx-browser-domain\");\n\n            if (image) {\n                const source = image.parentElement.querySelector(\"source\");\n                if (source) {\n                    const srcset = project.image.replace(\".webp\", \"-768x480.webp\") + \" 768w, \" + project.image.replace(\".webp\", \"-1024x640.webp\") + \" 1024w\";\n                    if (source.getAttribute(\"srcset\") !== srcset) source.setAttribute(\"srcset\", srcset);\n                }\n                image.alt = project.name;\n            }\n\n            if (name) name.textContent = project.name;\n            if (domain) domain.textContent = project.domain;\n\n            card.href = project.url;\n        }\n\n        function getCard(slot) {\n            return cards.find(card => card.classList.contains(slot));\n        }\n\n        function restartProgress() {\n            if (!progress || inElementor) return;\n\n            progress.style.transition = \"none\";\n            progress.style.width = \"0%\";\n\n            requestAnimationFrame(function () {\n                requestAnimationFrame(function () {\n                    progress.style.transition =\n                        \"width \" + CHANGE_EVERY + \"ms linear\";\n                    progress.style.width = \"100%\";\n                });\n            });\n        }\n\n        function initialRender() {\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            renderCard(left, getProject(current - 1));\n            renderCard(main, getProject(current));\n            renderCard(right, getProject(current + 1));\n\n            restartProgress();\n        }\n\n        function nextProject() {\n            if (moving || inElementor || window.matchMedia(\"(max-width: 620px)\").matches || document.hidden) return;\n\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            moving = true;\n\n            left.classList.remove(\"wdx-slot-left\");\n            left.classList.add(\"wdx-slot-off-left\");\n\n            main.classList.remove(\"wdx-slot-main\");\n            main.classList.add(\"wdx-slot-left\");\n\n            right.classList.remove(\"wdx-slot-right\");\n            right.classList.add(\"wdx-slot-main\");\n\n            current = (current + 1) % PORTFOLIO.length;\n\n            setTimeout(function () {\n\n                left.classList.add(\"wdx-no-transition\");\n                left.classList.remove(\"wdx-slot-off-left\");\n                left.classList.add(\"wdx-slot-off-right\");\n\n                renderCard(left, getProject(current + 1));\n\n                void left.offsetHeight;\n\n                left.classList.remove(\"wdx-no-transition\");\n\n                requestAnimationFrame(function () {\n                    left.classList.remove(\"wdx-slot-off-right\");\n                    left.classList.add(\"wdx-slot-right\");\n                });\n\n                moving = false;\n                restartProgress();\n\n            }, MOVE_TIME);\n        }\n\n        function previousProject() {\n            if (moving || inElementor || window.matchMedia(\"(max-width: 620px)\").matches || document.hidden) return;\n\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            moving = true;\n\n            right.classList.remove(\"wdx-slot-right\");\n            right.classList.add(\"wdx-slot-off-right\");\n\n            main.classList.remove(\"wdx-slot-main\");\n            main.classList.add(\"wdx-slot-right\");\n\n            left.classList.remove(\"wdx-slot-left\");\n            left.classList.add(\"wdx-slot-main\");\n\n            current =\n                (current - 1 + PORTFOLIO.length)\n                % PORTFOLIO.length;\n\n            setTimeout(function () {\n\n                right.classList.add(\"wdx-no-transition\");\n                right.classList.remove(\"wdx-slot-off-right\");\n                right.classList.add(\"wdx-slot-off-left\");\n\n                renderCard(right, getProject(current - 1));\n\n                void right.offsetHeight;\n\n                right.classList.remove(\"wdx-no-transition\");\n\n                requestAnimationFrame(function () {\n                    right.classList.remove(\"wdx-slot-off-left\");\n                    right.classList.add(\"wdx-slot-left\");\n                });\n\n                moving = false;\n                restartProgress();\n\n            }, MOVE_TIME);\n        }\n\n        function startAutoPlay() {\n            if (inElementor) return;\n\n            clearInterval(timer);\n            timer = setInterval(nextProject, CHANGE_EVERY);\n        }\n\n        function restartAutoPlay() {\n            if (inElementor) return;\n\n            startAutoPlay();\n            restartProgress();\n        }\n\n        initialRender();\n\n        if (inElementor) {\n            hero.classList.add(\"wdx-loaded\");\n            return;\n        }\n\n        \/* Enable animation only after JS is confirmed working *\/\n        hero.classList.add(\"wdx-anim-ready\");\n\n        requestAnimationFrame(function () {\n            requestAnimationFrame(function () {\n                hero.classList.add(\"wdx-loaded\");\n            });\n        });\n\n        if (nextButton) {\n            nextButton.addEventListener(\"click\", function () {\n                nextProject();\n                restartAutoPlay();\n            });\n        }\n\n        if (prevButton) {\n            prevButton.addEventListener(\"click\", function () {\n                previousProject();\n                restartAutoPlay();\n            });\n        }\n\n        portfolio.addEventListener(\"mouseenter\", function () {\n            clearInterval(timer);\n        });\n\n        portfolio.addEventListener(\"mouseleave\", function () {\n            restartAutoPlay();\n        });\n\n        startAutoPlay();\n    }\n\n    function initWdxAiCta() {\n        const aiCta = document.getElementById(\"wdxOpenAi\");\n        if (!aiCta || aiCta.dataset.wdxAiReady === \"1\") return;\n\n        aiCta.dataset.wdxAiReady = \"1\";\n\n        aiCta.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n\n            const headerAiButton = document.getElementById(\"wdSupportButton\");\n\n            if (headerAiButton) {\n                headerAiButton.click();\n                return;\n            }\n\n            \/* Fallback if the global AI chat button is unavailable *\/\n            window.location.href = \"\/kontakti\/\";\n        });\n    }\n\n    function bootWdxHero() {\n        initWdxHero();\n        initWdxAiCta();\n\n        \/* Elementor sometimes injects the HTML widget later *\/\n        setTimeout(initWdxHero, 300);\n        setTimeout(initWdxHero, 1000);\n    }\n\n    window.matchMedia(\"(max-width: 620px)\").addEventListener(\"change\", function (event) { if (!event.matches) initWdxHero(); });\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            bootWdxHero,\n            { once: true }\n        );\n    } else {\n        bootWdxHero();\n    }\n\n    if (window.jQuery) {\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n                setTimeout(bootWdxHero, 100);\n            }\n        );\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1571f57 e-con e-atomic-element e-flexbox-base e-default-div e-1571f57-b85278d \" data-id=\"1571f57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1571f57\" data-e-type=\"e-flexbox\" data-id=\"1571f57\">\n    \t\t<div class=\"elementor-element elementor-element-d7b6d26 elementor-widget elementor-widget-html\" data-id=\"d7b6d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 02 \/ K\u0100P\u0112C WEBDIGITAL\r\n     VALUE \/ TRUST SECTION \u2014 ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdtrust\" id=\"wdTrust\">\r\n\r\n    <div class=\"wdtrust__inner\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"wdtrust__left wdtrust__reveal\">\r\n\r\n            <div class=\"wdtrust__kicker\">\r\n                <span>02<\/span>\r\n                <i><\/i>\r\n                <span>\u041f\u041e\u0427\u0415\u041c\u0423 WEBDIGITAL<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"wdtrust__title\">\r\n                \u0411\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u0441\u0430\u0439\u0442.\r\n                <span>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"wdtrust__subtitle\">\r\n                \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430, \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u0430 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.\r\n            <\/p>\r\n\r\n            <p class=\"wdtrust__description\">\r\n                \u041f\u0440\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0441\u0430\u0439\u0442 \u0438 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0435\u043c, \u043a\u0430\u043a \u0438\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c. \u041f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u0437\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u044c\u044e, \u043d\u043e\u0432\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0438\u043b\u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u043c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435\u043c.\r\n            <\/p>\r\n\r\n            <div class=\"wdtrust__actions\">\r\n                <a href=\"#wdReviews\" class=\"wdtrust__link\" aria-label=\"\u0427\u0438\u0442\u0430\u0442\u044c \u043e\u0442\u0437\u044b\u0432\u044b \u043e WebDigital \u0432 Google\">\u2605 25 \u043e\u0442\u0437\u044b\u0432\u043e\u0432 Google \u2192<\/a>\r\n\r\n                <a href=\"\/ru\/o-nas\/\" class=\"wdtrust__link wdtrust__link--main\">\r\n                    \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e WebDigital\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"wdtrust__facts\">\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.08s\">\r\n                <div class=\"wdtrust__value wdtrust__value--accent\">01<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>\u0412\u0421\u0401 \u0412 \u041e\u0414\u041d\u041e\u041c \u041c\u0415\u0421\u0422\u0415<\/strong>\r\n                    <p>\r\n                        \u0414\u0438\u0437\u0430\u0439\u043d, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430, SEO, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438, \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u2014 \u0431\u0435\u0437 \u043f\u043e\u0438\u0441\u043a\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u0435\u0439.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">01<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.16s\">\r\n                <div class=\"wdtrust__value\">02<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>\u041f\u041e\u041d\u042f\u0422\u041d\u042b\u0419 \u041f\u0420\u041e\u0426\u0415\u0421\u0421<\/strong>\r\n                    <p>\r\n                        \u041e\u0431\u044a\u0451\u043c \u0440\u0430\u0431\u043e\u0442, \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u044d\u0442\u0430\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0435\u043c \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">02<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.24s\">\r\n                <div class=\"wdtrust__value\">03<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>\u041f\u041e\u0414\u0414\u0415\u0420\u0416\u041a\u0410 \u0418 \u0420\u0410\u0417\u0412\u0418\u0422\u0418\u0415<\/strong>\r\n                    <p>\r\n                        \u0420\u0430\u0437\u043e\u0432\u0430\u044f \u043f\u043e\u043c\u043e\u0449\u044c \u0438\u043b\u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">03<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdtrust,\r\n.wdtrust * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdtrust a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdtrust {\r\n    --orange: #ff5033;\r\n    --black: #151515;\r\n    --grey: #969692;\r\n    --text: #5f5f5b;\r\n    --line: #d8d8d3;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #efefeb;\r\n\r\n    color: var(--black);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.wdtrust::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 1px;\r\n    background: #d8d8d3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.wdtrust__inner {\r\n    width: min(calc(100% - 48px), 1390px);\r\n    margin: 0 auto;\r\n\r\n    padding: 72px 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(500px, .92fr);\r\n    gap: 72px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.wdtrust__kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #7f7f7b;\r\n\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 1.25px;\r\n}\r\n\r\n.wdtrust__kicker span:first-child {\r\n    color: var(--orange);\r\n}\r\n\r\n.wdtrust__kicker i {\r\n    width: 30px;\r\n    height: 1px;\r\n    background: #c6c6c1;\r\n}\r\n\r\n\r\n.wdtrust__title {\r\n    max-width: 690px;\r\n    margin: 0;\r\n\r\n    color: var(--black);\r\n\r\n    font-size: clamp(44px, 3.7vw, 58px);\r\n    line-height: 1.01;\r\n    font-weight: 650;\r\n    letter-spacing: -2.8px;\r\n}\r\n\r\n.wdtrust__title span {\r\n    display: block;\r\n    color: #9c9c98;\r\n}\r\n\r\n\r\n.wdtrust__subtitle {\r\n    max-width: 610px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    color: #3f3f3c;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.wdtrust__description {\r\n    max-width: 620px;\r\n\r\n    margin: 20px 0 0;\r\n    padding-left: 18px;\r\n\r\n    border-left: 2px solid var(--orange);\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.72;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LINKS\r\n========================================================= *\/\r\n\r\n.wdtrust__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 26px;\r\n\r\n    margin-top: 24px;\r\n}\r\n\r\n.wdtrust__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding-bottom: 6px;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    font-weight: 750;\r\n}\r\n\r\n.wdtrust__link--main {\r\n    color: #171717;\r\n    border-bottom: 1px solid #b8b8b3;\r\n}\r\n\r\n.wdtrust__link--main span {\r\n    color: var(--orange);\r\n}\r\n\r\n.wdtrust__link--muted {\r\n    color: #70706c;\r\n    border-bottom: 1px solid transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT\r\n========================================================= *\/\r\n\r\n.wdtrust__facts {\r\n    width: 100%;\r\n    border-top: 1px solid var(--line);\r\n}\r\n\r\n.wdtrust__fact {\r\n    position: relative;\r\n\r\n    min-height: 102px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 180px minmax(0, 1fr) 26px;\r\n    align-items: center;\r\n    gap: 24px;\r\n\r\n    padding: 18px 0;\r\n\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    transition:\r\n        padding-left .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n.wdtrust__fact:hover {\r\n    padding-left: 10px;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,80,51,.035),\r\n            transparent 75%\r\n        );\r\n}\r\n\r\n\r\n.wdtrust__value {\r\n    color: #151515;\r\n\r\n    font-size: 46px;\r\n    line-height: .95;\r\n    font-weight: 650;\r\n    letter-spacing: -2.7px;\r\n}\r\n\r\n.wdtrust__value--accent {\r\n    color: var(--orange);\r\n}\r\n\r\n\r\n\r\n.wdtrust__fact-text strong {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #292927;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.25;\r\n    font-weight: 850;\r\n    letter-spacing: .65px;\r\n}\r\n\r\n.wdtrust__fact-text p {\r\n    max-width: 330px;\r\n\r\n    margin: 0;\r\n\r\n    color: #6d6d69;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.45;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.wdtrust__index {\r\n    align-self: start;\r\n    padding-top: 4px;\r\n\r\n    color: #595955;\r\n\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORDPRESS LOGO\r\n========================================================= *\/\r\n\r\n.wdtrust__wp-value {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdtrust__wp-logo {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.wdtrust__wp-logo img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n.wdtrust__wp-name {\r\n    color: #171717;\r\n\r\n    font-size: 22px;\r\n    line-height: 1;\r\n\r\n    font-weight: 750;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   24\/7 ONLINE CHAT\r\n========================================================= *\/\r\n\r\n.wdtrust__chat-value {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    color: #151515;\r\n\r\n    font-size: 46px;\r\n    line-height: .95;\r\n\r\n    font-weight: 650;\r\n    letter-spacing: -2.7px;\r\n}\r\n\r\n.wdtrust__chat-status {\r\n    position: relative;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    flex: 0 0 13px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.wdtrust__chat-status i {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #34bd78;\r\n}\r\n\r\n.wdtrust__chat-status::before,\r\n.wdtrust__chat-status::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(52,189,120,.45);\r\n\r\n    animation:\r\n        wdtrustOnlinePulse\r\n        2.2s ease-out\r\n        infinite;\r\n}\r\n\r\n.wdtrust__chat-status::after {\r\n    animation-delay: 1.1s;\r\n}\r\n\r\n@keyframes wdtrustOnlinePulse {\r\n\r\n    0% {\r\n        width: 8px;\r\n        height: 8px;\r\n        opacity: .8;\r\n    }\r\n\r\n    75%,\r\n    100% {\r\n        width: 29px;\r\n        height: 29px;\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   Visible by default = Elementor safe\r\n========================================================= *\/\r\n\r\n.wdtrust__reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\n.wdtrust.wdtrust--animate .wdtrust__reveal {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n\r\n    transition:\r\n        opacity .72s cubic-bezier(.22,1,.36,1),\r\n        transform .72s cubic-bezier(.22,1,.36,1);\r\n\r\n    transition-delay: var(--delay, 0s);\r\n}\r\n\r\n.wdtrust.wdtrust--animate .wdtrust__reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* Elementor editor: always visible *\/\r\nbody.elementor-editor-active .wdtrust__reveal,\r\nbody.elementor-editor-preview .wdtrust__reveal,\r\n.elementor-edit-area .wdtrust__reveal {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .wdtrust__inner {\r\n        grid-template-columns: 1fr 440px;\r\n        gap: 54px;\r\n    }\r\n\r\n    .wdtrust__title {\r\n        font-size: 49px;\r\n    }\r\n\r\n    .wdtrust__fact {\r\n        grid-template-columns: 132px 1fr 22px;\r\n    }\r\n\r\n    .wdtrust__value {\r\n        font-size: 39px;\r\n    }\r\n\r\n    .wdtrust__wp-logo {\r\n        width: 33px;\r\n        height: 33px;\r\n        flex-basis: 33px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .wdtrust__chat-value {\r\n        font-size: 39px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .wdtrust__inner {\r\n        width: calc(100% - 36px);\r\n        padding: 72px 0;\r\n\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n\r\n    .wdtrust__left,\r\n    .wdtrust__facts {\r\n        max-width: 740px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdtrust__inner {\r\n        width: calc(100% - 28px);\r\n\r\n        padding: 56px 0;\r\n\r\n        gap: 40px;\r\n    }\r\n\r\n    .wdtrust__kicker {\r\n        margin-bottom: 20px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .wdtrust__title {\r\n        font-size: 38px;\r\n        line-height: 1.02;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wdtrust__subtitle {\r\n        margin-top: 16px;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .wdtrust__description {\r\n        margin-top: 23px;\r\n        padding-left: 14px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .wdtrust__actions {\r\n        margin-top: 26px;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n    }\r\n\r\n    .wdtrust__link {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wdtrust__fact {\r\n        min-height: 108px;\r\n\r\n        grid-template-columns: 100px minmax(0, 1fr) 18px;\r\n        gap: 13px;\r\n\r\n        padding: 18px 0;\r\n    }\r\n\r\n    .wdtrust__fact:hover {\r\n        padding-left: 0;\r\n        background: transparent;\r\n    }\r\n\r\n    .wdtrust__value {\r\n        font-size: 32px;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n\r\n    .wdtrust__wp-value {\r\n        gap: 7px;\r\n    }\r\n\r\n    .wdtrust__wp-logo {\r\n        width: 25px;\r\n        height: 25px;\r\n        flex-basis: 25px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 14px;\r\n        letter-spacing: -.4px;\r\n    }\r\n\r\n    .wdtrust__chat-value {\r\n        gap: 8px;\r\n        font-size: 32px;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n    .wdtrust__chat-status {\r\n        width: 10px;\r\n        height: 10px;\r\n        flex-basis: 10px;\r\n    }\r\n\r\n    .wdtrust__fact-text strong {\r\n        margin-bottom: 5px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .wdtrust__fact-text p {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .wdtrust__index {\r\n        font-size: 8px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdtrust__reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .wdtrust__chat-status::before,\r\n    .wdtrust__chat-status::after {\r\n        animation: none !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n    .wdtrust__wp-logo {\r\n        width: 28px;\r\n        height: 28px;\r\n        flex-basis: 28px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initWdTrust() {\r\n\r\n        var section = document.getElementById(\"wdTrust\");\r\n\r\n        if (!section || section.dataset.initialized === \"1\") {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"1\";\r\n\r\n        \/*\r\n         * Elementor editor:\r\n         * do not hide anything.\r\n         *\/\r\n        var body = document.body;\r\n\r\n        var isEditor =\r\n            body.classList.contains(\"elementor-editor-active\") ||\r\n            body.classList.contains(\"elementor-editor-preview\");\r\n\r\n        if (isEditor) {\r\n            return;\r\n        }\r\n\r\n        var items =\r\n            section.querySelectorAll(\".wdtrust__reveal\");\r\n\r\n        if (!items.length) {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n         * Only now enable the hidden animation state.\r\n         * So if JS is blocked, the block is still visible.\r\n         *\/\r\n        section.classList.add(\"wdtrust--animate\");\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n\r\n            for (var i = 0; i < items.length; i++) {\r\n                items[i].classList.add(\"is-visible\");\r\n            }\r\n\r\n            return;\r\n        }\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target.classList.add(\"is-visible\");\r\n\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n                {\r\n                    threshold: 0.08,\r\n                    rootMargin: \"0px 0px -20px 0px\"\r\n                }\r\n            );\r\n\r\n        for (var j = 0; j < items.length; j++) {\r\n            observer.observe(items[j]);\r\n        }\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initWdTrust\r\n        );\r\n\r\n    } else {\r\n\r\n        initWdTrust();\r\n    }\r\n\r\n\r\n    \/*\r\n     * Elementor frontend init.\r\n     *\/\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n                initWdTrust();\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-afe2ba5 e-con e-atomic-element e-flexbox-base e-default-div e-afe2ba5-45420dd \" data-id=\"afe2ba5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"afe2ba5\" data-e-type=\"e-flexbox\" data-id=\"afe2ba5\">\n    \t\t<div class=\"elementor-element elementor-element-6d9a109 elementor-widget elementor-widget-html\" data-id=\"6d9a109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 03 \/ PAKALPOJUMI\n     VALUE-FOCUSED SERVICE CARDS\n     2x2 \/ SVG ICONS \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdpc2\" id=\"wdPremiumServices2\">\n\n    <div class=\"wdpc2__inner\">\n\n        <!-- =====================================================\n             HEADER\n        ====================================================== -->\n\n        <div class=\"wdpc2__header wdpc2__reveal\">\n\n            <div class=\"wdpc2__kicker\">\n                <span>03<\/span>\n                <i><\/i>\n                <span>\u0423\u0421\u041b\u0423\u0413\u0418<\/span>\n            <\/div>\n\n            <div class=\"wdpc2__header-grid\">\n\n                <h2 class=\"wdpc2__title\">\n                    \u0426\u0438\u0444\u0440\u043e\u0432\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430:\n                    <span>\u0441\u0430\u0439\u0442\u044b, SEO, CRM \u0438 AI-\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f.<\/span>\n                <\/h2>\n\n                <div class=\"wdpc2__intro\">\n\n                    <p>\n                        \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0438\u043b\u0438 \u0440\u0435\u0448\u0438\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u2014 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0443\u0436\u043d\u0443\u044e \u0443\u0441\u043b\u0443\u0433\u0443.\n                    <\/p>\n\n                    <a href=\"\/ru\/kontakty\/\" class=\"wdpc2__intro-link\">\n                        \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\n                        <span>\u2197<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             GRID\n        ====================================================== -->\n\n        <div class=\"wdpc2__grid\">\n\n\n            <!-- =================================================\n                 01 \u2014 M\u0100JASLAPAS\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__card--accent wdpc2__reveal\" style=\"--delay:.08s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">01<\/span>\n\n                    <a\n                        href=\"\/ru\/razrabotka-sajtov\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <rect x=\"7\" y=\"10\" width=\"50\" height=\"39\" rx=\"5\"><\/rect>\n                        <path d=\"M7 19h50\"><\/path>\n                        <circle cx=\"13\" cy=\"15\" r=\"1.2\"><\/circle>\n                        <circle cx=\"18\" cy=\"15\" r=\"1.2\"><\/circle>\n                        <path d=\"M24 29l-6 5 6 5\"><\/path>\n                        <path d=\"M40 29l6 5-6 5\"><\/path>\n                        <path d=\"M35 26l-6 16\"><\/path>\n                        <path d=\"M24 55h16\"><\/path>\n                        <path d=\"M29 49v6\"><\/path>\n                        <path d=\"M35 49v6\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"53\" y=\"57\" width=\"85\" height=\"7\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"53\" y=\"70\" width=\"68\" height=\"5\" rx=\"2\" fill=\"#d9d9d3\"\/><rect x=\"53\" y=\"86\" width=\"117\" height=\"5\" rx=\"2\" fill=\"#e8e8e2\"\/><rect x=\"53\" y=\"98\" width=\"105\" height=\"5\" rx=\"2\" fill=\"#e8e8e2\"\/><rect x=\"53\" y=\"118\" width=\"59\" height=\"18\" rx=\"4\" fill=\"#ff5033\"\/><rect x=\"191\" y=\"56\" width=\"113\" height=\"90\" rx=\"5\" fill=\"#1d1d1a\"\/><circle cx=\"248\" cy=\"101\" r=\"28\" fill=\"#ff5033\"\/><path d=\"M232 108L248 87L263 108Z\" fill=\"#fff\" opacity=\".85\"\/><rect x=\"283\" y=\"104\" width=\"35\" height=\"66\" rx=\"5\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><rect x=\"289\" y=\"114\" width=\"23\" height=\"34\" rx=\"3\" fill=\"#ff5033\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432<\/h3>\n\n                    <p>\n                        \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0441\u0430\u0439\u0442\u044b \u043d\u0430 WordPress, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0432\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        \u041f\u0440\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0434\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0438 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0441\u0430\u0439\u0442 \u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0443.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>\u041f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0430\u0439\u0442\u0430<\/div>\n                    <div><i><\/i>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/div>\n                    <div><i><\/i>\u0411\u0430\u0437\u043e\u0432\u0430\u044f SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/div>\n                    <div><i><\/i>\u0424\u043e\u0440\u043c\u044b \u0441\u0432\u044f\u0437\u0438 \u0438 \u043f\u0440\u0438\u0437\u044b\u0432\u044b \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e<\/div>\n                    <div><i><\/i>\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0439<\/div>\n                    <div><i><\/i>\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/div>\n                    <div><i><\/i>SSL \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/div>\n                    <div><i><\/i>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        + \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438\n                    <\/span>\n\n                    <a\n                        href=\"\/ru\/razrabotka-sajtov\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 02 \u2014 E-VEIKALI\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.14s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">02<\/span>\n\n                    <a\n                        href=\"\/ru\/razrabotka-internet-magazinov\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M16 22h34l-4 22H21z\"><\/path>\n                        <path d=\"M23 22c0-7 3-11 9-11s9 4 9 11\"><\/path>\n                        <path d=\"M25 31h14\"><\/path>\n                        <path d=\"M25 36h8\"><\/path>\n                        <circle cx=\"24\" cy=\"51\" r=\"2\"><\/circle>\n                        <circle cx=\"44\" cy=\"51\" r=\"2\"><\/circle>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"52\" y=\"53\" width=\"61\" height=\"6\" rx=\"2\" fill=\"#1d1d1a\"\/><path d=\"M281 54h12l-2 9h-8z\" fill=\"#ff5033\"\/><rect x=\"53\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M74 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#b9b9ad\"\/><rect x=\"53\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"53\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><rect x=\"138\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M159 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#ff5033\"\/><rect x=\"138\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"138\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><rect x=\"223\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M244 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#b9b9ad\"\/><rect x=\"223\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"223\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432<\/h3>\n\n                    <p>\n                        \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u043d\u0430 WooCommerce \u0441 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u043c, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u043c \u0437\u0430\u043a\u0430\u0437\u0430, \u043e\u043f\u043b\u0430\u0442\u043e\u0439 \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0441\u043a\u043b\u0430\u0434\u0441\u043a\u0438\u0435 \u0438 \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0441\u043a\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0440\u0443\u0447\u043d\u0443\u044e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0437\u0430\u043a\u0430\u0437\u043e\u0432.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 WooCommerce<\/div>\n                    <div><i><\/i>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043e\u043f\u043b\u0430\u0442\u044b<\/div>\n                    <div><i><\/i>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/div>\n                    <div><i><\/i>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439<\/div>\n                    <div><i><\/i>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0447\u0435\u0442\u043e\u0432 \u0438 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439<\/div>\n                    <div><i><\/i>\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/div>\n                    <div><i><\/i>\u0412\u044b\u0433\u0440\u0443\u0437\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0446\u0435\u043d<\/div>\n                    <div><i><\/i>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441\u043e \u0441\u043a\u043b\u0430\u0434\u043e\u043c \u0438 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        + \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\n                    <\/span>\n\n                    <a\n                        href=\"\/ru\/razrabotka-internet-magazinov\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 03 \u2014 ATBALSTS \/ ATT\u012aST\u012aBA\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.20s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">03<\/span>\n\n                    <a\n                        href=\"\/ru\/wordpress\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"\u0414\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 WordPress\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon wdpc2__icon--wordpress\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\n                        <path d=\"M18 23h5l9 25 5-15-4-10h5l2 5 2-5h5l-5 11 5 14\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"35\" y=\"40\" width=\"53\" height=\"131\" fill=\"#1d1d1a\"\/><circle cx=\"61\" cy=\"63\" r=\"14\" fill=\"#fff\"\/><path d=\"M52 57l5 14 4-10 4 10 5-14\" stroke=\"#1d1d1a\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M48 92h26M48 106h20M48 120h23\" stroke=\"#797971\" stroke-width=\"3\"\/> <rect x=\"104\" y=\"56\" width=\"82\" height=\"8\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"104\" y=\"80\" width=\"92\" height=\"70\" rx=\"5\" fill=\"#f2f2ed\"\/><circle cx=\"150\" cy=\"115\" r=\"23\" stroke=\"#deded5\" stroke-width=\"5\" fill=\"none\"\/><path d=\"M150 92a23 23 0 0 1 21 32\" stroke=\"#ff5033\" stroke-width=\"5\" fill=\"none\"\/><path d=\"M141 116l6 6 13-15\" stroke=\"#1d1d1a\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M214 88h82M214 110h72M214 132h78\" stroke=\"#deded5\" stroke-width=\"6\"\/><circle cx=\"295\" cy=\"151\" r=\"18\" fill=\"#ff5033\"\/><path d=\"M287 151l5 5 10-11\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>\u0414\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 WordPress<\/h3>\n\n                    <p>\n                        \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043e\u0448\u0438\u0431\u043a\u0438, \u0443\u0441\u043a\u043e\u0440\u044f\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0441\u0430\u0439\u0442\u044b WordPress \u0438 WooCommerce.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        \u0420\u0430\u0437\u043e\u0432\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441\u0430\u0439\u0442\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0441\u0430\u0439\u0442\u043e\u0432<\/div>\n                    <div><i><\/i>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0432\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439<\/div>\n                    <div><i><\/i>\u041f\u0435\u0440\u0435\u043d\u043e\u0441 WordPress<\/div>\n                    <div><i><\/i>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438<\/div>\n                    <div><i><\/i>\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043e\u0448\u0438\u0431\u043e\u043a<\/div>\n                    <div><i><\/i>\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/div>\n                    <div><i><\/i>\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433<\/div>\n                    <div><i><\/i>\u0414\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u0430\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        WordPress \u00b7 WooCommerce \u00b7 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\n                    <\/span>\n\n                    <a\n                        href=\"\/ru\/wordpress\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 04 \u2014 SEO\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.26s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">04<\/span>\n\n                    <a\n                        href=\"\/ru\/seo-uslugi\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"27\" cy=\"27\" r=\"15\"><\/circle>\n                        <path d=\"M38 38l13 13\"><\/path>\n                        <path d=\"M18 32l7-8 6 5 8-11\"><\/path>\n                        <path d=\"M35 18h4v4\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><path d=\"M54 144H306M54 65V144\" stroke=\"#e4e4dc\"\/><path d=\"M67 131L110 118L152 121L195 91L237 81L291 55V144H67Z\" fill=\"#ff5033\" opacity=\".08\"\/><path d=\"M67 131L110 118L152 121L195 91L237 81L291 55\" stroke=\"#ff5033\" stroke-width=\"3\" fill=\"none\"\/><circle cx=\"291\" cy=\"55\" r=\"4\" fill=\"#ff5033\"\/><rect x=\"62\" y=\"54\" width=\"68\" height=\"6\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"62\" y=\"67\" width=\"44\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"205\" y=\"116\" width=\"91\" height=\"39\" rx=\"5\" fill=\"#1d1d1a\"\/><path d=\"M219 142l10-10 10 5 14-13\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M266 129h17M266 139h12\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n\n                    <p>\n                        \u0423\u043b\u0443\u0447\u0448\u0430\u0435\u043c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 SEO, \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 \u0434\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0449\u0435 \u043f\u043e\u043d\u044f\u0442\u044c \u0432\u0430\u0448 \u0441\u0430\u0439\u0442.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u044b \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0432\u0430\u0448\u0438\u0445 \u0443\u0441\u043b\u0443\u0433, \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0432 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>\u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043b\u043e\u0432<\/div>\n                    <div><i><\/i>SEO-\u0430\u0443\u0434\u0438\u0442<\/div>\n                    <div><i><\/i>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 SEO<\/div>\n                    <div><i><\/i>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043c\u0435\u0442\u0430\u0434\u0430\u043d\u043d\u044b\u0445<\/div>\n                    <div><i><\/i>\u0410\u043d\u0430\u043b\u0438\u0437 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0432<\/div>\n                    <div><i><\/i>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/div>\n                    <div><i><\/i>URL \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0430\u0439\u0442\u0430<\/div>\n                    <div><i><\/i>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043e\u043a<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <a\n                        href=\"\/ru\/besplatnaya-seo-proverka\/\"\n                        class=\"wdpc2__audit\"\n                    >\n                        \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f SEO-\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430\n                    <\/a>\n\n                    <a\n                        href=\"\/ru\/seo-uslugi\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n       \n<article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.30s\"><div class=\"wdpc2__card-top\"><span class=\"wdpc2__number\">05<\/span><a href=\"\/ru\/integracii-crm\/\" class=\"wdpc2__arrow\" aria-label=\"CRM \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438\">\u2197<\/a><\/div><div class=\"wdpc2__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"7\" y=\"12\" width=\"20\" height=\"17\" rx=\"3\"\/><rect x=\"37\" y=\"12\" width=\"20\" height=\"17\" rx=\"3\"\/><rect x=\"22\" y=\"40\" width=\"20\" height=\"17\" rx=\"3\"\/><path d=\"M17 29v5h30v-5M32 34v6\"\/><\/svg><\/div><div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"35\" y=\"40\" width=\"50\" height=\"131\" fill=\"#1d1d1a\"\/><path d=\"M48 59h23M48 77h16M48 95h21\" stroke=\"#797971\" stroke-width=\"3\"\/><rect x=\"100\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"108\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#b5b5aa\"\/><rect x=\"106\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"116\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M125 89h22M125 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"106\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><rect x=\"170\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"178\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#b5b5aa\"\/><rect x=\"176\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"186\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M195 89h22M195 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"176\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><rect x=\"240\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"248\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#ff5033\"\/><rect x=\"246\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"256\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M265 89h22M265 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"246\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><\/svg><\/div><div class=\"wdpc2__content\"><h3>CRM \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438<\/h3><p>\u0421\u043e\u0435\u0434\u0438\u043d\u044f\u0435\u043c \u0441\u0430\u0439\u0442\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0441 CRM, \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u0435\u0439, \u0441\u043a\u043b\u0430\u0434\u043e\u043c \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0440\u0443\u0447\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u043c\u0435\u043d \u0434\u0430\u043d\u043d\u044b\u043c\u0438.<\/p><p class=\"wdpc2__subcopy\">\u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c API-\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043f\u043e\u0434 \u0437\u0430\u0434\u0430\u0447\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438.<\/p><\/div><div class=\"wdpc2__features\"><div><i><\/i>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 CRM<\/div><div><i><\/i>API \u0438 \u043e\u0431\u043c\u0435\u043d \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/div><div><i><\/i>\u0421\u043a\u043b\u0430\u0434\u0441\u043a\u0438\u0435 \u0438 \u0443\u0447\u0451\u0442\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/div><div><i><\/i>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/div><\/div><button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\"><span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span><i>+<\/i><\/button><div class=\"wdpc2__bottom\"><span class=\"wdpc2__more-features\">\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/span><a href=\"\/ru\/integracii-crm\/\" class=\"wdpc2__more\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f\u0445 <span>\u2192<\/span><\/a><\/div><\/article>\n<article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.36s\"><div class=\"wdpc2__card-top\"><span class=\"wdpc2__number\">06<\/span><a href=\"\/ru\/ii-assistenty\/\" class=\"wdpc2__arrow\" aria-label=\"AI \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f\">\u2197<\/a><\/div><div class=\"wdpc2__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"12\" y=\"17\" width=\"40\" height=\"34\" rx=\"8\"\/><path d=\"M32 10v7M22 32h1M41 32h1M23 41c6 5 12 5 18 0M6 30h6M52 30h6\"\/><\/svg><\/div><div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M85 96H276M181 96V145\" stroke=\"#cfcfc4\" stroke-width=\"2\"\/><rect x=\"26\" y=\"63\" width=\"71\" height=\"63\" rx=\"11\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M44 84h35v24H44zM44 84l17 13 18-13\" stroke=\"#9a9a8e\" stroke-width=\"2\" fill=\"none\"\/><rect x=\"143\" y=\"51\" width=\"77\" height=\"87\" rx=\"14\" fill=\"#1d1d1a\"\/><path d=\"M181 69l5 15 16 5-16 5-5 16-5-16-15-5 15-5z\" fill=\"#ff5033\"\/><circle cx=\"181\" cy=\"123\" r=\"3\" fill=\"#fff\"\/><rect x=\"264\" y=\"63\" width=\"71\" height=\"63\" rx=\"11\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M282 83h35v24h-35zM291 90h17M291 99h11\" stroke=\"#9a9a8e\" stroke-width=\"2\" fill=\"none\"\/><rect x=\"150\" y=\"146\" width=\"63\" height=\"31\" rx=\"7\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M171 160l7 6 13-13\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M117 92l4 4-4 4M241 92l4 4-4 4\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><div class=\"wdpc2__content\"><h3>AI \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/h3><p>\u0421\u043e\u0437\u0434\u0430\u0451\u043c AI-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0437\u0430\u0434\u0430\u0447\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435, \u0432 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445.<\/p><p class=\"wdpc2__subcopy\">\u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c AI \u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0440\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b.<\/p><\/div><div class=\"wdpc2__features\"><div><i><\/i>AI-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432<\/div><div><i><\/i>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0438\u0441\u0435\u043c \u0438 \u0437\u0430\u044f\u0432\u043e\u043a<\/div><div><i><\/i>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 CRM \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438<\/div><div><i><\/i>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0447<\/div><\/div><button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\"><span>\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/span><i>+<\/i><\/button><div class=\"wdpc2__bottom\"><span class=\"wdpc2__more-features\">AI \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/span><a href=\"\/ru\/ii-assistenty\/\" class=\"wdpc2__more\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 AI <span>\u2192<\/span><\/a><\/div><\/article>\n <\/div>\n\n\n        <!-- =====================================================\n             FOOT CTA\n        ====================================================== -->\n\n        <div class=\"wdpc2__foot wdpc2__reveal\" style=\"--delay:.32s\">\n\n            <div>\n                <small>\u041d\u0423\u0416\u041d\u041e \u0414\u0420\u0423\u0413\u041e\u0415 \u0420\u0415\u0428\u0415\u041d\u0418\u0415?<\/small>\n\n                <strong>\n                    \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433.\n                <\/strong>\n            <\/div>\n\n            <a href=\"\/ru\/kontakty\/\" class=\"wdpc2__foot-button\">\n                \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdpc2,\n.wdpc2 * {\n    box-sizing: border-box;\n}\n\n.wdpc2 a {\n    text-decoration: none;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdpc2 {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #92928e;\n    --line: #dfdfda;\n    --surface: #fafaf8;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    background: #ffffff;\n    color: var(--black);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n.wdpc2::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: #e4e4e0;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdpc2__inner {\n    width: min(calc(100% - 48px), 1390px);\n\n    margin: 0 auto;\n\n    padding: 100px 0 88px;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.wdpc2__header {\n    margin-bottom: 52px;\n}\n\n.wdpc2__kicker {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #81817d;\n\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: 1.25px;\n}\n\n.wdpc2__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdpc2__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #d0d0cb;\n}\n\n\n.wdpc2__header-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.12fr)\n        minmax(340px,.88fr);\n\n    gap: 90px;\n\n    align-items: end;\n}\n\n\n.wdpc2__title {\n    max-width: 760px;\n\n    margin: 0;\n\n    color: var(--black);\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n    font-weight: 650;\n    letter-spacing: -3.1px;\n}\n\n.wdpc2__title span {\n    display: block;\n    color: #a0a09c;\n}\n\n\n.wdpc2__intro p {\n    max-width: 500px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.7;\n    font-weight: 500;\n}\n\n\n.wdpc2__intro-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-top: 22px;\n    padding-bottom: 6px;\n\n    border-bottom: 1px solid #c2c2bd;\n\n    color: #1c1c1a;\n\n    font-size: 14px;\n    font-weight: 750;\n}\n\n.wdpc2__intro-link span {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.wdpc2__grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap: 16px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.wdpc2__card {\n    position: relative;\n\n    min-height: 770px;\n\n    padding:\n        28px 30px 30px;\n\n    border:\n        1px solid\n        var(--line);\n\n    border-radius: 20px;\n\n    background:\n        var(--surface);\n\n    display: flex;\n    flex-direction: column;\n\n    transition:\n        transform .34s cubic-bezier(.22,1,.36,1),\n        box-shadow .34s ease,\n        border-color .34s ease,\n        background .34s ease;\n}\n\n\n.wdpc2__card::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 24px;\n    right: 24px;\n    top: -1px;\n\n    height: 2px;\n\n    background: var(--orange);\n\n    transform: scaleX(0);\n\n    transform-origin: left center;\n\n    transition:\n        transform .36s\n        cubic-bezier(.22,1,.36,1);\n}\n\n\n.wdpc2__card:hover {\n    transform:\n        translateY(-5px);\n\n    border-color:\n        #d5d5d0;\n\n    background: #fff;\n\n    box-shadow:\n        0 24px 60px\n        rgba(0,0,0,.055);\n}\n\n.wdpc2__card:hover::before {\n    transform: scaleX(1);\n}\n\n\n.wdpc2__card--accent {\n    background:\n        linear-gradient(\n            145deg,\n            #fff4ef 0%,\n            #fafaf8 54%\n        );\n\n    border-color:\n        #efd9d1;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.wdpc2__card-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.wdpc2__number {\n    color: #595955;\n\n    font-size: 10px;\n    line-height: 1;\n\n    font-weight: 800;\n    letter-spacing: .8px;\n}\n\n.wdpc2__card--accent\n.wdpc2__number {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   ARROW\n========================================================= *\/\n\n.wdpc2__arrow {\n    width: 42px;\n    height: 42px;\n\n    border:\n        1px solid\n        #d7d7d2;\n\n    border-radius: 50%;\n\n    display: grid;\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 13px;\n\n    transition:\n        transform .25s ease,\n        color .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n}\n\n.wdpc2__card:hover\n.wdpc2__arrow {\n    transform:\n        translate(2px,-2px);\n\n    color: #fff;\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.wdpc2__icon {\n    width: 72px;\n    height: 72px;\n\n    margin-top: 36px;\n\n    border:\n        1px solid\n        #ddddda;\n\n    border-radius: 18px;\n\n    background:\n        rgba(255,255,255,.74);\n\n    display: grid;\n    place-items: center;\n\n    color: #222;\n\n    transition:\n        transform .32s cubic-bezier(.22,1,.36,1),\n        color .32s ease,\n        background .32s ease,\n        border-color .32s ease;\n}\n\n\n.wdpc2__icon svg {\n    width: 42px;\n    height: 42px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.55;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.wdpc2__card:hover\n.wdpc2__icon {\n    transform:\n        translateY(-3px)\n        rotate(-3deg);\n\n    color: var(--orange);\n\n    border-color:\n        rgba(255,80,51,.28);\n\n    background: #fff;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.wdpc2__content {\n    margin-top: 31px;\n}\n\n.wdpc2__content h3 {\n    max-width: 560px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(\n            29px,\n            2.25vw,\n            36px\n        );\n\n    line-height: 1.05;\n\n    font-weight: 650;\n\n    letter-spacing: -1.6px;\n}\n\n\n.wdpc2__content p {\n    max-width: 600px;\n\n    margin:\n        17px 0 0;\n\n    color: #656561;\n\n    font-size: 16px;\n    line-height: 1.65;\n\n    font-weight: 500;\n}\n\n\n.wdpc2__content\n.wdpc2__subcopy {\n    margin-top: 12px;\n\n    color: #858581;\n\n    font-size: 14px;\n\n    line-height: 1.58;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.wdpc2__features {\n    margin-top: 26px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:\n        11px 24px;\n}\n\n\n.wdpc2__features div {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    color: #575753;\n\n    font-size: 14px;\n    line-height: 1.4;\n\n    font-weight: 600;\n}\n\n\n.wdpc2__features i {\n    width: 7px;\n    height: 7px;\n\n    margin-top: .43em;\n\n    flex: 0 0 7px;\n\n    border:\n        1.5px solid\n        var(--orange);\n\n    border-radius: 50%;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.wdpc2__bottom {\n    margin-top: auto;\n\n    padding-top: 32px;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n\n\/* =========================================================\n   MORE FEATURES \/ AUDIT\n========================================================= *\/\n\n.wdpc2__more-features {\n    max-width: 260px;\n\n    color: #595955;\n\n    font-size: 11px;\n    line-height: 1.4;\n\n    font-weight: 750;\n    letter-spacing: .2px;\n}\n\n\n.wdpc2__audit {\n    display: inline-flex;\n    align-items: center;\n\n    padding:\n        8px 10px;\n\n    border:\n        1px solid\n        rgba(255,80,51,.26);\n\n    border-radius: 7px;\n\n    background:\n        rgba(255,80,51,.055);\n\n    color: var(--orange);\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: .25px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   MORE LINK\n========================================================= *\/\n\n.wdpc2__more {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid\n        #bdbdb8;\n\n    color: #1d1d1b;\n\n    font-size: 14px;\n\n    font-weight: 750;\n\n    white-space: nowrap;\n}\n\n.wdpc2__more span {\n    color: var(--orange);\n\n    transition:\n        transform .22s ease;\n}\n\n.wdpc2__more:hover span {\n    transform:\n        translateX(3px);\n}\n\n\n\/* =========================================================\n   FOOT CTA\n========================================================= *\/\n\n.wdpc2__foot {\n    margin-top: 40px;\n\n    padding:\n        27px 0;\n\n    border-top:\n        1px solid\n        var(--line);\n\n    border-bottom:\n        1px solid\n        var(--line);\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n}\n\n\n.wdpc2__foot small {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #999995;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .8px;\n}\n\n\n.wdpc2__foot strong {\n    display: block;\n\n    color: #333330;\n\n    font-size: 17px;\n    line-height: 1.45;\n\n    font-weight: 650;\n}\n\n\n.wdpc2__foot-button {\n    min-height: 48px;\n\n    padding:\n        0 9px 0 18px;\n\n    border-radius: 11px;\n\n    background: #171717;\n\n    color: #fff;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 18px;\n\n    white-space: nowrap;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.wdpc2__foot-button span {\n    width: 32px;\n    height: 32px;\n\n    border-radius: 8px;\n\n    background: var(--orange);\n\n    display: grid;\n    place-items: center;\n}\n\n\n\/* =========================================================\n   ELEMENTOR-SAFE ANIMATION\n========================================================= *\/\n\n.wdpc2__reveal {\n    opacity: 1;\n    transform: none;\n}\n\n\n.wdpc2.wdpc2--animate\n.wdpc2__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(24px);\n\n    transition:\n        opacity .75s\n        cubic-bezier(.22,1,.36,1),\n        transform .75s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdpc2.wdpc2--animate\n.wdpc2__reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\nbody.elementor-editor-active\n.wdpc2__reveal,\nbody.elementor-editor-preview\n.wdpc2__reveal,\n.elementor-edit-area\n.wdpc2__reveal {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .wdpc2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }\n\n    .wdpc2__header-grid {\n        grid-template-columns:\n            1fr 350px;\n\n        gap: 50px;\n    }\n\n    .wdpc2__title {\n        font-size: 52px;\n    }\n\n    .wdpc2__card {\n        min-height: 820px;\n    }\n\n    .wdpc2__features {\n        grid-template-columns: 1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .wdpc2__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0 68px;\n    }\n\n    .wdpc2__header-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .wdpc2__grid {\n        grid-template-columns: 1fr;\n    }\n\n    .wdpc2__card {\n        min-height: auto;\n    }\n\n    .wdpc2__features {\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdpc2__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0 52px;\n    }\n\n    .wdpc2__header {\n        margin-bottom: 38px;\n    }\n\n    .wdpc2__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdpc2__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdpc2__intro p {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdpc2__grid {\n        gap: 12px;\n    }\n\n    .wdpc2__card {\n        padding: 22px;\n\n        border-radius: 16px;\n    }\n\n    .wdpc2__icon {\n        width: 62px;\n        height: 62px;\n\n        margin-top: 29px;\n\n        border-radius: 15px;\n    }\n\n    .wdpc2__icon svg {\n        width: 36px;\n        height: 36px;\n    }\n\n    .wdpc2__content {\n        margin-top: 27px;\n    }\n\n    .wdpc2__content h3 {\n        font-size: 30px;\n\n        letter-spacing: -1.4px;\n    }\n\n    .wdpc2__content p {\n        font-size: 15px;\n\n        line-height: 1.62;\n    }\n\n    .wdpc2__content\n    .wdpc2__subcopy {\n        font-size: 14px;\n    }\n\n    .wdpc2__features {\n        margin-top: 24px;\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    .wdpc2__features div {\n        font-size: 14px;\n    }\n\n    .wdpc2__bottom {\n        padding-top: 29px;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 16px;\n    }\n\n    .wdpc2__foot {\n        margin-top: 30px;\n\n        padding:\n            24px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdpc2__reveal,\n    .wdpc2__card,\n    .wdpc2__icon,\n    .wdpc2__arrow {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT SERVICES\n   Desktop stays unchanged.\n   On phones show the essentials first and reveal details on tap.\n========================================================= *\/\n\n.wdpc2__mobile-toggle {\n    display: none;\n}\n\n@media (max-width: 620px) {\n\n    .wdpc2__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n    }\n\n    .wdpc2__header {\n        margin-bottom: 28px !important;\n    }\n\n    .wdpc2__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdpc2__title {\n        font-size: 36px !important;\n        line-height: 1.02 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdpc2__intro {\n        margin-top: 0;\n    }\n\n    .wdpc2__intro p {\n        max-width: 100%;\n        font-size: 15px !important;\n        line-height: 1.55 !important;\n    }\n\n    \/* Main CTA is repeated later on the page and inside cards *\/\n    .wdpc2__intro-link {\n        display: none !important;\n    }\n\n    .wdpc2__grid {\n        gap: 10px !important;\n    }\n\n    .wdpc2__card {\n        min-height: auto !important;\n        padding: 18px !important;\n        border-radius: 15px !important;\n    }\n\n    .wdpc2__card::before {\n        left: 18px;\n        right: 18px;\n    }\n\n    .wdpc2__arrow {\n        width: 36px !important;\n        height: 36px !important;\n        font-size: 12px !important;\n    }\n\n    .wdpc2__icon {\n        width: 50px !important;\n        height: 50px !important;\n        margin-top: 20px !important;\n        border-radius: 13px !important;\n    }\n\n    .wdpc2__icon svg {\n        width: 29px !important;\n        height: 29px !important;\n    }\n\n    .wdpc2__content {\n        margin-top: 19px !important;\n    }\n\n    .wdpc2__content h3 {\n        font-size: 25px !important;\n        line-height: 1.08 !important;\n        letter-spacing: -1.1px !important;\n    }\n\n    .wdpc2__content p {\n        margin-top: 12px !important;\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    \/* Secondary paragraph is available on demand *\/\n    .wdpc2__subcopy {\n        display: none;\n    }\n\n    .wdpc2__features {\n        margin-top: 18px !important;\n        grid-template-columns: 1fr !important;\n        gap: 8px !important;\n    }\n\n    .wdpc2__features div {\n        font-size: 13px !important;\n        line-height: 1.35 !important;\n    }\n\n    .wdpc2__features div:nth-child(n+5) {\n        display: none;\n    }\n\n    .wdpc2__features i {\n        width: 6px !important;\n        height: 6px !important;\n        flex-basis: 6px !important;\n    }\n\n    .wdpc2__mobile-toggle {\n        width: 100%;\n        min-height: 42px;\n        margin-top: 17px;\n        padding: 0 12px 0 14px;\n        border: 1px solid #ddddda;\n        border-radius: 10px;\n        background: rgba(255,255,255,.72);\n        color: #3c3c39;\n        cursor: pointer;\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n\n        font-size: 12px;\n        line-height: 1;\n        font-weight: 750;\n    }\n\n    .wdpc2__mobile-toggle i {\n        width: 24px;\n        height: 24px;\n        border-radius: 7px;\n        background: rgba(255,80,51,.08);\n        color: var(--orange);\n\n        display: grid;\n        place-items: center;\n\n        font-size: 16px;\n        line-height: 1;\n        font-style: normal;\n        font-weight: 500;\n\n        transition: transform .2s ease;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__subcopy {\n        display: block;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__features div:nth-child(n+5) {\n        display: flex;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__mobile-toggle i {\n        transform: rotate(45deg);\n    }\n\n    .wdpc2__bottom {\n        margin-top: 0 !important;\n        padding-top: 18px !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 12px !important;\n    }\n\n    .wdpc2__more-features {\n        display: none !important;\n    }\n\n    .wdpc2__more,\n    .wdpc2__audit {\n        font-size: 12px !important;\n    }\n\n    \/* The final page CTA already handles contact conversion. *\/\n    .wdpc2__foot {\n        display: none !important;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .wdpc2__mobile-toggle i {\n        transition: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    function initWdPremiumServices2() {\n\n        var section =\n            document.getElementById(\n                \"wdPremiumServices2\"\n            );\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var body = document.body;\n\n        var isEditor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        \/* Elementor: always visible *\/\n\n        if (isEditor) {\n            return;\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdpc2__reveal\"\n            );\n\n\n        if (!items.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdpc2--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        }\n\n                    );\n\n                },\n\n                {\n                    threshold: .07,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        items.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n\n    \/* =========================================================\n       MOBILE SERVICE DETAILS\n    ========================================================= *\/\n    function initWdPremiumServicesMobileToggles() {\n\n        var section = document.getElementById(\"wdPremiumServices2\");\n        if (!section) return;\n\n        var buttons = section.querySelectorAll(\".wdpc2__mobile-toggle\");\n\n        buttons.forEach(function (button) {\n\n            if (button.dataset.ready === \"1\") return;\n            button.dataset.ready = \"1\";\n\n            button.addEventListener(\"click\", function () {\n\n                var card = button.closest(\".wdpc2__card\");\n                if (!card) return;\n\n                var isOpen = card.classList.toggle(\"is-mobile-open\");\n\n                button.setAttribute(\n                    \"aria-expanded\",\n                    isOpen ? \"true\" : \"false\"\n                );\n\n                var label = button.querySelector(\"span\");\n\n                if (label) {\n                    label.textContent =\n                        isOpen\n                            ? \"R\u0101d\u012bt maz\u0101k\"\n                            : \"R\u0101d\u012bt vair\u0101k\";\n                }\n\n            });\n\n        });\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdPremiumServices2\n        );\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdPremiumServicesMobileToggles\n        );\n\n    } else {\n\n        initWdPremiumServices2();\n        initWdPremiumServicesMobileToggles();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    function () {\n                        initWdPremiumServices2();\n                        initWdPremiumServicesMobileToggles();\n                    },\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\n<style id=\"wdpc2-visual-six-2026\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 28px!important}\n.wdpc2 .wdpc2__card{padding:0 0 22px!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}\n.wdpc2 .wdpc2__card::before,.wdpc2 .wdpc2__card::after{display:none!important}\n.wdpc2 .wdpc2__card-top{margin-bottom:10px!important}\n.wdpc2 .wdpc2__arrow{width:34px!important;height:34px!important;border:0!important;background:transparent!important;font-size:20px!important}\n.wdpc2 .wdpc2__icon{display:none!important}\n.wdpc2__visual{width:100%;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px}\n.wdpc2__visual svg{display:block;width:100%;height:100%;transition:transform .3s ease}\n.wdpc2__card:hover .wdpc2__visual svg{transform:translateY(-3px)}\n.wdpc2 .wdpc2__content{margin-top:0!important}\n.wdpc2 .wdpc2__content h3{font-size:27px!important;line-height:1.18!important;letter-spacing:-.9px!important;min-height:64px}\n.wdpc2 .wdpc2__content p{font-size:14px!important;line-height:1.7!important;margin-top:14px!important}\n.wdpc2 .wdpc2__content .wdpc2__subcopy{display:block!important;font-size:13px!important;line-height:1.65!important}\n.wdpc2 .wdpc2__features{grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important;margin-bottom:22px!important}\n.wdpc2 .wdpc2__features div{display:flex!important;font-size:13px!important;line-height:1.5!important}\n.wdpc2 .wdpc2__features i{border:0!important;background:var(--orange)!important;width:4px!important;height:4px!important;flex-basis:4px!important;margin-top:.6em!important}\n.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-top:0!important;margin-top:auto!important}\n.wdpc2 .wdpc2__more-features{display:block!important}\n.wdpc2 .wdpc2__more{white-space:normal!important;border:0!important;font-size:13px!important}\n.wdpc2 .wdpc2__mobile-toggle{display:none!important}\n.wdpc2 .wdpc2__intro-link{display:inline-flex!important}\n@media(max-width:1100px){.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important;gap:35px!important}.wdpc2__visual{height:180px;margin-bottom:18px}.wdpc2 .wdpc2__content h3{font-size:26px!important;min-height:0}.wdpc2 .wdpc2__card{padding:0!important}.wdpc2 .wdpc2__features{margin-bottom:20px!important}.wdpc2 .wdpc2__foot{display:flex!important}}\n@media(prefers-reduced-motion:reduce){.wdpc2__visual svg{transition:none!important;transform:none!important}}\n<\/style>\n<style id=\"wdpc2-refined-layout-2026\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}\n.wdpc2 .wdpc2__card{padding:28px 30px 30px!important;border-radius:18px!important;background:var(--surface)!important;overflow:hidden!important}\n.wdpc2 .wdpc2__card-top{margin-bottom:0!important;position:relative!important;z-index:2!important}\n.wdpc2 .wdpc2__number{font-size:12px!important}\n.wdpc2 .wdpc2__arrow{width:40px!important;height:40px!important;background:#fff!important;border-radius:50%!important}\n.wdpc2 .wdpc2__visual{height:220px!important;margin:5px 0 20px!important}\n.wdpc2 .wdpc2__visual svg{width:100%!important;max-width:440px!important;filter:drop-shadow(0 14px 12px rgba(29,29,26,.055));}\n.wdpc2 .wdpc2__content h3{font-size:30px!important;line-height:1.2!important;letter-spacing:-1px!important;min-height:0!important}\n.wdpc2 .wdpc2__content p{font-size:15px!important;line-height:1.7!important;margin-top:16px!important}\n.wdpc2 .wdpc2__content .wdpc2__subcopy{font-size:14px!important}\n.wdpc2 .wdpc2__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 22px!important;margin:24px 0 28px!important}\n.wdpc2 .wdpc2__features div{font-size:13px!important;line-height:1.55!important}\n.wdpc2 .wdpc2__bottom{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding-top:8px!important}\n.wdpc2 .wdpc2__more{font-size:13px!important;flex-shrink:0!important}\n.wdpc2 .wdpc2__more-features{font-size:11px!important;max-width:240px!important}\n.wdpc2 .wdpc2__card:hover .wdpc2__arrow{background:var(--orange)!important;color:#fff!important}\n@media(max-width:900px){.wdpc2 .wdpc2__features{grid-template-columns:1fr!important}.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important}.wdpc2 .wdpc2__card{padding:24px!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important;gap:18px!important}.wdpc2 .wdpc2__card{padding:22px!important;border-radius:15px!important}.wdpc2 .wdpc2__visual{height:185px!important;margin-bottom:16px!important}.wdpc2 .wdpc2__content h3{font-size:27px!important}.wdpc2 .wdpc2__content p{font-size:14px!important}.wdpc2 .wdpc2__content .wdpc2__subcopy{font-size:13px!important}}\n<\/style>\n<style id=\"wdpc2-three-columns-final\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n.wdpc2 .wdpc2__card{padding:24px!important}\n.wdpc2 .wdpc2__visual{height:180px!important}\n.wdpc2 .wdpc2__content h3{font-size:26px!important}\n.wdpc2 .wdpc2__features{grid-template-columns:1fr!important}\n.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important}\n@media(max-width:1100px){.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important}}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-854e12d e-con e-atomic-element e-flexbox-base e-default-div e-854e12d-dcb573b \" data-id=\"854e12d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"854e12d\" data-e-type=\"e-flexbox\" data-id=\"854e12d\">\n    \t\t<div class=\"elementor-element elementor-element-0402adb elementor-widget elementor-widget-html\" data-id=\"0402adb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nWEBDIGITAL \u2014 04 \/ M\u016aSU DARBI\r\n3 + SHOW 9 PORTFOLIO GRID\r\nReplace only the image URLs in the <img decoding=\"async\" src=\"\" alt=\"\" title=\"\"> fields.\r\nRecommended screenshot: 1600\u00d71000 px (or 1440\u00d7900 px).\r\n========================================================= -->\r\n\r\n<section class=\"wdprice26\" id=\"majaslapu-izstrades-cenas\" aria-labelledby=\"wdprice26-title\"><style>.wdprice26{background:#f7f7f4;color:#171717;padding:90px 0;font-family:Manrope,Arial,sans-serif}.wdprice26 *{box-sizing:border-box}.wdprice26__inner{width:min(calc(100% - 48px),1390px);max-width:1390px;margin:auto}.wdprice26__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#f05032}.wdprice26__eyebrow{display:flex;align-items:center;gap:12px}.wdprice26__eyebrow i{width:20px;height:1px;background:#ff5033;display:block}.wdprice26 h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:17px 0}.wdprice26__lead{color:#686864;max-width:730px;line-height:1.7;font-size:16px;margin:0 0 38px}.wdprice26__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.wdprice26__card{border:1px solid #e5e5e0;background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;min-height:420px}.wdprice26__card--main{border-color:#ff5033;box-shadow:0 12px 34px rgba(0,0,0,.055)}.wdprice26__label{font-size:17px;font-weight:800}.wdprice26__price{margin:24px 0 8px;font-size:43px;font-weight:800;letter-spacing:-.06em;line-height:1}.wdprice26__price small{font-size:14px;letter-spacing:normal;font-weight:600;color:#666}.wdprice26__time{font-size:13px;color:#555;margin-bottom:20px}.wdprice26__features{padding:18px 0 20px;margin:0;list-style:none;border-top:1px solid #eee;flex:1}.wdprice26__features li{position:relative;padding:0 0 12px 20px;font-size:13px;line-height:1.5}.wdprice26__features li:before{content:\"\u2713\";position:absolute;left:0;color:#f05032;font-weight:800}.wdprice26__link{display:block;border-radius:9px;background:#171717;color:#fff!important;text-align:center;padding:13px 12px;text-decoration:none!important;font-weight:750;font-size:13px}.wdprice26__card--main .wdprice26__link{background:#ff5033}.wdprice26__note{font-size:12px;line-height:1.7;color:#777;margin:25px 0 0}@media(max-width:850px){.wdprice26__inner{width:calc(100% - 36px)}.wdprice26__grid{grid-template-columns:1fr}.wdprice26__card{min-height:0}.wdprice26{padding:65px 0}.wdprice26__price{font-size:38px}}<\/style><div class=\"wdprice26__inner\"><div class=\"wdprice26__eyebrow\"><span>04<\/span><i><\/i><span>\u0426\u0415\u041d\u042b \u0418 \u0421\u0420\u041e\u041a\u0418<\/span><\/div><h2 id=\"wdprice26-title\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0430\u0439\u0442\u043e\u0432<\/h2><p class=\"wdprice26__lead\">\u041e\u0442 \u043f\u0440\u043e\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u0430 \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430. \u041f\u043e\u043c\u043e\u0436\u0435\u043c \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b.<\/p><div class=\"wdprice26__grid\"><article class=\"wdprice26__card\"><div class=\"wdprice26__label\">\u041b\u0435\u043d\u0434\u0438\u043d\u0433<\/div><div class=\"wdprice26__price\"><small>\u043e\u0442 <\/small>590 \u20ac<\/div><div class=\"wdprice26__time\">\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0441\u0440\u043e\u043a \u00b7 1 \u043d\u0435\u0434\u0435\u043b\u044f<\/div><ul class=\"wdprice26__features\"><li>\u041e\u0434\u043d\u0430 \u043f\u0440\u043e\u0434\u0430\u044e\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/li><li>\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/li><li>\u0424\u043e\u0440\u043c\u0430 \u0437\u0430\u044f\u0432\u043a\u0438 \u0438 \u0431\u0430\u0437\u043e\u0432\u043e\u0435 SEO<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/ru\/razrabotka-lendingov\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u0430\u0445 \u2192<\/a><\/article><article class=\"wdprice26__card\"><div class=\"wdprice26__label\">\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/div><div class=\"wdprice26__price\"><small>\u043e\u0442 <\/small>890 \u20ac<\/div><div class=\"wdprice26__time\">\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0441\u0440\u043e\u043a \u00b7 2 \u043d\u0435\u0434\u0435\u043b\u0438<\/div><ul class=\"wdprice26__features\"><li>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u0432 \u0441\u0430\u0439\u0442\u0430<\/li><li>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c WordPress<\/li><li>\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u0431\u0430\u0437\u043e\u0432\u043e\u0435 SEO<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/ru\/informacionnye-sajty\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u0441\u0430\u0439\u0442\u0430\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u2192<\/a><\/article><article class=\"wdprice26__card wdprice26__card--main\"><div class=\"wdprice26__label\">\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/div><div class=\"wdprice26__price\"><small>\u043e\u0442 <\/small>1 490 \u20ac<\/div><div class=\"wdprice26__time\">\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0441\u0440\u043e\u043a \u00b7 4 \u043d\u0435\u0434\u0435\u043b\u0438<\/div><ul class=\"wdprice26__features\"><li>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 WooCommerce<\/li><li>\u041a\u043e\u0440\u0437\u0438\u043d\u0430 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u043e\u0432<\/li><li>\u041e\u0434\u043d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u043e\u043f\u043b\u0430\u0442\u044b<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/ru\/razrabotka-internet-magazinov\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\u0445 \u2192<\/a><\/article><\/div><p class=\"wdprice26__note\">\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0435 \u0446\u0435\u043d\u044b \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0431\u0435\u0437 \u041d\u0414\u0421. \u0421\u0440\u043e\u043a\u0438 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0435 \u043f\u0440\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u043e\u0431\u044a\u0451\u043c\u0435 \u0440\u0430\u0431\u043e\u0442. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u044f\u0437\u044b\u043a\u0438, \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438, \u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0438, \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e. \u0418\u0442\u043e\u0433\u043e\u0432\u0430\u044f \u0446\u0435\u043d\u0430 \u0438 \u0441\u0440\u043e\u043a\u0438 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439.<\/p><\/div><\/section>\n<section class=\"wdworks6\" id=\"wdWorks6\">\r\n  <div class=\"wdworks6__inner\">\r\n\r\n    <header class=\"wdworks6__head wdworks6__reveal\">\r\n      <div class=\"wdworks6__kicker\">\r\n        <b>05<\/b>\r\n        <i><\/i>\r\n        <span>\u041d\u0410\u0428\u0418 \u0420\u0410\u0411\u041e\u0422\u042b<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wdworks6__headrow\">\r\n        <div>\r\n          <h2>\r\n            \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432\r\n            <span>\u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u043d\u0430\u0448\u0438\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"wdworks6__lead\">\r\n          <p>\r\n            \u0421\u0430\u0439\u0442\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438: \u0441 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430\u043c\u0438, \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f\u043c\u0438 \u0441 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0432 \u043a\u0435\u0439\u0441\u0430\u0445 <a href=\"\/ru\/plaukti-eu-razrabotka-magazina-woocommerce\/\">Plaukti.eu<\/a> \u0438 <a href=\"\/ru\/alexindustry-eu-b2b-woocommerce-keis\/\">Alexindustry.eu<\/a>.\r\n          <\/p>\r\n\r\n          <a href=\"\/ru\/nashi-raboty\/\">\r\n            \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b\r\n            <b>\u2197<\/b>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"wdworks6__grid\">\r\n\r\n      <!-- ===================== PROJECT 01 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.06s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/plaukti.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                plaukti.eu\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa.webp\"\r\n                alt=\"Plaukti.eu\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">01<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Plaukti.eu<\/h3>\r\n            <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span>\r\n              <span>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f\u0437\u044b\u043a\u043e\u0432<\/span>\r\n              <span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0441 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u0441\u0442\u0435\u043b\u043b\u0430\u0436\u0435\u0439, \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0442\u043e\u0432\u0430\u0440\u0430\u043c\u0438 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u043c. \u0422\u0440\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f.<\/p><a class=\"wdworks6__case-link\" href=\"\/ru\/plaukti-eu-razrabotka-magazina-woocommerce\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/plaukti.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Plaukti.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 02 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.10s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                ditra.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa.webp\"\r\n                alt=\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432 \u2014 \u0441\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Ditra \u0441 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">02<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Ditra.lv<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>UX\/UI<\/span>\r\n              <span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d \u0441\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u0430 \u0432 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0430\u0439\u0442\u0430.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Ditra.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 03 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.14s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alexindustry.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                alexindustry.eu\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-17-201829.png\"\r\n                alt=\"Alexindustry.eu\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">03<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Alexindustry.eu<\/h3>\r\n            <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span>\r\n              <span>\u0412\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>B2B-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0441 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0435\u0439 \u0441 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438, \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438, \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0442\u043e\u0432\u0430\u0440\u0430\u043c\u0438 \u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430. \u0422\u0440\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438.<\/p><a class=\"wdworks6__case-link\" href=\"\/ru\/alexindustry-eu-b2b-woocommerce-keis\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alexindustry.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Alexindustry.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           EXTRA PROJECTS \u2014 HIDDEN UNTIL BUTTON CLICK\r\n      ====================================================== -->\r\n\r\n      <!-- ===================== PROJECT 04 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                baumsrent.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-17-at-21.59.45-scaled.png\"\r\n                alt=\"Baumsrent.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">04<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Baumsrent.lv<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u0430\u0440\u0435\u043d\u0434\u044b \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>SEO<\/span>\r\n              <span>\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u041c\u043e\u0434\u0443\u043b\u044c \u0430\u0440\u0435\u043d\u0434\u044b \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0441 \u0440\u0430\u0441\u0447\u0451\u0442\u043e\u043c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0430\u0440\u0435\u043d\u0434\u044b \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438. \u0420\u0443\u0441\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u0430\u0439\u0442\u0430 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Baumsrent.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 05 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                horstserviss.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/horstserviss.webp\"\r\n                alt=\"Horstserviss.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">05<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Horstserviss.lv<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>UX\/UI<\/span>\r\n              <span>\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0441\u0430\u0439\u0442\u0430, \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0430 \u0443\u0433\u043b\u0443\u0431\u043b\u0451\u043d\u043d\u0430\u044f SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u044d\u0441\u0442\u043e\u043d\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f. \u0421\u043e\u0437\u0434\u0430\u043d\u043e \u0431\u043e\u043b\u0435\u0435 30 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0443\u0441\u043b\u0443\u0433.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Horstserviss.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 06 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                alextrans.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/alextrans.webp\"\r\n                alt=\"AlexTrans.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            \u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">06<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>AlexTrans.lv<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f\u0437\u044b\u043a\u043e\u0432<\/span>\r\n              <span>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0421\u0430\u0439\u0442 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0441 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u043c \u0433\u0440\u0443\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438. \u0422\u0440\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c AlexTrans.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================== PROJECT 07 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/irgrisinajumi.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">irgrisinajumi.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa.webp\" alt=\"Irgrisinajumi.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">07<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Irgrisinajumi.lv<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>UX\/UI<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430 \u0441 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/irgrisinajumi.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Irgrisinajumi.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 08 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/gaisakompresori.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">gaisakompresori.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/gaisakompresori-majaslap.webp\" alt=\"gaisakompresori.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">08<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Gaisakompresori.lv<\/h3>\r\n            <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span><span>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c, \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0442\u043e\u0432\u0430\u0440\u043e\u0432. \u0422\u0440\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/gaisakompresori.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Gaisakompresori.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 09 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/apwoodline.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">apwoodline.eu<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/apwoodline-majaslapa.webp\" alt=\"Apwoodline.eu\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">09<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Apwoodline.eu<\/h3>\r\n            <p>\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0441\u0430\u0439\u0442<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f\u0437\u044b\u043a\u043e\u0432<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f\u043c\u0438 \u0443\u0441\u043b\u0443\u0433, \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/apwoodline.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Apwoodline.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 10 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/aeonpump.com\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">aeonpump.com<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/aeonpump-1.webp\" alt=\"Aeonpump.com\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">10<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Aeonpump.com<\/h3>\r\n            <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>UX\/UI<\/span><span>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0421\u0430\u0439\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c, \u0448\u0435\u0441\u0442\u044c\u044e \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0434\u043b\u044f \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/aeonpump.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Aeonpump.com\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 11 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alanika.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">alanika.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/alanika.webp\" alt=\"Alanika.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">11<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Alanika.lv<\/h3>\r\n            <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span><span>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044f\u0437\u044b\u043a\u043e\u0432<\/span><span>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u043d\u0430 \u0447\u0435\u0442\u044b\u0440\u0451\u0445 \u044f\u0437\u044b\u043a\u0430\u0445 \u0441 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0438 SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alanika.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Alanika.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 12 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/uzvardukalendars.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">uzvardukalendars.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/uzvradakalendars.webp\" alt=\"uzvardukalendars.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">\u041f\u043e\u0441\u0435\u0442\u0438\u0442\u044c \u0441\u0430\u0439\u0442 <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">12<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Uzvardukalendars.lv<\/h3>\r\n            <p>\u041c\u043d\u043e\u0433\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>\u0427\u0422\u041e \u0421\u0414\u0415\u041b\u0410\u041b\u0418<\/small>\r\n              <p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430 \u0444\u0430\u043c\u0438\u043b\u0438\u0439 \u0441 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u043a\u0440\u0443\u0433\u043e\u043c \u0444\u0430\u043c\u0438\u043b\u0438\u0439 \u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u044b \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/uzvardukalendars.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c Uzvardukalendars.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SHOW MORE\r\n    ====================================================== -->\r\n\r\n    <div class=\"wdworks6__morewrap wdworks6__reveal\" style=\"--d:.20s\">\r\n\r\n      <button\r\n        class=\"wdworks6__morebutton\"\r\n        type=\"button\"\r\n        id=\"wdWorks6More\"\r\n        aria-expanded=\"false\"\r\n      >\r\n        <span class=\"wdworks6__morelabel\">\r\n          \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\r\n        <\/span>\r\n\r\n        <b>\u2193<\/b>\r\n      <\/button>\r\n\r\n      <a\r\n        href=\"\/ru\/nashi-raboty\/\"\r\n        class=\"wdworks6__portfolio\"\r\n      >\r\n        \u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u0442\u0444\u0435\u043b\u044f\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wdworks6,\r\n.wdworks6 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wdworks6 a {\r\n  text-decoration: none;\r\n}\r\n\r\n.wdworks6 button {\r\n  font: inherit;\r\n}\r\n\r\n.wdworks6 {\r\n  --o: #ff5033;\r\n  --ink: #171717;\r\n  --txt: #686864;\r\n  --line: #deded9;\r\n  --bg: #f7f7f4;\r\n\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n.wdworks6__inner {\r\n  width: min(calc(100% - 48px), 1390px);\r\n  margin: auto;\r\n  padding: 92px 0 76px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdworks6__kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n\r\n  color: #858581;\r\n}\r\n\r\n.wdworks6__kicker b {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6__kicker i {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: #c9c9c4;\r\n}\r\n\r\n.wdworks6__head {\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.wdworks6__headrow {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(330px,.85fr);\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n}\r\n\r\n.wdworks6__head h2 {\r\n  margin: 0;\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      3.8vw,\r\n      61px\r\n    );\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.wdworks6__head h2 span {\r\n  display: block;\r\n  color: #9e9e99;\r\n}\r\n\r\n.wdworks6__lead p {\r\n  max-width: 500px;\r\n  margin: 0;\r\n\r\n  color: var(--txt);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n.wdworks6__lead > a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n  margin-top: 19px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom: 1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__lead > a b {\r\n  color: var(--o);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wdworks6__grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:\r\n    22px 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wdworks6__card {\r\n  min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL \/ MOCKUP\r\n========================================================= *\/\r\n\r\n.wdworks6__visual {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  padding:\r\n    20px 20px 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid #dfdfda;\r\n\r\n  border-radius: 18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #efefeb,\r\n      #e7e7e2\r\n    );\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.22,1,.36,1),\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+2)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f3eee9,\r\n      #e9e5df\r\n    );\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+3)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ecefed,\r\n      #e1e5e2\r\n    );\r\n}\r\n\r\n.wdworks6__visual:hover {\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 22px 45px\r\n    rgba(0,0,0,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BROWSER\r\n========================================================= *\/\r\n\r\n.wdworks6__browser {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius:\r\n    11px 11px 0 0;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 16px 36px\r\n    rgba(0,0,0,.13);\r\n\r\n  transform:\r\n    translateY(1px);\r\n\r\n  transition:\r\n    transform .45s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__browser {\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.wdworks6__bar {\r\n  height: 31px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px 1fr 58px;\r\n\r\n  align-items: center;\r\n\r\n  border-bottom:\r\n    1px solid #ededeb;\r\n\r\n  background: #fafafa;\r\n\r\n  padding:\r\n    0 9px;\r\n}\r\n\r\n.wdworks6__dots {\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.wdworks6__dots i {\r\n  display: block;\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #c9c9c5;\r\n}\r\n\r\n.wdworks6__address {\r\n  justify-self: center;\r\n\r\n  max-width: 150px;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-align: center;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCREEN\r\n========================================================= *\/\r\n\r\n.wdworks6__screen {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 10;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.wdworks6__screen img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: top center;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__screen img {\r\n  transform:\r\n    scale(1.018);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISIT BADGE\r\n========================================================= *\/\r\n\r\n.wdworks6__visit {\r\n  position: absolute;\r\n\r\n  right: 29px;\r\n  bottom: 18px;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 39px;\r\n\r\n  padding:\r\n    0 7px\r\n    0 13px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(0,0,0,.1);\r\n\r\n  color: #1b1b19;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(6px);\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.wdworks6__visit b {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__visit {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n.wdworks6__info {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    25px\r\n    minmax(0,1fr)\r\n    38px;\r\n\r\n  gap: 12px;\r\n\r\n  padding:\r\n    19px 2px 6px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n.wdworks6__num {\r\n  padding-top: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n.wdworks6__copy h3 {\r\n  margin: 0;\r\n\r\n  color: #181818;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.wdworks6__copy p {\r\n  margin:\r\n    6px 0 0;\r\n\r\n  color: #777773;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.wdworks6__tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 12px;\r\n}\r\n\r\n.wdworks6__tags span {\r\n  padding:\r\n    5px 7px;\r\n\r\n  border:\r\n    1px solid #dcdcd7;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.55);\r\n\r\n  color: #777773;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT WORK DONE\r\n========================================================= *\/\r\n\r\n.wdworks6__done {\r\n  margin-top: 14px;\r\n  max-width: 320px;\r\n}\r\n\r\n.wdworks6__done small {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 8px;\r\n  line-height: 1;\r\n  font-weight: 850;\r\n  letter-spacing: .75px;\r\n}\r\n\r\n.wdworks6__done p {\r\n  margin: 0;\r\n\r\n  color: #666662;\r\n\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  font-weight: 550;\r\n}\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.wdworks6__arrow {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  border:\r\n    1px solid #d2d2cd;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 12px;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.wdworks6__arrow:hover {\r\n  background: var(--o);\r\n\r\n  border-color: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  transform:\r\n    translate(2px,-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA ROW\r\n========================================================= *\/\r\n\r\n.wdworks6__extra {\r\n  display: none;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(18px);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__extra {\r\n  display: block;\r\n\r\n  animation:\r\n    wdworks6ExtraIn\r\n    .55s\r\n    cubic-bezier(.22,1,.36,1)\r\n    forwards;\r\n}\r\n\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(4){animation-delay:.03s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(5){animation-delay:.06s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(6){animation-delay:.09s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(7){animation-delay:.12s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(8){animation-delay:.15s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(9){animation-delay:.18s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(10){animation-delay:.21s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(11){animation-delay:.24s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(12){animation-delay:.27s}\r\n\r\n@keyframes wdworks6ExtraIn {\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MORE WRAP\r\n========================================================= *\/\r\n\r\n.wdworks6__morewrap {\r\n  margin-top: 35px;\r\n\r\n  padding:\r\n    25px 0;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOW MORE BUTTON\r\n========================================================= *\/\r\n\r\n.wdworks6__morebutton {\r\n  min-height: 49px;\r\n\r\n  padding:\r\n    0 9px\r\n    0 18px;\r\n\r\n  border:\r\n    1px solid #d3d3ce;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: #fff;\r\n\r\n  color: #20201e;\r\n\r\n  cursor: pointer;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 18px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.wdworks6__morebutton:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  border-color:\r\n    #c5c5c0;\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(0,0,0,.05);\r\n}\r\n\r\n.wdworks6__morebutton b {\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__morebutton b {\r\n  transform:\r\n    rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL PORTFOLIO LINK\r\n========================================================= *\/\r\n\r\n.wdworks6__portfolio {\r\n  display: none;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom:\r\n    1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__portfolio span {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__portfolio {\r\n  display: inline-flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdworks6__reveal {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .7s\r\n    cubic-bezier(.22,1,.36,1),\r\n    transform .7s\r\n    cubic-bezier(.22,1,.36,1);\r\n\r\n  transition-delay:\r\n    var(--d,0s);\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal.is-visible {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdworks6__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdworks6__reveal,\r\n\r\n.elementor-edit-area\r\n.wdworks6__reveal {\r\n  opacity: 1 !important;\r\n\r\n  transform: none !important;\r\n\r\n  transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr\r\n      340px;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 760px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n    padding:\r\n      72px 0\r\n      62px;\r\n  }\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      56px 0\r\n      48px;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    font-size: 10px;\r\n\r\n    margin-bottom: 19px;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 38px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding:\r\n      13px 13px 0;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 27px;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wdworks6__reveal,\r\n  .wdworks6__visual,\r\n  .wdworks6__browser,\r\n  .wdworks6__screen img,\r\n  .wdworks6__extra {\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 PORTFOLIO: SHOW ONLY 1 PROJECT INITIALLY\r\n   Desktop\/tablet remain unchanged.\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width: calc(100% - 28px) !important;\r\n    padding: 48px 0 44px !important;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 26px !important;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    margin-bottom: 16px !important;\r\n    font-size: 9px !important;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 36px !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -1.8px !important;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 14px !important;\r\n    line-height: 1.52 !important;\r\n  }\r\n\r\n  .wdworks6__lead > a {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Initially show only the first project *\/\r\n  .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: none;\r\n  }\r\n\r\n  \/* When expanded, reveal all projects *\/\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: block;\r\n    animation: wdworks6ExtraIn .45s cubic-bezier(.22,1,.36,1) forwards;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding: 11px 11px 0 !important;\r\n    border-radius: 14px !important;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 25px !important;\r\n    grid-template-columns: 46px 1fr 46px !important;\r\n  }\r\n\r\n  .wdworks6__screen {\r\n    aspect-ratio: 16 \/ 9 !important;\r\n  }\r\n\r\n  .wdworks6__info {\r\n    grid-template-columns: minmax(0,1fr) 34px !important;\r\n    gap: 10px !important;\r\n    padding: 14px 2px 2px !important;\r\n  }\r\n\r\n  .wdworks6__num {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 21px !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: -.8px !important;\r\n  }\r\n\r\n  .wdworks6__copy p {\r\n    margin-top: 4px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__tags {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n\r\n  .wdworks6__done {\r\n    margin-top: 10px !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .wdworks6__done small {\r\n    margin-bottom: 4px !important;\r\n    font-size: 7px !important;\r\n  }\r\n\r\n  .wdworks6__done p {\r\n    font-size: 10px !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  .wdworks6__arrow {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    margin-top: 24px !important;\r\n    padding: 20px 0 !important;\r\n    flex-direction: column !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__morebutton {\r\n    width: 100%;\r\n    min-height: 48px !important;\r\n    justify-content: space-between !important;\r\n    padding-left: 16px !important;\r\n  }\r\n\r\n  .wdworks6__portfolio {\r\n    font-size: 12px !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initWDWorks6(){\r\n\r\n    var section =\r\n      document.getElementById(\"wdWorks6\");\r\n\r\n    var more =\r\n      document.getElementById(\"wdWorks6More\");\r\n\r\n    if(\r\n      !section ||\r\n      section.dataset.wdInit === \"1\"\r\n    ){\r\n      return;\r\n    }\r\n\r\n    section.dataset.wdInit = \"1\";\r\n\r\n\r\n    \/* =====================================================\r\n       SHOW MORE\r\n    ====================================================== *\/\r\n\r\n\r\n    if(more && window.matchMedia && window.matchMedia(\"(max-width: 620px)\").matches){\r\n      var initialLabel = more.querySelector(\".wdworks6__morelabel\");\r\n      if(initialLabel){\r\n        initialLabel.textContent = \"Par\u0101d\u012bt vair\u0101k projektu\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n    if(more){\r\n\r\n      more.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n          var expanded =\r\n            section.classList.toggle(\r\n              \"is-expanded\"\r\n            );\r\n\r\n          more.setAttribute(\r\n            \"aria-expanded\",\r\n            expanded ? \"true\" : \"false\"\r\n          );\r\n\r\n\r\n          var label =\r\n            more.querySelector(\r\n              \".wdworks6__morelabel\"\r\n            );\r\n\r\n          if(label){\r\n\r\n            var isMobile =\r\n              window.matchMedia &&\r\n              window.matchMedia(\"(max-width: 620px)\").matches;\r\n\r\n            label.textContent =\r\n              expanded\r\n                ? (isMobile\r\n                    ? \"Pasl\u0113pt projektus\"\r\n                    : \"Pasl\u0113pt projektus\")\r\n                : (isMobile\r\n                    ? \"Par\u0101d\u012bt vair\u0101k projektu\"\r\n                    : \"Apskat\u012bt vair\u0101k projektu\");\r\n\r\n          }\r\n\r\n\r\n          \/*\r\n           * When closing:\r\n           * scroll gently back toward button if necessary.\r\n           *\/\r\n\r\n          if(!expanded){\r\n\r\n            var rect =\r\n              more.getBoundingClientRect();\r\n\r\n            if(rect.top < 100){\r\n\r\n              more.scrollIntoView({\r\n                behavior:\"smooth\",\r\n                block:\"center\"\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REVEAL\r\n    ====================================================== *\/\r\n\r\n    var editor =\r\n      document.body.classList.contains(\r\n        \"elementor-editor-active\"\r\n      )\r\n      ||\r\n      document.body.classList.contains(\r\n        \"elementor-editor-preview\"\r\n      );\r\n\r\n\r\n    if(editor){\r\n      return;\r\n    }\r\n\r\n\r\n    var items =\r\n      section.querySelectorAll(\r\n        \".wdworks6__reveal\"\r\n      );\r\n\r\n\r\n    if(!items.length){\r\n      return;\r\n    }\r\n\r\n\r\n    section.classList.add(\r\n      \"wdworks6--animate\"\r\n    );\r\n\r\n\r\n    if(\r\n      !(\r\n        \"IntersectionObserver\"\r\n        in window\r\n      )\r\n    ){\r\n\r\n      items.forEach(\r\n        function(el){\r\n\r\n          el.classList.add(\r\n            \"is-visible\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    var io =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(\r\n                entry.isIntersecting\r\n              ){\r\n\r\n                entry.target\r\n                  .classList\r\n                  .add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                io.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08,\r\n          rootMargin:\r\n            \"0px 0px -20px 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    items.forEach(\r\n      function(el){\r\n\r\n        io.observe(el);\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initWDWorks6\r\n    );\r\n\r\n  }else{\r\n\r\n    initWDWorks6();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function(){\r\n\r\n        setTimeout(\r\n          initWDWorks6,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f065343 elementor-widget elementor-widget-html\" data-id=\"f065343\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 M\u016aSU KLIENTI\r\n     LOGO MARQUEE \/ NORMALIZED LOGOS\r\n========================================================= -->\r\n\r\n<section class=\"wd-clients-new\" id=\"wdClientsNew\">\r\n\r\n    <div class=\"wd-clients-new__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"wd-clients-new__header\">\r\n\r\n            <div class=\"wd-clients-new__eyebrow\">\r\n                <span>06<\/span>\r\n                <i><\/i>\r\n                <span>\u041d\u0410\u0428\u0418 \u041a\u041b\u0418\u0415\u041d\u0422\u042b<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wd-clients-new__headgrid\">\r\n\r\n                <h2>\r\n                    \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435\r\n                    <span>\u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 WebDigital<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c \u0441\u0430\u0439\u0442\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u0432 \u041b\u0430\u0442\u0432\u0438\u0438 \u0438 \u0437\u0430 \u0440\u0443\u0431\u0435\u0436\u043e\u043c.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             LOGOS\r\n        ====================================================== -->\r\n\r\n        <div class=\"wd-clients-new__stage\">\r\n\r\n            <!-- ROW 1 -->\r\n            <div class=\"wd-clients-new__marquee wd-clients-new__marquee--left\">\r\n                <div class=\"wd-clients-new__track\">\r\n\r\n                    <!-- ORIGINAL -->\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Ditra-Logo-r9gwkyx7oi2lg7tk9pcs3ffgrfqq1bp2lljyk3vi0w.png\" alt=\"Ditra\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/1996_website_72x72_DPI_2-1.webp\" alt=\"1996\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-600x450jpg-6.webp\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Uzvardu-3-4.webp\" alt=\"Uzv\u0101rdu kalend\u0101rs\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Swimpro_logo_420x105-5.gif\" alt=\"SwimPro\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dikolatlogo.png\" alt=\"Dikolat\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/fa333276-3056-4c56-9c93-bf6820641fdd-1200x119-1.png\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/baumsrent-logo-4.webp\" alt=\"BaumsRent\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ozolciems-ture-logo-4.png-3.webp\" alt=\"Ozolciems T\u016bre\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/remedium-LOGO-1.png\" alt=\"Remedium\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/jmgdruka_tavadruka_logo_RGB1-1.webp\" alt=\"JMG Druka\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/TavaDrukaLv-1.png\" alt=\"TavaDruka\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/sdasa-1.png\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ALANIKA_Logo_2021.png-1.webp\" alt=\"Alanika\" title=\"\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- DUPLICATE -->\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Ditra-Logo-r9gwkyx7oi2lg7tk9pcs3ffgrfqq1bp2lljyk3vi0w.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/1996_website_72x72_DPI_2-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-600x450jpg-6.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Uzvardu-3-4.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Swimpro_logo_420x105-5.gif\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dikolatlogo.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/fa333276-3056-4c56-9c93-bf6820641fdd-1200x119-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/baumsrent-logo-4.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ozolciems-ture-logo-4.png-3.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/remedium-LOGO-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/jmgdruka_tavadruka_logo_RGB1-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/TavaDrukaLv-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/sdasa-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ALANIKA_Logo_2021.png-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- ROW 2 -->\r\n            <div class=\"wd-clients-new__marquee wd-clients-new__marquee--right\">\r\n                <div class=\"wd-clients-new__track\">\r\n\r\n                    <!-- ORIGINAL -->\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Magijas_mirklis_logo_new_pr-1.png\" alt=\"Ma\u0123ijas Mirklis\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/PHOTO-2026-01-07-19-56-07-removebg-preview.webp\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/image01-2.png\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81-4@2x-4.png\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/stc-115-removebg-preview-1-1.png\" alt=\"STC\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/denticare-logo-2-1.jpeg\" alt=\"Denticare\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/horst_serviss_logo-qoftx3lwbf7r1or8gqq6s8xwjcdbmhvpq3bnkyoqv4-3.webp\" alt=\"Horst Serviss\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo@2x-2.png\" alt=\"AlexTrans\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ap-wood-line-logo-1.webp\" alt=\"AP Wood Line\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/IR-G-risinajumi-galvenais-logo-1-1.png\" alt=\"IR G Risin\u0101jumi.\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/WE-MONT_WHITE.png\" alt=\"WE-MONT\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dalgetybay-dental.png.webp\" alt=\"Dalgety Bay Dental\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/274510_3-206w-1.webp\" alt=\"\u041a\u043b\u0438\u0435\u043d\u0442\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-karotites-2-1.webp\" alt=\"Karot\u012btes\" title=\"\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- DUPLICATE -->\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Magijas_mirklis_logo_new_pr-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/PHOTO-2026-01-07-19-56-07-removebg-preview.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/image01-2.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81-4@2x-4.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/stc-115-removebg-preview-1-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/denticare-logo-2-1.jpeg\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/horst_serviss_logo-qoftx3lwbf7r1or8gqq6s8xwjcdbmhvpq3bnkyoqv4-3.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo@2x-2.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ap-wood-line-logo-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/IR-G-risinajumi-galvenais-logo-1-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/WE-MONT_WHITE.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dalgetybay-dental.png.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/274510_3-206w-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-karotites-2-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOOT -->\r\n        <div class=\"wd-clients-new__foot\">\r\n\r\n            <div class=\"wd-clients-new__note\">\r\n                <i><\/i>\r\n                <span>\r\n                    \u0421\u0430\u0439\u0442\u044b, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <a href=\"\/ru\/nashi-raboty\/\" class=\"wd-clients-new__link\">\r\n                \u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b\r\n                <b>\u2197<\/b>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wd-clients-new,\r\n.wd-clients-new * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wd-clients-new {\r\n    --orange: #ff5033;\r\n    --ink: #171717;\r\n    --muted: #6d6d69;\r\n    --bg: #f7f7f4;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.wd-clients-new__inner {\r\n    width: min(calc(100% - 48px), 1390px);\r\n    margin: 0 auto;\r\n\r\n    padding: 74px 0 58px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wd-clients-new__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.wd-clients-new__eyebrow i {\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: #cacac5;\r\n}\r\n\r\n.wd-clients-new__headgrid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(340px, .92fr);\r\n\r\n    gap: 80px;\r\n    align-items: end;\r\n}\r\n\r\n.wd-clients-new__headgrid h2 {\r\n    margin: 0;\r\n\r\n    color: var(--ink);\r\n\r\n    font-size: clamp(40px, 3.4vw, 56px);\r\n    line-height: .98;\r\n    letter-spacing: -2.8px;\r\n    font-weight: 650;\r\n}\r\n\r\n.wd-clients-new__headgrid h2 span {\r\n    display: block;\r\n\r\n    color: #9b9b97;\r\n}\r\n\r\n.wd-clients-new__headgrid p {\r\n    max-width: 530px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO AREA\r\n========================================================= *\/\r\n\r\n.wd-clients-new__stage {\r\n    position: relative;\r\n\r\n    margin-top: 38px;\r\n    padding: 8px 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* side fade *\/\r\n\r\n.wd-clients-new__stage::before,\r\n.wd-clients-new__stage::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 100px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.wd-clients-new__stage::before {\r\n    left: 0;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--bg) 0%,\r\n        rgba(247,247,244,0) 100%\r\n    );\r\n}\r\n\r\n.wd-clients-new__stage::after {\r\n    right: 0;\r\n\r\n    background: linear-gradient(\r\n        270deg,\r\n        var(--bg) 0%,\r\n        rgba(247,247,244,0) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEE\r\n========================================================= *\/\r\n\r\n.wd-clients-new__marquee {\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.wd-clients-new__marquee +\r\n.wd-clients-new__marquee {\r\n    margin-top: 12px;\r\n}\r\n\r\n.wd-clients-new__track {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: max-content;\r\n\r\n    will-change: transform;\r\n}\r\n\r\n.wd-clients-new__marquee--left\r\n.wd-clients-new__track {\r\n    animation: wdClientsNewLeft 48s linear infinite;\r\n}\r\n\r\n.wd-clients-new__marquee--right\r\n.wd-clients-new__track {\r\n    animation: wdClientsNewRight 52s linear infinite;\r\n}\r\n\r\n.wd-clients-new__stage:hover\r\n.wd-clients-new__track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes wdClientsNewLeft {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateX(calc(-50% - 6px));\r\n    }\r\n}\r\n\r\n@keyframes wdClientsNewRight {\r\n    from {\r\n        transform: translateX(calc(-50% - 6px));\r\n    }\r\n\r\n    to {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wd-clients-new__logo {\r\n    width: 182px;\r\n    height: 94px;\r\n\r\n    flex: 0 0 182px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 17px 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: rgba(255,255,255,.75);\r\n\r\n    border: 1px solid #e1e1dc;\r\n    border-radius: 14px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NORMALIZES ALL LOGOS\r\n========================================================= *\/\r\n\r\n.wd-clients-new__logo img {\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width: 138px !important;\r\n    max-height: 54px !important;\r\n\r\n    object-fit: contain;\r\n\r\n    filter: grayscale(1);\r\n    opacity: .62;\r\n\r\n    transition:\r\n        filter .28s ease,\r\n        opacity .28s ease,\r\n        transform .28s ease;\r\n}\r\n\r\n.wd-clients-new__logo:hover img {\r\n    filter: grayscale(0);\r\n    opacity: 1;\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* hover *\/\r\n\r\n.wd-clients-new__logo:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #ffffff;\r\n\r\n    border-color: #d0d0ca;\r\n\r\n    box-shadow:\r\n        0 14px 34px\r\n        rgba(24,24,20,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOT\r\n========================================================= *\/\r\n\r\n.wd-clients-new__foot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    gap: 24px;\r\n\r\n    margin-top: 30px;\r\n    padding-top: 22px;\r\n\r\n    border-top: 1px solid #deded8;\r\n}\r\n\r\n.wd-clients-new__note {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.wd-clients-new__note i {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    flex: 0 0 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--orange);\r\n}\r\n\r\n.wd-clients-new__note span {\r\n    color: #777773;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n}\r\n\r\n.wd-clients-new__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding-bottom: 5px;\r\n\r\n    color: #20201e !important;\r\n\r\n    border-bottom: 1px solid #bdbdb8;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.wd-clients-new__link b {\r\n    color: var(--orange);\r\n}\r\n\r\n.wd-clients-new__link:hover {\r\n    color: var(--orange) !important;\r\n    border-color: var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .wd-clients-new__headgrid {\r\n        grid-template-columns: 1fr 340px;\r\n        gap: 45px;\r\n    }\r\n\r\n    .wd-clients-new__logo {\r\n        width: 165px;\r\n        flex-basis: 165px;\r\n\r\n        height: 86px;\r\n    }\r\n\r\n    .wd-clients-new__logo img {\r\n        max-width: 125px !important;\r\n        max-height: 48px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .wd-clients-new__inner {\r\n        width: calc(100% - 30px);\r\n\r\n        padding:\r\n            54px 0\r\n            46px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid h2 {\r\n        font-size: 38px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .wd-clients-new__stage {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .wd-clients-new__stage::before,\r\n    .wd-clients-new__stage::after {\r\n        width: 42px;\r\n    }\r\n\r\n    .wd-clients-new__logo {\r\n        width: 182px;\r\n        height: 94px;\r\n\r\n        flex: 0 0 182px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding: 17px 20px;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #f1f1ee;\r\n\r\n        border: 1px solid #deded8;\r\n        border-radius: 14px;\r\n\r\n        transition:\r\n            transform .25s ease,\r\n            box-shadow .25s ease,\r\n            border-color .25s ease,\r\n            background .25s ease;\r\n    }\r\n\r\n    .wd-clients-new__logo:hover {\r\n        transform: translateY(-3px);\r\n\r\n        background: #ffffff;\r\n        border-color: #d0d0ca;\r\n\r\n        box-shadow:\r\n            0 14px 34px\r\n            rgba(24,24,20,.07);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wd-clients-new__track {\r\n        animation: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b4d15dc e-con e-atomic-element e-flexbox-base e-default-div e-b4d15dc-bc846ea \" data-id=\"b4d15dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b4d15dc\" data-e-type=\"e-flexbox\" data-id=\"b4d15dc\">\n    \t\t<div class=\"elementor-element elementor-element-8ddcfe2 elementor-widget elementor-widget-html\" data-id=\"8ddcfe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 05 \/ ATBALSTS UN ATT\u012aST\u012aBA\n     LIGHT PREMIUM SUPPORT BLOCK\n     ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdsupport\" id=\"wdSupport\">\n\n    <div class=\"wdsupport__inner\">\n\n        <!-- LEFT -->\n        <div class=\"wdsupport__left wdsupport__reveal\">\n\n            <div class=\"wdsupport__kicker\">\n                <span>07<\/span>\n                <i><\/i>\n                <span>\u041f\u041e\u0414\u0414\u0415\u0420\u0416\u041a\u0410 \u0418 \u0420\u0410\u0417\u0412\u0418\u0422\u0418\u0415<\/span>\n            <\/div>\n\n            <h2 class=\"wdsupport__title\">\n                \u0421\u0430\u0439\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e?\n                <span>\u041f\u043e\u043c\u043e\u0436\u0435\u043c \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f.<\/span>\n            <\/h2>\n\n            <p class=\"wdsupport__lead\">\n                \u041d\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443, \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u043f\u043b\u0430\u0442\u0430, \u0441\u0430\u0439\u0442 \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u0442 \u0438\u043b\u0438 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f? \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0438 \u043d\u0430 \u043a\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.\n            <\/p>\n\n            <p class=\"wdsupport__text\">\n                \u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 AI-\u0447\u0430\u0442\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438: \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u043e, \u0443\u0442\u043e\u0447\u043d\u044f\u0435\u0442 \u0434\u0435\u0442\u0430\u043b\u0438 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430.\n            <\/p>\n\n            <div class=\"wdsupport__actions\">\n\n                <a href=\"\/ru\/chat-podderzhki\/\" class=\"wdsupport__button\">\n                    \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u043c\u043e\u0449\u044c\n                    <span>\u2197<\/span>\n                <\/a>\n\n                <a href=\"tel:+37120433366\" class=\"wdsupport__phone\">\n                    +371 204 333 66\n                <\/a>\n\n            <\/div>\n\n            <div class=\"wdsupport__status\">\n                <span class=\"wdsupport__pulse\"><i><\/i><\/span>\n                <div>\n                    <strong>\u0427\u0430\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d 24\/7<\/strong>\n                    <small>AI-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0441\u043e\u0431\u0435\u0440\u0451\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0435.<\/small>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n        <div class=\"wdsupport__right\">\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.08s\">\n                <span class=\"wdsupport__num\">01<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>\u041e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430<\/h3>\n                    <p>\n                        \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f WordPress \u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0430\u0439\u0442\u0430.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.14s\">\n                <span class=\"wdsupport__num\">02<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0438 \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u043e\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\n                    <p>\n                        \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u0441\u0430\u0439\u0442\u0430, \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0435 \u043a\u043e\u043f\u0438\u0438 \u0438 \u043f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438 \u0441\u0431\u043e\u044f\u0445.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.20s\">\n                <span class=\"wdsupport__num\">03<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>\u0427\u0430\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 24\/7<\/h3>\n                    <p>\n                        \u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0432 AI-\u0447\u0430\u0442\u0435 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u044c\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.26s\">\n                <span class=\"wdsupport__num\">04<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>\u0414\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u0430<\/h3>\n                    <p>\n                        \u041d\u043e\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u0437\u0430\u0434\u0430\u0447\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdsupport,\n.wdsupport * {\n    box-sizing: border-box;\n}\n\n.wdsupport a {\n    text-decoration: none;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdsupport {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #8e8e89;\n    --line: #d9d9d4;\n    --bg: #efefeb;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background: var(--bg);\n\n    color: var(--black);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdsupport__inner {\n    width: min(calc(100% - 48px), 1390px);\n\n    margin: 0 auto;\n\n    padding: 96px 0 88px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(500px, .95fr);\n\n    gap: 88px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.wdsupport__kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #7f7f7b;\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n}\n\n.wdsupport__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdsupport__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #c6c6c1;\n}\n\n\n.wdsupport__title {\n    max-width: 700px;\n\n    margin: 0;\n\n    color: var(--black);\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n\n    font-weight: 650;\n\n    letter-spacing: -3.1px;\n}\n\n.wdsupport__title span {\n    display: block;\n\n    color: #9d9d98;\n}\n\n\n.wdsupport__lead {\n    max-width: 650px;\n\n    margin: 28px 0 0;\n\n    color: #3f3f3b;\n\n    font-size: 18px;\n    line-height: 1.6;\n\n    font-weight: 650;\n}\n\n\n.wdsupport__text {\n    max-width: 680px;\n\n    margin: 22px 0 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.72;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.wdsupport__actions {\n    margin-top: 30px;\n\n    display: flex;\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 18px;\n}\n\n\n.wdsupport__button {\n    appearance: none;\n    -webkit-appearance: none;\n    border: 0;\n    cursor: pointer;\n    font-family: inherit;\n    min-height: 50px;\n\n    padding:\n        0 9px\n        0 18px;\n\n    border-radius: 11px;\n\n    background: #171717;\n\n    color: #fff;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 18px;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdsupport__button span {\n    width: 34px;\n    height: 34px;\n\n    border-radius: 8px;\n\n    background: var(--orange);\n\n    display: grid;\n    place-items: center;\n}\n\n\n.wdsupport__phone {\n    display: inline-flex;\n    align-items: center;\n\n    min-height: 50px;\n\n    padding: 0 16px;\n\n    border:\n        1px solid\n        #cdcdc8;\n\n    border-radius: 11px;\n\n    background:\n        rgba(255,255,255,.5);\n\n    color: #222;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.wdsupport__status {\n    margin-top: 28px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 13px;\n}\n\n\n.wdsupport__pulse {\n    position: relative;\n\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 13px;\n\n    display: grid;\n    place-items: center;\n}\n\n.wdsupport__pulse i {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n}\n\n.wdsupport__pulse::before,\n.wdsupport__pulse::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    width: 8px;\n    height: 8px;\n\n    transform: translate(-50%, -50%);\n\n    border:\n        1px solid\n        rgba(52,189,120,.45);\n\n    border-radius: 50%;\n\n    animation:\n        wdsupportPulse\n        2.2s ease-out\n        infinite;\n}\n\n.wdsupport__pulse::after {\n    animation-delay: 1.1s;\n}\n\n@keyframes wdsupportPulse {\n\n    0% {\n        width: 8px;\n        height: 8px;\n        opacity: .8;\n    }\n\n    75%,\n    100% {\n        width: 28px;\n        height: 28px;\n        opacity: 0;\n    }\n\n}\n\n\n.wdsupport__status strong {\n    display: block;\n\n    color: #2c2c29;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdsupport__status small {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #858581;\n\n    font-size: 11px;\n\n    line-height: 1.4;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   RIGHT\n========================================================= *\/\n\n.wdsupport__right {\n    border-top:\n        1px solid\n        var(--line);\n}\n\n\n.wdsupport__row {\n    min-height: 130px;\n\n    display: grid;\n\n    grid-template-columns:\n        44px\n        minmax(0,1fr)\n        44px;\n\n    gap: 18px;\n\n    align-items: center;\n\n    padding: 24px 0;\n\n    border-bottom:\n        1px solid\n        var(--line);\n\n    transition:\n        padding-left .3s ease,\n        background .3s ease;\n}\n\n\n.wdsupport__row:hover {\n    padding-left: 12px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,80,51,.035),\n            transparent 72%\n        );\n}\n\n\n.wdsupport__num {\n    align-self: start;\n\n    padding-top: 5px;\n\n    color: #9c9c97;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .6px;\n}\n\n\n.wdsupport__row-content h3 {\n    margin: 0;\n\n    color: #181818;\n\n    font-size: 24px;\n    line-height: 1.08;\n\n    font-weight: 650;\n\n    letter-spacing: -1px;\n}\n\n\n.wdsupport__row-content p {\n    max-width: 500px;\n\n    margin: 9px 0 0;\n\n    color: #6d6d69;\n\n    font-size: 14px;\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n.wdsupport__icon {\n    width: 38px;\n    height: 38px;\n\n    border:\n        1px solid\n        #cfcfca;\n\n    border-radius: 50%;\n\n    display: grid;\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 12px;\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n}\n\n\n.wdsupport__row:hover\n.wdsupport__icon {\n    transform:\n        translate(2px,-2px);\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n\n    color: #fff;\n}\n\n\n\/* =========================================================\n   REVEAL \u2014 ELEMENTOR SAFE\n========================================================= *\/\n\n.wdsupport__reveal {\n    opacity: 1;\n    transform: none;\n}\n\n\n.wdsupport.wdsupport--animate\n.wdsupport__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdsupport.wdsupport--animate\n.wdsupport__reveal.is-visible {\n    opacity: 1;\n\n    transform: none;\n}\n\n\nbody.elementor-editor-active\n.wdsupport__reveal,\n\nbody.elementor-editor-preview\n.wdsupport__reveal,\n\n.elementor-edit-area\n.wdsupport__reveal {\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .wdsupport__inner {\n        grid-template-columns:\n            1fr 440px;\n\n        gap: 50px;\n    }\n\n    .wdsupport__title {\n        font-size: 52px;\n    }\n\n}\n\n\n@media (max-width: 820px) {\n\n    .wdsupport__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0 68px;\n\n        grid-template-columns:\n            1fr;\n\n        gap: 50px;\n    }\n\n    .wdsupport__left,\n    .wdsupport__right {\n        max-width: 760px;\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdsupport__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0 52px;\n\n        gap: 40px;\n    }\n\n    .wdsupport__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdsupport__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdsupport__lead {\n        margin-top: 22px;\n\n        font-size: 17px;\n    }\n\n    .wdsupport__text {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdsupport__actions {\n        flex-direction: column;\n\n        align-items: flex-start;\n    }\n\n    .wdsupport__row {\n        min-height: 118px;\n\n        grid-template-columns:\n            28px\n            minmax(0,1fr)\n            36px;\n\n        gap: 11px;\n\n        padding: 20px 0;\n    }\n\n    .wdsupport__row:hover {\n        padding-left: 0;\n\n        background: transparent;\n    }\n\n    .wdsupport__num {\n        font-size: 8px;\n    }\n\n    .wdsupport__row-content h3 {\n        font-size: 22px;\n    }\n\n    .wdsupport__row-content p {\n        font-size: 13px;\n    }\n\n    .wdsupport__icon {\n        width: 34px;\n        height: 34px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdsupport__reveal,\n    .wdsupport__row,\n    .wdsupport__icon,\n    .wdsupport__pulse::before,\n    .wdsupport__pulse::after {\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT WORDPRESS SUPPORT\n   Desktop stays unchanged.\n========================================================= *\/\n@media (max-width: 620px) {\n\n    .wdsupport {\n        border-top: 0 !important;\n    }\n\n    .wdsupport__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n        gap: 28px !important;\n    }\n\n    .wdsupport__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdsupport__title {\n        max-width: 100% !important;\n        font-size: 36px !important;\n        line-height: 1.01 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdsupport__lead {\n        margin-top: 19px !important;\n        font-size: 15px !important;\n        line-height: 1.5 !important;\n    }\n\n    .wdsupport__text {\n        margin-top: 11px !important;\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    .wdsupport__actions {\n        margin-top: 22px !important;\n        display: grid !important;\n        grid-template-columns: 1fr auto !important;\n        align-items: center !important;\n        gap: 9px !important;\n    }\n\n    .wdsupport__button {\n        width: 100% !important;\n        min-height: 48px !important;\n        padding-left: 15px !important;\n        justify-content: space-between !important;\n        gap: 10px !important;\n        font-size: 12px !important;\n    }\n\n    .wdsupport__button span {\n        width: 32px !important;\n        height: 32px !important;\n    }\n\n    .wdsupport__phone {\n        min-height: 48px !important;\n        padding: 0 12px !important;\n        font-size: 11px !important;\n    }\n\n    .wdsupport__status {\n        margin-top: 18px !important;\n        gap: 10px !important;\n    }\n\n    .wdsupport__status strong {\n        font-size: 12px !important;\n    }\n\n    .wdsupport__status small {\n        display: none !important;\n    }\n\n    .wdsupport__right {\n        border-top: 1px solid var(--line) !important;\n    }\n\n    .wdsupport__row {\n        min-height: auto !important;\n        grid-template-columns: 24px minmax(0,1fr) 30px !important;\n        gap: 9px !important;\n        padding: 15px 0 !important;\n    }\n\n    .wdsupport__num {\n        padding-top: 3px !important;\n        font-size: 8px !important;\n    }\n\n    .wdsupport__row-content h3 {\n        font-size: 18px !important;\n        line-height: 1.12 !important;\n        letter-spacing: -.55px !important;\n    }\n\n    .wdsupport__row-content p {\n        margin-top: 5px !important;\n        font-size: 12px !important;\n        line-height: 1.42 !important;\n    }\n\n    .wdsupport__icon {\n        width: 28px !important;\n        height: 28px !important;\n        font-size: 9px !important;\n    }\n}\n\n@media (max-width: 390px) {\n    .wdsupport__actions {\n        grid-template-columns: 1fr !important;\n    }\n\n    .wdsupport__phone {\n        width: max-content !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    function initWdSupport() {\n\n        var section =\n            document.getElementById(\"wdSupport\");\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var body = document.body;\n\n        var isEditor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (isEditor) {\n            return;\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdsupport__reveal\"\n            );\n\n\n        if (!items.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdsupport--animate\"\n        );\n\n\n        if (\n            !(\"IntersectionObserver\" in window)\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: .08,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        items.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdSupport\n        );\n\n    } else {\n\n        initWdSupport();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    initWdSupport,\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fca9793 e-con e-atomic-element e-flexbox-base e-default-div e-fca9793-55e491f \" data-id=\"fca9793\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fca9793\" data-e-type=\"e-flexbox\" data-id=\"fca9793\">\n    \t\t<div class=\"elementor-element elementor-element-f162377 elementor-widget elementor-widget-html\" data-id=\"f162377\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 06 \/ AI RISIN\u0100JUMI\n     INTERACTIVE AI DEMO CONSOLE\n     LIGHT \/ PREMIUM \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdaix\" id=\"wdAiExperience\">\n\n    <div class=\"wdaix__inner\">\n\n        <!-- =====================================================\n             INTRO\n        ====================================================== -->\n\n        <div class=\"wdaix__intro wdaix__reveal\">\n\n            <div class=\"wdaix__kicker\">\n                <span>08<\/span>\n                <i><\/i>\n                <span>\u0418\u0418-\u0420\u0415\u0428\u0415\u041d\u0418\u042f<\/span>\n            <\/div>\n\n            <div class=\"wdaix__intro-grid\">\n\n                <h2 class=\"wdaix__title\">\n                    \u041c\u0435\u043d\u044c\u0448\u0435 \u0440\u0443\u0447\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b.\n                    <span>AI \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447 \u0431\u0438\u0437\u043d\u0435\u0441\u0430.<\/span>\n                <\/h2>\n\n                <div class=\"wdaix__intro-copy\">\n                    <p>\n                        \u0421\u043e\u0437\u0434\u0430\u0451\u043c AI-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u043e\u0432 \u0434\u043b\u044f \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u0441\u0431\u043e\u0440\u0430 \u0437\u0430\u044f\u0432\u043e\u043a, \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043e\u0447\u0442\u043e\u0439, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 CRM. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0438\u0445 \u043a \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0432\u0430\u0448 \u0431\u0438\u0437\u043d\u0435\u0441.\n                    <\/p>\n\n                    <div class=\"wdaix__intro-actions\">\n                        <a href=\"\/ru\/ii-dlya-biznesa\/\" class=\"wdaix__main-link\">\n                            \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 AI \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430\n                            <span>\u2197<\/span>\n                        <\/a>\n<\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             DEMO CONSOLE\n        ====================================================== -->\n\n        <div class=\"wdaix__console wdaix__reveal\" style=\"--delay:.08s\">\n\n            <!-- LEFT NAV -->\n            <div class=\"wdaix__nav\">\n\n                <div class=\"wdaix__nav-top\">\n                    <small>\u0414\u0415\u041c\u041e \u0418\u0418<\/small>\n\n                    <strong>\n                        \u0427\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0418\u0418 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430?\n                    <\/strong>\n\n                    <p>\n                        \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439: \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a \u043f\u0438\u0441\u044c\u043c\u0430, \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 CRM \u0438\u043b\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438.\n                    <\/p>\n                <\/div>\n\n\n                <div class=\"wdaix__tabs\" role=\"tablist\">\n\n                    <button\n                        class=\"wdaix__tab is-active\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"true\"\n                        data-ai-scenario=\"consultant\"\n                    >\n                        <span>01<\/span>\n\n                        <div>\n                            <strong>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/strong>\n                            <small>\u0412\u043e\u043f\u0440\u043e\u0441\u044b, \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 \u043f\u0440\u043e\u0434\u0430\u0436\u0438<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"shop\"\n                    >\n                        <span>02<\/span>\n\n                        <div>\n                            <strong>\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/strong>\n                            <small>\u041f\u043e\u0434\u0431\u043e\u0440 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"email\"\n                    >\n                        <span>03<\/span>\n\n                        <div>\n                            <strong>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430<\/strong>\n                            <small>\u0412\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u043f\u0438\u0441\u044c\u043c\u0430 \u0438 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u043e\u0442\u0432\u0435\u0442\u043e\u0432<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"crm\"\n                    >\n                        <span>04<\/span>\n\n                        <div>\n                            <strong>CRM<\/strong>\n                            <small>\u0417\u0430\u044f\u0432\u043a\u0438, \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u0438 \u0437\u0430\u0434\u0430\u0447\u0438<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"documents\"\n                    >\n                        <span>05<\/span>\n\n                        <div>\n                            <strong>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/strong>\n                            <small>\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u044b \u0438 \u0444\u0430\u0439\u043b\u044b<\/small>\n                        <\/div>\n                    <\/button>\n\n                <\/div>\n\n\n                <div class=\"wdaix__nav-foot\">\n                    <span class=\"wdaix__status-dot\"><i><\/i><\/span>\n\n                    <div>\n                        <strong>24\/7<\/strong>\n                        <small>AI \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0438 \u0432\u043d\u0435 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/small>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- RIGHT DEMO -->\n            <div class=\"wdaix__demo\">\n\n                <div class=\"wdaix__demo-head\">\n\n                    <div class=\"wdaix__agent\">\n\n                        <div class=\"wdaix__agent-icon\">\n                            \u0418\u0418\n                        <\/div>\n\n                        <div>\n                            <strong>WebDigital \u0418\u0418<\/strong>\n\n                            <span>\n                                <i><\/i>\n                                \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f\n                            <\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__demo-label\" id=\"wdaixDemoLabel\">\n                        \u041a\u041e\u041d\u0421\u0423\u041b\u042c\u0422\u0410\u041d\u0422 \u0414\u041b\u042f \u041a\u041b\u0418\u0415\u041d\u0422\u041e\u0412\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- CHAT -->\n                <div class=\"wdaix__chat\">\n\n                    <div class=\"wdaix__chat-meta\">\n\n                        <div>\n                            <small>\u0421\u0426\u0415\u041d\u0410\u0420\u0418\u0419<\/small>\n                            <strong id=\"wdaixScenarioTitle\">\n                                \u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\n                            <\/strong>\n                        <\/div>\n\n                        <p id=\"wdaixScenarioDescription\">\n                            AI \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u0443\u0442\u043e\u0447\u043d\u044f\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__messages\" id=\"wdaixMessages\">\n\n                        <div class=\"wdaix__bubble wdaix__bubble--ai\">\n                            \u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u0447\u0435\u043c \u044f \u043c\u043e\u0433\u0443 \u043f\u043e\u043c\u043e\u0447\u044c?\n                        <\/div>\n\n                        <div class=\"wdaix__bubble wdaix__bubble--user\">\n                            \u041c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d \u0441\u0430\u0439\u0442 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u0430.\n                        <\/div>\n\n                        <div class=\"wdaix__bubble wdaix__bubble--ai\">\n                            \u041d\u0443\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0443\u0441\u043b\u0443\u0433 \u0438 \u0444\u043e\u0440\u043c\u0430 \u0437\u0430\u044f\u0432\u043a\u0438 \u0438\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u043e\u043d\u043b\u0430\u0439\u043d-\u0437\u0430\u043f\u0438\u0441\u044c \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f?\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__input\">\n                        <span>\n                            \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 AI-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u0430 WebDigital\n                        <\/span>\n\n                        <button\n                            type=\"button\"\n                            class=\"wdaix__try-ai\"\n                            aria-label=\"\u041f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c AI-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u0430 WebDigital\"\n                        >\n                            <span class=\"wdaix__try-ai-text\">\u041f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c<\/span>\n                            <b>\u2197<\/b>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- INTEGRATION STRIP -->\n                <div class=\"wdaix__integrations\">\n\n                    <span>\u041c\u043e\u0436\u0435\u0442 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441<\/span>\n\n                    <div>\n                        <b>WordPress<\/b>\n                        <i><\/i>\n                        <b>WooCommerce<\/b>\n                        <i><\/i>\n                        <b>Gmail<\/b>\n                        <i><\/i>\n                        <b>CRM<\/b>\n                        <i><\/i>\n                        <b>\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c Google<\/b>\n                        <i><\/i>\n                        <b>API<\/b>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             VALUE STRIP\n        ====================================================== -->\n\n        <div class=\"wdaix__benefits wdaix__reveal\" style=\"--delay:.16s\">\n\n            <div class=\"wdaix__benefit\">\n                <span>24\/7<\/span>\n                <div>\n                    <strong>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/strong>\n                    <p>\u0418\u0418 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u0432\u043d\u0435 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wdaix__benefit\">\n                <span>\u0418\u0418<\/span>\n                <div>\n                    <strong>\u041c\u0435\u043d\u044c\u0448\u0435 \u0440\u0443\u0442\u0438\u043d\u044b<\/strong>\n                    <p>\u041c\u0435\u043d\u044c\u0448\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u0437\u0430\u0434\u0430\u0447 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wdaix__benefit\">\n                <span>\u2197<\/span>\n                <div>\n                    <strong>\u0411\u043e\u043b\u0435\u0435 \u0431\u044b\u0441\u0442\u0440\u044b\u0435 \u043e\u0442\u0432\u0435\u0442\u044b<\/strong>\n                    <p>\u041e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0447\u0430\u0441\u0442\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0431\u0435\u0437 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdaix,\n.wdaix * {\n    box-sizing: border-box;\n}\n\n.wdaix a {\n    text-decoration: none;\n}\n\n.wdaix button {\n    font: inherit;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdaix {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #92928e;\n    --line: #deded9;\n    --soft: #f7f7f4;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    color: var(--black);\n\n    border-top:\n        1px solid var(--line);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n.wdaix::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -140px;\n    top: 130px;\n\n    width: 440px;\n    height: 440px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(255,80,51,.075),\n            rgba(255,80,51,0) 70%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdaix__inner {\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    margin: 0 auto;\n\n    padding:\n        84px 0\n        68px;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.wdaix__intro {\n    margin-bottom: 38px;\n}\n\n\n.wdaix__kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #81817d;\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n}\n\n.wdaix__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdaix__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #cacac5;\n}\n\n\n.wdaix__intro-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.15fr)\n        minmax(340px,.85fr);\n\n    gap: 64px;\n\n    align-items: end;\n}\n\n\n.wdaix__title {\n    max-width: 780px;\n\n    margin: 0;\n\n    color: #151515;\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n\n    font-weight: 650;\n\n    letter-spacing: -3.1px;\n}\n\n.wdaix__title span {\n    display: block;\n\n    color: #a0a09c;\n}\n\n\n.wdaix__intro-copy p {\n    max-width: 510px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.7;\n\n    font-weight: 500;\n}\n\n\n.wdaix__intro-actions {\n    display: flex;\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 20px;\n\n    margin-top: 22px;\n}\n\n\n.wdaix__main-link {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid #bdbdb8;\n\n    color: #1c1c1a;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdaix__main-link span {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   CONSOLE\n========================================================= *\/\n\n.wdaix__console {\n    display: grid;\n\n    grid-template-columns:\n        285px\n        minmax(0,1fr);\n\n    min-height: 535px;\n\n    overflow: hidden;\n\n    border:\n        1px solid #dcdcd7;\n\n    border-radius: 22px;\n\n    background:\n        #f7f7f4;\n\n    box-shadow:\n        0 22px 58px\n        rgba(0,0,0,.055);\n}\n\n\n\/* =========================================================\n   NAV\n========================================================= *\/\n\n.wdaix__nav {\n    padding:\n        22px 16px\n        18px;\n\n    border-right:\n        1px solid #deded9;\n\n    background:\n        linear-gradient(\n            180deg,\n            #f1f1ed 0%,\n            #ecece8 100%\n        );\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__nav-top {\n    padding:\n        0 6px 18px;\n}\n\n.wdaix__nav-top small {\n    display: block;\n\n    margin-bottom: 12px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    font-weight: 850;\n\n    letter-spacing: .8px;\n}\n\n.wdaix__nav-top strong {\n    display: block;\n\n    color: #20201e;\n\n    font-size: 21px;\n    line-height: 1.12;\n\n    font-weight: 650;\n\n    letter-spacing: -1px;\n}\n\n.wdaix__nav-top p {\n    margin:\n        13px 0 0;\n\n    color: #777773;\n\n    font-size: 13px;\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   TABS\n========================================================= *\/\n\n.wdaix__tabs {\n    margin-top: 4px;\n\n    border-top:\n        1px solid #d9d9d4;\n}\n\n\n.wdaix__tab {\n    width: 100%;\n\n    min-height: 66px;\n\n    padding:\n        10px 8px;\n\n    border: 0;\n\n    border-bottom:\n        1px solid #d9d9d4;\n\n    background: transparent;\n\n    display: grid;\n\n    grid-template-columns:\n        32px\n        minmax(0,1fr);\n\n    gap: 12px;\n\n    align-items: center;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        padding-left .25s ease;\n}\n\n\n.wdaix__tab:hover,\n.wdaix__tab.is-active {\n    padding-left: 14px;\n\n    background:\n        rgba(255,255,255,.88);\n}\n\n\n.wdaix__tab > span {\n    color: #999995;\n\n    font-size: 9px;\n\n    font-weight: 850;\n}\n\n.wdaix__tab.is-active\n> span {\n    color: var(--orange);\n}\n\n.wdaix__tab.is-active {\n    position: relative;\n}\n\n.wdaix__tab.is-active::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 16px;\n    bottom: 16px;\n    width: 2px;\n    border-radius: 999px;\n    background: var(--orange);\n}\n\n\n.wdaix__tab strong {\n    display: block;\n\n    color: #2a2a27;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.wdaix__tab small {\n    display: block;\n\n    margin-top: 4px;\n\n    color: #92928e;\n\n    font-size: 10px;\n\n    font-weight: 550;\n}\n\n\n\/* =========================================================\n   NAV FOOT\n========================================================= *\/\n\n.wdaix__nav-foot {\n    margin-top: auto;\n\n    padding:\n        22px 8px\n        3px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__status-dot {\n    position: relative;\n\n    width: 12px;\n    height: 12px;\n\n    flex: 0 0 12px;\n\n    display: grid;\n    place-items: center;\n}\n\n.wdaix__status-dot i {\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n}\n\n.wdaix__status-dot::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    border:\n        1px solid\n        rgba(52,189,120,.38);\n\n    border-radius: 50%;\n\n    animation:\n        wdaixPulse\n        2s ease-out\n        infinite;\n}\n\n@keyframes wdaixPulse {\n\n    0% {\n        transform: scale(.7);\n        opacity: .9;\n    }\n\n    100% {\n        transform: scale(2.2);\n        opacity: 0;\n    }\n\n}\n\n\n.wdaix__nav-foot strong {\n    display: block;\n\n    color: #31312e;\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n.wdaix__nav-foot small {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #898985;\n\n    font-size: 9px;\n\n    line-height: 1.4;\n}\n\n\n\/* =========================================================\n   DEMO\n========================================================= *\/\n\n.wdaix__demo {\n    min-width: 0;\n\n    padding:\n        20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff 0%,\n            #fbfbf9 100%\n        );\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__demo-head {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding:\n        0 0 19px;\n\n    border-bottom:\n        1px solid #e4e4df;\n}\n\n\n.wdaix__agent {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__agent-icon {\n    width: 43px;\n    height: 43px;\n\n    border-radius: 12px;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n    font-weight: 850;\n}\n\n\n.wdaix__agent strong {\n    display: block;\n\n    color: #252522;\n\n    font-size: 13px;\n\n    font-weight: 800;\n}\n\n\n.wdaix__agent span {\n    display: flex;\n\n    align-items: center;\n\n    gap: 6px;\n\n    margin-top: 4px;\n\n    color: #8c8c88;\n\n    font-size: 10px;\n\n    font-weight: 600;\n}\n\n\n.wdaix__agent span i {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(52,189,120,.1);\n}\n\n\n.wdaix__demo-label {\n    padding:\n        7px 10px;\n\n    border-radius: 8px;\n\n    background:\n        rgba(255,80,51,.07);\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n\n    letter-spacing: .6px;\n}\n\n\n\/* =========================================================\n   CHAT\n========================================================= *\/\n\n.wdaix__chat {\n    flex: 1;\n\n    min-height: 0;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__chat-meta {\n    padding:\n        20px 0 17px;\n\n    display: grid;\n\n    grid-template-columns:\n        190px\n        minmax(0,1fr);\n\n    gap: 28px;\n\n    border-bottom:\n        1px solid #e7e7e3;\n}\n\n\n.wdaix__chat-meta small {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #a0a09c;\n\n    font-size: 8px;\n\n    font-weight: 850;\n\n    letter-spacing: .7px;\n}\n\n\n.wdaix__chat-meta strong {\n    color: #2a2a27;\n\n    font-size: 18px;\n\n    font-weight: 700;\n}\n\n\n.wdaix__chat-meta p {\n    max-width: 580px;\n\n    margin: 0;\n\n    color: #70706c;\n\n    font-size: 13px;\n\n    line-height: 1.58;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   MESSAGES\n========================================================= *\/\n\n.wdaix__messages {\n    flex: 1;\n\n    min-height: 245px;\n\n    padding:\n        20px 0\n        16px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__bubble {\n    max-width: 74%;\n\n    padding:\n        12px 14px;\n\n    border-radius: 14px;\n\n    font-size: 13px;\n    line-height: 1.5;\n\n    font-weight: 550;\n\n    animation:\n        wdaixBubble\n        .38s ease both;\n}\n\n\n.wdaix__bubble--ai {\n    align-self: flex-start;\n\n    background:\n        #efefec;\n\n    color: #484845;\n\n    border-bottom-left-radius: 5px;\n}\n\n\n.wdaix__bubble--user {\n    align-self: flex-end;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    border-bottom-right-radius: 5px;\n}\n\n\n@keyframes wdaixBubble {\n\n    from {\n        opacity: 0;\n        transform: translateY(7px);\n    }\n\n    to {\n        opacity: 1;\n        transform: none;\n    }\n\n}\n\n\n\/* =========================================================\n   INPUT\n========================================================= *\/\n\n.wdaix__input {\n    min-height: 51px;\n\n    padding:\n        7px 7px\n        7px 15px;\n\n    border:\n        1px solid #deded9;\n\n    border-radius: 12px;\n\n    background: #fff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 12px;\n}\n\n\n.wdaix__input span {\n    color: #aaa9a5;\n\n    font-size: 11px;\n\n    font-weight: 550;\n}\n\n\n.wdaix__input button {\n    min-height: 36px;\n    padding: 0 7px 0 12px;\n\n    border: 0;\n\n    border-radius: 9px;\n\n    background: var(--orange);\n\n    color: #fff;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    cursor: pointer;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    white-space: nowrap;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.wdaix__input button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 8px 18px rgba(255,80,51,.18);\n}\n\n.wdaix__input button b {\n    width: 24px;\n    height: 24px;\n\n    border-radius: 7px;\n\n    background: rgba(255,255,255,.15);\n\n    display: grid;\n    place-items: center;\n\n    font-size: 9px;\n    line-height: 1;\n    font-weight: 600;\n}\n\n\n\/* =========================================================\n   INTEGRATIONS\n========================================================= *\/\n\n.wdaix__integrations {\n    margin-top: 16px;\n\n    padding:\n        18px 0 2px;\n\n    border-top:\n        1px solid #e4e4df;\n}\n\n\n.wdaix__integrations > span {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: #9a9a96;\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    letter-spacing: .5px;\n\n    text-transform: uppercase;\n}\n\n\n.wdaix__integrations > div {\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 8px;\n}\n\n\n.wdaix__integrations b {\n    color: #666662;\n\n    font-size: 11px;\n\n    font-weight: 700;\n}\n\n\n.wdaix__integrations i {\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #c7c7c2;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.wdaix__benefits {\n    margin-top: 24px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    border:\n        1px solid var(--line);\n\n    border-radius: 14px;\n\n    overflow: hidden;\n\n    background:\n        rgba(255,255,255,.55);\n}\n\n\n.wdaix__benefit {\n    min-height: 118px;\n\n    padding:\n        20px 20px;\n\n    border-right:\n        1px solid var(--line);\n\n    display: grid;\n\n    grid-template-columns:\n        32px\n        minmax(0,1fr);\n\n    gap: 14px;\n}\n\n\n.wdaix__benefit:last-child {\n    border-right: 0;\n}\n\n\n.wdaix__benefit > span {\n    padding-top: 4px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n}\n\n\n.wdaix__benefit strong {\n    display: block;\n\n    color: #262623;\n\n    font-size: 18px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n}\n\n\n.wdaix__benefit p {\n    margin:\n        9px 0 0;\n\n    color: #70706c;\n\n    font-size: 13px;\n\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   REVEAL \/ ELEMENTOR SAFE\n========================================================= *\/\n\n.wdaix__reveal {\n    opacity: 1;\n\n    transform: none;\n}\n\n\n.wdaix.wdaix--animate\n.wdaix__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdaix.wdaix--animate\n.wdaix__reveal.is-visible {\n    opacity: 1;\n\n    transform: none;\n}\n\n\nbody.elementor-editor-active\n.wdaix__reveal,\n\nbody.elementor-editor-preview\n.wdaix__reveal,\n\n.elementor-edit-area\n.wdaix__reveal {\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1080px) {\n\n    .wdaix__intro-grid {\n        grid-template-columns:\n            1fr 360px;\n\n        gap: 50px;\n    }\n\n    .wdaix__title {\n        font-size: 52px;\n    }\n\n    .wdaix__console {\n        grid-template-columns:\n            280px\n            minmax(0,1fr);\n    }\n\n}\n\n\n@media (max-width: 840px) {\n\n    .wdaix__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            66px 0 58px;\n    }\n\n    .wdaix__intro-grid {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n    }\n\n    .wdaix__console {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__nav {\n        border-right: 0;\n\n        border-bottom:\n            1px solid #deded9;\n    }\n\n    .wdaix__tabs {\n        display: grid;\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n    .wdaix__tab {\n        border-right:\n            1px solid #d9d9d4;\n    }\n\n    .wdaix__nav-foot {\n        margin-top: 16px;\n    }\n\n    .wdaix__benefits {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__benefit {\n        border-right: 0;\n\n        border-bottom:\n            1px solid var(--line);\n    }\n\n    .wdaix__benefit:last-child {\n        border-bottom: 0;\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdaix__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            52px 0 46px;\n    }\n\n    .wdaix__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdaix__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdaix__intro-copy p {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdaix__console {\n        border-radius: 18px;\n    }\n\n    .wdaix__nav {\n        padding:\n            22px 14px\n            18px;\n    }\n\n    .wdaix__nav-top strong {\n        font-size: 21px;\n    }\n\n    .wdaix__tabs {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__tab {\n        min-height: 68px;\n\n        border-right: 0;\n    }\n\n    .wdaix__demo {\n        padding: 16px;\n    }\n\n    .wdaix__demo-head {\n        align-items: flex-start;\n    }\n\n    .wdaix__demo-label {\n        font-size: 8px;\n    }\n\n    .wdaix__chat-meta {\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n\n        padding:\n            21px 0 18px;\n    }\n\n    .wdaix__messages {\n        min-height: 245px;\n    }\n\n    .wdaix__bubble {\n        max-width: 90%;\n\n        font-size: 12px;\n    }\n\n    .wdaix__integrations {\n        padding-bottom: 2px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdaix__reveal,\n    .wdaix__bubble,\n    .wdaix__status-dot::before {\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT AI EXPERIENCE\n   Desktop\/tablet keep the full interactive console.\n========================================================= *\/\n@media (max-width: 620px) {\n\n    .wdaix {\n        border-top: 0 !important;\n    }\n\n    .wdaix__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n    }\n\n    .wdaix__intro {\n        margin-bottom: 24px !important;\n    }\n\n    .wdaix__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdaix__intro-grid {\n        gap: 16px !important;\n    }\n\n    .wdaix__title {\n        font-size: 36px !important;\n        line-height: 1.01 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdaix__intro-copy p {\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    .wdaix__intro-actions {\n        margin-top: 14px !important;\n    }\n\n    .wdaix__main-link {\n        font-size: 12px !important;\n    }\n\n    .wdaix__console {\n        min-height: auto !important;\n        border-radius: 16px !important;\n    }\n\n    \/* On mobile the long explanatory nav becomes a compact scenario picker *\/\n    .wdaix__nav {\n        padding: 12px !important;\n        border-right: 0 !important;\n        border-bottom: 1px solid #deded9 !important;\n    }\n\n    .wdaix__nav-top,\n    .wdaix__nav-foot {\n        display: none !important;\n    }\n\n    .wdaix__tabs {\n        margin: 0 !important;\n        padding: 0 !important;\n        border-top: 0 !important;\n\n        display: flex !important;\n        gap: 7px !important;\n\n        overflow-x: auto;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n    }\n\n    .wdaix__tabs::-webkit-scrollbar {\n        display: none;\n    }\n\n    .wdaix__tab {\n        width: auto !important;\n        min-width: max-content !important;\n        min-height: 38px !important;\n\n        padding: 0 12px !important;\n\n        border: 1px solid #deded9 !important;\n        border-radius: 9px !important;\n\n        background: rgba(255,255,255,.62) !important;\n\n        display: flex !important;\n        align-items: center !important;\n        gap: 7px !important;\n    }\n\n    .wdaix__tab:hover,\n    .wdaix__tab.is-active {\n        padding-left: 12px !important;\n    }\n\n    .wdaix__tab.is-active {\n        border-color: rgba(255,80,51,.28) !important;\n        background: rgba(255,80,51,.07) !important;\n    }\n\n    .wdaix__tab.is-active::before {\n        display: none !important;\n    }\n\n    .wdaix__tab > span {\n        display: none !important;\n    }\n\n    .wdaix__tab strong {\n        font-size: 11px !important;\n        line-height: 1 !important;\n        white-space: nowrap;\n    }\n\n    .wdaix__tab small {\n        display: none !important;\n    }\n\n    .wdaix__demo {\n        padding: 14px !important;\n    }\n\n    .wdaix__demo-head {\n        padding-bottom: 12px !important;\n        gap: 10px !important;\n    }\n\n    .wdaix__agent {\n        gap: 9px !important;\n    }\n\n    .wdaix__agent-icon {\n        width: 36px !important;\n        height: 36px !important;\n        border-radius: 10px !important;\n        font-size: 10px !important;\n    }\n\n    .wdaix__agent strong {\n        font-size: 12px !important;\n    }\n\n    .wdaix__agent span {\n        font-size: 9px !important;\n    }\n\n    .wdaix__demo-label {\n        padding: 6px 8px !important;\n        font-size: 7px !important;\n        letter-spacing: .35px !important;\n    }\n\n    .wdaix__chat-meta {\n        padding: 14px 0 12px !important;\n        grid-template-columns: 1fr !important;\n        gap: 5px !important;\n    }\n\n    .wdaix__chat-meta small {\n        display: none !important;\n    }\n\n    .wdaix__chat-meta strong {\n        font-size: 15px !important;\n    }\n\n    .wdaix__chat-meta p {\n        font-size: 11px !important;\n        line-height: 1.45 !important;\n    }\n\n    .wdaix__messages {\n        min-height: 190px !important;\n        padding: 14px 0 12px !important;\n        gap: 8px !important;\n    }\n\n    .wdaix__bubble {\n        max-width: 92% !important;\n        padding: 9px 11px !important;\n        border-radius: 11px !important;\n        font-size: 11px !important;\n        line-height: 1.42 !important;\n    }\n\n    .wdaix__input {\n        min-height: 44px !important;\n        padding: 5px 5px 5px 11px !important;\n        border-radius: 10px !important;\n    }\n\n    .wdaix__input span {\n        font-size: 9px !important;\n    }\n\n    .wdaix__input button {\n        min-height: 32px !important;\n        padding: 0 5px 0 9px !important;\n        border-radius: 8px !important;\n        gap: 7px !important;\n    }\n\n    .wdaix__try-ai-text {\n        font-size: 9px !important;\n    }\n\n    .wdaix__input button b {\n        width: 22px !important;\n        height: 22px !important;\n        border-radius: 6px !important;\n    }\n\n    \/* Integrations are useful, but the full list is unnecessary on the homepage mobile view *\/\n    .wdaix__integrations {\n        margin-top: 11px !important;\n        padding: 11px 0 0 !important;\n    }\n\n    .wdaix__integrations > span {\n        margin-bottom: 7px !important;\n        font-size: 8px !important;\n    }\n\n    .wdaix__integrations > div {\n        gap: 6px !important;\n    }\n\n    .wdaix__integrations b {\n        font-size: 9px !important;\n    }\n\n    \/* Benefits repeat what the demo already communicates; keep only compact chips *\/\n    .wdaix__benefits {\n        margin-top: 14px !important;\n        grid-template-columns: repeat(3, minmax(0,1fr)) !important;\n        border-radius: 11px !important;\n    }\n\n    .wdaix__benefit {\n        min-height: 64px !important;\n        padding: 11px 8px !important;\n        border-right: 1px solid var(--line) !important;\n        border-bottom: 0 !important;\n\n        display: block !important;\n        text-align: center;\n    }\n\n    .wdaix__benefit:last-child {\n        border-right: 0 !important;\n    }\n\n    .wdaix__benefit > span {\n        display: block;\n        padding: 0 !important;\n        margin-bottom: 5px;\n        font-size: 8px !important;\n    }\n\n    .wdaix__benefit strong {\n        font-size: 10px !important;\n        line-height: 1.25 !important;\n    }\n\n    .wdaix__benefit p {\n        display: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    var SCENARIOS = {\n    \"consultant\": {\n        \"label\": \"\u041a\u041e\u041d\u0421\u0423\u041b\u042c\u0422\u0410\u041d\u0422 \u0414\u041b\u042f \u041a\u041b\u0418\u0415\u041d\u0422\u041e\u0412\",\n        \"title\": \"\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\",\n        \"description\": \"AI \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u0443\u0442\u043e\u0447\u043d\u044f\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435! \u0427\u0435\u043c \u043c\u043e\u0433\u0443 \u043f\u043e\u043c\u043e\u0447\u044c?\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"\u041c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d \u0441\u0430\u0439\u0442 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u0430.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u041d\u0443\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0443\u0441\u043b\u0443\u0433 \u0438 \u0444\u043e\u0440\u043c\u0430 \u0437\u0430\u044f\u0432\u043a\u0438 \u0438\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u043e\u043d\u043b\u0430\u0439\u043d-\u0437\u0430\u043f\u0438\u0441\u044c \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f?\"\n            }\n        ]\n    },\n    \"shop\": {\n        \"label\": \"\u0418\u041d\u0422\u0415\u0420\u041d\u0415\u0422-\u041c\u0410\u0413\u0410\u0417\u0418\u041d\",\n        \"title\": \"AI \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\",\n        \"description\": \"AI \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0442\u043e\u0432\u0430\u0440, \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u043f\u043e\u043a\u0443\u043f\u043a\u0438.\",\n        \"messages\": [\n            {\n                \"type\": \"user\",\n                \"text\": \"\u041d\u0443\u0436\u0435\u043d \u0441\u0442\u0435\u043b\u043b\u0430\u0436 \u0434\u043b\u044f \u0441\u043a\u043b\u0430\u0434\u0430 \u0441 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 500 \u043a\u0433.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u041a\u0430\u043a\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u0441\u0442\u0435\u043b\u043b\u0430\u0436\u0430 \u0438 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e?\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 2 \u043c\u0435\u0442\u0440\u0430 \u0438 4 \u0443\u0440\u043e\u0432\u043d\u044f.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0415\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432. \u041c\u043e\u0433\u0443 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0442\u043e\u0432\u0430\u0440\u044b \u0438\u043b\u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0443.\"\n            }\n        ]\n    },\n    \"email\": {\n        \"label\": \"\u042d\u041b\u0415\u041a\u0422\u0420\u041e\u041d\u041d\u0410\u042f \u041f\u041e\u0427\u0422\u0410\",\n        \"title\": \"AI-\u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0434\u043b\u044f Gmail\",\n        \"description\": \"AI \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u043f\u0438\u0441\u044c\u043c\u0430, \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0438 \u0438 \u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u043e\u0442\u0432\u0435\u0442\u043e\u0432.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0430 \u043d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0430\u0439\u0442\u0430.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u044c \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a \u043e\u0442\u0432\u0435\u0442\u0430.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d \u043e\u0442\u0432\u0435\u0442 \u0441 \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u043e \u0442\u0438\u043f\u0435 \u0441\u0430\u0439\u0442\u0430, \u044f\u0437\u044b\u043a\u0430\u0445, \u0441\u0440\u043e\u043a\u0430\u0445 \u0438 \u043d\u0443\u0436\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445.\"\n            }\n        ]\n    },\n    \"crm\": {\n        \"label\": \"\u0410\u0412\u0422\u041e\u041c\u0410\u0422\u0418\u0417\u0410\u0426\u0418\u042f CRM\",\n        \"title\": \"CRM \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\",\n        \"description\": \"AI \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0437\u0430\u044f\u0432\u043a\u0438 \u0432 CRM, \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0421 \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0430 \u043d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0412 CRM \u0441\u043e\u0437\u0434\u0430\u043d \u043a\u043e\u043d\u0442\u0430\u043a\u0442: SIA Demo. \u0423\u0441\u043b\u0443\u0433\u0430 \u2014 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"\u0421\u043e\u0437\u0434\u0430\u0439 \u0437\u0430\u0434\u0430\u0447\u0443 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0437\u0430\u0432\u0442\u0440\u0430.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0417\u0430\u0434\u0430\u0447\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u0437\u0430 \u043f\u0440\u043e\u0434\u0430\u0436\u0438.\"\n            }\n        ]\n    },\n    \"documents\": {\n        \"label\": \"\u0414\u041e\u041a\u0423\u041c\u0415\u041d\u0422\u042b\",\n        \"title\": \"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\",\n        \"description\": \"AI \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u044b \u043f\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438.\",\n        \"messages\": [\n            {\n                \"type\": \"user\",\n                \"text\": \"\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 WordPress \u043d\u0430 \u0434\u0432\u0443\u0445 \u044f\u0437\u044b\u043a\u0430\u0445.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043e\u0431\u044a\u0451\u043c \u0440\u0430\u0431\u043e\u0442, \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043e\u043f\u043b\u0430\u0442\u044b.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"\u0421\u043e\u0437\u0434\u0430\u0439 PDF \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0443.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d. \u041f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0438 \u0443\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0435\u0433\u043e.\"\n            }\n        ]\n    }\n};\n\n\n    function initWdAiExperience() {\n\n        var section =\n            document.getElementById(\n                \"wdAiExperience\"\n            );\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var tabs =\n            section.querySelectorAll(\n                \".wdaix__tab\"\n            );\n\n        var label =\n            document.getElementById(\n                \"wdaixDemoLabel\"\n            );\n\n        var title =\n            document.getElementById(\n                \"wdaixScenarioTitle\"\n            );\n\n        var description =\n            document.getElementById(\n                \"wdaixScenarioDescription\"\n            );\n\n        var messages =\n            document.getElementById(\n                \"wdaixMessages\"\n            );\n\n\n        function renderScenario(key) {\n\n            var scenario =\n                SCENARIOS[key];\n\n            if (!scenario) {\n                return;\n            }\n\n\n            label.textContent =\n                scenario.label;\n\n            title.textContent =\n                scenario.title;\n\n            description.textContent =\n                scenario.description;\n\n\n            messages.innerHTML = \"\";\n\n\n            scenario.messages.forEach(\n                function (message, index) {\n\n                    var bubble =\n                        document.createElement(\n                            \"div\"\n                        );\n\n                    bubble.className =\n                        \"wdaix__bubble \" +\n                        (\n                            message.type === \"user\"\n                            ?\n                            \"wdaix__bubble--user\"\n                            :\n                            \"wdaix__bubble--ai\"\n                        );\n\n                    bubble.style.animationDelay =\n                        (index * .08) + \"s\";\n\n                    bubble.textContent =\n                        message.text;\n\n                    messages.appendChild(\n                        bubble\n                    );\n\n                }\n            );\n\n        }\n\n\n        tabs.forEach(\n            function (tab) {\n\n                tab.addEventListener(\n                    \"click\",\n                    function () {\n\n                        tabs.forEach(\n                            function (other) {\n\n                                other.classList.remove(\n                                    \"is-active\"\n                                );\n\n                                other.setAttribute(\n                                    \"aria-selected\",\n                                    \"false\"\n                                );\n\n                            }\n                        );\n\n\n                        tab.classList.add(\n                            \"is-active\"\n                        );\n\n                        tab.setAttribute(\n                            \"aria-selected\",\n                            \"true\"\n                        );\n\n\n                        renderScenario(\n                            tab.getAttribute(\n                                \"data-ai-scenario\"\n                            )\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           TRY REAL WEBDIGITAL AI\n        ====================================================== *\/\n\n        var tryAiButton =\n            section.querySelector(\n                \".wdaix__try-ai\"\n            );\n\n        if (tryAiButton) {\n\n            tryAiButton.addEventListener(\n                \"click\",\n                function () {\n\n                    var headerAI =\n                        document.getElementById(\n                            \"wdSupportButton\"\n                        );\n\n                    if (headerAI) {\n                        headerAI.click();\n                        return;\n                    }\n\n                    window.location.href =\n                        \"\/ru\/kontakty\/\";\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        var body =\n            document.body;\n\n        var editor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (editor) {\n            return;\n        }\n\n\n        var revealItems =\n            section.querySelectorAll(\n                \".wdaix__reveal\"\n            );\n\n\n        if (!revealItems.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdaix--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            revealItems.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: .08,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        revealItems.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdAiExperience\n        );\n\n    } else {\n\n        initWdAiExperience();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    initWdAiExperience,\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4b43478 e-con e-atomic-element e-flexbox-base e-default-div e-4b43478-93709e9 \" data-id=\"4b43478\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b43478\" data-e-type=\"e-flexbox\" data-id=\"4b43478\">\n    \t\t<div class=\"elementor-element elementor-element-1a548ab elementor-widget elementor-widget-html\" data-id=\"1a548ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 07 \/ KLIENTU ATSAUKSMES\r\n     TRUSTINDEX \/ GOOGLE REVIEWS\r\n     LIGHT PREMIUM \/ ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdreviews\" id=\"wdReviews\">\r\n\r\n    <div class=\"wdreviews__inner\">\r\n\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n\r\n        <div class=\"wdreviews__header wdreviews__reveal\">\r\n\r\n            <div class=\"wdreviews__kicker\">\r\n                <span>09<\/span>\r\n                <i><\/i>\r\n                <span>\u041e\u0422\u0417\u042b\u0412\u042b \u041a\u041b\u0418\u0415\u041d\u0422\u041e\u0412<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdreviews__header-grid\">\r\n\r\n                <h2 class=\"wdreviews__title\">\r\n                    \u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u044b\r\n                    <span>\u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043d\u0430\u043c\u0438.<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"wdreviews__intro\">\r\n\r\n                    <p>\u041e\u0442\u0437\u044b\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 WebDigital \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u0441 \u043d\u0430\u043c\u0438.<\/p>\r\n\r\n                    <div class=\"wdreviews__trust\">\r\n\r\n                        <span class=\"wdreviews__trust-dot\">\r\n                            <i><\/i>\r\n                        <\/span>\r\n\r\n                        <div>\r\n                            <strong>\u041e\u0442\u0437\u044b\u0432\u044b \u0432 Google<\/strong>\r\n                            <small>\r\n                                \u0417\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Trustindex\r\n                            <\/small>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             GOOGLE REVIEWS\r\n             \r\n             \u0412\u0410\u0416\u041d\u041e:\r\n             \u0415\u0441\u043b\u0438 Elementor HTML widget \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 shortcode,\r\n             \u0432\u0441\u0442\u0430\u0432\u044c \u0441\u044e\u0434\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 Shortcode widget Elementor:\r\n             \r\n             [trustindex no-registration=google]\r\n        ====================================================== -->\r\n\r\n        <div class=\"wdreviews__widget-wrap wdreviews__reveal\" style=\"--delay:.10s\">\r\n\r\n            <div class=\"wdreviews__widget\">\r\n\r\n                <link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/webdigital.lv\/wp-content\/uploads\/trustindex-google-widget.css?1788690468\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/webdigital.lv\/wp-content\/uploads\/trustindex-google-widget.css?1788690468\" class=\" ti-widget  ti-goog ti-disable-font ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d pirms %s|\u0161odien|dien\u0101|dien\u0101s|ned\u0113\u013c\u0101|ned\u0113\u013c\u0101s|m\u0113nes\u012b|m\u0113ne\u0161os|gad\u0101|gados\" data-plugin-version=\"14.2\" data-layout-id=\"5\" data-layout-category=\"slider\" data-set-id=\"light-background\" data-pid=\"wp-widget\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"Owner&apos;s reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer ti-footer-grid source-Google\"> <div class=\"ti-fade-container\"> <div class=\"ti-rating-text\"> <strong class=\"ti-rating ti-rating-large\"> IZCILI <\/strong> <\/div> <span class=\"ti-stars star-lg\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\">Based on <strong>25 reviews<\/strong><\/span> <\/div> <div class=\"ti-large-logo\"> <div class=\"ti-v-center\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-logo-fb skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/logo.svg\" width=\"150\" height=\"25\" loading=\"lazy\" alt=\"Google\" title=\"\"> <\/div> <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1791504000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJmc-QyZXNgrj-eq-p7v3lKXzlk8bAbE21TueRtJF7pUJmMjA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJmc-QyZXNgrj-eq-p7v3lKXzlk8bAbE21TueRtJF7pUJmMjA=w80-h80-c-rp-mo-br100 2x\" alt=\"Andreas Tillman profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Andreas Tillman <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Easy to communicate and great job done.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1791504000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUhLsyHv87ZpUwiV4clEacpAR7LEMorzpAbKoT972PU3uTqd6s-=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUhLsyHv87ZpUwiV4clEacpAR7LEMorzpAbKoT972PU3uTqd6s-=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"KEY &amp; LOCK 2 profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> KEY &amp; LOCK 2 <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 WEBDIGITAL \u0437\u0430 \u043e\u0442\u043b\u0438\u0447\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1762992000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUj-vXPVoUfAL6hWs0DimspBcCPk7_xfvMbDTUZbcCXkOzPA5L5=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUj-vXPVoUfAL6hWs0DimspBcCPk7_xfvMbDTUZbcCXkOzPA5L5=w80-h80-c-rp-mo-br100 2x\" alt=\"Julija Skurjate profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Julija Skurjate <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Atsauc\u012bgi sadarb\u012bbas partneri, kuri atbild par sava darba kvalit\u0101ti.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1761177600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWzO9BTeRcQsgxeGB2gnDXlC6Wcj-Pa4YCytOQ95gWaADdpR3A=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWzO9BTeRcQsgxeGB2gnDXlC6Wcj-Pa4YCytOQ95gWaADdpR3A=w80-h80-c-rp-mo-br100 2x\" alt=\"Marta Karele profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Marta Karele <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Profesion\u0101la komanda, veiksm\u012bga sadarb\u012bba. Paldies!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1742169600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXcNC91ipyUSrnOCPj2nmIYTYS2djnxZqwYTUwEEQbBG1O-o2Vlfw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXcNC91ipyUSrnOCPj2nmIYTYS2djnxZqwYTUwEEQbBG1O-o2Vlfw=w80-h80-c-rp-mo-br100 2x\" alt=\"Tatjana Maia profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Tatjana Maia <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u041e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <div class=\"ti-verified-by ti-verified-by-row\" data-style=\"1\"> <div class=\"ti-inner\"> Verified by Trustindex <span class=\"ti-info-icon\"><\/span> <div class=\"ti-disclaimer\">Trustindex verified badge is the Universal Symbol of Trust. Only the greatest companies can get the verified badge who has a review score above 4.5, based on customer reviews over the past 12 months. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-verified-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\" rel=\"noopener\">Read more<\/a><\/div> <\/div> <\/div>  <\/div> <\/div> <\/div> <\/pre><pre class=\"ti-hidden-markup\" hidden style=\"display: none\"><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/pre>\r\n<script data-wd-locale=\"ru\">(function(){function init(){var e=document.getElementById('wdReviews');if(e){var r=e.querySelector('.ti-rating-large');if(r)r.textContent='\u041e\u0422\u041b\u0418\u0427\u041d\u041e';var n=e.querySelector('.ti-rating-text .nowrap');if(n){var k=n.querySelector('strong');n.textContent='\u041d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 '+(k?k.textContent.trim():'25')+' \u043e\u0442\u0437\u044b\u0432\u043e\u0432';}}var m=document.querySelector('.elementor[data-elementor-type=\"wp-page\"]');if(m)m.setAttribute('role','main');if(!document.getElementById('wd-skip-content')){var a=document.createElement('a');a.id='wd-skip-content';a.href='#wdTrust';a.className='wd-skip-content';a.textContent='\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443';document.body.insertBefore(a,document.body.firstChild);}}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();<\/script><style>.wd-skip-content{position:fixed;z-index:999999;left:12px;top:-100px;background:#fff;color:#111;padding:12px 18px;border:2px solid #111;border-radius:6px}.wd-skip-content:focus{top:12px}.wdworks6__lead a{text-decoration:underline;text-underline-offset:3px}<\/style>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wdreviews__after wdreviews__reveal\" style=\"--delay:.14s\">\r\n            <div class=\"wdreviews__after-left\">\r\n                <span class=\"wdreviews__after-dot\"><i><\/i><\/span>\r\n                <div>\r\n                    <strong>\u0425\u043e\u0442\u0438\u0442\u0435 \u043e\u0431\u0441\u0443\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442?<\/strong>\r\n                    <small>\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0441\u0430\u0439\u0442\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c.<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"wdreviews__after-note\">\r\n                \u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c\r\n                <i>\u2193<\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdreviews,\r\n.wdreviews * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdreviews a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdreviews {\r\n\r\n    --orange: #ff5033;\r\n\r\n    --black: #151515;\r\n\r\n    --text: #62625e;\r\n\r\n    --muted: #92928e;\r\n\r\n    --line: #deded9;\r\n\r\n    --soft: #f7f7f4;\r\n\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n\r\n    background:\r\n        #f7f7f4;\r\n\r\n\r\n    color:\r\n        var(--black);\r\n\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--line);\r\n\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* subtle decoration *\/\r\n\r\n.wdreviews::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -180px;\r\n\r\n    bottom: -200px;\r\n\r\n\r\n    width: 480px;\r\n\r\n    height: 480px;\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n\r\n            circle,\r\n\r\n            rgba(255,80,51,.05),\r\n\r\n            rgba(255,80,51,0) 70%\r\n\r\n        );\r\n\r\n\r\n    pointer-events:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.wdreviews__inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n\r\n    width:\r\n\r\n        min(\r\n\r\n            calc(100% - 48px),\r\n\r\n            1390px\r\n\r\n        );\r\n\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n\r\n    padding:\r\n\r\n        82px 0\r\n\r\n        62px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdreviews__header {\r\n\r\n    margin-bottom:\r\n        36px;\r\n\r\n}\r\n\r\n\r\n\/* kicker *\/\r\n\r\n.wdreviews__kicker {\r\n\r\n    display:\r\n        flex;\r\n\r\n\r\n    align-items:\r\n        center;\r\n\r\n\r\n    gap:\r\n        11px;\r\n\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n\r\n    color:\r\n        #81817d;\r\n\r\n\r\n    font-size:\r\n        11px;\r\n\r\n\r\n    line-height:\r\n        1;\r\n\r\n\r\n    font-weight:\r\n        800;\r\n\r\n\r\n    letter-spacing:\r\n        1.2px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__kicker span:first-child {\r\n\r\n    color:\r\n        var(--orange);\r\n\r\n}\r\n\r\n\r\n.wdreviews__kicker i {\r\n\r\n    width:\r\n        30px;\r\n\r\n\r\n    height:\r\n        1px;\r\n\r\n\r\n    background:\r\n        #cacac5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER GRID\r\n========================================================= *\/\r\n\r\n.wdreviews__header-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n\r\n    grid-template-columns:\r\n\r\n        minmax(0,1.15fr)\r\n\r\n        minmax(340px,.85fr);\r\n\r\n\r\n    gap:\r\n        90px;\r\n\r\n\r\n    align-items:\r\n        end;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.wdreviews__title {\r\n\r\n    max-width:\r\n        760px;\r\n\r\n\r\n    margin:\r\n        0;\r\n\r\n\r\n    color:\r\n        #151515;\r\n\r\n\r\n    font-size:\r\n\r\n        clamp(\r\n\r\n            46px,\r\n\r\n            4vw,\r\n\r\n            64px\r\n\r\n        );\r\n\r\n\r\n    line-height:\r\n        1;\r\n\r\n\r\n    font-weight:\r\n        650;\r\n\r\n\r\n    letter-spacing:\r\n        -3.1px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__title span {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    color:\r\n        #a0a09c;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.wdreviews__intro p {\r\n\r\n    max-width:\r\n        520px;\r\n\r\n\r\n    margin:\r\n        0;\r\n\r\n\r\n    color:\r\n        var(--text);\r\n\r\n\r\n    font-size:\r\n        16px;\r\n\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n\r\n    font-weight:\r\n        500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.wdreviews__trust {\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n\r\n    display:\r\n        flex;\r\n\r\n\r\n    align-items:\r\n        center;\r\n\r\n\r\n    gap:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    width:\r\n        13px;\r\n\r\n\r\n    height:\r\n        13px;\r\n\r\n\r\n    flex:\r\n        0 0 13px;\r\n\r\n\r\n    display:\r\n        grid;\r\n\r\n\r\n    place-items:\r\n        center;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot i {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    z-index:\r\n        2;\r\n\r\n\r\n    width:\r\n        8px;\r\n\r\n\r\n    height:\r\n        8px;\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    background:\r\n        #34bd78;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n\r\n    position:\r\n        absolute;\r\n\r\n\r\n    left:\r\n        50%;\r\n\r\n\r\n    top:\r\n        50%;\r\n\r\n\r\n    width:\r\n        8px;\r\n\r\n\r\n    height:\r\n        8px;\r\n\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n\r\n    border:\r\n\r\n        1px solid\r\n\r\n        rgba(52,189,120,.4);\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    animation:\r\n\r\n        wdreviewsPulse\r\n\r\n        2.2s ease-out\r\n\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes wdreviewsPulse {\r\n\r\n    0% {\r\n\r\n        width:\r\n            8px;\r\n\r\n        height:\r\n            8px;\r\n\r\n        opacity:\r\n            .8;\r\n\r\n    }\r\n\r\n\r\n    100% {\r\n\r\n        width:\r\n            26px;\r\n\r\n        height:\r\n            26px;\r\n\r\n        opacity:\r\n            0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust strong {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    color:\r\n        #333330;\r\n\r\n\r\n    font-size:\r\n        12px;\r\n\r\n\r\n    font-weight:\r\n        750;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust small {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    margin-top:\r\n        3px;\r\n\r\n\r\n    color:\r\n        #8e8e89;\r\n\r\n\r\n    font-size:\r\n        10px;\r\n\r\n\r\n    font-weight:\r\n        550;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WIDGET CONTAINER\r\n========================================================= *\/\r\n\r\n.wdreviews__widget-wrap {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    padding:\r\n\r\n        18px;\r\n\r\n\r\n    border:\r\n\r\n        1px solid\r\n\r\n        #deded9;\r\n\r\n\r\n    border-radius:\r\n        18px;\r\n\r\n\r\n    background:\r\n        rgba(255,255,255,.72);\r\n\r\n\r\n    box-shadow:\r\n\r\n        0 18px 45px\r\n\r\n        rgba(0,0,0,.035);\r\n\r\n}\r\n\r\n\r\n\/* Trustindex *\/\r\n\r\n.wdreviews__widget {\r\n\r\n    width:\r\n        100%;\r\n\r\n\r\n    min-width:\r\n        0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUSTINDEX LIGHT OVERRIDES\r\n   \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438.\r\n========================================================= *\/\r\n\r\n.wdreviews__widget\r\n.ti-widget {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n.wdreviews__widget\r\n.ti-widget-container {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n.wdreviews__widget\r\n.ti-reviews-container {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n\/* Cards *\/\r\n\r\n.wdreviews__widget\r\n.ti-review-item {\r\n\r\n    border-radius:\r\n        14px !important;\r\n\r\n}\r\n\r\n\r\n\/* avoid aggressive plugin shadows *\/\r\n\r\n.wdreviews__widget\r\n.ti-inner {\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   AFTER REVIEWS \/ TRANSITION\r\n========================================================= *\/\r\n\r\n.wdreviews__after {\r\n    margin-top: 22px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--line);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n}\r\n\r\n.wdreviews__after-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdreviews__after-dot {\r\n    position: relative;\r\n    width: 12px;\r\n    height: 12px;\r\n    flex: 0 0 12px;\r\n    display: grid;\r\n    place-items: center;\r\n}\r\n\r\n.wdreviews__after-dot i {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #34bd78;\r\n}\r\n\r\n.wdreviews__after-dot::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid rgba(52,189,120,.35);\r\n    border-radius: 50%;\r\n    animation: wdreviewsPulse 2.2s ease-out infinite;\r\n}\r\n\r\n.wdreviews__after-left strong {\r\n    display: block;\r\n    color: #353532;\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n}\r\n\r\n.wdreviews__after-left small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: #8e8e89;\r\n    font-size: 10px;\r\n    line-height: 1.45;\r\n    font-weight: 550;\r\n}\r\n\r\n.wdreviews__after-note {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #8a8a86;\r\n    font-size: 10px;\r\n    font-weight: 650;\r\n    white-space: nowrap;\r\n}\r\n\r\n.wdreviews__after-note i {\r\n    color: var(--orange);\r\n    font-style: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL \/ ELEMENTOR SAFE\r\n========================================================= *\/\r\n\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        1;\r\n\r\n\r\n    transform:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.wdreviews.wdreviews--animate\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        0;\r\n\r\n\r\n    transform:\r\n        translateY(22px);\r\n\r\n\r\n    transition:\r\n\r\n        opacity .72s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform .72s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n    transition-delay:\r\n        var(--delay,0s);\r\n\r\n}\r\n\r\n\r\n.wdreviews.wdreviews--animate\r\n.wdreviews__reveal.is-visible {\r\n\r\n    opacity:\r\n        1;\r\n\r\n\r\n    transform:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdreviews__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdreviews__reveal,\r\n\r\n.elementor-edit-area\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        1 !important;\r\n\r\n\r\n    transform:\r\n        none !important;\r\n\r\n\r\n    transition:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .wdreviews__header-grid {\r\n\r\n        grid-template-columns:\r\n\r\n            1fr\r\n\r\n            360px;\r\n\r\n\r\n        gap:\r\n            50px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__title {\r\n\r\n        font-size:\r\n            52px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* tablet *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .wdreviews__inner {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n\r\n        padding:\r\n\r\n            76px 0\r\n\r\n            66px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__header-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n\r\n        gap:\r\n            24px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__widget-wrap {\r\n\r\n        padding:\r\n            18px;\r\n\r\n    }\r\n}\r\n\r\n\r\n\/* mobile *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdreviews__inner {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n\r\n        padding:\r\n\r\n            58px 0\r\n\r\n            52px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__header {\r\n\r\n        margin-bottom:\r\n            34px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__kicker {\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n\r\n        font-size:\r\n            10px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__title {\r\n\r\n        font-size:\r\n            39px;\r\n\r\n\r\n        letter-spacing:\r\n            -2px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__intro p {\r\n\r\n        font-size:\r\n            15px;\r\n\r\n\r\n        line-height:\r\n            1.65;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__widget-wrap {\r\n\r\n        padding:\r\n            12px;\r\n\r\n\r\n        border-radius:\r\n            16px;\r\n\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdreviews__after {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .wdreviews__after-note {\r\n        white-space: normal;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdreviews__reveal,\r\n\r\n    .wdreviews__trust-dot::before {\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n\r\n        transform:\r\n            none !important;\r\n\r\n\r\n        transition:\r\n            none !important;\r\n\r\n\r\n        animation:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 COMPACT REVIEWS\r\n========================================================= *\/\r\n@media (max-width: 620px) {\r\n    .wdreviews {\r\n        border-top: 0 !important;\r\n    }\r\n\r\n    .wdreviews__inner {\r\n        width: calc(100% - 28px) !important;\r\n        padding: 46px 0 42px !important;\r\n    }\r\n\r\n    .wdreviews__header {\r\n        margin-bottom: 22px !important;\r\n    }\r\n\r\n    .wdreviews__kicker {\r\n        margin-bottom: 15px !important;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .wdreviews__header-grid {\r\n        gap: 14px !important;\r\n    }\r\n\r\n    .wdreviews__title {\r\n        font-size: 35px !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -1.7px !important;\r\n    }\r\n\r\n    .wdreviews__intro p {\r\n        font-size: 14px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .wdreviews__trust {\r\n        margin-top: 12px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    .wdreviews__trust strong {\r\n        font-size: 11px !important;\r\n    }\r\n\r\n    .wdreviews__trust small {\r\n        display: none !important;\r\n    }\r\n\r\n    .wdreviews__widget-wrap {\r\n        padding: 8px !important;\r\n        border-radius: 14px !important;\r\n    }\r\n\r\n    \/* The plugin itself should handle review carousel\/swipe. *\/\r\n    .wdreviews__after {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initWdReviews() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"wdReviews\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            section.dataset.initialized === \"1\"\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        section.dataset.initialized =\r\n            \"1\";\r\n\r\n\r\n        var body =\r\n            document.body;\r\n\r\n\r\n        var editor =\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n\r\n            ||\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-preview\"\r\n            );\r\n\r\n\r\n        \/*\r\n         * Elementor editor:\r\n         * \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c.\r\n         *\/\r\n\r\n        if (editor) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                \".wdreviews__reveal\"\r\n            );\r\n\r\n\r\n        if (!items.length) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        section.classList.add(\r\n            \"wdreviews--animate\"\r\n        );\r\n\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            items.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    threshold:\r\n                        .08,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -20px 0px\"\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n\r\n            function (item) {\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState\r\n        ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n\r\n            \"DOMContentLoaded\",\r\n\r\n            initWdReviews\r\n\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initWdReviews();\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Elementor frontend\r\n     *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n\r\n            \"elementor\/frontend\/init\",\r\n\r\n            function () {\r\n\r\n                setTimeout(\r\n\r\n                    initWdReviews,\r\n\r\n                    100\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1754774 e-con e-atomic-element e-flexbox-base e-default-div e-1754774-66b02c4 \" data-id=\"1754774\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1754774\" data-e-type=\"e-flexbox\" data-id=\"1754774\">\n    \t\t<div class=\"elementor-element elementor-element-8739bff elementor-widget elementor-widget-html\" data-id=\"8739bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 08 \/ K\u0100 M\u0112S STR\u0100D\u0100JAM\r\n     LIGHT PREMIUM PROCESS SECTION\r\n     ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdprocess\" id=\"wdProcess\">\r\n\r\n    <div class=\"wdprocess__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"wdprocess__header wdprocess__reveal\">\r\n\r\n            <div class=\"wdprocess__kicker\">\r\n                <span>10<\/span>\r\n                <i><\/i>\r\n                <span>\u041a\u0410\u041a \u041c\u042b \u0420\u0410\u0411\u041e\u0422\u0410\u0415\u041c<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdprocess__head-grid\">\r\n\r\n                <h2 class=\"wdprocess__title\">\r\n                    \u041e\u0442 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430\r\n                    <span>\u0434\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u0430\u0439\u0442\u0430.<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"wdprocess__intro\">\r\n                    <p>\r\n                        \u041e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u043c \u0437\u0430\u0434\u0430\u0447\u0438, \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443, \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0441\u0430\u0439\u0442 \u0438 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0435\u0433\u043e \u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0443. \u041d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROCESS -->\r\n        <div class=\"wdprocess__timeline wdprocess__reveal\" style=\"--delay:.10s\">\r\n\r\n            <div class=\"wdprocess__progress\"><\/div>\r\n\r\n\r\n            <!-- 01 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        \u0417\u041d\u0410\u041a\u041e\u041c\u0418\u041c\u0421\u042f\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0423\u0442\u043e\u0447\u043d\u044f\u0435\u043c \u0432\u0430\u0448\u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043e\u0431\u044a\u0451\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        \u041f\u041b\u0410\u041d\u0418\u0420\u0423\u0415\u041c\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0421\u043e\u0433\u043b\u0430\u0441\u0443\u0435\u043c \u043e\u0431\u044a\u0451\u043c \u0440\u0430\u0431\u043e\u0442, \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0441\u0440\u043e\u043a\u0438.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        \u0420\u0410\u0417\u0420\u0410\u0411\u0410\u0422\u042b\u0412\u0410\u0415\u041c\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0434\u0438\u0437\u0430\u0439\u043d, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        \u041f\u0420\u041e\u0412\u0415\u0420\u042f\u0415\u041c\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u041f\u0435\u0440\u0435\u0434\u0430\u0447\u0430\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0441\u0430\u0439\u0442, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0435\u0433\u043e \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u044b.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 05 -->\r\n            <article class=\"wdprocess__step wdprocess__step--last\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot wdprocess__dot--live\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        \u0420\u0410\u0417\u0412\u0418\u0412\u0410\u0415\u041c \u0414\u0410\u041b\u042c\u0428\u0415\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u041f\u043e \u0432\u0430\u0448\u0435\u043c\u0443 \u0436\u0435\u043b\u0430\u043d\u0438\u044e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0430\u0439\u0442\u0430.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TRANSPARENCY \/ OWNERSHIP -->\r\n        <div class=\"wdprocess__ownership wdprocess__reveal\" style=\"--delay:.16s\">\r\n\r\n            <div class=\"wdprocess__ownership-main\">\r\n\r\n                <div class=\"wdprocess__ownership-label\">\r\n                    <span>\u041f\u0420\u041e\u0417\u0420\u0410\u0427\u041d\u041e\u0415 \u0421\u041e\u0422\u0420\u0423\u0414\u041d\u0418\u0427\u0415\u0421\u0422\u0412\u041e<\/span>\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0412\u0430\u0448 \u0441\u0430\u0439\u0442 \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f\r\n                    <span>\u043f\u043e\u0434 \u0432\u0430\u0448\u0438\u043c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u043c.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0421\u0430\u0439\u0442, \u0434\u043e\u0441\u0442\u0443\u043f\u044b \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0443 \u0432\u0430\u0441.\r\n                <\/p>\r\n\r\n                <div class=\"wdprocess__ownership-note\">\r\n                    <span class=\"wdprocess__ownership-check\">\u2713<\/span>\r\n                    <strong>\u0411\u0435\u0437 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0438 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0445 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439.<\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wdprocess__ownership-points\">\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">01<\/span>\r\n                    <div>\r\n                        <strong>\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/strong>\r\n                        <p>\r\n                            \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0435\u043c \u0437\u0430\u0440\u0430\u043d\u0435\u0435.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">02<\/span>\r\n                    <div>\r\n                        <strong>\u0412\u0430\u0448 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u044b<\/strong>\r\n                        <p>\r\n                            \u0421\u0430\u0439\u0442 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0435. \u0414\u043e\u0441\u0442\u0443\u043f\u044b \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0443 \u0432\u0430\u0441.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">03<\/span>\r\n                    <div>\r\n                        <strong>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u0432\u0430\u0448\u0438\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445<\/strong>\r\n                        <p>\r\n                            \u0412\u044b \u0441\u0430\u043c\u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435, \u043d\u0443\u0436\u043d\u043e \u043b\u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"wdprocess__handoff wdprocess__reveal\" style=\"--delay:.20s\">\r\n            <span class=\"wdprocess__handoff-line\"><\/span>\r\n\r\n            <div>\r\n                <small>\u0421\u041b\u0415\u0414\u0423\u042e\u0429\u0418\u0419 \u0428\u0410\u0413<\/small>\r\n                <strong>\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u2014 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"wdprocess__handoff-arrow\">\u2193<\/span>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdprocess,\r\n.wdprocess * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdprocess a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdprocess {\r\n\r\n    --orange: #ff5033;\r\n    --black: #151515;\r\n    --text: #666662;\r\n    --muted: #999995;\r\n    --line: #deded9;\r\n    --soft: #f7f7f4;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ffffff;\r\n\r\n    color: var(--black);\r\n\r\n    border-top: 1px solid var(--line);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* subtle glow *\/\r\n\r\n.wdprocess::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -170px;\r\n    top: -190px;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255,80,51,.055),\r\n            rgba(255,80,51,0) 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.wdprocess__inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1390px\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        70px 0\r\n        52px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n========================================================= *\/\r\n\r\n.wdprocess__kicker {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: #81817d;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__kicker span:first-child {\r\n    color: var(--orange);\r\n}\r\n\r\n\r\n.wdprocess__kicker i {\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    background: #cacac5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdprocess__header {\r\n    margin-bottom: 26px;\r\n}\r\n\r\n\r\n.wdprocess__head-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.15fr)\r\n        minmax(340px,.85fr);\r\n\r\n    gap: 64px;\r\n\r\n    align-items: end;\r\n\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.wdprocess__title {\r\n\r\n    max-width: 780px;\r\n\r\n    margin: 0;\r\n\r\n    color: #151515;\r\n\r\n    font-size:\r\n        clamp(\r\n            46px,\r\n            4vw,\r\n            64px\r\n        );\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -3.1px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__title span {\r\n\r\n    display: block;\r\n\r\n    color: #a0a09c;\r\n\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.wdprocess__intro p {\r\n\r\n    max-width: 520px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n========================================================= *\/\r\n\r\n.wdprocess__timeline {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0,1fr));\r\n\r\n    border-top:\r\n        1px solid var(--line);\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n\/* orange progress line *\/\r\n\r\n.wdprocess__progress {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 1;\r\n\r\n    left: 0;\r\n    top: -1px;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--orange);\r\n\r\n    transition:\r\n        width 1.8s\r\n        cubic-bezier(.22,1,.36,1)\r\n        .25s;\r\n\r\n}\r\n\r\n\r\n.wdprocess__timeline.is-visible\r\n.wdprocess__progress {\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.wdprocess__step {\r\n\r\n    position: relative;\r\n\r\n    min-height: 215px;\r\n\r\n    padding:\r\n        25px 24px\r\n        30px;\r\n\r\n    border-right:\r\n        1px solid var(--line);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n\r\n.wdprocess__step:hover {\r\n\r\n    background:\r\n        #f8f8f5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.wdprocess__step-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 26px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__number {\r\n\r\n    color: #a0a09c;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .8px;\r\n\r\n}\r\n\r\n\r\n\/* dot *\/\r\n\r\n.wdprocess__dot {\r\n\r\n    position: relative;\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n}\r\n\r\n\r\n.wdprocess__dot i {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #c3c3be;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:hover\r\n.wdprocess__dot i {\r\n\r\n    background: var(--orange);\r\n\r\n    transform: scale(1.25);\r\n\r\n}\r\n\r\n\r\n\/* live last dot *\/\r\n\r\n.wdprocess__dot--live i {\r\n\r\n    background: #34bd78;\r\n\r\n}\r\n\r\n\r\n.wdprocess__dot--live::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(52,189,120,.4);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        wdProcessPulse\r\n        2.2s ease-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes wdProcessPulse {\r\n\r\n    0% {\r\n        transform: scale(.65);\r\n        opacity: .9;\r\n    }\r\n\r\n    100% {\r\n        transform: scale(2.3);\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.wdprocess__step-content {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.wdprocess__mini {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #9b9b97;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .8px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step h3 {\r\n\r\n    margin:\r\n        0 0 11px;\r\n\r\n    color: #181816;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -1.1px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step p {\r\n\r\n    margin: 0;\r\n\r\n    color: #71716d;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.58;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* hover accent *\/\r\n\r\n.wdprocess__step::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 24px;\r\n    bottom: 0;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--orange);\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:hover::after {\r\n\r\n    width:\r\n        calc(100% - 48px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OWNERSHIP \/ TRANSPARENCY\r\n========================================================= *\/\r\n\r\n.wdprocess__ownership {\r\n    margin-top: 24px;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n    border: 1px solid var(--line);\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    background: #f7f7f4;\r\n}\r\n\r\n.wdprocess__ownership-main {\r\n    position: relative;\r\n    padding: 34px 38px 32px;\r\n    background: #1b1b19;\r\n    color: #fff;\r\n    overflow: hidden;\r\n}\r\n\r\n.wdprocess__ownership-main::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -110px;\r\n    bottom: -130px;\r\n    width: 310px;\r\n    height: 310px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(255,80,51,.18), rgba(255,80,51,0) 68%);\r\n    pointer-events: none;\r\n}\r\n\r\n.wdprocess__ownership-label {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 26px;\r\n}\r\n\r\n.wdprocess__ownership-label span {\r\n    color: #aaa9a5;\r\n    font-size: 9px;\r\n    font-weight: 850;\r\n    letter-spacing: .9px;\r\n}\r\n\r\n.wdprocess__ownership-label i {\r\n    width: 34px;\r\n    height: 1px;\r\n    background: rgba(255,255,255,.25);\r\n}\r\n\r\n.wdprocess__ownership-main h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 540px;\r\n    margin: 0;\r\n    color: #fff;\r\n    font-size: clamp(30px, 2.6vw, 42px);\r\n    line-height: 1.03;\r\n    font-weight: 620;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.wdprocess__ownership-main h3 span {\r\n    display: block;\r\n    color: #8f8f8a;\r\n}\r\n\r\n.wdprocess__ownership-main > p {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 555px;\r\n    margin: 18px 0 0;\r\n    color: #b9b9b4;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n}\r\n\r\n.wdprocess__ownership-note {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-top: 24px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid rgba(255,255,255,.12);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdprocess__ownership-check {\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: 0 0 28px;\r\n    border-radius: 50%;\r\n    display: grid;\r\n    place-items: center;\r\n    background: var(--orange);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n}\r\n\r\n.wdprocess__ownership-note strong {\r\n    max-width: 430px;\r\n    color: #efefeb;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n    font-weight: 700;\r\n}\r\n\r\n.wdprocess__ownership-points {\r\n    background: #f7f7f4;\r\n}\r\n\r\n.wdprocess__ownership-point {\r\n    min-height: 132px;\r\n    padding: 22px 28px;\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0,1fr);\r\n    gap: 18px;\r\n    align-items: start;\r\n    border-bottom: 1px solid var(--line);\r\n    transition: background .25s ease, padding-left .25s ease;\r\n}\r\n\r\n.wdprocess__ownership-point:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n.wdprocess__ownership-point:hover {\r\n    padding-left: 38px;\r\n    background: #fff;\r\n}\r\n\r\n.wdprocess__ownership-num {\r\n    padding-top: 4px;\r\n    color: var(--orange);\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    letter-spacing: .7px;\r\n}\r\n\r\n.wdprocess__ownership-point strong {\r\n    display: block;\r\n    color: #242421;\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: -.3px;\r\n}\r\n\r\n.wdprocess__ownership-point p {\r\n    max-width: 560px;\r\n    margin: 8px 0 0;\r\n    color: #73736f;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .wdprocess__ownership {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 36px;\r\n    }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n    .wdprocess__ownership {\r\n        margin-top: 24px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .wdprocess__ownership-main {\r\n        padding: 30px 24px 28px;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .wdprocess__ownership-main h3 {\r\n        font-size: 32px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .wdprocess__ownership-main > p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wdprocess__ownership-point {\r\n        min-height: auto;\r\n        padding: 22px 20px;\r\n        grid-template-columns: 30px minmax(0,1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .wdprocess__ownership-point:hover {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .wdprocess__ownership-point strong {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HANDOFF TO FINAL CTA\r\n========================================================= *\/\r\n\r\n.wdprocess__handoff {\r\n    margin-top: 26px;\r\n    min-height: 72px;\r\n    padding: 18px 0;\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0,1fr) 32px;\r\n    gap: 16px;\r\n    align-items: center;\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n}\r\n\r\n.wdprocess__handoff-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--orange);\r\n}\r\n\r\n.wdprocess__handoff small {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #999995;\r\n    font-size: 8px;\r\n    font-weight: 850;\r\n    letter-spacing: .8px;\r\n}\r\n\r\n.wdprocess__handoff strong {\r\n    display: block;\r\n    color: #343431;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 650;\r\n}\r\n\r\n.wdprocess__handoff-arrow {\r\n    justify-self: end;\r\n    color: var(--orange);\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdprocess__reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.wdprocess.wdprocess--animate\r\n.wdprocess__reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(22px);\r\n\r\n    transition:\r\n        opacity .72s\r\n        cubic-bezier(.22,1,.36,1),\r\n        transform .72s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n    transition-delay:\r\n        var(--delay,0s);\r\n\r\n}\r\n\r\n\r\n.wdprocess.wdprocess--animate\r\n.wdprocess__reveal.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n\/* Elementor editor safety *\/\r\n\r\nbody.elementor-editor-active\r\n.wdprocess__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdprocess__reveal,\r\n\r\n.elementor-edit-area\r\n.wdprocess__reveal {\r\n\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .wdprocess__head-grid {\r\n\r\n        grid-template-columns:\r\n            1fr 360px;\r\n\r\n        gap: 50px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__timeline {\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        border-bottom:\r\n            1px solid var(--line);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(4) {\r\n        border-right: 0;\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-last-child(-n+2) {\r\n        border-bottom: 0;\r\n    }\r\n\r\n\r\n    .wdprocess__progress {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .wdprocess__inner {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        padding:\r\n            76px 0\r\n            66px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__header {\r\n\r\n        margin-bottom:\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__head-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 24px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__title {\r\n        font-size: 52px;\r\n    }\r\n\r\n\r\n    .wdprocess__timeline {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        min-height: 300px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(odd) {\r\n        border-right:\r\n            1px solid var(--line);\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(even) {\r\n        border-right: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess__inner {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        padding:\r\n            58px 0\r\n            52px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__kicker {\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__title {\r\n\r\n        font-size: 39px;\r\n\r\n        letter-spacing: -2px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__intro p {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n    \/* vertical timeline *\/\r\n\r\n    .wdprocess__timeline {\r\n\r\n        display: block;\r\n\r\n        border-bottom: 0;\r\n\r\n        border-left:\r\n            1px solid var(--line);\r\n\r\n        margin-left: 7px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            25px 18px\r\n            30px 30px;\r\n\r\n        border-right: 0 !important;\r\n\r\n        border-bottom:\r\n            1px solid var(--line) !important;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step-top {\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__dot {\r\n\r\n        position: absolute;\r\n\r\n        left: -7px;\r\n        top: 27px;\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step h3 {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step p {\r\n\r\n        max-width: 430px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step::after {\r\n\r\n        left: 30px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:hover::after {\r\n\r\n        width:\r\n            calc(100% - 48px);\r\n\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess__handoff {\r\n        grid-template-columns: 28px minmax(0,1fr) 22px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .wdprocess__handoff-line {\r\n        width: 20px;\r\n    }\r\n\r\n    .wdprocess__handoff strong {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdprocess__reveal,\r\n    .wdprocess__progress,\r\n    .wdprocess__dot--live::before {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 COMPACT PROCESS\r\n   Desktop\/tablet remain unchanged.\r\n========================================================= *\/\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess {\r\n        border-top: 0 !important;\r\n    }\r\n\r\n    .wdprocess__inner {\r\n        width: calc(100% - 28px) !important;\r\n        padding: 46px 0 40px !important;\r\n    }\r\n\r\n    .wdprocess__header {\r\n        margin-bottom: 22px !important;\r\n    }\r\n\r\n    .wdprocess__kicker {\r\n        margin-bottom: 15px !important;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .wdprocess__head-grid {\r\n        gap: 12px !important;\r\n    }\r\n\r\n    .wdprocess__title {\r\n        font-size: 35px !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -1.7px !important;\r\n    }\r\n\r\n    .wdprocess__intro p {\r\n        font-size: 14px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    \/* Compact vertical process *\/\r\n    .wdprocess__timeline {\r\n        margin-left: 5px !important;\r\n        border-top: 0 !important;\r\n        border-left: 1px solid var(--line) !important;\r\n    }\r\n\r\n    .wdprocess__step {\r\n        padding: 13px 10px 13px 23px !important;\r\n        border-bottom: 1px solid var(--line) !important;\r\n    }\r\n\r\n    .wdprocess__step-top {\r\n        position: absolute !important;\r\n        left: -6px !important;\r\n        top: 18px !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .wdprocess__number {\r\n        display: none !important;\r\n    }\r\n\r\n    .wdprocess__dot {\r\n        position: static !important;\r\n        width: 11px !important;\r\n        height: 11px !important;\r\n        background: #fff !important;\r\n    }\r\n\r\n    .wdprocess__mini {\r\n        margin-bottom: 5px !important;\r\n        font-size: 7px !important;\r\n        letter-spacing: .65px !important;\r\n    }\r\n\r\n    .wdprocess__step h3 {\r\n        margin-bottom: 4px !important;\r\n        font-size: 18px !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: -.55px !important;\r\n    }\r\n\r\n    .wdprocess__step p {\r\n        font-size: 11px !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    .wdprocess__step::after {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Transparency is important, but make it much shorter *\/\r\n    .wdprocess__ownership {\r\n        margin-top: 18px !important;\r\n        border-radius: 14px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main {\r\n        padding: 21px 18px 19px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 14px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label span {\r\n        font-size: 7px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label i {\r\n        width: 24px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main h3 {\r\n        font-size: 27px !important;\r\n        line-height: 1.03 !important;\r\n        letter-spacing: -1.2px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main > p {\r\n        margin-top: 11px !important;\r\n        font-size: 12px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .wdprocess__ownership-note {\r\n        margin-top: 14px !important;\r\n        padding-top: 13px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-check {\r\n        width: 23px !important;\r\n        height: 23px !important;\r\n        flex-basis: 23px !important;\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-note strong {\r\n        font-size: 10px !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* The 3 details repeat the dark ownership panel on mobile *\/\r\n    .wdprocess__ownership-points {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Final CTA follows immediately, so this transition row is redundant *\/\r\n    .wdprocess__handoff {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initWdProcess() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"wdProcess\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            section.dataset.initialized === \"1\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.dataset.initialized = \"1\";\r\n\r\n\r\n        var body = document.body;\r\n\r\n\r\n        var editor =\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n\r\n            ||\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-preview\"\r\n            );\r\n\r\n\r\n        if (editor) {\r\n            return;\r\n        }\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                \".wdprocess__reveal\"\r\n            );\r\n\r\n\r\n        if (!items.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.classList.add(\r\n            \"wdprocess--animate\"\r\n        );\r\n\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            items.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: .08,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -20px 0px\"\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n\r\n            function (item) {\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initWdProcess\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initWdProcess();\r\n\r\n    }\r\n\r\n\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n\r\n            \"elementor\/frontend\/init\",\r\n\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initWdProcess,\r\n                    100\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-419559d e-con e-atomic-element e-flexbox-base e-default-div e-419559d-e57ca1f \" data-id=\"419559d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"419559d\" data-e-type=\"e-flexbox\" data-id=\"419559d\">\n    \t\t<div class=\"elementor-element elementor-element-301df4d elementor-widget elementor-widget-html\" data-id=\"301df4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 09 \/ FINAL CTA\n     CONTACT \/ PROJECT REQUEST\n     LIGHT PREMIUM \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdfinal\" id=\"wdFinal\">\n\n    <div class=\"wdfinal__inner\">\n\n        <!-- =====================================================\n             LEFT\n        ====================================================== -->\n\n        <div class=\"wdfinal__left wdfinal__reveal\">\n\n            <div class=\"wdfinal__kicker\">\n                <span>11<\/span>\n                <i><\/i>\n                <span>\u0421\u0412\u042f\u0416\u0415\u041c\u0421\u042f \u0421 \u0412\u0410\u041c\u0418<\/span>\n            <\/div>\n\n            <h2 class=\"wdfinal__title\">\n                \u041d\u0443\u0436\u0435\u043d \u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0438\u043b\u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430?\n                <span>\u041e\u0431\u0441\u0443\u0434\u0438\u043c \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442.<\/span>\n            <\/h2>\n\n            <p class=\"wdfinal__lead\">\n                \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c, \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043b\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c. \u0415\u0441\u043b\u0438 \u0441\u0430\u0439\u0442 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433.\n            <\/p>\n\n\n            <!-- CONTACTS -->\n            <div class=\"wdfinal__contacts\">\n\n                <a\n                    href=\"tel:+37120433366\"\n                    class=\"wdfinal__contact\"\n                >\n                    <span class=\"wdfinal__contact-icon\">\n                        \u2197\n                    <\/span>\n\n                    <div>\n                        <small>\u0417\u0412\u041e\u041d\u0418\u0422\u0415<\/small>\n                        <strong>+371 204 333 66<\/strong>\n                    <\/div>\n                <\/a>\n\n\n                <a\n                    href=\"mailto:info@webdigital.lv\"\n                    class=\"wdfinal__contact\"\n                >\n                    <span class=\"wdfinal__contact-icon\">\n                        @\n                    <\/span>\n\n                    <div>\n                        <small>\u042d\u041b\u0415\u041a\u0422\u0420\u041e\u041d\u041d\u0410\u042f \u041f\u041e\u0427\u0422\u0410<\/small>\n                        <strong>info@webdigital.lv<\/strong>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- STATUS -->\n            <div class=\"wdfinal__status\">\n\n                <span class=\"wdfinal__status-dot\">\n                    <i><\/i>\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f.\n                    <\/strong>\n\n                    <small>\n                        \u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0441\u0430\u0439\u0442 \u0438 \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443.\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"wdfinal__trust\">\n                <span>500+ \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/span>\n                <span>10+ \u043b\u0435\u0442 \u043e\u043f\u044b\u0442\u0430<\/span>\n                <span>\u0417\u0430\u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/span>\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =====================================================\n             RIGHT \/ FORM\n        ====================================================== -->\n\n        <div class=\"wdfinal__form-card wdfinal__reveal\" style=\"--delay:.10s\">\n\n            <div class=\"wdfinal__form-head\">\n\n                <div>\n                    <small>\u0417\u0410\u042f\u0412\u041a\u0410<\/small>\n\n                    <h3>\n                        \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435\n                    <\/h3>\n                <\/div>\n\n                <span>\n                    1\u20132 \u043c\u0438\u043d.\n                <\/span>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 FORM\n                 \n                 \u042d\u0442\u043e HTML-\u0434\u0438\u0437\u0430\u0439\u043d \u0444\u043e\u0440\u043c\u044b.\n                 \u0415\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0448\u044c Elementor Form \/ WPForms,\n                 \u043c\u043e\u0436\u0435\u0448\u044c \u0432\u043c\u0435\u0441\u0442\u043e <form>...<\/form> \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c\n                 \u0441\u0432\u043e\u0439 Form Widget \u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c CSS \u0431\u043b\u043e\u043a\u0430.\n            ================================================== -->\n\n            <form\n                class=\"wdfinal__form\"\n                id=\"wdFinalForm\"\n                novalidate\n            >\n\n                <div class=\"wdfinal__hp\" aria-hidden=\"true\">\n                    <label>\n                        \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\n                        <input type=\"text\" name=\"company_website\" tabindex=\"-1\" autocomplete=\"off\">\n                    <\/label>\n                <\/div>\n\n                <!-- ROW -->\n                <div class=\"wdfinal__fields\">\n\n                    <label class=\"wdfinal__field\">\n\n                        <span>\n                            \u0412\u0430\u0448\u0435 \u0438\u043c\u044f\n                        <\/span>\n\n                        <input\n                            type=\"text\"\n                            name=\"name\"\n                            placeholder=\"\u0418\u043c\u044f\"\n                            required\n                        >\n\n                    <\/label>\n\n\n                    <label class=\"wdfinal__field\">\n\n                        <span>\n                            \u0422\u0435\u043b\u0435\u0444\u043e\u043d\n                        <\/span>\n\n                        <input\n                            type=\"tel\"\n                            name=\"phone\"\n                            placeholder=\"+371\"\n                        >\n\n                    <\/label>\n\n                <\/div>\n\n\n                <!-- EMAIL -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430\n                    <\/span>\n\n                    <input\n                        type=\"email\"\n                        name=\"email\"\n                        placeholder=\"you@example.com\"\n                        required\n                    >\n\n                <\/label>\n\n\n                <!-- SERVICE -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        \u0427\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e?\n                    <\/span>\n\n                    <select name=\"service\" required>\n\n                        <option value=\"\" selected disabled>\n                            \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0443\u0441\u043b\u0443\u0433\u0443\n                        <\/option>\n\n                        <option value=\"majaslapa\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430<\/option>\n\n                        <option value=\"interneta-veikals\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430<\/option>\n\n                        <option value=\"wordpress-uzlabosana\">\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430<\/option>\n\n                        <option value=\"wordpress-atbalsts\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0430\u0439\u0442\u0430<\/option>\n\n                        <option value=\"seo\">SEO-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/option>\n\n                        <option value=\"ai\">\u0418\u0418-\u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/option>\n\n                        <option value=\"cits\">\u041f\u0440\u043e\u0447\u0435\u0435<\/option>\n\n                    <\/select>\n\n                <\/label>\n\n\n                <!-- MESSAGE -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n                    <\/span>\n\n                    <textarea\n                        name=\"message\"\n                        rows=\"5\"\n                        placeholder=\"\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438\u043b\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c?\"\n                    ><\/textarea>\n\n                <\/label>\n\n\n                <!-- SUBMIT -->\n                <div class=\"wdfinal__submit-row\">\n\n                    <p>\n                        \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u0437\u0430\u044f\u0432\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u043f\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c \u0434\u043b\u044f \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f.\n                    <\/p>\n\n                    <button\n                        type=\"submit\"\n                        class=\"wdfinal__submit\"\n                    >\n                        <span>\n                            \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\n                        <\/span>\n\n                        <i>\n                            \u2197\n                        <\/i>\n                    <\/button>\n\n                <\/div>\n\n\n                <!-- FORM STATUS -->\n                <div\n                    class=\"wdfinal__form-message\"\n                    id=\"wdFinalMessage\"\n                    role=\"status\"\n                    aria-live=\"polite\"\n                ><\/div>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================================================\n         BOTTOM LINE\n    ========================================================== -->\n\n    <div class=\"wdfinal__bottom\">\n\n        <div class=\"wdfinal__bottom-inner\">\n\n            <span>\n                WebDigital\n            <\/span>\n\n            <p>\n                \u0421\u0430\u0439\u0442\u044b \u00b7 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u00b7 SEO \u00b7 AI \u00b7 \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdfinal,\n.wdfinal * {\n    box-sizing: border-box;\n}\n\n.wdfinal a {\n    text-decoration: none;\n}\n\n.wdfinal button,\n.wdfinal input,\n.wdfinal textarea,\n.wdfinal select {\n    font: inherit;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdfinal {\n\n    --orange: #ff5033;\n    --black: #171717;\n    --text: #676763;\n    --muted: #969692;\n    --line: #deded9;\n    --soft: #f6f6f3;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background:\n        #f2f2ee;\n\n    color:\n        var(--black);\n\n    border-top:\n        1px solid var(--line);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* glow *\/\n\n.wdfinal::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: -220px;\n    top: -200px;\n\n    width: 600px;\n    height: 600px;\n\n    border-radius: 50%;\n\n    background:\n\n        radial-gradient(\n            circle,\n            rgba(255,80,51,.07),\n            rgba(255,80,51,0) 70%\n        );\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdfinal__inner {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    margin: 0 auto;\n\n    padding:\n        64px 0\n        56px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.9fr)\n        minmax(520px,1.1fr);\n\n    gap: 58px;\n\n    align-items: start;\n\n}\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.wdfinal__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 18px;\n\n    color: #81817d;\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n\n}\n\n\n.wdfinal__kicker span:first-child {\n    color: var(--orange);\n}\n\n\n.wdfinal__kicker i {\n\n    width: 30px;\n    height: 1px;\n\n    background:\n        #c9c9c4;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.wdfinal__title {\n\n    max-width: 670px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n\n        clamp(\n            48px,\n            4.4vw,\n            68px\n        );\n\n    line-height: .95;\n\n    font-weight: 650;\n\n    letter-spacing: -3.4px;\n\n}\n\n\n.wdfinal__title span {\n\n    display: block;\n\n    color: #9b9b96;\n\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.wdfinal__lead {\n\n    max-width: 620px;\n\n    margin:\n        17px 0 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n\n    line-height: 1.72;\n\n    font-weight: 500;\n\n}\n\n\n\/* =========================================================\n   CONTACTS\n========================================================= *\/\n\n.wdfinal__contacts {\n\n    margin-top: 16px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap: 10px;\n\n}\n\n\n.wdfinal__contact {\n\n    min-height: 70px;\n\n    padding:\n        12px;\n\n    border:\n        1px solid #d7d7d2;\n\n    border-radius:\n        14px;\n\n    background:\n        rgba(255,255,255,.5);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n\n}\n\n\n.wdfinal__contact:hover {\n\n    transform:\n        translateY(-2px);\n\n    background: #fff;\n\n    border-color:\n        #cacac5;\n\n}\n\n\n\/* icon *\/\n\n.wdfinal__contact-icon {\n\n    width: 39px;\n    height: 39px;\n\n    flex:\n        0 0 39px;\n\n    border-radius: 10px;\n\n    background: #fff;\n\n    border:\n        1px solid #deded9;\n\n    display: grid;\n\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n}\n\n\n\/* text *\/\n\n.wdfinal__contact small {\n\n    display: block;\n\n    color: #999995;\n\n    font-size: 8px;\n\n    font-weight: 850;\n\n    letter-spacing: .7px;\n\n}\n\n\n.wdfinal__contact strong {\n\n    display: block;\n\n    margin-top: 5px;\n\n    color: #292926;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.wdfinal__status {\n\n    margin-top: 16px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n}\n\n\n.wdfinal__status-dot {\n\n    position: relative;\n\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 13px;\n\n    display: grid;\n\n    place-items: center;\n\n}\n\n\n.wdfinal__status-dot i {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background:\n        #34bd78;\n\n}\n\n\n.wdfinal__status-dot::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    border:\n        1px solid\n        rgba(52,189,120,.4);\n\n    border-radius:\n        50%;\n\n    animation:\n        wdfinalPulse\n        2s ease-out\n        infinite;\n\n}\n\n\n@keyframes wdfinalPulse {\n\n    0% {\n        transform: scale(.65);\n        opacity: .9;\n    }\n\n    100% {\n        transform: scale(2.4);\n        opacity: 0;\n    }\n\n}\n\n\n.wdfinal__status strong {\n\n    display: block;\n\n    color: #333330;\n\n    font-size: 12px;\n\n    font-weight: 750;\n\n}\n\n\n.wdfinal__status small {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: #8c8c88;\n\n    font-size: 10px;\n\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.wdfinal__form-card {\n\n    padding:\n        18px;\n\n    border:\n        1px solid #dadad5;\n\n    border-radius:\n        18px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 30px 80px\n        rgba(0,0,0,.065);\n\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.wdfinal__form-head {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content:\n        space-between;\n\n    gap: 25px;\n\n    padding-bottom: 23px;\n\n    border-bottom:\n        1px solid #e4e4df;\n\n}\n\n\n.wdfinal__form-head small {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n\n    letter-spacing: .8px;\n\n}\n\n\n.wdfinal__form-head h3 {\n\n    margin: 0;\n\n    color: #1d1d1b;\n\n    font-size: 28px;\n\n    line-height: 1.1;\n\n    font-weight: 650;\n\n    letter-spacing: -1.2px;\n\n}\n\n\n.wdfinal__form-head > span {\n\n    padding:\n        7px 9px;\n\n    border:\n        1px solid #deded9;\n\n    border-radius: 8px;\n\n    color: #92928e;\n\n    background: #fafaf8;\n\n    white-space: nowrap;\n\n    font-size: 9px;\n\n    font-weight: 750;\n\n}\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.wdfinal__form {\n\n    margin-top: 20px;\n\n}\n\n\n\/* fields *\/\n\n.wdfinal__fields {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap: 12px;\n\n}\n\n\n.wdfinal__field {\n\n    display: block;\n\n    margin-bottom: 14px;\n\n}\n\n\n.wdfinal__field > span {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: #6b6b67;\n\n    font-size: 10px;\n\n    font-weight: 750;\n\n}\n\n\n\/* inputs *\/\n\n.wdfinal__field input,\n.wdfinal__field select,\n.wdfinal__field textarea {\n\n    width: 100%;\n\n    border:\n        1px solid #dcdcd7;\n\n    outline: none;\n\n    border-radius: 10px;\n\n    background:\n        #fafaf8;\n\n    color: #262623;\n\n    font-size: 13px;\n\n    font-weight: 500;\n\n    transition:\n        border-color .2s ease,\n        background .2s ease,\n        box-shadow .2s ease;\n\n}\n\n\n.wdfinal__field input,\n.wdfinal__field select {\n\n    height: 50px;\n\n    padding:\n        0 14px;\n\n}\n\n\n.wdfinal__field textarea {\n\n    min-height: 100px;\n\n    padding:\n        14px;\n\n    resize: vertical;\n\n}\n\n\n.wdfinal__field input:focus,\n.wdfinal__field select:focus,\n.wdfinal__field textarea:focus {\n\n    border-color:\n        rgba(255,80,51,.55);\n\n    background: #fff;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(255,80,51,.06);\n\n}\n\n\n.wdfinal__field input::placeholder,\n.wdfinal__field textarea::placeholder {\n\n    color: #aaa9a5;\n\n}\n\n\n\/* =========================================================\n   SUBMIT\n========================================================= *\/\n\n.wdfinal__submit-row {\n\n    margin-top: 6px;\n\n    padding-top: 20px;\n\n    border-top:\n        1px solid #e5e5e1;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    gap: 30px;\n\n}\n\n\n.wdfinal__submit-row p {\n\n    max-width: 280px;\n\n    margin: 0;\n\n    color: #999995;\n\n    font-size: 9px;\n\n    line-height: 1.5;\n\n    font-weight: 500;\n\n}\n\n\n.wdfinal__submit {\n\n    min-height: 50px;\n\n    padding:\n        0 8px\n        0 18px;\n\n    border: 0;\n\n    border-radius: 11px;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    cursor: pointer;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    white-space: nowrap;\n\n    font-size: 12px;\n\n    font-weight: 750;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n.wdfinal__submit:hover {\n\n    transform:\n        translateY(-2px);\n\n    box-shadow:\n        0 12px 25px\n        rgba(0,0,0,.13);\n\n}\n\n\n.wdfinal__submit i {\n\n    width: 34px;\n    height: 34px;\n\n    border-radius: 8px;\n\n    background:\n        var(--orange);\n\n    display: grid;\n\n    place-items: center;\n\n    font-style: normal;\n\n}\n\n\n\/* =========================================================\n   FORM MESSAGE\n========================================================= *\/\n\n.wdfinal__form-message {\n\n    display: none;\n\n    margin-top: 16px;\n\n    padding:\n        12px 14px;\n\n    border:\n        1px solid\n        rgba(52,189,120,.25);\n\n    border-radius: 9px;\n\n    background:\n        rgba(52,189,120,.07);\n\n    color: #44735b;\n\n    font-size: 11px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.wdfinal__bottom {\n\n    border-top:\n        1px solid var(--line);\n\n}\n\n\n.wdfinal__bottom-inner {\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    min-height:\n        74px;\n\n    margin:\n        0 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    gap: 30px;\n\n}\n\n\n.wdfinal__bottom-inner > span {\n\n    color: #333330;\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n}\n\n\n.wdfinal__bottom-inner p {\n\n    margin: 0;\n\n    color: #92928e;\n\n    font-size: 10px;\n\n    font-weight: 600;\n\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.wdfinal__reveal {\n\n    opacity: 1;\n\n    transform: none;\n\n}\n\n\n.wdfinal.wdfinal--animate\n.wdfinal__reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n\n}\n\n\n.wdfinal.wdfinal--animate\n.wdfinal__reveal.is-visible {\n\n    opacity: 1;\n\n    transform: none;\n\n}\n\n\n\/* Elementor *\/\n\nbody.elementor-editor-active\n.wdfinal__reveal,\n\nbody.elementor-editor-preview\n.wdfinal__reveal,\n\n.elementor-edit-area\n.wdfinal__reveal {\n\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .wdfinal__inner {\n\n        grid-template-columns:\n            1fr\n            500px;\n\n        gap: 50px;\n\n    }\n\n\n    .wdfinal__title {\n\n        font-size: 60px;\n\n    }\n\n}\n\n\n@media (max-width: 840px) {\n\n    .wdfinal__inner {\n\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0\n            68px;\n\n        grid-template-columns:\n            1fr;\n\n        gap: 52px;\n\n    }\n\n\n    .wdfinal__left,\n    .wdfinal__form-card {\n\n        max-width: 760px;\n\n    }\n\n\n    .wdfinal__bottom-inner {\n\n        width:\n            calc(100% - 36px);\n\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdfinal__inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0\n            54px;\n\n    }\n\n\n    .wdfinal__kicker {\n\n        margin-bottom: 20px;\n\n        font-size: 10px;\n\n    }\n\n\n    .wdfinal__title {\n\n        font-size: 48px;\n\n        letter-spacing:\n            -2.8px;\n\n    }\n\n\n    .wdfinal__lead {\n\n        margin-top: 16px;\n\n        font-size: 15px;\n\n        line-height: 1.65;\n\n    }\n\n\n    .wdfinal__contacts {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .wdfinal__form-card {\n\n        padding: 20px;\n\n        border-radius: 17px;\n\n    }\n\n\n    .wdfinal__form-head h3 {\n\n        font-size: 24px;\n\n    }\n\n\n    .wdfinal__fields {\n\n        grid-template-columns: 1fr;\n\n        gap: 0;\n\n    }\n\n\n    .wdfinal__submit-row {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 17px;\n\n    }\n\n\n    .wdfinal__submit {\n\n        width: 100%;\n\n        justify-content:\n            space-between;\n\n    }\n\n\n    .wdfinal__bottom-inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            20px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        justify-content: center;\n\n        gap: 5px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdfinal__reveal,\n    .wdfinal__status-dot::before {\n\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   FORM FUNCTIONAL STATES\n========================================================= *\/\n\n.wdfinal__hp {\n    position: absolute !important;\n    left: -99999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}\n\n.wdfinal__field.is-invalid input,\n.wdfinal__field.is-invalid select,\n.wdfinal__field.is-invalid textarea {\n    border-color: #d94a3a !important;\n    box-shadow: 0 0 0 3px rgba(217,74,58,.06) !important;\n}\n\n.wdfinal__submit[disabled] {\n    opacity: .68;\n    cursor: wait;\n    transform: none !important;\n}\n\n.wdfinal__form-message {\n    display: none;\n}\n\n.wdfinal__form-message.is-visible {\n    display: block;\n}\n\n.wdfinal__form-message.is-success {\n    border-color: rgba(52,189,120,.25);\n    background: rgba(52,189,120,.07);\n    color: #44735b;\n}\n\n.wdfinal__form-message.is-error {\n    border-color: rgba(217,74,58,.25);\n    background: rgba(217,74,58,.06);\n    color: #8b4037;\n}\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT CONTACT\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdfinal {\n        border-top: 0 !important;\n    }\n\n    .wdfinal__inner {\n        width: calc(100% - 28px) !important;\n        padding: 46px 0 42px !important;\n        gap: 28px !important;\n    }\n\n    .wdfinal__kicker {\n        margin-bottom: 15px !important;\n        font-size: 9px !important;\n    }\n\n    .wdfinal__title {\n        font-size: 40px !important;\n        line-height: .98 !important;\n        letter-spacing: -2.2px !important;\n    }\n\n    .wdfinal__lead {\n        margin-top: 16px !important;\n        font-size: 14px !important;\n        line-height: 1.5 !important;\n    }\n\n    .wdfinal__contacts {\n        margin-top: 20px !important;\n        grid-template-columns: repeat(2,minmax(0,1fr)) !important;\n        gap: 8px !important;\n    }\n\n    .wdfinal__contact {\n        min-height: 62px !important;\n        padding: 9px !important;\n        gap: 8px !important;\n        border-radius: 11px !important;\n    }\n\n    .wdfinal__contact-icon {\n        width: 31px !important;\n        height: 31px !important;\n        flex-basis: 31px !important;\n        border-radius: 8px !important;\n        font-size: 10px !important;\n    }\n\n    .wdfinal__contact small {\n        font-size: 7px !important;\n    }\n\n    .wdfinal__contact strong {\n        margin-top: 3px !important;\n        font-size: 10px !important;\n    }\n\n    .wdfinal__status {\n        margin-top: 15px !important;\n        gap: 9px !important;\n    }\n\n    .wdfinal__status strong {\n        font-size: 11px !important;\n    }\n\n    .wdfinal__status small {\n        display: none !important;\n    }\n\n    .wdfinal__form-card {\n        padding: 16px !important;\n        border-radius: 15px !important;\n    }\n\n    .wdfinal__form-head {\n        padding-bottom: 15px !important;\n        gap: 12px !important;\n    }\n\n    .wdfinal__form-head small {\n        margin-bottom: 5px !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__form-head h3 {\n        font-size: 21px !important;\n        letter-spacing: -.8px !important;\n    }\n\n    .wdfinal__form-head > span {\n        padding: 5px 7px !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__form {\n        margin-top: 16px !important;\n    }\n\n    .wdfinal__fields {\n        grid-template-columns: 1fr !important;\n        gap: 0 !important;\n    }\n\n    .wdfinal__field {\n        margin-bottom: 10px !important;\n    }\n\n    .wdfinal__field > span {\n        margin-bottom: 6px !important;\n        font-size: 9px !important;\n    }\n\n    .wdfinal__field input,\n    .wdfinal__field select {\n        height: 44px !important;\n        padding: 0 11px !important;\n        font-size: 12px !important;\n    }\n\n    .wdfinal__field textarea {\n        min-height: 88px !important;\n        padding: 11px !important;\n        font-size: 12px !important;\n    }\n\n    .wdfinal__submit-row {\n        margin-top: 2px !important;\n        padding-top: 14px !important;\n        gap: 12px !important;\n    }\n\n    .wdfinal__submit-row p {\n        max-width: 100% !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__submit {\n        width: 100% !important;\n        min-height: 46px !important;\n        justify-content: space-between !important;\n        font-size: 11px !important;\n    }\n\n    .wdfinal__submit i {\n        width: 31px !important;\n        height: 31px !important;\n    }\n\n    .wdfinal__bottom {\n        display: none !important;\n    }\n}\n\n@media (max-width: 390px) {\n    .wdfinal__contacts {\n        grid-template-columns: 1fr !important;\n    }\n}\n\n<\/style>\n\n\n<style>\n\/* =========================================================\n   WEBDIGITAL FINAL CTA \u2014 PREMIUM COMPACT OVERRIDE\n   Keeps the existing form functionality.\n========================================================= *\/\n\n.wdfinal{\n    --orange:#ff5033;\n    --black:#151515;\n    --text:#66615d;\n    --muted:#96918c;\n    --line:#e8e3de;\n    --soft:#faf8f5;\n\n    background:\n        radial-gradient(circle at 8% 14%, rgba(255,80,51,.065), transparent 27%),\n        linear-gradient(180deg,#fbfaf8 0%,#f5f3ef 100%) !important;\n\n    border-top:1px solid #ebe6e1 !important;\n}\n\n.wdfinal::before{\n    left:auto !important;\n    right:-220px !important;\n    top:-260px !important;\n    width:620px !important;\n    height:620px !important;\n    background:\n        radial-gradient(circle,rgba(255,80,51,.07),rgba(255,80,51,0) 69%) !important;\n}\n\n.wdfinal__inner{\n    padding:78px 0 70px !important;\n    grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr) !important;\n    gap:72px !important;\n    align-items:center !important;\n}\n\n.wdfinal__kicker{\n    margin-bottom:19px !important;\n    font-size:10px !important;\n    letter-spacing:1.35px !important;\n}\n\n.wdfinal__title{\n    max-width:650px !important;\n    font-size:clamp(46px,4.1vw,62px) !important;\n    line-height:.98 !important;\n    letter-spacing:-3.15px !important;\n}\n\n.wdfinal__title span{\n    color:var(--orange) !important;\n}\n\n.wdfinal__lead{\n    max-width:590px !important;\n    margin-top:21px !important;\n    color:#625d58 !important;\n    font-size:15px !important;\n    line-height:1.68 !important;\n}\n\n\/* contacts *\/\n.wdfinal__contacts{\n    margin-top:27px !important;\n    gap:9px !important;\n}\n\n.wdfinal__contact{\n    min-height:66px !important;\n    padding:10px 11px !important;\n    border:1px solid #e1dcd6 !important;\n    border-radius:12px !important;\n    background:rgba(255,255,255,.68) !important;\n    box-shadow:none !important;\n}\n\n.wdfinal__contact:hover{\n    transform:translateY(-2px) !important;\n    background:#fff !important;\n    border-color:#d5cec7 !important;\n    box-shadow:0 10px 24px rgba(28,20,14,.045) !important;\n}\n\n.wdfinal__contact-icon{\n    width:36px !important;\n    height:36px !important;\n    flex-basis:36px !important;\n    border-radius:9px !important;\n    border:1px solid #eee8e2 !important;\n    background:#fff !important;\n}\n\n.wdfinal__contact small{\n    font-size:7.5px !important;\n    letter-spacing:.85px !important;\n}\n\n.wdfinal__contact strong{\n    font-size:12.5px !important;\n}\n\n\/* status *\/\n.wdfinal__status{\n    margin-top:16px !important;\n    gap:10px !important;\n}\n\n.wdfinal__status strong{\n    font-size:11.5px !important;\n}\n\n.wdfinal__status small{\n    margin-top:2px !important;\n    font-size:9.5px !important;\n}\n\n\/* trust chips *\/\n.wdfinal__trust{\n    margin-top:22px;\n    padding-top:18px;\n    border-top:1px solid #e5dfd9;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n}\n\n.wdfinal__trust span{\n    min-height:30px;\n    padding:0 10px;\n\n    border:1px solid #e3ddd7;\n    border-radius:999px;\n\n    background:rgba(255,255,255,.54);\n    color:#77716c;\n\n    display:inline-flex;\n    align-items:center;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:750;\n    letter-spacing:.2px;\n}\n\n\/* form card *\/\n.wdfinal__form-card{\n    position:relative;\n\n    padding:22px !important;\n\n    border:1px solid #e1dbd5 !important;\n    border-radius:20px !important;\n\n    background:rgba(255,255,255,.93) !important;\n\n    box-shadow:\n        0 28px 70px rgba(34,22,14,.075),\n        0 3px 10px rgba(34,22,14,.025) !important;\n}\n\n.wdfinal__form-card::before{\n    content:\"\";\n\n    position:absolute;\n    left:22px;\n    right:22px;\n    top:-1px;\n\n    height:2px;\n\n    border-radius:0 0 2px 2px;\n\n    background:linear-gradient(90deg,var(--orange),rgba(255,80,51,.12));\n}\n\n.wdfinal__form-head{\n    padding-bottom:18px !important;\n    border-bottom:1px solid #eee9e4 !important;\n}\n\n.wdfinal__form-head small{\n    margin-bottom:6px !important;\n    font-size:8px !important;\n    letter-spacing:1px !important;\n}\n\n.wdfinal__form-head h3{\n    font-size:25px !important;\n    line-height:1.08 !important;\n    letter-spacing:-1.05px !important;\n}\n\n.wdfinal__form-head > span{\n    padding:6px 8px !important;\n    border:1px solid rgba(255,80,51,.18) !important;\n    background:rgba(255,80,51,.055) !important;\n    color:var(--orange) !important;\n    font-size:8px !important;\n    font-weight:800 !important;\n}\n\n\/* form *\/\n.wdfinal__form{\n    margin-top:17px !important;\n}\n\n.wdfinal__fields{\n    gap:10px !important;\n}\n\n.wdfinal__field{\n    margin-bottom:11px !important;\n}\n\n.wdfinal__field > span{\n    margin-bottom:6px !important;\n    color:#69635e !important;\n    font-size:9px !important;\n    font-weight:800 !important;\n}\n\n.wdfinal__field input,\n.wdfinal__field select,\n.wdfinal__field textarea{\n    border:1px solid #e1dcd6 !important;\n    border-radius:9px !important;\n    background:#faf9f7 !important;\n    color:#252321 !important;\n    font-size:12px !important;\n}\n\n.wdfinal__field input,\n.wdfinal__field select{\n    height:46px !important;\n    padding:0 12px !important;\n}\n\n.wdfinal__field textarea{\n    min-height:92px !important;\n    padding:12px !important;\n}\n\n.wdfinal__field input:focus,\n.wdfinal__field select:focus,\n.wdfinal__field textarea:focus{\n    border-color:rgba(255,80,51,.48) !important;\n    background:#fff !important;\n    box-shadow:0 0 0 3px rgba(255,80,51,.055) !important;\n}\n\n\/* submit *\/\n.wdfinal__submit-row{\n    margin-top:3px !important;\n    padding-top:16px !important;\n    border-top:1px solid #eee9e4 !important;\n    gap:22px !important;\n}\n\n.wdfinal__submit-row p{\n    max-width:250px !important;\n    font-size:8.5px !important;\n    line-height:1.45 !important;\n}\n\n.wdfinal__submit{\n    min-height:48px !important;\n    border-radius:10px !important;\n    background:#171717 !important;\n    font-size:11px !important;\n    box-shadow:none !important;\n}\n\n.wdfinal__submit:hover{\n    transform:translateY(-2px) !important;\n    box-shadow:0 12px 24px rgba(0,0,0,.12) !important;\n}\n\n.wdfinal__submit i{\n    width:32px !important;\n    height:32px !important;\n    border-radius:7px !important;\n}\n\n\/* bottom *\/\n.wdfinal__bottom{\n    border-top:1px solid #e5dfda !important;\n}\n\n.wdfinal__bottom-inner{\n    min-height:64px !important;\n}\n\n.wdfinal__bottom-inner > span{\n    font-size:12px !important;\n}\n\n.wdfinal__bottom-inner p{\n    font-size:9px !important;\n}\n\n\/* responsive *\/\n@media(max-width:1050px){\n    .wdfinal__inner{\n        grid-template-columns:1fr 500px !important;\n        gap:48px !important;\n    }\n\n    .wdfinal__title{\n        font-size:54px !important;\n    }\n}\n\n@media(max-width:840px){\n    .wdfinal__inner{\n        grid-template-columns:1fr !important;\n        padding:64px 0 58px !important;\n        gap:38px !important;\n        align-items:start !important;\n    }\n\n    .wdfinal__left,\n    .wdfinal__form-card{\n        max-width:760px !important;\n    }\n}\n\n@media(max-width:620px){\n    .wdfinal__inner{\n        padding:46px 0 42px !important;\n        gap:26px !important;\n    }\n\n    .wdfinal__title{\n        font-size:38px !important;\n        line-height:1 !important;\n        letter-spacing:-2px !important;\n    }\n\n    .wdfinal__lead{\n        margin-top:15px !important;\n        font-size:13.5px !important;\n        line-height:1.55 !important;\n    }\n\n    .wdfinal__contacts{\n        margin-top:19px !important;\n    }\n\n    .wdfinal__trust{\n        margin-top:16px;\n        padding-top:14px;\n        gap:6px;\n    }\n\n    .wdfinal__trust span{\n        min-height:27px;\n        padding:0 8px;\n        font-size:8px;\n    }\n\n    .wdfinal__form-card{\n        padding:16px !important;\n        border-radius:15px !important;\n    }\n\n    .wdfinal__form-card::before{\n        left:16px;\n        right:16px;\n    }\n\n    .wdfinal__form-head h3{\n        font-size:21px !important;\n    }\n\n    .wdfinal__field input,\n    .wdfinal__field select{\n        height:43px !important;\n    }\n\n    .wdfinal__field textarea{\n        min-height:84px !important;\n    }\n\n    .wdfinal__submit-row{\n        padding-top:13px !important;\n    }\n}\n<\/style>\n\n<script>\n\n(function () {\n\n    function initWdFinal() {\n\n        var section =\n            document.getElementById(\n                \"wdFinal\"\n            );\n\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n\n            return;\n\n        }\n\n\n        section.dataset.initialized =\n            \"1\";\n\n\n        \/* =====================================================\n           ACTIVE AJAX FORM\n        ====================================================== *\/\n\n        var form =\n            document.getElementById(\n                \"wdFinalForm\"\n            );\n\n        var message =\n            document.getElementById(\n                \"wdFinalMessage\"\n            );\n\n        if (form) {\n\n            form.addEventListener(\n                \"submit\",\n                async function (event) {\n\n                    event.preventDefault();\n\n                    var submit =\n                        form.querySelector(\n                            \".wdfinal__submit\"\n                        );\n\n                    var submitLabel =\n                        submit\n                            ? submit.querySelector(\"span\")\n                            : null;\n\n                    var originalLabel =\n                        submitLabel\n                            ? submitLabel.textContent\n                            : \"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443\";\n\n                    form\n                        .querySelectorAll(\n                            \".wdfinal__field.is-invalid\"\n                        )\n                        .forEach(function (field) {\n                            field.classList.remove(\"is-invalid\");\n                        });\n\n                    if (message) {\n                        message.className =\n                            \"wdfinal__form-message\";\n                        message.textContent = \"\";\n                    }\n\n                    var required =\n                        form.querySelectorAll(\n                            \"[required]\"\n                        );\n\n                    var invalid = false;\n\n                    required.forEach(\n                        function (field) {\n\n                            if (!field.checkValidity()) {\n\n                                invalid = true;\n\n                                var wrap =\n                                    field.closest(\n                                        \".wdfinal__field\"\n                                    );\n\n                                if (wrap) {\n                                    wrap.classList.add(\n                                        \"is-invalid\"\n                                    );\n                                }\n\n                            }\n\n                        }\n                    );\n\n                    if (invalid) {\n\n                        if (message) {\n                            message.textContent =\n                                \"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        return;\n                    }\n\n                    if (\n                        !window.WD_FINAL_FORM ||\n                        !window.WD_FINAL_FORM.ajax_url ||\n                        !window.WD_FINAL_FORM.nonce\n                    ) {\n\n                        if (message) {\n                            message.textContent =\n                                \"\u0424\u043e\u0440\u043c\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 info@webdigital.lv.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        return;\n                    }\n\n                    var data =\n                        new FormData(form);\n\n                    data.append(\n                        \"action\",\n                        \"wd_final_contact\"\n                    );\n\n                    data.append(\n                        \"nonce\",\n                        window.WD_FINAL_FORM.nonce\n                    );\n\n                    if (submit) {\n                        submit.disabled = true;\n                    }\n\n                    if (submitLabel) {\n                        submitLabel.textContent =\n                            \"\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c...\";\n                    }\n\n                    try {\n\n                        var response =\n                            await fetch(\n                                window.WD_FINAL_FORM.ajax_url,\n                                {\n                                    method: \"POST\",\n                                    credentials: \"same-origin\",\n                                    body: data\n                                }\n                            );\n\n                        var result =\n                            await response.json();\n\n                        if (\n                            !response.ok ||\n                            !result.success\n                        ) {\n\n                            throw new Error(\n                                result &&\n                                result.data &&\n                                result.data.message\n                                    ? result.data.message\n                                    : \"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.\"\n                            );\n                        }\n\n                        form.reset();\n\n                        if (message) {\n                            message.textContent =\n                                \"\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u0434\u043d\u044f.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-success\"\n                            );\n                        }\n\n                        if (submitLabel) {\n                            submitLabel.textContent =\n                                \"\u2713 \u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430\";\n                        }\n\n                        setTimeout(\n                            function () {\n                                if (submitLabel) {\n                                    submitLabel.textContent =\n                                        originalLabel;\n                                }\n                            },\n                            4500\n                        );\n\n                    } catch (error) {\n\n                        if (message) {\n                            message.textContent =\n                                error.message ||\n                                \"\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        if (submitLabel) {\n                            submitLabel.textContent =\n                                originalLabel;\n                        }\n\n                    } finally {\n\n                        if (submit) {\n                            submit.disabled = false;\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        var body =\n            document.body;\n\n\n        var editor =\n\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n\n            ||\n\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (editor) {\n\n            return;\n\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdfinal__reveal\"\n            );\n\n\n        if (!items.length) {\n\n            return;\n\n        }\n\n\n        section.classList.add(\n            \"wdfinal--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n\n            return;\n\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n\n                    );\n\n                },\n\n                {\n\n                    threshold: .08,\n\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n\n                }\n\n            );\n\n\n        items.forEach(\n\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n\n        );\n\n    }\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdFinal\n        );\n\n    }\n\n    else {\n\n        initWdFinal();\n\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n\n            \"elementor\/frontend\/init\",\n\n            function () {\n\n                setTimeout(\n                    initWdFinal,\n                    100\n                );\n\n            }\n\n        );\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6c14a40 e-con e-atomic-element e-flexbox-base e-default-div e-6c14a40-6656fd5 \" data-id=\"6c14a40\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6c14a40\" data-e-type=\"e-flexbox\" data-id=\"6c14a40\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBDIGITAL \u00b7 \u0421\u0410\u0419\u0422\u042b \u00b7 \u0418\u041d\u0422\u0415\u0420\u041d\u0415\u0422-\u041c\u0410\u0413\u0410\u0417\u0418\u041d\u042b \u00b7 SEO \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u043e\u0432 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430. WebDigital \u2014 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0435 \u0430\u0433\u0435\u043d\u0442\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430. \u0420\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0441\u0430\u0439\u0442\u044b \u043d\u0430 WordPress \u0438 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b WooCommerce, \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c\u0441\u044f SEO, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f\u043c\u0438 CRM, AI-\u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u2014 \u043e\u0442 \u0438\u0434\u0435\u0438 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0434\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u2197 \u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u2192 WordPress WooCommerce SEO \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1108","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/pages\/1108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/comments?post=1108"}],"version-history":[{"count":15,"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/pages\/1108\/revisions"}],"predecessor-version":[{"id":2092,"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/pages\/1108\/revisions\/2092"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/webdigital.lv\/ru\/wp-json\/wp\/v2\/media?parent=1108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}