{"id":1087,"date":"2026-09-29T09:58:52","date_gmt":"2026-09-29T09:58:52","guid":{"rendered":"https:\/\/www.zoomtech.com.sg\/staging\/?page_id=1087"},"modified":"2026-10-21T06:36:21","modified_gmt":"2026-10-21T06:36:21","slug":"home-new","status":"publish","type":"page","link":"https:\/\/www.zoomtech.com.sg\/staging\/home-new\/","title":{"rendered":"Home New"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1087\" class=\"elementor elementor-1087\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-zt_home_header elementor-widget elementor-widget-html\" data-id=\"zt_home_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 PAGE STATE (4-6px Below Text Baseline) *\/\n.zt-nav-link.zt-active-route {\n  color: #059669 !important;\n  font-weight: 700 !important;\n  position: relative !important;\n}\n.zt-nav-link.zt-active-route::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 2px !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_home_body elementor-widget elementor-widget-html\" data-id=\"zt_home_body\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZOOM TECH MASTER EDITORIAL INDUSTRIAL HOME BODY (PAGES 1087 & 6) -->\n<div id=\"zt-home-page\" style=\"width: 100%; background-color: #FFFFFF; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; margin: 0; padding: 0; color: #0F172A;\">\n\n    <!-- ==============================================================\n       SECTION 1 \u2014 HERO: EXACT LOCKED PREVIOUS ZOOM TECH HERO\n       ============================================================== -->\n  <div 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: 92vh; position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n      \n      <!-- Authentic Hero Banner Image with High Brightness & Subtle Scale Reveal (Media ID slider2.jpg) -->\n      <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/08\/slider2.jpg\" alt=\"ZoomGate Speed Gate Installation\" class=\"zt-hero-bg-img\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.88; display: block;\" \/>\n      \n      <!-- Professional Directional Vignette Gradient: Left Readability + Right Full Image Visibility -->\n      <div style=\"position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 23, 42, 0.78) 0%, rgba(15, 23, 42, 0.45) 35%, rgba(15, 23, 42, 0.12) 65%, rgba(15, 23, 42, 0.0) 100%);\"><\/div>\n\n      <!-- Master Hero Container (1440PX MASTER GRID) -->\n      <div style=\"position: relative; max-width: 1440px; margin: 0 auto; padding: 7.5rem 2.5rem 5.5rem 2.5rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.35rem; z-index: 3;\" class=\"zt-home-hero-container\">\n        \n        <!-- Step 1: Eyebrow Badge -->\n        <div class=\"zt-hero-eyebrow\" 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          SINGAPORE ACCESS ENGINEERING\n        <\/div>\n        \n        <!-- Step 2: Main Headline (Line-by-Line Entrance) -->\n        <h1 class=\"zt-hero-heading\" style=\"font-size: 3.5rem; font-weight: 800; color: #FFFFFF; letter-spacing: -0.03em; line-height: 1.1; margin: 0; max-width: 840px; text-shadow: 0 2px 10px rgba(0,0,0,0.3);\">\n          <span class=\"zt-hero-line zt-hero-line-1\">INTELLIGENT ACCESS.<\/span><br\/>\n          <span class=\"zt-hero-line zt-hero-line-2\">DESIGNED FOR EVERY ENTRANCE.<\/span>\n        <\/h1>\n        \n        <!-- Step 3: Supporting Paragraph -->\n        <p class=\"zt-hero-desc\" style=\"font-size: 1.15rem; line-height: 1.6; color: #E2E8F0; max-width: 640px; margin: 0; text-shadow: 0 1px 6px rgba(0,0,0,0.3);\">\n          Precision pedestrian turnstiles, optical speed gates, and facial biometric admission systems engineered for demanding commercial, transit, and security facilities.\n        <\/p>\n        \n        <!-- Step 4: CTA Action Buttons -->\n        <div class=\"zt-hero-cta\" style=\"display: flex; flex-direction: row; gap: 1rem; align-items: center; margin-top: 0.75rem; flex-wrap: wrap;\">\n          <a href=\"#sec-home-zoomgate\" class=\"zt-btn-primary\" style=\"text-decoration: none; background-color: #059669; color: #FFFFFF; font-weight: 600; font-size: 0.95rem; padding: 0.85rem 2rem; border-radius: 9999px; transition: background-color 0.18s ease; display: inline-flex; align-items: center; gap: 6px;\">\n            <span>Explore Products<\/span> &rarr;\n          <\/a>\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-btn-secondary\" style=\"text-decoration: none; background-color: rgba(255, 255, 255, 0.18); color: #FFFFFF; font-weight: 500; font-size: 0.95rem; padding: 0.85rem 2rem; border-radius: 9999px; border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(8px); transition: all 0.18s ease;\">\n            Talk to us\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- Minimal Downward Scroll Arrow (Bottom Center) -->\n      <a href=\"#sec-home-intro\" class=\"zt-hero-scroll-btn\" aria-label=\"Scroll to explore entrance solutions\" style=\"position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); color: #FFFFFF; opacity: 0.75; text-decoration: none; z-index: 4;\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 2 \u2014 CLEAN MINIMAL EDITORIAL NAVIGATION STRIP (NO BLUE BAR)\n       ============================================================== -->\n  <div id=\"sec-home-capability-strip\" style=\"width: 100%; background: #FFFFFF; border-bottom: 1px solid #E2E8F0; padding: 1.5rem 0; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; box-sizing: border-box;\" class=\"zt-strip-5col\">\n      \n      <!-- 1. ZoomGate -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/zoomgate\/\" class=\"zt-strip-minimal-item\" style=\"text-decoration: none; border-right: 1px solid #E2E8F0; padding-right: 14px; display: flex; flex-direction: column; gap: 3px;\">\n        <div style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">01 \u2022 ENTRANCE GATES<\/div>\n        <div class=\"zt-strip-title\" style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; transition: color 0.18s ease;\">ZoomGate<\/div>\n        <div style=\"font-size: 0.80rem; color: #64748B; line-height: 1.4;\">Turnstiles &amp; Speed Lanes<\/div>\n      <\/a>\n\n      <!-- 2. ZoomAccess -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-strip-minimal-item\" style=\"text-decoration: none; border-right: 1px solid #E2E8F0; padding-right: 14px; display: flex; flex-direction: column; gap: 3px;\">\n        <div style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">02 \u2022 CONTROL LAYER<\/div>\n        <div class=\"zt-strip-title\" style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; transition: color 0.18s ease;\">ZoomAccess<\/div>\n        <div style=\"font-size: 0.80rem; color: #64748B; line-height: 1.4;\">Turnstile Management &amp; Lift Sync<\/div>\n      <\/a>\n\n      <!-- 3. ZoomFace -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-strip-minimal-item\" style=\"text-decoration: none; border-right: 1px solid #E2E8F0; padding-right: 14px; display: flex; flex-direction: column; gap: 3px;\">\n        <div style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">03 \u2022 BIOMETRICS<\/div>\n        <div class=\"zt-strip-title\" style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; transition: color 0.18s ease;\">ZoomFace<\/div>\n        <div style=\"font-size: 0.80rem; color: #64748B; line-height: 1.4;\">AI Biometric Terminals<\/div>\n      <\/a>\n\n      <!-- 4. ZoomSurveillance -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/surveillance\/\" class=\"zt-strip-minimal-item\" style=\"text-decoration: none; border-right: 1px solid #E2E8F0; padding-right: 14px; display: flex; flex-direction: column; gap: 3px;\">\n        <div style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">04 \u2022 MONITORING<\/div>\n        <div class=\"zt-strip-title\" style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; transition: color 0.18s ease;\">ZoomSurveillance<\/div>\n        <div style=\"font-size: 0.80rem; color: #64748B; line-height: 1.4;\">i-LIDS Certified Video Analytics<\/div>\n      <\/a>\n\n      <!-- 5. ZoomIOT -->\n      <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/solutions-new\/\" class=\"zt-strip-minimal-item\" style=\"text-decoration: none; display: flex; flex-direction: column; gap: 3px;\">\n        <div style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.1em; text-transform: uppercase;\">05 \u2022 TELEMETRY<\/div>\n        <div class=\"zt-strip-title\" style=\"font-size: 1.05rem; font-weight: 800; color: #0F172A; transition: color 0.18s ease;\">ZoomIOT<\/div>\n        <div style=\"font-size: 0.80rem; color: #64748B; line-height: 1.4;\">Gateways &amp; Device Health<\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 3 \u2014 CLEAN EDITORIAL BRAND STATEMENT (PLAIN WHITE BACKGROUND)\n       ============================================================== -->\n  <div id=\"sec-home-intro\" style=\"width: 100%; padding: 6.5rem 0 7rem 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; display: grid; grid-template-columns: 1.38fr 1fr; gap: 4.5rem; align-items: center; box-sizing: border-box;\" class=\"zt-home-intro-grid\">\n      \n      <!-- Left Column: Authentic Our Work Project Carousel -->\n      <div class=\"zt-home-work-carousel\" style=\"position: relative; border-radius: 16px; overflow: hidden; border: 1.5px solid #CBD5E1; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06); height: 500px; box-sizing: border-box; background: #0F172A;\">\n        \n        <!-- Slides Track -->\n        <div id=\"zt-home-work-track\" style=\"position: relative; width: 100%; height: 100%; overflow: hidden;\">\n          \n          <!-- Slide 1 (Active First Slide) -->\n          <div class=\"zt-work-slide is-active\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s ease-in-out; pointer-events: auto; z-index: 2;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/project-1.png\" alt=\"Zoom Tech Commercial Entrance Turnstile Installation - Duo Tower Singapore\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n            <div class=\"zt-slide-caption\" style=\"position: absolute; bottom: 20px; left: 20px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 0.8rem; font-weight: 700; z-index: 2;\">\n              Commercial Lobby Deployment \u2022 Singapore\n            <\/div>\n          <\/div>\n\n          <!-- Slide 2 -->\n          <div class=\"zt-work-slide\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; z-index: 1;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/CPF-Tampines-.jpg\" alt=\"Zoom Tech Access Turnstiles - CPF Tampines Singapore\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n            <div class=\"zt-slide-caption\" style=\"position: absolute; bottom: 20px; left: 20px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 0.8rem; font-weight: 700; z-index: 2;\">\n              CPF Tampines Gateway \u2022 Singapore\n            <\/div>\n          <\/div>\n\n          <!-- Slide 3 -->\n          <div class=\"zt-work-slide\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; z-index: 1;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/CapitaLand-Honeywell-HQ-.jpg\" alt=\"Zoom Tech Speed Gates - CapitaLand Honeywell HQ Singapore\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n            <div class=\"zt-slide-caption\" style=\"position: absolute; bottom: 20px; left: 20px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 0.8rem; font-weight: 700; z-index: 2;\">\n              CapitaLand Honeywell HQ \u2022 Singapore\n            <\/div>\n          <\/div>\n\n          <!-- Slide 4 -->\n          <div class=\"zt-work-slide\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; z-index: 1;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/10\/Aetos_feature.jpg\" alt=\"Zoom Tech Speed Gates - AETOS Building Security Singapore\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n            <div class=\"zt-slide-caption\" style=\"position: absolute; bottom: 20px; left: 20px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 0.8rem; font-weight: 700; z-index: 2;\">\n              AETOS Building Security \u2022 Singapore\n            <\/div>\n          <\/div>\n\n          <!-- Slide 5 -->\n          <div class=\"zt-work-slide\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; z-index: 1;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/seletar-airport.jpg\" alt=\"Zoom Tech Flap Barrier Gates - Seletar Airport Singapore\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n            <div class=\"zt-slide-caption\" style=\"position: absolute; bottom: 20px; left: 20px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 0.8rem; font-weight: 700; z-index: 2;\">\n              Seletar Airport Transit \u2022 Singapore\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Navigation Controls (Top Right) -->\n        <div style=\"position: absolute; top: 16px; right: 16px; display: flex; align-items: center; gap: 6px; z-index: 4;\">\n          <button type=\"button\" id=\"zt-home-work-prev\" aria-label=\"Previous project photo\" style=\"width: 34px; height: 34px; border-radius: 50%; background: rgba(15, 23, 42, 0.75); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s ease; padding: 0;\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n          <\/button>\n          <button type=\"button\" id=\"zt-home-work-next\" aria-label=\"Next project photo\" style=\"width: 34px; height: 34px; border-radius: 50%; background: rgba(15, 23, 42, 0.75); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s ease; padding: 0;\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n          <\/button>\n        <\/div>\n\n        <!-- Pagination Dots (Bottom Right) -->\n        <div id=\"zt-home-work-dots\" style=\"position: absolute; bottom: 22px; right: 20px; display: flex; align-items: center; gap: 6px; z-index: 4;\">\n          <span class=\"zt-work-dot is-active\" style=\"width: 20px; height: 8px; border-radius: 9999px; background: #10B981; transition: all 0.2s ease; cursor: pointer;\"><\/span>\n          <span class=\"zt-work-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); transition: all 0.2s ease; cursor: pointer;\"><\/span>\n          <span class=\"zt-work-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); transition: all 0.2s ease; cursor: pointer;\"><\/span>\n          <span class=\"zt-work-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); transition: all 0.2s ease; cursor: pointer;\"><\/span>\n          <span class=\"zt-work-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); transition: all 0.2s ease; cursor: pointer;\"><\/span>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right Column: Editorial Positioning & Underlined Text Link (42% Width) -->\n      <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.25rem;\">\n        <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">MANUFACTURING EXCELLENCE<\/span>\n        <h2 style=\"font-size: 2.85rem; font-weight: 800; color: #0F172A; letter-spacing: -0.035em; line-height: 1.1; margin: 0;\">\n          Access Control, Designed Around The Way People Move.\n        <\/h2>\n        <p style=\"font-size: 1.1rem; line-height: 1.68; color: #475569; margin: 4px 0 0 0; font-weight: 400;\">\n          Zoom Tech designs and manufactures high-throughput turnstiles, optical speed gates, and facial biometric terminals. Built with high-grade SUS304 stainless steel housings and continuous-duty motor drives, our systems secure high-traffic commercial and critical facilities.\n        <\/p>\n        <div style=\"margin-top: 0.5rem;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/about-new\/\" class=\"zt-editorial-text-link\">\n            <span>Learn More About Zoom Tech<\/span>\n            <span class=\"zt-link-arrow\">&rarr;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 4 \u2014 ZOOMGATE PRODUCT SHOWCASE (RICH DEDICATED SHOWCASE)\n       ============================================================== -->\n  <div id=\"sec-home-zoomgate\" style=\"width: 100%; padding: 6.5rem 0 7rem 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; display: flex; flex-direction: column; gap: 3.5rem; width: 100%; box-sizing: border-box;\">\n      \n      <!-- Section Header & Navigation Action -->\n      <div style=\"display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 2rem; width: 100%; box-sizing: border-box;\" class=\"zt-home-zg-header\">\n        <div style=\"display: flex; flex-direction: column; gap: 0.75rem; max-width: 780px;\">\n          <h2 style=\"font-size: 2.6rem; font-weight: 800; color: #0F172A; letter-spacing: -0.035em; line-height: 1.1; margin: 0;\">\n            Explore ZoomGate\n          <\/h2>\n          <p style=\"font-size: 1.05rem; line-height: 1.65; color: #475569; margin: 0;\">\n            Comprehensive pedestrian barrier hardware engineered for continuous duty. Five specialized families spanning high-security full height turnstiles, optical speed swing gates, and retractable flap barriers.\n          <\/p>\n        <\/div>\n        <div style=\"flex-shrink: 0;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/products-new\/\" class=\"zt-btn-home-primary\" style=\"text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; background-color: #059669; color: #FFFFFF; font-weight: 700; font-size: 0.95rem; padding: 0.85rem 2rem; border-radius: 9999px; transition: background-color 0.18s ease; display: inline-flex; align-items: center; gap: 6px;\">\n            <span>View all models<\/span> &rarr;\n          <\/a>\n        <\/div>\n      <\/div>\n\n            <!-- EXACTLY 6 PRODUCT FAMILY CARDS (SWING, DROP-ARM, FULL HEIGHT, FLAP, TRIPOD, CARPARK) -->\n      <div style=\"display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; width: 100%; box-sizing: border-box;\" class=\"zt-6-products-row\">\n        \n        <!-- 1. Swing Gates -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/swing-gate-system\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-sg-ar-02-hero-render.png\" alt=\"Swing Gates System\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">SWING SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Swing Gates<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">Optical swing barrier gate system<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n        <!-- 2. Drop-arm Barriers -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/speed-swing-gate-system\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-asw-ar-21-hero-render.png\" alt=\"Drop-arm Barriers\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">DROP-ARM SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Drop-arm Barriers<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">High-speed drop-arm optical barrier<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n        <!-- 3. Full Height Turnstiles -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/max-turnstile-gate-system\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-ft-fm-02-hero-render.png\" alt=\"Full Height Turnstiles\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">MAX SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Full Height Turnstiles<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">Perimeter &amp; high-security turnstiles<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n        <!-- 4. Flap Barriers -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/wing-flap-gate-system\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-afh-ar-01-hero-render.png\" alt=\"Flap Barriers\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">WING SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Flap Barriers<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">Retractable wing flap barrier system<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n        <!-- 5. Tripod Turnstiles -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/tri-tripod-system\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-tp-md-02-a-hero-render.png\" alt=\"Tripod Turnstiles\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">TRI SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Tripod Turnstiles<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">Compact 3-arm tripod turnstile system<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n        <!-- 6. Carpark Barriers (NEW 6TH CARD) -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/zoomgate\/\" class=\"zt-home-prod-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; cursor: pointer;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 200px; background: radial-gradient(circle at center, #FFFFFF 0%, #F8FAFC 100%); display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; border-bottom: 1px solid #F1F5F9; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2026\/09\/zoomtech-asd-sa-01-hero-render.png\" alt=\"Carpark Barriers System\" class=\"zt-zoom-img\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 16px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: space-between;\">\n            <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n              <span style=\"font-size: 0.70rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">BARRIER SERIES<\/span>\n              <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0; line-height: 1.25;\">Carpark Barriers<\/h3>\n              <p style=\"font-size: 0.80rem; line-height: 1.45; color: #64748B; margin: 2px 0 0 0;\">Automated vehicular barrier gates<\/p>\n            <\/div>\n            <div class=\"zt-card-action-link\" style=\"font-size: 0.82rem; font-weight: 700; color: #059669; display: flex; align-items: center; gap: 4px; margin-top: 4px;\">\n              <span>Explore Family<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 5 \u2014 ZOOMACCESS \/ ACCESS MANAGEMENT SYSTEM (DARK SPLIT INDUSTRIAL)\n       ============================================================== -->\n  <div id=\"sec-home-zoomaccess\" style=\"width: 100%; padding: 6.5rem 0 7rem 0; background-color: #0F172A; color: #FFFFFF; border-bottom: 1px solid #1E293B; box-sizing: border-box;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; display: grid; grid-template-columns: 1fr 1.08fr; gap: 4.5rem; align-items: center; box-sizing: border-box;\" class=\"zt-sol-split-grid\">\n      \n      <!-- Left Content: ZoomAccess Management System Software Platform -->\n      <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.5rem;\">\n        \n        <div style=\"display: inline-flex; align-items: center; gap: 8px; width: fit-content; font-size: 0.75rem; font-weight: 800; color: #10B981; letter-spacing: 0.14em; text-transform: uppercase;\">\n          <span style=\"width: 6px; height: 6px; border-radius: 50%; background-color: #10B981; display: inline-block;\"><\/span>\n          ZOOMACCESS MANAGEMENT SYSTEM\n        <\/div>\n\n        <h2 style=\"font-size: 2.75rem; font-weight: 800; color: #FFFFFF; letter-spacing: -0.035em; line-height: 1.1; margin: 0;\">\n          One Platform. Complete Access Management.\n        <\/h2>\n\n        <p style=\"font-size: 1.1rem; line-height: 1.65; color: #CBD5E1; margin: 0;\">\n          Manage people, visitors, vehicles and facilities through one integrated software platform. Customisable workflows, centralised access control, visitor management, lift management and reporting\u2014all in one system.\n        <\/p>\n\n        <!-- Structured 2-Column Capability List -->\n        <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 24px; width: 100%; box-sizing: border-box; margin-top: 0.5rem;\" class=\"zt-home-za-grid\">\n          \n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Centralised Access Control<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Customisable Workflows<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Visitor Management System<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Scheduling Management<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Lift &amp; Destination Control<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Vehicle &amp; Barrier Control<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Real-Time Status Monitoring<\/span>\n          <\/div>\n\n          <div style=\"display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid #1E293B; padding-top: 10px;\">\n            <span style=\"color: #10B981; font-weight: 800;\">\u2713<\/span>\n            <span style=\"font-size: 0.88rem; color: #E2E8F0; font-weight: 600;\">Audit &amp; Reporting Portal<\/span>\n          <\/div>\n\n        <\/div>\n\n        <div style=\"margin-top: 0.75rem;\">\n          <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-btn-home-primary\" style=\"text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; background-color: #059669; color: #FFFFFF; font-weight: 700; font-size: 0.95rem; padding: 0.85rem 2rem; border-radius: 9999px; transition: background-color 0.18s ease; display: inline-flex; align-items: center; gap: 6px;\">\n            <span>Explore ZoomAccess Platform<\/span> &rarr;\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right Visual: ZoomAccess Software & Management Dashboard Interface -->\n      <div class=\"zt-img-frame\" style=\"border-radius: 18px; overflow: hidden; border: 1.5px solid #1E293B; height: 500px; box-sizing: border-box; position: relative; background: #0B1220; display: flex; align-items: center; justify-content: center; padding: 1.5rem;\">\n        <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_01.png\" alt=\"ZoomAccess Management System Software Platform Dashboard\" class=\"zt-zoom-img\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; display: block;\" \/>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 6 \u2014 EXACT RESTORED ALTERNATING RHYTHM:\n       ZOOMFACE (IMAGE LEFT -> TEXT RIGHT) & ZOOMACCESS (IMAGE RIGHT -> TEXT LEFT)\n       ============================================================== -->\n  <div id=\"sec-home-ecosystem\" style=\"width: 100%; padding: 6.5rem 0 7rem 0; background-color: #FFFFFF; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; border-bottom: 1px solid #E2E8F0;\">\n    <div style=\"max-width: 1440px; margin: 0 auto; padding: 0 2.5rem; width: 100%; display: flex; flex-direction: column; gap: 5.5rem; box-sizing: border-box;\">\n      \n      <!-- ROW 1 \u2014 ZOOMFACE BIOMETRICS: IMAGE LEFT (55%) + TEXT RIGHT (45%) -->\n      <div style=\"display: grid; grid-template-columns: 1.22fr 1fr; gap: 4.5rem; align-items: center;\" class=\"zt-home-split-grid\">\n        <div class=\"zt-img-frame\" style=\"border: 1.5px solid #CBD5E1; border-radius: 16px; height: 440px; overflow: hidden; margin: 0; padding: 0; box-shadow: 0 12px 36px rgba(15, 23, 42, 0.05); background: #F8FAFC;\">\n          <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/08\/zoomface-pic.jpg\" alt=\"ZoomFace Biometric Integration\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block;\" \/>\n        <\/div>\n        <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.15rem;\">\n          <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">BIOMETRIC INTEGRATION<\/span>\n          <h2 style=\"font-size: 2.45rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; line-height: 1.15; margin: 0;\">\n            ZoomFace Biometrics\n          <\/h2>\n          <p style=\"font-size: 1.08rem; line-height: 1.68; color: #475569; margin: 0;\">\n            Compact biometrics platform hosted directly in gates and barriers for contactless, high-throughput pedestrian admission control.\n          <\/p>\n          <div style=\"margin-top: 0.25rem;\">\n            <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/facial-recognition\/\" class=\"zt-editorial-text-link\">\n              <span>Explore Facial Recognition Solution<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ROW 2 \u2014 ZOOMACCESS CONTROL: TEXT LEFT (45%) + IMAGE RIGHT (55%) -->\n      <div style=\"display: grid; grid-template-columns: 1fr 1.22fr; gap: 4.5rem; align-items: center;\" class=\"zt-home-split-grid\">\n        <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.15rem;\">\n          <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">ENTERPRISE ARCHITECTURE<\/span>\n          <h2 style=\"font-size: 2.45rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; line-height: 1.15; margin: 0;\">\n            ZoomAccess Control\n          <\/h2>\n          <p style=\"font-size: 1.08rem; line-height: 1.68; color: #475569; margin: 0;\">\n            Web-enabled DIN rail controllers and expandable reader modules. Unified multi-factor RFID, QR-code, and biometric policy management with real-time audit logs and multi-gate synchronization.\n          <\/p>\n          <div style=\"margin-top: 0.25rem;\">\n            <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/access\/\" class=\"zt-editorial-text-link\">\n              <span>Explore Access Control Architecture<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n        <div class=\"zt-img-frame\" style=\"border: 1.5px solid #CBD5E1; border-radius: 16px; height: 440px; overflow: hidden; margin: 0; padding: 0; box-shadow: 0 12px 36px rgba(15, 23, 42, 0.05); background: #F8FAFC;\">\n          <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/09\/access_a.png\" alt=\"ProtegeWX Access Control Architecture\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 7 \u2014 ALTERNATING INDUSTRIAL STORYTELLING (58% \/ 42% PROPORTIONS)\n       ============================================================== -->\n  <div id=\"sec-home-alternating\" style=\"width: 100%; padding: 6.5rem 0 7rem 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; display: flex; flex-direction: column; gap: 6rem; width: 100%; box-sizing: border-box;\">\n      \n      <!-- Alternating 1: IMAGE LEFT (58%) + TEXT RIGHT (42%) (Commercial Headquarters Lobby) -->\n      <div style=\"display: grid; grid-template-columns: 1.38fr 1fr; gap: 4.5rem; align-items: center;\" class=\"zt-alt-row\">\n        <div class=\"zt-img-frame\" style=\"border-radius: 16px; overflow: hidden; border: 1.5px solid #CBD5E1; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05); height: 460px;\">\n          <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/battery.jpg\" alt=\"Commercial Corporate Headquarters\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n        <\/div>\n        <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.25rem;\">\n          <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">GRADE A COMMERCIAL LOBBIES<\/span>\n          <h3 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; margin: 0; line-height: 1.15;\">\n            Architectural Turnstiles Built for Corporate Facilities\n          <\/h3>\n          <p style=\"font-size: 1.1rem; line-height: 1.68; color: #64748B; margin: 0;\">\n            Multi-lane optical speed gate configurations engineered for financial towers and regional headquarters. High throughput passage flow paired with smooth brushless servo motor mechanisms.\n          <\/p>\n          <div style=\"margin-top: 0.25rem;\">\n            <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/speed-swing-gate-system\/\" class=\"zt-editorial-text-link\">\n              <span>Explore Speed Gate Series<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Alternating 2: TEXT LEFT (42%) + IMAGE RIGHT (58%) (High-Security Perimeter Checkpoints) -->\n      <div style=\"display: grid; grid-template-columns: 1fr 1.38fr; gap: 4.5rem; align-items: center;\" class=\"zt-alt-row\">\n        <div class=\"zt-fade-in-section\" style=\"display: flex; flex-direction: column; gap: 1.25rem;\">\n          <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">PERIMETER &amp; INDUSTRIAL DEFENSE<\/span>\n          <h3 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; margin: 0; line-height: 1.15;\">\n            Maximum Security Full-Height Turnstiles\n          <\/h3>\n          <p style=\"font-size: 1.1rem; line-height: 1.68; color: #64748B; margin: 0;\">\n            Full-height rotor barriers built in heavy-duty SUS304 and SUS316 stainless steel for industrial campuses, sensitive utility sites, and perimeter security checkpoints requiring strict single-person passage.\n          <\/p>\n          <div style=\"margin-top: 0.25rem;\">\n            <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/max-turnstile-gate-system\/\" class=\"zt-editorial-text-link\">\n              <span>Explore MAX Full Height Series<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n        <div class=\"zt-img-frame\" style=\"border-radius: 16px; overflow: hidden; border: 1.5px solid #CBD5E1; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05); height: 460px;\">\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=\"Full Height Turnstile Installation\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;\" \/>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 8 \u2014 OUR WORK \/ PROJECT SHOWCASE (AUTHENTIC GALLERY)\n       ============================================================== -->\n  <div id=\"sec-home-projects\" style=\"width: 100%; padding: 6.5rem 0 7rem 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; display: flex; flex-direction: column; gap: 3.5rem; width: 100%; box-sizing: border-box;\">\n      \n      <!-- Section Header -->\n      <div style=\"display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1.5rem;\">\n        <div style=\"display: flex; flex-direction: column; gap: 6px; max-width: 820px;\">\n          <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.14em; text-transform: uppercase;\">AUTHENTIC DEPLOYMENTS<\/span>\n          <h2 style=\"font-size: 2.35rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; margin: 0; line-height: 1.15;\">\n            Selected Project Installations\n          <\/h2>\n          <p style=\"font-size: 1.05rem; line-height: 1.6; color: #64748B; margin: 4px 0 0 0;\">\n            Real-world access control and turnstile deployments across Singapore commercial and mission-critical sites.\n          <\/p>\n        <\/div>\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-editorial-text-link\" style=\"font-size: 0.92rem;\">\n          <span>View All 16 Projects<\/span>\n          <span class=\"zt-link-arrow\">&rarr;<\/span>\n        <\/a>\n      <\/div>\n\n      <!-- 4 Real Project Cards (Entire Card Clickable to Our Work, Only Image Zooms) -->\n      <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 100%; box-sizing: border-box;\" class=\"zt-proj-grid\">\n        \n        <!-- Project 1: AETOS Building -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-home-project-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 220px; overflow: hidden;\">\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=\"AETOS Building Installation\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 18px 20px; display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">SECURITY HEADQUARTERS<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">Aetos Building<\/h3>\n            <span class=\"zt-card-action-link\" style=\"font-size: 0.82rem; color: #64748B; margin-top: 4px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px;\">\n              <span>ASW-AR-02 Speed Swing Gates<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Project 2: CPF Tampines -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-home-project-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 220px; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/project-1.png\" alt=\"CPF Tampines Installation\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 18px 20px; display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">PUBLIC SERVICE<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">CPF Tampines<\/h3>\n            <span class=\"zt-card-action-link\" style=\"font-size: 0.82rem; color: #64748B; margin-top: 4px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px;\">\n              <span>High-Throughput Lobby Turnstiles<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Project 3: Ademco SPH -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-home-project-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 220px; overflow: hidden;\">\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=\"Ademco SPH Installation\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 18px 20px; display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">PERIMETER DEFENSE<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">Ademco SPH<\/h3>\n            <span class=\"zt-card-action-link\" style=\"font-size: 0.82rem; color: #64748B; margin-top: 4px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px;\">\n              <span>FT-FM-120 Full Height Turnstiles<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Project 4: Seletar Airport -->\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/our-projects\/\" class=\"zt-home-project-card\" style=\"text-decoration: none; background: #FFFFFF; border: 1.5px solid #CBD5E1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02); transition: border-color 0.2s ease, box-shadow 0.2s ease;\">\n          <div class=\"zt-img-frame\" style=\"width: 100%; height: 220px; overflow: hidden;\">\n            <img decoding=\"async\" src=\"https:\/\/www.zoomtech.com.sg\/staging\/wp-content\/uploads\/2018\/07\/seletar-airport.jpg\" alt=\"Seletar Airport Installation\" class=\"zt-zoom-img\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\n          <\/div>\n          <div style=\"padding: 18px 20px; display: flex; flex-direction: column; gap: 4px;\">\n            <span style=\"font-size: 0.72rem; font-weight: 800; color: #059669; letter-spacing: 0.08em; text-transform: uppercase;\">AVIATION &amp; TRANSIT<\/span>\n            <h3 style=\"font-size: 1.15rem; font-weight: 800; color: #0F172A; margin: 0;\">Seletar Airport<\/h3>\n            <span class=\"zt-card-action-link\" style=\"font-size: 0.82rem; color: #64748B; margin-top: 4px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px;\">\n              <span>Automated Passenger Boarding Gates<\/span>\n              <span class=\"zt-link-arrow\">&rarr;<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ==============================================================\n       SECTION 9 \u2014 FINAL CTA (CLEAN WHITE BACKGROUND ARCHITECTURAL SECTION)\n       ============================================================== -->\n  <div id=\"sec-home-final-cta\" style=\"width: 100%; background-color: #FFFFFF; border-bottom: 1px solid #E2E8F0; padding: 6.5rem 0 7rem 0; box-sizing: border-box; text-align: center;\">\n    <div style=\"max-width: 860px; margin: 0 auto; padding: 0 2.5rem; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; box-sizing: border-box;\">\n      \n      <span style=\"font-size: 0.75rem; font-weight: 800; color: #059669; letter-spacing: 0.16em; text-transform: uppercase;\">CONSULT OUR ENGINEERS<\/span>\n      \n      <h2 style=\"font-size: 2.85rem; font-weight: 800; color: #0F172A; letter-spacing: -0.035em; line-height: 1.12; margin: 0;\">\n        Let's Build Smarter Access.\n      <\/h2>\n      \n      <p style=\"font-size: 1.15rem; line-height: 1.65; color: #475569; margin: 0; max-width: 640px; font-weight: 400;\">\n        Speak with our Singapore sales engineering desk for project specifications, site requirement assessments, and formal quotations.\n      <\/p>\n      \n      <div style=\"margin-top: 0.75rem;\">\n        <a href=\"https:\/\/www.zoomtech.com.sg\/staging\/contact-new\/\" class=\"zt-btn-home-primary\" style=\"text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; background-color: #059669; color: #FFFFFF; font-weight: 700; font-size: 0.95rem; padding: 0.95rem 2.5rem; border-radius: 9999px; transition: background-color 0.18s ease; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 18px rgba(5, 150, 105, 0.35);\">\n          <span>Talk to Zoom Tech<\/span> &rarr;\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* EXACT PREVIOUS HERO CSS RULES *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n.zt-hero-bg-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.88;\n  display: block;\n}\n\n.zt-btn-primary:hover {\n  background-color: #047857 !important;\n}\n\n.zt-btn-secondary:hover {\n  background-color: rgba(255, 255, 255, 0.28) !important;\n  border-color: rgba(255, 255, 255, 0.6) !important;\n}\n\n\/* SUBTLE FLOATING ANIMATION FOR HERO DOWN ARROW *\/\n.zt-hero-scroll-btn {\n  animation: ztFloatDownArrow 2.4s ease-in-out infinite !important;\n  transition: opacity 0.2s ease, color 0.2s ease !important;\n}\n\n.zt-hero-scroll-btn:hover {\n  opacity: 1 !important;\n  color: #10B981 !important;\n}\n\n.zt-hero-scroll-btn:focus-visible {\n  opacity: 1 !important;\n  color: #10B981 !important;\n  outline: 2px solid #10B981 !important;\n  outline-offset: 4px !important;\n  border-radius: 4px !important;\n}\n\n@keyframes ztFloatDownArrow {\n  0% {\n    transform: translateX(-50%) translateY(0);\n    opacity: 0.75;\n  }\n  50% {\n    transform: translateX(-50%) translateY(7px);\n    opacity: 0.95;\n  }\n  100% {\n    transform: translateX(-50%) translateY(0);\n    opacity: 0.75;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .zt-hero-scroll-btn {\n    animation: none !important;\n    transform: translateX(-50%) translateY(0) !important;\n    opacity: 0.75 !important;\n  }\n}\n\n\/* POST-HERO REFINED STYLES *\/\n.zt-btn-home-primary:hover {\n  background-color: #047857 !important;\n  transform: translateY(-1px);\n}\n\n.zt-strip-minimal-item:hover .zt-strip-title {\n  color: #059669 !important;\n}\n\n.zt-home-split-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  align-items: center;\n}\n\n\/* CARDS STAY COMPLETELY STABLE (NO CARD SCALING \/ JUMPING) *\/\n.zt-home-prod-card, .zt-home-project-card {\n  transform: none !important;\n}\n\n.zt-home-prod-card:hover, .zt-home-project-card:hover {\n  border-color: #059669 !important;\n  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;\n  transform: none !important;\n}\n\n\/* IMAGE WRAPPER ZOOM (SUBTLE 1.04x ZOOM INSIDE OVERFLOW: HIDDEN) *\/\n.zt-img-frame {\n  overflow: hidden !important;\n}\n\n.zt-zoom-img {\n  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n\n.zt-home-prod-card:hover .zt-zoom-img,\n.zt-home-project-card:hover .zt-zoom-img,\n.zt-img-frame:hover .zt-zoom-img {\n  transform: scale(1.04) !important;\n}\n\n\/* EDITORIAL TEXT LINK & ARROW SLIDE (4\u20136px TRANSLATION + GREEN UNDERLINE) *\/\n.zt-editorial-text-link {\n  text-decoration: underline;\n  text-decoration-color: #CBD5E1;\n  text-underline-offset: 4px;\n  font-size: 0.95rem;\n  font-weight: 700;\n  color: #059669;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  transition: color 0.18s ease, text-decoration-color 0.18s ease;\n}\n\n.zt-link-arrow {\n  display: inline-block;\n  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.zt-editorial-text-link:hover,\n.zt-home-prod-card:hover .zt-card-action-link,\n.zt-home-project-card:hover .zt-card-action-link {\n  color: #047857 !important;\n  text-decoration-color: #047857 !important;\n}\n\n.zt-editorial-text-link:hover .zt-link-arrow,\n.zt-home-prod-card:hover .zt-card-action-link .zt-link-arrow,\n.zt-home-project-card:hover .zt-card-action-link .zt-link-arrow {\n  transform: translateX(5px) !important;\n}\n\n\/* SECTION TRANSITION ENTRANCE ANIMATION (FADE-UP ON SCROLL) *\/\n.zt-fade-in-section {\n  animation: ztFadeUpSection 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n@keyframes ztFadeUpSection {\n  0% {\n    opacity: 0.7;\n    transform: translateY(12px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.zt-hero-heading {\n  font-size: clamp(2.4rem, 3.4vw, 3.4rem) !important;\n  line-height: 1.12 !important;\n  max-width: 820px !important;\n}\n\n.zt-hero-desc {\n  font-size: clamp(0.98rem, 1.15vw, 1.15rem) !important;\n  line-height: 1.6 !important;\n  max-width: 620px !important;\n}\n\n\/* SMALL DESKTOP \/ TABLET LANDSCAPE (1024px to 1140px) *\/\n@media (min-width: 1024px) and (max-width: 1140px) {\n  .zt-home-hero-container {\n    padding: 6rem 1.5rem 5rem 1.5rem !important;\n  }\n  .zt-hero-heading {\n    font-size: 2.5rem !important;\n    max-width: 680px !important;\n  }\n  .zt-hero-desc {\n    font-size: 1.05rem !important;\n    max-width: 560px !important;\n  }\n  .zt-strip-5col {\n    gap: 14px !important;\n    padding: 0 1.5rem !important;\n  }\n  .zt-home-intro-grid {\n    grid-template-columns: 52% 48% !important;\n    gap: 2.5rem !important;\n    padding: 0 1.5rem !important;\n  }\n  .zt-zg-hero-split {\n    grid-template-columns: 52% 48% !important;\n    gap: 2.5rem !important;\n  }\n  .zt-5-products-row {\n    gap: 12px !important;\n  }\n  .zt-sol-split-grid {\n    grid-template-columns: 48% 52% !important;\n    gap: 2.5rem !important;\n    padding: 0 1.5rem !important;\n  }\n}\n\n\/* TABLET RESPONSIVE (768px - 1023px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  .zt-home-hero-container {\n    padding: 5.5rem 2rem 4.5rem 2rem !important;\n  }\n  .zt-hero-heading {\n    font-size: 2.85rem !important;\n    line-height: 1.15 !important;\n  }\n  .zt-strip-5col {\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 20px !important;\n    padding: 0 2rem !important;\n  }\n  .zt-home-intro-grid {\n    grid-template-columns: 1fr !important;\n    gap: 3rem !important;\n    padding: 0 2rem !important;\n  }\n  .zt-home-intro-grid .zt-img-frame {\n    height: 400px !important;\n  }\n  .zt-zg-hero-split {\n    grid-template-columns: 1fr !important;\n    gap: 2.5rem !important;\n  }\n  .zt-5-products-row {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 20px !important;\n  }\n  .zt-sol-split-grid {\n    grid-template-columns: 1fr !important;\n    gap: 3rem !important;\n    padding: 0 2rem !important;\n  }\n  .zt-sol-split-grid .zt-img-frame {\n    height: 400px !important;\n  }\n  #sec-home-ecosystem > div {\n    padding: 0 2rem !important;\n    gap: 4.5rem !important;\n  }\n  .zt-home-split-grid {\n    grid-template-columns: 1fr !important;\n    gap: 2.5rem !important;\n  }\n  .zt-home-split-grid .zt-img-frame {\n    height: 380px !important;\n  }\n  #sec-home-alternating > div {\n    padding: 0 2rem !important;\n    gap: 4.5rem !important;\n  }\n  .zt-alt-row {\n    grid-template-columns: 1fr !important;\n    gap: 2.5rem !important;\n  }\n  .zt-alt-row .zt-img-frame {\n    height: 380px !important;\n  }\n  #sec-home-projects > div {\n    padding: 0 2rem !important;\n  }\n  .zt-proj-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 20px !important;\n  }\n  #sec-home-intro,\n  #sec-home-zoomgate,\n  #sec-home-zoomaccess,\n  #sec-home-ecosystem,\n  #sec-home-alternating,\n  #sec-home-projects,\n  #sec-home-final-cta {\n    padding: 4.5rem 0 5rem 0 !important;\n  }\n}\n\n\/* MOBILE RESPONSIVE (<= 767px) *\/\n@media (max-width: 767px) {\n  .zt-home-hero-container {\n    padding: 4.5rem 1.25rem 4rem 1.25rem !important;\n  }\n  .zt-hero-heading {\n    font-size: clamp(2rem, 7.5vw, 2.5rem) !important;\n    line-height: 1.15 !important;\n    word-break: break-word !important;\n  }\n  .zt-hero-desc {\n    font-size: 1rem !important;\n    line-height: 1.6 !important;\n  }\n  .zt-hero-cta {\n    width: 100% !important;\n  }\n  .zt-hero-cta a {\n    width: 100% !important;\n    text-align: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n  }\n  .zt-strip-5col {\n    grid-template-columns: 1fr !important;\n    gap: 14px !important;\n    padding: 0 1.25rem !important;\n  }\n  .zt-strip-minimal-item {\n    border-right: none !important;\n    border-bottom: 1px solid #F1F5F9 !important;\n    padding-right: 0 !important;\n    padding-bottom: 10px !important;\n  }\n  .zt-strip-minimal-item:last-child {\n    border-bottom: none !important;\n    padding-bottom: 0 !important;\n  }\n  #sec-home-intro {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  .zt-home-intro-grid {\n    grid-template-columns: 1fr !important;\n    gap: 2rem !important;\n    padding: 0 1.25rem !important;\n  }\n  .zt-home-intro-grid .zt-img-frame {\n    height: 280px !important;\n    border-radius: 12px !important;\n  }\n  #sec-home-intro h2 {\n    font-size: clamp(1.85rem, 6vw, 2.25rem) !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-zoomgate {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  #sec-home-zoomgate > div {\n    padding: 0 1.25rem !important;\n    gap: 2.25rem !important;\n  }\n  .zt-zg-hero-split {\n    grid-template-columns: 1fr !important;\n    gap: 1.75rem !important;\n  }\n  .zt-zg-hero-split .zt-img-frame {\n    height: 280px !important;\n    padding: 1.25rem !important;\n    border-radius: 14px !important;\n  }\n  .zt-zg-hero-split .zt-img-frame img {\n    max-height: 240px !important;\n  }\n  #sec-home-zoomgate h2 {\n    font-size: clamp(1.85rem, 6vw, 2.25rem) !important;\n  }\n  .zt-5-products-row {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  #sec-home-zoomaccess {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  .zt-sol-split-grid {\n    grid-template-columns: 1fr !important;\n    gap: 2rem !important;\n    padding: 0 1.25rem !important;\n  }\n  #sec-home-zoomaccess h2 {\n    font-size: clamp(1.85rem, 6vw, 2.25rem) !important;\n    line-height: 1.18 !important;\n  }\n  .zt-home-za-grid {\n    grid-template-columns: 1fr !important;\n    gap: 8px !important;\n  }\n  .zt-sol-split-grid .zt-img-frame {\n    height: 280px !important;\n    border-radius: 12px !important;\n  }\n  #sec-home-ecosystem {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  #sec-home-ecosystem > div {\n    padding: 0 1.25rem !important;\n    gap: 3.5rem !important;\n  }\n  .zt-home-split-grid {\n    grid-template-columns: 1fr !important;\n    gap: 1.75rem !important;\n  }\n  .zt-home-split-grid .zt-img-frame {\n    height: 260px !important;\n    border-radius: 12px !important;\n  }\n  #sec-home-ecosystem h2 {\n    font-size: clamp(1.75rem, 5.5vw, 2.15rem) !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-alternating {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  #sec-home-alternating > div {\n    padding: 0 1.25rem !important;\n    gap: 3.5rem !important;\n  }\n  .zt-alt-row {\n    grid-template-columns: 1fr !important;\n    gap: 1.75rem !important;\n  }\n  .zt-alt-row .zt-img-frame {\n    height: 260px !important;\n    border-radius: 12px !important;\n  }\n  #sec-home-alternating h3 {\n    font-size: clamp(1.75rem, 5.5vw, 2.15rem) !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-projects {\n    padding: 3.5rem 0 4rem 0 !important;\n  }\n  #sec-home-projects > div {\n    padding: 0 1.25rem !important;\n    gap: 2.25rem !important;\n  }\n  #sec-home-projects h2 {\n    font-size: clamp(1.85rem, 6vw, 2.25rem) !important;\n  }\n  .zt-proj-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  #sec-home-final-cta {\n    padding: 3.5rem 1.25rem 4rem 1.25rem !important;\n  }\n  #sec-home-final-cta h2 {\n    font-size: clamp(1.85rem, 6vw, 2.25rem) !important;\n    line-height: 1.18 !important;\n  }\n}\n\n\/* NARROW MOBILE (<= 360px, e.g. 320px) *\/\n@media (max-width: 360px) {\n  .zt-home-hero-container {\n    padding: 3.5rem 1rem 3rem 1rem !important;\n  }\n  .zt-hero-heading {\n    font-size: 1.85rem !important;\n  }\n  .zt-strip-5col,\n  .zt-home-intro-grid,\n  #sec-home-zoomgate > div,\n  .zt-sol-split-grid,\n  #sec-home-ecosystem > div,\n  #sec-home-alternating > div,\n  #sec-home-projects > div {\n    padding: 0 1rem !important;\n  }\n  .zt-home-intro-grid .zt-img-frame,\n  .zt-zg-hero-split .zt-img-frame,\n  .zt-sol-split-grid .zt-img-frame,\n  .zt-home-split-grid .zt-img-frame,\n  .zt-alt-row .zt-img-frame {\n    height: 230px !important;\n  }\n  #sec-home-intro h2,\n  #sec-home-zoomgate h2,\n  #sec-home-zoomaccess h2,\n  #sec-home-ecosystem h2,\n  #sec-home-alternating h3,\n  #sec-home-projects h2,\n  #sec-home-final-cta h2 {\n    font-size: 1.65rem !important;\n  }\n}\n\n\n\n\/* DELIBERATE RESPONSIVE TYPE SCALE FOR ZOOM TECH HOMEPAGE *\/\n\n\/* Large Desktop (>= 1200px) *\/\n@media (min-width: 1200px) {\n  .zt-hero-heading {\n    font-size: 3.45rem !important;\n    line-height: 1.08 !important;\n  }\n  .zt-hero-desc {\n    font-size: 1.15rem !important;\n    line-height: 1.65 !important;\n  }\n  #sec-home-intro h2 {\n    font-size: 2.85rem !important;\n    line-height: 1.1 !important;\n  }\n  #sec-home-zoomgate h2 {\n    font-size: 2.65rem !important;\n    line-height: 1.1 !important;\n  }\n  #sec-home-zoomaccess h2 {\n    font-size: 2.75rem !important;\n    line-height: 1.1 !important;\n  }\n  #sec-home-ecosystem h2 {\n    font-size: 2.45rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-alternating h3 {\n    font-size: 2.35rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-projects h2 {\n    font-size: 2.35rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-final-cta h2 {\n    font-size: 2.85rem !important;\n    line-height: 1.12 !important;\n  }\n}\n\n\/* Small Desktop \/ Tablet Landscape (1024px to 1199px) *\/\n@media (min-width: 1024px) and (max-width: 1199px) {\n  .zt-hero-heading {\n    font-size: 2.95rem !important;\n    line-height: 1.1 !important;\n  }\n  .zt-hero-desc {\n    font-size: 1.08rem !important;\n    line-height: 1.6 !important;\n  }\n  #sec-home-intro h2 {\n    font-size: 2.45rem !important;\n    line-height: 1.12 !important;\n  }\n  #sec-home-zoomgate h2 {\n    font-size: 2.35rem !important;\n    line-height: 1.12 !important;\n  }\n  #sec-home-zoomaccess h2 {\n    font-size: 2.45rem !important;\n    line-height: 1.12 !important;\n  }\n  #sec-home-ecosystem h2 {\n    font-size: 2.25rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-alternating h3 {\n    font-size: 2.2rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-projects h2 {\n    font-size: 2.15rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-final-cta h2 {\n    font-size: 2.5rem !important;\n    line-height: 1.12 !important;\n  }\n}\n\n\/* Tablet Portrait (768px to 1023px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  .zt-hero-heading {\n    font-size: 2.65rem !important;\n    line-height: 1.12 !important;\n  }\n  .zt-hero-desc {\n    font-size: 1.05rem !important;\n    line-height: 1.6 !important;\n  }\n  #sec-home-intro h2 {\n    font-size: 2.2rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-zoomgate h2 {\n    font-size: 2.2rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-zoomaccess h2 {\n    font-size: 2.2rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-ecosystem h2 {\n    font-size: 2.1rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-alternating h3 {\n    font-size: 2.05rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-projects h2 {\n    font-size: 2.1rem !important;\n    line-height: 1.15 !important;\n  }\n  #sec-home-final-cta h2 {\n    font-size: 2.3rem !important;\n    line-height: 1.15 !important;\n  }\n}\n\n\/* Mobile (<= 767px) *\/\n@media (max-width: 767px) {\n  .zt-hero-heading {\n    font-size: 2.15rem !important;\n    line-height: 1.15 !important;\n  }\n  .zt-hero-desc {\n    font-size: 0.98rem !important;\n    line-height: 1.55 !important;\n  }\n  #sec-home-intro h2 {\n    font-size: 1.85rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-zoomgate h2 {\n    font-size: 1.85rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-zoomaccess h2 {\n    font-size: 1.85rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-ecosystem h2 {\n    font-size: 1.75rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-alternating h3 {\n    font-size: 1.75rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-projects h2 {\n    font-size: 1.75rem !important;\n    line-height: 1.18 !important;\n  }\n  #sec-home-final-cta h2 {\n    font-size: 1.85rem !important;\n    line-height: 1.18 !important;\n  }\n}\n\n\/* Small Mobile (<= 360px, e.g. 320px) *\/\n@media (max-width: 360px) {\n  .zt-hero-heading {\n    font-size: 1.85rem !important;\n  }\n  #sec-home-intro h2,\n  #sec-home-zoomgate h2,\n  #sec-home-zoomaccess h2,\n  #sec-home-ecosystem h2,\n  #sec-home-alternating h3,\n  #sec-home-projects h2,\n  #sec-home-final-cta h2 {\n    font-size: 1.65rem !important;\n  }\n}\n\n\/* PREVENT GRID TRACK OVERFLOW *\/\n.zt-home-intro-grid > div,\n.zt-zg-hero-split > div,\n.zt-sol-split-grid > div,\n.zt-home-split-grid > div,\n.zt-alt-row > div,\n.zt-5-products-row > div,\n.zt-proj-grid > div {\n  min-width: 0 !important;\n}\n\n#sec-home-intro h2,\n#sec-home-zoomgate h2,\n#sec-home-zoomaccess h2,\n#sec-home-ecosystem h2,\n#sec-home-alternating h3,\n#sec-home-projects h2 {\n  word-break: break-word !important;\n}\n\n\/* SMALL DESKTOP \/ TABLET LANDSCAPE (1024px to 1140px) *\/\n@media (min-width: 1024px) and (max-width: 1140px) {\n  #sec-home-intro > div,\n  #sec-home-zoomgate > div,\n  #sec-home-zoomaccess > div,\n  #sec-home-ecosystem > div,\n  #sec-home-alternating > div,\n  #sec-home-projects > div,\n  #sec-home-final-cta > div {\n    padding-left: 1.25rem !important;\n    padding-right: 1.25rem !important;\n    gap: 2rem !important;\n  }\n  .zt-home-intro-grid,\n  .zt-zg-hero-split,\n  .zt-sol-split-grid,\n  .zt-home-split-grid,\n  .zt-alt-row {\n    grid-template-columns: 1.15fr 1fr !important;\n    gap: 2rem !important;\n    padding-left: 1.25rem !important;\n    padding-right: 1.25rem !important;\n  }\n  .zt-sol-split-grid {\n    grid-template-columns: 1fr 1.15fr !important;\n  }\n  .zt-5-products-row {\n    grid-template-columns: repeat(5, 1fr) !important;\n    gap: 10px !important;\n  }\n  .zt-home-prod-card > div:first-child {\n    height: 160px !important;\n    padding: 0.75rem !important;\n  }\n  .zt-home-prod-card > div:last-child {\n    padding: 12px 10px !important;\n  }\n  .zt-home-prod-card h3 {\n    font-size: 1rem !important;\n  }\n  .zt-proj-grid {\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 12px !important;\n  }\n  .zt-home-project-card > div:first-child {\n    height: 160px !important;\n  }\n  .zt-home-project-card > div:last-child {\n    padding: 12px 10px !important;\n  }\n  .zt-home-project-card h3 {\n    font-size: 1rem !important;\n  }\n  #sec-home-intro h2,\n  #sec-home-zoomgate h2,\n  #sec-home-zoomaccess h2,\n  #sec-home-ecosystem h2,\n  #sec-home-alternating h3,\n  #sec-home-projects h2 {\n    font-size: 2.15rem !important;\n  }\n}\n\n\n\/* SMOOTH SCROLL OFFSET FOR PRODUCT SHOWCASE *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n#sec-home-zoomgate {\n  scroll-margin-top: 84px !important;\n}\n\n\n\/* 6-CARD PRODUCT SHOWCASE RESPONSIVE GRID *\/\n.zt-6-products-row {\n  display: grid !important;\n  grid-template-columns: repeat(6, 1fr) !important;\n  gap: 16px !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n@media (max-width: 1200px) {\n  .zt-6-products-row {\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 18px !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .zt-6-products-row {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n}\n\n<\/style>\n<script>\n\n  \/\/ Smooth scroll handler for Explore Products CTA\n  function initExploreCtaScroll() {\n    var exploreBtn = document.querySelector('.zt-hero-cta a[href=\"#sec-home-zoomgate\"]');\n    if (!exploreBtn) return;\n    \n    exploreBtn.addEventListener('click', function(e) {\n      e.preventDefault();\n      var target = document.getElementById('sec-home-zoomgate');\n      if (target) {\n        var headerOffset = 84;\n        var elementPosition = target.getBoundingClientRect().top;\n        var offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n        window.scrollTo({\n          top: offsetPosition,\n          behavior: 'smooth'\n        });\n        if (history.pushState) {\n          history.pushState(null, null, '#sec-home-zoomgate');\n        }\n      }\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initExploreCtaScroll);\n  } else {\n    initExploreCtaScroll();\n  }\n\n\n  \/\/ Project Showcase Carousel in Section 3\n  function initHomeWorkCarousel() {\n    var carousel = document.querySelector('.zt-home-work-carousel');\n    if (!carousel) return;\n\n    var slides = carousel.querySelectorAll('.zt-work-slide');\n    var dots = carousel.querySelectorAll('.zt-work-dot');\n    var prevBtn = document.getElementById('zt-home-work-prev');\n    var nextBtn = document.getElementById('zt-home-work-next');\n    if (!slides.length) return;\n\n    var currentIdx = 0;\n    var totalSlides = slides.length;\n    var autoPlayTimer = null;\n\n    function showSlide(index) {\n      if (index < 0) index = totalSlides - 1;\n      if (index >= totalSlides) index = 0;\n      currentIdx = index;\n\n      slides.forEach(function(s, i) {\n        if (i === currentIdx) {\n          s.classList.add('is-active');\n          s.style.opacity = '1';\n          s.style.pointerEvents = 'auto';\n          s.style.zIndex = '2';\n        } else {\n          s.classList.remove('is-active');\n          s.style.opacity = '0';\n          s.style.pointerEvents = 'none';\n          s.style.zIndex = '1';\n        }\n      });\n\n      dots.forEach(function(d, i) {\n        if (i === currentIdx) {\n          d.classList.add('is-active');\n          d.style.background = '#10B981';\n          d.style.width = '20px';\n          d.style.borderRadius = '9999px';\n        } else {\n          d.classList.remove('is-active');\n          d.style.background = 'rgba(255, 255, 255, 0.45)';\n          d.style.width = '8px';\n          d.style.borderRadius = '50%';\n        }\n      });\n    }\n\n    function nextSlide() {\n      showSlide(currentIdx + 1);\n    }\n\n    function prevSlide() {\n      showSlide(currentIdx - 1);\n    }\n\n    function startAutoPlay() {\n      stopAutoPlay();\n      autoPlayTimer = setInterval(nextSlide, 5000);\n    }\n\n    function stopAutoPlay() {\n      if (autoPlayTimer) {\n        clearInterval(autoPlayTimer);\n        autoPlayTimer = null;\n      }\n    }\n\n    if (nextBtn) {\n      nextBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n        nextSlide();\n        startAutoPlay();\n      });\n    }\n\n    if (prevBtn) {\n      prevBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n        prevSlide();\n        startAutoPlay();\n      });\n    }\n\n    dots.forEach(function(dot, idx) {\n      dot.addEventListener('click', function() {\n        showSlide(idx);\n        startAutoPlay();\n      });\n    });\n\n    carousel.addEventListener('mouseenter', stopAutoPlay);\n    carousel.addEventListener('mouseleave', startAutoPlay);\n\n    \/\/ Touch swipe support for mobile\n    var touchStartX = 0;\n    var touchEndX = 0;\n    carousel.addEventListener('touchstart', function(e) {\n      touchStartX = e.changedTouches[0].screenX;\n      stopAutoPlay();\n    }, { passive: true });\n\n    carousel.addEventListener('touchend', function(e) {\n      touchEndX = e.changedTouches[0].screenX;\n      if (touchStartX - touchEndX > 45) {\n        nextSlide();\n      } else if (touchEndX - touchStartX > 45) {\n        prevSlide();\n      }\n      startAutoPlay();\n    }, { passive: true });\n\n    \/\/ Initialize\n    showSlide(0);\n    startAutoPlay();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHomeWorkCarousel);\n  } else {\n    initHomeWorkCarousel();\n  }\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-zt_home_footer elementor-widget elementor-widget-html\" data-id=\"zt_home_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_home_chatbot elementor-widget elementor-widget-html\" data-id=\"zt_home_chatbot\" 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 (Branded Zoom Tech Assistant Character) -->\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: 58px; height: 58px; background-color: #0F172A; color: #FFFFFF; border: 2px solid #10B981; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 8px 24px rgba(15, 23, 42, 0.45), 0 0 20px rgba(16, 185, 129, 0.35); 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; box-sizing: border-box;\">\n    <!-- Precision Zoom Tech Assistant Robot Chat-Bubble Icon (from Brand Reference) -->\n    <div id=\"zt-chat-icon-open\" style=\"display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;\">\n      <svg width=\"36\" height=\"36\" viewBox=\"0 0 54 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: block;\">\n        <!-- Antenna (Emerald) -->\n        <line x1=\"27\" y1=\"20\" x2=\"27\" y2=\"13.5\" stroke=\"#10B981\" stroke-width=\"3.5\" stroke-linecap=\"round\" \/>\n        <circle cx=\"27\" cy=\"11\" r=\"3.5\" fill=\"#10B981\" \/>\n        \n        <!-- Radiating Alert Rays (Emerald) -->\n        <line x1=\"36\" y1=\"12\" x2=\"38.5\" y2=\"7.5\" stroke=\"#10B981\" stroke-width=\"3.2\" stroke-linecap=\"round\" \/>\n        <line x1=\"41\" y1=\"16.5\" x2=\"46\" y2=\"14\" stroke=\"#10B981\" stroke-width=\"3.2\" stroke-linecap=\"round\" \/>\n        <line x1=\"43\" y1=\"23\" x2=\"48\" y2=\"23\" stroke=\"#10B981\" stroke-width=\"3.2\" stroke-linecap=\"round\" \/>\n\n        <!-- Speech Bubble Head (Crisp White High-DPI Outline) -->\n        <path d=\"M19 20H35C40.5228 20 45 24.4772 45 30C45 35.5228 40.5228 40 35 40H25.5L18 46.5V40C13.0294 40 9 35.9706 9 31V29C9 24.0294 13.0294 20 18 20H19Z\" fill=\"#0F172A\" stroke=\"#FFFFFF\" stroke-width=\"4.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n\n        <!-- Assistant Eyes (Emerald Rounded Vertical Capsules) -->\n        <rect x=\"19\" y=\"27\" width=\"4.2\" height=\"8.5\" rx=\"2.1\" fill=\"#10B981\" \/>\n        <rect x=\"31\" y=\"27\" width=\"4.2\" height=\"8.5\" rx=\"2.1\" fill=\"#10B981\" \/>\n      <\/svg>\n    <\/div>\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: 92px; right: 24px; z-index: 2000000; 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; position: relative; z-index: 10;\">\n      \n      <!-- Left: Mobile Back Button + Brand Badge + Title -->\n      <div style=\"display: flex; align-items: center; gap: 8px; min-width: 0;\">\n        \n        <!-- Mobile Back Control (Visible on mobile <= 767px, 44x44px touch target) -->\n        <button id=\"zt-chat-btn-mobile-back\" type=\"button\" aria-label=\"Back to website\" class=\"zt-chat-back-btn\" style=\"display: none; background: transparent; border: none; color: #0F172A; cursor: pointer; min-width: 44px; min-height: 44px; width: 44px; height: 44px; border-radius: 8px; align-items: center; justify-content: center; padding: 0; margin-left: -6px; transition: all 0.15s ease;\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n            <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n          <\/svg>\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; min-width: 0;\">\n          <div style=\"font-size: 0.90rem; font-weight: 800; color: #0F172A; letter-spacing: 0.01em; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">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; flex-shrink: 0;\"><\/span>\n            <span style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">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; flex-shrink: 0;\">\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; min-width: 36px; min-height: 36px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: all 0.15s ease;\">\n          <svg width=\"16\" height=\"16\" 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; min-width: 36px; min-height: 36px; width: 36px; height: 36px; 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=\"20\" height=\"20\" 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 0 0 2.5px rgba(255, 255, 255, 0.95), 0 12px 30px rgba(15, 23, 42, 0.5), 0 0 25px rgba(16, 185, 129, 0.5);\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, #zt-chat-btn-mobile-back: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-send:focus-visible {\n  outline: 2px solid #10B981 !important;\n  outline-offset: 2px !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: 92px !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    z-index: 2000000 !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: 88px !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    z-index: 2000000 !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: 54px !important;\n    height: 54px !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: 2000000 !important;\n  }\n\n  #zt-chat-btn-mobile-back {\n    display: inline-flex !important;\n  }\n\n  #zt-chat-header {\n    padding: 10px 14px !important;\n    height: 58px !important;\n    box-sizing: border-box !important;\n  }\n\n  #zt-chat-form {\n    padding: 10px 12px max(10px, env(safe-area-inset-bottom, 10px)) 12px !important;\n    gap: 8px !important;\n  }\n\n  #zt-chat-input {\n    height: 48px !important;\n    font-size: 0.90rem !important;\n    padding: 0 14px !important;\n    border-radius: 10px !important;\n  }\n\n  #zt-chat-send {\n    width: 48px !important;\n    height: 48px !important;\n    min-width: 48px !important;\n    min-height: 48px !important;\n    border-radius: 10px !important;\n  }\n\n  #zt-chat-send svg {\n    width: 22px !important;\n    height: 22px !important;\n  }\n}\n\n\/* COMPARISON TRAY COLLISION AVOIDANCE ON MOBILE *\/\n@media (max-width: 768px) {\n  body.zt-compare-tray-visible button#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":"<p>Products HARDWARE ZoomGate Pedestrian speed gates &amp; optical turnstiles. BIOMETRICS ZoomFace AI facial recognition admission terminals. SOFTWARE ZoomAccess Web access control &amp; lift dispatch sync. ANALYTICS ZoomSurveillance i-LIDS certified CMS video analytics. TELEMETRY ZoomIOT Connected facility security telemetry. About Our Work Insights Talk to us &times; Products + ZoomGate ZoomFace ZoomAccess ZoomSurveillance ZoomIOT View All [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1087","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/1087","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/comments?post=1087"}],"version-history":[{"count":24,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/1087\/revisions"}],"predecessor-version":[{"id":1504,"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/pages\/1087\/revisions\/1504"}],"wp:attachment":[{"href":"https:\/\/www.zoomtech.com.sg\/staging\/wp-json\/wp\/v2\/media?parent=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}