{"id":295,"date":"2018-07-26T05:13:09","date_gmt":"2018-07-26T05:13:09","guid":{"rendered":"http:\/\/www.zoomtech.com.sg\/staging\/?page_id=295"},"modified":"2026-10-25T10:43:01","modified_gmt":"2026-10-25T10:43:01","slug":"access","status":"publish","type":"page","link":"https:\/\/www.zoomtech.com.sg\/staging\/access\/","title":{"rendered":"Access Control"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"295\" class=\"elementor elementor-295 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-zt_acc_header elementor-widget elementor-widget-html\" data-id=\"zt_acc_header\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZOOM TECH CANONICAL 74PX FIXED VIEWPORT HEADER (SINGLE-ROW LOCK) -->\n<div id=\"zt-site-header-wrapper\" style=\"width: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1000000 !important; background: #FFFFFF !important; background-color: #FFFFFF !important; border-bottom: 1px solid #E2E8F0 !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: block !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\">\n  <header id=\"zt-main-header\" style=\"max-width: 1440px !important; min-height: 74px !important; height: 74px !important; margin: 0 auto !important; padding: 0 2rem !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; flex-wrap: nowrap !important; white-space: nowrap !important;\">\n    \n    <!-- Left: Brand Master Logo -->\n    <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/home-new\/\" class=\"zt-header-logo\" style=\"text-decoration: none; display: flex; align-items: center; z-index: 1000001;\">\n      <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/small-logo.png\" alt=\"Zoom Tech Pte Ltd\" style=\"height: 38px; width: auto; object-fit: contain; display: block;\" \/>\n    <\/a>\n\n    <!-- Center: Strict Single-Row Desktop Navigation -->\n    <nav class=\"zt-desktop-nav\" aria-label=\"Main Navigation\">\n      \n      <!-- 2. PRODUCTS (DROPDOWN TRIGGER ONLY - NO DIRECT LANDING PAGE) -->\n      <div class=\"zt-nav-dropdown-item\" id=\"nav-dropdown-products\">\n        <button type=\"button\" id=\"nav-link-products\" class=\"zt-nav-link zt-nav-parent-link\" aria-expanded=\"false\" aria-controls=\"zt-dropdown-products\" aria-label=\"Open Products menu\" style=\"background: none; border: none; cursor: pointer; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; display: inline-flex; align-items: center; gap: 4px;\">\n          <span>Products<\/span>\n          <svg class=\"zt-chevron-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transition: transform 0.2s ease; margin-left: 2px;\">\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n          <\/svg>\n        <\/button>\n\n        <!-- Products 5-Category Master Mega Dropdown Panel -->\n        <div class=\"zt-dropdown-panel\" id=\"zt-dropdown-products\" style=\"max-width: 100vw; box-sizing: border-box;\">\n          <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;\">\n            <div style=\"display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; width: 100%; box-sizing: border-box;\" class=\"zt-products-5cat-grid\">\n              \n              <!-- Cat 1: ZoomGate -->\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/zoomgate\/\" class=\"zt-mega-item zt-mega-item-card\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.15rem 1rem; border-radius: 8px; border: 1px solid #E2E8F0; background: #FFFFFF; transition: all 0.2s ease; box-sizing: border-box;\">\n                <div style=\"font-size: 0.68rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">HARDWARE<\/div>\n                <div style=\"font-size: 0.98rem; font-weight: 800; color: #0F172A;\">ZoomGate<\/div>\n                <div style=\"font-size: 0.78rem; color: #64748B; line-height: 1.45; white-space: normal;\">Pedestrian speed gates &amp; optical turnstiles.<\/div>\n              <\/a>\n\n              <!-- Cat 2: ZoomFace -->\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-mega-item zt-mega-item-card\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.15rem 1rem; border-radius: 8px; border: 1px solid #E2E8F0; background: #FFFFFF; transition: all 0.2s ease; box-sizing: border-box;\">\n                <div style=\"font-size: 0.68rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">BIOMETRICS<\/div>\n                <div style=\"font-size: 0.98rem; font-weight: 800; color: #0F172A;\">ZoomFace<\/div>\n                <div style=\"font-size: 0.78rem; color: #64748B; line-height: 1.45; white-space: normal;\">AI facial recognition admission terminals.<\/div>\n              <\/a>\n\n              <!-- Cat 3: ZoomAccess -->\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-mega-item zt-mega-item-card\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.15rem 1rem; border-radius: 8px; border: 1px solid #E2E8F0; background: #FFFFFF; transition: all 0.2s ease; box-sizing: border-box;\">\n                <div style=\"font-size: 0.68rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">SOFTWARE<\/div>\n                <div style=\"font-size: 0.98rem; font-weight: 800; color: #0F172A;\">ZoomAccess<\/div>\n                <div style=\"font-size: 0.78rem; color: #64748B; line-height: 1.45; white-space: normal;\">Web access control &amp; lift dispatch sync.<\/div>\n              <\/a>\n\n              <!-- Cat 4: ZoomSurveillance -->\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/surveillance\/\" class=\"zt-mega-item zt-mega-item-card\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.15rem 1rem; border-radius: 8px; border: 1px solid #E2E8F0; background: #FFFFFF; transition: all 0.2s ease; box-sizing: border-box;\">\n                <div style=\"font-size: 0.68rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">ANALYTICS<\/div>\n                <div style=\"font-size: 0.98rem; font-weight: 800; color: #0F172A;\">ZoomSurveillance<\/div>\n                <div style=\"font-size: 0.78rem; color: #64748B; line-height: 1.45; white-space: normal;\">i-LIDS certified CMS video analytics.<\/div>\n              <\/a>\n\n              <!-- Cat 5: ZoomIOT -->\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-mega-item zt-mega-item-card\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.15rem 1rem; border-radius: 8px; border: 1px solid #E2E8F0; background: #FFFFFF; transition: all 0.2s ease; box-sizing: border-box;\">\n                <div style=\"font-size: 0.68rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">TELEMETRY<\/div>\n                <div style=\"font-size: 0.98rem; font-weight: 800; color: #0F172A;\">ZoomIOT<\/div>\n                <div style=\"font-size: 0.78rem; color: #64748B; line-height: 1.45; white-space: normal;\">Connected facility security telemetry.<\/div>\n              <\/a>\n\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. ABOUT -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/about-new\/\" id=\"nav-link-about\" class=\"zt-nav-link\">\n        <span>About<\/span>\n      <\/a>\n\n      <!-- 4. OUR WORK -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" id=\"nav-link-work\" class=\"zt-nav-link\">\n        <span>Our Work<\/span>\n      <\/a>\n\n      <!-- 5. INSIGHTS -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/pressroom\/\" id=\"nav-link-insights\" class=\"zt-nav-link\">\n        <span>Insights<\/span>\n      <\/a>\n\n    <\/nav>\n\n    <!-- Right: Header CTA + Mobile Hamburger Toggle -->\n    <div style=\"display: flex; align-items: center; gap: 12px; z-index: 1000001;\">\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" id=\"nav-link-contact\" class=\"zt-header-cta-btn zt-header-desktop-cta\" style=\"text-decoration: none; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 700; font-size: 0.85rem; padding: 0.6rem 1.35rem; border-radius: 9999px; transition: all 0.22s ease; white-space: nowrap;\">\n        Talk to us\n      <\/a>\n\n      <!-- Mobile Hamburger Button -->\n      <button id=\"zt-mobile-toggle\" onclick=\"window.openMobileDrawer && window.openMobileDrawer()\" type=\"button\" aria-label=\"Toggle navigation menu\" style=\"display: none; background: none; border: 1px solid #CBD5E1; border-radius: 6px; width: 42px; height: 42px; cursor: pointer; align-items: center; justify-content: center; padding: 0;\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F172A\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\n      <\/button>\n    <\/div>\n\n  <\/header>\n<\/div>\n\n<!-- FIXED HEADER VIEWPORT SPACER (74PX) -->\n<div id=\"zt-header-spacer\" style=\"height: 74px !important; width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;\"><\/div>\n\n<!-- FULL-SCREEN MOBILE DRAWER & OVERLAY -->\n<div id=\"zt-mobile-overlay\" onclick=\"window.closeMobileDrawer && window.closeMobileDrawer()\" style=\"display: none; position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, 0.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 10000008; opacity: 0; transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);\"><\/div>\n\n<div id=\"zt-mobile-drawer\" style=\"position: fixed; top: 0; left: 0; right: 0; bottom: 0; inset: 0; width: 100vw; max-width: 100vw; height: 100vh; height: 100dvh; max-height: 100dvh; background: #FFFFFF; z-index: 10000010; transform: translateX(100%); transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); display: none; flex-direction: column; justify-content: space-between; padding: 1.25rem 1.5rem max(1.25rem, env(safe-area-inset-bottom, 1.25rem)) 1.5rem; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; border-radius: 0; border: none; box-shadow: none;\">\n  <div style=\"display: flex; flex-direction: column; gap: 1.25rem; width: 100%; box-sizing: border-box;\">\n    \n    <!-- Drawer Header: Small Logo + X Button -->\n    <div style=\"display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F1F5F9; padding-bottom: 1rem; width: 100%; box-sizing: border-box;\">\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/home-new\/\" style=\"text-decoration: none; display: inline-flex; align-items: center; max-width: 180px;\">\n        <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/small-logo.png\" alt=\"Zoom Tech\" style=\"height: 20px; max-height: 20px; max-width: 170px; width: auto; object-fit: contain; display: block;\" \/>\n      <\/a>\n      <button id=\"zt-mobile-close\" onclick=\"window.closeMobileDrawer && window.closeMobileDrawer()\" type=\"button\" aria-label=\"Close navigation menu\" style=\"background: #F1F5F9; border: none; border-radius: 8px; min-width: 42px; min-height: 42px; width: 42px; height: 42px; font-size: 1.6rem; color: #0F172A; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 0;\">&times;<\/button>\n    <\/div>\n\n    <!-- Mobile Nav Links with Accordion -->\n    <div style=\"display: flex; flex-direction: column; gap: 0.35rem; width: 100%; box-sizing: border-box;\">\n      \n      <!-- 2. PRODUCTS ACCORDION -->\n      <div class=\"zt-drawer-acc-item\" id=\"zt-drawer-item-products\" style=\"border-radius: 6px; overflow: hidden; width: 100%;\">\n        <div class=\"zt-drawer-acc-header\" data-target=\"products\" style=\"display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0.5rem; cursor: pointer; border-radius: 6px; transition: background 0.15s ease; user-select: none;\">\n          <span style=\"font-size: 1.1rem; font-weight: 700; color: #0F172A;\">Products<\/span>\n          <span id=\"zt-drawer-icon-products\" class=\"zt-drawer-acc-icon\" style=\"font-size: 1.25rem; font-weight: 600; color: #64748B; width: 24px; text-align: right; user-select: none; line-height: 1;\">+<\/span>\n        <\/div>\n        <div id=\"zt-drawer-sub-products\" class=\"zt-drawer-submenu\" style=\"display: none; flex-direction: column; gap: 0.15rem; padding: 0.25rem 0 0.5rem 0.75rem; border-left: 2px solid #E2E8F0; margin-left: 0.5rem; margin-top: 0.15rem;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/zoomgate\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 600; color: #475569; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">ZoomGate<\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 600; color: #475569; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">ZoomFace<\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 600; color: #475569; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">ZoomAccess<\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/surveillance\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 600; color: #475569; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">ZoomSurveillance<\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 600; color: #475569; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">ZoomIOT<\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/products-new\/\" class=\"zt-mobile-sublink\" style=\"text-decoration: none; font-size: 0.95rem; font-weight: 700; color: #059669; padding: 0.5rem 0.5rem; border-radius: 4px; display: block;\">View All Products &rarr;<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- 3. ABOUT -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/about-new\/\" class=\"zt-mobile-drawer-link\" style=\"text-decoration: none; font-size: 1.1rem; font-weight: 700; color: #0F172A; padding: 0.75rem 0.5rem; border-radius: 6px; transition: all 0.15s ease; display: block;\">About<\/a>\n\n      <!-- 4. OUR WORK -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-mobile-drawer-link\" style=\"text-decoration: none; font-size: 1.1rem; font-weight: 700; color: #0F172A; padding: 0.75rem 0.5rem; border-radius: 6px; transition: all 0.15s ease; display: block;\">Our Work<\/a>\n\n      <!-- 5. INSIGHTS -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/pressroom\/\" class=\"zt-mobile-drawer-link\" style=\"text-decoration: none; font-size: 1.1rem; font-weight: 700; color: #0F172A; padding: 0.75rem 0.5rem; border-radius: 6px; transition: all 0.15s ease; display: block;\">Insights<\/a>\n\n      <!-- 6. TALK TO US \/ CONTACT -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-mobile-drawer-link\" style=\"text-decoration: none; font-size: 1.1rem; font-weight: 700; color: #059669; padding: 0.75rem 0.75rem; border-radius: 8px; transition: all 0.15s ease; display: block; background: #ECFDF5; margin-top: 0.25rem;\">Talk to us &rarr;<\/a>\n\n    <\/div>\n  <\/div>\n\n  <!-- Bottom Direct Quick Actions -->\n  <div style=\"display: flex; flex-direction: column; gap: 8px; width: 100%; padding-top: 1.25rem; border-top: 1px solid #F1F5F9; box-sizing: border-box;\">\n    <a href=\"tel:+6569041285\" style=\"text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; width: 100%; box-sizing: border-box; padding: 0.75rem 1rem; background-color: #0F172A; color: #FFFFFF; font-weight: 700; font-size: 0.88rem; border-radius: 8px;\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n      <span style=\"white-space: nowrap;\">Call: +65 6904 1285<\/span>\n    <\/a>\n    <a href=\"https:\/\/wa.me\/6569041285?text=Hi%20Zoom%20Tech%2C%20I%27m%20interested%20in%20your%20access%20control%20solutions.%20I%27d%20like%20to%20know%20more.\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; width: 100%; box-sizing: border-box; padding: 0.75rem 1rem; background-color: #25D366; color: #FFFFFF; font-weight: 700; font-size: 0.88rem; border-radius: 8px;\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#FFFFFF\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\n      <span style=\"white-space: nowrap;\">WhatsApp: +65 6904 1285<\/span>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* ZERO GAP BETWEEN FIXED HEADER & HERO ACROSS ALL VIEWPORTS *\/\nhtml, body {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.elementor,\n.elementor-section,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-widget,\n.elementor-widget-html,\n.elementor-element {\n  margin: 0 !important;\n  padding: 0 !important;\n  --widgets-spacing: 0px 0px !important;\n}\n\n.elementor-widget:not(:last-child) {\n  margin-bottom: 0 !important;\n}\n\n.elementor-widget-html .elementor-widget-container {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* FIXED 100% VIEWPORT GLOBAL HEADER (Z-INDEX 1000000) *\/\n#zt-site-header-wrapper {\n  width: 100% !important;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  z-index: 1000000 !important;\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n  border-bottom: 1px solid #E2E8F0 !important;\n  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n  display: block !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\n#zt-header-spacer {\n  height: 74px !important;\n  width: 100% !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n}\n\n#zt-main-header {\n  max-width: 1440px !important;\n  min-height: 74px !important;\n  height: 74px !important;\n  margin: 0 auto !important;\n  padding: 0 2rem !important;\n  display: flex !important;\n  flex-direction: row !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  box-sizing: border-box !important;\n  flex-wrap: nowrap !important;\n  white-space: nowrap !important;\n}\n\n\/* LOGO: STRICT INLINE ROW COMPONENT *\/\n.zt-header-logo {\n  flex-shrink: 0 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.zt-header-logo img {\n  height: 34px !important;\n  max-height: 34px !important;\n  width: auto !important;\n  object-fit: contain !important;\n  display: block !important;\n}\n\n\/* NAVIGATION: STRICT NON-WRAPPING FLEX ROW *\/\n.zt-desktop-nav {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  gap: 2rem !important;\n  height: 100% !important;\n  flex-wrap: nowrap !important;\n  white-space: nowrap !important;\n  flex-shrink: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.zt-nav-dropdown-item {\n  height: 74px !important;\n  display: inline-flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  position: relative !important;\n  flex-shrink: 0 !important;\n  white-space: nowrap !important;\n}\n\n.zt-nav-link,\n.zt-nav-parent-link {\n  color: #1E293B !important;\n  text-decoration: none !important;\n  font-size: 0.95rem !important;\n  font-weight: 600 !important;\n  white-space: nowrap !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  transition: color 0.18s ease !important;\n}\n\n.zt-nav-link:hover,\n.zt-nav-parent-link:hover {\n  color: #059669 !important;\n}\n\n.zt-nav-caret-btn {\n  color: #64748B !important;\n  background: none !important;\n  border: none !important;\n  cursor: pointer !important;\n  padding: 0.5rem 0.25rem 0.5rem 0.15rem !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n\/* RIGHT CTA BUTTON *\/\n.zt-header-cta-btn {\n  text-decoration: none !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 0.85rem !important;\n  color: #FFFFFF !important;\n  background: #0F172A !important;\n  background-color: #0F172A !important;\n  padding: 0.6rem 1.35rem !important;\n  border-radius: 9999px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  box-sizing: border-box !important;\n}\n\n.zt-header-cta-btn:hover {\n  background: #059669 !important;\n  background-color: #059669 !important;\n  color: #FFFFFF !important;\n}\n\n\/* ACTIVE & HOVER PAGE STATE (Underline text-only with 5px gap, excluding dropdown chevron) *\/\n#zt-main-header .zt-desktop-nav .zt-nav-link > span,\n#zt-main-header .zt-desktop-nav .zt-nav-parent-link > span {\n  position: relative !important;\n  display: inline-block !important;\n  padding-bottom: 5px !important;\n}\n\n.zt-nav-link.zt-active-route {\n  color: #059669 !important;\n  font-weight: 700 !important;\n}\n\n.zt-nav-link.zt-active-route::after,\n.zt-nav-parent-link.zt-active-route::after {\n  display: none !important;\n}\n\n#zt-main-header .zt-desktop-nav .zt-nav-link.zt-active-route > span::after,\n#zt-main-header .zt-desktop-nav .zt-nav-parent-link.zt-active-route > span::after,\n#zt-main-header .zt-desktop-nav .zt-nav-link:hover > span::after,\n#zt-main-header .zt-desktop-nav .zt-nav-parent-link:hover > span::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 2px !important;\n  background-color: #059669 !important;\n  border-radius: 2px !important;\n}\n\n\/* FROZEN MEGA MENU INDEPENDENT STYLING (Z-INDEX 999999) *\/\n.zt-dropdown-panel {\n  max-width: 100vw !important;\n  overflow: hidden !important;\n  position: fixed !important;\n  top: 74px !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100vw !important;\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n  box-shadow: 0 20px 40px -8px rgba(15, 23, 42, 0.08) !important;\n  border-bottom: 1px solid #E2E8F0 !important;\n  padding: 2.25rem 0 2.5rem 0 !important;\n  box-sizing: border-box !important;\n  z-index: 999999 !important;\n  display: block !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translateY(-6px) !important;\n  transition: opacity 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 220ms !important;\n  will-change: opacity, transform;\n}\n\n.zt-nav-dropdown-item:hover .zt-dropdown-panel,\n.zt-nav-dropdown-item:focus-within .zt-dropdown-panel,\n.zt-dropdown-panel.is-open {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translateY(0) !important;\n  transition: opacity 300ms cubic-bezier(0.16, 1, 0.3, 1), transform 300ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s !important;\n}\n\n.zt-nav-dropdown-item:hover .zt-chevron-icon,\n.zt-nav-dropdown-item.is-open .zt-chevron-icon {\n  transform: rotate(180deg) !important;\n}\n\n.zt-dropdown-panel::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  left: 0;\n  width: 100%;\n  height: 20px;\n  background: transparent;\n  pointer-events: auto;\n}\n\n.zt-mega-item {\n  color: #1E293B !important;\n}\n.zt-mega-item:hover {\n  color: #059669 !important;\n}\n\n.zt-mega-item-card {\n  min-width: 0 !important;\n  box-sizing: border-box !important;\n  white-space: normal !important;\n}\n\n.zt-products-5cat-grid > * {\n  min-width: 0 !important;\n}\n\n.zt-mega-item-card:hover {\n  border-color: #059669 !important;\n  background-color: #FFFFFF !important;\n  box-shadow: 0 4px 16px rgba(5, 150, 105, 0.08) !important;\n}\n\n\/* SMALL DESKTOP \/ TABLET LANDSCAPE (1024px to 1140px) *\/\n@media (min-width: 1024px) and (max-width: 1140px) {\n  #zt-main-header {\n    padding: 0 1.25rem !important;\n  }\n  .zt-header-logo img {\n    height: 28px !important;\n    max-height: 28px !important;\n    max-width: 250px !important;\n  }\n  .zt-desktop-nav {\n    gap: 1.15rem !important;\n  }\n  .zt-nav-link,\n  .zt-nav-parent-link {\n    font-size: 0.88rem !important;\n  }\n  .zt-header-cta-btn {\n    padding: 0.5rem 1.15rem !important;\n    font-size: 0.82rem !important;\n  }\n}\n\n\/* DESKTOP ( >= 1024px ): DRAWER COMPLETELY INERT & HIDDEN *\/\n@media (min-width: 1024px) {\n  #zt-mobile-drawer,\n  #zt-mobile-overlay {\n    display: none !important;\n    pointer-events: none !important;\n  }\n}\n\n\/* TABLET & MOBILE ( <= 1023px ): FULL-SCREEN NAVIGATION SIDEBAR *\/\n@media (max-width: 1023px) {\n  .zt-desktop-nav {\n    display: none !important;\n  }\n  #zt-mobile-toggle {\n    display: flex !important;\n    width: 42px !important;\n    height: 42px !important;\n    min-width: 42px !important;\n    min-height: 42px !important;\n  }\n  #zt-main-header {\n    padding: 0 1.25rem !important;\n  }\n  #zt-mobile-overlay {\n    display: none;\n    position: fixed !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    background: rgba(15, 23, 42, 0.65) !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n    z-index: 10000008 !important;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  }\n  #zt-mobile-overlay.is-active {\n    display: block !important;\n    opacity: 1 !important;\n    pointer-events: auto !important;\n  }\n  #zt-mobile-drawer {\n    display: none;\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    max-height: 100dvh !important;\n    background: #FFFFFF !important;\n    z-index: 10000010 !important;\n    transform: translateX(100%);\n    pointer-events: none;\n    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    box-shadow: none !important;\n    border-radius: 0 !important;\n    border: none !important;\n    flex-direction: column !important;\n    justify-content: space-between !important;\n    padding: 1.25rem 1.5rem max(1.25rem, env(safe-area-inset-bottom, 1.25rem)) 1.5rem !important;\n    box-sizing: border-box !important;\n    overflow-y: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  #zt-mobile-drawer.is-open {\n    display: flex !important;\n    transform: translateX(0) !important;\n    pointer-events: auto !important;\n  }\n}\n\n\/* MOBILE RESPONSIVE STYLES (<= 767px) *\/\n@media (max-width: 767px) {\n  #zt-main-header .zt-header-desktop-cta {\n    display: none !important;\n  }\n  #zt-main-header {\n    padding: 0 1rem !important;\n    height: 64px !important;\n    min-height: 64px !important;\n  }\n  #zt-header-spacer {\n    height: 64px !important;\n  }\n  .zt-header-logo {\n    max-width: calc(100% - 56px) !important;\n  }\n  .zt-header-logo img {\n    height: 24px !important;\n    max-height: 24px !important;\n    max-width: 220px !important;\n    width: auto !important;\n    object-fit: contain !important;\n  }\n  #zt-mobile-drawer {\n    padding: 1.25rem 1.25rem max(1.25rem, env(safe-area-inset-bottom, 1.25rem)) 1.25rem !important;\n  }\n}\n\n@media (max-width: 360px) {\n  .zt-header-logo img {\n    height: 20px !important;\n    max-height: 20px !important;\n    max-width: 200px !important;\n  }\n  #zt-mobile-drawer {\n    padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom, 1rem)) 1rem !important;\n  }\n}\n\n\/* MOBILE DRAWER ACCORDION STYLES *\/\n.zt-drawer-acc-header {\n  -webkit-tap-highlight-color: transparent;\n}\n.zt-drawer-acc-header:hover,\n.zt-drawer-acc-header:active {\n  background-color: #F8FAFC !important;\n}\n.zt-drawer-acc-item.is-open .zt-drawer-submenu {\n  display: flex !important;\n}\n.zt-mobile-sublink {\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.zt-mobile-sublink:hover,\n.zt-mobile-sublink:active {\n  background-color: #F1F5F9 !important;\n  color: #0F172A !important;\n}\n<\/style>\n\n<script>\n(function() {\n  \/\/ Mobile Drawer Accordion Toggle Function\n  window.ztToggleDrawerAccordion = function(targetKey, e) {\n    if (e) {\n      if (e.preventDefault) e.preventDefault();\n      if (e.stopPropagation) e.stopPropagation();\n    }\n    var targetItem = document.getElementById('zt-drawer-item-' + targetKey);\n    var targetSub = document.getElementById('zt-drawer-sub-' + targetKey);\n    var targetIcon = document.getElementById('zt-drawer-icon-' + targetKey);\n    if (!targetItem || !targetSub) return;\n\n    var isAlreadyOpen = targetItem.classList.contains('is-open') || targetSub.style.display === 'flex';\n\n    \/\/ Collapse all accordion submenus in drawer\n    var allItems = document.querySelectorAll('.zt-drawer-acc-item');\n    var allSubs = document.querySelectorAll('.zt-drawer-submenu');\n    var allIcons = document.querySelectorAll('.zt-drawer-acc-icon');\n    allItems.forEach(function(el) { el.classList.remove('is-open'); });\n    allSubs.forEach(function(el) { el.style.display = 'none'; });\n    allIcons.forEach(function(el) { el.textContent = '+'; });\n\n    if (!isAlreadyOpen) {\n      targetItem.classList.add('is-open');\n      targetSub.style.display = 'flex';\n      if (targetIcon) targetIcon.textContent = '\u2212';\n    }\n  };\n\n  function initHeaderSystem() {\n    if (window.__ztHeaderSystemInitDone) return;\n    window.__ztHeaderSystemInitDone = true;\n\n    var dropdownItems = document.querySelectorAll('.zt-nav-dropdown-item');\n    var closeTimer = null;\n    var isScrollLocked = false;\n    var scrollBlockedKeys = ['Space', ' ', 'PageDown', 'PageUp', 'ArrowDown', 'ArrowUp', 'Home', 'End'];\n\n    \/\/ 1. Active Route Highlight\n    var path = window.location.pathname.toLowerCase();\n    var navSolutions = document.getElementById('nav-link-solutions');\n    var navProducts = document.getElementById('nav-link-products');\n    var navAbout = document.getElementById('nav-link-about');\n    var navWork = document.getElementById('nav-link-work');\n    var navInsights = document.getElementById('nav-link-insights');\n\n    if (path.includes('solutions') || path.includes('facial-recognition') || path.includes('access')) {\n      if (navSolutions) navSolutions.classList.add('zt-active-route');\n    } else if (path.includes('products') || path.includes('swing-gate') || path.includes('speed-swing') || path.includes('max-turnstile') || path.includes('wing-flap') || path.includes('tri-tripod') || path.includes('compare') || path.includes('configurator') || path.includes('\/product\/') || path.includes('zoomgate')) {\n      if (navProducts) navProducts.classList.add('zt-active-route');\n    } else if (path.includes('about')) {\n      if (navAbout) navAbout.classList.add('zt-active-route');\n    } else if (path.includes('our-projects') || path.includes('projects')) {\n      if (navWork) navWork.classList.add('zt-active-route');\n    } else if (path.includes('pressroom') || path.includes('insights')) {\n      if (navInsights) navInsights.classList.add('zt-active-route');\n    }\n\n    \/\/ 2. Safe Scroll Lock Engine\n    function preventScrollEvents(e) {\n      var target = e.target;\n      var isInsidePanel = target && target.closest && (target.closest('.zt-dropdown-panel') || target.closest('#zt-mobile-drawer'));\n      \n      if (e.type === 'wheel' || e.type === 'touchmove') {\n        if (!isInsidePanel) {\n          e.preventDefault();\n        }\n      } else if (e.type === 'keydown') {\n        if (scrollBlockedKeys.indexOf(e.code) !== -1 || scrollBlockedKeys.indexOf(e.key) !== -1) {\n          var tag = target && target.tagName ? target.tagName.toLowerCase() : '';\n          if (tag !== 'input' && tag !== 'textarea' && !target.isContentEditable) {\n            e.preventDefault();\n          }\n        }\n      }\n    }\n\n    function lockDocumentScroll() {\n      if (isScrollLocked) return;\n      isScrollLocked = true;\n      document.documentElement.style.overflow = 'hidden';\n      document.body.style.overflow = 'hidden';\n      window.addEventListener('wheel', preventScrollEvents, { passive: false, capture: true });\n      window.addEventListener('touchmove', preventScrollEvents, { passive: false, capture: true });\n      window.addEventListener('keydown', preventScrollEvents, { capture: true });\n    }\n\n    function unlockDocumentScroll(force) {\n      if (!isScrollLocked) return;\n      if (!force) {\n        var anyOpen = false;\n        dropdownItems.forEach(function(item) {\n          var panel = item.querySelector('.zt-dropdown-panel');\n          if (panel && panel.classList.contains('is-open')) {\n            anyOpen = true;\n          }\n        });\n        var mobileDrawer = document.getElementById('zt-mobile-drawer');\n        if (mobileDrawer && mobileDrawer.classList.contains('is-open')) {\n          anyOpen = true;\n        }\n        if (anyOpen) return;\n      }\n      isScrollLocked = false;\n      window.removeEventListener('wheel', preventScrollEvents, { capture: true });\n      window.removeEventListener('touchmove', preventScrollEvents, { capture: true });\n      window.removeEventListener('keydown', preventScrollEvents, { capture: true });\n      document.documentElement.style.overflow = '';\n      document.body.style.overflow = '';\n    }\n\n    \/\/ 3. Dropdown Open \/ Close Handling\n    function openDropdown(item) {\n      if (closeTimer) {\n        clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n\n      dropdownItems.forEach(function(other) {\n        if (other !== item) {\n          var otherPanel = other.querySelector('.zt-dropdown-panel');\n          var otherCaretBtn = other.querySelector('.zt-nav-caret-btn');\n          var otherChev = other.querySelector('.zt-chevron-icon');\n          if (otherPanel) otherPanel.classList.remove('is-open');\n          if (otherCaretBtn) otherCaretBtn.setAttribute('aria-expanded', 'false');\n          if (otherChev) otherChev.style.transform = 'rotate(0deg)';\n        }\n      });\n\n      var targetPanel = item.querySelector('.zt-dropdown-panel');\n      var targetCaretBtn = item.querySelector('.zt-nav-caret-btn');\n      var targetChev = item.querySelector('.zt-chevron-icon');\n      if (targetPanel) {\n        targetPanel.classList.add('is-open');\n        if (targetCaretBtn) targetCaretBtn.setAttribute('aria-expanded', 'true');\n        if (targetChev) targetChev.style.transform = 'rotate(180deg)';\n        lockDocumentScroll();\n      }\n    }\n\n    function scheduleClose(item) {\n      if (closeTimer) clearTimeout(closeTimer);\n      closeTimer = setTimeout(function() {\n        var panel = item.querySelector('.zt-dropdown-panel');\n        var caretBtn = item.querySelector('.zt-nav-caret-btn');\n        var chev = item.querySelector('.zt-chevron-icon');\n        if (panel) panel.classList.remove('is-open');\n        if (caretBtn) caretBtn.setAttribute('aria-expanded', 'false');\n        if (chev) chev.style.transform = 'rotate(0deg)';\n        unlockDocumentScroll(false);\n      }, 240);\n    }\n\n    dropdownItems.forEach(function(item) {\n      item.addEventListener('mouseenter', function() { openDropdown(item); });\n      item.addEventListener('mouseleave', function() { scheduleClose(item); });\n\n      var triggerBtn = item.querySelector('.zt-nav-parent-link') || item.querySelector('.zt-nav-caret-btn');\n      if (triggerBtn) {\n        triggerBtn.addEventListener('click', function(e) {\n          e.preventDefault();\n          e.stopPropagation();\n          var panel = item.querySelector('.zt-dropdown-panel');\n          var isOpen = panel && panel.classList.contains('is-open');\n          if (isOpen) {\n            scheduleClose(item);\n          } else {\n            openDropdown(item);\n          }\n        });\n      }\n\n      var panel = item.querySelector('.zt-dropdown-panel');\n      if (panel) {\n        panel.addEventListener('mouseenter', function() {\n          if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; }\n          lockDocumentScroll();\n        });\n        panel.addEventListener('mouseleave', function() { scheduleClose(item); });\n      }\n    });\n\n    \/\/ Dismissal\n    document.addEventListener('click', function(e) {\n      var isInsideDropdown = e.target.closest('.zt-nav-dropdown-item') || e.target.closest('.zt-dropdown-panel');\n      if (!isInsideDropdown) {\n        if (closeTimer) clearTimeout(closeTimer);\n        dropdownItems.forEach(function(item) {\n          var panel = item.querySelector('.zt-dropdown-panel');\n          var caretBtn = item.querySelector('.zt-nav-caret-btn');\n          var chev = item.querySelector('.zt-chevron-icon');\n          if (panel) panel.classList.remove('is-open');\n          if (caretBtn) caretBtn.setAttribute('aria-expanded', 'false');\n          if (chev) chev.style.transform = 'rotate(0deg)';\n        });\n        unlockDocumentScroll(true);\n      }\n    });\n\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape') {\n        if (closeTimer) clearTimeout(closeTimer);\n        dropdownItems.forEach(function(item) {\n          var panel = item.querySelector('.zt-dropdown-panel');\n          var caretBtn = item.querySelector('.zt-nav-caret-btn');\n          var chev = item.querySelector('.zt-chevron-icon');\n          if (panel) panel.classList.remove('is-open');\n          if (caretBtn) caretBtn.setAttribute('aria-expanded', 'false');\n          if (chev) chev.style.transform = 'rotate(0deg)';\n        });\n        if (window.closeMobileDrawer) window.closeMobileDrawer();\n        unlockDocumentScroll(true);\n      }\n    });\n\n    var megaLinks = document.querySelectorAll('.zt-dropdown-panel a');\n    megaLinks.forEach(function(link) {\n      link.addEventListener('click', function() {\n        dropdownItems.forEach(function(item) {\n          var panel = item.querySelector('.zt-dropdown-panel');\n          if (panel) panel.classList.remove('is-open');\n        });\n        unlockDocumentScroll(true);\n      });\n    });\n\n    window.addEventListener('beforeunload', function() {\n      unlockDocumentScroll(true);\n    });\n\n    \/\/ Mobile Navigation Controls\n    var mobileToggle = document.getElementById('zt-mobile-toggle');\n    var mobileDrawer = document.getElementById('zt-mobile-drawer');\n    var mobileOverlay = document.getElementById('zt-mobile-overlay');\n    var mobileClose = document.getElementById('zt-mobile-close');\n\n    \/\/ Drawer link auto-close\n    var drawerLinks = document.querySelectorAll('#zt-mobile-drawer a');\n    drawerLinks.forEach(function(link) {\n      link.addEventListener('click', function() {\n        if (window.closeMobileDrawer) window.closeMobileDrawer();\n      });\n    });\n\n    window.openMobileDrawer = function openMobileDrawer() {\n      var mobileDrawer = document.getElementById(\"zt-mobile-drawer\");\n      var mobileOverlay = document.getElementById(\"zt-mobile-overlay\");\n      if (mobileDrawer) {\n        mobileDrawer.style.display = 'flex';\n        mobileDrawer.style.visibility = 'visible';\n        mobileDrawer.style.pointerEvents = 'auto';\n        setTimeout(function() {\n          mobileDrawer.classList.add('is-open');\n          mobileDrawer.style.transform = 'translateX(0)';\n        }, 10);\n      }\n      if (mobileOverlay) {\n        mobileOverlay.style.display = 'block';\n        mobileOverlay.style.visibility = 'visible';\n        mobileOverlay.style.pointerEvents = 'auto';\n        setTimeout(function() {\n          mobileOverlay.classList.add('is-active');\n          mobileOverlay.style.opacity = '1';\n        }, 10);\n      }\n      lockDocumentScroll();\n    };\n\n    window.closeMobileDrawer = function closeMobileDrawer() {\n      var mobileDrawer = document.getElementById(\"zt-mobile-drawer\");\n      var mobileOverlay = document.getElementById(\"zt-mobile-overlay\");\n      if (mobileDrawer) {\n        mobileDrawer.classList.remove('is-open');\n        mobileDrawer.style.transform = 'translateX(100%)';\n        setTimeout(function() {\n          if (!mobileDrawer.classList.contains('is-open')) {\n            mobileDrawer.style.display = 'none';\n            mobileDrawer.style.visibility = 'hidden';\n            mobileDrawer.style.pointerEvents = 'none';\n          }\n        }, 300);\n      }\n      if (mobileOverlay) {\n        mobileOverlay.classList.remove('is-active');\n        mobileOverlay.style.opacity = '0';\n        setTimeout(function() {\n          if (!mobileOverlay.classList.contains('is-active')) {\n            mobileOverlay.style.display = 'none';\n            mobileOverlay.style.visibility = 'hidden';\n            mobileOverlay.style.pointerEvents = 'none';\n          }\n        }, 300);\n      }\n      unlockDocumentScroll(true);\n    };\n\n    if (mobileToggle) mobileToggle.addEventListener('click', window.openMobileDrawer);\n    if (mobileClose) mobileClose.addEventListener('click', window.closeMobileDrawer);\n    if (mobileOverlay) mobileOverlay.addEventListener('click', window.closeMobileDrawer);\n\n    \/\/ Mobile Drawer Interactions (Accordion & Link Handling)\n    if (mobileDrawer) {\n      mobileDrawer.addEventListener('click', function(e) {\n        var header = e.target.closest('.zt-drawer-acc-header');\n        if (header) {\n          e.preventDefault();\n          e.stopPropagation();\n          var targetKey = header.getAttribute('data-target');\n          if (window.ztToggleDrawerAccordion) {\n            window.ztToggleDrawerAccordion(targetKey, e);\n          }\n          return;\n        }\n\n        var link = e.target.closest('a');\n        if (link && window.closeMobileDrawer) {\n          window.closeMobileDrawer();\n        }\n      });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHeaderSystem);\n  } else {\n    initHeaderSystem();\n  }\n  window.addEventListener('load', initHeaderSystem);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-zt_acc_body elementor-widget elementor-widget-html\" data-id=\"zt_acc_body\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MASTER ACCESS CONTROL SOLUTION BODY (POLISHED, NO HERO BUTTON, FULL-BLEED IMAGES, EQUAL CARDS) -->\n<div id=\"zt-access-page\" style=\"width: 100%; background-color: #FFFFFF; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; margin: 0; padding: 0;\">\n\n  <!-- 01 \u2014 FULL-WIDTH EDITORIAL HERO BANNER (NO BUTTON, ZERO HEADER GAP, PERFECT 16:9 POSITIONING) -->\n  <div id=\"sec-access-hero\" style=\"width: 100%; position: relative; background: #0F172A; color: #FFFFFF; overflow: hidden; box-sizing: border-box; margin: 0; padding: 0;\">\n    <div style=\"width: 100%; min-height: 540px; min-height: 68vh; position: relative; display: flex; align-items: center; box-sizing: border-box;\">\n      \n      <!-- Authentic Access Control Speed Gate Installation Photo (Media ID 1405: 1600x900px Landscape) -->\n      <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/Aetos_Building_SwingGateBarrier_-ASW-AR-02_2019-02-26.jpeg\" alt=\"ZoomGate Access Control Installation at AETOS Building\" class=\"zt-access-hero-bg\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; display: block; opacity: 0.90; z-index: 1;\" \/>\n      \n      <!-- Directional Gradient Overlay: High Left Text Contrast + Natural Architectural Visibility on Right -->\n      <div style=\"position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.62) 38%, rgba(15, 23, 42, 0.2) 74%, rgba(15, 23, 42, 0.04) 100%); z-index: 2;\"><\/div>\n\n      <!-- Master Hero Container (1440px Master Grid) -->\n      <div style=\"position: relative; max-width: 1440px; margin: 0 auto; padding: 7rem 2.5rem 6.5rem 2.5rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.35rem; z-index: 3;\" class=\"zt-acc-hero-container\">\n        \n        <!-- Eyebrow -->\n        <div style=\"display: inline-flex; align-items: center; width: fit-content; font-size: 0.75rem; font-weight: 700; color: #10B981; letter-spacing: 0.14em; text-transform: uppercase;\">\n          ACCESS CONTROL\n        <\/div>\n        \n        <!-- Headline Exactly -->\n        <h1 style=\"font-size: 3.5rem; font-weight: 800; color: #FFFFFF; letter-spacing: -0.03em; line-height: 1.1; margin: 0; max-width: 780px; text-shadow: 0 2px 10px rgba(0,0,0,0.35);\">\n          SECURE EVERY<br\/>\n          ENTRY POINT.\n        <\/h1>\n        \n        <!-- Supporting Copy Exactly (NO BUTTON) -->\n        <p style=\"font-size: 1.15rem; line-height: 1.65; color: #E2E8F0; max-width: 650px; margin: 0; font-weight: 400; text-shadow: 0 1px 6px rgba(0,0,0,0.3);\">\n          Zoom Tech's access-control architecture combines web-based management, intelligent authentication and modular hardware for controlled, scalable entry systems.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 02 \u2014 HOW ACCESS CONTROL WORKS (EDITORIAL ARCHITECTURAL FLOW) -->\n  <div id=\"sec-access-how-it-works\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #FFFFFF; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: grid; grid-template-columns: 1fr 1.25fr; gap: 56px; align-items: center; box-sizing: border-box;\" class=\"zt-how-acc-split\">\n      \n      <!-- Left: Solution Explanation -->\n      <div style=\"display: flex; flex-direction: column; gap: 1.25rem; max-width: 520px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">SOLUTION ARCHITECTURE<\/span>\n        <h2 style=\"font-size: 2.25rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; line-height: 1.2; margin: 0;\">\n          ACCESS CONTROL, BUILT AROUND THE WAY YOUR FACILITY WORKS\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          From credential presentation at the gate to central authorization and physical barrier release, Zoom Tech integrates every step into a single synchronized workflow.\n        <\/p>\n      <\/div>\n\n      <!-- Right: Engineering Flow Diagram (5 Stages with Thin Lines) -->\n      <div style=\"background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 6px; padding: 32px 28px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box;\">\n        <div style=\"font-size: 0.74rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase; border-bottom: 1px solid #E2E8F0; padding-bottom: 10px;\">\n          AUTHENTICATION TO ENTRY FLOW\n        <\/div>\n        \n        <div class=\"zt-flow-step\" style=\"display: flex; align-items: center; gap: 16px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 18px;\">\n          <span style=\"font-size: 0.8rem; font-weight: 800; color: #059669; min-width: 28px;\">01<\/span>\n          <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">USER PRESENTS CREDENTIAL<\/div>\n            <span style=\"font-size: 0.82rem; color: #64748B;\">Contactless RFID Card, Mobile NFC, or Facial Biometric<\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"display: flex; justify-content: center; color: #059669; padding: 0 0;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg><\/div>\n\n        <div class=\"zt-flow-step\" style=\"display: flex; align-items: center; gap: 16px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 18px;\">\n          <span style=\"font-size: 0.8rem; font-weight: 800; color: #059669; min-width: 28px;\">02<\/span>\n          <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">PROTEGE WX CONTROLLER VALIDATION<\/div>\n            <span style=\"font-size: 0.82rem; color: #64748B;\">32-Bit Microprocessor processes rule logic &amp; schedule permissions<\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"display: flex; justify-content: center; color: #059669; padding: 0 0;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div>\n\n        <div class=\"zt-flow-step\" style=\"display: flex; align-items: center; gap: 16px; background: #0F172A; color: #FFFFFF; border: 1px solid #059669; border-radius: 4px; padding: 12px 18px;\">\n          <span style=\"font-size: 0.8rem; font-weight: 800; color: #10B981; min-width: 28px;\">03<\/span>\n          <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"font-size: 0.95rem; font-weight: 800; color: #FFFFFF;\">ACCESS DECISION &amp; RELAY TRIGGER<\/div>\n            <span style=\"font-size: 0.82rem; color: #CBD5E1;\">Instant dry contact relay pulse triggers turnstile drive mechanism<\/span>\n          <\/div>\n        <\/div>\n\n        <div style=\"display: flex; justify-content: center; color: #059669; padding: 0 0;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg><\/div>\n\n        <div class=\"zt-flow-step\" style=\"display: flex; align-items: center; gap: 16px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 18px;\">\n          <span style=\"font-size: 0.8rem; font-weight: 800; color: #059669; min-width: 28px;\">04<\/span>\n          <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">TURNSTILE OR DOOR PHYSICAL RELEASE<\/div>\n            <span style=\"font-size: 0.82rem; color: #64748B;\">Optical speed gates open smoothly; passage flow rate 30\u201340 ppm<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 03 \u2014 THREE CORE ADVANTAGES (TECHNICAL STRIP) -->\n  <div id=\"sec-access-core-advantages\" style=\"width: 100%; padding: 4.5rem 0 5rem 0; background-color: #F8FAFC; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 3rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">CORE ADVANTAGES<\/span>\n        <h2 style=\"font-size: 2.25rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.2;\">\n          Engineered for Simplicity &amp; Scale\n        <\/h2>\n      <\/div>\n\n      <!-- 3 Technical Advantage Columns with Thin Dividers -->\n      <div class=\"zt-adv-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; width: 100%; border-top: 1px solid #E2E8F0; padding-top: 3rem; box-sizing: border-box;\">\n        \n        <div class=\"zt-adv-col\" style=\"padding: 0 2.5rem 0 0; border-right: 1px solid #E2E8F0; display: flex; flex-direction: column; gap: 0.75rem; box-sizing: border-box;\">\n          <div style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; letter-spacing: 0.04em; text-transform: uppercase;\">WEB-BASED<\/div>\n          <p style=\"font-size: 0.98rem; line-height: 1.6; color: #64748B; margin: 0; font-weight: 400;\">\n            Browser-accessible management. Zero client software dependencies across desktop, tablet, and smartphone browsers.\n          <\/p>\n        <\/div>\n\n        <div class=\"zt-adv-col\" style=\"padding: 0 2.5rem; border-right: 1px solid #E2E8F0; display: flex; flex-direction: column; gap: 0.75rem; box-sizing: border-box;\">\n          <div style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; letter-spacing: 0.04em; text-transform: uppercase;\">PLUG &amp; PLAY<\/div>\n          <p style=\"font-size: 0.98rem; line-height: 1.6; color: #64748B; margin: 0; font-weight: 400;\">\n            No software installation required. Ready out-of-the-box with wizard-driven setup for fast commissioning and door assignment.\n          <\/p>\n        <\/div>\n\n        <div class=\"zt-adv-col\" style=\"padding: 0 0 0 2.5rem; display: flex; flex-direction: column; gap: 0.75rem; box-sizing: border-box;\">\n          <div style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; letter-spacing: 0.04em; text-transform: uppercase;\">MODULAR<\/div>\n          <p style=\"font-size: 0.98rem; line-height: 1.6; color: #64748B; margin: 0; font-weight: 400;\">\n            Expand from smaller installations to larger systems. Modular DIN rail ecosystem supporting additional readers, relays, and inputs.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 04 \u2014 PROTEGE WX SECTION (IMAGE FILLS 100% OF CARD, ZERO WHITE MARGINS, 50\/50 SPLIT) -->\n  <div id=\"sec-access-protege\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #FFFFFF; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; box-sizing: border-box;\" class=\"zt-access-split\">\n      \n      <!-- Left: Full-Bleed Hardware Image Card (Media ID 682: 2481x2613px, ZERO WHITE MARGINS) -->\n      <div class=\"zt-protege-img-card\" style=\"width: 100%; height: 460px; border-radius: 4px; overflow: hidden; background: #0F172A; border: 1px solid #E2E8F0; box-sizing: border-box; margin: 0; padding: 0;\">\n        <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access-1.jpg\" alt=\"Protege WX Modular DIN Rail Hardware Architecture\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; margin: 0; padding: 0; border: none;\" \/>\n      <\/div>\n\n      <!-- Right: Product Technology Story -->\n      <div style=\"display: flex; flex-direction: column; gap: 1.35rem; max-width: 580px;\">\n        <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n          <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">PLATFORM OVERVIEW<\/span>\n          <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; line-height: 1.15; margin: 0;\">\n            INTRODUCING PROTEGE WX\n          <\/h2>\n          <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n            Based on enterprise-grade Protege GX technology, the Protege WX package delivers unified access control, intrusion detection, and building automation in a compact, self-contained DIN rail controller.\n          <\/p>\n        <\/div>\n\n        <div style=\"display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #E2E8F0; padding-top: 1.25rem;\">\n          <div style=\"font-size: 0.95rem; color: #334155; font-weight: 600;\">&bull; 32-bit microprocessor controller with onboard web server<\/div>\n          <div style=\"font-size: 0.95rem; color: #334155; font-weight: 600;\">&bull; Built-in intrusion detection &amp; real-time alarm monitoring<\/div>\n          <div style=\"font-size: 0.95rem; color: #334155; font-weight: 600;\">&bull; Plug-and-play installation with zero software dependencies<\/div>\n          <div style=\"font-size: 0.95rem; color: #334155; font-weight: 600;\">&bull; Modular expansion for readers, relays, and inputs<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 05 \u2014 NO SOFTWARE \/ NO WORKSTATION (EDITORIAL TECHNICAL SECTION) -->\n  <div id=\"sec-access-no-software\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #F8FAFC; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 3.5rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 10px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">ZERO CLIENT INSTALLATION<\/span>\n        <h2 style=\"font-size: 2.5rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; line-height: 1.15; margin: 0;\">\n          NO SOFTWARE.<br\/>NO SINGLE WORKSTATION.\n        <\/h2>\n        <p style=\"font-size: 1.1rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          The web-based interface means the system can be accessed from modern browsers across desktop, laptop, tablet and smartphone devices.\n        <\/p>\n      <\/div>\n\n      <!-- 3 Columns with Thin Vertical Separators -->\n      <div class=\"zt-clientless-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; width: 100%; border-top: 1px solid #E2E8F0; padding-top: 3.5rem; box-sizing: border-box;\">\n        \n        <div class=\"zt-clientless-col\" style=\"padding: 0 2.5rem 0 0; border-right: 1px solid #E2E8F0; display: flex; flex-direction: column; gap: 0.65rem; box-sizing: border-box;\">\n          <span style=\"font-size: 1.85rem; font-weight: 800; color: #059669; line-height: 1;\">01<\/span>\n          <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase;\">WEB-BASED<\/div>\n          <p style=\"font-size: 0.95rem; line-height: 1.6; color: #475569; margin: 0; font-weight: 400;\">\n            Direct onboard web-server communication. Configure doors, schedules, and users from any standard HTML5 browser.\n          <\/p>\n        <\/div>\n\n        <div class=\"zt-clientless-col\" style=\"padding: 0 2.5rem; border-right: 1px solid #E2E8F0; display: flex; flex-direction: column; gap: 0.65rem; box-sizing: border-box;\">\n          <span style=\"font-size: 1.85rem; font-weight: 800; color: #059669; line-height: 1;\">02<\/span>\n          <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase;\">CROSS-PLATFORM<\/div>\n          <p style=\"font-size: 0.95rem; line-height: 1.6; color: #475569; margin: 0; font-weight: 400;\">\n            Responsive user interface functioning identically across Windows, macOS, iOS, iPadOS, and Android operating systems.\n          <\/p>\n        <\/div>\n\n        <div class=\"zt-clientless-col\" style=\"padding: 0 0 0 2.5rem; display: flex; flex-direction: column; gap: 0.65rem; box-sizing: border-box;\">\n          <span style=\"font-size: 1.85rem; font-weight: 800; color: #059669; line-height: 1;\">03<\/span>\n          <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase;\">WORK FROM ANYWHERE<\/div>\n          <p style=\"font-size: 0.95rem; line-height: 1.6; color: #475569; margin: 0; font-weight: 400;\">\n            Security managers and facility operators can monitor alarms and unlock doors securely from anywhere on the network.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 06 \u2014 ACCESS CONTROL HARDWARE ECOSYSTEM (MANUFACTURER HARDWARE CATALOGUE) -->\n  <div id=\"sec-access-hardware\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #FFFFFF; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 4.5rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">HARDWARE CATALOGUE<\/span>\n        <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.2;\">\n          ACCESS CONTROL HARDWARE ECOSYSTEM\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          Authentic Protege WX DIN rail controllers, expander modules, contactless readers, and pre-packaged deployment kits.\n        <\/p>\n      <\/div>\n\n      <!-- CATEGORY 1: CONTROLLERS & EXPANDERS -->\n      <div style=\"display: flex; flex-direction: column; gap: 1.75rem;\">\n        <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase; border-bottom: 1px solid #E2E8F0; padding-bottom: 8px;\">\n          CONTROLLERS &amp; EXPANDERS\n        <\/div>\n        \n        <div class=\"zt-hw-grid\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 100%; box-sizing: border-box;\">\n          \n          <!-- PRT-WX-DIN -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 230px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_a.png\" alt=\"Protege WX DIN Rail Controller\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-WX-DIN<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Protege WX DIN Controller<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Central 32-bit controller with onboard Ethernet and power management.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- PRT-RDM2-DIN -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 230px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_b.png\" alt=\"Protege DIN Rail 2-Reader Expander\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-RDM2-DIN<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">2-Reader Expander Module<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Extends capability to control two additional door or gate reader interfaces.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- PRT-ZX16-DIN -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 230px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_c.png\" alt=\"Protege DIN Rail 16-Input Expander\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-ZX16-DIN<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">16-Input Expander Module<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Provides 16 monitored zone inputs for sensors and emergency contacts.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- PRT-PX8-DIN -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 230px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_d.png\" alt=\"Protege DIN Rail 8-Output Relay Expander\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-PX8-DIN<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">8-Output Relay Expander<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Adds 8 form-C relay outputs for turnstile triggers and elevator control.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- CATEGORY 2: READERS & KEYPADS -->\n      <div style=\"display: flex; flex-direction: column; gap: 1.75rem;\">\n        <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase; border-bottom: 1px solid #E2E8F0; padding-bottom: 8px;\">\n          READERS &amp; KEYPADS\n        <\/div>\n        \n        <div class=\"zt-cred-ui-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; box-sizing: border-box;\">\n          \n          <!-- PRT-ATH-100 -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 240px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_e.png\" alt=\"Contactless Smart Card Reader\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1.25rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-ATH-100<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Smart Card Reader<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Multi-frequency RFID and NFC reader engineered for turnstiles and doors.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- PRT-KPD-LCD -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 240px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_f.png\" alt=\"Protege Alphanumeric LCD Keypad\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1.25rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-KPD-LCD<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Alphanumeric LCD Keypad<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Interactive security keypad for status monitoring, arming, and PIN entry.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- PRT-TAG-ISO -->\n          <div style=\"display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;\">\n            <div style=\"width: 100%; height: 240px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_05.png\" alt=\"High-Frequency Smart Credentials & Fobs\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 1.25rem; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.06em;\">PRT-TAG-ISO<\/span>\n              <h3 style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Smart Credentials &amp; Fobs<\/h3>\n              <p style=\"font-size: 0.85rem; line-height: 1.5; color: #64748B; margin: 0;\">Encrypted contactless smart cards, keyfobs, and long-range UHF tags.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- CATEGORY 3: STARTER KITS -->\n      <div style=\"display: flex; flex-direction: column; gap: 1.75rem;\">\n        <div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; letter-spacing: 0.08em; text-transform: uppercase; border-bottom: 1px solid #E2E8F0; padding-bottom: 8px;\">\n          DEPLOYMENT STARTER KITS\n        <\/div>\n        \n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 32px; width: 100%; box-sizing: border-box;\" class=\"zt-kits-grid\">\n          \n          <div style=\"background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 28px; display: flex; flex-direction: row; gap: 20px; align-items: center; box-sizing: border-box;\">\n            <div style=\"width: 140px; height: 130px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_01.png\" alt=\"Protege WX Access Starter Kit\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 10px; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">Protege WX Access Starter Kit<\/h3>\n              <p style=\"font-size: 0.9rem; line-height: 1.55; color: #64748B; margin: 0;\">Includes the central web-enabled DIN rail controller, 2A power supply, and smart card readers for rapid single-site turnstile and door access.<\/p>\n            <\/div>\n          <\/div>\n\n          <div style=\"background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 28px; display: flex; flex-direction: row; gap: 20px; align-items: center; box-sizing: border-box;\">\n            <div style=\"width: 140px; height: 130px; border-radius: 4px; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E8F0; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n              <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_02.png\" alt=\"Protege WX Intrusion Starter Kit\" style=\"width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 10px; box-sizing: border-box;\" \/>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">Protege WX Intrusion Starter Kit<\/h3>\n              <p style=\"font-size: 0.9rem; line-height: 1.55; color: #64748B; margin: 0;\">Provides the foundational hardware components required for comprehensive perimeter and building intrusion detection with keypad terminal.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 07 \u2014 CORE PLATFORM CAPABILITIES (EQUAL HEIGHT, SMOOTH HOVER BORDER TRANSITION) -->\n  <div id=\"sec-access-capabilities\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #F8FAFC; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 3.5rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">SPECIFICATIONS<\/span>\n        <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.2;\">\n          CORE PLATFORM CAPABILITIES\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          Verified engineering capabilities built natively into the Protege WX firmware architecture.\n        <\/p>\n      <\/div>\n\n      <!-- 6 Technical Grid Items (Equal Height, Subtle Border Hover) -->\n      <div class=\"zt-caps-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; box-sizing: border-box; align-items: stretch;\">\n        \n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">01<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Web-Based Architecture<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Cross-platform access and flexible system configuration from any modern web browser without client software dependencies.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">02<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Wizard-Driven Configuration<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Intuitive wizard interfaces guide technicians through setup for fast commissioning and error-free door assignment.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">03<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">User &amp; Event Reporting<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Simple, intuitive event logging and user access tracking with real-time timestamps and door activity audit trails.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">04<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">CSV Report Export<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Comprehensive reports exportable directly to CSV format for straightforward filtering, auditing, and spreadsheet analysis.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">05<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Expandable Hardware Ecosystem<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Full compatibility with Protege DIN rail expander modules, power supplies, card readers, and keypad accessories.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"zt-cap-card\" style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease;\">\n          <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <span style=\"font-size: 1.35rem; font-weight: 800; color: #059669; line-height: 1;\">06<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.3;\">Optional WXpert Mode<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Enrol in optional WXpert mode to unlock advanced customization, complex logic programming, and extended elevator control.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 08 \u2014 APPLICATION & FACILITY CONTEXT (AUTHENTIC DEPLOYMENT SCENARIOS) -->\n  <div id=\"sec-access-scenarios\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #FFFFFF; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 3.5rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">APPLICATIONS<\/span>\n        <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.2;\">\n          ENGINEERED FOR MULTIPLE FACILITY SCALES\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          From single-door access points to multi-lane corporate turnstile lobbies and industrial perimeter perimeters.\n        <\/p>\n      <\/div>\n\n      <!-- 3 Editorial Application Columns with Images -->\n      <div class=\"zt-scenarios-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; width: 100%; box-sizing: border-box;\">\n        \n        <!-- Scenario 1 -->\n        <div style=\"display: flex; flex-direction: column; gap: 14px; box-sizing: border-box;\">\n          <div style=\"width: 100%; height: 260px; border-radius: 4px; overflow: hidden; background: #0F172A; border: 1px solid #E2E8F0; box-sizing: border-box;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/battery.jpg\" alt=\"Commercial Corporate Headquarters\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">COMMERCIAL GRADE A<\/span>\n            <h3 style=\"font-size: 1.25rem; font-weight: 800; color: #0F172A; margin: 0;\">Corporate Headquarters &amp; Lobbies<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Multi-lane speed gates and optical barriers synchronized with destination elevator dispatch and visitor management.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Scenario 2 -->\n        <div style=\"display: flex; flex-direction: column; gap: 14px; box-sizing: border-box;\">\n          <div style=\"width: 100%; height: 260px; border-radius: 4px; overflow: hidden; background: #0F172A; border: 1px solid #E2E8F0; box-sizing: border-box;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/Ademco-SPH_DoubleFullHeightTurnstile_FT-FM-120_2019-01-18.jpeg\" alt=\"Perimeter & Industrial Turnstiles\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">PERIMETER &amp; INDUSTRIAL<\/span>\n            <h3 style=\"font-size: 1.25rem; font-weight: 800; color: #0F172A; margin: 0;\">High-Security Boundary Control<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Full-height turnstiles with long-range reader authentication and anti-tailgating for industrial campuses and perimeters.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Scenario 3 -->\n        <div style=\"display: flex; flex-direction: column; gap: 14px; box-sizing: border-box;\">\n          <div style=\"width: 100%; height: 260px; border-radius: 4px; overflow: hidden; background: #0F172A; border: 1px solid #E2E8F0; box-sizing: border-box;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/seletar-airport.jpg\" alt=\"Aviation & Public Sector Concourse\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.74rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">TRANSIT &amp; AVIATION<\/span>\n            <h3 style=\"font-size: 1.25rem; font-weight: 800; color: #0F172A; margin: 0;\">High-Throughput Concourses<\/h3>\n            <p style=\"font-size: 0.92rem; line-height: 1.6; color: #64748B; margin: 0;\">\n              Continuous duty turnstiles maintaining high passage flow rates for passenger terminals and public facilities.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 09 \u2014 SYSTEM ARCHITECTURE (CONNECTED 5-STAGE TECHNICAL DIAGRAM) -->\n  <div id=\"sec-access-architecture\" style=\"width: 100%; padding: 5.5rem 0 6rem 0; background-color: #F8FAFC; border-bottom: 1px solid #E2E8F0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 3.5rem; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; flex-direction: column; gap: 8px; max-width: 860px;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">TOPOLOGY<\/span>\n        <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.2;\">\n          SYSTEM ARCHITECTURE &amp; HARDWARE TOPOLOGY\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.65; color: #64748B; margin: 0; font-weight: 400;\">\n          Hierarchical communication from web-based browser interface down to physical turnstile hardware.\n        <\/p>\n      <\/div>\n\n      <!-- 5-Stage Connected Horizontal Sequence -->\n      <div class=\"zt-flow-grid\" style=\"display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; width: 100%; box-sizing: border-box;\">\n        \n        <!-- Stage 1 -->\n        <div style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 22px 16px; display: flex; flex-direction: column; gap: 6px; text-align: center; box-sizing: border-box;\">\n          <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; text-transform: uppercase;\">LEVEL 01<\/span>\n          <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">WEB BROWSER<\/div>\n          <span style=\"font-size: 0.78rem; color: #64748B;\">Client-Free Interface<\/span>\n        <\/div>\n\n        <div class=\"zt-flow-arrow\" style=\"color: #059669; display: flex; align-items: center; justify-content: center;\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n\n        <!-- Stage 2 -->\n        <div style=\"background: #0F172A; color: #FFFFFF; border: 1px solid #059669; border-radius: 4px; padding: 22px 16px; display: flex; flex-direction: column; gap: 6px; text-align: center; box-sizing: border-box;\">\n          <span style=\"font-size: 0.72rem; font-weight: 800; color: #10B981; text-transform: uppercase;\">LEVEL 02<\/span>\n          <div style=\"font-size: 0.95rem; font-weight: 800; color: #FFFFFF;\">DIN CONTROLLER<\/div>\n          <span style=\"font-size: 0.78rem; color: #CBD5E1;\">Protege WX Core<\/span>\n        <\/div>\n\n        <div class=\"zt-flow-arrow\" style=\"color: #059669; display: flex; align-items: center; justify-content: center;\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n\n        <!-- Stage 3 -->\n        <div style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 22px 16px; display: flex; flex-direction: column; gap: 6px; text-align: center; box-sizing: border-box;\">\n          <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; text-transform: uppercase;\">LEVEL 03<\/span>\n          <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">EXPANDER MODULES<\/div>\n          <span style=\"font-size: 0.78rem; color: #64748B;\">Inputs &amp; Relays<\/span>\n        <\/div>\n\n        <div class=\"zt-flow-arrow\" style=\"color: #059669; display: flex; align-items: center; justify-content: center;\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n\n        <!-- Stage 4 -->\n        <div style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 22px 16px; display: flex; flex-direction: column; gap: 6px; text-align: center; box-sizing: border-box;\">\n          <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; text-transform: uppercase;\">LEVEL 04<\/span>\n          <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">READERS &amp; KEYPADS<\/div>\n          <span style=\"font-size: 0.78rem; color: #64748B;\">User Authentication<\/span>\n        <\/div>\n\n        <div class=\"zt-flow-arrow\" style=\"color: #059669; display: flex; align-items: center; justify-content: center;\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n\n        <!-- Stage 5 -->\n        <div style=\"background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 4px; padding: 22px 16px; display: flex; flex-direction: column; gap: 6px; text-align: center; box-sizing: border-box;\">\n          <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; text-transform: uppercase;\">LEVEL 05<\/span>\n          <div style=\"font-size: 0.95rem; font-weight: 800; color: #0F172A;\">BARRIER HARDWARE<\/div>\n          <span style=\"font-size: 0.78rem; color: #64748B;\">Turnstiles &amp; Gates<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 10 \u2014 FINAL CONSULTATION CTA (CANONICAL MASTER ALIGNED) -->\n  <div id=\"sec-access-final-cta\" style=\"width: 100%; padding: 5rem 0 5.25rem 0; background-color: #FFFFFF; color: #0F172A; box-sizing: border-box; text-align: center;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;\">\n      <div style=\"max-width: 760px; display: flex; flex-direction: column; align-items: center; gap: 1rem;\">\n        <span style=\"font-size: 0.75rem; font-weight: 700; color: #059669; letter-spacing: 0.12em; text-transform: uppercase;\">CONSULT OUR ENGINEERS<\/span>\n        <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; margin: 0; line-height: 1.15;\">\n          PLAN YOUR ACCESS CONTROL SYSTEM\n        <\/h2>\n        <p style=\"font-size: 1.05rem; line-height: 1.6; color: #475569; margin: 0; max-width: 620px;\">\n          Speak with the Zoom Tech engineering team about your access-control requirements, controller configurations, and site layouts.\n        <\/p>\n        <div style=\"margin-top: 0.5rem;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-btn-acc-primary\" style=\"text-decoration: none; font-family: 'Inter', sans-serif; background-color: #059669; color: #FFFFFF; font-weight: 700; font-size: 0.95rem; padding: 0.85rem 2.25rem; border-radius: 9999px; transition: background-color 0.18s ease; display: inline-flex; align-items: center; gap: 6px;\">\n            <span>Talk to us<\/span> &rarr;\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ACCESS CONTROL SCOPED EDITORIAL STYLES *\/\n#zt-access-page {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\n.zt-btn-acc-primary:hover {\n  background-color: #047857 !important;\n}\n\n.zt-cap-card:hover {\n  border-color: #059669 !important;\n  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;\n}\n\n\/* TABLET RESPONSIVE (768px - 1023px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  #sec-access-hero {\n    min-height: 480px !important;\n  }\n  .zt-acc-hero-container {\n    padding: 5rem 2rem 4.5rem 2rem !important;\n  }\n  #sec-access-hero h1 {\n    font-size: 2.85rem !important;\n    line-height: 1.15 !important;\n  }\n  .zt-access-split,\n  .zt-how-acc-split {\n    grid-template-columns: 1fr !important;\n    gap: 36px !important;\n  }\n  .zt-adv-grid,\n  .zt-clientless-grid {\n    grid-template-columns: 1fr !important;\n    gap: 2rem !important;\n  }\n  .zt-adv-col,\n  .zt-clientless-col {\n    padding: 0 0 2rem 0 !important;\n    border-right: none !important;\n    border-bottom: 1px solid #E2E8F0 !important;\n  }\n  .zt-adv-col:last-child,\n  .zt-clientless-col:last-child {\n    border-bottom: none !important;\n    padding-bottom: 0 !important;\n  }\n  .zt-caps-grid,\n  .zt-hw-grid,\n  .zt-cred-ui-grid,\n  .zt-scenarios-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 20px !important;\n  }\n  .zt-kits-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  .zt-flow-grid {\n    grid-template-columns: 1fr !important;\n    gap: 14px !important;\n  }\n  .zt-flow-arrow {\n    transform: rotate(90deg) !important;\n    padding: 6px 0 !important;\n  }\n  #sec-access-how-it-works,\n  #sec-access-core-advantages,\n  #sec-access-protege,\n  #sec-access-no-software,\n  #sec-access-hardware,\n  #sec-access-capabilities,\n  #sec-access-scenarios,\n  #sec-access-architecture,\n  #sec-access-final-cta {\n    padding: 4.5rem 0 5rem 0 !important;\n  }\n  #sec-access-how-it-works > div,\n  #sec-access-core-advantages > div,\n  #sec-access-protege > div,\n  #sec-access-no-software > div,\n  #sec-access-hardware > div,\n  #sec-access-capabilities > div,\n  #sec-access-scenarios > div,\n  #sec-access-architecture > div {\n    padding: 0 2rem !important;\n  }\n  #sec-access-final-cta {\n    padding: 4.5rem 2rem 5rem 2rem !important;\n  }\n}\n\n\/* MOBILE RESPONSIVE (<= 767px) *\/\n@media (max-width: 767px) {\n  #sec-access-hero {\n    min-height: 380px !important;\n  }\n  .zt-acc-hero-container {\n    padding: 4rem 1.25rem 3.5rem 1.25rem !important;\n  }\n  #sec-access-hero h1 {\n    font-size: clamp(2rem, 7.5vw, 2.45rem) !important;\n    line-height: 1.15 !important;\n    word-break: break-word !important;\n  }\n  #sec-access-hero p {\n    font-size: 1rem !important;\n    line-height: 1.6 !important;\n  }\n  .zt-access-split,\n  .zt-how-acc-split {\n    grid-template-columns: 1fr !important;\n    gap: 24px !important;\n  }\n  .zt-protege-img-card {\n    height: 300px !important;\n  }\n  .zt-adv-grid,\n  .zt-clientless-grid {\n    grid-template-columns: 1fr !important;\n    gap: 1.5rem !important;\n    padding-top: 1.5rem !important;\n  }\n  .zt-adv-col,\n  .zt-clientless-col {\n    padding: 0 0 1.5rem 0 !important;\n    border-right: none !important;\n    border-bottom: 1px solid #E2E8F0 !important;\n  }\n  .zt-adv-col:last-child,\n  .zt-clientless-col:last-child {\n    border-bottom: none !important;\n    padding-bottom: 0 !important;\n  }\n  .zt-caps-grid,\n  .zt-hw-grid,\n  .zt-cred-ui-grid,\n  .zt-scenarios-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  .zt-kits-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  .zt-kits-grid > div {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 12px !important;\n    padding: 18px !important;\n  }\n  .zt-kits-grid > div > div:first-child {\n    width: 100% !important;\n    height: 160px !important;\n  }\n  .zt-flow-grid {\n    grid-template-columns: 1fr !important;\n    gap: 12px !important;\n  }\n  .zt-flow-arrow {\n    transform: rotate(90deg) !important;\n    padding: 4px 0 !important;\n  }\n  #sec-access-how-it-works,\n  #sec-access-core-advantages,\n  #sec-access-protege,\n  #sec-access-no-software,\n  #sec-access-hardware,\n  #sec-access-capabilities,\n  #sec-access-scenarios,\n  #sec-access-architecture,\n  #sec-access-final-cta {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  #sec-access-how-it-works > div,\n  #sec-access-core-advantages > div,\n  #sec-access-protege > div,\n  #sec-access-no-software > div,\n  #sec-access-hardware > div,\n  #sec-access-capabilities > div,\n  #sec-access-scenarios > div,\n  #sec-access-architecture > div {\n    padding: 0 1.25rem !important;\n    gap: 2.25rem !important;\n  }\n  #sec-access-how-it-works h2,\n  #sec-access-core-advantages h2,\n  #sec-access-protege h2,\n  #sec-access-no-software h2,\n  #sec-access-hardware h2,\n  #sec-access-capabilities h2,\n  #sec-access-scenarios h2,\n  #sec-access-architecture h2,\n  #sec-access-final-cta h2 {\n    font-size: 1.75rem !important;\n  }\n  #sec-access-final-cta {\n    padding: 3.5rem 1.25rem 4rem 1.25rem !important;\n  }\n}\n\n\/* NARROW MOBILE (<= 360px, e.g. 320px) *\/\n@media (max-width: 360px) {\n  .zt-acc-hero-container {\n    padding: 3.5rem 1rem 3rem 1rem !important;\n  }\n  #sec-access-hero h1 {\n    font-size: 1.85rem !important;\n  }\n  #sec-access-how-it-works > div,\n  #sec-access-core-advantages > div,\n  #sec-access-protege > div,\n  #sec-access-no-software > div,\n  #sec-access-hardware > div,\n  #sec-access-capabilities > div,\n  #sec-access-scenarios > div,\n  #sec-access-architecture > div {\n    padding: 0 1rem !important;\n  }\n  .zt-protege-img-card {\n    height: 240px !important;\n  }\n  #sec-access-how-it-works h2,\n  #sec-access-core-advantages h2,\n  #sec-access-protege h2,\n  #sec-access-no-software h2,\n  #sec-access-hardware h2,\n  #sec-access-capabilities h2,\n  #sec-access-scenarios h2,\n  #sec-access-architecture h2,\n  #sec-access-final-cta h2 {\n    font-size: 1.55rem !important;\n  }\n}\n\n\n\/* SMOOTH & RELAXED EDITORIAL HERO TEXT ENTRANCE SEQUENCE *\/\n.zt-hero-anim-eyebrow,\n#sec-solutions-hero .zt-sol-hero-eyebrow {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: ztHeroFadeInSmooth 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0ms forwards;\n}\n\n.zt-hero-anim-heading,\n#sec-solutions-hero .zt-sol-hero-heading {\n  opacity: 0;\n  transform: translateY(12px);\n  animation: ztHeroFadeInSmooth 0.85s cubic-bezier(0.16, 1, 0.3, 1) 120ms forwards;\n}\n\n.zt-hero-anim-desc,\n#sec-solutions-hero .zt-sol-hero-desc {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: ztHeroFadeInSmooth 0.85s cubic-bezier(0.16, 1, 0.3, 1) 240ms forwards;\n}\n\n.zt-hero-anim-cta,\n#sec-solutions-hero .zt-sol-hero-cta {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: ztHeroFadeInSmooth 0.85s cubic-bezier(0.16, 1, 0.3, 1) 360ms forwards;\n}\n\n@keyframes ztHeroFadeInSmooth {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .zt-hero-anim-eyebrow,\n  .zt-hero-anim-heading,\n  .zt-hero-anim-desc,\n  .zt-hero-anim-cta,\n  #sec-solutions-hero .zt-sol-hero-eyebrow,\n  #sec-solutions-hero .zt-sol-hero-heading,\n  #sec-solutions-hero .zt-sol-hero-desc,\n  #sec-solutions-hero .zt-sol-hero-cta {\n    animation: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-zt_acc_footer elementor-widget elementor-widget-html\" data-id=\"zt_acc_footer\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZOOM TECH PREMIUM ARCHITECTURAL GLOBAL FOOTER (100VW FULL-BLEED) -->\n<div id=\"zt-footer-breakout-wrapper\" style=\"width: 100vw; max-width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #0F172A; box-sizing: border-box; overflow: hidden;\">\n  <footer id=\"sec-global-footer\" style=\"width: 100%; padding: 4.25rem 0 2.5rem 0; background-color: #0F172A; color: #FFFFFF; box-sizing: border-box; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 3rem;\">\n      \n      <!-- Controlled Master Grid -->\n      <div class=\"zt-footer-master-grid\" style=\"display: grid; width: 100%; box-sizing: border-box; align-items: start;\">\n        \n        <!-- Column 1: Brand -->\n        <div class=\"zt-footer-col zt-ftr-brand-col\" style=\"display: flex; flex-direction: column; gap: 1.15rem;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/home-new\/\" style=\"text-decoration: none; display: inline-block;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/zoomtech-logo-color-white-wordmark.png\" alt=\"Zoom Tech Pte Ltd\" style=\"height: 34px; width: auto; object-fit: contain; display: block;\" \/>\n          <\/a>\n          <p style=\"font-size: 0.88rem; color: #94A3B8; line-height: 1.65; margin: 0; max-width: 290px;\">\n            Smart access and security solutions, engineered in Singapore.\n          <\/p>\n          <div style=\"font-size: 0.78rem; font-weight: 700; color: #10B981; letter-spacing: 0.04em;\">\n            Headquarters &amp; Manufacturing: Singapore\n          <\/div>\n        <\/div>\n\n        <!-- Column 2: Solutions (Accordion on Mobile) -->\n        <div class=\"zt-footer-col zt-footer-acc-col\" id=\"zt-ftr-col-solutions\">\n          <button type=\"button\" class=\"zt-ftr-acc-toggle\" id=\"zt-ftr-toggle-solutions\" aria-expanded=\"false\" aria-controls=\"zt-ftr-sub-solutions\">\n            <span class=\"zt-ftr-heading\">SOLUTIONS<\/span>\n            <svg class=\"zt-ftr-chevron\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/button>\n          <div class=\"zt-ftr-acc-content\" id=\"zt-ftr-sub-solutions\">\n            <div class=\"zt-ftr-acc-inner\">\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-footer-link\">Facial Recognition<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-footer-link\">Access Control<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-footer-link\">View All Solutions &rarr;<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Column 3: Products (Accordion on Mobile) -->\n        <div class=\"zt-footer-col zt-footer-acc-col\" id=\"zt-ftr-col-products\">\n          <button type=\"button\" class=\"zt-ftr-acc-toggle\" id=\"zt-ftr-toggle-products\" aria-expanded=\"false\" aria-controls=\"zt-ftr-sub-products\">\n            <span class=\"zt-ftr-heading\">PRODUCTS<\/span>\n            <svg class=\"zt-ftr-chevron\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/button>\n          <div class=\"zt-ftr-acc-content\" id=\"zt-ftr-sub-products\">\n            <div class=\"zt-ftr-acc-inner\">\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/zoomgate\/\" class=\"zt-footer-link\">ZoomGate<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-footer-link\">ZoomFace<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-footer-link\">ZoomAccess<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/surveillance\/\" class=\"zt-footer-link\">ZoomSurveillance<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-footer-link\">ZoomIOT<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/products-new\/\" class=\"zt-footer-link\">View All Products &rarr;<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Column 4: Company (Accordion on Mobile) -->\n        <div class=\"zt-footer-col zt-footer-acc-col\" id=\"zt-ftr-col-company\">\n          <button type=\"button\" class=\"zt-ftr-acc-toggle\" id=\"zt-ftr-toggle-company\" aria-expanded=\"false\" aria-controls=\"zt-ftr-sub-company\">\n            <span class=\"zt-ftr-heading\">COMPANY<\/span>\n            <svg class=\"zt-ftr-chevron\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/button>\n          <div class=\"zt-ftr-acc-content\" id=\"zt-ftr-sub-company\">\n            <div class=\"zt-ftr-acc-inner\">\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/about-new\/\" class=\"zt-footer-link\">About Us<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-footer-link\">Our Work<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/pressroom\/\" class=\"zt-footer-link\">Insights &amp; Pressroom<\/a>\n              <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-footer-link\">Contact<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Column 5: Connect -->\n        <div class=\"zt-footer-col zt-ftr-connect-col\">\n          <div class=\"zt-ftr-connect-group zt-ftr-connect-addr\">\n            <div class=\"zt-ftr-heading\">CONNECT<\/div>\n            <div style=\"font-size: 0.88rem; color: #94A3B8; line-height: 1.5;\">68 Senoko Road<br\/>Singapore 758128<\/div>\n            <div style=\"font-size: 0.86rem; color: #94A3B8; line-height: 1.5;\">\n              <a href=\"tel:+6569041285\" class=\"zt-footer-link\" style=\"color: #94A3B8; text-decoration: none;\">+65 6904 1285<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"zt-ftr-connect-group zt-ftr-connect-emails\">\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.72rem; font-weight: 800; color: #10B981; letter-spacing: 0.08em; text-transform: uppercase;\">SALES<\/span>\n              <a href=\"mailto:salesteam@zoomtech.com.sg\" class=\"zt-footer-link\" style=\"white-space: nowrap;\">salesteam@zoomtech.com.sg<\/a>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 3px;\">\n              <span style=\"font-size: 0.72rem; font-weight: 800; color: #10B981; letter-spacing: 0.08em; text-transform: uppercase;\">SERVICE<\/span>\n              <a href=\"mailto:serviceteam@zoomtech.com.sg\" class=\"zt-footer-link\" style=\"white-space: nowrap;\">serviceteam@zoomtech.com.sg<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"zt-ftr-connect-group zt-ftr-connect-cta\">\n            <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-ftr-pill-btn\">\n              <span>Talk to us<\/span> &rarr;\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Clean Horizontal Divider -->\n      <div style=\"width: 100%; border-top: 1px solid #1E293B;\"><\/div>\n\n      <!-- Bottom Utility Bar (Single Horizontal Row) -->\n      <div class=\"zt-footer-bottom-bar\" style=\"display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; width: 100%;\">\n        <div style=\"font-size: 0.82rem; color: #64748B; margin: 0;\">\n          &copy; 2026 Zoom Tech Pte Ltd. All rights reserved.\n        <\/div>\n        <div class=\"zt-footer-legal-links\" style=\"display: flex; flex-direction: row; gap: 1.75rem; align-items: center;\">\n          <a href=\"#privacy\" class=\"zt-footer-legal-link\">Privacy Policy<\/a>\n          <a href=\"#terms\" class=\"zt-footer-legal-link\">Terms of Service<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n<\/div>\n\n<style>\n\/* GLOBAL FOOTER BASE STYLES *\/\n.zt-footer-link {\n  font-size: 0.88rem;\n  color: #94A3B8 !important;\n  text-decoration: none !important;\n  line-height: 1.4;\n  transition: color 0.18s ease;\n  display: inline-block;\n  background: transparent !important;\n  background-color: transparent !important;\n}\n\n.zt-footer-link:hover, .zt-footer-link:focus {\n  color: #34D399 !important;\n  background: transparent !important;\n  background-color: transparent !important;\n}\n\n.zt-footer-legal-link {\n  font-size: 0.82rem;\n  color: #64748B !important;\n  text-decoration: none !important;\n  transition: color 0.18s ease;\n}\n\n.zt-footer-legal-link:hover, .zt-footer-legal-link:focus {\n  color: #94A3B8 !important;\n}\n\n\/* Premium Rounded Talk to Us Pill Button *\/\n.zt-ftr-pill-btn {\n  text-decoration: none;\n  font-size: 0.84rem;\n  font-weight: 700;\n  color: #FFFFFF;\n  background-color: #059669;\n  height: 42px;\n  padding: 0 1.35rem;\n  border-radius: 9999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  transition: background-color 0.18s ease, box-shadow 0.18s ease;\n  box-sizing: border-box;\n}\n\n.zt-ftr-pill-btn:hover {\n  background-color: #047857;\n  color: #FFFFFF;\n}\n\n#zt-footer-breakout-wrapper, #sec-global-footer {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  background-color: #0F172A !important;\n}\n\n\/* DESKTOP (>= 1141px): APPROVED 5-COLUMN GRID *\/\n@media (min-width: 1141px) {\n  .zt-footer-master-grid {\n    grid-template-columns: 2.2fr 1.15fr 1.25fr 1.15fr 1.85fr !important;\n    gap: 40px !important;\n  }\n  .zt-ftr-brand-col {\n    padding-right: 1.5rem;\n  }\n  .zt-ftr-connect-col {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n  }\n  .zt-ftr-connect-addr {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n  }\n  .zt-ftr-connect-emails {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n  }\n}\n\n\/* SMALL DESKTOP \/ WIDE TABLET (835px - 1140px, e.g. 1024px): 4-COLUMN TOP + BALANCED CONNECT BAR *\/\n@media (min-width: 835px) and (max-width: 1140px) {\n  .zt-footer-master-grid {\n    grid-template-columns: 1.8fr 1fr 1.15fr 1fr !important;\n    gap: 32px 24px !important;\n  }\n  .zt-ftr-brand-col {\n    grid-column: span 1 !important;\n  }\n  .zt-ftr-connect-col {\n    grid-column: 1 \/ -1 !important;\n    border-top: 1px solid #1E293B !important;\n    padding-top: 1.75rem !important;\n    margin-top: 0.25rem !important;\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 1.5rem !important;\n  }\n  .zt-ftr-connect-addr {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 4px !important;\n  }\n  .zt-ftr-connect-emails {\n    display: flex !important;\n    flex-direction: row !important;\n    gap: 32px !important;\n    align-items: flex-start !important;\n  }\n  .zt-ftr-connect-cta {\n    display: flex !important;\n    align-items: center !important;\n  }\n}\n\n\/* TABLET (768px - 834px): BALANCED 2-COLUMN DELIBERATE GRID *\/\n@media (min-width: 768px) and (max-width: 834px) {\n  .zt-footer-master-grid {\n    grid-template-columns: 1fr 1fr !important;\n    gap: 28px 32px !important;\n  }\n  .zt-ftr-brand-col {\n    grid-column: 1 \/ -1 !important;\n    padding-right: 0 !important;\n    max-width: 520px !important;\n    padding-bottom: 0.5rem !important;\n    border-bottom: 1px solid #1E293B !important;\n  }\n  .zt-ftr-connect-col {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n  .zt-ftr-connect-addr {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n  .zt-ftr-connect-emails {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n}\n\n\/* ACCORDION STRUCTURE ON DESKTOP & TABLET (LOCKED OPEN WITH ZERO TAP HIGHLIGHT) *\/\n.zt-ftr-acc-toggle {\n  background: transparent !important;\n  background-color: transparent !important;\n  border: none !important;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  font: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  cursor: default;\n  text-align: left;\n  outline: none !important;\n  box-shadow: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n}\n\n.zt-ftr-acc-toggle:hover,\n.zt-ftr-acc-toggle:focus,\n.zt-ftr-acc-toggle:active {\n  background: transparent !important;\n  background-color: transparent !important;\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n.zt-ftr-acc-toggle:focus-visible {\n  outline: 2px solid #10B981 !important;\n  outline-offset: 2px !important;\n}\n\n.zt-footer-acc-col,\n.zt-footer-acc-col.is-open,\n.zt-ftr-acc-content,\n.zt-ftr-acc-inner {\n  background: transparent !important;\n  background-color: transparent !important;\n  box-shadow: none !important;\n}\n\n.zt-ftr-heading {\n  font-size: 0.74rem;\n  font-weight: 800;\n  color: #FFFFFF;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.zt-ftr-chevron {\n  display: none;\n  color: #94A3B8;\n  transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), color 0.18s ease;\n}\n\n.zt-ftr-acc-content {\n  display: block;\n}\n\n.zt-ftr-acc-inner {\n  display: flex;\n  flex-direction: column;\n  gap: 0.85rem;\n  margin-top: 0.85rem;\n}\n\n\/* MOBILE RESPONSIVE (<= 767px): MOBILE ACCORDIONS *\/\n@media (max-width: 767px) {\n  #sec-global-footer {\n    padding: 3.5rem 0 2rem 0 !important;\n    background-color: #0F172A !important;\n  }\n  #sec-global-footer > div {\n    padding: 0 1.25rem !important;\n    gap: 2rem !important;\n  }\n  .zt-footer-master-grid {\n    grid-template-columns: 1fr !important;\n    gap: 0 !important;\n  }\n  .zt-ftr-brand-col {\n    grid-column: span 1 !important;\n    padding-right: 0 !important;\n    padding-bottom: 1.25rem !important;\n    border-bottom: 1px solid #1E293B !important;\n    margin-bottom: 0.25rem !important;\n  }\n  .zt-ftr-brand-col img {\n    height: 26px !important;\n    max-height: 26px !important;\n    max-width: 190px !important;\n    width: auto !important;\n    object-fit: contain !important;\n  }\n  .zt-footer-acc-col {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .zt-ftr-acc-toggle {\n    cursor: pointer !important;\n    padding: 0.65rem 0 !important;\n    border-bottom: 1px solid #1E293B !important;\n    -webkit-tap-highlight-color: transparent !important;\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n  .zt-ftr-chevron {\n    display: inline-block !important;\n  }\n  .zt-ftr-acc-content {\n    display: grid !important;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 260ms cubic-bezier(0.16, 1, 0.3, 1), opacity 260ms ease !important;\n    opacity: 0;\n    overflow: hidden;\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n  .zt-ftr-acc-inner {\n    min-height: 0;\n    overflow: hidden;\n    margin-top: 0 !important;\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n  .zt-footer-acc-col.is-open {\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n  .zt-footer-acc-col.is-open .zt-ftr-acc-content {\n    grid-template-rows: 1fr !important;\n    opacity: 1 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n  .zt-footer-acc-col.is-open .zt-ftr-chevron {\n    transform: rotate(180deg) !important;\n    color: #10B981 !important;\n  }\n  .zt-ftr-connect-col {\n    padding-top: 1.5rem !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n  .zt-ftr-connect-addr {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n  .zt-ftr-connect-emails {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.85rem !important;\n  }\n  .zt-footer-bottom-bar {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 0.75rem !important;\n  }\n}\n\n\/* NARROW MOBILE (<= 360px) *\/\n@media (max-width: 360px) {\n  #sec-global-footer > div {\n    padding: 0 1rem !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .zt-ftr-acc-content,\n  .zt-ftr-chevron {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  function initFooterAccordion() {\n    var footerWrap = document.getElementById('sec-global-footer');\n    if (!footerWrap) return;\n\n    var toggles = footerWrap.querySelectorAll('.zt-ftr-acc-toggle');\n    toggles.forEach(function(toggle) {\n      toggle.onclick = function(e) {\n        \/\/ Only active on mobile viewports (<= 767px)\n        if (window.innerWidth > 767) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        var parentCol = toggle.closest('.zt-footer-acc-col');\n        if (!parentCol) return;\n\n        var isOpen = parentCol.classList.contains('is-open');\n        if (isOpen) {\n          parentCol.classList.remove('is-open');\n          toggle.setAttribute('aria-expanded', 'false');\n        } else {\n          parentCol.classList.add('is-open');\n          toggle.setAttribute('aria-expanded', 'true');\n        }\n      };\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFooterAccordion);\n  } else {\n    initFooterAccordion();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-zt_acc_whatsapp elementor-widget elementor-widget-html\" data-id=\"zt_acc_whatsapp\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZOOM TECH PROPRIETARY ENTERPRISE ASSISTANT CONCIERGE -->\n<div id=\"zt-chatbot-root\">\n\n  <!-- ENTERPRISE FLOATING LAUNCHER -->\n  <button id=\"zt-chatbot-trigger\" type=\"button\" aria-label=\"Open Zoom Tech Assistant\" style=\"position: fixed; bottom: 24px; right: 24px; z-index: 999998; width: 52px; height: 52px; background-color: #0F172A; color: #FFFFFF; border: 1.5px solid #059669; border-radius: 50%; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, bottom 0.25s ease; outline: none; padding: 0;\">\n    <!-- Precision Zoom Tech Assistant Icon (White Chat Console + Emerald Intelligent Core) -->\n    <div id=\"zt-chat-icon-open\" style=\"display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" stroke=\"#FFFFFF\" stroke-width=\"2\"><\/path>\n        <path d=\"M12 7.5l1 2.2 2.2 1-2.2 1-1 2.2-1-2.2-2.2-1 2.2-1 1-2.2z\" fill=\"#10B981\" stroke=\"#10B981\" stroke-width=\"0.5\"><\/path>\n      <\/svg>\n    <\/div>\n    <!-- Subtle Live Status Indicator Point -->\n    <span style=\"position: absolute; top: 2px; right: 2px; width: 9px; height: 9px; background: #10B981; border: 2px solid #0F172A; border-radius: 50%;\"><\/span>\n  <\/button>\n\n  <!-- REFINED CONCIERGE CHAT PANEL -->\n  <div id=\"zt-chatbot-panel\" class=\"zt-chat-window-panel\" style=\"display: none; position: fixed; bottom: 88px; right: 24px; z-index: 999999; width: 384px; max-width: calc(100vw - 28px); height: 580px; max-height: calc(100vh - 110px); background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16); overflow: hidden; box-sizing: border-box; flex-direction: column; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    \n    <!-- Clean Integrated Window Header -->\n    <div id=\"zt-chat-header\" style=\"background: #FFFFFF; color: #0F172A; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E2E8F0; box-sizing: border-box; flex-shrink: 0;\">\n      \n      <!-- Left: Mobile Back Button + Brand Badge -->\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        \n        <!-- Mobile Back Control (Visible only on mobile <= 767px) -->\n        <button id=\"zt-chat-btn-mobile-back\" type=\"button\" aria-label=\"Back to website\" style=\"display: none; background: transparent; border: none; color: #0F172A; cursor: pointer; padding: 6px 8px 6px 0; align-items: center; gap: 4px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.84rem; font-weight: 700;\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n          <\/svg>\n          <span>Back<\/span>\n        <\/button>\n\n        <!-- Brand Icon Badge -->\n        <div id=\"zt-chat-header-badge\" style=\"width: 32px; height: 32px; border-radius: 8px; background: #ECFDF5; border: 1px solid #A7F3D0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; flex-shrink: 0;\">\n          <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <!-- Title & Status -->\n        <div style=\"display: flex; flex-direction: column;\">\n          <div style=\"font-size: 0.90rem; font-weight: 800; color: #0F172A; letter-spacing: 0.01em; line-height: 1.2;\">Zoom Tech Assistant<\/div>\n          <div style=\"font-size: 0.72rem; color: #64748B; display: flex; align-items: center; gap: 5px; line-height: 1.2; margin-top: 2px;\">\n            <span style=\"width: 6px; height: 6px; border-radius: 50%; background: #10B981; display: inline-block;\"><\/span>\n            <span>Verified Solutions Desk<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Right: Action Controls (Reset & Close inside top-right corner) -->\n      <div style=\"display: flex; align-items: center; gap: 4px;\">\n        <button id=\"zt-chat-btn-reset\" type=\"button\" title=\"Reset Conversation\" aria-label=\"Reset Conversation\" style=\"background: transparent; border: none; color: #64748B; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: all 0.15s ease;\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n        <\/button>\n        <button id=\"zt-chat-btn-close\" type=\"button\" title=\"Close Panel\" aria-label=\"Close Assistant Panel\" style=\"background: transparent; border: none; color: #64748B; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: all 0.15s ease;\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Scrollable Messages Container -->\n    <div id=\"zt-chat-messages\" style=\"flex: 1; min-height: 0; padding: 18px 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; background: #F8FAFC; box-sizing: border-box;\">\n      <!-- Dynamic Messages Injected Here -->\n    <\/div>\n\n    <!-- Compact Horizontally-Scrollable Quick Action Chips -->\n    <div id=\"zt-chat-suggestions\" style=\"padding: 8px 14px; background: #FFFFFF; border-top: 1px solid #E2E8F0; display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; box-sizing: border-box; flex-shrink: 0;\">\n      <button type=\"button\" class=\"zt-chat-sug-chip\" onclick=\"handleSuggestionClick('Explore Products')\">Explore Products &rarr;<\/button>\n      <button type=\"button\" class=\"zt-chat-sug-chip\" onclick=\"handleSuggestionClick('Compare Products')\">Compare Products &rarr;<\/button>\n      <button type=\"button\" class=\"zt-chat-sug-chip\" onclick=\"handleSuggestionClick('Explore ZoomAccess')\">ZoomAccess &rarr;<\/button>\n      <button type=\"button\" class=\"zt-chat-sug-chip\" onclick=\"handleSuggestionClick('Contact Zoom Tech')\">Contact Sales &rarr;<\/button>\n    <\/div>\n\n    <!-- Prominent Integrated Message Composer -->\n    <form id=\"zt-chat-form\" onsubmit=\"handleUserChatSubmit(event)\" style=\"padding: 12px 14px; background: #FFFFFF; border-top: 1px solid #E2E8F0; display: flex; gap: 8px; align-items: center; box-sizing: border-box; margin: 0; flex-shrink: 0;\">\n      <input type=\"text\" id=\"zt-chat-input\" placeholder=\"Ask Zoom Tech Assistant...\" autocomplete=\"off\" style=\"flex: 1; height: 42px; padding: 0 14px; border: 1px solid #CBD5E1; border-radius: 8px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.88rem; color: #0F172A; background: #F8FAFC; outline: none; transition: border-color 0.15s ease, background 0.15s ease;\" onfocus=\"this.style.borderColor='#059669'; this.style.background='#FFFFFF';\" onblur=\"this.style.borderColor='#CBD5E1'; this.style.background='#F8FAFC';\" \/>\n      <button type=\"submit\" id=\"zt-chat-send\" aria-label=\"Send message\" style=\"width: 42px; height: 42px; border-radius: 8px; background: #059669; color: #FFFFFF; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.15s ease, transform 0.15s ease; flex-shrink: 0;\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n      <\/button>\n    <\/form>\n\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ZOOM TECH ASSISTANT ENTERPRISE STYLES *\/\n#zt-chatbot-trigger:hover {\n  transform: translateY(-2px) scale(1.04);\n  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);\n  border-color: #10B981;\n}\n\n#zt-chatbot-trigger:focus-visible {\n  outline: 2px solid #10B981;\n  outline-offset: 3px;\n}\n\n#zt-chat-btn-reset:hover, #zt-chat-btn-close:hover {\n  color: #0F172A !important;\n  background: #F1F5F9 !important;\n}\n\n#zt-chat-btn-reset:focus-visible, #zt-chat-btn-close:focus-visible, #zt-chat-btn-mobile-back:focus-visible {\n  outline: 2px solid #059669 !important;\n  outline-offset: 2px !important;\n}\n\n#zt-chat-send:hover {\n  background-color: #047857 !important;\n}\n\n#zt-chat-send:active {\n  transform: scale(0.97) !important;\n}\n\n#zt-chat-suggestions::-webkit-scrollbar {\n  display: none;\n}\n\n.zt-chat-sug-chip {\n  background: #FFFFFF;\n  border: 1px solid #E2E8F0;\n  border-radius: 9999px;\n  padding: 6px 12px;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.74rem;\n  font-weight: 700;\n  color: #334155;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n}\n.zt-chat-sug-chip:hover {\n  background: #F8FAFC;\n  border-color: #059669;\n  color: #059669;\n}\n\n\/* Assistant Message Bubble *\/\n.zt-chat-bubble-bot {\n  background: #FFFFFF;\n  border: 1px solid #E2E8F0;\n  border-radius: 12px;\n  padding: 14px 16px;\n  font-size: 0.88rem;\n  line-height: 1.6;\n  color: #1E293B;\n  width: 100%;\n  box-sizing: border-box;\n  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);\n  word-break: break-word;\n}\n\n\/* User Message Bubble *\/\n.zt-chat-bubble-user {\n  background: #059669;\n  color: #FFFFFF;\n  border-radius: 14px 14px 2px 14px;\n  padding: 10px 14px;\n  font-size: 0.88rem;\n  line-height: 1.45;\n  font-weight: 600;\n  align-self: flex-end;\n  max-width: 82%;\n  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.2);\n  word-break: break-word;\n}\n\n.zt-chat-bubble-bot a {\n  color: #059669;\n  font-weight: 700;\n  text-decoration: underline;\n}\n\n.zt-chat-card-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 8px;\n  background: #FFFFFF;\n  border: 1px solid #CBD5E1;\n  padding: 7px 14px;\n  border-radius: 6px;\n  font-size: 0.80rem;\n  font-weight: 700;\n  color: #0F172A !important;\n  text-decoration: none !important;\n  transition: all 0.15s ease;\n}\n.zt-chat-card-link:hover {\n  background: #059669;\n  color: #FFFFFF !important;\n  border-color: #059669;\n}\n\n\/* DESKTOP (>= 1024px) *\/\n@media (min-width: 1024px) {\n  #zt-chatbot-panel {\n    bottom: 88px !important;\n    right: 24px !important;\n    width: 384px !important;\n    height: 580px !important;\n    max-height: calc(100vh - 110px) !important;\n    border-radius: 16px !important;\n    border: 1px solid #E2E8F0 !important;\n    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16) !important;\n  }\n  #zt-chat-btn-mobile-back {\n    display: none !important;\n  }\n}\n\n\/* TABLET (768px - 1023px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  #zt-chatbot-panel {\n    bottom: 84px !important;\n    right: 20px !important;\n    width: 360px !important;\n    height: 520px !important;\n    max-height: calc(100vh - 100px) !important;\n    border-radius: 14px !important;\n  }\n  #zt-chat-btn-mobile-back {\n    display: none !important;\n  }\n}\n\n\/* MOBILE FULL SCREEN (<= 767px) *\/\n@media (max-width: 767px) {\n  #zt-chatbot-trigger {\n    bottom: 18px !important;\n    right: 18px !important;\n    width: 50px !important;\n    height: 50px !important;\n  }\n  \n  #zt-chatbot-panel {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    max-height: 100dvh !important;\n    border-radius: 0 !important;\n    border: none !important;\n    box-shadow: none !important;\n    z-index: 999999 !important;\n  }\n\n  #zt-chat-btn-mobile-back {\n    display: inline-flex !important;\n  }\n\n  #zt-chat-header {\n    padding: 12px 14px !important;\n  }\n\n  #zt-chat-form {\n    padding-bottom: max(10px, env(safe-area-inset-bottom, 10px)) !important;\n  }\n\n  body.zt-compare-tray-visible #zt-chatbot-trigger {\n    bottom: 155px !important;\n  }\n}\n\nbody.zt-chat-active-mobile {\n  overflow: hidden !important;\n}\n<\/style>\n\n<script>\n(function() {\n  var chatOpen = false;\n  var messagesContainer = null;\n  var chatInput = null;\n  var savedScrollY = 0;\n\n  function initChatbot() {\n    var triggerBtn = document.getElementById('zt-chatbot-trigger');\n    var closeBtn = document.getElementById('zt-chat-btn-close');\n    var backBtn = document.getElementById('zt-chat-btn-mobile-back');\n    var resetBtn = document.getElementById('zt-chat-btn-reset');\n    var panel = document.getElementById('zt-chatbot-panel');\n    messagesContainer = document.getElementById('zt-chat-messages');\n    chatInput = document.getElementById('zt-chat-input');\n\n    if (!triggerBtn || !panel) return;\n\n    triggerBtn.onclick = function() {\n      toggleChatPanel();\n    };\n\n    if (closeBtn) {\n      closeBtn.onclick = function() {\n        toggleChatPanel(false);\n      };\n    }\n\n    if (backBtn) {\n      backBtn.onclick = function() {\n        toggleChatPanel(false);\n      };\n    }\n\n    if (resetBtn) {\n      resetBtn.onclick = function() {\n        if (messagesContainer) {\n          messagesContainer.innerHTML = '';\n          sendWelcomeMessage();\n        }\n      };\n    }\n\n    \/\/ Escape key closes chat\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape' && chatOpen) {\n        toggleChatPanel(false);\n      }\n    });\n\n    sendWelcomeMessage();\n  }\n\n  function toggleChatPanel(forceState) {\n    var panel = document.getElementById('zt-chatbot-panel');\n    var triggerBtn = document.getElementById('zt-chatbot-trigger');\n    if (!panel) return;\n\n    chatOpen = (forceState !== undefined) ? forceState : !chatOpen;\n\n    if (chatOpen) {\n      savedScrollY = window.scrollY || window.pageYOffset || 0;\n      panel.style.display = 'flex';\n      if (triggerBtn && window.innerWidth <= 767) {\n        triggerBtn.style.display = 'none';\n        document.body.classList.add('zt-chat-active-mobile');\n      }\n      if (chatInput) setTimeout(function() { chatInput.focus(); }, 150);\n    } else {\n      panel.style.display = 'none';\n      if (triggerBtn) triggerBtn.style.display = 'flex';\n      document.body.classList.remove('zt-chat-active-mobile');\n      if (window.innerWidth <= 767) {\n        window.scrollTo(0, savedScrollY);\n      }\n    }\n  }\n\n  function appendBotMessage(htmlContent) {\n    if (!messagesContainer) return;\n    var div = document.createElement('div');\n    div.className = 'zt-chat-bubble-bot';\n    div.innerHTML = htmlContent;\n    messagesContainer.appendChild(div);\n    messagesContainer.scrollTop = messagesContainer.scrollHeight;\n  }\n\n  function appendUserMessage(text) {\n    if (!messagesContainer) return;\n    var div = document.createElement('div');\n    div.className = 'zt-chat-bubble-user';\n    div.textContent = text;\n    messagesContainer.appendChild(div);\n    messagesContainer.scrollTop = messagesContainer.scrollHeight;\n  }\n\n  function sendWelcomeMessage() {\n    appendBotMessage(\n      \"Hi! I'm the <strong>Zoom Tech Assistant<\/strong>. I can help you explore our access-control and security solutions, compare products, or assist with your project enquiry.<br\/><br\/>How can I help you today?\"\n    );\n  }\n\n  window.handleSuggestionClick = function(type) {\n    if (type === 'Explore Products') {\n      appendUserMessage(\"Explore Products\");\n      setTimeout(function() {\n        appendBotMessage(\n          \"We offer 5 core pedestrian entrance hardware families engineered for commercial lobbies, transit, and high-security checkpoints:<br\/>\" +\n          \"\u2022 <strong>SWING:<\/strong> Architectural swing barriers<br\/>\" +\n          \"\u2022 <strong>SPEED:<\/strong> Optical speed swing gates<br\/>\" +\n          \"\u2022 <strong>MAX:<\/strong> Full height security turnstiles<br\/>\" +\n          \"\u2022 <strong>WING:<\/strong> Retractable flap barriers<br\/>\" +\n          \"\u2022 <strong>TRI:<\/strong> Robust 3-arm tripod turnstiles<br\/><br\/>\" +\n          \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/products-new\/' class='zt-chat-card-link'>View Products Catalogue &rarr;<\/a>\"\n        );\n      }, 300);\n    } else if (type === 'Compare Products') {\n      appendUserMessage(\"Compare Products\");\n      setTimeout(function() {\n        appendBotMessage(\n          \"Zoom Tech supports side-by-side product comparison. Please note our engineering rule: <strong>Comparisons are strictly within the same category<\/strong> (e.g., SWING with SWING, SPEED with SPEED).<br\/><br\/>\" +\n          \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/compare-new\/' class='zt-chat-card-link'>Open Comparison Tool &rarr;<\/a>\"\n        );\n      }, 300);\n    } else if (type === 'Explore ZoomAccess') {\n      appendUserMessage(\"Tell me about ZoomAccess\");\n      setTimeout(function() {\n        appendBotMessage(\n          \"<strong>ZoomAccess<\/strong> is Zoom Tech's access-control management platform for turnstiles and connected systems. Core capabilities include:<br\/>\" +\n          \"\u2022 Turnstile Management Platform &amp; Remote Lane Configuration<br\/>\" +\n          \"\u2022 Access Control Management &amp; Scheduling Policies<br\/>\" +\n          \"\u2022 Lift Control System Integration (Elevator Relay Dispatch)<br\/>\" +\n          \"\u2022 VMS and Destination Control System Sync<br\/>\" +\n          \"\u2022 Access Role Management &amp; Audit Reporting Portal<br\/><br\/>\" +\n          \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/access\/' class='zt-chat-card-link'>Explore ZoomAccess &rarr;<\/a>\"\n        );\n      }, 300);\n    } else if (type === 'Contact Zoom Tech') {\n      appendUserMessage(\"How can I contact Zoom Tech?\");\n      setTimeout(function() {\n        appendBotMessage(\n          \"You can reach Zoom Tech at our Singapore headquarters:<br\/>\" +\n          \"\u2022 <strong>Address:<\/strong> 68 Senoko Road, Singapore 758128<br\/>\" +\n          \"\u2022 <strong>Phone \/ WhatsApp:<\/strong> +65 6904 1285<br\/>\" +\n          \"\u2022 <strong>Sales Desk:<\/strong> salesteam@zoomtech.com.sg<br\/>\" +\n          \"\u2022 <strong>Service Desk:<\/strong> serviceteam@zoomtech.com.sg<br\/><br\/>\" +\n          \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/' class='zt-chat-card-link'>Open Contact Page &rarr;<\/a>\"\n        );\n      }, 300);\n    }\n  };\n\n  window.handleUserChatSubmit = function(e) {\n    if (e) e.preventDefault();\n    if (!chatInput) return;\n    var query = chatInput.value.trim();\n    if (!query) return;\n\n    appendUserMessage(query);\n    chatInput.value = '';\n\n    \/\/ Process Knowledge Response\n    setTimeout(function() {\n      processBotResponse(query);\n    }, 350);\n  };\n\n  function processBotResponse(q) {\n    var raw = q.toLowerCase();\n    var query = raw.replace(\/[?.,!\/]\/g, ' ');\n\n    \/\/ 1. Company Overview\n    var isCompanyQuery = (\n      (query.includes('zoom tech') || query.includes('zoomtech') || query.includes('this company') || query.includes('the company') || query.includes('your company') || query.includes('about you') || query.includes('who are you')) &&\n      (query.includes('about') || query.includes('what is') || query.includes('what does') || query.includes('do') || query.includes('provide') || query.includes('offer') || query.includes('kind of') || query.includes('tell me') || query.includes('who is') || query.includes('overview') || query.includes('background') || query.includes('profile'))\n    ) || (\n      query.trim() === 'zoom tech' || query.trim() === 'about zoom tech' || query.trim() === 'what is zoom tech' || query.trim() === 'what does zoom tech do'\n    );\n\n    if (isCompanyQuery && !query.includes('access') && !query.includes('face') && !query.includes('surveillance') && !query.includes('iot') && !query.includes('gate') && !query.includes('price')) {\n      appendBotMessage(\n        \"<strong>Zoom Tech Pte Ltd<\/strong> is a Singapore-based B2B access-control and security technology company specializing in pedestrian entrance control and connected security infrastructure. Our solutions include:<br\/>\" +\n        \"\u2022 <strong>ZoomGate:<\/strong> Pedestrian turnstiles and optical speed gates (SWING, SPEED, MAX, WING, TRI).<br\/>\" +\n        \"\u2022 <strong>ZoomAccess:<\/strong> Web-based turnstile management, lift control dispatch, and VMS integration.<br\/>\" +\n        \"\u2022 <strong>ZoomFace:<\/strong> AI biometric facial recognition admission terminals.<br\/>\" +\n        \"\u2022 <strong>ZoomSurveillance:<\/strong> i-LIDS\u00ae certified video analytics and Central Monitoring Station (CMS) platforms.<br\/>\" +\n        \"\u2022 <strong>ZoomIOT:<\/strong> Facility telemetry and site gateways.<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/about-new\/' class='zt-chat-card-link'>About Zoom Tech &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 2. ZoomAccess Inquiries\n    if (query.includes('zoomaccess') || query.includes('zoom access') || (query.includes('access') && (query.includes('what is') || query.includes('tell me') || query.includes('platform') || query.includes('management') || query.includes('explain') || query.includes('about')))) {\n      appendBotMessage(\n        \"<strong>ZoomAccess<\/strong> is Zoom Tech's access-control management platform engineered for turnstiles and connected facility ecosystems. Verified capabilities include:<br\/>\" +\n        \"\u2022 <strong>Turnstile Management Platform:<\/strong> Centralized multi-lane oversight and status monitoring.<br\/>\" +\n        \"\u2022 <strong>Remote Control &amp; Configuration:<\/strong> Over-the-network lane tuning, speed adjustment, and operational mode control.<br\/>\" +\n        \"\u2022 <strong>Access Control Management:<\/strong> Live credential admission logic across smartcards, QR codes, and biometrics.<br\/>\" +\n        \"\u2022 <strong>Scheduling Management:<\/strong> Flexible time-zones, holiday access calendars, and free-passage hours.<br\/>\" +\n        \"\u2022 <strong>VMS &amp; Destination Control Integration:<\/strong> Direct event linking with video surveillance and intelligent elevator destination dispatch.<br\/>\" +\n        \"\u2022 <strong>Lift Control System Integration:<\/strong> Relay and protocol-level integration with elevator floor accessibility controls.<br\/>\" +\n        \"\u2022 <strong>Access Role Management:<\/strong> Granular permission assignments for employees, contractors, and visitors.<br\/>\" +\n        \"\u2022 <strong>Reporting Portal:<\/strong> Comprehensive audit logs, entrance throughput analytics, and incident reports.<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/access\/' class='zt-chat-card-link'>Explore ZoomAccess &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 3. Comparison Rules & Cross-Category Handling\n    if (query.includes('compare') || query.includes('comparison')) {\n      if ((query.includes('swing') && query.includes('max')) || \n          (query.includes('facial') && query.includes('swing')) || \n          (query.includes('speed') && query.includes('tri')) ||\n          (query.includes('wing') && query.includes('max'))) {\n        appendBotMessage(\n          \"Under Zoom Tech engineering rules, <strong>products can only be compared within the same category<\/strong> (for example, comparing a Swing model with another Swing model). Mixed-category comparisons (such as Swing vs MAX) are not supported because their chassis form factors and passage mechanics differ.<br\/><br\/>\" +\n          \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/compare-new\/' class='zt-chat-card-link'>Go to Product Comparison &rarr;<\/a>\"\n        );\n        return;\n      }\n      appendBotMessage(\n        \"You can compare specifications for up to 3 models simultaneously within the same product family (e.g. SWING with SWING, or SPEED with SPEED).<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/compare-new\/' class='zt-chat-card-link'>Launch Compare Workspace &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 4. Specific Model Configuration Request\n    var modelMatch = query.match(\/(asw-ar-\\d+|sg-ar-\\d+|sg-ah-\\d+|ft-fm-\\d+|afh-ar-\\d+|tp-md-\\d+[\\w-]*|asd-sa-\\d+)\/i);\n    if (query.includes('config') || (modelMatch && query.includes('configure'))) {\n      var mCode = modelMatch ? modelMatch[0].toUpperCase() : \"ASW-AR-24\";\n      appendBotMessage(\n        \"You can configure chassis metallurgy (SUS304\/SUS316\/Aluminium), architectural finish, barrier wings, and biometric integrations for <strong>\" + mCode + \"<\/strong> in our Interactive Configurator Studio.<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/configurator-new\/?model=\" + encodeURIComponent(mCode) + \"' class='zt-chat-card-link'>Configure \" + mCode + \" &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 5. Quotation \/ Pricing \/ Cost \/ Enquire\n    if (query.includes('quote') || query.includes('quotation') || query.includes('price') || query.includes('pricing') || query.includes('cost') || query.includes('tender') || query.includes('how much') || query.includes('enquire') || query.includes('enquiry')) {\n      appendBotMessage(\n        \"Because Zoom Tech entrance security systems are engineered to custom site dimensions, metallurgy, and access integrations, pricing is tailored per project requirements. Our Singapore engineering team will prepare an official quotation for your specification.<br\/><br\/>\" +\n        \"\u2022 <strong>Sales Desk:<\/strong> salesteam@zoomtech.com.sg<br\/>\" +\n        \"\u2022 <strong>Telephone \/ WhatsApp:<\/strong> +65 6904 1285<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/' class='zt-chat-card-link'>Request Official Quote &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 6. ZoomFace \/ Biometrics Inquiries\n    if (query.includes('zoomface') || query.includes('zoom face') || query.includes('biometric') || query.includes('facial recognition') || query.includes('face recognition') || (query.includes('facial') && !query.includes('compare'))) {\n      appendBotMessage(\n        \"<strong>ZoomFace<\/strong> provides AI-powered biometric admission control terminals integrated directly into turnstiles and speed gates. It supports local instant facial matching in under 0.2s for contactless pedestrian admission.<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/' class='zt-chat-card-link'>Explore ZoomFace Biometrics &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ 7. ZoomSurveillance Inquiries\n    if (query.includes('zoomsurveillance') || query.includes('zoom surveillance') || query.includes('surveillance') || query.includes('cctv') || query.includes('camera') || query.includes('i-lids') || query.includes('hosdb') || query.includes('video analytics')) {\n      appendBotMessage(\n        \"<strong>ZoomSurveillance<\/strong> delivers intelligent video analytics and Central Monitoring Station (CMS) solutions certified as a primary detection system by the UK Home Office (HoSDB \/ i-LIDS\u00ae) for sterile zone perimeter monitoring, featuring ClickThru\u2122 3-click alarm management.<br\/><br\/>\" +\n        \"<a href='https:\/\/www.zoomtech.com.sg\/staging\/surveillance\/' class='zt-chat-card-link'>Explore ZoomSurveillance &rarr;<\/a>\"\n      );\n      return;\n    }\n\n    \/\/ Default intelligent fall-through\n    appendBotMessage(\n      \"Thank you for your question. You can explore our entrance hardware catalogue or connect directly with our engineering team for specifications, drawings, and quotations:<br\/><br\/>\" +\n      \"\u2022 <strong>Products Catalogue:<\/strong> <a href='https:\/\/www.zoomtech.com.sg\/staging\/products-new\/' class='zt-chat-card-link'>View Products &rarr;<\/a><br\/>\" +\n      \"\u2022 <strong>Engineering Consultation:<\/strong> <a href='https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/' class='zt-chat-card-link'>Contact Sales Desk &rarr;<\/a>\"\n    );\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initChatbot);\n  } else {\n    initChatbot();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":30,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":1440,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/295\/revisions\/1440"}],"wp:attachment":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/media?parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}