{"id":20118,"date":"2026-06-03T15:06:20","date_gmt":"2026-06-03T09:36:20","guid":{"rendered":"https:\/\/sparrowrms.in\/sparrow-rms\/?page_id=20118"},"modified":"2026-06-05T10:23:17","modified_gmt":"2026-06-05T04:53:17","slug":"the-sparrow-ehs-maturity-curve","status":"publish","type":"page","link":"https:\/\/sparrowrms.in\/sparrow-rms\/the-sparrow-ehs-maturity-curve\/","title":{"rendered":"The Sparrow EHS Maturity Curve"},"content":{"rendered":"<p><section data-bb-version=\"5.9.0\" id=\"bt_bb_section6a247b2e3f99c\"  class=\"bt_bb_section bt_bb_layout_wide bt_bb_full_screen bt_bb_vertical_align_top bt_bb_top_spacing_none bt_bb_bottom_spacing_none\"   data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;}}\"><span class=\"bt_bb_overlay\"><\/span><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"5.9.0\"  class=\"bt_bb_column col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_align_left bt_bb_vertical_align_top bt_bb_padding_normal\"  data-width=\"12\" data-bt-override-class=\"{}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div class=\"bt_bb_raw_content\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n        \n        :root {\n            --sparrow-gold: #0d4640;\n            --sparrow-dark: #0F1B2D;\n            --sparrow-light: #F8F9FA;\n            --sparrow-accent: #2D5A47;\n            --sparrow-teal: #1A3C34;\n            --sparrow-clay: #F4F1EE;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            scroll-behavior: smooth;\n        }\n\n        .bucket-canvas {\n            background: transparent;\n            width: 100%;\n            max-width: 300px;\n            height: 400px;\n        }\n\n        .glass-card {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(229, 231, 235, 0.5);\n        }\n\n        .stage-btn {\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stage-btn::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            height: 100%;\n            width: 0;\n            background: linear-gradient(90deg, var(--sparrow-gold), var(--sparrow-accent));\n            transition: width 0.4s ease;\n            z-index: 0;\n        }\n\n        .stage-btn.active::before {\n            width: 100%;\n        }\n\n        .stage-btn.active {\n            color: white;\n            box-shadow: 0 8px 16px rgba(13, 70, 64, 0.3);\n            transform: translateX(8px);\n            border-color: var(--sparrow-gold);\n        }\n\n        .stage-btn span,\n        .stage-btn strong {\n            position: relative;\n            z-index: 1;\n        }\n\n        .stage-btn .stage-title {\n            position: relative;\n            z-index: 1;\n            display: block;\n            margin-top: 2px;\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.9);\n            font-weight: 700;\n        }\n\n        .stage-btn.active .stage-label {\n            color: rgba(168, 230, 207, 0.9);\n        }\n\n        .stage-btn.active .stage-title {\n            color: white;\n        }\n\n        .stage-btn:hover:not(.active) {\n            transform: translateX(4px);\n            background: rgba(13, 70, 64, 0.08);\n        }\n\n        @keyframes pulse-glow {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(13, 70, 64, 0.4); }\n            50% { box-shadow: 0 0 0 8px rgba(13, 70, 64, 0); }\n        }\n\n        .stage-btn.active {\n            animation: pulse-glow 2s infinite;\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: var(--sparrow-clay); }\n        ::-webkit-scrollbar-thumb { background: var(--sparrow-accent); border-radius: 4px; }\n        ::-webkit-scrollbar-thumb:hover { background: var(--sparrow-gold); }\n\n        \/* FAQ Section *\/\n        .spw-faq-item { border-bottom: 1px solid #e2e8f0; overflow: hidden; }\n        .spw-faq-item:last-child { border-bottom: none; }\n        .spw-faq-q {\n            width: 100%; padding: 20px 0; display: flex; justify-content: space-between; align-items: center;\n            cursor: pointer; background: none; border: none; text-align: left; font-family: 'Inter', sans-serif;\n            font-size: 16px; font-weight: 700; color: #0F1B2D; transition: color 0.2s;\n        }\n        .spw-faq-q:hover { color: var(--sparrow-gold); }\n        .spw-faq-icon {\n            width: 28px; height: 28px; border-radius: 50%; background: rgba(13,70,64,0.08);\n            display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 16px;\n            transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), background 0.3s;\n        }\n        .spw-faq-item.open .spw-faq-icon { transform: rotate(180deg); background: var(--sparrow-gold); }\n        .spw-faq-item.open .spw-faq-icon svg { stroke: #fff; }\n        .spw-faq-a {\n            max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1), opacity 0.4s ease, padding 0.4s ease;\n            opacity: 0; padding: 0 0 0 0;\n        }\n        .spw-faq-item.open .spw-faq-a { max-height: 600px; opacity: 1; padding: 0 0 20px 0; }\n        .spw-faq-a p { font-size: 14px; line-height: 1.8; color: #475569; margin: 0; }\n\n        \/* Sparrow Contact Form *\/\n        .spw-form-wrap {\n            max-width: 480px;\n            margin: 0 auto;\n            padding: 28px;\n            background: rgba(255,255,255,0.06);\n            border: 1px solid rgba(255,255,255,0.12);\n            border-radius: 16px;\n        }\n        .spw-form-wrap input,\n        .spw-form-wrap textarea {\n            width: 100%;\n            padding: 10px 14px;\n            margin-bottom: 12px;\n            border: 1px solid rgba(255,255,255,0.2);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.08);\n            color: #fff;\n            font-size: 14px;\n            font-family: 'Inter', sans-serif;\n            outline: none;\n            transition: border-color 0.2s;\n            box-sizing: border-box;\n        }\n        .spw-form-wrap input::placeholder,\n        .spw-form-wrap textarea::placeholder {\n            color: rgba(255,255,255,0.45);\n        }\n        .spw-form-wrap input:focus,\n        .spw-form-wrap textarea:focus {\n            border-color: rgba(255,255,255,0.5);\n        }\n        .spw-form-wrap textarea {\n            resize: none;\n            height: 60px;\n        }\n        .spw-form-row {\n            display: flex;\n            gap: 10px;\n        }\n        .spw-form-row input {\n            flex: 1;\n        }\n        .spw-form-btn {\n            width: 100%;\n            padding: 12px;\n            background: var(--sparrow-gold);\n            color: #fff;\n            border: none;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 700;\n            font-family: 'Inter', sans-serif;\n            cursor: pointer;\n            transition: opacity 0.2s;\n        }\n        .spw-form-btn:hover {\n            opacity: 0.9;\n        }\n        .spw-form-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n        .spw-form-success {\n            display: none;\n            text-align: center;\n            padding: 20px;\n        }\n        .spw-form-success.show {\n            display: block;\n        }\n        .spw-form-success svg {\n            width: 48px;\n            height: 48px;\n            margin: 0 auto 12px;\n            color: #4ade80;\n        }\n        .spw-form-success p {\n            color: rgba(255,255,255,0.8);\n            font-size: 14px;\n            margin: 0;\n        }\n        @media (max-width: 480px) {\n            .spw-form-row {\n                flex-direction: column;\n                gap: 0;\n            }\n            .spw-form-wrap {\n                padding: 20px;\n            }\n        }\n\n        \/* Sparrow Bradley Interactive Chart *\/\n        .spw-bradley-wrap { display:flex; flex-direction:column; gap:10px; }\n        .spw-bradley-header { display:flex; justify-content:space-between; align-items:center; padding:8px 0; font-size:11px; font-weight:600; color:#64748b; }\n        .spw-bradley-stage-label { display:flex; align-items:center; gap:6px; }\n        .spw-dot { width:8px; height:8px; border-radius:50%; background:var(--sparrow-accent); }\n        .spw-bradley-injury { font-size:11px; }\n        .spw-bradley-chart { flex:1; position:relative; background:#FAFBFC; border-radius:10px; border:0px solid #f1f5f9; overflow:hidden; min-height:280px; }\n        .spw-bradley-slider { padding:10px 0 0; }\n        .spw-range-input { width:100%; height:6px; border-radius:4px; background:#e2e8f0; appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; }\n        .spw-range-input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:16px; height:16px; border-radius:50%; background:var(--sparrow-gold); cursor:pointer; }\n        .spw-range-input::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:var(--sparrow-gold); cursor:pointer; border:none; }\n        .spw-slider-labels { display:flex; justify-content:space-between; font-size:8px; font-weight:700; color:#94a3b8; letter-spacing:0.5px; margin-top:4px; }\n        .spw-drag-hint { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px; font-size:13px; font-weight:800; color:#0d4640; text-transform:uppercase; letter-spacing:0.5px; animation: spw-hint-pulse 2s ease-in-out infinite; }\n        .spw-drag-hint svg { width:16px; height:16px; stroke-width:3; }\n        @keyframes spw-pulse { 0%,100%{r:12;opacity:0.25;} 50%{r:18;opacity:0.45;} }\n        .spw-node-pulse { animation: spw-pulse 2s infinite; }\n        @keyframes spw-spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n        .spw-marker-spin { animation: spw-spin 8s linear infinite; transform-origin:center; }\n        @keyframes spw-hint-pulse { 0%,100%{opacity:0.6;transform:translateX(0);} 50%{opacity:1;transform:translateX(6px);} }\n\n        \/* Sparrow S-Curve Interactive *\/\n        .spw-scurve-wrap { display:flex; flex-direction:column; gap:8px; }\n        .spw-scurve-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding:6px 0; }\n        .spw-scurve-title { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--sparrow-accent); text-transform:uppercase; letter-spacing:0.5px; }\n        .spw-scurve-title span.spw-ping { width:8px; height:8px; border-radius:50%; background:var(--sparrow-gold); }\n        .spw-scurve-stage { font-size:14px; font-weight:700; color:var(--sparrow-dark); }\n        .spw-scurve-toggles { display:flex; flex-wrap:wrap; gap:6px; }\n        .spw-toggle-btn { padding:4px 10px; border-radius:20px; border:1px solid; font-size:10px; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:5px; transition:opacity 0.2s; background:transparent; }\n        .spw-toggle-btn .spw-tdot { width:6px; height:6px; border-radius:50%; }\n        .spw-toggle-btn.off { opacity:0.35; }\n        .spw-scurve-chart { flex:1; position:relative; background:#FAFBFC; border-radius:10px; border:1px solid #f1f5f9; overflow:hidden; min-height:280px; }\n        .spw-scurve-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }\n        .spw-metric-card { background:#f8fafc; border:1px solid #f1f5f9; border-radius:8px; padding:8px 10px; }\n        .spw-metric-card small { font-size:9px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; }\n        .spw-metric-card strong { display:block; font-size:18px; font-weight:900; margin-top:2px; }\n        .spw-scurve-slider { padding:8px 0 0; }\n        .spw-scurve-slider-labels { display:flex; justify-content:space-between; font-size:7px; font-weight:700; color:#94a3b8; letter-spacing:0.3px; margin-top:3px; }\n        .spw-axis-label { transition:fill 0.2s; cursor:pointer; }\n        .spw-axis-label:hover { fill:#0d4640; }\n        @keyframes spw-s-pulse { 0%,100%{r:10;opacity:0.2;} 50%{r:16;opacity:0.45;} }\n        .spw-s-node-pulse { animation: spw-s-pulse 2.5s infinite; }\n        .spw-s-marker { transition:transform 0.12s cubic-bezier(0.1,0.8,0.2,1); }\n        .spw-s-path { transition:opacity 0.4s ease; }\n\n        @media (max-width: 768px) {\n            #paradigm .grid {\n                gap: 1rem;\n            }\n            .spw-scurve-slider-labels { font-size: 6px; }\n        }\n\n        @media (max-width: 480px) {\n            #paradigm h2 {\n                font-size: 1.5rem;\n            }\n            \n            #paradigm p {\n                font-size: 0.875rem;\n            }\n            .spw-scurve-metrics { grid-template-columns:1fr; }\n        }\n        #simulator input[type=\"checkbox\"]:before, input[type=\"checkbox\"]:after {\n          font-size: initial !important;\n        }\n\n        .firstsection{\n            background-image: url('https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2025\/04\/clients5.webp');\n            background-size: cover;\n            background-repeat: no-repeat;\n            background-position: center;\n        }\n\n        \/* Bucket Theory Checkbox Hint *\/\n        .spw-check-hint {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 12px;\n            padding: 8px 14px;\n            background: rgba(13, 70, 64, 0.06);\n            border: 1px dashed rgba(13, 70, 64, 0.25);\n            border-radius: 8px;\n            font-size: 12px;\n            font-weight: 700;\n            color: #0d4640;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            animation: spw-check-pulse 2s ease-in-out infinite;\n        }\n        .spw-check-hint svg {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n        @keyframes spw-check-pulse {\n            0%, 100% { opacity: 0.6; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.02); }\n        }\n        .spw-check-highlight {\n            animation: spw-check-glow 0.6s ease-in-out;\n        }\n        @keyframes spw-check-glow {\n            0% { background-color: rgba(239, 68, 68, 0.15); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }\n            50% { background-color: rgba(239, 68, 68, 0.1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }\n            100% { background-color: transparent; box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\n        }\n        .spw-check-highlight-blue {\n            animation: spw-check-glow-blue 0.6s ease-in-out;\n        }\n        @keyframes spw-check-glow-blue {\n            0% { background-color: rgba(59, 130, 246, 0.15); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }\n            50% { background-color: rgba(59, 130, 246, 0.1); box-shadow: 0 0 0 6px rgba(59, 130, 246, 0); }\n            100% { background-color: transparent; box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }\n        }\n\n        \/* BucketTheory Simulator - Modern Design *\/\n        .spw-sim-section {\n            padding: 80px 0;\n            background: linear-gradient(135deg, #f8fafc 0%, #e8f5f3 50%, #f8fafc 100%);\n            overflow: hidden;\n        }\n        .spw-sim-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n        .spw-sim-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n        .spw-sim-badge {\n            display: inline-block;\n            padding: 6px 16px;\n            border-radius: 20px;\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            background: rgba(13, 70, 64, 0.08);\n            color: var(--sparrow-gold);\n            border: 1px solid rgba(13, 70, 64, 0.2);\n            margin-bottom: 16px;\n        }\n        .spw-sim-title {\n            font-size: 40px;\n            font-weight: 800;\n            color: var(--sparrow-dark);\n            margin-bottom: 12px;\n        }\n        .spw-sim-subtitle {\n            font-size: 16px;\n            color: #64748b;\n            font-style: italic;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        .spw-sim-layout {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n        .spw-sim-controls {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .spw-sim-card {\n            background: white;\n            border-radius: 20px;\n            padding: 24px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n            border: 1px solid #f1f5f9;\n            transition: all 0.3s ease;\n        }\n        .spw-sim-card:hover {\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n            transform: translateY(-2px);\n        }\n        .spw-sim-card-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n        .spw-sim-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        .spw-sim-icon svg {\n            width: 20px;\n            height: 20px;\n        }\n        .spw-sim-icon-red {\n            background: linear-gradient(135deg, #fee2e2, #fecaca);\n            color: #dc2626;\n        }\n        .spw-sim-icon-blue {\n            background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n            color: #2563eb;\n        }\n        .spw-sim-card-title {\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--sparrow-dark);\n            flex: 1;\n        }\n        .spw-sim-card-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: #94a3b8;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .spw-sim-options {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n        .spw-sim-option {\n            display: flex;\n            align-items: center;\n            padding: 14px 16px;\n            border-radius: 12px;\n            border: 2px solid #f1f5f9;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            position: relative;\n        }\n        .spw-sim-option:hover {\n            border-color: #e2e8f0;\n            background: #f8fafc;\n        }\n        .spw-sim-option-red:hover {\n            border-color: #fecaca;\n            background: #fef2f2;\n        }\n        .spw-sim-option-blue:hover {\n            border-color: #bfdbfe;\n            background: #eff6ff;\n        }\n        .spw-sim-option-text {\n            flex: 1;\n            font-size: 14px;\n            font-weight: 600;\n            color: #475569;\n        }\n        .spw-sim-option input[type=\"checkbox\"] {\n            position: absolute;\n            opacity: 0;\n            width: 0;\n            height: 0;\n        }\n        .spw-sim-check {\n            width: 22px;\n            height: 22px;\n            border-radius: 6px;\n            border: 2px solid #cbd5e1;\n            background: white;\n            position: relative;\n            transition: all 0.25s ease;\n            flex-shrink: 0;\n        }\n        .spw-sim-check::after {\n            content: '';\n            position: absolute;\n            top: 3px;\n            left: 6px;\n            width: 6px;\n            height: 10px;\n            border: solid white;\n            border-width: 0 2px 2px 0;\n            transform: rotate(45deg) scale(0);\n            transition: transform 0.25s ease;\n        }\n        .spw-sim-option input[type=\"checkbox\"]:checked ~ .spw-sim-check {\n            border-color: var(--sparrow-gold);\n            background: var(--sparrow-gold);\n        }\n        .spw-sim-option input[type=\"checkbox\"]:checked ~ .spw-sim-check::after {\n            transform: rotate(45deg) scale(1);\n        }\n        .spw-sim-option-red input[type=\"checkbox\"]:checked ~ .spw-sim-check {\n            border-color: #ef4444;\n            background: #ef4444;\n        }\n        .spw-sim-option-blue input[type=\"checkbox\"]:checked ~ .spw-sim-check {\n            border-color: #3b82f6;\n            background: #3b82f6;\n        }\n        .spw-sim-results {\n            position: relative;\n        }\n        .spw-sim-results-card {\n            background: white;\n            border-radius: 24px;\n            padding: 32px;\n            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);\n            border: 1px solid #f1f5f9;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .spw-sim-bucket-wrap {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            margin-bottom: 24px;\n        }\n        .spw-sim-bucket {\n            position: relative;\n            padding: 24px;\n            background: linear-gradient(135deg, #f8fafc, #f1f5f9);\n            border-radius: 50%;\n            box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.06);\n            border: 4px solid white;\n        }\n        .spw-sim-percentage {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: 42px;\n            font-weight: 900;\n            color: var(--sparrow-dark);\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n        .spw-sim-verdict-wrap {\n            text-align: center;\n            width: 100%;\n        }\n        .spw-sim-verdict {\n            display: inline-block;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            background: rgba(13, 70, 64, 0.1);\n            color: var(--sparrow-gold);\n            margin-bottom: 12px;\n        }\n        .spw-sim-desc {\n            font-size: 14px;\n            color: #64748b;\n            line-height: 1.6;\n        }\n\n        \/* Desktop: Side-by-side with sticky results *\/\n        @media (min-width: 1024px) {\n            .spw-sim-layout {\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n                align-items: start;\n            }\n            .spw-sim-results {\n                position: sticky;\n                top: 24px;\n            }\n            .spw-sim-title {\n                font-size: 48px;\n            }\n        }\n\n        \/* Mobile: Stack vertically, results always visible *\/\n        @media (max-width: 1023px) {\n            .spw-sim-section {\n                padding: 48px 0;\n            }\n            .spw-sim-header {\n                margin-bottom: 32px;\n            }\n            .spw-sim-title {\n                font-size: 28px;\n            }\n            .spw-sim-subtitle {\n                font-size: 14px;\n            }\n            .spw-sim-card {\n                padding: 20px;\n            }\n            .spw-sim-results-card {\n                padding: 24px;\n            }\n            .spw-sim-bucket {\n                padding: 20px;\n            }\n            .spw-sim-percentage {\n                font-size: 36px;\n            }\n        }\n\n        \/* Paradigm Section Background - Wave Animation *\/\n        #paradigm {\n            position: relative;\n            background: linear-gradient(135deg, #f8fafc 0%, #e0f2f1 50%, #f8fafc 100%);\n            overflow: hidden;\n        }\n        #paradigm::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(ellipse at 50% 0%, rgba(13, 70, 64, 0.08) 0%, transparent 50%),\n                radial-gradient(ellipse at 0% 50%, rgba(45, 90, 71, 0.06) 0%, transparent 50%),\n                radial-gradient(ellipse at 100% 50%, rgba(26, 60, 52, 0.06) 0%, transparent 50%);\n            animation: spw-wave-shift 50s ease-in-out infinite;\n            pointer-events: none;\n        }\n        #paradigm::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: \n                repeating-linear-gradient(\n                    45deg,\n                    transparent,\n                    transparent 100px,\n                    rgba(13, 70, 64, 0.03) 100px,\n                    rgba(13, 70, 64, 0.03) 200px\n                ),\n                repeating-linear-gradient(\n                    -45deg,\n                    transparent,\n                    transparent 100px,\n                    rgba(45, 90, 71, 0.03) 100px,\n                    rgba(45, 90, 71, 0.03) 200px\n                );\n            animation: spw-wave-flow 50s linear infinite;\n            pointer-events: none;\n        }\n        @keyframes spw-wave-shift {\n            0%, 100% { \n                transform: translateX(0) translateY(0);\n                opacity: 0.6;\n            }\n            25% { \n                transform: translateX(30px) translateY(-20px);\n                opacity: 0.8;\n            }\n            50% { \n                transform: translateX(-20px) translateY(30px);\n                opacity: 1;\n            }\n            75% { \n                transform: translateX(-30px) translateY(-10px);\n                opacity: 0.8;\n            }\n        }\n        @keyframes spw-wave-flow {\n            0% { \n                transform: translate(0, 0) rotate(0deg);\n            }\n            100% { \n                transform: translate(50px, 50px) rotate(360deg);\n            }\n        }\n        #paradigm > * {\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* 7 Stages Section - Mobile Responsive *\/\n        #roadmap .flex.flex-col.lg\\:flex-row {\n            position: relative;\n        }\n        \n        \/* Desktop: Sticky sidebar for stage navigation *\/\n        @media (min-width: 1024px) {\n            #roadmap #stageNav {\n                position: sticky;\n                top: 20px;\n                align-self: flex-start;\n                max-height: calc(100vh - 40px);\n                overflow-y: auto;\n            }\n        }\n        \n        \/* Mobile: Horizontal scrollable tabs at top *\/\n        @media (max-width: 1023px) {\n            #roadmap .flex.flex-col.lg\\:flex-row {\n                flex-direction: column;\n            }\n            #roadmap #stageNav {\n                display: flex;\n                flex-direction: row;\n                overflow-x: auto;\n                overflow-y: hidden;\n                gap: 8px;\n                padding-bottom: 12px;\n                margin-bottom: 16px;\n                position: sticky;\n                top: 0;\n                z-index: 10;\n                background: var(--sparrow-dark);\n                scrollbar-width: thin;\n                scrollbar-color: var(--sparrow-gold) transparent;\n            }\n            #roadmap #stageNav::-webkit-scrollbar {\n                height: 6px;\n            }\n            #roadmap #stageNav::-webkit-scrollbar-track {\n                background: transparent;\n            }\n            #roadmap #stageNav::-webkit-scrollbar-thumb {\n                background: var(--sparrow-gold);\n                border-radius: 3px;\n            }\n            #roadmap .stage-btn {\n                flex-shrink: 0;\n                min-width: 140px;\n                padding: 12px 16px;\n                font-size: 13px;\n            }\n            #roadmap .stage-btn .stage-label {\n                font-size: 10px;\n            }\n            #roadmap .stage-btn .stage-title {\n                font-size: 12px;\n            }\n            #roadmap .lg\\:w-3\\\/4 {\n                width: 100%;\n            }\n            #roadmap .lg\\:w-3\\\/4 .bg-black {\n                padding: 20px;\n            }\n            #roadmap #stageContent h3 {\n                font-size: 1.5rem;\n            }\n            #roadmap #stageContent .grid {\n                gap: 12px;\n            }\n            #roadmap #stageContent .grid > div {\n                padding: 16px;\n            }\n            #roadmap #stageContent .grid h4 {\n                font-size: 11px;\n            }\n            #roadmap #stageContent .grid p {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n\n<div class=\"bg-slate-50 text-slate-900 leading-relaxed\">\n\n    <!-- HERO SECTION -->\n    <section class=\"pt-40 pb-8 px-6 firstsection pt-16\">\n\n     <!-- <div class=\"absolute inset-0 bg-black\/10\"><\/div>  -->\n\n        <div class=\"max-w-7xl mx-auto flex flex-col items-center text-center\">\n            <span class=\"inline-block py-1 px-3 rounded-full text-xs font-bold uppercase tracking-widest mb-1 border\" style=\"background: rgba(13, 70, 64, 0.08); color: white; border-color: rgba(13, 70, 64, 0.2);\">Consulting-Led \u2022 Technology-Amplified<\/span>\n            <h1 class=\"text-5xl md:text-7xl font-extrabold text-white tracking-tight\">The Sparrow EHS Maturity Curve<\/h1>\n            <p class=\"text-xl text-white max-w-4xl mb-8 font-light leading-relaxed\">\n                Move beyond the linear safety models of the 90s. We integrate Engineering, Culture, Governance, and Technology into a single path toward <strong>Adaptive Resilience.<\/strong>\n            <\/p>\n            <div class=\"grid grid-cols-2 sm:flex sm:flex-wrap sm:justify-center gap-2 sm:gap-3 max-w-md sm:max-w-none mx-auto\">\n                <a href=\"#paradigm\" class=\"px-3 py-2 text-white rounded-lg font-bold text-xs sm:text-sm hover:opacity-90 transition transform hover:-translate-y-1 text-center whitespace-nowrap\" style=\"background: var(--sparrow-dark);\">Explore the Curve<\/a>\n                <a href=\"#simulator\" class=\"px-3 py-2 bg-white border border-slate-200 text-slate-700 rounded-lg font-bold text-xs sm:text-sm hover:bg-slate-50 transition shadow-sm text-center whitespace-nowrap\">Launch Simulator<\/a>\n                <a href=\"#roadmap\" class=\"px-3 py-2 bg-white border border-slate-200 text-slate-700 rounded-lg font-bold text-xs sm:text-sm hover:bg-slate-50 transition shadow-sm text-center whitespace-nowrap col-span-2 sm:col-span-1\">The 7 Stages<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 1: THE PARADIGM SHIFT -->\n    <section id=\"paradigm\" class=\"py-24 bg-white border-y border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <!-- Heading and description on top -->\n            <div class=\"text-center mb-12\">\n                <h2 class=\"text-3xl lg:text-4xl font-extrabold mb-6\">The Linear Illusion vs.The Multi-Pillar Reality<\/h2>\n                <p class=\"text-slate-600 max-w-3xl mx-auto mb-8\">\n                    The traditional Bradley Curve assumes safety is a simple downward slope of injury rates. Our research shows that true maturity is an <strong>S-Curve of systemic capacity<\/strong> across four critical pillars.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center max-w-4xl mx-auto\">\n                    <div class=\"p-4 rounded-xl bg-slate-50 border-l-4 border-slate-300 flex-1\">\n                        <span class=\"block font-bold text-slate-800\">The Bradley Problem<\/span>\n                        <span class=\"text-sm text-slate-500 italic\">Reactive, single-threaded, and ignores technological multipliers.<\/span>\n                    <\/div>\n                    <div class=\"p-4 rounded-xl border-l-4 flex-1\" style=\"background: rgba(13, 70, 64, 0.05); border-color: var(--sparrow-gold);\">\n                        <span class=\"block font-bold\" style=\"color: var(--sparrow-dark);\">The Sparrow Advantage<\/span>\n                        <span class=\"text-sm italic\" style=\"color: var(--sparrow-accent);\">Predictive, multi-pillar, and powered by IndustryOS\u00ae.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Charts side by side -->\n            <div class=\"grid md:grid-cols-2 gap-6 lg:gap-8\">\n                <div class=\"glass-card p-4 sm:p-6 rounded-2xl shadow-xl\" style=\"min-height: 400px;\">\n                    <h3 class=\"text-center font-bold text-slate-400 uppercase text-xs tracking-widest mb-4\">Legacy Model (Bradley)<\/h3>\n                    <!-- New Interactive Bradley Curve -->\n                    <div class=\"spw-bradley-wrap\">\n                        <div class=\"spw-bradley-header\">\n                            <div class=\"spw-bradley-stage-label\">\n                                <span class=\"spw-dot\"><\/span>\n                                <span id=\"spw-active-stage\">Stage 1: Reactive<\/span>\n                            <\/div>\n                            <div class=\"spw-bradley-injury\">\n                                Injury Rate: <strong id=\"spw-injury-rate\" style=\"color:#EF4444;\">Very High<\/strong>\n                            <\/div>\n                        <\/div>\n                        <div class=\"spw-bradley-chart mt-4\">\n                            <svg id=\"spw-chart-svg\" viewBox=\"0 0 800 450\" style=\"width:100%;height:100%;\">\n                                <defs>\n                                    <linearGradient id=\"spw-curve-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n                                        <stop offset=\"0%\" stop-color=\"#EF4444\"\/>\n                                        <stop offset=\"33%\" stop-color=\"#F59E0B\"\/>\n                                        <stop offset=\"66%\" stop-color=\"#3B82F6\"\/>\n                                        <stop offset=\"100%\" stop-color=\"#10B981\"\/>\n                                    <\/linearGradient>\n                                <\/defs>\n                                <line x1=\"80\" y1=\"40\" x2=\"80\" y2=\"380\" stroke=\"#E2E8F0\" stroke-width=\"2\"\/>\n                                <line x1=\"80\" y1=\"380\" x2=\"740\" y2=\"380\" stroke=\"#E2E8F0\" stroke-width=\"2\"\/>\n                                <line x1=\"80\" y1=\"125\" x2=\"740\" y2=\"125\" stroke=\"#F1F5F9\" stroke-dasharray=\"4\"\/>\n                                <line x1=\"80\" y1=\"210\" x2=\"740\" y2=\"210\" stroke=\"#F1F5F9\" stroke-dasharray=\"4\"\/>\n                                <line x1=\"80\" y1=\"295\" x2=\"740\" y2=\"295\" stroke=\"#F1F5F9\" stroke-dasharray=\"4\"\/>\n                                <text x=\"160\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"middle\">Reactive<\/text>\n                                <text x=\"325\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"600\" text-anchor=\"middle\">Dependent<\/text>\n                                <text x=\"495\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"600\" text-anchor=\"middle\">Independent<\/text>\n                                <text x=\"665\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"600\" text-anchor=\"middle\">Interdependent<\/text>\n                                <path id=\"spw-curve-path\" d=\"M 85,75 C 200,75 350,330 710,360\" fill=\"none\" stroke=\"url(#spw-curve-grad)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n                                <rect x=\"80\" y=\"40\" width=\"160\" height=\"340\" fill=\"transparent\" style=\"cursor:pointer;\" onclick=\"spwJump(12)\"\/>\n                                <rect x=\"240\" y=\"40\" width=\"160\" height=\"340\" fill=\"transparent\" style=\"cursor:pointer;\" onclick=\"spwJump(39)\"\/>\n                                <rect x=\"400\" y=\"40\" width=\"160\" height=\"340\" fill=\"transparent\" style=\"cursor:pointer;\" onclick=\"spwJump(68)\"\/>\n                                <rect x=\"560\" y=\"40\" width=\"180\" height=\"340\" fill=\"transparent\" style=\"cursor:pointer;\" onclick=\"spwJump(94)\"\/>\n                                <g style=\"cursor:pointer;\" onclick=\"spwJump(12)\"><circle cx=\"160\" cy=\"110\" r=\"12\" fill=\"#EF4444\" fill-opacity=\"0.15\" class=\"spw-node-pulse\"\/><circle cx=\"160\" cy=\"110\" r=\"6\" fill=\"#EF4444\"\/><\/g>\n                                <g style=\"cursor:pointer;\" onclick=\"spwJump(39)\"><circle cx=\"325\" cy=\"180\" r=\"12\" fill=\"#F59E0B\" fill-opacity=\"0.15\" class=\"spw-node-pulse\" style=\"animation-delay:0.5s;\"\/><circle cx=\"325\" cy=\"180\" r=\"6\" fill=\"#F59E0B\"\/><\/g>\n                                <g style=\"cursor:pointer;\" onclick=\"spwJump(68)\"><circle cx=\"495\" cy=\"275\" r=\"12\" fill=\"#3B82F6\" fill-opacity=\"0.15\" class=\"spw-node-pulse\" style=\"animation-delay:1s;\"\/><circle cx=\"495\" cy=\"275\" r=\"6\" fill=\"#3B82F6\"\/><\/g>\n                                <g style=\"cursor:pointer;\" onclick=\"spwJump(94)\"><circle cx=\"665\" cy=\"355\" r=\"12\" fill=\"#10B981\" fill-opacity=\"0.15\" class=\"spw-node-pulse\" style=\"animation-delay:1.5s;\"\/><circle cx=\"665\" cy=\"355\" r=\"6\" fill=\"#10B981\"\/><\/g>\n                                <g id=\"spw-user-marker\" transform=\"translate(160,110)\" style=\"pointer-events:none;\">\n                                    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"none\" stroke=\"#0F1B2D\" stroke-width=\"3\" stroke-dasharray=\"2 2\" class=\"spw-marker-spin\"\/>\n                                    <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#0F1B2D\"\/>\n                                    <polygon points=\"-8,-22 8,-22 0,-13\" fill=\"#0F1B2D\"\/>\n                                <\/g>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"spw-bradley-slider\">\n                            <input type=\"range\" id=\"spw-maturity-slider\" min=\"0\" max=\"100\" value=\"15\" oninput=\"spwSlider(this.value)\" class=\"spw-range-input\">\n                            <div class=\"spw-slider-labels\">\n                                <span>REACTIVE<\/span><span>DEPENDENT<\/span><span>INDEPENDENT<\/span><span>INTERDEPENDENT<\/span>\n                            <\/div>\n                            <div class=\"spw-drag-hint\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n                                <span>Drag to compare<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"glass-card p-4 sm:p-6 rounded-2xl shadow-2xl\" style=\"border-color: rgba(13, 70, 64, 0.2); min-height: 400px;\">\n                    <h3 class=\"text-center font-bold uppercase text-xs tracking-widest mb-4\" style=\"color: var(--sparrow-gold);\">Sparrow EHS Maturity S-Curve<\/h3>\n                    <!-- New Interactive Sparrow S-Curve -->\n                    <div class=\"spw-scurve-wrap\">\n                        <div class=\"spw-scurve-header\">\n                            <div>\n                                <div class=\"spw-scurve-title\"><span class=\"spw-ping\"><\/span>S-Curve Multi-Pillar<\/div>\n                                <div class=\"spw-scurve-stage\" id=\"spw-s-stage\">Stage 1: Foundational Control<\/div>\n                            <\/div>\n                            <div class=\"spw-scurve-toggles\">\n                                <span class=\"spw-toggle-btn\" style=\"border-color:#0d4640;color:#0d4640;\" id=\"spw-tog-system\" onclick=\"spwToggle('system')\"><span class=\"spw-tdot\" style=\"background:#0d4640;\"><\/span>System<\/span>\n                                <span class=\"spw-toggle-btn\" style=\"border-color:#2D5A47;color:#2D5A47;\" id=\"spw-tog-data\" onclick=\"spwToggle('data')\"><span class=\"spw-tdot\" style=\"background:#2D5A47;\"><\/span>Data<\/span>\n                                <span class=\"spw-toggle-btn\" style=\"border-color:#1A3C34;color:#1A3C34;\" id=\"spw-tog-culture\" onclick=\"spwToggle('culture')\"><span class=\"spw-tdot\" style=\"background:#1A3C34;\"><\/span>Culture<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"spw-scurve-chart\">\n                            <svg id=\"spw-s-svg\" viewBox=\"0 0 800 500\" style=\"width:100%;height:100%;\">\n                                <line x1=\"80\" y1=\"40\" x2=\"80\" y2=\"380\" stroke=\"#E2E8F0\" stroke-width=\"2\"\/>\n                                <line x1=\"80\" y1=\"380\" x2=\"740\" y2=\"380\" stroke=\"#E2E8F0\" stroke-width=\"2\"\/>\n                                <line x1=\"80\" y1=\"122.5\" x2=\"740\" y2=\"122.5\" stroke=\"#F1F5F9\" stroke-width=\"1.5\" stroke-dasharray=\"4\"\/>\n                                <line x1=\"80\" y1=\"205\" x2=\"740\" y2=\"205\" stroke=\"#F1F5F9\" stroke-width=\"1.5\" stroke-dasharray=\"4\"\/>\n                                <line x1=\"80\" y1=\"287.5\" x2=\"740\" y2=\"287.5\" stroke=\"#F1F5F9\" stroke-width=\"1.5\" stroke-dasharray=\"4\"\/>\n                                <text x=\"90\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,90,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(1)\">Foundational<\/text>\n                                <text x=\"193.3\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,193.3,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(2)\">Systematized<\/text>\n                                <text x=\"296.6\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,296.6,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(3)\">Proactive<\/text>\n                                <text x=\"400\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,400,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(4)\">Intelligence<\/text>\n                                <text x=\"503.3\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,503.3,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(5)\">Prediction<\/text>\n                                <text x=\"606.6\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,606.6,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(6)\">Integration<\/text>\n                                <text x=\"710\" y=\"405\" fill=\"#00000\" font-size=\"15\" font-weight=\"700\" text-anchor=\"end\" transform=\"rotate(-30,710,405)\" class=\"spw-axis-label\" onclick=\"spwSJump(7)\">Resilience<\/text>\n                                <path id=\"spw-s-path-system\" class=\"spw-s-path\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                                <path id=\"spw-s-path-data\" class=\"spw-s-path\" fill=\"none\" stroke=\"#2D5A47\" stroke-width=\"2.5\" stroke-dasharray=\"6 4\" stroke-linecap=\"round\"\/>\n                                <path id=\"spw-s-path-culture\" class=\"spw-s-path\" fill=\"none\" stroke=\"#1A3C34\" stroke-width=\"2.5\" stroke-dasharray=\"6 4\" stroke-linecap=\"round\"\/>\n                                <g style=\"cursor:pointer;\" onclick=\"spwSJump(1)\"><circle cx=\"90\" cy=\"363.5\" r=\"10\" fill=\"#0d4640\" fill-opacity=\"0.1\" class=\"spw-s-node-pulse\"\/><circle cx=\"90\" cy=\"363.5\" r=\"5\" fill=\"#0d4640\"\/><\/g>\n                                <g style=\"cursor:pointer;\" onclick=\"spwSJump(4)\"><circle cx=\"400\" cy=\"198.5\" r=\"10\" fill=\"#0d4640\" fill-opacity=\"0.1\" class=\"spw-s-node-pulse\" style=\"animation-delay:0.5s;\"\/><circle cx=\"400\" cy=\"198.5\" r=\"5\" fill=\"#0d4640\"\/><\/g>\n                                <g style=\"cursor:pointer;\" onclick=\"spwSJump(7)\"><circle cx=\"710\" cy=\"56.6\" r=\"10\" fill=\"#0d4640\" fill-opacity=\"0.1\" class=\"spw-s-node-pulse\" style=\"animation-delay:1s;\"\/><circle cx=\"710\" cy=\"56.6\" r=\"5\" fill=\"#0d4640\"\/><\/g>\n                                <g id=\"spw-s-mk-system\" class=\"spw-s-marker\" style=\"pointer-events:none;\"><circle cx=\"0\" cy=\"0\" r=\"13\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\"\/><circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#0d4640\"\/><\/g>\n                                <g id=\"spw-s-mk-data\" class=\"spw-s-marker\" style=\"pointer-events:none;\"><circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"none\" stroke=\"#2D5A47\" stroke-width=\"2\" stroke-dasharray=\"2 2\"\/><circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"#2D5A47\"\/><\/g>\n                                <g id=\"spw-s-mk-culture\" class=\"spw-s-marker\" style=\"pointer-events:none;\"><circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"none\" stroke=\"#1A3C34\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"#1A3C34\"\/><\/g>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"spw-scurve-metrics\">\n                            <div class=\"spw-metric-card\"><small>System Cap.<\/small><strong id=\"spw-s-met-system\" style=\"color:#0d4640;\">5%<\/strong><\/div>\n                            <div class=\"spw-metric-card\"><small>Data Pillar<\/small><strong id=\"spw-s-met-data\" style=\"color:#2D5A47;\">2%<\/strong><\/div>\n                            <div class=\"spw-metric-card\"><small>Culture<\/small><strong id=\"spw-s-met-culture\" style=\"color:#1A3C34;\">8%<\/strong><\/div>\n                        <\/div>\n                        <div class=\"spw-scurve-slider\">\n                            <input type=\"range\" id=\"spw-s-slider\" min=\"0\" max=\"100\" value=\"12\" oninput=\"spwSSlider(this.value)\" class=\"spw-range-input\">\n                            <div class=\"spw-scurve-slider-labels\">\n                                <span>Foundational<\/span><span>Systematized<\/span><span>Proactive<\/span><span>Intelligence<\/span><span>Prediction<\/span><span>Integration<\/span><span>Resilience<\/span>\n                            <\/div>\n                            <div class=\"spw-drag-hint\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n                                <span>Drag to compare<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- SECTION 3: 7-STAGE JOURNEY -->\n    <section id=\"roadmap\" class=\"py-24 text-white\" style=\"background: var(--sparrow-dark);\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl font-extrabold mb-4\">The 7 Stages of Adaptive Resilience<\/h2>\n                <p class=\"max-w-2xl mx-auto\" style=\"color: rgba(168, 230, 207, 0.8);\">Click through the milestones to see exactly how Engineering, Culture, Governance, and Data advance.<\/p>\n            <\/div>\n\n            <div class=\"flex flex-col lg:flex-row gap-8\">\n                <div class=\"lg:w-1\/4 flex flex-col space-y-2\" id=\"stageNav\">\n                    <!-- Nav generated by JS -->\n                <\/div>\n                <div class=\"lg:w-3\/4 border border-white\/10 rounded-3xl p-10\">\n                    <div id=\"stageContent\">\n                        <!-- Content generated by JS -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <!-- SECTION 2: BUCKETTHEORY\u00ae SIMULATOR -->\n    <section id=\"simulator\" class=\"spw-sim-section\">\n        <div class=\"spw-sim-container\">\n            <div class=\"spw-sim-header\">\n                <span class=\"spw-sim-badge\">Interactive Demo<\/span>\n                <h2 class=\"spw-sim-title\">BucketTheory\u00ae Live Simulator<\/h2>\n                <p class=\"spw-sim-subtitle\">Traditional EHS manages the overflow (accidents). Sparrow manages the fill-rate (latent risk).<\/p>\n            <\/div>\n\n            <div class=\"spw-sim-layout\">\n                <!-- Left: Controls -->\n                <div class=\"spw-sim-controls\">\n                    <div class=\"spw-sim-card spw-sim-risk-card\">\n                        <div class=\"spw-sim-card-header\">\n                            <span class=\"spw-sim-icon spw-sim-icon-red\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/><\/svg>\n                            <\/span>\n                            <h4 class=\"spw-sim-card-title\">Risk Fill Sources<\/h4>\n                            <span class=\"spw-sim-card-label\">Latent Risk<\/span>\n                        <\/div>\n                        <div class=\"spw-sim-options\">\n                            <label class=\"spw-sim-option spw-sim-option-red\">\n                                <span class=\"spw-sim-option-text\">Frontline Blame Culture<\/span>\n                                <input type=\"checkbox\" class=\"risk-toggle\" data-impact=\"25\" checked>\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                            <label class=\"spw-sim-option spw-sim-option-red\">\n                                <span class=\"spw-sim-option-text\">Deferred Maintenance<\/span>\n                                <input type=\"checkbox\" class=\"risk-toggle\" data-impact=\"30\" checked>\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                            <label class=\"spw-sim-option spw-sim-option-red\">\n                                <span class=\"spw-sim-option-text\">Information Silos<\/span>\n                                <input type=\"checkbox\" class=\"risk-toggle\" data-impact=\"20\">\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"spw-sim-card spw-sim-drain-card\">\n                        <div class=\"spw-sim-card-header\">\n                            <span class=\"spw-sim-icon spw-sim-icon-blue\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n                            <\/span>\n                            <h4 class=\"spw-sim-card-title\">Drainage Mechanisms<\/h4>\n                            <span class=\"spw-sim-card-label\">Interventions<\/span>\n                        <\/div>\n                        <div class=\"spw-sim-options\">\n                            <label class=\"spw-sim-option spw-sim-option-blue\">\n                                <span class=\"spw-sim-option-text\">Deploy BBSO AI Pattern Detection<\/span>\n                                <input type=\"checkbox\" class=\"drain-toggle\" data-impact=\"-20\">\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                            <label class=\"spw-sim-option spw-sim-option-blue\">\n                                <span class=\"spw-sim-option-text\">Execute AI iHAZOP\u00ae<\/span>\n                                <input type=\"checkbox\" class=\"drain-toggle\" data-impact=\"-25\">\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                            <label class=\"spw-sim-option spw-sim-option-blue\">\n                                <span class=\"spw-sim-option-text\">Learning Team Integration<\/span>\n                                <input type=\"checkbox\" class=\"drain-toggle\" data-impact=\"-30\">\n                                <span class=\"spw-sim-check\"><\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right: Results (Sticky on desktop, inline on mobile) -->\n                <div class=\"spw-sim-results\">\n                    <div class=\"spw-sim-results-card\">\n                        <div class=\"spw-sim-bucket-wrap\">\n                            <div class=\"spw-sim-bucket\">\n                                <canvas id=\"bucketCanvas\" class=\"bucket-canvas\"><\/canvas>\n                                <div id=\"riskLevelDisplay\" class=\"spw-sim-percentage\">0%<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"spw-sim-verdict-wrap\">\n                            <span id=\"riskVerdict\" class=\"spw-sim-verdict\">Safe Envelope<\/span>\n                            <p id=\"riskDesc\" class=\"spw-sim-desc\">Your organization's adaptive capacity is sufficient for current latent risk.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n  <!-- 3. UNIFIED COMPARISON MATRIX SECTION -->\n  <section class=\"py-24 px-6 lg:px-12 max-w-7xl mx-auto\">\n    <div class=\"text-center mb-12\">\n      <h2 class=\"text-3xl lg:text-5xl font-extrabold mb-4 tracking-tight\" style=\"color: var(--sparrow-dark);\">Master Comparison: Bradley Curve vs. Sparrow EHS Maturity Curve<\/h2>\n      <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\n        The table below provides a definitive, multi-dimension comparison of the three frameworks. It should be used in stakeholder conversations to contextualize why the Sparrow model represents a generational advance. \n      <\/p>\n    <\/div>\n\n    <!-- Scroll Indicator For Table View -->\n    <div class=\"flex items-center justify-end gap-1.5 text-xs text-gray-400 mb-2 lg:hidden\">\n      <span>Swipe horizontal to see all columns<\/span>\n      <svg class=\"w-3.5 h-3.5 animate-pulse\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"><\/path>\n      <\/svg>\n    <\/div>\n\n    <!-- Tabular Matrix View -->\n    <div class=\"overflow-x-auto rounded-xl border border-gray-200 shadow-sm bg-white\" style=\"-webkit-overflow-scrolling: touch;\">\n      <table class=\"w-full min-w-[900px] border-collapse text-left text-sm text-gray-700\">\n        <thead>\n          <tr class=\"text-white border-b border-gray-200\" style=\"background: var(--sparrow-dark);\">\n            <th class=\"py-5 px-6 font-bold text-base w-[18%]\">Dimension<\/th>\n            <th class=\"py-5 px-6 font-bold text-base w-[24%]\">DuPont Bradley Curve<\/th>\n            <th class=\"py-5 px-6 font-bold text-base w-[24%]\">Other Global Models <\/th>\n            <th class=\"py-5 px-6 font-bold text-base w-[34%] text-white\" style=\"background: linear-gradient(135deg, var(--sparrow-gold), var(--sparrow-accent));\">\n              <div class=\"flex items-center gap-2\">\n                <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                  <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path>\n                <\/svg>\n                <span>Sparrow EHS Maturity Curve<\/span>\n              <\/div>\n            <\/th>\n          <\/tr>\n        <\/thead>\n        <tbody class=\"divide-y divide-gray-200\">\n          <!-- Row 1 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Primary Focus<\/td>\n            <td class=\"py-4 px-6\">Behavioural modification; reducing incident counts<\/td>\n            <td class=\"py-4 px-6\">Structured cultural transformation via BBS and leadership assessment<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Systemic risk management across engineering, culture, governance, and technology simultaneously<\/td>\n          <\/tr>\n          <!-- Row 2 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Progression Model<\/td>\n            <td class=\"py-4 px-6\">Linear: Reactive \u2192 Interdependent<\/td>\n            <td class=\"py-4 px-6\">Linear; same four Bradley stages operationalized into consulting phases<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Iterative and multi-pillar; each pillar progresses independently; 7 stages with hard readiness criteria<\/td>\n          <\/tr>\n          <!-- Row 3 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">View of Humans<\/td>\n            <td class=\"py-4 px-6\">A source of error to be controlled through rules and observation<\/td>\n            <td class=\"py-4 px-6\">A source of behavior to be observed, measured, and modified<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">A source of resilience and expertise; to be empowered, coached, and augmented by technology<\/td>\n          <\/tr>\n          <!-- Row 4 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Role of Technology<\/td>\n            <td class=\"py-4 px-6\">Ancillary; record-keeping and compliance tracking<\/td>\n            <td class=\"py-4 px-6\">Advisory only; no proprietary platform<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Foundational strategic enabler; integrated EHS 4.0 platform (IndustryOS\u00ae) deployed at Stage 4<\/td>\n          <\/tr>\n          <!-- Row 5 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">AI & Predictive Analytics<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Core from Stage 5; Sparrow AI Engine active from Day 1 of engagement<\/td>\n          <\/tr>\n          <!-- Row 6 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Legacy Data Intelligence<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Sparrow AI Engine conducts legacy data archaeology before engagement begins<\/td>\n          <\/tr>\n          <!-- Row 7 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Behavioral Safety Tool<\/td>\n            <td class=\"py-4 px-6\">Behavioral concepts only<\/td>\n            <td class=\"py-4 px-6\">STOP\u00ae \/ BBS observation programs<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">BBSO AI: AI-powered behavioral pattern detection, computer vision, predictive intervention<\/td>\n          <\/tr>\n          <!-- Row 8 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Process Safety Integration<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 text-gray-500\">Limited<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Deep PSM integration throughout; iHAZOP\u00ae from Stage 5; HyPSM\u00ae at Stage 7<\/td>\n          <\/tr>\n          <!-- Row 9 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Cultural Measurement<\/td>\n            <td class=\"py-4 px-6\">Qualitative; 4-stage classification<\/td>\n            <td class=\"py-4 px-6\">Other Global models roprietary perception survey<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">7-dimension Sparrow Perception Survey; scores map directly to maturity stages<\/td>\n          <\/tr>\n          <!-- Row 10 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Intellectual Foundation<\/td>\n            <td class=\"py-4 px-6 text-gray-600\">Covey (1989) personal effectiveness framework<\/td>\n            <td class=\"py-4 px-6\">Bradley Curve commercialized<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Safety science, systems thinking, HOP, PSM, Safety-II, EHS 4.0<\/td>\n          <\/tr>\n          <!-- Row 11 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">India Manufacturing Relevance<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6 text-gray-500\">Low<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Built for Indian manufacturing context; aligned to Factories Act, MSIHC, PESO, state EHS rules<\/td>\n          <\/tr>\n          <!-- Row 12 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Knowledge Transfer to Client<\/td>\n            <td class=\"py-4 px-6\">Minimal<\/td>\n            <td class=\"py-4 px-6\">Partial<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">Permanent; consulting builds capability; IndustryOS\u00ae provides ongoing intelligence without consultant dependency<\/td>\n          <\/tr>\n          <!-- Row 13 -->\n          <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n            <td class=\"py-4 px-6 font-bold text-gray-900 bg-gray-50\/30\">Proprietary IP Tools<\/td>\n            <td class=\"py-4 px-6 text-gray-400\">None<\/td>\n            <td class=\"py-4 px-6\">STOP\u00ae, SCA, proprietary surveys<\/td>\n            <td class=\"py-4 px-6 font-medium border-l-2\" style=\"background: var(--sparrow-light); border-color: var(--sparrow-accent);\">BucketTheory\u00ae, BBSO AI, Sparrow AI Engine, iHAZOP\u00ae, HyPSM\u00ae, iLoL\u00ae, FREAP\u00ae, AESAP\u00ae, GroundESG\u00ae<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/section>\n\n    <!-- SECTION 4: PROPRIETARY ARSENAL -->\n    <section class=\"py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl font-extrabold text-slate-900 mb-4\">Technology Multipliers<\/h2>\n                <p class=\"text-slate-600\">Consulting provides the strategy. IndustryOS\u00ae provides the execution speed.<\/p>\n            <\/div>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <div class=\"p-8 rounded-3xl border border-slate-200 hover:border-[#0d4640] transition group\">\n                    <div class=\"w-12 h-12 rounded-2xl mb-6 flex items-center justify-center font-bold text-white transition\" style=\"background: var(--sparrow-gold);\">AI<\/div>\n                    <h3 class=\"text-xl font-bold mb-4\">BBSO AI Engine<\/h3>\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Transforms paper observations into predictive risk clusters using NLP and computer vision pattern matching.<\/p>\n                <\/div>\n                <div class=\"p-8 rounded-3xl border border-slate-200 hover:border-[#0d4640] transition group\">\n                    <div class=\"w-12 h-12 rounded-2xl mb-6 flex items-center justify-center font-bold text-white transition\" style=\"background: var(--sparrow-accent);\">LY<\/div>\n                    <h3 class=\"text-xl font-bold mb-4\">iLOL Risk Mapping<\/h3>\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Information Layered Over Layout. Geospatial hazard awareness integrated with digital plant schematics.<\/p>\n                <\/div>\n                <div class=\"p-8 rounded-3xl border border-slate-200 hover:border-[#0d4640] transition group\">\n                    <div class=\"w-12 h-12 rounded-2xl mb-6 flex items-center justify-center font-bold text-white transition\" style=\"background: var(--sparrow-teal);\">TW<\/div>\n                    <h3 class=\"text-xl font-bold mb-4\">HyPSM\u00ae Digital Twins<\/h3>\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Simulate high-risk, low-frequency events in a risk-free digital environment before physical implementation.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ SECTION -->\n    <section id=\"faq\" class=\"py-24\" style=\"background: var(--sparrow-clay);\">\n        <div class=\"max-w-3xl mx-auto px-6\">\n            <div class=\"text-center mb-14\">\n                <span class=\"inline-block py-1 px-3 rounded-full text-xs font-bold uppercase tracking-widest mb-4 border\" style=\"background: rgba(13,70,64,0.08); color: var(--sparrow-gold); border-color: rgba(13,70,64,0.2);\">Knowledge Base<\/span>\n                <h2 class=\"text-4xl font-extrabold text-slate-900\">Frequently Asked Questions<\/h2>\n            <\/div>\n            <div id=\"spwFaqList\">\n                <div class=\"spw-faq-item open\">\n                    <div class=\"spw-faq-q\" onclick=\"spwFaqToggle(this)\"><span>Why is the Sparrow EHS Maturity Curve superior to the traditional DuPont Bradley Curve?<\/span><span class=\"spw-faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span><\/div>\n                    <div class=\"spw-faq-a\"><p>The DuPont Bradley Curve, commercialized in the 1990s, is a linear, single-threaded model focused primarily on behavioral modification and reducing incident counts. It treats humans as a source of error to be controlled through rigid rules.<br><br>In contrast, the Sparrow EHS Maturity Curve represents a generational shift based on modern safety science (Safety-II, Human and Organizational Performance (HOP), and Systems Thinking). Instead of a linear progression, Sparrow uses an S-Curve of systemic capacity across four integrated pillars: Engineering, Culture, Governance, and Technology. While legacy models stop at \"Interdependent\" behaviors, Sparrow drives organizations toward Adaptive Resilience, treating frontline workers as a source of expertise and leveraging technology multipliers to preemptively manage latent risks.<\/p><\/div>\n                <\/div>\n                <div class=\"spw-faq-item\">\n                    <div class=\"spw-faq-q\" onclick=\"spwFaqToggle(this)\"><span>How does Sparrow integrate Artificial Intelligence into EHS cultural transformation?<\/span><span class=\"spw-faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span><\/div>\n                    <div class=\"spw-faq-a\"><p>Most global consulting firms treat technology as an afterthought or a basic record-keeping tool. Sparrow positions technology as a foundational strategic enabler via our proprietary platform, IndustryOS\u00ae.<br><br><strong>From Day One:<\/strong> The Sparrow AI Engine conducts \"legacy data archaeology\" to unlock insights from years of unstructured paper and digital logs.<br><br><strong>Predictive Scaling:<\/strong> By Stage 5, our BBSO AI Engine uses natural language processing (NLP) and computer vision to transform standard behavioral observations into predictive risk clusters.<br><br><strong>Advanced Process Safety:<\/strong> We deploy iHAZOP\u00ae and HyPSM\u00ae Digital Twins to simulate high-risk, low-frequency events in a risk-free digital environment, allowing organizations to manage the risk \"fill-rate\" before an incident occurs.<\/p><\/div>\n                <\/div>\n                <div class=\"spw-faq-item\">\n                    <div class=\"spw-faq-q\" onclick=\"spwFaqToggle(this)\"><span>What makes Sparrow the best global partner for heavy manufacturing and complex regulatory environments?<\/span><span class=\"spw-faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span><\/div>\n                    <div class=\"spw-faq-a\"><p>Sparrow is uniquely engineered to bridge the gap between high-level global safety frameworks and localized operational realities. For example, in rapidly expanding industrial markets like India, traditional Western safety models fail because they lack local compliance context.<br><br>Sparrow' methodology is natively aligned with stringent regulatory frameworks-such as the Factories Act, MSIHC Rules, PESO guidelines, and state-specific EHS rules-while maintaining seamless integration into a multinational enterprise' global Risk Management (ERM) strategy. We don't just import a framework; we build localized operational resilience.<\/p><\/div>\n                <\/div>\n                <div class=\"spw-faq-item\">\n                    <div class=\"spw-faq-q\" onclick=\"spwFaqToggle(this)\"><span>How does Sparrow' BucketTheory\u00ae change how corporate leadership views safety data?<\/span><span class=\"spw-faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span><\/div>\n                    <div class=\"spw-faq-a\"><p>Traditional EHS metrics are reactive-they measure the \"overflow\" (the accidents that already happened). Sparrow' proprietary BucketTheory\u00ae shifts the executive focus to managing the \"fill-rate\" (latent systemic risks like frontline blame culture, information silos, and deferred maintenance).<br><br>By mapping cultural health directly to systemic capacity via the 7-dimension Sparrow Perception Survey, we provide leadership with a real-time mathematical score of their risk buffer. This turns safety from an ambiguous cultural goal into a quantifiable, auditable operational metric.<\/p><\/div>\n                <\/div>\n                <div class=\"spw-faq-item\">\n                    <div class=\"spw-faq-q\" onclick=\"spwFaqToggle(this)\"><span>Will our organization become permanently dependent on Sparrow consultants?<\/span><span class=\"spw-faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/span><\/div>\n                    <div class=\"spw-faq-a\"><p>No. Standard global consultancies rely on ongoing billable hours, leaving minimal permanent capability behind when they exit. Sparrow' mission is permanent knowledge transfer.<br><br>While our consulting leads the initial strategy, we deploy IndustryOS\u00ae to embed ongoing data intelligence into your daily operations. This ensures that your frontline is continuously empowered, coached, and augmented by technology, allowing your organization to sustain and advance its maturity independently.<\/p><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ --- DATA OBJECTS ---\n        const stagesData = [\n            { level: 1, title: \"Foundational Control\", engineering: \"Basic guards, PPE, and initial PHA.\", culture: \"Reactive. Safety is driven by blame\/compliance.\", gov: \"Regulatory-driven, minimal procedures.\", tech: \"Paper forms, spreadsheets, siloed lagging data.\" },\n            { level: 2, title: \"Systematized Engagement\", engineering: \"Formalized PSM and enforced Permit to Work.\", culture: \"Dependent on rules; early HOP engagement.\", gov: \"Formal EHSMS (ISO 45001) in place.\", tech: \"Structured manual systems and digital forms.\" },\n            { level: 3, title: \"Proactive Culture\", engineering: \"Dynamic risk assessments by frontline.\", culture: \"Independent ownership; trust building.\", gov: \"Rewards proactive reporting; HOP used.\", tech: \"Data volume strains manual systems.\" },\n            { level: 4, title: \"Proactive Intelligence\", engineering: \"IoT on critical assets; digital PTW.\", culture: \"Solidified independence; Learning Teams.\", gov: \"Data-driven decisions via balanced KPIs.\", tech: \"IndustryOS\u00ae deployed; BBSO AI baseline.\" },\n            { level: 5, title: \"Emerging Prediction\", engineering: \"Predictive maintenance and AI iHAZOP\u00ae.\", culture: \"AI Champions emerge; transition to interdependence.\", gov: \"AI governance frameworks established.\", tech: \"Pilot ML models; targeted computer vision.\" },\n            { level: 6, title: \"Predictive Integration\", engineering: \"Scaled predictive maintenance; Connected Worker.\", culture: \"Interdependent; frontline empowered by data.\", gov: \"EHS integrated into Enterprise Risk Management.\", tech: \"Full EHS-EAM-ERP data fusion.\" },\n            { level: 7, title: \"Adaptive Resilience\", engineering: \"Digital twins for emergency simulation.\", culture: \"Safety-II mindset; frontline act as risk managers.\", gov: \"Adaptive governance and operating envelopes.\", tech: \"Prescriptive analytics and AI-adaptive training.\" }\n        ];\n\n        \/\/ --- SPARROW S-CURVE ENGINE ---\n        var spwSSystemPts = [[90,363.5],[193.3,340.4],[296.6,287.6],[400,198.5],[503.3,122.6],[606.6,76.4],[710,56.6]];\n        var spwSDataPts = [[90,373.4],[193.3,347],[296.6,320.6],[400,215],[503.3,99.5],[606.6,66.5],[710,53.3]];\n        var spwSCulturePts = [[90,353.6],[193.3,330.5],[296.6,297.5],[400,248],[503.3,182],[606.6,116],[710,66.5]];\n        var spwSStages = [\n            {maxPct:14,name:\"Stage 1: Foundational Control\"},{maxPct:30,name:\"Stage 2: Systematized Engagement\"},\n            {maxPct:47,name:\"Stage 3: Proactive Culture\"},{maxPct:63,name:\"Stage 4: Proactive Intelligence\"},\n            {maxPct:80,name:\"Stage 5: Emerging Prediction\"},{maxPct:95,name:\"Stage 6: Predictive Integration\"},\n            {maxPct:100,name:\"Stage 7: Adaptive Resilience\"}\n        ];\n        var spwSVis = {system:true, data:true, culture:true};\n        var spwSPaths = {};\n\n        function spwSBezier(pts) {\n            var d = \"M \" + pts[0][0] + \",\" + pts[0][1];\n            for (var i = 0; i < pts.length - 1; i++) {\n                var p0 = pts[i-1] || pts[i], p1 = pts[i], p2 = pts[i+1], p3 = pts[i+2] || p2;\n                var cp1x = p1[0] + (p2[0]-p0[0])\/5.5, cp1y = p1[1] + (p2[1]-p0[1])\/5.5;\n                var cp2x = p2[0] - (p3[0]-p1[0])\/5.5, cp2y = p2[1] - (p3[1]-p1[1])\/5.5;\n                d += \" C \" + cp1x + \",\" + cp1y + \" \" + cp2x + \",\" + cp2y + \" \" + p2[0] + \",\" + p2[1];\n            }\n            return d;\n        }\n\n        function spwSUpdate(pct) {\n            var val = parseFloat(pct);\n            if (spwSVis.system) {\n                var pt = spwSPaths.system.getPointAtLength((val\/100)*spwSPaths.system.getTotalLength());\n                document.getElementById(\"spw-s-mk-system\").setAttribute(\"transform\",\"translate(\"+pt.x+\",\"+pt.y+\")\");\n            }\n            if (spwSVis.data) {\n                var pt = spwSPaths.data.getPointAtLength((val\/100)*spwSPaths.data.getTotalLength());\n                document.getElementById(\"spw-s-mk-data\").setAttribute(\"transform\",\"translate(\"+pt.x+\",\"+pt.y+\")\");\n            }\n            if (spwSVis.culture) {\n                var pt = spwSPaths.culture.getPointAtLength((val\/100)*spwSPaths.culture.getTotalLength());\n                document.getElementById(\"spw-s-mk-culture\").setAttribute(\"transform\",\"translate(\"+pt.x+\",\"+pt.y+\")\");\n            }\n            var sysScore = Math.min(100, Math.round(5 + (val\/100)*93));\n            var dataScore = Math.min(100, Math.round(2 + (val\/100)*97));\n            var cultScore = Math.min(100, Math.round(8 + (val\/100)*87));\n            document.getElementById(\"spw-s-met-system\").textContent = sysScore + \"%\";\n            document.getElementById(\"spw-s-met-data\").textContent = dataScore + \"%\";\n            document.getElementById(\"spw-s-met-culture\").textContent = cultScore + \"%\";\n            var stage = spwSStages[spwSStages.length-1].name;\n            for (var i=0; i<spwSStages.length; i++) { if (val <= spwSStages[i].maxPct) { stage = spwSStages[i].name; break; } }\n            document.getElementById(\"spw-s-stage\").textContent = stage;\n        }\n\n        function spwToggle(pillar) {\n            spwSVis[pillar] = !spwSVis[pillar];\n            var btn = document.getElementById(\"spw-tog-\" + pillar);\n            var pathEl = document.getElementById(\"spw-s-path-\" + pillar);\n            var mkEl = document.getElementById(\"spw-s-mk-\" + pillar);\n            if (spwSVis[pillar]) { pathEl.style.opacity=\"1\"; mkEl.style.opacity=\"1\"; btn.classList.remove(\"off\"); }\n            else { pathEl.style.opacity=\"0\"; mkEl.style.opacity=\"0\"; btn.classList.add(\"off\"); }\n            spwSUpdate(document.getElementById(\"spw-s-slider\").value);\n        }\n\n        function spwSSlider(val) { spwSUpdate(val); }\n        function spwSJump(level) {\n            var pct = Math.round(((level-1)\/6)*100);\n            document.getElementById(\"spw-s-slider\").value = pct;\n            spwSUpdate(pct);\n        }\n\n        function initSparrowCurve() {\n            spwSPaths.system = document.getElementById(\"spw-s-path-system\");\n            spwSPaths.data = document.getElementById(\"spw-s-path-data\");\n            spwSPaths.culture = document.getElementById(\"spw-s-path-culture\");\n            spwSPaths.system.setAttribute(\"d\", spwSBezier(spwSSystemPts));\n            spwSPaths.data.setAttribute(\"d\", spwSBezier(spwSDataPts));\n            spwSPaths.culture.setAttribute(\"d\", spwSBezier(spwSCulturePts));\n            spwSUpdate(12);\n        }\n\n        \/\/ --- BUCKET SIMULATOR ENGINE ---\n        const bucketCanvas = document.getElementById('bucketCanvas');\n        const bCtx = bucketCanvas.getContext('2d');\n        let currentFill = 55; \/\/ %\n        let targetFill = 55;\n\n        function updateBucket() {\n            let fill = 0;\n            document.querySelectorAll('.risk-toggle:checked').forEach(i => fill += parseInt(i.dataset.impact));\n            document.querySelectorAll('.drain-toggle:checked').forEach(i => fill += parseInt(i.dataset.impact));\n            targetFill = Math.max(5, Math.min(95, 40 + fill));\n            \n            \/\/ UI Updates\n            const display = document.getElementById('riskLevelDisplay');\n            const verdict = document.getElementById('riskVerdict');\n            const desc = document.getElementById('riskDesc');\n            \n            display.innerText = targetFill + '%';\n            \n            if(targetFill > 75) {\n                verdict.className = \"px-6 py-2 rounded-full text-sm font-bold uppercase tracking-widest bg-red-100 text-red-700 border border-red-200 animate-pulse\";\n                verdict.innerText = \"CRITICAL: OVERFLOW IMMINENT\";\n                desc.innerText = \"Systemic capacity is exhausted. Minor variance will lead to catastrophic failure.\";\n            } else if(targetFill > 45) {\n                verdict.className = \"px-6 py-2 rounded-full text-sm font-bold uppercase tracking-widest bg-orange-100 text-orange-700 border border-orange-200\";\n                verdict.innerText = \"Vulnerable Zone\";\n                desc.innerText = \"Organization relies on luck and individual heroism to prevent incidents.\";\n            } else {\n                verdict.className = \"px-6 py-2 rounded-full text-sm font-bold uppercase tracking-widest bg-green-100 text-green-700 border border-green-200\";\n                verdict.innerText = \"Resilient Envelope\";\n                desc.innerText = \"High adaptive capacity. System absorbs variability and learns from errors.\";\n            }\n        }\n\n        function drawBucket() {\n            const w = bucketCanvas.width;\n            const h = bucketCanvas.height;\n            bCtx.clearRect(0, 0, w, h);\n\n            \/\/ Animate fill transition\n            if (currentFill < targetFill) currentFill += 0.5;\n            if (currentFill > targetFill) currentFill -= 0.5;\n\n            \/\/ Gradient for liquid\n            let color = \"#3b82f6\";\n            if (currentFill > 45) color = \"#f97316\";\n            if (currentFill > 75) color = \"#ef4444\";\n\n            \/\/ Draw Liquid\n            const fillHeight = (currentFill \/ 100) * (h - 20);\n            bCtx.fillStyle = color;\n            bCtx.globalAlpha = 0.8;\n            bCtx.fillRect(10, h - 10 - fillHeight, w - 20, fillHeight);\n\n            \/\/ Draw Bucket Outline (Canvas only, no SVG)\n            bCtx.globalAlpha = 1;\n            bCtx.strokeStyle = \"#1e293b\";\n            bCtx.lineWidth = 4;\n            bCtx.beginPath();\n            bCtx.moveTo(5, 5);\n            bCtx.lineTo(5, h - 5);\n            bCtx.lineTo(w - 5, h - 5);\n            bCtx.lineTo(w - 5, 5);\n            bCtx.stroke();\n\n            \/\/ Bubbles\/Particles if high risk\n            if (currentFill > 75) {\n                for(let i=0; i<5; i++) {\n                    bCtx.fillStyle = \"white\";\n                    bCtx.beginPath();\n                    bCtx.arc(Math.random()*w, (h - fillHeight) + Math.random()*fillHeight, 2, 0, Math.PI*2);\n                    bCtx.fill();\n                }\n            }\n\n            requestAnimationFrame(drawBucket);\n        }\n\n        \/\/ --- STAGE NAVIGATION ---\n        var spwStageInterval = null;\n        var spwCurrentStageIdx = 0;\n\n        function renderStages() {\n            const nav = document.getElementById('stageNav');\n            const content = document.getElementById('stageContent');\n\n            stagesData.forEach((s, idx) => {\n                const btn = document.createElement('button');\n                btn.className = `stage-btn text-left px-6 py-4 rounded-xl font-bold transition-all border border-white\/10 ${idx === 0 ? 'active' : 'hover:bg-white\/10'}`;\n                btn.innerHTML = `<span class=\"stage-label block text-xs uppercase tracking-tighter\" style=\"color: rgba(168, 230, 207, 0.8);\">Stage 0${s.level}<\/span><span class=\"stage-title\">${s.title}<\/span>`;\n                btn.onclick = () => {\n                    document.querySelectorAll('.stage-btn').forEach(b => b.classList.remove('active', 'hover:bg-white\/10'));\n                    document.querySelectorAll('.stage-btn').forEach(b => b.classList.add('hover:bg-white\/10'));\n                    btn.classList.add('active');\n                    btn.classList.remove('hover:bg-white\/10');\n                    spwCurrentStageIdx = idx;\n                    updateStageContent(s);\n                    \n                    \/\/ Auto-scroll clicked tab into view on mobile\n                    if (window.innerWidth < 1024) {\n                        setTimeout(() => {\n                            const navContainer = document.getElementById('stageNav');\n                            const navRect = navContainer.getBoundingClientRect();\n                            const btnRect = btn.getBoundingClientRect();\n                            const scrollLeft = navContainer.scrollLeft;\n                            const btnLeft = btnRect.left - navRect.left + scrollLeft;\n                            const btnWidth = btnRect.width;\n                            const navWidth = navContainer.clientWidth;\n                            const targetScroll = btnLeft - (navWidth \/ 2) + (btnWidth \/ 2);\n                            navContainer.scrollTo({\n                                left: targetScroll,\n                                behavior: 'smooth'\n                            });\n                        }, 50);\n                    }\n                    \n                    \/\/ Reset auto-rotation timer on manual click\n                    clearInterval(spwStageInterval);\n                    spwStartAutoRotate();\n                };\n                nav.appendChild(btn);\n            });\n\n            updateStageContent(stagesData[0]); \/\/ Default to Stage 1\n        }\n\n        function spwActivateStage(idx) {\n            const buttons = document.querySelectorAll('.stage-btn');\n            buttons.forEach(b => b.classList.remove('active', 'hover:bg-white\/10'));\n            buttons.forEach(b => b.classList.add('hover:bg-white\/10'));\n            buttons[idx].classList.add('active');\n            buttons[idx].classList.remove('hover:bg-white\/10');\n            updateStageContent(stagesData[idx]);\n            \n            \/\/ Auto-scroll active tab into view on mobile\n            if (window.innerWidth < 1024) {\n                const nav = document.getElementById('stageNav');\n                const activeBtn = buttons[idx];\n                if (nav && activeBtn) {\n                    const navRect = nav.getBoundingClientRect();\n                    const btnRect = activeBtn.getBoundingClientRect();\n                    const scrollLeft = nav.scrollLeft;\n                    const btnLeft = btnRect.left - navRect.left + scrollLeft;\n                    const btnWidth = btnRect.width;\n                    const navWidth = nav.clientWidth;\n                    \n                    \/\/ Calculate scroll position to center the active button\n                    const targetScroll = btnLeft - (navWidth \/ 2) + (btnWidth \/ 2);\n                    \n                    \/\/ Smooth scroll to bring active tab into view\n                    nav.scrollTo({\n                        left: targetScroll,\n                        behavior: 'smooth'\n                    });\n                }\n            }\n        }\n\n        function spwStartAutoRotate() {\n            spwStageInterval = setInterval(() => {\n                spwCurrentStageIdx = (spwCurrentStageIdx + 1) % stagesData.length;\n                spwActivateStage(spwCurrentStageIdx);\n            }, 2000); \/\/ 2 seconds interval\n        }\n\n        function updateStageContent(s) {\n            const container = document.getElementById('stageContent');\n            container.innerHTML = `\n                <h3 class=\"text-3xl font-black mb-8\" style=\"color: rgba(168, 230, 207, 0.9);\">Stage ${s.level}: ${s.title}<\/h3>\n                <div class=\"grid md:grid-cols-2 gap-6\">\n                    <div class=\"bg-white\/5 p-6 rounded-2xl border border-white\/5\">\n                        <h4 class=\"text-xs font-bold text-slate-400 uppercase mb-2 tracking-widest\">Engineering & Process<\/h4>\n                        <p class=\"text-lg\">${s.engineering}<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/5 p-6 rounded-2xl border border-white\/5\">\n                        <h4 class=\"text-xs font-bold text-slate-400 uppercase mb-2 tracking-widest\">People & Culture<\/h4>\n                        <p class=\"text-lg\">${s.culture}<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/5 p-6 rounded-2xl border border-white\/5\">\n                        <h4 class=\"text-xs font-bold text-slate-400 uppercase mb-2 tracking-widest\">Policy & Governance<\/h4>\n                        <p class=\"text-lg\">${s.gov}<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/5 p-6 rounded-2xl border border-white\/5\">\n                        <h4 class=\"text-xs font-bold text-slate-400 uppercase mb-2 tracking-widest\">Data & Technology<\/h4>\n                        <p class=\"text-lg\">${s.tech}<\/p>\n                    <\/div>\n                <\/div>\n            `;\n        }\n\n\n        \/\/ --- INTERACTIVE BRADLEY CURVE ---\n        var spwCurvePath = null;\n        var spwMarker = null;\n        var spwStages = [\n            { maxPct: 30, name: \"Stage 1: Reactive\", injury: \"Very High\", color: \"#EF4444\" },\n            { maxPct: 60, name: \"Stage 2: Dependent\", injury: \"High\", color: \"#F59E0B\" },\n            { maxPct: 85, name: \"Stage 3: Independent\", injury: \"Moderate\", color: \"#3B82F6\" },\n            { maxPct: 100, name: \"Stage 4: Interdependent\", injury: \"Minimal\", color: \"#10B981\" }\n        ];\n\n        function spwUpdateMarker(pct) {\n            if (!spwCurvePath || !spwMarker) return;\n            var len = spwCurvePath.getTotalLength();\n            var pt = spwCurvePath.getPointAtLength((pct \/ 100) * len);\n            spwMarker.setAttribute(\"transform\", \"translate(\" + pt.x + \",\" + pt.y + \")\");\n            var stage = spwStages[spwStages.length - 1];\n            for (var i = 0; i < spwStages.length; i++) {\n                if (pct <= spwStages[i].maxPct) { stage = spwStages[i]; break; }\n            }\n            document.getElementById('spw-active-stage').textContent = stage.name;\n            document.getElementById('spw-injury-rate').textContent = stage.injury;\n            document.getElementById('spw-injury-rate').style.color = stage.color;\n        }\n\n        function spwSlider(val) { spwUpdateMarker(parseInt(val)); }\n\n        function spwJump(pct) {\n            document.getElementById('spw-maturity-slider').value = pct;\n            spwUpdateMarker(pct);\n        }\n\n        function initBradleyCurve() {\n            spwCurvePath = document.getElementById('spw-curve-path');\n            spwMarker = document.getElementById('spw-user-marker');\n            spwUpdateMarker(15);\n        }\n\n        \/\/ --- AUTO-SLIDE DEMO ---\n        var spwAutoSlideActive = true;\n        var spwAutoSlideDir = 1;\n        var spwAutoSlideVal = 15;\n        var spwAutoSlideInterval = null;\n\n        function spwStartAutoSlide() {\n            spwAutoSlideActive = true;\n            spwAutoSlideDir = 1;\n            spwAutoSlideVal = 15;\n            spwAutoSlideInterval = setInterval(function() {\n                if (!spwAutoSlideActive) return;\n                spwAutoSlideVal += spwAutoSlideDir * 1.5;\n                if (spwAutoSlideVal >= 90) { spwAutoSlideDir = -1; }\n                if (spwAutoSlideVal <= 10) { spwAutoSlideDir = 1; }\n                \/\/ Update Bradley slider\n                var bradleySlider = document.getElementById('spw-maturity-slider');\n                if (bradleySlider) {\n                    bradleySlider.value = Math.round(spwAutoSlideVal);\n                    spwUpdateMarker(Math.round(spwAutoSlideVal));\n                }\n                \/\/ Update S-Curve slider (sync both)\n                var scurveSlider = document.getElementById('spw-s-slider');\n                if (scurveSlider) {\n                    scurveSlider.value = Math.round(spwAutoSlideVal);\n                    spwSSlider(Math.round(spwAutoSlideVal));\n                }\n            }, 50);\n        }\n\n        function spwStopAutoSlide() {\n            spwAutoSlideActive = false;\n            if (spwAutoSlideInterval) {\n                clearInterval(spwAutoSlideInterval);\n                spwAutoSlideInterval = null;\n            }\n        }\n\n        function spwResumeAutoSlide() {\n            spwAutoSlideActive = true;\n        }\n\n        \/\/ Pause on manual interaction, resume after 3 seconds\n        function spwPauseAndResume() {\n            spwStopAutoSlide();\n            setTimeout(spwResumeAutoSlide, 3000);\n        }\n\n        \/\/ --- AUTO-CHECKBOX DEMO ---\n        var spwCheckAutoActive = true;\n        var spwCheckInterval = null;\n        var spwCheckIdx = 0;\n        var spwCheckAllToggles = [];\n\n        function spwStartAutoCheck() {\n            spwCheckAllToggles = Array.from(document.querySelectorAll('.risk-toggle, .drain-toggle'));\n            if (spwCheckAllToggles.length === 0) return;\n            spwCheckAutoActive = true;\n            spwCheckIdx = 0;\n            \/\/ Start after 1 second delay\n            setTimeout(function() {\n                spwCheckInterval = setInterval(function() {\n                    if (!spwCheckAutoActive) return;\n                    \/\/ Toggle current checkbox in sequence\n                    var cb = spwCheckAllToggles[spwCheckIdx];\n                    cb.checked = !cb.checked;\n                    cb.dispatchEvent(new Event('change'));\n                    \/\/ Add highlight animation to parent label\n                    var label = cb.closest('label');\n                    if (label) {\n                        var isRisk = cb.classList.contains('risk-toggle');\n                        label.classList.remove('spw-check-highlight', 'spw-check-highlight-blue');\n                        void label.offsetWidth; \/\/ Force reflow\n                        label.classList.add(isRisk ? 'spw-check-highlight' : 'spw-check-highlight-blue');\n                        setTimeout(function() {\n                            label.classList.remove('spw-check-highlight', 'spw-check-highlight-blue');\n                        }, 700);\n                    }\n                    \/\/ Move to next checkbox in sequence\n                    spwCheckIdx = (spwCheckIdx + 1) % spwCheckAllToggles.length;\n                }, 1000); \/\/ 1 second interval, continuous loop\n            }, 1000); \/\/ Initial 1 second delay before starting\n        }\n\n        function spwStopAutoCheck() {\n            spwCheckAutoActive = false;\n            if (spwCheckInterval) {\n                clearInterval(spwCheckInterval);\n                spwCheckInterval = null;\n            }\n        }\n\n        function spwResumeAutoCheck() {\n            spwCheckAutoActive = true;\n        }\n\n        function spwCheckPauseAndResume() {\n            spwStopAutoCheck();\n            setTimeout(spwResumeAutoCheck, 4000);\n        }\n\n        \/\/ --- FAQ TOGGLE ---\n        function spwFaqToggle(el) {\n            var item = el.parentElement;\n            var isOpen = item.classList.contains('open');\n            \/\/ Close all others\n            document.querySelectorAll('.spw-faq-item').forEach(function(i) { i.classList.remove('open'); });\n            \/\/ Toggle current\n            if (!isOpen) item.classList.add('open');\n        }\n\n        \/\/ --- INITIALIZATION ---\n        window.onload = () => {\n            initBradleyCurve();\n            initSparrowCurve();\n            \n            \/\/ Set canvas resolution\n            bucketCanvas.width = 300;\n            bucketCanvas.height = 400;\n            \n            drawBucket();\n            updateBucket();\n            renderStages();\n            spwStartAutoRotate(); \/\/ Start auto-rotation for 7 Stages\n            spwStartAutoSlide(); \/\/ Start auto-slide demo for comparison sliders\n            spwStartAutoCheck(); \/\/ Start auto-checkbox demo for bucket theory\n\n            \/\/ Pause auto-slide on manual slider interaction\n            var bradleySlider = document.getElementById('spw-maturity-slider');\n            var scurveSlider = document.getElementById('spw-s-slider');\n            if (bradleySlider) {\n                bradleySlider.addEventListener('input', spwPauseAndResume);\n                bradleySlider.addEventListener('mousedown', spwStopAutoSlide);\n                bradleySlider.addEventListener('touchstart', spwStopAutoSlide);\n            }\n            if (scurveSlider) {\n                scurveSlider.addEventListener('input', spwPauseAndResume);\n                scurveSlider.addEventListener('mousedown', spwStopAutoSlide);\n                scurveSlider.addEventListener('touchstart', spwStopAutoSlide);\n            }\n\n            \/\/ Pause auto-check on manual checkbox interaction\n            document.querySelectorAll('.risk-toggle, .drain-toggle').forEach(function(el) {\n                el.onchange = function() {\n                    updateBucket();\n                    spwCheckPauseAndResume();\n                };\n                el.addEventListener('click', spwStopAutoCheck);\n            });\n        };\n    <\/script>\n<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section data-bb-version=\"5.9.0\" id=\"bt_bb_section6a247b2e40289\"  class=\"bt_bb_section bt_bb_layout_boxed_1600 bt_bb_vertical_align_top bt_bb_top_spacing_normal bt_bb_bottom_spacing_none\" style=\";background-color:rgb(255,255,255);\"  data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_normal&quot;,&quot;def&quot;:&quot;normal&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;}}\"><span class=\"bt_bb_overlay\"><\/span><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div class=\"bt_bb_row  bt_bb_column_gap_0\" style=\"; --column-gap:0px;\" data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"4.7.6\"  class=\"bt_bb_column col-xl-6 col-xs-12 col-sm-12 col-md-12 col-lg-6 bt_bb_align_left bt_bb_vertical_align_top bt_bb_padding_60\" style=\"position: relative;\" data-width=\"6\" data-bt-override-class=\"{&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_left&quot;,&quot;def&quot;:&quot;left&quot;},&quot;bt_bb_padding_&quot;:{&quot;current_class&quot;:&quot;bt_bb_padding_60&quot;,&quot;def&quot;:&quot;60&quot;,&quot;md&quot;:&quot;20&quot;,&quot;sm&quot;:&quot;20&quot;,&quot;xs&quot;:&quot;20&quot;}}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><header data-bb-version=\"5.9.0\" class=\"bt_bb_headline bt_bb_dash_none bt_bb_dash_type_line bt_bb_dash_color_accent bt_bb_size_medium bt_bb_subheadline bt_bb_align_inherit\" data-bt-override-class=\"{&quot;bt_bb_size_&quot;:{&quot;current_class&quot;:&quot;bt_bb_size_medium&quot;,&quot;def&quot;:&quot;medium&quot;},&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_inherit&quot;,&quot;def&quot;:&quot;inherit&quot;}}\"><h3 class=\"bt_bb_headline_tag bt_bb_line_height_1\"><span class=\"bt_bb_headline_content\"><span >Ready to Calculate Your Baseline?<\/span><\/span><\/h3><div class=\"bt_bb_headline_subheadline\">The journey begins with an honest assessment. Engage our specialists to map your current reality against the Sparrow EHS Maturity Curve.<\/div><\/header><div class=\"bt_bb_separator bt_bb_bottom_spacing_30 bt_bb_border_style_none bt_bb_hidden_xs bt_bb_hidden_ms bt_bb_hidden_sm\" data-bt-override-class=\"null\"><\/div><div class=\"bt_bb_separator bt_bb_bottom_spacing_30 bt_bb_border_style_none\" data-bt-override-class=\"null\"><\/div><div data-bb-version=\"4.7.6\" class=\"bt_bb_contact_form_7 bt_bb_submit_button_style_accent bt_bb_submit_button_size_medium bt_bb_submit_button_alignment_center bt_bb_input_fields_style_filled\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2515-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2515\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sparrow-rms\/wp-json\/wp\/v2\/pages\/20118#wpcf7-f2515-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2515\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2515-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"bt_bb_cf7_form bt_bb_cf7_columns_form\">\n\t<div class=\"bt_bb_cf7_col\">\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Your name<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Your Email Address<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Organization<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-Organization\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-Organization\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Mobile<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-mobile\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-mobile\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Subject<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-Subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-Subject\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"bt_bb_cf7_col\">\n\t\t<div class=\"bt_bb_cf7_row\">\n\t\t\t<div class=\"bt_bb_cf7_element bt_bb_cf7_element_required\">\n\t\t\t\t<p><label>Your Message<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"19\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"bt_bb_cf7_button\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><\/div><\/div><\/div><div data-bb-version=\"4.7.6\"  class=\"bt_bb_column col-xl-6 col-xs-12 col-sm-12 col-md-12 col-lg-6 bt_bb_align_left bt_bb_vertical_align_top bt_bb_padding_normal bt_bb_hidden_xs bt_bb_hidden_ms bt_bb_hidden_sm\" style=\"position: relative;\" data-width=\"6\" data-bt-override-class=\"{&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_left&quot;,&quot;def&quot;:&quot;left&quot;},&quot;bt_bb_padding_&quot;:{&quot;current_class&quot;:&quot;bt_bb_padding_normal&quot;,&quot;def&quot;:&quot;normal&quot;}}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div class=\"bt_bb_image bt_bb_shape_square bt_bb_align_inherit bt_bb_hover_style_simple bt_bb_content_display_always bt_bb_content_align_middle bt_bb_remove_padding_yes bt_bb_fill_background_color_full\" style=\"max-width: 700px;\" data-bt-override-class=\"null\"><span><img src = \"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/plugins\/bold-page-builder\/img\/blank.gif\" data-full_image_src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/12\/sparrow-rms-contact-us-2.webp\" data-image_src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/12\/sparrow-rms-contact-us-2.webp\" title=\"sparrow rms contact us\" alt=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/12\/sparrow-rms-contact-us-2.webp\" class=\"btLazyLoadImage\"><\/span><\/div><div class=\"bt_bb_floating_element bt_bb_floating_element_horizontal_position_left bt_bb_floating_element_vertical_position_top bt_bb_floating_element_animation_delay_default bt_bb_floating_element_animation_duration_default bt_bb_floating_element_animation_style_ease_out\" style=\"mix-blend-mode: soft-light; margin-top: 4em; margin-left: 18em;\" data-speed=\"0.6\"><div class=\"bt_bb_floating_element_html\" data-speed=\"0.6\"><span  style=\"width: 110px; height: 2px; transform: rotate(-45deg); background-color: rgb(255,255,255);\"><\/span><\/div><\/div><div class=\"bt_bb_floating_element bt_bb_floating_element_horizontal_position_right bt_bb_floating_element_vertical_position_top bt_bb_floating_element_animation_delay_default bt_bb_floating_element_animation_duration_default bt_bb_floating_element_animation_style_ease_out\" style=\"mix-blend-mode: multiply; margin-top: 17em; margin-right: 7em;\" data-speed=\"1.0\"><div class=\"bt_bb_floating_element_html\" data-speed=\"1.0\"><span  style=\"width: 146px; height: 1px; transform: rotate(-45deg); background-color: rgb(8,69,136);\"><\/span><\/div><\/div><div class=\"bt_bb_floating_element bt_bb_floating_element_horizontal_position_left bt_bb_floating_element_vertical_position_bottom bt_bb_floating_element_animation_delay_default bt_bb_floating_element_animation_duration_default bt_bb_floating_element_animation_style_ease_out\" style=\"mix-blend-mode: multiply; margin-bottom: 11em; margin-left: 15em;\" data-speed=\"0.6\"><div class=\"bt_bb_floating_element_html\" data-speed=\"0.6\"><span  style=\"width: 155px; height: 2px; transform: rotate(-45deg); background-color: rgb(8,69,136);\"><\/span><\/div><\/div><div class=\"bt_bb_floating_element bt_bb_floating_element_horizontal_position_left bt_bb_floating_element_vertical_position_bottom bt_bb_floating_element_animation_delay_default bt_bb_floating_element_animation_duration_default bt_bb_floating_element_animation_style_ease_out\" style=\"mix-blend-mode: multiply; margin-bottom: 12em; margin-left: 20em;\" data-speed=\"1.0\"><div class=\"bt_bb_floating_element_html\" data-speed=\"1.0\"><span  style=\"width: 100px; height: 2px; transform: rotate(-45deg); background-color: rgb(255,59,43);\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Move beyond the Bradley Curve. Explore the 7 stages of EHS maturity. Integrate Engineering, Culture, and IndustryOS technology for true systemic safety.<\/p>\n","protected":false},"author":1,"featured_media":14083,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20118","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/20118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/comments?post=20118"}],"version-history":[{"count":8,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/20118\/revisions"}],"predecessor-version":[{"id":20166,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/20118\/revisions\/20166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/media\/14083"}],"wp:attachment":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/media?parent=20118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}