{"id":91886,"date":"2025-12-19T15:26:03","date_gmt":"2025-12-19T07:26:03","guid":{"rendered":"https:\/\/www.jarsking.com\/?page_id=91886"},"modified":"2026-07-31T17:08:47","modified_gmt":"2026-07-31T09:08:47","slug":"ppwr-action-plan-2025-2030-interactive-tool","status":"publish","type":"page","link":"https:\/\/www.jarsking.com\/ar\/ppwr-action-plan-2025-2030-interactive-tool\/","title":{"rendered":"PPWR Action Plan 2025-2030 Interactive Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91886\" class=\"elementor elementor-91886\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-925287e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"925287e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8017a81\" data-id=\"8017a81\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a15ba9 elementor-widget elementor-widget-html\" data-id=\"2a15ba9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    \r\n    <style>\r\n        \/* Scoped wrapper *\/\r\n        .ppwr-action-wrapper {\r\n            all: initial;\r\n            display: block;\r\n            width: 100%;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #1E293B;\r\n            background: #FFFFFF;\r\n        }\r\n        \r\n        .ppwr-action-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* CSS Variables *\/\r\n        .ppwr-action-wrapper {\r\n            --primary: #6B46C1;\r\n            --primary-light: #9F7AEA;\r\n            --cosmetics: #EC4899;\r\n            --pharma: #3B82F6;\r\n            --fnb: #F59E0B;\r\n            --ecommerce: #10B981;\r\n            --success: #10B981;\r\n            --warning: #F59E0B;\r\n            --danger: #EF4444;\r\n            --neutral-dark: #64748B;\r\n            --neutral-light: #F1F5F9;\r\n            --text-dark: #1E293B;\r\n            --text-light: #F8FAFC;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .ppwr-action-hero {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            color: var(--text-light);\r\n            text-align: center;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ppwr-action-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(255,255,255,0.1);\r\n            border-radius: 50%;\r\n            top: -250px;\r\n            right: -250px;\r\n            animation: ppwr-action-float 8s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes ppwr-action-float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-30px); }\r\n        }\r\n        \r\n        .ppwr-action-hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 1000px;\r\n        }\r\n        \r\n        .ppwr-action-hero h1 {\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n            font-weight: 800;\r\n            margin: 0 0 1.5rem 0;\r\n            line-height: 1.1;\r\n            text-shadow: 0 2px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .ppwr-action-hero p {\r\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n            margin: 0 0 3rem 0;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        \/* Industry Selector *\/\r\n        .ppwr-action-industries {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-industry-card {\r\n            background: rgba(255,255,255,0.15);\r\n            backdrop-filter: blur(10px);\r\n            padding: 2rem;\r\n            border-radius: 20px;\r\n            border: 3px solid transparent;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-action-industry-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: white;\r\n        }\r\n        \r\n        .ppwr-action-industry-card.active {\r\n            border-color: white;\r\n            background: rgba(255,255,255,0.25);\r\n        }\r\n        \r\n        .ppwr-action-industry-icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-industry-card h3 {\r\n            font-size: 1.5rem;\r\n            margin: 0 0 0.5rem 0;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .ppwr-action-industry-card p {\r\n            font-size: 0.9rem;\r\n            margin: 0;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .ppwr-action-complexity {\r\n            margin-top: 1rem;\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        \/* Section Base *\/\r\n        .ppwr-action-section {\r\n            padding: 6rem 2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ppwr-action-section:nth-child(even) {\r\n            background: var(--neutral-light);\r\n        }\r\n        \r\n        .ppwr-action-container {\r\n            max-width: 1400px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-action-section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n        \r\n        .ppwr-action-pillar-number {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            padding: 0.5rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .ppwr-action-section-title {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            font-weight: 800;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-section-subtitle {\r\n            font-size: clamp(1rem, 2vw, 1.2rem);\r\n            color: var(--neutral-dark);\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Priority Actions *\/\r\n        .ppwr-action-priorities {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-priority-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            border-left: 6px solid var(--primary);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-action-priority-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ppwr-action-priority-card.cosmetics { border-left-color: var(--cosmetics); }\r\n        .ppwr-action-priority-card.pharma { border-left-color: var(--pharma); }\r\n        .ppwr-action-priority-card.fnb { border-left-color: var(--fnb); }\r\n        .ppwr-action-priority-card.ecommerce { border-left-color: var(--ecommerce); }\r\n        \r\n        .ppwr-action-priority-number {\r\n            display: inline-block;\r\n            background: var(--primary);\r\n            color: white;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 900;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-priority-card h4 {\r\n            font-size: 1.3rem;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-action-priority-card p {\r\n            margin: 0.5rem 0;\r\n            color: var(--neutral-dark);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .ppwr-action-priority-badge {\r\n            display: inline-block;\r\n            padding: 0.3rem 0.8rem;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            margin-top: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-priority-badge.critical {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-action-priority-badge.high {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--warning);\r\n        }\r\n        \r\n        \/* Timeline Builder *\/\r\n        .ppwr-action-timeline-builder {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-action-timeline-builder h3 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-phase-tabs {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-bottom: 3rem;\r\n            border-bottom: 3px solid var(--neutral-light);\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-action-phase-tab {\r\n            padding: 1rem 2rem;\r\n            background: transparent;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-weight: 700;\r\n            color: var(--neutral-dark);\r\n            border-bottom: 4px solid transparent;\r\n            transition: all 0.3s ease;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-phase-tab:hover {\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-phase-tab.active {\r\n            color: var(--primary);\r\n            border-bottom-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-timeline-content {\r\n            display: none;\r\n        }\r\n        \r\n        .ppwr-action-timeline-content.active {\r\n            display: block;\r\n            animation: ppwr-action-fadeIn 0.5s ease;\r\n        }\r\n        \r\n        @keyframes ppwr-action-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        .ppwr-action-quarters {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-quarter {\r\n            background: var(--neutral-light);\r\n            border-radius: 15px;\r\n            padding: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-quarter h4 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .ppwr-action-milestone {\r\n            background: white;\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n            margin-bottom: 1rem;\r\n            border-left: 4px solid var(--primary);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-action-milestone:hover {\r\n            transform: translateX(5px);\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .ppwr-action-milestone.critical { border-left-color: var(--danger); }\r\n        .ppwr-action-milestone.high { border-left-color: var(--warning); }\r\n        .ppwr-action-milestone.medium { border-left-color: var(--ecommerce); }\r\n        \r\n        .ppwr-action-milestone h5 {\r\n            margin: 0 0 0.5rem 0;\r\n            font-size: 1rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-action-milestone p {\r\n            margin: 0;\r\n            font-size: 0.85rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-action-milestone-meta {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-top: 0.5rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-action-milestone-tag {\r\n            font-size: 0.75rem;\r\n            padding: 0.2rem 0.6rem;\r\n            border-radius: 10px;\r\n            background: var(--neutral-light);\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        \/* Budget Calculator *\/\r\n        .ppwr-action-budget {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-budget-inputs {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-action-budget-inputs h4 {\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-input-group {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-input-group label {\r\n            display: block;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-action-slider-container {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-input-group input[type=\"range\"] {\r\n            flex: 1;\r\n            height: 8px;\r\n            border-radius: 5px;\r\n            background: #ddd;\r\n            outline: none;\r\n            -webkit-appearance: none;\r\n        }\r\n        \r\n        .ppwr-action-input-group input[type=\"range\"]::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--primary);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-action-input-group input[type=\"range\"]::-moz-range-thumb {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--primary);\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n        \r\n        .ppwr-action-slider-value {\r\n            min-width: 100px;\r\n            text-align: right;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ppwr-action-input-group select {\r\n            width: 100%;\r\n            padding: 0.8rem;\r\n            border: 2px solid var(--neutral-light);\r\n            border-radius: 10px;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-action-budget-results {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-action-budget-results h4 {\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.5rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-action-phase-cost {\r\n            background: var(--neutral-light);\r\n            padding: 1.5rem;\r\n            border-radius: 15px;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-phase-cost h5 {\r\n            margin: 0 0 0.5rem 0;\r\n            color: var(--text-dark);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ppwr-action-phase-cost .amount {\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-total-investment {\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-total-investment h5 {\r\n            margin: 0 0 0.5rem 0;\r\n            font-size: 1.2rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .ppwr-action-total-investment .amount {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            margin: 0;\r\n        }\r\n        \r\n        .ppwr-action-roi {\r\n            margin-top: 1.5rem;\r\n            padding: 1.5rem;\r\n            background: rgba(255,255,255,0.15);\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-action-roi p {\r\n            margin: 0.5rem 0;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        \/* Priority Matrix *\/\r\n        .ppwr-action-matrix {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-action-matrix h3 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-matrix-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            grid-template-rows: 1fr 1fr;\r\n            gap: 2rem;\r\n            min-height: 600px;\r\n        }\r\n        \r\n        .ppwr-action-quadrant {\r\n            background: var(--neutral-light);\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 3px solid transparent;\r\n        }\r\n        \r\n        .ppwr-action-quadrant:hover {\r\n            transform: scale(1.02);\r\n            border-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-quadrant.quick-wins {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            border-color: var(--success);\r\n        }\r\n        \r\n        .ppwr-action-quadrant.strategic {\r\n            background: rgba(107, 70, 193, 0.1);\r\n            border-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-quadrant.fill-ins {\r\n            background: rgba(100, 116, 139, 0.1);\r\n            border-color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-action-quadrant.money-pits {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            border-color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-action-quadrant h4 {\r\n            margin: 0 0 1rem 0;\r\n            font-size: 1.5rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-action-quadrant p {\r\n            margin: 0 0 1.5rem 0;\r\n            color: var(--neutral-dark);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-action-quadrant ul {\r\n            margin: 0;\r\n            padding-left: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-quadrant li {\r\n            margin-bottom: 0.8rem;\r\n            color: var(--text-dark);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        \/* Crisis Simulator *\/\r\n        .ppwr-action-crisis-scenarios {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-scenario-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 3px solid transparent;\r\n        }\r\n        \r\n        .ppwr-action-scenario-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-action-scenario-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-scenario-card h4 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--danger);\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .ppwr-action-scenario-card p {\r\n            margin: 0;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-action-response-modal {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0,0,0,0.8);\r\n            z-index: 1000;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-response-modal.active {\r\n            display: flex;\r\n            animation: ppwr-action-fadeIn 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-action-modal-content {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            max-width: 800px;\r\n            max-height: 90vh;\r\n            overflow-y: auto;\r\n            position: relative;\r\n        }\r\n        \r\n        .ppwr-action-modal-close {\r\n            position: absolute;\r\n            top: 1rem;\r\n            right: 1rem;\r\n            background: var(--neutral-light);\r\n            border: none;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            font-size: 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ppwr-action-modal-content h3 {\r\n            margin: 0 0 2rem 0;\r\n            color: var(--danger);\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-response-timeline {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-response-phase {\r\n            background: var(--neutral-light);\r\n            padding: 1.5rem;\r\n            border-radius: 15px;\r\n            margin-bottom: 1.5rem;\r\n            border-left: 6px solid var(--danger);\r\n        }\r\n        \r\n        .ppwr-action-response-phase h5 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--danger);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .ppwr-action-response-phase ul {\r\n            margin: 0;\r\n            padding-left: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-response-phase li {\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .ppwr-action-mitigation-options {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 1.5rem;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-mitigation-option {\r\n            background: var(--neutral-light);\r\n            padding: 1.5rem;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-action-mitigation-option h6 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--text-dark);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ppwr-action-mitigation-option p {\r\n            margin: 0.5rem 0;\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        \/* Compliance Scorecard *\/\r\n        .ppwr-action-scorecard {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-action-scorecard h3 {\r\n            text-align: center;\r\n            margin: 0 0 3rem 0;\r\n            color: var(--primary);\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-checklist {\r\n            background: rgba(102, 126, 234, 0.05);\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-checklist h4 {\r\n            margin: 0 0 1.5rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .ppwr-action-pillar-checklist {\r\n            margin-bottom: 1.5rem;\r\n            padding-bottom: 1.5rem;\r\n            border-bottom: 1px solid rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .ppwr-action-pillar-checklist:last-child {\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n        }\r\n        \r\n        .ppwr-action-pillar-checklist h5 {\r\n            margin: 0 0 0.75rem 0;\r\n            color: var(--text-dark);\r\n            font-size: 1.05rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ppwr-action-checkbox {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0.6rem 0;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n        \r\n        .ppwr-action-checkbox:hover {\r\n            background: rgba(102, 126, 234, 0.08);\r\n            padding-left: 0.5rem;\r\n            border-radius: 8px;\r\n        }\r\n        \r\n        .ppwr-action-checkbox input[type=\"checkbox\"] {\r\n            width: 22px;\r\n            height: 22px;\r\n            margin-right: 12px;\r\n            cursor: pointer;\r\n            accent-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-checkbox span {\r\n            font-size: 0.95rem;\r\n            color: var(--text-dark);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .ppwr-action-pillar-meters {\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-pillar-meter {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-action-pillar-meter-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .ppwr-action-pillar-meter-header h5 {\r\n            margin: 0;\r\n            font-size: 1.1rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-action-pillar-meter-header span {\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-pillar-bar {\r\n            width: 100%;\r\n            height: 20px;\r\n            background: var(--neutral-light);\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ppwr-action-pillar-fill {\r\n            height: 100%;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            border-radius: 10px;\r\n            transition: width 1s ease;\r\n            width: 0%;\r\n        }\r\n        \r\n        .ppwr-action-overall-score {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-score-circle {\r\n            width: 200px;\r\n            height: 200px;\r\n            margin: 0 auto 2rem;\r\n            border-radius: 50%;\r\n            background: conic-gradient(\r\n                var(--primary) 0deg,\r\n                var(--neutral-light) 0deg\r\n            );\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .ppwr-action-score-inner {\r\n            width: 160px;\r\n            height: 160px;\r\n            background: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ppwr-action-score-value {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            margin: 0;\r\n        }\r\n        \r\n        .ppwr-action-score-label {\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-action-risk-level {\r\n            display: inline-block;\r\n            padding: 0.8rem 2rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .ppwr-action-risk-level.high {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-action-risk-level.medium {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--warning);\r\n        }\r\n        \r\n        .ppwr-action-risk-level.low {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-action-next-actions {\r\n            background: var(--neutral-light);\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n        }\r\n        \r\n        .ppwr-action-next-actions h4 {\r\n            margin: 0 0 1.5rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .ppwr-action-next-actions ol {\r\n            margin: 0;\r\n            padding-left: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-action-next-actions li {\r\n            margin-bottom: 1rem;\r\n            font-size: 1rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .ppwr-action-cta-section {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            color: white;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-action-cta-content h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            margin: 0 0 1.5rem 0;\r\n        }\r\n        \r\n        .ppwr-action-cta-content > p {\r\n            font-size: 1.2rem;\r\n            margin: 0 0 3rem 0;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        .ppwr-action-service-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-action-service-card {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            color: var(--text-dark);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-action-service-card:hover {\r\n            transform: translateY(-8px);\r\n        }\r\n        \r\n        .ppwr-action-service-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-action-service-card h3 {\r\n            font-size: 1.3rem;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-action-service-card p {\r\n            margin: 0;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .ppwr-action-cta-button {\r\n            display: inline-block;\r\n            padding: 1.2rem 3rem;\r\n            background: white;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .ppwr-action-cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 30px rgba(0,0,0,0.3);\r\n            text-decoration: none;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .ppwr-action-hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .ppwr-action-section {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n            \r\n            .ppwr-action-budget,\r\n            .ppwr-action-matrix-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ppwr-action-timeline-content {\r\n                overflow-x: auto;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ppwr-action-wrapper\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"ppwr-action-hero\">\r\n        <div class=\"ppwr-action-hero-content\">\r\n            <h1>Your PPWR Action Plan: 2025-2030 Compliance Roadmap<\/h1>\r\n            <p>Build your customized compliance strategy with interactive tools for timeline planning, budget modeling, and risk assessment. Select your industry to begin.<\/p>\r\n            \r\n            <div class=\"ppwr-action-industries\">\r\n                <div class=\"ppwr-action-industry-card\" data-industry=\"cosmetics\">\r\n                    <div class=\"ppwr-action-industry-icon\">\ud83d\udc84<\/div>\r\n                    <h3>Cosmetics & Beauty<\/h3>\r\n                    <p>Luxury packaging, refillables, PCR content<\/p>\r\n                    <div class=\"ppwr-action-complexity\">Complexity: \u2b50\u2b50\u2b50\u2b50<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-industry-card\" data-industry=\"pharma\">\r\n                    <div class=\"ppwr-action-industry-icon\">\ud83d\udc8a<\/div>\r\n                    <h3>Pharmaceuticals<\/h3>\r\n                    <p>Exemptions, secondary packaging, DPP integration<\/p>\r\n                    <div class=\"ppwr-action-complexity\">Complexity: \u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-industry-card\" data-industry=\"fnb\">\r\n                    <div class=\"ppwr-action-industry-icon\">\ud83c\udf54<\/div>\r\n                    <h3>Food & Beverage<\/h3>\r\n                    <p>PFAS elimination, reusable systems, 30% PCR<\/p>\r\n                    <div class=\"ppwr-action-complexity\">Complexity: \u2b50\u2b50\u2b50\u2b50<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-industry-card\" data-industry=\"ecommerce\">\r\n                    <div class=\"ppwr-action-industry-icon\">\ud83d\udce6<\/div>\r\n                    <h3>E-Commerce<\/h3>\r\n                    <p>Empty space <40%, EPR multi-country, DPP<\/p>\r\n                    <div class=\"ppwr-action-complexity\">Complexity: \u2b50\u2b50\u2b50<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Priority Actions -->\r\n    <section class=\"ppwr-action-section\" id=\"priorities\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 1<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Industry-Specific Priorities<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Focus your efforts on the highest-impact actions for your industry sector.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-priorities\" id=\"priorityContainer\">\r\n                <!-- Dynamically populated based on industry selection -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Interactive Timeline Builder -->\r\n    <section class=\"ppwr-action-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 2<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Your Compliance Timeline<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Explore the phased roadmap from 2025 to 2030 with quarterly milestones.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-timeline-builder\">\r\n                <h3>\ud83d\udcc5 2025-2030 Roadmap<\/h3>\r\n                \r\n                <div class=\"ppwr-action-phase-tabs\">\r\n                    <button class=\"ppwr-action-phase-tab active\" data-phase=\"phase1\">Phase 1: Foundation (2025)<\/button>\r\n                    <button class=\"ppwr-action-phase-tab\" data-phase=\"phase2\">Phase 2: Implementation (2026-2028)<\/button>\r\n                    <button class=\"ppwr-action-phase-tab\" data-phase=\"phase3\">Phase 3: Optimization (2029-2030)<\/button>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-timeline-content active\" data-content=\"phase1\">\r\n                    <div class=\"ppwr-action-quarters\">\r\n                        <div class=\"ppwr-action-quarter\">\r\n                            <h4>Q1 2025<\/h4>\r\n                            <div class=\"ppwr-action-milestone critical\">\r\n                                <h5>Complete Packaging Audit<\/h5>\r\n                                <p>Assess all SKUs for PPWR gaps<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Supply Chain<\/span>\r\n                                    <span class=\"ppwr-action-milestone-tag\">\u20ac25K-75K<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"ppwr-action-milestone high\">\r\n                                <h5>Form Steering Committee<\/h5>\r\n                                <p>Cross-functional PPWR team<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Executive<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-quarter\">\r\n                            <h4>Q2 2025<\/h4>\r\n                            <div class=\"ppwr-action-milestone critical\">\r\n                                <h5>Select Compliance Partners<\/h5>\r\n                                <p>EPR consultants, DPP platforms, suppliers<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Procurement<\/span>\r\n                                    <span class=\"ppwr-action-milestone-tag\">\u20ac15K-50K<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"ppwr-action-milestone high\">\r\n                                <h5>Develop 5-Year Budget<\/h5>\r\n                                <p>Investment model + ROI analysis<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Finance<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-quarter\">\r\n                            <h4>Q3 2025<\/h4>\r\n                            <div class=\"ppwr-action-milestone critical\">\r\n                                <h5>Initiate EPR Registration<\/h5>\r\n                                <p>All EU markets where selling<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Regulatory<\/span>\r\n                                    <span class=\"ppwr-action-milestone-tag\">\u20ac50K-150K<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"ppwr-action-milestone critical\">\r\n                                <h5>Begin PFAS Elimination<\/h5>\r\n                                <p>Test alternatives for food-contact<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">R&D<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-quarter\">\r\n                            <h4>Q4 2025<\/h4>\r\n                            <div class=\"ppwr-action-milestone high\">\r\n                                <h5>Execute Quick Wins<\/h5>\r\n                                <p>Secondary packaging optimization<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">Engineering<\/span>\r\n                                    <span class=\"ppwr-action-milestone-tag\">\u20ac75K-250K<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"ppwr-action-milestone medium\">\r\n                                <h5>Set 2026 KPIs<\/h5>\r\n                                <p>Quarterly compliance targets<\/p>\r\n                                <div class=\"ppwr-action-milestone-meta\">\r\n                                    <span class=\"ppwr-action-milestone-tag\">All Teams<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-timeline-content\" data-content=\"phase2\">\r\n                    <div style=\"padding: 2rem; background: var(--neutral-light); border-radius: 15px;\">\r\n                        <h4 style=\"margin: 0 0 1rem 0; color: var(--primary);\">2026-2028: Build & Deploy<\/h4>\r\n                        <p style=\"margin: 0 0 1.5rem 0; color: var(--neutral-dark);\">Focus areas during implementation phase:<\/p>\r\n                        <ul style=\"margin: 0; padding-left: 1.5rem; color: var(--text-dark);\">\r\n                            <li><strong>2026:<\/strong> EPR operational, PFAS-free complete, empty space compliant, DPP pilot, PCR qualification<\/li>\r\n                            <li><strong>2027:<\/strong> PCR scaling (50% coverage), Grade A\/B recyclability (50% portfolio), DPP expansion (50% SKUs)<\/li>\r\n                            <li><strong>2028:<\/strong> Harmonized labeling rollout (Aug 2028), PCR 80% coverage, DPP 100% new SKUs, reusable systems<\/li>\r\n                        <\/ul>\r\n                        <div style=\"margin-top: 1.5rem; padding: 1rem; background: white; border-radius: 10px;\">\r\n                            <strong style=\"color: var(--primary);\">Total Investment:<\/strong> \u20ac1.25M-2.9M over 3 years\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-timeline-content\" data-content=\"phase3\">\r\n                    <div style=\"padding: 2rem; background: var(--neutral-light); border-radius: 15px;\">\r\n                        <h4 style=\"margin: 0 0 1rem 0; color: var(--primary);\">2029-2030: Scale & Certify<\/h4>\r\n                        <p style=\"margin: 0 0 1.5rem 0; color: var(--neutral-dark);\">Final compliance push and certification:<\/p>\r\n                        <ul style=\"margin: 0; padding-left: 1.5rem; color: var(--text-dark);\">\r\n                            <li><strong>2029:<\/strong> Grade B minimum achieved (80% recyclability portfolio-wide), 30% PCR compliance (100% applicable plastics)<\/li>\r\n                            <li><strong>2030:<\/strong> Full PPWR compliance certification, third-party audits passed, DPP 100% portfolio, single-use bans compliant<\/li>\r\n                        <\/ul>\r\n                        <div style=\"margin-top: 1.5rem; padding: 1rem; background: white; border-radius: 10px;\">\r\n                            <strong style=\"color: var(--success);\">Total Investment:<\/strong> \u20ac400K-950K over 2 years\r\n                        <\/div>\r\n                        <div style=\"margin-top: 1rem; padding: 1rem; background: rgba(16, 185, 129, 0.1); border-radius: 10px;\">\r\n                            <strong style=\"color: var(--success);\">\u2705 Full Compliance Achieved<\/strong>\r\n                            <p style=\"margin: 0.5rem 0 0 0; font-size: 0.9rem;\">All PPWR requirements met, market access secured across EU<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Budget Calculator -->\r\n    <section class=\"ppwr-action-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 3<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Budget Calculator<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Model your 5-year compliance investment based on company size and operations.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-budget\">\r\n                <div class=\"ppwr-action-budget-inputs\">\r\n                    <h4>Company Profile<\/h4>\r\n                    \r\n                    <div class=\"ppwr-action-input-group\">\r\n                        <label>Annual Revenue (Million \u20ac)<\/label>\r\n                        <div class=\"ppwr-action-slider-container\">\r\n                            <input type=\"range\" id=\"revenueSlider\" min=\"5\" max=\"5000\" value=\"50\" step=\"5\">\r\n                            <span class=\"ppwr-action-slider-value\">\u20ac<span id=\"revenueValue\">50<\/span>M<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-input-group\">\r\n                        <label>Number of SKUs<\/label>\r\n                        <div class=\"ppwr-action-slider-container\">\r\n                            <input type=\"range\" id=\"skuSlider\" min=\"10\" max=\"1000\" value=\"100\" step=\"10\">\r\n                            <span class=\"ppwr-action-slider-value\"><span id=\"skuValue\">100<\/span> SKUs<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-input-group\">\r\n                        <label>EU Markets Served<\/label>\r\n                        <div class=\"ppwr-action-slider-container\">\r\n                            <input type=\"range\" id=\"marketSlider\" min=\"1\" max=\"27\" value=\"5\">\r\n                            <span class=\"ppwr-action-slider-value\"><span id=\"marketValue\">5<\/span> countries<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-input-group\">\r\n                        <label>Industry Type<\/label>\r\n                        <select id=\"industrySelect\">\r\n                            <option value=\"cosmetics\">Cosmetics & Beauty<\/option>\r\n                            <option value=\"pharma\">Pharmaceuticals<\/option>\r\n                            <option value=\"fnb\">Food & Beverage<\/option>\r\n                            <option value=\"ecommerce\">E-Commerce<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-budget-results\">\r\n                    <h4>\ud83d\udcb0 Investment Breakdown<\/h4>\r\n                    \r\n                    <div class=\"ppwr-action-phase-cost\">\r\n                        <h5>Phase 1 (2025)<\/h5>\r\n                        <div class=\"amount\" id=\"phase1Cost\">\u20ac165K<\/div>\r\n                        <p style=\"margin: 0.5rem 0 0 0; font-size: 0.9rem; color: var(--neutral-dark);\">Foundation & planning<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-phase-cost\">\r\n                        <h5>Phase 2 (2026-2028)<\/h5>\r\n                        <div class=\"amount\" id=\"phase2Cost\">\u20ac1.25M<\/div>\r\n                        <p style=\"margin: 0.5rem 0 0 0; font-size: 0.9rem; color: var(--neutral-dark);\">Implementation & scaling<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-phase-cost\">\r\n                        <h5>Phase 3 (2029-2030)<\/h5>\r\n                        <div class=\"amount\" id=\"phase3Cost\">\u20ac400K<\/div>\r\n                        <p style=\"margin: 0.5rem 0 0 0; font-size: 0.9rem; color: var(--neutral-dark);\">Optimization & certification<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-total-investment\">\r\n                        <h5>Total 5-Year Investment<\/h5>\r\n                        <div class=\"amount\" id=\"totalCost\">\u20ac1.82M<\/div>\r\n                        \r\n                        <div class=\"ppwr-action-roi\">\r\n                            <p><strong>Payback Period:<\/strong> <span id=\"paybackPeriod\">4-6 years<\/span><\/p>\r\n                            <p><strong>Annual EPR Savings:<\/strong> <span id=\"eprSavings\">\u20ac85K-120K<\/span><\/p>\r\n                            <p><strong>% of Revenue:<\/strong> <span id=\"revenuePercent\">0.7%<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Priority Matrix -->\r\n    <section class=\"ppwr-action-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 4<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Priority Matrix: Quick Wins vs Strategic<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Identify high-impact actions you can start immediately alongside long-term strategic investments.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-matrix\">\r\n                <h3>Impact vs Effort Matrix<\/h3>\r\n                \r\n                <div class=\"ppwr-action-matrix-grid\">\r\n                    <div class=\"ppwr-action-quadrant quick-wins\">\r\n                        <h4>\u2705 Quick Wins<\/h4>\r\n                        <p>High Impact, Low Effort<\/p>\r\n                        <ul>\r\n                            <li>Switch to FSC-certified cartons (35% PCR)<\/li>\r\n                            <li>Implement water-soluble adhesives<\/li>\r\n                            <li>Optimize secondary packaging dimensions<\/li>\r\n                            <li>Remove metallized labels (use printed alternatives)<\/li>\r\n                            <li>Update artwork for harmonized labels<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-quadrant strategic\">\r\n                        <h4>\ud83c\udfaf Strategic Investments<\/h4>\r\n                        <p>High Impact, High Effort<\/p>\r\n                        <ul>\r\n                            <li>30% PCR content transition (contact-sensitive)<\/li>\r\n                            <li>Digital Product Passport implementation<\/li>\r\n                            <li>Refillable system development<\/li>\r\n                            <li>Grade A recyclability redesign<\/li>\r\n                            <li>Multi-country EPR registration<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-quadrant fill-ins\">\r\n                        <h4>\ud83d\udcdd Fill-ins<\/h4>\r\n                        <p>Low Impact, Low Effort<\/p>\r\n                        <ul>\r\n                            <li>Standardize internal compliance documentation<\/li>\r\n                            <li>Conduct employee training programs<\/li>\r\n                            <li>Update supplier contract templates<\/li>\r\n                            <li>Create compliance tracking dashboards<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-quadrant money-pits\">\r\n                        <h4>\u26a0\ufe0f Money Pits<\/h4>\r\n                        <p>Low Impact, High Effort<\/p>\r\n                        <ul>\r\n                            <li>Over-engineered packaging features<\/li>\r\n                            <li>Unnecessary premium certifications<\/li>\r\n                            <li>Complex multi-material experimentation<\/li>\r\n                            <li>Redundant testing across similar SKUs<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Crisis Simulator -->\r\n    <section class=\"ppwr-action-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 5<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Crisis Scenario Simulator<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Click a scenario to explore 72-hour response plans and mitigation strategies.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-crisis-scenarios\">\r\n                <div class=\"ppwr-action-scenario-card\" data-scenario=\"pfas\">\r\n                    <div class=\"ppwr-action-scenario-icon\">\ud83d\udea8<\/div>\r\n                    <h4>PFAS Discovered Q4 2025<\/h4>\r\n                    <p>Food-contact packaging contains banned substances with August 2026 deadline approaching.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-scenario-card\" data-scenario=\"pcr\">\r\n                    <div class=\"ppwr-action-scenario-icon\">\ud83d\udea8<\/div>\r\n                    <h4>Supplier Fails PCR Certification<\/h4>\r\n                    <p>Primary PCR supplier cannot provide verified 30% content documentation.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-scenario-card\" data-scenario=\"customs\">\r\n                    <div class=\"ppwr-action-scenario-icon\">\ud83d\udea8<\/div>\r\n                    <h4>Customs Detains Shipment<\/h4>\r\n                    <p>German customs holds \u20ac240K of goods due to missing EPR registration.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-scenario-card\" data-scenario=\"dpp\">\r\n                    <div class=\"ppwr-action-scenario-icon\">\ud83d\udea8<\/div>\r\n                    <h4>DPP System Failure<\/h4>\r\n                    <p>Digital passport platform crashes during market surveillance audit.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Response Modal -->\r\n    <div class=\"ppwr-action-response-modal\" id=\"responseModal\">\r\n        <div class=\"ppwr-action-modal-content\">\r\n            <button class=\"ppwr-action-modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\r\n            <h3 id=\"modalTitle\">Crisis Response Plan<\/h3>\r\n            <div id=\"modalBody\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Compliance Scorecard -->\r\n    <section class=\"ppwr-action-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-section-header\">\r\n                <span class=\"ppwr-action-pillar-number\">Step 6<\/span>\r\n                <h2 class=\"ppwr-action-section-title\">Your Compliance Scorecard<\/h2>\r\n                <p class=\"ppwr-action-section-subtitle\">Track progress across the 5 pillars and get personalized next action recommendations.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-action-scorecard\">\r\n                <h3>\ud83d\udcca Compliance Progress Tracker<\/h3>\r\n                \r\n                <div class=\"ppwr-action-checklist\">\r\n                    <h4>\u2705 Compliance Checklist (Check all that apply)<\/h4>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-checklist\">\r\n                        <h5>Pillar 1: Recyclability<\/h5>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"recyclability\" value=\"50\">\r\n                            <span>Achieved Grade C (\u226570% recyclable)<\/span>\r\n                        <\/label>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"recyclability\" value=\"50\">\r\n                            <span>Planning for Grade A (\u226595% recyclable)<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-checklist\">\r\n                        <h5>Pillar 2: PCR Content<\/h5>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"pcr\" value=\"50\">\r\n                            <span>Using 30% PCR in contact-sensitive packaging<\/span>\r\n                        <\/label>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"pcr\" value=\"50\">\r\n                            <span>Planning 65% PCR by 2040<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-checklist\">\r\n                        <h5>Pillar 3: Substances of Concern<\/h5>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"substances\" value=\"50\">\r\n                            <span>All packaging is PFAS-free (\u226410 ppm TOF)<\/span>\r\n                        <\/label>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"substances\" value=\"50\">\r\n                            <span>Heavy metals <100 ppm (Pb, Cd, Hg, Cr VI)<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-checklist\">\r\n                        <h5>Pillar 4: Reuse & Single-Use Bans<\/h5>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"reuse\" value=\"50\">\r\n                            <span>Reuse system in place (targeting 10% by 2030)<\/span>\r\n                        <\/label>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"reuse\" value=\"50\">\r\n                            <span>Eliminated banned single-use formats<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-checklist\">\r\n                        <h5>Pillar 5: Packaging Minimization<\/h5>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"minimization\" value=\"50\">\r\n                            <span>Empty space ratio <40% across all SKUs<\/span>\r\n                        <\/label>\r\n                        <label class=\"ppwr-action-checkbox\">\r\n                            <input type=\"checkbox\" data-pillar=\"minimization\" value=\"50\">\r\n                            <span>Optimized packaging dimensions for transport<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-pillar-meters\">\r\n                    <div class=\"ppwr-action-pillar-meter\">\r\n                        <div class=\"ppwr-action-pillar-meter-header\">\r\n                            <h5>Recyclability (Grade A\/B\/C)<\/h5>\r\n                            <span id=\"recyclabilityPercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-action-pillar-bar\">\r\n                            <div class=\"ppwr-action-pillar-fill\" id=\"recyclabilityFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-meter\">\r\n                        <div class=\"ppwr-action-pillar-meter-header\">\r\n                            <h5>PCR Content (30% Target)<\/h5>\r\n                            <span id=\"pcrPercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-action-pillar-bar\">\r\n                            <div class=\"ppwr-action-pillar-fill\" id=\"pcrFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-meter\">\r\n                        <div class=\"ppwr-action-pillar-meter-header\">\r\n                            <h5>Substances (PFAS-Free, Heavy Metals)<\/h5>\r\n                            <span id=\"substancesPercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-action-pillar-bar\">\r\n                            <div class=\"ppwr-action-pillar-fill\" id=\"substancesFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-meter\">\r\n                        <div class=\"ppwr-action-pillar-meter-header\">\r\n                            <h5>Reuse Systems (10% Target)<\/h5>\r\n                            <span id=\"reusePercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-action-pillar-bar\">\r\n                            <div class=\"ppwr-action-pillar-fill\" id=\"reuseFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-pillar-meter\">\r\n                        <div class=\"ppwr-action-pillar-meter-header\">\r\n                            <h5>Minimization (<40% Empty Space)<\/h5>\r\n                            <span id=\"minimizationPercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-action-pillar-bar\">\r\n                            <div class=\"ppwr-action-pillar-fill\" id=\"minimizationFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-overall-score\">\r\n                    <div class=\"ppwr-action-score-circle\" id=\"scoreCircle\">\r\n                        <div class=\"ppwr-action-score-inner\">\r\n                            <div class=\"ppwr-action-score-value\" id=\"overallScore\">0<\/div>\r\n                            <div class=\"ppwr-action-score-label\">Overall Score<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-risk-level high\" id=\"riskLevel\">HIGH RISK<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-action-next-actions\">\r\n                    <h4>\ud83c\udfaf Your Top 3 Next Actions<\/h4>\r\n                    <ol id=\"nextActionsList\">\r\n                        <li>Complete packaging audit to identify PPWR gaps across all SKUs<\/li>\r\n                        <li>Begin PFAS testing for all food-contact packaging (deadline: Aug 2026)<\/li>\r\n                        <li>Initiate EPR registration in all EU markets where you sell<\/li>\r\n                    <\/ol>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"ppwr-action-section ppwr-action-cta-section\">\r\n        <div class=\"ppwr-action-container\">\r\n            <div class=\"ppwr-action-cta-content\">\r\n                <h2>Jarsking: Your End-to-End Compliance Partner<\/h2>\r\n                <p>From audit to implementation, we guide you through every phase of your PPWR journey with proven solutions and expert support.<\/p>\r\n                \r\n                <div class=\"ppwr-action-service-grid\">\r\n                    <div class=\"ppwr-action-service-card\">\r\n                        <div class=\"ppwr-action-service-icon\">\ud83d\udd0d<\/div>\r\n                        <h3>Compliance Audit<\/h3>\r\n                        <p>Comprehensive SKU-level assessment identifying gaps across all 5 PPWR pillars with prioritized action plan.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-service-card\">\r\n                        <div class=\"ppwr-action-service-icon\">\ud83c\udfa8<\/div>\r\n                        <h3>Packaging Redesign<\/h3>\r\n                        <p>Grade A recyclability engineering with detachable systems, mono-materials, and PCR integration.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-service-card\">\r\n                        <div class=\"ppwr-action-service-icon\">\ud83d\udcf1<\/div>\r\n                        <h3>DPP Implementation<\/h3>\r\n                        <p>Complete digital passport setup from data collection to QR code integration and consumer interfaces.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-action-service-card\">\r\n                        <div class=\"ppwr-action-service-icon\">\ud83c\udf31<\/div>\r\n                        <h3>Refillable Systems<\/h3>\r\n                        <p>Premium refillable packaging design with 50-100+ cycle durability and elegant consumer experience.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/www.jarsking.com\/contact\/\" class=\"ppwr-action-cta-button\">Start Your Compliance Journey \u2192<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Industry Selector\r\n    (function() {\r\n        const industryCards = document.querySelectorAll('.ppwr-action-industry-card');\r\n        let selectedIndustry = null;\r\n        \r\n        const priorities = {\r\n            cosmetics: [\r\n                { title: 'Grade A Recyclability', desc: 'Detachable pumps, mono-material lids, easily removable labels', priority: 'critical' },\r\n                { title: '30% PCR Content', desc: 'Premium PCR suppliers for cosmetic-grade clarity', priority: 'critical' },\r\n                { title: 'Refillable Systems', desc: 'Heirloom-quality outer shells, 50+ refill cycles', priority: 'high' },\r\n                { title: 'PFAS-Free Transition', desc: 'Audit and eliminate PFAS-based moisture barriers', priority: 'critical' }\r\n            ],\r\n            pharma: [\r\n                { title: 'Secondary Packaging Optimization', desc: 'FSC cartons, 35% PCR, water-based inks', priority: 'critical' },\r\n                { title: 'Exemption Documentation', desc: 'Justify primary packaging exemptions with stability studies', priority: 'high' },\r\n                { title: 'DPP Integration', desc: 'Piggyback on existing EU FMD serialization', priority: 'high' },\r\n                { title: 'Long Validation Planning', desc: '24-36 month timelines for primary packaging changes', priority: 'critical' }\r\n            ],\r\n            fnb: [\r\n                { title: 'PFAS Elimination', desc: 'Water-based barriers for fast food wrappers, pizza boxes', priority: 'critical' },\r\n                { title: 'Reusable On-Premise Systems', desc: 'Deposit-return cups, BYOC protocols, dine-in serviceware', priority: 'critical' },\r\n                { title: 'Single-Use Bans', desc: 'Bulk dispensers, >150ml portions, paper alternatives', priority: 'high' },\r\n                { title: '30% PCR for Beverage Bottles', desc: 'rPET suppliers, food-contact approval, line trials', priority: 'critical' }\r\n            ],\r\n            ecommerce: [\r\n                { title: 'Empty Space <40%', desc: 'Right-sizing algorithms, on-demand box making', priority: 'critical' },\r\n                { title: 'Multi-Country EPR', desc: 'Consolidated platforms for 15+ EU market registration', priority: 'critical' },\r\n                { title: 'Recyclable Return Packaging', desc: '35% PCR mailers, paper-based padded alternatives', priority: 'high' },\r\n                { title: 'DPP for Customer Experience', desc: 'QR codes on boxes, unboxing engagement, loyalty integration', priority: 'high' }\r\n            ]\r\n        };\r\n        \r\n        industryCards.forEach(card => {\r\n            card.addEventListener('click', function() {\r\n                const industry = this.dataset.industry;\r\n                \r\n                industryCards.forEach(c => c.classList.remove('active'));\r\n                this.classList.add('active');\r\n                \r\n                selectedIndustry = industry;\r\n                updatePriorities(industry);\r\n                \r\n                \/\/ Scroll to priorities\r\n                document.getElementById('priorities').scrollIntoView({ behavior: 'smooth' });\r\n            });\r\n        });\r\n        \r\n        function updatePriorities(industry) {\r\n            const container = document.getElementById('priorityContainer');\r\n            const industryPriorities = priorities[industry];\r\n            \r\n            container.innerHTML = '';\r\n            \r\n            industryPriorities.forEach((priority, index) => {\r\n                const card = document.createElement('div');\r\n                card.className = `ppwr-action-priority-card ${industry}`;\r\n                card.innerHTML = `\r\n                    <div class=\"ppwr-action-priority-number\">${index + 1}<\/div>\r\n                    <h4>${priority.title}<\/h4>\r\n                    <p>${priority.desc}<\/p>\r\n                    <span class=\"ppwr-action-priority-badge ${priority.priority}\">${priority.priority.toUpperCase()}<\/span>\r\n                `;\r\n                container.appendChild(card);\r\n            });\r\n        }\r\n    })();\r\n    \r\n    \/\/ Timeline Phase Tabs\r\n    (function() {\r\n        const phaseTabs = document.querySelectorAll('.ppwr-action-phase-tab');\r\n        const phaseContents = document.querySelectorAll('.ppwr-action-timeline-content');\r\n        \r\n        phaseTabs.forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                const phase = this.dataset.phase;\r\n                \r\n                phaseTabs.forEach(t => t.classList.remove('active'));\r\n                phaseContents.forEach(c => c.classList.remove('active'));\r\n                \r\n                this.classList.add('active');\r\n                document.querySelector(`[data-content=\"${phase}\"]`).classList.add('active');\r\n            });\r\n        });\r\n    })();\r\n    \r\n    \/\/ Budget Calculator\r\n    (function() {\r\n        const revenueSlider = document.getElementById('revenueSlider');\r\n        const skuSlider = document.getElementById('skuSlider');\r\n        const marketSlider = document.getElementById('marketSlider');\r\n        const industrySelect = document.getElementById('industrySelect');\r\n        \r\n        const revenueValue = document.getElementById('revenueValue');\r\n        const skuValue = document.getElementById('skuValue');\r\n        const marketValue = document.getElementById('marketValue');\r\n        \r\n        const phase1Cost = document.getElementById('phase1Cost');\r\n        const phase2Cost = document.getElementById('phase2Cost');\r\n        const phase3Cost = document.getElementById('phase3Cost');\r\n        const totalCost = document.getElementById('totalCost');\r\n        const paybackPeriod = document.getElementById('paybackPeriod');\r\n        const eprSavings = document.getElementById('eprSavings');\r\n        const revenuePercent = document.getElementById('revenuePercent');\r\n        \r\n        function calculateBudget() {\r\n            const revenue = parseInt(revenueSlider.value);\r\n            const skus = parseInt(skuSlider.value);\r\n            const markets = parseInt(marketSlider.value);\r\n            \r\n            revenueValue.textContent = revenue;\r\n            skuValue.textContent = skus;\r\n            marketValue.textContent = markets;\r\n            \r\n            \/\/ Calculate costs based on company size\r\n            let phase1 = 165 + (skus * 0.5) + (markets * 10);\r\n            let phase2 = 1250 + (revenue * 2) + (skus * 1.5) + (markets * 30);\r\n            let phase3 = 400 + (revenue * 0.5) + (skus * 0.8);\r\n            \r\n            \/\/ Industry multipliers\r\n            const multipliers = { cosmetics: 1.0, pharma: 1.3, fnb: 1.1, ecommerce: 0.9 };\r\n            const mult = multipliers[industrySelect.value] || 1.0;\r\n            \r\n            phase1 *= mult;\r\n            phase2 *= mult;\r\n            phase3 *= mult;\r\n            \r\n            const total = phase1 + phase2 + phase3;\r\n            \r\n            phase1Cost.textContent = '\u20ac' + Math.round(phase1) + 'K';\r\n            phase2Cost.textContent = '\u20ac' + (Math.round(phase2 \/ 100) \/ 10) + 'M';\r\n            phase3Cost.textContent = '\u20ac' + Math.round(phase3) + 'K';\r\n            totalCost.textContent = '\u20ac' + (Math.round(total \/ 100) \/ 10) + 'M';\r\n            \r\n            \/\/ Calculate ROI\r\n            const annualSavings = revenue * 0.02 + (skus * 0.3);\r\n            const payback = Math.round((total \/ annualSavings) * 10) \/ 10;\r\n            \r\n            paybackPeriod.textContent = payback + ' years';\r\n            eprSavings.textContent = '\u20ac' + Math.round(annualSavings) + 'K';\r\n            revenuePercent.textContent = (Math.round((total \/ (revenue * 1000)) * 1000) \/ 10) + '%';\r\n        }\r\n        \r\n        revenueSlider.addEventListener('input', calculateBudget);\r\n        skuSlider.addEventListener('input', calculateBudget);\r\n        marketSlider.addEventListener('input', calculateBudget);\r\n        industrySelect.addEventListener('change', calculateBudget);\r\n        \r\n        calculateBudget();\r\n    })();\r\n    \r\n    \/\/ Crisis Simulator\r\n    (function() {\r\n        const scenarioCards = document.querySelectorAll('.ppwr-action-scenario-card');\r\n        const modal = document.getElementById('responseModal');\r\n        const modalTitle = document.getElementById('modalTitle');\r\n        const modalBody = document.getElementById('modalBody');\r\n        \r\n        const scenarios = {\r\n            pfas: {\r\n                title: '\ud83d\udea8 PFAS Discovered Q4 2025',\r\n                content: `\r\n                    <div class=\"ppwr-action-response-timeline\">\r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 0-24: Immediate Actions<\/h5>\r\n                            <ul>\r\n                                <li>Engage legal counsel immediately<\/li>\r\n                                <li>Quantify exposure (% of portfolio, volume, markets affected)<\/li>\r\n                                <li>Assess alternative suppliers for expedited qualification<\/li>\r\n                                <li>Initiate emergency material testing (<10 ppm verification)<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 24-48: Stakeholder Communication<\/h5>\r\n                            <ul>\r\n                                <li>Notify key customers\/retailers (proactive transparency)<\/li>\r\n                                <li>File for temporary derogation if grounds exist<\/li>\r\n                                <li>Develop contingency: reformulate to eliminate PFAS barrier need<\/li>\r\n                                <li>Begin supplier emergency qualification process<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 48-72: Corrective Measures<\/h5>\r\n                            <ul>\r\n                                <li>Implement inventory quarantine (prevent non-compliant sales)<\/li>\r\n                                <li>Launch emergency supplier switch at premium cost<\/li>\r\n                                <li>Prepare corrective action plan for authorities<\/li>\r\n                                <li>Update crisis communication to all stakeholders<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h4 style=\"margin: 2rem 0 1rem 0; color: var(--primary);\">Mitigation Options<\/h4>\r\n                    <div class=\"ppwr-action-mitigation-options\">\r\n                        <div class=\"ppwr-action-mitigation-option\">\r\n                            <h6>Option A: Emergency Switch<\/h6>\r\n                            <p><strong>Cost:<\/strong> \u20ac200K-800K<\/p>\r\n                            <p><strong>Timeline:<\/strong> 3-6 months<\/p>\r\n                            <p>Accept +20-35% material premium<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-mitigation-option\">\r\n                            <h6>Option B: Withdrawal<\/h6>\r\n                            <p><strong>Revenue Impact:<\/strong> -15% to -40%<\/p>\r\n                            <p><strong>Timeline:<\/strong> Until compliant<\/p>\r\n                            <p>Remove SKUs from EU market temporarily<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-mitigation-option\">\r\n                            <h6>Option C: Reformulation<\/h6>\r\n                            <p><strong>Cost:<\/strong> \u20ac150K-500K<\/p>\r\n                            <p><strong>Timeline:<\/strong> 6-12 months<\/p>\r\n                            <p>Eliminate need for grease barrier<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                `\r\n            },\r\n            pcr: {\r\n                title: '\ud83d\udea8 Supplier Fails PCR Certification',\r\n                content: `\r\n                    <div class=\"ppwr-action-response-timeline\">\r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 0-24: Assessment<\/h5>\r\n                            <ul>\r\n                                <li>Verify failure scope (which materials\/batches affected)<\/li>\r\n                                <li>Review supplier contract (liability, substitution clauses)<\/li>\r\n                                <li>Calculate compliance gap (% of portfolio at risk)<\/li>\r\n                                <li>Contact backup PCR suppliers immediately<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 24-48: Supplier Negotiation<\/h5>\r\n                            <ul>\r\n                                <li>Demand corrective action plan from supplier<\/li>\r\n                                <li>Request independent third-party re-verification<\/li>\r\n                                <li>Initiate parallel supplier qualification (2-3 alternatives)<\/li>\r\n                                <li>Assess interim virgin material usage (temporary regression)<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 48-72: Supply Chain Pivot<\/h5>\r\n                            <ul>\r\n                                <li>Execute emergency supplier switch if primary fails to remedy<\/li>\r\n                                <li>Accept higher costs for verified PCR content<\/li>\r\n                                <li>Update EPR reporting to reflect actual PCR content<\/li>\r\n                                <li>Notify authorities of temporary non-compliance<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h4 style=\"margin: 2rem 0 1rem 0; color: var(--primary);\">Cost Impact<\/h4>\r\n                    <p style=\"margin: 0; padding: 1rem; background: rgba(239, 68, 68, 0.1); border-radius: 10px;\">\r\n                        <strong>Emergency supplier switch:<\/strong> +\u20ac150-400K annually (premium PCR pricing)<br>\r\n                        <strong>Dual-sourcing setup:<\/strong> \u20ac50K (qualification, tooling)<br>\r\n                        <strong>Total impact:<\/strong> \u20ac200K-450K\r\n                    <\/p>\r\n                `\r\n            },\r\n            customs: {\r\n                title: '\ud83d\udea8 Customs Detains Shipment',\r\n                content: `\r\n                    <div class=\"ppwr-action-response-timeline\">\r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 0-24: Immediate Response<\/h5>\r\n                            <ul>\r\n                                <li>Contact customs broker\/freight forwarder for detention details<\/li>\r\n                                <li>Verify EPR registration status in destination country<\/li>\r\n                                <li>Gather all compliance documentation (EPR certificates, test reports)<\/li>\r\n                                <li>Engage customs clearance specialist\/attorney<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 24-48: Documentation Submission<\/h5>\r\n                            <ul>\r\n                                <li>Submit EPR registration evidence to customs authority<\/li>\r\n                                <li>If registration missing: expedite emergency registration (7-14 days)<\/li>\r\n                                <li>Provide recyclability certificates, PCR content declarations<\/li>\r\n                                <li>Pay any applicable fines to expedite release<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 48-72: Release Negotiation<\/h5>\r\n                            <ul>\r\n                                <li>Accept penalty fees (\u20ac25K-100K depending on violation severity)<\/li>\r\n                                <li>Complete emergency EPR registration if required<\/li>\r\n                                <li>Implement corrective action for future shipments<\/li>\r\n                                <li>Update customs broker with EPR numbers<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h4 style=\"margin: 2rem 0 1rem 0; color: var(--primary);\">Financial Impact<\/h4>\r\n                    <p style=\"margin: 0; padding: 1rem; background: rgba(239, 68, 68, 0.1); border-radius: 10px;\">\r\n                        <strong>Customs penalties:<\/strong> \u20ac25K-100K<br>\r\n                        <strong>Detained goods value:<\/strong> \u20ac240K (opportunity cost)<br>\r\n                        <strong>Expedited EPR registration:<\/strong> \u20ac15K-25K<br>\r\n                        <strong>Demurrage\/storage fees:<\/strong> \u20ac2K-5K per week<br>\r\n                        <strong>Total cost:<\/strong> \u20ac280K-370K + customer goodwill damage\r\n                    <\/p>\r\n                `\r\n            },\r\n            dpp: {\r\n                title: '\ud83d\udea8 DPP System Failure',\r\n                content: `\r\n                    <div class=\"ppwr-action-response-timeline\">\r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 0-24: System Triage<\/h5>\r\n                            <ul>\r\n                                <li>Contact DPP platform provider for status\/ETA<\/li>\r\n                                <li>Activate backup QR code landing page (static HTML fallback)<\/li>\r\n                                <li>Notify market surveillance authority of technical issue<\/li>\r\n                                <li>Document outage timeline for compliance records<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 24-48: Interim Solution<\/h5>\r\n                            <ul>\r\n                                <li>Deploy temporary PDF-based DPPs (manual download links)<\/li>\r\n                                <li>Provide authorities direct access to compliance database<\/li>\r\n                                <li>Set up hotline for consumer DPP inquiries<\/li>\r\n                                <li>Assess platform redundancy needs (multi-provider strategy)<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ppwr-action-response-phase\">\r\n                            <h5>Hour 48-72: Recovery & Prevention<\/h5>\r\n                            <ul>\r\n                                <li>Migrate to backup DPP provider if primary fails to restore<\/li>\r\n                                <li>Implement automated uptime monitoring (99.5% SLA enforcement)<\/li>\r\n                                <li>Build data export contingency (own your DPP data)<\/li>\r\n                                <li>Update BCP (Business Continuity Plan) for DPP redundancy<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <h4 style=\"margin: 2rem 0 1rem 0; color: var(--primary);\">Prevention Strategy<\/h4>\r\n                    <p style=\"margin: 0; padding: 1rem; background: rgba(16, 185, 129, 0.1); border-radius: 10px;\">\r\n                        <strong>Multi-provider strategy:<\/strong> Primary + backup DPP platform (\u20ac15K-30K annually)<br>\r\n                        <strong>Data ownership:<\/strong> Regular exports of all DPP data (in-house backup)<br>\r\n                        <strong>SLA enforcement:<\/strong> 99.5% uptime guarantee with penalty clauses<br>\r\n                        <strong>Static fallback:<\/strong> Simple HTML backup for critical data access\r\n                    <\/p>\r\n                `\r\n            }\r\n        };\r\n        \r\n        scenarioCards.forEach(card => {\r\n            card.addEventListener('click', function() {\r\n                const scenario = this.dataset.scenario;\r\n                const data = scenarios[scenario];\r\n                \r\n                modalTitle.textContent = data.title;\r\n                modalBody.innerHTML = data.content;\r\n                modal.classList.add('active');\r\n            });\r\n        });\r\n        \r\n        window.closeModal = function() {\r\n            modal.classList.remove('active');\r\n        };\r\n        \r\n        \/\/ Close on outside click\r\n        modal.addEventListener('click', function(e) {\r\n            if (e.target === modal) {\r\n                closeModal();\r\n            }\r\n        });\r\n    })();\r\n    \r\n    \/\/ Compliance Scorecard - INTERACTIVE VERSION\r\n    (function() {\r\n        const checkboxes = document.querySelectorAll('.ppwr-action-checkbox input[type=\"checkbox\"]');\r\n        const pillarScores = {\r\n            recyclability: 0,\r\n            pcr: 0,\r\n            substances: 0,\r\n            reuse: 0,\r\n            minimization: 0\r\n        };\r\n        \r\n        \/\/ Add event listeners to all checkboxes\r\n        checkboxes.forEach(checkbox => {\r\n            checkbox.addEventListener('change', function() {\r\n                const pillar = this.dataset.pillar;\r\n                const value = parseInt(this.value);\r\n                \r\n                \/\/ Calculate pillar score based on checked boxes\r\n                const pillarCheckboxes = document.querySelectorAll(`input[data-pillar=\"${pillar}\"]`);\r\n                let pillarTotal = 0;\r\n                pillarCheckboxes.forEach(cb => {\r\n                    if (cb.checked) {\r\n                        pillarTotal += parseInt(cb.value);\r\n                    }\r\n                });\r\n                \r\n                pillarScores[pillar] = pillarTotal;\r\n                updatePillar(pillar, pillarTotal);\r\n                updateOverallScore();\r\n            });\r\n        });\r\n        \r\n        function updatePillar(pillar, percent) {\r\n            const fill = document.getElementById(pillar + 'Fill');\r\n            const percentLabel = document.getElementById(pillar + 'Percent');\r\n            \r\n            fill.style.width = percent + '%';\r\n            percentLabel.textContent = percent + '%';\r\n            \r\n            \/\/ Animate the fill\r\n            fill.style.transition = 'width 0.5s ease';\r\n        }\r\n        \r\n        function updateOverallScore() {\r\n            const scores = Object.values(pillarScores);\r\n            const overall = Math.round(scores.reduce((a, b) => a + b) \/ scores.length);\r\n            \r\n            const scoreValue = document.getElementById('overallScore');\r\n            const scoreCircle = document.getElementById('scoreCircle');\r\n            const riskLevel = document.getElementById('riskLevel');\r\n            const nextActionsList = document.getElementById('nextActionsList');\r\n            \r\n            scoreValue.textContent = overall;\r\n            \r\n            \/\/ Update circle gradient\r\n            const degrees = (overall \/ 100) * 360;\r\n            scoreCircle.style.background = `conic-gradient(\r\n                var(--primary) 0deg ${degrees}deg,\r\n                var(--neutral-light) ${degrees}deg 360deg\r\n            )`;\r\n            \r\n            \/\/ Update risk level\r\n            if (overall < 30) {\r\n                riskLevel.className = 'ppwr-action-risk-level high';\r\n                riskLevel.textContent = 'HIGH RISK';\r\n                nextActionsList.innerHTML = `\r\n                    <li><strong>URGENT:<\/strong> Complete packaging audit to identify PPWR gaps across all SKUs<\/li>\r\n                    <li><strong>URGENT:<\/strong> Begin PFAS testing for all food-contact packaging (deadline: Aug 2026)<\/li>\r\n                    <li>Initiate EPR registration in all EU markets where you sell<\/li>\r\n                `;\r\n            } else if (overall < 70) {\r\n                riskLevel.className = 'ppwr-action-risk-level medium';\r\n                riskLevel.textContent = 'MEDIUM RISK';\r\n                nextActionsList.innerHTML = `\r\n                    <li>Accelerate PCR content adoption to meet 30% by 2030 target<\/li>\r\n                    <li>Develop reusable packaging systems for premium product lines<\/li>\r\n                    <li>Optimize packaging dimensions to reduce empty space below 40%<\/li>\r\n                `;\r\n            } else {\r\n                riskLevel.className = 'ppwr-action-risk-level low';\r\n                riskLevel.textContent = 'LOW RISK';\r\n                nextActionsList.innerHTML = `\r\n                    <li>\ud83c\udf89 <strong>Great progress!<\/strong> Maintain compliance documentation<\/li>\r\n                    <li>Plan for 2040 targets (65% PCR content)<\/li>\r\n                    <li>Share best practices and explore advanced circular economy models<\/li>\r\n                `;\r\n            }\r\n        }\r\n        \r\n        \/\/ Initialize with 0 scores\r\n        updateOverallScore();\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your PPWR Action Plan: 2025-2030 Compliance Roadmap Build your customized compliance strategy with interactive tools for timeline planning, budget modeling, and risk assessment. Select your industry to begin. \ud83d\udc84 Cosmetics &#038; Beauty Luxury packaging, refillables, PCR content Complexity: \u2b50\u2b50\u2b50\u2b50 \ud83d\udc8a Pharmaceuticals Exemptions, secondary packaging, DPP integration Complexity: \u2b50\u2b50\u2b50\u2b50\u2b50 \ud83c\udf54 Food &#038; Beverage PFAS elimination, reusable [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-91886","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/comments?post=91886"}],"version-history":[{"count":10,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91886\/revisions"}],"predecessor-version":[{"id":105446,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91886\/revisions\/105446"}],"wp:attachment":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/media?parent=91886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}