smartcomply-web-sdk 1.0.49 → 1.0.51

package/dist/smartcomply.browser.js

@@ -296,7 +296,8 @@ var SmartComplySDK = (() => {
   var MAX_DOCUMENT_BYTES = 5 * 1024 * 1024;
   var MAX_VIDEO_BYTES = 50 * 1024 * 1024;
   var MAX_SNAPSHOT_BYTES = 2 * 1024 * 1024;
-  var DEFAULT_CHALLENGE_ACTIONS = ["BLINK", "TURN_HEAD", "OPEN_MOUTH"];
+  var DEFAULT_CHALLENGE_ACTIONS = ["BLINK"];
+  var LIVENESS_TIME_LIMIT_SECONDS = 12;
 
   // src/camera/CameraManager.ts
   var CameraManager = class {
@@ -3635,7 +3636,7 @@ var SmartComplySDK = (() => {
         Pn(s2, 1, (i2.left + i2.right) / 2), Pn(s2, 2, (i2.top + i2.bottom) / 2), Pn(s2, 4, i2.right - i2.left), Pn(s2, 3, i2.bottom - i2.top);
       } else Pn(s2, 1, 0.5), Pn(s2, 2, 0.5), Pn(s2, 4, 1), Pn(s2, 3, 1);
       if (n2?.rotationDegrees) {
-        if (n2?.rotationDegrees % 90 != 0) throw Error("Expected rotation to be a multiple of 90\xB0.");
+        if (n2?.rotationDegrees % 90 != 0) throw Error("Expected rotation to be a multiple of 90°.");
         if (Pn(s2, 5, -Math.PI * n2.rotationDegrees / 180), n2?.rotationDegrees % 180 != 0) {
           const [t3, r3] = sa(e2);
           n2 = Fn(s2, 3) * r3 / t3, i2 = Fn(s2, 4) * t3 / r3, Pn(s2, 4, n2), Pn(s2, 3, i2);
@@ -4455,158 +4456,83 @@ var SmartComplySDK = (() => {
   };
 
   // src/camera/ActionDetector.ts
-  var ACTION_CONFIGS = {
-    BLINK: { threshold: 0.25, holdFrames: 2 },
-    TURN_LEFT: { threshold: 0.3, holdFrames: 3 },
-    TURN_RIGHT: { threshold: 0.3, holdFrames: 3 },
-    TURN_HEAD: { threshold: 0.9, holdFrames: 5 },
-    OPEN_MOUTH: { threshold: 0.3, holdFrames: 2 }
-  };
-  var DEFAULT_CONFIG = { threshold: 0.4, holdFrames: 4 };
+  var BLINK_THRESHOLD = 0.25;
+  var BLINK_HOLD_FRAMES = 2;
+  var YAW_MOTION_THRESHOLD_DEG = 6;
   var ActionDetector = class {
-    // ~0.6s of frames
-    constructor(requiredActions) {
-      this.requiredActions = requiredActions;
-      this.completedActions = /* @__PURE__ */ new Set();
-      this.holdCounters = /* @__PURE__ */ new Map();
-      this.yawHistory = [];
-      this.YAW_HISTORY_SIZE = 18;
+    /** Kept for API compatibility with callers that still pass a list in. Unused internally. */
+    constructor(_requiredActions) {
+      this.blinkHoldCount = 0;
+      this.blinkDetected = false;
+      this.motionDetected = false;
+      this.baselineYaw = null;
     }
     check(result) {
-      const currentAction = this.getCurrentAction();
       if (!result.faceDetected) {
-        return this.buildStates(currentAction, 0);
+        return this.buildProgress(false);
       }
       const bs2 = result.blendshapes;
-      if (currentAction && !this.completedActions.has(currentAction)) {
-        const conf = this.getConfidence(currentAction, bs2, result.transformMatrix);
-        const cfg = ACTION_CONFIGS[currentAction] ?? DEFAULT_CONFIG;
-        if (conf >= cfg.threshold) {
-          const count = (this.holdCounters.get(currentAction) || 0) + 1;
-          this.holdCounters.set(currentAction, count);
-          if (count >= cfg.holdFrames) {
-            this.completedActions.add(currentAction);
-            this.holdCounters.delete(currentAction);
+      const blinkConf = ((bs2.get("eyeBlinkLeft") || 0) + (bs2.get("eyeBlinkRight") || 0)) / 2;
+      if (!this.blinkDetected) {
+        if (blinkConf >= BLINK_THRESHOLD) {
+          this.blinkHoldCount++;
+          if (this.blinkHoldCount >= BLINK_HOLD_FRAMES) {
+            this.blinkDetected = true;
           }
         } else {
-          this.holdCounters.set(currentAction, 0);
+          this.blinkHoldCount = 0;
         }
-        return this.buildStates(currentAction, conf);
-      }
-      return this.buildStates(currentAction, 0);
-    }
-    getCurrentAction() {
-      for (const action of this.requiredActions) {
-        if (!this.completedActions.has(action)) return action;
       }
-      return null;
-    }
-    buildStates(currentAction, currentConf) {
-      return this.requiredActions.map((action) => ({
-        action,
-        detected: this.completedActions.has(action),
-        active: action === currentAction,
-        confidence: action === currentAction ? currentConf : 0
-      }));
-    }
-    getConfidence(action, bs2, matrix) {
-      switch (action) {
-        case "BLINK": {
-          const left = bs2.get("eyeBlinkLeft") || 0;
-          const right = bs2.get("eyeBlinkRight") || 0;
-          return (left + right) / 2;
-        }
-        case "TURN_LEFT": {
-          const yaw = Math.abs(this.getHeadYaw(matrix));
-          return yaw > 5 ? Math.min(1, yaw / 20) : 0;
-        }
-        case "TURN_RIGHT": {
-          const yaw = Math.abs(this.getHeadYaw(matrix));
-          return yaw > 5 ? Math.min(1, yaw / 20) : 0;
+      if (!this.motionDetected) {
+        const yaw = this.getHeadYaw(result.transformMatrix);
+        if (this.baselineYaw === null) {
+          this.baselineYaw = yaw;
+        } else if (Math.abs(yaw - this.baselineYaw) >= YAW_MOTION_THRESHOLD_DEG) {
+          this.motionDetected = true;
         }
-        case "TURN_HEAD": {
-          const yaw = this.getHeadYaw(matrix);
-          this.yawHistory.push(yaw);
-          if (this.yawHistory.length > this.YAW_HISTORY_SIZE) {
-            this.yawHistory.shift();
-          }
-          if (this.yawHistory.length < this.YAW_HISTORY_SIZE) {
-            return 0;
-          }
-          const left = this.yawHistory.some((y2) => y2 <= -10);
-          const right = this.yawHistory.some((y2) => y2 >= 10);
-          if (left && right) return 1;
-          if (left || right) return 0.5;
-          return 0;
-        }
-        case "OPEN_MOUTH":
-          return bs2.get("jawOpen") || 0;
-        default:
-          return 0;
       }
+      return this.buildProgress(true);
+    }
+    buildProgress(faceDetected) {
+      return {
+        faceDetected,
+        blinkDetected: this.blinkDetected,
+        motionDetected: this.motionDetected,
+        livenessConfirmed: this.blinkDetected || this.motionDetected,
+        progress: 0
+        // caller fills in time-based progress
+      };
     }
     getHeadYaw(matrix) {
       if (!matrix || matrix.length < 16) return 0;
       return Math.atan2(-matrix[2], matrix[0]) * (180 / Math.PI);
     }
-    allCompleted() {
-      return this.requiredActions.every((a2) => this.completedActions.has(a2));
-    }
-    completedCount() {
-      return this.completedActions.size;
+    livenessConfirmed() {
+      return this.blinkDetected || this.motionDetected;
     }
     reset() {
-      this.completedActions.clear();
-      this.holdCounters.clear();
-      this.yawHistory = [];
+      this.blinkHoldCount = 0;
+      this.blinkDetected = false;
+      this.motionDetected = false;
+      this.baselineYaw = null;
     }
   };
 
   // src/modules/liveness/LivenessUI.ts
-  var ICONS = {
-    BLINK: "\u{1F441}",
-    TURN_LEFT: "\u2194",
-    TURN_RIGHT: "\u2194",
-    TURN_HEAD: "\u2194",
-    OPEN_MOUTH: "\u{1F62E}"
-  };
-  var ACTION_CUES = {
-    BLINK: `<div style="font-size:52px;line-height:1;animation:sc-blink 1.2s ease-in-out infinite;">\u{1F441}\uFE0F</div>
-          <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">BLINK YOUR EYES</div>`,
-    TURN_LEFT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
-              <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDEWAYS</div>`,
-    TURN_RIGHT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
-               <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDEWAYS</div>`,
-    TURN_HEAD: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
-              <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDE TO SIDE</div>`,
-    OPEN_MOUTH: `<div style="font-size:52px;line-height:1;animation:sc-mouth 1.2s ease-in-out infinite;">\u{1F62E}</div>
-               <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">OPEN YOUR MOUTH</div>`
-  };
   function injectLivenessKeyframes() {
     if (document.getElementById("sc-liveness-kf")) return;
     const s2 = document.createElement("style");
     s2.id = "sc-liveness-kf";
     s2.textContent = `
-    @keyframes sc-blink {
-      0%,100% { transform:scaleY(1); }
-      40%     { transform:scaleY(0.1); }
-      50%     { transform:scaleY(1); }
-    }
-    @keyframes sc-turn-head {
-      0%,100% { transform:translateX(0); }
-      25%     { transform:translateX(-12px); }
-      75%     { transform:translateX(12px); }
-    }
-    @keyframes sc-mouth {
-      0%,100% { transform:scaleY(1); }
-      40%     { transform:scaleY(1.25); }
-      60%     { transform:scaleY(1); }
-    }
     @keyframes sc-pop-in {
       0%   { transform:scale(0.7); opacity:0; }
       60%  { transform:scale(1.05); }
       100% { transform:scale(1); opacity:1; }
     }
+    @keyframes sc-scan-dot {
+      0%,100% { opacity:0.3; transform:scale(0.85); }
+      50%     { opacity:1;   transform:scale(1); }
+    }
   `;
     document.head.appendChild(s2);
   }
@@ -4615,39 +4541,22 @@ var SmartComplySDK = (() => {
       this.root = null;
       this.videoEl = null;
       this.instructionEl = null;
-      this.stepsEl = null;
-      this.progressBarEl = null;
       this.confidenceRingEl = null;
-      this.timerEl = null;
       this.overlayEl = null;
-      this.actionCueEl = null;
-      this.timerInterval = null;
-      this.totalActions = 0;
-      this.currentCueAction = null;
+      this.dotsEl = null;
       this.docCaptureRoot = null;
-      // updateActions() is called on every requestAnimationFrame tick (~60fps,
-      // up to the challenge's ~45s time limit) — cache each action's step
-      // element (avoids a querySelector per action per frame) and its last
-      // rendered detected/active combination (avoids rewriting the same style
-      // properties every frame when nothing about that action changed).
-      this.stepEls = null;
-      this.lastActionRender = /* @__PURE__ */ new Map();
+      this.scanStartMs = 0;
+      this.scanDurationMs = 0;
     }
     mount(container, challenge) {
       injectLivenessKeyframes();
-      this.totalActions = challenge.actions.length;
       this.root = document.createElement("div");
       this.root.style.cssText = `
-      display:flex;flex-direction:row;width:100%;margin:0 auto;
+      position:relative;width:100%;max-width:420px;margin:0 auto;
       background:#0a0a0a;border-radius:16px;overflow:hidden;
       font-family:system-ui,-apple-system,sans-serif;
       box-shadow:0 8px 32px rgba(0,0,0,0.4);
-      min-height:340px;
-    `;
-      const camCol = document.createElement("div");
-      camCol.style.cssText = `
-      position:relative;flex:0 0 55%;
-      background:#000;overflow:hidden;
+      aspect-ratio:3/4;
     `;
       this.videoEl = document.createElement("video");
       this.videoEl.autoplay = true;
@@ -4656,13 +4565,12 @@ var SmartComplySDK = (() => {
       this.videoEl.style.cssText = `
       width:100%;height:100%;display:block;
       transform:scaleX(-1);object-fit:cover;
-      min-height:320px;
     `;
       const guideWrap = document.createElement("div");
       guideWrap.style.cssText = `
       position:absolute;top:50%;left:50%;
-      transform:translate(-50%,-55%);
-      width:140px;height:180px;pointer-events:none;
+      transform:translate(-50%,-52%);
+      width:64%;aspect-ratio:140/180;pointer-events:none;
     `;
       const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svg.setAttribute("viewBox", "0 0 140 180");
@@ -4673,9 +4581,8 @@ var SmartComplySDK = (() => {
       bgOval.setAttribute("rx", "64");
       bgOval.setAttribute("ry", "86");
       bgOval.setAttribute("fill", "none");
-      bgOval.setAttribute("stroke", "rgba(255,255,255,0.3)");
+      bgOval.setAttribute("stroke", "rgba(255,255,255,0.35)");
       bgOval.setAttribute("stroke-width", "2");
-      bgOval.setAttribute("stroke-dasharray", "6 3");
       const confOval = document.createElementNS("http://www.w3.org/2000/svg", "ellipse");
       confOval.setAttribute("cx", "70");
       confOval.setAttribute("cy", "90");
@@ -4687,7 +4594,7 @@ var SmartComplySDK = (() => {
       const circ = 2 * Math.PI * Math.sqrt((64 * 64 + 86 * 86) / 2);
       confOval.setAttribute("stroke-dasharray", `${circ}`);
       confOval.setAttribute("stroke-dashoffset", `${circ}`);
-      confOval.style.cssText = "transition:stroke-dashoffset 0.15s ease;transform:rotate(-90deg);transform-origin:70px 90px;";
+      confOval.style.cssText = "transition:stroke-dashoffset 0.2s linear;transform:rotate(-90deg);transform-origin:70px 90px;";
       this.confidenceRingEl = confOval;
       svg.appendChild(bgOval);
       svg.appendChild(confOval);
@@ -4696,11 +4603,11 @@ var SmartComplySDK = (() => {
       camTop.style.cssText = `
       position:absolute;top:0;left:0;right:0;
       background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,transparent 100%);
-      padding:10px 12px 28px;
+      padding:14px 16px 32px;
     `;
       this.instructionEl = document.createElement("div");
       this.instructionEl.style.cssText = `
-      color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:1.4;
+      color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:1.4;
     `;
       this.instructionEl.textContent = challenge.instruction;
       camTop.appendChild(this.instructionEl);
@@ -4708,177 +4615,62 @@ var SmartComplySDK = (() => {
       camBottom.style.cssText = `
       position:absolute;bottom:0;left:0;right:0;
       background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,transparent 100%);
-      padding:24px 10px 8px;text-align:center;
-    `;
-      this.timerEl = document.createElement("div");
-      this.timerEl.style.cssText = `
-      color:rgba(255,255,255,0.5);font-size:11px;font-variant-numeric:tabular-nums;
-    `;
-      camBottom.appendChild(this.timerEl);
-      this.actionCueEl = document.createElement("div");
-      this.actionCueEl.style.cssText = `
-      position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
-      z-index:5;pointer-events:none;display:none;text-align:center;
-      background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);
-      border-radius:14px;padding:10px 18px;min-width:170px;
-      border:1.5px solid rgba(255,255,255,0.12);
+      padding:28px 10px 18px;display:flex;justify-content:center;
     `;
-      camCol.appendChild(this.videoEl);
-      camCol.appendChild(guideWrap);
-      camCol.appendChild(camTop);
-      camCol.appendChild(camBottom);
-      camCol.appendChild(this.actionCueEl);
-      const stepsCol = document.createElement("div");
-      stepsCol.style.cssText = `
-      flex:1;display:flex;flex-direction:column;
-      padding:16px 14px;gap:8px;
-      background:#111;border-left:1px solid rgba(255,255,255,0.06);
-      justify-content:space-between;
-    `;
-      const progressWrap = document.createElement("div");
-      progressWrap.style.cssText = `
-      height:3px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;
-      margin-bottom:4px;
-    `;
-      this.progressBarEl = document.createElement("div");
-      this.progressBarEl.style.cssText = `
-      height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#4ade80);
-      border-radius:2px;transition:width 0.4s ease;
-    `;
-      progressWrap.appendChild(this.progressBarEl);
-      this.stepsEl = document.createElement("div");
-      this.stepsEl.style.cssText = "display:flex;flex-direction:column;gap:6px;flex:1;";
-      this.stepEls = /* @__PURE__ */ new Map();
-      this.lastActionRender = /* @__PURE__ */ new Map();
-      for (let i2 = 0; i2 < challenge.actions.length; i2++) {
-        const action = challenge.actions[i2];
-        const step = document.createElement("div");
-        step.dataset.action = action;
-        step.style.cssText = `
-        display:flex;align-items:center;gap:8px;
-        padding:8px 10px;border-radius:10px;
-        background:rgba(255,255,255,0.04);
-        border:1px solid rgba(255,255,255,0.06);
-        transition:all 0.3s ease;
-        opacity:${i2 === 0 ? "1" : "0.45"};
-      `;
-        const num = document.createElement("div");
-        num.className = "sc-step-num";
-        num.style.cssText = `
-        width:24px;height:24px;border-radius:50%;flex-shrink:0;
-        display:flex;align-items:center;justify-content:center;
-        font-size:12px;font-weight:700;color:#fff;
-        background:rgba(255,255,255,0.1);
-        border:1.5px solid rgba(255,255,255,0.2);
-        transition:all 0.3s ease;
+      this.dotsEl = document.createElement("div");
+      this.dotsEl.style.cssText = "display:flex;gap:6px;";
+      for (let i2 = 0; i2 < 3; i2++) {
+        const dot = document.createElement("div");
+        dot.style.cssText = `
+        width:6px;height:6px;border-radius:50%;background:#22c55e;
+        animation:sc-scan-dot 1.1s ease-in-out ${i2 * 0.18}s infinite;
       `;
-        num.textContent = String(i2 + 1);
-        const label = document.createElement("div");
-        label.style.cssText = "color:#fff;font-size:12px;font-weight:500;flex:1;line-height:1.3;";
-        label.textContent = this.describeAction(action);
-        const icon = document.createElement("div");
-        icon.style.cssText = "font-size:16px;flex-shrink:0;";
-        icon.textContent = ICONS[action] || "";
-        step.appendChild(num);
-        step.appendChild(label);
-        step.appendChild(icon);
-        this.stepsEl.appendChild(step);
-        this.stepEls.set(action, { step, num });
-      }
-      stepsCol.appendChild(progressWrap);
-      stepsCol.appendChild(this.stepsEl);
+        this.dotsEl.appendChild(dot);
+      }
+      camBottom.appendChild(this.dotsEl);
+      this.root.appendChild(this.videoEl);
+      this.root.appendChild(guideWrap);
+      this.root.appendChild(camTop);
+      this.root.appendChild(camBottom);
       this.overlayEl = document.createElement("div");
       this.overlayEl.style.cssText = `
       position:absolute;inset:0;display:none;align-items:center;
       justify-content:center;z-index:10;
       background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);
     `;
-      this.root.appendChild(camCol);
-      this.root.appendChild(stepsCol);
       this.root.appendChild(this.overlayEl);
       container.appendChild(this.root);
-      this.startTimer(challenge.time_limit_seconds);
+      this.scanDurationMs = challenge.time_limit_seconds * 1e3;
+      this.startScanClock();
       return this.videoEl;
     }
-    updateActions(states) {
-      if (!this.stepsEl || !this.progressBarEl || !this.stepEls) return;
-      let completed = 0;
-      for (const state of states) {
-        if (state.detected) completed++;
-        const renderKey = state.detected ? "detected" : state.active ? "active" : "idle";
-        if (this.lastActionRender.get(state.action) === renderKey) continue;
-        this.lastActionRender.set(state.action, renderKey);
-        const cached = this.stepEls.get(state.action);
-        if (!cached) continue;
-        const { step, num } = cached;
-        if (state.detected) {
-          step.style.opacity = "1";
-          step.style.background = "rgba(34,197,94,0.12)";
-          step.style.borderColor = "rgba(34,197,94,0.3)";
-          if (num) {
-            num.style.background = "#22c55e";
-            num.style.borderColor = "#22c55e";
-            num.textContent = "\u2713";
-          }
-        } else if (state.active) {
-          step.style.opacity = "1";
-          step.style.background = "rgba(59,130,246,0.12)";
-          step.style.borderColor = "rgba(59,130,246,0.3)";
-          if (num) {
-            num.style.borderColor = "#3b82f6";
-            num.style.background = "rgba(59,130,246,0.3)";
-          }
-        }
-      }
-      const activeState = states.find((s2) => s2.active && !s2.detected) ?? null;
-      const pct = this.totalActions > 0 ? completed / this.totalActions * 100 : 0;
-      this.progressBarEl.style.width = `${pct}%`;
-      if (this.confidenceRingEl) {
-        const circ = 2 * Math.PI * Math.sqrt((64 * 64 + 86 * 86) / 2);
-        const conf = activeState ? activeState.confidence : 0;
-        this.confidenceRingEl.setAttribute("stroke-dashoffset", `${circ * (1 - conf)}`);
-        this.confidenceRingEl.setAttribute("stroke", conf > 0.6 ? "#22c55e" : "#3b82f6");
-      }
-      this.updateActionCue(activeState?.action ?? null);
-    }
-    updateActionCue(action) {
-      if (!this.actionCueEl) return;
-      if (!action) {
-        this.actionCueEl.style.display = "none";
-        this.currentCueAction = null;
-        return;
-      }
-      if (action === this.currentCueAction) return;
-      this.currentCueAction = action;
-      const cueHtml = ACTION_CUES[action];
-      if (!cueHtml) {
-        this.actionCueEl.style.display = "none";
-        return;
-      }
-      this.actionCueEl.innerHTML = cueHtml;
-      this.actionCueEl.style.display = "block";
-      this.actionCueEl.style.animation = "none";
-      void this.actionCueEl.offsetWidth;
-      this.actionCueEl.style.animation = "sc-pop-in 0.3s ease forwards";
+    /**
+     * Resets the progress ring's clock to now. The caller (liveness.ts) mounts
+     * the UI, then waits ~1s for camera AE/AF to settle before the detection
+     * loop actually starts — call this again right when detection begins so
+     * the ring's timing matches the real scan window instead of running ahead.
+     */
+    startScanClock() {
+      this.scanStartMs = performance.now();
+    }
+    /** Advances the scan progress ring based on elapsed time in the window. */
+    updateScanProgress(livenessConfirmed) {
+      if (!this.confidenceRingEl) return;
+      const elapsed = performance.now() - this.scanStartMs;
+      const pct = this.scanDurationMs > 0 ? Math.min(1, elapsed / this.scanDurationMs) : 0;
+      const circ = 2 * Math.PI * Math.sqrt((64 * 64 + 86 * 86) / 2);
+      this.confidenceRingEl.setAttribute("stroke-dashoffset", `${circ * (1 - pct)}`);
+      this.confidenceRingEl.setAttribute("stroke", livenessConfirmed ? "#22c55e" : "#3b82f6");
     }
     updateInstruction(text) {
       if (this.instructionEl) this.instructionEl.textContent = text;
     }
-    stopTimer() {
-      if (this.timerInterval) {
-        clearInterval(this.timerInterval);
-        this.timerInterval = null;
-      }
-      if (this.timerEl) this.timerEl.textContent = "";
-    }
     showResult(status, _verificationId) {
       return new Promise((resolve) => {
         if (!this.overlayEl) {
           resolve();
           return;
         }
-        if (this.actionCueEl) this.actionCueEl.style.display = "none";
-        this.stopTimer();
         const ok = status === "processing";
         this.overlayEl.style.display = "flex";
         this.overlayEl.innerHTML = `
@@ -4886,10 +4678,10 @@ var SmartComplySDK = (() => {
           <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:32px;
             background:${ok ? "rgba(34,197,94,0.2)" : "rgba(239,68,68,0.2)"};
             border:3px solid ${ok ? "#22c55e" : "#ef4444"};">
-            ${ok ? "\u2713" : "\u2715"}
+            ${ok ? "✓" : "✕"}
           </div>
           <div style="font-size:17px;font-weight:700;margin-bottom:8px;">${ok ? "Verification submitted" : "Submission failed"}</div>
-          <div style="font-size:12px;opacity:0.6;line-height:1.6;">${ok ? "Hold on while we wrap up\u2026" : "Something went wrong. Please try again."}</div>
+          <div style="font-size:12px;opacity:0.6;line-height:1.6;">${ok ? "Hold on while we wrap up…" : "Something went wrong. Please try again."}</div>
         </div>`;
         setTimeout(resolve, 1800);
       });
@@ -4900,14 +4692,12 @@ var SmartComplySDK = (() => {
           resolve();
           return;
         }
-        if (this.actionCueEl) this.actionCueEl.style.display = "none";
-        this.stopTimer();
         this.overlayEl.style.display = "flex";
         this.overlayEl.innerHTML = `
         <div style="text-align:center;color:#fff;animation:sc-pop-in 0.35s ease;padding:24px;">
-          <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:rgba(251,191,36,0.15);border:3px solid #fbbf24;">\u23F1</div>
+          <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:rgba(251,191,36,0.15);border:3px solid #fbbf24;">⏱</div>
           <div style="font-size:17px;font-weight:700;margin-bottom:8px;">Time's Up</div>
-          <div style="font-size:12px;opacity:0.6;margin-bottom:18px;">You ran out of time. Please try again.</div>
+          <div style="font-size:12px;opacity:0.6;margin-bottom:18px;">We couldn't confirm liveness in time. Please try again.</div>
           <button id="sc-retry-btn" style="padding:11px 28px;border-radius:10px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;width:100%;max-width:180px;">Try Again</button>
         </div>`;
         const btn = this.overlayEl.querySelector("#sc-retry-btn");
@@ -4944,7 +4734,7 @@ var SmartComplySDK = (() => {
         header.innerHTML = `<div style="color:#fff;font-size:16px;font-weight:700;margin-bottom:6px;">Scan Your ID Document</div><div style="color:rgba(255,255,255,0.6);font-size:12px;line-height:1.6;">Fit your document inside the frame.<br>Make sure all text and corners are visible.</div>`;
         const bottomPanel = document.createElement("div");
         bottomPanel.style.cssText = "position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.6) 70%,transparent 100%);padding:16px;";
-        bottomPanel.innerHTML = `<div style="font-size:11px;color:rgba(255,255,255,0.4);text-align:center;margin-bottom:12px;">\u{1F4A1} Good lighting \xB7 No glare \xB7 All 4 corners visible</div><button id="sc-capture-doc-btn" style="width:100%;padding:12px;border-radius:12px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:8px;">Capture Document</button><label style="width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;border:1.5px solid rgba(255,255,255,0.18);cursor:pointer;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;"><span>\u{1F4C1}</span><span>Upload from gallery instead</span><input id="sc-upload-doc-input" type="file" accept="image/*" style="display:none;" /></label>`;
+        bottomPanel.innerHTML = `<div style="font-size:11px;color:rgba(255,255,255,0.4);text-align:center;margin-bottom:12px;">💡 Good lighting · No glare · All 4 corners visible</div><button id="sc-capture-doc-btn" style="width:100%;padding:12px;border-radius:12px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:8px;">Capture Document</button><label style="width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;border:1.5px solid rgba(255,255,255,0.18);cursor:pointer;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;"><span>📁</span><span>Upload from gallery instead</span><input id="sc-upload-doc-input" type="file" accept="image/*" style="display:none;" /></label>`;
         docRoot.appendChild(docVideo);
         docRoot.appendChild(guideOverlay);
         docRoot.appendChild(header);
@@ -4998,7 +4788,6 @@ var SmartComplySDK = (() => {
       });
     }
     unmount() {
-      this.stopTimer();
       try {
         this.docCaptureRoot?.remove();
       } catch (_2) {
@@ -5011,42 +4800,9 @@ var SmartComplySDK = (() => {
       this.root = null;
       this.videoEl = null;
       this.instructionEl = null;
-      this.stepsEl = null;
-      this.progressBarEl = null;
       this.confidenceRingEl = null;
-      this.timerEl = null;
       this.overlayEl = null;
-      this.actionCueEl = null;
-      this.stepEls = null;
-      this.lastActionRender.clear();
-    }
-    startTimer(seconds) {
-      let remaining = seconds;
-      const update = () => {
-        if (!this.timerEl) return;
-        const m2 = Math.floor(remaining / 60);
-        const s2 = remaining % 60;
-        this.timerEl.textContent = `${m2 > 0 ? `${m2}:${String(s2).padStart(2, "0")}` : `${s2}s`} remaining`;
-        if (remaining <= 5) this.timerEl.style.color = "#ef4444";
-      };
-      update();
-      this.timerInterval = setInterval(() => {
-        remaining--;
-        update();
-        if (remaining <= 0 && this.timerInterval) {
-          clearInterval(this.timerInterval);
-        }
-      }, 1e3);
-    }
-    describeAction(action) {
-      const labels = {
-        BLINK: "Blink your eyes",
-        TURN_LEFT: "Turn your head to the side",
-        TURN_RIGHT: "Turn your head to the side",
-        TURN_HEAD: "Turn your head side to side",
-        OPEN_MOUTH: "Open your mouth wide"
-      };
-      return labels[action] || action.replace(/_/g, " ").toLowerCase();
+      this.dotsEl = null;
     }
   };
 
@@ -5158,23 +4914,23 @@ var SmartComplySDK = (() => {
     /**
      * Full liveness check — orchestrates the entire flow:
      *
-     * 1. Take autoshot selfie from camera
-     * 2. Create liveness entry on backend (with challenge actions + selfie + optional doc)
-     * 3. Run action detection loop (camera + MediaPipe)
-     * 4. Record video (document/liveness flows) OR skip recording (data verification)
-     * 5. Submit to backend and return response (status: "processing")
+     * 1. Run action detection loop (camera + MediaPipe) — challenge actions only,
+     *    not recorded (fast head/mouth motion produces blurry frames).
+     * 2. Create liveness entry on backend (with challenge actions + optional doc)
+     * 3. Record a short, clean, post-challenge clip (neutral pose + a natural
+     *    blink) — this is what's sent for face comparison in LIVENESS mode.
+     * 4. Submit to backend and return response (status: "processing")
      *
-     * For data_verification the backend uses COMPARISON mode (autoshot vs govt DB photo)
-     * so video recording is unnecessary — we skip it to save bandwidth and latency.
+     * Backend runs LIVENESS mode (blink/motion check, then its own comparison
+     * frame extracted from this same video) for both data and document
+     * verification — see FACE_COMPARISON_USER_GUIDE.md.
      *
      * @param container     - DOM element to mount the liveness UI into
      * @param params        - identifier info and optional document image
-     * @param actions       - override challenge actions (default: BLINK, TURN_HEAD, OPEN_MOUTH)
+     * @param actions       - override the challenge_actions tag sent to the backend (default: BLINK)
      * @param existingEntryId - reuse an already-created LivenessEntry (avoids double charge)
      */
     async startCheck(container, params, actions, existingEntryId) {
-      const isDataVerification = params.verification_type === "data_verification" || !params.document && !params.document_front && !params.id_file && !!params.identity_check;
-      const skipVideo = isDataVerification;
       const camera = new CameraManager();
       const recorder = new VideoRecorder();
       const faceEngine = new FaceDetectorEngine();
@@ -5290,76 +5046,39 @@ var SmartComplySDK = (() => {
         tempVideo.remove();
         const uiChallenge = {
           actions: entry.challenge_actions,
-          time_limit_seconds: 45,
-          instruction: "Complete each action below to verify it's you",
-          // Use backend-provided instructions if available (mirror-corrected),
-          // otherwise fall back to the frontend labels.
-          instructions: entry.challenge_instructions
+          time_limit_seconds: LIVENESS_TIME_LIMIT_SECONDS,
+          instruction: "Blink and look around naturally"
         };
         ui2.unmount();
         const videoEl = ui2.mount(container, uiChallenge);
         videoEl.srcObject = stream;
         await videoEl.play();
         await new Promise((r2) => setTimeout(r2, 1e3));
-        if (!skipVideo) {
-          recorder.start(stream);
-        }
         ui2.updateInstruction(uiChallenge.instruction);
-        const actionDetector = new ActionDetector(entry.challenge_actions);
-        let lastAction = null;
-        let pauseUntil = 0;
-        let pendingNextAction = null;
-        let pendingNextLabel = null;
+        recorder.start(stream);
+        ui2.startScanClock();
+        const MIN_SCAN_MS = 2e3;
+        const actionDetector = new ActionDetector();
         const detectionResult = await new Promise(
           (resolve) => {
             let animFrameId;
+            const scanStart = performance.now();
             const timeout = setTimeout(() => {
               cancelAnimationFrame(animFrameId);
               resolve("timeout");
             }, uiChallenge.time_limit_seconds * 1e3);
-            const getLabel = (action) => uiChallenge.instructions?.[action] || this.describeAction(action);
             const detectLoop = () => {
-              const now = performance.now();
-              const remaining = pauseUntil - now;
-              if (remaining > 0) {
-                setTimeout(() => {
-                  animFrameId = requestAnimationFrame(detectLoop);
-                }, remaining);
-                return;
-              }
-              if (pendingNextAction) {
-                lastAction = pendingNextAction;
-                if (pendingNextLabel) ui2.updateInstruction(pendingNextLabel);
-                pendingNextAction = null;
-                pendingNextLabel = null;
-              }
               if (videoEl.readyState >= 2) {
-                const detection = faceEngine.detect(
-                  videoEl,
-                  performance.now()
-                );
-                const states = actionDetector.check(detection);
-                ui2.updateActions(states);
-                const current = actionDetector.getCurrentAction();
+                const detection = faceEngine.detect(videoEl, performance.now());
+                const scan = actionDetector.check(detection);
+                ui2.updateScanProgress(scan.livenessConfirmed);
                 if (!detection.faceDetected) {
                   ui2.updateInstruction("Move your face into the oval");
-                } else if (current) {
-                  if (current !== lastAction) {
-                    if (lastAction !== null) {
-                      pauseUntil = now + 600;
-                      pendingNextAction = current;
-                      pendingNextLabel = getLabel(current);
-                      ui2.updateInstruction(`Great! ${pendingNextLabel}`);
-                      animFrameId = requestAnimationFrame(detectLoop);
-                      return;
-                    }
-                    lastAction = current;
-                    ui2.updateInstruction(getLabel(current));
-                  }
                 } else {
-                  ui2.updateInstruction("All actions completed! \u2713");
+                  ui2.updateInstruction(uiChallenge.instruction);
                 }
-                if (actionDetector.allCompleted()) {
+                const elapsed = performance.now() - scanStart;
+                if (detection.faceDetected && scan.livenessConfirmed && elapsed >= MIN_SCAN_MS) {
                   clearTimeout(timeout);
                   cancelAnimationFrame(animFrameId);
                   resolve("completed");
@@ -5373,10 +5092,10 @@ var SmartComplySDK = (() => {
         );
         if (detectionResult === "timeout") {
           cleanedUp = true;
-          recorder.stop().catch(() => {
-          });
           return new Promise((resolveRetry, rejectRetry) => {
             ui2.showTimeout(() => {
+              recorder.stop().catch(() => {
+              });
               faceEngine.destroy();
               camera.stop();
               ui2.unmount();
@@ -5389,25 +5108,17 @@ var SmartComplySDK = (() => {
             });
           });
         }
-        ui2.updateInstruction("Almost done \u2014 hold still...");
-        await new Promise((r2) => setTimeout(r2, 800));
+        ui2.updateInstruction("Verifying...");
         const autoshotBlob = await this.captureFrame(videoEl);
         if (!autoshotBlob || autoshotBlob.size === 0) {
-          throw new Error("Failed to capture selfie. Please ensure your face is visible and try again.");
-        }
-        const snapshotBlob = await this.captureFrame(videoEl);
-        let videoBlob;
-        let durationSeconds;
-        if (skipVideo) {
           recorder.stop().catch(() => {
           });
-          videoBlob = autoshotBlob;
-          durationSeconds = void 0;
-        } else {
-          const recorded = await recorder.stop();
-          videoBlob = recorded.blob;
-          durationSeconds = recorded.durationSeconds;
+          throw new Error("Failed to capture selfie. Please ensure your face is visible and try again.");
         }
+        const snapshotBlob = await this.captureFrame(videoEl);
+        const recorded = await recorder.stop();
+        const videoBlob = recorded.blob;
+        const durationSeconds = recorded.durationSeconds;
         const submitResult = await this.submit(
           entry.id,
           videoBlob,
@@ -5521,16 +5232,6 @@ var SmartComplySDK = (() => {
       }
       return n2 > 0 ? sum / n2 : 0;
     }
-    describeAction(action) {
-      const descriptions = {
-        BLINK: "Blink your eyes",
-        TURN_LEFT: "Turn your head to the side",
-        TURN_RIGHT: "Turn your head to the side",
-        TURN_HEAD: "Turn your head side to side",
-        OPEN_MOUTH: "Open your mouth wide"
-      };
-      return descriptions[action] || action.replace(/_/g, " ").toLowerCase();
-    }
   };
 
   // src/client/Smartcomply.ts
@@ -5908,7 +5609,7 @@ var SmartComplySDK = (() => {
       const docLabel = this.getDocumentLabel(documentType);
       const requiresBack = this.shouldCaptureBackSide(documentType);
       const isCapturingFront = this.currentSide === "front";
-      const sideLabel = requiresBack ? isCapturingFront ? " \u2014 Front side" : " \u2014 Back side" : "";
+      const sideLabel = requiresBack ? isCapturingFront ? " — Front side" : " — Back side" : "";
       const headerRow = document.createElement("div");
       headerRow.style.cssText = `
       display:flex;align-items:center;gap:14px;
@@ -5929,7 +5630,7 @@ var SmartComplySDK = (() => {
       titleEl.textContent = `Capture your ${docLabel}`;
       const subEl = document.createElement("div");
       subEl.style.cssText = `color:${theme.textSecondary};font-size:12px;margin-top:2px;`;
-      subEl.textContent = requiresBack ? isCapturingFront ? "Step 1 of 2 \u2014 front side" : "Step 2 of 2 \u2014 back side" : "Choose how to provide your document";
+      subEl.textContent = requiresBack ? isCapturingFront ? "Step 1 of 2 — front side" : "Step 2 of 2 — back side" : "Choose how to provide your document";
       titleBlock.appendChild(titleEl);
       titleBlock.appendChild(subEl);
       headerRow.appendChild(iconBox);
@@ -5950,7 +5651,7 @@ var SmartComplySDK = (() => {
       transition:all 0.15s ease;min-height:80px;
       box-shadow:0 4px 14px ${theme.primary}30;
     `;
-      cameraBtn.innerHTML = `<span style="font-size:26px;">\u{1F4F7}</span><span>Take Photo</span><span style="font-size:10px;opacity:0.8;font-weight:500;">Use camera</span>`;
+      cameraBtn.innerHTML = `<span style="font-size:26px;">📷</span><span>Take Photo</span><span style="font-size:10px;opacity:0.8;font-weight:500;">Use camera</span>`;
       cameraBtn.addEventListener("mouseenter", () => {
         cameraBtn.style.opacity = "0.9";
         cameraBtn.style.transform = "translateY(-1px)";
@@ -5972,7 +5673,7 @@ var SmartComplySDK = (() => {
       font-size:13px;font-weight:600;font-family:inherit;
       transition:all 0.15s ease;min-height:80px;
     `;
-      uploadBtn.innerHTML = `<span style="font-size:26px;">\u{1F5BC}\uFE0F</span><span>From Gallery</span><span style="font-size:10px;color:${theme.textMuted || theme.textSecondary};font-weight:500;">Upload file</span>`;
+      uploadBtn.innerHTML = `<span style="font-size:26px;">🖼️</span><span>From Gallery</span><span style="font-size:10px;color:${theme.textMuted || theme.textSecondary};font-weight:500;">Upload file</span>`;
       uploadBtn.addEventListener("mouseenter", () => {
         uploadBtn.style.borderColor = theme.primary;
         uploadBtn.style.transform = "translateY(-1px)";
@@ -6006,7 +5707,7 @@ var SmartComplySDK = (() => {
       tipItems.forEach((t2) => {
         const row = document.createElement("div");
         row.style.cssText = `display:flex;align-items:center;gap:5px;font-size:11px;color:${theme.textSecondary};`;
-        row.innerHTML = `<span style="color:${theme.primary};font-weight:700;flex-shrink:0;">\u2713</span><span>${t2}</span>`;
+        row.innerHTML = `<span style="color:${theme.primary};font-weight:700;flex-shrink:0;">✓</span><span>${t2}</span>`;
         tipsGrid.appendChild(row);
       });
       tips.appendChild(tipsGrid);
@@ -6020,7 +5721,7 @@ var SmartComplySDK = (() => {
         display:flex;align-items:center;gap:8px;
         font-size:12px;color:${theme.textSecondary};line-height:1.5;
       `;
-        notice.innerHTML = `<span style="font-size:16px;flex-shrink:0;">\u2139\uFE0F</span><span>You'll capture both the <strong style="color:${theme.text}">front</strong> and <strong style="color:${theme.text}">back</strong> of this document.</span>`;
+        notice.innerHTML = `<span style="font-size:16px;flex-shrink:0;">ℹ️</span><span>You'll capture both the <strong style="color:${theme.text}">front</strong> and <strong style="color:${theme.text}">back</strong> of this document.</span>`;
         this.root.appendChild(notice);
       }
       const fileInput = document.createElement("input");
@@ -6046,10 +5747,10 @@ var SmartComplySDK = (() => {
     /** Returns an appropriate emoji icon for the document type. */
     _docIcon(documentType) {
       const t2 = documentType.toLowerCase();
-      if (t2.includes("passport")) return "\u{1F4D8}";
-      if (t2.includes("driver") || t2.includes("licen")) return "\u{1F697}";
-      if (t2.includes("voter") || t2.includes("pvc")) return "\u{1F5F3}\uFE0F";
-      return "\u{1FAAA}";
+      if (t2.includes("passport")) return "📘";
+      if (t2.includes("driver") || t2.includes("licen")) return "🚗";
+      if (t2.includes("voter") || t2.includes("pvc")) return "🗳️";
+      return "🪪";
     }
     renderCameraView(container, theme, documentType) {
       const wrapper = document.createElement("div");
@@ -6259,12 +5960,12 @@ var SmartComplySDK = (() => {
       `;
         const issueLine = document.createElement("div");
         issueLine.style.cssText = "font-weight:700;color:#b8860b;";
-        issueLine.textContent = `\u26A0\uFE0F ${quality.message}`;
+        issueLine.textContent = `⚠️ ${quality.message}`;
         warn.appendChild(issueLine);
         if (quality.recommendations.length > 0) {
           const rec = document.createElement("div");
           rec.style.cssText = "margin-top:4px;color:" + theme.textSecondary + ";";
-          rec.textContent = quality.recommendations.join(" \xB7 ");
+          rec.textContent = quality.recommendations.join(" · ");
           warn.appendChild(rec);
         }
         this.root.appendChild(warn);
@@ -6280,7 +5981,7 @@ var SmartComplySDK = (() => {
         this.root.innerHTML = "";
         this.renderChoiceScreen(container, theme, documentType);
       });
-      const useBtn = this.createButton(qualityIsPoor ? "Use Anyway \u26A0" : "Use Photo \u2713", theme, !qualityIsPoor);
+      const useBtn = this.createButton(qualityIsPoor ? "Use Anyway ⚠" : "Use Photo ✓", theme, !qualityIsPoor);
       useBtn.style.flex = "1";
       useBtn.addEventListener("click", () => {
         if (img._blobUrl) {
@@ -6426,7 +6127,7 @@ var SmartComplySDK = (() => {
       position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
       font-size:28px;animation:pulse 2s ease-in-out infinite;
     `;
-      centerIcon.textContent = "\u{1F4C4}";
+      centerIcon.textContent = "📄";
       spinnerContainer.appendChild(centerIcon);
       this.root.appendChild(spinnerContainer);
       const loadingText = document.createElement("div");
@@ -6461,7 +6162,7 @@ var SmartComplySDK = (() => {
       color:#ff4444;font-size:14px;margin-top:16px;animation:shake 0.5s ease-in-out;
     `;
       errorContainer.innerHTML = `
-      <span style="font-size:18px;">\u26A0\uFE0F</span>
+      <span style="font-size:18px;">⚠️</span>
       <span>${message}</span>
     `;
       if (!document.head.querySelector("style[data-shake-animation]")) {
@@ -6646,13 +6347,13 @@ var SmartComplySDK = (() => {
 
   // src/flow/SmartComplyFlow.ts
   var COUNTRY_LABELS = {
-    nigeria: "\xF0\u0178\u2021\xB3\xF0\u0178\u2021\xAC  Nigeria",
-    global: "\xF0\u0178\u0152\x8D  Other Countries",
-    ghana: "\xF0\u0178\u2021\xAC\xF0\u0178\u2021\xAD  Ghana",
-    kenya: "\xF0\u0178\u2021\xB0\xF0\u0178\u2021\xAA  Kenya",
-    south_africa: "\xF0\u0178\u2021\xBF\xF0\u0178\u2021\xA6  South Africa",
-    united_states: "\xF0\u0178\u2021\xBA\xF0\u0178\u2021\xB8  United States",
-    united_kingdom: "\xF0\u0178\u2021\xAC\xF0\u0178\u2021\xA7  United Kingdom"
+    nigeria: "🇳🇬  Nigeria",
+    global: "🌍  Other Countries",
+    ghana: "🇬🇭  Ghana",
+    kenya: "🇰🇪  Kenya",
+    south_africa: "🇿🇦  South Africa",
+    united_states: "🇺🇸  United States",
+    united_kingdom: "🇬🇧  United Kingdom"
   };
   function isUploadFieldType(type) {
     return type === "upload" || type === "image" || type === "file";
@@ -6666,37 +6367,37 @@ var SmartComplySDK = (() => {
       return t2.includes("voter") || t2.includes("driver") || t2.includes("license") || t2.includes("national id") || t2.includes("national id card");
     };
     if (u2.includes("BVN") || u2.includes("BANK VERIFICATION")) {
-      return { icon: "\xF0\u0178\x8F\xA6", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
+      return { icon: "🏦", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
     }
     if (u2.includes("NIN") || u2.includes("NATIONAL IDENTITY NUMBER")) {
-      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
+      return { icon: "🆔", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
     }
     if (u2.includes("GHANA")) {
-      if (isDocumentFlow) return { icon: "\xF0\u0178\xAA\xAA", desc: "Capture or upload your Ghana Card", requiresBack: true };
-      return { icon: "\xF0\u0178\xAA\xAA", desc: "Enter your Ghana Card number", requiresBack: false };
+      if (isDocumentFlow) return { icon: "🪪", desc: "Capture or upload your Ghana Card", requiresBack: true };
+      return { icon: "🪪", desc: "Enter your Ghana Card number", requiresBack: false };
     }
     if (u2.includes("SSNIT"))
-      return { icon: "\xF0\u0178\x8F\u203A\xEF\xB8\x8F", desc: "Enter your SSNIT number", requiresBack: false };
+      return { icon: "🏛️", desc: "Enter your SSNIT number", requiresBack: false };
     if (u2.includes("KENYA") || u2.includes("NATIONAL") && u2.includes("KENYA"))
-      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your Kenya National ID number", requiresBack: false };
+      return { icon: "🆔", desc: "Enter your Kenya National ID number", requiresBack: false };
     if (u2.includes("TIN") || u2.includes("TAX IDENTIFICATION"))
-      return { icon: "\xF0\u0178\xA7\xBE", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
+      return { icon: "🧾", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
     if (u2.includes("CAC") || u2.includes("CORPORATE AFFAIRS") || u2.includes("COMPANY"))
-      return { icon: "\xF0\u0178\x8F\xA2", desc: advanced ? "Enter RC number, company name & type" : "Enter your company registration number", requiresBack: false };
+      return { icon: "🏢", desc: advanced ? "Enter RC number, company name & type" : "Enter your company registration number", requiresBack: false };
     if (u2.includes("VOTER") || u2.includes("PVC")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\xF0\u0178\u2014\xB3\xEF\xB8\x8F",
+        icon: "🗳️",
         desc: isDocumentFlow ? `Capture or upload your voter's card${requiresBack ? " (front & back)" : ""}` : "Enter your voter ID number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
     }
     if (u2.includes("PASSPORT"))
-      return { icon: "\xF0\u0178\u201C\u02DC", desc: isDocumentFlow ? "Capture or upload your passport" : "Enter your passport number", requiresBack: false };
+      return { icon: "📘", desc: isDocumentFlow ? "Capture or upload your passport" : "Enter your passport number", requiresBack: false };
     if (u2.includes("DRIVER") || u2.includes("LICENSE") || u2.includes("LICENCE")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\xF0\u0178\u0161\u2014",
+        icon: "🚗",
         desc: isDocumentFlow ? `Capture or upload your driver's license${requiresBack ? " (front & back)" : ""}` : "Enter your driver's license number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
@@ -6704,15 +6405,15 @@ var SmartComplySDK = (() => {
     if (u2.includes("NATIONAL ID") || u2.includes("NATIONAL") && u2.includes("CARD")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\xF0\u0178\xAA\xAA",
+        icon: "🪪",
         desc: isDocumentFlow ? `Capture or upload your ID card${requiresBack ? " (front & back)" : ""}` : "Enter your National ID number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
     }
     if (u2.includes("LIVENESS") || u2.includes("FACE COMPARISON") || u2.includes("FACE MATCH"))
-      return { icon: "\xF0\u0178\xA4\xB3", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
+      return { icon: "🤳", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
     return {
-      icon: isDocumentFlow ? "\xF0\u0178\u201C\u201E" : "\xF0\u0178\u2020\u201D",
+      icon: isDocumentFlow ? "📄" : "🆔",
       desc: isDocumentFlow ? "Capture or upload your document" : "Enter your ID number",
       requiresBack: false
     };
@@ -7124,7 +6825,7 @@ var SmartComplySDK = (() => {
       display:flex;align-items:center;justify-content:center;
       font-size:22px;
     `;
-      centre.textContent = "\u{1F6E1}\uFE0F";
+      centre.textContent = "🛡️";
       spinnerWrap.appendChild(ring);
       spinnerWrap.appendChild(centre);
       container.appendChild(spinnerWrap);
@@ -7151,7 +6852,7 @@ var SmartComplySDK = (() => {
       background:linear-gradient(135deg,${this.theme.primary}22,${this.theme.primaryGlow});
       border:1.5px solid ${this.theme.primary}33;
     `;
-      iconWrap.textContent = isDocFlow ? "\xF0\u0178\xAA\xAA" : "\xF0\u0178\u203A\xA1\xEF\xB8\x8F";
+      iconWrap.textContent = isDocFlow ? "🪪" : "🛡️";
       topRow.appendChild(iconWrap);
       const badge = document.createElement("div");
       badge.style.cssText = `
@@ -7162,7 +6863,7 @@ var SmartComplySDK = (() => {
       color:${this.theme.primary};
       border:1px solid ${this.theme.primary}30;
     `;
-      badge.textContent = isDocFlow ? "\xF0\u0178\u201C\u201E  Document Verification" : "\xF0\u0178\u201D\x8D  Data Verification";
+      badge.textContent = isDocFlow ? "📄  Document Verification" : "🔍  Data Verification";
       topRow.appendChild(badge);
       container.appendChild(topRow);
       const titleWrap = document.createElement("div");
@@ -7184,13 +6885,13 @@ var SmartComplySDK = (() => {
       titleWrap.appendChild(desc);
       container.appendChild(titleWrap);
       const steps = isDocFlow ? [
-        { icon: "\xF0\u0178\xAA\xAA", text: "Choose your document type", sub: "Passport, National ID, Driver License" },
-        { icon: "\xF0\u0178\u201C\xB7", text: "Scan your document", sub: "Upload or capture a photo of your ID" },
-        { icon: "\xF0\u0178\xA4\xB3", text: "Face check", sub: "Quick selfie to confirm it's you" }
+        { icon: "🪪", text: "Choose your document type", sub: "Passport, National ID, Driver License" },
+        { icon: "📷", text: "Scan your document", sub: "Upload or capture a photo of your ID" },
+        { icon: "🤳", text: "Face check", sub: "Quick selfie to confirm it's you" }
       ] : [
-        { icon: "\xF0\u0178\u2020\u201D", text: "Choose your ID type", sub: "NIN, BVN, Voter's Card and more" },
-        { icon: "\xF0\u0178\u201C\x9D", text: "Enter your ID details", sub: "Exactly as shown on your ID" },
-        { icon: "\xF0\u0178\xA4\xB3", text: "Face check", sub: "Quick selfie to confirm it's you" }
+        { icon: "🆔", text: "Choose your ID type", sub: "NIN, BVN, Voter's Card and more" },
+        { icon: "📝", text: "Enter your ID details", sub: "Exactly as shown on your ID" },
+        { icon: "🤳", text: "Face check", sub: "Quick selfie to confirm it's you" }
       ];
       const stepsWrap = document.createElement("div");
       stepsWrap.style.cssText = `
@@ -7230,7 +6931,7 @@ var SmartComplySDK = (() => {
         stepsWrap.appendChild(row);
       });
       container.appendChild(stepsWrap);
-      const btn = this.createPrimaryButton("Get Started \xE2\u2020\u2019");
+      const btn = this.createPrimaryButton("Get Started →");
       btn.style.cssText += "margin-top:2px;";
       btn.addEventListener("click", () => this.showStep("country"));
       container.appendChild(btn);
@@ -7239,7 +6940,7 @@ var SmartComplySDK = (() => {
       display:flex;align-items:center;gap:6px;
       color:${this.theme.textMuted};font-size:10.5px;
     `;
-      trust.textContent = "\xF0\u0178\u201D\u2019  End-to-end encrypted";
+      trust.textContent = "🔒  End-to-end encrypted";
       container.appendChild(trust);
     }
     // ── Country Select ──────────────────────────────────────────────
@@ -7292,7 +6993,7 @@ var SmartComplySDK = (() => {
         const requiresBack = requiresBackFromBackend ?? info.requiresBack;
         let subtitle2 = info.desc;
         if (requiresBack && isThisDocFlow) {
-          subtitle2 += " \xE2\u0161\xA0\xEF\xB8\x8F Both sides required";
+          subtitle2 += " ⚠️ Both sides required";
         }
         const displayName = typeName.replace(/\s*with\s+face\s*/gi, " ").replace(/\s*\(NIN\)\s*/gi, " ").replace(/\s*\(BVN\)\s*/gi, " ").replace(/\s{2,}/g, " ").trim();
         const card = this.createOptionCard(
@@ -7355,13 +7056,13 @@ var SmartComplySDK = (() => {
         { match: "BVN", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "BVN must be exactly 11 digits" } },
         { match: "NIN", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "NIN must be exactly 11 digits" } },
         { match: "NATIONAL IDENTITY", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "NIN must be exactly 11 digits" } },
-        { match: "PASSPORT", rule: { minLen: 6, maxLen: 20, alphanumeric: true, hint: "Passport number must be 6\xE2\u20AC\u201C20 alphanumeric characters" } },
-        { match: "DRIVER", rule: { minLen: 3, maxLen: 30, alphanumeric: true, hint: "Licence number must be 3\xE2\u20AC\u201C30 alphanumeric characters" } },
-        { match: "VOTER", rule: { minLen: 6, maxLen: 30, alphanumeric: true, hint: "Voter ID must be 6\xE2\u20AC\u201C30 alphanumeric characters" } },
-        { match: "GHANA", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "Ghana Card number must be 8\xE2\u20AC\u201C20 alphanumeric characters" } },
-        { match: "SSNIT", rule: { minLen: 7, maxLen: 15, alphanumeric: true, hint: "SSNIT number must be 7\xE2\u20AC\u201C15 alphanumeric characters" } },
-        { match: "TIN", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "TIN must be 8\xE2\u20AC\u201C20 characters" } },
-        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10\xE2\u20AC\u201C12 characters" } }
+        { match: "PASSPORT", rule: { minLen: 6, maxLen: 20, alphanumeric: true, hint: "Passport number must be 6–20 alphanumeric characters" } },
+        { match: "DRIVER", rule: { minLen: 3, maxLen: 30, alphanumeric: true, hint: "Licence number must be 3–30 alphanumeric characters" } },
+        { match: "VOTER", rule: { minLen: 6, maxLen: 30, alphanumeric: true, hint: "Voter ID must be 6–30 alphanumeric characters" } },
+        { match: "GHANA", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "Ghana Card number must be 8–20 alphanumeric characters" } },
+        { match: "SSNIT", rule: { minLen: 7, maxLen: 15, alphanumeric: true, hint: "SSNIT number must be 7–15 alphanumeric characters" } },
+        { match: "TIN", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "TIN must be 8–20 characters" } },
+        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10–12 characters" } }
       ];
       function getFieldRule(label) {
         const upper = label.toUpperCase();
@@ -7647,7 +7348,7 @@ var SmartComplySDK = (() => {
       this._prewarmCamera();
       const iconWrap = document.createElement("div");
       iconWrap.style.cssText = `width:64px;height:64px;border-radius:50%;background:${this.theme.primary}15;border:2px solid ${this.theme.primary}30;display:flex;align-items:center;justify-content:center;font-size:28px;`;
-      iconWrap.textContent = "\xF0\u0178\u203A\xA1\xEF\xB8\x8F";
+      iconWrap.textContent = "🛡️";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7684,7 +7385,7 @@ var SmartComplySDK = (() => {
         sub.textContent = "Your details have been confirmed. Please continue to the face check.";
         container.appendChild(sub);
       }
-      const yesBtn = this.createPrimaryButton("Yes, that's me \xE2\u20AC\u201D continue");
+      const yesBtn = this.createPrimaryButton("Yes, that's me — continue");
       yesBtn.addEventListener("click", () => {
         this._confirmRetries = 0;
         this.showStep("liveness");
@@ -7711,7 +7412,7 @@ var SmartComplySDK = (() => {
       this._prewarmCamera();
       const iconWrap = document.createElement("div");
       iconWrap.style.cssText = `width:64px;height:64px;border-radius:50%;background:${this.theme.primary}15;border:2px solid ${this.theme.primary}30;display:flex;align-items:center;justify-content:center;font-size:28px;`;
-      iconWrap.textContent = "\xF0\u0178\u201C\u201E";
+      iconWrap.textContent = "📄";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7734,7 +7435,7 @@ var SmartComplySDK = (() => {
       if (this._ocrExpirySoon && !this._ocrIsExpired) {
         const warn = document.createElement("div");
         warn.style.cssText = `width:100%;padding:10px 14px;border-radius:10px;background:${this.theme.warning}18;border:1px solid ${this.theme.warning}40;color:${this.theme.warning};font-size:12px;text-align:left;line-height:1.5;`;
-        warn.textContent = "\xE2\u0161\xA0\xEF\xB8\x8F  Your document expires soon. Some services may not accept it, but you can still continue.";
+        warn.textContent = "⚠️  Your document expires soon. Some services may not accept it, but you can still continue.";
         container.appendChild(warn);
       }
       const card = document.createElement("div");
@@ -7797,18 +7498,18 @@ var SmartComplySDK = (() => {
       ring.style.cssText = `position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.9s linear infinite;`;
       const centre = document.createElement("div");
       centre.style.cssText = "position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;";
-      centre.textContent = "\xF0\u0178\u201C\u201E";
+      centre.textContent = "📄";
       spinnerWrap.appendChild(ring);
       spinnerWrap.appendChild(centre);
       container.appendChild(spinnerWrap);
       const statusEl = document.createElement("div");
       statusEl.setAttribute("aria-live", "polite");
       statusEl.style.cssText = `color:${this.theme.text};font-size:15px;font-weight:600;`;
-      statusEl.textContent = "Reading your document\xE2\u20AC\xA6";
+      statusEl.textContent = "Reading your document…";
       container.appendChild(statusEl);
       const subEl = document.createElement("div");
       subEl.style.cssText = `color:${this.theme.textSecondary};font-size:12px;max-width:260px;line-height:1.5;`;
-      subEl.textContent = "This usually takes 5\xE2\u20AC\u201C15 seconds. Please wait.";
+      subEl.textContent = "This usually takes 5–15 seconds. Please wait.";
       container.appendChild(subEl);
       if (!this.livenessEntryId) {
         this.showErrorStep("Document upload failed. Please try again.");
@@ -7853,8 +7554,8 @@ var SmartComplySDK = (() => {
           if (polls < MAX_POLLS && !this.isDestroyed) {
             this._ocrPollTimer = setTimeout(poll, 2e3);
           } else if (!this.isDestroyed) {
-            statusEl.textContent = "Taking longer than usual\xE2\u20AC\xA6";
-            subEl.textContent = "We'll continue \xE2\u20AC\u201D you can confirm your details on the next screen.";
+            statusEl.textContent = "Taking longer than usual…";
+            subEl.textContent = "We'll continue — you can confirm your details on the next screen.";
             this._ocrPollTimer = setTimeout(() => {
               if (!this.isDestroyed) this.showStep("document_confirm");
             }, 2e3);
@@ -7873,7 +7574,7 @@ var SmartComplySDK = (() => {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 0;";
       const icon = document.createElement("div");
       icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
-      icon.textContent = "\xF0\u0178\u201C\u2026";
+      icon.textContent = "📅";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7902,7 +7603,7 @@ var SmartComplySDK = (() => {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 0;";
       const icon = document.createElement("div");
       icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
-      icon.textContent = "\xF0\u0178\u201D\x8D";
+      icon.textContent = "🔍";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7935,20 +7636,19 @@ var SmartComplySDK = (() => {
       });
       const iconWrap = document.createElement("div");
       iconWrap.style.cssText = `width:80px;height:80px;border-radius:50%;background:${this.theme.successBg};border:3px solid ${this.theme.success};display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:${this.theme.success};animation:sc-pop 0.4s ease;`;
-      iconWrap.textContent = "\xE2\u0153\u201C";
+      iconWrap.textContent = "✓";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:22px;font-weight:700;margin:0;`;
       title.textContent = "You're all done!";
       container.appendChild(title);
-      const brandName = this.sdkConfig?.brand_name || "the service";
       const desc = document.createElement("p");
       desc.style.cssText = `color:${this.theme.textSecondary};font-size:14px;line-height:1.6;margin:0;max-width:300px;`;
-      desc.textContent = `Your verification is complete. ${brandName} will review and be in touch shortly.`;
+      desc.textContent = "Your verification is complete.";
       container.appendChild(desc);
       const info = document.createElement("div");
       info.style.cssText = `color:${this.theme.textMuted};font-size:11px;display:flex;align-items:center;gap:4px;`;
-      info.textContent = "\xF0\u0178\u201D\u2019  Your data is encrypted and secure";
+      info.textContent = "🔒  Your data is encrypted and secure";
       container.appendChild(info);
       const doneBtn = this.createPrimaryButton("Close");
       doneBtn.addEventListener("click", () => {
@@ -7961,7 +7661,7 @@ var SmartComplySDK = (() => {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 0;";
       const icon = document.createElement("div");
       icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
-      icon.textContent = "\xE2\u0161\xA0\xEF\xB8\x8F";
+      icon.textContent = "⚠️";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -8017,7 +7717,7 @@ var SmartComplySDK = (() => {
       <div style="display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;">
         <div style="position:relative;width:52px;height:52px;">
           <div style="position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.8s linear infinite;"></div>
-          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\xF0\u0178\u201D\x8D</div>
+          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">🔍</div>
         </div>
         <div style="color:${this.theme.text};font-size:14px;font-weight:600;">Scanning document...</div>
         <div style="color:${this.theme.textSecondary};font-size:12px;text-align:center;max-width:200px;line-height:1.5;">Running OCR and verifying your identity</div>
@@ -8040,7 +7740,7 @@ var SmartComplySDK = (() => {
               identifier,
               identifier_type: this.selectedIdType,
               country,
-              challenge_actions: ["BLINK", "TURN_HEAD", "OPEN_MOUTH"],
+              challenge_actions: ["BLINK"],
               document: blob,
               document_back: this.documentBackBlob || void 0,
               device_type: deviceMeta.device_type,
@@ -8075,7 +7775,7 @@ var SmartComplySDK = (() => {
               <div style="display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;text-align:center;">
                 <div style="position:relative;width:52px;height:52px;">
                   <div style="position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.8s linear infinite;"></div>
-                  <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\xF0\u0178\u201D\u201E</div>
+                  <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">🔄</div>
                 </div>
                 <div style="color:${this.theme.text};font-size:14px;font-weight:600;">Retrying...</div>
                 <div style="color:${this.theme.textSecondary};font-size:12px;max-width:240px;line-height:1.5;">Attempt ${retryCount} of ${maxRetries}</div>
@@ -8116,7 +7816,7 @@ var SmartComplySDK = (() => {
         wrap.setAttribute("role", "alert");
         const icon = document.createElement("div");
         icon.style.cssText = `width:56px;height:56px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:26px;`;
-        icon.textContent = "\xF0\u0178\u201D\x8D";
+        icon.textContent = "🔍";
         wrap.appendChild(icon);
         const titleEl = document.createElement("div");
         titleEl.style.cssText = `color:${this.theme.text};font-size:14px;font-weight:700;`;
@@ -8182,7 +7882,7 @@ var SmartComplySDK = (() => {
           // B4: pass pre-warmed stream so camera.open() is skipped
           prewarmedStream: this._prewarmedStream || void 0
         },
-        ["BLINK", "TURN_HEAD", "OPEN_MOUTH"],
+        ["BLINK"],
         this.livenessEntryId || void 0
       ).then((result) => {
         if (result.status === "failed") {
@@ -8216,7 +7916,7 @@ var SmartComplySDK = (() => {
       const isDocQuality = /blurry|blur|quality|glare|dark|bright|lighting/i.test(message);
       const isExpiredDoc = /document.*expired|expired.*document/i.test(message);
       const isFaceMatch = /face.*match|selfie.*match|does not match/i.test(message);
-      const errorIcon = isCameraErr ? "\xF0\u0178\u201C\xB7" : isNetworkErr ? "\xF0\u0178\u201C\xA1" : isAuthErr ? "\xE2\x8F\xB1" : isDocQuality ? "\xF0\u0178\u201D\x8D" : isExpiredDoc ? "\xF0\u0178\u201C\u2026" : isFaceMatch ? "\xF0\u0178\xA4\xB3" : "\xE2\u0153\u2022";
+      const errorIcon = isCameraErr ? "📷" : isNetworkErr ? "📡" : isAuthErr ? "⏱" : isDocQuality ? "🔍" : isExpiredDoc ? "📅" : isFaceMatch ? "🤳" : "✕";
       const errorTitle = isCameraErr ? "Camera Access Required" : isNetworkErr ? "Connection Problem" : isAuthErr ? "Session Expired" : isDocQuality ? "Document Photo Unclear" : isExpiredDoc ? "Document Expired" : isFaceMatch ? "Face Match Failed" : "Verification Unsuccessful";
       const userMessage = isCameraErr ? "Please allow camera access in your browser settings and try again." : isNetworkErr ? "Check your internet connection and try again." : isAuthErr ? "Your session has expired. Please start again." : isDocQuality ? _sanitizeUserMessage(message) || "Please retake your document photo in good lighting with no glare." : isExpiredDoc ? "The document you submitted has expired. Please use a valid, current ID." : isFaceMatch ? "Your selfie did not match the photo on your ID. Please ensure you are using your own valid document and face the camera directly." : _sanitizeUserMessage(message) || "We were unable to complete your verification. Please try again.";
       const iconWrap = document.createElement("div");
@@ -8321,7 +8021,7 @@ var SmartComplySDK = (() => {
       stepIndicator.appendChild(this.stepLabel);
       header.appendChild(stepIndicator);
       const closeBtn = document.createElement("button");
-      closeBtn.innerHTML = "\xE2\u0153\u2022";
+      closeBtn.innerHTML = "✕";
       closeBtn.setAttribute("aria-label", "Close identity verification");
       closeBtn.style.cssText = `
       width:32px;height:32px;border-radius:8px;flex-shrink:0;
@@ -8402,7 +8102,7 @@ var SmartComplySDK = (() => {
       }
       const arrow = document.createElement("span");
       arrow.style.cssText = `color:${this.theme.textMuted};font-size:18px;flex-shrink:0;`;
-      arrow.textContent = "\xE2\u2020\u2019";
+      arrow.textContent = "→";
       card.appendChild(textWrap);
       card.appendChild(arrow);
       return card;
@@ -8474,7 +8174,7 @@ var SmartComplySDK = (() => {
         if (this.currentStep === "loading" || this.currentStep === "welcome") {
           this.stepLabel.textContent = "";
         } else if (this.currentStep === "done" || this.currentStep === "result") {
-          this.stepLabel.textContent = "Complete \xE2\u0153\u201C";
+          this.stepLabel.textContent = "Complete ✓";
         } else if (stage2Steps.includes(this.currentStep)) {
           this.stepLabel.textContent = "Stage 2 of 2: Face Check";
         } else if (stage1Steps.includes(this.currentStep)) {
@@ -8588,20 +8288,20 @@ var SmartComplySDK = (() => {
     /** Emit an informational message (debug mode only). */
     info(message, ...args) {
       if (!isDebugEnabled()) return;
-      console.info(`${PREFIX} \u2139 ${message}`, ...args);
+      console.info(`${PREFIX} ℹ ${message}`, ...args);
     },
     /** Emit a warning (always visible). */
     warn(message, ...args) {
-      console.warn(`${PREFIX} \u26A0 ${message}`, ...args);
+      console.warn(`${PREFIX} ⚠ ${message}`, ...args);
     },
     /** Emit an error (always visible). */
     error(message, ...args) {
-      console.error(`${PREFIX} \u2716 ${message}`, ...args);
+      console.error(`${PREFIX} ✖ ${message}`, ...args);
     },
     /** Emit a debug trace (debug mode only — lowest priority). */
     debug(message, ...args) {
       if (!isDebugEnabled()) return;
-      console.debug(`${PREFIX} \u2B21 ${message}`, ...args);
+      console.debug(`${PREFIX} ⬡ ${message}`, ...args);
     },
     /** Log a timed group of related messages (debug mode only). */
     group(label, fn2) {
@@ -8759,7 +8459,7 @@ var SmartComplySDK = (() => {
           }
         };
         xhr.onerror = async () => {
-          SDKLogger.warn(`Upload to ${path} failed \u2014 network error`, { retriesLeft });
+          SDKLogger.warn(`Upload to ${path} failed — network error`, { retriesLeft });
           if (retriesLeft > 0) {
             await new Promise((r2) => setTimeout(r2, RETRY_DELAY_MS));
             try {