{"id":7,"date":"2026-10-04T14:10:16","date_gmt":"2026-10-04T14:10:16","guid":{"rendered":"https:\/\/intouch.my.id\/web\/?page_id=7"},"modified":"2026-10-08T07:56:26","modified_gmt":"2026-10-08T07:56:26","slug":"intouch","status":"publish","type":"page","link":"https:\/\/intouch.my.id\/web\/","title":{"rendered":"Intouch"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-becda5f e-con-full e-flex e-con e-parent\" data-id=\"becda5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f0ceb elementor-widget elementor-widget-html\" data-id=\"c2f0ceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ARK SOLUTION \u2014 MODULABS-INSPIRED TECHNOLOGY SYSTEM\r\n   Elementor Single HTML Block\r\n   ========================================================= *\/\r\n\r\n.arkx{\r\n  --ark-bg:#f3f2ee;\r\n  --ark-paper:#faf9f6;\r\n  --ark-white:#ffffff;\r\n  --ark-ink:#111311;\r\n  --ark-muted:#676b66;\r\n  --ark-line:#d8d8d1;\r\n  --ark-soft:#e9ebe5;\r\n  --ark-green:#657263;\r\n  --ark-green-dark:#303a32;\r\n  --ark-blue:#416b7a;\r\n  --ark-black:#111411;\r\n  --ark-radius:3px;\r\n\r\n  width:100%;\r\n  max-width:100%;\r\n  overflow:hidden;\r\n  background:var(--ark-bg);\r\n  color:var(--ark-ink);\r\n  font-family:Inter,Arial,Helvetica,sans-serif;\r\n  line-height:1.65;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.arkx *,\r\n.arkx *:before,\r\n.arkx *:after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.arkx a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n.arkx img{\r\n  max-width:100%;\r\n  height:auto;\r\n  display:block;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   GLOBAL\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-container{\r\n  width:min(1240px,calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n.arkx-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin:0 0 22px;\r\n  font-size:11px;\r\n  line-height:1;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-kicker:before{\r\n  content:\"\";\r\n  width:25px;\r\n  height:1px;\r\n  background:currentColor;\r\n}\r\n\r\n.arkx-section{\r\n  padding:120px 0;\r\n}\r\n\r\n.arkx-section-head{\r\n  max-width:850px;\r\n  margin-bottom:65px;\r\n}\r\n\r\n.arkx-section-head h2{\r\n  margin:0;\r\n  font-size:clamp(42px,5vw,76px);\r\n  line-height:.98;\r\n  letter-spacing:-.055em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-section-head p{\r\n  max-width:650px;\r\n  margin:30px 0 0;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-arrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:32px;\r\n  height:32px;\r\n  border:1px solid currentColor;\r\n  border-radius:50%;\r\n  transition:.25s ease;\r\n}\r\n\r\n.arkx-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  letter-spacing:.05em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.arkx-link:hover .arkx-arrow{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   UTILITY BAR\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-utility{\r\n  border-bottom:1px solid var(--ark-line);\r\n  background:var(--ark-bg);\r\n}\r\n\r\n.arkx-utility-inner{\r\n  min-height:36px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:25px;\r\n  font-size:10px;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.arkx-utility-slogan{\r\n  font-weight:700;\r\n}\r\n\r\n.arkx-utility-right{\r\n  display:flex;\r\n  gap:22px;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-utility-right a:hover{\r\n  color:var(--ark-ink);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   HEADER\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-header{\r\n  position:relative;\r\n  z-index:20;\r\n  border-bottom:1px solid var(--ark-line);\r\n  background:rgba(243,242,238,.94);\r\n}\r\n\r\n.arkx-nav{\r\n  min-height:88px;\r\n  display:grid;\r\n  grid-template-columns:1fr auto 1fr;\r\n  align-items:center;\r\n  gap:35px;\r\n}\r\n\r\n.arkx-brand{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-weight:800;\r\n  font-size:17px;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.arkx-brand-mark{\r\n  width:30px;\r\n  height:30px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:var(--ark-black);\r\n  color:#fff;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:-.05em;\r\n}\r\n\r\n.arkx-nav-menu{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:31px;\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n  font-size:12px;\r\n  font-weight:600;\r\n}\r\n\r\n.arkx-nav-menu a{\r\n  color:#4c504c;\r\n  transition:.2s ease;\r\n}\r\n\r\n.arkx-nav-menu a:hover{\r\n  color:var(--ark-ink);\r\n}\r\n\r\n.arkx-nav-cta{\r\n  justify-self:end;\r\n}\r\n\r\n.arkx-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:47px;\r\n  padding:0 22px;\r\n  border:1px solid var(--ark-ink);\r\n  background:var(--ark-ink);\r\n  color:#fff !important;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  transition:.25s ease;\r\n}\r\n\r\n.arkx-button:hover{\r\n  background:transparent;\r\n  color:var(--ark-ink) !important;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   HERO\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-hero{\r\n  padding:110px 0 85px;\r\n}\r\n\r\n.arkx-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);\r\n  gap:75px;\r\n  align-items:end;\r\n}\r\n\r\n.arkx-hero h1{\r\n  max-width:900px;\r\n  margin:0;\r\n  font-size:clamp(54px,7vw,108px);\r\n  line-height:.91;\r\n  letter-spacing:-.075em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-hero h1 em{\r\n  font-style:normal;\r\n  color:var(--ark-green);\r\n}\r\n\r\n.arkx-hero-copy{\r\n  max-width:530px;\r\n  padding-bottom:8px;\r\n}\r\n\r\n.arkx-hero-copy p{\r\n  margin:0 0 30px;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-hero-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:25px;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   HERO TECH VISUAL\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-hero-visual{\r\n  position:relative;\r\n  margin-top:75px;\r\n  min-height:440px;\r\n  overflow:hidden;\r\n  background:#1a1e1b;\r\n  color:#fff;\r\n}\r\n\r\n.arkx-grid-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:.22;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);\r\n  background-size:45px 45px;\r\n}\r\n\r\n.arkx-terminal{\r\n  position:absolute;\r\n  left:8%;\r\n  top:9%;\r\n  width:53%;\r\n  height:75%;\r\n  padding:25px;\r\n  border:1px solid rgba(255,255,255,.17);\r\n  background:rgba(8,12,9,.72);\r\n  box-shadow:0 30px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.arkx-terminal-top{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  margin-bottom:24px;\r\n}\r\n\r\n.arkx-terminal-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#b8c3b8;\r\n  opacity:.7;\r\n}\r\n\r\n.arkx-code{\r\n  font-family:\"Courier New\",monospace;\r\n  font-size:10px;\r\n  line-height:2;\r\n  color:#cbd4cc;\r\n}\r\n\r\n.arkx-code .green{\r\n  color:#a8bea9;\r\n}\r\n\r\n.arkx-code .blue{\r\n  color:#92b1bc;\r\n}\r\n\r\n.arkx-code .dim{\r\n  color:#707a71;\r\n}\r\n\r\n.arkx-orbit{\r\n  position:absolute;\r\n  width:270px;\r\n  height:270px;\r\n  right:7%;\r\n  top:19%;\r\n  border:1px solid rgba(255,255,255,.25);\r\n  border-radius:50%;\r\n}\r\n\r\n.arkx-orbit:before,\r\n.arkx-orbit:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:35px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:50%;\r\n}\r\n\r\n.arkx-orbit:after{\r\n  inset:75px;\r\n  border-color:rgba(255,255,255,.12);\r\n}\r\n\r\n.arkx-orbit-node{\r\n  position:absolute;\r\n  width:12px;\r\n  height:12px;\r\n  background:#e7eee7;\r\n  border-radius:50%;\r\n  box-shadow:0 0 25px rgba(225,245,225,.55);\r\n}\r\n\r\n.arkx-node-a{left:-5px;top:50%;}\r\n.arkx-node-b{right:22px;top:17px;}\r\n.arkx-node-c{right:40px;bottom:25px;}\r\n\r\n.arkx-visual-label{\r\n  position:absolute;\r\n  right:8%;\r\n  bottom:8%;\r\n  padding:12px 15px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(0,0,0,.3);\r\n  font-family:\"Courier New\",monospace;\r\n  font-size:10px;\r\n  letter-spacing:.08em;\r\n  color:#bfc8c0;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   FEATURED CASE\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-feature{\r\n  padding:0 0 110px;\r\n}\r\n\r\n.arkx-feature-card{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  min-height:550px;\r\n  background:var(--ark-black);\r\n  color:#fff;\r\n}\r\n\r\n.arkx-feature-copy{\r\n  padding:75px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n}\r\n\r\n.arkx-feature-copy h2{\r\n  max-width:570px;\r\n  margin:0;\r\n  font-size:clamp(40px,5vw,72px);\r\n  line-height:.98;\r\n  letter-spacing:-.055em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-feature-copy p{\r\n  max-width:520px;\r\n  margin:30px 0 0;\r\n  color:#aeb4ae;\r\n  font-size:16px;\r\n}\r\n\r\n.arkx-feature-meta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  margin-top:35px;\r\n}\r\n\r\n.arkx-pill{\r\n  padding:8px 12px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  color:#c3c9c3;\r\n  font-size:10px;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.arkx-feature-visual{\r\n  position:relative;\r\n  min-height:500px;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 60% 40%,rgba(145,165,148,.25),transparent 24%),\r\n    linear-gradient(135deg,#242a25,#101310);\r\n}\r\n\r\n.arkx-feature-visual:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:12%;\r\n  border:1px solid rgba(255,255,255,.13);\r\n  transform:rotate(-7deg);\r\n}\r\n\r\n.arkx-feature-screen{\r\n  position:absolute;\r\n  width:70%;\r\n  height:55%;\r\n  left:15%;\r\n  top:23%;\r\n  border:1px solid rgba(255,255,255,.25);\r\n  background:rgba(10,12,11,.85);\r\n  transform:perspective(900px) rotateY(-10deg) rotateX(4deg);\r\n  box-shadow:30px 35px 70px rgba(0,0,0,.45);\r\n}\r\n\r\n.arkx-screen-bar{\r\n  height:28px;\r\n  border-bottom:1px solid rgba(255,255,255,.13);\r\n  display:flex;\r\n  align-items:center;\r\n  padding:0 12px;\r\n  gap:5px;\r\n}\r\n\r\n.arkx-screen-bar i{\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:#929a93;\r\n}\r\n\r\n.arkx-screen-body{\r\n  display:grid;\r\n  grid-template-columns:28% 72%;\r\n  height:calc(100% - 28px);\r\n}\r\n\r\n.arkx-screen-side{\r\n  border-right:1px solid rgba(255,255,255,.1);\r\n  padding:16px 10px;\r\n}\r\n\r\n.arkx-screen-side span{\r\n  display:block;\r\n  height:5px;\r\n  margin:12px 0;\r\n  background:rgba(255,255,255,.14);\r\n}\r\n\r\n.arkx-screen-main{\r\n  padding:22px;\r\n}\r\n\r\n.arkx-screen-title{\r\n  width:55%;\r\n  height:8px;\r\n  margin-bottom:25px;\r\n  background:#a9b5aa;\r\n}\r\n\r\n.arkx-screen-chart{\r\n  height:100px;\r\n  border:1px solid rgba(255,255,255,.1);\r\n  background:\r\n    linear-gradient(150deg,transparent 48%,rgba(170,190,173,.6) 49%,transparent 50%),\r\n    linear-gradient(30deg,transparent 55%,rgba(170,190,173,.3) 56%,transparent 57%);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   TRUST \/ PROOF\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-proof{\r\n  border-top:1px solid var(--ark-line);\r\n  border-bottom:1px solid var(--ark-line);\r\n  padding:30px 0;\r\n}\r\n\r\n.arkx-proof-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 3fr;\r\n  gap:40px;\r\n  align-items:center;\r\n}\r\n\r\n.arkx-proof-label{\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.15em;\r\n  color:var(--ark-muted);\r\n  font-weight:700;\r\n}\r\n\r\n.arkx-proof-items{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:15px;\r\n}\r\n\r\n.arkx-proof-item{\r\n  padding-left:20px;\r\n  border-left:1px solid var(--ark-line);\r\n}\r\n\r\n.arkx-proof-item strong{\r\n  display:block;\r\n  font-size:20px;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.arkx-proof-item span{\r\n  display:block;\r\n  margin-top:4px;\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  color:var(--ark-muted);\r\n  text-transform:uppercase;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   OPERATING SYSTEM\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-operating{\r\n  background:var(--ark-paper);\r\n}\r\n\r\n.arkx-operating-grid{\r\n  display:grid;\r\n  grid-template-columns:34% 66%;\r\n  gap:80px;\r\n}\r\n\r\n.arkx-sticky-title h2{\r\n  margin:0;\r\n  max-width:430px;\r\n  font-size:clamp(40px,5vw,67px);\r\n  line-height:.98;\r\n  letter-spacing:-.055em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-sticky-title p{\r\n  max-width:360px;\r\n  margin-top:30px;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-process{\r\n  border-top:1px solid var(--ark-line);\r\n}\r\n\r\n.arkx-process-item{\r\n  display:grid;\r\n  grid-template-columns:70px 1fr;\r\n  gap:30px;\r\n  padding:35px 0;\r\n  border-bottom:1px solid var(--ark-line);\r\n}\r\n\r\n.arkx-process-number{\r\n  font-family:\"Courier New\",monospace;\r\n  color:var(--ark-muted);\r\n  font-size:12px;\r\n}\r\n\r\n.arkx-process-item h3{\r\n  margin:0;\r\n  font-size:27px;\r\n  font-weight:500;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n.arkx-process-item p{\r\n  max-width:630px;\r\n  margin:12px 0 0;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   CAPABILITIES\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-capabilities{\r\n  background:var(--ark-bg);\r\n}\r\n\r\n.arkx-capability-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  border-top:1px solid var(--ark-line);\r\n  border-left:1px solid var(--ark-line);\r\n}\r\n\r\n.arkx-capability{\r\n  min-height:350px;\r\n  padding:45px;\r\n  border-right:1px solid var(--ark-line);\r\n  border-bottom:1px solid var(--ark-line);\r\n  transition:.25s ease;\r\n}\r\n\r\n.arkx-capability:hover{\r\n  background:#ebeae5;\r\n}\r\n\r\n.arkx-capability-number{\r\n  font-family:\"Courier New\",monospace;\r\n  font-size:11px;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-capability h3{\r\n  margin:80px 0 18px;\r\n  font-size:31px;\r\n  line-height:1.05;\r\n  font-weight:500;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.arkx-capability p{\r\n  max-width:480px;\r\n  margin:0;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-capability-list{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:7px;\r\n  margin-top:25px;\r\n}\r\n\r\n.arkx-capability-list span{\r\n  padding:6px 9px;\r\n  background:var(--ark-soft);\r\n  font-size:9px;\r\n  letter-spacing:.07em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   ENGINEERING PROOF\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-engineering{\r\n  background:var(--ark-black);\r\n  color:#fff;\r\n}\r\n\r\n.arkx-engineering .arkx-kicker{\r\n  color:#aab1aa;\r\n}\r\n\r\n.arkx-engineering-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:start;\r\n}\r\n\r\n.arkx-engineering h2{\r\n  margin:0;\r\n  font-size:clamp(44px,5vw,75px);\r\n  line-height:.97;\r\n  letter-spacing:-.06em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-engineering-copy{\r\n  color:#aeb4ae;\r\n  font-size:17px;\r\n}\r\n\r\n.arkx-engineering-copy p{\r\n  margin:0 0 24px;\r\n}\r\n\r\n.arkx-github-card{\r\n  margin-top:50px;\r\n  display:grid;\r\n  grid-template-columns:90px 1fr;\r\n  gap:25px;\r\n  align-items:center;\r\n  padding:25px;\r\n  border:1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n.arkx-github-avatar{\r\n  width:90px;\r\n  height:90px;\r\n  object-fit:cover;\r\n  border-radius:50%;\r\n  filter:grayscale(100%);\r\n}\r\n\r\n.arkx-github-card strong{\r\n  display:block;\r\n  color:#fff;\r\n  font-size:18px;\r\n}\r\n\r\n.arkx-github-card span{\r\n  display:block;\r\n  margin-top:6px;\r\n  color:#8e978f;\r\n  font-size:12px;\r\n}\r\n\r\n.arkx-repo-grid{\r\n  margin-top:70px;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1px;\r\n  background:rgba(255,255,255,.12);\r\n}\r\n\r\n.arkx-repo{\r\n  min-height:220px;\r\n  padding:28px;\r\n  background:#151815;\r\n}\r\n\r\n.arkx-repo small{\r\n  color:#7f8981;\r\n  font-family:\"Courier New\",monospace;\r\n}\r\n\r\n.arkx-repo h3{\r\n  margin:30px 0 10px;\r\n  font-size:20px;\r\n  font-weight:500;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n.arkx-repo p{\r\n  margin:0;\r\n  color:#858e87;\r\n  font-size:12px;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   INSTAGRAM \/ SOCIAL PROOF\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-social{\r\n  background:var(--ark-paper);\r\n}\r\n\r\n.arkx-social-grid{\r\n  display:grid;\r\n  grid-template-columns:38% 62%;\r\n  gap:70px;\r\n  align-items:start;\r\n}\r\n\r\n.arkx-social-copy h2{\r\n  margin:0;\r\n  font-size:clamp(42px,5vw,70px);\r\n  line-height:.98;\r\n  letter-spacing:-.06em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-social-copy p{\r\n  margin:30px 0;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-instagram{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:10px;\r\n}\r\n\r\n.arkx-instagram-tile{\r\n  position:relative;\r\n  aspect-ratio:1\/1;\r\n  overflow:hidden;\r\n  background:#d9ddd8;\r\n}\r\n\r\n.arkx-instagram-tile:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:15%;\r\n  border:1px solid rgba(20,30,22,.25);\r\n  transform:rotate(-12deg);\r\n}\r\n\r\n.arkx-instagram-tile:nth-child(2):before{\r\n  inset:23% 13%;\r\n  transform:rotate(14deg);\r\n}\r\n\r\n.arkx-instagram-tile:nth-child(3):before{\r\n  inset:13% 24%;\r\n  transform:rotate(0deg);\r\n}\r\n\r\n.arkx-instagram-tile:nth-child(4):before{\r\n  inset:25% 15%;\r\n  transform:rotate(-5deg);\r\n}\r\n\r\n.arkx-instagram-tile:nth-child(5):before{\r\n  inset:14%;\r\n  border-radius:50%;\r\n}\r\n\r\n.arkx-instagram-tile:nth-child(6):before{\r\n  inset:25% 9%;\r\n  transform:skew(-12deg);\r\n}\r\n\r\n.arkx-instagram-label{\r\n  position:absolute;\r\n  left:12px;\r\n  bottom:12px;\r\n  padding:6px 8px;\r\n  background:rgba(250,249,246,.85);\r\n  font-size:8px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   DEEP DIVE\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-deep{\r\n  padding:0;\r\n}\r\n\r\n.arkx-deep-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  min-height:560px;\r\n}\r\n\r\n.arkx-deep-row:nth-child(even){\r\n  direction:rtl;\r\n}\r\n\r\n.arkx-deep-row:nth-child(even) > *{\r\n  direction:ltr;\r\n}\r\n\r\n.arkx-deep-visual{\r\n  position:relative;\r\n  min-height:500px;\r\n  overflow:hidden;\r\n  background:#252b26;\r\n}\r\n\r\n.arkx-deep-visual.light{\r\n  background:#dfe3dc;\r\n}\r\n\r\n.arkx-data-lines{\r\n  position:absolute;\r\n  inset:12%;\r\n  background:\r\n    linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.14) 50%,transparent 50.5%),\r\n    linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.14) 50%,transparent 50.5%);\r\n  background-size:45px 45px;\r\n}\r\n\r\n.arkx-data-box{\r\n  position:absolute;\r\n  left:17%;\r\n  top:20%;\r\n  width:66%;\r\n  height:60%;\r\n  border:1px solid rgba(255,255,255,.3);\r\n}\r\n\r\n.arkx-data-box:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:50%;\r\n  height:1px;\r\n  background:rgba(255,255,255,.6);\r\n  left:25%;\r\n  top:50%;\r\n  box-shadow:\r\n    0 -70px 0 rgba(255,255,255,.25),\r\n    0 70px 0 rgba(255,255,255,.25);\r\n}\r\n\r\n.arkx-deep-copy{\r\n  padding:80px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n.arkx-deep-copy h2{\r\n  max-width:560px;\r\n  margin:0;\r\n  font-size:clamp(38px,4vw,61px);\r\n  line-height:.98;\r\n  letter-spacing:-.055em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-deep-copy p{\r\n  max-width:520px;\r\n  margin:28px 0 0;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   PROOF IN PRACTICE\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-testimonial{\r\n  background:#e6e8e2;\r\n}\r\n\r\n.arkx-testimonial-inner{\r\n  max-width:980px;\r\n}\r\n\r\n.arkx-testimonial blockquote{\r\n  margin:0;\r\n  font-size:clamp(36px,5vw,68px);\r\n  line-height:1.02;\r\n  letter-spacing:-.055em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-testimonial blockquote:before{\r\n  content:\"\u201c\";\r\n  color:var(--ark-green);\r\n}\r\n\r\n.arkx-testimonial-source{\r\n  margin-top:40px;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   INSIGHTS\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-insights{\r\n  background:var(--ark-bg);\r\n}\r\n\r\n.arkx-insights-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:18px;\r\n}\r\n\r\n.arkx-insight{\r\n  border-top:1px solid var(--ark-line);\r\n  padding-top:25px;\r\n}\r\n\r\n.arkx-insight-category{\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n  color:var(--ark-muted);\r\n}\r\n\r\n.arkx-insight h3{\r\n  margin:50px 0 15px;\r\n  font-size:27px;\r\n  line-height:1.08;\r\n  letter-spacing:-.035em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-insight p{\r\n  margin:0 0 30px;\r\n  color:var(--ark-muted);\r\n  font-size:14px;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   CTA \/ FORM\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-final{\r\n  background:var(--ark-black);\r\n  color:#fff;\r\n  padding:120px 0;\r\n}\r\n\r\n.arkx-final-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:100px;\r\n}\r\n\r\n.arkx-final h2{\r\n  margin:0;\r\n  max-width:700px;\r\n  font-size:clamp(48px,6vw,90px);\r\n  line-height:.92;\r\n  letter-spacing:-.065em;\r\n  font-weight:500;\r\n}\r\n\r\n.arkx-final-copy p{\r\n  max-width:510px;\r\n  margin:30px 0;\r\n  color:#9ea69f;\r\n}\r\n\r\n.arkx-form{\r\n  border-top:1px solid rgba(255,255,255,.2);\r\n}\r\n\r\n.arkx-field{\r\n  border-bottom:1px solid rgba(255,255,255,.2);\r\n}\r\n\r\n.arkx-field label{\r\n  display:block;\r\n  padding-top:17px;\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.13em;\r\n  color:#838b84;\r\n}\r\n\r\n.arkx-field input,\r\n.arkx-field select,\r\n.arkx-field textarea{\r\n  width:100%;\r\n  padding:12px 0 17px;\r\n  border:0;\r\n  outline:0;\r\n  background:transparent;\r\n  color:#fff;\r\n  font-family:inherit;\r\n  font-size:15px;\r\n}\r\n\r\n.arkx-field select{\r\n  appearance:auto;\r\n}\r\n\r\n.arkx-field textarea{\r\n  min-height:100px;\r\n  resize:vertical;\r\n}\r\n\r\n.arkx-submit{\r\n  margin-top:30px;\r\n}\r\n\r\n.arkx-submit button{\r\n  width:100%;\r\n  min-height:56px;\r\n  border:1px solid #fff;\r\n  background:#fff;\r\n  color:#111 !important;\r\n  cursor:pointer;\r\n  font-family:inherit;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n  transition:.25s ease;\r\n}\r\n\r\n.arkx-submit button:hover{\r\n  background:transparent;\r\n  color:#fff !important;\r\n}\r\n\r\n.arkx-form-note{\r\n  margin-top:14px;\r\n  font-size:10px;\r\n  color:#737b74;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   FOOTER\r\n--------------------------------------------------------- *\/\r\n\r\n.arkx-footer{\r\n  padding:55px 0 35px;\r\n  background:#0d100e;\r\n  color:#fff;\r\n}\r\n\r\n.arkx-footer-grid{\r\n  display:grid;\r\n  grid-template-columns:2fr 1fr 1fr 1fr;\r\n  gap:50px;\r\n  padding-bottom:55px;\r\n  border-bottom:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.arkx-footer-brand{\r\n  max-width:360px;\r\n}\r\n\r\n.arkx-footer-brand strong{\r\n  display:block;\r\n  font-size:21px;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.arkx-footer-brand p{\r\n  margin:18px 0 0;\r\n  color:#7e877f;\r\n  font-size:13px;\r\n}\r\n\r\n.arkx-footer-col strong{\r\n  display:block;\r\n  margin-bottom:18px;\r\n  font-size:10px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:#889088;\r\n}\r\n\r\n.arkx-footer-col a{\r\n  display:block;\r\n  margin:8px 0;\r\n  color:#c1c7c1;\r\n  font-size:12px;\r\n}\r\n\r\n.arkx-footer-col a:hover{\r\n  color:#fff;\r\n}\r\n\r\n.arkx-footer-bottom{\r\n  padding-top:25px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  color:#646c65;\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   RESPONSIVE\r\n--------------------------------------------------------- *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .arkx-nav{\r\n    grid-template-columns:1fr auto;\r\n  }\r\n\r\n  .arkx-nav-menu{\r\n    display:none;\r\n  }\r\n\r\n  .arkx-hero-grid,\r\n  .arkx-feature-card,\r\n  .arkx-engineering-grid,\r\n  .arkx-social-grid,\r\n  .arkx-final-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .arkx-hero{\r\n    padding-top:75px;\r\n  }\r\n\r\n  .arkx-hero-copy{\r\n    padding-top:30px;\r\n  }\r\n\r\n  .arkx-feature-copy{\r\n    padding:55px;\r\n  }\r\n\r\n  .arkx-proof-inner{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .arkx-operating-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .arkx-capability-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .arkx-repo-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .arkx-deep-row,\r\n  .arkx-deep-row:nth-child(even){\r\n    grid-template-columns:1fr;\r\n    direction:ltr;\r\n  }\r\n\r\n  .arkx-deep-copy{\r\n    padding:65px 40px;\r\n  }\r\n\r\n  .arkx-insights-grid{\r\n    grid-template-columns:1fr;\r\n    gap:45px;\r\n  }\r\n\r\n  .arkx-footer-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n}\r\n\r\n@media(max-width:650px){\r\n\r\n  .arkx-container{\r\n    width:min(100% - 30px,1240px);\r\n  }\r\n\r\n  .arkx-utility-inner{\r\n    padding:9px 0;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .arkx-utility-slogan{\r\n    max-width:180px;\r\n    line-height:1.35;\r\n  }\r\n\r\n  .arkx-utility-right{\r\n    display:none;\r\n  }\r\n\r\n  .arkx-nav{\r\n    min-height:70px;\r\n  }\r\n\r\n  .arkx-nav-cta{\r\n    display:none;\r\n  }\r\n\r\n  .arkx-brand{\r\n    font-size:15px;\r\n  }\r\n\r\n  .arkx-hero{\r\n    padding:70px 0;\r\n  }\r\n\r\n  .arkx-hero h1{\r\n    font-size:clamp(48px,15vw,72px);\r\n  }\r\n\r\n  .arkx-hero-copy p{\r\n    font-size:16px;\r\n  }\r\n\r\n  .arkx-hero-visual{\r\n    min-height:330px;\r\n    margin-top:50px;\r\n  }\r\n\r\n  .arkx-terminal{\r\n    width:70%;\r\n    height:68%;\r\n    padding:15px;\r\n  }\r\n\r\n  .arkx-code{\r\n    font-size:8px;\r\n  }\r\n\r\n  .arkx-orbit{\r\n    width:170px;\r\n    height:170px;\r\n    right:4%;\r\n  }\r\n\r\n  .arkx-feature-copy{\r\n    padding:40px 28px;\r\n  }\r\n\r\n  .arkx-feature-visual{\r\n    min-height:330px;\r\n  }\r\n\r\n  .arkx-proof-items{\r\n    grid-template-columns:1fr 1fr;\r\n    row-gap:25px;\r\n  }\r\n\r\n  .arkx-section{\r\n    padding:80px 0;\r\n  }\r\n\r\n  .arkx-section-head{\r\n    margin-bottom:45px;\r\n  }\r\n\r\n  .arkx-capability{\r\n    min-height:310px;\r\n    padding:30px;\r\n  }\r\n\r\n  .arkx-capability h3{\r\n    margin-top:60px;\r\n    font-size:27px;\r\n  }\r\n\r\n  .arkx-engineering-grid{\r\n    gap:45px;\r\n  }\r\n\r\n  .arkx-github-card{\r\n    grid-template-columns:65px 1fr;\r\n  }\r\n\r\n  .arkx-github-avatar{\r\n    width:65px;\r\n    height:65px;\r\n  }\r\n\r\n  .arkx-social-grid{\r\n    gap:45px;\r\n  }\r\n\r\n  .arkx-instagram{\r\n    gap:5px;\r\n  }\r\n\r\n  .arkx-deep-visual{\r\n    min-height:350px;\r\n  }\r\n\r\n  .arkx-deep-copy{\r\n    padding:55px 25px;\r\n  }\r\n\r\n  .arkx-final{\r\n    padding:85px 0;\r\n  }\r\n\r\n  .arkx-final-grid{\r\n    gap:55px;\r\n  }\r\n\r\n  .arkx-footer-grid{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  .arkx-footer-bottom{\r\n    flex-direction:column;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"arkx\">\r\n\r\n  <!-- =====================================================\r\n       HERO\r\n  ====================================================== -->\r\n  <section class=\"arkx-hero\" id=\"ark-home\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-hero-grid\">\r\n\r\n        <div>\r\n\r\n          <div class=\"arkx-kicker\">\r\n            System Architecture & Conversion Engineering\r\n          <\/div>\r\n\r\n          <h1>\r\n            Systems that turn\r\n            <em>complexity<\/em>\r\n            into clarity.\r\n          <\/h1>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"arkx-hero-copy\">\r\n\r\n          <p>\r\n            ARK Solution architects digital systems for businesses\r\n            that have outgrown fragmented websites, disconnected\r\n            software, undocumented legacy frameworks, and\r\n            unpredictable search performance.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-hero-actions\">\r\n\r\n            <a class=\"arkx-button\" href=\"#ark-audit\">\r\n              Book System Audit\r\n            <\/a>\r\n\r\n            <a class=\"arkx-link\"\r\n               href=\"https:\/\/github.com\/adhitya1978\"\r\n               target=\"_blank\"\r\n               rel=\"noopener\">\r\n              Explore Engineering\r\n              <span class=\"arkx-arrow\">\u2197<\/span>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Fake technical visual -->\r\n      <div class=\"arkx-hero-visual\"\r\n           role=\"img\"\r\n           aria-label=\"Abstract software architecture and engineering system visualization\">\r\n\r\n        <div class=\"arkx-grid-bg\"><\/div>\r\n\r\n        <div class=\"arkx-terminal\">\r\n\r\n          <div class=\"arkx-terminal-top\">\r\n            <span class=\"arkx-terminal-dot\"><\/span>\r\n            <span class=\"arkx-terminal-dot\"><\/span>\r\n            <span class=\"arkx-terminal-dot\"><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"arkx-code\">\r\n\r\n            <div><span class=\"dim\">$<\/span> ark.system.initialize()<\/div>\r\n            <div><span class=\"green\">architecture<\/span> = modular<\/div>\r\n            <div><span class=\"green\">interface<\/span> = conversion_ready<\/div>\r\n            <div><span class=\"green\">search<\/span> = signal_mapped<\/div>\r\n            <br>\r\n            <div><span class=\"blue\">hook<\/span>(legacy_api)<\/div>\r\n            <div><span class=\"blue\">inspect<\/span>(memory_layer)<\/div>\r\n            <div><span class=\"blue\">bridge<\/span>(native_component)<\/div>\r\n            <div><span class=\"blue\">compile<\/span>(deployment_target)<\/div>\r\n            <br>\r\n            <div><span class=\"green\">status<\/span> \u2192 SYSTEM READY<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"arkx-orbit\">\r\n          <span class=\"arkx-orbit-node arkx-node-a\"><\/span>\r\n          <span class=\"arkx-orbit-node arkx-node-b\"><\/span>\r\n          <span class=\"arkx-orbit-node arkx-node-c\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"arkx-visual-label\">\r\n          SYSTEM \/ ARCHITECTURE \/ 001\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FEATURED CASE\r\n  ====================================================== -->\r\n  <section class=\"arkx-feature\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-feature-card\">\r\n\r\n        <div class=\"arkx-feature-copy\">\r\n\r\n          <div>\r\n\r\n            <div class=\"arkx-kicker\">\r\n              Featured Engineering Case\r\n            <\/div>\r\n\r\n            <h2>\r\n              From undocumented\r\n              systems to controlled\r\n              architecture.\r\n            <\/h2>\r\n\r\n            <p>\r\n              We investigate how a system actually behaves before\r\n              deciding how it should be rebuilt. Interfaces,\r\n              dependencies, APIs, native components and data flows\r\n              become visible engineering layers.\r\n            <\/p>\r\n\r\n            <div class=\"arkx-feature-meta\">\r\n              <span class=\"arkx-pill\">Legacy Systems<\/span>\r\n              <span class=\"arkx-pill\">API Analysis<\/span>\r\n              <span class=\"arkx-pill\">Native Software<\/span>\r\n              <span class=\"arkx-pill\">System Audit<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a class=\"arkx-link\"\r\n             href=\"https:\/\/github.com\/adhitya1978\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\">\r\n            View Engineering Archive\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"arkx-feature-visual\"\r\n             role=\"img\"\r\n             aria-label=\"Abstract legacy software system analysis\">\r\n\r\n          <div class=\"arkx-feature-screen\">\r\n\r\n            <div class=\"arkx-screen-bar\">\r\n              <i><\/i>\r\n              <i><\/i>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"arkx-screen-body\">\r\n\r\n              <div class=\"arkx-screen-side\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n              <\/div>\r\n\r\n              <div class=\"arkx-screen-main\">\r\n\r\n                <div class=\"arkx-screen-title\"><\/div>\r\n\r\n                <div class=\"arkx-screen-chart\"><\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROOF STRIP\r\n  ====================================================== -->\r\n  <section class=\"arkx-proof\">\r\n\r\n    <div class=\"arkx-container arkx-proof-inner\">\r\n\r\n      <div class=\"arkx-proof-label\">\r\n        Engineering Evidence\r\n      <\/div>\r\n\r\n      <div class=\"arkx-proof-items\">\r\n\r\n        <div class=\"arkx-proof-item\">\r\n          <strong>Qt<\/strong>\r\n          <span>MSVC & GCC frameworks<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"arkx-proof-item\">\r\n          <strong>C#<\/strong>\r\n          <span>.NET framework engineering<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"arkx-proof-item\">\r\n          <strong>Native<\/strong>\r\n          <span>Windows \/ Linux \/ Android<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"arkx-proof-item\">\r\n          <strong>26+<\/strong>\r\n          <span>Public GitHub repositories<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       OPERATING SYSTEM\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-operating\" id=\"ark-method\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-operating-grid\">\r\n\r\n        <div class=\"arkx-sticky-title\">\r\n\r\n          <div class=\"arkx-kicker\">\r\n            Our Operating System\r\n          <\/div>\r\n\r\n          <h2>\r\n            A framework built\r\n            around evidence.\r\n          <\/h2>\r\n\r\n          <p>\r\n            Every engagement starts with observation. We map the\r\n            system, identify the signals, build the intervention,\r\n            then measure what changed.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"arkx-process\">\r\n\r\n          <div class=\"arkx-process-item\">\r\n\r\n            <div class=\"arkx-process-number\">01<\/div>\r\n\r\n            <div>\r\n              <h3>Signal Mapping<\/h3>\r\n\r\n              <p>\r\n                We identify the visible and invisible structures\r\n                controlling your digital system \u2014 user journeys,\r\n                search signals, APIs, dependencies, data flows,\r\n                technical bottlenecks and legacy behaviour.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-process-item\">\r\n\r\n            <div class=\"arkx-process-number\">02<\/div>\r\n\r\n            <div>\r\n              <h3>Architecture<\/h3>\r\n\r\n              <p>\r\n                Findings are translated into an architecture that\r\n                can be maintained, measured and extended without\r\n                creating another layer of technical debt.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-process-item\">\r\n\r\n            <div class=\"arkx-process-number\">03<\/div>\r\n\r\n            <div>\r\n              <h3>Engineering<\/h3>\r\n\r\n              <p>\r\n                We implement the system across web interfaces,\r\n                SEO infrastructure, custom software, native\r\n                components and integration layers.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-process-item\">\r\n\r\n            <div class=\"arkx-process-number\">04<\/div>\r\n\r\n            <div>\r\n              <h3>Review & Iteration<\/h3>\r\n\r\n              <p>\r\n                The system is reviewed against observable behaviour.\r\n                We remove friction, refine signals and continue\r\n                improving the architecture instead of treating\r\n                launch as the finish line.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CAPABILITIES\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-capabilities\" id=\"ark-services\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-section-head\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          Capabilities\r\n        <\/div>\r\n\r\n        <h2>\r\n          Four disciplines.\r\n          One engineered system.\r\n        <\/h2>\r\n\r\n        <p>\r\n          ARK Solution connects front-end experience, search\r\n          infrastructure and deep software engineering into one\r\n          architecture rather than treating them as isolated services.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-capability-grid\">\r\n\r\n\r\n        <article class=\"arkx-capability\">\r\n\r\n          <div class=\"arkx-capability-number\">01 \/ 04<\/div>\r\n\r\n          <h3>\r\n            Web Design\r\n            & UI Systems\r\n          <\/h3>\r\n\r\n          <p>\r\n            High-performance interfaces engineered around hierarchy,\r\n            conversion flow, responsive behaviour and clean\r\n            implementation. Every component has a reason to exist.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-capability-list\">\r\n            <span>UI \/ UX<\/span>\r\n            <span>Elementor<\/span>\r\n            <span>Responsive<\/span>\r\n            <span>Conversion<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-capability\">\r\n\r\n          <div class=\"arkx-capability-number\">02 \/ 04<\/div>\r\n\r\n          <h3>\r\n            Growth SEO\r\n            Engineering\r\n          <\/h3>\r\n\r\n          <p>\r\n            Search visibility engineered as infrastructure:\r\n            information architecture, technical signals, internal\r\n            linking, content systems, structured data and measurable\r\n            search intent.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-capability-list\">\r\n            <span>Technical SEO<\/span>\r\n            <span>GEO<\/span>\r\n            <span>Schema<\/span>\r\n            <span>Architecture<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-capability\">\r\n\r\n          <div class=\"arkx-capability-number\">03 \/ 04<\/div>\r\n\r\n          <h3>\r\n            Custom Software\r\n            Solutions\r\n          <\/h3>\r\n\r\n          <p>\r\n            Modular software for environments where off-the-shelf\r\n            products become restrictive. From desktop applications\r\n            to native components and platform-specific systems.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-capability-list\">\r\n            <span>C++<\/span>\r\n            <span>C#<\/span>\r\n            <span>Qt<\/span>\r\n            <span>Windows<\/span>\r\n            <span>Linux<\/span>\r\n            <span>Android<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-capability\">\r\n\r\n          <div class=\"arkx-capability-number\">04 \/ 04<\/div>\r\n\r\n          <h3>\r\n            Reverse Engineering\r\n            & System Auditing\r\n          <\/h3>\r\n\r\n          <p>\r\n            Understand systems where documentation is incomplete.\r\n            We investigate interfaces, hooks, dependencies, native\r\n            components and runtime behaviour to expose how the\r\n            architecture actually works.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-capability-list\">\r\n            <span>Reverse Engineering<\/span>\r\n            <span>API Hooks<\/span>\r\n            <span>Runtime Analysis<\/span>\r\n            <span>Legacy Audit<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       ENGINEERING PROOF\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-engineering\" id=\"ark-engineering\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-engineering-grid\">\r\n\r\n        <div>\r\n\r\n          <div class=\"arkx-kicker\">\r\n            Engineering Archive\r\n          <\/div>\r\n\r\n          <h2>\r\n            Proof should be\r\n            inspectable.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"arkx-engineering-copy\">\r\n\r\n          <p>\r\n            Instead of filling a technology profile with abstract\r\n            claims, ARK Solution exposes real engineering work through\r\n            public development repositories.\r\n          <\/p>\r\n\r\n          <p>\r\n            The public archive demonstrates experience across Qt,\r\n            MSVC\/GCC, C#, C\/C++, Windows, Linux, Android, hardware\r\n            components, parsers and system-level experimentation.\r\n          <\/p>\r\n\r\n          <div class=\"arkx-github-card\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"arkx-github-avatar\"\r\n              src=\"https:\/\/github.com\/adhitya1978.png\"\r\n              alt=\"ArK Solution GitHub profile\">\r\n\r\n            <div>\r\n\r\n              <strong>ArK Solution \/ adhitya1978<\/strong>\r\n\r\n              <span>\r\n                Public engineering archive \u00b7 GitHub\r\n              <\/span>\r\n\r\n              <a class=\"arkx-link\"\r\n                 style=\"margin-top:14px;\"\r\n                 href=\"https:\/\/github.com\/adhitya1978\"\r\n                 target=\"_blank\"\r\n                 rel=\"noopener\">\r\n                Open GitHub\r\n                <span class=\"arkx-arrow\">\u2197<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-repo-grid\">\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C++ \/ DATABASE<\/small>\r\n\r\n          <h3>Cyberindo DB Dumper<\/h3>\r\n\r\n          <p>\r\n            Public repository demonstrating C++ work around\r\n            database extraction tooling.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C \/ ANDROID<\/small>\r\n\r\n          <h3>Samsung Hardware RIL<\/h3>\r\n\r\n          <p>\r\n            Native Android development and standalone NDK-oriented\r\n            engineering.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C++ \/ PARSING<\/small>\r\n\r\n          <h3>Ericsson Dump Parser<\/h3>\r\n\r\n          <p>\r\n            Low-level data parsing and system-oriented C++ work\r\n            represented in a public repository.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C# \/ .NET<\/small>\r\n\r\n          <h3>Wechoid-NET<\/h3>\r\n\r\n          <p>\r\n            C# and .NET engineering represented through a public\r\n            software repository.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C \/ KERNEL<\/small>\r\n\r\n          <h3>kernel-SM-P355<\/h3>\r\n\r\n          <p>\r\n            Platform-level experimentation demonstrating\r\n            system-oriented engineering.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-repo\">\r\n          <small>C++ \/ HARDWARE<\/small>\r\n\r\n          <h3>Projector Calibration<\/h3>\r\n\r\n          <p>\r\n            C++ implementation work involving hardware calibration\r\n            and system control.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INSTAGRAM\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-social\" id=\"ark-about\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-social-grid\">\r\n\r\n        <div class=\"arkx-social-copy\">\r\n\r\n          <div class=\"arkx-kicker\">\r\n            Field Notes\r\n          <\/div>\r\n\r\n          <h2>\r\n            See the systems\r\n            in practice.\r\n          <\/h2>\r\n\r\n          <p>\r\n            The ARK Solution Instagram channel provides a visual\r\n            layer for technology work, deployment environments,\r\n            interfaces and real-world system use cases.\r\n          <\/p>\r\n\r\n          <a class=\"arkx-link\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\">\r\n            Visit Instagram\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Fake Instagram-style portfolio grid -->\r\n        <div class=\"arkx-instagram\">\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              System Architecture\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              Software\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              Interface\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              Deployment\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              Engineering\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"arkx-instagram-tile\"\r\n             href=\"https:\/\/www.instagram.com\/arksolution.id\/\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             aria-label=\"ARK Solution Instagram\">\r\n\r\n            <span class=\"arkx-instagram-label\">\r\n              Case File\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       DEEP DIVE 01\r\n  ====================================================== -->\r\n  <section class=\"arkx-deep\">\r\n\r\n    <div class=\"arkx-deep-row\">\r\n\r\n      <div class=\"arkx-deep-visual\">\r\n\r\n        <div class=\"arkx-data-lines\"><\/div>\r\n\r\n        <div class=\"arkx-data-box\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-deep-copy\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          System Audit\r\n        <\/div>\r\n\r\n        <h2>\r\n          Find the architecture\r\n          beneath the interface.\r\n        <\/h2>\r\n\r\n        <p>\r\n          A polished interface can hide an unstable system. ARK\r\n          audits the layers beneath the visible experience to find\r\n          dependencies, bottlenecks, undocumented behaviour and\r\n          opportunities for structural improvement.\r\n        <\/p>\r\n\r\n        <a class=\"arkx-link\"\r\n           href=\"#ark-contact\"\r\n           style=\"margin-top:35px;\">\r\n          Discuss Your System\r\n          <span class=\"arkx-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         DEEP DIVE 02\r\n    ==================================================== -->\r\n\r\n    <div class=\"arkx-deep-row\">\r\n\r\n      <div class=\"arkx-deep-visual light\">\r\n\r\n        <div class=\"arkx-data-lines\"\r\n             style=\"opacity:.35;filter:invert(1);\"><\/div>\r\n\r\n        <div class=\"arkx-data-box\"\r\n             style=\"border-color:rgba(30,40,32,.35);\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-deep-copy\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          Search Engineering\r\n        <\/div>\r\n\r\n        <h2>\r\n          Search visibility is\r\n          an architectural problem.\r\n        <\/h2>\r\n\r\n        <p>\r\n          Technical SEO is not simply a collection of keywords.\r\n          It is the architecture connecting content, entities,\r\n          internal links, structured data, crawl paths, page\r\n          performance and search intent.\r\n        <\/p>\r\n\r\n        <a class=\"arkx-link\"\r\n           href=\"#ark-contact\"\r\n           style=\"margin-top:35px;\">\r\n          Build The Search System\r\n          <span class=\"arkx-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         DEEP DIVE 03\r\n    ==================================================== -->\r\n\r\n    <div class=\"arkx-deep-row\">\r\n\r\n      <div class=\"arkx-deep-visual\">\r\n\r\n        <div class=\"arkx-data-lines\"><\/div>\r\n\r\n        <div class=\"arkx-data-box\"\r\n             style=\"transform:rotate(8deg);\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-deep-copy\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          Software Engineering\r\n        <\/div>\r\n\r\n        <h2>\r\n          When the standard\r\n          stack is not enough.\r\n        <\/h2>\r\n\r\n        <p>\r\n          ARK works across high-level applications and lower-level\r\n          system layers. Qt, C++, C#, native Windows\/Linux components,\r\n          Android NDK environments and custom integration layers can\r\n          be combined when the problem demands it.\r\n        <\/p>\r\n\r\n        <a class=\"arkx-link\"\r\n           href=\"https:\/\/github.com\/adhitya1978\"\r\n           target=\"_blank\"\r\n           rel=\"noopener\"\r\n           style=\"margin-top:35px;\">\r\n          Inspect The Code\r\n          <span class=\"arkx-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROOF IN PRACTICE\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-testimonial\">\r\n\r\n    <div class=\"arkx-container arkx-testimonial-inner\">\r\n\r\n      <div class=\"arkx-kicker\">\r\n        Proof In Practice\r\n      <\/div>\r\n\r\n      <blockquote>\r\n        We do not start by asking which technology should be used.\r\n        We start by understanding what the system is actually doing.\r\n      <\/blockquote>\r\n\r\n      <div class=\"arkx-testimonial-source\">\r\n        ARK SOLUTION \/ ENGINEERING PRINCIPLE\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INSIGHTS\r\n  ====================================================== -->\r\n  <section class=\"arkx-section arkx-insights\" id=\"ark-insights\">\r\n\r\n    <div class=\"arkx-container\">\r\n\r\n      <div class=\"arkx-section-head\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          Insights\r\n        <\/div>\r\n\r\n        <h2>\r\n          Ideas for systems\r\n          that need to last.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"arkx-insights-grid\">\r\n\r\n        <article class=\"arkx-insight\">\r\n\r\n          <div class=\"arkx-insight-category\">\r\n            SYSTEM ARCHITECTURE\r\n          <\/div>\r\n\r\n          <h3>\r\n            Why undocumented systems become expensive systems.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Understanding the relationship between technical debt,\r\n            undocumented dependencies and operational risk.\r\n          <\/p>\r\n\r\n          <a class=\"arkx-link\" href=\"#ark-contact\">\r\n            Discuss\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-insight\">\r\n\r\n          <div class=\"arkx-insight-category\">\r\n            TECHNICAL SEO\r\n          <\/div>\r\n\r\n          <h3>\r\n            Search growth starts with information architecture.\r\n          <\/h3>\r\n\r\n          <p>\r\n            How entities, content relationships and crawl paths\r\n            create a stronger search foundation.\r\n          <\/p>\r\n\r\n          <a class=\"arkx-link\" href=\"#ark-contact\">\r\n            Discuss\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"arkx-insight\">\r\n\r\n          <div class=\"arkx-insight-category\">\r\n            SOFTWARE\r\n          <\/div>\r\n\r\n          <h3>\r\n            When custom software is actually the simpler solution.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Identifying the point where another SaaS subscription\r\n            creates more constraints than building the required\r\n            system directly.\r\n          <\/p>\r\n\r\n          <a class=\"arkx-link\" href=\"#ark-contact\">\r\n            Discuss\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FINAL CTA\r\n  ====================================================== -->\r\n  <section class=\"arkx-final\" id=\"ark-audit\">\r\n\r\n    <div class=\"arkx-container arkx-final-grid\">\r\n\r\n      <div class=\"arkx-final-copy\">\r\n\r\n        <div class=\"arkx-kicker\">\r\n          Start With The System\r\n        <\/div>\r\n\r\n        <h2>\r\n          Let's architect\r\n          what comes next.\r\n        <\/h2>\r\n\r\n        <p>\r\n          Tell us where the complexity is. We will help determine\r\n          whether the right answer is a redesign, an SEO architecture,\r\n          custom software, system integration or a deeper technical\r\n          investigation.\r\n        <\/p>\r\n\r\n        <div style=\"margin-top:35px;\">\r\n\r\n          <a class=\"arkx-link\"\r\n             href=\"https:\/\/github.com\/adhitya1978\"\r\n             target=\"_blank\"\r\n             rel=\"noopener\"\r\n             style=\"color:#fff;\">\r\n            Review Engineering Archive\r\n            <span class=\"arkx-arrow\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div id=\"ark-contact\">\r\n\r\n        <form class=\"arkx-form\"\r\n              action=\"#\"\r\n              method=\"post\">\r\n\r\n          <div class=\"arkx-field\">\r\n\r\n            <label for=\"ark-name\">\r\n              Full Name\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"ark-name\"\r\n              name=\"name\"\r\n              type=\"text\"\r\n              placeholder=\"Your name\"\r\n              autocomplete=\"name\"\r\n              required>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-field\">\r\n\r\n            <label for=\"ark-email\">\r\n              Corporate Email\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"ark-email\"\r\n              name=\"email\"\r\n              type=\"email\"\r\n              placeholder=\"name@company.com\"\r\n              autocomplete=\"email\"\r\n              required>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-field\">\r\n\r\n            <label for=\"ark-phone\">\r\n              WhatsApp \/ Phone\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"ark-phone\"\r\n              name=\"phone\"\r\n              type=\"tel\"\r\n              placeholder=\"+62 ...\">\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-field\">\r\n\r\n            <label for=\"ark-focus\">\r\n              Core System Focus\r\n            <\/label>\r\n\r\n            <select id=\"ark-focus\" name=\"focus\">\r\n\r\n              <option value=\"\">\r\n                Select one\r\n              <\/option>\r\n\r\n              <option value=\"web\">\r\n                Web Design & UI Systems\r\n              <\/option>\r\n\r\n              <option value=\"seo\">\r\n                Growth SEO Engineering\r\n              <\/option>\r\n\r\n              <option value=\"software\">\r\n                Custom Software\r\n              <\/option>\r\n\r\n              <option value=\"reverse\">\r\n                Reverse Engineering \/ System Audit\r\n              <\/option>\r\n\r\n              <option value=\"other\">\r\n                Other \/ Not Sure Yet\r\n              <\/option>\r\n\r\n            <\/select>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-field\">\r\n\r\n            <label for=\"ark-message\">\r\n              System Notes\r\n            <\/label>\r\n\r\n            <textarea\r\n              id=\"ark-message\"\r\n              name=\"message\"\r\n              placeholder=\"Briefly describe the system, problem or objective.\"><\/textarea>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"arkx-submit\">\r\n\r\n            <button type=\"submit\">\r\n              Request System Consultation\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"arkx-form-note\">\r\n            Your information is used only to understand the\r\n            project requirements and prepare the initial discussion.\r\n          <\/div>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>System Architecture &#038; Conversion Engineering Systems that turn complexity into clarity. ARK Solution architects digital systems for businesses that have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Intouch - Intouch Software Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/intouch.my.id\/web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Intouch\" \/>\n<meta property=\"og:description\" content=\"System Architecture &#038; Conversion Engineering Systems that turn complexity into clarity. ARK Solution architects digital systems for businesses that have [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/intouch.my.id\/web\/\" \/>\n<meta property=\"og:site_name\" content=\"Intouch Software Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T07:56:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/\",\"url\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/\",\"name\":\"Intouch - Intouch Software Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#website\"},\"datePublished\":\"2026-10-04T14:10:16+00:00\",\"dateModified\":\"2026-10-08T07:56:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/intouch.my.id\\\/web\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Intouch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#website\",\"url\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/\",\"name\":\"Intouch Software Solutions\",\"description\":\"Web design, AI-optimized SEO, and desktop software built around the way your business works.\",\"publisher\":{\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#organization\",\"name\":\"Intouch Software Solutions\",\"url\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-Logo-Intouch.jpg\",\"contentUrl\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-Logo-Intouch.jpg\",\"width\":1149,\"height\":496,\"caption\":\"Intouch Software Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/intouch.my.id\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/github.com\\\/adhitya1978\",\"https:\\\/\\\/www.instagram.com\\\/arksolution.id\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Intouch - Intouch Software Solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/intouch.my.id\/web\/","og_locale":"en_US","og_type":"article","og_title":"Intouch","og_description":"System Architecture &#038; Conversion Engineering Systems that turn complexity into clarity. ARK Solution architects digital systems for businesses that have [&hellip;]","og_url":"https:\/\/intouch.my.id\/web\/","og_site_name":"Intouch Software Solutions","article_modified_time":"2026-10-08T07:56:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/intouch.my.id\/web\/","url":"https:\/\/intouch.my.id\/web\/","name":"Intouch - Intouch Software Solutions","isPartOf":{"@id":"https:\/\/intouch.my.id\/web\/#website"},"datePublished":"2026-10-04T14:10:16+00:00","dateModified":"2026-10-08T07:56:26+00:00","breadcrumb":{"@id":"https:\/\/intouch.my.id\/web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/intouch.my.id\/web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/intouch.my.id\/web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/intouch.my.id\/web\/"},{"@type":"ListItem","position":2,"name":"Intouch"}]},{"@type":"WebSite","@id":"https:\/\/intouch.my.id\/web\/#website","url":"https:\/\/intouch.my.id\/web\/","name":"Intouch Software Solutions","description":"Web design, AI-optimized SEO, and desktop software built around the way your business works.","publisher":{"@id":"https:\/\/intouch.my.id\/web\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/intouch.my.id\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/intouch.my.id\/web\/#organization","name":"Intouch Software Solutions","url":"https:\/\/intouch.my.id\/web\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/intouch.my.id\/web\/#\/schema\/logo\/image\/","url":"https:\/\/intouch.my.id\/web\/wp-content\/uploads\/2026\/10\/cropped-Logo-Intouch.jpg","contentUrl":"https:\/\/intouch.my.id\/web\/wp-content\/uploads\/2026\/10\/cropped-Logo-Intouch.jpg","width":1149,"height":496,"caption":"Intouch Software Solutions"},"image":{"@id":"https:\/\/intouch.my.id\/web\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/adhitya1978","https:\/\/www.instagram.com\/arksolution.id\/"]}]}},"_links":{"self":[{"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":19,"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/pages\/7\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/intouch.my.id\/web\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}