{"id":12,"date":"2026-06-29T19:14:45","date_gmt":"2026-06-29T19:14:45","guid":{"rendered":"https:\/\/yourdigitaldesigns.com\/?page_id=12"},"modified":"2026-07-19T11:32:22","modified_gmt":"2026-07-19T11:32:22","slug":"elementor-12","status":"publish","type":"page","link":"https:\/\/yourdigitaldesigns.com\/en\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd50d5b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bd50d5b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b548ce\" data-id=\"3b548ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39c07e5 elementor-widget elementor-widget-html\" data-id=\"39c07e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= YOUR DIGITAL DESIGNS \u2014 ENLARGED ABOUT US HERO Complete HTML, CSS, and JavaScript ========================================================== --> <section class=\"ydd-about-hero\" id=\"ydd-about-hero\"> <div class=\"ydd-about-hero__grid\" aria-hidden=\"true\"><\/div> <div class=\"ydd-about-hero__glow ydd-about-hero__glow--purple\" aria-hidden=\"true\"><\/div> <div class=\"ydd-about-hero__glow ydd-about-hero__glow--cyan\" aria-hidden=\"true\"><\/div> <div class=\"ydd-about-hero__inner\"> <!-- ================================================= LEFT: ABOUT STORY ================================================== --> <div class=\"ydd-about-hero__content\"> <h1 class=\"ydd-about-hero__title\"> We build the digital systems <span>behind growing businesses.<\/span> <\/h1> <p class=\"ydd-about-hero__lead\"> Founded in the United States and now expanding across Thailand, we create multilingual websites, customer portals, booking and payment experiences, and automated workflows that help businesses win customers and operate with less friction. <\/p> <!-- UNITED STATES TO THAILAND JOURNEY --> <div class=\"ydd-about-hero__story-route\"> <div class=\"ydd-about-hero__route-stop\"> <span class=\"ydd-about-hero__route-marker\">01<\/span> <div> <small>Founded in<\/small> <strong>United States<\/strong> <\/div> <\/div> <div class=\"ydd-about-hero__route-line\"> <span><\/span> <\/div> <div class=\"ydd-about-hero__route-stop\"> <span class=\"ydd-about-hero__route-marker\">02<\/span> <div> <small>Now expanding across<\/small> <strong>Thailand<\/strong> <\/div> <\/div> <\/div> <!-- PRIMARY ACTIONS --> <div class=\"ydd-about-hero__actions\"> <a href=\"\/en\/solutions\/\" class=\"ydd-about-hero__button ydd-about-hero__button--primary\" data-ydd-primary-action> Explore our solutions <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <path d=\"M5 12h14\"><\/path> <path d=\"m13 6 6 6-6 6\"><\/path> <\/svg> <\/a> <a href=\"\/start-a-project\/\" class=\"ydd-about-hero__button ydd-about-hero__button--secondary\" data-ydd-secondary-action> Start a project <\/a> <\/div> <\/div> <!-- ================================================= RIGHT: INTERACTIVE DIGITAL SYSTEM ================================================== --> <div class=\"ydd-about-hero__visual\" data-ydd-visual data-mode=\"attract\" > <div class=\"ydd-about-hero__orbit ydd-about-hero__orbit--one\" aria-hidden=\"true\"><\/div> <div class=\"ydd-about-hero__orbit ydd-about-hero__orbit--two\" aria-hidden=\"true\"><\/div> <!-- FLOATING AUTOMATION CARD --> <div class=\"ydd-about-hero__floating-card ydd-about-hero__floating-card--automation\"> <div class=\"ydd-about-hero__floating-icon\"> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <path d=\"M12 2v4\"><\/path> <path d=\"m4.93 4.93 2.83 2.83\"><\/path> <path d=\"M2 12h4\"><\/path> <path d=\"m4.93 19.07 2.83-2.83\"><\/path> <path d=\"M12 18v4\"><\/path> <path d=\"m16.24 16.24 2.83 2.83\"><\/path> <path d=\"M18 12h4\"><\/path> <path d=\"m16.24 7.76 2.83-2.83\"><\/path> <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle> <\/svg> <\/div> <div> <small>Connected automation<\/small> <strong>Ready when customers are<\/strong> <\/div> <span class=\"ydd-about-hero__live-dot\"><\/span> <\/div> <!-- MAIN SYSTEM WINDOW --> <div class=\"ydd-about-hero__system\" id=\"ydd-about-system-panel\" role=\"tabpanel\" aria-labelledby=\"ydd-mode-attract\" tabindex=\"0\"> <!-- BROWSER HEADER --> <div class=\"ydd-about-hero__browser-bar\"> <div class=\"ydd-about-hero__browser-dots\"> <span><\/span> <span><\/span> <span><\/span> <\/div> <div class=\"ydd-about-hero__browser-address\"> <span class=\"ydd-about-hero__secure-icon\"> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <rect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\" ><\/rect> <path d=\"M8 10V7a4 4 0 0 1 8 0v3\"><\/path> <\/svg> <\/span> yourdigitaldesigns.com\/system <\/div> <\/div> <!-- DASHBOARD --> <div class=\"ydd-about-hero__dashboard\"> <!-- DASHBOARD NAVIGATION --> <div class=\"ydd-about-hero__dashboard-nav\"> <div class=\"ydd-about-hero__dashboard-logo\"><img decoding=\"async\" loading=\"lazy\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAABirElEQVR42p29abRlWVUm+s219j7n3CbajIwIyCSbgCQTSTIhE1FEEQQVOygUX70qC3GICor6HjblGM9SUYflcEBhCbb4BB6U0laV9EovfYIC2ZEN2ZHRZLQ3Im7c7pyz95rvx27WnHOtfQMNRiQRce895+y955rNN7\/5TQLAyPyioS9c5DuJHAo\/RuEn8H4C70dwVICoADEBBDAoeQWAACIQCETcvCK3\/wyA+39o3qP51X0fgYjUp2n+ndH8M\/XfD\/Pe8Z+p\/V6o72FwvDwCqP0aM\/efLb0PzZ\/bb4nvSt1XCdxeFHNorw39NQz94vjK+ukwt5dA8c\/9z1C8f9S+ivge+ZokLoi5QuAKdT1HVW+hqjZR11MErrLPXt7hb8aG9Hsntz19sfQFqHv8IHIoiyWMyx3wfgHOlSBy8WEhoL\/L4sbkDLB5vfgBugenfpziKzffQdmHFd9F\/Ne+lvwc0sD6Z8vq6+IJZW4axSfd3tn+HnWP2HxUZo4P\/5v+JQ6oOvykD4w5cM218MBR5HiRyjrjgWOuUNWbmM3XMK\/WEEIVjSljbXQRg6SckW73Q\/Zr3o0wGe9BWSzDuxGIXHuRob\/t8XRlTJzEwyTqPxIRJx+C+nvUeVEkJqyPjfYB0QuRMCrjiYmSV2Lm5qfbz0fm4bF9kszxOXJ8d2Uc5iQoD8C8TZBR\/l28HRvvyX0E6A2TpelZC+Qk2sQ7JH8qRpoQKsyrC9iankNVb2bcUt4rWu+3baSlzCNlAM4VWBhfgvFoDxz5xi1zdwK1V1N\/J+ONcqGRCMRs3DLl7lXm9fIXo0MTKR9ASD0rb3P9SExQPXJzs7hPK7g3ShYHzl4+996GbBogPnv\/OskjZfUz9lrR31cW1ybe01y\/9uxBRRaA4MiDOWA6X8Xm9DTqerr9cxhwE3yxmC3\/fTzahcXJpXA0ip6O9QmU3iabP3XW3379YnmDzY2YhfEQKQPrzTVrJyw8CQHEKgeEtAv1nibs5vJB8\/h1spL\/GongbC5QmX\/z8TL5K+vcTYbYbA6rUpPOOEMuyUysRf8cG\/twYK6xOT2Dzenpi1cK4i+Jc0\/9Upu9kMfS5ABGo13taeC2GCCTPwgz6PKHnLdRj0d\/sCSfEKFRFyOk3kd7FjLXytnzKNNodYTIZQ4Dq7wIIg\/jwZLB3FuS10DZz0cqB23jCJk8U17y4DXmc0V7WEgaqsivOTFAJJ5T3ndHDrP5OtY3H0EdZgPGehEPaG8dg+H9GMsLj0bhJwhc956r9z6JBWkPMfz2whBstcr6oQHCIJjBFD8jtck9G49DpFOeoWKr84jc\/dc8BAK1IUr+dKx0ZQLVhM9cCUBpziVfRxlgGn5hQ6r0Su3nYlMBkz4j6rU48cTxavOHTeQ+zMmh7SrzzhuubR7DbL62rRFe1AAZQFksYsfi5QA5MIfW3cuHTOJNogHmIIXOY6nKMhvu2FSapMOq+F6ZD0YYIb6HNnkaOAomOaDuiliFZw27pFGzPwQ8fO5kVhIPB2f98HZ4RCyQbIbAqiBoDkX3mhHyaUI39\/6PzB3JH1jpFTmb2fW5JDlc2DiK6ex8jKIZ6CVbQXc\/UBaL2LF0Rfv3oBKEzgQ7TG4AYRPheLs6e+BpyZBgfqwP7+KUUpfXcT6RlqF6OCnIFTEGzkjrZ5OfdoZGGaiDVG4mDVJ6zzwmZoxDQj4Cd1S5nqr6xc8zb5OrccwVSONWbKtoEQGkkQGAyxjhxZCV\/hsLP8au5UOJayZrskTJwyB1VsTXiQYS0\/R7OMklWQG2hOEnlQd9KMEASFdELUbLuXQ2qbUHDZgzrlJk2jLgknjxHu7Z1v\/p0Nu\/Anc+lNPDShqstuVQV7hQ7m5RioWqs0BJdZOGW3K4sP5wE46JktfKFr5EHruWr4L346bgaHEkIp1Wpw9B33jizNVYUx1E\/9sTTTSYten3o8QIKAGw5eeV0AUl+WvebyHFMVn1G3SXhzReSERpcZA8AR5IqTNlBvPA0es6NQnqLcI9JeB0DqJNPabx4iof5qTwIzgwAs5feLAtTPS7udxjXV44iKKYgLlO3L+sMglOPDxxt2QHg2DSa7oI6hjtoq9y+5\/LYIisv4dM16J\/6H0eKQsnMreATBUd24MytVf\/I\/H\/5Nr\/l4fOVOqqcCJRMlmXRaaKpm0AW\/25WV4HYxuIR3Z\/Mteu\/pa2UdU954EilgOIHJYWDmaPsbNnfTzajfF4N0KoWwOLuQTJPhYZMEeE0r7Y6AzEFH3Wq1H+HMSLpxjqybbeMtV20wZ0aYdDAq3y3KgHQv33a+NCA81kcMIGgCewPJwsDZcGW4byPfXfdYSDunZ9AHT6lJ5rbUoucaCMGN3kZ+HWmLmHxoZLpMGkhwDmgLJYxsJ4b1IMqifvXIHFyX5wCGlAYNPD5Rh2opFY303KAEhYIlHauiLbloQsMDh5UCDKVLZuGzTf5DPCW6vXZmRSA4qnmpDpaEZvLPE66nzXUK0FzjgyUhU6DwFZKkLk\/CaZn5ehqcuBbYFI+TblxegoRJl8M346RsDCeB+8G6lrdvLlF8eXwrlR32lgmacRkDiOLjvhfHglsrkEZWEKth0KbPdn6aVIQDACl6RMpU1QoZjkwRA\/13s65EOvDcKuC73qNV0ShkmmBV1ukryHMD5O\/Z1GPtN2HBEZj04x2rANp+I3mohBA0whEn3wQVNsW4yUwGuiJ08eiwsH1Y8V3Re9G2E02g3u6Ta6MlJnrC\/7KVPcUqa84UxbTZahQ6wWigY+kNDrYoQ07JPyoPoQnabtkbKgvCyzCefGQya5FmWq5lwjPhYJpEB3Ggxsqpdt24bMSdsvQmUyjSfAURveTSHJnPw8EwyIyfl+BhlihGizUteuQ8B4tBNb0yXMq\/Uu+WpebDK+pHkwLeJPg5VjCuqqeNZ9lVOAmZLzbEuH9sM6B+dckospE5f9V873YJubYF5b5mlt0WD8lPpkjpwwNlmoCPR3sCtkiybS3jpJ9imTTVE2wyKR9xDn8AGXlgoUDyah83wmP83d676gEISk1i46r0u5T0qyVdAedQ6YjPfIEMxw5DEe7QS3kAuyVVSbGFP0Sl3o6gge+eophgKJ3xlzjRVnTwylfOOmZdxwwriJlThRGnr1DZeco8YQIU6t4vAYT0fd90MV\/f2\/Wz4h5R4u5WpMN1DZYxCC0im3uNtE0t4HqnkLrfNQ+pe+NzefkU1474scGbKJ1PMOHDAql+F9kws6ACjLHXBU6n4jxw+V6yyRYrqQqmxVlau+lmGYCMOWfnGoCUSg3jvqQyHPFCWkBAay12IdKBEG04H+ATJMTic+I0mz0\/dEU8hEcUCUefCpIav7KP7MGc9LSQGyXRcnhcCG0J74njB56ADLPfMsiQqMy52xCOn+ktbv23DtOD3lynzIBADKc2DIYmUKPB7Cpjqv1SbPomjoU2UWfxahVj9MeZjEg5WeuMs3KXeAnPEqbGhWsVrVJYz8N3toZTwjUSDlngnpe2UPdqZbI2GtCG3l+Ju5AskNQEaU8S85M+8KrAaWAYDCUYHCLwAI8aEwZRsUZIF6e3CJknZcn+YKhoxks+sqWdPCiaDIARr\/IBXe7SfNNAIN9UtWhg3oJpP8GFa36WmTpGOxyfM47fiwIV8YJjVlShUFuShqFoksiROal8FI4kgA0mfGHEz6Ij6JQUS4rZh0uSNembbvMTS4cMOw8n6MwvtJQ6WXj4zshVB608kmmw62WZPmQ7lKL1P2J0A3JQ9FAsvdA2YWD4dTdnBivIRMmMu1ziA4eIY+Rh0JgIYzNQUBDbS4aJthKdXbbLx17PuSwVZ1Hcvtz3HIeSZO8tsEIiP5TFgZoY6GnA2PmnQbWUZEBUq\/AFeWi\/3DJkGpYQXaMihJEGzXY4jPlvEG\/W8Xcz8ShmS5aapgsBgT5d2+img0mMt03Q2bY8k\/56icOWKsZauQtHBGBuuMLc2klajCremmEKU9eJs2kcEsKY0UbMgD+d58Gl6JM6MMlMNMKWM\/8d29X0RR+Emm\/0UiJAjIWfRs8vyCHGYfVNLMltmrKFftPAghX7FRZMboNpicmTBeW+JWlIMJmtyGuxDMKTmWxH\/jw2WkyJsDhgawgEw\/OBYuNjXZvhhlQ6TjxPPYEYCeNsesWBCUuBaDQ\/akBgYyJWGOPBG9PQt0JHVQRTFG0bRG0FPhKduPJXGjbHGQu1nxThKbE8s5TpSCTVVoIZnI97mTS2kuyJNOmWI4zQyCGuiD8yEKlORGsYWVm\/TjfgY6ncrizEQf65yOIxsoDjdpsJyZ871SebghpxQ4KVhID12ngDoMgVZ6PM5QrzITC4qszJq14FwJR1T0\/2jtVIYyZ6s0FlBNDq+TYK8lG4ANp42GCZ5D\/ZGuYjafuA+nkFxDUpidHRzsxiclZqUq3Q4mamdgmK2HoRTQFh0TfQ9IQ6yUUtqSokqwZliwXXigzozEkRQnVPk3yZZg3u3yEFyT91TKk8uDx7oEb+OFR5FH3pEU44lByESUJQaW7wPqXhoUb61vZnM8SsQpTqYGcAgmAApQVBQilvir8EuQqeZd37FmBRtIljZjgKKt85z29riko9T8K7evlXpRFh5fe7iYYrBp+1Ec5SSY4Sw2xU+kYetaQnCW7WyBAidIkFiRGXXljEdmpc4gn2GRD0spdMmGdn5RXp+plLuZ4Zw6gSQvdteu56bZeCfuQ3v2k3MONhFTfJSZSRE3FX2nQw9293O+qhnbhVx5n7itGHMD9GJehXKzxSTmiSHGLUn1uFnBHwRQMIeTZbNLqFiQGi7SY5FiekPOHpN+TqZIj1CUgGc0m5+U15GNjiKl1A9BzzLAUxKmVQXFnBqwPJV9gspZlgWpPI\/z75nNOymL3nPf9nY2peopWsqDGJJD\/+9kRiJlnjvgZVnOmmblK5p\/DxzEM2rBCkZK3GAMHB7KohQJ0Zu1CEBHq9MjEDLaSIQkfj0wFA7JOX0NRjKCYP1jkZvXiNcaIRGSoS1HMtBENcOQZ3XyqJOsoIvUe2TLeh40sNwccQcnQc4PM6c\/2PY2OyNjAxhzJlyr8E8ZhkgyAGWKkdajMtkClhOGjJw0ZOWZSAgdhbSKpUx1qhQo2tSnf76pfg\/1eaeB05LLJTukrEZnJUdQnpsiVk2wFJgYapjbsESw86JkPi6I0jqPLP42MB\/RJ9JsXtVW0u2DI8oMdwlDJ8OLY4PbURoeNBSQA0B01doMBJHxfEaPRmi3KI0a0xoMPdZpB4VI5XLUUt3VMCe59vKCyhUle6z7OhR2K3LwXEkrO92M7IAWySIDGRUH5kz9T5oPmOmZiO916gclJpgOzGTIPETb8Gu7nIp6Iqg8ia4PmZQWYWw9YaZkEnPLJHmC4pMriIYllSzHuxH\/lWE1M4xPyshFKKNc89+yjXKqXO07E6vOMrfcTEd2NhiZ1qYTz5E1MgYTFSQUxnpgv\/8TofegeW0Hm3DoqcVCH29W87aWEs9G5gzZqbUsGb5P5Ck3r0iUBba7B+jaxjkHzgO7HBF6DSeRbi+pBF4oKoieMBObQsnp1yMyQDqJeeRY5fZEUE6r1sQ2RC4sD1oIQd1fNiB5or\/Tk09JeWZsg9hC3bOMI2lnOvp+fNbA8gYnW40sLkC+V6GcIg35qDSp1bw7ZGYLkLA8KNs5cYagmSFBdYeiP8kpvKMpXxEu6Q6S1j6gpNJWPD2WRRULjiBpOMQ+FIZBCwzgrpsQ6fWaA+WIshQtqzakZ\/5d\/3XXZSNsR8ZZdZGSaJIBNGQDgXPzpN0ZTNJhMu+ni6lCz4hKIgISTt3QKc4JmKVaKJRVyNItH9Flsdo3uca58Eps+tLSNFRElSql9gEaDJMy3QM1Kslpc59INuNMj9iK79lAgPSBE4DArNncbDsSIldHKpPHpHFXUQmms9O26laHU3Y0ZIYpIBjiFFcUF0nm5wqR0KVmMeAeZW7TR55BYkB3e0JzOruuAlvqlUiMmUyeJ\/UCWRlZym5h\/bkV8dMUWdD5F0zhkO9F6SqTWQ9u6S5LImfZFgtBff6uklXwN1mGYV6p1QLJMS+P3o0oo9zKQw5kSDhKRj7SIkztPeS2gZC0EaFpuzKlKdRYGecqyCGghBQSLiU0YHlp1gVxhgulPpweBOJsd0X3XgGXaebrzJWSe07GvvScSdfW46xyqYgWrKlRPeykaFGyXNNkUSZoT9bR2jsZPOH9bOdBSrgooyfDR1FSIxL7EzlgN4DVP5qQPk4WKAcZ4+9zWtKNYYautEWhVNhwzplgw5l8LNf81xjg0Fwtm1yHk14jKXaL6pOoE89tR4RpIIQwJTleLtxQBmiB5QKaTgaRuV6iFJs0MDsLHRqyeTKxVFeHGuxPWwLKo1EvmRYZ4ImwEOviTCuUUSJSjhx0zPl0VQILjHwhySyxzJh2Odu5yI5YZmgEucqKk65FhFeShjbb9lQ6j2H7y5zEA0F7V9p3ECOjgjJu58MTuj8J0kWulEe2hSY6S3EuWHYlyEqCcOrBlRiioMNlkIH+gFBybMQ9YFGBmlyMUwpIz+6CGdA3nSp5KJDNnTVQrosewzCgzt8OjBP2WJzsCLDoMHBuZCOCqETpNJykbqsBc9lXJdn60sRQ7k4657kz1PY+0\/JQzHtYGEN9MmfShMhmcbJHzBoe0bPCHXxjc83u5rtB9pD9c8QuWdyHjPlI42FkB9n7sEzSgNORBeYMVkuZRo40RgGlEdnzQbnj0YZg8yFSlVu6CDmys0onOh6UqeNpeF2HzG9a0JsUxNKJY7YPljpGiR2v0L1b28DrSQXEOp0Qiq8S1NaSdLYFpgeOEm8o+tnc6zCTWaVgpImSdrZDSnbnLM6WS\/F1IdFm16p3mTSK8\/oypr2pPKLR2aZEYpkT2yKhP1rk6eq23EaeeaLGL5EhFqTztbEeoYy2CxkGBaClP9DPn3SwAGe7KnntPq0xTgLZl6KRrDRFyKhpN\/mfS+2WMzlQBsJhg5vZ3NhqMSpvLwe7hBGr\/K1j5bA0eh7sSUjMkoiHoSLOEByI+2tg4oxqqqjh+8EynTIVA7r0A0PMNKD9LIJkBquS\/UPOeFcVJkxflXvakB1SYtPGgyJMMDS8ErXxLBPYGZTFeHwFUxLIuX6KjJDZqCMpd6b3zMxGbRSqRdZvXyIB+LLFN6GXyXTX083xqL0kmRw9w8ZhitNvZMB0siKVvSc1z4+l6G+cMoxVMxT+2J3zItVtoTzulyU+aWIBt7JkEjax43qmK6r4aGwEx4koUYgn0zKEwsQCwATnZLOHVP8Cho+YFl3cjzlSL08WoAd+xHyFkgem3KRB0jrUGBn3HRPCACSWeUGrusyU04hO8QqtxNMNmLOZDjENJRrQtmdgGFOQM0FISMddpC2gHVWa4xgfdbH9cXG21yWvl2XuGT4ds16Zlbb1BhOmNucSS1fY8JrkZ0J6siOZWKogmOm87nUSNo5h+chkms0hMmMoyM7UcuttbZNA95vzBkAJKhCp8hxhGtGlyimwEtlWIpt71uap9lrFc1U8GIZxANQRUjWnhWxQJGssA15Tlfr6Q6nkV7Cju\/ZfTyWjONATt\/doALeZYCPTJtKDMv3JZT3DpYxDpahmvV8\/IodEmFN6TUcExVozgHMe0aEefJZ5n1KQFho90tOySO5Z8aMoehuiZBdJQlfLDIYxcyYyUOp3VZpjk19K+80CDrJgaZGOyxlgmHg7okvSwtF7ycxsbCYhp2SohyLR3EpA5HoalgIlZWTVHrX8Ngzb9SGrYUhkWBymOFKezez0YM6o75IJbzD3I3IVmVMDkd\/LCmjhXmAgnetwggco2+5sR3uQW7ugE8K4tkt6VbZNBuTSCpgBdaDoEHQirSAQEASmBjVbgYSaZEptwzWjgZwyt5ssZ3SJqARxqhrQI81OiOZkmMpynJLs0A2poauGv8kpWxw5Fa3u7bQ0MDNnhsnEigvRK+s9Xx8ig4JzklqJ4vX06Kskf6pCwYRdig2CpjgJat7ZhnyitGEqKWfx4GfG+HWIU+lBkQoFQU2nIZO9pY+VE6HrFGy1\/EIy6lKUeDTK5Ih5\/MrgiZwCtDpMCFyRjNoUdaFM89YS0TniJK3PyYx3ITQ\/lN4Tp8TVifsmO0jEaUNOry5oJdOCSHuiMTbf6syuYeq9YG+Mbf855rRKez+SEVS+l2olJiRnJUYqZkIGyH+Jrh1bA6U8qREW\/lDdbGdIWGRmnUgn0ZI6zzRQ8mjRHk6USk0+xqZCVzuK40FKuQdk6srMVr90YkHxCiWrmMWQPVt2ckuE1SvDOClDuBWUYrUqrDlA3IoOxYgmCRLBOBQGUejpZTn5X4UxCkyBUz6O+TMnAVnevUJVnJQNFBpEZeuLRI5i2moyWXWJ1JpOeEnNpdjsRvT9umGeHgfkVI4DgHNmgJxSvRWi1LNGdCQu4Esn84RClBr4J9VRSNkz1IfKOI3R4pDkEKxHVQPpIt507QZyyKT3CF0HhXyP\/TECmFyD95EzDbEgNnL61guGbDckEaFlaECIxPC\/EDBgShfeEFEcTMcAUGLDJEulp0F6lHapLqunLNnL4nWZNXOFMjBIIutLyEhYp+MFaoKPzaYiFWRaqCVS7cmE925+Qy+0hhF4j\/kP655HNESKqqIBTpdJZEa0GCAEDEuIaNIpUxAzuywItrLj0bYKuW6OQh9yJXEwbnUnu\/ONpEQw57m2ySrZ+ByLFE4jg1vprI8SD2JGJ0lLRCQrSxVeFIegbbOaWg\/ELCS97FKZXOeCdJED0hrKyaRcH1mcEKQ0s7MSiqGUqMmCmECORVciiBYW91cRp9Jc46XIg12B0E+XucyqoqCzR7aiQCK\/Uu0u7r+\/3zSKAOIQI2uoASYEbj5B42FdU5h0Bt\/+fz9O24+Bmj1GyIkqUEL66YsQOwCpvRhlhtGbm+C9hy8KpX9ic4FO4JtZ8\/s4BNRVrXJTHpoYM+tT03HPJrcpfCHgR0pUTSkLF3E\/+OO8yxAoOPaeu2AlNosH5v6zMwfRmwVAAWBvNpY3Xw\/swOQQiAB4BFciFGPAF6hb5Ve49t5yrXo0bQml2nq6qxv6Z9JP9HaeLtRAYHComvvWG5wDQkMhI+b2PRsUJKBujbC7uV3odu33sXJ1nFnN3acRIpXk2AuOFdIQEzCuFWiKCOc9ZrMaYRbgXAFHDuQ4XYUlEfP2hFZVBXCNhckEdagll8mwp8mYm8sjkK1e9NrGVvNZnO\/ZLrBrqDjmNSHUKAqPxcUFzOdzTOdxM1TzkQLiqCT3u3gVHscBRGiv38F7gneut\/MQAqqqbvIvqV7fS4Q4BFeCiyXM\/BjnsQCMdjbeOIgDitDYM3cZXuhcV+PJ+nsX2twrDrc3j6I1KJqDfAUqAgoK8GA4rsF1BdRzgOtm8pBrENfNqra6NTfqmgSh3R8o2D59b9yMa+Ym0a0HzFNLKUFjupPsvEMIAU956hNxxZVXgciLhL1p1ndv6HoF\/XY5fF2DHOHk8VP44he+iqLwCHWtGbpSmN4gLSTzLIohdjRawHc\/+zswXpj0AkMs8jRZ1TayEo1nuLC6gdtuvQ9XXHUZrj50BerAUaaDpeqBlbTlfkR0Y2MTaxc2sLk5xfnzF7B6fg2z2Rx1VcM5oCg8imKEEBjzOjSwIly7WagAijHmox2g\/VfhGd96HS7s3IM6EKietV7DASEAIcB516IxTTgMIfSVqWsDeAiR1cPMzYGoK8xWN1CtbWB27gK2zl\/A5oV1bM6mqOspfDnDeBLgqy3wfAriGggVuJ61Lc3QhucWzA4SjA56MF12YIgHGxadZyyILDUg9+2sAMn1jS38witejOe\/4Dn4t\/yaVxVe8MO\/hDtuvRdlUaKq5mqfm6XwcAagBhFGkzFWVzfx4pc8D6\/6\/Zf\/qz\/HnXc+iO\/7nlfgZ1\/+fLziF\/8P\/Ft\/1XXAbDrH+fNrOHFiBQ8++Ai+dscD+MpX7sUD9x\/FuZVVMALKcRMt5jUA8mAagYoxzsxKvPSHvh2X\/Oq34y3nWuPxLuZyFlNmxEFD0gNkMtfvCl4XAKqA8bzGaFZhx\/kNlKcuIDx8EuHuYzh\/zxGsHH4EG\/U6isUZxmEDNN1s0oAwB4c5EGq4rjqmyIAJKpem1kgZtktHZhSgF6nM7ddRs78Gogl1jdGoxP\/35g\/hu575NCwvLYCZe9iDBneiNa9U1zVG4xF++3d+AT\/5E78JDtMm3Jj3421CLxPgvUNdA497\/CH88iv\/I+o6gEMAuYstoSaEEBBCwF\/++XswWVjE059+A0IIqOsazrmLthvtvztHWFgcYWHxEhx81CW48cnX4N+98JkAgIe\/cQKf\/cyteN\/7PoN\/+fLXsbVVY7I0gaMCdQXUrkAx2oXPVcu4ZhZwfK0C1nyTQ0LCdozhaQhK5PKEchL6GEoOcCNgxxi4ZA\/KJ1+BXS8A9q5u4qp7j6H6\/H048\/l7cfboEfiFDUx4CzTdAKotEFUIoWq8IxEItRgH9W3OmNK0bI6q0QSGX1w48Kq0YtXjlapR37758RMnsbCwE8\/4zif3JE0iArnm+52k47v4Z+cc6hBwxZUH8dBDx3D7bfdhPC6b7Zxqf5ntmMi8jzAeL2B9Y4bf\/K2X4luf9kTUdY2icHFtqvjsXWrQ9amLwuN97\/8sfud3\/jt+5mefj5\/4Tz+Iug4ovGu\/L1b58e9tvin3moguBIdG4YoDI9QBdWjyw917duBJNzwWP\/aiZ+O7v\/smgDzuuvcRrG7WGC9OUBcLYCpwbPkgsHAlrnsc4bB38LN2pRaJ93Pifjp9X5t6j+LCHIf2e\/T2TaoBqhi0FVCvMTbWGGcwwsnL92L+jMdh3zO\/BQf27UN1osb5c1tA67Vj\/iYLy4GJQySb05BTVAMBfnFhf2KAdpeFdWeBA2bzNRw5ch5P+9Yb8OjLLm1znnRrBuU4cW0led0TrsYHP\/A5bE23YuNeQCQ00B8uyxKzWcAzvutm\/OZvvbT1wC41VNvcD42nPnXqPH75l16DySjgb974exiNymjoRPkxWcqgpPJeEkQeTPCtJw51QF03EPPBR+3Fc597E77nWTfi7Lkt3HrXCXBRwhWE+co5nFp8Ag64Jey8usapmYOrNTrAPAjXpgR0DE\/79h\/YtQesYmAjYLrGOLMwwYWnXo793\/l4XOonuPDABWzUjLIgqDI2I91Hgky7neyp\/De\/tLD\/VXoYWpIu0+Uq0jOurp7FqVNbeN4PPANFWaieZyJJJv7BkUNd19i7dxc2t2b49Ke+gsm4QFXVqTC6gIWorcCLsoQvCvy3P\/5VXHb5foQQ4sDQRbiKzjn84R++Ce965\/vxxjf+AZ50wzX94flmfuXYeQOX2X9255oHV1eNZzx4cC+e\/0NPxTWHDuBzX7oXp85uoHQO4fgJHC2uwuMWJ6ivBi5sECiYgSNKqDx68InSvcGE2EoeGvqDJ8A50IwxX62xMlnA\/LsO4conXYXi\/jWcWZmiGFFTEHGAMz0yyijRkFK7YORERP3SwoFXkV74K\/aeadfZVzXt\/1fVFo4+cgr7L30UbrrpWtRVm4Nx5mkgo2zLwPVPeiw+8fEv4dTJs3BOr4aAYVZ33m9zs8J\/+Ikfwk+8+AdQzWs47xNCpfW8ITB84fGFL3wNv\/LKP8ILX\/gs\/Off+GlU86qpLrdjm22TFf5rvk6u8ZBVXaMOjOufcDle+Lwn4467juLuB8+gqFeBc+fwyPK1uOEA4fQ+QrVOik2SDPpt80mIMuoqOQ+aLIAiUM3YWg04dcVuXPqca7Hn9BynHliBKwEXWnC6Jy5Ai6gnuoQsUhfdNYkGaFZmUXqVqTI+AbP5Oh5++Cye+cxvxaX796Cu60QVIGuMRKjrgIWFMfZcsgsf\/MDnMCpdA9WQ3b7UfCbvPEAe+w\/sx2v\/5FewtLQgdJbzD79v6zrCxsYUr3jFH+L0qTP4u7e9Gjt3LqULab4Z95elXg58f6aG6fLSeVVj755l\/PsfvhkPHz2NL99xGEWYo9oEVpevwnWHGEdHDm4LsGu6yIbTgfUe0I82Oy+WfE\/ncByA9YCVYozxc6\/BgS3g1J2ngDLAhSCWAUUBJ0qgK7ZuTL1nU4TIxX9Je0tP\/qddu4CzZ1ewuUn4vu\/7dgyKnmcH5ZqK9Nprr8Ttt9+Pr9\/zDZSjAiEEBb10OWo5GmFjc45f\/fWfxDO\/+ymoqroBngfztYgbeu\/xl3\/xbvz5n\/0tXvOaX8P3POdpqKo6AscXMbak3T0gqWg\/S6qOCkWYqKoavvD40e+\/EUeOn8U\/334Eo63zWA97sHP\/Aey+OuDMBsExJ0ybwTw\/7y+S6brt3bmY950FrE0J4VmPxWUV4dTtx0ElN56Q65aDyEr5Kh2JopRXyr0HtCtFkRQjiTdsuWPkHOqwhSNHTuLKK67EE594qDGMzFaeNP9oNP984fHYx12O977nU217rNafhQhFWaIODjc++Tr8\/n\/9eVHxIf8+IvQWhcfdd38DP\/ey38NTv\/VavPa1v44QuOlgXHQrzLB7zbXRvylg3xhhCIzAwAufcz1uv+8R3HHPEZSb6zi1\/Fh8yxUTnN7FmK+nC4Iom+pQut8YGTphsuSX0oVLcmliALY2GPydV2P\/uQpn7j4FV9Sguu77xJEPCKWXk1uf25mrX1o4+KpkQZ1YQa+5cJY7Fx\/E1tYaHn74LJ77nKdj9+4dfSjm7bg2LYRQ1wGPetQlOHd+HV\/4\/B0YjwuEOkAOpo9GEwR2+MM\/+mU89nGXt4WDSwyBMu4qhIBfeeV\/w+233YW3ve3VuOyy\/ajrkGJ+2yWCRv+FKb\/eLWdovJ1JtylAYAY74PnPvA4fuOV+HDu2AqpLbB28EoeuYjxSEVxF2+7x6Dd8Sjoli1HRAeUUZEJ1LgWjGticMspnXIUd963i3LEVeF+D6tYTIvSGR31qJNZ0Ueydd+QIJ+O12r2bW8UGsZi5\/d20gZqXufPOW\/Hnf\/6uODEGbLtwWR6KEAJe\/vM\/iqsPXY66Bpz3ffJaliU2NqZ43g8+A9\/97JuasOVdtvEtf4UQ4L3De9\/zKbz97X+PX3nli\/GUp1yH+axqQ6+lMUGpk9bt78ANcB3q0HirEMAtvFKH0HswNfJIw4bHmSKgCceMpaUx3vqqF2Bp5xju6L04+aWHMTrlsWdX6PkwiRQIt3O5QZMUmhohSDJLO2clyRr5k8skhI86hVoH0Ixxel5g\/IrvwfLBQ9ga7UZVLjQ9bVcAzvc0M819lClANCy\/vHDwVTI57HZ1yISZMuoFmvrUXFBVT\/GNb5zCddc9Htdc85imQnWDm9ME26TxgsvLi1jeuYiP\/MMXMRp71FUF17Judu7aiT9+3a9h9+4dTceD8q9LgrXiC4+TJ8\/i5S\/7Axw8eAne8NevQlEUySCSLgab++ALD+8dvHdwrv3t9e\/+694118mMug6Dw\/tDt6CHeIkwmwdcdmAnipHDhz91D1AX2Hz0FXjsVQ7H5gQ3Z7GpXPi\/glDucPALBD8m+En328GPCTQhhJLidCKzWsA9iCVZUNE50EbA2sEFPHrHBOdvOQq4GVw9g+O6JSvUbYESMvtWWeQDJOeCKWEj56jWeldtM23VzX8SCKdPH8af\/tnbcNPN12H37uUWhNUSaiQJBV1LxjlUVY0XvvDZeP97PoVP\/dOXMBqN4JzDxlaNl\/3Cj+DQocswnzWwiVQsyAHFXWj709e\/C7fffhfe974\/xY4dS433826bsNlgmX\/7d\/+AkydW4AvfgNwiXHdN\/sl4hF27d+DA\/j244ooDuOyySzEaNbd0PquaED8gPj8wYQDngHkV8H\/\/2E342499Hbfffwxn7jiBa2++HDt2BFzYlBuNusEKh2I+xc5\/PNL0z71T\/LtiVMBPHNyuEdz+ZWzumWC1IExXAWwGKzM9ACOIMFEQ6jMB555zHfZ9\/iGc\/NwaivEmQpiDwryhoXFD52KukJ3O6CR6WXDNiE1yKiUdBhb2RUUmgqMCgSvccsvn8f\/+9f\/Gf\/6Nl6CqAixGnNOnbNhFjGLk8X+98j\/gi7fcgaIgbG1Ncc3jr8RLf\/aFrXchcSGcrQpCHVCOCnzm01\/F61\/3ZvzUT70A3\/+878B83hjFwJb5vsHviPC3f\/se3HHnvdi7Z2\/r4Zzyas55OO\/hXIGFhQn27N6Fq696FG6++To8+9k3Yf\/+vajrgMAcCzIWQpGcF191IFR1wGRc4Hd\/6tvwwt\/5OPD1h3D4wf244kkF7iwBmkdtGAI3rdjVTay8+yPgYgJ4H7l6zgG+AIoCfmknJjt2YefBnXjcjfuxfu1eHNtbYHY+aFEhsf5LLdkTA\/UUgLOVw+U\/dhPKrz6I2cYaaLYJCnN4roBQt9NyDsy1WXvWeY\/QVsFAgv0R6aV6lKxQlToo3WBN43Ln1QYeePAEbr7pBlx55cFYFWsxlMQCHTnUVY3LLt+PMytr+MqX74FzhN\/67Z\/Fk264BtW8gneUWZygIRfnHba2ZvjFX3o11tbO4i1v\/UPsWF7qyaTZwoN0t+SNb3or7rz9K6jnU6ycOY6zKydxduUkzp09iXPnTjd\/P3sS586ewLlzp3B+dQWHDz+Cf\/7yvfjMZ27DfF7jiU+8GmXhW7jIDWK\/Ng91bVFy7WP24IO3n8DxB85gY+8BHLp+B44yg6fGcksH2lgD3vwW4JGvgU7eA3rkTrgTXweduBc4difo+D3gUw9gduIBrJ2+gFMPbqD4+hquXCqBQ8tYDwSqIqTItE1V1UXMKSNcsYzlh85j\/aGTINoC1XNQqADU\/YioGkQw471+eeGAyQEpEQInRWEXS5wpLjOUMsSOCGtrqzh5agPPe94zUJal2C9H6ahu0uUjXP+kQ\/gfb\/0AnvyUa\/H\/\/OZLmzYdRTSds4Vcc2qL0uP1r387\/uov\/wde9apfxPd+73dgNqsaIDtXhkqv3xrw29\/+Idx77\/0YlQXquga33DtmgENoWd0V5vMptjY3sXr+LM6dPYn19bPY3JrirruO4s47HsQNNxxqUYGmS7QdeC1nYKoQMC49HALe+7mHEYolPOrGA5jvANbWSAkxwRPcdAq899PgCydA1RZQzYF6DppvAvOG1UKrp4GVY6AT94POPICNaYXTRzwOrM6w\/C07cd45uLmp8O0onvzwAZiNHXYuldj83DcQeBPFvPGC1JKNc2NYYsCl8YAWoVbYH+vNQlmjtOKIBDDXOHrsBHbv3odv+7brUVcNGTVX9tsVUHUVsGPnEnbtXML3ff\/T8ZgrD8af3yafD4FRjgrcfvt9+I3feDVWz5\/Ai170PNz45Ce0BuAG4SCI0QDvHd71zg\/ivnsfwGQyabswBbzzcOQbwgGawsM5j8K3eSKA2XSK8+fOYGNjBUePnsGttz2M73j69di1q82HB7AbZkYqVefwmH1LeNOnHsLmKqN8wkHsv3yE4+uAC+KuFYRiOgXe+0\/A9AIcERwYjkPzu3MULdsHXANrZ+GO3Q1sHMfKdB92r46x54adOAsHV10EoO4VXxuydXFwCcWtJzE9fRo+bMBVs55V3XjBkKhkdwiEY9i1VdY7cH77TitEK\/u0rqVbdbnh5sYK3vymd+Ourz2I0bhEXddxTK\/zJqwnS5lbSGJe4yde\/EN4xnc+GfW8DWGM\/O84RYkQGK959Vtw8uRRAMB0OhMVc06OnLR8huzbOg\/vRyjcGIUfo\/ATlH7c\/r39dzeGc6N2HKBAUYzhvce5lRU8cuzruP22O\/G7v\/smrK6uNaCzvF6xKDEX66azCvv3LOC5N+4HVjewcngdOx2AIuSlkosxyI\/gyaMAoSRCQR4FHEpyKJhQtvvZvPeAc+CHvgb35Xfj4S\/djeIjx3HpbkbwFjLJlGtdHj5nrC+VWLr5KoCWUJdjsC8bMmur\/MCCrK\/2hDB30vK5Ho1xlyboUUuxINFWa0zSCYN0ePDBu\/C61\/2dKACivK8c3GUxa9G903xWYT6rxFi21DxmhS\/VoUZRFnjnOz6MD37woxiPHGbzLTWfwuJnSQHp8St9kUEe3o1Q+LIxKjdC4Up4X6IoRiiLCUo\/QVm0xuibv3tXAHAoywmqKuDo0bvxsY99HG9+8wfb6ltfR64S7v69M9YfuOnRAM+wdvg8eMYYTwz3hAB2BPYTEJXwRCioMboReZTKIF1vlB4ONFoAn3gI7pa34v5P3YvL7lnHeK9ric80kLBy1AxgYD4F+IkH4Rd2ovYLCG7UKDxQHG8lIY\/cCUw1GtFSVUHN05Ee3xXafOkyYlJzt+QcHBwceYR6hg\/9w0fxP9\/9cZRl0VSyyDpaA6UI2YnESHUmFTigLAqcOL6CP\/qjN2BregYhVHBUwPtCjw6y6BqxnGwzfVry8K5o18oXKHwJ5wp4KuFdicKN4H0J59q\/+xG8H8G7EUo\/ab7XF6irCmfPHsX\/+t+fwD33HEZZFgiB1YCU+kySqtSG9ac9bh9GOzzC4RXUaxX2jmIU04q+zT0v2v0bBXkURNr44MTXHApm+HIBOPsI+I4P4cgXzuHKugZPKOZwtlRnPbuMTWDz0btQ7rsEgcYIzoOdQ6eBD1M7sPi767WPu0kn6O3glBBayRis0WNpW2dEvjVIh9Vzj+Cv\/uptOHLkJEbjsicbZNNxNvhTpl1E0CsNmAHnHV772rfgrrvvQFl4cGgeoC98ltLfGzOzMs7eCzPB+aIxQl+AyPVh1lEB6gwUDp6af3OubI2wMVBH3UBSwD1334q\/\/\/tPqmPLwuhCSvEEEVDVjKv3L+GKvQVwdhObp2fYOW41XTpyaIhdKkcET6753SK1BRi+NUrff701SOcb0Hi8A3T8Ppy+7Va4hyuUOzi3GkUXJ6G9d7OA2a4J3GX7AJ6g9iUCeTA1RsiZqrqzKyV\/pTffQE+T5QyGNN2GZB+5m\/hvb8qdd96Kv\/jzdwvipwyGRj5W2Bdncj65s7CuA8bjEp\/77Ffxpje\/E4sLJQi+Z8lk0wjrxTmXBjaFB1Gjjt+NnzpqXtu1yvm+HQV1rjFITwV8G6pLP249ZoH19fP42Mc\/j3Pn1lCWhVi8yPI0J7+qOmAyKXFo\/yKwOcf6+YBlLyXe7EqFGOYc0BthB5Q5oDXC9jeAgjw8uYZxc+cnsfrAKvYVUKssKRlJFTesBipPoIM7AYwAPwJT0Uz0qdYhzMhFE6iRKK+BszrV23XU5coFtd6APMgVqKoNvOvd78FHPnwLxpNRE4qll2Od28kHw0Lf2aooeO8wnc7xO696PS6snm4qVVe0HjiCzr1UH3M25NsL6ypH1+YwjsSaBqWm5RuDJ9+2MV1jjNSEZ6ImIHpPuOuuO3HX3d9oiiUjDUK9VC6LFVtA3RrqFZcuA4GxtTrDpJs8k5LzYp6GZYuNO0\/TVsb976549PDk4UEgXwCnvoEL9z6EPeSAsRnp5YFbxs04KPYtAsUEwRcNAE5OyCBxOzVHSgDBZXVGyJJSodbJS4\/H0r+SOIGdt2hDsaMCp04+jNf9yVuwsrKqvQAbxSNj\/Sz\/w7GNV4eAsizwxr\/5X\/jMpz+HpcVx25HpDIJyzjoDsEYNFLXUmlRm23t0EjGSDHuogUAauEN6y9KPcO7sCu6996FIV0cceE9zVO2WD+4qAa4xuzBHSZQnkrZeWSb7jqK4cu8J2w1FjrqSsb2yFoHeOHwEkymAMnVECSASZ\/SbaTtfgsm3OjcaprPsnWTmkXNPJyd6b9ZSqaXMrbdQhgjfTsQBX\/znW\/CmN76nGUq3yCanMxz2WrsQUNcBo1GBhx48hle\/5q8xHjenufntEqUHGzkUisMZu5eHSS0b1M9dMjeoldWI03PUe+SyGCPUAQ8+dDSJYIqSJwbu5bUvTQqgnqHerOA6y9JS+SDn9QKgfgYn1nOql8V67U1zYArUp0+DNxmFT3c508BoKAegHpcN2J6kNJSk9z0OSERZdi2LSiPCI5QcgT7sJgqacY+vI9cm6yXms3W86c3vxD9\/6S4sLIybLoMyCFar6FW0Z9u4d\/iDP\/gLHDn8EMajUaxc23ApjZCl3Cyz+p29px1s4Cg\/7EwariKKVHu5XYnItTlhAYBw5sxKnrXMGR65iAyeaqCagec1XI7JwOnzkKOj1pd37VdPvs9tiQo4XwLnV4DpHL6TcWNK02ceoIoHFn363HI5MVUPguvzK9aruHLUdhh9TUgxb5kCk1aab2Zri0bfihwOP\/x1\/Pc\/fjNms3lTpfK2kxUWc0ZV15gsjPCP\/\/hZvOOd78XOHQtgdm0l2unDNGCr917PIiSC2aSLALlSizQJV\/MlKUv1lhKHzjnxgJupwVDPh2dGRKKv1fGB6cYUqOYNBcwNMGjFPhWtZSOFvRpszrWfCx230zWRA75s8rfSyLSRZVFTslmM66r93AFawcuuFosX71KGJCtBSMr9IBvQmJEstulPY+8JOtDRwTvGxz72Sbz9bR\/GaFS2GicyTnI6fCMeTlkWuLC6gd\/\/vT9DqKdthdq0wzrP14UTkjrI6bwd0mRzaKCCeuiEsntwSS+adk3G1ZN3HcH7Mfbs3tOPCiQkULbpb4RCVjcqwBfwHpgru0uXuLEsJGVemZyXzsv7XpGLXQla3oXJYom6QjLHkbAo5TneaHrADoDjWl8QZ1KqflumzPU4DQcdgdDCFMzZTbuim+mUZiDa3NC5AlvTVbzuT\/4G9913GOPJuDHCLB1RyjnGwuP1f\/pW3HLLF7G0uNDCLkUbRgQY7ouBMJUzP8ozPgQcRbmBIKFgHyVRWCR0DRJQ+BHKcoLLLrs0BaBhBRxTksaxc1vAaIRyocRmNxaZQEnUSL4JmTiJLARxUAJDiGO2xleOURdLWLhkF2inQz3nBpqRAU8lkiy14RHOboLnM6CetdqCcmtAACXLc6QBSjyw3woZBa7zFA5Nq+qVpUCJom2fC7qmOvWOcNfdd+ANf\/WObI805m3xQITAmEzGOHz4BN7whndgaWkMdMbXelnqQQdqiaSUJ8DkBujIrNLqrzvokkGGMwmIJ7uZID5HgfF4hBtuuKY3bo1\/ZgIUx92\/R86sAd5hsuCxSS6hEDW2LlZKkNaz5jYSMbf1cE+ha83ANUpdKJex54qDuOAagDla3QAEJ2wjnF4DwhaIq77K75kwclOnrIK1WBblOQmAknqNVHo7h6j9PVupDWoqLbSGuDVdx8OHH1R1EqvERWYH3HL1CGtrG9jYWGvaY6LgIPLiQilRph\/qbAuVTJU3yZ0n3GOjepmh0q\/ORG4igvcFZrMKjzt0BZ785Cf01DIgWZtsPg5jVDqcX93C\/cfPA6XHzp2E9RqtRFpqFdzCXkHJpDWVOTvf43OdUTJ5BOdRkwcXC0C5A4++8TE4EQDMyBRvSCbsGo1NauQ9HjkHYAqqazjU\/dywKkrMomyX0kDy4toKBZfVcCfVSjTQPaFIVOhBXQ9HBcpiQYO7TNtPe7effzQqsTBZbLxp36nwoghqUfbMZBCrnETjb2zGJXU+mtGYNSIA1AtP6sGfclRiOq3wwh\/9XiwtLWA6natB7a4TyiH2p7swWXjCvUfP4pGT54GFEgv7xlidIllO1C88JLEVoPu7c62xSUng+P\/BFQjFCHM3xsL+g1i8\/iBOnWOxiEb0ChkJewkjB5zdAB87DXLzhpTa6gmS7HkbjKNlkinSveY2yd5vt8CPKD9cz2YxDSLbgU1u6cg3NHfyCJ3QoR07puyamX4soOHhjZp2mUHXG8VOl63g0xFM7lcm5NasMJmV9pKhSVrNX21e7O6Vd5jNKlx51aPx4pf8sBmGZ2yHw3KbF3\/i9odRb0zh9+7AZN8YZ7cywxW9gj4aQ3MODN8f6n44Uhqia+WBywl4cScCL+PG73ocHjqwCH44pB\/R7Lnhri86BujOMwhnzoB42syFdOKZ3Mn+inUN4jVdfw7lwrNtCwvSC8iR20wJPbtht4B3G8hdbG\/Z8QPrsclQ1kejcVvlUpSGI02dkZuI2FSIloZGWXoyEnUwIqfoOx3YLqT523zMwXmP0XiMza05fu3XX4JLL92D2azqibvAtgIMjeYigA\/8y30AOSzvX0S9c4TZJse1qkqWo92+5LwwshKBijbUluD2d\/AFgh+hLhYQRovY8jvw6KuuwsKLrsc3zga4MLD7mNPbRyWArz4E2joPV2\/Bh7qREe5FzoNwoaRmjQqpfsC5bImhQE21boAt+KLlLrWuYDRgRugJnxEszm181vlYz9BxkigQiw6rv6L3y6VbekjQY5hyBUpcyxrVwsSWICMZHDdgNenGaDzC2fOb+LmXvQgv+vHnYHNz1nAi0yLSLjZDYGBhVOL2wyv4wu0PATsuw6VXLmGlADCD2FYkPneb54UWaWDyjc5z58XJIbQGGqhAVZSoxsvYWtyL5fGluPHnn45P7lwCPVL345tiP42q0fpbPfLAuS2Ef74fcJvNaECoWs\/XecGgnm23S7mR6FXGI1YV9GA1qbCaW+6i13UxcstWWa4pZRfRd0HnGlIU7sY4peq6d2JSzS4NlLgcpe1mxejtpvcTsR5RVPTEhG4xtgM7zlSiTeekLEcAEc6vbuEnX\/JD+C+\/\/dMi79M\/p4e2IzEhBIbzhLd85CuYnT4LPPY6HLhmL+6fAajMykWRDAZy4JYOBa5A7HtkI1BrhK5E8CPMF5Yx9Tuxc3E\/nvXKZ+GzT7kcm4frJm1S+1aE15OpcM3AbsB\/5iFUR47BuRlc3Y1m1i1tzuSA\/ZxI8\/dCrZUisfIpwRvj3J4Vr1Qk0a7\/CLOcWZE92x6xc1FcCOmoYm4DfLeBh5xX4DczzLpTXQlr6rvcF0DqOcqKrzdwiqyY2Cd2\/S62XpTSezAcNqdz7Nq1E7\/9qy\/GS3\/uBZhO5+AgdqwRd4sPEiyVuKlgJ6XHyQszvPVDXwImy1g4sBvLV+7AiXNB5FEGT\/LtvpFyEcSVGoeEayteX2JejjD1C4Dfg2uuuhyPffnT8JkbLsPKkeb7Q7eKiwY8ggApXWDgH78K1Ktw1RqobiSXXYcDJoWg3r6XML60bEa6\/Cy647j9kDLlarKoOLNrpKuMYZF\/tVWRMrkIJStY5WIxljxFyjWA2p3EclNT917K6j18OWp3F1J\/cGIF2OxXqwMjVMCsAvbsXcYP\/sjNeOnPPB\/XPeFKbG3O2gJOS4nketAdBFbXAYtliTd84Ks4+fWHgP3X4oon7sfKcgE+0\/SCLQBGPZQywYabwIeqp8MzEWp4ACXgJnDlBI+5\/AAe++xrMfvhx+Nj4wnmR+pGYEBua8+gEb0N1gHYXYBufQDVl++CK9bhNzfhwrwFnYNOz2Q7UPDECgwxlMQGcentOsEZTlRV03WsCaqjxBfyu9qi54u7J\/Rz4+wsBWXYpaTyVTaL1jlTaMVNQxsbmyDnUZbjnvRJzjUVbA+5NMD43kt24dChy3HzU5+AZ3znDbjm8ZeDGVhb24L3Lq5BZWRbWWrHWmBMRh4Pn93Cn7zzU3CTBYS9B3HoO67AZ7cAVJTu4ABQVBWW4THf99h2FVwAuaK5z4XHeFJiae9O7LxiL5aetA8b1z8Kt+1ewMo5Bs61xsdqIkMPq7PhTBQE5wP47z4MTFfgik24et7Kc3RCRaHxwn1XRGg5clMLFFHvP5MjEWWWftOg8i+l8VJLhKnZNDJh3IRclp40Jq65llo\/Ecec72nnqD4DeCMRYTab49WveSWm00bGI4T2uDmoCrYoCywvLmDX7iUsLS\/0Pd71ta2eLIvMZIGVb2RVfDS97t96xydw+q674PZdjcc86Qrg8buxeizAoekaqcUvM0ZYXsCh1\/w4imKMurV01xp+8IRp6bG1NMaRicdKAKrzAI6GPm4kqRLp9cIKB6tq0IEC7kNfRP3F2+CWarjNdbh6ChfmUSNGDRqwKNipJ+QWefVtHTplkSFXjspKMNGDzgzasVRGIIvOsRn5kzvi0LaQRAaR9GxVBjhAqWENoBKnouRolLGuueYqXFR2mpvedFXVWF\/bbO+N68XaZXiXOVX\/d7NUbV7X2LVjAf\/zXx7CW9\/9EZRLC5jveQxufu41+GwNYEuiC9FbIzA26hJf3LtvuItVATgfgJUAtPmo3SuSNLhl9Ok3vQZgycOfOA\/+q3cD5QZoNmtzv3mzxoFDow3DDLuSnCX7iLpVXcgsieluFEuJXbNZTo48krwxdnWldQMUpd6cS6l+8r045nTdSGeEOqgdENFLm4lcsg+4HweVLUQ2CKZwsOsbm0o0Ie7Jtdy2Np1oJ9jU+QvtASLSMy+iB9wB3VUI2LE4xr3Hz+MX\/uIDoDMnMb\/kajz+hqsxvXE\/Tp0McJzOzsThGAatBq3DbZ5HfwDa8VgKKTAs5MVg1h9FKbkJgX\/\/HaiPfwN+qYSbTeFCBQptuO2ND7EXrB5utPrCWnu\/+t3Kb5LeeKPgGbI5TSQkdJUlKbCH0wRRlvm268V5W+7xQR6Y7BjwBrkF7NoQ9eKd2AlxaceEJJ+QVAHEGsjMfkgCUIWAyajAufUp\/tPr34+Tt34Z5e59wKVX4eYfuRbvmwO03hJDKZOPtSkzEymBoQiem3BqxEWHwGZFF2+vw13qQX\/zUdSf\/ARoyYOmW\/Bh3hhg20\/s98kl9K3U0Iu8UgQP92XJDq5Hi7HyEqwQRFlkcD9zSiZrk+CsZUNrrjSl1bOQh+WETp\/vO7AicrYD09ADdNE4o5ExMvMsQ0B6\/x6WyNoY38KoxLQK+I9v+Bi+9JGPYhLm2Fo4iOf9yLfhvifsw9o3ajh2fY5LGeekNhNwtuN4sY8Zg04OlA0Md4lH8f7bMHvru0ALc7g54MIMru18dANP\/doG1lQ6mL8z0DKiWd5evflblpRxzoDF0Bonx4hywxhiz60qQhwlbEypnBAlPNRH6XvIemRAPGiz81hJgDALXJBFwZNW2cy6z92zQzgPpeTIupLZI99jNq+wPBnh\/MYWfvz178c\/fugTGFVzbC09Clc+\/hB2\/\/A1+NIZbgSD7MkcynNzYDub1jNv\/716\/Xpb0Oz1cB\/4CuavfyMonAEx4MMMvq16HYeWAaN5gGC2QJq6N4UiE\/TyCQOC6tRBGaS6ItxDJkgVsETPlGOAT5rxjUFQL\/eh8xLWbIq+wrPMFOEj29AcjAIB03C7T+Y6lkFNHLeG223o6nxJ1o00QrFNMLS54e5dS\/jaw6fxM2\/6OD7\/0Y9itHIK80sPYedVN+HZL3sm3j4H6Cw3foUHRvllljQ8XhyTf5vDKs8otrp1dJwFDzeq4d79RVRveSdo\/YGmiVA3obYTQOqKj7791u5Q7l\/RrPYSOaAqQ5Aq2JHiqEG15KJxqU6IqThTjfgYL9mEMLUhkjQbuactccqK7MBepegglmUza5q6HHHgzHVytoJv53lVUdHePc5yGRR6wIERmLG4MEbpCO\/45G34L+\/8J9x\/170oz66g3nEpaMdj8KM\/92x8+tA+bD1QwYWG+pfd64F2L7axRkPKSYo6nUhnPnTghuO3x8OvrCK84dOoPvQBYHqseZ51BceN+hZCp4IVBHGXY\/NBDoAlg8VyXzBFSQpJHsjZJW0j+y4LDl0NiPyOKQnfzeZyn6QzscpuHyIHHUdkUm7bWspTssrnOqMJMEODRFp91T4n1tBRd3mBU8Hz7p2r9tRMxiNMJiN8\/eHjeO17bsE7P30bLtx\/O\/zaGsL+q1Ff8i349z\/9bHzxxv24\/3ANjwK149b7IiuVxqKPzcQpX48McdCqMIj2KtfczHAue4xcDXfLfZi9858QvnYLaOsYKIR2wB3wHJrcr6t429\/dnIdVIiPKu+ZCF2ocAWjIJn2nRULG0NJQa+O8U34gE3YtWVQYAbGpBnq+Xyx4uFOBNxgbmQgjF2crBJJsq48Tb87IeA3JaOZMHtk+56JwWF5cQOEdHjh8HG\/\/8L\/gHf\/0VTxw+DCqU8eawZ\/dBxGWLsNLXvZ9uP97r8HXHpzDzxxqx4nx5xI3WZAQZypbFmkAi++T+e3IgZaBUajh7z+G+sNfwfSWL4NPfQ00O9\/uQkDr+Rrv59uWm2vDb8\/9M8kmqdaqvpZCNQWk92JS91qpE5iZBOZ0zky38tig66GnODE3O4RDCL2HokSPOj6Iul2P0M9qiLHSPm9Gw2frNjE16xRqTfkH1LpVe4SIyHg73cXj5HrRr6MdjUqMR82Q9rlza7jly3fhw5+\/Ex\/54t24\/\/ARbJx5BFvnzyAUE9CuAyj3Xo3\/8+XPx13PehxueaiGnxbNNt5eSczMY7NdKU+ZQoIHPmjrGQsCCgKNgZKA8sIm3FdPYP75e7B11wMIh28HVh9sp9wcHHG7jkMIX\/ZIRgCh7qtfuUeOBR6YO0WFTWalaLnKcblz5zENlwNILHNJEk1\/YXmsokBjFGXh4L3H7t07G\/V7mH1iIvcJ7brVHTsXUdcV6jpqDurcmhE4YD6fYVQ26xb2dK+\/HQP03\/Kr\/Xx1HVBVFdY3NvHI8dN48PAJ3Hrn\/fiXOx\/APQ8ewcnTZ7B54Qy21lZRsQNNllFMdmGGXXjOU5+Eb\/l31+PNZ2uMx4RqoREOSqrei2xT7HPlkHq\/dlQajgGqGcV0BnduAzh+HnzvKUzvfRjzw0fBp+8Dzj0Ams\/6uUZH7c91hgeG6wgHoaNdGbGlpMuVo1cLPiDld2mpK2soSDoxYkIq8symmsxpiXCAo4B7730A73jHhzGfzeIEm2jedxvJuxcsSo9jx87g7NnTvSiOrKz6PDowqvkWPvPZr2I0XsSFCxdaQkEkAHQ0KnuQuhVi6Q3Uhc+8qrE1nWNra4pz5y\/g1JnzOHtuA8dPncGplRWsXriA2XQDs611bK5fQBUYbrSAshihRongFuCW9+ML7iDCl7dww9YM04pRzStFX49KHNFDNKPUeka7GzWum+3Z\/ffPq4Awm6Ne38L8wgzV2Q1UK6uoTp9BffYM+Pxx4MJh0Pqp3vC6OW4igm+djmvldvvKN9RAG1maocJgBpE5szjWaEteuuf6mN8m0\/6ijm05cUhyuu5no\/fS2susxIs642Mw6lCBCLjkwGVmLjYaUtR1bsiy3peo6hqnjx1BWY7bbd5x6q7Jv2oEZsyrGXbu3Y2lHbswm82S4Spp2EknyBDL0vMbo0Ad6qYODzWqeob5bAuz6Saq+RxVVQPk4YoxyDd0ePgRqtFOzBd2I+y9CuHQzcDefcCFC624eLPmAEEzieEy8wo9NECaL9+uz2qmnBpZD8ynQD0FpheA6SqwuQLaugDMNxsH5ITIEguFMEbr8VojbGEX6qtg7td06d1I6eiDpKIxM2jf7icyGXV8bUhaPd92P\/SsCEXNIzXqGMV7uDPAEBC4Qh0qwMV8QYOAVnemZfYGwNMYo3LcjHlyVPPiFn8KCAihwnS+BkbdTs1pulmk05MuQDLwDBsMTebN3SqvZlVWaL120ewxpqIf\/IYbNTMZxRihXMZ8tIxq+RKEcgm0cQohTNvetgbIm7AaZKvCMI0z7Q6JW\/UGXTUrFDrJA7RLqqWaFkdZFdfin8ShNUDx947tEupW5Ci0BSGLncEpI1rK8IG5wwEB3QuB1jRnyiy9Zk3KJ9WsQirHpavQ5iI9iLgtQiooQXSihPpFrR5e6caNsmdKAIuv3Xpd70aYV1NUdWV62ZqbmD5NDajbQkv1gYng4RvsTOzQQ3eNrgCoaNQHWukyYgZCBd66AJ5vgecbwGw9GguJya8eYxMJHg8Cj6J3nWpzNJN6RT+IFo1ORDogyop3Hg+GZKA6HtH4FNbHvC31LRYhfUM+w4qWqC1SMD2HwrBQBQCxkfJlMwDVjGmSJ6UWT4lyPxnxR4\/s7IDByaJMbo24ubvLF0ljiRTxQbWSzE7TkeU3mk3zvSpVlCpGO4fbyZM04atCOdsC\/LyVsfXNKXeS9d3RN+wScFbbyFlsopTkJZKkScResuvaqm1+1\/1bvKLOe4W+r0ust2HKXXA9tmPxH1KtqqR1Wui+Wzdb2lq+vNGqt0rZYpBs62CwqAl6ezh8J9baU+o16ZXUls5O1QmZFRPasJsJsKaCL8zKMVn1M6x\/k6kHq\/AREupt9NbRAOMIZzMIhDZV6O9tqEH1vOHmhXaAvKeWFZLior1t\/2cx5tiuSmMylCeSfLy45oxMJzTqNUeP2agfNPBKXEDdfa1dUJ2QCyjbaI6czogLdpGuyHoQoc2SX6yS29BLWZS+G0JiYZMR9HbtvWsrUYo9Y1JMahf\/3HkYlui63OxE\/c12iLt45bwJDeZOclmPqd\/I7E5TRkHJ5tB4OJzoj5PAQUOTjxG3Mx6acAu11dJSPUjP4hhFLduiUq1GxYds6VOdxw46bJModEh0sqBStpjzqW5fjiykdoAFQUYYWFKzHZmJ1WO6GHVY35wGgObWgByixjTMmKUkw0Y1YSIpLMvK2ZJqJ3Yi6WzERDU5NrtJPDerkuMxkkYC1GBq\/\/okgPi4qC+E5hCFVteZO2VU5h5T0YpbLDDVLpxydo9HRBPE1HEHN0GTBYCGnCppU93ev66QsfmkPC4sDNaKUxIJz2hofRR7wWb6XxES8hMg1MMp1hOJoNYJ\/FghEwHTsNJXaSEXB+XxWK2IFRR8lsxsyrTkBb3MUZK4d1hgk6eSritkxUtxOCs+VJdWnbl1jnIxNDMCuGU2U6Me0LLOmzPTabt0khbdwQtivS2JKrJdroiUaU0wqrA9w11idKEXEJLYbZPzhWi0Qh2M2EqUsuGtMvIC37Fvzmz2Bav+qaWRSlaKYAWzmq8QoVrBLoNrqpWKldKmsdoz3O2gYzX7YXZkKrUpEvmSfE02i3GlubhkMygS+bOU8emiRyXqsTiroyi1HLt1Lcx108Ti9o5SMyWWzJqHOun7kvWELCtfmfOHVF5F9RM13CN72j39jNXOc1X8yNfQxZrKnPV\/DTO7SJrzCphtvQOcqXby1aekPpEBoWNU5WQDeyLfSvFf5bwKUYavT3bVbHwgvepBl6O1XoTb\/RqqFdx5OxaC4+oQxgkHR2RyGxKjzKR5iUEfnJiIN1BRPBiiMhc0NPsISTfvE5KbrUKZM95IgtamMtWCoMbbMQvWVJNCqY8j6deiFCdo+pp8eEXk5elckLcpL1K+VB7ra+oqLdWhc7HcnITkFkqenZ0uYKVg2sXJaAhRGy92D\/KAlDTsRISW0+MSB42ARGO1Z\/JY8md8MCRkQ+Q7K9kK1jmpnI9mQb4lYYROsZWCIQJwVI+goBnq4n2pJe0S2cYAZ\/n70fOx0AOkDE6ZYXH0bBixnkrje8LSiAYa+WbBYRaqaRk03U1QE1sG6+srSXsNArdTzB3SXZSeJNE5QDPVxdbOWZGaydC9pA5782BcBGjlaKSdlSHKzMe0kiW9AwoCwNC9dEkSJjnVxmzYxZJ1LgBzkevFY9V+H8skK6hKO6YIHdSiMT2CHCvlqE1oiqXBYSfScE2B3LxRwl\/uxjMpO+tBlGk2k2YANhUXmfGkIRB5O8oKQ4pm2jUTbPMNCrHNaOGKdtbYOqlkLEoYBNn1tTx0LZmt3DZMsQSrWKmJ6VBmh7HEeAAHmCy6J+0S2xkdSljpxJlZHmY95sCsmEZ2pxrnZksI2c1KXb3QKc4WEe1ISGOmVaXG05NITJmlgyzzPSlva8+tUkLgVsuYk\/k35loYPCXQDhKsSuRvUpqj+3628yY58SVOmui5I+GSo8X5tESBkSaXkYFGhLbufQl2r4jlOJLyWGZDb3I9tmpNuXtDbkxX2sihWKyX60LZWedEuNOINtke6+6wehu2xQoNnDC0Q0FiCIMGZhEgmxqiFk8WyRivI2c+1IPQZIYOLpIFgB4X6BoHWslTChwRxSHSnkksDIMTkUuGFUjSA4J6czhY91Sp62QwC6JnC+C2GJ6czqO+TxxA5vPHPrbae9tfr1ikanb1BUEsbXRr7CBTTn8xetQBlQpxz53dyKMH783YosCMmA3txhoqIbNoC3pPFPRcCEnAlzOrpdpqnHKrkzJ7jJUX6qhNNHDCZfcCHaslaAyNOA1BCODBpYc0fPNJphFR9ElVr4nnDKY7InIwpAdH6eNwNO6ODocOw5XdDsNozt1fzvsavZ9EGRRnseRWbsd27Vj\/nFmizANLtSCGpu0KVyR9VsFrI5EsKyVNNiGCU5hhoCjinBFSzvbILPQh1T1QCTiTghFUGdA+wCDnhQ0ArJWhjJHxdoeJMztE2BajonNl1iFk9t3KDgdzutVNcpo4hxqoqjZnXLlq3tpPS0ZgFREyq+RJ7wKSwSCOukZgVLJ4VU5lBnmy3T87IATObPEyzXm7ZsPQq7jrdUqKKefahxJWILEjhZNZ6Vz1zyrPHSqltCYvmwVsdjgqaZHKzZo9EyUv4JdbfBNDuCwHzRBGny51OtQprT6XEslUgixNLyG7xJ91ltmXHUAgCc+kif529WyOP9iEgJD6XU7PSQInESEVYeNk3RgG000pFxZ\/y6F56pbWwDCPk0uOCgu9ooKkJHWtShjwmMMAYxgiHOZTC4bg4RmRJMaQR4OWB9ZYAXKSCXoqN\/N9dt7XHD4agFfYGGQRuZ9kdrRpKpYSHScerEalaBG1PdauArPaMcJV9h\/OtpWJJPQiOhvMeQawrDzJ5JVdD5Q0jMNyrJIkadYlx7PvbSe5LSWLsLvXDjkCqRCg69X1uXt\/UlOU2fPc4arJQ0+Ni1WVm9FBtlIUrF8j8f6MDJzG5v0pmwbBkJILKRnR3TBSyQUZ5QQoUUki3S\/WZFZKwrZSZiLOrM2iVDCIhX410ok9M5OXEZc2t0PQxhWzStxc1WWRN3dgSJeS0y6IuByH4p0Ay1Wo5ojk6YA8BImI3KMP12zGZ1OaFtvDIJAEsYlRpwikc98Bi8wcy4zItyFNFLnemhIpMiPlJKUoKFMFmBs71KWMu0mM3liuE2NvpKHt67dl48M5Aakkmg\/m1DnJnrOUnKOEIG67bAn0wRw0uzoTlmgQbx\/SlNbvAdKhjTMpZ\/okOEtrBGemAXk7gp1OFyReqTdr6V2A3S12dj\/adu9GuhmpkuU8hJmZF80mZpS\/oMy5op7MKBSuODd9pfNIRko0ZXC7Fiukt1UO1xLSnLJ9P9dNCwotRPRjBzZJz2zdUeC87IrIexj6fZfdZ2Vj8KnooSEjbKOYwLm+GTOs3iwbyybYYTZKD3wCV5tVXTkzI8AIOUojo7i+lSVzxXLSSCsPdJp9qqVD6kazyi9It6akrK4pblhmuGQTbr2GQc0sc15rMK47FT1PU2YFGwDYYp3i+kRXg9WhtV2DWNiQ2f+rc1o2opOsOytmshBsiANZoXdOpi6yFPuM\/BZzmhBpxXNToopnV+S6v3IGolc6YC0wo\/iAgnza536Jaqr2b0S5i8jty7U9VTs6KiswlvInTQeBXAZk5\/ReqIdHqp1oC40O2onXzhlGUI7rQ4ZYoTWvmaOxxE0BthJO5X4zGxkzveS0Txvz\/ZwEi0VQOBOl0oKMTD+Fts0KCUXfGLZhVr0ZIXWyYokha5IBs64CLVWBhKCdTeqT\/ewiLyalTBoPRK9FQwN0sGzmzGKQJzRE24ycqMrXc1U22ySFTf4mpuzUmGIEuvNkV1aqsHK\/cC\/frkB\/Tg8EUaZAYL3vOCEiGKhKsn04pZtyMrOiC96h8iQ+IXCmY0EDrWjSTXG7M1eApLmf5mT1H0yfU38ECZ0gq+ts4TBbcAz3Z9nkqGz+rNRQVVudM\/ibruy6z8JtL5VtLtx\/1qAA8yiBoifIlI4iC+iFZK7X5Yc2DdCpFHIFF2nKmlX4Qmapth47SLsceblVGIYUw3UMk3RjJG3DiIBRSRC5BhuO3uBkMmeLrCyGJKszK7LNSRMxIf5RQpNKi5RuEEfSC2D2miX7MoSWIEdGQ7ITVxl8MnDPAqYRZ0fkz9FRhbRdR5SuVhAelkVXJCsWFBU\/E7llTqYFbVtP5+KUkOKSUSBojCPA1WGeefDRyxEyJEFQIoSIgZxACYtncn02J0kNnHE6fQaxQJFNpUeA8Rpdwk1J5yLrFdmQAMjoQit3a+hVbJknsghjYRBR5YBMBCFT9KmnRnm2UgryigKRWeVlyouraw66784WaU27wry9e8oLF0jPDocQKriqnmrw0kZtSq1YhSZmM6JByaQj27+0e0VU8CJk2mmcNPa13WjZiShaabWnWXkCW\/npUSzuW1qcwGGsZGh7qIbYALw84DE4vn7OS3I+6c\/BVpwNqRTvg+A\/6g1TA\/QC1h0BonT0RxYfek0xpyQEFRU508on1GGGoqo2MR7tztbBKayh5+aIKakqeyM0+zhYTXW1bSfTZbAqVZBtc07bWMkTUmTXoLd5UqbAsUg9c0Z\/OGMHHKEP3YcXSTpzMl2jEnpwVus6Czirj8hptS34lipvQ85rQqcZxmvZ4ECSuq+QAl0ud8RfNg4pJ23d\/VtVbaCY1xvtqSa1bIWgeXkymZWk8FzJmiqtspKO4AyXmnJgp80voTE1ldiSQdu7vJGGWRJxGRirgXIiXcHlK3vO9lokDsZkbzkJzUTd37YHVY6rqk6IKch0b1e0GAVQTTYnY9UtVdCPImrLPJpJKP0OMMOFnLNpDyWFCCNgXm\/A1fUUVT0VQjicQcfz\/QhAL5tJ4m06CKrYt3ZiS\/EM2YT7bfhtsvrr\/mzDAyEDl8iHy3Z7gWa66OrVdFwku8WQOcnmlwnUxdkUW40B9Llp0MbXkSpYZncMJAuABq1FDKabqJDp+iRcR4a5P5zpNJItuQAi1PUUVTVtgOj5fBVlsSgGElihH5zRz4PpD5MkLbSq9pSpbTnpc5KexmAD3Kj9wUgk1uLcREi7HmlXOYOx2UqTjbyw6sXoV2mxSJJeBHY9RatVk+l325ljC\/xyDpjP4KoMy2jPdX9tyOe0a8YBVlDaUazQrTxILm2ww0uUQQkJDrP5WtPKBIDp\/AIiHAPLIMtvGjcFC+fyFWxTKuWYsswJDJ+dvc2adq61oiXCWP7PeDfF6ZNGpPbVZ8o6mNeW7W7RZ+47Mu1QOyeMb11cyXkPcFqpM8zqhv7f5YcKattUr5KFlG6ldV5EKB3k\/TByOAibsRF1z\/v7GTCdne+A6KYamc3XlBpALrNhEg+J87GdTIWaraaNx2ngMzKkAftMBqb3ic3ObMn1TcHfWCEmXx0uOuRybUPoTBr5\/ecIiTaLAtd1LRuHjOQhJuRhKPVzwvDYOgWojkWe1DXQF0ZEDiizdiF6bTJMdrsRCUYOxWFeraOqtzoDbH5tzc4aTb\/cHVAgXSYnw+A4b4+B2WEhYzKkbljUo4v8NtZU9g5AlvBIf\/phJCHSrrcWoxc5KGmYaWjOVz9cUsN\/xBpryw9NadUpRkh0bdR9Nvkws8bumPO5r1W9yCmsUg8pGfWrbQ8o53sXNBAtiLAxXem\/qei+OK\/WMZtfwKjc2YTjzCLn7kEQDTVMRPEgWDIsblyX8wTmrLSuApWJ8vBQVlIys6Wpr745WWGau4FyOEnSqoZ+gi3BzRbuJrxFgm7Ia\/qRVGkgPQAm8yzOTmZAjyLY5j8pNk66kC\/p5MbsPFngqLdf5rLS3OgckUdVbWA2u9C\/n5PfsLF1UmkQE9kRyLBdXTW4TBW2aWCGnygTYnKnjjNAtV3gnIQUYtHG4+GftRBKtgzhYbZkolyv+8rd3G7P54Mej2Tj9RWADgMJDTQuk8Bl88UBtIKTu8Zgy20ZREVIwWDYbmM9GGsbx1Ul5mQgrOopNqenW\/1ls\/7UFibbnUCx0pTFnCiBkCrsc0YSSLfBNOTBegGhgW90MTEA0rEcek9HC9mydDntlKfAR65ppfVZdEhHr77AyA15ZfquyGjwsfaayMJlmftoYSnRQdG\/c5mVKcoSTU9OPLtzBabTc5hX60i2Zcruwsb0NMpyGYVfaE4oiZkDNcwid9gSMLDfWuUiJFSdMnYhaVokcxXK3YI0xGRLCtbFSZTJlV0EuXOOFIOZBRUrAumUVuxq1BGZXXeERGkVkbLPBtZK6Gj24dMAkcOss8vNsGigPOViMgZCM+cKIzGLI5YWqW2hziPwFOtbJ5IOjEvyG2asbRzr912wxIYG+yucY1NZoYdttFV4EH+zIpcS7rBbOmGkJ1gJOMIwLknt+lDMY+mpmDUs0oVSSn0fDy1mzs4q6vHRfot8BqaSbBZW0cG8loXHOAXbkzUHWQ9L2SRKoUI9bYsMU4lSuheA1bWj\/SoOwwdMexVVPcXaxjGjm5cLDynYywNZYm7tGTM0o1koDHCfBMsHHcRcMg+Or8RQHNTDCyLnMjWvmbQzeCDpEK95hFAqAXrDugGnB8BlKAOzIwPpliEN+6Rs7J5xQ7Yzkznkg6s1jaqWZPZYaR2CYvNIZpP3JdY3HsG8Wh\/kiCdFTFcxLYz3YGnhMjBX2WY+FL2ess4xLaPNPHEeHFQQhFoNm\/l+20fQ2JsT4YEy+oWNdqGtLIcOztAvUu09UugJ2RDNA7o5TJqBkgXq9b8l\/SZrtEQZ3qVOcbKD+0LkM0ltWO9WscVN93relVjfPI71zZMmQdnm\/pJpnE3Ge7G88KgkeaWUX4PBvn+SyJBaec8D4Za2WXW3jXS64uyR1XnuWTp0kaWZNFDsmnVeRkJD6WUrPo8ZVbTECd37h54f6b4xQM5NR7XV3BglK\/k7CysNtSTV5Yc8tsu28jf96G5V2frGiQZZ2eYYk+2Bc+ZUj8ud2LF0WbunrVYrqrRnouywEank33qENN\/r9ViSNVqK5pEYoWaSUNao1dWZbZ6JjFq\/KSm3NdhMx5gWaxQ7p2yTP4+9WedOCujmnPp8juUrKGjJc7VqFNv6dx4GnhMeZReGG2BlfeM4NqcrF40hg1+V9CQGo\/ATLC9ehrKYIMgtPdaXUGa3COciJyXWTxlia+KR7LYZW+X2XyalvJ94UOK0P5hU5cnLWow7naehWFRQdgcdvqmArlWejOKBVcTPBGY7U4IcyyXJ6zM4BptWKnO2fclgeFcg1DNc2DiK2XwdMPuT8k4Og5EgMUIih8XJpViY7AOBELhOyAFZQ2TVSBm4caQDr+0ssARqDClS0ZJyRpSfb9HSvUJzhkjBISzaGnq7POV3HRoD3W5b36B0OqfhT\/XCs9J0lrw77KHtssmo35MrS0nNUcNQGTrCxnR6DutbJ9tqN+\/btjXAb\/Yby2IRi5NLMSqXAVDvEcnMMFA67xY1XyhXzFgdmnRwiVT+pQHd6C2kygyphLxjK2uxoTQkWS0clhPkZDf\/6IEg2lawF3pQ3ILGQumqey8t14sMkwU5oeuB9V0Z2EoWhh0+aPRjcoxq1+4XnlcbWN880VKsLh5qt\/OIxvPljDD+66hcxmS0F2W51OzttdUa5U6VzfmUnFSLetgTly9NWBYaUsNP0n4JmqsoQ6RcjGNaScoA5banZHbYCi9RVvclkZDLag7KMUirqyzbdXrfGkhjAdncThw62evuh\/9tvsiZqhjdmjSHwDWqagNb07PYmp3PtAm3L+34mytCkGGtpL8KP8a43IVRuQzvx70xgkxjPDlVEcSm7LJDGBmL7QoKShPPAUCITa4VNwBofC8zNaHIp0NZHdl5SuaMWcNO8WvPJJ0tKOO1kH1aue6HDp3GoyKfF5GKON2zqFHXM0zna5jNz2Nebf6r4ap\/VRV8MXdJGRnqwo9RFosoi0V4P4Z3I4C8GLbOvIvQh8hEErWrjbJ+0BQaKsTR9nCQ2uCY72XIeRBSqX4KopLpmZM5hH2FzkasxMqkSV9Mpv1pPHY+0BvVUwEZEeWiEhm6f9MmDGGGqp6iqjYxrzZQ1VtG7YIuUklvb5z\/PwO5XWk+eNyDAAAAAElFTkSuQmCC\" alt=\"Your Digital Designs\" draggable=\"false\" style=\"display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;\"><\/div> <span class=\"is-active\"> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect> <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect> <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect> <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect> <\/svg> <\/span> <span> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <path d=\"M4 19V9\"><\/path> <path d=\"M10 19V5\"><\/path> <path d=\"M16 19v-7\"><\/path> <path d=\"M22 19V3\"><\/path> <\/svg> <\/span> <span> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82\"><\/path> <path d=\"M4.27 6.18A1.65 1.65 0 0 0 4.6 8\"><\/path> <path d=\"M14.95 4.6A1.65 1.65 0 0 0 13.18 4\"><\/path> <path d=\"M9.05 19.4A1.65 1.65 0 0 0 10.82 20\"><\/path> <\/svg> <\/span> <span class=\"ydd-about-hero__dashboard-profile\"> M <\/span> <\/div> <!-- DASHBOARD MAIN CONTENT --> <div class=\"ydd-about-hero__dashboard-main\"> <div class=\"ydd-about-hero__dashboard-heading\"> <div> <span class=\"ydd-about-hero__dashboard-label\"> Example customer workflow <\/span> <h2 data-ydd-title> Turn a website visit into a connected customer journey. <\/h2> <\/div> <div class=\"ydd-about-hero__dashboard-badge\"> <span><\/span> Concept demo <\/div> <\/div> <p class=\"ydd-about-hero__dashboard-description\" data-ydd-description > A clear path can capture interest, guide the next action, prepare follow-up, and alert your team without disconnected manual steps. <\/p> <!-- METRICS --> <div class=\"ydd-about-hero__metrics\"> <div class=\"ydd-about-hero__metric\"> <div class=\"ydd-about-hero__metric-top\"> <span data-ydd-metric-one-label> Customer inquiry <\/span> <strong data-ydd-metric-one-value> Captured <\/strong> <\/div> <div class=\"ydd-about-hero__progress\"> <span data-ydd-progress-one style=\"width: 100%;\" ><\/span> <\/div> <\/div> <div class=\"ydd-about-hero__metric\"> <div class=\"ydd-about-hero__metric-top\"> <span data-ydd-metric-two-label> Team follow-up <\/span> <strong data-ydd-metric-two-value> Prepared <\/strong> <\/div> <div class=\"ydd-about-hero__progress\"> <span data-ydd-progress-two style=\"width: 94%;\" ><\/span> <\/div> <\/div> <\/div> <!-- CHART AND ACTIVITY --> <div class=\"ydd-about-hero__dashboard-grid\"> <div class=\"ydd-about-hero__chart-card\"> <div class=\"ydd-about-hero__card-heading\"> <div> <small>Journey progress<\/small> <strong data-ydd-chart-label> Connected momentum <\/strong> <\/div> <span class=\"ydd-about-hero__trend\"> Connected <\/span> <\/div> <div class=\"ydd-about-hero__chart\"> <span style=\"height: 34%;\"><\/span> <span style=\"height: 47%;\"><\/span> <span style=\"height: 43%;\"><\/span> <span style=\"height: 62%;\"><\/span> <span style=\"height: 56%;\"><\/span> <span style=\"height: 76%;\"><\/span> <span style=\"height: 91%;\"><\/span> <\/div> <div class=\"ydd-about-hero__chart-days\"> <span>M<\/span> <span>T<\/span> <span>W<\/span> <span>T<\/span> <span>F<\/span> <span>S<\/span> <span>S<\/span> <\/div> <\/div> <div class=\"ydd-about-hero__activity-card\"> <div class=\"ydd-about-hero__card-heading\"> <div> <small>Workflow example<\/small> <strong>Connected steps<\/strong> <\/div> <span class=\"ydd-about-hero__activity-count\"> 03 <\/span> <\/div> <div class=\"ydd-about-hero__activity-list\"> <div> <span class=\"ydd-about-hero__activity-icon\"> \u2713 <\/span> <p> <strong data-ydd-event-one> Visitor understands the offer <\/strong> <small>Step 1<\/small> <\/p> <\/div> <div> <span class=\"ydd-about-hero__activity-icon\"> \u2713 <\/span> <p> <strong data-ydd-event-two> Relevant next step is shown <\/strong> <small>Step 2<\/small> <\/p> <\/div> <div> <span class=\"ydd-about-hero__activity-icon\"> \u2713 <\/span> <p> <strong data-ydd-event-three> Inquiry path is ready <\/strong> <small>Step 3<\/small> <\/p> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <!-- FLOATING CONFIRMATION CARD --> <div class=\"ydd-about-hero__floating-card ydd-about-hero__floating-card--confirmation\"> <span class=\"ydd-about-hero__confirmation-check\"> <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"> <path d=\"m5 12 4 4L19 6\"><\/path> <\/svg> <\/span> <div> <strong data-ydd-floating-status> Interest captured <\/strong> <small data-ydd-floating-subtitle> A clearer route to action <\/small> <\/div> <\/div> <!-- INTERACTIVE SYSTEM MODES --> <div class=\"ydd-about-hero__modes\" role=\"tablist\" aria-label=\"Explore our digital system approach\" > <button type=\"button\" class=\"ydd-about-hero__mode is-active\" id=\"ydd-mode-attract\" data-ydd-mode=\"attract\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ydd-about-system-panel\" tabindex=\"0\" > <span class=\"ydd-about-hero__mode-number\"> 01 <\/span> <span> <small>Attract<\/small> <strong>Make your value clear<\/strong> <\/span> <\/button> <button type=\"button\" class=\"ydd-about-hero__mode\" id=\"ydd-mode-convert\" data-ydd-mode=\"convert\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ydd-about-system-panel\" tabindex=\"-1\" > <span class=\"ydd-about-hero__mode-number\"> 02 <\/span> <span> <small>Convert<\/small> <strong>Guide the next action<\/strong> <\/span> <\/button> <button type=\"button\" class=\"ydd-about-hero__mode\" id=\"ydd-mode-operate\" data-ydd-mode=\"operate\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ydd-about-system-panel\" tabindex=\"-1\" > <span class=\"ydd-about-hero__mode-number\"> 03 <\/span> <span> <small>Operate<\/small> <strong>Connect the follow-through<\/strong> <\/span> <\/button> <\/div> <p class=\"ydd-about-hero__interaction-hint\"> Select a stage to see how the journey changes <\/p> <\/div> <\/div> <\/section> <style> \/* ========================================================= ABOUT HERO FOUNDATION ========================================================== *\/ .ydd-about-hero { --ydd-about-ink: #11162b; --ydd-about-text: #5f667d; --ydd-about-muted: #8c91a4; --ydd-about-purple: #6d56f4; --ydd-about-purple-deep: #543de0; --ydd-about-blue: #418fe8; --ydd-about-cyan: #12c7d1; --ydd-about-green: #28c99d; --ydd-about-white: #ffffff; --ydd-about-border: rgba(71, 67, 117, 0.11); position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; width: 100vw; min-height: min(940px, 100vh); margin-left: calc(50% - 50vw); padding: clamp(105px, 9vw, 145px) 22px clamp(75px, 7vw, 105px); color: var(--ydd-about-ink); background: radial-gradient( circle at 7% 13%, rgba(109, 86, 244, 0.17), transparent 31% ), radial-gradient( circle at 94% 82%, rgba(18, 199, 209, 0.15), transparent 31% ), linear-gradient( 135deg, #f8f7ff 0%, #ffffff 47%, #f2fdff 100% ); font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; } .ydd-about-hero *, .ydd-about-hero *::before, .ydd-about-hero *::after { box-sizing: border-box; } .ydd-about-hero button, .ydd-about-hero a { font-family: inherit; } .ydd-about-hero__inner { position: relative; z-index: 4; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(530px, 1.12fr); align-items: center; gap: clamp(52px, 7vw, 100px); width: min(1320px, 100%); margin: 0 auto; } \/* ========================================================= BACKGROUND ELEMENTS ========================================================== *\/ .ydd-about-hero__grid { position: absolute; z-index: 0; inset: 0; opacity: 0.55; pointer-events: none; background-image: linear-gradient( rgba(84, 70, 166, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(84, 70, 166, 0.035) 1px, transparent 1px ); background-size: 50px 50px; mask-image: linear-gradient( to bottom, transparent 0%, #000 15%, #000 85%, transparent 100% ); } .ydd-about-hero__glow { position: absolute; z-index: 1; border-radius: 50%; pointer-events: none; filter: blur(25px); animation: yddAboutGlowFloat 13s ease-in-out infinite; } .ydd-about-hero__glow--purple { top: -210px; left: -170px; width: 480px; height: 480px; background: radial-gradient( circle, rgba(111, 85, 246, 0.27), transparent 70% ); } .ydd-about-hero__glow--cyan { right: -190px; bottom: -220px; width: 510px; height: 510px; background: radial-gradient( circle, rgba(13, 205, 210, 0.22), transparent 70% ); animation-delay: -6s; } @keyframes yddAboutGlowFloat { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(25px, -22px, 0) scale(1.08); } } \/* ========================================================= LEFT CONTENT ========================================================== *\/ .ydd-about-hero__content { position: relative; z-index: 5; opacity: 0; transform: translateY(26px); } .ydd-about-hero.is-visible .ydd-about-hero__content { animation: yddAboutContentIn 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards; } @keyframes yddAboutContentIn { to { opacity: 1; transform: translateY(0); } } .ydd-about-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; padding: 9px 14px; border: 1px solid rgba(109, 86, 244, 0.15); border-radius: 999px; color: var(--ydd-about-purple-deep); background: rgba(255, 255, 255, 0.79); box-shadow: 0 10px 30px rgba(70, 56, 143, 0.07); font-size: 10px; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; backdrop-filter: blur(14px); } .ydd-about-hero__eyebrow-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ydd-about-green); box-shadow: 0 0 0 5px rgba(40, 201, 157, 0.12); } .ydd-about-hero__eyebrow-dot::after { content: \"\"; position: absolute; inset: -5px; border: 1px solid rgba(40, 201, 157, 0.5); border-radius: inherit; animation: yddAboutPulse 2.3s ease-out infinite; } @keyframes yddAboutPulse { 0% { opacity: 0.7; transform: scale(0.7); } 80%, 100% { opacity: 0; transform: scale(1.9); } } .ydd-about-hero__title { max-width: 720px; margin: 0; color: var(--ydd-about-ink); font-family: Poppins, Inter, sans-serif; font-size: clamp(47px, 5.7vw, 82px); font-weight: 700; line-height: 0.98; letter-spacing: -0.058em; } .ydd-about-hero__title span { display: block; margin-top: 11px; color: transparent; background: linear-gradient( 90deg, #6c53f4 0%, #795df7 28%, #468be6 67%, #0ec2ca 100% ); background-size: 185% auto; -webkit-background-clip: text; background-clip: text; animation: yddAboutGradientText 7s ease-in-out infinite; } @keyframes yddAboutGradientText { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .ydd-about-hero__lead { max-width: 670px; margin: 27px 0 0; color: var(--ydd-about-text); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.76; } \/* ========================================================= UNITED STATES TO THAILAND ROUTE ========================================================== *\/ .ydd-about-hero__story-route { display: flex; align-items: center; gap: 14px; max-width: 590px; margin-top: 30px; padding: 16px 18px; border: 1px solid var(--ydd-about-border); border-radius: 18px; background: rgba(255, 255, 255, 0.71); box-shadow: 0 15px 38px rgba(63, 54, 123, 0.06); backdrop-filter: blur(13px); } .ydd-about-hero__route-stop { display: flex; flex: 1; align-items: center; gap: 11px; min-width: 0; } .ydd-about-hero__route-marker { display: grid; flex: 0 0 auto; place-items: center; width: 35px; height: 35px; border-radius: 11px; color: var(--ydd-about-purple); background: linear-gradient( 135deg, rgba(109, 86, 244, 0.11), rgba(18, 199, 209, 0.07) ); font-size: 9px; font-weight: 850; } .ydd-about-hero__route-stop small, .ydd-about-hero__route-stop strong { display: block; } .ydd-about-hero__route-stop small { margin-bottom: 2px; color: var(--ydd-about-muted); font-size: 9px; line-height: 1.3; } .ydd-about-hero__route-stop strong { color: var(--ydd-about-ink); font-size: 13px; } .ydd-about-hero__route-line { position: relative; flex: 0 0 55px; height: 1px; overflow: visible; background: linear-gradient( 90deg, rgba(109, 86, 244, 0.2), rgba(18, 199, 209, 0.45) ); } .ydd-about-hero__route-line::before, .ydd-about-hero__route-line::after { content: \"\"; position: absolute; top: 50%; width: 5px; height: 5px; border-radius: 50%; transform: translateY(-50%); } .ydd-about-hero__route-line::before { left: 0; background: var(--ydd-about-purple); } .ydd-about-hero__route-line::after { right: 0; background: var(--ydd-about-cyan); } .ydd-about-hero__route-line span { position: absolute; top: 50%; left: 2px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: var(--ydd-about-cyan); box-shadow: 0 3px 10px rgba(18, 199, 209, 0.35); transform: translateY(-50%); animation: yddAboutRouteMove 2.5s ease-in-out infinite; } @keyframes yddAboutRouteMove { 0%, 100% { left: 2px; } 50% { left: calc(100% - 10px); } } \/* ========================================================= PRIMARY ACTION BUTTON ========================================================== *\/ .ydd-about-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; } .ydd-about-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 175px; min-height: 54px; padding: 0 21px; border-radius: 14px; font-size: 12px; font-weight: 800; text-decoration: none !important; transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .ydd-about-hero__button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease; } .ydd-about-hero__button--primary { border: 1px solid transparent; color: #fff !important; background: linear-gradient( 135deg, var(--ydd-about-purple), var(--ydd-about-blue) ) !important; box-shadow: 0 13px 28px rgba(93, 72, 223, 0.26); } .ydd-about-hero__button--primary:hover, .ydd-about-hero__button--primary:focus { color: #fff !important; background: linear-gradient( 135deg, #7d63ff, #38a3e9 ) !important; box-shadow: 0 18px 36px rgba(93, 72, 223, 0.34); transform: translateY(-3px); } .ydd-about-hero__button--primary:hover svg { transform: translateX(4px); } \/* ========================================================= TRUST POINTS ========================================================== *\/ .ydd-about-hero__trust-row { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 24px; } .ydd-about-hero__trust-row > div { display: flex; align-items: center; gap: 8px; color: #646b80; font-size: 11px; font-weight: 700; } .ydd-about-hero__trust-check { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: #168e70; background: rgba(40, 201, 157, 0.12); font-size: 10px; font-weight: 900; } \/* ========================================================= INTERACTIVE VISUAL FOUNDATION ========================================================== *\/ .ydd-about-hero__visual { --ydd-rotate-x: 0deg; --ydd-rotate-y: 0deg; --ydd-shift-x: 0px; --ydd-shift-y: 0px; position: relative; min-width: 0; padding: 45px 15px 8px; perspective: 1500px; opacity: 0; transform: translateY(30px); } .ydd-about-hero.is-visible .ydd-about-hero__visual { animation: yddAboutVisualIn 0.95s 0.12s cubic-bezier(0.22, 1, 0.36, 1) forwards; } @keyframes yddAboutVisualIn { to { opacity: 1; transform: translateY(0); } } \/* ========================================================= DECORATIVE ORBITS ========================================================== *\/ .ydd-about-hero__orbit { position: absolute; z-index: -1; border: 1px solid rgba(109, 86, 244, 0.12); border-radius: 50%; pointer-events: none; } .ydd-about-hero__orbit::after { content: \"\"; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--ydd-about-cyan); box-shadow: 0 4px 12px rgba(18, 199, 209, 0.32); } .ydd-about-hero__orbit--one { top: 0; right: 1%; width: 450px; height: 450px; animation: yddAboutOrbit 22s linear infinite; } .ydd-about-hero__orbit--two { right: 15%; bottom: 70px; width: 290px; height: 290px; opacity: 0.55; animation: yddAboutOrbitReverse 17s linear infinite; } @keyframes yddAboutOrbit { to { transform: rotate(360deg); } } @keyframes yddAboutOrbitReverse { to { transform: rotate(-360deg); } } \/* ========================================================= MAIN BROWSER SYSTEM ========================================================== *\/ .ydd-about-hero__system { position: relative; z-index: 3; overflow: hidden; border: 1px solid rgba(109, 86, 244, 0.16); border-radius: 25px; background: rgba(255, 255, 255, 0.91); box-shadow: 0 37px 85px rgba(44, 40, 91, 0.17), 0 10px 30px rgba(68, 54, 145, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9); backdrop-filter: blur(20px); transform: rotateX(var(--ydd-rotate-x)) rotateY(var(--ydd-rotate-y)) translate3d( var(--ydd-shift-x), var(--ydd-shift-y), 0 ); transform-style: preserve-3d; transition: transform 0.22s ease-out, border-color 0.35s ease, box-shadow 0.35s ease; } .ydd-about-hero__visual:hover .ydd-about-hero__system { border-color: rgba(109, 86, 244, 0.28); box-shadow: 0 43px 95px rgba(44, 40, 91, 0.2), 0 15px 35px rgba(68, 54, 145, 0.1); } .ydd-about-hero__system.is-switching { animation: yddAboutSystemSwitch 0.46s ease; } @keyframes yddAboutSystemSwitch { 0% { filter: saturate(1); transform: rotateX(var(--ydd-rotate-x)) rotateY(var(--ydd-rotate-y)) scale(1); } 45% { filter: saturate(1.16); transform: rotateX(var(--ydd-rotate-x)) rotateY(var(--ydd-rotate-y)) scale(0.992); } 100% { filter: saturate(1); transform: rotateX(var(--ydd-rotate-x)) rotateY(var(--ydd-rotate-y)) scale(1); } } \/* ========================================================= BROWSER BAR ========================================================== *\/ .ydd-about-hero__browser-bar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 53px; padding: 0 17px; border-bottom: 1px solid rgba(71, 67, 117, 0.09); background: linear-gradient( 180deg, rgba(255, 255, 255, 0.96), rgba(247, 247, 252, 0.91) ); } .ydd-about-hero__browser-dots { display: flex; gap: 6px; } .ydd-about-hero__browser-dots span { width: 8px; height: 8px; border-radius: 50%; } .ydd-about-hero__browser-dots span:nth-child(1) { background: #ff8f9a; } .ydd-about-hero__browser-dots span:nth-child(2) { background: #ffc95d; } .ydd-about-hero__browser-dots span:nth-child(3) { background: #43d3aa; } .ydd-about-hero__browser-address { display: flex; align-items: center; gap: 7px; min-width: 0; max-width: 280px; min-height: 29px; padding: 0 11px; overflow: hidden; border: 1px solid rgba(71, 67, 117, 0.08); border-radius: 8px; color: #9095a6; background: rgba(245, 246, 251, 0.91); font-size: 8px; white-space: nowrap; text-overflow: ellipsis; } .ydd-about-hero__secure-icon { display: flex; color: var(--ydd-about-green); } .ydd-about-hero__secure-icon svg { width: 11px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .ydd-about-hero__browser-status { padding: 6px 9px; border: 1px solid rgba(40, 201, 157, 0.13); border-radius: 8px; color: #23846c; background: rgba(40, 201, 157, 0.08); font-size: 8px; font-weight: 800; } \/* ========================================================= DASHBOARD STRUCTURE ========================================================== *\/ .ydd-about-hero__dashboard { display: grid; grid-template-columns: 61px minmax(0, 1fr); min-height: 440px; } \/* ========================================================= DASHBOARD SIDE NAVIGATION ========================================================== *\/ .ydd-about-hero__dashboard-nav { display: flex; align-items: center; flex-direction: column; gap: 15px; padding: 17px 10px; border-right: 1px solid rgba(71, 67, 117, 0.08); background: linear-gradient( 180deg, #1d2143 0%, #262957 100% ); } .ydd-about-hero__dashboard-logo { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 9px; border-radius: 11px; color: #fff; background: linear-gradient( 135deg, var(--ydd-about-purple), var(--ydd-about-cyan) ); box-shadow: 0 9px 18px rgba(109, 86, 244, 0.3); font-size: 9px; font-weight: 850; } .ydd-about-hero__dashboard-nav > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; color: rgba(255, 255, 255, 0.46); transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease; } .ydd-about-hero__dashboard-nav > span.is-active { color: #fff; background: rgba(255, 255, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); } .ydd-about-hero__dashboard-nav > span svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .ydd-about-hero__dashboard-profile { margin-top: auto; color: #fff !important; background: linear-gradient( 135deg, var(--ydd-about-purple), var(--ydd-about-blue) ) !important; font-size: 9px; font-weight: 800; } \/* ========================================================= DASHBOARD MAIN ========================================================== *\/ .ydd-about-hero__dashboard-main { min-width: 0; padding: 25px; background: radial-gradient( circle at 100% 0%, rgba(109, 86, 244, 0.08), transparent 35% ), linear-gradient( 135deg, #fbfbff, #f7fcff ); } .ydd-about-hero__dashboard-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .ydd-about-hero__dashboard-label { display: block; margin-bottom: 7px; color: var(--ydd-about-purple); font-size: 7px; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; } .ydd-about-hero__dashboard-heading h2 { max-width: 370px; margin: 0; color: var(--ydd-about-ink); font-family: Poppins, Inter, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 650; line-height: 1.17; letter-spacing: -0.035em; } .ydd-about-hero__dashboard-badge { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(40, 201, 157, 0.13); border-radius: 9px; color: #27866e; background: rgba(40, 201, 157, 0.07); font-size: 7px; font-weight: 800; } .ydd-about-hero__dashboard-badge span { width: 6px; height: 6px; border-radius: 50%; background: var(--ydd-about-green); box-shadow: 0 0 0 4px rgba(40, 201, 157, 0.1); animation: yddAboutStatusBlink 2s ease-in-out infinite; } @keyframes yddAboutStatusBlink { 50% { opacity: 0.45; } } .ydd-about-hero__dashboard-description { max-width: 455px; margin: 10px 0 0; color: #747a8d; font-size: 10px; line-height: 1.6; } \/* ========================================================= DASHBOARD METRICS ========================================================== *\/ .ydd-about-hero__metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 21px; } .ydd-about-hero__metric { padding: 13px; border: 1px solid rgba(71, 67, 117, 0.08); border-radius: 12px; background: rgba(255, 255, 255, 0.78); box-shadow: 0 7px 18px rgba(61, 52, 116, 0.04); } .ydd-about-hero__metric-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; } .ydd-about-hero__metric-top span { color: #878b9e; font-size: 7px; font-weight: 700; } .ydd-about-hero__metric-top strong { color: var(--ydd-about-purple); font-size: 11px; } .ydd-about-hero__progress { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(109, 86, 244, 0.08); } .ydd-about-hero__progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient( 90deg, var(--ydd-about-purple), var(--ydd-about-blue), var(--ydd-about-cyan) ); transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1); } \/* ========================================================= CHART AND ACTIVITY GRID ========================================================== *\/ .ydd-about-hero__dashboard-grid { display: grid; grid-template-columns: 1.18fr 0.82fr; gap: 12px; margin-top: 13px; } .ydd-about-hero__chart-card, .ydd-about-hero__activity-card { min-width: 0; padding: 14px; border: 1px solid rgba(71, 67, 117, 0.08); border-radius: 14px; background: rgba(255, 255, 255, 0.81); box-shadow: 0 8px 21px rgba(61, 52, 116, 0.045); } .ydd-about-hero__card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .ydd-about-hero__card-heading small, .ydd-about-hero__card-heading strong { display: block; } .ydd-about-hero__card-heading small { margin-bottom: 3px; color: #969aac; font-size: 6px; } .ydd-about-hero__card-heading strong { color: var(--ydd-about-ink); font-size: 9px; } .ydd-about-hero__trend { padding: 5px 7px; border-radius: 7px; color: #25866d; background: rgba(40, 201, 157, 0.08); font-size: 6px; font-weight: 800; } \/* ========================================================= CHART ========================================================== *\/ .ydd-about-hero__chart { display: flex; align-items: flex-end; gap: 7px; height: 85px; margin-top: 14px; padding-top: 9px; border-bottom: 1px solid rgba(71, 67, 117, 0.08); background-image: linear-gradient( rgba(71, 67, 117, 0.045) 1px, transparent 1px ); background-size: 100% 25%; } .ydd-about-hero__chart span { flex: 1; min-width: 5px; border-radius: 5px 5px 1px 1px; background: linear-gradient( 180deg, var(--ydd-about-purple), var(--ydd-about-cyan) ); box-shadow: 0 5px 10px rgba(109, 86, 244, 0.11); transform-origin: bottom; animation: yddAboutChartGrow 1.1s ease both; } .ydd-about-hero__chart span:nth-child(2) { animation-delay: 0.08s; } .ydd-about-hero__chart span:nth-child(3) { animation-delay: 0.15s; } .ydd-about-hero__chart span:nth-child(4) { animation-delay: 0.22s; } .ydd-about-hero__chart span:nth-child(5) { animation-delay: 0.29s; } .ydd-about-hero__chart span:nth-child(6) { animation-delay: 0.36s; } .ydd-about-hero__chart span:nth-child(7) { animation-delay: 0.43s; } @keyframes yddAboutChartGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } } .ydd-about-hero__chart-days { display: flex; justify-content: space-between; margin-top: 6px; color: #a2a6b5; font-size: 5px; } \/* ========================================================= ACTIVITY CARD ========================================================== *\/ .ydd-about-hero__activity-count { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 8px; color: var(--ydd-about-purple); background: rgba(109, 86, 244, 0.08); font-size: 7px; font-weight: 850; } .ydd-about-hero__activity-list { display: grid; gap: 11px; margin-top: 17px; } .ydd-about-hero__activity-list > div { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 8px; } .ydd-about-hero__activity-icon { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; color: #23866d; background: rgba(40, 201, 157, 0.1); font-size: 8px; font-weight: 900; } .ydd-about-hero__activity-list p { min-width: 0; margin: 0; } .ydd-about-hero__activity-list strong, .ydd-about-hero__activity-list small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ydd-about-hero__activity-list strong { color: #53596c; font-size: 7px; } .ydd-about-hero__activity-list small { margin-top: 2px; color: #a0a4b3; font-size: 6px; } \/* ========================================================= FLOATING CARDS ========================================================== *\/ .ydd-about-hero__floating-card { position: absolute; z-index: 6; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(109, 86, 244, 0.13); background: rgba(255, 255, 255, 0.91); box-shadow: 0 18px 42px rgba(51, 45, 100, 0.13); backdrop-filter: blur(17px); } .ydd-about-hero__floating-card--automation { top: 4px; right: -17px; min-width: 190px; padding: 12px 14px; border-radius: 16px; animation: yddAboutFloatOne 5s ease-in-out infinite; } .ydd-about-hero__floating-icon { display: grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #fff; background: linear-gradient( 135deg, var(--ydd-about-purple), var(--ydd-about-blue) ); box-shadow: 0 8px 18px rgba(109, 86, 244, 0.24); } .ydd-about-hero__floating-icon svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .ydd-about-hero__floating-card small, .ydd-about-hero__floating-card strong { display: block; } .ydd-about-hero__floating-card small { color: #9297a8; font-size: 7px; } .ydd-about-hero__floating-card strong { margin-top: 2px; color: var(--ydd-about-ink); font-size: 10px; } .ydd-about-hero__live-dot { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--ydd-about-green); box-shadow: 0 0 0 5px rgba(40, 201, 157, 0.11); } .ydd-about-hero__floating-card--confirmation { right: 18px; bottom: 102px; min-width: 190px; padding: 13px 15px; border-radius: 16px; animation: yddAboutFloatTwo 5.7s ease-in-out infinite; } .ydd-about-hero__confirmation-check { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: linear-gradient( 135deg, var(--ydd-about-green), var(--ydd-about-cyan) ); box-shadow: 0 8px 18px rgba(40, 201, 157, 0.24); } .ydd-about-hero__confirmation-check svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; } @keyframes yddAboutFloatOne { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(1deg); } } @keyframes yddAboutFloatTwo { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(8px) rotate(-1deg); } } \/* ========================================================= INTERACTIVE MODE CONTROLS ========================================================== *\/ .ydd-about-hero__modes { position: relative; z-index: 8; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 14px 21px 0; padding: 7px; border: 1px solid rgba(109, 86, 244, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.79); box-shadow: 0 15px 38px rgba(55, 47, 111, 0.09); backdrop-filter: blur(15px); } .ydd-about-hero__mode { display: grid; grid-template-columns: 29px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; min-height: 57px; padding: 8px 9px; border: 1px solid transparent !important; border-radius: 12px; color: #6e7488 !important; background: transparent !important; box-shadow: none !important; text-align: left; cursor: pointer; transition: color 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease; } .ydd-about-hero__mode:hover { border-color: rgba(109, 86, 244, 0.14) !important; color: var(--ydd-about-purple-deep) !important; background: linear-gradient( 135deg, rgba(109, 86, 244, 0.08), rgba(18, 199, 209, 0.055) ) !important; transform: translateY(-1px); } .ydd-about-hero__mode.is-active { border-color: rgba(109, 86, 244, 0.14) !important; color: var(--ydd-about-purple-deep) !important; background: linear-gradient( 135deg, rgba(109, 86, 244, 0.12), rgba(18, 199, 209, 0.075) ) !important; box-shadow: 0 8px 20px rgba(68, 55, 142, 0.09) !important; } .ydd-about-hero__mode-number { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: var(--ydd-about-purple); background: rgba(109, 86, 244, 0.08); font-size: 7px; font-weight: 850; transition: color 0.24s ease, background 0.24s ease, transform 0.24s ease; } .ydd-about-hero__mode.is-active .ydd-about-hero__mode-number { color: #fff; background: linear-gradient( 135deg, var(--ydd-about-purple), var(--ydd-about-blue) ); box-shadow: 0 7px 15px rgba(109, 86, 244, 0.22); transform: scale(1.05); } .ydd-about-hero__mode small, .ydd-about-hero__mode strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ydd-about-hero__mode small { margin-bottom: 2px; color: var(--ydd-about-purple); font-size: 6px; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .ydd-about-hero__mode strong { color: inherit; font-size: 8px; line-height: 1.3; } .ydd-about-hero__interaction-hint { margin: 9px 0 0; color: var(--ydd-about-muted); font-size: 8px; text-align: center; } \/* ========================================================= MODE-SPECIFIC COLORS ========================================================== *\/ .ydd-about-hero__visual[data-mode=\"convert\"] .ydd-about-hero__progress span { background: linear-gradient( 90deg, #497ce9, #16bdd2 ); } .ydd-about-hero__visual[data-mode=\"operate\"] .ydd-about-hero__progress span { background: linear-gradient( 90deg, #6853ed, #8b63ef, #27c69d ); } .ydd-about-hero__visual[data-mode=\"convert\"] .ydd-about-hero__chart span { background: linear-gradient( 180deg, #448ce8, #12c7d1 ); } .ydd-about-hero__visual[data-mode=\"operate\"] .ydd-about-hero__chart span { background: linear-gradient( 180deg, #7656ee, #28c99d ); } \/* ========================================================= ENLARGED DESKTOP SYSTEM ========================================================== *\/ @media (min-width: 1121px) { .ydd-about-hero__inner { width: min(1540px, 100%); grid-template-columns: minmax(435px, 0.7fr) minmax(720px, 1.3fr); gap: clamp(42px, 4vw, 70px); } .ydd-about-hero__content { align-self: center; } .ydd-about-hero__title { font-size: clamp(56px, 5.2vw, 82px); } .ydd-about-hero__visual { width: 100%; padding: 62px 4px 10px; } .ydd-about-hero__system { border-radius: 29px; box-shadow: 0 46px 105px rgba(44, 40, 91, 0.19), 0 16px 40px rgba(68, 54, 145, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95); } \/* Browser bar *\/ .ydd-about-hero__browser-bar { min-height: 65px; padding: 0 22px; gap: 18px; } .ydd-about-hero__browser-dots { gap: 7px; } .ydd-about-hero__browser-dots span { width: 10px; height: 10px; } .ydd-about-hero__browser-address { max-width: 365px; min-height: 36px; padding: 0 14px; border-radius: 10px; font-size: 10px; } .ydd-about-hero__secure-icon svg { width: 13px; } .ydd-about-hero__browser-status { padding: 8px 12px; border-radius: 9px; font-size: 9px; } \/* Dashboard *\/ .ydd-about-hero__dashboard { grid-template-columns: 78px minmax(0, 1fr); min-height: 560px; } .ydd-about-hero__dashboard-nav { gap: 20px; padding: 23px 13px; } .ydd-about-hero__dashboard-logo { width: 45px; height: 45px; margin-bottom: 11px; border-radius: 14px; font-size: 12px; } .ydd-about-hero__dashboard-nav > span { width: 43px; height: 43px; border-radius: 13px; } .ydd-about-hero__dashboard-nav > span svg { width: 20px; height: 20px; } .ydd-about-hero__dashboard-profile { font-size: 12px; } .ydd-about-hero__dashboard-main { padding: 36px 34px 32px; } .ydd-about-hero__dashboard-label { margin-bottom: 10px; font-size: 9px; } .ydd-about-hero__dashboard-heading h2 { max-width: 520px; font-size: clamp(28px, 2.2vw, 36px); line-height: 1.13; } .ydd-about-hero__dashboard-badge { gap: 8px; padding: 10px 13px; border-radius: 11px; font-size: 9px; } .ydd-about-hero__dashboard-badge span { width: 8px; height: 8px; } .ydd-about-hero__dashboard-description { max-width: 620px; margin-top: 14px; font-size: 12px; line-height: 1.65; } \/* Metrics *\/ .ydd-about-hero__metrics { gap: 16px; margin-top: 28px; } .ydd-about-hero__metric { padding: 19px; border-radius: 16px; } .ydd-about-hero__metric-top { margin-bottom: 13px; } .ydd-about-hero__metric-top span { font-size: 9px; } .ydd-about-hero__metric-top strong { font-size: 15px; } .ydd-about-hero__progress { height: 7px; } \/* Chart and activity *\/ .ydd-about-hero__dashboard-grid { grid-template-columns: 1.22fr 0.78fr; gap: 17px; margin-top: 17px; } .ydd-about-hero__chart-card, .ydd-about-hero__activity-card { padding: 20px; border-radius: 18px; } .ydd-about-hero__card-heading small { margin-bottom: 5px; font-size: 8px; } .ydd-about-hero__card-heading strong { font-size: 12px; } .ydd-about-hero__trend { padding: 7px 10px; border-radius: 9px; font-size: 8px; } .ydd-about-hero__chart { height: 130px; gap: 10px; margin-top: 20px; padding-top: 13px; } .ydd-about-hero__chart-days { margin-top: 9px; font-size: 7px; } .ydd-about-hero__activity-count { width: 30px; height: 30px; border-radius: 10px; font-size: 9px; } .ydd-about-hero__activity-list { gap: 17px; margin-top: 22px; } .ydd-about-hero__activity-list > div { grid-template-columns: 34px minmax(0, 1fr); gap: 11px; } .ydd-about-hero__activity-icon { width: 33px; height: 33px; border-radius: 11px; font-size: 10px; } .ydd-about-hero__activity-list strong { font-size: 9px; } .ydd-about-hero__activity-list small { margin-top: 3px; font-size: 7px; } \/* Floating automation card *\/ .ydd-about-hero__floating-card--automation { top: 0; right: -24px; min-width: 225px; padding: 16px 18px; border-radius: 19px; } .ydd-about-hero__floating-icon { width: 45px; height: 45px; border-radius: 14px; } .ydd-about-hero__floating-icon svg { width: 22px; } .ydd-about-hero__floating-card small { font-size: 9px; } .ydd-about-hero__floating-card strong { margin-top: 3px; font-size: 12px; } .ydd-about-hero__live-dot { width: 8px; height: 8px; } \/* Floating confirmation card *\/ .ydd-about-hero__floating-card--confirmation { right: 3px; bottom: 136px; min-width: 235px; padding: 16px 19px; border-radius: 19px; } .ydd-about-hero__confirmation-check { width: 43px; height: 43px; } .ydd-about-hero__confirmation-check svg { width: 21px; } \/* Mode buttons *\/ .ydd-about-hero__modes { gap: 12px; margin: 18px 25px 0; padding: 10px; border-radius: 21px; } .ydd-about-hero__mode { grid-template-columns: 39px minmax(0, 1fr); gap: 11px; min-height: 76px; padding: 12px 13px; border-radius: 15px; } .ydd-about-hero__mode-number { width: 39px; height: 39px; border-radius: 12px; font-size: 9px; } .ydd-about-hero__mode small { margin-bottom: 4px; font-size: 8px; } .ydd-about-hero__mode strong { font-size: 10px; line-height: 1.35; } .ydd-about-hero__interaction-hint { margin-top: 12px; font-size: 9px; } } \/* ========================================================= TABLET ========================================================== *\/ @media (max-width: 1120px) { .ydd-about-hero { min-height: auto; } .ydd-about-hero__inner { grid-template-columns: 1fr; max-width: 900px; } .ydd-about-hero__content { max-width: 790px; margin: 0 auto; text-align: center; } .ydd-about-hero__lead, .ydd-about-hero__story-route { margin-right: auto; margin-left: auto; } .ydd-about-hero__actions, .ydd-about-hero__trust-row { justify-content: center; } .ydd-about-hero__visual { width: min(790px, 100%); margin: 0 auto; } } \/* ========================================================= MOBILE ========================================================== *\/ @media (max-width: 720px) { .ydd-about-hero { padding-right: 15px; padding-left: 15px; } .ydd-about-hero__header { text-align: left; } .ydd-about-hero__content { text-align: left; } .ydd-about-hero__title { font-size: clamp(42px, 12vw, 61px); } .ydd-about-hero__lead { font-size: 16px; } .ydd-about-hero__story-route { align-items: stretch; flex-direction: column; max-width: 430px; margin-left: 0; } .ydd-about-hero__route-line { width: 1px; height: 31px; margin-left: 17px; background: linear-gradient( 180deg, rgba(109, 86, 244, 0.24), rgba(18, 199, 209, 0.45) ); } .ydd-about-hero__route-line::before, .ydd-about-hero__route-line::after { top: auto; left: 50%; transform: translateX(-50%); } .ydd-about-hero__route-line::before { top: 0; } .ydd-about-hero__route-line::after { right: auto; bottom: 0; } .ydd-about-hero__route-line span { top: 2px; left: 50%; transform: translateX(-50%); animation: yddAboutRouteMoveMobile 2.4s ease-in-out infinite; } @keyframes yddAboutRouteMoveMobile { 0%, 100% { top: 2px; } 50% { top: calc(100% - 10px); } } .ydd-about-hero__actions { justify-content: flex-start; flex-direction: column; } .ydd-about-hero__button { width: 100%; } .ydd-about-hero__trust-row { justify-content: flex-start; } .ydd-about-hero__dashboard { grid-template-columns: 46px minmax(0, 1fr); min-height: 420px; } .ydd-about-hero__dashboard-nav { padding: 14px 6px; } .ydd-about-hero__dashboard-logo, .ydd-about-hero__dashboard-nav > span { width: 30px; height: 30px; } .ydd-about-hero__dashboard-main { padding: 18px 15px; } .ydd-about-hero__dashboard-heading { align-items: flex-start; flex-direction: column; } .ydd-about-hero__dashboard-grid { grid-template-columns: 1fr; } .ydd-about-hero__activity-card { display: none; } .ydd-about-hero__floating-card--automation { right: 2px; } .ydd-about-hero__floating-card--confirmation { right: 7px; bottom: 132px; } .ydd-about-hero__modes { grid-template-columns: 1fr; margin-right: 7px; margin-left: 7px; } .ydd-about-hero__mode { grid-template-columns: 31px minmax(0, 1fr); } .ydd-about-hero__mode small, .ydd-about-hero__mode strong { white-space: normal; } } \/* ========================================================= SMALL MOBILE ========================================================== *\/ @media (max-width: 480px) { .ydd-about-hero__eyebrow { font-size: 8px; } .ydd-about-hero__title { font-size: clamp(39px, 12vw, 53px); } .ydd-about-hero__trust-row { align-items: flex-start; flex-direction: column; gap: 10px; } .ydd-about-hero__visual { padding-top: 61px; } .ydd-about-hero__browser-address { max-width: 160px; } .ydd-about-hero__browser-status { display: none; } .ydd-about-hero__metrics { grid-template-columns: 1fr; } .ydd-about-hero__floating-card--automation { min-width: 174px; } .ydd-about-hero__floating-card--confirmation { display: none; } } \r\n\/* =========================================================\r\n   READABILITY ENHANCEMENTS\r\n   Enlarges supporting interface text without changing layout\r\n========================================================== *\/\r\n.ydd-about-hero {\r\n  text-rendering: optimizeLegibility;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.ydd-about-hero__eyebrow {\r\n  font-size: 11px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__route-marker {\r\n  font-size: 10px;\r\n}\r\n\r\n.ydd-about-hero__route-stop small {\r\n  font-size: 10.5px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.ydd-about-hero__route-stop strong {\r\n  font-size: 14px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__button {\r\n  font-size: 13px;\r\n}\r\n\r\n.ydd-about-hero__trust-row > div {\r\n  font-size: 12.5px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.ydd-about-hero__browser-address,\r\n.ydd-about-hero__browser-status {\r\n  font-size: 9.5px;\r\n}\r\n\r\n.ydd-about-hero__dashboard-label,\r\n.ydd-about-hero__dashboard-badge {\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__dashboard-description {\r\n  font-size: 11.5px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.ydd-about-hero__metric-top span {\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__metric-top strong {\r\n  font-size: 13px;\r\n}\r\n\r\n.ydd-about-hero__card-heading small {\r\n  font-size: 9px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.ydd-about-hero__card-heading strong {\r\n  font-size: 10.5px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.ydd-about-hero__trend {\r\n  font-size: 9px;\r\n}\r\n\r\n.ydd-about-hero__chart-days {\r\n  font-size: 9px;\r\n}\r\n\r\n.ydd-about-hero__activity-count {\r\n  font-size: 9.5px;\r\n}\r\n\r\n.ydd-about-hero__activity-icon {\r\n  font-size: 10px;\r\n}\r\n\r\n.ydd-about-hero__activity-list strong {\r\n  font-size: 9.5px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__activity-list small {\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__floating-card small {\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__floating-card strong {\r\n  font-size: 11px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__mode-number {\r\n  font-size: 9.5px;\r\n}\r\n\r\n.ydd-about-hero__mode small {\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.ydd-about-hero__mode strong {\r\n  font-size: 10.5px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.ydd-about-hero__interaction-hint {\r\n  margin-top: 12px;\r\n  color: #62697f;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n\/* Larger desktop presentation *\/\r\n@media (min-width: 1121px) {\r\n  .ydd-about-hero__route-stop small {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .ydd-about-hero__route-stop strong {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .ydd-about-hero__button {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ydd-about-hero__trust-row > div {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ydd-about-hero__browser-address {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .ydd-about-hero__browser-status {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__dashboard-label,\r\n  .ydd-about-hero__dashboard-badge {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__dashboard-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ydd-about-hero__metric-top span {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__metric-top strong {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .ydd-about-hero__card-heading small {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__card-heading strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ydd-about-hero__trend {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__chart-days {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__activity-count {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__activity-icon {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .ydd-about-hero__activity-list strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__activity-list small {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__floating-card small {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__floating-card strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ydd-about-hero__mode-number {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__mode small {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__mode strong {\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .ydd-about-hero__interaction-hint {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n\/* Maintain clarity without crowding smaller screens *\/\r\n@media (max-width: 720px) {\r\n  .ydd-about-hero__eyebrow {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__route-stop small {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__route-stop strong {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ydd-about-hero__trust-row > div {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ydd-about-hero__browser-address,\r\n  .ydd-about-hero__browser-status {\r\n    font-size: 9.5px;\r\n  }\r\n\r\n  .ydd-about-hero__dashboard-label,\r\n  .ydd-about-hero__dashboard-badge {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__dashboard-description {\r\n    font-size: 10.5px;\r\n  }\r\n\r\n  .ydd-about-hero__metric-top span {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__metric-top strong {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .ydd-about-hero__card-heading small,\r\n  .ydd-about-hero__trend {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__card-heading strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .ydd-about-hero__chart-days {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__floating-card small {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__floating-card strong {\r\n    font-size: 10.5px;\r\n  }\r\n\r\n  .ydd-about-hero__mode-number {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .ydd-about-hero__mode small {\r\n    font-size: 9.5px;\r\n  }\r\n\r\n  .ydd-about-hero__mode strong {\r\n    font-size: 10.5px;\r\n  }\r\n\r\n  .ydd-about-hero__interaction-hint {\r\n    margin-top: 13px;\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOMEPAGE HERO REFINEMENTS\r\n   Clearer actions, honest demo labels, and multilingual resilience\r\n========================================================== *\/\r\n.ydd-about-hero__button--secondary {\r\n  border: 1px solid rgba(93, 72, 223, 0.2);\r\n  color: var(--ydd-about-ink) !important;\r\n  background: rgba(255, 255, 255, 0.82) !important;\r\n  box-shadow: 0 10px 24px rgba(61, 52, 116, 0.07);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n}\r\n\r\n.ydd-about-hero__button--secondary:hover {\r\n  border-color: rgba(93, 72, 223, 0.42);\r\n  color: var(--ydd-about-purple) !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 14px 30px rgba(61, 52, 116, 0.12);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.ydd-about-hero__button--secondary:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n.ydd-about-hero__metric-top strong {\r\n  max-width: 52%;\r\n  overflow-wrap: anywhere;\r\n  text-align: right;\r\n}\r\n\r\n.ydd-about-hero__dashboard-badge,\r\n.ydd-about-hero__browser-status,\r\n.ydd-about-hero__trend {\r\n  white-space: nowrap;\r\n}\r\n\r\n.ydd-about-hero__system[role=\"tabpanel\"]:focus {\r\n  outline: none;\r\n}\r\n\r\n.ydd-about-hero__system[role=\"tabpanel\"]:focus-visible {\r\n  outline: 3px solid rgba(18, 199, 209, 0.42);\r\n  outline-offset: 5px;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .ydd-about-hero__button--secondary {\r\n    background: rgba(255, 255, 255, 0.94) !important;\r\n  }\r\n}\r\n\r\n\/* ========================================================= ACCESSIBILITY ========================================================== *\/ .ydd-about-hero a:focus-visible, .ydd-about-hero button:focus-visible { outline: 3px solid rgba(18, 199, 209, 0.48) !important; outline-offset: 3px; } \/* ========================================================= REDUCED MOTION ========================================================== *\/ @media (prefers-reduced-motion: reduce) { .ydd-about-hero *, .ydd-about-hero *::before, .ydd-about-hero *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .ydd-about-hero__content, .ydd-about-hero__visual { opacity: 1; transform: none; } } <\/style> <script> (function () { \"use strict\"; const section = document.querySelector(\"#ydd-about-hero\"); if (!section || section.dataset.initialized === \"true\") { return; } section.dataset.initialized = \"true\"; const visual = section.querySelector(\"[data-ydd-visual]\"); const system = section.querySelector( \".ydd-about-hero__system\" ); const modeButtons = Array.from( section.querySelectorAll(\"[data-ydd-mode]\") ); const title = section.querySelector( \"[data-ydd-title]\" ); const description = section.querySelector( \"[data-ydd-description]\" ); const metricOneLabel = section.querySelector( \"[data-ydd-metric-one-label]\" ); const metricOneValue = section.querySelector( \"[data-ydd-metric-one-value]\" ); const metricTwoLabel = section.querySelector( \"[data-ydd-metric-two-label]\" ); const metricTwoValue = section.querySelector( \"[data-ydd-metric-two-value]\" ); const progressOne = section.querySelector( \"[data-ydd-progress-one]\" ); const progressTwo = section.querySelector( \"[data-ydd-progress-two]\" ); const chartLabel = section.querySelector( \"[data-ydd-chart-label]\" ); const eventOne = section.querySelector( \"[data-ydd-event-one]\" ); const eventTwo = section.querySelector( \"[data-ydd-event-two]\" ); const eventThree = section.querySelector( \"[data-ydd-event-three]\" ); const floatingStatus = section.querySelector( \"[data-ydd-floating-status]\" ); const floatingSubtitle = section.querySelector( \"[data-ydd-floating-subtitle]\" ); const currentPath = window.location.pathname.toLowerCase();\r\nconst language = \/^\\\/th(?:\\\/|$)\/.test(currentPath)\r\n  ? \"th\"\r\n  : \/^\\\/zh(?:\\\/|$)\/.test(currentPath)\r\n    ? \"zh\"\r\n    : \"en\";\r\n\r\nconst translations = {\"en\":{\"static\":{\"eyebrow\":\"American-founded \u00b7 Now expanding across Thailand\",\"titleLineOne\":\"We build the digital systems\",\"titleLineTwo\":\"behind growing businesses.\",\"lead\":\"Founded in the United States and now expanding across Thailand, we create multilingual websites, customer portals, booking and payment experiences, and automated workflows that help businesses win customers and operate with less friction.\",\"routeStartLabel\":\"Founded in\",\"routeStartPlace\":\"United States\",\"routeGrowthLabel\":\"Now expanding across\",\"routeGrowthPlace\":\"Thailand\",\"primaryButton\":\"Explore our solutions\",\"secondaryButton\":\"Start a project\",\"trustStrategy\":\"American-founded\",\"trustMobile\":\"Thailand-focused\",\"trustGrowth\":\"English \u00b7 Thai \u00b7 Chinese\",\"automationLabel\":\"Connected automation\",\"automationStatus\":\"Ready when customers are\",\"browserStatus\":\"Interactive demo\",\"dashboardLabel\":\"Example customer workflow\",\"dashboardStatus\":\"Concept demo\",\"journeyLabel\":\"Journey progress\",\"trendLabel\":\"Connected\",\"activityLabel\":\"Workflow example\",\"activityTitle\":\"Connected steps\",\"eventTimeOne\":\"Step 1\",\"eventTimeTwo\":\"Step 2\",\"eventTimeThree\":\"Step 3\",\"modesAria\":\"Explore how a connected customer journey works\",\"modeAttractLabel\":\"Attract\",\"modeAttractText\":\"Make your value clear\",\"modeConvertLabel\":\"Convert\",\"modeConvertText\":\"Guide the next action\",\"modeOperateLabel\":\"Operate\",\"modeOperateText\":\"Connect the follow-through\",\"interactionHint\":\"Select a stage to see how the journey changes\",\"days\":[\"M\",\"T\",\"W\",\"T\",\"F\",\"S\",\"S\"],\"solutionsUrl\":\"\/en\/solutions\/\",\"contactUrl\":\"\/start-a-project\/\"},\"modes\":{\"attract\":{\"title\":\"Help the right customers understand your value.\",\"description\":\"Present the offer clearly, build confidence quickly, and guide visitors toward the most relevant next step.\",\"metricOneLabel\":\"Your offer\",\"metricOneValue\":\"Clear\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"Next step\",\"metricTwoValue\":\"Visible\",\"metricTwoProgress\":\"92%\",\"chartLabel\":\"Interest building\",\"eventOne\":\"Visitor understands the offer\",\"eventTwo\":\"Relevant solution is shown\",\"eventThree\":\"Inquiry path is ready\",\"floatingStatus\":\"Interest captured\",\"floatingSubtitle\":\"A clearer route to action\"},\"convert\":{\"title\":\"Make it easy for customers to take action.\",\"description\":\"Connect forms, bookings, payments, and confirmations into one smooth experience with fewer points of friction.\",\"metricOneLabel\":\"Customer action\",\"metricOneValue\":\"Simple\",\"metricOneProgress\":\"98%\",\"metricTwoLabel\":\"Confirmation\",\"metricTwoValue\":\"Automatic\",\"metricTwoProgress\":\"94%\",\"chartLabel\":\"Action completed\",\"eventOne\":\"Request or booking submitted\",\"eventTwo\":\"Payment or details confirmed\",\"eventThree\":\"Customer receives the next step\",\"floatingStatus\":\"Action confirmed\",\"floatingSubtitle\":\"The journey stays connected\"},\"operate\":{\"title\":\"Keep the work connected after the click.\",\"description\":\"Bring customer records, team notifications, follow-up tasks, and daily workflows into one dependable process.\",\"metricOneLabel\":\"Customer record\",\"metricOneValue\":\"Created\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"Team handoff\",\"metricTwoValue\":\"Connected\",\"metricTwoProgress\":\"96%\",\"chartLabel\":\"Workflow continuing\",\"eventOne\":\"Customer record is created\",\"eventTwo\":\"Follow-up task is prepared\",\"eventThree\":\"The right team member is alerted\",\"floatingStatus\":\"Team handoff ready\",\"floatingSubtitle\":\"Less disconnected manual work\"}}},\"th\":{\"static\":{\"eyebrow\":\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e08\u0e32\u0e01\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2f \u00b7 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e02\u0e22\u0e32\u0e22\u0e2a\u0e39\u0e48\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\",\"titleLineOne\":\"\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\",\"titleLineTwo\":\"\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\",\"lead\":\"\u0e40\u0e23\u0e32\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e43\u0e19\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32\u0e41\u0e25\u0e30\u0e01\u0e33\u0e25\u0e31\u0e07\u0e02\u0e22\u0e32\u0e22\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e42\u0e14\u0e22\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e25\u0e32\u0e22\u0e20\u0e32\u0e29\u0e32 \u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e01\u0e42\u0e1f\u0e25\u0e27\u0e4c\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e14\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19\",\"routeStartLabel\":\"\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e43\u0e19\",\"routeStartPlace\":\"\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32\",\"routeGrowthLabel\":\"\u0e01\u0e33\u0e25\u0e31\u0e07\u0e02\u0e22\u0e32\u0e22\u0e2a\u0e39\u0e48\",\"routeGrowthPlace\":\"\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\",\"primaryButton\":\"\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\",\"secondaryButton\":\"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\",\"trustStrategy\":\"\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e43\u0e19\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32\",\"trustMobile\":\"\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e15\u0e25\u0e32\u0e14\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\",\"trustGrowth\":\"\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29 \u00b7 \u0e44\u0e17\u0e22 \u00b7 \u0e08\u0e35\u0e19\",\"automationLabel\":\"\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\",\"automationStatus\":\"\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\",\"browserStatus\":\"\u0e40\u0e14\u0e42\u0e21\u0e41\u0e1a\u0e1a\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\",\"dashboardLabel\":\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"dashboardStatus\":\"\u0e40\u0e14\u0e42\u0e21\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\",\"journeyLabel\":\"\u0e04\u0e27\u0e32\u0e21\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\",\"trendLabel\":\"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e49\u0e27\",\"activityLabel\":\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e01\u0e42\u0e1f\u0e25\u0e27\u0e4c\",\"activityTitle\":\"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\",\"eventTimeOne\":\"\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 1\",\"eventTimeTwo\":\"\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 2\",\"eventTimeThree\":\"\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48 3\",\"modesAria\":\"\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\",\"modeAttractLabel\":\"\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\",\"modeAttractText\":\"\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\",\"modeConvertLabel\":\"\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"modeConvertText\":\"\u0e1e\u0e32\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\",\"modeOperateLabel\":\"\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\",\"modeOperateText\":\"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\",\"interactionHint\":\"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e15\u0e48\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e27\u0e48\u0e32\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\",\"days\":[\"\u0e08\",\"\u0e2d\",\"\u0e1e\",\"\u0e1e\u0e24\",\"\u0e28\",\"\u0e2a\",\"\u0e2d\u0e32\"],\"solutionsUrl\":\"\/th\/solutions\/\",\"contactUrl\":\"\/start-a-project\/\"},\"modes\":{\"attract\":{\"title\":\"\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\",\"description\":\"\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 \u0e41\u0e25\u0e30\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\",\"metricOneLabel\":\"\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\",\"metricOneValue\":\"\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\",\"metricTwoValue\":\"\u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\",\"metricTwoProgress\":\"92%\",\"chartLabel\":\"\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e27\",\"eventOne\":\"\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\",\"eventTwo\":\"\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\",\"eventThree\":\"\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\",\"floatingStatus\":\"\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e49\u0e27\",\"floatingSubtitle\":\"\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e02\u0e36\u0e49\u0e19\"},\"convert\":{\"title\":\"\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19\",\"description\":\"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e40\u0e14\u0e35\u0e22\u0e27\u0e17\u0e35\u0e48\u0e25\u0e37\u0e48\u0e19\u0e44\u0e2b\u0e25\u0e41\u0e25\u0e30\u0e25\u0e14\u0e08\u0e38\u0e14\u0e15\u0e34\u0e14\u0e02\u0e31\u0e14\",\"metricOneLabel\":\"\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"metricOneValue\":\"\u0e07\u0e48\u0e32\u0e22\",\"metricOneProgress\":\"98%\",\"metricTwoLabel\":\"\u0e01\u0e32\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\",\"metricTwoValue\":\"\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\",\"metricTwoProgress\":\"94%\",\"chartLabel\":\"\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\",\"eventOne\":\"\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\",\"eventTwo\":\"\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e49\u0e27\",\"eventThree\":\"\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\",\"floatingStatus\":\"\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e41\u0e25\u0e49\u0e27\",\"floatingSubtitle\":\"\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e22\u0e31\u0e07\u0e04\u0e07\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\"},\"operate\":{\"title\":\"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e07\u0e32\u0e19\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e25\u0e34\u0e01\",\"description\":\"\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e17\u0e35\u0e21 \u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e19\u0e44\u0e27\u0e49\u0e43\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e35\u0e22\u0e27\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\",\"metricOneLabel\":\"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\",\"metricOneValue\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e49\u0e27\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e07\u0e32\u0e19\",\"metricTwoValue\":\"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e49\u0e27\",\"metricTwoProgress\":\"96%\",\"chartLabel\":\"\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e01\u0e42\u0e1f\u0e25\u0e27\u0e4c\u0e01\u0e33\u0e25\u0e31\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e15\u0e48\u0e2d\",\"eventOne\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e25\u0e49\u0e27\",\"eventTwo\":\"\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e41\u0e25\u0e49\u0e27\",\"eventThree\":\"\u0e41\u0e08\u0e49\u0e07\u0e17\u0e35\u0e21\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\",\"floatingStatus\":\"\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e17\u0e35\u0e21\",\"floatingSubtitle\":\"\u0e25\u0e14\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e22\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07\"}}},\"zh\":{\"static\":{\"eyebrow\":\"\u6e90\u81ea\u7f8e\u56fd\u7684\u6570\u5b57\u516c\u53f8 \u00b7 \u6b63\u5728\u62d3\u5c55\u6cf0\u56fd\u5e02\u573a\",\"titleLineOne\":\"\u6211\u4eec\u6253\u9020\u6570\u5b57\u7cfb\u7edf\",\"titleLineTwo\":\"\u4e3a\u6210\u957f\u578b\u4f01\u4e1a\u63d0\u4f9b\u6709\u529b\u652f\u6491\u3002\",\"lead\":\"\u6211\u4eec\u521b\u7acb\u4e8e\u7f8e\u56fd\uff0c\u76ee\u524d\u6b63\u79ef\u6781\u62d3\u5c55\u6cf0\u56fd\u5e02\u573a\u3002\u6211\u4eec\u6253\u9020\u591a\u8bed\u8a00\u7f51\u7ad9\u3001\u5ba2\u6237\u95e8\u6237\u3001\u9884\u7ea6\u4e0e\u652f\u4ed8\u4f53\u9a8c\u4ee5\u53ca\u81ea\u52a8\u5316\u5de5\u4f5c\u6d41\u7a0b\uff0c\u5e2e\u52a9\u4f01\u4e1a\u8d62\u5f97\u66f4\u591a\u5ba2\u6237\uff0c\u5e76\u4ee5\u66f4\u9ad8\u6548\u7387\u6301\u7eed\u8fd0\u8425\u3002\",\"routeStartLabel\":\"\u521b\u7acb\u4e8e\",\"routeStartPlace\":\"\u7f8e\u56fd\",\"routeGrowthLabel\":\"\u6b63\u5728\u62d3\u5c55\u81f3\",\"routeGrowthPlace\":\"\u6cf0\u56fd\",\"primaryButton\":\"\u63a2\u7d22\u6211\u4eec\u7684\u89e3\u51b3\u65b9\u6848\",\"secondaryButton\":\"\u542f\u52a8\u9879\u76ee\",\"trustStrategy\":\"\u521b\u7acb\u4e8e\u7f8e\u56fd\",\"trustMobile\":\"\u4e13\u6ce8\u6cf0\u56fd\u5e02\u573a\",\"trustGrowth\":\"\u82f1\u8bed \u00b7 \u6cf0\u8bed \u00b7 \u4e2d\u6587\",\"automationLabel\":\"\u4e92\u8054\u81ea\u52a8\u5316\",\"automationStatus\":\"\u5728\u5ba2\u6237\u9700\u8981\u65f6\u968f\u65f6\u5c31\u7eea\",\"browserStatus\":\"\u4e92\u52a8\u6f14\u793a\",\"dashboardLabel\":\"\u5ba2\u6237\u6d41\u7a0b\u793a\u4f8b\",\"dashboardStatus\":\"\u6982\u5ff5\u6f14\u793a\",\"journeyLabel\":\"\u6d41\u7a0b\u8fdb\u5c55\",\"trendLabel\":\"\u5df2\u8fde\u63a5\",\"activityLabel\":\"\u5de5\u4f5c\u6d41\u7a0b\u793a\u4f8b\",\"activityTitle\":\"\u4e92\u8054\u6b65\u9aa4\",\"eventTimeOne\":\"\u6b65\u9aa4 1\",\"eventTimeTwo\":\"\u6b65\u9aa4 2\",\"eventTimeThree\":\"\u6b65\u9aa4 3\",\"modesAria\":\"\u63a2\u7d22\u4e92\u8054\u5ba2\u6237\u6d41\u7a0b\u7684\u8fd0\u4f5c\u65b9\u5f0f\",\"modeAttractLabel\":\"\u83b7\u5ba2\",\"modeAttractText\":\"\u6e05\u6670\u4f20\u8fbe\u4ef7\u503c\",\"modeConvertLabel\":\"\u8f6c\u5316\",\"modeConvertText\":\"\u5f15\u5bfc\u4e0b\u4e00\u6b65\u884c\u52a8\",\"modeOperateLabel\":\"\u8fd0\u8425\",\"modeOperateText\":\"\u8fde\u63a5\u540e\u7eed\u5de5\u4f5c\",\"interactionHint\":\"\u9009\u62e9\u4e00\u4e2a\u9636\u6bb5\uff0c\u67e5\u770b\u5ba2\u6237\u6d41\u7a0b\u5982\u4f55\u53d8\u5316\",\"days\":[\"\u4e00\",\"\u4e8c\",\"\u4e09\",\"\u56db\",\"\u4e94\",\"\u516d\",\"\u65e5\"],\"solutionsUrl\":\"\/zh\/solutions\/\",\"contactUrl\":\"\/start-a-project\/\"},\"modes\":{\"attract\":{\"title\":\"\u5e2e\u52a9\u5408\u9002\u7684\u5ba2\u6237\u5feb\u901f\u7406\u89e3\u60a8\u7684\u4ef7\u503c\u3002\",\"description\":\"\u6e05\u6670\u5448\u73b0\u60a8\u7684\u670d\u52a1\uff0c\u8fc5\u901f\u5efa\u7acb\u4fe1\u4efb\uff0c\u5e76\u5f15\u5bfc\u8bbf\u5ba2\u8fdb\u5165\u6700\u76f8\u5173\u7684\u4e0b\u4e00\u6b65\u3002\",\"metricOneLabel\":\"\u60a8\u7684\u670d\u52a1\",\"metricOneValue\":\"\u6e05\u6670\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"\u4e0b\u4e00\u6b65\",\"metricTwoValue\":\"\u660e\u786e\",\"metricTwoProgress\":\"92%\",\"chartLabel\":\"\u5174\u8da3\u6b63\u5728\u5f62\u6210\",\"eventOne\":\"\u8bbf\u5ba2\u7406\u89e3\u60a8\u7684\u670d\u52a1\",\"eventTwo\":\"\u5c55\u793a\u76f8\u5173\u89e3\u51b3\u65b9\u6848\",\"eventThree\":\"\u54a8\u8be2\u8def\u5f84\u5df2\u51c6\u5907\u5c31\u7eea\",\"floatingStatus\":\"\u5df2\u83b7\u53d6\u5174\u8da3\",\"floatingSubtitle\":\"\u884c\u52a8\u8def\u5f84\u66f4\u52a0\u6e05\u6670\"},\"convert\":{\"title\":\"\u8ba9\u5ba2\u6237\u66f4\u8f7b\u677e\u5730\u91c7\u53d6\u884c\u52a8\u3002\",\"description\":\"\u5c06\u8868\u5355\u3001\u9884\u7ea6\u3001\u652f\u4ed8\u548c\u786e\u8ba4\u8fde\u63a5\u4e3a\u987a\u7545\u4e00\u81f4\u7684\u4f53\u9a8c\uff0c\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u963b\u788d\u3002\",\"metricOneLabel\":\"\u5ba2\u6237\u64cd\u4f5c\",\"metricOneValue\":\"\u7b80\u5355\",\"metricOneProgress\":\"98%\",\"metricTwoLabel\":\"\u786e\u8ba4\u6d41\u7a0b\",\"metricTwoValue\":\"\u81ea\u52a8\",\"metricTwoProgress\":\"94%\",\"chartLabel\":\"\u64cd\u4f5c\u5df2\u5b8c\u6210\",\"eventOne\":\"\u8bf7\u6c42\u6216\u9884\u7ea6\u5df2\u63d0\u4ea4\",\"eventTwo\":\"\u4ed8\u6b3e\u6216\u4fe1\u606f\u5df2\u786e\u8ba4\",\"eventThree\":\"\u5ba2\u6237\u6536\u5230\u4e0b\u4e00\u6b65\u6307\u5f15\",\"floatingStatus\":\"\u64cd\u4f5c\u5df2\u786e\u8ba4\",\"floatingSubtitle\":\"\u6574\u4e2a\u6d41\u7a0b\u4fdd\u6301\u8fde\u63a5\"},\"operate\":{\"title\":\"\u8ba9\u70b9\u51fb\u4e4b\u540e\u7684\u5de5\u4f5c\u7ee7\u7eed\u4fdd\u6301\u8fde\u63a5\u3002\",\"description\":\"\u5c06\u5ba2\u6237\u8bb0\u5f55\u3001\u56e2\u961f\u901a\u77e5\u3001\u8ddf\u8fdb\u4efb\u52a1\u548c\u65e5\u5e38\u6d41\u7a0b\u6574\u5408\u4e3a\u4e00\u4e2a\u53ef\u9760\u7684\u5de5\u4f5c\u65b9\u5f0f\u3002\",\"metricOneLabel\":\"\u5ba2\u6237\u8bb0\u5f55\",\"metricOneValue\":\"\u5df2\u521b\u5efa\",\"metricOneProgress\":\"100%\",\"metricTwoLabel\":\"\u56e2\u961f\u4ea4\u63a5\",\"metricTwoValue\":\"\u5df2\u8fde\u63a5\",\"metricTwoProgress\":\"96%\",\"chartLabel\":\"\u5de5\u4f5c\u6d41\u7a0b\u6301\u7eed\u8fd0\u884c\",\"eventOne\":\"\u5ba2\u6237\u8bb0\u5f55\u5df2\u521b\u5efa\",\"eventTwo\":\"\u8ddf\u8fdb\u4efb\u52a1\u5df2\u51c6\u5907\",\"eventThree\":\"\u76f8\u5173\u56e2\u961f\u6210\u5458\u5df2\u6536\u5230\u901a\u77e5\",\"floatingStatus\":\"\u56e2\u961f\u4ea4\u63a5\u5df2\u51c6\u5907\",\"floatingSubtitle\":\"\u51cf\u5c11\u5272\u88c2\u7684\u4eba\u5de5\u5de5\u4f5c\"}}}};\r\nconst selectedTranslation = translations[language] || translations.en;\r\nconst staticText = selectedTranslation.static;\r\nconst modes = selectedTranslation.modes;\r\n\r\nfunction setText(selector, value) {\r\n  const element = section.querySelector(selector);\r\n  if (element) {\r\n    element.textContent = value;\r\n  }\r\n}\r\n\r\nfunction setTextBesideChildren(selector, value, placement) {\r\n  const element = section.querySelector(selector);\r\n  if (!element) {\r\n    return;\r\n  }\r\n\r\n  Array.from(element.childNodes).forEach(function (node) {\r\n    if (node.nodeType === 3) {\r\n      node.remove();\r\n    }\r\n  });\r\n\r\n  const textNode = document.createTextNode(\r\n    placement === \"before\" ? value + \" \" : \" \" + value\r\n  );\r\n\r\n  if (placement === \"before\") {\r\n    element.insertBefore(textNode, element.firstChild);\r\n  } else {\r\n    element.appendChild(textNode);\r\n  }\r\n}\r\n\r\nfunction applyStaticTranslation() {\r\n  section.setAttribute(\"lang\", language === \"zh\" ? \"zh-CN\" : language);\r\n\r\n  setTextBesideChildren(\".ydd-about-hero__eyebrow\", staticText.eyebrow, \"after\");\r\n  setTextBesideChildren(\".ydd-about-hero__title\", staticText.titleLineOne, \"before\");\r\n  setText(\".ydd-about-hero__title span\", staticText.titleLineTwo);\r\n  setText(\".ydd-about-hero__lead\", staticText.lead);\r\n\r\n  const routeStops = section.querySelectorAll(\".ydd-about-hero__route-stop\");\r\n  if (routeStops[0]) {\r\n    const label = routeStops[0].querySelector(\"small\");\r\n    const place = routeStops[0].querySelector(\"strong\");\r\n    if (label) label.textContent = staticText.routeStartLabel;\r\n    if (place) place.textContent = staticText.routeStartPlace;\r\n  }\r\n  if (routeStops[1]) {\r\n    const label = routeStops[1].querySelector(\"small\");\r\n    const place = routeStops[1].querySelector(\"strong\");\r\n    if (label) label.textContent = staticText.routeGrowthLabel;\r\n    if (place) place.textContent = staticText.routeGrowthPlace;\r\n  }\r\n\r\n  setTextBesideChildren(\r\n    \"[data-ydd-primary-action]\",\r\n    staticText.primaryButton,\r\n    \"before\"\r\n  );\r\n  setText(\"[data-ydd-secondary-action]\", staticText.secondaryButton);\r\n\r\n  const primaryAction = section.querySelector(\"[data-ydd-primary-action]\");\r\n  const secondaryAction = section.querySelector(\"[data-ydd-secondary-action]\");\r\n\r\n  if (primaryAction) {\r\n    primaryAction.setAttribute(\"href\", staticText.solutionsUrl);\r\n  }\r\n  if (secondaryAction) {\r\n    secondaryAction.setAttribute(\"href\", staticText.contactUrl);\r\n  }\r\n\r\n  const trustItems = section.querySelectorAll(\".ydd-about-hero__trust-row > div\");\r\n  [staticText.trustStrategy, staticText.trustMobile, staticText.trustGrowth]\r\n    .forEach(function (value, index) {\r\n      if (!trustItems[index]) return;\r\n      Array.from(trustItems[index].childNodes).forEach(function (node) {\r\n        if (node.nodeType === 3) node.remove();\r\n      });\r\n      trustItems[index].appendChild(document.createTextNode(\" \" + value));\r\n    });\r\n\r\n  setText(\r\n    \".ydd-about-hero__floating-card--automation small\",\r\n    staticText.automationLabel\r\n  );\r\n  setText(\r\n    \".ydd-about-hero__floating-card--automation strong\",\r\n    staticText.automationStatus\r\n  );\r\n  setText(\".ydd-about-hero__browser-status\", staticText.browserStatus);\r\n  setText(\".ydd-about-hero__dashboard-label\", staticText.dashboardLabel);\r\n  setTextBesideChildren(\r\n    \".ydd-about-hero__dashboard-badge\",\r\n    staticText.dashboardStatus,\r\n    \"after\"\r\n  );\r\n  setText(\r\n    \".ydd-about-hero__chart-card .ydd-about-hero__card-heading small\",\r\n    staticText.journeyLabel\r\n  );\r\n  setText(\".ydd-about-hero__trend\", staticText.trendLabel);\r\n  setText(\r\n    \".ydd-about-hero__activity-card .ydd-about-hero__card-heading small\",\r\n    staticText.activityLabel\r\n  );\r\n  setText(\r\n    \".ydd-about-hero__activity-card .ydd-about-hero__card-heading strong\",\r\n    staticText.activityTitle\r\n  );\r\n\r\n  const eventTimes = section.querySelectorAll(\r\n    \".ydd-about-hero__activity-list small\"\r\n  );\r\n  [staticText.eventTimeOne, staticText.eventTimeTwo, staticText.eventTimeThree]\r\n    .forEach(function (value, index) {\r\n      if (eventTimes[index]) eventTimes[index].textContent = value;\r\n    });\r\n\r\n  const modesContainer = section.querySelector(\".ydd-about-hero__modes\");\r\n  if (modesContainer) {\r\n    modesContainer.setAttribute(\"aria-label\", staticText.modesAria);\r\n  }\r\n\r\n  const modeText = {\r\n    attract: [staticText.modeAttractLabel, staticText.modeAttractText],\r\n    convert: [staticText.modeConvertLabel, staticText.modeConvertText],\r\n    operate: [staticText.modeOperateLabel, staticText.modeOperateText]\r\n  };\r\n\r\n  modeButtons.forEach(function (button) {\r\n    const copy = modeText[button.dataset.yddMode];\r\n    if (!copy) return;\r\n    const small = button.querySelector(\"small\");\r\n    const strong = button.querySelector(\"strong\");\r\n    if (small) small.textContent = copy[0];\r\n    if (strong) strong.textContent = copy[1];\r\n  });\r\n\r\n  setText(\".ydd-about-hero__interaction-hint\", staticText.interactionHint);\r\n\r\n  const dayLabels = section.querySelectorAll(\".ydd-about-hero__chart-days span\");\r\n  staticText.days.forEach(function (day, index) {\r\n    if (dayLabels[index]) dayLabels[index].textContent = day;\r\n  });\r\n\r\n  const activeModeName =\r\n    visual && modes[visual.dataset.mode] ? visual.dataset.mode : \"attract\";\r\n  const activeMode = modes[activeModeName];\r\n\r\n  if (activeMode) {\r\n    if (title) title.textContent = activeMode.title;\r\n    if (description) description.textContent = activeMode.description;\r\n    if (metricOneLabel) metricOneLabel.textContent = activeMode.metricOneLabel;\r\n    if (metricOneValue) metricOneValue.textContent = activeMode.metricOneValue;\r\n    if (metricTwoLabel) metricTwoLabel.textContent = activeMode.metricTwoLabel;\r\n    if (metricTwoValue) metricTwoValue.textContent = activeMode.metricTwoValue;\r\n    if (chartLabel) chartLabel.textContent = activeMode.chartLabel;\r\n    if (eventOne) eventOne.textContent = activeMode.eventOne;\r\n    if (eventTwo) eventTwo.textContent = activeMode.eventTwo;\r\n    if (eventThree) eventThree.textContent = activeMode.eventThree;\r\n    if (floatingStatus) floatingStatus.textContent = activeMode.floatingStatus;\r\n    if (floatingSubtitle) floatingSubtitle.textContent = activeMode.floatingSubtitle;\r\n    if (progressOne) progressOne.style.width = activeMode.metricOneProgress;\r\n    if (progressTwo) progressTwo.style.width = activeMode.metricTwoProgress;\r\n  }\r\n}\r\n\r\napplyStaticTranslation();\r\n\r\nfunction safelyAnimateText(element, value) { if (!element) { return; } const reducedMotion = window.matchMedia( \"(prefers-reduced-motion: reduce)\" ).matches; if ( reducedMotion || typeof element.animate !== \"function\" ) { element.textContent = value; return; } const fadeOut = element.animate( [ { opacity: 1, transform: \"translateY(0)\" }, { opacity: 0, transform: \"translateY(5px)\" } ], { duration: 140, easing: \"ease\", fill: \"forwards\" } ); fadeOut.finished .then(function () { element.textContent = value; element.animate( [ { opacity: 0, transform: \"translateY(-5px)\" }, { opacity: 1, transform: \"translateY(0)\" } ], { duration: 270, easing: \"cubic-bezier(0.22, 1, 0.36, 1)\", fill: \"forwards\" } ); }) .catch(function () { element.textContent = value; }); } function activateMode(modeName) { const mode = modes[modeName]; if (!mode || !visual) { return; } visual.dataset.mode = modeName; modeButtons.forEach(function (button) { const isActive = button.dataset.yddMode === modeName; button.classList.toggle( \"is-active\", isActive ); button.setAttribute( \"aria-selected\", String(isActive) ); button.setAttribute(\"tabindex\", isActive ? \"0\" : \"-1\"); }); if (system) { system.setAttribute(\"aria-labelledby\", \"ydd-mode-\" + modeName); system.classList.remove(\"is-switching\"); void system.offsetWidth; system.classList.add(\"is-switching\"); window.setTimeout(function () { system.classList.remove(\"is-switching\"); }, 470); } safelyAnimateText(title, mode.title); safelyAnimateText( description, mode.description ); safelyAnimateText( metricOneLabel, mode.metricOneLabel ); safelyAnimateText( metricOneValue, mode.metricOneValue ); safelyAnimateText( metricTwoLabel, mode.metricTwoLabel ); safelyAnimateText( metricTwoValue, mode.metricTwoValue ); safelyAnimateText( chartLabel, mode.chartLabel ); safelyAnimateText( eventOne, mode.eventOne ); safelyAnimateText( eventTwo, mode.eventTwo ); safelyAnimateText( eventThree, mode.eventThree ); safelyAnimateText( floatingStatus, mode.floatingStatus ); safelyAnimateText( floatingSubtitle, mode.floatingSubtitle ); if (progressOne) { progressOne.style.width = mode.metricOneProgress; } if (progressTwo) { progressTwo.style.width = mode.metricTwoProgress; } } modeButtons.forEach(function (button) { button.addEventListener( \"click\", function () { activateMode( button.dataset.yddMode ); } ); button.addEventListener( \"keydown\", function (event) { const currentIndex = modeButtons.indexOf(button); let nextIndex = currentIndex; if ( event.key === \"ArrowRight\" || event.key === \"ArrowDown\" ) { nextIndex = (currentIndex + 1) % modeButtons.length; } if ( event.key === \"ArrowLeft\" || event.key === \"ArrowUp\" ) { nextIndex = ( currentIndex - 1 + modeButtons.length ) % modeButtons.length; } if (nextIndex !== currentIndex) { event.preventDefault(); modeButtons[nextIndex].focus(); activateMode( modeButtons[nextIndex] .dataset .yddMode ); } } ); }); const reducedMotion = window.matchMedia( \"(prefers-reduced-motion: reduce)\" ).matches; const finePointer = window.matchMedia( \"(pointer: fine)\" ).matches; if ( visual && !reducedMotion && finePointer ) { visual.addEventListener( \"pointermove\", function (event) { const rect = visual.getBoundingClientRect(); const x = (event.clientX - rect.left) \/ rect.width; const y = (event.clientY - rect.top) \/ rect.height; const rotateY = (x - 0.5) * 5; const rotateX = (0.5 - y) * 4; visual.style.setProperty( \"--ydd-rotate-x\", rotateX.toFixed(2) + \"deg\" ); visual.style.setProperty( \"--ydd-rotate-y\", rotateY.toFixed(2) + \"deg\" ); visual.style.setProperty( \"--ydd-shift-x\", ((x - 0.5) * 4).toFixed(2) + \"px\" ); visual.style.setProperty( \"--ydd-shift-y\", ((y - 0.5) * 4).toFixed(2) + \"px\" ); } ); visual.addEventListener( \"pointerleave\", function () { visual.style.setProperty( \"--ydd-rotate-x\", \"0deg\" ); visual.style.setProperty( \"--ydd-rotate-y\", \"0deg\" ); visual.style.setProperty( \"--ydd-shift-x\", \"0px\" ); visual.style.setProperty( \"--ydd-shift-y\", \"0px\" ); } ); } if (\"IntersectionObserver\" in window) { const observer = new IntersectionObserver( function (entries) { entries.forEach( function (entry) { if ( entry.isIntersecting ) { section.classList.add( \"is-visible\" ); observer.disconnect(); } } ); }, { threshold: 0.16 } ); observer.observe(section); } else { section.classList.add(\"is-visible\"); } })(); <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b03544a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b03544a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee16d0c\" data-id=\"ee16d0c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62b1df3 elementor-widget elementor-widget-shortcode\" data-id=\"62b1df3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<section\n\t\t\tid=\"ydd-csj-1\"\n\t\t\tclass=\"ydd-csj\"\n\t\t\tdata-ydd-system-journey\n\t\t\tdata-language=\"en\"\n\t\t\tdata-logo-url=\"https:\/\/yourdigitaldesigns.com\/wp-content\/plugins\/ydd-connected-system-journey\/assets\/images\/ydd-site-icon.png\"\n\t\t\taria-labelledby=\"ydd-csj-1-title\"\n\t\t>\n\t\t\t<div class=\"ydd-csj__scroll-track\" data-ydd-track>\n\t\t\t\t<div class=\"ydd-csj__sticky\" data-ydd-sticky>\n\t\t\t\t\t<div class=\"ydd-csj__atmosphere\" aria-hidden=\"true\">\n\t\t\t\t\t\t<span class=\"ydd-csj__aurora ydd-csj__aurora--one\"><\/span>\n\t\t\t\t\t\t<span class=\"ydd-csj__aurora ydd-csj__aurora--two\"><\/span>\n\t\t\t\t\t\t<span class=\"ydd-csj__noise\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ydd-csj__click-flash\" aria-hidden=\"true\"><\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__depth-field\" aria-hidden=\"true\">\n\t\t\t\t\t\t<span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__cinematic-frame\" aria-hidden=\"true\">\n\t\t\t\t\t\t<i class=\"ydd-csj__corner ydd-csj__corner--tl\"><\/i>\n\t\t\t\t\t\t<i class=\"ydd-csj__corner ydd-csj__corner--tr\"><\/i>\n\t\t\t\t\t\t<i class=\"ydd-csj__corner ydd-csj__corner--bl\"><\/i>\n\t\t\t\t\t\t<i class=\"ydd-csj__corner ydd-csj__corner--br\"><\/i>\n\t\t\t\t\t\t<span class=\"ydd-csj__frame-scan\"><\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__fallback-system\" data-ydd-fallback aria-hidden=\"true\">\n\t\t\t\t\t\t<div class=\"ydd-csj__fallback-orbit\"><\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__fallback-browser\">\n\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-browser-bar\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-browser-line ydd-csj__fallback-browser-line--wide\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-browser-line\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-browser-button\"><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__fallback-core\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/yourdigitaldesigns.com\/wp-content\/plugins\/ydd-connected-system-journey\/assets\/images\/ydd-site-icon.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--inquiry\">\n\t\t\t\t\t\t\t\tInquiry captured\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--record\">\n\t\t\t\t\t\t\t\tRecord organized\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--booking\">\n\t\t\t\t\t\t\t\tBooking prepared\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--payment\">\n\t\t\t\t\t\t\t\tPayment connected\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--access\">\n\t\t\t\t\t\t\t\tAccess delivered\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--team\">\n\t\t\t\t\t\t\t\tTeam notified\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__fallback-node ydd-csj__fallback-node--followup\">\n\t\t\t\t\t\t\t\tFollow-up activated\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<canvas class=\"ydd-csj__canvas\" data-ydd-canvas aria-hidden=\"true\"><\/canvas>\n\n\t\t\t\t\t<header class=\"ydd-csj__intro\" data-ydd-intro>\n\t\t\t\t\t\t<p class=\"ydd-csj__eyebrow\">YOUR DIGITAL DESIGNS \u00b7 SYSTEM ARCHITECTURE<\/p>\n\t\t\t\t\t\t<h2 id=\"ydd-csj-1-title\">\n\t\t\t\t\t\t\t<span>What customers see<\/span>\n\t\t\t\t\t\t\t<span class=\"ydd-csj__headline-accent\">is just the surface.<\/span>\n\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<p class=\"ydd-csj__intro-copy\">Scroll through the interface to see how YDD turns intent into organized data, coordinated operations, and lasting customer momentum.<\/p>\n\t\t\t\t\t\t<div class=\"ydd-csj__intro-scroll-callout\">\n\t\t\t\t\t\t\t<span class=\"ydd-csj__intro-scroll-glyph\" aria-hidden=\"true\"><i><\/i><\/span>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<strong>SCROLL CONTINUOUSLY TO ENTER<\/strong>\n\t\t\t\t\t\t\t\t<em>You control the camera and the story<\/em>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/header>\n\n\t\t\t\t\t<div class=\"ydd-csj__scroll-guide\" data-ydd-scroll-guide aria-hidden=\"true\">\n\t\t\t\t\t\t<div class=\"ydd-csj__scroll-orbit\"><div class=\"ydd-csj__mouse\"><span><\/span><\/div><\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__scroll-guide-copy\">\n\t\t\t\t\t\t\t<strong class=\"ydd-csj__scroll-before\">Scroll to enter the system<\/strong>\n\t\t\t\t\t\t\t<strong class=\"ydd-csj__scroll-after\">Keep moving through the system<\/strong>\n\t\t\t\t\t\t\t<span>Continuous scrolling controls the camera, sequence, and every connection.<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__scroll-arrow\">\n\t\t\t\t\t\t\t<span><\/span><span><\/span><span><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__phase-layer\" data-ydd-phases aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ydd-csj__phase ydd-csj__phase--left\"\n\t\t\t\t\t\t\t\tdata-ydd-phase=\"0\"\n\t\t\t\t\t\t\t\tdata-phase-start=\"0.122\"\n\t\t\t\t\t\t\t\tdata-phase-end=\"0.315\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-ghost\">01<\/span>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-rule\"><\/span>\n\t\t\t\t\t\t\t\t<p class=\"ydd-csj__phase-index\">01 \u00b7 THE CLICK<\/p>\n\t\t\t\t\t\t\t\t<h3>One click starts the entire business journey.<\/h3>\n\t\t\t\t\t\t\t\t<p>The customer sees one clear action. The moment they click, YDD captures the intent, context, and next operational step.<\/p>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-flow\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>CUSTOMER INPUT<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>A customer clicks the primary action<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 32 12\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>YDD SYSTEM RESPONSE<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Confirm intent \u00b7 capture context \u00b7 launch workflow<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace-head\">\n\t\t\t\t\t\t\t\t\t\t<span>WHAT HAPPENS UNDERNEATH<\/span>\n\t\t\t\t\t\t\t\t\t\t<em><i aria-hidden=\"true\"><\/i>LIVE SYSTEM TRACE<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"0\" style=\"--ydd-trace-index: 0;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Detect the interaction<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"1\" style=\"--ydd-trace-index: 1;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Capture source and intent<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"2\" style=\"--ydd-trace-index: 2;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Launch the right workflow<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-head\">\n\t\t\t\t\t\t\t\t\t\t<span>PROOF THE SYSTEM PRODUCES<\/span>\n\t\t\t\t\t\t\t\t\t\t<em>VISIBLE \u00b7 TRACEABLE \u00b7 OWNED<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Click source recorded<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Intent confirmed<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Next step visible<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-impact\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t\t\t<span><small>BUSINESS IMPACT<\/small><strong>A visible action becomes a traceable business event.<\/strong><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ydd-csj__phase ydd-csj__phase--right\"\n\t\t\t\t\t\t\t\tdata-ydd-phase=\"1\"\n\t\t\t\t\t\t\t\tdata-phase-start=\"0.302\"\n\t\t\t\t\t\t\t\tdata-phase-end=\"0.505\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-ghost\">02<\/span>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-rule\"><\/span>\n\t\t\t\t\t\t\t\t<p class=\"ydd-csj__phase-index\">02 \u00b7 INTENT BECOMES SIGNAL<\/p>\n\t\t\t\t\t\t\t\t<h3>The click becomes a live business signal.<\/h3>\n\t\t\t\t\t\t\t\t<p>The right information is captured, structured, and routed the instant intent becomes action.<\/p>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-flow\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>CUSTOMER INPUT<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Form, booking, purchase, or enrollment<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 32 12\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>YDD SYSTEM RESPONSE<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Validate \u00b7 structure \u00b7 route<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace-head\">\n\t\t\t\t\t\t\t\t\t\t<span>WHAT HAPPENS UNDERNEATH<\/span>\n\t\t\t\t\t\t\t\t\t\t<em><i aria-hidden=\"true\"><\/i>LIVE SYSTEM TRACE<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"0\" style=\"--ydd-trace-index: 0;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Validate the input<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"1\" style=\"--ydd-trace-index: 1;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Create one clean record<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"2\" style=\"--ydd-trace-index: 2;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Route ownership instantly<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-head\">\n\t\t\t\t\t\t\t\t\t\t<span>PROOF THE SYSTEM PRODUCES<\/span>\n\t\t\t\t\t\t\t\t\t\t<em>VISIBLE \u00b7 TRACEABLE \u00b7 OWNED<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Timestamped customer record<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Source and context preserved<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Owner assigned<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-impact\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t\t\t<span><small>BUSINESS IMPACT<\/small><strong>Clean information reaches the right process instantly.<\/strong><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ydd-csj__phase ydd-csj__phase--left\"\n\t\t\t\t\t\t\t\tdata-ydd-phase=\"2\"\n\t\t\t\t\t\t\t\tdata-phase-start=\"0.492\"\n\t\t\t\t\t\t\t\tdata-phase-end=\"0.695\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-ghost\">03<\/span>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-rule\"><\/span>\n\t\t\t\t\t\t\t\t<p class=\"ydd-csj__phase-index\">03 \u00b7 ORCHESTRATED OPERATIONS<\/p>\n\t\t\t\t\t\t\t\t<h3>Every system responds in concert.<\/h3>\n\t\t\t\t\t\t\t\t<p>Payments, records, access, notifications, and team responsibilities advance as one coordinated operation.<\/p>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-flow\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>CUSTOMER INPUT<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>A confirmed customer action<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 32 12\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>YDD SYSTEM RESPONSE<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Update \u00b7 pay \u00b7 grant access \u00b7 notify<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace-head\">\n\t\t\t\t\t\t\t\t\t\t<span>WHAT HAPPENS UNDERNEATH<\/span>\n\t\t\t\t\t\t\t\t\t\t<em><i aria-hidden=\"true\"><\/i>LIVE SYSTEM TRACE<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"0\" style=\"--ydd-trace-index: 0;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Update connected tools<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"1\" style=\"--ydd-trace-index: 1;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Trigger payment or access<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"2\" style=\"--ydd-trace-index: 2;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Notify the responsible team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-head\">\n\t\t\t\t\t\t\t\t\t\t<span>PROOF THE SYSTEM PRODUCES<\/span>\n\t\t\t\t\t\t\t\t\t\t<em>VISIBLE \u00b7 TRACEABLE \u00b7 OWNED<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Payment and access status<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Notification history<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Responsible team visible<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-impact\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t\t\t<span><small>BUSINESS IMPACT<\/small><strong>Work advances without handoffs falling through.<\/strong><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ydd-csj__phase ydd-csj__phase--right\"\n\t\t\t\t\t\t\t\tdata-ydd-phase=\"3\"\n\t\t\t\t\t\t\t\tdata-phase-start=\"0.682\"\n\t\t\t\t\t\t\t\tdata-phase-end=\"0.885\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-ghost\">04<\/span>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-rule\"><\/span>\n\t\t\t\t\t\t\t\t<p class=\"ydd-csj__phase-index\">04 \u00b7 COMPOUNDING MOMENTUM<\/p>\n\t\t\t\t\t\t\t\t<h3>Momentum continues automatically.<\/h3>\n\t\t\t\t\t\t\t\t<p>Follow-up, reminders, portals, and return journeys keep the relationship moving after the first transaction.<\/p>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-flow\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>CUSTOMER INPUT<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>A completed transaction<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 32 12\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>YDD SYSTEM RESPONSE<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Follow up \u00b7 remind \u00b7 personalize \u00b7 return<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace-head\">\n\t\t\t\t\t\t\t\t\t\t<span>WHAT HAPPENS UNDERNEATH<\/span>\n\t\t\t\t\t\t\t\t\t\t<em><i aria-hidden=\"true\"><\/i>LIVE SYSTEM TRACE<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"0\" style=\"--ydd-trace-index: 0;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Schedule the follow-up<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"1\" style=\"--ydd-trace-index: 1;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Personalize the next step<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"2\" style=\"--ydd-trace-index: 2;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Keep the relationship moving<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-head\">\n\t\t\t\t\t\t\t\t\t\t<span>PROOF THE SYSTEM PRODUCES<\/span>\n\t\t\t\t\t\t\t\t\t\t<em>VISIBLE \u00b7 TRACEABLE \u00b7 OWNED<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Follow-up schedule<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Portal activity<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Next action queued<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-impact\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t\t\t<span><small>BUSINESS IMPACT<\/small><strong>Every action creates the next opportunity.<\/strong><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ydd-csj__phase ydd-csj__phase--left\"\n\t\t\t\t\t\t\t\tdata-ydd-phase=\"4\"\n\t\t\t\t\t\t\t\tdata-phase-start=\"0.872\"\n\t\t\t\t\t\t\t\tdata-phase-end=\"1.08\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-ghost\">05<\/span>\n\t\t\t\t\t\t\t\t<span class=\"ydd-csj__phase-rule\"><\/span>\n\t\t\t\t\t\t\t\t<p class=\"ydd-csj__phase-index\">05 \u00b7 THE YDD SYSTEM<\/p>\n\t\t\t\t\t\t\t\t<h3>One remarkable experience. One serious system.<\/h3>\n\t\t\t\t\t\t\t\t<p>The interface earns attention. The connected architecture underneath turns that attention into dependable business movement.<\/p>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-flow\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>CUSTOMER INPUT<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>Every customer touchpoint<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 32 12\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/i>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<small>YDD SYSTEM RESPONSE<\/small>\n\t\t\t\t\t\t\t\t\t\t<strong>One connected operating system<\/strong>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-trace-head\">\n\t\t\t\t\t\t\t\t\t\t<span>WHAT HAPPENS UNDERNEATH<\/span>\n\t\t\t\t\t\t\t\t\t\t<em><i aria-hidden=\"true\"><\/i>LIVE SYSTEM TRACE<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"0\" style=\"--ydd-trace-index: 0;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>01<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Unify every touchpoint<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"1\" style=\"--ydd-trace-index: 1;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>02<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Make operations visible<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li data-ydd-trace-step=\"2\" style=\"--ydd-trace-index: 2;\">\n\t\t\t\t\t\t\t\t\t\t\t\t<b>03<\/b>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Turn experience into infrastructure<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof\">\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-head\">\n\t\t\t\t\t\t\t\t\t\t<span>PROOF THE SYSTEM PRODUCES<\/span>\n\t\t\t\t\t\t\t\t\t\t<em>VISIBLE \u00b7 TRACEABLE \u00b7 OWNED<\/em>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-proof-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Documented workflows<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Visible system state<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Transferable ownership<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ydd-csj__phase-impact\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t\t\t<span><small>BUSINESS IMPACT<\/small><strong>A digital experience the business can depend on.<\/strong><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__stage-words\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-stage-word=\"0\">CLICK<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-stage-word=\"1\">SIGNAL<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-stage-word=\"2\">ORCHESTRATE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-stage-word=\"3\">MOMENTUM<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-stage-word=\"4\">SYSTEM<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__module-map\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"inquiry\">\n\t\t\t\t\t\t\t\t<i><\/i>Inquiry captured\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"record\">\n\t\t\t\t\t\t\t\t<i><\/i>Record organized\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"booking\">\n\t\t\t\t\t\t\t\t<i><\/i>Booking prepared\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"payment\">\n\t\t\t\t\t\t\t\t<i><\/i>Payment connected\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"access\">\n\t\t\t\t\t\t\t\t<i><\/i>Access delivered\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"team\">\n\t\t\t\t\t\t\t\t<i><\/i>Team notified\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__module-label\" data-module=\"followup\">\n\t\t\t\t\t\t\t\t<i><\/i>Follow-up activated\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__signal-feed\" aria-hidden=\"true\">\n\t\t\t\t\t\t<div class=\"ydd-csj__signal-feed-head\"><i><\/i>LIVE SYSTEM ACTIVITY<\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__signal-feed-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"0\">\n\t\t\t\t\t\t\t\t\t<span>01<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Inquiry captured<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"1\">\n\t\t\t\t\t\t\t\t\t<span>02<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Record organized<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"2\">\n\t\t\t\t\t\t\t\t\t<span>03<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Booking prepared<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"3\">\n\t\t\t\t\t\t\t\t\t<span>04<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Payment connected<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"4\">\n\t\t\t\t\t\t\t\t\t<span>05<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Access delivered<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"5\">\n\t\t\t\t\t\t\t\t\t<span>06<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Team notified<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ydd-csj__signal-item\" data-ydd-feed-item=\"6\">\n\t\t\t\t\t\t\t\t\t<span>07<\/span>\n\t\t\t\t\t\t\t\t\t<strong>Follow-up activated<\/strong>\n\t\t\t\t\t\t\t\t\t<em>CONNECTED<\/em>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__system-layers\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-system-layer=\"0\"><b>01<\/b>Customer action<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-system-layer=\"1\"><b>02<\/b>Structured data<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-system-layer=\"2\"><b>03<\/b>Connected operations<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-system-layer=\"3\"><b>04<\/b>Relationship engine<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span data-ydd-system-layer=\"4\"><b>05<\/b>YDD system<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__rail\" aria-hidden=\"true\">\n\t\t\t\t\t\t<span class=\"ydd-csj__rail-line\"><i><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__rail-point\" data-ydd-rail-point=\"0\" data-label=\"CLICK\">\n\t\t\t\t\t\t\t\t01\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__rail-point\" data-ydd-rail-point=\"1\" data-label=\"SIGNAL\">\n\t\t\t\t\t\t\t\t02\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__rail-point\" data-ydd-rail-point=\"2\" data-label=\"ORCHESTRATE\">\n\t\t\t\t\t\t\t\t03\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__rail-point\" data-ydd-rail-point=\"3\" data-label=\"MOMENTUM\">\n\t\t\t\t\t\t\t\t04\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ydd-csj__rail-point\" data-ydd-rail-point=\"4\" data-label=\"SYSTEM\">\n\t\t\t\t\t\t\t\t05\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<ol class=\"ydd-csj__screen-reader-narrative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<strong>One click starts the entire business journey.<\/strong>\n\t\t\t\t\t\t\t\tThe customer sees one clear action. The moment they click, YDD captures the intent, context, and next operational step.\t\t\t\t\t\t\t\tCUSTOMER INPUT: A customer clicks the primary action. \t\t\t\t\t\t\t\tYDD SYSTEM RESPONSE: Confirm intent \u00b7 capture context \u00b7 launch workflow. \t\t\t\t\t\t\t\tWHAT HAPPENS UNDERNEATH: Detect the interaction; Capture source and intent; Launch the right workflow. \t\t\t\t\t\t\t\tPROOF THE SYSTEM PRODUCES: Click source recorded; Intent confirmed; Next step visible. \t\t\t\t\t\t\t\tBUSINESS IMPACT: A visible action becomes a traceable business event.\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<strong>The click becomes a live business signal.<\/strong>\n\t\t\t\t\t\t\t\tThe right information is captured, structured, and routed the instant intent becomes action.\t\t\t\t\t\t\t\tCUSTOMER INPUT: Form, booking, purchase, or enrollment. \t\t\t\t\t\t\t\tYDD SYSTEM RESPONSE: Validate \u00b7 structure \u00b7 route. \t\t\t\t\t\t\t\tWHAT HAPPENS UNDERNEATH: Validate the input; Create one clean record; Route ownership instantly. \t\t\t\t\t\t\t\tPROOF THE SYSTEM PRODUCES: Timestamped customer record; Source and context preserved; Owner assigned. \t\t\t\t\t\t\t\tBUSINESS IMPACT: Clean information reaches the right process instantly.\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<strong>Every system responds in concert.<\/strong>\n\t\t\t\t\t\t\t\tPayments, records, access, notifications, and team responsibilities advance as one coordinated operation.\t\t\t\t\t\t\t\tCUSTOMER INPUT: A confirmed customer action. \t\t\t\t\t\t\t\tYDD SYSTEM RESPONSE: Update \u00b7 pay \u00b7 grant access \u00b7 notify. \t\t\t\t\t\t\t\tWHAT HAPPENS UNDERNEATH: Update connected tools; Trigger payment or access; Notify the responsible team. \t\t\t\t\t\t\t\tPROOF THE SYSTEM PRODUCES: Payment and access status; Notification history; Responsible team visible. \t\t\t\t\t\t\t\tBUSINESS IMPACT: Work advances without handoffs falling through.\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<strong>Momentum continues automatically.<\/strong>\n\t\t\t\t\t\t\t\tFollow-up, reminders, portals, and return journeys keep the relationship moving after the first transaction.\t\t\t\t\t\t\t\tCUSTOMER INPUT: A completed transaction. \t\t\t\t\t\t\t\tYDD SYSTEM RESPONSE: Follow up \u00b7 remind \u00b7 personalize \u00b7 return. \t\t\t\t\t\t\t\tWHAT HAPPENS UNDERNEATH: Schedule the follow-up; Personalize the next step; Keep the relationship moving. \t\t\t\t\t\t\t\tPROOF THE SYSTEM PRODUCES: Follow-up schedule; Portal activity; Next action queued. \t\t\t\t\t\t\t\tBUSINESS IMPACT: Every action creates the next opportunity.\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<strong>One remarkable experience. One serious system.<\/strong>\n\t\t\t\t\t\t\t\tThe interface earns attention. The connected architecture underneath turns that attention into dependable business movement.\t\t\t\t\t\t\t\tCUSTOMER INPUT: Every customer touchpoint. \t\t\t\t\t\t\t\tYDD SYSTEM RESPONSE: One connected operating system. \t\t\t\t\t\t\t\tWHAT HAPPENS UNDERNEATH: Unify every touchpoint; Make operations visible; Turn experience into infrastructure. \t\t\t\t\t\t\t\tPROOF THE SYSTEM PRODUCES: Documented workflows; Visible system state; Transferable ownership. \t\t\t\t\t\t\t\tBUSINESS IMPACT: A digital experience the business can depend on.\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"ydd-csj__resolution\" data-ydd-resolution>\n\t\t\t\t<div class=\"ydd-csj__resolution-grid\" aria-hidden=\"true\"><\/div>\n\t\t\t\t<div class=\"ydd-csj__resolution-inner\">\n\t\t\t\t\t<div class=\"ydd-csj__resolution-mark\" aria-hidden=\"true\">\n\t\t\t\t\t\t<span class=\"ydd-csj__resolution-ring\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/yourdigitaldesigns.com\/wp-content\/plugins\/ydd-connected-system-journey\/assets\/images\/ydd-site-icon.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ydd-csj__resolution-copy\">\n\t\t\t\t\t\t<p class=\"ydd-csj__eyebrow\">BEAUTIFUL ON THE SURFACE \u00b7 POWERFUL UNDERNEATH<\/p>\n\t\t\t\t\t\t<h3>Built to impress customers. Engineered to run the business behind them.<\/h3>\n\t\t\t\t\t\t<p>YDD combines strategy, multilingual experiences, portals, payments, data, and automation into one dependable platform\u2014so the result is not merely a website, but a business system ready to operate and grow.<\/p>\n\t\t\t\t\t\t<div class=\"ydd-csj__trust-row\" aria-label=\"Proof of a serious build\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Documented architecture<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Visible workflows<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><i aria-hidden=\"true\"><\/i>Client-owned system<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__capability-grid\" aria-label=\"Connected capabilities\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><b>01<\/b>Multilingual experiences<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><b>02<\/b>Portals &amp; controlled access<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><b>03<\/b>Booking &amp; payments<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><b>04<\/b>Workflow automation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ydd-csj__actions\">\n\t\t\t\t\t\t\t<a class=\"ydd-csj__button ydd-csj__button--primary\" href=\"https:\/\/yourdigitaldesigns.com\/en\/solutions\/\">\n\t\t\t\t\t\t\t\t<span>Explore a system for your business<\/span>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M4 10h11M11 6l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"ydd-csj__button ydd-csj__button--secondary\" href=\"https:\/\/yourdigitaldesigns.com\/en\/experience-studio\/\">\n\t\t\t\t\t\t\t\t<span>Enter the Experience Studio<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfdf6d9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cfdf6d9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16c8708\" data-id=\"16c8708\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc4fb48 elementor-widget elementor-widget-html\" data-id=\"fc4fb48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\/* Set the visible language before the section renders to prevent a language flash. *\/\r\n(function () {\r\n    var path = window.location.pathname.toLowerCase();\r\n    var pathMatch = path.match(\/^\\\/(en|th|zh)(?:\\\/|$)\/);\r\n    var htmlLanguage = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    var activeLanguage = 'en';\r\n\r\n    if (pathMatch) {\r\n        activeLanguage = pathMatch[1];\r\n    } else if (htmlLanguage.indexOf('th') === 0) {\r\n        activeLanguage = 'th';\r\n    } else if (htmlLanguage.indexOf('zh') === 0) {\r\n        activeLanguage = 'zh';\r\n    }\r\n\r\n    document.documentElement.setAttribute('data-ydd-language', activeLanguage);\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n\/* =========================================================\r\n   YOUR DIGITAL DESIGNS \u2014 SYSTEMS SECTION\r\n   Outcome-led cards with accessible expandable details.\r\n   Desktop, tablet, and mobile optimized.\r\n   ========================================================= *\/\r\n\r\n.ydd-systems-section,\r\n.ydd-systems-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Elementor-safe multilingual text *\/\r\nydd-lang {\r\n    display: none;\r\n}\r\n\r\nhtml[data-ydd-language=\"en\"] ydd-lang[data-ydd-lang=\"en\"],\r\nhtml[data-ydd-language=\"th\"] ydd-lang[data-ydd-lang=\"th\"],\r\nhtml[data-ydd-language=\"zh\"] ydd-lang[data-ydd-lang=\"zh\"] {\r\n    display: contents;\r\n}\r\n\r\n.ydd-systems-section {\r\n    --ydd-cyan: #00e5ff;\r\n    --ydd-violet: #b56cff;\r\n    --ydd-ink: #05030a;\r\n    --ydd-card: rgba(16, 13, 24, 0.82);\r\n    --ydd-border: rgba(255, 255, 255, 0.09);\r\n    --ydd-muted: #aaa8b2;\r\n    --ydd-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    padding: clamp(5.25rem, 8vw, 8rem) 2rem;\r\n    color: #ffffff;\r\n    background:\r\n        radial-gradient(circle at 12% 18%, rgba(181, 108, 255, 0.12), transparent 27rem),\r\n        radial-gradient(circle at 88% 74%, rgba(0, 229, 255, 0.10), transparent 28rem),\r\n        linear-gradient(180deg, #0a0a0a 0%, #07050d 52%, #05030a 100%);\r\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n}\r\n\r\n\/* Subtle technical grid *\/\r\n.ydd-systems-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    pointer-events: none;\r\n    opacity: 0.28;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);\r\n}\r\n\r\n\/* Ambient lower glow *\/\r\n.ydd-systems-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: -22rem;\r\n    z-index: -1;\r\n    width: 74rem;\r\n    height: 36rem;\r\n    transform: translateX(-50%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    background: radial-gradient(ellipse, rgba(0, 229, 255, 0.12), transparent 68%);\r\n    filter: blur(8px);\r\n}\r\n\r\n.ydd-systems-section .ydd-container {\r\n    width: min(100%, 1360px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Header ---------- *\/\r\n.ydd-systems-section .ydd-section-header {\r\n    max-width: 920px;\r\n    margin: 0 auto clamp(2.8rem, 5vw, 4.25rem);\r\n    text-align: center;\r\n}\r\n\r\n.ydd-systems-section .ydd-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.65rem;\r\n    margin-bottom: 1.35rem;\r\n    padding: 0.62rem 1rem;\r\n    border: 1px solid rgba(0, 229, 255, 0.22);\r\n    border-radius: 999px;\r\n    background: rgba(0, 229, 255, 0.055);\r\n    color: #d9fbff;\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-systems-section .ydd-kicker-dot {\r\n    position: relative;\r\n    width: 8px;\r\n    height: 8px;\r\n    flex: 0 0 8px;\r\n    border-radius: 50%;\r\n    background: var(--ydd-cyan);\r\n    box-shadow: 0 0 15px rgba(0, 229, 255, 0.9);\r\n}\r\n\r\n.ydd-systems-section .ydd-kicker-dot::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -5px;\r\n    border: 1px solid rgba(0, 229, 255, 0.45);\r\n    border-radius: inherit;\r\n    animation: ydd-system-pulse 2.2s ease-out infinite;\r\n}\r\n\r\n@keyframes ydd-system-pulse {\r\n    0% { transform: scale(0.65); opacity: 0; }\r\n    35% { opacity: 1; }\r\n    100% { transform: scale(1.65); opacity: 0; }\r\n}\r\n\r\n.ydd-systems-section .ydd-section-title {\r\n    margin: 0;\r\n    font-size: clamp(2.55rem, 5vw, 4.8rem);\r\n    font-weight: 850;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.055em;\r\n    text-wrap: balance;\r\n}\r\n\r\n.ydd-systems-section .ydd-section-title span {\r\n    background: linear-gradient(92deg, var(--ydd-cyan) 0%, #ffffff 58%, #d7c5ff 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.ydd-systems-section .ydd-section-subtitle {\r\n    max-width: 820px;\r\n    margin: 1.5rem auto 0;\r\n    color: var(--ydd-muted);\r\n    font-size: clamp(1rem, 1.6vw, 1.2rem);\r\n    line-height: 1.75;\r\n    text-wrap: pretty;\r\n}\r\n\r\n.ydd-systems-section .ydd-interaction-note {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.7rem;\r\n    margin-top: 1.75rem;\r\n    color: rgba(255,255,255,0.72);\r\n    font-size: 0.88rem;\r\n    font-weight: 650;\r\n}\r\n\r\n.ydd-systems-section .ydd-interaction-note svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: 0 0 18px;\r\n    color: var(--ydd-cyan);\r\n}\r\n\r\n\/* ---------- Card Grid ---------- *\/\r\n.ydd-systems-section .ydd-system-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: start;\r\n    gap: 1.5rem;\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card {\r\n    --mx: 50%;\r\n    --my: 30%;\r\n\r\n    position: relative;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--ydd-border);\r\n    border-radius: 26px;\r\n    background:\r\n        radial-gradient(circle at var(--mx) var(--my), rgba(0, 229, 255, 0.10), transparent 15rem),\r\n        linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.012) 44%),\r\n        var(--ydd-card);\r\n    box-shadow:\r\n        0 24px 54px rgba(0,0,0,0.38),\r\n        inset 0 1px 0 rgba(255,255,255,0.035);\r\n    transform: translateY(0);\r\n    scroll-margin-top: 1.25rem;\r\n    transition:\r\n        transform 500ms var(--ydd-ease),\r\n        border-color 400ms ease,\r\n        box-shadow 500ms ease;\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card:hover,\r\n.ydd-systems-section .ydd-system-card.is-active,\r\n.ydd-systems-section .ydd-system-card:focus-within {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 229, 255, 0.34);\r\n    box-shadow:\r\n        0 32px 72px rgba(0,0,0,0.48),\r\n        0 0 0 1px rgba(0,229,255,0.06),\r\n        0 0 44px rgba(0,229,255,0.08),\r\n        inset 0 1px 0 rgba(255,255,255,0.06);\r\n}\r\n\r\n\/* Moving border shimmer now completes a clean sweep and fades away.\r\n   It never remains parked against the edge of an active or focused card. *\/\r\n.ydd-systems-section .ydd-system-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -1px;\r\n    z-index: 0;\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    background: linear-gradient(\r\n        115deg,\r\n        transparent 22%,\r\n        rgba(0,229,255,0.18) 42%,\r\n        rgba(255,255,255,0.09) 50%,\r\n        rgba(181,108,255,0.14) 58%,\r\n        transparent 78%\r\n    );\r\n    transform: translateX(-72%);\r\n    will-change: transform, opacity;\r\n}\r\n\r\n@keyframes ydd-card-shimmer-sweep {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateX(-72%);\r\n    }\r\n    18% {\r\n        opacity: 1;\r\n    }\r\n    78% {\r\n        opacity: 0.92;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translateX(72%);\r\n    }\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card.is-shimmering::before {\r\n    animation: ydd-card-shimmer-sweep 1000ms var(--ydd-ease) both;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-number {\r\n    position: absolute;\r\n    top: 0.65rem;\r\n    right: 1rem;\r\n    z-index: 0;\r\n    color: rgba(255,255,255,0.035);\r\n    font-size: clamp(6.4rem, 10vw, 9rem);\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.08em;\r\n    user-select: none;\r\n    pointer-events: none;\r\n    transition:\r\n        color 450ms ease,\r\n        transform 650ms var(--ydd-ease);\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card:hover .ydd-card-number,\r\n.ydd-systems-section .ydd-system-card.is-active .ydd-card-number,\r\n.ydd-systems-section .ydd-system-card:focus-within .ydd-card-number {\r\n    color: rgba(0,229,255,0.065);\r\n    transform: translate(-6px, 6px) scale(1.035);\r\n}\r\n\r\n\/* ---------- Always-visible card content ---------- *\/\r\n.ydd-systems-section .ydd-card-main {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-height: 470px;\r\n    padding: 2.1rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    flex: 0 0 56px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(0,229,255,0.56);\r\n    border-radius: 16px;\r\n    background: rgba(0,229,255,0.085);\r\n    color: var(--ydd-cyan);\r\n    box-shadow: inset 0 0 24px rgba(0,229,255,0.035);\r\n    transition:\r\n        background-color 400ms ease,\r\n        box-shadow 400ms ease,\r\n        transform 450ms var(--ydd-ease);\r\n}\r\n\r\n.ydd-systems-section .ydd-card-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card:hover .ydd-card-icon,\r\n.ydd-systems-section .ydd-system-card.is-active .ydd-card-icon,\r\n.ydd-systems-section .ydd-system-card:focus-within .ydd-card-icon {\r\n    transform: translateY(-3px) scale(1.04);\r\n    background: rgba(0,229,255,0.14);\r\n    box-shadow: 0 0 28px rgba(0,229,255,0.14);\r\n}\r\n\r\n.ydd-systems-section .ydd-card-copy {\r\n    margin-top: auto;\r\n    padding-top: 4rem;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-eyebrow {\r\n    display: block;\r\n    margin-bottom: 0.72rem;\r\n    color: var(--ydd-violet);\r\n    font-size: 0.76rem;\r\n    font-weight: 850;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-title {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(1.75rem, 2.25vw, 2.25rem);\r\n    font-weight: 850;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.035em;\r\n    overflow-wrap: anywhere;\r\n    text-wrap: balance;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-summary {\r\n    max-width: 34rem;\r\n    margin: 1rem 0 0;\r\n    color: rgba(255,255,255,0.66);\r\n    font-size: 0.98rem;\r\n    line-height: 1.68;\r\n    text-wrap: pretty;\r\n}\r\n\r\n\/* Real button: clearer and more accessible than making the entire card a button. *\/\r\n.ydd-systems-section .ydd-card-toggle {\r\n    width: 100%;\r\n    min-height: 52px;\r\n    margin-top: 1.7rem;\r\n    padding: 0.78rem 0.9rem 0.78rem 1rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 1rem;\r\n    border: 1px solid rgba(0,229,255,0.22);\r\n    border-radius: 15px;\r\n    background: rgba(0,229,255,0.055);\r\n    color: #e9fafe;\r\n    font: inherit;\r\n    font-size: 0.88rem;\r\n    font-weight: 760;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition:\r\n        border-color 300ms ease,\r\n        background-color 300ms ease,\r\n        color 300ms ease;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-toggle:hover {\r\n    border-color: rgba(0,229,255,0.42);\r\n    background: rgba(0,229,255,0.10);\r\n}\r\n\r\n.ydd-systems-section .ydd-card-toggle:focus-visible {\r\n    outline: 3px solid rgba(0,229,255,0.22);\r\n    outline-offset: 3px;\r\n}\r\n\r\n.ydd-systems-section .ydd-toggle-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    flex: 0 0 34px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(0,229,255,0.20);\r\n    border-radius: 50%;\r\n    color: var(--ydd-cyan);\r\n    background: rgba(0,229,255,0.055);\r\n    transition:\r\n        transform 500ms var(--ydd-ease),\r\n        background-color 300ms ease;\r\n}\r\n\r\n.ydd-systems-section .ydd-toggle-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-toggle[aria-expanded=\"true\"] .ydd-toggle-icon {\r\n    transform: rotate(180deg);\r\n    background: rgba(0,229,255,0.12);\r\n}\r\n\r\n\/* ---------- Natural-height expandable detail area ---------- *\/\r\n.ydd-systems-section .ydd-card-reveal {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    border-top: 0 solid rgba(255,255,255,0.09);\r\n    background:\r\n        linear-gradient(180deg, rgba(17,13,27,0.97), rgba(7,5,13,0.99)),\r\n        rgba(8,6,14,0.98);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n        grid-template-rows 620ms var(--ydd-ease),\r\n        opacity 260ms ease,\r\n        visibility 0s linear 620ms,\r\n        border-top-width 0s linear 620ms;\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card.is-active .ydd-card-reveal {\r\n    grid-template-rows: 1fr;\r\n    border-top-width: 1px;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transition:\r\n        grid-template-rows 620ms var(--ydd-ease),\r\n        opacity 320ms ease 80ms,\r\n        visibility 0s linear 0s,\r\n        border-top-width 0s linear 0s;\r\n}\r\n\r\n.ydd-systems-section .ydd-reveal-clip {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.ydd-systems-section .ydd-reveal-content {\r\n    padding: 1.8rem 2.1rem 2.1rem;\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition:\r\n        opacity 280ms ease,\r\n        transform 450ms var(--ydd-ease);\r\n}\r\n\r\n.ydd-systems-section .ydd-system-card.is-active .ydd-reveal-content {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 150ms;\r\n}\r\n\r\n.ydd-systems-section .ydd-problem-label {\r\n    margin-bottom: 0.48rem;\r\n    color: var(--ydd-violet);\r\n    font-size: 0.72rem;\r\n    font-weight: 850;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-systems-section .ydd-problem-title {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(1.1rem, 1.4vw, 1.24rem);\r\n    line-height: 1.35;\r\n    text-wrap: balance;\r\n}\r\n\r\n.ydd-systems-section .ydd-solution-copy {\r\n    margin: 0.82rem 0 1.25rem;\r\n    color: rgba(255,255,255,0.68);\r\n    font-size: 0.94rem;\r\n    line-height: 1.66;\r\n    text-wrap: pretty;\r\n}\r\n\r\n.ydd-systems-section .ydd-outcome-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.58rem;\r\n    padding-top: 1rem;\r\n    border-top: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.ydd-systems-section .ydd-outcome-tag {\r\n    padding: 0.44rem 0.72rem;\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.045);\r\n    color: #d9fbff;\r\n    font-size: 0.72rem;\r\n    font-weight: 750;\r\n    line-height: 1.35;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-link {\r\n    width: fit-content;\r\n    min-height: 44px;\r\n    margin-top: 1.35rem;\r\n    padding: 0.72rem 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.65rem;\r\n    color: var(--ydd-cyan);\r\n    font-size: 0.88rem;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n}\r\n\r\n.ydd-systems-section .ydd-card-link svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    transition: transform 300ms var(--ydd-ease);\r\n}\r\n\r\n.ydd-systems-section .ydd-card-link:hover svg,\r\n.ydd-systems-section .ydd-card-link:focus-visible svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.ydd-systems-section .ydd-card-link:focus-visible {\r\n    outline: 3px solid rgba(0,229,255,0.22);\r\n    outline-offset: 4px;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* ---------- Tablet ---------- *\/\r\n@media (max-width: 1080px) {\r\n    .ydd-systems-section {\r\n        padding-inline: 1.5rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-system-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-main {\r\n        min-height: 330px;\r\n        padding: 2rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-copy {\r\n        max-width: 650px;\r\n        padding-top: 2.8rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-title {\r\n        max-width: 650px;\r\n        font-size: clamp(1.85rem, 4vw, 2.4rem);\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-summary {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-toggle {\r\n        max-width: 320px;\r\n    }\r\n}\r\n\r\n\/* ---------- Mobile ---------- *\/\r\n@media (max-width: 640px) {\r\n    .ydd-systems-section {\r\n        padding: 4.75rem 1rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-section-header {\r\n        margin-bottom: 2.75rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-kicker {\r\n        max-width: 100%;\r\n        padding: 0.58rem 0.82rem;\r\n        font-size: 0.66rem;\r\n        line-height: 1.4;\r\n        letter-spacing: 0.09em;\r\n        text-align: left;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-section-title {\r\n        font-size: clamp(2.35rem, 12vw, 3.25rem);\r\n        letter-spacing: -0.045em;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-section-subtitle {\r\n        margin-top: 1.2rem;\r\n        font-size: 0.98rem;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-interaction-note {\r\n        max-width: 280px;\r\n        margin-top: 1.45rem;\r\n        font-size: 0.82rem;\r\n        line-height: 1.45;\r\n        text-align: left;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-system-grid {\r\n        gap: 1rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-system-card {\r\n        border-radius: 22px;\r\n        transform: none;\r\n        scroll-margin-top: 0.75rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-system-card:hover,\r\n    .ydd-systems-section .ydd-system-card.is-active,\r\n    .ydd-systems-section .ydd-system-card:focus-within {\r\n        transform: none;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-number {\r\n        top: 0.65rem;\r\n        right: 0.8rem;\r\n        font-size: 6.2rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-main {\r\n        min-height: 0;\r\n        padding: 1.45rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        flex-basis: 50px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-icon svg {\r\n        width: 23px;\r\n        height: 23px;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-copy {\r\n        padding-top: 3.25rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-eyebrow {\r\n        font-size: 0.7rem;\r\n        letter-spacing: 0.11em;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-title {\r\n        font-size: clamp(1.62rem, 8vw, 1.95rem);\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-summary {\r\n        margin-top: 0.85rem;\r\n        font-size: 0.92rem;\r\n        line-height: 1.62;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-toggle {\r\n        max-width: none;\r\n        min-height: 54px;\r\n        margin-top: 1.35rem;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-reveal-content {\r\n        padding: 1.5rem 1.45rem 1.65rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-problem-title {\r\n        font-size: 1.08rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-solution-copy {\r\n        font-size: 0.9rem;\r\n        line-height: 1.62;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-outcome-list {\r\n        gap: 0.48rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-outcome-tag {\r\n        white-space: normal;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-link {\r\n        width: 100%;\r\n        justify-content: space-between;\r\n        padding: 0.8rem 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 370px) {\r\n    .ydd-systems-section {\r\n        padding-inline: 0.8rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-main,\r\n    .ydd-systems-section .ydd-reveal-content {\r\n        padding-left: 1.2rem;\r\n        padding-right: 1.2rem;\r\n    }\r\n\r\n    .ydd-systems-section .ydd-card-title {\r\n        font-size: 1.5rem;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .ydd-systems-section *,\r\n    .ydd-systems-section *::before,\r\n    .ydd-systems-section *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        transition-delay: 0ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ydd-systems-section\" aria-labelledby=\"ydd-systems-title\">\r\n    <div class=\"ydd-container\">\r\n\r\n        <header class=\"ydd-section-header\">\r\n            <div class=\"ydd-kicker\">\r\n                <span class=\"ydd-kicker-dot\" aria-hidden=\"true\"><\/span>\r\n                <ydd-lang data-ydd-lang=\"en\">Systems built around how you operate<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"zh\">\u56f4\u7ed5\u60a8\u7684\u8fd0\u8425\u65b9\u5f0f\u6253\u9020\u7684\u7cfb\u7edf<\/ydd-lang>\r\n            <\/div>\r\n\r\n            <h2 class=\"ydd-section-title\" id=\"ydd-systems-title\">\r\n                <ydd-lang data-ydd-lang=\"en\">Your Business, <span>Systematized.<\/span><\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"th\">\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 <span>\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19<\/span><\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u4e1a\u52a1\uff0c<span>\u5168\u9762\u7cfb\u7edf\u5316\u3002<\/span><\/ydd-lang>\r\n            <\/h2>\r\n\r\n            <p class=\"ydd-section-subtitle\">\r\n                <ydd-lang data-ydd-lang=\"en\">We do not add technology for the sake of appearance. We identify where your business loses time, customers, and revenue\u2014then build practical digital systems that remove the friction.<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e14\u0e35 \u0e40\u0e23\u0e32\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32 \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e49\u0e27\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e08\u0e31\u0e14\u0e2d\u0e38\u0e1b\u0e2a\u0e23\u0e23\u0e04\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u4e0d\u4f1a\u4e3a\u4e86\u8868\u9762\u6548\u679c\u800c\u5806\u780c\u6280\u672f\u3002\u6211\u4eec\u4f1a\u627e\u51fa\u60a8\u7684\u4e1a\u52a1\u5728\u54ea\u4e9b\u73af\u8282\u635f\u5931\u65f6\u95f4\u3001\u5ba2\u6237\u548c\u6536\u5165\uff0c\u5e76\u6784\u5efa\u5207\u5b9e\u53ef\u7528\u7684\u6570\u5b57\u7cfb\u7edf\uff0c\u6d88\u9664\u8fd9\u4e9b\u963b\u788d\u3002<\/ydd-lang>\r\n            <\/p>\r\n\r\n            <div class=\"ydd-interaction-note\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                    <path d=\"M8 12H16M13 9L16 12L13 15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n                <span>\r\n                    <ydd-lang data-ydd-lang=\"en\">Select a card to see how the solution works<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e27\u0e48\u0e32\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u9009\u62e9\u4e00\u5f20\u5361\u7247\uff0c\u4e86\u89e3\u89e3\u51b3\u65b9\u6848\u5982\u4f55\u8fd0\u4f5c<\/ydd-lang>\r\n                <\/span>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <div class=\"ydd-system-grid\">\r\n\r\n            <!-- Card 1: Customer Conversion -->\r\n            <article class=\"ydd-system-card\" data-ydd-system-card>\r\n                <span class=\"ydd-card-number\" aria-hidden=\"true\">01<\/span>\r\n\r\n                <div class=\"ydd-card-main\">\r\n                    <div class=\"ydd-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 4L18 11L12 13L9 19L5 4Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M13.5 14.5L18.5 19.5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"ydd-card-copy\">\r\n                        <span class=\"ydd-card-eyebrow\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Customer conversion<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5ba2\u6237\u8f6c\u5316<\/ydd-lang>\r\n                        <\/span>\r\n\r\n                        <h3 class=\"ydd-card-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Turn visitors into customers<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5c06\u8bbf\u5ba2\u8f6c\u5316\u4e3a\u5ba2\u6237<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-card-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Create a clear journey that guides people toward booking, purchasing, enrolling, or contacting you.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e04\u0e19\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d \u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e04\u0e38\u0e13<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u6253\u9020\u6e05\u6670\u7684\u5ba2\u6237\u8def\u5f84\uff0c\u5f15\u5bfc\u8bbf\u5ba2\u5b8c\u6210\u9884\u7ea6\u3001\u8d2d\u4e70\u3001\u62a5\u540d\u6216\u8054\u7cfb\u60a8\u3002<\/ydd-lang>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <button class=\"ydd-card-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ydd-system-panel-1\">\r\n                        <span>\r\n                            <ydd-lang data-ydd-lang=\"en\">Explore the solution<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u89e3\u51b3\u65b9\u6848<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-toggle-icon\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div class=\"ydd-card-reveal\" id=\"ydd-system-panel-1\" aria-hidden=\"true\">\r\n                    <div class=\"ydd-reveal-clip\">\r\n                        <div class=\"ydd-reveal-content\">\r\n                            <div class=\"ydd-problem-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">The business problem<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u4e1a\u52a1\u95ee\u9898<\/ydd-lang>\r\n                            <\/div>\r\n\r\n                            <h4 class=\"ydd-problem-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">High traffic. Low action.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e21\u0e32\u0e01 \u0e41\u0e15\u0e48\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e19\u0e49\u0e2d\u0e22<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6d41\u91cf\u5f88\u9ad8\uff0c\u884c\u52a8\u5f88\u5c11\u3002<\/ydd-lang>\r\n                            <\/h4>\r\n\r\n                            <p class=\"ydd-solution-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">We simplify navigation, clarify your offer, and remove unnecessary decisions so more visitors reach the action that matters.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e19\u0e33\u0e17\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u7b80\u5316\u5bfc\u822a\u3001\u6e05\u6670\u5448\u73b0\u60a8\u7684\u65b9\u6848\uff0c\u5e76\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u9009\u62e9\uff0c\u8ba9\u66f4\u591a\u8bbf\u5ba2\u987a\u5229\u5b8c\u6210\u6700\u91cd\u8981\u7684\u884c\u52a8\u3002<\/ydd-lang>\r\n                            <\/p>\r\n\r\n                            <div class=\"ydd-outcome-list\" role=\"list\">\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Clear navigation<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e19\u0e33\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u6e05\u6670\u5bfc\u822a<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Stronger calls to action<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e33\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u66f4\u6709\u529b\u7684\u884c\u52a8\u5f15\u5bfc<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Simpler customer journey<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u66f4\u7b80\u5355\u7684\u5ba2\u6237\u65c5\u7a0b<\/ydd-lang>\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <a class=\"ydd-card-link\" href=\"\/solutions\/\">\r\n                                <span>\r\n                                    <ydd-lang data-ydd-lang=\"en\">Explore conversion solutions<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e2d\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u5ba2\u6237\u8f6c\u5316\u65b9\u6848<\/ydd-lang>\r\n                                <\/span>\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                                    <path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Card 2: Business Automation -->\r\n            <article class=\"ydd-system-card\" data-ydd-system-card>\r\n                <span class=\"ydd-card-number\" aria-hidden=\"true\">02<\/span>\r\n\r\n                <div class=\"ydd-card-main\">\r\n                    <div class=\"ydd-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <rect x=\"3.5\" y=\"4\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                            <rect x=\"14.5\" y=\"14\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                            <path d=\"M9.5 7H13C15.2 7 17 8.8 17 11V14M14.5 17H11C8.8 17 7 15.2 7 13V10\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"ydd-card-copy\">\r\n                        <span class=\"ydd-card-eyebrow\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Business automation<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u4e1a\u52a1\u81ea\u52a8\u5316<\/ydd-lang>\r\n                        <\/span>\r\n\r\n                        <h3 class=\"ydd-card-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Automate repetitive work<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e0b\u0e49\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u81ea\u52a8\u5904\u7406\u91cd\u590d\u5de5\u4f5c<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-card-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Connect forms, payments, accounts, records, and notifications so your team spends less time on administration.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e17\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23\u0e19\u0e49\u0e2d\u0e22\u0e25\u0e07<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u8fde\u63a5\u8868\u5355\u3001\u4ed8\u6b3e\u3001\u8d26\u6237\u3001\u8bb0\u5f55\u548c\u901a\u77e5\uff0c\u8ba9\u60a8\u7684\u56e2\u961f\u51cf\u5c11\u5904\u7406\u884c\u653f\u5de5\u4f5c\u7684\u65f6\u95f4\u3002<\/ydd-lang>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <button class=\"ydd-card-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ydd-system-panel-2\">\r\n                        <span>\r\n                            <ydd-lang data-ydd-lang=\"en\">Explore the solution<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u89e3\u51b3\u65b9\u6848<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-toggle-icon\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div class=\"ydd-card-reveal\" id=\"ydd-system-panel-2\" aria-hidden=\"true\">\r\n                    <div class=\"ydd-reveal-clip\">\r\n                        <div class=\"ydd-reveal-content\">\r\n                            <div class=\"ydd-problem-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">The business problem<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u4e1a\u52a1\u95ee\u9898<\/ydd-lang>\r\n                            <\/div>\r\n\r\n                            <h4 class=\"ydd-problem-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">Your team spends too much time on repeatable tasks.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e17\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e21\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e0b\u0e49\u0e33<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u56e2\u961f\u5728\u91cd\u590d\u6027\u5de5\u4f5c\u4e0a\u82b1\u8d39\u4e86\u592a\u591a\u65f6\u95f4\u3002<\/ydd-lang>\r\n                            <\/h4>\r\n\r\n                            <p class=\"ydd-solution-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">We connect each step into one reliable workflow that reduces manual work, prevents errors, and keeps information synchronized.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e01\u0e42\u0e1f\u0e25\u0e27\u0e4c\u0e40\u0e14\u0e35\u0e22\u0e27\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e2a\u0e21\u0e2d<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u5c06\u6bcf\u4e2a\u6b65\u9aa4\u8fde\u63a5\u6210\u4e00\u4e2a\u53ef\u9760\u7684\u5de5\u4f5c\u6d41\u7a0b\uff0c\u51cf\u5c11\u4eba\u5de5\u64cd\u4f5c\u3001\u9632\u6b62\u9519\u8bef\uff0c\u5e76\u8ba9\u4fe1\u606f\u59cb\u7ec8\u4fdd\u6301\u540c\u6b65\u3002<\/ydd-lang>\r\n                            <\/p>\r\n\r\n                            <div class=\"ydd-outcome-list\" role=\"list\">\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Connected payments<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u4e92\u8054\u4ed8\u6b3e\u6d41\u7a0b<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Automated account access<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u81ea\u52a8\u5f00\u901a\u8d26\u6237<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Staff notifications<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u56e2\u961f\u901a\u77e5<\/ydd-lang>\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <a class=\"ydd-card-link\" href=\"\/solutions\/\">\r\n                                <span>\r\n                                    <ydd-lang data-ydd-lang=\"en\">Explore automation solutions<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u4e1a\u52a1\u81ea\u52a8\u5316\u65b9\u6848<\/ydd-lang>\r\n                                <\/span>\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                                    <path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Card 3: Customer Retention -->\r\n            <article class=\"ydd-system-card\" data-ydd-system-card>\r\n                <span class=\"ydd-card-number\" aria-hidden=\"true\">03<\/span>\r\n\r\n                <div class=\"ydd-card-main\">\r\n                    <div class=\"ydd-card-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M19 8.5A7.5 7.5 0 1 0 19.2 15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"M19 4.5V8.5H15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M9.2 11.5C9.2 10.45 10.05 9.6 11.1 9.6C11.75 9.6 12.32 9.93 12.66 10.43C13 9.93 13.57 9.6 14.22 9.6C15.27 9.6 16.12 10.45 16.12 11.5C16.12 13.25 13.98 14.62 12.66 15.5C11.34 14.62 9.2 13.25 9.2 11.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"ydd-card-copy\">\r\n                        <span class=\"ydd-card-eyebrow\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Customer retention<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5ba2\u6237\u7559\u5b58<\/ydd-lang>\r\n                        <\/span>\r\n\r\n                        <h3 class=\"ydd-card-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Give customers reasons to return<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u7ed9\u5ba2\u6237\u6301\u7eed\u56de\u6765\u7684\u7406\u7531<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-card-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Use accounts, reminders, rewards, memberships, and follow-up to continue providing value after the first transaction.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e43\u0e0a\u0e49\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49 \u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 \u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e25 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u901a\u8fc7\u8d26\u6237\u3001\u63d0\u9192\u3001\u5956\u52b1\u3001\u4f1a\u5458\u548c\u540e\u7eed\u8ddf\u8fdb\uff0c\u5728\u9996\u6b21\u4ea4\u6613\u540e\u7ee7\u7eed\u4e3a\u5ba2\u6237\u63d0\u4f9b\u4ef7\u503c\u3002<\/ydd-lang>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <button class=\"ydd-card-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ydd-system-panel-3\">\r\n                        <span>\r\n                            <ydd-lang data-ydd-lang=\"en\">Explore the solution<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u89e3\u51b3\u65b9\u6848<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-toggle-icon\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div class=\"ydd-card-reveal\" id=\"ydd-system-panel-3\" aria-hidden=\"true\">\r\n                    <div class=\"ydd-reveal-clip\">\r\n                        <div class=\"ydd-reveal-content\">\r\n                            <div class=\"ydd-problem-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">The business problem<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u4e1a\u52a1\u95ee\u9898<\/ydd-lang>\r\n                            <\/div>\r\n\r\n                            <h4 class=\"ydd-problem-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">Customers visit once\u2014and disappear.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e41\u0e25\u0e49\u0e27\u0e44\u0e21\u0e48\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e2d\u0e35\u0e01<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u5ba2\u6237\u53ea\u6765\u4e00\u6b21\uff0c\u4e4b\u540e\u4fbf\u6d88\u5931\u3002<\/ydd-lang>\r\n                            <\/h4>\r\n\r\n                            <p class=\"ydd-solution-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">We create useful post-purchase experiences that make it easier for customers to return, rebook, continue learning, or purchase again.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32 \u0e08\u0e2d\u0e07\u0e2d\u0e35\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e15\u0e48\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e0b\u0e37\u0e49\u0e2d\u0e0b\u0e49\u0e33\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u6253\u9020\u5b9e\u7528\u7684\u8d2d\u4e70\u540e\u4f53\u9a8c\uff0c\u8ba9\u5ba2\u6237\u66f4\u5bb9\u6613\u56de\u6765\u3001\u518d\u6b21\u9884\u7ea6\u3001\u7ee7\u7eed\u5b66\u4e60\u6216\u518d\u6b21\u8d2d\u4e70\u3002<\/ydd-lang>\r\n                            <\/p>\r\n\r\n                            <div class=\"ydd-outcome-list\" role=\"list\">\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Customer accounts<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u5ba2\u6237\u8d26\u6237<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Automated follow-up<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e25\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u81ea\u52a8\u8ddf\u8fdb<\/ydd-lang>\r\n                                <\/span>\r\n                                <span class=\"ydd-outcome-tag\" role=\"listitem\">\r\n                                    <ydd-lang data-ydd-lang=\"en\">Rebooking and rewards<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e0b\u0e49\u0e33\u0e41\u0e25\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u518d\u6b21\u9884\u7ea6\u4e0e\u5956\u52b1<\/ydd-lang>\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <a class=\"ydd-card-link\" href=\"\/solutions\/\">\r\n                                <span>\r\n                                    <ydd-lang data-ydd-lang=\"en\">Explore retention solutions<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                                    <ydd-lang data-ydd-lang=\"zh\">\u63a2\u7d22\u5ba2\u6237\u7559\u5b58\u65b9\u6848<\/ydd-lang>\r\n                                <\/span>\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                                    <path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    function initializeSystemsSection(section) {\r\n        var cards = Array.prototype.slice.call(\r\n            section.querySelectorAll('[data-ydd-system-card]')\r\n        );\r\n        var tabletOrSmaller = window.matchMedia('(max-width: 1080px)');\r\n        var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n        var finePointer = window.matchMedia('(hover: hover) and (pointer: fine)');\r\n\r\n        function setPanelState(card, open) {\r\n            var button = card.querySelector('.ydd-card-toggle');\r\n            var panelId = button.getAttribute('aria-controls');\r\n            var panel = card.querySelector('#' + panelId);\r\n\r\n            card.classList.toggle('is-active', open);\r\n            button.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n            panel.setAttribute('aria-hidden', open ? 'false' : 'true');\r\n\r\n            if ('inert' in panel) {\r\n                panel.inert = !open;\r\n            }\r\n        }\r\n\r\n        function closeOtherCards(selectedCard) {\r\n            cards.forEach(function (card) {\r\n                if (card !== selectedCard) {\r\n                    setPanelState(card, false);\r\n                }\r\n            });\r\n        }\r\n\r\n        function playCardShimmer(card) {\r\n            if (reducedMotion.matches) return;\r\n\r\n            \/* Restart the one-shot sweep cleanly on every intentional interaction. *\/\r\n            card.classList.remove('is-shimmering');\r\n            void card.offsetWidth;\r\n            card.classList.add('is-shimmering');\r\n        }\r\n\r\n        cards.forEach(function (card) {\r\n            var button = card.querySelector('.ydd-card-toggle');\r\n            var panelId = button.getAttribute('aria-controls');\r\n            var panel = card.querySelector('#' + panelId);\r\n\r\n            panel.setAttribute('aria-hidden', 'true');\r\n            if ('inert' in panel) {\r\n                panel.inert = true;\r\n            }\r\n\r\n            var pointerActivatedToggle = false;\r\n\r\n            \/* A restrained cursor-following glow remains desktop-only. *\/\r\n            card.addEventListener('pointerenter', function (event) {\r\n                if (!finePointer.matches || event.pointerType === 'touch') return;\r\n                playCardShimmer(card);\r\n            });\r\n\r\n            card.addEventListener('pointermove', function (event) {\r\n                if (!finePointer.matches || event.pointerType === 'touch') return;\r\n\r\n                var rect = card.getBoundingClientRect();\r\n                var x = ((event.clientX - rect.left) \/ rect.width) * 100;\r\n                var y = ((event.clientY - rect.top) \/ rect.height) * 100;\r\n\r\n                card.style.setProperty('--mx', x.toFixed(2) + '%');\r\n                card.style.setProperty('--my', y.toFixed(2) + '%');\r\n            });\r\n\r\n            card.addEventListener('pointerleave', function () {\r\n                card.style.setProperty('--mx', '50%');\r\n                card.style.setProperty('--my', '30%');\r\n            });\r\n\r\n            card.addEventListener('animationend', function (event) {\r\n                if (event.animationName === 'ydd-card-shimmer-sweep') {\r\n                    card.classList.remove('is-shimmering');\r\n                }\r\n            });\r\n\r\n            button.addEventListener('pointerdown', function () {\r\n                pointerActivatedToggle = true;\r\n            });\r\n\r\n            button.addEventListener('pointercancel', function () {\r\n                pointerActivatedToggle = false;\r\n            });\r\n\r\n            button.addEventListener('click', function () {\r\n                var willOpen = button.getAttribute('aria-expanded') !== 'true';\r\n\r\n                closeOtherCards(card);\r\n                setPanelState(card, willOpen);\r\n                playCardShimmer(card);\r\n\r\n                \/*\r\n                 * Pointer focus is released after closing so :focus-within cannot\r\n                 * leave the card glowing. Keyboard focus is preserved for accessibility.\r\n                 *\/\r\n                if (!willOpen && pointerActivatedToggle) {\r\n                    window.requestAnimationFrame(function () {\r\n                        button.blur();\r\n                    });\r\n                }\r\n\r\n                pointerActivatedToggle = false;\r\n\r\n                \/* Keep the expanded card comfortably in view on tablets and phones. *\/\r\n                if (willOpen && tabletOrSmaller.matches) {\r\n                    window.setTimeout(function () {\r\n                        var rect = card.getBoundingClientRect();\r\n                        var outsideViewport = rect.top < 12 || rect.bottom > window.innerHeight - 12;\r\n\r\n                        if (outsideViewport) {\r\n                            card.scrollIntoView({\r\n                                behavior: reducedMotion.matches ? 'auto' : 'smooth',\r\n                                block: 'nearest'\r\n                            });\r\n                        }\r\n                    }, reducedMotion.matches ? 0 : 360);\r\n                }\r\n            });\r\n\r\n            button.addEventListener('keydown', function (event) {\r\n                pointerActivatedToggle = false;\r\n\r\n                if (event.key === 'Escape' && button.getAttribute('aria-expanded') === 'true') {\r\n                    setPanelState(card, false);\r\n                    button.focus();\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    function start() {\r\n        document.querySelectorAll('.ydd-systems-section').forEach(initializeSystemsSection);\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', start, { once: true });\r\n    } else {\r\n        start();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fdbe05 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fdbe05\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f6fd21\" data-id=\"5f6fd21\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a0f5d9 elementor-widget elementor-widget-html\" data-id=\"5a0f5d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   YOUR DIGITAL DESIGNS \u2014 PROJECT TRUST \/ STANDARDS SECTION\r\n   Desktop: clear two-column selector and evidence panel.\r\n   Tablet\/mobile: direct accordion with content beneath choice.\r\n   One content source. Click\/tap only. No hover activation.\r\n   ========================================================= *\/\r\n\r\n.ydd-standard-section,\r\n.ydd-standard-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Hide all translated variants until the page language is known. *\/\r\nydd-lang {\r\n    display: none;\r\n}\r\n\r\nhtml[data-ydd-language=\"en\"] ydd-lang[data-ydd-lang=\"en\"],\r\nhtml[data-ydd-language=\"th\"] ydd-lang[data-ydd-lang=\"th\"],\r\nhtml[data-ydd-language=\"zh\"] ydd-lang[data-ydd-lang=\"zh\"] {\r\n    display: contents;\r\n}\r\n\r\n.ydd-standard-section [hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.ydd-standard-section {\r\n    --ydd-cyan: #00e5ff;\r\n    --ydd-violet: #a96cff;\r\n    --ydd-white: #ffffff;\r\n    --ydd-muted: rgba(255, 255, 255, 0.66);\r\n    --ydd-muted-soft: rgba(255, 255, 255, 0.45);\r\n    --ydd-line: rgba(255, 255, 255, 0.10);\r\n    --ydd-line-strong: rgba(255, 255, 255, 0.17);\r\n    --ydd-panel: rgba(11, 9, 17, 0.90);\r\n    --ydd-deep: #05030a;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    padding: 6.5rem 2rem;\r\n    color: var(--ydd-white);\r\n    background:\r\n        radial-gradient(circle at 82% 14%, rgba(0, 229, 255, 0.075), transparent 29rem),\r\n        radial-gradient(circle at 8% 86%, rgba(169, 108, 255, 0.075), transparent 31rem),\r\n        linear-gradient(180deg, #05030a 0%, #080610 52%, #05030a 100%);\r\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n}\r\n\r\n.ydd-standard-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    opacity: 0.16;\r\n    background-image:\r\n        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\r\n    background-size: 96px 96px;\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 84%, transparent 100%);\r\n    mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 84%, transparent 100%);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-shell {\r\n    width: min(100%, 1280px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ==================== INTRODUCTION ==================== *\/\r\n.ydd-standard-section .ydd-standard-header {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);\r\n    gap: clamp(2.5rem, 6vw, 6rem);\r\n    align-items: end;\r\n    margin-bottom: 3.75rem;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    margin-bottom: 1.35rem;\r\n    color: rgba(255, 255, 255, 0.60);\r\n    font-size: 0.74rem;\r\n    font-weight: 760;\r\n    letter-spacing: 0.15em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-eyebrow::before {\r\n    content: \"\";\r\n    width: 42px;\r\n    height: 1px;\r\n    flex: 0 0 42px;\r\n    background: var(--ydd-cyan);\r\n    box-shadow: 0 0 16px rgba(0, 229, 255, 0.42);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-title {\r\n    max-width: 820px;\r\n    margin: 0;\r\n    font-size: clamp(2.75rem, 5.2vw, 5.2rem);\r\n    font-weight: 830;\r\n    line-height: 0.99;\r\n    letter-spacing: -0.058em;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-title span {\r\n    background: linear-gradient(92deg, var(--ydd-cyan) 0%, #ffffff 56%, #d8c6ff 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-intro {\r\n    margin: 0;\r\n    padding-left: 1.8rem;\r\n    border-left: 1px solid var(--ydd-line-strong);\r\n    color: var(--ydd-muted);\r\n    font-size: clamp(1rem, 1.35vw, 1.15rem);\r\n    line-height: 1.78;\r\n}\r\n\r\n\/* ==================== WORKSPACE ==================== *\/\r\n.ydd-standard-section .ydd-standard-workspace {\r\n    display: grid;\r\n    grid-template-columns: minmax(315px, 0.78fr) minmax(0, 1.42fr);\r\n    grid-template-rows: auto repeat(3, minmax(142px, auto));\r\n    overflow: hidden;\r\n    border: 1px solid var(--ydd-line);\r\n    border-radius: 28px;\r\n    background: rgba(255, 255, 255, 0.008);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-workspace-heading {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 1;\r\n    min-height: 68px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 2rem;\r\n    padding: 1rem 1.75rem;\r\n    border-bottom: 1px solid var(--ydd-line);\r\n    background: rgba(255, 255, 255, 0.012);\r\n}\r\n\r\n.ydd-standard-section .ydd-workspace-title,\r\n.ydd-standard-section .ydd-workspace-instruction {\r\n    font-size: 0.72rem;\r\n    font-weight: 770;\r\n    letter-spacing: 0.14em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-standard-section .ydd-workspace-title {\r\n    color: rgba(255, 255, 255, 0.54);\r\n}\r\n\r\n.ydd-standard-section .ydd-workspace-instruction {\r\n    color: rgba(0, 229, 255, 0.76);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-item {\r\n    display: contents;\r\n}\r\n\r\n\/* ==================== STANDARD SELECTORS ==================== *\/\r\n.ydd-standard-section .ydd-standard-trigger {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    display: grid;\r\n    grid-template-columns: 40px minmax(0, 1fr) 20px;\r\n    gap: 1rem;\r\n    align-items: center;\r\n    padding: 1.65rem 1.75rem;\r\n    border: 0;\r\n    border-right: 1px solid var(--ydd-line);\r\n    border-bottom: 1px solid var(--ydd-line);\r\n    color: inherit;\r\n    text-align: left;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    outline: none;\r\n    scroll-margin-top: 92px;\r\n    transition: background-color 260ms ease, box-shadow 260ms ease;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-item:nth-of-type(2) .ydd-standard-trigger {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-item:nth-of-type(3) .ydd-standard-trigger {\r\n    grid-column: 1;\r\n    grid-row: 3;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-item:nth-of-type(4) .ydd-standard-trigger {\r\n    grid-column: 1;\r\n    grid-row: 4;\r\n    border-bottom: 0;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 auto 0 0;\r\n    width: 3px;\r\n    background: linear-gradient(to bottom, var(--ydd-cyan), var(--ydd-violet));\r\n    transform: scaleY(0);\r\n    transform-origin: center;\r\n    transition: transform 360ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger:hover {\r\n    background: rgba(255, 255, 255, 0.018);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active,\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible {\r\n    background: linear-gradient(90deg, rgba(0, 229, 255, 0.058), rgba(255, 255, 255, 0.012) 74%);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active::before,\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible {\r\n    box-shadow: inset 0 0 0 2px rgba(0, 229, 255, 0.28);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-index {\r\n    align-self: start;\r\n    padding-top: 0.2rem;\r\n    color: rgba(255, 255, 255, 0.30);\r\n    font-size: 0.74rem;\r\n    font-weight: 810;\r\n    letter-spacing: 0.1em;\r\n    transition: color 260ms ease;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active .ydd-standard-index,\r\n.ydd-standard-section .ydd-standard-trigger:hover .ydd-standard-index,\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible .ydd-standard-index {\r\n    color: var(--ydd-cyan);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-copy {\r\n    min-width: 0;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-name {\r\n    display: block;\r\n    margin-bottom: 0.55rem;\r\n    color: rgba(255, 255, 255, 0.94);\r\n    font-size: clamp(1.18rem, 1.45vw, 1.4rem);\r\n    font-weight: 760;\r\n    line-height: 1.23;\r\n    letter-spacing: -0.026em;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-summary {\r\n    display: block;\r\n    color: rgba(255, 255, 255, 0.50);\r\n    font-size: 0.9rem;\r\n    line-height: 1.58;\r\n    transition: color 260ms ease;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active .ydd-standard-summary,\r\n.ydd-standard-section .ydd-standard-trigger:hover .ydd-standard-summary,\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible .ydd-standard-summary {\r\n    color: rgba(255, 255, 255, 0.70);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-arrow {\r\n    position: relative;\r\n    width: 18px;\r\n    height: 18px;\r\n    color: rgba(255, 255, 255, 0.42);\r\n    transition: color 260ms ease, transform 320ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-arrow::before,\r\n.ydd-standard-section .ydd-standard-arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 10px;\r\n    height: 1.5px;\r\n    border-radius: 999px;\r\n    background: currentColor;\r\n    transform-origin: center;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-arrow::before {\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-arrow::after {\r\n    transform: translate(-50%, -50%) rotate(90deg);\r\n    transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active .ydd-standard-arrow,\r\n.ydd-standard-section .ydd-standard-trigger:focus-visible .ydd-standard-arrow {\r\n    color: var(--ydd-cyan);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-trigger.is-active .ydd-standard-arrow::after {\r\n    transform: translate(-50%, -50%) rotate(0deg);\r\n}\r\n\r\n\/* ==================== EVIDENCE PANELS ==================== *\/\r\n.ydd-standard-section .ydd-standard-panel {\r\n    grid-column: 2;\r\n    grid-row: 2 \/ 5;\r\n    min-width: 0;\r\n    min-height: 100%;\r\n    border-left: 0;\r\n    background:\r\n        linear-gradient(135deg, rgba(255, 255, 255, 0.026), transparent 44%),\r\n        var(--ydd-panel);\r\n    animation: ydd-standard-panel-in 330ms cubic-bezier(0.16, 1, 0.3, 1) both;\r\n}\r\n\r\n@keyframes ydd-standard-panel-in {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(8px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-panel-inner {\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: clamp(2.5rem, 4vw, 4rem);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-context {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin-bottom: 1.15rem;\r\n    color: rgba(0, 229, 255, 0.80);\r\n    font-size: 0.72rem;\r\n    font-weight: 790;\r\n    letter-spacing: 0.14em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-context::before {\r\n    content: \"\";\r\n    width: 26px;\r\n    height: 1px;\r\n    background: currentColor;\r\n    box-shadow: 0 0 12px rgba(0, 229, 255, 0.42);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-panel-title {\r\n    max-width: 780px;\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(2.25rem, 4vw, 4.35rem);\r\n    font-weight: 820;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.052em;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-panel-description {\r\n    max-width: 780px;\r\n    margin: 1.35rem 0 0;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    font-size: clamp(0.98rem, 1.25vw, 1.08rem);\r\n    line-height: 1.75;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-checklist {\r\n    margin-top: clamp(2.3rem, 4vw, 3.3rem);\r\n    padding-top: 1.75rem;\r\n    border-top: 1px solid var(--ydd-line-strong);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-checklist-title {\r\n    margin: 0 0 1.15rem;\r\n    color: rgba(255, 255, 255, 0.48);\r\n    font-size: 0.72rem;\r\n    font-weight: 790;\r\n    letter-spacing: 0.14em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-checklist-list {\r\n    display: grid;\r\n    gap: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-checklist-item {\r\n    display: grid;\r\n    grid-template-columns: 26px minmax(0, 1fr);\r\n    gap: 0.9rem;\r\n    align-items: start;\r\n    padding: 1rem 0;\r\n    border-bottom: 1px solid var(--ydd-line);\r\n    color: rgba(255, 255, 255, 0.87);\r\n    font-size: 0.97rem;\r\n    font-weight: 570;\r\n    line-height: 1.62;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-checklist-item:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-check {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: grid;\r\n    place-items: center;\r\n    margin-top: 0.1rem;\r\n    border: 1px solid rgba(0, 229, 255, 0.24);\r\n    border-radius: 50%;\r\n    color: var(--ydd-cyan);\r\n    background: rgba(0, 229, 255, 0.055);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-check svg {\r\n    width: 12px;\r\n    height: 12px;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-benefit {\r\n    margin-top: auto;\r\n    padding: 1.4rem 0 0 1.25rem;\r\n    border-top: 1px solid var(--ydd-line-strong);\r\n    border-left: 2px solid rgba(169, 108, 255, 0.75);\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-benefit-label {\r\n    display: block;\r\n    margin-bottom: 0.5rem;\r\n    color: rgba(169, 108, 255, 0.92);\r\n    font-size: 0.7rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-standard-section .ydd-standard-benefit-copy {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.90);\r\n    font-size: clamp(1rem, 1.25vw, 1.12rem);\r\n    font-weight: 620;\r\n    line-height: 1.58;\r\n}\r\n\r\n\/* ==================== RESPONSIVE ==================== *\/\r\n@media (max-width: 1100px) {\r\n    .ydd-standard-section {\r\n        padding: 5.75rem 1.5rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-header {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.2rem;\r\n        margin-bottom: 3.25rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-intro {\r\n        max-width: 850px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-workspace {\r\n        grid-template-columns: minmax(285px, 0.72fr) minmax(0, 1.28fr);\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-trigger {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-inner {\r\n        padding: 2.8rem 2.4rem;\r\n    }\r\n}\r\n\r\n\/* Tablet and mobile become a direct accordion. *\/\r\n@media (max-width: 900px) {\r\n    .ydd-standard-section .ydd-standard-workspace {\r\n        display: block;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-workspace-heading {\r\n        min-height: 64px;\r\n        padding: 0.95rem 1.35rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-workspace-instruction {\r\n        display: none;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-item {\r\n        display: block;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-trigger {\r\n        grid-template-columns: 36px minmax(0, 1fr) 20px;\r\n        min-height: 0;\r\n        padding: 1.35rem;\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--ydd-line);\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-item:last-child .ydd-standard-trigger:not(.is-active) {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-trigger::before {\r\n        width: 3px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel {\r\n        min-height: 0;\r\n        border-bottom: 1px solid var(--ydd-line);\r\n        animation-duration: 270ms;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-item:last-child .ydd-standard-panel {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-inner {\r\n        padding: 2.4rem 1.5rem 2.65rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-title {\r\n        max-width: 700px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-benefit {\r\n        margin-top: 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n    .ydd-standard-section {\r\n        padding: 4.75rem 1rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-header {\r\n        gap: 1.8rem;\r\n        margin-bottom: 2.75rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-eyebrow {\r\n        gap: 0.75rem;\r\n        font-size: 0.68rem;\r\n        letter-spacing: 0.11em;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-eyebrow::before {\r\n        width: 28px;\r\n        flex-basis: 28px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-title {\r\n        font-size: clamp(2.5rem, 12vw, 3.6rem);\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-intro {\r\n        padding-left: 1.15rem;\r\n        font-size: 0.98rem;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-workspace {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-workspace-heading {\r\n        min-height: 58px;\r\n        padding: 0.85rem 1.1rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-workspace-title {\r\n        font-size: 0.66rem;\r\n        letter-spacing: 0.1em;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-trigger {\r\n        grid-template-columns: 30px minmax(0, 1fr) 18px;\r\n        gap: 0.8rem;\r\n        padding: 1.2rem 1.05rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-name {\r\n        margin-bottom: 0.42rem;\r\n        font-size: 1.08rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-summary {\r\n        font-size: 0.84rem;\r\n        line-height: 1.52;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-inner {\r\n        padding: 2rem 1.1rem 2.3rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-context {\r\n        margin-bottom: 0.95rem;\r\n        font-size: 0.66rem;\r\n        letter-spacing: 0.1em;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-title {\r\n        font-size: clamp(2rem, 10vw, 2.8rem);\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-panel-description {\r\n        margin-top: 1.1rem;\r\n        font-size: 0.94rem;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-checklist {\r\n        margin-top: 2rem;\r\n        padding-top: 1.4rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-checklist-item {\r\n        grid-template-columns: 23px minmax(0, 1fr);\r\n        gap: 0.75rem;\r\n        padding: 0.9rem 0;\r\n        font-size: 0.91rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-check {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-benefit {\r\n        padding: 1.2rem 0 0 1rem;\r\n    }\r\n\r\n    .ydd-standard-section .ydd-standard-benefit-copy {\r\n        font-size: 0.98rem;\r\n    }\r\n}\r\n\r\n\/* Give longer translated text a little more breathing room. *\/\r\nhtml[data-ydd-language=\"th\"] .ydd-standard-section .ydd-standard-name,\r\nhtml[data-ydd-language=\"th\"] .ydd-standard-section .ydd-standard-panel-title {\r\n    line-height: 1.16;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\nhtml[data-ydd-language=\"zh\"] .ydd-standard-section .ydd-standard-name,\r\nhtml[data-ydd-language=\"zh\"] .ydd-standard-section .ydd-standard-panel-title {\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .ydd-standard-section *,\r\n    .ydd-standard-section *::before,\r\n    .ydd-standard-section *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        transition-delay: 0ms !important;\r\n        scroll-behavior: auto !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Set the active language before the section is painted. *\/\r\n(function () {\r\n    var path = window.location.pathname.toLowerCase();\r\n    var pathMatch = path.match(\/^\\\/(en|th|zh)(?:\\\/|$)\/);\r\n    var htmlLanguage = (document.documentElement.getAttribute(\"lang\") || \"\").toLowerCase();\r\n    var activeLanguage = \"en\";\r\n\r\n    if (pathMatch) {\r\n        activeLanguage = pathMatch[1];\r\n    } else if (htmlLanguage.indexOf(\"th\") === 0) {\r\n        activeLanguage = \"th\";\r\n    } else if (htmlLanguage.indexOf(\"zh\") === 0) {\r\n        activeLanguage = \"zh\";\r\n    }\r\n\r\n    document.documentElement.setAttribute(\"data-ydd-language\", activeLanguage);\r\n})();\r\n<\/script>\r\n\r\n<section class=\"ydd-standard-section\" aria-labelledby=\"ydd-standard-title\">\r\n    <div class=\"ydd-standard-shell\">\r\n\r\n        <header class=\"ydd-standard-header\">\r\n            <div>\r\n                <div class=\"ydd-standard-eyebrow\">\r\n                    <ydd-lang data-ydd-lang=\"en\">How we keep your project clear and controlled<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u5982\u4f55\u8ba9\u9879\u76ee\u59cb\u7ec8\u6e05\u6670\u3001\u53ef\u63a7<\/ydd-lang>\r\n                <\/div>\r\n\r\n                <h2 class=\"ydd-standard-title\" id=\"ydd-standard-title\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Built with purpose. <span>Delivered with clarity.<\/span><\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 <span>\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span><\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u4e3a\u76ee\u6807\u800c\u6784\u5efa\u3002<span>\u6e05\u6670\u900f\u660e\u5730\u4ea4\u4ed8\u3002<\/span><\/ydd-lang>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"ydd-standard-intro\">\r\n                <ydd-lang data-ydd-lang=\"en\">Before development begins, we define what the project must accomplish, which features are truly necessary, and how the finished system will be managed. This keeps the work focused, the cost understandable, and the final platform useful after launch.<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e27\u0e48\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e15\u0e49\u0e2d\u0e07\u0e1a\u0e23\u0e23\u0e25\u0e38\u0e2d\u0e30\u0e44\u0e23 \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e43\u0e14\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23 \u0e27\u0e34\u0e18\u0e35\u0e19\u0e35\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e07\u0e32\u0e19\u0e21\u0e35\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07 \u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e22\u0e31\u0e07\u0e04\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"zh\">\u5728\u5f00\u53d1\u5f00\u59cb\u4e4b\u524d\uff0c\u6211\u4eec\u4f1a\u660e\u786e\u9879\u76ee\u5fc5\u987b\u5b9e\u73b0\u4ec0\u4e48\u3001\u54ea\u4e9b\u529f\u80fd\u771f\u6b63\u5fc5\u8981\uff0c\u4ee5\u53ca\u5b8c\u6210\u540e\u7684\u7cfb\u7edf\u5c06\u5982\u4f55\u7ba1\u7406\u3002\u8fd9\u6837\u53ef\u4ee5\u8ba9\u5de5\u4f5c\u4fdd\u6301\u805a\u7126\u3001\u6210\u672c\u66f4\u52a0\u6e05\u695a\uff0c\u5e76\u786e\u4fdd\u5e73\u53f0\u5728\u4e0a\u7ebf\u540e\u4f9d\u7136\u5b9e\u7528\u3002<\/ydd-lang>\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"ydd-standard-workspace\">\r\n            <div class=\"ydd-standard-workspace-heading\">\r\n                <span class=\"ydd-workspace-title\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Three standards that guide every project<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">3 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u8d2f\u7a7f\u6bcf\u4e2a\u9879\u76ee\u7684\u4e09\u9879\u6807\u51c6<\/ydd-lang>\r\n                <\/span>\r\n                <span class=\"ydd-workspace-instruction\" aria-hidden=\"true\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Select a standard<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u9009\u62e9\u4e00\u9879\u6807\u51c6\u67e5\u770b\u8be6\u60c5<\/ydd-lang>\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <!-- =====================================================\r\n                 STANDARD 01\r\n                 ===================================================== -->\r\n            <div class=\"ydd-standard-item\" data-standard-item=\"clarity\">\r\n                <button\r\n                    class=\"ydd-standard-trigger is-active\"\r\n                    type=\"button\"\r\n                    id=\"ydd-standard-trigger-clarity\"\r\n                    aria-expanded=\"true\"\r\n                    aria-controls=\"ydd-standard-panel-clarity\"\r\n                    data-standard-trigger=\"clarity\"\r\n                >\r\n                    <span class=\"ydd-standard-index\">01<\/span>\r\n                    <span class=\"ydd-standard-copy\">\r\n                        <span class=\"ydd-standard-name\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Plan clearly before building<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5148\u89c4\u5212\u6e05\u695a\uff0c\u518d\u5f00\u59cb\u6784\u5efa<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-standard-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">We define the goal, scope, required features, and approval stages before deeper development begins.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15 \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34 \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5728\u6df1\u5165\u5f00\u53d1\u524d\uff0c\u6211\u4eec\u5148\u660e\u786e\u76ee\u6807\u3001\u8303\u56f4\u3001\u5fc5\u8981\u529f\u80fd\u548c\u5ba1\u6279\u9636\u6bb5\u3002<\/ydd-lang>\r\n                        <\/span>\r\n                    <\/span>\r\n                    <span class=\"ydd-standard-arrow\" aria-hidden=\"true\"><\/span>\r\n                <\/button>\r\n\r\n                <div\r\n                    class=\"ydd-standard-panel\"\r\n                    id=\"ydd-standard-panel-clarity\"\r\n                    role=\"region\"\r\n                    aria-labelledby=\"ydd-standard-trigger-clarity\"\r\n                    data-standard-panel=\"clarity\"\r\n                >\r\n                    <div class=\"ydd-standard-panel-inner\">\r\n                        <div class=\"ydd-standard-context\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Before development<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5f00\u53d1\u4e4b\u524d<\/ydd-lang>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"ydd-standard-panel-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Plan clearly. Build efficiently.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u89c4\u5212\u6e05\u6670\uff0c\u6784\u5efa\u9ad8\u6548\u3002<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-standard-panel-description\">\r\n                            <ydd-lang data-ydd-lang=\"en\">We translate the business goal into a focused plan before deeper development begins. This prevents unnecessary features, avoidable rework, and unclear responsibilities from consuming time and budget.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e35\u0e01\u0e40\u0e25\u0e35\u0e48\u0e22\u0e07\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e40\u0e01\u0e34\u0e19\u0e04\u0e27\u0e23<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u5728\u6df1\u5165\u5f00\u53d1\u4e4b\u524d\uff0c\u6211\u4eec\u4f1a\u628a\u4e1a\u52a1\u76ee\u6807\u8f6c\u5316\u4e3a\u6e05\u6670\u3001\u805a\u7126\u7684\u8ba1\u5212\uff0c\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u529f\u80fd\u3001\u53ef\u907f\u514d\u7684\u8fd4\u5de5\u548c\u804c\u8d23\u4e0d\u6e05\u6d88\u8017\u65f6\u95f4\u4e0e\u9884\u7b97\u3002<\/ydd-lang>\r\n                        <\/p>\r\n\r\n                        <div class=\"ydd-standard-checklist\">\r\n                            <h4 class=\"ydd-standard-checklist-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">What we clarify<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u4f1a\u660e\u786e\u7684\u5185\u5bb9<\/ydd-lang>\r\n                            <\/h4>\r\n                            <ul class=\"ydd-standard-checklist-list\">\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">The measurable result the website or system must support.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u7f51\u7ad9\u6216\u7cfb\u7edf\u5fc5\u987b\u652f\u6301\u5b9e\u73b0\u7684\u53ef\u8861\u91cf\u7ed3\u679c\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">The essential features, integrations, and project boundaries.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u5fc5\u8981\u529f\u80fd\u3001\u7cfb\u7edf\u96c6\u6210\u4ee5\u53ca\u9879\u76ee\u8fb9\u754c\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">The responsibilities, approval stages, and way decisions will be made.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e43\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u5404\u65b9\u804c\u8d23\u3001\u5ba1\u6279\u9636\u6bb5\u4ee5\u53ca\u9879\u76ee\u51b3\u7b56\u65b9\u5f0f\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <div class=\"ydd-standard-benefit\">\r\n                            <span class=\"ydd-standard-benefit-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">What this means for you<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u8fd9\u5bf9\u60a8\u610f\u5473\u7740\u4ec0\u4e48<\/ydd-lang>\r\n                            <\/span>\r\n                            <p class=\"ydd-standard-benefit-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">You understand what is being built, why it belongs in the project, and what success should look like.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e38\u0e13\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e27\u0e48\u0e32\u0e2a\u0e34\u0e48\u0e07\u0e43\u0e14\u0e01\u0e33\u0e25\u0e31\u0e07\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e2b\u0e15\u0e38\u0e43\u0e14\u0e08\u0e36\u0e07\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e04\u0e27\u0e23\u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u60a8\u4f1a\u6e05\u695a\u4e86\u89e3\u6b63\u5728\u6784\u5efa\u4ec0\u4e48\u3001\u4e3a\u4ec0\u4e48\u9879\u76ee\u9700\u8981\u5b83\uff0c\u4ee5\u53ca\u6210\u529f\u5e94\u5f53\u5448\u73b0\u600e\u6837\u7684\u7ed3\u679c\u3002<\/ydd-lang>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- =====================================================\r\n                 STANDARD 02\r\n                 ===================================================== -->\r\n            <div class=\"ydd-standard-item\" data-standard-item=\"practical\">\r\n                <button\r\n                    class=\"ydd-standard-trigger\"\r\n                    type=\"button\"\r\n                    id=\"ydd-standard-trigger-practical\"\r\n                    aria-expanded=\"false\"\r\n                    aria-controls=\"ydd-standard-panel-practical\"\r\n                    data-standard-trigger=\"practical\"\r\n                >\r\n                    <span class=\"ydd-standard-index\">02<\/span>\r\n                    <span class=\"ydd-standard-copy\">\r\n                        <span class=\"ydd-standard-name\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Build only what helps<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u53ea\u6784\u5efa\u771f\u6b63\u6709\u5e2e\u52a9\u7684\u529f\u80fd<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-standard-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Every feature must save time, reduce friction, improve the experience, or support a clear business result.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e17\u0e38\u0e01\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32 \u0e25\u0e14\u0e2d\u0e38\u0e1b\u0e2a\u0e23\u0e23\u0e04 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u6bcf\u9879\u529f\u80fd\u90fd\u5fc5\u987b\u8282\u7701\u65f6\u95f4\u3001\u51cf\u5c11\u963b\u788d\u3001\u6539\u5584\u4f53\u9a8c\uff0c\u6216\u652f\u6301\u660e\u786e\u7684\u4e1a\u52a1\u6210\u679c\u3002<\/ydd-lang>\r\n                        <\/span>\r\n                    <\/span>\r\n                    <span class=\"ydd-standard-arrow\" aria-hidden=\"true\"><\/span>\r\n                <\/button>\r\n\r\n                <div\r\n                    class=\"ydd-standard-panel\"\r\n                    id=\"ydd-standard-panel-practical\"\r\n                    role=\"region\"\r\n                    aria-labelledby=\"ydd-standard-trigger-practical\"\r\n                    data-standard-panel=\"practical\"\r\n                    hidden\r\n                >\r\n                    <div class=\"ydd-standard-panel-inner\">\r\n                        <div class=\"ydd-standard-context\">\r\n                            <ydd-lang data-ydd-lang=\"en\">During design and development<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u8bbe\u8ba1\u4e0e\u5f00\u53d1\u671f\u95f4<\/ydd-lang>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"ydd-standard-panel-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">A feature that creates more work is not a solution.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e07\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21 \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u589e\u52a0\u5de5\u4f5c\u91cf\u7684\u529f\u80fd\uff0c\u4e0d\u662f\u771f\u6b63\u7684\u89e3\u51b3\u65b9\u6848\u3002<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-standard-panel-description\">\r\n                            <ydd-lang data-ydd-lang=\"en\">We evaluate every feature against the way your business actually operates. It should save time, remove friction, improve the customer experience, or create a clear operational or commercial advantage.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e38\u0e01\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e15\u0e32\u0e21\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e19\u0e31\u0e49\u0e19\u0e04\u0e27\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32 \u0e25\u0e14\u0e2d\u0e38\u0e1b\u0e2a\u0e23\u0e23\u0e04 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u4f1a\u6839\u636e\u4f01\u4e1a\u7684\u5b9e\u9645\u8fd0\u8425\u65b9\u5f0f\u8bc4\u4f30\u6bcf\u4e00\u9879\u529f\u80fd\u3002\u5b83\u5fc5\u987b\u80fd\u591f\u8282\u7701\u65f6\u95f4\u3001\u51cf\u5c11\u963b\u788d\u3001\u6539\u5584\u5ba2\u6237\u4f53\u9a8c\uff0c\u6216\u5e26\u6765\u660e\u786e\u7684\u8fd0\u8425\u6216\u5546\u4e1a\u4f18\u52bf\u3002<\/ydd-lang>\r\n                        <\/p>\r\n\r\n                        <div class=\"ydd-standard-checklist\">\r\n                            <h4 class=\"ydd-standard-checklist-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">Every feature must<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e17\u0e38\u0e01\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e15\u0e49\u0e2d\u0e07<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6bcf\u9879\u529f\u80fd\u90fd\u5fc5\u987b<\/ydd-lang>\r\n                            <\/h4>\r\n                            <ul class=\"ydd-standard-checklist-list\">\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">Reduce repetitive administration or unnecessary staff effort.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e25\u0e14\u0e07\u0e32\u0e19\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e17\u0e33\u0e0b\u0e49\u0e33\u0e2b\u0e23\u0e37\u0e2d\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e41\u0e23\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e21\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u51cf\u5c11\u91cd\u590d\u6027\u884c\u653f\u5de5\u4f5c\u6216\u4e0d\u5fc5\u8981\u7684\u5458\u5de5\u64cd\u4f5c\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">Make the customer journey easier and more dependable.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u8ba9\u5ba2\u6237\u65c5\u7a0b\u66f4\u7b80\u5355\u3001\u66f4\u53ef\u9760\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">Create a clear operational or commercial benefit.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u5e26\u6765\u660e\u786e\u7684\u8fd0\u8425\u6216\u5546\u4e1a\u4ef7\u503c\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <div class=\"ydd-standard-benefit\">\r\n                            <span class=\"ydd-standard-benefit-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">What this means for you<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u8fd9\u5bf9\u60a8\u610f\u5473\u7740\u4ec0\u4e48<\/ydd-lang>\r\n                            <\/span>\r\n                            <p class=\"ydd-standard-benefit-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">The finished system makes everyday work easier, faster, or more effective.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e19\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e02\u0e36\u0e49\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u6700\u7ec8\u7cfb\u7edf\u4f1a\u8ba9\u65e5\u5e38\u5de5\u4f5c\u66f4\u8f7b\u677e\u3001\u66f4\u5feb\u901f\uff0c\u6216\u66f4\u9ad8\u6548\u3002<\/ydd-lang>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- =====================================================\r\n                 STANDARD 03\r\n                 ===================================================== -->\r\n            <div class=\"ydd-standard-item\" data-standard-item=\"ownership\">\r\n                <button\r\n                    class=\"ydd-standard-trigger\"\r\n                    type=\"button\"\r\n                    id=\"ydd-standard-trigger-ownership\"\r\n                    aria-expanded=\"false\"\r\n                    aria-controls=\"ydd-standard-panel-ownership\"\r\n                    data-standard-trigger=\"ownership\"\r\n                >\r\n                    <span class=\"ydd-standard-index\">03<\/span>\r\n                    <span class=\"ydd-standard-copy\">\r\n                        <span class=\"ydd-standard-name\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Stay in control after launch<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e44\u0e14\u0e49\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u4e0a\u7ebf\u540e\u4ecd\u7531\u60a8\u638c\u63a7<\/ydd-lang>\r\n                        <\/span>\r\n                        <span class=\"ydd-standard-summary\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Your platform remains manageable, understandable, and ready to grow as your business changes.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e22\u0e31\u0e07\u0e04\u0e07\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u968f\u7740\u4e1a\u52a1\u53d8\u5316\uff0c\u60a8\u7684\u5e73\u53f0\u4f9d\u7136\u6613\u4e8e\u7ba1\u7406\u3001\u6e05\u6670\u6613\u61c2\uff0c\u5e76\u80fd\u6301\u7eed\u6269\u5c55\u3002<\/ydd-lang>\r\n                        <\/span>\r\n                    <\/span>\r\n                    <span class=\"ydd-standard-arrow\" aria-hidden=\"true\"><\/span>\r\n                <\/button>\r\n\r\n                <div\r\n                    class=\"ydd-standard-panel\"\r\n                    id=\"ydd-standard-panel-ownership\"\r\n                    role=\"region\"\r\n                    aria-labelledby=\"ydd-standard-trigger-ownership\"\r\n                    data-standard-panel=\"ownership\"\r\n                    hidden\r\n                >\r\n                    <div class=\"ydd-standard-panel-inner\">\r\n                        <div class=\"ydd-standard-context\">\r\n                            <ydd-lang data-ydd-lang=\"en\">At launch and beyond<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u4e0a\u7ebf\u53ca\u672a\u6765<\/ydd-lang>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"ydd-standard-panel-title\">\r\n                            <ydd-lang data-ydd-lang=\"en\">Your platform should remain yours to manage and grow.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e04\u0e27\u0e23\u0e22\u0e31\u0e07\u0e04\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u5e73\u53f0\u5e94\u59cb\u7ec8\u7531\u60a8\u7ba1\u7406\uff0c\u5e76\u80fd\u6301\u7eed\u6210\u957f\u3002<\/ydd-lang>\r\n                        <\/h3>\r\n\r\n                        <p class=\"ydd-standard-panel-description\">\r\n                            <ydd-lang data-ydd-lang=\"en\">We build with future management and expansion in mind. Routine content remains editable, important functionality stays organized, and the path for future improvements is clear.<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e42\u0e14\u0e22\u0e04\u0e33\u0e19\u0e36\u0e07\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e22\u0e31\u0e07\u0e04\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02\u0e44\u0e14\u0e49 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e16\u0e39\u0e01\u0e08\u0e31\u0e14\u0e44\u0e27\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e48\u0e2d\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang>\r\n                            <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u5728\u6784\u5efa\u65f6\u5145\u5206\u8003\u8651\u672a\u6765\u7684\u7ba1\u7406\u4e0e\u6269\u5c55\u3002\u65e5\u5e38\u5185\u5bb9\u4fdd\u6301\u53ef\u7f16\u8f91\uff0c\u91cd\u8981\u529f\u80fd\u7ec4\u7ec7\u6e05\u6670\uff0c\u672a\u6765\u6539\u8fdb\u548c\u6269\u5c55\u7684\u8def\u5f84\u4e5f\u4e00\u76ee\u4e86\u7136\u3002<\/ydd-lang>\r\n                        <\/p>\r\n\r\n                        <div class=\"ydd-standard-checklist\">\r\n                            <h4 class=\"ydd-standard-checklist-title\">\r\n                                <ydd-lang data-ydd-lang=\"en\">What remains clear<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e04\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u4e0a\u7ebf\u540e\u4f9d\u7136\u6e05\u695a\u7684\u4e8b\u9879<\/ydd-lang>\r\n                            <\/h4>\r\n                            <ul class=\"ydd-standard-checklist-list\">\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">What your team can update and manage independently.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e17\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u56e2\u961f\u53ef\u4ee5\u81ea\u884c\u66f4\u65b0\u548c\u7ba1\u7406\u54ea\u4e9b\u5185\u5bb9\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">Which responsibilities and support continue after launch.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e14\u0e17\u0e35\u0e48\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e15\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u4e0a\u7ebf\u540e\u54ea\u4e9b\u804c\u8d23\u548c\u652f\u6301\u670d\u52a1\u4f1a\u7ee7\u7eed\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                                <li class=\"ydd-standard-checklist-item\">\r\n                                    <span class=\"ydd-standard-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5L9.2 16.5L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n                                    <span>\r\n                                        <ydd-lang data-ydd-lang=\"en\">How the platform can expand as your needs change.<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"th\">\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e22\u0e32\u0e22\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07<\/ydd-lang>\r\n                                        <ydd-lang data-ydd-lang=\"zh\">\u5f53\u9700\u6c42\u53d8\u5316\u65f6\uff0c\u5e73\u53f0\u53ef\u4ee5\u5982\u4f55\u7ee7\u7eed\u6269\u5c55\u3002<\/ydd-lang>\r\n                                    <\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <div class=\"ydd-standard-benefit\">\r\n                            <span class=\"ydd-standard-benefit-label\">\r\n                                <ydd-lang data-ydd-lang=\"en\">What this means for you<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u8fd9\u5bf9\u60a8\u610f\u5473\u7740\u4ec0\u4e48<\/ydd-lang>\r\n                            <\/span>\r\n                            <p class=\"ydd-standard-benefit-copy\">\r\n                                <ydd-lang data-ydd-lang=\"en\">You retain control of a dependable digital system\u2014not a fragile one-time presentation.<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e38\u0e13\u0e22\u0e31\u0e07\u0e04\u0e07\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49 \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e07\u0e32\u0e19\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e1a\u0e1a\u0e43\u0e0a\u0e49\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e23\u0e32\u0e30\u0e1a\u0e32\u0e07<\/ydd-lang>\r\n                                <ydd-lang data-ydd-lang=\"zh\">\u60a8\u5c06\u7ee7\u7eed\u638c\u63a7\u4e00\u4e2a\u53ef\u9760\u7684\u6570\u5b57\u7cfb\u7edf\uff0c\u800c\u4e0d\u662f\u8106\u5f31\u7684\u4e00\u6b21\u6027\u5c55\u793a\u3002<\/ydd-lang>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll(\".ydd-standard-section\").forEach(function (section) {\r\n        var triggers = Array.from(section.querySelectorAll(\"[data-standard-trigger]\"));\r\n        var panels = Array.from(section.querySelectorAll(\"[data-standard-panel]\"));\r\n        var mobileQuery = window.matchMedia(\"(max-width: 900px)\");\r\n        var reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n\r\n        if (!triggers.length || !panels.length) return;\r\n\r\n        function activate(key, userInitiated) {\r\n            var selectedTrigger = triggers.find(function (trigger) {\r\n                return trigger.getAttribute(\"data-standard-trigger\") === key;\r\n            });\r\n\r\n            var selectedPanel = panels.find(function (panel) {\r\n                return panel.getAttribute(\"data-standard-panel\") === key;\r\n            });\r\n\r\n            if (!selectedTrigger || !selectedPanel) return;\r\n\r\n            triggers.forEach(function (trigger) {\r\n                var active = trigger === selectedTrigger;\r\n                trigger.classList.toggle(\"is-active\", active);\r\n                trigger.setAttribute(\"aria-expanded\", active ? \"true\" : \"false\");\r\n            });\r\n\r\n            panels.forEach(function (panel) {\r\n                panel.hidden = panel !== selectedPanel;\r\n            });\r\n\r\n            \/* On touch-sized layouts, keep the selected control and its\r\n               newly opened content together without forcing desktop movement. *\/\r\n            if (userInitiated && mobileQuery.matches) {\r\n                window.requestAnimationFrame(function () {\r\n                    selectedTrigger.scrollIntoView({\r\n                        behavior: reducedMotion.matches ? \"auto\" : \"smooth\",\r\n                        block: \"start\"\r\n                    });\r\n                });\r\n            }\r\n        }\r\n\r\n        triggers.forEach(function (trigger) {\r\n            trigger.addEventListener(\"click\", function () {\r\n                activate(trigger.getAttribute(\"data-standard-trigger\"), true);\r\n            });\r\n        });\r\n\r\n        \/* Normalize the initial state in case a page builder modifies attributes. *\/\r\n        var initialTrigger = triggers.find(function (trigger) {\r\n            return trigger.classList.contains(\"is-active\");\r\n        }) || triggers[0];\r\n\r\n        activate(initialTrigger.getAttribute(\"data-standard-trigger\"), false);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bbb9570 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bbb9570\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-457f88a\" data-id=\"457f88a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8be2151 elementor-widget elementor-widget-html\" data-id=\"8be2151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     YOUR DIGITAL DESIGNS \u2014 CONFIDENTIALITY STANDARD\r\n     Final homepage section. Replace the existing final CTA.\r\n     Fully scoped, multilingual, mobile-first, no dependencies.\r\n========================================================== -->\r\n<style>\r\n.ydd-confidentiality,\r\n.ydd-confidentiality * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ydd-confidentiality {\r\n    --ydd-cyan: #00e5ff;\r\n    --ydd-violet: #a96cff;\r\n    --ydd-ink: #17121f;\r\n    --ydd-ink-soft: #443d4e;\r\n    --ydd-muted: #6e6878;\r\n    --ydd-line: rgba(23, 18, 31, 0.13);\r\n    --ydd-line-strong: rgba(23, 18, 31, 0.21);\r\n    --ydd-paper: #ffffff;\r\n    --ydd-canvas: #f7f6fb;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    padding: 8.7rem 2rem 8rem;\r\n    color: var(--ydd-ink);\r\n    background:\r\n        radial-gradient(circle at 10% 13%, rgba(169, 108, 255, 0.12), transparent 29rem),\r\n        radial-gradient(circle at 91% 76%, rgba(0, 229, 255, 0.11), transparent 31rem),\r\n        linear-gradient(180deg, #f5f3fa 0%, #ffffff 48%, #f7fbfc 100%);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n}\r\n\r\n.ydd-confidentiality::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    pointer-events: none;\r\n    opacity: 0.42;\r\n    background-image:\r\n        linear-gradient(rgba(23, 18, 31, 0.035) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(23, 18, 31, 0.035) 1px, transparent 1px);\r\n    background-size: 84px 84px;\r\n    -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.45) 62%, transparent 100%);\r\n    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.45) 62%, transparent 100%);\r\n}\r\n\r\n.ydd-confidentiality::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    pointer-events: none;\r\n    background: linear-gradient(90deg, transparent 4%, var(--ydd-violet) 32%, var(--ydd-cyan) 68%, transparent 96%);\r\n    opacity: 0.82;\r\n}\r\n\r\n.ydd-confidentiality__shell {\r\n    width: min(100%, 1380px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Opening statement ---------- *\/\r\n.ydd-confidentiality__header {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\r\n    gap: clamp(3rem, 7vw, 7.5rem);\r\n    align-items: end;\r\n    margin-bottom: 5rem;\r\n}\r\n\r\n.ydd-confidentiality__kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    margin-bottom: 1.5rem;\r\n    color: #625b6d;\r\n    font-size: 0.74rem;\r\n    font-weight: 760;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-confidentiality__kicker::before {\r\n    content: \"\";\r\n    width: 46px;\r\n    height: 1px;\r\n    flex: 0 0 46px;\r\n    background: linear-gradient(90deg, var(--ydd-violet), var(--ydd-cyan));\r\n}\r\n\r\n.ydd-confidentiality__title {\r\n    max-width: 980px;\r\n    margin: 0;\r\n    color: var(--ydd-ink);\r\n    font-size: clamp(3.15rem, 6.1vw, 6.3rem);\r\n    font-weight: 840;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.064em;\r\n}\r\n\r\n.ydd-confidentiality__title span {\r\n    display: block;\r\n    margin-top: 0.07em;\r\n    background: linear-gradient(92deg, #773cdd 0%, #3d67d8 47%, #008ea2 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.ydd-confidentiality__intro {\r\n    margin: 0;\r\n    padding-left: 2rem;\r\n    border-left: 1px solid var(--ydd-line-strong);\r\n    color: var(--ydd-muted);\r\n    font-size: clamp(1.02rem, 1.35vw, 1.17rem);\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* ---------- Privacy boundary ---------- *\/\r\n.ydd-confidentiality__boundary {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr);\r\n    border-top: 1px solid var(--ydd-line-strong);\r\n    border-bottom: 1px solid var(--ydd-line-strong);\r\n    background: rgba(255,255,255,0.5);\r\n    box-shadow: 0 26px 70px rgba(32, 22, 47, 0.06);\r\n}\r\n\r\n.ydd-confidentiality__side {\r\n    min-width: 0;\r\n    padding: clamp(2.4rem, 4vw, 4.25rem);\r\n}\r\n\r\n.ydd-confidentiality__side--protected {\r\n    background:\r\n        radial-gradient(circle at 88% 16%, rgba(0,229,255,0.085), transparent 18rem),\r\n        linear-gradient(145deg, rgba(169,108,255,0.055), rgba(255,255,255,0.65) 48%, rgba(0,229,255,0.035));\r\n}\r\n\r\n.ydd-confidentiality__side-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    margin-bottom: 2rem;\r\n    color: #6d6577;\r\n    font-size: 0.72rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-confidentiality__side-label::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    flex: 0 0 8px;\r\n    border-radius: 50%;\r\n    background: var(--ydd-violet);\r\n    box-shadow: 0 0 0 5px rgba(169,108,255,0.10);\r\n}\r\n\r\n.ydd-confidentiality__side--protected .ydd-confidentiality__side-label::before {\r\n    background: #00a8bc;\r\n    box-shadow: 0 0 0 5px rgba(0,168,188,0.10);\r\n}\r\n\r\n.ydd-confidentiality__side h3 {\r\n    max-width: 580px;\r\n    min-height: 3.06em; \/* Keeps both three-point lists level on desktop *\/\r\n    margin: 0;\r\n    color: var(--ydd-ink);\r\n    font-size: clamp(2rem, 3.25vw, 3.55rem);\r\n    font-weight: 820;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.047em;\r\n}\r\n\r\n.ydd-confidentiality__side-copy {\r\n    max-width: 610px;\r\n    margin: 1.25rem 0 0;\r\n    color: var(--ydd-muted);\r\n    font-size: clamp(0.98rem, 1.18vw, 1.09rem);\r\n    line-height: 1.75;\r\n}\r\n\r\n.ydd-confidentiality__list {\r\n    display: grid;\r\n    margin: 2.45rem 0 0;\r\n    padding: 0;\r\n    border-top: 1px solid var(--ydd-line);\r\n    list-style: none;\r\n}\r\n\r\n.ydd-confidentiality__list li {\r\n    display: grid;\r\n    grid-template-columns: 32px minmax(0, 1fr);\r\n    gap: 0.85rem;\r\n    align-items: center;\r\n    min-height: 64px;\r\n    padding: 0.85rem 0;\r\n    border-bottom: 1px solid var(--ydd-line);\r\n    color: var(--ydd-ink-soft);\r\n    font-size: 0.94rem;\r\n    font-weight: 690;\r\n    line-height: 1.45;\r\n}\r\n\r\n.ydd-confidentiality__list-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(119,60,221,0.18);\r\n    color: #6d37cc;\r\n    background: rgba(169,108,255,0.06);\r\n}\r\n\r\n.ydd-confidentiality__side--protected .ydd-confidentiality__list-icon {\r\n    border-color: rgba(0,142,162,0.2);\r\n    color: #007f91;\r\n    background: rgba(0,229,255,0.07);\r\n}\r\n\r\n.ydd-confidentiality__list-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.ydd-confidentiality__note {\r\n    display: flex;\r\n    gap: 0.75rem;\r\n    align-items: flex-start;\r\n    margin: 1.5rem 0 0;\r\n    color: #817a89;\r\n    font-size: 0.78rem;\r\n    line-height: 1.6;\r\n}\r\n\r\n.ydd-confidentiality__note-mark {\r\n    color: #6d37cc;\r\n    font-weight: 900;\r\n}\r\n\r\n.ydd-confidentiality__side--protected .ydd-confidentiality__note-mark {\r\n    color: #007f91;\r\n}\r\n\r\n.ydd-confidentiality__axis {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-left: 1px solid var(--ydd-line-strong);\r\n    border-right: 1px solid var(--ydd-line-strong);\r\n    background: rgba(255,255,255,0.72);\r\n}\r\n\r\n.ydd-confidentiality__axis::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 2.2rem;\r\n    bottom: 2.2rem;\r\n    left: 50%;\r\n    width: 1px;\r\n    transform: translateX(-50%);\r\n    background: linear-gradient(180deg, transparent, var(--ydd-violet) 23%, var(--ydd-cyan) 77%, transparent);\r\n    opacity: 0.8;\r\n}\r\n\r\n.ydd-confidentiality__axis-label {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 1rem 0.55rem;\r\n    color: #443b50;\r\n    background: rgba(255,255,255,0.96);\r\n    font-size: 0.68rem;\r\n    font-weight: 830;\r\n    letter-spacing: 0.15em;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    writing-mode: vertical-rl;\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\/* ---------- Three commitments ---------- *\/\r\n.ydd-confidentiality__standards {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    margin-top: 4.5rem;\r\n    border-top: 1px solid var(--ydd-line-strong);\r\n    border-bottom: 1px solid var(--ydd-line-strong);\r\n}\r\n\r\n.ydd-confidentiality__standard {\r\n    min-width: 0;\r\n    padding: 2.2rem 2.25rem 2.35rem;\r\n    border-right: 1px solid var(--ydd-line);\r\n}\r\n\r\n.ydd-confidentiality__standard:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.ydd-confidentiality__standard-number {\r\n    display: block;\r\n    margin-bottom: 2.1rem;\r\n    color: #756d7e;\r\n    font-size: 0.72rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.15em;\r\n}\r\n\r\n.ydd-confidentiality__standard h3 {\r\n    margin: 0;\r\n    color: var(--ydd-ink);\r\n    font-size: clamp(1.35rem, 2.1vw, 2rem);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.035em;\r\n}\r\n\r\n.ydd-confidentiality__standard p {\r\n    margin: 0.9rem 0 0;\r\n    color: var(--ydd-muted);\r\n    font-size: 0.93rem;\r\n    line-height: 1.68;\r\n}\r\n\r\n\/* ---------- Final call to action ---------- *\/\r\n.ydd-confidentiality__cta {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: clamp(2.5rem, 6vw, 6rem);\r\n    align-items: end;\r\n    margin-top: 5rem;\r\n    padding: clamp(2.7rem, 5vw, 4.8rem);\r\n    border: 1px solid var(--ydd-line-strong);\r\n    background: rgba(255,255,255,0.82);\r\n    box-shadow: 0 28px 80px rgba(32, 22, 47, 0.07);\r\n}\r\n\r\n.ydd-confidentiality__cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--ydd-violet) 0%, #4a8dff 55%, var(--ydd-cyan) 100%);\r\n}\r\n\r\n.ydd-confidentiality__cta-kicker {\r\n    margin-bottom: 1.1rem;\r\n    color: #6c6476;\r\n    font-size: 0.73rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ydd-confidentiality__cta h3 {\r\n    max-width: 880px;\r\n    margin: 0;\r\n    color: var(--ydd-ink);\r\n    font-size: clamp(2.25rem, 4.25vw, 4.75rem);\r\n    font-weight: 835;\r\n    line-height: 0.99;\r\n    letter-spacing: -0.055em;\r\n}\r\n\r\n.ydd-confidentiality__cta-copy {\r\n    max-width: 770px;\r\n    margin: 1.35rem 0 0;\r\n    color: var(--ydd-muted);\r\n    font-size: clamp(0.98rem, 1.25vw, 1.1rem);\r\n    line-height: 1.75;\r\n}\r\n\r\n.ydd-confidentiality__actions {\r\n    display: grid;\r\n    gap: 0.8rem;\r\n    width: min(100%, 292px);\r\n}\r\n\r\n.ydd-confidentiality__button {\r\n    min-height: 58px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 1rem;\r\n    padding: 1rem 1.25rem;\r\n    border: 1px solid transparent;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 0.92rem;\r\n    font-weight: 770;\r\n    line-height: 1.25;\r\n    transition: transform 260ms ease, border-color 260ms ease, background-color 260ms ease, box-shadow 260ms ease;\r\n}\r\n\r\n.ydd-confidentiality__button svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex: 0 0 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 260ms ease;\r\n}\r\n\r\n.ydd-confidentiality__button:hover,\r\n.ydd-confidentiality__button:focus-visible {\r\n    transform: translateY(-3px);\r\n    outline: none;\r\n}\r\n\r\n.ydd-confidentiality__button:hover svg,\r\n.ydd-confidentiality__button:focus-visible svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.ydd-confidentiality__button--primary {\r\n    background: linear-gradient(92deg, #7c43e8, #4a8dff 55%, #00cce5);\r\n    box-shadow: 0 18px 44px rgba(60,112,255,0.18);\r\n}\r\n\r\n.ydd-confidentiality__button--primary:hover,\r\n.ydd-confidentiality__button--primary:focus-visible {\r\n    box-shadow: 0 24px 58px rgba(60,112,255,0.28);\r\n}\r\n\r\n.ydd-confidentiality__button--secondary {\r\n    border-color: rgba(23,18,31,0.22);\r\n    color: var(--ydd-ink);\r\n    background: rgba(255,255,255,0.74);\r\n}\r\n\r\n.ydd-confidentiality__button--secondary:hover,\r\n.ydd-confidentiality__button--secondary:focus-visible {\r\n    border-color: rgba(0,142,162,0.55);\r\n    background: rgba(0,229,255,0.055);\r\n}\r\n\r\n.ydd-confidentiality__assurance {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.7rem;\r\n    max-width: 770px;\r\n    margin-top: 1.35rem;\r\n    color: #817a89;\r\n    font-size: 0.78rem;\r\n    line-height: 1.55;\r\n}\r\n\r\n.ydd-confidentiality__assurance span {\r\n    color: #008ea2;\r\n    font-weight: 900;\r\n}\r\n\r\n.ydd-confidentiality__assurance p {\r\n    margin: 0;\r\n}\r\n\r\n\/* ---------- Existing YDD multilingual pattern ---------- *\/\r\nydd-lang {\r\n    display: none;\r\n}\r\n\r\nhtml[data-ydd-language=\"en\"] .ydd-confidentiality ydd-lang[data-ydd-lang=\"en\"],\r\nhtml[data-ydd-language=\"th\"] .ydd-confidentiality ydd-lang[data-ydd-lang=\"th\"],\r\nhtml[data-ydd-language=\"zh\"] .ydd-confidentiality ydd-lang[data-ydd-lang=\"zh\"] {\r\n    display: contents;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1080px) {\r\n    .ydd-confidentiality {\r\n        padding: 6.5rem 1.5rem 6.2rem;\r\n    }\r\n\r\n    .ydd-confidentiality__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.1rem;\r\n        margin-bottom: 3.8rem;\r\n    }\r\n\r\n    .ydd-confidentiality__intro {\r\n        max-width: 780px;\r\n    }\r\n\r\n    .ydd-confidentiality__boundary {\r\n        grid-template-columns: minmax(0, 1fr) 84px minmax(0, 1fr);\r\n    }\r\n\r\n    .ydd-confidentiality__side {\r\n        padding: 2.5rem 2rem 2.7rem;\r\n    }\r\n\r\n    .ydd-confidentiality__standard {\r\n        padding: 2rem 1.5rem 2.2rem;\r\n    }\r\n\r\n    .ydd-confidentiality__cta {\r\n        grid-template-columns: 1fr;\r\n        align-items: start;\r\n    }\r\n\r\n    .ydd-confidentiality__actions {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        width: 100%;\r\n        max-width: 650px;\r\n    }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n    .ydd-confidentiality {\r\n        padding: 5.2rem 1rem 5rem;\r\n    }\r\n\r\n    .ydd-confidentiality__header {\r\n        gap: 1.7rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .ydd-confidentiality__kicker {\r\n        gap: 0.7rem;\r\n        margin-bottom: 1.15rem;\r\n        font-size: 0.66rem;\r\n        letter-spacing: 0.13em;\r\n    }\r\n\r\n    .ydd-confidentiality__kicker::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .ydd-confidentiality__title {\r\n        font-size: clamp(2.7rem, 13vw, 4.1rem);\r\n        line-height: 0.98;\r\n        letter-spacing: -0.055em;\r\n    }\r\n\r\n    .ydd-confidentiality__intro {\r\n        padding-left: 1.2rem;\r\n        font-size: 0.98rem;\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .ydd-confidentiality__boundary {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ydd-confidentiality__side {\r\n        padding: 2.2rem 1.35rem 2.4rem;\r\n    }\r\n\r\n    .ydd-confidentiality__side h3 {\r\n        min-height: 0;\r\n        font-size: clamp(2rem, 9.7vw, 2.85rem);\r\n    }\r\n\r\n    .ydd-confidentiality__axis {\r\n        min-height: 72px;\r\n        border: 0;\r\n        border-top: 1px solid var(--ydd-line-strong);\r\n        border-bottom: 1px solid var(--ydd-line-strong);\r\n    }\r\n\r\n    .ydd-confidentiality__axis::before {\r\n        top: 50%;\r\n        bottom: auto;\r\n        left: 1.4rem;\r\n        right: 1.4rem;\r\n        width: auto;\r\n        height: 1px;\r\n        transform: translateY(-50%);\r\n        background: linear-gradient(90deg, transparent, var(--ydd-violet) 24%, var(--ydd-cyan) 76%, transparent);\r\n    }\r\n\r\n    .ydd-confidentiality__axis-label {\r\n        padding: 0.55rem 0.95rem;\r\n        font-size: 0.62rem;\r\n        line-height: 1.4;\r\n        writing-mode: horizontal-tb;\r\n        transform: none;\r\n    }\r\n\r\n    .ydd-confidentiality__standards {\r\n        grid-template-columns: 1fr;\r\n        margin-top: 3rem;\r\n    }\r\n\r\n    .ydd-confidentiality__standard {\r\n        padding: 1.8rem 1.35rem 1.9rem;\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--ydd-line);\r\n    }\r\n\r\n    .ydd-confidentiality__standard:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .ydd-confidentiality__standard-number {\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .ydd-confidentiality__cta {\r\n        margin-top: 3rem;\r\n        padding: 2.25rem 1.35rem 1.35rem;\r\n    }\r\n\r\n    .ydd-confidentiality__cta h3 {\r\n        font-size: clamp(2.15rem, 10.8vw, 3.25rem);\r\n        line-height: 1;\r\n    }\r\n\r\n    .ydd-confidentiality__actions {\r\n        grid-template-columns: 1fr;\r\n        max-width: none;\r\n    }\r\n\r\n    .ydd-confidentiality__button {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .ydd-confidentiality {\r\n        padding-left: 0.8rem;\r\n        padding-right: 0.8rem;\r\n    }\r\n\r\n    .ydd-confidentiality__title {\r\n        font-size: clamp(2.45rem, 12.8vw, 3.25rem);\r\n    }\r\n\r\n    .ydd-confidentiality__side,\r\n    .ydd-confidentiality__standard,\r\n    .ydd-confidentiality__cta {\r\n        padding-left: 1.1rem;\r\n        padding-right: 1.1rem;\r\n    }\r\n\r\n    .ydd-confidentiality__list li {\r\n        grid-template-columns: 29px minmax(0, 1fr);\r\n        gap: 0.7rem;\r\n    }\r\n\r\n    .ydd-confidentiality__list-icon {\r\n        width: 29px;\r\n        height: 29px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .ydd-confidentiality *,\r\n    .ydd-confidentiality *::before,\r\n    .ydd-confidentiality *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n        scroll-behavior: auto !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ydd-confidentiality\" id=\"ydd-confidentiality-standard\" aria-labelledby=\"ydd-confidentiality-title\">\r\n    <div class=\"ydd-confidentiality__shell\">\r\n        <header class=\"ydd-confidentiality__header\">\r\n            <div>\r\n                <div class=\"ydd-confidentiality__kicker\">\r\n                    <ydd-lang data-ydd-lang=\"en\">The YDD confidentiality standard<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\u0e02\u0e2d\u0e07 YDD<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">YDD \u4fdd\u5bc6\u6807\u51c6<\/ydd-lang>\r\n                <\/div>\r\n\r\n                <h2 class=\"ydd-confidentiality__title\" id=\"ydd-confidentiality-title\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Your competitive advantage <span>should remain yours.<\/span><\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e02\u0e49\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e38\u0e13 <span>\u0e04\u0e27\u0e23\u0e22\u0e31\u0e07\u0e04\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/span><\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u7ade\u4e89\u4f18\u52bf\uff0c<span>\u5e94\u5f53\u59cb\u7ec8\u5c5e\u4e8e\u60a8\u3002<\/span><\/ydd-lang>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"ydd-confidentiality__intro\">\r\n                <ydd-lang data-ydd-lang=\"en\">The systems behind a business can reveal how customers are guided, how staff work, and where automation creates an advantage. We demonstrate what we can build without treating another company\u2019s private operations as public marketing.<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e32\u0e08\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e16\u0e39\u0e01\u0e19\u0e33\u0e17\u0e32\u0e07 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e21 \u0e41\u0e25\u0e30\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a \u0e40\u0e23\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e30\u0e44\u0e23\u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e02\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2d\u0e37\u0e48\u0e19\u0e43\u0e2b\u0e49\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30<\/ydd-lang>\r\n                <ydd-lang data-ydd-lang=\"zh\">\u4f01\u4e1a\u80cc\u540e\u7684\u7cfb\u7edf\u53ef\u80fd\u63ed\u793a\u5ba2\u6237\u5982\u4f55\u88ab\u5f15\u5bfc\u3001\u56e2\u961f\u5982\u4f55\u5de5\u4f5c\uff0c\u4ee5\u53ca\u81ea\u52a8\u5316\u5982\u4f55\u5f62\u6210\u4f18\u52bf\u3002\u6211\u4eec\u4f1a\u8bc1\u660e\u81ea\u5df1\u80fd\u591f\u6784\u5efa\u4ec0\u4e48\uff0c\u4f46\u4e0d\u4f1a\u628a\u5176\u4ed6\u516c\u53f8\u7684\u5185\u90e8\u8fd0\u8425\u5f53\u4f5c\u516c\u5f00\u8425\u9500\u7d20\u6750\u3002<\/ydd-lang>\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"ydd-confidentiality__boundary\">\r\n            <article class=\"ydd-confidentiality__side\">\r\n                <div class=\"ydd-confidentiality__side-label\">\r\n                    <ydd-lang data-ydd-lang=\"en\">What we demonstrate<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u516c\u5f00\u5c55\u793a\u7684\u5185\u5bb9<\/ydd-lang>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    <ydd-lang data-ydd-lang=\"en\">Capability, shown responsibly.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e1e\u0e34\u0e2a\u0e39\u0e08\u0e19\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u8d1f\u8d23\u4efb\u5730\u8bc1\u660e\u80fd\u529b\u3002<\/ydd-lang>\r\n                <\/h3>\r\n\r\n                <p class=\"ydd-confidentiality__side-copy\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Privacy-safe demonstrations can make our thinking and technical depth visible without exposing a client\u2019s business.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e42\u0e14\u0e22\u0e04\u0e33\u0e19\u0e36\u0e07\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u901a\u8fc7\u6ce8\u91cd\u9690\u79c1\u7684\u6f14\u793a\uff0c\u6e05\u695a\u5448\u73b0\u6211\u4eec\u7684\u601d\u8def\u4e0e\u6280\u672f\u6df1\u5ea6\uff0c\u540c\u65f6\u4e0d\u66b4\u9732\u5ba2\u6237\u7684\u4e1a\u52a1\u3002<\/ydd-lang>\r\n                <\/p>\r\n\r\n                <ul class=\"ydd-confidentiality__list\">\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 7h5v5H5z\"><\/path><path d=\"M14 12h5v5h-5z\"><\/path><path d=\"M10 9.5h4M12 9.5V14\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Connected customer journeys<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u76f8\u4e92\u8fde\u63a5\u7684\u5ba2\u6237\u65c5\u7a0b<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 6h16v12H4z\"><\/path><path d=\"M8 10h3M8 14h8\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Websites, portals, payments, and automation<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25 \u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u7f51\u7ad9\u3001\u95e8\u6237\u3001\u4ed8\u6b3e\u4e0e\u81ea\u52a8\u5316<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 18 18 5\"><\/path><path d=\"M9 5h9v9\"><\/path><path d=\"M5 10v8h8\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Our approach to planning and implementation<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e19\u0e33\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u7684\u89c4\u5212\u4e0e\u5b9e\u65bd\u65b9\u5f0f<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <p class=\"ydd-confidentiality__note\"><span class=\"ydd-confidentiality__note-mark\" aria-hidden=\"true\"><\/span><span><ydd-lang data-ydd-lang=\"en\">Built with fictional, sanitized, or independently created information.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e21\u0e21\u0e15\u0e34 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e25\u0e1a\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e42\u0e14\u0e22\u0e2d\u0e34\u0e2a\u0e23\u0e30<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u4f7f\u7528\u865a\u6784\u3001\u8131\u654f\u6216\u72ec\u7acb\u521b\u5efa\u7684\u4fe1\u606f\u3002<\/ydd-lang><\/span><\/p>\r\n            <\/article>\r\n\r\n            <div class=\"ydd-confidentiality__axis\" aria-hidden=\"true\">\r\n                <div class=\"ydd-confidentiality__axis-label\">\r\n                    <ydd-lang data-ydd-lang=\"en\">You set the boundary<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u516c\u5f00\u8fb9\u754c\u7531\u60a8\u51b3\u5b9a<\/ydd-lang>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <article class=\"ydd-confidentiality__side ydd-confidentiality__side--protected\">\r\n                <div class=\"ydd-confidentiality__side-label\">\r\n                    <ydd-lang data-ydd-lang=\"en\">What remains yours<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e04\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u59cb\u7ec8\u5c5e\u4e8e\u60a8\u7684\u5185\u5bb9<\/ydd-lang>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    <ydd-lang data-ydd-lang=\"en\">Your private operating advantage.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e02\u0e49\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u79c1\u6709\u8fd0\u8425\u4f18\u52bf\u3002<\/ydd-lang>\r\n                <\/h3>\r\n\r\n                <p class=\"ydd-confidentiality__side-copy\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Project details stay private unless you expressly approve their publication.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e27\u0e49\u0e19\u0e41\u0e15\u0e48\u0e04\u0e38\u0e13\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u9664\u975e\u60a8\u660e\u786e\u6279\u51c6\uff0c\u5426\u5219\u9879\u76ee\u7ec6\u8282\u59cb\u7ec8\u4fdd\u6301\u79c1\u5bc6\u3002<\/ydd-lang>\r\n                <\/p>\r\n\r\n                <ul class=\"ydd-confidentiality__list\">\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 11V8a5 5 0 0 1 10 0v3\"><\/path><path d=\"M5 11h14v9H5z\"><\/path><path d=\"M12 15v2\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Internal workflows and business logic<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e41\u0e25\u0e30\u0e15\u0e23\u0e23\u0e01\u0e30\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u5185\u90e8\u5de5\u4f5c\u6d41\u7a0b\u4e0e\u4e1a\u52a1\u903b\u8f91<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 5 6v5c0 4.6 2.8 8 7 10 4.2-2 7-5.4 7-10V6z\"><\/path><path d=\"m9.5 12 1.7 1.7 3.6-3.7\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Customer, staff, and operational data<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u5ba2\u6237\u3001\u5458\u5de5\u4e0e\u8fd0\u8425\u6570\u636e<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"ydd-confidentiality__list-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 19h16\"><\/path><path d=\"M6 16V9M12 16V5M18 16v-4\"><\/path><\/svg><\/span>\r\n                        <span><ydd-lang data-ydd-lang=\"en\">Unreleased features, strategies, and systems<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c \u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u5c1a\u672a\u516c\u5f00\u7684\u529f\u80fd\u3001\u7b56\u7565\u4e0e\u7cfb\u7edf<\/ydd-lang><\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <p class=\"ydd-confidentiality__note\"><span class=\"ydd-confidentiality__note-mark\" aria-hidden=\"true\"><\/span><span><ydd-lang data-ydd-lang=\"en\">No logo, screenshot, testimonial, or project detail is assumed to be public.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e16\u0e37\u0e2d\u0e27\u0e48\u0e32\u0e42\u0e25\u0e42\u0e01\u0e49 \u0e20\u0e32\u0e1e\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d \u0e04\u0e33\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e43\u0e14 \u0e46 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u4e0d\u4f1a\u9ed8\u8ba4\u53ef\u4ee5\u516c\u5f00\u4efb\u4f55\u6807\u5fd7\u3001\u622a\u56fe\u3001\u8bc4\u4ef7\u6216\u9879\u76ee\u7ec6\u8282\u3002<\/ydd-lang><\/span><\/p>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"ydd-confidentiality__standards\" aria-label=\"YDD confidentiality commitments\">\r\n            <article class=\"ydd-confidentiality__standard\">\r\n                <span class=\"ydd-confidentiality__standard-number\">01<\/span>\r\n                <h3><ydd-lang data-ydd-lang=\"en\">Private by default<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u9ed8\u8ba4\u4fdd\u5bc6<\/ydd-lang><\/h3>\r\n                <p><ydd-lang data-ydd-lang=\"en\">We begin with confidentiality, not publicity.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u5408\u4f5c\u4ece\u4fdd\u5bc6\u5f00\u59cb\uff0c\u800c\u4e0d\u662f\u4ece\u516c\u5f00\u5c55\u793a\u5f00\u59cb\u3002<\/ydd-lang><\/p>\r\n            <\/article>\r\n\r\n            <article class=\"ydd-confidentiality__standard\">\r\n                <span class=\"ydd-confidentiality__standard-number\">02<\/span>\r\n                <h3><ydd-lang data-ydd-lang=\"en\">Permission stays with you<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e22\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u51b3\u5b9a\u6743\u59cb\u7ec8\u5c5e\u4e8e\u60a8<\/ydd-lang><\/h3>\r\n                <p><ydd-lang data-ydd-lang=\"en\">Public use requires clear, separate approval.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e01\u0e32\u0e23\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u4efb\u4f55\u516c\u5f00\u4f7f\u7528\u90fd\u9700\u8981\u5355\u72ec\u4e14\u660e\u786e\u7684\u6388\u6743\u3002<\/ydd-lang><\/p>\r\n            <\/article>\r\n\r\n            <article class=\"ydd-confidentiality__standard\">\r\n                <span class=\"ydd-confidentiality__standard-number\">03<\/span>\r\n                <h3><ydd-lang data-ydd-lang=\"en\">Proof without exposure<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e1e\u0e34\u0e2a\u0e39\u0e08\u0e19\u0e4c\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u8bc1\u660e\u80fd\u529b\uff0c\u4e0d\u66b4\u9732\u5ba2\u6237<\/ydd-lang><\/h3>\r\n                <p><ydd-lang data-ydd-lang=\"en\">We demonstrate capability without revealing another business\u2019s private system.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e37\u0e48\u0e19<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u6211\u4eec\u5728\u4e0d\u516c\u5f00\u5176\u4ed6\u4f01\u4e1a\u79c1\u6709\u7cfb\u7edf\u7684\u524d\u63d0\u4e0b\u5c55\u793a\u80fd\u529b\u3002<\/ydd-lang><\/p>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <section class=\"ydd-confidentiality__cta\" aria-labelledby=\"ydd-confidentiality-cta-title\">\r\n            <div>\r\n                <div class=\"ydd-confidentiality__cta-kicker\">\r\n                    <ydd-lang data-ydd-lang=\"en\">A private first step<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u4ece\u4e00\u6b21\u79c1\u5bc6\u6c9f\u901a\u5f00\u59cb<\/ydd-lang>\r\n                <\/div>\r\n\r\n                <h3 id=\"ydd-confidentiality-cta-title\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Tell us the challenge. We\u2019ll help shape the solution.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e1a\u0e2d\u0e01\u0e40\u0e23\u0e32\u0e16\u0e36\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32 \u0e41\u0e25\u0e49\u0e27\u0e40\u0e23\u0e32\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e01<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u544a\u8bc9\u6211\u4eec\u60a8\u7684\u96be\u9898\uff0c\u6211\u4eec\u6765\u5e2e\u52a9\u8bbe\u8ba1\u89e3\u51b3\u65b9\u6848\u3002<\/ydd-lang>\r\n                <\/h3>\r\n\r\n                <p class=\"ydd-confidentiality__cta-copy\">\r\n                    <ydd-lang data-ydd-lang=\"en\">Share the challenge, workflow, or idea you want to improve. We will use the information to understand your project and recommend a practical next step.<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"th\">\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e1b\u0e31\u0e0d\u0e2b\u0e32 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e41\u0e19\u0e30\u0e19\u0e33\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/ydd-lang>\r\n                    <ydd-lang data-ydd-lang=\"zh\">\u5206\u4eab\u60a8\u5e0c\u671b\u6539\u5584\u7684\u95ee\u9898\u3001\u6d41\u7a0b\u6216\u60f3\u6cd5\u3002\u6211\u4eec\u4f1a\u7528\u8fd9\u4e9b\u4fe1\u606f\u7406\u89e3\u9879\u76ee\uff0c\u5e76\u5efa\u8bae\u5207\u5b9e\u53ef\u884c\u7684\u4e0b\u4e00\u6b65\u3002<\/ydd-lang>\r\n                <\/p>\r\n\r\n                <div class=\"ydd-confidentiality__assurance\">\r\n                    <span aria-hidden=\"true\">\u2713<\/span>\r\n                    <p><ydd-lang data-ydd-lang=\"en\">Your inquiry is used to review and respond to your project. It is not treated as public portfolio material.<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e08\u0e30\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e42\u0e1f\u0e25\u0e34\u0e42\u0e2d\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u60a8\u7684\u8be2\u95ee\u4fe1\u606f\u4ec5\u7528\u4e8e\u8bc4\u4f30\u5e76\u56de\u590d\u9879\u76ee\uff0c\u4e0d\u4f1a\u88ab\u89c6\u4e3a\u516c\u5f00\u4f5c\u54c1\u96c6\u7d20\u6750\u3002<\/ydd-lang><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ydd-confidentiality__actions\">\r\n                <a class=\"ydd-confidentiality__button ydd-confidentiality__button--primary\" data-ydd-destination=\"start\" href=\"\/en\/start-a-project\/\">\r\n                    <span><ydd-lang data-ydd-lang=\"en\">Start a private project<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u5f00\u59cb\u79c1\u5bc6\u9879\u76ee\u6c9f\u901a<\/ydd-lang><\/span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\r\n                <\/a>\r\n\r\n                <a class=\"ydd-confidentiality__button ydd-confidentiality__button--secondary\" data-ydd-destination=\"studio\" href=\"\/en\/experience-studio\/\">\r\n                    <span><ydd-lang data-ydd-lang=\"en\">Explore privacy-safe demos<\/ydd-lang><ydd-lang data-ydd-lang=\"th\">\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e01\u0e1b\u0e49\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/ydd-lang><ydd-lang data-ydd-lang=\"zh\">\u67e5\u770b\u9690\u79c1\u5b89\u5168\u6f14\u793a<\/ydd-lang><\/span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    function initializeYddConfidentiality() {\r\n        var section = document.getElementById('ydd-confidentiality-standard');\r\n        if (!section || section.getAttribute('data-ydd-ready') === 'true') return;\r\n        section.setAttribute('data-ydd-ready', 'true');\r\n\r\n        var path = window.location.pathname.toLowerCase();\r\n        var pathMatch = path.match(\/^\\\/(en|th|zh)(?:\\\/|$)\/);\r\n        var htmlLanguage = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n        var activeLanguage = 'en';\r\n\r\n        if (pathMatch) {\r\n            activeLanguage = pathMatch[1];\r\n        } else if (htmlLanguage.indexOf('th') === 0) {\r\n            activeLanguage = 'th';\r\n        } else if (htmlLanguage.indexOf('zh') === 0) {\r\n            activeLanguage = 'zh';\r\n        }\r\n\r\n        document.documentElement.setAttribute('data-ydd-language', activeLanguage);\r\n\r\n        var destinations = {\r\n            en: {\r\n                start: '\/en\/start-a-project\/',\r\n                studio: '\/en\/experience-studio\/'\r\n            },\r\n            th: {\r\n                start: '\/th\/start-a-project\/',\r\n                studio: '\/th\/experience-studio\/'\r\n            },\r\n            zh: {\r\n                start: '\/zh\/start-a-project\/',\r\n                studio: '\/zh\/experience-studio\/'\r\n            }\r\n        };\r\n\r\n        section.querySelectorAll('[data-ydd-destination]').forEach(function (link) {\r\n            var destination = link.getAttribute('data-ydd-destination');\r\n            if (destinations[activeLanguage] && destinations[activeLanguage][destination]) {\r\n                link.setAttribute('href', destinations[activeLanguage][destination]);\r\n            }\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initializeYddConfidentiality, { once: true });\r\n    } else {\r\n        initializeYddConfidentiality();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We build the digital systems behind growing businesses. Founded in the United States and now expanding across Thailand, we create multilingual websites, customer portals, booking and payment experiences, and automated workflows that help businesses win customers and operate with less friction. 01 Founded in United States 02 Now expanding across Thailand Explore our solutions Start &#8230; <a title=\"Homepage\" class=\"read-more\" href=\"https:\/\/yourdigitaldesigns.com\/en\/\" aria-label=\"Read more about Homepage\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom Websites &amp; Business Automation<\/title>\n<meta name=\"description\" content=\"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Websites &amp; Business Automation\" \/>\n<meta property=\"og:description\" content=\"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yourdigitaldesigns.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Your Digital Designs\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-19T11:32:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"88 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/\",\"url\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/\",\"name\":\"Custom Websites & Business Automation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/#website\"},\"datePublished\":\"2026-06-29T19:14:45+00:00\",\"dateModified\":\"2026-07-19T11:32:22+00:00\",\"description\":\"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/\"]]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/\",\"name\":\"Your Digital Designs\",\"description\":\"[:en]Custom Websites, Business Portals &amp; Automation in Thailand[:th]\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e44\u0e17\u0e22[:zh]\u6cf0\u56fd\u5b9a\u5236\u7f51\u7ad9\u3001\u4f01\u4e1a\u95e8\u6237\u4e0e\u4e1a\u52a1\u81ea\u52a8\u5316[:]\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yourdigitaldesigns.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom Websites & Business Automation","description":"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Custom Websites & Business Automation","og_description":"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.","og_url":"https:\/\/yourdigitaldesigns.com\/en\/","og_site_name":"Your Digital Designs","article_modified_time":"2026-07-19T11:32:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"88 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yourdigitaldesigns.com\/en\/","url":"https:\/\/yourdigitaldesigns.com\/en\/","name":"Custom Websites & Business Automation","isPartOf":{"@id":"https:\/\/yourdigitaldesigns.com\/en\/#website"},"datePublished":"2026-06-29T19:14:45+00:00","dateModified":"2026-07-19T11:32:22+00:00","description":"Custom websites, customer portals, booking and payment systems, and business automation for companies\u2014built around how your business operates.","breadcrumb":{"@id":"https:\/\/yourdigitaldesigns.com\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/yourdigitaldesigns.com\/en\/"]]}]},{"@type":"BreadcrumbList","@id":"https:\/\/yourdigitaldesigns.com\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yourdigitaldesigns.com\/en\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/yourdigitaldesigns.com\/en\/#website","url":"https:\/\/yourdigitaldesigns.com\/en\/","name":"Your Digital Designs","description":"[:en]Custom Websites, Business Portals &amp; Automation in Thailand[:th]\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e44\u0e17\u0e22[:zh]\u6cf0\u56fd\u5b9a\u5236\u7f51\u7ad9\u3001\u4f01\u4e1a\u95e8\u6237\u4e0e\u4e1a\u52a1\u81ea\u52a8\u5316[:]","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yourdigitaldesigns.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":6,"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/yourdigitaldesigns.com\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}