{"id":550,"date":"2026-04-23T13:59:09","date_gmt":"2026-04-23T13:59:09","guid":{"rendered":"https:\/\/funki.digital\/about\/"},"modified":"2026-09-14T11:04:57","modified_gmt":"2026-09-14T11:04:57","slug":"about","status":"publish","type":"page","link":"https:\/\/zenithtechmatrix.com\/?page_id=550","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"550\" class=\"elementor elementor-550\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebce90 e-con e-atomic-element e-flexbox-base e-default-div e-67381ed \" data-id=\"6ebce90\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ebce90\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ed2cafa e-con e-atomic-element e-flexbox-base e-default-div e-a80b777 \" data-id=\"ed2cafa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ed2cafa\">\n    \t\t<div class=\"elementor-element elementor-element-7c8a5c5 elementor-widget elementor-widget-html\" data-id=\"7c8a5c5\" 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<!-- ZTM ABOUT HERO (Ultra Clean & Simple - No Towers\/Icons) -->\r\n<section class=\"ztm-about-hero-clean\">\r\n  <div class=\"ztm-about-wrap\">\r\n    <div class=\"ztm-about-hero-grid\">\r\n      \r\n      <!-- Left: Text -->\r\n      <div class=\"ztm-about-hero-left\">\r\n        <div class=\"ztm-about-tag\">\r\n          <span class=\"ztm-about-tag-dot\"><\/span>\r\n          <span>About ZTM<\/span>\r\n        <\/div>\r\n        <h1 class=\"ztm-about-hero-title\">\r\n          Building ZTM Into A <span class=\"ztm-about-gradient-text\">Technology Company.<\/span>\r\n        <\/h1>\r\n        <p class=\"ztm-about-hero-desc\">\r\n          Zenith Tech Matrix is a technology and digital solutions company focused on building useful digital products, software, web experiences and creative technology.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Minimal Premium Visual -->\r\n      <div class=\"ztm-about-hero-right\">\r\n        <div class=\"ztm-minimal-visual\">\r\n          <div class=\"ztm-minimal-glow\"><\/div>\r\n          <div class=\"ztm-minimal-card\">\r\n            <span class=\"ztm-minimal-brand\">ZTM<\/span>\r\n            <span class=\"ztm-minimal-fullname\">Zenith Tech Matrix<\/span>\r\n            <div class=\"ztm-minimal-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ztm-about-hero-clean {\r\n  padding: 120px 0 100px;\r\n  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ztm-about-wrap {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.ztm-about-hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n.ztm-about-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 8px 18px;\r\n  background: rgba(5, 191, 249, 0.08);\r\n  border: 1px solid rgba(5, 191, 249, 0.2);\r\n  border-radius: 100px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #05BFF9;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.ztm-about-tag-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #8EF012;\r\n  border-radius: 50%;\r\n  animation: ztm-dot-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ztm-dot-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n.ztm-about-hero-title {\r\n  font-size: clamp(36px, 5vw, 64px);\r\n  font-weight: 800;\r\n  color: #0a0a0a;\r\n  line-height: 1.1;\r\n  margin: 0 0 28px 0;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.ztm-about-gradient-text {\r\n  background: linear-gradient(135deg, #05BFF9 0%, #8EF012 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.ztm-about-hero-desc {\r\n  font-size: clamp(16px, 1.5vw, 19px);\r\n  color: #555;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  max-width: 540px;\r\n}\r\n\r\n\/* Right Side: Minimal Visual *\/\r\n.ztm-about-hero-right {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.ztm-minimal-visual {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 450px;\r\n  height: 400px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.ztm-minimal-glow {\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(5, 191, 249, 0.15) 0%, rgba(142, 240, 18, 0.1) 50%, transparent 70%);\r\n  border-radius: 50%;\r\n  filter: blur(40px);\r\n  animation: ztm-glow-breathe 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ztm-glow-breathe {\r\n  0%, 100% { transform: scale(1); opacity: 0.6; }\r\n  50% { transform: scale(1.1); opacity: 1; }\r\n}\r\n\r\n.ztm-minimal-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  background: rgba(255, 255, 255, 0.6);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255, 255, 255, 0.8);\r\n  border-radius: 24px;\r\n  padding: 60px 40px;\r\n  text-align: center;\r\n  box-shadow: 0 20px 60px rgba(5, 191, 249, 0.08);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.ztm-minimal-brand {\r\n  font-size: 72px;\r\n  font-weight: 900;\r\n  letter-spacing: -0.05em;\r\n  background: linear-gradient(135deg, #05BFF9 0%, #8EF012 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  line-height: 1;\r\n}\r\n\r\n.ztm-minimal-fullname {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #666;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ztm-minimal-line {\r\n  width: 40px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #05BFF9, #8EF012);\r\n  border-radius: 10px;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .ztm-about-hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .ztm-about-hero-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .ztm-about-hero-desc {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  \r\n  .ztm-minimal-visual {\r\n    height: 350px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ztm-about-hero-clean {\r\n    padding: 80px 0 60px;\r\n  }\r\n  \r\n  .ztm-about-wrap {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .ztm-minimal-brand {\r\n    font-size: 56px;\r\n  }\r\n  \r\n  .ztm-minimal-card {\r\n    padding: 40px 30px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ztm-about-tag-dot,\r\n  .ztm-minimal-glow {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-72cb4af e-con e-atomic-element e-flexbox-base e-default-div e-8f9e418 \" data-id=\"72cb4af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72cb4af\">\n    \t\t<div class=\"elementor-element elementor-element-ad9c75e elementor-widget elementor-widget-html\" data-id=\"ad9c75e\" 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<!-- ZTM ABOUT CONTENT \u2014 No Buttons -->\r\n<section class=\"ztm-about-content\">\r\n\r\n  <!-- SECTION: What is ZTM -->\r\n  <div class=\"ztm-about-block ztm-about-block-light\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">01 \u2014 Identity<\/span>\r\n        <h2 class=\"ztm-about-block-title\">What Is Zenith Tech Matrix?<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-about-formula\">\r\n        <div class=\"ztm-formula-card\">\r\n          <div class=\"ztm-formula-icon\">\r\n            <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <path d=\"M22 6L38 14V30L22 38L6 30V14L22 6Z\" stroke=\"url(#fGrad1)\" stroke-width=\"2\" fill=\"none\"\/>\r\n              <path d=\"M22 14L30 18V26L22 30L14 26V18L22 14Z\" stroke=\"url(#fGrad1)\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\"\/>\r\n              <defs>\r\n                <linearGradient id=\"fGrad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"ztm-formula-name\">ZENITH<\/h3>\r\n          <p class=\"ztm-formula-text\">Aiming toward a higher level of digital excellence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-formula-symbol\">+<\/div>\r\n\r\n        <div class=\"ztm-formula-card\">\r\n          <div class=\"ztm-formula-icon\">\r\n            <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <rect x=\"10\" y=\"10\" width=\"24\" height=\"24\" rx=\"3\" stroke=\"url(#fGrad2)\" stroke-width=\"2\"\/>\r\n              <path d=\"M16 20L20 24L28 16\" stroke=\"url(#fGrad2)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <defs>\r\n                <linearGradient id=\"fGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"ztm-formula-name\">TECH<\/h3>\r\n          <p class=\"ztm-formula-text\">Technology, software and digital innovation.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-formula-symbol\">+<\/div>\r\n\r\n        <div class=\"ztm-formula-card\">\r\n          <div class=\"ztm-formula-icon\">\r\n            <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <circle cx=\"22\" cy=\"22\" r=\"14\" stroke=\"url(#fGrad3)\" stroke-width=\"2\"\/>\r\n              <circle cx=\"22\" cy=\"22\" r=\"8\" stroke=\"url(#fGrad3)\" stroke-width=\"1.5\" opacity=\"0.6\"\/>\r\n              <circle cx=\"22\" cy=\"22\" r=\"3\" fill=\"#8EF012\"\/>\r\n              <defs>\r\n                <linearGradient id=\"fGrad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"ztm-formula-name\">MATRIX<\/h3>\r\n          <p class=\"ztm-formula-text\">Connected systems, products, services and capabilities.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-formula-symbol\">=<\/div>\r\n\r\n        <div class=\"ztm-formula-card ztm-formula-card-final\">\r\n          <div class=\"ztm-formula-icon\">\r\n            <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <path d=\"M22 6L38 14V30L22 38L6 30V14L22 6Z\" stroke=\"url(#fGrad4)\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <circle cx=\"22\" cy=\"22\" r=\"6\" fill=\"url(#fGrad4)\"\/>\r\n              <defs>\r\n                <linearGradient id=\"fGrad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"ztm-formula-name\">ZTM<\/h3>\r\n          <p class=\"ztm-formula-text\">One technology company. Multiple digital capabilities.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Why ZTM Exists -->\r\n  <div class=\"ztm-about-block ztm-about-block-dark\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-split\">\r\n        <div class=\"ztm-about-split-text\">\r\n          <span class=\"ztm-about-block-label\">02 \u2014 Purpose<\/span>\r\n          <h2 class=\"ztm-about-block-title\">Why We Started ZTM<\/h2>\r\n          <div class=\"ztm-about-paragraphs\">\r\n            <p>Technology should not just look impressive. It should solve real problems, create useful products, improve businesses and open new digital possibilities.<\/p>\r\n            <p>ZTM exists to build practical digital solutions across software, web, apps, AI, digital products and creative technology.<\/p>\r\n            <p>We believe in building technology that has purpose \u2014 products and systems that deliver real value, not just visual appeal.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-about-split-visual\">\r\n          <div class=\"ztm-purpose-grid\">\r\n            <div class=\"ztm-purpose-item\">\r\n              <div class=\"ztm-purpose-icon\">\r\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n                  <circle cx=\"16\" cy=\"16\" r=\"12\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n                  <path d=\"M12 16L15 19L21 13\" stroke=\"#8EF012\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Solve Problems<\/h4>\r\n                <p>Every product starts with a real problem.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ztm-purpose-item\">\r\n              <div class=\"ztm-purpose-icon\">\r\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n                  <rect x=\"6\" y=\"6\" width=\"20\" height=\"20\" rx=\"3\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n                  <path d=\"M11 14H21M11 18H17\" stroke=\"#8EF012\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Create Products<\/h4>\r\n                <p>Useful tools people actually want to use.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ztm-purpose-item\">\r\n              <div class=\"ztm-purpose-icon\">\r\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n                  <path d=\"M16 4L28 10V22L16 28L4 22V10L16 4Z\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n                  <circle cx=\"16\" cy=\"16\" r=\"4\" fill=\"#8EF012\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Build Systems<\/h4>\r\n                <p>Software that scales with real business needs.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ztm-purpose-item\">\r\n              <div class=\"ztm-purpose-icon\">\r\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n                  <circle cx=\"16\" cy=\"16\" r=\"12\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n                  <path d=\"M16 10V16L20 20\" stroke=\"#8EF012\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4>Deliver Value<\/h4>\r\n                <p>Long-term impact over short-term trends.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Journey Timeline -->\r\n  <div class=\"ztm-about-block ztm-about-block-light\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">03 \u2014 Journey<\/span>\r\n        <h2 class=\"ztm-about-block-title\">From A Small Start To A Bigger Vision<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-timeline\">\r\n        <div class=\"ztm-timeline-line\"><\/div>\r\n        \r\n        <div class=\"ztm-timeline-item\">\r\n          <div class=\"ztm-timeline-marker\">\r\n            <span>01<\/span>\r\n          <\/div>\r\n          <div class=\"ztm-timeline-content\">\r\n            <h3>Start<\/h3>\r\n            <p>ZTM began as a small digital initiative focused on creating and selling digital products.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-timeline-item\">\r\n          <div class=\"ztm-timeline-marker\">\r\n            <span>02<\/span>\r\n          <\/div>\r\n          <div class=\"ztm-timeline-content\">\r\n            <h3>Digital Products<\/h3>\r\n            <p>The focus expanded toward creating useful digital resources and products.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-timeline-item\">\r\n          <div class=\"ztm-timeline-marker\">\r\n            <span>03<\/span>\r\n          <\/div>\r\n          <div class=\"ztm-timeline-content\">\r\n            <h3>Creative Technology<\/h3>\r\n            <p>ZTM moved into advertising creatives, AI-assisted production, cinematic visuals and digital creative services.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-timeline-item\">\r\n          <div class=\"ztm-timeline-marker\">\r\n            <span>04<\/span>\r\n          <\/div>\r\n          <div class=\"ztm-timeline-content\">\r\n            <h3>Web & Software<\/h3>\r\n            <p>The company expanded into websites, web applications, mobile experiences and custom digital solutions.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-timeline-item\">\r\n          <div class=\"ztm-timeline-marker\">\r\n            <span>05<\/span>\r\n          <\/div>\r\n          <div class=\"ztm-timeline-content\">\r\n            <h3>The Next Stage<\/h3>\r\n            <p>AI tools, SaaS, software products and larger technology solutions \u2014 the long-term direction.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: What We're Building -->\r\n  <div class=\"ztm-about-block ztm-about-block-gray\" id=\"what-we-build\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">04 \u2014 Capabilities<\/span>\r\n        <h2 class=\"ztm-about-block-title\">What We're Building<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-capability-system\">\r\n        <div class=\"ztm-cap-item\">\r\n          <div class=\"ztm-cap-number\">01<\/div>\r\n          <div class=\"ztm-cap-icon\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n              <rect x=\"6\" y=\"8\" width=\"24\" height=\"18\" rx=\"2\" stroke=\"url(#cGrad1)\" stroke-width=\"2\"\/>\r\n              <path d=\"M6 13H30\" stroke=\"url(#cGrad1)\" stroke-width=\"1.5\"\/>\r\n              <rect x=\"10\" y=\"17\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#05BFF9\" opacity=\"0.6\"\/>\r\n              <rect x=\"10\" y=\"21\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#8EF012\" opacity=\"0.6\"\/>\r\n              <defs>\r\n                <linearGradient id=\"cGrad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Web & App<\/h3>\r\n          <p>Modern websites, e-commerce stores, web applications and mobile experiences.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-cap-item\">\r\n          <div class=\"ztm-cap-number\">02<\/div>\r\n          <div class=\"ztm-cap-icon\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n              <circle cx=\"18\" cy=\"18\" r=\"12\" stroke=\"url(#cGrad2)\" stroke-width=\"2\"\/>\r\n              <path d=\"M18 10C14.686 10 12 12.686 12 16C12 19.314 14.686 22 18 22\" stroke=\"url(#cGrad2)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"18\" cy=\"18\" r=\"3\" fill=\"#05BFF9\"\/>\r\n              <defs>\r\n                <linearGradient id=\"cGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Software & AI<\/h3>\r\n          <p>AI-powered tools, custom software, automation and digital systems.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-cap-item\">\r\n          <div class=\"ztm-cap-number\">03<\/div>\r\n          <div class=\"ztm-cap-icon\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n              <rect x=\"8\" y=\"8\" width=\"20\" height=\"20\" rx=\"3\" stroke=\"url(#cGrad3)\" stroke-width=\"2\"\/>\r\n              <path d=\"M13 18L16 21L23 14\" stroke=\"url(#cGrad3)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <defs>\r\n                <linearGradient id=\"cGrad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Digital Products<\/h3>\r\n          <p>Useful digital products designed to solve specific problems.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-cap-item\">\r\n          <div class=\"ztm-cap-number\">04<\/div>\r\n          <div class=\"ztm-cap-icon\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n              <path d=\"M18 6L30 12V24L18 30L6 24V12L18 6Z\" stroke=\"url(#cGrad4)\" stroke-width=\"2\"\/>\r\n              <circle cx=\"18\" cy=\"18\" r=\"4\" fill=\"#8EF012\"\/>\r\n              <defs>\r\n                <linearGradient id=\"cGrad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Creative Technology<\/h3>\r\n          <p>Advertising creatives, AI-assisted production, cinematic visuals and 3D\/CGI experiences.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-cap-item\">\r\n          <div class=\"ztm-cap-cap-number\">05<\/div>\r\n          <div class=\"ztm-cap-icon\">\r\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n              <rect x=\"9\" y=\"6\" width=\"18\" height=\"24\" rx=\"2\" stroke=\"url(#cGrad5)\" stroke-width=\"2\"\/>\r\n              <path d=\"M13 13H23M13 17H23M13 21H19\" stroke=\"url(#cGrad5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <defs>\r\n                <linearGradient id=\"cGrad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Digital Learning<\/h3>\r\n          <p>Courses and learning products designed around practical digital skills.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: How ZTM Thinks -->\r\n  <div class=\"ztm-about-block ztm-about-block-light\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">05 \u2014 Philosophy<\/span>\r\n        <h2 class=\"ztm-about-block-title\">Built Around Problems, Not Just Technology<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-principles\">\r\n        <div class=\"ztm-principle\">\r\n          <div class=\"ztm-principle-num\">01<\/div>\r\n          <h3>Solve Real Problems<\/h3>\r\n          <p>Technology should have a purpose.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-principle\">\r\n          <div class=\"ztm-principle-num\">02<\/div>\r\n          <h3>Design Matters<\/h3>\r\n          <p>A product should be functional and visually strong.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-principle\">\r\n          <div class=\"ztm-principle-num\">03<\/div>\r\n          <h3>Build Practically<\/h3>\r\n          <p>Solutions should be useful, maintainable and realistic.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-principle\">\r\n          <div class=\"ztm-principle-num\">04<\/div>\r\n          <h3>Think Long-Term<\/h3>\r\n          <p>Today's product can become tomorrow's platform.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-principle\">\r\n          <div class=\"ztm-principle-num\">05<\/div>\r\n          <h3>Combine Tech + Creativity<\/h3>\r\n          <p>Software and creative technology work best together.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-process-flow\">\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot\"><\/div>\r\n          <span>Problem<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-process-arrow\">\u2192<\/div>\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot\"><\/div>\r\n          <span>Idea<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-process-arrow\">\u2192<\/div>\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot\"><\/div>\r\n          <span>Design<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-process-arrow\">\u2192<\/div>\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot\"><\/div>\r\n          <span>Technology<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-process-arrow\">\u2192<\/div>\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot\"><\/div>\r\n          <span>Product<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-process-arrow\">\u2192<\/div>\r\n        <div class=\"ztm-process-step\">\r\n          <div class=\"ztm-process-dot ztm-process-dot-final\"><\/div>\r\n          <span>Impact<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Technology Company Vision -->\r\n  <div class=\"ztm-about-block ztm-about-block-dark\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header ztm-about-block-header-light\">\r\n        <span class=\"ztm-about-block-label\">06 \u2014 Vision<\/span>\r\n        <h2 class=\"ztm-about-block-title\">More Than A Service Company<\/h2>\r\n        <p class=\"ztm-about-block-subtitle\">Services are one part of the journey. The long-term vision is to build technology products, software and digital systems that can stand on their own.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-layers\">\r\n        <div class=\"ztm-layer\">\r\n          <div class=\"ztm-layer-badge\">Layer 01<\/div>\r\n          <h3>Services<\/h3>\r\n          <div class=\"ztm-layer-items\">\r\n            <span>Web & App Solutions<\/span>\r\n            <span>Creative Services<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ztm-layer-arrow\">\u2193<\/div>\r\n        <div class=\"ztm-layer\">\r\n          <div class=\"ztm-layer-badge\">Layer 02<\/div>\r\n          <h3>Products<\/h3>\r\n          <div class=\"ztm-layer-items\">\r\n            <span>Digital Products<\/span>\r\n            <span>AI Tools<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ztm-layer-arrow\">\u2193<\/div>\r\n        <div class=\"ztm-layer ztm-layer-highlight\">\r\n          <div class=\"ztm-layer-badge\">Layer 03<\/div>\r\n          <h3>Platforms<\/h3>\r\n          <div class=\"ztm-layer-items\">\r\n            <span>Software<\/span>\r\n            <span>SaaS<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Built From Pakistan -->\r\n  <div class=\"ztm-about-block ztm-about-block-light\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">07 \u2014 Origin<\/span>\r\n        <h2 class=\"ztm-about-block-title\">Built From Pakistan. Designed For The World.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-global-visual\">\r\n        <div class=\"ztm-global-map\">\r\n          <!-- Stylized network visualization -->\r\n          <svg viewBox=\"0 0 800 400\" preserveAspectRatio=\"xMidYMid meet\">\r\n            <defs>\r\n              <radialGradient id=\"originGlow\">\r\n                <stop offset=\"0%\" style=\"stop-color:#8EF012;stop-opacity:0.8\"\/>\r\n                <stop offset=\"100%\" style=\"stop-color:#8EF012;stop-opacity:0\"\/>\r\n              <\/radialGradient>\r\n              <linearGradient id=\"globalLineGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                <stop offset=\"0%\" style=\"stop-color:#05BFF9;stop-opacity:0.6\"\/>\r\n                <stop offset=\"100%\" style=\"stop-color:#8EF012;stop-opacity:0.6\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n            \r\n            <!-- Origin point (Pakistan region) -->\r\n            <circle cx=\"400\" cy=\"200\" r=\"60\" fill=\"url(#originGlow)\"\/>\r\n            <circle cx=\"400\" cy=\"200\" r=\"8\" fill=\"#8EF012\"\/>\r\n            <circle cx=\"400\" cy=\"200\" r=\"16\" fill=\"none\" stroke=\"#8EF012\" stroke-width=\"1.5\" opacity=\"0.6\">\r\n              <animate attributeName=\"r\" values=\"16;30;16\" dur=\"3s\" repeatCount=\"indefinite\"\/>\r\n              <animate attributeName=\"opacity\" values=\"0.6;0;0.6\" dur=\"3s\" repeatCount=\"indefinite\"\/>\r\n            <\/circle>\r\n            <text x=\"400\" y=\"240\" text-anchor=\"middle\" fill=\"#0a0a0a\" font-size=\"12\" font-weight=\"700\" letter-spacing=\"2\">ORIGIN<\/text>\r\n\r\n            <!-- Connection lines to global points -->\r\n            <line x1=\"400\" y1=\"200\" x2=\"120\" y2=\"100\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"680\" y2=\"100\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"150\" y2=\"300\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"650\" y2=\"300\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"250\" y2=\"80\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"550\" y2=\"80\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"100\" y2=\"200\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"400\" y1=\"200\" x2=\"700\" y2=\"200\" stroke=\"url(#globalLineGrad)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n\r\n            <!-- Global connection points -->\r\n            <circle cx=\"120\" cy=\"100\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"680\" cy=\"100\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"150\" cy=\"300\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"650\" cy=\"300\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"250\" cy=\"80\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"550\" cy=\"80\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"100\" cy=\"200\" r=\"5\" fill=\"#05BFF9\"\/>\r\n            <circle cx=\"700\" cy=\"200\" r=\"5\" fill=\"#05BFF9\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"ztm-global-text\">ZTM is being built from Pakistan with the ambition to create technology products and digital solutions capable of serving a global market. The focus is on direction, quality and long-term thinking \u2014 not on claiming what hasn't been built yet.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Founder -->\r\n  <div class=\"ztm-about-block ztm-about-block-gray\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">08 \u2014 Leadership<\/span>\r\n        <h2 class=\"ztm-about-block-title\">Built With A Long-Term Vision<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-founder\">\r\n        <div class=\"ztm-founder-visual\">\r\n          <div class=\"ztm-founder-avatar\">\r\n            <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 200\" fill=\"none\">\r\n              <defs>\r\n                <linearGradient id=\"founderGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n              <circle cx=\"100\" cy=\"100\" r=\"95\" stroke=\"url(#founderGrad)\" stroke-width=\"2\" fill=\"none\"\/>\r\n              <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"#f8f9fa\"\/>\r\n              <text x=\"100\" y=\"110\" text-anchor=\"middle\" font-size=\"48\" font-weight=\"800\" fill=\"url(#founderGrad)\">MUF<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ztm-founder-info\">\r\n          <h3 class=\"ztm-founder-name\">Muhammad Umar Farooq<\/h3>\r\n          <div class=\"ztm-founder-role\">Founder, Zenith Tech Matrix<\/div>\r\n          <p class=\"ztm-founder-bio\">ZTM is being built around a long-term vision \u2014 to create useful digital products, modern software and creative technology that can grow into a serious technology company. The focus is on building practical solutions, thinking beyond services, and developing products and systems that deliver real value over time.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: Ecosystem -->\r\n  <div class=\"ztm-about-block ztm-about-block-light\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header\">\r\n        <span class=\"ztm-about-block-label\">09 \u2014 Ecosystem<\/span>\r\n        <h2 class=\"ztm-about-block-title\">The ZTM Ecosystem<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-ecosystem\">\r\n        <div class=\"ztm-eco-center\">\r\n          <div class=\"ztm-eco-glow\"><\/div>\r\n          <div class=\"ztm-eco-core\">\r\n            <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\r\n              <path d=\"M40 10L70 25V55L40 70L10 55V25L40 10Z\" stroke=\"url(#ecoGrad)\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <circle cx=\"40\" cy=\"40\" r=\"10\" fill=\"url(#ecoGrad)\"\/>\r\n              <defs>\r\n                <linearGradient id=\"ecoGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#05BFF9\"\/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#8EF012\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"ztm-eco-label\">ZTM<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ztm-eco-item ztm-eco-1\">\r\n          <span>WEB<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-2\">\r\n          <span>APP<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-3\">\r\n          <span>SOFTWARE<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-4\">\r\n          <span>AI<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-5\">\r\n          <span>DIGITAL PRODUCTS<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-6\">\r\n          <span>CREATIVE<\/span>\r\n        <\/div>\r\n        <div class=\"ztm-eco-item ztm-eco-7\">\r\n          <span>LEARNING<\/span>\r\n        <\/div>\r\n\r\n        <svg class=\"ztm-eco-lines\" viewBox=\"0 0 600 600\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <defs>\r\n            <linearGradient id=\"ecoLineGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" style=\"stop-color:#05BFF9;stop-opacity:0.4\"\/>\r\n              <stop offset=\"100%\" style=\"stop-color:#8EF012;stop-opacity:0.4\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <line x1=\"300\" y1=\"300\" x2=\"100\" y2=\"100\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"500\" y2=\"100\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"500\" y2=\"300\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"500\" y2=\"500\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"300\" y2=\"500\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"100\" y2=\"500\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n          <line x1=\"300\" y1=\"300\" x2=\"100\" y2=\"300\" stroke=\"url(#ecoLineGrad)\" stroke-width=\"1.5\" stroke-dasharray=\"4,8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION: What's Next -->\r\n  <div class=\"ztm-about-block ztm-about-block-dark\">\r\n    <div class=\"ztm-about-wrap\">\r\n      <div class=\"ztm-about-block-header ztm-about-block-header-light\">\r\n        <span class=\"ztm-about-block-label\">10 \u2014 Future<\/span>\r\n        <h2 class=\"ztm-about-block-title\">What's Next?<\/h2>\r\n        <p class=\"ztm-about-block-subtitle\">The long-term roadmap \u2014 building toward bigger, smarter, more connected digital products.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ztm-roadmap\">\r\n        <div class=\"ztm-roadmap-item\">\r\n          <div class=\"ztm-roadmap-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n              <circle cx=\"16\" cy=\"16\" r=\"12\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n              <path d=\"M12 16L15 19L21 13\" stroke=\"#8EF012\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>AI-Powered Products<\/h3>\r\n          <p>Intelligent tools that automate and enhance real workflows.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-roadmap-connector\"><\/div>\r\n        <div class=\"ztm-roadmap-item\">\r\n          <div class=\"ztm-roadmap-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n              <rect x=\"6\" y=\"6\" width=\"20\" height=\"20\" rx=\"3\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n              <path d=\"M10 14H22M10 18H18\" stroke=\"#8EF012\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>SaaS & Software<\/h3>\r\n          <p>Scalable software products built for modern businesses.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-roadmap-connector\"><\/div>\r\n        <div class=\"ztm-roadmap-item\">\r\n          <div class=\"ztm-roadmap-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n              <path d=\"M16 4L28 10V22L16 28L4 22V10L16 4Z\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n              <circle cx=\"16\" cy=\"16\" r=\"4\" fill=\"#8EF012\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Advanced Digital Platforms<\/h3>\r\n          <p>Connected systems that bring products and services together.<\/p>\r\n        <\/div>\r\n        <div class=\"ztm-roadmap-connector\"><\/div>\r\n        <div class=\"ztm-roadmap-item\">\r\n          <div class=\"ztm-roadmap-icon\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n              <circle cx=\"16\" cy=\"16\" r=\"12\" stroke=\"#05BFF9\" stroke-width=\"2\"\/>\r\n              <circle cx=\"16\" cy=\"16\" r=\"6\" stroke=\"#8EF012\" stroke-width=\"2\"\/>\r\n              <circle cx=\"16\" cy=\"16\" r=\"2\" fill=\"#8EF012\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Global Technology Products<\/h3>\r\n          <p>Technology built to serve a global market.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ============ BASE ============ *\/\r\n.ztm-about-content {\r\n  font-family: inherit;\r\n}\r\n\r\n.ztm-about-block {\r\n  padding: 100px 0;\r\n  position: relative;\r\n}\r\n\r\n.ztm-about-block-light {\r\n  background: #ffffff;\r\n}\r\n\r\n.ztm-about-block-gray {\r\n  background: #f8f9fa;\r\n}\r\n\r\n.ztm-about-block-dark {\r\n  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);\r\n  color: #ffffff;\r\n}\r\n\r\n.ztm-about-block-header {\r\n  text-align: center;\r\n  margin-bottom: 64px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.ztm-about-block-label {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #05BFF9;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.ztm-about-block-title {\r\n  font-size: clamp(28px, 4vw, 48px);\r\n  font-weight: 800;\r\n  color: #0a0a0a;\r\n  line-height: 1.2;\r\n  margin: 0;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.ztm-about-block-dark .ztm-about-block-title {\r\n  color: #ffffff;\r\n}\r\n\r\n.ztm-about-block-subtitle {\r\n  font-size: clamp(15px, 1.5vw, 18px);\r\n  color: rgba(255, 255, 255, 0.7);\r\n  line-height: 1.7;\r\n  margin: 20px auto 0;\r\n  max-width: 600px;\r\n}\r\n\r\n\/* ============ FORMULA ============ *\/\r\n.ztm-about-formula {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 24px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.ztm-formula-card {\r\n  padding: 32px 24px;\r\n  background: #ffffff;\r\n  border: 1.5px solid #e5e7eb;\r\n  border-radius: 18px;\r\n  text-align: center;\r\n  min-width: 180px;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.ztm-formula-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(5, 191, 249, 0.5);\r\n  box-shadow: 0 20px 40px rgba(5, 191, 249, 0.15);\r\n}\r\n\r\n.ztm-formula-card-final {\r\n  background: linear-gradient(135deg, rgba(5, 191, 249, 0.08), rgba(142, 240, 18, 0.08));\r\n  border-color: rgba(5, 191, 249, 0.3);\r\n}\r\n\r\n.ztm-formula-icon {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.ztm-formula-name {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #0a0a0a;\r\n  margin: 0 0 8px 0;\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n.ztm-formula-text {\r\n  font-size: 13px;\r\n  color: #666;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n.ztm-formula-symbol {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: #05BFF9;\r\n  line-height: 1;\r\n}\r\n\r\n\/* ============ SPLIT (Why ZTM) ============ *\/\r\n.ztm-about-split {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n.ztm-about-split-text .ztm-about-block-label {\r\n  display: block;\r\n  text-align: left;\r\n  color: #8EF012;\r\n}\r\n\r\n.ztm-about-split-text .ztm-about-block-title {\r\n  color: #ffffff;\r\n  text-align: left;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.ztm-about-paragraphs p {\r\n  font-size: 16px;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  line-height: 1.8;\r\n  margin: 0 0 18px 0;\r\n}\r\n\r\n.ztm-purpose-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.ztm-purpose-item {\r\n  display: flex;\r\n  gap: 16px;\r\n  padding: 20px;\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(5, 191, 249, 0.2);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ztm-purpose-item:hover {\r\n  background: rgba(5, 191, 249, 0.08);\r\n  border-color: rgba(5, 191, 249, 0.4);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.ztm-purpose-icon {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ztm-purpose-item h4 {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 6px 0;\r\n}\r\n\r\n.ztm-purpose-item p {\r\n  font-size: 13px;\r\n  color: rgba(255, 255, 255, 0.6);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============ TIMELINE ============ *\/\r\n.ztm-timeline {\r\n  position: relative;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding-left: 40px;\r\n}\r\n\r\n.ztm-timeline-line {\r\n  position: absolute;\r\n  left: 15px;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 2px;\r\n  background: linear-gradient(180deg, #05BFF9, #8EF012);\r\n  opacity: 0.3;\r\n}\r\n\r\n.ztm-timeline-item {\r\n  position: relative;\r\n  padding: 0 0 48px 40px;\r\n}\r\n\r\n.ztm-timeline-item:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.ztm-timeline-marker {\r\n  position: absolute;\r\n  left: -40px;\r\n  top: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: linear-gradient(135deg, #05BFF9, #8EF012);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  box-shadow: 0 0 0 6px rgba(5, 191, 249, 0.15);\r\n}\r\n\r\n.ztm-timeline-content {\r\n  background: #ffffff;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 14px;\r\n  padding: 24px 28px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ztm-timeline-content:hover {\r\n  border-color: rgba(5, 191, 249, 0.4);\r\n  box-shadow: 0 15px 30px rgba(5, 191, 249, 0.1);\r\n  transform: translateX(6px);\r\n}\r\n\r\n.ztm-timeline-content h3 {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #0a0a0a;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n.ztm-timeline-content p {\r\n  font-size: 15px;\r\n  color: #666;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============ CAPABILITIES ============ *\/\r\n.ztm-capability-system {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n.ztm-cap-item {\r\n  position: relative;\r\n  padding: 32px 28px;\r\n  background: #ffffff;\r\n  border: 1.5px solid #e5e7eb;\r\n  border-radius: 18px;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.ztm-cap-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #05BFF9, #8EF012);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.ztm-cap-item:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.ztm-cap-item:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(5, 191, 249, 0.4);\r\n  box-shadow: 0 20px 40px rgba(5, 191, 249, 0.12);\r\n}\r\n\r\n.ztm-cap-number {\r\n  font-size: 48px;\r\n  font-weight: 800;\r\n  background: linear-gradient(135deg, #05BFF9, #8EF012);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  opacity: 0.2;\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n.ztm-cap-icon {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.ztm-cap-item h3 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #0a0a0a;\r\n  margin: 0 0 10px 0;\r\n}\r\n\r\n.ztm-cap-item p {\r\n  font-size: 14px;\r\n  color: #666;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============ PRINCIPLES ============ *\/\r\n.ztm-principles {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.ztm-principle {\r\n  padding: 28px 24px;\r\n  background: #ffffff;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ztm-principle:hover {\r\n  border-color: #05BFF9;\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.ztm-principle-num {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #05BFF9;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.ztm-principle h3 {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0a0a0a;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n.ztm-principle p {\r\n  font-size: 14px;\r\n  color: #666;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n.ztm-process-flow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  padding: 32px;\r\n  background: linear-gradient(135deg, rgba(5, 191, 249, 0.05), rgba(142, 240, 18, 0.05));\r\n  border-radius: 16px;\r\n  border: 1px solid rgba(5, 191, 249, 0.15);\r\n}\r\n\r\n.ztm-process-step {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 18px;\r\n  background: #ffffff;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 100px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #0a0a0a;\r\n}\r\n\r\n.ztm-process-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #05BFF9;\r\n  border-radius: 50%;\r\n}\r\n\r\n.ztm-process-dot-final {\r\n  background: #8EF012;\r\n}\r\n\r\n.ztm-process-arrow {\r\n  font-size: 18px;\r\n  color: #05BFF9;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ============ LAYERS ============ *\/\r\n.ztm-layers {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 20px;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ztm-layer {\r\n  width: 100%;\r\n  padding: 32px;\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(5, 191, 249, 0.2);\r\n  border-radius: 16px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ztm-layer:hover {\r\n  background: rgba(5, 191, 249, 0.08);\r\n  border-color: rgba(5, 191, 249, 0.4);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.ztm-layer-highlight {\r\n  background: linear-gradient(135deg, rgba(5, 191, 249, 0.15), rgba(142, 240, 18, 0.15));\r\n  border-color: rgba(142, 240, 18, 0.5);\r\n}\r\n\r\n.ztm-layer-badge {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #8EF012;\r\n  letter-spacing: 0.2em;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.ztm-layer h3 {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 16px 0;\r\n}\r\n\r\n.ztm-layer-items {\r\n  display: flex;\r\n  gap: 10px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.ztm-layer-items span {\r\n  padding: 6px 14px;\r\n  background: rgba(255, 255, 255, 0.08);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 100px;\r\n  font-size: 13px;\r\n  color: rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n.ztm-layer-arrow {\r\n  font-size: 24px;\r\n  color: #05BFF9;\r\n  line-height: 1;\r\n}\r\n\r\n\/* ============ GLOBAL ============ *\/\r\n.ztm-global-visual {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.ztm-global-map {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.ztm-global-map svg {\r\n  width: 100%;\r\n  height: auto;\r\n  max-height: 400px;\r\n}\r\n\r\n.ztm-global-text {\r\n  font-size: clamp(15px, 1.5vw, 18px);\r\n  color: #666;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n  max-width: 700px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* ============ FOUNDER ============ *\/\r\n.ztm-founder {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ztm-founder-avatar {\r\n  width: 200px;\r\n  height: 200px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n  border: 2px solid rgba(5, 191, 249, 0.3);\r\n  box-shadow: 0 20px 40px rgba(5, 191, 249, 0.15);\r\n}\r\n\r\n.ztm-founder-name {\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  color: #0a0a0a;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n.ztm-founder-role {\r\n  display: inline-block;\r\n  padding: 6px 14px;\r\n  background: linear-gradient(135deg, rgba(5, 191, 249, 0.1), rgba(142, 240, 18, 0.1));\r\n  color: #05BFF9;\r\n  border-radius: 100px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.ztm-founder-bio {\r\n  font-size: 16px;\r\n  color: #666;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n}\r\n\r\n\/* ============ ECOSYSTEM ============ *\/\r\n.ztm-ecosystem {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 600px;\r\n  height: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ztm-eco-center {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 10;\r\n  text-align: center;\r\n}\r\n\r\n.ztm-eco-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 240px;\r\n  height: 240px;\r\n  background: radial-gradient(circle, rgba(5, 191, 249, 0.25) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  animation: ztm-eco-pulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ztm-eco-pulse {\r\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\r\n  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.9; }\r\n}\r\n\r\n.ztm-eco-core {\r\n  position: relative;\r\n  z-index: 2;\r\n  animation: ztm-eco-spin 30s linear infinite;\r\n}\r\n\r\n@keyframes ztm-eco-spin {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.ztm-eco-label {\r\n  position: absolute;\r\n  bottom: -40px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  color: #0a0a0a;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n.ztm-eco-item {\r\n  position: absolute;\r\n  padding: 10px 18px;\r\n  background: #ffffff;\r\n  border: 1.5px solid rgba(5, 191, 249, 0.3);\r\n  border-radius: 100px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #0a0a0a;\r\n  letter-spacing: 0.1em;\r\n  box-shadow: 0 8px 20px rgba(5, 191, 249, 0.1);\r\n  animation: ztm-eco-float 6s ease-in-out infinite;\r\n  z-index: 5;\r\n}\r\n\r\n.ztm-eco-1 { top: 5%; left: 10%; animation-delay: 0s; }\r\n.ztm-eco-2 { top: 5%; right: 10%; animation-delay: 0.8s; }\r\n.ztm-eco-3 { top: 35%; right: 0%; animation-delay: 1.6s; }\r\n.ztm-eco-4 { bottom: 35%; right: 0%; animation-delay: 2.4s; }\r\n.ztm-eco-5 { bottom: 5%; right: 10%; animation-delay: 3.2s; }\r\n.ztm-eco-6 { bottom: 5%; left: 10%; animation-delay: 4s; }\r\n.ztm-eco-7 { top: 35%; left: 0%; animation-delay: 4.8s; }\r\n\r\n@keyframes ztm-eco-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-10px); }\r\n}\r\n\r\n.ztm-eco-lines {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.ztm-eco-lines line {\r\n  animation: ztm-eco-line-flow 4s linear infinite;\r\n}\r\n\r\n@keyframes ztm-eco-line-flow {\r\n  to { stroke-dashoffset: -24; }\r\n}\r\n\r\n\/* ============ ROADMAP ============ *\/\r\n.ztm-roadmap {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  align-items: stretch;\r\n}\r\n\r\n.ztm-roadmap-item {\r\n  padding: 28px 24px;\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(5, 191, 249, 0.2);\r\n  border-radius: 16px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ztm-roadmap-item:hover {\r\n  background: rgba(5, 191, 249, 0.08);\r\n  border-color: rgba(5, 191, 249, 0.4);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.ztm-roadmap-icon {\r\n  margin-bottom: 16px;\r\n  display: inline-block;\r\n}\r\n\r\n.ztm-roadmap-item h3 {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 10px 0;\r\n}\r\n\r\n.ztm-roadmap-item p {\r\n  font-size: 13px;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n.ztm-roadmap-connector {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #05BFF9;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n}\r\n\r\n.ztm-roadmap-connector::before {\r\n  content: '\u2192';\r\n}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 1024px) {\r\n  .ztm-about-split {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  \r\n  .ztm-roadmap {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .ztm-roadmap-connector {\r\n    display: none;\r\n  }\r\n  \r\n  .ztm-ecosystem {\r\n    height: 500px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ztm-about-block {\r\n    padding: 70px 0;\r\n  }\r\n  \r\n  .ztm-about-block-header {\r\n    margin-bottom: 48px;\r\n  }\r\n  \r\n  .ztm-about-formula {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .ztm-formula-card {\r\n    width: 100%;\r\n    max-width: 280px;\r\n  }\r\n  \r\n  .ztm-formula-symbol {\r\n    transform: rotate(90deg);\r\n  }\r\n  \r\n  .ztm-purpose-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .ztm-founder {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    gap: 32px;\r\n  }\r\n  \r\n  .ztm-founder-avatar {\r\n    margin: 0 auto;\r\n    width: 160px;\r\n    height: 160px;\r\n  }\r\n  \r\n  .ztm-roadmap {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .ztm-process-flow {\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n  \r\n  .ztm-process-arrow {\r\n    transform: rotate(90deg);\r\n  }\r\n  \r\n  .ztm-ecosystem {\r\n    height: 450px;\r\n  }\r\n  \r\n  .ztm-eco-item {\r\n    font-size: 10px;\r\n    padding: 8px 12px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ztm-eco-core,\r\n  .ztm-eco-item,\r\n  .ztm-eco-glow,\r\n  .ztm-timeline-content,\r\n  .ztm-cap-item,\r\n  .ztm-purpose-item,\r\n  .ztm-layer,\r\n  .ztm-roadmap-item {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Scroll reveal for all about blocks\r\nconst ztmAboutObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add('ztm-visible');\r\n    }\r\n  });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\ndocument.querySelectorAll('.ztm-about-block').forEach(block => {\r\n  block.style.opacity = '0';\r\n  block.style.transform = 'translateY(30px)';\r\n  block.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n  ztmAboutObserver.observe(block);\r\n});\r\n\r\n\/\/ Add visible class styles\r\nconst revealStyle = document.createElement('style');\r\nrevealStyle.textContent = `\r\n  .ztm-about-block.ztm-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n  }\r\n`;\r\ndocument.head.appendChild(revealStyle);\r\n\r\n\/\/ Stagger children inside each block\r\ndocument.querySelectorAll('.ztm-formula-card, .ztm-timeline-item, .ztm-cap-item, .ztm-principle, .ztm-layer, .ztm-roadmap-item').forEach((el, i) => {\r\n  el.style.opacity = '0';\r\n  el.style.transform = 'translateY(20px)';\r\n  el.style.transition = `opacity 0.6s ease ${i * 0.08}s, transform 0.6s ease ${i * 0.08}s`;\r\n  \r\n  const parentObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.opacity = '1';\r\n        entry.target.style.transform = 'translateY(0)';\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  \r\n  parentObserver.observe(el);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About ZTM Building ZTM Into A Technology Company. Zenith Tech Matrix is a technology and digital solutions company focused on building useful digital products, software, web experiences and creative technology. ZTM Zenith Tech Matrix 01 \u2014 Identity What Is Zenith Tech Matrix? ZENITH Aiming toward a higher level of digital excellence. + TECH Technology, software [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"_joinchat":[],"footnotes":""},"class_list":["post-550","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/pages\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=550"}],"version-history":[{"count":12,"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/pages\/550\/revisions"}],"predecessor-version":[{"id":2603,"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=\/wp\/v2\/pages\/550\/revisions\/2603"}],"wp:attachment":[{"href":"https:\/\/zenithtechmatrix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}