{"id":1307,"date":"2026-07-10T12:44:13","date_gmt":"2026-07-10T12:44:13","guid":{"rendered":"https:\/\/zmatchboxcompany.com\/protection\/?page_id=1307"},"modified":"2026-09-10T11:52:17","modified_gmt":"2026-09-10T11:52:17","slug":"digital-transformation","status":"publish","type":"page","link":"https:\/\/zmatchboxcompany.com\/protection\/digital-transformation\/","title":{"rendered":"Digital Transformation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1307\" class=\"elementor elementor-1307\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-26724d7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"26724d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a14698b\" data-id=\"a14698b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13bb54c elementor-widget elementor-widget-html\" data-id=\"13bb54c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n  DIGITAL TRANSFORMATION \u2014 \"Watch it transform\"\r\n  Blue theme. Every card begins as an analog blueprint and\r\n  compiles into its digital form as you scroll.\r\n  Paste this ENTIRE block into an Elementor \"HTML\" widget.\r\n  Page Layout: Elementor Full Width. Classes prefixed .pdt-\r\n============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.pdt{--blu:#cf1b0f;--cyn:#ff3b2d;--bg:#040f33;--bg-card:#0a1740;--line:#1c2b57;--txt:#a9b4d2;--head:#ffffff;\r\n  font-family:'Poppins','Segoe UI',Arial,sans-serif;background:\r\n    radial-gradient(900px 600px at 90% 8%,rgba(207,27,15,.16),transparent 60%),\r\n    radial-gradient(800px 600px at 6% 60%,rgba(255,59,45,.10),transparent 60%),\r\n    var(--bg);\r\n  color:var(--txt);position:relative}\r\n.pdt *{margin:0;padding:0;box-sizing:border-box}\r\n.pdt,.pdt h1,.pdt h2,.pdt h3,.pdt p,.pdt span,.pdt div,.pdt b,.pdt a{font-family:'Poppins','Segoe UI',Arial,sans-serif!important}\r\n.pdt svg{display:block}\r\n\/* ---------- STICKY PAGE TITLE ---------- *\/\r\n.pdt-pagebar{position:sticky;top:0;z-index:60;background:rgba(4,10,32,.96);\r\n  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\r\n  border-bottom:1px solid rgba(255,59,45,.35);\r\n  opacity:0;transform:translateY(-100%);pointer-events:none;\r\n  transition:opacity .35s ease,transform .35s ease}\r\n.pdt-pagebar.pdt-show{opacity:1;transform:none;pointer-events:auto}\r\n.pdt-pagebar-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 24px}\r\n.pdt-pb-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:2.5px;\r\n  text-transform:uppercase;color:var(--cyn)}\r\n.pdt-pb-tag i{width:7px;height:7px;border-radius:50%;background:var(--cyn);\r\n  box-shadow:0 0 8px var(--cyn);animation:pdtPbBlink 1.6s step-end infinite}\r\n@keyframes pdtPbBlink{50%{opacity:.25}}\r\n.pdt-pagebar b{font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#fff;line-height:1}\r\n@media(max-width:560px){.pdt-pb-tag{display:none}.pdt-pagebar b{font-size:12px;letter-spacing:2px}}\r\n@media (prefers-reduced-motion:reduce){.pdt-pb-tag i{animation:none}}\r\n.pdt img{display:block;max-width:100%}\r\n\r\n\/* ---------- constellation background ---------- *\/\r\n.pdt-net{position:absolute;inset:0;pointer-events:none;opacity:.5}\r\n.pdt-net line{stroke:#13224e;stroke-width:1}\r\n.pdt-net circle{fill:var(--cyn);opacity:.6}\r\n.pdt-net g{animation:pdtDrift ease-in-out infinite alternate}\r\n@keyframes pdtDrift{from{transform:translate(0,0)}to{transform:translate(14px,-10px)}}\r\n\r\n\/* ---------- intro ---------- *\/\r\n.pdt-intro{position:relative;z-index:2;text-align:center;padding:116px 24px 56px;overflow:hidden}\r\n.pdt-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--cyn);\r\n  border:1px solid rgba(255,59,45,.4);padding:8px 22px;border-radius:100px;margin-bottom:26px;\r\n  opacity:0;transform:translateY(20px);animation:pdtUp .8s .1s forwards}\r\n.pdt-title{font-size:clamp(28px,5vw,56px);font-weight:800;letter-spacing:.2em;text-indent:.2em;color:var(--head);text-transform:uppercase;\r\n  opacity:0;transform:translateY(26px);animation:pdtUp .9s .3s forwards}\r\n.pdt-title .pdt-dot{color:var(--cyn)}\r\n.pdt-lede{max-width:660px;margin:24px auto 0;font-size:16.5px;line-height:1.85;\r\n  opacity:0;transform:translateY(26px);animation:pdtUp .9s .55s forwards}\r\n@keyframes pdtUp{to{opacity:1;transform:none}}\r\n\r\n\/* ---------- transformation meter ---------- *\/\r\n.pdt-meter{position:sticky;top:41px;z-index:40;background:rgba(4,15,51,.92);backdrop-filter:blur(8px);\r\n  border-bottom:1px solid rgba(255,59,45,.25);padding:12px 24px}\r\n.pdt-meter-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px}\r\n.pdt-meter-label{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--cyn);white-space:nowrap}\r\n.pdt-meter-bar{flex:1;height:6px;border-radius:100px;background:#122150;overflow:hidden}\r\n.pdt-meter-fill{height:100%;width:0;border-radius:100px;background:linear-gradient(90deg,var(--blu),var(--cyn));\r\n  box-shadow:0 0 12px rgba(255,59,45,.7);transition:width .25s ease-out}\r\n.pdt-meter-pct{font-size:12px;font-weight:800;color:var(--head);font-variant-numeric:tabular-nums;min-width:74px;text-align:right}\r\n.pdt-meter.pdt-done .pdt-meter-label{color:#5cf2b8}\r\n.pdt-meter.pdt-done .pdt-meter-fill{background:linear-gradient(90deg,#1db47e,#5cf2b8);box-shadow:0 0 12px rgba(92,242,184,.7)}\r\n\r\n\/* ---------- card grid ---------- *\/\r\n.pdt-grid{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:56px 24px 80px;\r\n  display:grid;grid-template-columns:1fr 1fr;gap:34px}\r\n.pdt-card{border-radius:18px;overflow:hidden;position:relative;\r\n  background:var(--bg-card);border:1px dashed rgba(255,59,45,.45);\r\n  transition:border-color .8s ease .2s,box-shadow .5s,transform .5s}\r\n\/* blueprint grid overlay that fades away once digitized *\/\r\n.pdt-card::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity 1s ease .3s;\r\n  background:\r\n    repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,59,45,.07) 23px 24px),\r\n    repeating-linear-gradient(90deg,transparent 0 23px,rgba(255,59,45,.07) 23px 24px)}\r\n.pdt-card.pdt-in{border:1px solid rgba(255,59,45,.35)}\r\n.pdt-card.pdt-in::after{opacity:0}\r\n.pdt-card.pdt-in:hover{transform:translateY(-8px);box-shadow:0 18px 55px rgba(207,27,15,.28);border-color:var(--cyn)}\r\n\/* corner brackets like a viewfinder locking on *\/\r\n.pdt-corner{position:absolute;width:18px;height:18px;border-color:var(--cyn);border-style:solid;z-index:3;opacity:.9;transition:all .8s ease .2s}\r\n.pdt-corner.tl{top:10px;left:10px;border-width:2px 0 0 2px}\r\n.pdt-corner.tr{top:10px;right:10px;border-width:2px 2px 0 0}\r\n.pdt-corner.bl{bottom:10px;left:10px;border-width:0 0 2px 2px}\r\n.pdt-corner.br{bottom:10px;right:10px;border-width:0 2px 2px 0}\r\n.pdt-card.pdt-in .pdt-corner{width:10px;height:10px;opacity:0}\r\n\r\n\/* image: pixel-blur blueprint -> sharp color *\/\r\n.pdt-img{position:relative;height:186px;overflow:hidden}\r\n.pdt-img img{width:100%;height:100%;object-fit:cover;\r\n  filter:grayscale(100%) blur(12px) brightness(.7) contrast(1.1);transform:scale(1.15);\r\n  transition:filter 1.2s ease .15s,transform 1.2s ease .15s}\r\n.pdt-card.pdt-in .pdt-img img{filter:grayscale(0%) blur(0) brightness(.95) contrast(1);transform:scale(1.02)}\r\n.pdt-card.pdt-in:hover .pdt-img img{transform:scale(1.1);transition:transform 3.5s ease,filter .5s}\r\n.pdt-img::after{content:'';position:absolute;inset:0;\r\n  background:linear-gradient(180deg,rgba(207,27,15,.28),rgba(6,17,48,.35) 55%,rgba(10,23,64,.97) 100%)}\r\n\/* rendering scanline during compile *\/\r\n.pdt-img::before{content:'';position:absolute;left:0;right:0;top:-6%;height:5%;z-index:1;opacity:0;\r\n  background:linear-gradient(180deg,transparent,rgba(255,59,45,.5),transparent)}\r\n.pdt-card.pdt-in .pdt-img::before{animation:pdtRender 1.1s ease-out .1s}\r\n@keyframes pdtRender{0%{opacity:1;top:-6%}100%{opacity:0;top:104%}}\r\n\r\n\/* status chip on image *\/\r\n.pdt-status{position:absolute;top:12px;right:12px;z-index:2;font-size:10px;font-weight:800;letter-spacing:2px;\r\n  text-transform:uppercase;padding:5px 12px;border-radius:100px;\r\n  color:#ffd9a8;background:rgba(60,40,10,.55);border:1px solid rgba(255,190,100,.5);transition:all .6s ease .6s}\r\n.pdt-status::before{content:'ANALOG'}\r\n.pdt-card.pdt-in .pdt-status{color:#5cf2b8;background:rgba(10,50,38,.6);border-color:rgba(92,242,184,.55)}\r\n.pdt-card.pdt-in .pdt-status::before{content:'DIGITAL'}\r\n\r\n\/* text body *\/\r\n.pdt-body{padding:26px 28px 30px;position:relative;z-index:1}\r\n.pdt-num{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--cyn);margin-bottom:9px;text-transform:uppercase}\r\n.pdt-h{font-size:19px;font-weight:800;color:var(--head);text-transform:uppercase;letter-spacing:1px;min-height:1.3em;\r\n  font-variant-numeric:tabular-nums}\r\n.pdt-underline{width:0;height:3px;background:linear-gradient(90deg,var(--blu),var(--cyn));margin:12px 0 16px;\r\n  transition:width .9s cubic-bezier(.22,.61,.36,1) .5s}\r\n.pdt-card.pdt-in .pdt-underline{width:54px}\r\n.pdt-p{font-size:14px;line-height:1.8;margin-bottom:12px}\r\n.pdt-list{margin-top:4px}\r\n.pdt-list li{list-style:none;position:relative;padding-left:26px;margin-bottom:10px;font-size:13.5px;color:#c5cfe8;line-height:1.65;\r\n  opacity:0;transform:translateX(-14px);transition:opacity .5s,transform .5s}\r\n.pdt-card.pdt-in .pdt-list li{opacity:1;transform:none}\r\n.pdt-card.pdt-in .pdt-list li:nth-child(1){transition-delay:.55s}\r\n.pdt-card.pdt-in .pdt-list li:nth-child(2){transition-delay:.7s}\r\n.pdt-card.pdt-in .pdt-list li:nth-child(3){transition-delay:.85s}\r\n.pdt-list li::before{content:'';position:absolute;left:2px;top:6px;width:8px;height:8px;\r\n  border:2px solid var(--cyn);border-radius:2px;transform:rotate(45deg)}\r\n.pdt-list strong{color:#fff}\r\n.pdt-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}\r\n.pdt-tags span{font-size:10.5px;font-weight:700;letter-spacing:1px;color:#ffb0aa;background:rgba(207,27,15,.18);\r\n  border:1px solid rgba(255,59,45,.35);padding:4px 11px;border-radius:100px}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.pdt-cta{position:relative;z-index:1;text-align:center;padding:60px 24px 110px}\r\n.pdt-cta h3{color:var(--head);font-size:clamp(22px,3.2vw,30px);font-weight:800;text-transform:uppercase;letter-spacing:2px;max-width:760px;margin:0 auto 14px}\r\n.pdt-cta p{max-width:560px;margin:0 auto 32px;font-size:15px;line-height:1.8}\r\n.pdt-cta a{display:inline-block;background:linear-gradient(90deg,var(--blu),var(--cyn));color:#ffffff;font-weight:800;font-size:13px;\r\n  letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:17px 46px;border-radius:100px;\r\n  box-shadow:0 8px 30px rgba(207,27,15,.45);transition:transform .3s,box-shadow .3s}\r\n.pdt-cta a:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(255,59,45,.55)}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media(max-width:820px){\r\n  .pdt-grid{grid-template-columns:1fr;gap:26px}\r\n  .pdt-meter-pct{min-width:58px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .pdt-kicker,.pdt-title,.pdt-lede{animation:none;opacity:1;transform:none}\r\n  .pdt-card,.pdt-card::after,.pdt-img img,.pdt-underline,.pdt-list li,.pdt-corner,.pdt-status{transition:none}\r\n  .pdt-card{border-style:solid}\r\n  .pdt-card::after{opacity:0}\r\n  .pdt-img img{filter:none;transform:none}\r\n  .pdt-underline{width:54px}\r\n  .pdt-list li{opacity:1;transform:none}\r\n  .pdt-net g{animation:none}\r\n  .pdt-card .pdt-img::before{animation:none}\r\n}\r\n<\/style>\r\n\r\n<div class=\"pdt\">\r\n\r\n  <!-- STICKY PAGE TITLE -->\r\n  <div class=\"pdt-pagebar\">\r\n    <div class=\"pdt-pagebar-in\">\r\n      <span class=\"pdt-pb-tag\"><i><\/i>PROTECTION SPECIALISTS<\/span>\r\n      <b>Digital Transformation<\/b>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- constellation background -->\r\n  <svg class=\"pdt-net\" viewBox=\"0 0 1200 900\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\r\n    <g style=\"animation-duration:9s\">\r\n      <line x1=\"80\" y1=\"120\" x2=\"240\" y2=\"200\"\/><line x1=\"240\" y1=\"200\" x2=\"180\" y2=\"360\"\/>\r\n      <line x1=\"240\" y1=\"200\" x2=\"420\" y2=\"150\"\/>\r\n      <circle cx=\"80\" cy=\"120\" r=\"3\"\/><circle cx=\"240\" cy=\"200\" r=\"4\"\/><circle cx=\"180\" cy=\"360\" r=\"3\"\/><circle cx=\"420\" cy=\"150\" r=\"3\"\/>\r\n    <\/g>\r\n    <g style=\"animation-duration:12s\">\r\n      <line x1=\"900\" y1=\"90\" x2=\"1060\" y2=\"180\"\/><line x1=\"1060\" y1=\"180\" x2=\"980\" y2=\"330\"\/>\r\n      <line x1=\"1060\" y1=\"180\" x2=\"1160\" y2=\"300\"\/>\r\n      <circle cx=\"900\" cy=\"90\" r=\"3\"\/><circle cx=\"1060\" cy=\"180\" r=\"4\"\/><circle cx=\"980\" cy=\"330\" r=\"3\"\/><circle cx=\"1160\" cy=\"300\" r=\"3\"\/>\r\n    <\/g>\r\n    <g style=\"animation-duration:10s\">\r\n      <line x1=\"150\" y1=\"700\" x2=\"320\" y2=\"640\"\/><line x1=\"320\" y1=\"640\" x2=\"430\" y2=\"760\"\/>\r\n      <circle cx=\"150\" cy=\"700\" r=\"3\"\/><circle cx=\"320\" cy=\"640\" r=\"4\"\/><circle cx=\"430\" cy=\"760\" r=\"3\"\/>\r\n    <\/g>\r\n    <g style=\"animation-duration:13s\">\r\n      <line x1=\"880\" y1=\"700\" x2=\"1020\" y2=\"620\"\/><line x1=\"1020\" y1=\"620\" x2=\"1120\" y2=\"740\"\/>\r\n      <circle cx=\"880\" cy=\"700\" r=\"3\"\/><circle cx=\"1020\" cy=\"620\" r=\"4\"\/><circle cx=\"1120\" cy=\"740\" r=\"3\"\/>\r\n    <\/g>\r\n  <\/svg>\r\n\r\n  <!-- INTRO -->\r\n  <div class=\"pdt-intro\">\r\n    <span class=\"pdt-kicker\">From Analog to Digital<\/span>\r\n    <h1 class=\"pdt-title\">Digital Transformation<span class=\"pdt-dot\">.<\/span><\/h1>\r\n    <p class=\"pdt-lede\">Transformation isn't something we talk about \u2014 it's something you can watch. Scroll down and digitize this page yourself: every service begins as a blueprint and compiles into its finished digital form, exactly the way we transform businesses.<\/p>\r\n  <\/div>\r\n\r\n  <!-- TRANSFORMATION METER -->\r\n  <div class=\"pdt-meter\" id=\"pdtMeter\">\r\n    <div class=\"pdt-meter-in\">\r\n      <span class=\"pdt-meter-label\" id=\"pdtMeterLabel\">Transformation<\/span>\r\n      <div class=\"pdt-meter-bar\"><div class=\"pdt-meter-fill\" id=\"pdtMeterFill\"><\/div><\/div>\r\n      <span class=\"pdt-meter-pct\" id=\"pdtMeterPct\">0%<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD GRID -->\r\n  <div class=\"pdt-grid\" id=\"pdtGrid\">\r\n\r\n    <!-- 01 DIGITAL STRATEGY -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1000&q=80\" alt=\"Strategy planning with analytics\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">01<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"Digital Strategy\">Digital Strategy<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Two key services to steer your evolution:<\/p>\r\n        <ul class=\"pdt-list\">\r\n          <li><strong>Strategy &amp; Transformation Support<\/strong> \u2014 tailored strategies for your digital evolution.<\/li>\r\n          <li><strong>Data &amp; Digital Audit<\/strong> \u2014 in-depth analysis to optimize and secure your digital presence.<\/li>\r\n        <\/ul>\r\n        <div class=\"pdt-tags\"><span>Roadmapping<\/span><span>Digital Audit<\/span><span>Security<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 E2E CUSTOMER JOURNEY -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558402529-d2638a7023e9?auto=format&fit=crop&w=1000&q=80\" alt=\"Customer journey mapping workshop\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">02<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"E2E Customer Journey Design\">E2E Customer Journey Design<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Transforming experiences end to end:<\/p>\r\n        <ul class=\"pdt-list\">\r\n          <li><strong>Customer Journey Mapping<\/strong> \u2014 illuminating touchpoints and interactions.<\/li>\r\n          <li><strong>Contact Point Assessment<\/strong> \u2014 evaluating customer engagement.<\/li>\r\n          <li><strong>Customer Journey Redesign<\/strong> \u2014 enhancing the end-to-end experience.<\/li>\r\n        <\/ul>\r\n        <div class=\"pdt-tags\"><span>Touchpoints<\/span><span>Engagement<\/span><span>CX Redesign<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 03 DATA VISUALIZATION -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1000&q=80\" alt=\"Analytics dashboard with charts\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">03<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"Data Visualization\">Data Visualization<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Insightful solutions that make data speak:<\/p>\r\n        <ul class=\"pdt-list\">\r\n          <li><strong>Dashboard Creation<\/strong> \u2014 user-friendly, real-time insights.<\/li>\r\n          <li><strong>Visualization<\/strong> \u2014 clear, data-driven visuals.<\/li>\r\n          <li><strong>BI Reporting<\/strong> \u2014 tailored reporting for smart decisions.<\/li>\r\n        <\/ul>\r\n        <div class=\"pdt-tags\"><span>Dashboards<\/span><span>Real-time<\/span><span>BI<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 04 WEB & MOBILE APP DEVELOPMENT -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=1000&q=80\" alt=\"Application development code\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">04<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"Web &amp; Mobile App Development\">Web &amp; Mobile App Development<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Crafting digital excellence across every screen. We specialize in modern web and mobile applications \u2014 iOS, Android, JavaScript, .NET, WordPress, PHP, and more \u2014 with expertise that ensures cutting-edge digital solutions shaped around your business needs.<\/p>\r\n        <div class=\"pdt-tags\"><span>iOS<\/span><span>Android<\/span><span>JavaScript<\/span><span>.NET<\/span><span>WordPress<\/span><span>PHP<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 05 UI\/UX -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1000&q=80\" alt=\"UI and UX design workspace\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">05<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"UI\/UX Design\">UI\/UX Design<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Elevating user experiences at every interaction:<\/p>\r\n        <ul class=\"pdt-list\">\r\n          <li><strong>Interactive Prototyping<\/strong> \u2014 bringing ideas to life with engaging prototypes.<\/li>\r\n          <li><strong>User Testing &amp; Research<\/strong> \u2014 informed design through real user feedback.<\/li>\r\n          <li><strong>Responsive Design<\/strong> \u2014 seamless experiences across all devices.<\/li>\r\n        <\/ul>\r\n        <div class=\"pdt-tags\"><span>Prototyping<\/span><span>User Research<\/span><span>Responsive<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 06 FRONT & BACK-END DEVELOPMENT -->\r\n    <div class=\"pdt-card\">\r\n      <span class=\"pdt-corner tl\"><\/span><span class=\"pdt-corner tr\"><\/span><span class=\"pdt-corner bl\"><\/span><span class=\"pdt-corner br\"><\/span>\r\n      <div class=\"pdt-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1000&q=80\" alt=\"Software engineering code editor\" loading=\"lazy\">\r\n        <span class=\"pdt-status\"><\/span>\r\n      <\/div>\r\n      <div class=\"pdt-body\">\r\n        <div class=\"pdt-num\">06<\/div>\r\n        <h2 class=\"pdt-h\" data-decode=\"Front &amp; Back-End Development\">Front &amp; Back-End Development<\/h2>\r\n        <div class=\"pdt-underline\"><\/div>\r\n        <p class=\"pdt-p\">Tailored software solutions, engineered end to end:<\/p>\r\n        <ul class=\"pdt-list\">\r\n          <li><strong>Custom Software Development<\/strong> \u2014 crafted to meet your unique requirements.<\/li>\r\n          <li><strong>Integrations &amp; Database Architecture<\/strong> \u2014 seamless connections and robust data structures.<\/li>\r\n        <\/ul>\r\n        <div class=\"pdt-tags\"><span>Custom Software<\/span><span>Integrations<\/span><span>Databases<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CTA -->\r\n  <div class=\"pdt-cta\">\r\n    <h3>100% digital. Now let's transform your business.<\/h3>\r\n    <p>You just watched a page digitize itself \u2014 imagine what we can do with your operations, products, and customer experience.<\/p>\r\n    <a href=\"https:\/\/zmatchboxcompany.com\/protection\/contact-us\/\">Begin Your Transformation<\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.pdt');if(!root)return;\r\n  var cards=Array.prototype.slice.call(root.querySelectorAll('.pdt-card'));\r\n  var meterFill=document.getElementById('pdtMeterFill');\r\n  var meterPct=document.getElementById('pdtMeterPct');\r\n  var meter=document.getElementById('pdtMeter');\r\n  var meterLabel=document.getElementById('pdtMeterLabel');\r\n  var grid=document.getElementById('pdtGrid');\r\n  var reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var GLYPHS='01<>\/{}#&%$@!*+=?';\r\n\r\n  \/* title decode effect *\/\r\n  function decode(el){\r\n    var target=el.getAttribute('data-decode')||el.textContent;\r\n    \/\/ decode HTML entities from the attribute\r\n    var tmp=document.createElement('textarea');tmp.innerHTML=target;target=tmp.value;\r\n    var frame=0,len=target.length,duration=Math.max(24,len*2);\r\n    function tick(){\r\n      var out='',reveal=Math.floor(len*frame\/duration);\r\n      for(var i=0;i<len;i++){\r\n        if(i<reveal||target[i]===' '){out+=target[i];}\r\n        else{out+=GLYPHS[Math.floor(Math.random()*GLYPHS.length)];}\r\n      }\r\n      el.textContent=out;\r\n      frame++;\r\n      if(frame<=duration){requestAnimationFrame(tick);}\r\n      else{el.textContent=target;}\r\n    }\r\n    tick();\r\n  }\r\n\r\n  if('IntersectionObserver' in window && !reduced){\r\n    var io=new IntersectionObserver(function(es){\r\n      es.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          e.target.classList.add('pdt-in');\r\n          var h=e.target.querySelector('.pdt-h');\r\n          if(h)decode(h);\r\n          io.unobserve(e.target);\r\n          updateMeterFromCards();\r\n        }\r\n      });\r\n    },{threshold:0.3});\r\n    cards.forEach(function(c){io.observe(c);});\r\n  }else{\r\n    cards.forEach(function(c){c.classList.add('pdt-in');});\r\n  }\r\n\r\n  \/* meter: combines scroll progress through the grid with digitized cards *\/\r\n  var digitized=0;\r\n  function updateMeterFromCards(){\r\n    digitized=root.querySelectorAll('.pdt-card.pdt-in').length;\r\n    updateMeter();\r\n  }\r\n  var ticking=false;\r\n  function updateMeter(){\r\n    if(!meterFill)return;\r\n    var gr=grid.getBoundingClientRect();\r\n    var vh=window.innerHeight;\r\n    var scrollP=(vh*0.8-gr.top)\/(gr.height);\r\n    scrollP=Math.max(0,Math.min(1,scrollP));\r\n    var cardP=cards.length?digitized\/cards.length:0;\r\n    var p=Math.round(Math.min(scrollP,cardP+0.12)*100);\r\n    if(reduced)p=100;\r\n    meterFill.style.width=p+'%';\r\n    meterPct.textContent=p+'%';\r\n    if(p>=100){meter.classList.add('pdt-done');meterLabel.textContent='Fully Digital \u2713';meterPct.textContent='100%';}\r\n  }\r\n  function onScroll(){if(!ticking){ticking=true;requestAnimationFrame(function(){ticking=false;updateMeter();});}}\r\n  window.addEventListener('scroll',onScroll,{passive:true});\r\n  window.addEventListener('resize',onScroll,{passive:true});\r\n  updateMeter();\r\n\r\n  \/* reveal sticky title once the intro starts scrolling above the top *\/\r\n  var pbBar=root.querySelector('.pdt-pagebar');\r\n  var pbIntro=root.querySelector('.pdt-intro');\r\n  if(pbBar&&pbIntro){\r\n    if('IntersectionObserver' in window){\r\n      var pbIo=new IntersectionObserver(function(es){\r\n        es.forEach(function(e){pbBar.classList.toggle('pdt-show',e.boundingClientRect.top<=0);});\r\n      },{threshold:0,rootMargin:'0px 0px -100% 0px'});\r\n      pbIo.observe(pbIntro);\r\n    }else{\r\n      window.addEventListener('scroll',function(){\r\n        pbBar.classList.toggle('pdt-show',pbIntro.getBoundingClientRect().top<=0);\r\n      },{passive:true});\r\n    }\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-efc523b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"efc523b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a06d574\" data-id=\"a06d574\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9354de6 elementor-widget elementor-widget-html\" data-id=\"9354de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n  FOOTER \u2014 \"Perimeter Secured\"\r\n  A command-console footer: a laser tripwire draws across the top\r\n  with a travelling pulse, corner sensor nodes ping, a live status\r\n  panel runs a real Beirut clock, and a giant watermark wordmark\r\n  sits behind it all.\r\n  Navy #040f33 + brand red, Poppins locked. Prefix .pfz-\r\n  Paste into an Elementor \"HTML\" widget in your FOOTER template\r\n  (or at the bottom of the page). Set section padding to 0.\r\n============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.pfz{--red:#cf1b0f;--glow:#ff3b2d;--cyan:#2fd4ff;--green:#43e08a;--bg:#040f33;--panel:#0a1740;--panel2:#081231;\r\n  --line:#1c2b57;--txt:#a9b4d2;--head:#ffffff;\r\n  font-family:'Poppins','Segoe UI',Arial,sans-serif;color:var(--txt);position:relative;overflow:hidden;\r\n  background:\r\n    radial-gradient(900px 520px at 82% 0%,rgba(207,27,15,.13),transparent 62%),\r\n    radial-gradient(800px 600px at 8% 100%,rgba(47,212,255,.07),transparent 62%),\r\n    var(--bg);\r\n  padding:0 0 0}\r\n.pfz *{margin:0;padding:0;box-sizing:border-box}\r\n.pfz,.pfz h1,.pfz h2,.pfz h3,.pfz h4,.pfz p,.pfz span,.pfz div,.pfz b,.pfz a,.pfz li,.pfz small,.pfz button{font-family:'Poppins','Segoe UI',Arial,sans-serif!important}\r\n.pfz .pfz-mono{font-family:'Courier New',monospace!important}\r\n.pfz svg{display:block}\r\n.pfz a{text-decoration:none;color:inherit}\r\n.pfz ul{list-style:none}\r\n\r\n\/* ---------- tripwire top edge ---------- *\/\r\n.pfz-wire{position:relative;height:3px;background:linear-gradient(90deg,transparent,rgba(255,59,45,.55),rgba(47,212,255,.5),rgba(255,59,45,.55),transparent);\r\n  box-shadow:0 0 20px rgba(255,59,45,.45)}\r\n.pfz-wire i{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;\r\n  box-shadow:0 0 14px var(--glow),0 0 26px var(--glow);animation:pfzRun 7s linear infinite}\r\n.pfz-wire i:nth-child(2){animation-delay:3.5s;background:var(--cyan);box-shadow:0 0 14px var(--cyan),0 0 26px var(--cyan)}\r\n@keyframes pfzRun{0%{left:-2%;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:102%;opacity:0}}\r\n\r\n\/* ---------- watermark ---------- *\/\r\n.pfz-mark{position:absolute;left:50%;bottom:-4%;transform:translateX(-50%);z-index:0;pointer-events:none;\r\n  font-size:clamp(70px,13vw,190px);font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap;\r\n  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.05);user-select:none}\r\n\r\n\/* ---------- grid ---------- *\/\r\n.pfz-in{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:64px 30px 26px;\r\n  display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:38px}\r\n.pfz-col h4{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--glow);\r\n  margin-bottom:18px;display:flex;align-items:center;gap:9px}\r\n.pfz-col h4::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(255,59,45,.4),transparent)}\r\n\r\n\/* brand block *\/\r\n.pfz-brand b{display:block;font-size:19px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;line-height:1.2}\r\n.pfz-brand b span{color:var(--red)}\r\n.pfz-tag{margin-top:6px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan)}\r\n.pfz-brand p{margin-top:16px;font-size:13.5px;line-height:1.85;max-width:330px}\r\n.pfz-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\r\n.pfz-badges span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffb0aa;\r\n  background:rgba(207,27,15,.14);border:1px solid rgba(255,59,45,.38);padding:5px 11px;border-radius:100px}\r\n\r\n\/* ISO certificates *\/\r\n.pfz-iso{display:flex;gap:10px;margin-top:18px}\r\n.pfz-iso-cell{width:74px;height:72px;padding:8px;border-radius:12px;border:1px solid var(--line);\r\n  background:linear-gradient(155deg,rgba(13,28,74,.9),rgba(8,18,50,.9));display:flex;align-items:center;justify-content:center;\r\n  transition:border-color .3s,box-shadow .3s,transform .3s}\r\n.pfz-iso-cell img{display:block;width:100%;height:100%;object-fit:contain;opacity:.85;transition:opacity .3s}\r\n.pfz-iso-cell:hover{border-color:var(--glow);box-shadow:0 0 22px rgba(255,59,45,.35);transform:translateY(-3px)}\r\n.pfz-iso-cell:hover img{opacity:1}\r\n\r\n\/* link lists *\/\r\n.pfz-links li{margin-bottom:11px}\r\n.pfz-links a{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--txt);\r\n  transition:color .25s,transform .25s}\r\n.pfz-links a::before{content:'';width:0;height:1.5px;background:var(--glow);transition:width .28s;\r\n  box-shadow:0 0 8px rgba(255,59,45,.8)}\r\n.pfz-links a:hover{color:#fff;transform:translateX(3px)}\r\n.pfz-links a:hover::before{width:14px}\r\n\r\n\/* contact *\/\r\n.pfz-branch{margin-bottom:16px;padding-bottom:15px;border-bottom:1px dashed rgba(255,59,45,.2)}\r\n.pfz-branch:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:12px}\r\n.pfz-branch b{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2px;\r\n  text-transform:uppercase;color:#fff;margin-bottom:7px}\r\n.pfz-branch b i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(67,224,138,.8);\r\n  animation:pfzBlink 2s step-end infinite}\r\n@keyframes pfzBlink{50%{opacity:.25}}\r\n.pfz-branch p{font-size:12.5px;line-height:1.7;margin-bottom:5px}\r\n.pfz-branch a{font-size:12.5px;color:#dbe5f6;border-bottom:1px solid rgba(255,59,45,.35);transition:color .25s,border-color .25s}\r\n.pfz-branch a:hover{color:var(--glow);border-color:var(--glow)}\r\n.pfz-sep{display:inline-block;margin:0 6px;color:#4f6494}\r\n\r\n\/* ---------- bottom bar ---------- *\/\r\n.pfz-bar{position:relative;z-index:2;border-top:1px solid var(--line);background:rgba(4,10,32,.5)}\r\n.pfz-bar-in{max-width:1240px;margin:0 auto;padding:16px 30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}\r\n.pfz-copy{font-size:11.5px;letter-spacing:.5px;color:#7d89ad}\r\n.pfz-copy b{color:#c5d2e8;font-weight:700}\r\n\r\n\/* Matchbox credit *\/\r\n.pfz-mb{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}\r\n.pfz-mb-txt{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#6f7fa8}\r\n.pfz-mb-link{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:100px;\r\n  background:rgba(255,255,255,.05);border:1px solid var(--line);transition:all .3s;position:relative;overflow:hidden}\r\n.pfz-mb-link::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg)}\r\n.pfz-mb-link:hover::after{animation:pfzShine .8s ease}\r\n@keyframes pfzShine{to{left:120%}}\r\n.pfz-mb-link:hover{border-color:var(--glow);background:rgba(207,27,15,.16);transform:translateY(-2px)}\r\n.pfz-mb-flame{width:17px;height:17px;flex-shrink:0}\r\n.pfz-mb-flame path{fill:var(--glow);animation:pfzFlicker 1.8s ease-in-out infinite;transform-origin:center bottom}\r\n@keyframes pfzFlicker{0%,100%{transform:scale(1);opacity:1}45%{transform:scale(.9,1.08);opacity:.85}}\r\n.pfz-mb-link b{font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff}\r\n.pfz-mb-tel{font-size:11.5px;letter-spacing:1px;color:#c5d2e8;border-bottom:1px solid rgba(255,59,45,.35);\r\n  transition:color .25s,border-color .25s}\r\n.pfz-mb-tel:hover{color:var(--glow);border-color:var(--glow)}\r\n\r\n\/* back to top *\/\r\n.pfz-top{position:absolute;right:30px;top:-22px;z-index:5;width:46px;height:46px;border-radius:50%;\r\n  background:linear-gradient(150deg,var(--red),#a01309);border:1px solid rgba(255,255,255,.2);cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(207,27,15,.5);\r\n  transition:transform .3s,box-shadow .3s}\r\n.pfz-top:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(255,59,45,.6)}\r\n.pfz-top svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media(max-width:1000px){\r\n  .pfz-in{grid-template-columns:1fr 1fr;gap:32px;padding:56px 26px 24px}\r\n  .pfz-brand{grid-column:1\/-1}\r\n}\r\n@media(max-width:620px){\r\n  .pfz-in{grid-template-columns:1fr;gap:28px;padding:48px 20px 22px}\r\n  .pfz-bar-in{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}\r\n  .pfz-mb{margin-left:0;width:100%}\r\n  .pfz-top{right:20px}\r\n  .pfz-mark{font-size:64px;bottom:-2%}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .pfz-wire i,.pfz-branch b i,.pfz-mb-flame path{animation:none}\r\n  .pfz-mb-link:hover::after{animation:none}\r\n}\r\n<\/style>\r\n\r\n<footer class=\"pfz\">\r\n  <div class=\"pfz-wire\"><i><\/i><i><\/i><\/div>\r\n  <div class=\"pfz-mark\" aria-hidden=\"true\">PROTECTION SPECIALISTS<\/div>\r\n\r\n  <div class=\"pfz-in\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"pfz-col pfz-brand\">\r\n      <b>Protection <span>Specialists<\/span><\/b>\r\n      <div class=\"pfz-tag pfz-mono\">Engineering Confidence \u00b7 Protecting Tomorrow<\/div>\r\n      <p>Turnkey security, fire protection, automation, and digital solutions \u2014 designed, engineered, installed, and maintained end to end across Lebanon and Iraq since 2014.<\/p>\r\n      <div class=\"pfz-badges\">\r\n        <span>Est. 2014<\/span><span>Lebanon &amp; Iraq<\/span>\r\n      <\/div>\r\n      <div class=\"pfz-iso\">\r\n        <div class=\"pfz-iso-cell\"><img decoding=\"async\" src=\"https:\/\/zmatchboxcompany.com\/protection\/wp-content\/uploads\/2025\/07\/iso-31-1.png\" alt=\"ISO 9001 certified\" loading=\"lazy\"><\/div>\r\n        <div class=\"pfz-iso-cell\"><img decoding=\"async\" src=\"https:\/\/zmatchboxcompany.com\/protection\/wp-content\/uploads\/2025\/07\/iso-312-1.png\" alt=\"ISO 14001 certified\" loading=\"lazy\"><\/div>\r\n        <div class=\"pfz-iso-cell\"><img decoding=\"async\" src=\"https:\/\/zmatchboxcompany.com\/protection\/wp-content\/uploads\/2025\/07\/iso-313a.png\" alt=\"ISO 45001 certified\" loading=\"lazy\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- NAVIGATE -->\r\n    <div class=\"pfz-col\">\r\n      <h4>Navigate<\/h4>\r\n      <ul class=\"pfz-links\">\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/\"><span><\/span>Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/about-us\/\"><span><\/span>About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/services\/\"><span><\/span>Services<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/partners\/\"><span><\/span>Partners<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/references\/\"><span><\/span>References<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/contact-us\/\"><span><\/span>Contact Us<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- SOLUTIONS -->\r\n    <div class=\"pfz-col\">\r\n      <h4>Solutions<\/h4>\r\n      <ul class=\"pfz-links\">\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/integrated-low-current\/\"><span><\/span>Low Current Systems<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/%f0%9f%94%a5-fire-protection\/\"><span><\/span>Fire Protection<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/automation\/\"><span><\/span>Automation<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/cybersecurity\/\"><span><\/span>Cyber Security<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/secure-identity\/\"><span><\/span>Secure Identity<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/digital-transformation\/\"><span><\/span>Digital Transformation<\/a><\/li>\r\n        <li><a href=\"https:\/\/zmatchboxcompany.com\/protection\/telecommunication-solutions\/\"><span><\/span>Telecommunication<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- CONTACT + CONSOLE -->\r\n    <div class=\"pfz-col\">\r\n      <h4>Reach Us<\/h4>\r\n\r\n      <div class=\"pfz-branch\">\r\n        <b><i><\/i>Lebanon<\/b>\r\n        <p>Beirut - Lebanon<\/p>\r\n        <a href=\"tel:+9611468002\">+961 1 468002<\/a><span class=\"pfz-sep\">\/<\/span><a href=\"tel:+9613145774\">+961 3 145774<\/a>\r\n      <\/div>\r\n      <div class=\"pfz-branch\">\r\n        <b><i><\/i>Iraq<\/b>\r\n        <p>Baghdad - Iraq<\/p>\r\n        <a href=\"tel:+9647727727772\">+964 772 772 7772<\/a>\r\n      <\/div>\r\n      <div class=\"pfz-branch\">\r\n        <a href=\"mailto:info@protectionspecialists.net\">info@protectionspecialists.net<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM BAR -->\r\n  <div class=\"pfz-bar\">\r\n    <button class=\"pfz-top\" id=\"pfzTop\" aria-label=\"Back to top\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"pfz-bar-in\">\r\n      <div class=\"pfz-copy\">&copy; <span id=\"pfzYear\">2026<\/span> <b>Protection Specialists<\/b>. All rights reserved.<\/div>\r\n      <div class=\"pfz-mb\">\r\n        <span class=\"pfz-mb-txt\">Designed &amp; Developed by<\/span>\r\n        <a class=\"pfz-mb-link\" href=\"https:\/\/www.facebook.com\/matchboxdesigns\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"pfz-mb-flame\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2c2.5 4 6 6.5 6 10.5A6 6 0 0 1 6 12.5C6 8.5 9.5 6 12 2z\"\/>\r\n          <\/svg>\r\n          <b>Matchbox<\/b>\r\n        <\/a>\r\n        <a class=\"pfz-mb-tel\" href=\"tel:+96171076086\">+961 71 076 086<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.pfz');if(!root)return;\r\n  var reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* auto year *\/\r\n  var y=document.getElementById('pfzYear');\r\n  if(y)y.textContent=new Date().getFullYear();\r\n\r\n  \/* back to top *\/\r\n  var top=document.getElementById('pfzTop');\r\n  if(top)top.addEventListener('click',function(){\r\n    window.scrollTo({top:0,behavior:reduced?'auto':'smooth'});\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PROTECTION SPECIALISTS Digital Transformation From Analog to Digital Digital Transformation. Transformation isn&#8217;t something we talk about \u2014 it&#8217;s something you can watch. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/pages\/1307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":21,"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/pages\/1307\/revisions"}],"predecessor-version":[{"id":1807,"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/pages\/1307\/revisions\/1807"}],"wp:attachment":[{"href":"https:\/\/zmatchboxcompany.com\/protection\/wp-json\/wp\/v2\/media?parent=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}