Reflective Ambilight<\/title>\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn-uicons.flaticon.com\/uicons-solid-rounded\/css\/uicons-solid-rounded.css\">\r\n\r\n <style>\r\n :root{\r\n \/* \u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u0631\u0627\u0646\u062f (\u063a\u064a\u0631\u0647 \u0625\u0630\u0627 \u0628\u062f\u0643 \u062f\u0631\u062c\u0629 \u0645\u062d\u062f\u062f\u0629) *\/\r\n --brand-blue: 77,163,255; \/* rgb *\/\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: #000;\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .ambilight-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ambilight-wrapper {\r\n position: relative;\r\n padding: 20px;\r\n isolation: isolate;\r\n }\r\n\r\n .ambilight-video {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9; \/* \u062f\u0650\u0633\u0643\u062a\u0648\u0628 *\/\r\n display: block;\r\n border-radius: 40px;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.4);\r\n object-fit: cover;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u062a\u0648\u0647\u062c *\/\r\n .ambilight-reflection {\r\n position: absolute;\r\n bottom: -60px;\r\n left: 0; right: 0;\r\n height: 200px;\r\n z-index: 0;\r\n background: radial-gradient(ellipse at center bottom, rgba(255,255,255,0.5), transparent 80%);\r\n filter: blur(100px);\r\n opacity: 0.0; \/* \u0645\u0628\u062f\u0626\u064a\u0627\u064b \u0645\u0637\u0641\u064a *\/\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n mix-blend-mode: screen;\r\n }\r\n .ambilight-reflection.second {\r\n z-index: -1;\r\n filter: blur(160px);\r\n opacity: 0.0; \/* \u0645\u0637\u0641\u064a *\/\r\n }\r\n\r\n canvas { display: none; }\r\n\r\n \/* ===== \u0632\u0631 \u0627\u0644\u0635\u0648\u062a \u0627\u0644\u062f\u0627\u0626\u0631\u064a ===== *\/\r\n .audio-toggle {\r\n position: absolute;\r\n right: 36px;\r\n bottom: 36px;\r\n z-index: 3;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.22);\r\n background: rgba(0,0,0,0.45);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background .2s ease, transform .08s ease, opacity .2s ease, border-color .2s ease, box-shadow .2s ease;\r\n opacity: .30;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0645\u064a\u0648\u062a \u0635\u0631\u064a\u062d\u0629: \u0644\u0627 \u0623\u0632\u0631\u0642 \u0645\u0647\u0645\u0627 \u0635\u0627\u0631 *\/\r\n .audio-toggle:not(.is-on) {\r\n border-color: rgba(255,255,255,0.22) !important;\r\n box-shadow: none !important;\r\n background: rgba(0,0,0,0.45) !important;\r\n }\r\n .audio-toggle:not(.is-on):hover {\r\n background: rgba(0,0,0,0.65) !important;\r\n opacity: 1;\r\n }\r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0635\u0648\u062a \u0634\u063a\u0651\u0627\u0644 \u0641\u0642\u0637: \u0627\u0644\u0623\u0632\u0631\u0642 \u0648\u0627\u0644\u062c\u0644\u0648 *\/\r\n .audio-toggle.is-on {\r\n opacity: 1;\r\n border-color: rgba(var(--brand-blue), 0.9);\r\n box-shadow: 0 0 0 4px rgba(var(--brand-blue), 0.2), 0 0 22px rgba(var(--brand-blue), 0.25) inset;\r\n background: radial-gradient(circle at 50% 50%, rgba(var(--brand-blue), 0.20), rgba(0,0,0,0.35));\r\n }\r\n .audio-toggle.is-on:hover {\r\n box-shadow: 0 0 0 6px rgba(var(--brand-blue), 0.28), 0 0 26px rgba(var(--brand-blue), 0.32) inset;\r\n background: radial-gradient(circle at 50% 50%, rgba(var(--brand-blue), 0.26), rgba(0,0,0,0.35));\r\n }\r\n\r\n .audio-toggle:active { transform: scale(0.96); }\r\n .audio-toggle:focus-visible { outline: 2px solid rgba(255,255,255,0.7); outline-offset: 3px; }\r\n\r\n \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a Flaticon \u062f\u0627\u062e\u0644 \u0627\u0644\u0632\u0631 *\/\r\n .audio-toggle i {\r\n font-size: 22px;\r\n color: #fff;\r\n line-height: 1;\r\n pointer-events: none;\r\n transition: opacity .18s ease, transform .18s ease;\r\n }\r\n .icon-hide { opacity: 0; transform: scale(.9); display: none !important; }\r\n .icon-show { opacity: 1; transform: scale(1); display: inline-block !important; }\r\n\r\n \/* ===== Tooltip \u0645\u0648\u062f\u0631\u0646 ===== *\/\r\n .audio-tooltip {\r\n position: absolute;\r\n bottom: 64px; \/* \u0641\u0648\u0642 \u0627\u0644\u0632\u0631 *\/\r\n right: 0;\r\n transform: translateY(6px);\r\n opacity: 0;\r\n pointer-events: none;\r\n padding: 8px 10px;\r\n font-size: 12px;\r\n line-height: 1;\r\n color: #fff;\r\n background: rgba(0,0,0,0.6);\r\n border: 1px solid rgba(255,255,255,0.14);\r\n border-radius: 10px;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n transition: opacity .18s ease, transform .18s ease;\r\n white-space: nowrap;\r\n z-index: 10;\r\n }\r\n .audio-tooltip::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -6px;\r\n right: 12px;\r\n width: 10px; height: 10px;\r\n background: inherit;\r\n border-right: 1px solid rgba(255,255,255,0.14);\r\n border-bottom: 1px solid rgba(255,255,255,0.14);\r\n transform: rotate(45deg);\r\n filter: blur(0.2px);\r\n }\r\n .audio-toggle:hover .audio-tooltip,\r\n .audio-toggle:focus-visible .audio-tooltip {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ===== \u0645\u0648\u0628\u0627\u064a\u0644 ===== *\/\r\n @media (max-width: 600px) {\r\n .ambilight-video { aspect-ratio: 4 \/ 3; } \/* 4:3 *\/\r\n .ambilight-reflection { height: 140px; bottom: -40px; filter: blur(60px); }\r\n .ambilight-reflection.second { filter: blur(100px); }\r\n\r\n \/* \u0632\u0631 \u0623\u0635\u063a\u0631 \u0648\u0645\u0643\u0627\u0646 \u0623\u062f\u0642 *\/\r\n .audio-toggle {\r\n right: 34px;\r\n bottom: 34px;\r\n width: 35px;\r\n height: 35px;\r\n border-radius: 999px;\r\n opacity: .4; \/* \u0634\u0648\u064a \u0623\u0648\u0636\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n }\r\n .audio-toggle i { font-size: 14px; }\r\n\r\n \/* \u0627\u0644\u062a\u0648\u0644\u062a\u064a\u0628: \u0639\u0627\u062f\u0629 \u0645\u0646\u062e\u0641\u064a\u0647 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n .audio-tooltip { display: none; }\r\n }\r\n\r\n \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0644\u064a \u0628\u064a\u0641\u0636\u0644\u0648\u0647\u0627 *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .audio-toggle,\r\n .audio-tooltip { transition: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"ambilight-container\">\r\n <div class=\"ambilight-wrapper\">\r\n <video id=\"video\" class=\"ambilight-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Promo_720-1.mp4\"\/>\r\n <\/video>\r\n\r\n \r\n <div class=\"ambilight-reflection\" id=\"reflection\"><\/div>\r\n <div class=\"ambilight-reflection second\" id=\"reflection2\"><\/div>\r\n\r\n \r\n <button class=\"audio-toggle\" id=\"audioToggle\" type=\"button\" aria-label=\"Unmute video\" aria-describedby=\"audioTip\">\r\n \r\n <i id=\"iconMuted\" class=\"fi fi-sr-music-alt-slash icon-show\" aria-hidden=\"true\"><\/i>\r\n \r\n <i id=\"iconUnmuted\" class=\"fi fi-sr-music-note icon-hide\" aria-hidden=\"true\"><\/i>\r\n <span class=\"audio-tooltip\" id=\"audioTip\" role=\"tooltip\">Unmute<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <canvas id=\"canvas\" width=\"160\" height=\"90\"><\/canvas>\r\n\r\n <script>\r\n \/\/ ===== \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0648\u0647\u062c =====\r\n const minOpacity = 0.1, maxOpacity = 1;\r\n const video = document.getElementById('video');\r\n const canvas = document.getElementById('canvas');\r\n const ctx = canvas.getContext('2d', { willReadFrequently: true });\r\n const reflection = document.getElementById('reflection');\r\n const reflection2 = document.getElementById('reflection2');\r\n\r\n let allowGlow = false; \/\/ \u0645\u0627 \u0645\u0646\u0633\u0645\u062d \u0644\u0644\u062a\u0648\u0647\u0651\u062c \u0642\u0628\u0644 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n let reflectionTimer = null;\r\n\r\n function getAverageBrightness(frameData) {\r\n let sum = 0;\r\n for (let i = 0; i < frameData.length; i += 4) {\r\n sum += (frameData[i] + frameData[i+1] + frameData[i+2]) \/ 3;\r\n }\r\n return sum \/ (frameData.length \/ 4);\r\n }\r\n\r\n function updateReflection() {\r\n if (!allowGlow || video.paused || video.ended) return;\r\n try {\r\n ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\r\n const frame = ctx.getImageData(0, canvas.height - 20, canvas.width, 20);\r\n const avg = getAverageBrightness(frame.data);\r\n const normalized = Math.min(maxOpacity, Math.max(minOpacity, (avg \/ 255) * 1.4));\r\n reflection.style.opacity = normalized.toFixed(2);\r\n if (reflection2) reflection2.style.opacity = (normalized * 0.9).toFixed(2);\r\n } catch(e) {\r\n \/\/ \u0628\u0639\u0636 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a\/\u0623\u0648\u0644 \u0641\u0631\u064a\u0645 \u0639\u0644\u0649 iOS \u0645\u0645\u0643\u0646 \u064a\u0631\u0645\u064a \u062e\u0637\u0623 \u2014 \u062a\u062c\u0627\u0647\u0644\u0648\r\n }\r\n }\r\n\r\n function startGlow() {\r\n if (!allowGlow) return;\r\n clearInterval(reflectionTimer);\r\n reflectionTimer = setInterval(updateReflection, 100);\r\n }\r\n function stopGlow() {\r\n clearInterval(reflectionTimer);\r\n reflectionTimer = null;\r\n }\r\n\r\n \/\/ \u064a\u0628\u062f\u0623 \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0627\u0644\u062a\u0648\u0647\u0651\u062c \u0641\u0642\u0637 \u0628\u0639\u062f \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0633\u0644\u0633\r\n video.addEventListener('canplaythrough', () => {\r\n allowGlow = true;\r\n startGlow(); \/\/ \u0625\u0630\u0627 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0634\u063a\u0651\u0627\u0644 \u062d\u0627\u0644\u064a\u0627\u064b\u060c \u0634\u063a\u0651\u0644 \u0627\u0644\u062a\u0648\u0647\u0651\u062c \u0641\u0648\u0631\u0627\u064b\r\n });\r\n\r\n \/\/ \u0641\u064a \u062d\u0627\u0644 \u0628\u062f\u0643 \u0623\u0648\u0644 \u0641\u0631\u064a\u0645 \u0641\u0642\u0637:\r\n \/\/ video.addEventListener('loadeddata', () => { allowGlow = true; startGlow(); });\r\n\r\n \/\/ \u062a\u062d\u0643\u0651\u0645 \u0628\u0627\u0644\u062a\u0648\u0642\u0641\/\u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641 \u062d\u0633\u0628 \u062d\u0627\u0644\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n video.addEventListener('play', startGlow);\r\n video.addEventListener('pause', stopGlow);\r\n video.addEventListener('ended', stopGlow);\r\n\r\n \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0624\u0642\u062a \u0644\u0645\u0627 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u064a\u0635\u064a\u0631 \u0628\u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u062a\u0648\u0641\u064a\u0631 \u0645\u0648\u0627\u0631\u062f)\r\n document.addEventListener('visibilitychange', () => {\r\n if (document.hidden) stopGlow();\r\n else if (allowGlow && !video.paused && !video.ended) startGlow();\r\n });\r\n\r\n \/\/ ===== \u0632\u0631 \u0627\u0644\u0635\u0648\u062a =====\r\n const audioToggle = document.getElementById('audioToggle');\r\n const iconMuted = document.getElementById('iconMuted');\r\n const iconUnmuted = document.getElementById('iconUnmuted');\r\n const audioTip = document.getElementById('audioTip');\r\n\r\n function setIconState(isMuted) {\r\n if (isMuted) {\r\n \/\/ \u0645\u064a\u0648\u062a: \u0623\u064a\u0642\u0648\u0646\u0629 \u0645\u064a\u0648\u062a + \u0644\u0627 \u0623\u0632\u0631\u0642\r\n iconMuted.classList.remove('icon-hide'); iconMuted.classList.add('icon-show');\r\n iconUnmuted.classList.remove('icon-show'); iconUnmuted.classList.add('icon-hide');\r\n audioToggle.setAttribute('aria-label', 'Unmute video');\r\n audioTip.textContent = 'Unmute';\r\n audioToggle.classList.remove('is-on'); \/\/ \u0645\u0647\u0645: \u0634\u064a\u0644 \u0627\u0644\u0623\u0632\u0631\u0642\r\n } else {\r\n \/\/ \u0634\u063a\u0651\u0627\u0644: \u0623\u064a\u0642\u0648\u0646\u0629 \u0635\u0648\u062a + \u0623\u0632\u0631\u0642\r\n iconMuted.classList.remove('icon-show'); iconMuted.classList.add('icon-hide');\r\n iconUnmuted.classList.remove('icon-hide'); iconUnmuted.classList.add('icon-show');\r\n audioToggle.setAttribute('aria-label', 'Mute video');\r\n audioTip.textContent = 'Mute';\r\n audioToggle.classList.add('is-on'); \/\/ \u0641\u0639\u0651\u0644 \u0627\u0644\u0623\u0632\u0631\u0642\r\n }\r\n }\r\n\r\n \/\/ \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629 (\u0639\u0627\u062f\u0629 autoplay = muted)\r\n setIconState(Boolean(video.muted));\r\n\r\n function toggleAudio() {\r\n const willUnmute = video.muted;\r\n video.muted = !video.muted;\r\n\r\n if (willUnmute) {\r\n try { video.play(); } catch (e) {}\r\n video.volume = 0.9;\r\n }\r\n\r\n setIconState(video.muted);\r\n\r\n \/\/ \u0646\u0628\u0636\u0629 \u062e\u0641\u064a\u0641\u0629\r\n audioToggle.animate(\r\n [{ transform: 'scale(1)' }, { transform: 'scale(0.92)' }, { transform: 'scale(1)' }],\r\n { duration: 150, easing: 'ease-out' }\r\n );\r\n }\r\n\r\n audioToggle.addEventListener('click', toggleAudio);\r\n audioToggle.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleAudio(); }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-460b68d elementor-widget elementor-widget-html\" data-id=\"460b68d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .my-video-container {\r\n opacity: 0;\r\n filter: blur(30px);\r\n transition: opacity 1.5s ease, filter 1.5s ease;\r\n }\r\n\r\n .my-video-container.fade-in-active {\r\n opacity: 1;\r\n filter: blur(0px);\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const videoContainer = document.querySelector('.my-video-container');\r\n if (videoContainer) {\r\n \/\/ \u0646\u0636\u064a\u0641 \u0627\u0644\u0643\u0644\u0627\u0633 \u064a\u0644\u064a \u064a\u0641\u0639\u0644 \u0627\u0644\u0623\u0646\u0645\u064a\u0634\u0646\r\n setTimeout(() => {\r\n videoContainer.classList.add('fade-in-active');\r\n }, 100); \/\/ \u062a\u0623\u062e\u064a\u0631 \u0628\u0633\u064a\u0637 \u0628\u0639\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n }\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8e8f21 animated-slow e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"f8e8f21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeIn","animation_delay":100}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b487ce1 elementor-widget elementor-widget-heading\" data-id=\"b487ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Change the Way You Create Art.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f279e83 elementor-widget elementor-widget-heading\" data-id=\"f279e83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">You create art with the ultimate Digital drawing software for Windows.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ec856 elementor-widget elementor-widget-heading\" data-id=\"b1ec856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Simple. Creative. Powerful.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf57970 elementor-widget elementor-widget-heading\" data-id=\"cf57970\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">We made it easy Like never before, designed for all touch and stylus-enabled devices.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca98f16 elementor-widget elementor-widget-heading\" data-id=\"ca98f16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">StylusX gives you the freedom to sketch, paint, and create naturally just like you would on paper or any creative tablet.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da64380 elementor-widget elementor-widget-heading\" data-id=\"da64380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our custom-designed drawing app interface makes creating easier than ever. Whether you're using a stylus or touch gestures, you'll enjoy a seamless, intuitive experience that lets you focus on your creativity. Precision meets simplicity, allowing you to bring your ideas to life with effortless control.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdb6ffe scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"fdb6ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"store-badge\">\r\n <a class=\"badge-link sheen\" href=\"https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?referrer=appbadge&cid=Get+StylusX&mode=direct\" aria-label=\"Get StylusX on Microsoft Store\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/get.microsoft.com\/images\/en-us%20dark.svg\" width=\"200\" alt=\"Get it from Microsoft Store\">\r\n <\/a>\r\n<\/div>\r\n\r\n\r\n<style>\r\n .store-badge{\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n .badge-link{\r\n position:relative; display:inline-block; border-radius:12px; overflow:hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .badge-link img{\r\n display:block; width:200px; height:auto;\r\n transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;\r\n will-change: transform, box-shadow, filter;\r\n }\r\n\r\n \/* \u0644\u0645\u0639\u0629 \u0639\u0627\u0628\u0631\u0629 *\/\r\n .badge-link.sheen::after{\r\n content:\"\"; position:absolute; top:-20%; left:-120%;\r\n width:65%; height:140%;\r\n background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 50%, transparent 100%);\r\n transform: skewX(-20deg);\r\n opacity:0; pointer-events:none;\r\n transition: left .7s ease, opacity .4s ease;\r\n }\r\n\r\n .badge-link:hover img,\r\n .badge-link:focus-visible img{\r\n transform: translateY(-2px) rotate(-0.3deg);\r\n filter: brightness(1.02) saturate(1.04);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.18);\r\n }\r\n .badge-link:hover.sheen::after,\r\n .badge-link:focus-visible.sheen::after{\r\n left:130%; opacity:1;\r\n }\r\n\r\n .badge-link:active img{\r\n transform: translateY(0) rotate(0deg) scale(.985);\r\n box-shadow: 0 6px 16px rgba(0,0,0,.16);\r\n }\r\n\r\n .badge-link:focus-visible{\r\n outline: 2px solid #0083FF; outline-offset: 4px; border-radius:14px;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .badge-link img{ transition:none; }\r\n .badge-link.sheen::after{ transition:none; display:none; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8514f6e scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"8514f6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n<title>StylusX \u2013 Localized Price (IP-based)<\/title>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"sx-price-line\" style=\"\r\n font-weight: 300;\r\n font-size: 14px;\r\n line-height: 1.2;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial;\r\n color: #e7e7ea;\r\n text-align: center;\r\n\">\r\n \u20ac34,99. No subscription.\r\n<\/div>\r\n\r\n\r\n<script id=\"ms-price-data\" type=\"text\/plain\">\r\nBase currency\r\nRetail price\r\nEUR\r\n\u20ac34.99\r\nMarket optimized rate\r\nAfghanistan (AF)\r\n$33.49\r\n\u00c5land Islands (AX)\r\n$33.49\r\nAlbania (AL)\r\n$33.49\r\nAlgeria (DZ)\r\nDZD3,599.00\r\nAmerican Samoa (AS)\r\n$33.49\r\nAndorra (AD)\r\n\u20ac29.49\r\nAngola (AO)\r\n$33.49\r\nAnguilla (AI)\r\n$33.49\r\nAntarctica (AQ)\r\n$33.49\r\nAntigua and Barbuda (AG)\r\n$33.49\r\nArgentina (AR)\r\nARS19,399.00\r\nArmenia (AM)\r\n$33.49\r\nAruba (AW)\r\n$33.49\r\nAustralia (AU)\r\nA$50.45\r\nAustria (AT)\r\n\u20ac35.49\r\nAzerbaijan (AZ)\r\n$33.49\r\nBahamas (BS)\r\n$33.49\r\nBahrain (BH)\r\nBHD12.750\r\nBangladesh (BD)\r\nBDT2,599.00\r\nBarbados (BB)\r\n$33.49\r\nBelarus (BY)\r\n$33.49\r\nBelgium (BE)\r\n\u20ac35.49\r\nBelize (BZ)\r\n$33.49\r\nBenin (BJ)\r\n$33.49\r\nBermuda (BM)\r\n$33.49\r\nBhutan (BT)\r\n$33.49\r\nBolivia (BO)\r\n$33.49\r\nBonaire (BQ)\r\n$33.49\r\nBosnia and Herzegovina (BA)\r\n$33.49\r\nBotswana (BW)\r\n$33.49\r\nBouvet Island (BV)\r\n$33.49\r\nBrazil (BR)\r\nR$124.95\r\nBritish Indian Ocean Territory (IO)\r\n$33.49\r\nBritish Virgin Islands (VG)\r\n$33.49\r\nBrunei (BN)\r\n$33.49\r\nBulgaria (BG)\r\nBGN69.00\r\nBurkina Faso (BF)\r\n$33.49\r\nBurundi (BI)\r\n$33.49\r\nCabo Verde (CV)\r\n$33.49\r\nCambodia (KH)\r\n$33.49\r\nCameroon (CM)\r\n$33.49\r\nCanada (CA)\r\nCA$42.99\r\nCayman Islands (KY)\r\n$33.49\r\nCentral African Republic (CF)\r\n$33.49\r\nChad (TD)\r\n$33.49\r\nChile (CL)\r\nCLP22,499\r\nChina (CN)\r\nCN\u00a5239.00\r\nChristmas Island (CX)\r\n$33.49\r\nCocos (Keeling) Islands (CC)\r\n$33.49\r\nColombia (CO)\r\nCOP101,900.00\r\nComoros (KM)\r\n$33.49\r\nCongo (CG)\r\n$33.49\r\nCongo (DRC) (CD)\r\n$33.49\r\nCook Islands (CK)\r\n$33.49\r\nCosta Rica (CR)\r\nCRC18,000.00\r\nC\u00f4te d'Ivoire (CI)\r\n$33.49\r\nCroatia (HR)\r\n\u20ac36.99\r\nCura\u00e7ao (CW)\r\n$33.49\r\nCyprus (CY)\r\n\u20ac34.99\r\nCzechia (CZ)\r\nCZK959.00\r\nDenmark (DK)\r\nDKK269.00\r\nDjibouti (DJ)\r\n$33.49\r\nDominica (DM)\r\n$33.49\r\nDominican Republic (DO)\r\n$33.49\r\nEcuador (EC)\r\n$33.49\r\nEgypt (EG)\r\nEGP700.00\r\nEl Salvador (SV)\r\n$33.49\r\nEquatorial Guinea (GQ)\r\n$33.49\r\nEritrea (ER)\r\n$33.49\r\nEstonia (EE)\r\n\u20ac35.49\r\nEswatini (SZ)\r\n$33.49\r\nEthiopia (ET)\r\n$33.49\r\nFalkland Islands (FK)\r\n$33.49\r\nFaroe Islands (FO)\r\n$33.49\r\nFiji (FJ)\r\n$33.49\r\nFinland (FI)\r\n\u20ac36.49\r\nFrance (FR)\r\n\u20ac35.49\r\nFrench Guiana (GF)\r\n$33.49\r\nFrench Polynesia (PF)\r\n$33.49\r\nFrench Southern Territories (TF)\r\n$33.49\r\nGabon (GA)\r\n$33.49\r\nGambia (GM)\r\n$33.49\r\nGeorgia (GE)\r\n$33.49\r\nGermany (DE)\r\n\u20ac34.99\r\nGhana (GH)\r\n$33.49\r\nGibraltar (GI)\r\n$33.49\r\nGreece (GR)\r\n\u20ac36.49\r\nGreenland (GL)\r\n$33.49\r\nGrenada (GD)\r\n$33.49\r\nGuadeloupe (GP)\r\n$33.49\r\nGuam (GU)\r\n$33.49\r\nGuatemala (GT)\r\nGTQ289.00\r\nGuernsey (GG)\r\n$33.49\r\nGuinea (GN)\r\n$33.49\r\nGuinea-Bissau (GW)\r\n$33.49\r\nGuyana (GY)\r\n$33.49\r\nHaiti (HT)\r\n$33.49\r\nHeard Island and McDonald Islands (HM)\r\n$33.49\r\nHonduras (HN)\r\n$33.49\r\nHong Kong SAR (HK)\r\nHK$259.00\r\nHungary (HU)\r\nHUF11,600.00\r\nIceland (IS)\r\nISK3,149\r\nIndia (IN)\r\n\u20b91,824.00\r\nIndonesia (ID)\r\nIDR440,000.00\r\nIraq (IQ)\r\nIQD37,000\r\nIreland (IE)\r\n\u20ac36.49\r\nIsle of Man (IM)\r\n$33.49\r\nIsrael (IL)\r\n\u20aa126.00\r\nItaly (IT)\r\n\u20ac35.99\r\nJamaica (JM)\r\n$33.49\r\nJapan (JP)\r\n\u00a53,900\r\nJersey (JE)\r\n$33.49\r\nJordan (JO)\r\nJOD23.000\r\nKazakhstan (KZ)\r\nKZT11,300.00\r\nKenya (KE)\r\nKES3,950.00\r\nKiribati (KI)\r\n$33.49\r\nKorea (KR)\r\n\u20a941,900\r\nKuwait (KW)\r\nKWD10.000\r\nKyrgyzstan (KG)\r\n$33.49\r\nLaos (LA)\r\n$33.49\r\nLatvia (LV)\r\n\u20ac35.49\r\nLesotho (LS)\r\n$33.49\r\nLiberia (LR)\r\n$33.49\r\nLibya (LY)\r\n$33.49\r\nLiechtenstein (LI)\r\nCHF34.50\r\nLithuania (LT)\r\n\u20ac35.49\r\nLuxembourg (LU)\r\n\u20ac34.49\r\nMacao SAR (MO)\r\n$33.49\r\nMadagascar (MG)\r\n$33.49\r\nMalawi (MW)\r\n$33.49\r\nMalaysia (MY)\r\nMYR130.00\r\nMaldives (MV)\r\n$33.49\r\nMali (ML)\r\n$33.49\r\nMalta (MT)\r\n\u20ac34.99\r\nMarshall Islands (MH)\r\n$33.49\r\nMartinique (MQ)\r\n$33.49\r\nMauritania (MR)\r\nMRO10,499\r\nMauritius (MU)\r\n$33.49\r\nMayotte (YT)\r\n$33.49\r\nMexico (MX)\r\nMX$589.00\r\nMicronesia (FM)\r\n$33.49\r\nMoldova (MD)\r\n$33.49\r\nMonaco (MC)\r\n\u20ac29.49\r\nMongolia (MN)\r\n$33.49\r\nMontenegro (ME)\r\n\u20ac29.49\r\nMontserrat (MS)\r\n$33.49\r\nMorocco (MA)\r\nMAD334.00\r\nMozambique (MZ)\r\n$33.49\r\nMyanmar (MM)\r\n$33.49\r\nNamibia (NA)\r\n$33.49\r\nNauru (NR)\r\n$33.49\r\nNepal (NP)\r\n$33.49\r\nNetherlands (NL)\r\n\u20ac35.49\r\nNew Caledonia (NC)\r\n$33.49\r\nNew Zealand (NZ)\r\nNZ$56.40\r\nNicaragua (NI)\r\n$33.49\r\nNiger (NE)\r\n$33.49\r\nNigeria (NG)\r\nNGN22,199.00\r\nNiue (NU)\r\n$33.49\r\nNorfolk Island (NF)\r\n$33.49\r\nNorth Macedonia (MK)\r\n$33.49\r\nNorthern Mariana Islands (MP)\r\n$33.49\r\nNorway (NO)\r\nNOK344.00\r\nOman (OM)\r\nOMR13.000\r\nPakistan (PK)\r\nPKR4,099.00\r\nPalau (PW)\r\n$33.49\r\nPalestinian Authority (PS)\r\n$33.49\r\nPanama (PA)\r\n$33.49\r\nPapua New Guinea (PG)\r\n$33.49\r\nParaguay (PY)\r\n$33.49\r\nPeru (PE)\r\nPEN112.50\r\nPhilippines (PH)\r\nPHP1,550.00\r\nPitcairn Islands (PN)\r\n$33.49\r\nPoland (PL)\r\nPLN154.99\r\nPortugal (PT)\r\n\u20ac36.49\r\nQatar (QA)\r\nQAR122.50\r\nR\u00e9union (RE)\r\n$33.49\r\nRomania (RO)\r\nRON167.49\r\nRussia (RU)\r\n$33.49\r\nRwanda (RW)\r\n$33.49\r\nSaint Barth\u00e9lemy (BL)\r\n$33.49\r\nSaint Kitts and Nevis (KN)\r\n$33.49\r\nSaint Lucia (LC)\r\n$33.49\r\nSaint Martin (MF)\r\n$33.49\r\nSaint Pierre and Miquelon (PM)\r\n$33.49\r\nSaint Vincent and the Grenadines (VC)\r\n$33.49\r\nSamoa (WS)\r\n$33.49\r\nSan Marino (SM)\r\n\u20ac29.49\r\nS\u00e3o Tom\u00e9 and Pr\u00edncipe (ST)\r\n$33.49\r\nSaudi Arabia (SA)\r\nSAR125.00\r\nSenegal (SN)\r\n$33.49\r\nSerbia (RS)\r\nRSD4,349\r\nSeychelles (SC)\r\n$33.49\r\nSierra Leone (SL)\r\n$33.49\r\nSingapore (SG)\r\nSGD48.75\r\nSint Maarten (SX)\r\n$33.49\r\nSlovakia (SK)\r\n\u20ac35.49\r\nSlovenia (SI)\r\n\u20ac35.99\r\nSolomon Islands (SB)\r\n$33.49\r\nSomalia (SO)\r\n$33.49\r\nSouth Africa (ZA)\r\nZAR559.00\r\nSouth Georgia and South Sandwich Islands (GS)\r\n$33.49\r\nSpain (ES)\r\n\u20ac35.49\r\nSri Lanka (LK)\r\n$33.49\r\nSt Helena, Ascension, Tristan da Cunha (SH)\r\n$33.49\r\nSuriname (SR)\r\n$33.49\r\nSvalbard (SJ)\r\n$33.49\r\nSweden (SE)\r\nSEK334.00\r\nSwitzerland (CH)\r\nCHF34.50\r\nTaiwan (TW)\r\nNT$1,139.00\r\nTajikistan (TJ)\r\n$33.49\r\nTanzania (TZ)\r\n$33.49\r\nThailand (TH)\r\nTHB1,179.00\r\nTimor-Leste (TL)\r\n$33.49\r\nTogo (TG)\r\n$33.49\r\nTokelau (TK)\r\n$33.49\r\nTonga (TO)\r\n$33.49\r\nTrinidad and Tobago (TT)\r\nTTD220.50\r\nTunisia (TN)\r\nTND93.200\r\nT\u00fcrkiye (TR)\r\nTRY599.00\r\nTurkmenistan (TM)\r\n$33.49\r\nTurks and Caicos Islands (TC)\r\n$33.49\r\nTuvalu (TV)\r\n$33.49\r\nU.S. Outlying Islands (UM)\r\n$33.49\r\nU.S. Virgin Islands (VI)\r\n$33.49\r\nUganda (UG)\r\n$33.49\r\nUkraine (UA)\r\nUAH857.50\r\nUnited Arab Emirates (AE)\r\n$33.49\r\nUnited Kingdom (GB)\r\n\u00a327.99\r\nUnited States (US)\r\n$33.49\r\nUruguay (UY)\r\n$33.49\r\nUzbekistan (UZ)\r\n$33.49\r\nVanuatu (VU)\r\n$33.49\r\nVatican City (VA)\r\n\u20ac29.49\r\nVenezuela (VE)\r\n$33.49\r\nVietnam (VN)\r\n\u20ab749,900\r\nWallis and Futuna (WF)\r\n$33.49\r\nYemen (YE)\r\n$33.49\r\nZambia (ZM)\r\n$33.49\r\nZimbabwe (ZW)\r\n$33.49\r\n<\/script>\r\n\r\n<script>\r\n(async function(){\r\n \/\/ 1) \u0646\u062d\u0627\u0648\u0644 \u0646\u062c\u064a\u0628 \u0631\u0645\u0632 \u0628\u0644\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0627\u0644\u0640 Public IP\r\n async function getCountryFromIP(){\r\n try {\r\n \/\/ ipwho.is (\u0628\u062f\u0648\u0646 \u0645\u0641\u062a\u0627\u062d)\r\n const r1 = await fetch('https:\/\/ipwho.is\/');\r\n const d1 = await r1.json();\r\n if (d1 && d1.success !== false && d1.country_code) return d1.country_code.toUpperCase();\r\n } catch(e){}\r\n try {\r\n \/\/ ipapi.co (\u0628\u0627\u0643 \u0623\u0628)\r\n const r2 = await fetch('https:\/\/ipapi.co\/json\/');\r\n const d2 = await r2.json();\r\n if (d2 && d2.country) return String(d2.country).toUpperCase();\r\n } catch(e){}\r\n return null;\r\n }\r\n\r\n \/\/ 2) \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644: \u0643\u0644 \"Country (CC)\" \u0648\u0628\u0639\u062f\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 \u0633\u0637\u0631 \u0627\u0644\u0633\u0639\u0631\r\n function parseTablePriceBelowCountry(text){\r\n const lines = text.split(\/\\r?\\n\/).map(s => s.trim());\r\n const map = Object.create(null);\r\n for (let i=0; i<lines.length; i++){\r\n const m = lines[i].match(\/\$([A-Z]{2})\$$\/);\r\n if (m){\r\n \/\/ \u062e\u064f\u0630 \u0623\u0648\u0644 \u0633\u0637\u0631 \u063a\u064a\u0631 \u0641\u0627\u0631\u063a \u0628\u0639\u062f \u0627\u0644\u0628\u0644\u062f \u0643\u0633\u0639\u0631\r\n let j = i + 1;\r\n while (j < lines.length && !lines[j]) j++;\r\n if (j < lines.length) map[m[1]] = lines[j];\r\n }\r\n }\r\n \/\/ \u0633\u0639\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0639\u0627\u0645\r\n map.default = \"\u20ac34.99\";\r\n return map;\r\n }\r\n\r\n \/\/ 3) fallback \u0628\u0633\u064a\u0637 \u0625\u0630\u0627 APIs \u0645\u0627 \u0631\u062c\u0651\u0639\u062a \u0628\u0644\u062f\r\n function guessCountryFallback(){\r\n const langs = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || '']).filter(Boolean);\r\n for (const l of langs){\r\n const cc = pickCountryFromLocale(l);\r\n if (cc) return cc;\r\n }\r\n const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';\r\n const cc2 = mapTimeZoneToCountry(tz);\r\n return cc2 || 'default';\r\n }\r\n function pickCountryFromLocale(locale){\r\n if (!locale) return null;\r\n const norm = String(locale).replace('_','-');\r\n const parts = norm.split('-');\r\n if (parts.length >= 2 && \/^[A-Za-z]{2}$\/.test(parts[parts.length-1]))\r\n return parts[parts.length-1].toUpperCase();\r\n return null;\r\n }\r\n function mapTimeZoneToCountry(tz){\r\n const map = {\r\n \"Europe\/Berlin\":\"DE\",\"Europe\/Vienna\":\"AT\",\"Europe\/Zurich\":\"CH\",\"Europe\/Paris\":\"FR\",\"Europe\/Madrid\":\"ES\",\"Europe\/Rome\":\"IT\",\"Europe\/Amsterdam\":\"NL\",\r\n \"Europe\/Prague\":\"CZ\",\"Europe\/Warsaw\":\"PL\",\"Europe\/Stockholm\":\"SE\",\"Europe\/Oslo\":\"NO\",\"Europe\/Copenhagen\":\"DK\",\"Europe\/Helsinki\":\"FI\",\r\n \"Europe\/London\":\"GB\",\"Europe\/Dublin\":\"IE\",\r\n \"America\/New_York\":\"US\",\"America\/Chicago\":\"US\",\"America\/Denver\":\"US\",\"America\/Los_Angeles\":\"US\",\r\n \"America\/Toronto\":\"CA\",\"America\/Vancouver\":\"CA\",\"America\/Mexico_City\":\"MX\",\r\n \"Asia\/Dubai\":\"AE\",\"Asia\/Riyadh\":\"SA\",\"Asia\/Seoul\":\"KR\",\"Asia\/Tokyo\":\"JP\",\"Asia\/Shanghai\":\"CN\",\"Asia\/Taipei\":\"TW\",\"Asia\/Kolkata\":\"IN\",\r\n \"Australia\/Sydney\":\"AU\",\"Pacific\/Auckland\":\"NZ\"\r\n };\r\n return map[tz] || null;\r\n }\r\n\r\n \/\/ 4) \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0646\u0642\u0637\u0629 \u0627\u0644\u0643\u0633\u0648\u0631 \u0628\u0641\u0627\u0635\u0644\u0629 \u0644\u0644\u064a\u0648\u0631\u0648 \u0641\u0642\u0637\r\n function euroDotToComma(str){\r\n if (str.includes('\u20ac')) return str.replace(\/(\\d)\\.(\\d{2})(?!\\d)\/, '$1,$2');\r\n return str;\r\n }\r\n\r\n \/\/ \u062a\u0646\u0641\u064a\u0630\r\n const raw = document.getElementById('ms-price-data').textContent;\r\n const table = parseTablePriceBelowCountry(raw);\r\n\r\n let cc = await getCountryFromIP();\r\n if (!cc) cc = guessCountryFallback();\r\n\r\n const price = table[cc] || table.default;\r\n const display = euroDotToComma(price) + \". No subscription.\";\r\n\r\n document.getElementById('sx-price-line').textContent = display;\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0c367 scroll-fade-blur elementor-widget elementor-widget-heading\" data-id=\"ae0c367\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Try it free for 7 days. No commitment.<br>\nlifetime access with free updates.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07bf722 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"07bf722\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97f9805 elementor-widget elementor-widget-html\" data-id=\"97f9805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .scroll-fade-blur {\r\n opacity: 0;\r\n filter: blur(25px);\r\n transform: translateY(40px);\r\n transition: all 0.9s ease;\r\n will-change: opacity, filter, transform;\r\n }\r\n\r\n .scroll-fade-blur.visible {\r\n opacity: 1;\r\n filter: blur(0px);\r\n transform: translateY(0px);\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const elements = document.querySelectorAll('.scroll-fade-blur');\r\n\r\n function handleScroll() {\r\n elements.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n const inView = rect.top < window.innerHeight - 100 && rect.bottom > 0;\r\n\r\n if (inView) {\r\n el.classList.add('visible');\r\n } else {\r\n el.classList.remove('visible');\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n window.addEventListener('resize', handleScroll);\r\n handleScroll(); \/\/ \u0641\u062d\u0635 \u0623\u0648\u0644\u064a \u0644\u0645\u0627 \u062a\u0641\u062a\u062d \u0627\u0644\u0635\u0641\u062d\u0629\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8137c82 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8137c82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-812e4d0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"812e4d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb0b06b elementor-widget elementor-widget-heading\" data-id=\"eb0b06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Use the Power of Stylus<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dab02be elementor-widget elementor-widget-text-editor\" data-id=\"dab02be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Any Device. Any Input. Same Creativity. Designed for Stylus & Touch Devices.<br \/>No accessories needed. Just tap, sketch, and create.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea68f2f elementor-hidden-mobile elementor-hidden-tablet elementor-hidden-mobile_extra elementor-widget elementor-widget-video\" data-id=\"ea68f2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay":"yes","mute":"yes","loop":"yes","video_type":"hosted"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0553b0f elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-widget elementor-widget-video\" data-id=\"0553b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay":"yes","mute":"yes","loop":"yes","video_type":"hosted"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec56e1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"3ec56e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d35e9f elementor-widget elementor-widget-html\" data-id=\"3d35e9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>StylusX Carousel (Images)<\/title>\r\n <style>\r\n :root{ --subtitle-height: 96px; }\r\n\r\n body {\r\n margin: 0;\r\n background: #121212;\r\n font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;\r\n color: white;\r\n }\r\n\r\n .hero-section { padding: 180px 0 100px; text-align: center; }\r\n\r\n .menu {\r\n display: flex; justify-content: center; gap: 60px;\r\n margin-bottom: 20px; overflow-x: auto;\r\n scrollbar-width: none; -ms-overflow-style: none;\r\n }\r\n .menu::-webkit-scrollbar { display: none; }\r\n\r\n .menu-item {\r\n font-size: 27px; font-weight: 600; white-space: nowrap;\r\n color: rgba(255,255,255,0.3); cursor: pointer;\r\n transition: color .4s ease, filter .4s ease; filter: blur(1.2px);\r\n }\r\n .menu-item.active, .menu-item:hover { color:#fff; filter: blur(0); }\r\n\r\n .subtitle-wrap{\r\n height: var(--subtitle-height);\r\n max-width: 720px; margin: 0 auto 15px; padding: 0 30px;\r\n position: relative; overflow: hidden; display: flex;\r\n align-items: flex-start; justify-content: center; text-align: center;\r\n }\r\n\r\n .subtitle {\r\n position: absolute; inset: 0; display: flex;\r\n align-items: flex-start; justify-content: center; padding: 0 10px;\r\n font-size: 17px; line-height: 1.6; font-weight: 400;\r\n color: rgba(255,255,255,0.8); opacity: 0; filter: blur(6px); transform: translateY(10px);\r\n }\r\n\r\n @keyframes subtitleFade {\r\n 0%{ opacity:0; filter:blur(6px); transform:translateY(10px); }\r\n 100%{ opacity:1; filter:blur(0); transform:translateY(0); }\r\n }\r\n .subtitle.show { animation: subtitleFade .8s ease forwards; }\r\n\r\n .carousel-container { overflow: hidden; padding: 25px 0; }\r\n\r\n .carousel {\r\n display: flex; gap: 40px; padding: 0 40px;\r\n scroll-snap-type: x mandatory; scroll-behavior: smooth; justify-content: flex-start;\r\n overflow-x: hidden; touch-action: pan-y; -ms-touch-action: pan-y;\r\n }\r\n .carousel::-webkit-scrollbar{ display:none; }\r\n\r\n .carousel-item {\r\n flex: 0 0 auto; scroll-snap-align: center;\r\n width: 80vw; max-width: 1000px; aspect-ratio: 16\/10;\r\n border-radius: 40px; overflow: hidden; position: relative; cursor: pointer;\r\n transition: filter .4s ease, opacity .4s ease, transform .4s ease;\r\n background: #0b0b0b;\r\n display: grid; \/* \u064a\u0636\u0645\u0646 \u062a\u0645\u062f\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n place-items: stretch; \/* \u064a\u0645\u0644\u0623 \u0627\u0644\u0639\u0646\u0635\u0631 \u0643\u0644\u0647 *\/\r\n }\r\n\r\n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0644\u0644\u0635\u0648\u0631 \u062d\u0633\u0628 \u0627\u0644\u0641\u0639\u0651\u0627\u0644 *\/\r\n .carousel-item:not(.active-group) .carousel-image { filter: blur(2px); opacity:.4; transition: transform .4s, filter .4s, opacity .4s; }\r\n .carousel-item:not(.active-group):hover .carousel-image { transform: scale(1.05); filter: blur(1px); opacity:.7; }\r\n .carousel-item.active-group .carousel-image { transform: scale(1); filter: blur(0); opacity:1; transition: transform .4s, filter .4s, opacity .4s; }\r\n\r\n .carousel-image{\r\n width:100%; height:100%;\r\n object-fit: cover; \/* \u062a\u0639\u0628\u0651\u064a \u0627\u0644\u0625\u0637\u0627\u0631 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n object-position: center center; \/* \u062a\u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n display:block; border-radius:inherit;\r\n background:#111; user-select: none; -webkit-user-drag: none;\r\n }\r\n\r\n .carousel-nav{ margin-top:30px; display:flex; justify-content:center; gap:20px; }\r\n .carousel-nav button{\r\n background:#232323; border:none; width:60px; height:60px; border-radius:50%;\r\n background-size:50%; background-repeat:no-repeat; background-position:center; cursor:pointer; transition: transform .3s ease;\r\n }\r\n .carousel-nav button:hover{ transform: scale(1.1); }\r\n .carousel-nav .prev{\r\n background-image:url('data:image\/svg+xml,%3Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M15 18L9 12L15 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/%3E%3C\/svg%3E');\r\n }\r\n .carousel-nav .next{\r\n background-image:url('data:image\/svg+xml,%3Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M9 6L15 12L9 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/%3E%3C\/svg%3E');\r\n }\r\n\r\n @media (max-width:768px){\r\n .hero-section { padding: 120px 0 70px; }\r\n .menu { gap: 24px; margin-bottom: 14px; }\r\n .menu-item { font-size: 20px; }\r\n .subtitle-wrap { padding: 0 15px; margin: 0 auto 15px; }\r\n .subtitle { font-size: 17px; font-weight: 300; }\r\n .carousel-container { padding: 20px 0; }\r\n .carousel-item { width: 92vw; aspect-ratio: 4\/3; } \/* \u0645\u0648\u0628\u0627\u064a\u0644 4:3 *\/\r\n }\r\n\r\n .offscreen {\r\n position: absolute; left: -99999px; top: -99999px;\r\n visibility: visible; opacity: 0; pointer-events: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"hero-section\">\r\n <div class=\"menu\">\r\n <div class=\"menu-item active\" onclick=\"scrollToGroup(0)\">Effects<\/div>\r\n <div class=\"menu-item\" onclick=\"scrollToGroup(1)\">Color Adjustment<\/div>\r\n <div class=\"menu-item\" onclick=\"scrollToGroup(2)\">Liquify<\/div>\r\n <\/div>\r\n\r\n <div class=\"subtitle-wrap\">\r\n <div class=\"subtitle\" id=\"subtitleA\"><\/div>\r\n <div class=\"subtitle\" id=\"subtitleB\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel\" id=\"carousel\">\r\n \r\n <div class=\"carousel-item\" data-index=\"0\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-05-182417.png\"\r\n alt=\"Perspective Blur preview\" draggable=\"false\" \/>\r\n <\/div>\r\n\r\n <div class=\"carousel-item\" data-index=\"1\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-162438-scaled.png\"\r\n alt=\"HEU preview\" draggable=\"false\" \/>\r\n <\/div>\r\n\r\n <div class=\"carousel-item\" data-index=\"2\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-05-182457.png\"\r\n alt=\"Liquify preview\" draggable=\"false\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"prev\" onclick=\"prevImage()\" aria-label=\"Previous\"><\/button>\r\n <button class=\"next\" onclick=\"nextImage()\" aria-label=\"Next\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"subtitle-sources\" class=\"offscreen\" aria-hidden=\"true\">\r\n <span data-index=\"0\">Adjust blur, sharpen, noise, shadow, and more effects easily, giving your artwork depth, clarity, and a polished professional finish.<\/span>\r\n <span data-index=\"1\">Fine-tune brightness, contrast, hue, and saturation to capture the exact mood, tone, and style you envision.<\/span>\r\n <span data-index=\"2\">Push, pull, expand, or contract any part of your drawing to reshape forms, fix proportions, or creatively distort your design.<\/span>\r\n <\/div>\r\n\r\n <div id=\"subtitle-measure\" class=\"offscreen\"\r\n style=\"width: 720px; padding: 0 30px; font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif; font-size: 17px; line-height: 1.6; white-space: normal;\">\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u062b\u0628\u0627\u062a =====\r\n function getTranslatedSubtitles() {\r\n const nodes = document.querySelectorAll('#subtitle-sources [data-index]');\r\n const arr = [];\r\n nodes.forEach((el, i) => { arr[i] = el.innerText.trim(); });\r\n return arr;\r\n }\r\n\r\n const carousel = document.getElementById('carousel');\r\n const menuItems = document.querySelectorAll('.menu-item');\r\n const items = document.querySelectorAll('.carousel-item');\r\n const subA = document.getElementById('subtitleA');\r\n const subB = document.getElementById('subtitleB');\r\n const measureEl = document.getElementById('subtitle-measure');\r\n const subtitleWrap = document.querySelector('.subtitle-wrap');\r\n let subtitlesArr = getTranslatedSubtitles();\r\n\r\n let useA = true;\r\n let currentIndex = 0;\r\n let lastSubtitleIndex = -1;\r\n\r\n function computeMaxSubtitleHeight() {\r\n if (!measureEl || !subtitleWrap) return;\r\n const cs = getComputedStyle(subtitleWrap);\r\n measureEl.style.width = subtitleWrap.clientWidth + 'px';\r\n measureEl.style.paddingLeft = cs.paddingLeft;\r\n measureEl.style.paddingRight = cs.paddingRight;\r\n measureEl.style.fontSize = getComputedStyle(subA).fontSize;\r\n measureEl.style.lineHeight = getComputedStyle(subA).lineHeight;\r\n\r\n let maxH = 0;\r\n for (const txt of subtitlesArr) {\r\n measureEl.textContent = txt || '';\r\n const h = measureEl.scrollHeight;\r\n if (h > maxH) maxH = h;\r\n }\r\n maxH = Math.ceil(maxH + 2);\r\n document.documentElement.style.setProperty('--subtitle-height', `${maxH}px`);\r\n }\r\n\r\n function setSubtitle(text){\r\n const showEl = useA ? subA : subB;\r\n const hideEl = useA ? subB : subA;\r\n hideEl.classList.remove('show');\r\n showEl.textContent = text || '';\r\n showEl.classList.remove('show'); void showEl.offsetWidth;\r\n showEl.classList.add('show');\r\n useA = !useA;\r\n }\r\n\r\n function centerImage(index) {\r\n if (index >= 0 && index < items.length) {\r\n const target = items[index];\r\n const carouselRect = carousel.getBoundingClientRect();\r\n const targetRect = target.getBoundingClientRect();\r\n const scrollLeft = carousel.scrollLeft;\r\n const offset = (targetRect.left + targetRect.width \/ 2) - (carouselRect.left + carouselRect.width \/ 2);\r\n carousel.scrollTo({ left: scrollLeft + offset, behavior: 'smooth' });\r\n currentIndex = index;\r\n updateActiveImage();\r\n }\r\n }\r\n\r\n \/\/ ===== \u0627\u0644\u062a\u0646\u0642\u0651\u0644 \u0628\u0627\u0644\u0642\u0627\u0626\u0645\u0629 =====\r\n function scrollToGroup(groupIndex) { centerImage(groupIndex); }\r\n\r\n function updateActiveImage() {\r\n items.forEach(el => el.classList.remove('active-group'));\r\n items[currentIndex]?.classList.add('active-group');\r\n menuItems.forEach((el, i) => el.classList.toggle('active', i === currentIndex));\r\n if (currentIndex !== lastSubtitleIndex) {\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n lastSubtitleIndex = currentIndex;\r\n }\r\n }\r\n\r\n \/\/ ===== \u0623\u0633\u0647\u0645 \u0627\u0644\u0646\u0627\u0641\u064a\u063a\u064a\u062a\u0648\u0631 =====\r\n function nextImage(){\r\n if (currentIndex < items.length - 1) centerImage(currentIndex + 1);\r\n }\r\n function prevImage(){\r\n if (currentIndex > 0) centerImage(currentIndex - 1);\r\n }\r\n\r\n \/\/ ===== \u0643\u0644\u064a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 =====\r\n items.forEach((item, i) => {\r\n item.addEventListener('click', () => centerImage(i));\r\n });\r\n\r\n \/\/ \u062a\u0631\u062c\u0645\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629\r\n const srcObserver = new MutationObserver(() => {\r\n const arr = getTranslatedSubtitles();\r\n subtitlesArr = arr;\r\n computeMaxSubtitleHeight();\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n });\r\n srcObserver.observe(document.getElementById('subtitle-sources'), {\r\n subtree: true, characterData: true, childList: true\r\n });\r\n\r\n window.addEventListener('resize', computeMaxSubtitleHeight);\r\n\r\n window.addEventListener('load', () => {\r\n centerImage(0);\r\n computeMaxSubtitleHeight();\r\n requestAnimationFrame(() => requestAnimationFrame(() => {\r\n subtitlesArr = getTranslatedSubtitles();\r\n computeMaxSubtitleHeight();\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n }));\r\n });\r\n\r\n \/\/ \u062f\u0648\u0627\u0644 \u0639\u0627\u0645\u0651\u0629\r\n window.scrollToGroup = scrollToGroup;\r\n window.nextImage = nextImage;\r\n window.prevImage = prevImage;\r\n window.centerImage = centerImage;\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41898b6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"41898b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ae8c292 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"ae8c292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-98f5be9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"98f5be9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f75f1bf e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f75f1bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f84ad elementor-widget elementor-widget-heading\" data-id=\"b5f84ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brushes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26c7ff8 wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"26c7ff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Lila2_Animation-1743413401294.json","id":7788,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/Lila2_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3a0bd elementor-widget elementor-widget-text-editor\" data-id=\"ec3a0bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>One stroke changes everything.<br \/><\/strong>Create and Customize Brushes with Precision<br \/>Empower Your Creativity with Precise Brush Customization. <br \/>Unlock the Power of Pen Tilt, Pressure Sensitivity, and Brush Speed Adjustment for Professional Results.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a395d2 0 elementor-widget elementor-widget-html\" data-id=\"3a395d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* === \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0644\u0635\u0648\u0631\u0629 === *\/\r\n .sx-image-block {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u062a\u0623\u0643\u062f \u0645\u0627 \u0641\u064a \u0642\u0635 \u0644\u0644\u062d\u0648\u0627\u0641 \u0645\u0646 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0 !important;\r\n overflow: visible !important;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-image-block img.sx-hero-rounded {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0630\u0627 \u0627\u0644\u0628\u0644\u0648\u0643 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0642\u0635\/\u0643\u0645\u0627\u0645\u0629 \u0645\u062d\u062a\u0645\u0644 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-image-block\">\r\n <img\r\n class=\"sx-hero-rounded\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-164043-scaled.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3124e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7f3124e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28df0ba elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"28df0ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInDown"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Advance Brush Settings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9fcc31 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b9fcc31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f927322 e-transform e-transform elementor-invisible elementor-widget elementor-widget-image\" data-id=\"f927322\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"slideInUp","_transform_translateY_effect":{"unit":"px","size":0,"sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":10,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1024x755.webp\" class=\"attachment-large size-large wp-image-11431\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1024x755.webp 1024w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-300x221.webp 300w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-768x566.webp 768w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1536x1133.webp 1536w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-16x12.webp 16w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7ed2b animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1c7ed2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation_tablet_extra":"fadeIn","_animation":"fadeIn"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Take full control over every detail of your brush from shape and texture to stylus sensitivity and color dynamics. Designed for professionals and visionaries, this engine gives you precision, realism, and endless creative possibilities.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6388975 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6388975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cde29c4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"cde29c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e510dc9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"e510dc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a3ce391 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"a3ce391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3111d2 elementor-widget elementor-widget-heading\" data-id=\"d3111d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Colors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffba37d wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"ffba37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/7-Blue_Animation-1743413401294.json","id":7777,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/7-Blue_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9786ad elementor-widget elementor-widget-text-editor\" data-id=\"c9786ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Discover a World of Color Possibilities: RGB, CMYK. and Predefined Color Profiles.<br \/>StylusX offers advanced color control, giving you complete freedom to adjust and create effortlessly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f18c7c 0 elementor-widget elementor-widget-html\" data-id=\"9f18c7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped 2)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n .sx-scope-2 {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u0646\u062a\u0623\u0643\u062f \u0645\u0627\u0641\u064a \u0642\u0635 \u0623\u0648 \u0627\u0633\u062a\u062f\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0;\r\n overflow: visible;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-scope-2 img.sx-hero-rounded-2 {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0643\u0645\u0627\u0645\u0629\/\u0642\u0635 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n -webkit-mask: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-scope-2\">\r\n <img\r\n class=\"sx-hero-rounded-2\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-165139-scaled.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da8b81a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"da8b81a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-efa70a2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"efa70a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d76c61 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3d76c61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f878725 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f878725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16c4e7a elementor-widget elementor-widget-heading\" data-id=\"16c4e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Layers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc95b24 wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"cc95b24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/7-Blue_Animation-1743413401294.json","id":7777,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/7-Blue_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56f8111 elementor-widget elementor-widget-text-editor\" data-id=\"56f8111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Organize, manage, and control every detail of your artwork.<br data-start=\"195\" data-end=\"198\" \/>With StylusX Layers, you can stack, merge, mask, and adjust with precision.<br data-start=\"273\" data-end=\"276\" \/>Enjoy a non-destructive workflow that keeps your creativity flexible and your ideas limitless.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd94ac 0 elementor-widget elementor-widget-html\" data-id=\"fbd94ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped 2)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n .sx-scope-2 {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u0646\u062a\u0623\u0643\u062f \u0645\u0627\u0641\u064a \u0642\u0635 \u0623\u0648 \u0627\u0633\u062a\u062f\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0;\r\n overflow: visible;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-scope-2 img.sx-hero-rounded-2 {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0643\u0645\u0627\u0645\u0629\/\u0642\u0635 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n -webkit-mask: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-scope-2\">\r\n <img\r\n class=\"sx-hero-rounded-2\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Layers2.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd892db elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cd892db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-289e9c7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"289e9c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-934b26e elementor-widget elementor-widget-heading\" data-id=\"934b26e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">This is just the beginning.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a234ca3 elementor-widget elementor-widget-text-editor\" data-id=\"a234ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>StylusX will keep evolving with every update and you\u2019ll always get more creative power in your hands.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc8d71 elementor-widget elementor-widget-heading\" data-id=\"6dc8d71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coming Next...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85212e5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"85212e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ac3f946 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"ac3f946\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eabd295 elementor-widget elementor-widget-image\" data-id=\"eabd295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12668\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1676cd elementor-widget elementor-widget-heading\" data-id=\"c1676cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Timeline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77043ce e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"77043ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":150}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe2c46 elementor-widget elementor-widget-image\" data-id=\"bfe2c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12670\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c002761 elementor-widget elementor-widget-heading\" data-id=\"c002761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3D model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f916c11 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"f916c11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f282457 elementor-widget elementor-widget-image\" data-id=\"f282457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12669\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1410c23 elementor-widget elementor-widget-heading\" data-id=\"1410c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Text<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cad5507 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cad5507\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bbd746a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"bbd746a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57218b0 elementor-widget elementor-widget-heading\" data-id=\"57218b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything you need, right here.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4175055 elementor-widget elementor-widget-text-editor\" data-id=\"4175055\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From expert guides to interactive lessons, learning has never been easier.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40af45a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"40af45a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/Handbook\\\/introduction-to-stylusx","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-3248fdd e-con-full e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3248fdd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b9fd0a elementor-widget elementor-widget-heading\" data-id=\"0b9fd0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Essential Handbook<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51424f6 elementor-widget elementor-widget-text-editor\" data-id=\"51424f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Discover everything you need to use StylusX efficiently. This handbook provides detailed guidance, practical tips, and a comprehensive exploration of features to help you make the most of the software.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ead0c1 elementor-widget elementor-widget-html\" data-id=\"5ead0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/Handbook\/introduction-to-stylusx\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/faq","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-5bfb874 e-con-full e-transform e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"5bfb874\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90333d8 elementor-widget elementor-widget-heading\" data-id=\"90333d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6801a5 elementor-widget elementor-widget-text-editor\" data-id=\"e6801a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"0\" data-end=\"37\" data-is-only-node=\"\">Got a question? You\u2019re not alone.<\/strong><br data-start=\"37\" data-end=\"40\" \/>Here you\u2019ll find quick answers to the most common queries.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d24d005 elementor-widget elementor-widget-html\" data-id=\"d24d005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/faq\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/report-and-suggest","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-ef5b2c4 e-con-full e-transform e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"ef5b2c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateX_effect_hover":{"unit":"px","size":0,"sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e29231 elementor-widget elementor-widget-heading\" data-id=\"0e29231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Report & Suggest<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21b4a38 elementor-widget elementor-widget-text-editor\" data-id=\"21b4a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every message is carefully reviewed by our team, and we truly appreciate your respectful and constructive input. <br \/>Together, we can make StylusX even better for everyone.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-298e540 elementor-widget elementor-widget-html\" data-id=\"298e540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/report-and-suggest\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-108ec44 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"108ec44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f2e14b0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f2e14b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6759550 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6759550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f217df2 scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"f217df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .stylusx-icon-alt {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .stylusx-icon-alt img {\r\n width: 200px; \/* \u0639\u062f\u0651\u0644 \u0627\u0644\u062d\u062c\u0645 \u0625\u0630\u0627 \u0628\u062f\u0643 *\/\r\n height: auto;\r\n max-width: 100%;\r\n display: block;\r\n }\r\n<\/style>\r\n\r\n<div class=\"stylusx-icon-alt\">\r\n <img decoding=\"async\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/07\/StylusX_App_Icon-scaled.png\" alt=\"StylusX Icon\">\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-427f74f scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"427f74f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<script>\r\nfunction gtag_report_conversion(url) {\r\n var callback = function () {\r\n if (typeof(url) != 'undefined') {\r\n window.open(url, '_blank'); \/\/ \u0641\u062a\u062d \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0635\u0641\u062d\u0629 \u062c\u062f\u064a\u062f\u0629\r\n }\r\n };\r\n gtag('event', 'conversion', {\r\n 'send_to': 'AW-17600194378\/85HtCN2zuKMbEMrOtshB',\r\n 'event_callback': callback\r\n });\r\n return false;\r\n}\r\n<\/script>\r\n\r\n\r\n<div style=\"text-align:center; margin:20px 0;\">\r\n <a href=\"https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?hl=en-US&gl=DE\" onclick=\"return gtag_report_conversion('https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?hl=en-US&gl=DE');\" style=\"\r\n display:inline-block;\r\n padding:8px 18px;\r\n font-size:15px;\r\n font-weight:600;\r\n color:#fff;\r\n background-color:#4285f4;\r\n border-radius:25px;\r\n text-decoration:none;\r\n text-align:center;\r\n transition:all 0.3s ease;\" target=\"_blank\" rel=\"noopener\">\r\n Get StylusX\r\n <\/a>\r\n<\/div>\r\n\r\n<style>\r\na[onclick*=\"gtag_report_conversion\"]:hover {\r\n background-color:#3367d6;\r\n transform:scale(1.05);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5fbd1 animated-slow scroll-fade-blur elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ca5fbd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Available on the Microsoft Store.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c331da1 scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"c331da1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n<title>StylusX \u2013 Localized Price (IP-based)<\/title>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"sx-price-line\" style=\"\r\n font-weight: 300;\r\n font-size: 14px;\r\n line-height: 1.2;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial;\r\n color: #e7e7ea;\r\n text-align: center;\r\n\">\r\n \u20ac34,99. No subscription.\r\n<\/div>\r\n\r\n\r\n<script id=\"ms-price-data\" type=\"text\/plain\">\r\nBase currency\r\nRetail price\r\nEUR\r\n\u20ac34.99\r\nMarket optimized rate\r\nAfghanistan (AF)\r\n$33.49\r\n\u00c5land Islands (AX)\r\n$33.49\r\nAlbania (AL)\r\n$33.49\r\nAlgeria (DZ)\r\nDZD3,599.00\r\nAmerican Samoa (AS)\r\n$33.49\r\nAndorra (AD)\r\n\u20ac29.49\r\nAngola (AO)\r\n$33.49\r\nAnguilla (AI)\r\n$33.49\r\nAntarctica (AQ)\r\n$33.49\r\nAntigua and Barbuda (AG)\r\n$33.49\r\nArgentina (AR)\r\nARS479.00\r\nArmenia (AM)\r\n$33.49\r\nAruba (AW)\r\n$33.49\r\nAustralia (AU)\r\nA$50.45\r\nAustria (AT)\r\n\u20ac35.49\r\nAzerbaijan (AZ)\r\n$33.49\r\nBahamas (BS)\r\n$33.49\r\nBahrain (BH)\r\nBHD12.750\r\nBangladesh (BD)\r\nBDT2,599.00\r\nBarbados (BB)\r\n$33.49\r\nBelarus (BY)\r\n$33.49\r\nBelgium (BE)\r\n\u20ac35.49\r\nBelize (BZ)\r\n$33.49\r\nBenin (BJ)\r\n$33.49\r\nBermuda (BM)\r\n$33.49\r\nBhutan (BT)\r\n$33.49\r\nBolivia (BO)\r\n$33.49\r\nBonaire (BQ)\r\n$33.49\r\nBosnia and Herzegovina (BA)\r\n$33.49\r\nBotswana (BW)\r\n$33.49\r\nBouvet Island (BV)\r\n$33.49\r\nBrazil (BR)\r\nR$124.95\r\nBritish Indian Ocean Territory (IO)\r\n$33.49\r\nBritish Virgin Islands (VG)\r\n$33.49\r\nBrunei (BN)\r\n$33.49\r\nBulgaria (BG)\r\nBGN69.00\r\nBurkina Faso (BF)\r\n$33.49\r\nBurundi (BI)\r\n$33.49\r\nCabo Verde (CV)\r\n$33.49\r\nCambodia (KH)\r\n$33.49\r\nCameroon (CM)\r\n$33.49\r\nCanada (CA)\r\nCA$42.99\r\nCayman Islands (KY)\r\n$33.49\r\nCentral African Republic (CF)\r\n$33.49\r\nChad (TD)\r\n$33.49\r\nChile (CL)\r\nCLP22,499\r\nChina (CN)\r\nCN\u00a5239.00\r\nChristmas Island (CX)\r\n$33.49\r\nCocos (Keeling) Islands (CC)\r\n$33.49\r\nColombia (CO)\r\nCOP101,900.00\r\nComoros (KM)\r\n$33.49\r\nCongo (CG)\r\n$33.49\r\nCongo (DRC) (CD)\r\n$33.49\r\nCook Islands (CK)\r\n$33.49\r\nCosta Rica (CR)\r\nCRC18,000.00\r\nC\u00f4te d'Ivoire (CI)\r\n$33.49\r\nCroatia (HR)\r\n\u20ac36.99\r\nCura\u00e7ao (CW)\r\n$33.49\r\nCyprus (CY)\r\n\u20ac34.99\r\nCzechia (CZ)\r\nCZK959.00\r\nDenmark (DK)\r\nDKK269.00\r\nDjibouti (DJ)\r\n$33.49\r\nDominica (DM)\r\n$33.49\r\nDominican Republic (DO)\r\n$33.49\r\nEcuador (EC)\r\n$33.49\r\nEgypt (EG)\r\nEGP295.00\r\nEl Salvador (SV)\r\n$33.49\r\nEquatorial Guinea (GQ)\r\n$33.49\r\nEritrea (ER)\r\n$33.49\r\nEstonia (EE)\r\n\u20ac35.49\r\nEswatini (SZ)\r\n$33.49\r\nEthiopia (ET)\r\n$33.49\r\nFalkland Islands (FK)\r\n$33.49\r\nFaroe Islands (FO)\r\n$33.49\r\nFiji (FJ)\r\n$33.49\r\nFinland (FI)\r\n\u20ac36.49\r\nFrance (FR)\r\n\u20ac35.49\r\nFrench Guiana (GF)\r\n$33.49\r\nFrench Polynesia (PF)\r\n$33.49\r\nFrench Southern Territories (TF)\r\n$33.49\r\nGabon (GA)\r\n$33.49\r\nGambia (GM)\r\n$33.49\r\nGeorgia (GE)\r\n$33.49\r\nGermany (DE)\r\n\u20ac34.99\r\nGhana (GH)\r\n$33.49\r\nGibraltar (GI)\r\n$33.49\r\nGreece (GR)\r\n\u20ac36.49\r\nGreenland (GL)\r\n$33.49\r\nGrenada (GD)\r\n$33.49\r\nGuadeloupe (GP)\r\n$33.49\r\nGuam (GU)\r\n$33.49\r\nGuatemala (GT)\r\nGTQ289.00\r\nGuernsey (GG)\r\n$33.49\r\nGuinea (GN)\r\n$33.49\r\nGuinea-Bissau (GW)\r\n$33.49\r\nGuyana (GY)\r\n$33.49\r\nHaiti (HT)\r\n$33.49\r\nHeard Island and McDonald Islands (HM)\r\n$33.49\r\nHonduras (HN)\r\n$33.49\r\nHong Kong SAR (HK)\r\nHK$259.00\r\nHungary (HU)\r\nHUF11,600.00\r\nIceland (IS)\r\nISK3,149\r\nIndia (IN)\r\n\u20b91,824.00\r\nIndonesia (ID)\r\nIDR440,000.00\r\nIraq (IQ)\r\nIQD37,000\r\nIreland (IE)\r\n\u20ac36.49\r\nIsle of Man (IM)\r\n$33.49\r\nIsrael (IL)\r\n\u20aa126.00\r\nItaly (IT)\r\n\u20ac35.99\r\nJamaica (JM)\r\n$33.49\r\nJapan (JP)\r\n\u00a53,900\r\nJersey (JE)\r\n$33.49\r\nJordan (JO)\r\nJOD32.000\r\nKazakhstan (KZ)\r\nKZT11,300.00\r\nKenya (KE)\r\nKES3,950.00\r\nKiribati (KI)\r\n$33.49\r\nKorea (KR)\r\n\u20a941,900\r\nKuwait (KW)\r\nKWD10.000\r\nKyrgyzstan (KG)\r\n$33.49\r\nLaos (LA)\r\n$33.49\r\nLatvia (LV)\r\n\u20ac35.49\r\nLesotho (LS)\r\n$33.49\r\nLiberia (LR)\r\n$33.49\r\nLibya (LY)\r\n$33.49\r\nLiechtenstein (LI)\r\nCHF34.50\r\nLithuania (LT)\r\n\u20ac35.49\r\nLuxembourg (LU)\r\n\u20ac34.49\r\nMacao SAR (MO)\r\n$33.49\r\nMadagascar (MG)\r\n$33.49\r\nMalawi (MW)\r\n$33.49\r\nMalaysia (MY)\r\nMYR130.00\r\nMaldives (MV)\r\n$33.49\r\nMali (ML)\r\n$33.49\r\nMalta (MT)\r\n\u20ac34.99\r\nMarshall Islands (MH)\r\n$33.49\r\nMartinique (MQ)\r\n$33.49\r\nMauritania (MR)\r\nMRO10,499\r\nMauritius (MU)\r\n$33.49\r\nMayotte (YT)\r\n$33.49\r\nMexico (MX)\r\nMX$589.00\r\nMicronesia (FM)\r\n$33.49\r\nMoldova (MD)\r\n$33.49\r\nMonaco (MC)\r\n\u20ac29.49\r\nMongolia (MN)\r\n$33.49\r\nMontenegro (ME)\r\n\u20ac29.49\r\nMontserrat (MS)\r\n$33.49\r\nMorocco (MA)\r\nMAD464.00\r\nMozambique (MZ)\r\n$33.49\r\nMyanmar (MM)\r\n$33.49\r\nNamibia (NA)\r\n$33.49\r\nNauru (NR)\r\n$33.49\r\nNepal (NP)\r\n$33.49\r\nNetherlands (NL)\r\n\u20ac35.49\r\nNew Caledonia (NC)\r\n$33.49\r\nNew Zealand (NZ)\r\nNZ$56.40\r\nNicaragua (NI)\r\n$33.49\r\nNiger (NE)\r\n$33.49\r\nNigeria (NG)\r\nNGN6,999.00\r\nNiue (NU)\r\n$33.49\r\nNorfolk Island (NF)\r\n$33.49\r\nNorth Macedonia (MK)\r\n$33.49\r\nNorthern Mariana Islands (MP)\r\n$33.49\r\nNorway (NO)\r\nNOK344.00\r\nOman (OM)\r\nOMR13.000\r\nPakistan (PK)\r\nPKR3,499.00\r\nPalau (PW)\r\n$33.49\r\nPalestinian Authority (PS)\r\n$33.49\r\nPanama (PA)\r\n$33.49\r\nPapua New Guinea (PG)\r\n$33.49\r\nParaguay (PY)\r\n$33.49\r\nPeru (PE)\r\nPEN112.50\r\nPhilippines (PH)\r\nPHP1,550.00\r\nPitcairn Islands (PN)\r\n$33.49\r\nPoland (PL)\r\nPLN154.99\r\nPortugal (PT)\r\n\u20ac36.49\r\nQatar (QA)\r\nQAR122.50\r\nR\u00e9union (RE)\r\n$33.49\r\nRomania (RO)\r\nRON167.49\r\nRussia (RU)\r\n$33.49\r\nRwanda (RW)\r\n$33.49\r\nSaint Barth\u00e9lemy (BL)\r\n$33.49\r\nSaint Kitts and Nevis (KN)\r\n$33.49\r\nSaint Lucia (LC)\r\n$33.49\r\nSaint Martin (MF)\r\n$33.49\r\nSaint Pierre and Miquelon (PM)\r\n$33.49\r\nSaint Vincent and the Grenadines (VC)\r\n$33.49\r\nSamoa (WS)\r\n$33.49\r\nSan Marino (SM)\r\n\u20ac29.49\r\nS\u00e3o Tom\u00e9 and Pr\u00edncipe (ST)\r\n$33.49\r\nSaudi Arabia (SA)\r\nSAR125.00\r\nSenegal (SN)\r\n$33.49\r\nSerbia (RS)\r\nRSD4,349\r\nSeychelles (SC)\r\n$33.49\r\nSierra Leone (SL)\r\n$33.49\r\nSingapore (SG)\r\nSGD48.75\r\nSint Maarten (SX)\r\n$33.49\r\nSlovakia (SK)\r\n\u20ac35.49\r\nSlovenia (SI)\r\n\u20ac35.99\r\nSolomon Islands (SB)\r\n$33.49\r\nSomalia (SO)\r\n$33.49\r\nSouth Africa (ZA)\r\nZAR559.00\r\nSouth Georgia and South Sandwich Islands (GS)\r\n$33.49\r\nSpain (ES)\r\n\u20ac35.49\r\nSri Lanka (LK)\r\n$33.49\r\nSt Helena, Ascension, Tristan da Cunha (SH)\r\n$33.49\r\nSuriname (SR)\r\n$33.49\r\nSvalbard (SJ)\r\n$33.49\r\nSweden (SE)\r\nSEK334.00\r\nSwitzerland (CH)\r\nCHF34.50\r\nTaiwan (TW)\r\nNT$1,139.00\r\nTajikistan (TJ)\r\n$33.49\r\nTanzania (TZ)\r\n$33.49\r\nThailand (TH)\r\nTHB1,179.00\r\nTimor-Leste (TL)\r\n$33.49\r\nTogo (TG)\r\n$33.49\r\nTokelau (TK)\r\n$33.49\r\nTonga (TO)\r\n$33.49\r\nTrinidad and Tobago (TT)\r\nTTD220.50\r\nTunisia (TN)\r\nTND93.200\r\nT\u00fcrkiye (TR)\r\nTRY95.00\r\nTurkmenistan (TM)\r\n$33.49\r\nTurks and Caicos Islands (TC)\r\n$33.49\r\nTuvalu (TV)\r\n$33.49\r\nU.S. Outlying Islands (UM)\r\n$33.49\r\nU.S. Virgin Islands (VI)\r\n$33.49\r\nUganda (UG)\r\n$33.49\r\nUkraine (UA)\r\nUAH857.50\r\nUnited Arab Emirates (AE)\r\n$33.49\r\nUnited Kingdom (GB)\r\n\u00a327.99\r\nUnited States (US)\r\n$33.49\r\nUruguay (UY)\r\n$33.49\r\nUzbekistan (UZ)\r\n$33.49\r\nVanuatu (VU)\r\n$33.49\r\nVatican City (VA)\r\n\u20ac29.49\r\nVenezuela (VE)\r\n$33.49\r\nVietnam (VN)\r\n\u20ab749,900\r\nWallis and Futuna (WF)\r\n$33.49\r\nYemen (YE)\r\n$33.49\r\nZambia (ZM)\r\n$33.49\r\nZimbabwe (ZW)\r\n$33.49\r\n<\/script>\r\n\r\n<script>\r\n(async function(){\r\n \/\/ 1) \u0646\u062d\u0627\u0648\u0644 \u0646\u062c\u064a\u0628 \u0631\u0645\u0632 \u0628\u0644\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0627\u0644\u0640 Public IP\r\n async function getCountryFromIP(){\r\n try {\r\n \/\/ ipwho.is (\u0628\u062f\u0648\u0646 \u0645\u0641\u062a\u0627\u062d)\r\n const r1 = await fetch('https:\/\/ipwho.is\/');\r\n const d1 = await r1.json();\r\n if (d1 && d1.success !== false && d1.country_code) return d1.country_code.toUpperCase();\r\n } catch(e){}\r\n try {\r\n \/\/ ipapi.co (\u0628\u0627\u0643 \u0623\u0628)\r\n const r2 = await fetch('https:\/\/ipapi.co\/json\/');\r\n const d2 = await r2.json();\r\n if (d2 && d2.country) return String(d2.country).toUpperCase();\r\n } catch(e){}\r\n return null;\r\n }\r\n\r\n \/\/ 2) \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644: \u0643\u0644 \"Country (CC)\" \u0648\u0628\u0639\u062f\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 \u0633\u0637\u0631 \u0627\u0644\u0633\u0639\u0631\r\n function parseTablePriceBelowCountry(text){\r\n const lines = text.split(\/\\r?\\n\/).map(s => s.trim());\r\n const map = Object.create(null);\r\n for (let i=0; i<lines.length; i++){\r\n const m = lines[i].match(\/\$([A-Z]{2})\$$\/);\r\n if (m){\r\n \/\/ \u062e\u064f\u0630 \u0623\u0648\u0644 \u0633\u0637\u0631 \u063a\u064a\u0631 \u0641\u0627\u0631\u063a \u0628\u0639\u062f \u0627\u0644\u0628\u0644\u062f \u0643\u0633\u0639\u0631\r\n let j = i + 1;\r\n while (j < lines.length && !lines[j]) j++;\r\n if (j < lines.length) map[m[1]] = lines[j];\r\n }\r\n }\r\n \/\/ \u0633\u0639\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0639\u0627\u0645\r\n map.default = \"\u20ac34.99\";\r\n return map;\r\n }\r\n\r\n \/\/ 3) fallback \u0628\u0633\u064a\u0637 \u0625\u0630\u0627 APIs \u0645\u0627 \u0631\u062c\u0651\u0639\u062a \u0628\u0644\u062f\r\n function guessCountryFallback(){\r\n const langs = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || '']).filter(Boolean);\r\n for (const l of langs){\r\n const cc = pickCountryFromLocale(l);\r\n if (cc) return cc;\r\n }\r\n const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';\r\n const cc2 = mapTimeZoneToCountry(tz);\r\n return cc2 || 'default';\r\n }\r\n function pickCountryFromLocale(locale){\r\n if (!locale) return null;\r\n const norm = String(locale).replace('_','-');\r\n const parts = norm.split('-');\r\n if (parts.length >= 2 && \/^[A-Za-z]{2}$\/.test(parts[parts.length-1]))\r\n return parts[parts.length-1].toUpperCase();\r\n return null;\r\n }\r\n function mapTimeZoneToCountry(tz){\r\n const map = {\r\n \"Europe\/Berlin\":\"DE\",\"Europe\/Vienna\":\"AT\",\"Europe\/Zurich\":\"CH\",\"Europe\/Paris\":\"FR\",\"Europe\/Madrid\":\"ES\",\"Europe\/Rome\":\"IT\",\"Europe\/Amsterdam\":\"NL\",\r\n \"Europe\/Prague\":\"CZ\",\"Europe\/Warsaw\":\"PL\",\"Europe\/Stockholm\":\"SE\",\"Europe\/Oslo\":\"NO\",\"Europe\/Copenhagen\":\"DK\",\"Europe\/Helsinki\":\"FI\",\r\n \"Europe\/London\":\"GB\",\"Europe\/Dublin\":\"IE\",\r\n \"America\/New_York\":\"US\",\"America\/Chicago\":\"US\",\"America\/Denver\":\"US\",\"America\/Los_Angeles\":\"US\",\r\n \"America\/Toronto\":\"CA\",\"America\/Vancouver\":\"CA\",\"America\/Mexico_City\":\"MX\",\r\n \"Asia\/Dubai\":\"AE\",\"Asia\/Riyadh\":\"SA\",\"Asia\/Seoul\":\"KR\",\"Asia\/Tokyo\":\"JP\",\"Asia\/Shanghai\":\"CN\",\"Asia\/Taipei\":\"TW\",\"Asia\/Kolkata\":\"IN\",\r\n \"Australia\/Sydney\":\"AU\",\"Pacific\/Auckland\":\"NZ\"\r\n };\r\n return map[tz] || null;\r\n }\r\n\r\n \/\/ 4) \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0646\u0642\u0637\u0629 \u0627\u0644\u0643\u0633\u0648\u0631 \u0628\u0641\u0627\u0635\u0644\u0629 \u0644\u0644\u064a\u0648\u0631\u0648 \u0641\u0642\u0637\r\n function euroDotToComma(str){\r\n if (str.includes('\u20ac')) return str.replace(\/(\\d)\\.(\\d{2})(?!\\d)\/, '$1,$2');\r\n return str;\r\n }\r\n\r\n \/\/ \u062a\u0646\u0641\u064a\u0630\r\n const raw = document.getElementById('ms-price-data').textContent;\r\n const table = parseTablePriceBelowCountry(raw);\r\n\r\n let cc = await getCountryFromIP();\r\n if (!cc) cc = guessCountryFallback();\r\n\r\n const price = table[cc] || table.default;\r\n const display = euroDotToComma(price) + \". No subscription.\";\r\n\r\n document.getElementById('sx-price-line').textContent = display;\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9754c1a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9754c1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9abb7de elementor-widget elementor-widget-html\" data-id=\"9abb7de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Scroll Animation Effect<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f4f4f4;\r\n margin: 0;\r\n padding: 0;\r\n height: 3000px; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0637\u0648\u064a\u0644\u0629 \u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0633\u0643\u0631\u0648\u0648\u0644 *\/\r\n }\r\n\r\n \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0623\u062b\u064a\u0631 *\/\r\n .scroll-effect {\r\n opacity: 0; \/* \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u0643\u0648\u0646 \u0634\u0641\u0627\u0641 \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 *\/\r\n transform: translateY(50px); \/* \u062a\u0628\u062f\u0623 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0623\u0639\u0644\u0649 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n transition: opacity 0.3s ease-out, transform 0.5s ease-out;\r\n }\r\n\r\n \/* \u0639\u0646\u062f \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 visible\u060c \u0633\u064a\u0638\u0647\u0631 \u0627\u0644\u0639\u0646\u0635\u0631 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b *\/\r\n .scroll-effect.visible {\r\n opacity: 1;\r\n transform: translateY(0); \/* \u064a\u0631\u062c\u0639 \u0627\u0644\u0639\u0646\u0635\u0631 \u0644\u0645\u0643\u0627\u0646\u0647 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n }\r\n\r\n \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n @media (max-width: 600px) {\r\n .scroll-effect {\r\n max-width: 70vw; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u0642\u0637 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script>\r\n $(document).ready(function() {\r\n \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0630\u064a \u0633\u064a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0644\u0627\u0633\r\n var elements = $('.scroll-effect'); \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0644\u0627\u0633 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\r\n var windowHeight = $(window).height();\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0623\u0648 \u0625\u0632\u0627\u0644\u0629 \u0643\u0644\u0627\u0633 'visible' \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n $(window).on('scroll', function() {\r\n elements.each(function() {\r\n var element = $(this);\r\n var elementTop = element.offset().top;\r\n var scrollTop = $(window).scrollTop();\r\n\r\n \/\/ \u0625\u0630\u0627 \u0648\u0635\u0644\u0646\u0627 \u0644\u0644\u0639\u0646\u0635\u0631 \u0623\u0648 \u062a\u062c\u0627\u0648\u0632\u0647 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n if (scrollTop + windowHeight > elementTop + 200) {\r\n element.addClass('visible');\r\n } else {\r\n element.removeClass('visible');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reflective Ambilight Unmute Change the Way You Create Art. You create art with the ultimate Digital drawing software for Windows. Simple. Creative. Powerful. We made it easy Like never before, designed for all touch and stylus-enabled devices. StylusX gives you the freedom to sketch, paint, and create naturally just like you would on paper or any creative tablet. Our custom-designed drawing app interface makes creating easier than ever. Whether you’re using a stylus or touch gestures, you’ll enjoy a seamless, intuitive experience that lets you focus on your creativity. Precision meets simplicity, allowing you to bring your ideas to life with effortless control. StylusX \u2013 Localized Price (IP-based) \u20ac34,99. No subscription. Try it free for 7 days. No commitment. lifetime access with free updates. Use the Power of Stylus Any Device. Any Input. Same Creativity. Designed for Stylus & Touch Devices.No accessories needed. Just tap, sketch, and create. https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4 StylusX Carousel (Images) Effects Color Adjustment Liquify Adjust blur, sharpen, noise, shadow, and more effects easily, giving your artwork depth, clarity, and a polished professional finish. Fine-tune brightness, contrast, hue, and saturation to capture the exact mood, tone, and style you envision. Push, pull, expand, or contract any part of your drawing to reshape forms, fix proportions, or creatively distort your design. Brushes One stroke changes everything.Create and Customize Brushes with PrecisionEmpower Your Creativity with Precise Brush Customization. Unlock the Power of Pen Tilt, Pressure Sensitivity, and Brush Speed Adjustment for Professional Results. Simple Image (Scoped) Advance Brush Settings Take full control over every detail of your brush from shape and texture to stylus sensitivity and color dynamics. Designed for professionals and visionaries, this engine gives you precision, realism, and endless creative possibilities. Colors Discover a World of Color Possibilities: RGB, CMYK. and Predefined Color Profiles.StylusX offers advanced color control, giving you complete freedom to adjust and create effortlessly. Simple Image (Scoped 2) Layers Organize, manage, and control every detail of your artwork.With StylusX Layers, you can stack, merge, mask, and adjust with precision.Enjoy a non-destructive workflow that keeps your creativity flexible and your ideas limitless. Simple Image (Scoped 2) This is just the beginning. StylusX will keep evolving with every update and you\u2019ll always get more creative power in your hands. Coming Next… Timeline 3D model Add Text Everything you need, right here. From expert guides to interactive lessons, learning has never been easier. Essential Handbook Discover everything you need to use StylusX efficiently. This handbook provides detailed guidance, practical tips, and a comprehensive exploration of features to help you make the most of the software. FAQs Got a question? You\u2019re not alone.Here you\u2019ll find quick answers to the most common queries. Report & Suggest Every message is carefully reviewed by our team, and we truly appreciate your respectful and constructive input. Together, we can make StylusX even better for everyone. Get StylusX Available on the Microsoft Store. StylusX \u2013 Localized Price (IP-based) \u20ac34,99. No subscription. Scroll Animation Effect<\/p>","protected":false},"author":1,"featured_media":12552,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6506","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/comments?post=6506"}],"version-history":[{"count":948,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506\/revisions"}],"predecessor-version":[{"id":13368,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506\/revisions\/13368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/media\/12552"}],"wp:attachment":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/media?parent=6506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Reflective Ambilight<\/title>\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn-uicons.flaticon.com\/uicons-solid-rounded\/css\/uicons-solid-rounded.css\">\r\n\r\n <style>\r\n :root{\r\n \/* \u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u0631\u0627\u0646\u062f (\u063a\u064a\u0631\u0647 \u0625\u0630\u0627 \u0628\u062f\u0643 \u062f\u0631\u062c\u0629 \u0645\u062d\u062f\u062f\u0629) *\/\r\n --brand-blue: 77,163,255; \/* rgb *\/\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: #000;\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n\r\n .ambilight-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ambilight-wrapper {\r\n position: relative;\r\n padding: 20px;\r\n isolation: isolate;\r\n }\r\n\r\n .ambilight-video {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9; \/* \u062f\u0650\u0633\u0643\u062a\u0648\u0628 *\/\r\n display: block;\r\n border-radius: 40px;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.4);\r\n object-fit: cover;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u062a\u0648\u0647\u062c *\/\r\n .ambilight-reflection {\r\n position: absolute;\r\n bottom: -60px;\r\n left: 0; right: 0;\r\n height: 200px;\r\n z-index: 0;\r\n background: radial-gradient(ellipse at center bottom, rgba(255,255,255,0.5), transparent 80%);\r\n filter: blur(100px);\r\n opacity: 0.0; \/* \u0645\u0628\u062f\u0626\u064a\u0627\u064b \u0645\u0637\u0641\u064a *\/\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n mix-blend-mode: screen;\r\n }\r\n .ambilight-reflection.second {\r\n z-index: -1;\r\n filter: blur(160px);\r\n opacity: 0.0; \/* \u0645\u0637\u0641\u064a *\/\r\n }\r\n\r\n canvas { display: none; }\r\n\r\n \/* ===== \u0632\u0631 \u0627\u0644\u0635\u0648\u062a \u0627\u0644\u062f\u0627\u0626\u0631\u064a ===== *\/\r\n .audio-toggle {\r\n position: absolute;\r\n right: 36px;\r\n bottom: 36px;\r\n z-index: 3;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.22);\r\n background: rgba(0,0,0,0.45);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background .2s ease, transform .08s ease, opacity .2s ease, border-color .2s ease, box-shadow .2s ease;\r\n opacity: .30;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0645\u064a\u0648\u062a \u0635\u0631\u064a\u062d\u0629: \u0644\u0627 \u0623\u0632\u0631\u0642 \u0645\u0647\u0645\u0627 \u0635\u0627\u0631 *\/\r\n .audio-toggle:not(.is-on) {\r\n border-color: rgba(255,255,255,0.22) !important;\r\n box-shadow: none !important;\r\n background: rgba(0,0,0,0.45) !important;\r\n }\r\n .audio-toggle:not(.is-on):hover {\r\n background: rgba(0,0,0,0.65) !important;\r\n opacity: 1;\r\n }\r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0635\u0648\u062a \u0634\u063a\u0651\u0627\u0644 \u0641\u0642\u0637: \u0627\u0644\u0623\u0632\u0631\u0642 \u0648\u0627\u0644\u062c\u0644\u0648 *\/\r\n .audio-toggle.is-on {\r\n opacity: 1;\r\n border-color: rgba(var(--brand-blue), 0.9);\r\n box-shadow: 0 0 0 4px rgba(var(--brand-blue), 0.2), 0 0 22px rgba(var(--brand-blue), 0.25) inset;\r\n background: radial-gradient(circle at 50% 50%, rgba(var(--brand-blue), 0.20), rgba(0,0,0,0.35));\r\n }\r\n .audio-toggle.is-on:hover {\r\n box-shadow: 0 0 0 6px rgba(var(--brand-blue), 0.28), 0 0 26px rgba(var(--brand-blue), 0.32) inset;\r\n background: radial-gradient(circle at 50% 50%, rgba(var(--brand-blue), 0.26), rgba(0,0,0,0.35));\r\n }\r\n\r\n .audio-toggle:active { transform: scale(0.96); }\r\n .audio-toggle:focus-visible { outline: 2px solid rgba(255,255,255,0.7); outline-offset: 3px; }\r\n\r\n \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a Flaticon \u062f\u0627\u062e\u0644 \u0627\u0644\u0632\u0631 *\/\r\n .audio-toggle i {\r\n font-size: 22px;\r\n color: #fff;\r\n line-height: 1;\r\n pointer-events: none;\r\n transition: opacity .18s ease, transform .18s ease;\r\n }\r\n .icon-hide { opacity: 0; transform: scale(.9); display: none !important; }\r\n .icon-show { opacity: 1; transform: scale(1); display: inline-block !important; }\r\n\r\n \/* ===== Tooltip \u0645\u0648\u062f\u0631\u0646 ===== *\/\r\n .audio-tooltip {\r\n position: absolute;\r\n bottom: 64px; \/* \u0641\u0648\u0642 \u0627\u0644\u0632\u0631 *\/\r\n right: 0;\r\n transform: translateY(6px);\r\n opacity: 0;\r\n pointer-events: none;\r\n padding: 8px 10px;\r\n font-size: 12px;\r\n line-height: 1;\r\n color: #fff;\r\n background: rgba(0,0,0,0.6);\r\n border: 1px solid rgba(255,255,255,0.14);\r\n border-radius: 10px;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n transition: opacity .18s ease, transform .18s ease;\r\n white-space: nowrap;\r\n z-index: 10;\r\n }\r\n .audio-tooltip::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -6px;\r\n right: 12px;\r\n width: 10px; height: 10px;\r\n background: inherit;\r\n border-right: 1px solid rgba(255,255,255,0.14);\r\n border-bottom: 1px solid rgba(255,255,255,0.14);\r\n transform: rotate(45deg);\r\n filter: blur(0.2px);\r\n }\r\n .audio-toggle:hover .audio-tooltip,\r\n .audio-toggle:focus-visible .audio-tooltip {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ===== \u0645\u0648\u0628\u0627\u064a\u0644 ===== *\/\r\n @media (max-width: 600px) {\r\n .ambilight-video { aspect-ratio: 4 \/ 3; } \/* 4:3 *\/\r\n .ambilight-reflection { height: 140px; bottom: -40px; filter: blur(60px); }\r\n .ambilight-reflection.second { filter: blur(100px); }\r\n\r\n \/* \u0632\u0631 \u0623\u0635\u063a\u0631 \u0648\u0645\u0643\u0627\u0646 \u0623\u062f\u0642 *\/\r\n .audio-toggle {\r\n right: 34px;\r\n bottom: 34px;\r\n width: 35px;\r\n height: 35px;\r\n border-radius: 999px;\r\n opacity: .4; \/* \u0634\u0648\u064a \u0623\u0648\u0636\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n }\r\n .audio-toggle i { font-size: 14px; }\r\n\r\n \/* \u0627\u0644\u062a\u0648\u0644\u062a\u064a\u0628: \u0639\u0627\u062f\u0629 \u0645\u0646\u062e\u0641\u064a\u0647 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n .audio-tooltip { display: none; }\r\n }\r\n\r\n \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0644\u064a \u0628\u064a\u0641\u0636\u0644\u0648\u0647\u0627 *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .audio-toggle,\r\n .audio-tooltip { transition: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"ambilight-container\">\r\n <div class=\"ambilight-wrapper\">\r\n <video id=\"video\" class=\"ambilight-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Promo_720-1.mp4\"\/>\r\n <\/video>\r\n\r\n \r\n <div class=\"ambilight-reflection\" id=\"reflection\"><\/div>\r\n <div class=\"ambilight-reflection second\" id=\"reflection2\"><\/div>\r\n\r\n \r\n <button class=\"audio-toggle\" id=\"audioToggle\" type=\"button\" aria-label=\"Unmute video\" aria-describedby=\"audioTip\">\r\n \r\n <i id=\"iconMuted\" class=\"fi fi-sr-music-alt-slash icon-show\" aria-hidden=\"true\"><\/i>\r\n \r\n <i id=\"iconUnmuted\" class=\"fi fi-sr-music-note icon-hide\" aria-hidden=\"true\"><\/i>\r\n <span class=\"audio-tooltip\" id=\"audioTip\" role=\"tooltip\">Unmute<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <canvas id=\"canvas\" width=\"160\" height=\"90\"><\/canvas>\r\n\r\n <script>\r\n \/\/ ===== \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0648\u0647\u062c =====\r\n const minOpacity = 0.1, maxOpacity = 1;\r\n const video = document.getElementById('video');\r\n const canvas = document.getElementById('canvas');\r\n const ctx = canvas.getContext('2d', { willReadFrequently: true });\r\n const reflection = document.getElementById('reflection');\r\n const reflection2 = document.getElementById('reflection2');\r\n\r\n let allowGlow = false; \/\/ \u0645\u0627 \u0645\u0646\u0633\u0645\u062d \u0644\u0644\u062a\u0648\u0647\u0651\u062c \u0642\u0628\u0644 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n let reflectionTimer = null;\r\n\r\n function getAverageBrightness(frameData) {\r\n let sum = 0;\r\n for (let i = 0; i < frameData.length; i += 4) {\r\n sum += (frameData[i] + frameData[i+1] + frameData[i+2]) \/ 3;\r\n }\r\n return sum \/ (frameData.length \/ 4);\r\n }\r\n\r\n function updateReflection() {\r\n if (!allowGlow || video.paused || video.ended) return;\r\n try {\r\n ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\r\n const frame = ctx.getImageData(0, canvas.height - 20, canvas.width, 20);\r\n const avg = getAverageBrightness(frame.data);\r\n const normalized = Math.min(maxOpacity, Math.max(minOpacity, (avg \/ 255) * 1.4));\r\n reflection.style.opacity = normalized.toFixed(2);\r\n if (reflection2) reflection2.style.opacity = (normalized * 0.9).toFixed(2);\r\n } catch(e) {\r\n \/\/ \u0628\u0639\u0636 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a\/\u0623\u0648\u0644 \u0641\u0631\u064a\u0645 \u0639\u0644\u0649 iOS \u0645\u0645\u0643\u0646 \u064a\u0631\u0645\u064a \u062e\u0637\u0623 \u2014 \u062a\u062c\u0627\u0647\u0644\u0648\r\n }\r\n }\r\n\r\n function startGlow() {\r\n if (!allowGlow) return;\r\n clearInterval(reflectionTimer);\r\n reflectionTimer = setInterval(updateReflection, 100);\r\n }\r\n function stopGlow() {\r\n clearInterval(reflectionTimer);\r\n reflectionTimer = null;\r\n }\r\n\r\n \/\/ \u064a\u0628\u062f\u0623 \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0627\u0644\u062a\u0648\u0647\u0651\u062c \u0641\u0642\u0637 \u0628\u0639\u062f \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0633\u0644\u0633\r\n video.addEventListener('canplaythrough', () => {\r\n allowGlow = true;\r\n startGlow(); \/\/ \u0625\u0630\u0627 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0634\u063a\u0651\u0627\u0644 \u062d\u0627\u0644\u064a\u0627\u064b\u060c \u0634\u063a\u0651\u0644 \u0627\u0644\u062a\u0648\u0647\u0651\u062c \u0641\u0648\u0631\u0627\u064b\r\n });\r\n\r\n \/\/ \u0641\u064a \u062d\u0627\u0644 \u0628\u062f\u0643 \u0623\u0648\u0644 \u0641\u0631\u064a\u0645 \u0641\u0642\u0637:\r\n \/\/ video.addEventListener('loadeddata', () => { allowGlow = true; startGlow(); });\r\n\r\n \/\/ \u062a\u062d\u0643\u0651\u0645 \u0628\u0627\u0644\u062a\u0648\u0642\u0641\/\u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641 \u062d\u0633\u0628 \u062d\u0627\u0644\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n video.addEventListener('play', startGlow);\r\n video.addEventListener('pause', stopGlow);\r\n video.addEventListener('ended', stopGlow);\r\n\r\n \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0624\u0642\u062a \u0644\u0645\u0627 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u064a\u0635\u064a\u0631 \u0628\u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u062a\u0648\u0641\u064a\u0631 \u0645\u0648\u0627\u0631\u062f)\r\n document.addEventListener('visibilitychange', () => {\r\n if (document.hidden) stopGlow();\r\n else if (allowGlow && !video.paused && !video.ended) startGlow();\r\n });\r\n\r\n \/\/ ===== \u0632\u0631 \u0627\u0644\u0635\u0648\u062a =====\r\n const audioToggle = document.getElementById('audioToggle');\r\n const iconMuted = document.getElementById('iconMuted');\r\n const iconUnmuted = document.getElementById('iconUnmuted');\r\n const audioTip = document.getElementById('audioTip');\r\n\r\n function setIconState(isMuted) {\r\n if (isMuted) {\r\n \/\/ \u0645\u064a\u0648\u062a: \u0623\u064a\u0642\u0648\u0646\u0629 \u0645\u064a\u0648\u062a + \u0644\u0627 \u0623\u0632\u0631\u0642\r\n iconMuted.classList.remove('icon-hide'); iconMuted.classList.add('icon-show');\r\n iconUnmuted.classList.remove('icon-show'); iconUnmuted.classList.add('icon-hide');\r\n audioToggle.setAttribute('aria-label', 'Unmute video');\r\n audioTip.textContent = 'Unmute';\r\n audioToggle.classList.remove('is-on'); \/\/ \u0645\u0647\u0645: \u0634\u064a\u0644 \u0627\u0644\u0623\u0632\u0631\u0642\r\n } else {\r\n \/\/ \u0634\u063a\u0651\u0627\u0644: \u0623\u064a\u0642\u0648\u0646\u0629 \u0635\u0648\u062a + \u0623\u0632\u0631\u0642\r\n iconMuted.classList.remove('icon-show'); iconMuted.classList.add('icon-hide');\r\n iconUnmuted.classList.remove('icon-hide'); iconUnmuted.classList.add('icon-show');\r\n audioToggle.setAttribute('aria-label', 'Mute video');\r\n audioTip.textContent = 'Mute';\r\n audioToggle.classList.add('is-on'); \/\/ \u0641\u0639\u0651\u0644 \u0627\u0644\u0623\u0632\u0631\u0642\r\n }\r\n }\r\n\r\n \/\/ \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629 (\u0639\u0627\u062f\u0629 autoplay = muted)\r\n setIconState(Boolean(video.muted));\r\n\r\n function toggleAudio() {\r\n const willUnmute = video.muted;\r\n video.muted = !video.muted;\r\n\r\n if (willUnmute) {\r\n try { video.play(); } catch (e) {}\r\n video.volume = 0.9;\r\n }\r\n\r\n setIconState(video.muted);\r\n\r\n \/\/ \u0646\u0628\u0636\u0629 \u062e\u0641\u064a\u0641\u0629\r\n audioToggle.animate(\r\n [{ transform: 'scale(1)' }, { transform: 'scale(0.92)' }, { transform: 'scale(1)' }],\r\n { duration: 150, easing: 'ease-out' }\r\n );\r\n }\r\n\r\n audioToggle.addEventListener('click', toggleAudio);\r\n audioToggle.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleAudio(); }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-460b68d elementor-widget elementor-widget-html\" data-id=\"460b68d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .my-video-container {\r\n opacity: 0;\r\n filter: blur(30px);\r\n transition: opacity 1.5s ease, filter 1.5s ease;\r\n }\r\n\r\n .my-video-container.fade-in-active {\r\n opacity: 1;\r\n filter: blur(0px);\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const videoContainer = document.querySelector('.my-video-container');\r\n if (videoContainer) {\r\n \/\/ \u0646\u0636\u064a\u0641 \u0627\u0644\u0643\u0644\u0627\u0633 \u064a\u0644\u064a \u064a\u0641\u0639\u0644 \u0627\u0644\u0623\u0646\u0645\u064a\u0634\u0646\r\n setTimeout(() => {\r\n videoContainer.classList.add('fade-in-active');\r\n }, 100); \/\/ \u062a\u0623\u062e\u064a\u0631 \u0628\u0633\u064a\u0637 \u0628\u0639\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n }\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8e8f21 animated-slow e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"f8e8f21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeIn","animation_delay":100}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b487ce1 elementor-widget elementor-widget-heading\" data-id=\"b487ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Change the Way You Create Art.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f279e83 elementor-widget elementor-widget-heading\" data-id=\"f279e83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">You create art with the ultimate Digital drawing software for Windows.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ec856 elementor-widget elementor-widget-heading\" data-id=\"b1ec856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Simple. Creative. Powerful.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf57970 elementor-widget elementor-widget-heading\" data-id=\"cf57970\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">We made it easy Like never before, designed for all touch and stylus-enabled devices.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca98f16 elementor-widget elementor-widget-heading\" data-id=\"ca98f16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">StylusX gives you the freedom to sketch, paint, and create naturally just like you would on paper or any creative tablet.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da64380 elementor-widget elementor-widget-heading\" data-id=\"da64380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our custom-designed drawing app interface makes creating easier than ever. Whether you're using a stylus or touch gestures, you'll enjoy a seamless, intuitive experience that lets you focus on your creativity. Precision meets simplicity, allowing you to bring your ideas to life with effortless control.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdb6ffe scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"fdb6ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"store-badge\">\r\n <a class=\"badge-link sheen\" href=\"https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?referrer=appbadge&cid=Get+StylusX&mode=direct\" aria-label=\"Get StylusX on Microsoft Store\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/get.microsoft.com\/images\/en-us%20dark.svg\" width=\"200\" alt=\"Get it from Microsoft Store\">\r\n <\/a>\r\n<\/div>\r\n\r\n\r\n<style>\r\n .store-badge{\r\n display:flex; justify-content:center; align-items:center;\r\n }\r\n .badge-link{\r\n position:relative; display:inline-block; border-radius:12px; overflow:hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .badge-link img{\r\n display:block; width:200px; height:auto;\r\n transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;\r\n will-change: transform, box-shadow, filter;\r\n }\r\n\r\n \/* \u0644\u0645\u0639\u0629 \u0639\u0627\u0628\u0631\u0629 *\/\r\n .badge-link.sheen::after{\r\n content:\"\"; position:absolute; top:-20%; left:-120%;\r\n width:65%; height:140%;\r\n background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 50%, transparent 100%);\r\n transform: skewX(-20deg);\r\n opacity:0; pointer-events:none;\r\n transition: left .7s ease, opacity .4s ease;\r\n }\r\n\r\n .badge-link:hover img,\r\n .badge-link:focus-visible img{\r\n transform: translateY(-2px) rotate(-0.3deg);\r\n filter: brightness(1.02) saturate(1.04);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.18);\r\n }\r\n .badge-link:hover.sheen::after,\r\n .badge-link:focus-visible.sheen::after{\r\n left:130%; opacity:1;\r\n }\r\n\r\n .badge-link:active img{\r\n transform: translateY(0) rotate(0deg) scale(.985);\r\n box-shadow: 0 6px 16px rgba(0,0,0,.16);\r\n }\r\n\r\n .badge-link:focus-visible{\r\n outline: 2px solid #0083FF; outline-offset: 4px; border-radius:14px;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .badge-link img{ transition:none; }\r\n .badge-link.sheen::after{ transition:none; display:none; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8514f6e scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"8514f6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n<title>StylusX \u2013 Localized Price (IP-based)<\/title>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"sx-price-line\" style=\"\r\n font-weight: 300;\r\n font-size: 14px;\r\n line-height: 1.2;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial;\r\n color: #e7e7ea;\r\n text-align: center;\r\n\">\r\n \u20ac34,99. No subscription.\r\n<\/div>\r\n\r\n\r\n<script id=\"ms-price-data\" type=\"text\/plain\">\r\nBase currency\r\nRetail price\r\nEUR\r\n\u20ac34.99\r\nMarket optimized rate\r\nAfghanistan (AF)\r\n$33.49\r\n\u00c5land Islands (AX)\r\n$33.49\r\nAlbania (AL)\r\n$33.49\r\nAlgeria (DZ)\r\nDZD3,599.00\r\nAmerican Samoa (AS)\r\n$33.49\r\nAndorra (AD)\r\n\u20ac29.49\r\nAngola (AO)\r\n$33.49\r\nAnguilla (AI)\r\n$33.49\r\nAntarctica (AQ)\r\n$33.49\r\nAntigua and Barbuda (AG)\r\n$33.49\r\nArgentina (AR)\r\nARS19,399.00\r\nArmenia (AM)\r\n$33.49\r\nAruba (AW)\r\n$33.49\r\nAustralia (AU)\r\nA$50.45\r\nAustria (AT)\r\n\u20ac35.49\r\nAzerbaijan (AZ)\r\n$33.49\r\nBahamas (BS)\r\n$33.49\r\nBahrain (BH)\r\nBHD12.750\r\nBangladesh (BD)\r\nBDT2,599.00\r\nBarbados (BB)\r\n$33.49\r\nBelarus (BY)\r\n$33.49\r\nBelgium (BE)\r\n\u20ac35.49\r\nBelize (BZ)\r\n$33.49\r\nBenin (BJ)\r\n$33.49\r\nBermuda (BM)\r\n$33.49\r\nBhutan (BT)\r\n$33.49\r\nBolivia (BO)\r\n$33.49\r\nBonaire (BQ)\r\n$33.49\r\nBosnia and Herzegovina (BA)\r\n$33.49\r\nBotswana (BW)\r\n$33.49\r\nBouvet Island (BV)\r\n$33.49\r\nBrazil (BR)\r\nR$124.95\r\nBritish Indian Ocean Territory (IO)\r\n$33.49\r\nBritish Virgin Islands (VG)\r\n$33.49\r\nBrunei (BN)\r\n$33.49\r\nBulgaria (BG)\r\nBGN69.00\r\nBurkina Faso (BF)\r\n$33.49\r\nBurundi (BI)\r\n$33.49\r\nCabo Verde (CV)\r\n$33.49\r\nCambodia (KH)\r\n$33.49\r\nCameroon (CM)\r\n$33.49\r\nCanada (CA)\r\nCA$42.99\r\nCayman Islands (KY)\r\n$33.49\r\nCentral African Republic (CF)\r\n$33.49\r\nChad (TD)\r\n$33.49\r\nChile (CL)\r\nCLP22,499\r\nChina (CN)\r\nCN\u00a5239.00\r\nChristmas Island (CX)\r\n$33.49\r\nCocos (Keeling) Islands (CC)\r\n$33.49\r\nColombia (CO)\r\nCOP101,900.00\r\nComoros (KM)\r\n$33.49\r\nCongo (CG)\r\n$33.49\r\nCongo (DRC) (CD)\r\n$33.49\r\nCook Islands (CK)\r\n$33.49\r\nCosta Rica (CR)\r\nCRC18,000.00\r\nC\u00f4te d'Ivoire (CI)\r\n$33.49\r\nCroatia (HR)\r\n\u20ac36.99\r\nCura\u00e7ao (CW)\r\n$33.49\r\nCyprus (CY)\r\n\u20ac34.99\r\nCzechia (CZ)\r\nCZK959.00\r\nDenmark (DK)\r\nDKK269.00\r\nDjibouti (DJ)\r\n$33.49\r\nDominica (DM)\r\n$33.49\r\nDominican Republic (DO)\r\n$33.49\r\nEcuador (EC)\r\n$33.49\r\nEgypt (EG)\r\nEGP700.00\r\nEl Salvador (SV)\r\n$33.49\r\nEquatorial Guinea (GQ)\r\n$33.49\r\nEritrea (ER)\r\n$33.49\r\nEstonia (EE)\r\n\u20ac35.49\r\nEswatini (SZ)\r\n$33.49\r\nEthiopia (ET)\r\n$33.49\r\nFalkland Islands (FK)\r\n$33.49\r\nFaroe Islands (FO)\r\n$33.49\r\nFiji (FJ)\r\n$33.49\r\nFinland (FI)\r\n\u20ac36.49\r\nFrance (FR)\r\n\u20ac35.49\r\nFrench Guiana (GF)\r\n$33.49\r\nFrench Polynesia (PF)\r\n$33.49\r\nFrench Southern Territories (TF)\r\n$33.49\r\nGabon (GA)\r\n$33.49\r\nGambia (GM)\r\n$33.49\r\nGeorgia (GE)\r\n$33.49\r\nGermany (DE)\r\n\u20ac34.99\r\nGhana (GH)\r\n$33.49\r\nGibraltar (GI)\r\n$33.49\r\nGreece (GR)\r\n\u20ac36.49\r\nGreenland (GL)\r\n$33.49\r\nGrenada (GD)\r\n$33.49\r\nGuadeloupe (GP)\r\n$33.49\r\nGuam (GU)\r\n$33.49\r\nGuatemala (GT)\r\nGTQ289.00\r\nGuernsey (GG)\r\n$33.49\r\nGuinea (GN)\r\n$33.49\r\nGuinea-Bissau (GW)\r\n$33.49\r\nGuyana (GY)\r\n$33.49\r\nHaiti (HT)\r\n$33.49\r\nHeard Island and McDonald Islands (HM)\r\n$33.49\r\nHonduras (HN)\r\n$33.49\r\nHong Kong SAR (HK)\r\nHK$259.00\r\nHungary (HU)\r\nHUF11,600.00\r\nIceland (IS)\r\nISK3,149\r\nIndia (IN)\r\n\u20b91,824.00\r\nIndonesia (ID)\r\nIDR440,000.00\r\nIraq (IQ)\r\nIQD37,000\r\nIreland (IE)\r\n\u20ac36.49\r\nIsle of Man (IM)\r\n$33.49\r\nIsrael (IL)\r\n\u20aa126.00\r\nItaly (IT)\r\n\u20ac35.99\r\nJamaica (JM)\r\n$33.49\r\nJapan (JP)\r\n\u00a53,900\r\nJersey (JE)\r\n$33.49\r\nJordan (JO)\r\nJOD23.000\r\nKazakhstan (KZ)\r\nKZT11,300.00\r\nKenya (KE)\r\nKES3,950.00\r\nKiribati (KI)\r\n$33.49\r\nKorea (KR)\r\n\u20a941,900\r\nKuwait (KW)\r\nKWD10.000\r\nKyrgyzstan (KG)\r\n$33.49\r\nLaos (LA)\r\n$33.49\r\nLatvia (LV)\r\n\u20ac35.49\r\nLesotho (LS)\r\n$33.49\r\nLiberia (LR)\r\n$33.49\r\nLibya (LY)\r\n$33.49\r\nLiechtenstein (LI)\r\nCHF34.50\r\nLithuania (LT)\r\n\u20ac35.49\r\nLuxembourg (LU)\r\n\u20ac34.49\r\nMacao SAR (MO)\r\n$33.49\r\nMadagascar (MG)\r\n$33.49\r\nMalawi (MW)\r\n$33.49\r\nMalaysia (MY)\r\nMYR130.00\r\nMaldives (MV)\r\n$33.49\r\nMali (ML)\r\n$33.49\r\nMalta (MT)\r\n\u20ac34.99\r\nMarshall Islands (MH)\r\n$33.49\r\nMartinique (MQ)\r\n$33.49\r\nMauritania (MR)\r\nMRO10,499\r\nMauritius (MU)\r\n$33.49\r\nMayotte (YT)\r\n$33.49\r\nMexico (MX)\r\nMX$589.00\r\nMicronesia (FM)\r\n$33.49\r\nMoldova (MD)\r\n$33.49\r\nMonaco (MC)\r\n\u20ac29.49\r\nMongolia (MN)\r\n$33.49\r\nMontenegro (ME)\r\n\u20ac29.49\r\nMontserrat (MS)\r\n$33.49\r\nMorocco (MA)\r\nMAD334.00\r\nMozambique (MZ)\r\n$33.49\r\nMyanmar (MM)\r\n$33.49\r\nNamibia (NA)\r\n$33.49\r\nNauru (NR)\r\n$33.49\r\nNepal (NP)\r\n$33.49\r\nNetherlands (NL)\r\n\u20ac35.49\r\nNew Caledonia (NC)\r\n$33.49\r\nNew Zealand (NZ)\r\nNZ$56.40\r\nNicaragua (NI)\r\n$33.49\r\nNiger (NE)\r\n$33.49\r\nNigeria (NG)\r\nNGN22,199.00\r\nNiue (NU)\r\n$33.49\r\nNorfolk Island (NF)\r\n$33.49\r\nNorth Macedonia (MK)\r\n$33.49\r\nNorthern Mariana Islands (MP)\r\n$33.49\r\nNorway (NO)\r\nNOK344.00\r\nOman (OM)\r\nOMR13.000\r\nPakistan (PK)\r\nPKR4,099.00\r\nPalau (PW)\r\n$33.49\r\nPalestinian Authority (PS)\r\n$33.49\r\nPanama (PA)\r\n$33.49\r\nPapua New Guinea (PG)\r\n$33.49\r\nParaguay (PY)\r\n$33.49\r\nPeru (PE)\r\nPEN112.50\r\nPhilippines (PH)\r\nPHP1,550.00\r\nPitcairn Islands (PN)\r\n$33.49\r\nPoland (PL)\r\nPLN154.99\r\nPortugal (PT)\r\n\u20ac36.49\r\nQatar (QA)\r\nQAR122.50\r\nR\u00e9union (RE)\r\n$33.49\r\nRomania (RO)\r\nRON167.49\r\nRussia (RU)\r\n$33.49\r\nRwanda (RW)\r\n$33.49\r\nSaint Barth\u00e9lemy (BL)\r\n$33.49\r\nSaint Kitts and Nevis (KN)\r\n$33.49\r\nSaint Lucia (LC)\r\n$33.49\r\nSaint Martin (MF)\r\n$33.49\r\nSaint Pierre and Miquelon (PM)\r\n$33.49\r\nSaint Vincent and the Grenadines (VC)\r\n$33.49\r\nSamoa (WS)\r\n$33.49\r\nSan Marino (SM)\r\n\u20ac29.49\r\nS\u00e3o Tom\u00e9 and Pr\u00edncipe (ST)\r\n$33.49\r\nSaudi Arabia (SA)\r\nSAR125.00\r\nSenegal (SN)\r\n$33.49\r\nSerbia (RS)\r\nRSD4,349\r\nSeychelles (SC)\r\n$33.49\r\nSierra Leone (SL)\r\n$33.49\r\nSingapore (SG)\r\nSGD48.75\r\nSint Maarten (SX)\r\n$33.49\r\nSlovakia (SK)\r\n\u20ac35.49\r\nSlovenia (SI)\r\n\u20ac35.99\r\nSolomon Islands (SB)\r\n$33.49\r\nSomalia (SO)\r\n$33.49\r\nSouth Africa (ZA)\r\nZAR559.00\r\nSouth Georgia and South Sandwich Islands (GS)\r\n$33.49\r\nSpain (ES)\r\n\u20ac35.49\r\nSri Lanka (LK)\r\n$33.49\r\nSt Helena, Ascension, Tristan da Cunha (SH)\r\n$33.49\r\nSuriname (SR)\r\n$33.49\r\nSvalbard (SJ)\r\n$33.49\r\nSweden (SE)\r\nSEK334.00\r\nSwitzerland (CH)\r\nCHF34.50\r\nTaiwan (TW)\r\nNT$1,139.00\r\nTajikistan (TJ)\r\n$33.49\r\nTanzania (TZ)\r\n$33.49\r\nThailand (TH)\r\nTHB1,179.00\r\nTimor-Leste (TL)\r\n$33.49\r\nTogo (TG)\r\n$33.49\r\nTokelau (TK)\r\n$33.49\r\nTonga (TO)\r\n$33.49\r\nTrinidad and Tobago (TT)\r\nTTD220.50\r\nTunisia (TN)\r\nTND93.200\r\nT\u00fcrkiye (TR)\r\nTRY599.00\r\nTurkmenistan (TM)\r\n$33.49\r\nTurks and Caicos Islands (TC)\r\n$33.49\r\nTuvalu (TV)\r\n$33.49\r\nU.S. Outlying Islands (UM)\r\n$33.49\r\nU.S. Virgin Islands (VI)\r\n$33.49\r\nUganda (UG)\r\n$33.49\r\nUkraine (UA)\r\nUAH857.50\r\nUnited Arab Emirates (AE)\r\n$33.49\r\nUnited Kingdom (GB)\r\n\u00a327.99\r\nUnited States (US)\r\n$33.49\r\nUruguay (UY)\r\n$33.49\r\nUzbekistan (UZ)\r\n$33.49\r\nVanuatu (VU)\r\n$33.49\r\nVatican City (VA)\r\n\u20ac29.49\r\nVenezuela (VE)\r\n$33.49\r\nVietnam (VN)\r\n\u20ab749,900\r\nWallis and Futuna (WF)\r\n$33.49\r\nYemen (YE)\r\n$33.49\r\nZambia (ZM)\r\n$33.49\r\nZimbabwe (ZW)\r\n$33.49\r\n<\/script>\r\n\r\n<script>\r\n(async function(){\r\n \/\/ 1) \u0646\u062d\u0627\u0648\u0644 \u0646\u062c\u064a\u0628 \u0631\u0645\u0632 \u0628\u0644\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0627\u0644\u0640 Public IP\r\n async function getCountryFromIP(){\r\n try {\r\n \/\/ ipwho.is (\u0628\u062f\u0648\u0646 \u0645\u0641\u062a\u0627\u062d)\r\n const r1 = await fetch('https:\/\/ipwho.is\/');\r\n const d1 = await r1.json();\r\n if (d1 && d1.success !== false && d1.country_code) return d1.country_code.toUpperCase();\r\n } catch(e){}\r\n try {\r\n \/\/ ipapi.co (\u0628\u0627\u0643 \u0623\u0628)\r\n const r2 = await fetch('https:\/\/ipapi.co\/json\/');\r\n const d2 = await r2.json();\r\n if (d2 && d2.country) return String(d2.country).toUpperCase();\r\n } catch(e){}\r\n return null;\r\n }\r\n\r\n \/\/ 2) \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644: \u0643\u0644 \"Country (CC)\" \u0648\u0628\u0639\u062f\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 \u0633\u0637\u0631 \u0627\u0644\u0633\u0639\u0631\r\n function parseTablePriceBelowCountry(text){\r\n const lines = text.split(\/\\r?\\n\/).map(s => s.trim());\r\n const map = Object.create(null);\r\n for (let i=0; i<lines.length; i++){\r\n const m = lines[i].match(\/\$([A-Z]{2})\$$\/);\r\n if (m){\r\n \/\/ \u062e\u064f\u0630 \u0623\u0648\u0644 \u0633\u0637\u0631 \u063a\u064a\u0631 \u0641\u0627\u0631\u063a \u0628\u0639\u062f \u0627\u0644\u0628\u0644\u062f \u0643\u0633\u0639\u0631\r\n let j = i + 1;\r\n while (j < lines.length && !lines[j]) j++;\r\n if (j < lines.length) map[m[1]] = lines[j];\r\n }\r\n }\r\n \/\/ \u0633\u0639\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0639\u0627\u0645\r\n map.default = \"\u20ac34.99\";\r\n return map;\r\n }\r\n\r\n \/\/ 3) fallback \u0628\u0633\u064a\u0637 \u0625\u0630\u0627 APIs \u0645\u0627 \u0631\u062c\u0651\u0639\u062a \u0628\u0644\u062f\r\n function guessCountryFallback(){\r\n const langs = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || '']).filter(Boolean);\r\n for (const l of langs){\r\n const cc = pickCountryFromLocale(l);\r\n if (cc) return cc;\r\n }\r\n const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';\r\n const cc2 = mapTimeZoneToCountry(tz);\r\n return cc2 || 'default';\r\n }\r\n function pickCountryFromLocale(locale){\r\n if (!locale) return null;\r\n const norm = String(locale).replace('_','-');\r\n const parts = norm.split('-');\r\n if (parts.length >= 2 && \/^[A-Za-z]{2}$\/.test(parts[parts.length-1]))\r\n return parts[parts.length-1].toUpperCase();\r\n return null;\r\n }\r\n function mapTimeZoneToCountry(tz){\r\n const map = {\r\n \"Europe\/Berlin\":\"DE\",\"Europe\/Vienna\":\"AT\",\"Europe\/Zurich\":\"CH\",\"Europe\/Paris\":\"FR\",\"Europe\/Madrid\":\"ES\",\"Europe\/Rome\":\"IT\",\"Europe\/Amsterdam\":\"NL\",\r\n \"Europe\/Prague\":\"CZ\",\"Europe\/Warsaw\":\"PL\",\"Europe\/Stockholm\":\"SE\",\"Europe\/Oslo\":\"NO\",\"Europe\/Copenhagen\":\"DK\",\"Europe\/Helsinki\":\"FI\",\r\n \"Europe\/London\":\"GB\",\"Europe\/Dublin\":\"IE\",\r\n \"America\/New_York\":\"US\",\"America\/Chicago\":\"US\",\"America\/Denver\":\"US\",\"America\/Los_Angeles\":\"US\",\r\n \"America\/Toronto\":\"CA\",\"America\/Vancouver\":\"CA\",\"America\/Mexico_City\":\"MX\",\r\n \"Asia\/Dubai\":\"AE\",\"Asia\/Riyadh\":\"SA\",\"Asia\/Seoul\":\"KR\",\"Asia\/Tokyo\":\"JP\",\"Asia\/Shanghai\":\"CN\",\"Asia\/Taipei\":\"TW\",\"Asia\/Kolkata\":\"IN\",\r\n \"Australia\/Sydney\":\"AU\",\"Pacific\/Auckland\":\"NZ\"\r\n };\r\n return map[tz] || null;\r\n }\r\n\r\n \/\/ 4) \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0646\u0642\u0637\u0629 \u0627\u0644\u0643\u0633\u0648\u0631 \u0628\u0641\u0627\u0635\u0644\u0629 \u0644\u0644\u064a\u0648\u0631\u0648 \u0641\u0642\u0637\r\n function euroDotToComma(str){\r\n if (str.includes('\u20ac')) return str.replace(\/(\\d)\\.(\\d{2})(?!\\d)\/, '$1,$2');\r\n return str;\r\n }\r\n\r\n \/\/ \u062a\u0646\u0641\u064a\u0630\r\n const raw = document.getElementById('ms-price-data').textContent;\r\n const table = parseTablePriceBelowCountry(raw);\r\n\r\n let cc = await getCountryFromIP();\r\n if (!cc) cc = guessCountryFallback();\r\n\r\n const price = table[cc] || table.default;\r\n const display = euroDotToComma(price) + \". No subscription.\";\r\n\r\n document.getElementById('sx-price-line').textContent = display;\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0c367 scroll-fade-blur elementor-widget elementor-widget-heading\" data-id=\"ae0c367\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Try it free for 7 days. No commitment.<br>\nlifetime access with free updates.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07bf722 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"07bf722\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97f9805 elementor-widget elementor-widget-html\" data-id=\"97f9805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .scroll-fade-blur {\r\n opacity: 0;\r\n filter: blur(25px);\r\n transform: translateY(40px);\r\n transition: all 0.9s ease;\r\n will-change: opacity, filter, transform;\r\n }\r\n\r\n .scroll-fade-blur.visible {\r\n opacity: 1;\r\n filter: blur(0px);\r\n transform: translateY(0px);\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const elements = document.querySelectorAll('.scroll-fade-blur');\r\n\r\n function handleScroll() {\r\n elements.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n const inView = rect.top < window.innerHeight - 100 && rect.bottom > 0;\r\n\r\n if (inView) {\r\n el.classList.add('visible');\r\n } else {\r\n el.classList.remove('visible');\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n window.addEventListener('resize', handleScroll);\r\n handleScroll(); \/\/ \u0641\u062d\u0635 \u0623\u0648\u0644\u064a \u0644\u0645\u0627 \u062a\u0641\u062a\u062d \u0627\u0644\u0635\u0641\u062d\u0629\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8137c82 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8137c82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-812e4d0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"812e4d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb0b06b elementor-widget elementor-widget-heading\" data-id=\"eb0b06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Use the Power of Stylus<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dab02be elementor-widget elementor-widget-text-editor\" data-id=\"dab02be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Any Device. Any Input. Same Creativity. Designed for Stylus & Touch Devices.<br \/>No accessories needed. Just tap, sketch, and create.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea68f2f elementor-hidden-mobile elementor-hidden-tablet elementor-hidden-mobile_extra elementor-widget elementor-widget-video\" data-id=\"ea68f2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay":"yes","mute":"yes","loop":"yes","video_type":"hosted"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0553b0f elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-widget elementor-widget-video\" data-id=\"0553b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay":"yes","mute":"yes","loop":"yes","video_type":"hosted"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec56e1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"3ec56e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d35e9f elementor-widget elementor-widget-html\" data-id=\"3d35e9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>StylusX Carousel (Images)<\/title>\r\n <style>\r\n :root{ --subtitle-height: 96px; }\r\n\r\n body {\r\n margin: 0;\r\n background: #121212;\r\n font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;\r\n color: white;\r\n }\r\n\r\n .hero-section { padding: 180px 0 100px; text-align: center; }\r\n\r\n .menu {\r\n display: flex; justify-content: center; gap: 60px;\r\n margin-bottom: 20px; overflow-x: auto;\r\n scrollbar-width: none; -ms-overflow-style: none;\r\n }\r\n .menu::-webkit-scrollbar { display: none; }\r\n\r\n .menu-item {\r\n font-size: 27px; font-weight: 600; white-space: nowrap;\r\n color: rgba(255,255,255,0.3); cursor: pointer;\r\n transition: color .4s ease, filter .4s ease; filter: blur(1.2px);\r\n }\r\n .menu-item.active, .menu-item:hover { color:#fff; filter: blur(0); }\r\n\r\n .subtitle-wrap{\r\n height: var(--subtitle-height);\r\n max-width: 720px; margin: 0 auto 15px; padding: 0 30px;\r\n position: relative; overflow: hidden; display: flex;\r\n align-items: flex-start; justify-content: center; text-align: center;\r\n }\r\n\r\n .subtitle {\r\n position: absolute; inset: 0; display: flex;\r\n align-items: flex-start; justify-content: center; padding: 0 10px;\r\n font-size: 17px; line-height: 1.6; font-weight: 400;\r\n color: rgba(255,255,255,0.8); opacity: 0; filter: blur(6px); transform: translateY(10px);\r\n }\r\n\r\n @keyframes subtitleFade {\r\n 0%{ opacity:0; filter:blur(6px); transform:translateY(10px); }\r\n 100%{ opacity:1; filter:blur(0); transform:translateY(0); }\r\n }\r\n .subtitle.show { animation: subtitleFade .8s ease forwards; }\r\n\r\n .carousel-container { overflow: hidden; padding: 25px 0; }\r\n\r\n .carousel {\r\n display: flex; gap: 40px; padding: 0 40px;\r\n scroll-snap-type: x mandatory; scroll-behavior: smooth; justify-content: flex-start;\r\n overflow-x: hidden; touch-action: pan-y; -ms-touch-action: pan-y;\r\n }\r\n .carousel::-webkit-scrollbar{ display:none; }\r\n\r\n .carousel-item {\r\n flex: 0 0 auto; scroll-snap-align: center;\r\n width: 80vw; max-width: 1000px; aspect-ratio: 16\/10;\r\n border-radius: 40px; overflow: hidden; position: relative; cursor: pointer;\r\n transition: filter .4s ease, opacity .4s ease, transform .4s ease;\r\n background: #0b0b0b;\r\n display: grid; \/* \u064a\u0636\u0645\u0646 \u062a\u0645\u062f\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n place-items: stretch; \/* \u064a\u0645\u0644\u0623 \u0627\u0644\u0639\u0646\u0635\u0631 \u0643\u0644\u0647 *\/\r\n }\r\n\r\n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0644\u0644\u0635\u0648\u0631 \u062d\u0633\u0628 \u0627\u0644\u0641\u0639\u0651\u0627\u0644 *\/\r\n .carousel-item:not(.active-group) .carousel-image { filter: blur(2px); opacity:.4; transition: transform .4s, filter .4s, opacity .4s; }\r\n .carousel-item:not(.active-group):hover .carousel-image { transform: scale(1.05); filter: blur(1px); opacity:.7; }\r\n .carousel-item.active-group .carousel-image { transform: scale(1); filter: blur(0); opacity:1; transition: transform .4s, filter .4s, opacity .4s; }\r\n\r\n .carousel-image{\r\n width:100%; height:100%;\r\n object-fit: cover; \/* \u062a\u0639\u0628\u0651\u064a \u0627\u0644\u0625\u0637\u0627\u0631 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n object-position: center center; \/* \u062a\u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n display:block; border-radius:inherit;\r\n background:#111; user-select: none; -webkit-user-drag: none;\r\n }\r\n\r\n .carousel-nav{ margin-top:30px; display:flex; justify-content:center; gap:20px; }\r\n .carousel-nav button{\r\n background:#232323; border:none; width:60px; height:60px; border-radius:50%;\r\n background-size:50%; background-repeat:no-repeat; background-position:center; cursor:pointer; transition: transform .3s ease;\r\n }\r\n .carousel-nav button:hover{ transform: scale(1.1); }\r\n .carousel-nav .prev{\r\n background-image:url('data:image\/svg+xml,%3Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M15 18L9 12L15 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/%3E%3C\/svg%3E');\r\n }\r\n .carousel-nav .next{\r\n background-image:url('data:image\/svg+xml,%3Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M9 6L15 12L9 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/%3E%3C\/svg%3E');\r\n }\r\n\r\n @media (max-width:768px){\r\n .hero-section { padding: 120px 0 70px; }\r\n .menu { gap: 24px; margin-bottom: 14px; }\r\n .menu-item { font-size: 20px; }\r\n .subtitle-wrap { padding: 0 15px; margin: 0 auto 15px; }\r\n .subtitle { font-size: 17px; font-weight: 300; }\r\n .carousel-container { padding: 20px 0; }\r\n .carousel-item { width: 92vw; aspect-ratio: 4\/3; } \/* \u0645\u0648\u0628\u0627\u064a\u0644 4:3 *\/\r\n }\r\n\r\n .offscreen {\r\n position: absolute; left: -99999px; top: -99999px;\r\n visibility: visible; opacity: 0; pointer-events: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"hero-section\">\r\n <div class=\"menu\">\r\n <div class=\"menu-item active\" onclick=\"scrollToGroup(0)\">Effects<\/div>\r\n <div class=\"menu-item\" onclick=\"scrollToGroup(1)\">Color Adjustment<\/div>\r\n <div class=\"menu-item\" onclick=\"scrollToGroup(2)\">Liquify<\/div>\r\n <\/div>\r\n\r\n <div class=\"subtitle-wrap\">\r\n <div class=\"subtitle\" id=\"subtitleA\"><\/div>\r\n <div class=\"subtitle\" id=\"subtitleB\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel\" id=\"carousel\">\r\n \r\n <div class=\"carousel-item\" data-index=\"0\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-05-182417.png\"\r\n alt=\"Perspective Blur preview\" draggable=\"false\" \/>\r\n <\/div>\r\n\r\n <div class=\"carousel-item\" data-index=\"1\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-162438-scaled.png\"\r\n alt=\"HEU preview\" draggable=\"false\" \/>\r\n <\/div>\r\n\r\n <div class=\"carousel-item\" data-index=\"2\">\r\n <img class=\"carousel-image\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-05-182457.png\"\r\n alt=\"Liquify preview\" draggable=\"false\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"prev\" onclick=\"prevImage()\" aria-label=\"Previous\"><\/button>\r\n <button class=\"next\" onclick=\"nextImage()\" aria-label=\"Next\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"subtitle-sources\" class=\"offscreen\" aria-hidden=\"true\">\r\n <span data-index=\"0\">Adjust blur, sharpen, noise, shadow, and more effects easily, giving your artwork depth, clarity, and a polished professional finish.<\/span>\r\n <span data-index=\"1\">Fine-tune brightness, contrast, hue, and saturation to capture the exact mood, tone, and style you envision.<\/span>\r\n <span data-index=\"2\">Push, pull, expand, or contract any part of your drawing to reshape forms, fix proportions, or creatively distort your design.<\/span>\r\n <\/div>\r\n\r\n <div id=\"subtitle-measure\" class=\"offscreen\"\r\n style=\"width: 720px; padding: 0 30px; font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif; font-size: 17px; line-height: 1.6; white-space: normal;\">\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u062b\u0628\u0627\u062a =====\r\n function getTranslatedSubtitles() {\r\n const nodes = document.querySelectorAll('#subtitle-sources [data-index]');\r\n const arr = [];\r\n nodes.forEach((el, i) => { arr[i] = el.innerText.trim(); });\r\n return arr;\r\n }\r\n\r\n const carousel = document.getElementById('carousel');\r\n const menuItems = document.querySelectorAll('.menu-item');\r\n const items = document.querySelectorAll('.carousel-item');\r\n const subA = document.getElementById('subtitleA');\r\n const subB = document.getElementById('subtitleB');\r\n const measureEl = document.getElementById('subtitle-measure');\r\n const subtitleWrap = document.querySelector('.subtitle-wrap');\r\n let subtitlesArr = getTranslatedSubtitles();\r\n\r\n let useA = true;\r\n let currentIndex = 0;\r\n let lastSubtitleIndex = -1;\r\n\r\n function computeMaxSubtitleHeight() {\r\n if (!measureEl || !subtitleWrap) return;\r\n const cs = getComputedStyle(subtitleWrap);\r\n measureEl.style.width = subtitleWrap.clientWidth + 'px';\r\n measureEl.style.paddingLeft = cs.paddingLeft;\r\n measureEl.style.paddingRight = cs.paddingRight;\r\n measureEl.style.fontSize = getComputedStyle(subA).fontSize;\r\n measureEl.style.lineHeight = getComputedStyle(subA).lineHeight;\r\n\r\n let maxH = 0;\r\n for (const txt of subtitlesArr) {\r\n measureEl.textContent = txt || '';\r\n const h = measureEl.scrollHeight;\r\n if (h > maxH) maxH = h;\r\n }\r\n maxH = Math.ceil(maxH + 2);\r\n document.documentElement.style.setProperty('--subtitle-height', `${maxH}px`);\r\n }\r\n\r\n function setSubtitle(text){\r\n const showEl = useA ? subA : subB;\r\n const hideEl = useA ? subB : subA;\r\n hideEl.classList.remove('show');\r\n showEl.textContent = text || '';\r\n showEl.classList.remove('show'); void showEl.offsetWidth;\r\n showEl.classList.add('show');\r\n useA = !useA;\r\n }\r\n\r\n function centerImage(index) {\r\n if (index >= 0 && index < items.length) {\r\n const target = items[index];\r\n const carouselRect = carousel.getBoundingClientRect();\r\n const targetRect = target.getBoundingClientRect();\r\n const scrollLeft = carousel.scrollLeft;\r\n const offset = (targetRect.left + targetRect.width \/ 2) - (carouselRect.left + carouselRect.width \/ 2);\r\n carousel.scrollTo({ left: scrollLeft + offset, behavior: 'smooth' });\r\n currentIndex = index;\r\n updateActiveImage();\r\n }\r\n }\r\n\r\n \/\/ ===== \u0627\u0644\u062a\u0646\u0642\u0651\u0644 \u0628\u0627\u0644\u0642\u0627\u0626\u0645\u0629 =====\r\n function scrollToGroup(groupIndex) { centerImage(groupIndex); }\r\n\r\n function updateActiveImage() {\r\n items.forEach(el => el.classList.remove('active-group'));\r\n items[currentIndex]?.classList.add('active-group');\r\n menuItems.forEach((el, i) => el.classList.toggle('active', i === currentIndex));\r\n if (currentIndex !== lastSubtitleIndex) {\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n lastSubtitleIndex = currentIndex;\r\n }\r\n }\r\n\r\n \/\/ ===== \u0623\u0633\u0647\u0645 \u0627\u0644\u0646\u0627\u0641\u064a\u063a\u064a\u062a\u0648\u0631 =====\r\n function nextImage(){\r\n if (currentIndex < items.length - 1) centerImage(currentIndex + 1);\r\n }\r\n function prevImage(){\r\n if (currentIndex > 0) centerImage(currentIndex - 1);\r\n }\r\n\r\n \/\/ ===== \u0643\u0644\u064a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 =====\r\n items.forEach((item, i) => {\r\n item.addEventListener('click', () => centerImage(i));\r\n });\r\n\r\n \/\/ \u062a\u0631\u062c\u0645\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629\r\n const srcObserver = new MutationObserver(() => {\r\n const arr = getTranslatedSubtitles();\r\n subtitlesArr = arr;\r\n computeMaxSubtitleHeight();\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n });\r\n srcObserver.observe(document.getElementById('subtitle-sources'), {\r\n subtree: true, characterData: true, childList: true\r\n });\r\n\r\n window.addEventListener('resize', computeMaxSubtitleHeight);\r\n\r\n window.addEventListener('load', () => {\r\n centerImage(0);\r\n computeMaxSubtitleHeight();\r\n requestAnimationFrame(() => requestAnimationFrame(() => {\r\n subtitlesArr = getTranslatedSubtitles();\r\n computeMaxSubtitleHeight();\r\n setSubtitle(subtitlesArr[currentIndex]);\r\n }));\r\n });\r\n\r\n \/\/ \u062f\u0648\u0627\u0644 \u0639\u0627\u0645\u0651\u0629\r\n window.scrollToGroup = scrollToGroup;\r\n window.nextImage = nextImage;\r\n window.prevImage = prevImage;\r\n window.centerImage = centerImage;\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41898b6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"41898b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ae8c292 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"ae8c292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-98f5be9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"98f5be9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f75f1bf e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f75f1bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f84ad elementor-widget elementor-widget-heading\" data-id=\"b5f84ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brushes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26c7ff8 wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"26c7ff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Lila2_Animation-1743413401294.json","id":7788,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/Lila2_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3a0bd elementor-widget elementor-widget-text-editor\" data-id=\"ec3a0bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>One stroke changes everything.<br \/><\/strong>Create and Customize Brushes with Precision<br \/>Empower Your Creativity with Precise Brush Customization. <br \/>Unlock the Power of Pen Tilt, Pressure Sensitivity, and Brush Speed Adjustment for Professional Results.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a395d2 0 elementor-widget elementor-widget-html\" data-id=\"3a395d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* === \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0644\u0635\u0648\u0631\u0629 === *\/\r\n .sx-image-block {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u062a\u0623\u0643\u062f \u0645\u0627 \u0641\u064a \u0642\u0635 \u0644\u0644\u062d\u0648\u0627\u0641 \u0645\u0646 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0 !important;\r\n overflow: visible !important;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-image-block img.sx-hero-rounded {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0630\u0627 \u0627\u0644\u0628\u0644\u0648\u0643 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0642\u0635\/\u0643\u0645\u0627\u0645\u0629 \u0645\u062d\u062a\u0645\u0644 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-image-block\">\r\n <img\r\n class=\"sx-hero-rounded\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-164043-scaled.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3124e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7f3124e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28df0ba elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"28df0ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInDown"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Advance Brush Settings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9fcc31 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b9fcc31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f927322 e-transform e-transform elementor-invisible elementor-widget elementor-widget-image\" data-id=\"f927322\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"slideInUp","_transform_translateY_effect":{"unit":"px","size":0,"sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":10,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1024x755.webp\" class=\"attachment-large size-large wp-image-11431\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1024x755.webp 1024w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-300x221.webp 300w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-768x566.webp 768w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-1536x1133.webp 1536w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1-16x12.webp 16w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Advance-Brush-Settings_5-1.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7ed2b animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1c7ed2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation_tablet_extra":"fadeIn","_animation":"fadeIn"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Take full control over every detail of your brush from shape and texture to stylus sensitivity and color dynamics. Designed for professionals and visionaries, this engine gives you precision, realism, and endless creative possibilities.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6388975 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6388975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cde29c4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"cde29c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e510dc9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"e510dc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a3ce391 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"a3ce391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3111d2 elementor-widget elementor-widget-heading\" data-id=\"d3111d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Colors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffba37d wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"ffba37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/7-Blue_Animation-1743413401294.json","id":7777,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/7-Blue_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9786ad elementor-widget elementor-widget-text-editor\" data-id=\"c9786ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Discover a World of Color Possibilities: RGB, CMYK. and Predefined Color Profiles.<br \/>StylusX offers advanced color control, giving you complete freedom to adjust and create effortlessly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f18c7c 0 elementor-widget elementor-widget-html\" data-id=\"9f18c7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped 2)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n .sx-scope-2 {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u0646\u062a\u0623\u0643\u062f \u0645\u0627\u0641\u064a \u0642\u0635 \u0623\u0648 \u0627\u0633\u062a\u062f\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0;\r\n overflow: visible;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-scope-2 img.sx-hero-rounded-2 {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0643\u0645\u0627\u0645\u0629\/\u0642\u0635 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n -webkit-mask: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-scope-2\">\r\n <img\r\n class=\"sx-hero-rounded-2\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-04-165139-scaled.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da8b81a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"da8b81a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-efa70a2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"efa70a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d76c61 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3d76c61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f878725 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f878725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16c4e7a elementor-widget elementor-widget-heading\" data-id=\"16c4e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Layers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc95b24 wpr-lottie-svg elementor-widget elementor-widget-wpr-lottie-animations\" data-id=\"cc95b24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"json_file":{"url":"https:\\\/\\\/stylusx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/7-Blue_Animation-1743413401294.json","id":7777,"size":"","alt":"","source":"library"},"trigger":"viewport"}\" data-widget_type=\"wpr-lottie-animations.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpr-lottie-animations-wrapper\"><div class=\"wpr-lottie-animations\" data-settings=\"{"loop":"","autoplay":"yes","speed":1,"trigger":"viewport","reverse":"","scroll_start":0,"scroll_end":100,"lottie_renderer":"svg"}\" data-json-url=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/03\/7-Blue_Animation-1743413401294.json\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56f8111 elementor-widget elementor-widget-text-editor\" data-id=\"56f8111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Organize, manage, and control every detail of your artwork.<br data-start=\"195\" data-end=\"198\" \/>With StylusX Layers, you can stack, merge, mask, and adjust with precision.<br data-start=\"273\" data-end=\"276\" \/>Enjoy a non-destructive workflow that keeps your creativity flexible and your ideas limitless.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd94ac 0 elementor-widget elementor-widget-html\" data-id=\"fbd94ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Simple Image (Scoped 2)<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n background: black;\r\n }\r\n\r\n \/* \u0646\u0637\u0627\u0642 \u0645\u0633\u062a\u0642\u0644 \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n .sx-scope-2 {\r\n position: relative;\r\n margin: 0 auto;\r\n padding: 0;\r\n \/* \u0646\u062a\u0623\u0643\u062f \u0645\u0627\u0641\u064a \u0642\u0635 \u0623\u0648 \u0627\u0633\u062a\u062f\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0628 *\/\r\n border-radius: 0;\r\n overflow: visible;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0642\u0644 *\/\r\n .sx-scope-2 img.sx-hero-rounded-2 {\r\n \/* === \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646 \u0647\u0646\u0627 === *\/\r\n width: 800px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\r\n height: 650px; \/* \u063a\u064a\u0651\u0631 \u0627\u0644\u0631\u0642\u0645 \u0644\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n \/* ==================================== *\/\r\n display: block;\r\n margin: 0 auto; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n object-fit: cover;\r\n box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\r\n\r\n \/* \u0641\u0631\u0636 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0631\u0629 40px \u0644\u0647\u0627\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 *\/\r\n border-radius: 40px !important;\r\n\r\n \/* \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0625\u0644\u063a\u0627\u0621 \u0623\u064a \u0643\u0645\u0627\u0645\u0629\/\u0642\u0635 \u0645\u0646 \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n clip-path: none !important;\r\n -webkit-mask: none !important;\r\n mask: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sx-scope-2\">\r\n <img\r\n class=\"sx-hero-rounded-2\"\r\n src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/08\/Layers2.png\"\r\n alt=\"StylusX Icon\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n fetchpriority=\"high\"\r\n \/>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd892db elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cd892db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-289e9c7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"289e9c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-934b26e elementor-widget elementor-widget-heading\" data-id=\"934b26e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">This is just the beginning.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a234ca3 elementor-widget elementor-widget-text-editor\" data-id=\"a234ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>StylusX will keep evolving with every update and you\u2019ll always get more creative power in your hands.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc8d71 elementor-widget elementor-widget-heading\" data-id=\"6dc8d71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coming Next...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85212e5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"85212e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ac3f946 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"ac3f946\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eabd295 elementor-widget elementor-widget-image\" data-id=\"eabd295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12668\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Time-Line_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1676cd elementor-widget elementor-widget-heading\" data-id=\"c1676cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Timeline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77043ce e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"77043ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":150}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe2c46 elementor-widget elementor-widget-image\" data-id=\"bfe2c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12670\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/3D-model_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c002761 elementor-widget elementor-widget-heading\" data-id=\"c002761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3D model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f916c11 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"f916c11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f282457 elementor-widget elementor-widget-image\" data-id=\"f282457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"228\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX.png\" class=\"elementor-animation-shrink attachment-large size-large wp-image-12669\" alt=\"\" srcset=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX.png 228w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX-150x150.png 150w, https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/Add-Text_StylusX-12x12.png 12w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1410c23 elementor-widget elementor-widget-heading\" data-id=\"1410c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Text<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cad5507 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cad5507\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bbd746a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"bbd746a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57218b0 elementor-widget elementor-widget-heading\" data-id=\"57218b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything you need, right here.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4175055 elementor-widget elementor-widget-text-editor\" data-id=\"4175055\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From expert guides to interactive lessons, learning has never been easier.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40af45a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"40af45a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/Handbook\\\/introduction-to-stylusx","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-3248fdd e-con-full e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3248fdd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b9fd0a elementor-widget elementor-widget-heading\" data-id=\"0b9fd0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Essential Handbook<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51424f6 elementor-widget elementor-widget-text-editor\" data-id=\"51424f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Discover everything you need to use StylusX efficiently. This handbook provides detailed guidance, practical tips, and a comprehensive exploration of features to help you make the most of the software.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ead0c1 elementor-widget elementor-widget-html\" data-id=\"5ead0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/Handbook\/introduction-to-stylusx\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/faq","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-5bfb874 e-con-full e-transform e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"5bfb874\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90333d8 elementor-widget elementor-widget-heading\" data-id=\"90333d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6801a5 elementor-widget elementor-widget-text-editor\" data-id=\"e6801a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"0\" data-end=\"37\" data-is-only-node=\"\">Got a question? You\u2019re not alone.<\/strong><br data-start=\"37\" data-end=\"40\" \/>Here you\u2019ll find quick answers to the most common queries.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d24d005 elementor-widget elementor-widget-html\" data-id=\"d24d005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/faq\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ha-element-link=\"{"url":"https:\\\/\\\/support.stylusx.com\\\/report-and-suggest","is_external":"on","nofollow":""}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-ef5b2c4 e-con-full e-transform e-transform e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"ef5b2c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_transform_translateX_effect_hover":{"unit":"px","size":0,"sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":-5,"sizes":[]},"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e29231 elementor-widget elementor-widget-heading\" data-id=\"0e29231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Report & Suggest<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21b4a38 elementor-widget elementor-widget-text-editor\" data-id=\"21b4a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every message is carefully reviewed by our team, and we truly appreciate your respectful and constructive input. <br \/>Together, we can make StylusX even better for everyone.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-298e540 elementor-widget elementor-widget-html\" data-id=\"298e540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"ux-arrow-btn\" style=\"--size:56px; --gap:7px; --ring:4px; --stroke:3.2; --arrow:44%; --c1:#f0eeef; --c2:#0083FF;\">\r\n <a class=\"btn\" href=\"https:\/\/support.stylusx.com\/report-and-suggest\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open link\">\r\n \r\n <span class=\"ring\"><\/span>\r\n \r\n <span class=\"ring ring2\"><\/span>\r\n\r\n \r\n <span class=\"box\" aria-hidden=\"true\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n <path d=\"M6 12H18M12 7L18 12L12 17\" \/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n\r\n <style>\r\n \/* ===== \u0647\u0646\u062f\u0633\u0629 \u0645\u062d\u0635\u0651\u0646\u0629 ===== *\/\r\n #ux-arrow-btn .btn{\r\n position: relative;\r\n display: inline-block;\r\n width: var(--size);\r\n height: var(--size);\r\n aspect-ratio: 1 \/ 1;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n }\r\n #ux-arrow-btn .btn *{ pointer-events:none; }\r\n\r\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a *\/\r\n #ux-arrow-btn .ring{\r\n position: absolute;\r\n inset: var(--gap);\r\n border-radius: 50%;\r\n border: var(--ring) solid var(--c1);\r\n transition: opacity .4s cubic-bezier(0.77,0,0.175,1) 80ms,\r\n transform .5s cubic-bezier(0.455,0.03,0.515,0.955) 80ms;\r\n }\r\n #ux-arrow-btn .ring2{\r\n border-color: var(--c2);\r\n transform: scale(1.3);\r\n opacity: 0;\r\n transition: opacity .4s cubic-bezier(0.165,0.84,0.44,1),\r\n transform .5s cubic-bezier(0.25,0.46,0.45,0.94);\r\n }\r\n #ux-arrow-btn .btn:hover .ring{ opacity:0; transform: scale(0.7); }\r\n #ux-arrow-btn .btn:hover .ring2{ opacity:1; transform: scale(1); }\r\n\r\n \/* \u0627\u0644\u0633\u0647\u0645\u064a\u0646 *\/\r\n #ux-arrow-btn .box{\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: calc(var(--size) * 2);\r\n height: var(--size);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n transition: transform .4s;\r\n }\r\n #ux-arrow-btn .btn:hover .box{ transform: translateX(calc(-1 * var(--size))); }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n #ux-arrow-btn .icon{\r\n width: var(--arrow);\r\n height: var(--arrow);\r\n justify-self: center;\r\n align-self: center;\r\n fill: none;\r\n stroke: var(--c1);\r\n stroke-width: var(--stroke);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n box-sizing: border-box;\r\n }\r\n <\/style>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-108ec44 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"108ec44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f2e14b0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f2e14b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6759550 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6759550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f217df2 scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"f217df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n .stylusx-icon-alt {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .stylusx-icon-alt img {\r\n width: 200px; \/* \u0639\u062f\u0651\u0644 \u0627\u0644\u062d\u062c\u0645 \u0625\u0630\u0627 \u0628\u062f\u0643 *\/\r\n height: auto;\r\n max-width: 100%;\r\n display: block;\r\n }\r\n<\/style>\r\n\r\n<div class=\"stylusx-icon-alt\">\r\n <img decoding=\"async\" src=\"https:\/\/stylusx.com\/wp-content\/uploads\/2025\/07\/StylusX_App_Icon-scaled.png\" alt=\"StylusX Icon\">\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-427f74f scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"427f74f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<script>\r\nfunction gtag_report_conversion(url) {\r\n var callback = function () {\r\n if (typeof(url) != 'undefined') {\r\n window.open(url, '_blank'); \/\/ \u0641\u062a\u062d \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0635\u0641\u062d\u0629 \u062c\u062f\u064a\u062f\u0629\r\n }\r\n };\r\n gtag('event', 'conversion', {\r\n 'send_to': 'AW-17600194378\/85HtCN2zuKMbEMrOtshB',\r\n 'event_callback': callback\r\n });\r\n return false;\r\n}\r\n<\/script>\r\n\r\n\r\n<div style=\"text-align:center; margin:20px 0;\">\r\n <a href=\"https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?hl=en-US&gl=DE\" onclick=\"return gtag_report_conversion('https:\/\/apps.microsoft.com\/detail\/9ndrzvrcn841?hl=en-US&gl=DE');\" style=\"\r\n display:inline-block;\r\n padding:8px 18px;\r\n font-size:15px;\r\n font-weight:600;\r\n color:#fff;\r\n background-color:#4285f4;\r\n border-radius:25px;\r\n text-decoration:none;\r\n text-align:center;\r\n transition:all 0.3s ease;\" target=\"_blank\" rel=\"noopener\">\r\n Get StylusX\r\n <\/a>\r\n<\/div>\r\n\r\n<style>\r\na[onclick*=\"gtag_report_conversion\"]:hover {\r\n background-color:#3367d6;\r\n transform:scale(1.05);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5fbd1 animated-slow scroll-fade-blur elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ca5fbd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Available on the Microsoft Store.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c331da1 scroll-fade-blur elementor-widget elementor-widget-html\" data-id=\"c331da1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n<title>StylusX \u2013 Localized Price (IP-based)<\/title>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"sx-price-line\" style=\"\r\n font-weight: 300;\r\n font-size: 14px;\r\n line-height: 1.2;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial;\r\n color: #e7e7ea;\r\n text-align: center;\r\n\">\r\n \u20ac34,99. No subscription.\r\n<\/div>\r\n\r\n\r\n<script id=\"ms-price-data\" type=\"text\/plain\">\r\nBase currency\r\nRetail price\r\nEUR\r\n\u20ac34.99\r\nMarket optimized rate\r\nAfghanistan (AF)\r\n$33.49\r\n\u00c5land Islands (AX)\r\n$33.49\r\nAlbania (AL)\r\n$33.49\r\nAlgeria (DZ)\r\nDZD3,599.00\r\nAmerican Samoa (AS)\r\n$33.49\r\nAndorra (AD)\r\n\u20ac29.49\r\nAngola (AO)\r\n$33.49\r\nAnguilla (AI)\r\n$33.49\r\nAntarctica (AQ)\r\n$33.49\r\nAntigua and Barbuda (AG)\r\n$33.49\r\nArgentina (AR)\r\nARS479.00\r\nArmenia (AM)\r\n$33.49\r\nAruba (AW)\r\n$33.49\r\nAustralia (AU)\r\nA$50.45\r\nAustria (AT)\r\n\u20ac35.49\r\nAzerbaijan (AZ)\r\n$33.49\r\nBahamas (BS)\r\n$33.49\r\nBahrain (BH)\r\nBHD12.750\r\nBangladesh (BD)\r\nBDT2,599.00\r\nBarbados (BB)\r\n$33.49\r\nBelarus (BY)\r\n$33.49\r\nBelgium (BE)\r\n\u20ac35.49\r\nBelize (BZ)\r\n$33.49\r\nBenin (BJ)\r\n$33.49\r\nBermuda (BM)\r\n$33.49\r\nBhutan (BT)\r\n$33.49\r\nBolivia (BO)\r\n$33.49\r\nBonaire (BQ)\r\n$33.49\r\nBosnia and Herzegovina (BA)\r\n$33.49\r\nBotswana (BW)\r\n$33.49\r\nBouvet Island (BV)\r\n$33.49\r\nBrazil (BR)\r\nR$124.95\r\nBritish Indian Ocean Territory (IO)\r\n$33.49\r\nBritish Virgin Islands (VG)\r\n$33.49\r\nBrunei (BN)\r\n$33.49\r\nBulgaria (BG)\r\nBGN69.00\r\nBurkina Faso (BF)\r\n$33.49\r\nBurundi (BI)\r\n$33.49\r\nCabo Verde (CV)\r\n$33.49\r\nCambodia (KH)\r\n$33.49\r\nCameroon (CM)\r\n$33.49\r\nCanada (CA)\r\nCA$42.99\r\nCayman Islands (KY)\r\n$33.49\r\nCentral African Republic (CF)\r\n$33.49\r\nChad (TD)\r\n$33.49\r\nChile (CL)\r\nCLP22,499\r\nChina (CN)\r\nCN\u00a5239.00\r\nChristmas Island (CX)\r\n$33.49\r\nCocos (Keeling) Islands (CC)\r\n$33.49\r\nColombia (CO)\r\nCOP101,900.00\r\nComoros (KM)\r\n$33.49\r\nCongo (CG)\r\n$33.49\r\nCongo (DRC) (CD)\r\n$33.49\r\nCook Islands (CK)\r\n$33.49\r\nCosta Rica (CR)\r\nCRC18,000.00\r\nC\u00f4te d'Ivoire (CI)\r\n$33.49\r\nCroatia (HR)\r\n\u20ac36.99\r\nCura\u00e7ao (CW)\r\n$33.49\r\nCyprus (CY)\r\n\u20ac34.99\r\nCzechia (CZ)\r\nCZK959.00\r\nDenmark (DK)\r\nDKK269.00\r\nDjibouti (DJ)\r\n$33.49\r\nDominica (DM)\r\n$33.49\r\nDominican Republic (DO)\r\n$33.49\r\nEcuador (EC)\r\n$33.49\r\nEgypt (EG)\r\nEGP295.00\r\nEl Salvador (SV)\r\n$33.49\r\nEquatorial Guinea (GQ)\r\n$33.49\r\nEritrea (ER)\r\n$33.49\r\nEstonia (EE)\r\n\u20ac35.49\r\nEswatini (SZ)\r\n$33.49\r\nEthiopia (ET)\r\n$33.49\r\nFalkland Islands (FK)\r\n$33.49\r\nFaroe Islands (FO)\r\n$33.49\r\nFiji (FJ)\r\n$33.49\r\nFinland (FI)\r\n\u20ac36.49\r\nFrance (FR)\r\n\u20ac35.49\r\nFrench Guiana (GF)\r\n$33.49\r\nFrench Polynesia (PF)\r\n$33.49\r\nFrench Southern Territories (TF)\r\n$33.49\r\nGabon (GA)\r\n$33.49\r\nGambia (GM)\r\n$33.49\r\nGeorgia (GE)\r\n$33.49\r\nGermany (DE)\r\n\u20ac34.99\r\nGhana (GH)\r\n$33.49\r\nGibraltar (GI)\r\n$33.49\r\nGreece (GR)\r\n\u20ac36.49\r\nGreenland (GL)\r\n$33.49\r\nGrenada (GD)\r\n$33.49\r\nGuadeloupe (GP)\r\n$33.49\r\nGuam (GU)\r\n$33.49\r\nGuatemala (GT)\r\nGTQ289.00\r\nGuernsey (GG)\r\n$33.49\r\nGuinea (GN)\r\n$33.49\r\nGuinea-Bissau (GW)\r\n$33.49\r\nGuyana (GY)\r\n$33.49\r\nHaiti (HT)\r\n$33.49\r\nHeard Island and McDonald Islands (HM)\r\n$33.49\r\nHonduras (HN)\r\n$33.49\r\nHong Kong SAR (HK)\r\nHK$259.00\r\nHungary (HU)\r\nHUF11,600.00\r\nIceland (IS)\r\nISK3,149\r\nIndia (IN)\r\n\u20b91,824.00\r\nIndonesia (ID)\r\nIDR440,000.00\r\nIraq (IQ)\r\nIQD37,000\r\nIreland (IE)\r\n\u20ac36.49\r\nIsle of Man (IM)\r\n$33.49\r\nIsrael (IL)\r\n\u20aa126.00\r\nItaly (IT)\r\n\u20ac35.99\r\nJamaica (JM)\r\n$33.49\r\nJapan (JP)\r\n\u00a53,900\r\nJersey (JE)\r\n$33.49\r\nJordan (JO)\r\nJOD32.000\r\nKazakhstan (KZ)\r\nKZT11,300.00\r\nKenya (KE)\r\nKES3,950.00\r\nKiribati (KI)\r\n$33.49\r\nKorea (KR)\r\n\u20a941,900\r\nKuwait (KW)\r\nKWD10.000\r\nKyrgyzstan (KG)\r\n$33.49\r\nLaos (LA)\r\n$33.49\r\nLatvia (LV)\r\n\u20ac35.49\r\nLesotho (LS)\r\n$33.49\r\nLiberia (LR)\r\n$33.49\r\nLibya (LY)\r\n$33.49\r\nLiechtenstein (LI)\r\nCHF34.50\r\nLithuania (LT)\r\n\u20ac35.49\r\nLuxembourg (LU)\r\n\u20ac34.49\r\nMacao SAR (MO)\r\n$33.49\r\nMadagascar (MG)\r\n$33.49\r\nMalawi (MW)\r\n$33.49\r\nMalaysia (MY)\r\nMYR130.00\r\nMaldives (MV)\r\n$33.49\r\nMali (ML)\r\n$33.49\r\nMalta (MT)\r\n\u20ac34.99\r\nMarshall Islands (MH)\r\n$33.49\r\nMartinique (MQ)\r\n$33.49\r\nMauritania (MR)\r\nMRO10,499\r\nMauritius (MU)\r\n$33.49\r\nMayotte (YT)\r\n$33.49\r\nMexico (MX)\r\nMX$589.00\r\nMicronesia (FM)\r\n$33.49\r\nMoldova (MD)\r\n$33.49\r\nMonaco (MC)\r\n\u20ac29.49\r\nMongolia (MN)\r\n$33.49\r\nMontenegro (ME)\r\n\u20ac29.49\r\nMontserrat (MS)\r\n$33.49\r\nMorocco (MA)\r\nMAD464.00\r\nMozambique (MZ)\r\n$33.49\r\nMyanmar (MM)\r\n$33.49\r\nNamibia (NA)\r\n$33.49\r\nNauru (NR)\r\n$33.49\r\nNepal (NP)\r\n$33.49\r\nNetherlands (NL)\r\n\u20ac35.49\r\nNew Caledonia (NC)\r\n$33.49\r\nNew Zealand (NZ)\r\nNZ$56.40\r\nNicaragua (NI)\r\n$33.49\r\nNiger (NE)\r\n$33.49\r\nNigeria (NG)\r\nNGN6,999.00\r\nNiue (NU)\r\n$33.49\r\nNorfolk Island (NF)\r\n$33.49\r\nNorth Macedonia (MK)\r\n$33.49\r\nNorthern Mariana Islands (MP)\r\n$33.49\r\nNorway (NO)\r\nNOK344.00\r\nOman (OM)\r\nOMR13.000\r\nPakistan (PK)\r\nPKR3,499.00\r\nPalau (PW)\r\n$33.49\r\nPalestinian Authority (PS)\r\n$33.49\r\nPanama (PA)\r\n$33.49\r\nPapua New Guinea (PG)\r\n$33.49\r\nParaguay (PY)\r\n$33.49\r\nPeru (PE)\r\nPEN112.50\r\nPhilippines (PH)\r\nPHP1,550.00\r\nPitcairn Islands (PN)\r\n$33.49\r\nPoland (PL)\r\nPLN154.99\r\nPortugal (PT)\r\n\u20ac36.49\r\nQatar (QA)\r\nQAR122.50\r\nR\u00e9union (RE)\r\n$33.49\r\nRomania (RO)\r\nRON167.49\r\nRussia (RU)\r\n$33.49\r\nRwanda (RW)\r\n$33.49\r\nSaint Barth\u00e9lemy (BL)\r\n$33.49\r\nSaint Kitts and Nevis (KN)\r\n$33.49\r\nSaint Lucia (LC)\r\n$33.49\r\nSaint Martin (MF)\r\n$33.49\r\nSaint Pierre and Miquelon (PM)\r\n$33.49\r\nSaint Vincent and the Grenadines (VC)\r\n$33.49\r\nSamoa (WS)\r\n$33.49\r\nSan Marino (SM)\r\n\u20ac29.49\r\nS\u00e3o Tom\u00e9 and Pr\u00edncipe (ST)\r\n$33.49\r\nSaudi Arabia (SA)\r\nSAR125.00\r\nSenegal (SN)\r\n$33.49\r\nSerbia (RS)\r\nRSD4,349\r\nSeychelles (SC)\r\n$33.49\r\nSierra Leone (SL)\r\n$33.49\r\nSingapore (SG)\r\nSGD48.75\r\nSint Maarten (SX)\r\n$33.49\r\nSlovakia (SK)\r\n\u20ac35.49\r\nSlovenia (SI)\r\n\u20ac35.99\r\nSolomon Islands (SB)\r\n$33.49\r\nSomalia (SO)\r\n$33.49\r\nSouth Africa (ZA)\r\nZAR559.00\r\nSouth Georgia and South Sandwich Islands (GS)\r\n$33.49\r\nSpain (ES)\r\n\u20ac35.49\r\nSri Lanka (LK)\r\n$33.49\r\nSt Helena, Ascension, Tristan da Cunha (SH)\r\n$33.49\r\nSuriname (SR)\r\n$33.49\r\nSvalbard (SJ)\r\n$33.49\r\nSweden (SE)\r\nSEK334.00\r\nSwitzerland (CH)\r\nCHF34.50\r\nTaiwan (TW)\r\nNT$1,139.00\r\nTajikistan (TJ)\r\n$33.49\r\nTanzania (TZ)\r\n$33.49\r\nThailand (TH)\r\nTHB1,179.00\r\nTimor-Leste (TL)\r\n$33.49\r\nTogo (TG)\r\n$33.49\r\nTokelau (TK)\r\n$33.49\r\nTonga (TO)\r\n$33.49\r\nTrinidad and Tobago (TT)\r\nTTD220.50\r\nTunisia (TN)\r\nTND93.200\r\nT\u00fcrkiye (TR)\r\nTRY95.00\r\nTurkmenistan (TM)\r\n$33.49\r\nTurks and Caicos Islands (TC)\r\n$33.49\r\nTuvalu (TV)\r\n$33.49\r\nU.S. Outlying Islands (UM)\r\n$33.49\r\nU.S. Virgin Islands (VI)\r\n$33.49\r\nUganda (UG)\r\n$33.49\r\nUkraine (UA)\r\nUAH857.50\r\nUnited Arab Emirates (AE)\r\n$33.49\r\nUnited Kingdom (GB)\r\n\u00a327.99\r\nUnited States (US)\r\n$33.49\r\nUruguay (UY)\r\n$33.49\r\nUzbekistan (UZ)\r\n$33.49\r\nVanuatu (VU)\r\n$33.49\r\nVatican City (VA)\r\n\u20ac29.49\r\nVenezuela (VE)\r\n$33.49\r\nVietnam (VN)\r\n\u20ab749,900\r\nWallis and Futuna (WF)\r\n$33.49\r\nYemen (YE)\r\n$33.49\r\nZambia (ZM)\r\n$33.49\r\nZimbabwe (ZW)\r\n$33.49\r\n<\/script>\r\n\r\n<script>\r\n(async function(){\r\n \/\/ 1) \u0646\u062d\u0627\u0648\u0644 \u0646\u062c\u064a\u0628 \u0631\u0645\u0632 \u0628\u0644\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0627\u0644\u0640 Public IP\r\n async function getCountryFromIP(){\r\n try {\r\n \/\/ ipwho.is (\u0628\u062f\u0648\u0646 \u0645\u0641\u062a\u0627\u062d)\r\n const r1 = await fetch('https:\/\/ipwho.is\/');\r\n const d1 = await r1.json();\r\n if (d1 && d1.success !== false && d1.country_code) return d1.country_code.toUpperCase();\r\n } catch(e){}\r\n try {\r\n \/\/ ipapi.co (\u0628\u0627\u0643 \u0623\u0628)\r\n const r2 = await fetch('https:\/\/ipapi.co\/json\/');\r\n const d2 = await r2.json();\r\n if (d2 && d2.country) return String(d2.country).toUpperCase();\r\n } catch(e){}\r\n return null;\r\n }\r\n\r\n \/\/ 2) \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644: \u0643\u0644 \"Country (CC)\" \u0648\u0628\u0639\u062f\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 \u0633\u0637\u0631 \u0627\u0644\u0633\u0639\u0631\r\n function parseTablePriceBelowCountry(text){\r\n const lines = text.split(\/\\r?\\n\/).map(s => s.trim());\r\n const map = Object.create(null);\r\n for (let i=0; i<lines.length; i++){\r\n const m = lines[i].match(\/\$([A-Z]{2})\$$\/);\r\n if (m){\r\n \/\/ \u062e\u064f\u0630 \u0623\u0648\u0644 \u0633\u0637\u0631 \u063a\u064a\u0631 \u0641\u0627\u0631\u063a \u0628\u0639\u062f \u0627\u0644\u0628\u0644\u062f \u0643\u0633\u0639\u0631\r\n let j = i + 1;\r\n while (j < lines.length && !lines[j]) j++;\r\n if (j < lines.length) map[m[1]] = lines[j];\r\n }\r\n }\r\n \/\/ \u0633\u0639\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0639\u0627\u0645\r\n map.default = \"\u20ac34.99\";\r\n return map;\r\n }\r\n\r\n \/\/ 3) fallback \u0628\u0633\u064a\u0637 \u0625\u0630\u0627 APIs \u0645\u0627 \u0631\u062c\u0651\u0639\u062a \u0628\u0644\u062f\r\n function guessCountryFallback(){\r\n const langs = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || '']).filter(Boolean);\r\n for (const l of langs){\r\n const cc = pickCountryFromLocale(l);\r\n if (cc) return cc;\r\n }\r\n const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';\r\n const cc2 = mapTimeZoneToCountry(tz);\r\n return cc2 || 'default';\r\n }\r\n function pickCountryFromLocale(locale){\r\n if (!locale) return null;\r\n const norm = String(locale).replace('_','-');\r\n const parts = norm.split('-');\r\n if (parts.length >= 2 && \/^[A-Za-z]{2}$\/.test(parts[parts.length-1]))\r\n return parts[parts.length-1].toUpperCase();\r\n return null;\r\n }\r\n function mapTimeZoneToCountry(tz){\r\n const map = {\r\n \"Europe\/Berlin\":\"DE\",\"Europe\/Vienna\":\"AT\",\"Europe\/Zurich\":\"CH\",\"Europe\/Paris\":\"FR\",\"Europe\/Madrid\":\"ES\",\"Europe\/Rome\":\"IT\",\"Europe\/Amsterdam\":\"NL\",\r\n \"Europe\/Prague\":\"CZ\",\"Europe\/Warsaw\":\"PL\",\"Europe\/Stockholm\":\"SE\",\"Europe\/Oslo\":\"NO\",\"Europe\/Copenhagen\":\"DK\",\"Europe\/Helsinki\":\"FI\",\r\n \"Europe\/London\":\"GB\",\"Europe\/Dublin\":\"IE\",\r\n \"America\/New_York\":\"US\",\"America\/Chicago\":\"US\",\"America\/Denver\":\"US\",\"America\/Los_Angeles\":\"US\",\r\n \"America\/Toronto\":\"CA\",\"America\/Vancouver\":\"CA\",\"America\/Mexico_City\":\"MX\",\r\n \"Asia\/Dubai\":\"AE\",\"Asia\/Riyadh\":\"SA\",\"Asia\/Seoul\":\"KR\",\"Asia\/Tokyo\":\"JP\",\"Asia\/Shanghai\":\"CN\",\"Asia\/Taipei\":\"TW\",\"Asia\/Kolkata\":\"IN\",\r\n \"Australia\/Sydney\":\"AU\",\"Pacific\/Auckland\":\"NZ\"\r\n };\r\n return map[tz] || null;\r\n }\r\n\r\n \/\/ 4) \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0646\u0642\u0637\u0629 \u0627\u0644\u0643\u0633\u0648\u0631 \u0628\u0641\u0627\u0635\u0644\u0629 \u0644\u0644\u064a\u0648\u0631\u0648 \u0641\u0642\u0637\r\n function euroDotToComma(str){\r\n if (str.includes('\u20ac')) return str.replace(\/(\\d)\\.(\\d{2})(?!\\d)\/, '$1,$2');\r\n return str;\r\n }\r\n\r\n \/\/ \u062a\u0646\u0641\u064a\u0630\r\n const raw = document.getElementById('ms-price-data').textContent;\r\n const table = parseTablePriceBelowCountry(raw);\r\n\r\n let cc = await getCountryFromIP();\r\n if (!cc) cc = guessCountryFallback();\r\n\r\n const price = table[cc] || table.default;\r\n const display = euroDotToComma(price) + \". No subscription.\";\r\n\r\n document.getElementById('sx-price-line').textContent = display;\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9754c1a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9754c1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9abb7de elementor-widget elementor-widget-html\" data-id=\"9abb7de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Scroll Animation Effect<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f4f4f4;\r\n margin: 0;\r\n padding: 0;\r\n height: 3000px; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0637\u0648\u064a\u0644\u0629 \u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0633\u0643\u0631\u0648\u0648\u0644 *\/\r\n }\r\n\r\n \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0623\u062b\u064a\u0631 *\/\r\n .scroll-effect {\r\n opacity: 0; \/* \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u0643\u0648\u0646 \u0634\u0641\u0627\u0641 \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 *\/\r\n transform: translateY(50px); \/* \u062a\u0628\u062f\u0623 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0623\u0639\u0644\u0649 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n transition: opacity 0.3s ease-out, transform 0.5s ease-out;\r\n }\r\n\r\n \/* \u0639\u0646\u062f \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 visible\u060c \u0633\u064a\u0638\u0647\u0631 \u0627\u0644\u0639\u0646\u0635\u0631 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b *\/\r\n .scroll-effect.visible {\r\n opacity: 1;\r\n transform: translateY(0); \/* \u064a\u0631\u062c\u0639 \u0627\u0644\u0639\u0646\u0635\u0631 \u0644\u0645\u0643\u0627\u0646\u0647 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n }\r\n\r\n \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n @media (max-width: 600px) {\r\n .scroll-effect {\r\n max-width: 70vw; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u0642\u0637 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script>\r\n $(document).ready(function() {\r\n \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0630\u064a \u0633\u064a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0644\u0627\u0633\r\n var elements = $('.scroll-effect'); \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0644\u0627\u0633 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\r\n var windowHeight = $(window).height();\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0623\u0648 \u0625\u0632\u0627\u0644\u0629 \u0643\u0644\u0627\u0633 'visible' \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n $(window).on('scroll', function() {\r\n elements.each(function() {\r\n var element = $(this);\r\n var elementTop = element.offset().top;\r\n var scrollTop = $(window).scrollTop();\r\n\r\n \/\/ \u0625\u0630\u0627 \u0648\u0635\u0644\u0646\u0627 \u0644\u0644\u0639\u0646\u0635\u0631 \u0623\u0648 \u062a\u062c\u0627\u0648\u0632\u0647 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n if (scrollTop + windowHeight > elementTop + 200) {\r\n element.addClass('visible');\r\n } else {\r\n element.removeClass('visible');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reflective Ambilight Unmute Change the Way You Create Art. You create art with the ultimate Digital drawing software for Windows. Simple. Creative. Powerful. We made it easy Like never before, designed for all touch and stylus-enabled devices. StylusX gives you the freedom to sketch, paint, and create naturally just like you would on paper or any creative tablet. Our custom-designed drawing app interface makes creating easier than ever. Whether you’re using a stylus or touch gestures, you’ll enjoy a seamless, intuitive experience that lets you focus on your creativity. Precision meets simplicity, allowing you to bring your ideas to life with effortless control. StylusX \u2013 Localized Price (IP-based) \u20ac34,99. No subscription. Try it free for 7 days. No commitment. lifetime access with free updates. Use the Power of Stylus Any Device. Any Input. Same Creativity. Designed for Stylus & Touch Devices.No accessories needed. Just tap, sketch, and create. https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4https:\/\/stylusx.com\/wp-content\/uploads\/2025\/09\/StylusX_Power_Of_Stylus_720-1.mp4 StylusX Carousel (Images) Effects Color Adjustment Liquify Adjust blur, sharpen, noise, shadow, and more effects easily, giving your artwork depth, clarity, and a polished professional finish. Fine-tune brightness, contrast, hue, and saturation to capture the exact mood, tone, and style you envision. Push, pull, expand, or contract any part of your drawing to reshape forms, fix proportions, or creatively distort your design. Brushes One stroke changes everything.Create and Customize Brushes with PrecisionEmpower Your Creativity with Precise Brush Customization. Unlock the Power of Pen Tilt, Pressure Sensitivity, and Brush Speed Adjustment for Professional Results. Simple Image (Scoped) Advance Brush Settings Take full control over every detail of your brush from shape and texture to stylus sensitivity and color dynamics. Designed for professionals and visionaries, this engine gives you precision, realism, and endless creative possibilities. Colors Discover a World of Color Possibilities: RGB, CMYK. and Predefined Color Profiles.StylusX offers advanced color control, giving you complete freedom to adjust and create effortlessly. Simple Image (Scoped 2) Layers Organize, manage, and control every detail of your artwork.With StylusX Layers, you can stack, merge, mask, and adjust with precision.Enjoy a non-destructive workflow that keeps your creativity flexible and your ideas limitless. Simple Image (Scoped 2) This is just the beginning. StylusX will keep evolving with every update and you\u2019ll always get more creative power in your hands. Coming Next… Timeline 3D model Add Text Everything you need, right here. From expert guides to interactive lessons, learning has never been easier. Essential Handbook Discover everything you need to use StylusX efficiently. This handbook provides detailed guidance, practical tips, and a comprehensive exploration of features to help you make the most of the software. FAQs Got a question? You\u2019re not alone.Here you\u2019ll find quick answers to the most common queries. Report & Suggest Every message is carefully reviewed by our team, and we truly appreciate your respectful and constructive input. Together, we can make StylusX even better for everyone. Get StylusX Available on the Microsoft Store. StylusX \u2013 Localized Price (IP-based) \u20ac34,99. No subscription. Scroll Animation Effect<\/p>","protected":false},"author":1,"featured_media":12552,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6506","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/comments?post=6506"}],"version-history":[{"count":948,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506\/revisions"}],"predecessor-version":[{"id":13368,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/pages\/6506\/revisions\/13368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/media\/12552"}],"wp:attachment":[{"href":"https:\/\/stylusx.com\/de\/wp-json\/wp\/v2\/media?parent=6506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}