{"id":90,"date":"2023-03-16T11:14:15","date_gmt":"2023-03-16T10:14:15","guid":{"rendered":"https:\/\/wordpress.vecurosoft.com\/wellnez\/?page_id=90"},"modified":"2026-08-09T11:13:06","modified_gmt":"2026-08-09T11:13:06","slug":"home","status":"publish","type":"page","link":"https:\/\/purepetalplantation.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90\" class=\"elementor elementor-90\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddeacef e-con-full elementor-hero1 e-flex e-con e-parent\" data-id=\"ddeacef\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3e39b64 e-con-full e-flex e-con e-child\" data-id=\"3e39b64\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9c88339 e-con-full e-flex e-con e-child\" data-id=\"9c88339\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-706b48b e-con-full e-flex e-con e-child\" data-id=\"706b48b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cd0294 elementor-widget elementor-widget-image\" data-id=\"4cd0294\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/elementor\/thumbs\/6a1ce974-6878-4265-8a60-67bb43b8e2cf-r8g11mp7xyv6y2gnvnybqq99fsziwg1vdshmf8fzwo.png\" title=\"6a1ce974-6878-4265-8a60-67bb43b8e2cf\" alt=\"6a1ce974-6878-4265-8a60-67bb43b8e2cf\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ba07fd e-flex e-con-boxed e-con e-parent\" data-id=\"1ba07fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-26b2769 e-con-full e-flex e-con e-child\" data-id=\"26b2769\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3e5f9 elementor-widget elementor-widget-image\" data-id=\"4a3e5f9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"504\" height=\"697\" src=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/01.jpg\" class=\"attachment-large size-large wp-image-5842\" alt=\"\" srcset=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/01.jpg 504w, https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/01-217x300.jpg 217w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-105ada5 e-flex e-con-boxed e-con e-child\" data-id=\"105ada5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-710141d elementor-widget elementor-widget-text-editor\" data-id=\"710141d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><span style=\"color: #ffffff;\">Current Problem or Opportunity<\/span><\/h2><ul><li>Most consumers buy skin care products at brick-and-mortar drugstores and end up purchasing products that are unsuitable for their complexion<\/li><li>Purchasing and returning ineffective skin care products can be highly time consuming, costly, inconvenient and frustrating to the consumer<\/li><li>AI Skin Analysis technology offers a fully integrated skin diagnostic experience that aims to gain a better understanding of each user\u2019s skin so that the consumer can purchase skin care products that meet their specific needs<\/li><li>Many consumers are turning to e-commerce stores that offer unique virtual skin analysis tools and personalized skin care products as part of a convenient and remote experience<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59e7667 e-flex e-con-boxed e-con e-parent\" data-id=\"59e7667\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f2dbc23 e-con-full e-flex e-con e-child\" data-id=\"f2dbc23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a63956 elementor-widget elementor-widget-image\" data-id=\"1a63956\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"310\" height=\"446\" src=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/02.jpg\" class=\"attachment-large size-large wp-image-5844\" alt=\"\" srcset=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/02.jpg 310w, https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/02-209x300.jpg 209w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9982a6 e-flex e-con-boxed e-con e-child\" data-id=\"d9982a6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5c04b elementor-widget elementor-widget-text-editor\" data-id=\"9d5c04b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><span style=\"color: #ffffff;\">Describe why you can do it. What is your magic?<\/span><\/h2><ul><li>\u00a0This start-up provides a disruptivesolution for skin diagnostics as their\u00a0platform utilizes proprietary AIalgorithm(s) that other companies\u00a0does not offer<\/li><li>The novel algorithm(s) analyze a\u00a0person\u2019s face to detect problems with\u00a0acene, wrinkles, dark circles, redness\u00a0and more<\/li><li>This ultra precise method works with\u00a0incredible speed and accuracy<\/li><li>\u00a0With the help of AI face analyzer,\u00a0customers will know exactly what they\u00a0need to buy to improve their skin\u00a0health<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d636f2 e-flex e-con-boxed e-con e-parent\" data-id=\"7d636f2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e61eb5 e-con-full e-flex e-con e-child\" data-id=\"5e61eb5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c3ef6 elementor-widget elementor-widget-image\" data-id=\"92c3ef6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"518\" height=\"697\" src=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/03.jpg\" class=\"attachment-large size-large wp-image-5848\" alt=\"\" srcset=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/03.jpg 518w, https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/03-223x300.jpg 223w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7faca96 e-flex e-con-boxed e-con e-child\" data-id=\"7faca96\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4463bf5 elementor-widget elementor-widget-text-editor\" data-id=\"4463bf5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><span style=\"color: #ffffff;\">Solution<\/span><\/h2><ul><li>Artificial Intelligence Facial Treatment Services is offering an AI-enabled digital skin diagnosis tool that uses selfies to assess a user\u2019s skin to make skin care product recommendations tailored precisely to the individual\u00a0<br \/>The products may be purchased online and delivered to customer\u2019s doorstep<\/li><li>All skin care products are supplied through strategic partnerships with elite beauty suppliers across Canada Ensures the products contain high quality ingredients and deliver rapid, targeted results<\/li><li>The company\u2019s specialized skin care advisors are available to their customers 24\/7 to assist them on their skin care journey Virtual or in-person visits may be booked online<\/li><li>The start-up\u2019s AI Skin Analysis tool is accessible via a website or mobile application<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0375655 e-con-full e-flex e-con e-parent\" data-id=\"0375655\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c5242 elementor-widget elementor-widget-html\" data-id=\"27c5242\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   SKIN ANALYSIS TOOL\r\n   ========================================= *\/\r\n\r\n.skin-ai-wrapper {\r\n    width: 100%;\r\n    min-height: 500px;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #222222;\r\n}\r\n\r\n.skin-ai-wrapper *,\r\n.skin-ai-wrapper *::before,\r\n.skin-ai-wrapper *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   COMMON\r\n   ========================================= *\/\r\n\r\n.skin-screen {\r\n    width: 100%;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    padding: 55px 25px;\r\n    text-align: center;\r\n    background: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   UPLOAD SCREEN\r\n   ========================================= *\/\r\n\r\n.skin-upload-screen {\r\n    display: block;\r\n}\r\n\r\n.skin-ai-title {\r\n    margin: 0 0 12px;\r\n    font-size: 34px;\r\n    font-weight: 500;\r\n    line-height: 1.3;\r\n    color: #222222;\r\n}\r\n\r\n.skin-ai-subtitle {\r\n    max-width: 600px;\r\n    margin: 0 auto 35px;\r\n    color: #777777;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   UPLOAD BOX\r\n   ========================================= *\/\r\n\r\n.skin-upload-box {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    min-height: 230px;\r\n    margin: 0 auto;\r\n    border: 1px dashed #cfcfcf;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    background: #ffffff;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.skin-upload-box:hover {\r\n    border-color: #888888;\r\n    background: #fafafa;\r\n}\r\n\r\n.skin-upload-box input {\r\n    display: none;\r\n}\r\n\r\n.skin-upload-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.skin-upload-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 1px solid #dddddd;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    color: #444444;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.skin-upload-main {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n}\r\n\r\n.skin-upload-format {\r\n    font-size: 13px;\r\n    color: #999999;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE PREVIEW\r\n   ========================================= *\/\r\n\r\n.skin-image-preview {\r\n    display: none;\r\n    width: 100%;\r\n    max-width: 350px;\r\n    margin: 25px auto 0;\r\n    text-align: center;\r\n}\r\n\r\n.skin-image-preview img {\r\n    display: block;\r\n    width: 100%;\r\n    max-height: 380px;\r\n    object-fit: cover;\r\n    border-radius: 14px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GUIDELINES\r\n   ========================================= *\/\r\n\r\n.selfie-guidelines {\r\n    display: none;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 28px auto 0;\r\n    padding: 22px 25px;\r\n    background: #fafafa;\r\n    border-radius: 14px;\r\n    text-align: left;\r\n}\r\n\r\n.selfie-guidelines h3 {\r\n    margin: 0 0 15px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n    color: #222222;\r\n}\r\n\r\n.selfie-guidelines ul {\r\n    margin: 0;\r\n    padding-left: 20px;\r\n}\r\n\r\n.selfie-guidelines li {\r\n    margin: 0 0 8px;\r\n    color: #666666;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.selfie-guidelines li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n   ========================================= *\/\r\n\r\n.skin-ai-button {\r\n    display: none;\r\n    margin: 28px auto 0;\r\n    padding: 14px 30px;\r\n    border: none;\r\n    border-radius: 30px;\r\n    background: #222222;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.skin-ai-button:hover {\r\n    background: #444444;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.skin-ai-button:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROCESSING SCREEN\r\n   ========================================= *\/\r\n\r\n.skin-processing-screen {\r\n    display: none;\r\n}\r\n\r\n.processing-title {\r\n    margin: 0 0 12px;\r\n    font-size: 30px;\r\n    font-weight: 500;\r\n}\r\n\r\n.processing-subtitle {\r\n    margin: 0 auto 35px;\r\n    color: #777777;\r\n    font-size: 15px;\r\n}\r\n\r\n\/* =========================================\r\n   AI SCANNING ANIMATION\r\n   ========================================= *\/\r\n\r\n.skin-ai-scanner {\r\n    position: relative;\r\n    width: 110px;\r\n    height: 110px;\r\n    margin: 0 auto 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* Outer rotating circle *\/\r\n\r\n.skin-ai-scanner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 92px;\r\n    height: 92px;\r\n    border-radius: 50%;\r\n    border: 2px solid #eeeeee;\r\n    border-top-color: #222222;\r\n    border-right-color: #777777;\r\n    animation: skinScannerRotate 1.4s linear infinite;\r\n}\r\n\r\n\r\n\/* Second rotating circle *\/\r\n\r\n.skin-ai-scanner::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    border: 1px dashed #cfcfcf;\r\n    animation: skinScannerReverse 2.2s linear infinite;\r\n}\r\n\r\n\r\n\/* Center *\/\r\n\r\n.skin-scanner-center {\r\n    position: relative;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: #222222;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    animation: skinScannerPulse 1.4s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* Center dot *\/\r\n\r\n.skin-scanner-center::after {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n}\r\n\r\n\r\n\/* Rotating animations *\/\r\n\r\n@keyframes skinScannerRotate {\r\n\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes skinScannerReverse {\r\n\r\n    0% {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes skinScannerPulse {\r\n\r\n    0%,\r\n    100% {\r\n        transform: scale(0.85);\r\n        opacity: 0.75;\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n\r\n}\r\n\r\n@keyframes skinSpin {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.processing-status {\r\n    min-height: 25px;\r\n    color: #555555;\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RESULT SCREEN\r\n   ========================================= *\/\r\n\r\n.skin-result-screen {\r\n    display: none;\r\n}\r\n\r\n.result-small-title {\r\n    margin-bottom: 12px;\r\n    color: #999999;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n#skin-type {\r\n    margin: 0;\r\n    font-size: 34px;\r\n    font-weight: 500;\r\n    line-height: 1.3;\r\n    color: #222222;\r\n}\r\n\r\n.skin-result-content {\r\n    width: 100%;\r\n    max-width: 650px;\r\n    margin: 38px auto 0;\r\n    text-align: left;\r\n}\r\n\r\n.result-section {\r\n    padding: 24px 0;\r\n    border-bottom: 1px solid #eeeeee;\r\n}\r\n\r\n.result-section:first-child {\r\n    padding-top: 0;\r\n}\r\n\r\n.result-section h3 {\r\n    margin: 0 0 10px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #222222;\r\n}\r\n\r\n.result-section p {\r\n    margin: 0;\r\n    color: #666666;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.restart-button {\r\n    display: inline-block;\r\n    margin-top: 32px;\r\n    padding: 13px 27px;\r\n    border: 1px solid #222222;\r\n    border-radius: 30px;\r\n    background: #ffffff;\r\n    color: #222222;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.restart-button:hover {\r\n    background: #222222;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .skin-screen {\r\n        padding: 40px 18px;\r\n    }\r\n\r\n    .skin-ai-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .skin-ai-subtitle {\r\n        font-size: 14px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .skin-upload-box {\r\n        min-height: 200px;\r\n    }\r\n\r\n    .selfie-guidelines {\r\n        padding: 20px;\r\n    }\r\n\r\n    .selfie-guidelines h3 {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .selfie-guidelines li {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .processing-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    #skin-type {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .skin-result-content {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .result-section {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .result-section p {\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n    \r\n    \/* =========================================\r\n   AI ANALYSIS PROGRESS\r\n   ========================================= *\/\r\n\r\n.analysis-percentage {\r\n    margin-top: 20px;\r\n    font-size: 26px;\r\n    font-weight: 500;\r\n    color: #222222;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* Progress container *\/\r\n\r\n.analysis-progress {\r\n    width: 100%;\r\n    max-width: 360px;\r\n    height: 4px;\r\n    margin: 15px auto 18px;\r\n    background: #eeeeee;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Progress *\/\r\n\r\n.analysis-progress-bar {\r\n    width: 0%;\r\n    height: 100%;\r\n    background: #222222;\r\n    border-radius: 10px;\r\n    transition: width 0.15s linear;\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .analysis-progress {\r\n        max-width: 300px;\r\n    }\r\n\r\n    .analysis-percentage {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n\/* =========================================\r\n   CONTACT INFORMATION\r\n   ========================================= *\/\r\n\r\n.skin-contact-info {\r\n    margin-top: 28px;\r\n    padding-top: 22px;\r\n    border-top: 1px solid #e8e8e8;\r\n    text-align: center;\r\n}\r\n\r\n.skin-contact-info p {\r\n    margin: 0 0 8px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #777;\r\n}\r\n\r\n.skin-contact-info a {\r\n    font-size: 14px;\r\n    color: #222;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n}\r\n\r\n.skin-contact-info a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"skin-ai-wrapper\">\r\n\r\n    <!-- =========================================\r\n         UPLOAD SCREEN\r\n         ========================================= -->\r\n\r\n    <div\r\n        id=\"skinUploadScreen\"\r\n        class=\"skin-screen skin-upload-screen\"\r\n    >\r\n\r\n        <h1 class=\"skin-ai-title\">\r\n            Skin Analysis\r\n        <\/h1>\r\n\r\n        <p class=\"skin-ai-subtitle\">\r\n            Upload a clear photo of your face to receive\r\n            your personalized skin profile.\r\n        <\/p>\r\n\r\n\r\n        <!-- Upload -->\r\n\r\n        <label\r\n            for=\"skinImageInput\"\r\n            class=\"skin-upload-box\"\r\n            id=\"skinUploadBox\"\r\n        >\r\n\r\n            <input\r\n                type=\"file\"\r\n                id=\"skinImageInput\"\r\n                accept=\"image\/jpeg,image\/png,image\/webp\"\r\n            >\r\n\r\n            <div class=\"skin-upload-content\">\r\n\r\n                <div class=\"skin-upload-icon\">\r\n                    \u2191\r\n                <\/div>\r\n\r\n                <div class=\"skin-upload-main\">\r\n                    Upload your photo\r\n                <\/div>\r\n\r\n                <div class=\"skin-upload-format\">\r\n                    JPG, PNG or WEBP\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- Preview -->\r\n\r\n        <div\r\n            id=\"skinImagePreview\"\r\n            class=\"skin-image-preview\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                id=\"previewImage\"\r\n                src=\"\"\r\n                alt=\"Uploaded skin photo\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Guidelines -->\r\n\r\n        <div\r\n            id=\"selfieGuidelines\"\r\n            class=\"selfie-guidelines\"\r\n        >\r\n\r\n            <h3>\r\n                Before taking a selfie, please follow these conditions:\r\n            <\/h3>\r\n\r\n            <ul>\r\n\r\n                <li>\r\n                    Ensure your skin is clean\r\n                <\/li>\r\n\r\n                <li>\r\n                    Use natural lighting\r\n                <\/li>\r\n\r\n                <li>\r\n                    Make sure the camera lens is clean\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Start Button -->\r\n\r\n        <button\r\n            id=\"startAnalysisButton\"\r\n            class=\"skin-ai-button\"\r\n            type=\"button\"\r\n        >\r\n            Analyze My Skin\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================================\r\n         PROCESSING SCREEN\r\n         ========================================= -->\r\n\r\n    <div\r\n    id=\"skinProcessingScreen\"\r\n    class=\"skin-screen skin-processing-screen\"\r\n>\r\n\r\n    <!-- AI Scanner -->\r\n\r\n    <div class=\"skin-ai-scanner\">\r\n        <div class=\"skin-scanner-center\"><\/div>\r\n    <\/div>\r\n\r\n\r\n    <h2 class=\"processing-title\">\r\n        Analyzing Your Skin\r\n    <\/h2>\r\n\r\n\r\n    <p class=\"processing-subtitle\">\r\n        Please wait while our AI analyzes your skin profile.\r\n    <\/p>\r\n\r\n\r\n    <!-- Percentage -->\r\n\r\n    <div\r\n        id=\"analysisPercentage\"\r\n        class=\"analysis-percentage\"\r\n    >\r\n        0%\r\n    <\/div>\r\n\r\n\r\n    <!-- Progress Bar -->\r\n\r\n    <div class=\"analysis-progress\">\r\n        <div\r\n            id=\"analysisProgressBar\"\r\n            class=\"analysis-progress-bar\"\r\n        ><\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- Processing Status -->\r\n\r\n    <div\r\n        id=\"processingStatus\"\r\n        class=\"processing-status\"\r\n    >\r\n        Preparing analysis...\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n    <!-- =========================================\r\n         RESULT SCREEN\r\n         ========================================= -->\r\n\r\n    <div\r\n        id=\"skinResultScreen\"\r\n        class=\"skin-screen skin-result-screen\"\r\n    >\r\n\r\n        <div class=\"result-small-title\">\r\n            YOUR SKIN PROFILE\r\n        <\/div>\r\n\r\n\r\n        <h2 id=\"skinType\">\r\n            Combination Skin\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"skin-result-content\">\r\n\r\n    <!-- Overall Analysis -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Overall Analysis\r\n        <\/h3>\r\n\r\n        <p id=\"skinFeatures\">\r\n            Your skin profile shows characteristics\r\n            commonly associated with your skin type.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Under Eyes -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Under Eyes\r\n        <\/h3>\r\n\r\n        <p id=\"skinUnderEyes\">\r\n            The under-eye area should be treated gently\r\n            with appropriate hydration.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Forehead -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Forehead\r\n        <\/h3>\r\n\r\n        <p id=\"skinForehead\">\r\n            The forehead may show characteristics\r\n            associated with the identified skin profile.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Cheeks -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Cheeks\r\n        <\/h3>\r\n\r\n        <p id=\"skinCheeks\">\r\n            The cheek area should be maintained with\r\n            appropriate hydration and gentle care.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Nose \/ T-Zone -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Nose & T-Zone\r\n        <\/h3>\r\n\r\n        <p id=\"skinNose\">\r\n            The nose and T-zone may require targeted\r\n            attention depending on the skin profile.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Upper Lip -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Upper Lip\r\n        <\/h3>\r\n\r\n        <p id=\"skinUpperLip\">\r\n            Keep the upper-lip area comfortable and\r\n            avoid unnecessary irritation.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Daily Care -->\r\n\r\n    <div class=\"result-section\">\r\n\r\n        <h3>\r\n            Daily Care Recommendations\r\n        <\/h3>\r\n\r\n        <p id=\"skinTreatment\">\r\n            Maintain a consistent skincare routine\r\n            appropriate for your skin profile.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"skin-contact-info\">\r\n\r\n    <p>\r\n        For more information, please contact us.\r\n    <\/p>\r\n\r\n    <a href=\"mailto:purepetalplantation@gmail.com\">\r\n        purepetalplantation@gmail.com\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n        <button\r\n            id=\"restartAnalysisButton\"\r\n            class=\"restart-button\"\r\n            type=\"button\"\r\n        >\r\n            Analyze Another Photo\r\n        <\/button>\r\n\r\n    <\/div>\r\n    \r\n    \r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n\r\n    \/* =========================================\r\n       ELEMENTS\r\n       ========================================= *\/\r\n\r\n    const imageInput =\r\n        document.getElementById(\"skinImageInput\");\r\n\r\n    const uploadBox =\r\n        document.getElementById(\"skinUploadBox\");\r\n\r\n    const imagePreview =\r\n        document.getElementById(\"skinImagePreview\");\r\n\r\n    const previewImage =\r\n        document.getElementById(\"previewImage\");\r\n\r\n    const guidelines =\r\n        document.getElementById(\"selfieGuidelines\");\r\n\r\n    const startButton =\r\n        document.getElementById(\"startAnalysisButton\");\r\n\r\n    const uploadScreen =\r\n        document.getElementById(\"skinUploadScreen\");\r\n\r\n    const processingScreen =\r\n        document.getElementById(\"skinProcessingScreen\");\r\n\r\n    const resultScreen =\r\n        document.getElementById(\"skinResultScreen\");\r\n\r\n    const processingStatus =\r\n        document.getElementById(\"processingStatus\");\r\n\r\n    const skinType =\r\n        document.getElementById(\"skinType\");\r\n\r\n    const skinFeatures =\r\n        document.getElementById(\"skinFeatures\");\r\n\r\n    const skinTreatment =\r\n        document.getElementById(\"skinTreatment\");\r\n\r\n    const restartButton =\r\n        document.getElementById(\"restartAnalysisButton\");\r\n\r\n\r\n    \/* =========================================\r\n       100 RANDOM RESULTS\r\n       ========================================= *\/\r\n\r\n    const skinResults = [\r\n\r\n        \/* =========================\r\n           OILY SKIN \u2014 20\r\n           ========================= *\/\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Excess shine, visible pores, and a tendency toward increased oil production.\",\r\n            treatment: \"Use gentle cleansing and lightweight, oil-free hydration. Ingredients such as salicylic acid may be useful for managing excess oil.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Noticeable shine, particularly around the forehead, nose, and chin, with pores that may appear more visible.\",\r\n            treatment: \"Use a gentle cleanser and non-comedogenic, lightweight moisturizers. Avoid overly harsh cleansing that can leave skin feeling stripped.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A naturally shiny appearance with a tendency for oil to become more noticeable throughout the day.\",\r\n            treatment: \"Choose lightweight skincare and gentle cleansing. Salicylic acid can be considered as part of an appropriate routine.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Increased surface oil and a tendency toward clogged-looking pores in some facial areas.\",\r\n            treatment: \"Use gentle cleansing, lightweight hydration, and non-comedogenic products. Avoid aggressive scrubbing.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Visible facial shine and a tendency for the T-zone to become oily relatively quickly.\",\r\n            treatment: \"Focus on gentle cleansing and lightweight hydration while avoiding excessively rich products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Higher visible oil levels with pores that may appear more prominent around the central face.\",\r\n            treatment: \"Consider a gentle cleanser and lightweight moisturizer. Products containing salicylic acid may help support pore care.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Persistent shine with an appearance suggesting higher sebum activity across several facial areas.\",\r\n            treatment: \"Maintain a simple routine with gentle cleansing, lightweight hydration, and daily broad-spectrum sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A glossy appearance with oil concentrated mainly around the T-zone.\",\r\n            treatment: \"Use a gentle cleanser and lightweight, non-comedogenic moisturizer. Avoid repeatedly washing the skin throughout the day.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Visible oiliness combined with pores that may become more noticeable during the day.\",\r\n            treatment: \"Choose lightweight products and consider ingredients designed for oil and pore management, such as salicylic acid.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A tendency toward excess shine and an oily appearance across the forehead and nose.\",\r\n            treatment: \"Use gentle cleansing and lightweight hydration while keeping the overall routine simple and consistent.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Increased shine and visible pores with a tendency for oil to build up during the day.\",\r\n            treatment: \"Use a mild cleanser, lightweight moisturizer, and non-comedogenic skincare. Avoid harsh physical exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Noticeable surface oil and a smooth but shiny appearance in several facial areas.\",\r\n            treatment: \"Prioritize gentle cleansing and lightweight hydration. Salicylic acid may be considered for targeted pore care.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A higher-oil appearance with visible shine around the central facial area.\",\r\n            treatment: \"Use lightweight, non-comedogenic products and avoid heavy occlusive layers if they feel uncomfortable.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Oil becomes visibly noticeable throughout the day, especially around the T-zone.\",\r\n            treatment: \"Maintain gentle cleansing and use a lightweight moisturizer. Daily sunscreen remains important.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A shiny complexion with pores that may appear enlarged in oilier areas.\",\r\n            treatment: \"Consider gentle cleansing and products formulated for oily skin. Avoid stripping the skin with overly strong cleansers.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Visible sebum and shine with a tendency for congestion around the nose and forehead.\",\r\n            treatment: \"Use gentle cleansing and non-comedogenic hydration. Salicylic acid can be considered if appropriate for your routine.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"An oily appearance across multiple areas with noticeable surface shine.\",\r\n            treatment: \"Keep the routine lightweight and consistent with gentle cleansing, hydration, and daily sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Higher visible oil levels and a tendency for the complexion to become shiny relatively quickly.\",\r\n            treatment: \"Use lightweight moisturizers and gentle cleansers. Avoid excessive washing or aggressive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"Visible shine and pores that may be more noticeable around the T-zone.\",\r\n            treatment: \"Choose non-comedogenic skincare and gentle cleansing. Targeted salicylic acid products may support pore management.\"\r\n        },\r\n\r\n        {\r\n            type: \"Oily Skin\",\r\n            features: \"A consistently shiny appearance suggesting a tendency toward higher surface oil.\",\r\n            treatment: \"Focus on lightweight hydration, gentle cleansing, and consistent sunscreen use.\"\r\n        },\r\n\r\n\r\n        \/* =========================\r\n           DRY SKIN \u2014 20\r\n           ========================= *\/\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A feeling of tightness, reduced visible moisture, and areas that may appear rough or flaky.\",\r\n            treatment: \"Use a gentle cleanser and a richer moisturizer containing ingredients such as ceramides, glycerin, or hyaluronic acid.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A less luminous appearance with visible dryness and a tendency toward rough texture.\",\r\n            treatment: \"Prioritize gentle cleansing and regular moisturization. Avoid harsh cleansers and excessive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Visible dryness with a tight-looking appearance, particularly after cleansing.\",\r\n            treatment: \"Use gentle, fragrance-free cleansing and apply moisturizer while the skin is still slightly damp.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Reduced surface oil with areas that may look rough, dull, or slightly flaky.\",\r\n            treatment: \"Use hydrating products containing glycerin, ceramides, or hyaluronic acid and avoid overly hot water.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A matte appearance with visible areas of dryness and a tendency toward tightness.\",\r\n            treatment: \"Support the skin barrier with gentle cleansing and a nourishing moisturizer.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Skin may appear less hydrated with fine surface texture becoming more noticeable.\",\r\n            treatment: \"Use gentle cleansing, regular moisturizing, and daily sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A dry-looking surface with occasional visible flaking around some facial areas.\",\r\n            treatment: \"Choose a gentle cleanser and barrier-supporting moisturizer. Avoid aggressive scrubs.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A tight and less supple-looking appearance with limited surface shine.\",\r\n            treatment: \"Use a hydrating moisturizer and gentle cleanser while avoiding unnecessary exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Low visible oil with a tendency toward roughness and dehydration-related tightness.\",\r\n            treatment: \"Focus on barrier-supporting hydration with ingredients such as ceramides and glycerin.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A matte complexion with areas that may feel or appear dry after cleansing.\",\r\n            treatment: \"Use gentle cleansing and apply moisturizer regularly. Avoid products that leave the skin feeling stripped.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Visible dryness around the cheeks and other areas with reduced surface oil.\",\r\n            treatment: \"Use a gentle cleanser, hydrating serum if desired, and a moisturizer suited to dry skin.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A less oily complexion with a tendency toward dullness and uneven-looking surface texture.\",\r\n            treatment: \"Prioritize hydration and barrier support while keeping exfoliation gentle and limited.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Skin appears relatively matte with occasional tightness and dry patches.\",\r\n            treatment: \"Use fragrance-free moisturizers and gentle cleansers to help maintain the skin barrier.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A visibly dehydrated appearance with rougher areas around the cheeks.\",\r\n            treatment: \"Apply moisturizer consistently and use gentle cleansing to avoid removing too much surface oil.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Reduced shine and a tendency for the skin surface to look slightly rough.\",\r\n            treatment: \"Choose hydrating and barrier-supportive skincare while avoiding aggressive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A tight-looking complexion with limited visible oil across the face.\",\r\n            treatment: \"Use a gentle cleanser and moisturizer containing humectants and barrier-supporting ingredients.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Visible dryness combined with a slightly dull and uneven surface appearance.\",\r\n            treatment: \"Focus on regular hydration and gentle cleansing. Daily sunscreen can also help protect the skin.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A low-shine appearance with areas that may show dryness or mild flaking.\",\r\n            treatment: \"Use nourishing moisturizers and avoid excessive washing or frequent physical exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"A dry surface appearance with possible tightness around the cheeks and forehead.\",\r\n            treatment: \"Maintain consistent hydration and use gentle, non-stripping cleansing products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Dry Skin\",\r\n            features: \"Skin appears relatively dry with reduced surface oil and a tendency toward roughness.\",\r\n            treatment: \"Support the skin barrier with gentle cleansing and a moisturizer containing ceramides or glycerin.\"\r\n        },\r\n\r\n\r\n        \/* =========================\r\n           COMBINATION SKIN \u2014 20\r\n           ========================= *\/\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Oilier areas around the forehead, nose, and chin combined with relatively drier cheeks.\",\r\n            treatment: \"Use gentle cleansing and balanced hydration. Lightweight products can be used across the face with targeted care where needed.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A mixed pattern of visible shine in the T-zone and a more balanced or dry appearance around the cheeks.\",\r\n            treatment: \"Use a gentle cleanser and lightweight moisturizer, adjusting product texture according to different facial areas.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Moderate oiliness around the central face with less oil visible across the outer cheeks.\",\r\n            treatment: \"Focus on balanced hydration and gentle cleansing rather than treating the entire face as uniformly oily.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"The T-zone appears more oily while the cheeks maintain a more matte appearance.\",\r\n            treatment: \"Use lightweight hydration across the face and consider targeted oil-control care for the T-zone.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Visible variation in oil levels between the center and outer areas of the face.\",\r\n            treatment: \"Choose a simple routine with gentle cleansing, lightweight hydration, and targeted care for oilier zones.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A mixed appearance with noticeable shine around the nose and forehead and less shine around the cheeks.\",\r\n            treatment: \"Use gentle cleansing and adapt moisturizer amounts to different areas of the face.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Moderate surface oil concentrated around the T-zone with comparatively balanced cheeks.\",\r\n            treatment: \"Maintain balanced hydration and avoid overly aggressive oil-control products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Oiliness and dryness appear distributed differently across facial zones.\",\r\n            treatment: \"Use gentle cleansing and lightweight hydration while addressing specific areas according to their needs.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A combination of visible shine around the nose and forehead and a softer, less oily cheek area.\",\r\n            treatment: \"Use non-comedogenic hydration and consider targeted care for areas with more visible oil.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"The complexion shows different surface characteristics between the T-zone and cheek areas.\",\r\n            treatment: \"Keep the routine balanced with gentle cleansing and adjust product application by facial zone.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Moderate oil production in the central face with relatively lower oil levels around the cheeks.\",\r\n            treatment: \"Use lightweight moisturization and avoid unnecessarily drying products on the entire face.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Visible oil concentration around the nose and forehead with a more neutral appearance elsewhere.\",\r\n            treatment: \"Use gentle cleansing, balanced hydration, and targeted care rather than a one-size-fits-all approach.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A mixed appearance with some areas showing shine while other areas appear more matte.\",\r\n            treatment: \"Choose gentle products and adjust hydration according to the needs of individual facial areas.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"The T-zone shows greater visible oil while the cheeks appear comparatively comfortable and balanced.\",\r\n            treatment: \"Maintain hydration while using targeted oil-management products only where needed.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Different facial zones show different levels of visible oil and hydration.\",\r\n            treatment: \"Use a gentle cleanser and lightweight moisturizer, adapting application to each area.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A balanced-to-oily central face with comparatively drier-looking outer facial areas.\",\r\n            treatment: \"Focus on gentle cleansing and balanced moisture rather than excessive oil removal.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Noticeable T-zone shine combined with relatively normal-looking cheeks.\",\r\n            treatment: \"Use lightweight, non-comedogenic hydration and targeted care for the T-zone.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Visible differences in texture and oiliness between central and outer facial areas.\",\r\n            treatment: \"Keep the routine simple and adapt product quantity and texture according to each area.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"Moderate shine around the forehead and nose with a less oily appearance around the cheeks.\",\r\n            treatment: \"Use gentle cleansing and balanced hydration while avoiding overly drying products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Combination Skin\",\r\n            features: \"A mixed skin profile with both oil-prone and relatively dry-looking facial zones.\",\r\n            treatment: \"Use targeted skincare based on individual areas and maintain consistent barrier-friendly hydration.\"\r\n        },\r\n\r\n\r\n        \/* =========================\r\n           NORMAL SKIN \u2014 20\r\n           ========================= *\/\r\n\r\n\r\n            {\r\n    type: \"Normal Skin\",\r\n\r\n    features:\r\n        \"Relatively even-looking skin with balanced surface oil and a comfortable overall appearance.\",\r\n\r\n    underEyes:\r\n        \"The under-eye area appears relatively balanced. Maintain gentle hydration and avoid rubbing this delicate area.\",\r\n\r\n    forehead:\r\n        \"The forehead appears relatively balanced with moderate surface oil. Continue gentle cleansing and regular hydration.\",\r\n\r\n    cheeks:\r\n        \"The cheeks appear relatively even and balanced. Maintain regular hydration and avoid unnecessary aggressive exfoliation.\",\r\n\r\n    nose:\r\n        \"The nose and T-zone appear relatively balanced. Gentle cleansing and regular hydration are generally sufficient.\",\r\n\r\n    upperLip:\r\n        \"The upper-lip area appears relatively balanced. Keep the area hydrated and avoid unnecessary irritation.\",\r\n\r\n    treatment:\r\n        \"Continue gentle cleansing and regular moisturizing while protecting the skin from daily sun exposure.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Relatively even-looking skin with balanced surface oil and a comfortable overall appearance.\",\r\n            treatment: \"Continue gentle cleansing and regular moisturizing while protecting the skin from daily sun exposure.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A balanced complexion with neither excessive visible oil nor pronounced dryness.\",\r\n            treatment: \"Use gentle skincare, consistent hydration, and broad-spectrum sunscreen.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Even-looking texture with moderate shine and relatively uniform appearance across facial areas.\",\r\n            treatment: \"Keep the routine simple with cleansing, moisturizing, and daily sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A comfortable-looking complexion with generally balanced hydration and surface oil.\",\r\n            treatment: \"Maintain regular hydration and gentle cleansing while avoiding unnecessary aggressive treatments.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Relatively smooth surface texture with moderate oil production.\",\r\n            treatment: \"Use a gentle cleanser, moisturizer, and consistent sunscreen as the foundation of your routine.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Balanced-looking skin with relatively even oil distribution across the visible facial areas.\",\r\n            treatment: \"Maintain a consistent basic routine and introduce active ingredients gradually if needed.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A generally even complexion without pronounced visible dryness or excess shine.\",\r\n            treatment: \"Focus on gentle cleansing, hydration, and daily UV protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Moderate surface oil and a relatively smooth, comfortable-looking texture.\",\r\n            treatment: \"Keep skincare simple and consistent with gentle cleansing and regular moisturizing.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A balanced appearance with relatively uniform texture and hydration.\",\r\n            treatment: \"Use mild cleansing, appropriate moisturization, and daily sunscreen to maintain skin health.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Even-looking facial areas with a moderate level of natural surface oil.\",\r\n            treatment: \"Maintain balanced hydration and avoid overcomplicating the skincare routine.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A relatively smooth appearance with no strong signs of either excessive oiliness or dryness.\",\r\n            treatment: \"Continue gentle cleansing, hydration, and consistent sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Balanced-looking texture and moderate surface shine across the face.\",\r\n            treatment: \"Use a simple routine centered around cleansing, moisturizing, and sunscreen.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A relatively uniform complexion with comfortable-looking hydration levels.\",\r\n            treatment: \"Maintain the skin barrier with gentle products and consistent moisturization.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Moderately hydrated appearance with balanced surface oil.\",\r\n            treatment: \"Keep the routine consistent and use sunscreen daily to support long-term skin care.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A smooth and relatively balanced complexion with moderate visible shine.\",\r\n            treatment: \"Use gentle skincare and avoid unnecessary aggressive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Relatively consistent texture and oil distribution across visible facial areas.\",\r\n            treatment: \"Continue with gentle cleansing, hydration, and daily broad-spectrum sunscreen.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"A balanced-looking complexion with relatively few visible variations between facial areas.\",\r\n            treatment: \"Maintain a straightforward routine and introduce new products gradually.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"Comfortable-looking skin with moderate oil and a relatively even surface.\",\r\n            treatment: \"Prioritize gentle cleansing, regular moisturizing, and sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Normal Skin\",\r\n            features: \"An overall balanced profile with moderate hydration and surface oil.\",\r\n            treatment: \"Maintain consistency with a gentle cleanser, moisturizer, and daily sunscreen.\"\r\n        },\r\n\r\n\r\n        \/* =========================\r\n           SENSITIVE SKIN \u2014 20\r\n           ========================= *\/\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Skin may appear more reactive, with visible redness or areas that look easily irritated.\",\r\n            treatment: \"Choose gentle, fragrance-free products and avoid harsh scrubs or overly aggressive active ingredients.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A tendency toward visible redness and a complexion that may react more easily to environmental changes.\",\r\n            treatment: \"Keep the routine simple and fragrance-free, and introduce new products one at a time.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Some facial areas may show signs of visible irritation or increased reactivity.\",\r\n            treatment: \"Use gentle cleansing and barrier-supportive moisturizers. Avoid frequent exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A delicate-looking complexion with a tendency toward temporary redness.\",\r\n            treatment: \"Use mild, fragrance-free skincare and avoid products that cause stinging or discomfort.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Skin may show visible redness more easily than other areas of the face.\",\r\n            treatment: \"Focus on gentle cleansing, barrier support, and consistent sun protection.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A reactive-looking appearance with areas that may appear slightly flushed.\",\r\n            treatment: \"Choose minimal, fragrance-free skincare and avoid aggressive exfoliation or unnecessary active ingredients.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"The complexion may appear delicate with a tendency toward visible redness.\",\r\n            treatment: \"Use gentle products and introduce new skincare slowly to monitor how the skin responds.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Visible sensitivity around certain facial areas with a tendency toward temporary irritation.\",\r\n            treatment: \"Prioritize barrier-friendly moisturizers and gentle cleansing while avoiding harsh treatments.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A complexion that may appear more easily affected by environmental conditions.\",\r\n            treatment: \"Keep skincare simple, fragrance-free, and focused on hydration and barrier support.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Some areas may show increased redness or an uneven-looking tone associated with sensitivity.\",\r\n            treatment: \"Use gentle cleansing and soothing, fragrance-free moisturizers. Avoid aggressive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A delicate-looking surface with visible signs of temporary reactivity.\",\r\n            treatment: \"Choose simple skincare and avoid introducing multiple new products at the same time.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"The skin may appear reactive around the cheeks and other exposed facial areas.\",\r\n            treatment: \"Support the skin barrier with gentle cleansing and fragrance-free moisturization.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A tendency toward visible redness and discomfort when exposed to certain environmental conditions.\",\r\n            treatment: \"Use gentle products and daily sun protection while avoiding harsh scrubbing.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"An easily reactive-looking complexion with occasional visible redness.\",\r\n            treatment: \"Maintain a minimal routine with gentle cleansing, hydration, and fragrance-free products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Some areas may look more delicate and prone to visible irritation.\",\r\n            treatment: \"Use barrier-supportive moisturizers and avoid unnecessary exfoliation or strongly fragranced products.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A more delicate appearance with visible variation in redness across facial areas.\",\r\n            treatment: \"Keep products simple and introduce active ingredients gradually if they are needed.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A reactive-looking profile with areas that may become visibly flushed.\",\r\n            treatment: \"Use gentle, fragrance-free skincare and maintain regular hydration.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"The complexion appears delicate with a tendency toward temporary visible irritation.\",\r\n            treatment: \"Focus on gentle cleansing, barrier support, and daily sunscreen.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"Visible redness and a delicate-looking skin surface may be more noticeable in some areas.\",\r\n            treatment: \"Choose simple fragrance-free products and avoid excessive exfoliation.\"\r\n        },\r\n\r\n        {\r\n            type: \"Sensitive Skin\",\r\n            features: \"A generally delicate appearance with a tendency for certain areas to look more reactive.\",\r\n            treatment: \"Maintain a gentle routine with barrier-supportive hydration and consistent sun protection.\"\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    \/* =========================================\r\n       RANDOM RESULT\r\n       ========================================= *\/\r\n\r\n    function getRandomSkinResult() {\r\n\r\n        const randomIndex =\r\n            Math.floor(\r\n                Math.random() * skinResults.length\r\n            );\r\n\r\n        return skinResults[randomIndex];\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       IMAGE UPLOAD\r\n       ========================================= *\/\r\n\r\n    imageInput.addEventListener(\r\n        \"change\",\r\n        function () {\r\n\r\n            const file = this.files[0];\r\n\r\n            if (!file) {\r\n                return;\r\n            }\r\n\r\n\r\n            \/* Check image type *\/\r\n\r\n            if (!file.type.startsWith(\"image\/\")) {\r\n\r\n                alert(\"Please upload a valid image.\");\r\n\r\n                this.value = \"\";\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* Create preview *\/\r\n\r\n            const reader =\r\n                new FileReader();\r\n\r\n            reader.onload = function (event) {\r\n\r\n                previewImage.src =\r\n                    event.target.result;\r\n\r\n                imagePreview.style.display =\r\n                    \"block\";\r\n\r\n                guidelines.style.display =\r\n                    \"block\";\r\n\r\n                startButton.style.display =\r\n                    \"inline-block\";\r\n\r\n            };\r\n\r\n            reader.readAsDataURL(file);\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =========================================\r\n       START ANALYSIS\r\n       ========================================= *\/\r\n\r\n    startButton.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n        \/* Hide upload screen *\/\r\n\r\n        uploadScreen.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Show processing *\/\r\n\r\n        processingScreen.style.display =\r\n            \"block\";\r\n\r\n\r\n        \/* Reset progress *\/\r\n\r\n        const percentage =\r\n            document.getElementById(\r\n                \"analysisPercentage\"\r\n            );\r\n\r\n        const progressBar =\r\n            document.getElementById(\r\n                \"analysisProgressBar\"\r\n            );\r\n\r\n\r\n        percentage.textContent = \"0%\";\r\n\r\n        progressBar.style.width = \"0%\";\r\n\r\n\r\n        processingStatus.textContent =\r\n            \"Preparing analysis...\";\r\n\r\n\r\n        \/*\r\n         * Total analysis time\r\n         * approximately 8 seconds\r\n         *\/\r\n\r\n        const totalTime =\r\n    Math.floor(Math.random() * 4000) + 28000;\r\n\r\n        const startTime =\r\n            Date.now();\r\n\r\n\r\n        const progressInterval =\r\n            setInterval(function () {\r\n\r\n                const elapsed =\r\n                    Date.now() - startTime;\r\n\r\n\r\n                let progress =\r\n                    Math.floor(\r\n                        (elapsed \/ totalTime) * 100\r\n                    );\r\n\r\n\r\n                if (progress > 100) {\r\n                    progress = 100;\r\n                }\r\n\r\n\r\n                \/* Update percentage *\/\r\n\r\n                percentage.textContent =\r\n                    progress + \"%\";\r\n\r\n\r\n                \/* Update progress bar *\/\r\n\r\n                progressBar.style.width =\r\n                    progress + \"%\";\r\n\r\n\r\n                \/* Dynamic AI status *\/\r\n\r\n                if (progress < 15) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Initializing skin analysis...\";\r\n\r\n                }\r\n\r\n                else if (progress < 30) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Scanning facial features...\";\r\n\r\n                }\r\n\r\n                else if (progress < 45) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Analyzing skin texture...\";\r\n\r\n                }\r\n\r\n                else if (progress < 60) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Evaluating skin characteristics...\";\r\n\r\n                }\r\n\r\n                else if (progress < 75) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Identifying skin profile...\";\r\n\r\n                }\r\n\r\n                else if (progress < 90) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Comparing skin patterns...\";\r\n\r\n                }\r\n\r\n                else if (progress < 100) {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Finalizing your skin analysis...\";\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    processingStatus.textContent =\r\n                        \"Analysis complete.\";\r\n\r\n                }\r\n\r\n\r\n                \/* Finish *\/\r\n\r\n                if (progress >= 100) {\r\n\r\n                    clearInterval(\r\n                        progressInterval\r\n                    );\r\n\r\n\r\n                    setTimeout(function () {\r\n\r\n                        showRandomResult();\r\n\r\n                    }, 500);\r\n\r\n                }\r\n\r\n            }, 80);\r\n\r\n        }\r\n);\r\n\r\n\r\n    \/* =========================================\r\n       SHOW RANDOM RESULT\r\n       ========================================= *\/\r\n\r\n   \/* =========================================\r\n   RANDOM RESULT\r\n   ========================================= *\/\r\n\r\nfunction getRandomSkinResult() {\r\n\r\n    const randomIndex =\r\n        Math.floor(\r\n            Math.random() * skinResults.length\r\n        );\r\n\r\n    return skinResults[randomIndex];\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DETAILED SKIN AREA RECOMMENDATIONS\r\n   ========================================= *\/\r\n\r\nconst skinAreaRecommendations = {\r\n\r\n    \"Oily Skin\": {\r\n\r\n        underEyes:\r\n            \"The under-eye area should be treated gently. Focus on lightweight hydration and avoid rubbing or applying heavy products too close to the eyes.\",\r\n\r\n        forehead:\r\n            \"The forehead may be more prone to visible shine and excess oil. Keep the area clean and use lightweight, non-comedogenic hydration.\",\r\n\r\n        cheeks:\r\n            \"The cheeks may remain relatively balanced while the central face produces more oil. Avoid excessive cleansing that can disturb the skin barrier.\",\r\n\r\n        nose:\r\n            \"The nose and surrounding T-zone may be more prone to visible pores and oil buildup. Gentle cleansing can help keep the area balanced without over-drying it.\",\r\n\r\n        upperLip:\r\n            \"Keep the upper-lip area comfortably hydrated and avoid aggressive exfoliation, especially if the area becomes irritated after shaving or hair removal.\"\r\n\r\n    },\r\n\r\n\r\n    \"Dry Skin\": {\r\n\r\n        underEyes:\r\n            \"The under-eye area can benefit from gentle and consistent hydration. Avoid rubbing the area and choose lightweight moisturizing care for this delicate zone.\",\r\n\r\n        forehead:\r\n            \"The forehead may show signs of dryness or a tight-looking surface. Use gentle cleansing and apply moisturizer while the skin is still slightly damp.\",\r\n\r\n        cheeks:\r\n            \"The cheeks may benefit from richer hydration and barrier-supportive moisturization. Avoid harsh cleansers and frequent exfoliation.\",\r\n\r\n        nose:\r\n            \"The nose area can sometimes develop visible dryness or flaking. Use gentle cleansing and consistent moisturizer rather than repeatedly exfoliating the area.\",\r\n\r\n        upperLip:\r\n            \"The upper-lip area may become dry or uncomfortable. Keep it moisturized and avoid aggressive exfoliation or strongly fragranced products.\"\r\n\r\n    },\r\n\r\n\r\n    \"Combination Skin\": {\r\n\r\n        underEyes:\r\n            \"The under-eye area should receive gentle hydration without applying heavy products. Avoid rubbing this delicate area.\",\r\n\r\n        forehead:\r\n            \"The forehead may show more surface oil than the surrounding areas. Use gentle cleansing and lightweight hydration to maintain balance.\",\r\n\r\n        cheeks:\r\n            \"The cheeks may appear drier than the T-zone. Focus on consistent hydration while avoiding overly heavy products if the area feels comfortable.\",\r\n\r\n        nose:\r\n            \"The nose and T-zone may be more prone to visible pores and excess oil. Gentle cleansing and targeted care can help maintain balance.\",\r\n\r\n        upperLip:\r\n            \"Keep the upper-lip area hydrated and avoid excessive exfoliation. If the area feels dry or irritated, focus on barrier-supportive care.\"\r\n\r\n    },\r\n\r\n\r\n    \"Normal Skin\": {\r\n\r\n        underEyes:\r\n            \"The under-eye area appears relatively balanced. Maintain gentle hydration and avoid rubbing or using unnecessarily strong active ingredients around this delicate area.\",\r\n\r\n        forehead:\r\n            \"The forehead appears relatively balanced with moderate surface oil. Continue gentle cleansing and regular hydration.\",\r\n\r\n        cheeks:\r\n            \"The cheeks appear relatively balanced. Maintain hydration and avoid unnecessary aggressive exfoliation.\",\r\n\r\n        nose:\r\n            \"The nose and T-zone appear relatively balanced. Gentle cleansing and regular hydration are generally sufficient for maintaining the area.\",\r\n\r\n        upperLip:\r\n            \"The upper-lip area can be maintained with regular hydration and gentle cleansing. Avoid unnecessary irritation or aggressive exfoliation.\"\r\n\r\n    },\r\n\r\n\r\n    \"Sensitive Skin\": {\r\n\r\n        underEyes:\r\n            \"The under-eye area should be treated particularly gently. Avoid rubbing and choose simple, fragrance-free hydration suitable for delicate skin.\",\r\n\r\n        forehead:\r\n            \"The forehead may become visibly reactive to harsh products or environmental changes. Use gentle cleansing and avoid unnecessary exfoliation.\",\r\n\r\n        cheeks:\r\n            \"The cheeks may be more prone to visible redness or sensitivity. Focus on barrier-supportive hydration and avoid aggressive treatments.\",\r\n\r\n        nose:\r\n            \"The nose and surrounding area may react to harsh cleansing or strong active ingredients. Keep the routine gentle and avoid excessive exfoliation.\",\r\n\r\n        upperLip:\r\n            \"The upper-lip area can be sensitive, particularly after shaving or hair removal. Keep the area moisturized and avoid harsh or strongly fragranced products.\"\r\n\r\n    }\r\n\r\n};\r\n\r\n\r\n\/* =========================================\r\n   IMAGE UPLOAD\r\n   ========================================= *\/\r\n\r\nimageInput.addEventListener(\r\n    \"change\",\r\n    function () {\r\n\r\n        const file = this.files[0];\r\n\r\n        if (!file) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Check image type *\/\r\n\r\n        if (!file.type.startsWith(\"image\/\")) {\r\n\r\n            alert(\"Please upload a valid image.\");\r\n\r\n            this.value = \"\";\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Create preview *\/\r\n\r\n        const reader =\r\n            new FileReader();\r\n\r\n\r\n        reader.onload = function (event) {\r\n\r\n            previewImage.src =\r\n                event.target.result;\r\n\r\n            imagePreview.style.display =\r\n                \"block\";\r\n\r\n            guidelines.style.display =\r\n                \"block\";\r\n\r\n            startButton.style.display =\r\n                \"inline-block\";\r\n\r\n        };\r\n\r\n\r\n        reader.readAsDataURL(file);\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* =========================================\r\n   START ANALYSIS\r\n   ========================================= *\/\r\n\r\nstartButton.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n        \/* Hide upload screen *\/\r\n\r\n        uploadScreen.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Show processing *\/\r\n\r\n        processingScreen.style.display =\r\n            \"block\";\r\n\r\n\r\n        \/* Reset progress *\/\r\n\r\n        const percentage =\r\n            document.getElementById(\r\n                \"analysisPercentage\"\r\n            );\r\n\r\n\r\n        const progressBar =\r\n            document.getElementById(\r\n                \"analysisProgressBar\"\r\n            );\r\n\r\n\r\n        percentage.textContent =\r\n            \"0%\";\r\n\r\n\r\n        progressBar.style.width =\r\n            \"0%\";\r\n\r\n\r\n        processingStatus.textContent =\r\n            \"Preparing analysis...\";\r\n\r\n\r\n        \/*\r\n         * Analysis time:\r\n         * Randomly between 28 and 32 seconds\r\n         *\/\r\n\r\n        const totalTime =\r\n            Math.floor(\r\n                Math.random() * 4000\r\n            ) + 28000;\r\n\r\n\r\n        const startTime =\r\n            Date.now();\r\n\r\n\r\n        const progressInterval =\r\n            setInterval(\r\n                function () {\r\n\r\n                    const elapsed =\r\n                        Date.now() - startTime;\r\n\r\n\r\n                    let progress =\r\n                        Math.floor(\r\n                            (elapsed \/ totalTime) * 100\r\n                        );\r\n\r\n\r\n                    if (progress > 100) {\r\n                        progress = 100;\r\n                    }\r\n\r\n\r\n                    \/* =========================\r\n                       PERCENTAGE\r\n                       ========================= *\/\r\n\r\n                    percentage.textContent =\r\n                        progress + \"%\";\r\n\r\n\r\n                    \/* =========================\r\n                       PROGRESS BAR\r\n                       ========================= *\/\r\n\r\n                    progressBar.style.width =\r\n                        progress + \"%\";\r\n\r\n\r\n                    \/* =========================\r\n                       AI STATUS\r\n                       ========================= *\/\r\n\r\n                    if (progress < 15) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Initializing skin analysis...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 30) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Scanning facial features...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 45) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Analyzing skin texture...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 60) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Evaluating skin characteristics...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 75) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Identifying skin profile...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 90) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Comparing skin patterns...\";\r\n\r\n                    }\r\n\r\n                    else if (progress < 100) {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Finalizing your skin analysis...\";\r\n\r\n                    }\r\n\r\n                    else {\r\n\r\n                        processingStatus.textContent =\r\n                            \"Analysis complete.\";\r\n\r\n                    }\r\n\r\n\r\n                    \/* =========================\r\n                       FINISH ANALYSIS\r\n                       ========================= *\/\r\n\r\n                    if (progress >= 100) {\r\n\r\n                        clearInterval(\r\n                            progressInterval\r\n                        );\r\n\r\n\r\n                        setTimeout(\r\n                            function () {\r\n\r\n                                showRandomResult();\r\n\r\n                            },\r\n                            500\r\n                        );\r\n\r\n                    }\r\n\r\n                },\r\n                80\r\n            );\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* =========================================\r\n   SHOW RANDOM RESULT\r\n   ========================================= *\/\r\n\r\nfunction showRandomResult() {\r\n\r\n    \/* Get random result *\/\r\n\r\n    const result =\r\n        getRandomSkinResult();\r\n\r\n\r\n    \/* =========================\r\n       MAIN RESULT\r\n       ========================= *\/\r\n\r\n    skinType.textContent =\r\n        result.type;\r\n\r\n\r\n    skinFeatures.textContent =\r\n        result.features;\r\n\r\n\r\n    skinTreatment.textContent =\r\n        result.treatment;\r\n\r\n\r\n    \/* =========================\r\n       DETAILED AREA RESULT\r\n       ========================= *\/\r\n\r\n    const areaResult =\r\n        skinAreaRecommendations[result.type];\r\n\r\n\r\n    if (areaResult) {\r\n\r\n        const underEyes =\r\n            document.getElementById(\r\n                \"skinUnderEyes\"\r\n            );\r\n\r\n\r\n        const forehead =\r\n            document.getElementById(\r\n                \"skinForehead\"\r\n            );\r\n\r\n\r\n        const cheeks =\r\n            document.getElementById(\r\n                \"skinCheeks\"\r\n            );\r\n\r\n\r\n        const nose =\r\n            document.getElementById(\r\n                \"skinNose\"\r\n            );\r\n\r\n\r\n        const upperLip =\r\n            document.getElementById(\r\n                \"skinUpperLip\"\r\n            );\r\n\r\n\r\n        if (underEyes) {\r\n\r\n            underEyes.textContent =\r\n                areaResult.underEyes;\r\n\r\n        }\r\n\r\n\r\n        if (forehead) {\r\n\r\n            forehead.textContent =\r\n                areaResult.forehead;\r\n\r\n        }\r\n\r\n\r\n        if (cheeks) {\r\n\r\n            cheeks.textContent =\r\n                areaResult.cheeks;\r\n\r\n        }\r\n\r\n\r\n        if (nose) {\r\n\r\n            nose.textContent =\r\n                areaResult.nose;\r\n\r\n        }\r\n\r\n\r\n        if (upperLip) {\r\n\r\n            upperLip.textContent =\r\n                areaResult.upperLip;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================\r\n       SWITCH TO RESULT\r\n       ========================= *\/\r\n\r\n    processingScreen.style.display =\r\n        \"none\";\r\n\r\n\r\n    resultScreen.style.display =\r\n        \"block\";\r\n\r\n\r\n    \/* Scroll to result *\/\r\n\r\n    resultScreen.scrollIntoView({\r\n        behavior: \"smooth\",\r\n        block: \"start\"\r\n    });\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RESTART\r\n   ========================================= *\/\r\n\r\nrestartButton.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n        \/* Reset input *\/\r\n\r\n        imageInput.value =\r\n            \"\";\r\n\r\n\r\n        \/* Reset preview *\/\r\n\r\n        previewImage.src =\r\n            \"\";\r\n\r\n\r\n        imagePreview.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Hide guidelines *\/\r\n\r\n        guidelines.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Hide start button *\/\r\n\r\n        startButton.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Reset percentage *\/\r\n\r\n        const percentage =\r\n            document.getElementById(\r\n                \"analysisPercentage\"\r\n            );\r\n\r\n\r\n        if (percentage) {\r\n\r\n            percentage.textContent =\r\n                \"0%\";\r\n\r\n        }\r\n\r\n\r\n        \/* Reset progress bar *\/\r\n\r\n        const progressBar =\r\n            document.getElementById(\r\n                \"analysisProgressBar\"\r\n            );\r\n\r\n\r\n        if (progressBar) {\r\n\r\n            progressBar.style.width =\r\n                \"0%\";\r\n\r\n        }\r\n\r\n\r\n        \/* Reset status *\/\r\n\r\n        processingStatus.textContent =\r\n            \"Preparing analysis...\";\r\n\r\n\r\n        \/* Hide result *\/\r\n\r\n        resultScreen.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Hide processing *\/\r\n\r\n        processingScreen.style.display =\r\n            \"none\";\r\n\r\n\r\n        \/* Show upload *\/\r\n\r\n        uploadScreen.style.display =\r\n            \"block\";\r\n\r\n\r\n        \/* Scroll back *\/\r\n\r\n        const wrapper =\r\n            document.querySelector(\r\n                \".skin-ai-wrapper\"\r\n            );\r\n\r\n\r\n        if (wrapper) {\r\n\r\n            wrapper.scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"start\"\r\n            });\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\n    \/* =========================================\r\n       RESTART\r\n       ========================================= *\/\r\n\r\n    restartButton.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            \/* Reset input *\/\r\n\r\n            imageInput.value =\r\n                \"\";\r\n\r\n\r\n            \/* Reset preview *\/\r\n\r\n            previewImage.src =\r\n                \"\";\r\n\r\n            imagePreview.style.display =\r\n                \"none\";\r\n\r\n\r\n            \/* Hide guidelines *\/\r\n\r\n            guidelines.style.display =\r\n                \"none\";\r\n\r\n\r\n            \/* Hide button *\/\r\n\r\n            startButton.style.display =\r\n                \"none\";\r\n\r\n\r\n            \/* Hide result *\/\r\n\r\n            resultScreen.style.display =\r\n                \"none\";\r\n\r\n\r\n            \/* Hide processing *\/\r\n\r\n            processingScreen.style.display =\r\n                \"none\";\r\n\r\n\r\n            \/* Show upload *\/\r\n\r\n            uploadScreen.style.display =\r\n                \"block\";\r\n\r\n\r\n            \/* Scroll back to tool *\/\r\n\r\n            document.querySelector(\r\n                \".skin-ai-wrapper\"\r\n            ).scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"start\"\r\n            });\r\n\r\n        }\r\n    );\r\n\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Current Problem or Opportunity Most consumers buy skin care products at brick-and-mortar drugstores and end up purchasing products that are unsuitable for their complexion Purchasing and returning ineffective skin care products can be highly time consuming, costly, inconvenient and frustrating to the consumer AI Skin Analysis technology offers a fully integrated skin diagnostic experience that&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5786,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-builder.php","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - Purepet Plantation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/purepetalplantation.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Purepet Plantation\" \/>\n<meta property=\"og:description\" content=\"Current Problem or Opportunity Most consumers buy skin care products at brick-and-mortar drugstores and end up purchasing products that are unsuitable for their complexion Purchasing and returning ineffective skin care products can be highly time consuming, costly, inconvenient and frustrating to the consumer AI Skin Analysis technology offers a fully integrated skin diagnostic experience that...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/purepetalplantation.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Purepet Plantation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-09T11:13:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1088\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/purepetalplantation.com\/\",\"url\":\"https:\/\/purepetalplantation.com\/\",\"name\":\"Home - Purepet Plantation\",\"isPartOf\":{\"@id\":\"https:\/\/purepetalplantation.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/purepetalplantation.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/purepetalplantation.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png\",\"datePublished\":\"2023-03-16T10:14:15+00:00\",\"dateModified\":\"2026-08-09T11:13:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/purepetalplantation.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/purepetalplantation.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/purepetalplantation.com\/#primaryimage\",\"url\":\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png\",\"contentUrl\":\"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png\",\"width\":1088,\"height\":333},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/purepetalplantation.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/purepetalplantation.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/purepetalplantation.com\/#website\",\"url\":\"https:\/\/purepetalplantation.com\/\",\"name\":\"Purepet Plantation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/purepetalplantation.com\/?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":"Home - Purepet Plantation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/purepetalplantation.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - Purepet Plantation","og_description":"Current Problem or Opportunity Most consumers buy skin care products at brick-and-mortar drugstores and end up purchasing products that are unsuitable for their complexion Purchasing and returning ineffective skin care products can be highly time consuming, costly, inconvenient and frustrating to the consumer AI Skin Analysis technology offers a fully integrated skin diagnostic experience that...","og_url":"https:\/\/purepetalplantation.com\/","og_site_name":"Purepet Plantation","article_modified_time":"2026-08-09T11:13:06+00:00","og_image":[{"width":1088,"height":333,"url":"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/purepetalplantation.com\/","url":"https:\/\/purepetalplantation.com\/","name":"Home - Purepet Plantation","isPartOf":{"@id":"https:\/\/purepetalplantation.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/purepetalplantation.com\/#primaryimage"},"image":{"@id":"https:\/\/purepetalplantation.com\/#primaryimage"},"thumbnailUrl":"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png","datePublished":"2023-03-16T10:14:15+00:00","dateModified":"2026-08-09T11:13:06+00:00","breadcrumb":{"@id":"https:\/\/purepetalplantation.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/purepetalplantation.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/purepetalplantation.com\/#primaryimage","url":"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png","contentUrl":"https:\/\/purepetalplantation.com\/wp-content\/uploads\/2024\/01\/logo.png","width":1088,"height":333},{"@type":"BreadcrumbList","@id":"https:\/\/purepetalplantation.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/purepetalplantation.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/purepetalplantation.com\/#website","url":"https:\/\/purepetalplantation.com\/","name":"Purepet Plantation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/purepetalplantation.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":310,"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":6398,"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/6398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/media\/5786"}],"wp:attachment":[{"href":"https:\/\/purepetalplantation.com\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}