{"id":2,"date":"2026-02-26T15:25:15","date_gmt":"2026-02-26T15:25:15","guid":{"rendered":"http:\/\/tectah.com\/newsite\/?page_id=2"},"modified":"2026-05-29T15:33:16","modified_gmt":"2026-05-29T15:33:16","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/tectah.com\/newsite\/","title":{"rendered":"Main Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3da4393 e-con-full e-flex e-con e-parent\" data-id=\"3da4393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-88112cd e-con-full e-flex e-con e-child\" data-id=\"88112cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58d86ca elementor-widget elementor-widget-heading\" data-id=\"58d86ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">DIGITAL SOLUTIONS THAT DRIVE GROWTH<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0683ba4 elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0683ba4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tPowering Smarter Businesses with <span style=\"color: #ff6a00;\">Technology<\/span> That Works\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9398e9 elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a9398e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tectah builds scalable digital solutions for booking, payments, POS, and business automation\u2014helping companies streamline operations, enhance customer experience, and grow faster.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d13dbe elementor-widget elementor-widget-button\" data-id=\"1d13dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/tectah.com\/newsite\/index.php\/our-sales\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a Demo <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7de1639 e-con-full e-flex e-con e-child\" data-id=\"7de1639\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54b54ba elementor-widget elementor-widget-image\" data-id=\"54b54ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"802\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/84e22188-8fa6-43fa-82ee-7410acc49fca.png\" class=\"attachment-full size-full wp-image-7141\" alt=\"\" srcset=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/84e22188-8fa6-43fa-82ee-7410acc49fca.png 1024w, https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/84e22188-8fa6-43fa-82ee-7410acc49fca-300x235.png 300w, https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/84e22188-8fa6-43fa-82ee-7410acc49fca-768x602.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab52535 e-con-full e-flex e-con e-parent\" data-id=\"ab52535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60a3fc6 elementor-widget elementor-widget-spacer\" data-id=\"60a3fc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-622a81a e-con-full e-flex e-con e-parent\" data-id=\"622a81a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-baa3a88 e-con-full e-flex e-con e-child\" data-id=\"baa3a88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a29fd7f elementor-widget elementor-widget-html\" data-id=\"a29fd7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tectah-scope\">\r\n\r\n<style>\r\n.tectah-scope *{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.tectah-scope{\r\n  width:100%;\r\n}\r\n\r\n.tectah-scope .wrap{\r\n  width:100%;\r\n  max-width:100%;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n\/* TOP *\/\r\n.tectah-scope .top-bar{\r\n  padding:28px 30px 10px;\r\n}\r\n\r\n.tectah-scope .top-title{\r\n  font-size:clamp(20px,2vw,28px);\r\n  line-height:1.3;\r\n  color:#111;\r\n  max-width:420px;\r\n  font-weight:500;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.tectah-scope .content-row{\r\n  display:grid;\r\n  grid-template-columns:minmax(220px,24%) 1fr minmax(180px,22%);\r\n  width:100%;\r\n}\r\n\r\n\/* PHONE PANEL *\/\r\n.tectah-scope .phone-panel{\r\n  background:linear-gradient(\r\n    160deg,\r\n    #c97fe8 0%,\r\n    #9b59d6 30%,\r\n    #e8784a 70%,\r\n    #f0a050 100%\r\n  );\r\n  padding:30px 20px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.tectah-scope .phone{\r\n  width:100%;\r\n  max-width:145px;\r\n  background:#111;\r\n  border-radius:28px;\r\n  padding:10px 8px;\r\n}\r\n\r\n.tectah-scope .phone-notch{\r\n  width:34px;\r\n  height:5px;\r\n  background:#222;\r\n  border-radius:20px;\r\n  margin:0 auto 10px;\r\n}\r\n\r\n.tectah-scope .phone-screen{\r\n  background:#fff;\r\n  border-radius:20px;\r\n  padding:16px 12px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n}\r\n\r\n.tectah-scope .nfc-icon{\r\n  width:34px;\r\n  height:34px;\r\n  border-radius:50%;\r\n  border:2px solid #ddd;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-bottom:10px;\r\n  font-size:15px;\r\n}\r\n\r\n.tectah-scope .p-title{\r\n  font-size:10px;\r\n  color:#777;\r\n  margin-bottom:5px;\r\n}\r\n\r\n.tectah-scope .p-amount{\r\n  font-size:24px;\r\n  font-weight:700;\r\n  color:#111;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.tectah-scope .p-hint{\r\n  font-size:8px;\r\n  color:#aaa;\r\n  text-align:center;\r\n  line-height:1.4;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.tectah-scope .p-divider{\r\n  width:100%;\r\n  height:1px;\r\n  background:#eee;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.tectah-scope .p-rows{\r\n  width:100%;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:4px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.tectah-scope .p-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  font-size:9px;\r\n  color:#555;\r\n}\r\n\r\n.tectah-scope .p-row.bold{\r\n  font-weight:700;\r\n  color:#111;\r\n}\r\n\r\n.tectah-scope .p-btn{\r\n  width:100%;\r\n  border:none;\r\n  background:#ececec;\r\n  padding:8px;\r\n  border-radius:10px;\r\n  font-size:10px;\r\n  color:#555;\r\n  cursor:pointer;\r\n}\r\n\r\n.tectah-scope .phone-home{\r\n  width:36px;\r\n  height:4px;\r\n  border-radius:20px;\r\n  background:#2a2a2a;\r\n  margin:8px auto 0;\r\n}\r\n\r\n\/* CHECKOUT *\/\r\n.tectah-scope .checkout-panel{\r\n  padding:22px;\r\n}\r\n\r\n.tectah-scope .browser-bar{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.tectah-scope .browser-dots{\r\n  display:flex;\r\n  gap:4px;\r\n}\r\n\r\n.tectah-scope .browser-dots span{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#ddd;\r\n}\r\n\r\n.tectah-scope .browser-url{\r\n  flex:1;\r\n  background:#f4f4f4;\r\n  border-radius:30px;\r\n  padding:5px 12px;\r\n  font-size:10px;\r\n  color:#999;\r\n}\r\n\r\n.tectah-scope .brand{\r\n  font-size:14px;\r\n  font-weight:700;\r\n  color:#E07830;\r\n  letter-spacing:1px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.tectah-scope .form-label{\r\n  font-size:10px;\r\n  color:#888;\r\n  margin-bottom:5px;\r\n}\r\n\r\n.tectah-scope .form-input{\r\n  width:100%;\r\n  border:none;\r\n  background:#f5f5f5;\r\n  padding:10px 12px;\r\n  border-radius:10px;\r\n  margin-bottom:12px;\r\n  font-size:12px;\r\n  color:#444;\r\n}\r\n\r\n.tectah-scope .pay-row{\r\n  display:flex;\r\n  gap:8px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.tectah-scope .btn-link,\r\n.tectah-scope .btn-apple{\r\n  flex:1;\r\n  padding:10px;\r\n  border-radius:10px;\r\n  text-align:center;\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:600;\r\n}\r\n\r\n.tectah-scope .btn-link{\r\n  background:#00c853;\r\n}\r\n\r\n.tectah-scope .btn-apple{\r\n  background:#000;\r\n}\r\n\r\n.tectah-scope .or-div{\r\n  text-align:center;\r\n  font-size:10px;\r\n  color:#bbb;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.tectah-scope .pm-lbl{\r\n  font-size:10px;\r\n  color:#888;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.tectah-scope .pm-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:6px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.tectah-scope .pm{\r\n  background:#f7f7f7;\r\n  padding:10px;\r\n  border-radius:10px;\r\n  font-size:11px;\r\n  color:#444;\r\n}\r\n\r\n.tectah-scope .pm.active{\r\n  background:#fff7e8;\r\n}\r\n\r\n.tectah-scope .submit-btn{\r\n  width:100%;\r\n  border:none;\r\n  background:#efefef;\r\n  padding:10px;\r\n  border-radius:10px;\r\n  font-size:12px;\r\n  color:#555;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* SUMMARY *\/\r\n.tectah-scope .summary-panel{\r\n  padding:22px 18px;\r\n}\r\n\r\n.tectah-scope .sum-title{\r\n  font-size:12px;\r\n  font-weight:700;\r\n  color:#222;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.tectah-scope .sum-item{\r\n  display:flex;\r\n  gap:10px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.tectah-scope .sum-img{\r\n  width:46px;\r\n  height:56px;\r\n  background:#1a1a2e;\r\n  border-radius:8px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#fff;\r\n  font-size:18px;\r\n}\r\n\r\n.tectah-scope .sum-info{\r\n  font-size:10px;\r\n  color:#555;\r\n}\r\n\r\n.tectah-scope .sum-name{\r\n  font-size:11px;\r\n  font-weight:700;\r\n  color:#111;\r\n  margin-bottom:3px;\r\n}\r\n\r\n.tectah-scope .sum-meta{\r\n  color:#999;\r\n  line-height:1.5;\r\n}\r\n\r\n.tectah-scope .sum-price{\r\n  margin-top:4px;\r\n  color:#111;\r\n}\r\n\r\n.tectah-scope .sum-totals{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:6px;\r\n  padding-top:10px;\r\n}\r\n\r\n.tectah-scope .sum-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  font-size:10px;\r\n  color:#777;\r\n}\r\n\r\n.tectah-scope .sum-row.bold{\r\n  font-size:11px;\r\n  font-weight:700;\r\n  color:#111;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:768px){\r\n\r\n  .tectah-scope .content-row{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .tectah-scope .phone{\r\n    max-width:170px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<div class=\"wrap\">\r\n\r\n  <div class=\"top-bar\">\r\n    <div class=\"top-title\">\r\n      Reliable payments & EPOS systems businesses trust.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"content-row\">\r\n\r\n    <!-- PHONE -->\r\n    <div class=\"phone-panel\">\r\n\r\n      <div class=\"phone\">\r\n\r\n        <div class=\"phone-notch\"><\/div>\r\n\r\n        <div class=\"phone-screen\">\r\n\r\n          <div class=\"nfc-icon\">\ud83d\udcf6<\/div>\r\n\r\n          <div class=\"p-title\">\r\n            Tectah Pay\r\n          <\/div>\r\n\r\n          <div class=\"p-amount\" id=\"pAmount\">\r\n            \u00a384.50\r\n          <\/div>\r\n\r\n          <div class=\"p-hint\">\r\n            Tap, insert or swipe your card\r\n          <\/div>\r\n\r\n          <div class=\"p-divider\"><\/div>\r\n\r\n          <div class=\"p-rows\">\r\n\r\n            <div class=\"p-row\">\r\n              <span id=\"pItem1\">Table service<\/span>\r\n              <span id=\"pItem1Price\">\u00a362.00<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"p-row\">\r\n              <span>VAT<\/span>\r\n              <span id=\"vat\">\u00a312.40<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"p-row bold\">\r\n              <span>Total<\/span>\r\n              <span id=\"pTotal\">\u00a384.50<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <button class=\"p-btn\">\r\n            Pay now\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"phone-home\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CHECKOUT -->\r\n    <div class=\"checkout-panel\">\r\n\r\n      <div class=\"browser-bar\">\r\n\r\n        <div class=\"browser-dots\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"browser-url\">\r\n          tectah.com\/checkout\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"brand\">\r\n        TECTAH\r\n      <\/div>\r\n\r\n      <div class=\"form-label\">\r\n        Email\r\n      <\/div>\r\n\r\n      <input\r\n        id=\"email\"\r\n        class=\"form-input\"\r\n        type=\"text\"\r\n        value=\"customer@example.com\"\r\n        readonly\r\n      >\r\n\r\n      <div class=\"pay-row\">\r\n\r\n        <div class=\"btn-link\">\r\n          Link\r\n        <\/div>\r\n\r\n        <div class=\"btn-apple\">\r\n          Pay\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"or-div\">\r\n        or\r\n      <\/div>\r\n\r\n      <div class=\"pm-lbl\">\r\n        Payment method\r\n      <\/div>\r\n\r\n      <div class=\"pm-list\">\r\n\r\n        <div class=\"pm active\">\r\n          Klarna\r\n        <\/div>\r\n\r\n        <div class=\"pm\">\r\n          Card\r\n        <\/div>\r\n\r\n        <div class=\"pm\">\r\n          Invoice\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <button class=\"submit-btn\">\r\n        Continue\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- SUMMARY -->\r\n    <div class=\"summary-panel\">\r\n\r\n      <div class=\"sum-title\">\r\n        Order summary\r\n      <\/div>\r\n\r\n      <div class=\"sum-item\">\r\n\r\n        <div class=\"sum-img\">\r\n          \ud83e\udde5\r\n        <\/div>\r\n\r\n        <div class=\"sum-info\">\r\n\r\n          <div class=\"sum-name\" id=\"orderName\">\r\n            Essential Hoodie\r\n          <\/div>\r\n\r\n          <div class=\"sum-meta\" id=\"orderMeta\">\r\n            Navy Blue<br>Medium\r\n          <\/div>\r\n\r\n          <div class=\"sum-price\" id=\"orderPrice\">\r\n            \u00a349.20\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"sum-totals\">\r\n\r\n        <div class=\"sum-row\">\r\n          <span>Subtotal<\/span>\r\n          <span id=\"sub\">\u00a341.70<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sum-row\">\r\n          <span>VAT<\/span>\r\n          <span id=\"vat2\">\u00a37.50<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sum-row\">\r\n          <span>Shipping<\/span>\r\n          <span>Free<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sum-row bold\">\r\n          <span>Total<\/span>\r\n          <span id=\"total2\">\u00a349.20<\/span>\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<script>\r\n(function(){\r\n\r\n  const scope = document.querySelector('.tectah-scope');\r\n\r\n  const sets = [\r\n\r\n    {\r\n      email:\"customer@example.com\",\r\n      pAmount:\"\u00a384.50\",\r\n      item1:\"Table service\",\r\n      item1Price:\"\u00a362.00\",\r\n      vat:\"\u00a312.40\",\r\n      total:\"\u00a384.50\",\r\n      orderName:\"Essential Hoodie\",\r\n      meta:\"Navy Blue<br>Medium\",\r\n      price:\"\u00a349.20\",\r\n      sub:\"\u00a341.70\",\r\n      vat2:\"\u00a37.50\",\r\n      total2:\"\u00a349.20\"\r\n    },\r\n\r\n    {\r\n      email:\"user@gmail.com\",\r\n      pAmount:\"\u00a3110.80\",\r\n      item1:\"Premium Service\",\r\n      item1Price:\"\u00a378.00\",\r\n      vat:\"\u00a315.80\",\r\n      total:\"\u00a3110.80\",\r\n      orderName:\"Winter Jacket\",\r\n      meta:\"Black<br>Large\",\r\n      price:\"\u00a389.00\",\r\n      sub:\"\u00a375.00\",\r\n      vat2:\"\u00a314.00\",\r\n      total2:\"\u00a389.00\"\r\n    }\r\n\r\n  ];\r\n\r\n  let i = 0;\r\n\r\n  function render(){\r\n\r\n    const d = sets[i];\r\n\r\n    scope.querySelector('#email').value = d.email;\r\n\r\n    scope.querySelector('#pAmount').innerText = d.pAmount;\r\n\r\n    scope.querySelector('#pItem1').innerText = d.item1;\r\n\r\n    scope.querySelector('#pItem1Price').innerText = d.item1Price;\r\n\r\n    scope.querySelector('#vat').innerText = d.vat;\r\n\r\n    scope.querySelector('#pTotal').innerText = d.total;\r\n\r\n    scope.querySelector('#orderName').innerText = d.orderName;\r\n\r\n    scope.querySelector('#orderMeta').innerHTML = d.meta;\r\n\r\n    scope.querySelector('#orderPrice').innerText = d.price;\r\n\r\n    scope.querySelector('#sub').innerText = d.sub;\r\n\r\n    scope.querySelector('#vat2').innerText = d.vat2;\r\n\r\n    scope.querySelector('#total2').innerText = d.total2;\r\n\r\n    i = (i + 1) % sets.length;\r\n  }\r\n\r\n  render();\r\n\r\n  setInterval(render,2500);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62caf2d e-con-full e-flex e-con e-child\" data-id=\"62caf2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665e0a4 elementor-widget elementor-widget-html\" data-id=\"665e0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.elx-wrapper{\r\n  font-family:Inter,Arial,sans-serif;\r\n  width:100%;\r\n  max-width:100%;\r\n  background:linear-gradient(160deg,#fff8f0 0%,#ffe8cc 30%,#ffd0a0 60%,#ffb870 80%,#ff9a40 100%);\r\n  border-radius:22px;\r\n  border:1px solid rgba(240,160,80,0.2);\r\n  padding:32px 24px;\r\n  height: 100%;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* Responsive layout *\/\r\n.elx-grid{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap:16px;\r\n}\r\n\r\n.elx-heading{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n  margin-bottom:10px;\r\n}\r\n\r\n\/* PLAN CARD *\/\r\n.elx-plan-card{\r\n  background:#fff;\r\n  border-radius:16px;\r\n  padding:18px;\r\n  box-shadow:0 2px 20px rgba(200,100,20,0.1);\r\n}\r\n\r\n.elx-plan-header{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.elx-plan-icon{\r\n  width:32px;\r\n  height:32px;\r\n  border-radius:50%;\r\n  background:#fff3e8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.elx-plan-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n  stroke:#d06020;\r\n  stroke-width:2;\r\n  fill:none;\r\n}\r\n\r\n.elx-plan-name{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n}\r\n\r\n.elx-plan-sub{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n}\r\n\r\n.elx-tokens-label{\r\n  font-size:12px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n}\r\n\r\n.elx-tokens-price{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.elx-meter{\r\n  height:8px;\r\n  width:100%;\r\n  border-radius:999px;\r\n  background:linear-gradient(90deg,#ff6a00,#ee9a20,#ffc040,#ffe080);\r\n}\r\n\r\n\/* CHART CARD *\/\r\n.elx-chart-card{\r\n  background:#fff;\r\n  border-radius:16px;\r\n  padding:18px;\r\n  box-shadow:0 2px 20px rgba(200,100,20,0.1);\r\n  width:100%;\r\n}\r\n\r\n.elx-chart-label{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.elx-chart-number{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:#1a0a00;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.elx-bars{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  gap:3px;\r\n  height:140px;\r\n  width:100%;\r\n}\r\n\r\n.elx-bar{\r\n  flex:1;\r\n  border-radius:3px 3px 0 0;\r\n  background:#ffc080;\r\n  transition:0.3s;\r\n  cursor:pointer;\r\n}\r\n\r\n.elx-chart-card:hover .elx-bar{\r\n  transform:scaleX(0.92);\r\n  background:#ffaa55;\r\n}\r\n\r\n.elx-chart-card:hover .elx-bar:hover{\r\n  background:#ff6a00;\r\n  transform:scaleY(1.12);\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"elx-wrapper\">\r\n  <div class=\"elx-grid\">\r\n\r\n    <div>\r\n      <div class=\"elx-heading\">Enable any billing model<\/div>\r\n\r\n      <div class=\"elx-plan-card\">\r\n        <div class=\"elx-plan-header\">\r\n          <div class=\"elx-plan-icon\">\r\n            <svg viewBox=\"0 0 16 16\">\r\n              <circle cx=\"8\" cy=\"8\" r=\"6\"\/>\r\n              <circle cx=\"8\" cy=\"8\" r=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"elx-plan-name\">Pro Plan<\/div>\r\n            <div class=\"elx-plan-sub\">Billed monthly<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"elx-tokens-label\">Tokens<\/div>\r\n        <div class=\"elx-tokens-price\">$0.01 per 1,000 units<\/div>\r\n\r\n        <div class=\"elx-meter\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"elx-chart-card\">\r\n      <div class=\"elx-chart-label\">Tokens used in the last 30 days<\/div>\r\n      <div class=\"elx-chart-number\">2,010,569,010<\/div>\r\n      <div class=\"elx-bars\" id=\"elx-bars\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst heights = [8,12,18,14,22,28,16,20,35,24,18,30,22,26,42,38,28,32,20,18,25,30,35,28,22,34,38,30,26,22];\r\n\r\nconst barsEl = document.getElementById(\"elx-bars\");\r\n\r\nheights.forEach(h => {\r\n  const bar = document.createElement(\"div\");\r\n  bar.className = \"elx-bar\";\r\n  bar.style.height = (h \/ 42 * 130) + \"px\";\r\n  barsEl.appendChild(bar);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00de27e e-grid e-con-full e-con e-parent\" data-id=\"00de27e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-854b386 elementor-widget elementor-widget-html\" data-id=\"854b386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"agentic-wrapper\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n\r\n.agentic-wrapper{\r\n    border-radius: 22px;\r\n    border: 1px solid rgba(240, 180, 120, 0.2);\r\n    background: linear-gradient(180deg, #fdf8f2 0%, #fff4e8 40%, #fff9f4 70%, #ffffff 100%);\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-family:Inter,Arial,sans-serif;\r\n    overflow:hidden;\r\n    height: 100%;\r\n}\r\n\r\n\/* BACKGROUND CIRCLE *\/\r\n.bg-circle{\r\n  position:absolute;\r\n  width:400px;\r\n  aspect-ratio:1\/1;\r\n  border-radius:50%;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n  overflow:hidden;\r\n  z-index:0;\r\n\r\n  mask-image: radial-gradient(circle, rgba(0,0,0,1) 45%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);\r\n  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 45%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);\r\n}\r\n\r\n\/* CARD *\/\r\n.agentic-card{\r\n  padding:28px 22px;\r\n  border-radius:18px;\r\n  position:relative;\r\n  z-index:2;\r\n  background:transparent;\r\n}\r\n\r\n\/* TEXT *\/\r\n.title{\r\n  font-size:26px;\r\n  font-weight:600;\r\n  color:#0f1b2d;\r\n  margin-bottom:18px;\r\n}\r\n\r\n\/* CHAT *\/\r\n.bubble{\r\n  padding:12px 14px;\r\n  border-radius:14px;\r\n  font-size:13px;\r\n  margin-bottom:10px;\r\n  max-width:90%;\r\n}\r\n\r\n.user{background:#f1f3f7;margin-left:auto;}\r\n.ai{background:#fff;border:1px solid #eef1f6;}\r\n\r\n\/* PRODUCTS *\/\r\n.products{\r\n  display:flex;\r\n  gap:12px;\r\n  margin-top:16px;\r\n}\r\n\r\n.product{\r\n  flex:1;\r\n  background:#fff;\r\n  border:1px solid #eef1f6;\r\n  border-radius:14px;\r\n  text-align:center;\r\n  padding-bottom:10px;\r\n  overflow:hidden; \/* IMPORTANT *\/\r\n}\r\n\r\n\/* FIXED IMAGE BOX *\/\r\n.img{\r\n  height:180px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden; \/* prevents overflow *\/\r\n}\r\n\r\n.img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain; \/* keeps image inside nicely *\/\r\n  display:block;\r\n}\r\n\r\n.img.blue{\r\n    background:#e8f1ff;\r\n    margin-bottom: 16px;\r\n}\r\n.img.dark{\r\n    background:#e9edf5;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.product h4{font-size:13px;margin:8px 0 2px}\r\n.product p{font-size:11px;color:#6b7280}\r\n<\/style>\r\n\r\n<!-- BACKGROUND -->\r\n<div class=\"bg-circle\">\r\n  <canvas id=\"circleCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<!-- CARD -->\r\n<div class=\"agentic-card\">\r\n\r\n  <div class=\"title\">Enhance transactions with integrated payments<\/div>\r\n\r\n  <div class=\"bubble user\">\r\n    How can I streamline my checkout process?\r\n  <\/div>\r\n\r\n  <div class=\"bubble ai\">\r\n    Here are some comfy essentials:\r\n  <\/div>\r\n\r\n  <div class=\"products\">\r\n\r\n    <div class=\"product\">\r\n      <div class=\"img blue\">\r\n        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/Integrated-EPOS-System.png\">\r\n      <\/div>\r\n      <h4>EPOS System<\/h4>\r\n      <p>Dual-Screen - Professional<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"product\">\r\n      <div class=\"img dark\">\r\n        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/Integrated-Card-Terminal-2.png\">\r\n      <\/div>\r\n      <h4>Card Terminal<\/h4>\r\n      <p>Wireless - Contactless<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- THREE.JS -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst canvas = document.getElementById('circleCanvas');\r\n\r\nconst scene = new THREE.Scene();\r\nconst camera = new THREE.PerspectiveCamera(60,1,0.1,1000);\r\ncamera.position.z = 6;\r\n\r\nconst renderer = new THREE.WebGLRenderer({\r\n  canvas,\r\n  alpha:true,\r\n  antialias:true\r\n});\r\n\r\nrenderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\r\n\r\nfunction resize(){\r\n  const size = canvas.parentElement.clientWidth;\r\n  renderer.setSize(size,size);\r\n  camera.aspect = 1;\r\n  camera.updateProjectionMatrix();\r\n}\r\nresize();\r\nwindow.addEventListener('resize',resize);\r\n\r\n\/* PARTICLES *\/\r\nconst count = 1800;\r\nconst geo = new THREE.BufferGeometry();\r\nconst pos = new Float32Array(count*3);\r\n\r\nfor(let i=0;i<count;i++){\r\n  const r = 2.8;\r\n  const theta = Math.random()*Math.PI*2;\r\n  const phi = Math.acos((Math.random()*2)-1);\r\n\r\n  pos[i*3] = r*Math.sin(phi)*Math.cos(theta);\r\n  pos[i*3+1] = r*Math.cos(phi);\r\n  pos[i*3+2] = r*Math.sin(phi)*Math.sin(theta);\r\n}\r\n\r\ngeo.setAttribute('position',new THREE.BufferAttribute(pos,3));\r\n\r\nconst mat = new THREE.PointsMaterial({\r\n  size:0.08,\r\n  color:\"#ff7a1a\",\r\n  transparent:true,\r\n  opacity:0.9,\r\n  depthWrite:false\r\n});\r\n\r\nconst points = new THREE.Points(geo,mat);\r\nscene.add(points);\r\n\r\nfunction animate(){\r\n  requestAnimationFrame(animate);\r\n  points.rotation.y += 0.0025;\r\n  points.rotation.x += 0.0012;\r\n  renderer.render(scene,camera);\r\n}\r\nanimate();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d60af6 elementor-widget elementor-widget-html\" data-id=\"9d60af6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"epos-wrapper\">\r\n\r\n<style>\r\n\r\n\r\n\/* CONTENT CARD *\/\r\n.epos-content{\r\n  text-align: center;\r\n  position: relative;\r\n  padding: 20px;\r\n  z-index: 1;\r\n  overflow: visible;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\/* HOVER CARD LIFT (optional but nice) *\/\r\n.epos-content:hover{\r\n  transform: translateY(-5px);\r\n}\r\n\r\n\r\n\/* IMAGE WRAPPER *\/\r\n.epos-image{\r\n  position: relative;\r\n  display: inline-block;\r\n  z-index: 2;\r\n}\r\n\r\n\/* FLOATING + SMOOTH ANIMATION *\/\r\n.epos-image img{\r\n  width: 100%;\r\n  max-width: 300px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto;\r\n  object-fit: contain;\r\n  background: transparent;\r\n  filter: drop-shadow(0 18px 40px rgba(0,0,0,0.18));\r\n\r\n  animation: floatImage 4s ease-in-out infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\/* HOVER IMAGE EFFECT *\/\r\n.epos-content:hover img{\r\n  transform: scale(1.06) rotate(-1deg);\r\n}\r\n\r\n\/* FLOAT KEYFRAMES *\/\r\n@keyframes floatImage{\r\n  0%{\r\n    transform: translateY(0px);\r\n  }\r\n  50%{\r\n    transform: translateY(-12px);\r\n  }\r\n  100%{\r\n    transform: translateY(0px);\r\n  }\r\n}\r\n\r\n\/* SOFT PULSE GLOW BEHIND IMAGE *\/\r\n.epos-image::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: 20px;\r\n  background: radial-gradient(circle, rgba(252,120,30,0.25), transparent 60%);\r\n  filter: blur(25px);\r\n  z-index: -1;\r\n  opacity: 0.6;\r\n  animation: pulseGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulseGlow{\r\n  0%{\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  50%{\r\n    transform: scale(1.1);\r\n    opacity: 0.7;\r\n  }\r\n  100%{\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* CARD HOVER GLOW EFFECT *\/\r\n\/* ============================= *\/\r\n\r\n.epos-content::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-20%;\r\n  background:\r\n    radial-gradient(circle at 50% 50%, rgba(255,122,26,0.30), transparent 60%),\r\n    radial-gradient(circle at 40% 40%, rgba(255,180,80,0.18), transparent 65%);\r\n  filter: blur(28px);\r\n  opacity:0;\r\n  transform: scale(1);\r\n  transition: all 0.35s ease;\r\n  z-index: 0;\r\n}\r\n\r\n.epos-content:hover::before{\r\n  opacity:1;\r\n  transform: scale(1.05);\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"epos-content\">\r\n  <div class=\"epos-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/Card-Machines.png\" alt=\"EPOS System\">\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5b6e3 elementor-widget elementor-widget-html\" data-id=\"3d5b6e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n.wrapper{\r\n  position:relative;\r\n  font-family:Inter,Arial,sans-serif;\r\n  overflow:hidden;\r\n  background:linear-gradient(180deg,#fdf8f2 0%,#fff4e8 40%,#fff9f4 70%,#ffffff 100%);\r\n  border-radius:22px;\r\n  border:1px solid rgba(240,180,120,0.2);\r\n  width:100%;\r\n  min-height:580px;\r\n  margin:0 auto;\r\n  cursor:pointer;\r\n  padding:28px 22px;\r\n}\r\n.heading{\r\n  position:relative;\r\n  z-index:5;\r\n  font-size:24px;\r\n  font-weight:600;\r\n  color:#1a0e00;\r\n  line-height:1.3;\r\n}\r\n.globe-wrap{\r\n  position:absolute;\r\n  left:50%;\r\n  top: 65%;\r\n  transform:translate(-50%,-50%);\r\n  width:380px;\r\n  height:380px;\r\n  z-index:0;\r\n  mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 38%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 75%);\r\n  -webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 38%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 75%);\r\n}\r\n.globe-wrap canvas{width:100%!important;height:100%!important;display:block}\r\n.arc-svg{\r\n  position:absolute;\r\n  left:0;top:0;width:100%;height:100%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n}\r\n.label{\r\n  position:absolute;\r\n  z-index:6;\r\n  bottom:32px;\r\n  left:28px;\r\n  font-size:11px;\r\n  color:#c07830;\r\n  letter-spacing:0.06em;\r\n  font-weight:500;\r\n}\r\n<\/style>\r\n\r\n<div class=\"wrapper\" id=\"card\">\r\n  <div class=\"heading\">One Platform to Control Every Payment Flow<\/div>\r\n  <div class=\"label\">314 USDC<\/div>\r\n\r\n  <svg class=\"arc-svg\" id=\"arcsvg\" viewBox=\"0 0 420 580\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <defs>\r\n      <filter id=\"glow\">\r\n        <feGaussianBlur stdDeviation=\"2.5\" result=\"blur\"\/>\r\n        <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\r\n      <\/filter>\r\n    <\/defs>\r\n    <!-- animated arcs drawn by JS -->\r\n  <\/svg>\r\n\r\n  <div class=\"globe-wrap\">\r\n    <canvas id=\"gc\"><\/canvas>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script>\r\n(function(){\r\n  \/* \u2500\u2500 THREE GLOBE \u2500\u2500 *\/\r\n  const canvas = document.getElementById('gc');\r\n  const scene = new THREE.Scene();\r\n  const camera = new THREE.PerspectiveCamera(60,1,0.1,1000);\r\n  camera.position.z = 6;\r\n  const renderer = new THREE.WebGLRenderer({canvas,alpha:true,antialias:true});\r\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\r\n  function resize(){\r\n    const s = canvas.parentElement.clientWidth;\r\n    renderer.setSize(s,s);\r\n    camera.aspect=1;\r\n    camera.updateProjectionMatrix();\r\n  }\r\n  resize();\r\n  window.addEventListener('resize',resize);\r\n\r\n  const count = 3000;\r\n  const geo = new THREE.BufferGeometry();\r\n  const pos = new Float32Array(count*3);\r\n  const col = new Float32Array(count*3);\r\n  for(let i=0;i<count;i++){\r\n    const r=2.8+(Math.random()-0.5)*0.25;\r\n    const theta=Math.random()*Math.PI*2;\r\n    const phi=Math.acos((Math.random()*2)-1);\r\n    pos[i*3]  =r*Math.sin(phi)*Math.cos(theta);\r\n    pos[i*3+1]=r*Math.cos(phi);\r\n    pos[i*3+2]=r*Math.sin(phi)*Math.sin(theta);\r\n    const t=Math.random();\r\n    col[i*3]  =0.85+t*0.15;\r\n    col[i*3+1]=0.22+t*0.48;\r\n    col[i*3+2]=0.0 +t*0.04;\r\n  }\r\n  geo.setAttribute('position',new THREE.BufferAttribute(pos,3));\r\n  geo.setAttribute('color',new THREE.BufferAttribute(col,3));\r\n  const mat=new THREE.PointsMaterial({size:0.07,vertexColors:true,transparent:true,opacity:0.95,blending:THREE.AdditiveBlending,depthWrite:false});\r\n  const points=new THREE.Points(geo,mat);\r\n  scene.add(points);\r\n\r\n  let hovered=false;\r\n  let targetSpeedY=0.003, targetSpeedX=0.001;\r\n  let speedY=0.003, speedX=0.001;\r\n\r\n  document.getElementById('card').addEventListener('mouseenter',()=>{hovered=true;targetSpeedY=0.012;targetSpeedX=0.005;});\r\n  document.getElementById('card').addEventListener('mouseleave',()=>{hovered=false;targetSpeedY=0.003;targetSpeedX=0.001;});\r\n\r\n  function animate(){\r\n    requestAnimationFrame(animate);\r\n    speedY+=(targetSpeedY-speedY)*0.06;\r\n    speedX+=(targetSpeedX-speedX)*0.06;\r\n    points.rotation.y+=speedY;\r\n    points.rotation.x+=speedX;\r\n    renderer.render(scene,camera);\r\n  }\r\n  animate();\r\n\r\n  \/* \u2500\u2500 SVG ARC LINES \u2500\u2500 *\/\r\n  const svg = document.getElementById('arcsvg');\r\n  const ns = 'http:\/\/www.w3.org\/2000\/svg';\r\n\r\n  \/\/ node points on the card (portrait 420x580)\r\n  const nodes = [\r\n    {x:60,  y:200},\r\n    {x:340, y:160},\r\n    {x:80,  y:400},\r\n    {x:360, y:380},\r\n    {x:200, y:140},\r\n    {x:130, y:480},\r\n    {x:300, y:460},\r\n    {x:390, y:280},\r\n    {x:40,  y:320},\r\n  ];\r\n\r\n  \/\/ pairs to connect\r\n  const pairs = [\r\n    [0,1],[0,4],[1,7],[2,5],[3,6],[4,7],[5,6],[2,8],[3,7]\r\n  ];\r\n\r\n  const arcs = [];\r\n\r\n  pairs.forEach(([a,b],i)=>{\r\n    const p1=nodes[a], p2=nodes[b];\r\n    const mx=(p1.x+p2.x)\/2 + (Math.random()-0.5)*60;\r\n    const my=(p1.y+p2.y)\/2 - 40 - Math.random()*60;\r\n    const d=`M${p1.x},${p1.y} Q${mx},${my} ${p2.x},${p2.y}`;\r\n\r\n    \/\/ base dim arc\r\n    const base=document.createElementNS(ns,'path');\r\n    base.setAttribute('d',d);\r\n    base.setAttribute('fill','none');\r\n    base.setAttribute('stroke','rgba(255,150,50,0.12)');\r\n    base.setAttribute('stroke-width','1');\r\n    svg.appendChild(base);\r\n\r\n    \/\/ animated bright arc\r\n    const arc=document.createElementNS(ns,'path');\r\n    arc.setAttribute('d',d);\r\n    arc.setAttribute('fill','none');\r\n    arc.setAttribute('stroke','rgba(255,140,30,0.85)');\r\n    arc.setAttribute('stroke-width','1.5');\r\n    arc.setAttribute('filter','url(#glow)');\r\n    const len=350;\r\n    arc.setAttribute('stroke-dasharray',`${len}`);\r\n    arc.setAttribute('stroke-dashoffset',`${len}`);\r\n    svg.appendChild(arc);\r\n\r\n    \/\/ dot at start\r\n    const dot=document.createElementNS(ns,'circle');\r\n    dot.setAttribute('cx',p1.x);\r\n    dot.setAttribute('cy',p1.y);\r\n    dot.setAttribute('r','3');\r\n    dot.setAttribute('fill','rgba(255,140,30,0.7)');\r\n    svg.appendChild(dot);\r\n\r\n    \/\/ dot at end\r\n    const dot2=document.createElementNS(ns,'circle');\r\n    dot2.setAttribute('cx',p2.x);\r\n    dot2.setAttribute('cy',p2.y);\r\n    dot2.setAttribute('r','3');\r\n    dot2.setAttribute('fill','rgba(255,170,60,0.7)');\r\n    svg.appendChild(dot2);\r\n\r\n    arcs.push({el:arc,len,offset:i*0.8,speed:0.4+Math.random()*0.4});\r\n  });\r\n\r\n  \/\/ USDC label arc\r\n  const uarc=document.createElementNS(ns,'path');\r\n  uarc.setAttribute('d','M55,420 Q170,250 360,280');\r\n  uarc.setAttribute('fill','none');\r\n  uarc.setAttribute('stroke','rgba(200,120,40,0.3)');\r\n  uarc.setAttribute('stroke-width','1');\r\n  uarc.setAttribute('stroke-dasharray','4 5');\r\n  svg.appendChild(uarc);\r\n\r\n  let t=0;\r\n  let isHovered=false;\r\n  document.getElementById('card').addEventListener('mouseenter',()=>isHovered=true);\r\n  document.getElementById('card').addEventListener('mouseleave',()=>{\r\n    isHovered=false;\r\n    arcs.forEach(a=>{\r\n      a.el.setAttribute('stroke-dashoffset',a.len);\r\n    });\r\n  });\r\n\r\n  function tick(){\r\n    requestAnimationFrame(tick);\r\n    if(!isHovered) return;\r\n    t+=0.018;\r\n    arcs.forEach(({el,len,offset,speed})=>{\r\n      const phase=(t*speed+offset)%(2);\r\n      \/\/ 0\u21921 draw in, 1\u21922 erase\r\n      let off;\r\n      if(phase<1) off=len*(1-phase);\r\n      else off=-len*(phase-1);\r\n      el.setAttribute('stroke-dashoffset',off);\r\n    });\r\n  }\r\n  tick();\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3b356c e-con-full e-flex e-con e-parent\" data-id=\"d3b356c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ade98a2 elementor-widget elementor-widget-html\" data-id=\"ade98a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 Paste this into a WordPress Custom HTML block -->\r\n<div id=\"asr-wrap\" style=\"margin:0;padding:0;line-height:normal;box-sizing:border-box;\">\r\n<style>\r\n#asr-wrap *,#asr-wrap *::before,#asr-wrap *::after{box-sizing:border-box;}\r\n\r\n\/* Header offset variable \u2014 change this one value if header height changes *\/\r\n#asr-wrap{--hh:87px;}\r\n\r\n#asr-wrap #asr{\r\n  font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;\r\n  width:100%;\r\n  height:calc(200vh - 87px); \/* total scroll travel reduced by header height *\/\r\n  position:relative;\r\n  background:#0d0600;\r\n}\r\n\r\n#asr-wrap .asr-sticky{\r\n  position:sticky;\r\n  top:87px; \/* stick just below header *\/\r\n  height:calc(100vh - 87px); \/* fill remaining viewport *\/\r\n  width:100%;\r\n  display:flex;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* LEFT *\/\r\n#asr-wrap .asr-left{flex:1;position:relative;overflow:hidden;background:#0d0600;}\r\n\r\n#asr-wrap .asr-hero{\r\n  position:absolute;\r\n  top:32px; \/* reduced from 52px since we have less vertical space *\/\r\n  left:52px;\r\n  max-width:420px;\r\n  z-index:6;\r\n}\r\n#asr-wrap .asr-hero h1{font-size:28px;font-weight:700;line-height:1.4;color:#fff;margin:0;padding:0;}\r\n\r\n#asr-wrap #cvGlobe,#asr-wrap #cvGrid{position:absolute;inset:0;width:100%;height:100%;}\r\n#asr-wrap #cvGlobe{z-index:2;transition:opacity 1.0s ease;}\r\n#asr-wrap #cvGrid{z-index:1;opacity:0;transition:opacity 1.2s ease;}\r\n#asr-wrap #cvGrid.show{opacity:1;}\r\n\r\n\/* RIGHT *\/\r\n#asr-wrap .asr-right{\r\n  width:460px;flex-shrink:0;height:100%;\r\n  background:linear-gradient(170deg,#fff9f3 0%,#fff0dc 30%,#ffdcaa 65%,#ffa940 100%);\r\n  display:flex;flex-direction:column;position:relative;overflow:hidden;\r\n}\r\n#asr-wrap .asr-prog-track{position:absolute;left:0;top:0;width:3px;height:100%;background:rgba(180,80,0,0.1);z-index:20;}\r\n#asr-wrap .asr-prog-fill{position:absolute;left:0;top:0;width:3px;background:linear-gradient(180deg,#ff6a00,#ffb347);height:0%;transition:height 0.06s linear;border-radius:0 2px 2px 0;}\r\n\r\n#asr-wrap .asr-top{padding:28px 32px 0;flex-shrink:0;} \/* reduced top padding from 36px *\/\r\n#asr-wrap .asr-eyebrow{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;color:rgba(140,60,0,0.45);margin-bottom:18px;}\r\n\r\n\/* TABS *\/\r\n#asr-wrap .asr-tabs{display:flex;flex-direction:column;gap:8px;}\r\n#asr-wrap .asr-tab{\r\n  display:flex;align-items:center;gap:14px;padding:14px 18px;\r\n  border-radius:16px;cursor:pointer;\r\n  transition:all .5s cubic-bezier(0.22,1,0.36,1);user-select:none;\r\n  background:rgba(255,255,255,0.0);border:1.5px solid transparent;\r\n}\r\n#asr-wrap .asr-tab:hover{background:rgba(255,255,255,0.4);}\r\n#asr-wrap .asr-num{\r\n  width:32px;height:32px;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:12px;font-weight:800;flex-shrink:0;transition:all .3s;\r\n  background:rgba(200,100,10,0.12);color:rgba(160,70,0,0.45);\r\n}\r\n#asr-wrap .asr-tab-body{flex:1;}\r\n#asr-wrap .asr-tab-title{font-size:13px;font-weight:700;color:rgba(80,30,0,0.45);line-height:1.2;transition:color .3s;}\r\n#asr-wrap .asr-tab-sub{font-size:11px;color:rgba(140,70,0,0.35);margin-top:2px;transition:color .3s;}\r\n#asr-wrap .asr-chev{\r\n  width:22px;height:22px;border-radius:50%;\r\n  background:rgba(200,100,10,0.1);display:flex;align-items:center;justify-content:center;\r\n  font-size:11px;color:rgba(180,80,0,0.3);transition:all .3s;flex-shrink:0;\r\n}\r\n#asr-wrap .asr-tab.active{background:#fff;border-color:rgba(255,140,40,0.3);box-shadow:0 6px 28px rgba(200,90,0,0.16);}\r\n#asr-wrap .asr-tab.active .asr-num{background:linear-gradient(135deg,#ff6a00,#ffb347);color:#fff;box-shadow:0 4px 12px rgba(255,100,0,0.35);}\r\n#asr-wrap .asr-tab.active .asr-tab-title{color:#1a0800;}\r\n#asr-wrap .asr-tab.active .asr-tab-sub{color:rgba(120,50,0,0.55);}\r\n#asr-wrap .asr-tab.active .asr-chev{background:linear-gradient(135deg,#ff6a00,#ffb347);color:#fff;box-shadow:0 3px 10px rgba(255,100,0,0.3);}\r\n\r\n#asr-wrap .asr-sep{height:1px;background:rgba(200,110,20,0.15);margin:18px 0 0;}\r\n\r\n\/* PANELS *\/\r\n#asr-wrap .asr-panels{flex:1;position:relative;overflow:hidden;}\r\n#asr-wrap .asr-panel{\r\n  position:absolute;inset:0;padding:22px 32px 32px;\r\n  opacity:0;transform:translateY(20px);\r\n  transition:opacity .7s ease,transform .7s cubic-bezier(0.22,1,0.36,1);\r\n  pointer-events:none;overflow-y:auto;\r\n}\r\n#asr-wrap .asr-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;}\r\n#asr-wrap .asr-panel h2{font-size:22px;font-weight:800;line-height:1.3;color:#1a0800;margin-bottom:10px;padding:0;}\r\n#asr-wrap .asr-panel .asr-desc{font-size:13px;line-height:1.75;color:rgba(100,45,5,0.62);margin-bottom:20px;}\r\n#asr-wrap .asr-uc-card{background:rgba(255,255,255,0.75);border:1px solid rgba(230,140,50,0.22);border-radius:18px;overflow:hidden;}\r\n#asr-wrap .asr-uc-head{padding:14px 18px 6px;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;font-weight:800;color:rgba(160,70,0,0.45);}\r\n#asr-wrap a.asr-uc-row{\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:13px 18px;border-top:1px solid rgba(220,130,40,0.12);\r\n  font-size:13px;font-weight:500;color:#2a1000;text-decoration:none;transition:background .2s,color .2s;\r\n}\r\n#asr-wrap a.asr-uc-row:hover{background:rgba(255,120,20,0.07);color:#c04400;}\r\n#asr-wrap .asr-uc-row-arrow{\r\n  width:24px;height:24px;border-radius:50%;\r\n  background:rgba(255,140,40,0.12);display:flex;align-items:center;justify-content:center;\r\n  font-size:12px;color:rgba(200,90,0,0.45);transition:all .2s;flex-shrink:0;\r\n}\r\n#asr-wrap a.asr-uc-row:hover .asr-uc-row-arrow{background:linear-gradient(135deg,#ff6a00,#ffb347);color:#fff;transform:translateX(2px);}\r\n\r\n@media(max-width:860px){\r\n  #asr-wrap #asr{height:auto;}\r\n  #asr-wrap .asr-sticky{position:relative;top:0;height:auto;flex-direction:column;}\r\n  #asr-wrap .asr-left{height:55vw;min-height:300px;}\r\n  #asr-wrap .asr-right{width:100%;height:auto;min-height:480px;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"asr\">\r\n  <div class=\"asr-sticky\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"asr-left\">\r\n      <div class=\"asr-hero\">\r\n        <h1>Control every aspect of your money. Offer financial products to your customers. All from the same, centralized stack.<\/h1>\r\n      <\/div>\r\n      <canvas id=\"cvGlobe\"><\/canvas>\r\n      <canvas id=\"cvGrid\"><\/canvas>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"asr-right\">\r\n      <div class=\"asr-prog-track\"><div class=\"asr-prog-fill\" id=\"asrFill\"><\/div><\/div>\r\n      <div class=\"asr-top\">\r\n        <div class=\"asr-eyebrow\">Card Payment Solution<\/div>\r\n        <div class=\"asr-tabs\">\r\n          <div class=\"asr-tab active\" id=\"asrTab0\">\r\n            <div class=\"asr-num\">1<\/div>\r\n            <div class=\"asr-tab-body\">\r\n              <div class=\"asr-tab-title\">Online Payments<\/div>\r\n              <div class=\"asr-tab-sub\">Fast \u00b7 Secure \u00b7 Reliable<\/div>\r\n            <\/div>\r\n            <div class=\"asr-chev\">\u2192<\/div>\r\n          <\/div>\r\n          <div class=\"asr-tab\" id=\"asrTab1\">\r\n            <div class=\"asr-num\">2<\/div>\r\n            <div class=\"asr-tab-body\">\r\n              <div class=\"asr-tab-title\">Card Machines<\/div>\r\n              <div class=\"asr-tab-sub\">Retail \u00b7 Mobile \u00b7 Integrated<\/div>\r\n            <\/div>\r\n            <div class=\"asr-chev\">\u2192<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"asr-sep\"><\/div>\r\n      <\/div>\r\n      <div class=\"asr-panels\">\r\n        <div class=\"asr-panel active\" id=\"asrPanel0\">\r\n          <h2>Intelligent Money Movement<\/h2>\r\n          <p class=\"asr-desc\">Move money across your entire business with secure and flexible payment solutions. Accept, settle, and manage payments from one powerful platform.<\/p>\r\n          <div class=\"asr-uc-card\">\r\n            <div class=\"asr-uc-head\">Services<\/div>\r\n            <a class=\"asr-uc-row\" href=\".\/epos-for-restaurants\/\">EPOS For Resturtants<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/epos-for-pharmacies\">EPOS For Pharmacy<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/retail-business\">Retail Businessess<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/tapdonate\">Our Products <span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"asr-panel\" id=\"asrPanel1\">\r\n          <h2>Smart Payment Hardware &amp; EPOS<\/h2>\r\n          <p class=\"asr-desc\">Modern payment technology for businesses of all sizes. Manage in-store and mobile transactions with reliable card machines and EPOS systems.<\/p>\r\n          <div class=\"asr-uc-card\">\r\n            <div class=\"asr-uc-head\">Solutions<\/div>\r\n            <a class=\"asr-uc-row\" href=\".\/card-machine\">Card Machines<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/epos-for-pharmacies\/\">EPOS Systems<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/payb\/\">Our Products<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n            <a class=\"asr-uc-row\" href=\".\/partners\/\">Partners<span class=\"asr-uc-row-arrow\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<\/div><!-- \/#asr-wrap -->\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script>\r\n(function(){\r\n  if(window.__asrInit) return;\r\n  window.__asrInit = true;\r\n\r\n  const HEADER_H = 87; \/* header height in px *\/\r\n\r\n  const root = document.getElementById('asr');\r\n  const fill = document.getElementById('asrFill');\r\n  let scrollProg = 0, currentTab = 0;\r\n\r\n  function setTab(n){\r\n    if(n===currentTab) return;\r\n    currentTab = n;\r\n    [0,1].forEach(i=>{\r\n      document.getElementById('asrTab'+i).classList.toggle('active',i===n);\r\n      document.getElementById('asrPanel'+i).classList.toggle('active',i===n);\r\n    });\r\n    document.getElementById('cvGlobe').style.opacity = n===0?'1':'0';\r\n    document.getElementById('cvGrid').classList.toggle('show', n===1);\r\n  }\r\n\r\n  window.addEventListener('scroll',()=>{\r\n    \/* Account for header: measure from top of sticky area (below header) *\/\r\n    const rootTop  = root.getBoundingClientRect().top;\r\n    const scrolled = -(rootTop - HEADER_H);\r\n    const total    = root.offsetHeight - (window.innerHeight - HEADER_H);\r\n    if(total<=0) return;\r\n    scrollProg = Math.min(1,Math.max(0,scrolled\/total));\r\n    fill.style.height=(scrollProg*100)+'%';\r\n    setTab(scrolled < total*0.5 ? 0 : 1);\r\n  },{passive:true});\r\n\r\n  document.getElementById('cvGlobe').style.transition='opacity 0.6s ease';\r\n\r\n  \/* \u2500\u2500 SECTION 1: Three.js orange particle globe \u2500\u2500 *\/\r\n  const cvGlobe = document.getElementById('cvGlobe');\r\n  const scene   = new THREE.Scene();\r\n  const camera  = new THREE.PerspectiveCamera(60,1,0.1,1000);\r\n  camera.position.z = 6;\r\n  const renderer = new THREE.WebGLRenderer({canvas:cvGlobe,alpha:true,antialias:true});\r\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\r\n  renderer.setClearColor(0,0);\r\n\r\n  function resizeGlobe(){\r\n    const w=cvGlobe.offsetWidth, h=cvGlobe.offsetHeight;\r\n    renderer.setSize(w,h,false);\r\n    camera.aspect=w\/h; camera.updateProjectionMatrix();\r\n  }\r\n  resizeGlobe();\r\n  window.addEventListener('resize',resizeGlobe);\r\n\r\n  const N=3000, gpos=new Float32Array(N*3), gcol=new Float32Array(N*3);\r\n  for(let i=0;i<N;i++){\r\n    const r=1.96+(Math.random()-.5)*.175;\r\n    const th=Math.random()*Math.PI*2;\r\n    const ph=Math.acos(Math.random()*2-1);\r\n    gpos[i*3]  =r*Math.sin(ph)*Math.cos(th);\r\n    gpos[i*3+1]=r*Math.cos(ph);\r\n    gpos[i*3+2]=r*Math.sin(ph)*Math.sin(th);\r\n    const t=Math.random();\r\n    gcol[i*3]  =0.88+t*.12;\r\n    gcol[i*3+1]=0.20+t*.48;\r\n    gcol[i*3+2]=t*.03;\r\n  }\r\n  const gg=new THREE.BufferGeometry();\r\n  gg.setAttribute('position',new THREE.BufferAttribute(gpos,3));\r\n  gg.setAttribute('color',new THREE.BufferAttribute(gcol,3));\r\n  const gmat=new THREE.PointsMaterial({size:.0455,vertexColors:true,transparent:true,opacity:.95,blending:THREE.AdditiveBlending,depthWrite:false});\r\n  const globe=new THREE.Points(gg,gmat);\r\n  scene.add(globe);\r\n\r\n  const svgNS='http:\/\/www.w3.org\/2000\/svg';\r\n  const arcSVG=document.createElementNS(svgNS,'svg');\r\n  arcSVG.style.cssText='position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;transition:opacity .5s';\r\n  document.querySelector('#asr-wrap .asr-left').appendChild(arcSVG);\r\n\r\n  \/* Globe renders centered at ~62% from left, ~50% top of the left panel.\r\n     Arcs use fractions of canvas size \u2014 no camera projection, always visible. *\/\r\n  const ARC_SPECS=[\r\n    [0.04,0.72, 0.40,0.26, 0.52,0.38, 'rgba(255,140,30,0.70)', 0.52,0.38, '$12,009.90'],\r\n    [0.06,0.62, 0.43,0.32, 0.60,0.50, 'rgba(255,185,65,0.48)', null,null,null],\r\n    [0.03,0.82, 0.36,0.20, 0.50,0.30, 'rgba(255,100,20,0.60)', 0.57,0.47, '$28,009.90'],\r\n  ];\r\n\r\n  let arcPaths=[], arcDots=[];\r\n\r\n  function buildArcs(){\r\n    arcPaths.forEach(p=>p.remove()); arcDots.forEach(g=>g.remove());\r\n    arcPaths=[]; arcDots=[];\r\n    const W=cvGlobe.offsetWidth||800, H=cvGlobe.offsetHeight||600;\r\n    ARC_SPECS.forEach(([x0f,y0f,cxf,cyf,x1f,y1f,color,dxf,dyf,label])=>{\r\n      const x0=x0f*W,y0=y0f*H,cx=cxf*W,cy=cyf*H,x1=x1f*W,y1=y1f*H;\r\n      const len=Math.hypot(x1-x0,y1-y0)*2.4;\r\n      const p=document.createElementNS(svgNS,'path');\r\n      p.setAttribute('d','M'+x0+','+y0+' Q'+cx+','+cy+' '+x1+','+y1);\r\n      p.setAttribute('fill','none');\r\n      p.setAttribute('stroke',color);\r\n      p.setAttribute('stroke-width','1.3');\r\n      p.setAttribute('stroke-linecap','round');\r\n      p.style.strokeDasharray=String(len);\r\n      p.style.strokeDashoffset=String(len);\r\n      p.style.transition='none';\r\n      arcSVG.appendChild(p);\r\n      arcPaths.push(p);\r\n      if(label&&dxf!=null){\r\n        const dx=dxf*W,dy=dyf*H;\r\n        const g=document.createElementNS(svgNS,'g');\r\n        const c=document.createElementNS(svgNS,'circle');\r\n        c.setAttribute('cx',dx);c.setAttribute('cy',dy);c.setAttribute('r','4');c.setAttribute('fill','#ff8822');\r\n        const t=document.createElementNS(svgNS,'text');\r\n        t.setAttribute('x',dx+9);t.setAttribute('y',dy+4);\r\n        t.setAttribute('fill','rgba(255,210,140,0.9)');t.setAttribute('font-size','11');\r\n        t.setAttribute('font-family','Inter,sans-serif');t.setAttribute('font-weight','500');\r\n        t.textContent=label;\r\n        g.appendChild(c);g.appendChild(t);\r\n        arcSVG.appendChild(g);\r\n        arcDots.push(g);\r\n      }\r\n    });\r\n  }\r\n\r\n  window.addEventListener('resize',()=>{clearTimeout(window._asrAT);window._asrAT=setTimeout(()=>{buildArcs();if(arcsOn)animArcs();},60);});\r\n  buildArcs();\r\n\r\n  function animArcs(){\r\n    arcPaths.forEach((p,i)=>{\r\n      const len=parseFloat(p.style.strokeDasharray)||600;\r\n      p.style.strokeDashoffset=String(len);\r\n      p.style.transition='none';\r\n      setTimeout(()=>{p.style.transition='stroke-dashoffset 1.4s ease';p.style.strokeDashoffset='0';},i*220);\r\n    });\r\n  }\r\n\r\n  let arcsOn=false;\r\n  function showArcs(){\r\n    if(arcsOn) return;\r\n    arcsOn=true;\r\n    animArcs();\r\n  }\r\n  function hideArcs(){\r\n    arcPaths.forEach(p=>{p.style.transition='none';p.style.strokeDashoffset=p.style.strokeDasharray;});\r\n    arcsOn=false;\r\n  }\r\n\r\n  \/* \u2500\u2500 SECTION 2: Stacked glowing rings \u2500\u2500 *\/\r\n  const scene2  = new THREE.Scene();\r\n  const cam2    = new THREE.PerspectiveCamera(55,1,0.1,100);\r\n  cam2.position.set(0,2.5,7);\r\n  cam2.lookAt(0,0,0);\r\n\r\n  const cvGrid = document.getElementById('cvGrid');\r\n  const ren2   = new THREE.WebGLRenderer({canvas:cvGrid,alpha:true,antialias:true});\r\n  ren2.setPixelRatio(Math.min(window.devicePixelRatio,2));\r\n  ren2.setClearColor(0,0);\r\n\r\n  function resizeGrid(){\r\n    const w=cvGrid.offsetWidth,h=cvGrid.offsetHeight;\r\n    ren2.setSize(w,h,false);\r\n    cam2.aspect=w\/h;cam2.updateProjectionMatrix();\r\n  }\r\n  resizeGrid();\r\n  window.addEventListener('resize',resizeGrid);\r\n\r\n  const layerGroup=new THREE.Group();\r\n  scene2.add(layerGroup);\r\n\r\n  const LAYER_COUNT=6;\r\n  const layerColors=[0xff6a00,0xff7c1a,0xff9133,0xffa84d,0xffbf66,0xffd280];\r\n  const layerLabels2=['Accounts','Card Issuing','Lending','Payments','KYC \/ AML','Platform API'];\r\n  const layerMeshes=[];\r\n\r\n  for(let i=0;i<LAYER_COUNT;i++){\r\n    const yPos=i*0.75-(LAYER_COUNT*0.75)\/2;\r\n    const w=3.5-i*0.15, d=2.2-i*0.08;\r\n    const geo=new THREE.BoxGeometry(w,0.04,d);\r\n    const mat=new THREE.MeshBasicMaterial({color:layerColors[i],transparent:true,opacity:0.0,wireframe:false});\r\n    const mesh=new THREE.Mesh(geo,mat);\r\n    mesh.position.y=yPos;\r\n    layerGroup.add(mesh);\r\n    const edgeGeo=new THREE.EdgesGeometry(geo);\r\n    const edgeMat=new THREE.LineBasicMaterial({color:layerColors[i],transparent:true,opacity:0.0});\r\n    const edges=new THREE.LineSegments(edgeGeo,edgeMat);\r\n    edges.position.y=yPos;\r\n    layerGroup.add(edges);\r\n    layerMeshes.push({mesh,edges,yPos,color:layerColors[i],label:layerLabels2[i]});\r\n  }\r\n\r\n  for(let i=0;i<LAYER_COUNT-1;i++){\r\n    const y0=layerMeshes[i].yPos, y1=layerMeshes[i+1].yPos;\r\n    const connGeo=new THREE.BufferGeometry().setFromPoints([\r\n      new THREE.Vector3(-1.2,y0,0),new THREE.Vector3(-1.2,y1,0),\r\n      new THREE.Vector3(1.2,y0,0),new THREE.Vector3(1.2,y1,0),\r\n    ]);\r\n    connGeo.setIndex([0,1,2,3]);\r\n    const connMat=new THREE.LineBasicMaterial({color:0xff8833,transparent:true,opacity:0.12});\r\n    layerGroup.add(new THREE.LineSegments(connGeo,connMat));\r\n  }\r\n\r\n  const riseParticles=Array.from({length:20},(_,i)=>({\r\n    x:(Math.random()-.5)*3,z:(Math.random()-.5)*1.8,\r\n    y:-2.5+Math.random()*5,speed:0.008+Math.random()*0.012,\r\n    size:0.03+Math.random()*0.03,color:Math.random()<0.6?0xff8822:0xffcc44,mesh:null,\r\n  }));\r\n\r\n  const pGeo=new THREE.SphereGeometry(1,6,6);\r\n  riseParticles.forEach(p=>{\r\n    const m=new THREE.Mesh(pGeo,new THREE.MeshBasicMaterial({color:p.color,transparent:true,opacity:0.0}));\r\n    m.scale.setScalar(p.size);m.position.set(p.x,p.y,p.z);\r\n    scene2.add(m);p.mesh=m;\r\n  });\r\n\r\n  const svg2=document.createElementNS(svgNS,'svg');\r\n  svg2.style.cssText='position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:0;transition:opacity 0.5s';\r\n  document.querySelector('#asr-wrap .asr-left').appendChild(svg2);\r\n\r\n  layerLabels2.forEach((label,i)=>{\r\n    const frac=(i+0.5)\/LAYER_COUNT;\r\n    const x=72, y=75-frac*55;\r\n    const g=document.createElementNS(svgNS,'g');\r\n    const line=document.createElementNS(svgNS,'line');\r\n    line.setAttribute('x1',`${x}%`);line.setAttribute('y1',`${y}%`);\r\n    line.setAttribute('x2',`${x+4}%`);line.setAttribute('y2',`${y}%`);\r\n    line.setAttribute('stroke',`hsl(${25+i*8},100%,${55+i*5}%)`);\r\n    line.setAttribute('stroke-width','1');line.setAttribute('opacity','0.6');\r\n    const dot=document.createElementNS(svgNS,'circle');\r\n    dot.setAttribute('cx',`${x}%`);dot.setAttribute('cy',`${y}%`);dot.setAttribute('r','3');\r\n    dot.setAttribute('fill',`hsl(${25+i*8},100%,${55+i*5}%)`);\r\n    const txt=document.createElementNS(svgNS,'text');\r\n    txt.setAttribute('x',`${x+5}%`);txt.setAttribute('y',`${y+0.5}%`);\r\n    txt.setAttribute('fill','rgba(255,210,140,0.85)');txt.setAttribute('font-size','11');\r\n    txt.setAttribute('font-family','Inter,sans-serif');txt.setAttribute('font-weight','500');\r\n    txt.setAttribute('dominant-baseline','middle');txt.textContent=label;\r\n    g.appendChild(line);g.appendChild(dot);g.appendChild(txt);svg2.appendChild(g);\r\n  });\r\n\r\n  \/* \u2500\u2500 UNIFIED RENDER LOOP \u2500\u2500 *\/\r\n  let asrT=0,sec2Blend=0,globeIntro=0,sec2Entered=false,staggerT=0;\r\n\r\n  function loop(){\r\n    requestAnimationFrame(loop);\r\n    asrT+=.012;\r\n    globeIntro=Math.min(1,globeIntro+0.006);\r\n    globe.material.opacity=globeIntro*0.95;\r\n    globe.rotation.y+=.003;\r\n    globe.rotation.x+=.0012;\r\n    renderer.render(scene,camera);\r\n\r\n    if(scrollProg<.4 && !arcsOn) showArcs();\r\n    if(scrollProg>.45 && arcsOn) hideArcs();\r\n    arcSVG.style.opacity=Math.max(0,1-(scrollProg-.4)\/.06).toString();\r\n\r\n    const target2=currentTab===1?1:0;\r\n    if(target2===1 && !sec2Entered){\r\n      sec2Entered=true;staggerT=0;\r\n      layerMeshes.forEach(({mesh,edges})=>{mesh.material.opacity=0;edges.material.opacity=0;});\r\n      riseParticles.forEach(p=>{p.mesh.material.opacity=0;});\r\n    }\r\n    if(target2===0) sec2Entered=false;\r\n    sec2Blend+=(target2-sec2Blend)*0.03;\r\n    if(target2===1) staggerT=Math.min(1,staggerT+0.007);\r\n    else staggerT=Math.max(0,staggerT-0.04);\r\n\r\n    svg2.style.opacity=Math.min(1,staggerT*1.8).toString();\r\n\r\n    if(sec2Blend>0.005){\r\n      layerGroup.rotation.y=asrT*0.22;\r\n      layerGroup.rotation.x=Math.sin(asrT*0.16)*0.10;\r\n      layerMeshes.forEach(({mesh,edges},i)=>{\r\n        const ws=i*0.14;\r\n        const localT=Math.max(0,staggerT-ws)\/0.14;\r\n        const smooth=localT<1?localT*localT*(3-2*localT):1;\r\n        const op=smooth*sec2Blend;\r\n        mesh.material.opacity=op*0.18;\r\n        edges.material.opacity=op*0.80;\r\n      });\r\n      const particleStart=Math.max(0,staggerT-0.6)*2.5;\r\n      riseParticles.forEach(p=>{\r\n        p.y+=p.speed*Math.min(1,particleStart);\r\n        if(p.y>2.8){p.y=-2.5;p.x=(Math.random()-.5)*3;p.z=(Math.random()-.5)*1.8;}\r\n        p.mesh.position.y=p.y;\r\n        const fade=Math.sin(((p.y+2.5)\/5.3)*Math.PI);\r\n        p.mesh.material.opacity=Math.min(1,particleStart)*sec2Blend*fade*0.85;\r\n      });\r\n      ren2.render(scene2,cam2);\r\n    }\r\n  }\r\n  loop();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80b268c e-con-full e-flex e-con e-parent\" data-id=\"80b268c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74bfbea elementor-widget elementor-widget-text-editor\" data-id=\"74bfbea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"color: #111111;\"> Tectah delivers reliable payment solutions and EPOS systems that<\/span> <span style=\"color: #8b8b8b;\"> businesses trust to run their operations smoothly.<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b755e34 e-con-full e-flex e-con e-child\" data-id=\"b755e34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69440a elementor-widget elementor-widget-html\" data-id=\"c69440a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Main Page<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n.carousel-wrapper {\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* viewport *\/\r\n.carousel-wrapper .carousel {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* track *\/\r\n.carousel-wrapper .slides {\r\n    display: flex;\r\n    gap: 20px;\r\n    padding: 0 20px;\r\n    transition: transform 0.5s ease-in-out;\r\n}\r\n\r\n\/* CARD FIXED SIZE *\/\r\n.carousel-wrapper .carousel-card {\r\n    width: 400px;\r\n    height: 600px;\r\n    flex: 0 0 auto;\r\n    background: #FBFBFB;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* MEDIA *\/\r\n.carousel-wrapper .media-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 300px;\r\n    overflow: hidden;\r\n}\r\n\r\n.carousel-wrapper .media-box video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* PLAY ICON *\/\r\n.carousel-wrapper .play-icon {\r\n    position: absolute;\r\n    bottom: 10px;\r\n    right: 10px;\r\n    width: 42px;\r\n    height: 42px;\r\n}\r\n\r\n.carousel-wrapper .play-icon img {\r\n    width: 22px;\r\n    height: 22px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.carousel-wrapper .carousel-content {\r\n    margin: auto;\r\n    padding: 24px;\r\n}\r\n\r\n.carousel-wrapper .carousel-content h2 {\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.carousel-wrapper .carousel-content p {\r\n    font-size: 16px;\r\n    line-height: 27px;\r\n    color: #565656;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.carousel-wrapper .carousel-buttons {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding: 10px 30px;\r\n    gap: 10px;\r\n}\r\n\r\n.carousel-wrapper .carousel-buttons button {\r\n    border: none;\r\n    background: #EFEFEF;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.carousel-wrapper .carousel-buttons button img {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"carousel-wrapper\">\r\n\r\n    <div class=\"carousel\">\r\n        <div class=\"slides\" id=\"slides\">\r\n\r\n            <!-- CARD 1 -->\r\n            <div class=\"carousel-card\">\r\n                <div class=\"media-box\">\r\n                    <video muted loop playsinline>\r\n                        <source src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/Main-page-video.mp4\">\r\n                    <\/video>\r\n                    <div class=\"play-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/Frame-3188042-4.png\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-content\">\r\n                    <h2>Secure. Compliant. Reliable.<\/h2>\r\n                    <p>From card payments to EPOS systems, Tectah ensures every transaction is protected with advanced security and compliance standards.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2 -->\r\n            <div class=\"carousel-card\">\r\n                <div class=\"media-box\">\r\n                    <video muted loop playsinline>\r\n                        <source src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/main-page-5.mp4\">\r\n                    <\/video>\r\n                    <div class=\"play-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/Frame-3188042-4.png\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-content\">\r\n                    <h2>Built for reliability at scale<\/h2>\r\n                    <p>Tectah provides stable, high performance payment infrastructure to support your business around the clock.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3 -->\r\n            <div class=\"carousel-card\">\r\n                <div class=\"media-box\">\r\n                    <video muted loop playsinline>\r\n                        <source src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/main-page-2.mp4\">\r\n                    <\/video>\r\n                    <div class=\"play-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/Frame-3188042-4.png\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-content\">\r\n                    <h2>One platform<\/h2>\r\n                    <p>Consistent performance and dependable uptime to support your business every day.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4 -->\r\n            <div class=\"carousel-card\">\r\n                <div class=\"media-box\">\r\n                    <video muted loop playsinline>\r\n                        <source src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/main-page-2-no.mp4\">\r\n                    <\/video>\r\n                    <div class=\"play-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/Frame-3188042-4.png\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-content\">\r\n                    <h2>Trusted security and compliance<\/h2>\r\n                    <p>Tectah follows global payment standards to protect transactions and support businesses with reliable, secure infrastructure.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"carousel-buttons\">\r\n            <button onclick=\"prevSlide()\">\r\n                <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/download-3.png\" \/>\r\n            <\/button>\r\n\r\n            <button onclick=\"nextSlide()\">\r\n                <img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/01-align-center-1.png\" \/>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div> \r\n<script>\r\nlet index = 0;\r\n\r\nconst slides = document.getElementById(\"slides\");\r\nconst originalCards = document.querySelectorAll(\".carousel-card\");\r\n\r\nconst cardWidth = 400;\r\nconst gap = 20;\r\nconst step = cardWidth + gap;\r\n\r\nconst visible = 4;\r\n\r\nfor (let i = 0; i < visible; i++) {\r\n    const clone = originalCards[i].cloneNode(true);\r\n    slides.appendChild(clone);\r\n}\r\n\r\nconst total = slides.children.length;\r\n\r\nfunction updateSlide(animate = true) {\r\n    slides.style.transition = animate ? \"transform 0.5s ease\" : \"none\";\r\n    slides.style.transform = `translateX(${-index * step}px)`;\r\n}\r\n\r\nfunction nextSlide() {\r\n    index++;\r\n    updateSlide();\r\n\r\n    \/\/ reset when reaching clones\r\n    if (index >= total - visible) {\r\n        setTimeout(() => {\r\n            index = 0;\r\n            updateSlide(false);\r\n        }, 500);\r\n    }\r\n}\r\n\r\nfunction prevSlide() {\r\n    if (index === 0) {\r\n        index = total - visible;\r\n        updateSlide(false);\r\n\r\n        setTimeout(() => {\r\n            index--;\r\n            updateSlide(true);\r\n        }, 20);\r\n    } else {\r\n        index--;\r\n        updateSlide();\r\n    }\r\n}\r\n\r\nlet auto;\r\n\r\nfunction startAuto() {\r\n    stopAuto();\r\n    auto = setInterval(nextSlide, 2000);\r\n}\r\n\r\nfunction stopAuto() {\r\n    if (auto) clearInterval(auto);\r\n}\r\n\r\nstartAuto();\r\n\r\nconst carousel = document.querySelector('.carousel');\r\n\r\ncarousel.addEventListener('mouseenter', stopAuto);\r\ncarousel.addEventListener('mouseleave', startAuto);\r\n\r\nfunction attachVideoEvents() {\r\n    const allCards = document.querySelectorAll(\".carousel-card\");\r\n\r\n    allCards.forEach(card => {\r\n        const video = card.querySelector(\"video\");\r\n\r\n        card.addEventListener(\"mouseenter\", () => {\r\n            if (video) video.play();\r\n        });\r\n\r\n        card.addEventListener(\"mouseleave\", () => {\r\n            if (video) {\r\n                video.pause();\r\n                video.currentTime = 0;\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n\/\/ run once after DOM ready\r\nattachVideoEvents();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-872ea46 e-con-full e-flex e-con e-parent\" data-id=\"872ea46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f006dd elementor-widget elementor-widget-html\" data-id=\"6f006dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero\">\r\n  <div class=\"hero-container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"hero-content\">\r\n      <span class=\"hero-badge\">Techah Payments Platform<\/span>\r\n\r\n      <h1>\r\n        Accept and optimize payments, online and in person\r\n      <\/h1>\r\n\r\n      <p>\r\n        Techah helps businesses process payments faster, reduce friction,\r\n        and scale globally with secure, modern payment infrastructure.\r\n      <\/p>\r\n\r\n      <div class=\"hero-buttons\">\r\n        <a href= '.\/our-sales\/\r\n' class=\"hero-secondary\">Talk to sales<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"hero-trust\">\r\n        <span>\u2714 Secure payments<\/span>\r\n        <span>\u2714 Global coverage<\/span>\r\n        <span>\u2714 Easy integration<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"hero-visual\">\r\n\r\n      <div class=\"hero-card c1\">\r\n        <h4>Transactions<\/h4>\r\n        <div class=\"line\"><\/div>\r\n        <div class=\"line short\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-card c2\">\r\n        <h4>Global Reach<\/h4>\r\n        <div class=\"line\"><\/div>\r\n        <div class=\"line mid\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-card c3\">\r\n        <h4>Conversion<\/h4>\r\n        <div class=\"line mid\"><\/div>\r\n        <div class=\"line short\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-card c4\">\r\n        <h4>Revenue Growth<\/h4>\r\n        <div class=\"line\"><\/div>\r\n        <div class=\"line short\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-card c5\">\r\n        <h4>Security Score<\/h4>\r\n        <div class=\"line mid\"><\/div>\r\n        <div class=\"line\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n.hero{\r\n  padding:100px 80px;\r\n  background:#0b1020;\r\n  color:white;\r\n  overflow:hidden;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* container *\/\r\n.hero-container{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:60px;\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n.hero-content{\r\n  max-width:550px;\r\n}\r\n\r\n.hero-badge{\r\n  display:inline-block;\r\n  padding:6px 12px;\r\n  background:rgba(255,140,0,0.15);\r\n  border:1px solid rgba(255,140,0,0.4);\r\n  border-radius:20px;\r\n  font-size:12px;\r\n  margin-bottom:20px;\r\n  color:#ffb35c;\r\n}\r\n\r\n.hero-content h1{\r\n  font-size:48px;\r\n  line-height:1.1;\r\n  margin-bottom:20px;\r\n  color:white;\r\n}\r\n\r\n.hero-content p{\r\n  color:rgba(255,255,255,0.7);\r\n  line-height:1.6;\r\n  margin-bottom:25px;\r\n}\r\n\r\n\/* buttons *\/\r\n.hero-buttons{\r\n  display:flex;\r\n  gap:12px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.hero-primary{\r\n  background:linear-gradient(90deg,#ff7a18,#ffb347);\r\n  border:none;\r\n  padding:12px 18px;\r\n  color:white;\r\n  border-radius:10px;\r\n  cursor:pointer;\r\n}\r\n\r\n.hero-secondary{\r\n  background:transparent;\r\n  border:1px solid rgba(255,140,0,0.4);\r\n  padding:12px 18px;\r\n  color:#ffb35c;\r\n  border-radius:10px;\r\n  cursor:pointer;\r\n}\r\n\r\n.hero-secondary:hover{\r\n  background: linear-gradient(90deg,#ff7a18,#ffb347);\r\n  color: white;\r\n  border-color: transparent;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n\/* trust *\/\r\n.hero-trust{\r\n  display:flex;\r\n  gap:15px;\r\n  font-size:13px;\r\n  color:rgba(255,255,255,0.6);\r\n  flex-wrap:wrap;\r\n}\r\n\r\n\/* RIGHT VISUAL *\/\r\n.hero-visual{\r\n  position:relative;\r\n  width:450px;\r\n  height:350px;\r\n}\r\n\r\n\/* cards *\/\r\n.hero-card{\r\n  position:absolute;\r\n  width:170px;\r\n  background:rgba(255,255,255,0.06);\r\n  border:1px solid rgba(255,140,0,0.25);\r\n  border-radius:14px;\r\n  padding:14px;\r\n  backdrop-filter: blur(10px);\r\n  animation:float 6s ease-in-out infinite;\r\n}\r\n\r\n.hero-card h4{\r\n  font-size:14px;\r\n  margin-bottom:10px;\r\n  color:#ffb35c;\r\n}\r\n\r\n\/* bars *\/\r\n.line{\r\n  height:8px;\r\n  background:linear-gradient(90deg,#ff7a18,#ffb347);\r\n  border-radius:10px;\r\n  margin:6px 0;\r\n}\r\n\r\n.short{width:60%;}\r\n.mid{width:75%;}\r\n\r\n\/* positions *\/\r\n.c1{top:10px; left:20px;}\r\n.c2{top:120px; left:170px; animation-delay:1s;}\r\n.c3{top:60px; left:290px; animation-delay:2s;}\r\n.c4{top:200px; left:60px; animation-delay:1.5s;}\r\n.c5{top:240px; left:220px; animation-delay:2.5s;}\r\n\r\n\/* animation *\/\r\n@keyframes float{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-12px);}\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .hero{\r\n    padding:60px 20px;\r\n  }\r\n\r\n  .hero-container{\r\n    flex-direction:column;\r\n    text-align:center;\r\n  }\r\n\r\n  .hero-visual{\r\n    margin-top:40px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef78a21 e-flex e-con-boxed e-con e-parent\" data-id=\"ef78a21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f108598 elementor-widget elementor-widget-html\" data-id=\"f108598\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Tectah Payment UI<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n    overflow-x:hidden;\r\n    background:#f5f5fb;\r\n    font-family:'Inter',sans-serif;\r\n}\r\n\r\n.left-panel,\r\n.center-panel,\r\n.right-panel{\r\n    width:100%;\r\n    min-width:0;\r\n}\r\n\r\nbody > *{\r\n    max-width:100%;\r\n}\r\n\r\n\r\n\r\n\/* MAIN WRAPPER *\/\r\n\r\n.payment-wrapper{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    max-width:none;\r\n\r\n    margin:0;\r\n\r\n    min-height:100vh;\r\n\r\n    background:linear-gradient(180deg,#F8F7FD 0%, #F5F4FB 100%);\r\n\r\n    border:none;\r\n\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n\r\n   \r\n    grid-template-columns:30% 40% 30%;\r\n\r\n    box-shadow:\r\n    0 10px 35px rgba(58,52,120,.06),\r\n    inset 0 1px 0 rgba(255,255,255,.8);\r\n}\r\n\/* ================= LEFT PANEL ================= *\/\r\n\r\n.left-panel{\r\n    position:relative;\r\n    padding:42px 36px;\r\n    background:\r\n    radial-gradient(circle at 0% 100%, rgba(108,78,255,.18), transparent 45%),\r\n    linear-gradient(180deg,#F6F4FC 0%, #F2F0FA 100%);\r\n    overflow:hidden;\r\n}\r\n\r\n.left-panel:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-100px;\r\n    bottom:-60px;\r\n    width:480px;\r\n    height:480px;\r\n    background:\r\n    radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,255,255,.1) 60%, transparent 70%);\r\n}\r\n\r\n.left-panel:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-60px;\r\n    bottom:-40px;\r\n    width:520px;\r\n    height:320px;\r\n    background:\r\n    radial-gradient(circle at 20% 50%, rgba(255,255,255,.9) 0 2px, transparent 4px),\r\n    radial-gradient(circle at 35% 65%, rgba(255,255,255,.9) 0 2px, transparent 4px),\r\n    radial-gradient(circle at 60% 35%, rgba(255,255,255,.9) 0 2px, transparent 4px),\r\n    radial-gradient(circle at 80% 40%, rgba(255,255,255,.9) 0 2px, transparent 4px),\r\n    radial-gradient(circle at 70% 75%, rgba(255,255,255,.8) 0 2px, transparent 4px);\r\n}\r\n\r\n.left-title{\r\n    font-size:32px;\r\n    line-height:1.15;\r\n    font-weight:800;\r\n    color:#162042;\r\n    max-width:270px;\r\n    letter-spacing:-1px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.left-title span{\r\n    color:#5B3DF5;\r\n}\r\n\r\n.left-sub{\r\n    margin-top:18px;\r\n    font-size:15px;\r\n    line-height:1.7;\r\n    color:#626B87;\r\n    max-width:260px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.features{\r\n    margin-top:42px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.feature{\r\n    display:flex;\r\n    gap:16px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.feature-icon{\r\n    width:54px;\r\n    height:54px;\r\n    min-width:54px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(102,75,255,.14);\r\n    background:rgba(255,255,255,.65);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    box-shadow:0 8px 20px rgba(105,82,255,.08);\r\n}\r\n\r\n.feature-icon svg{\r\n    width:22px;\r\n    height:22px;\r\n    stroke:#5B3DF5;\r\n    stroke-width:1.8;\r\n}\r\n\r\n.feature h3{\r\n    font-size:18px;\r\n    color:#1D2645;\r\n    margin-bottom:6px;\r\n}\r\n\r\n.feature p{\r\n    font-size:14px;\r\n    line-height:1.6;\r\n    color:#697089;\r\n    max-width:240px;\r\n}\r\n\r\n.brand{\r\n    margin-top:54px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.brand-icon{\r\n    width:56px;\r\n    height:56px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    box-shadow:0 10px 24px rgba(85,67,188,.08);\r\n}\r\n\r\n.brand-icon svg{\r\n    width:24px;\r\n    height:24px;\r\n    stroke:#5B3DF5;\r\n    stroke-width:1.8;\r\n}\r\n\r\n.brand h4{\r\n    font-size:20px;\r\n    color:#1B2343;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.brand p{\r\n    font-size:14px;\r\n    color:#697089;\r\n}\r\n\r\n\/* ================= CENTER PANEL ================= *\/\r\n\r\n.center-panel{\r\n    background:#fff;\r\n    position:relative;\r\n}\r\n\r\n.top-purple{\r\n    height:170px;\r\n    background:linear-gradient(135deg,#4E36F1 0%, #643EFF 55%, #5B2BFF 100%);\r\n    position:relative;\r\n}\r\n\r\n.steps{\r\n    position:absolute;\r\n    top:26px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:78%;\r\n    display:flex;\r\n    justify-content:space-between;\r\n}\r\n\r\n.steps:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:16px;\r\n    left:60px;\r\n    right:60px;\r\n    border-top:2px dashed rgba(255,255,255,.35);\r\n}\r\n\r\n.step{\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center;\r\n}\r\n\r\n.step-circle{\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.18);\r\n    border:1px solid rgba(255,255,255,.25);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:#fff;\r\n    font-size:13px;\r\n    margin:auto;\r\n}\r\n\r\n.step.active .step-circle{\r\n    background:#fff;\r\n    color:#5B3DF5;\r\n}\r\n\r\n.step p{\r\n    margin-top:12px;\r\n    font-size:12px;\r\n    color:#fff;\r\n    font-weight:500;\r\n}\r\n\r\n.payment-card{\r\n    width:92%;\r\n    margin:-70px auto 0;\r\n    background:#fff;\r\n    border-radius:20px;\r\n    padding:28px;\r\n    border:1px solid #ECECF5;\r\n    box-shadow:\r\n    0 20px 40px rgba(38,33,84,.08),\r\n    0 2px 6px rgba(38,33,84,.04);\r\n    position:relative;\r\n    z-index:5;\r\n}\r\n\r\n.payment-header{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    margin-bottom:26px;\r\n}\r\n\r\n.payment-header h2{\r\n    font-size:22px;\r\n    color:#1A2140;\r\n}\r\n\r\n.secure-badge{\r\n    padding:10px 14px;\r\n    border-radius:999px;\r\n    border:1px solid #ECEAFF;\r\n    background:#FBFAFF;\r\n    font-size:13px;\r\n    color:#697089;\r\n    font-weight:500;\r\n}\r\n\r\n.secure-badge span{\r\n    color:#5B3DF5;\r\n    font-weight:700;\r\n}\r\n\r\n.payment-label{\r\n    font-size:15px;\r\n    font-weight:600;\r\n    color:#1A2140;\r\n    margin-bottom:16px;\r\n}\r\n\r\n.method-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:12px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.method{\r\n    height:82px;\r\n    border:1px solid #ECECF5;\r\n    border-radius:14px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    font-size:14px;\r\n    font-weight:500;\r\n    color:#1E2747;\r\n}\r\n\r\n.method.active{\r\n    border:2px solid #5B3DF5;\r\n    background:#FCFBFF;\r\n    color:#5B3DF5;\r\n    box-shadow:0 8px 18px rgba(91,61,245,.08);\r\n}\r\n\r\n.input-title{\r\n    font-size:16px;\r\n    font-weight:600;\r\n    color:#1A2140;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.field{\r\n    margin-bottom:16px;\r\n}\r\n\r\n.field label{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    font-size:13px;\r\n    font-weight:500;\r\n    color:#28304F;\r\n}\r\n\r\n.input{\r\n    height:54px;\r\n    border:1px solid #E8EAF5;\r\n    border-radius:12px;\r\n    padding:0 16px;\r\n    display:flex;\r\n    align-items:center;\r\n    font-size:15px;\r\n    color:#8A91A7;\r\n    background:#fff;\r\n}\r\n\r\n.input svg{\r\n    width:18px;\r\n    height:18px;\r\n    margin-right:10px;\r\n    stroke:#7B829A;\r\n    stroke-width:1.8;\r\n}\r\n\r\n.card-right{\r\n    margin-left:auto;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n}\r\n\r\n.card-right img{\r\n    height:18px;\r\n}\r\n\r\n.row{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:16px;\r\n}\r\n\r\n.security-box{\r\n    margin-top:22px;\r\n    border:1px solid #ECECF5;\r\n    background:#FCFBFF;\r\n    border-radius:16px;\r\n    padding:18px;\r\n    display:flex;\r\n    gap:14px;\r\n}\r\n\r\n.security-box svg{\r\n    width:26px;\r\n    height:26px;\r\n    min-width:26px;\r\n    stroke:#5B3DF5;\r\n    stroke-width:1.8;\r\n}\r\n\r\n.security-box h4{\r\n    font-size:16px;\r\n    color:#5B3DF5;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.security-box p{\r\n    font-size:13px;\r\n    color:#6E758D;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* ================= RIGHT PANEL ================= *\/\r\n\r\n.right-panel{\r\n    background:#F8F7FC;\r\n    padding:28px;\r\n}\r\n\r\n.amount-card{\r\n    height:140px;\r\n    border-radius:22px;\r\n    padding:24px;\r\n    color:#fff;\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:linear-gradient(135deg,#141A73 0%, #241A86 45%, #3815A6 100%);\r\n    box-shadow:0 14px 35px rgba(28,24,103,.2);\r\n}\r\n\r\n.amount-card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-70px;\r\n    top:-20px;\r\n    width:380px;\r\n    height:220px;\r\n    background:\r\n    repeating-radial-gradient(circle at center,\r\n    rgba(255,255,255,.08) 0 2px,\r\n    transparent 2px 16px);\r\n}\r\n\r\n.amount-label{\r\n    font-size:14px;\r\n}\r\n\r\n.amount{\r\n    margin-top:18px;\r\n    font-size:42px;\r\n    font-weight:800;\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.amount span{\r\n    font-size:18px;\r\n    font-weight:500;\r\n}\r\n\r\n.side-card{\r\n    margin-top:20px;\r\n    background:#fff;\r\n    border:1px solid #ECECF5;\r\n    border-radius:20px;\r\n    padding:24px;\r\n    box-shadow:0 10px 28px rgba(34,27,86,.04);\r\n}\r\n\r\n.side-card h3{\r\n    font-size:18px;\r\n    color:#1A2140;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.info-row{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:12px 0;\r\n}\r\n\r\n.info-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:14px;\r\n    color:#697089;\r\n}\r\n\r\n.info-right{\r\n    font-size:14px;\r\n    color:#1A2140;\r\n    font-weight:500;\r\n}\r\n\r\n.purple{\r\n    color:#5B3DF5;\r\n}\r\n\r\n.progress-wrap{\r\n    position:relative;\r\n    margin-top:26px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n}\r\n\r\n.progress-wrap:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:17px;\r\n    left:50px;\r\n    right:50px;\r\n    height:3px;\r\n    background:#E8EAF5;\r\n}\r\n\r\n.progress-wrap:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:17px;\r\n    left:50px;\r\n    width:42%;\r\n    height:3px;\r\n    background:#5B3DF5;\r\n}\r\n\r\n.v-step{\r\n    position:relative;\r\n    z-index:2;\r\n    width:90px;\r\n    text-align:center;\r\n}\r\n\r\n.v-circle{\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:50%;\r\n    margin:auto;\r\n    border:2px solid #D7DCF2;\r\n    background:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:13px;\r\n}\r\n\r\n.v-step.done .v-circle{\r\n    border-color:#5B3DF5;\r\n    color:#5B3DF5;\r\n}\r\n\r\n.v-step.active .v-circle{\r\n    background:#5B3DF5;\r\n    border-color:#5B3DF5;\r\n    color:#fff;\r\n    box-shadow:0 0 0 7px rgba(91,61,245,.15);\r\n}\r\n\r\n.v-step h4{\r\n    margin-top:10px;\r\n    font-size:13px;\r\n    color:#1A2140;\r\n}\r\n\r\n.v-step p{\r\n    margin-top:4px;\r\n    font-size:11px;\r\n    color:#7A8096;\r\n}\r\n\r\n.help-card{\r\n    margin-top:20px;\r\n    background:#fff;\r\n    border:1px solid #ECECF5;\r\n    border-radius:18px;\r\n    padding:20px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n}\r\n\r\n.help-card h4{\r\n    font-size:18px;\r\n    margin-bottom:6px;\r\n    color:#1A2140;\r\n}\r\n\r\n.help-card p{\r\n    font-size:13px;\r\n    color:#707790;\r\n}\r\n\r\n.help-icon{\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:#5B3DF5;\r\n    font-size:18px;\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n    .payment-wrapper{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .left-panel,\r\n    .center-panel,\r\n    .right-panel{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .payment-wrapper{\r\n        border-radius:0;\r\n    }\r\n\r\n    .left-panel,\r\n    .right-panel{\r\n        padding:20px;\r\n    }\r\n\r\n    .payment-card{\r\n        width:calc(100% - 30px);\r\n        margin:-70px auto 0;\r\n        padding:22px;\r\n    }\r\n\r\n    .method-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .row{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .payment-header{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n        gap:14px;\r\n    }\r\n\r\n    .steps{\r\n        width:92%;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"payment-wrapper\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"left-panel\">\r\n\r\n        <h1 class=\"left-title\">\r\n            Powering\r\n            <span>EPOS & payment solutions<\/span>\r\n            for your businesses\r\n        <\/h1>\r\n\r\n        <p class=\"left-sub\">\r\n            Reliable EPOS systems, card machines, and payment solutions for modern businesses.\r\n        <\/p>\r\n\r\n        <div class=\"features\">\r\n\r\n            <div class=\"feature\">\r\n\r\n                <div class=\"feature-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>Secure Systems<\/h3>\r\n<p>Built with industry-compliant standards for business operations.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"feature\">\r\n\r\n                <div class=\"feature-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>Fast Transactions<\/h3>\r\n<p>Reliable and efficient processing for daily business use.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"feature\">\r\n\r\n                <div class=\"feature-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n                        <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div>\r\n                   <h3>Business Ready<\/h3>\r\n<p>Solutions designed for retail, hospitality, and service industries.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"brand\">\r\n\r\n            <div class=\"brand-icon\">\r\n                <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/>\r\n                    <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n                <h4>Tectah<\/h4>\r\n                <p>Trusted by businesses across the UK for EPOS and payment solutions.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CENTER -->\r\n    <div class=\"center-panel\">\r\n\r\n        <div class=\"top-purple\">\r\n\r\n            <div class=\"steps\">\r\n\r\n                <div class=\"step active\">\r\n                    <div class=\"step-circle\">\ud83d\udcb3<\/div>\r\n                    <p>Payment Details<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step\">\r\n                    <div class=\"step-circle\">\u2713<\/div>\r\n                    <p>Verify Payment<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step\">\r\n                    <div class=\"step-circle\">\ud83d\udd12<\/div>\r\n                    <p>Payment Complete<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"payment-card\">\r\n\r\n            <div class=\"payment-header\">\r\n\r\n               <h2>Request your EPOS solution<\/h2>\r\n\r\n                <div class=\"secure-badge\">\r\n                    \ud83c\udfe2 Powered by <span>Tectah<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"payment-label\">Choose service type<\/div>\r\n\r\n            <div class=\"method-grid\">\r\n\r\n                <div class=\"method active\">\r\n                    \ud83d\udcb3\r\n                    <div>EPOS System<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"method\">\r\n                    \ud83c\udfe6\r\n                    <div>Card Machines<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"method\">\r\n                    \ud83d\udc5b\r\n                    <div>Online Payments<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"method\">\r\n                    \u20bf\r\n                    <div>Business Setup<\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"input-title\">Enter business details<\/div>\r\n\r\n            <div class=\"field\">\r\n\r\n                <label>Business name<\/label>\r\n\r\n                <div class=\"input\">\r\n\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                        <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n                        <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\r\n                    <\/svg>\r\n\r\n                   Retail \/ Restaurant \/ Service Business\r\n\r\n                    <div class=\"card-right\">\r\n                        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/41\/Visa_Logo.png\">\r\n                        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Mastercard-logo.png\">\r\n                        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/30\/American_Express_logo.svg\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"row\">\r\n\r\n                <div class=\"field\">\r\n                    <label>Business type<\/label>\r\n\r\n                    <div class=\"input\">\r\n                        \ud83c\udfea Retail \/ Food \/ Services\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"field\">\r\n                    <label>Estimated monthly transactions<\/label>\r\n\r\n                    <div class=\"input\">\r\n                       1000 - 5000+\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n\r\n                <label>Contact person name<\/label>\r\n\r\n                <div class=\"input\">\r\n                    \ud83d\udc64 Business Owner Name\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"security-box\">\r\n\r\n                <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h4>Your business data is secure<\/h4>\r\n\r\n                    <p>\r\n                        We follow strict compliance and security standards for all business data.\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    <!-- RIGHT -->\r\n    <div class=\"right-panel\">\r\n\r\n        <div class=\"amount-card\">\r\n\r\n            <div class=\"amount-label\">Estimated Setup Cost<\/div>\r\n\r\n            <div class=\"amount\">\r\n                \u00a389.00 <span>GBP<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"side-card\">\r\n\r\n            <h3>EPOS Setup Overview<\/h3>\r\n\r\n            <div class=\"info-row\">\r\n                <div class=\"info-left\"> \ud83c\udd94 Application ID<\/div>\r\n                <div class=\"info-right\">TXH-78392-9F2<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-row\">\r\n                <div class=\"info-left\">\ud83c\udfe2 Business Name<\/div>\r\n                <div class=\"info-right\">TECH24<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-row\">\r\n                <div class=\"info-left\">\ud83d\udcc5 Date & Time<\/div>\r\n                <div class=\"info-right\">May 8, 2025, 10:30 AM<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-row\">\r\n                <div class=\"info-left\">\ud83d\udccc Application Status<\/div>\r\n                <div class=\"info-right purple\">Under Review<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"side-card\">\r\n\r\n            <h3>EPOS setup in progress<\/h3>\r\n\r\n            <p style=\"font-size:13px;color:#6E758D;\">\r\n                Our team is reviewing your business requirements.\r\n            <\/p>\r\n\r\n            <div class=\"progress-wrap\">\r\n\r\n                <div class=\"v-step done\">\r\n\r\n                    <div class=\"v-circle\">\u2713<\/div>\r\n\r\n                    <h4>\u2705 Request Submitted<\/h4>\r\n\r\n                    <p>Completed<\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"v-step active\">\r\n\r\n                    <div class=\"v-circle\">\u25cf<\/div>\r\n\r\n                    <h4>\u2705 Reviewing Requirements<\/h4>\r\n\r\n                    <p class=\"purple\">In Progress<\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"v-step\">\r\n\r\n                    <div class=\"v-circle\">\u25c7<\/div>\r\n\r\n                    <h4>\u2705 Setup & Activation<\/h4>\r\n\r\n                    <p>Pending<\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"help-card\">\r\n\r\n            <div>\r\n                <h4>Need EPOS consultation?<\/h4>\r\n\r\n                <p>\r\n                    Our EPOS specialists are available 24\/7 to support your business setup.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"help-icon\">\r\n                \ud83d\udcac\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-052f5c0 e-flex e-con-boxed e-con e-parent\" data-id=\"052f5c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d4633f elementor-widget elementor-widget-html\" data-id=\"5d4633f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n    width:100%;\r\n    overflow-x:hidden;\r\n}\r\n\r\n\r\n\r\nbody{\r\n    background:#f5f5f5;\r\n    font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* FULL WIDTH SECTION *\/\r\n\r\n.tectah-epos-section{\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n\/* MAIN GRID *\/\r\n\r\n.tectah-main-wrapper{\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n\r\n    margin:0;\r\n    padding:20px;\r\n\r\n    display:grid;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:20px;\r\n\r\n    \/* LEFT | EXTRA LARGE MIDDLE | RIGHT *\/\r\n\r\n    grid-template-columns:\r\n    320px\r\n    minmax(1500px,1fr)\r\n    360px;\r\n\r\n}\r\n\r\n\/* LEFT PANEL *\/\r\n\r\n.tectah-left-panel{\r\n    width:100%;\r\n\r\n    background:#fff;\r\n    border-radius:28px;\r\n    border:1px solid #ececec;\r\n\r\n    padding:24px;\r\n}\r\n\r\n.tectah-title-row{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.tectah-top-icon{\r\n    width:36px;\r\n    height:36px;\r\n    border-radius:10px;\r\n    background:#fff1e6;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.tectah-top-svg{\r\n    width:18px;\r\n    height:18px;\r\n}\r\n\r\n.tectah-title{\r\n    font-size:24px;\r\n    font-weight:700;\r\n    color:#111;\r\n}\r\n\r\n.tectah-subtitle{\r\n    font-size:12px;\r\n    line-height:1.7;\r\n    color:#8b8b8b;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.tectah-label{\r\n    font-size:12px;\r\n    font-weight:600;\r\n    margin-bottom:8px;\r\n    color:#111;\r\n}\r\n\r\n.tectah-input{\r\n    width:100%;\r\n    height:50px;\r\n\r\n    border:1px solid #ececec;\r\n    border-radius:14px;\r\n\r\n    padding:0 14px;\r\n\r\n    font-size:13px;\r\n    outline:none;\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n.tectah-quick-pay{\r\n    display:flex;\r\n    gap:10px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.tectah-pay-btn{\r\n    flex:1;\r\n\r\n    height:46px;\r\n\r\n    border:none;\r\n    border-radius:12px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n\r\n    font-size:13px;\r\n    font-weight:600;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.tectah-green-btn{\r\n    background:#06c167;\r\n    color:#fff;\r\n}\r\n\r\n.tectah-black-btn{\r\n    background:#111;\r\n    color:#fff;\r\n}\r\n\r\n.tectah-link-icon,\r\n.tectah-apple-icon{\r\n    width:18px;\r\n}\r\n\r\n.tectah-or{\r\n    text-align:center;\r\n    position:relative;\r\n\r\n    margin:20px 0;\r\n\r\n    color:#999;\r\n    font-size:12px;\r\n}\r\n\r\n.tectah-or::before,\r\n.tectah-or::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    top:50%;\r\n\r\n    width:43%;\r\n    height:1px;\r\n\r\n    background:#ededed;\r\n}\r\n\r\n.tectah-or::before{\r\n    left:0;\r\n}\r\n\r\n.tectah-or::after{\r\n    right:0;\r\n}\r\n\r\n.tectah-payment-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:12px;\r\n}\r\n\r\n.tectah-payment-item{\r\n\r\n    border:1px solid #ececec;\r\n    border-radius:16px;\r\n\r\n    padding:16px;\r\n\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n}\r\n\r\n.tectah-payment-item.active{\r\n    border-color:#b7e3c7;\r\n    background:#f4fff7;\r\n}\r\n\r\n.tectah-payment-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n}\r\n\r\n.tectah-payment-icon{\r\n    width:40px;\r\n    height:40px;\r\n\r\n    border-radius:10px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    flex-shrink:0;\r\n}\r\n\r\n.tectah-payment-icon img{\r\n    width:22px;\r\n}\r\n\r\n.tectah-klarna{\r\n    background:#ffd8e6;\r\n}\r\n\r\n.tectah-card{\r\n    background:#eef3ff;\r\n}\r\n\r\n.tectah-invoice{\r\n    background:#eef5ff;\r\n}\r\n\r\n.tectah-payment-name{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:#111;\r\n}\r\n\r\n.tectah-payment-desc{\r\n    font-size:11px;\r\n    color:#8c8c8c;\r\n    margin-top:2px;\r\n}\r\n\r\n.tectah-radio{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    border:2px solid #d8d8d8;\r\n    border-radius:50%;\r\n\r\n    position:relative;\r\n}\r\n\r\n.tectah-payment-item.active .tectah-radio{\r\n    border-color:#06c167;\r\n}\r\n\r\n.tectah-payment-item.active .tectah-radio::after{\r\n    content:\"\";\r\n\r\n    width:8px;\r\n    height:8px;\r\n\r\n    border-radius:50%;\r\n    background:#06c167;\r\n\r\n    position:absolute;\r\n\r\n    top:50%;\r\n    left:50%;\r\n\r\n    transform:translate(-50%,-50%);\r\n}\r\n\r\n\/* MIDDLE PANEL *\/\r\n\r\n.tectah-middle-panel{\r\n\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:28px;\r\n    border:1px solid #ececec;\r\n\r\n    padding:30px;\r\n\r\n    min-height:780px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.tectah-device-wrapper{\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.tectah-device-wrapper img{\r\n    width:100%;\r\n    max-width:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n}\r\n\r\n\/* FEATURES *\/\r\n\r\n.tectah-bottom-features{\r\n\r\n    width:100%;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(5,1fr);\r\n\r\n    gap:16px;\r\n\r\n    margin-top:24px;\r\n}\r\n\r\n.tectah-feature{\r\n\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid #efefef;\r\n    border-radius:18px;\r\n\r\n    padding:22px 14px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.tectah-feature-icon{\r\n\r\n    width:46px;\r\n    height:46px;\r\n\r\n    border-radius:50%;\r\n    background:#fff2e3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin:auto;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.tectah-feature-icon img{\r\n    width:20px;\r\n}\r\n\r\n.tectah-feature-title{\r\n\r\n    font-size:14px;\r\n    font-weight:600;\r\n\r\n    color:#111;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n.tectah-feature-text{\r\n\r\n    font-size:11px;\r\n\r\n    color:#8d8d8d;\r\n\r\n    margin-top:6px;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\/* RIGHT PANEL *\/\r\n\r\n.elx-wrapper{\r\n\r\n    width:100%;\r\n    min-width:0;\r\n\r\n    background:linear-gradient(160deg,#fff8f0 0%,#ffe8cc 30%,#ffd0a0 60%,#ffb870 80%,#ff9a40 100%);\r\n\r\n    border-radius:28px;\r\n\r\n    border:1px solid rgba(240,160,80,0.2);\r\n\r\n    padding:28px;\r\n}\r\n\r\n.elx-grid{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:18px;\r\n}\r\n\r\n.elx-heading{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:#1a0a00;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.elx-plan-card,\r\n.elx-chart-card{\r\n\r\n    background:#fff;\r\n\r\n    border-radius:18px;\r\n\r\n    padding:18px;\r\n\r\n    box-shadow:0 2px 20px rgba(200,100,20,0.08);\r\n}\r\n\r\n.elx-plan-header{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.elx-plan-icon{\r\n\r\n    width:34px;\r\n    height:34px;\r\n\r\n    border-radius:50%;\r\n    background:#fff3e8;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.elx-plan-icon svg{\r\n    width:16px;\r\n    height:16px;\r\n\r\n    stroke:#d06020;\r\n    stroke-width:2;\r\n    fill:none;\r\n}\r\n\r\n.elx-plan-name{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:#1a0a00;\r\n}\r\n\r\n.elx-plan-sub{\r\n    font-size:11px;\r\n    color:#b08060;\r\n}\r\n\r\n.elx-tokens-label{\r\n    font-size:12px;\r\n    font-weight:600;\r\n    color:#1a0a00;\r\n}\r\n\r\n.elx-tokens-price{\r\n    font-size:11px;\r\n    color:#b08060;\r\n    margin:6px 0 14px;\r\n}\r\n\r\n.elx-meter{\r\n    width:100%;\r\n    height:8px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:linear-gradient(90deg,#ff6a00,#ee9a20,#ffc040,#ffe080);\r\n}\r\n\r\n.elx-chart-label{\r\n    font-size:11px;\r\n    color:#b08060;\r\n    margin-bottom:6px;\r\n}\r\n\r\n.elx-chart-number{\r\n    font-size:24px;\r\n    font-weight:700;\r\n    color:#1a0a00;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.elx-bars{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    gap:4px;\r\n    height:160px;\r\n}\r\n\r\n.elx-bar{\r\n    flex:1;\r\n\r\n    border-radius:4px 4px 0 0;\r\n\r\n    background:#ffc080;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:1900px){\r\n\r\n.tectah-main-wrapper{\r\n\r\n    grid-template-columns:\r\n    300px\r\n    minmax(1100px,1fr)\r\n    320px;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:1500px){\r\n\r\n.tectah-main-wrapper{\r\n\r\n    grid-template-columns:\r\n    280px\r\n    minmax(900px,1fr)\r\n    300px;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:1300px){\r\n\r\n.tectah-main-wrapper{\r\n    grid-template-columns:1fr;\r\n}\r\n\r\n.tectah-bottom-features{\r\n    grid-template-columns:repeat(3,1fr);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.tectah-main-wrapper{\r\n    padding:14px;\r\n}\r\n\r\n.tectah-quick-pay{\r\n    flex-direction:column;\r\n}\r\n\r\n.tectah-bottom-features{\r\n    grid-template-columns:repeat(2,1fr);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:560px){\r\n\r\n.tectah-bottom-features{\r\n    grid-template-columns:1fr;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"tectah-epos-section\">\r\n\r\n<div class=\"tectah-main-wrapper\">\r\n\r\n<!-- LEFT -->\r\n\r\n<div class=\"tectah-left-panel\">\r\n\r\n<div class=\"tectah-title-row\">\r\n\r\n<div class=\"tectah-top-icon\">\r\n<svg viewBox=\"0 0 24 24\" class=\"tectah-top-svg\">\r\n<image href=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/04\/payment-pos-2.png\" width=\"24\" height=\"24\"\/>\r\n<\/svg>\r\n<\/div>\r\n\r\n<div class=\"tectah-title\">\r\nComplete your EPOS payment\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-subtitle\">\r\nSecure, fast and reliable payments for your business.\r\n<\/div>\r\n\r\n<div class=\"tectah-label\">Email address<\/div>\r\n\r\n<input class=\"tectah-input\" type=\"email\" placeholder=\"user@gmail.com\">\r\n\r\n<div class=\"tectah-label\">Quick pay<\/div>\r\n\r\n<div class=\"tectah-quick-pay\">\r\n\r\n<button class=\"tectah-pay-btn tectah-green-btn\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/link.png\" class=\"tectah-link-icon\">\r\nPay with link\r\n<\/button>\r\n\r\n<button class=\"tectah-pay-btn tectah-black-btn\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/apple-logo.png\" class=\"tectah-apple-icon\">\r\nPay with Apple Pay\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-or\">or<\/div>\r\n\r\n<div class=\"tectah-payment-list\">\r\n\r\n<div class=\"tectah-payment-item active\">\r\n\r\n<div class=\"tectah-payment-left\">\r\n\r\n<div class=\"tectah-payment-icon tectah-klarna\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-24.png\">\r\n<\/div>\r\n\r\n<div>\r\n<div class=\"tectah-payment-name\">Klarna<\/div>\r\n<div class=\"tectah-payment-desc\">Pay now or later<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-radio\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-payment-item\">\r\n\r\n<div class=\"tectah-payment-left\">\r\n\r\n<div class=\"tectah-payment-icon tectah-card\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-25.png\">\r\n<\/div>\r\n\r\n<div>\r\n<div class=\"tectah-payment-name\">Card<\/div>\r\n<div class=\"tectah-payment-desc\">Visa, Mastercard<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-radio\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-payment-item\">\r\n\r\n<div class=\"tectah-payment-left\">\r\n\r\n<div class=\"tectah-payment-icon tectah-invoice\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-26.png\">\r\n<\/div>\r\n\r\n<div>\r\n<div class=\"tectah-payment-name\">Invoice<\/div>\r\n<div class=\"tectah-payment-desc\">Pay in 14 days<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-radio\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- MIDDLE -->\r\n\r\n<div class=\"tectah-middle-panel\">\r\n\r\n<div class=\"tectah-device-wrapper\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-28-161322.png\">\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-bottom-features\">\r\n\r\n<div class=\"tectah-feature\">\r\n\r\n<div class=\"tectah-feature-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-21.png\">\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-title\">\r\nSales management\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-text\">\r\nYour data is encrypted\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-feature\">\r\n\r\n<div class=\"tectah-feature-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-22.png\">\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-title\">\r\nStock and Supplier\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-text\">\r\nProcess payments instantly\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-feature\">\r\n\r\n<div class=\"tectah-feature-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-23.png\">\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-title\">\r\nMultisite management\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-text\">\r\nReal-time monitoring\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-feature\">\r\n\r\n<div class=\"tectah-feature-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-23.png\">\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-title\">\r\nAccount & Payroll\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-text\">\r\nBusiness automation\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"tectah-feature\">\r\n\r\n<div class=\"tectah-feature-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/tectah.com\/newsite\/wp-content\/uploads\/2026\/05\/image-removebg-preview-23.png\">\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-title\">\r\nAll-In-One\r\n<\/div>\r\n\r\n<div class=\"tectah-feature-text\">\r\nEverything in one dashboard\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- RIGHT -->\r\n\r\n<div class=\"elx-wrapper\">\r\n\r\n<div class=\"elx-grid\">\r\n\r\n<div>\r\n\r\n<div class=\"elx-heading\">\r\nEnable any billing model\r\n<\/div>\r\n\r\n<div class=\"elx-plan-card\">\r\n\r\n<div class=\"elx-plan-header\">\r\n\r\n<div class=\"elx-plan-icon\">\r\n\r\n<svg viewBox=\"0 0 16 16\">\r\n<circle cx=\"8\" cy=\"8\" r=\"6\"><\/circle>\r\n<circle cx=\"8\" cy=\"8\" r=\"2\"><\/circle>\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n<div>\r\n<div class=\"elx-plan-name\">Pro Plan<\/div>\r\n<div class=\"elx-plan-sub\">Billed monthly<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"elx-tokens-label\">\r\nTokens\r\n<\/div>\r\n\r\n<div class=\"elx-tokens-price\">\r\n\u00a30.01 per 1,000 units\r\n<\/div>\r\n\r\n<div class=\"elx-meter\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"elx-chart-card\">\r\n\r\n<div class=\"elx-chart-label\">\r\nTokens used in the last 30 days\r\n<\/div>\r\n\r\n<div class=\"elx-chart-number\">\r\n2,010,569,010\r\n<\/div>\r\n\r\n<div class=\"elx-bars\">\r\n\r\n<div class=\"elx-bar\" style=\"height:25px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:38px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:55px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:42px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:68px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:82px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:48px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:60px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:100px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:72px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:52px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:88px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:66px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:74px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:130px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:118px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:85px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:95px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:58px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:50px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:70px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:88px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:102px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:80px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:62px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:98px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:115px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:90px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:78px\"><\/div>\r\n<div class=\"elx-bar\" style=\"height:60px\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd9b7a5 e-flex e-con-boxed e-con e-parent\" data-id=\"cd9b7a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7aa236 elementor-widget elementor-widget-html\" data-id=\"a7aa236\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.elx-wrapper *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.elx-wrapper{\r\n  font-family:Inter,Arial,sans-serif;\r\n  width:100%;\r\n  background:linear-gradient(160deg,#fff8f0 0%,#ffe8cc 30%,#ffd0a0 60%,#ffb870 80%,#ff9a40 100%);\r\n  border-radius:22px;\r\n  border:1px solid rgba(240,160,80,0.2);\r\n  padding:32px 24px;\r\n  overflow:hidden;\r\n}\r\n\r\n.elx-grid{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:16px;\r\n}\r\n\r\n.elx-heading{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.elx-plan-card{\r\n  background:#fff;\r\n  border-radius:16px;\r\n  padding:18px;\r\n  box-shadow:0 2px 20px rgba(200,100,20,0.1);\r\n}\r\n\r\n.elx-plan-header{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.elx-plan-icon{\r\n  width:32px;\r\n  height:32px;\r\n  border-radius:50%;\r\n  background:#fff3e8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.elx-plan-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n  stroke:#d06020;\r\n  stroke-width:2;\r\n  fill:none;\r\n}\r\n\r\n.elx-plan-name{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n}\r\n\r\n.elx-plan-sub{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n}\r\n\r\n.elx-tokens-label{\r\n  font-size:12px;\r\n  font-weight:600;\r\n  color:#1a0a00;\r\n}\r\n\r\n.elx-tokens-price{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.elx-meter{\r\n  height:8px;\r\n  width:100%;\r\n  border-radius:999px;\r\n  background:linear-gradient(90deg,#ff6a00,#ee9a20,#ffc040,#ffe080);\r\n}\r\n\r\n.elx-chart-card{\r\n  background:#fff;\r\n  border-radius:16px;\r\n  padding:18px;\r\n  box-shadow:0 2px 20px rgba(200,100,20,0.1);\r\n}\r\n\r\n.elx-chart-label{\r\n  font-size:11.5px;\r\n  color:#b08060;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.elx-chart-number{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:#1a0a00;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.elx-bars{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  gap:3px;\r\n  height:140px;\r\n}\r\n\r\n.elx-bar{\r\n  flex:1;\r\n  border-radius:3px 3px 0 0;\r\n  background:#ffc080;\r\n  transition:0.3s;\r\n}\r\n\r\n.elx-chart-card:hover .elx-bar{\r\n  transform:scaleX(0.92);\r\n  background:#ffaa55;\r\n}\r\n\r\n.elx-chart-card:hover .elx-bar:hover{\r\n  background:#ff6a00;\r\n  transform:scaleY(1.12);\r\n}\r\n<\/style>\r\n\r\n<div class=\"elx-wrapper\">\r\n\r\n  <div class=\"elx-grid\">\r\n\r\n    <div>\r\n      <div class=\"elx-heading\">\r\n        Enable any billing model\r\n      <\/div>\r\n\r\n      <div class=\"elx-plan-card\">\r\n\r\n        <div class=\"elx-plan-header\">\r\n\r\n          <div class=\"elx-plan-icon\">\r\n            <svg viewBox=\"0 0 16 16\">\r\n              <circle cx=\"8\" cy=\"8\" r=\"6\"><\/circle>\r\n              <circle cx=\"8\" cy=\"8\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"elx-plan-name\">Pro Plan<\/div>\r\n            <div class=\"elx-plan-sub\">Billed monthly<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"elx-tokens-label\">Tokens<\/div>\r\n\r\n        <div class=\"elx-tokens-price\">\r\n          $0.01 per 1,000 units\r\n        <\/div>\r\n\r\n        <div class=\"elx-meter\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"elx-chart-card\">\r\n\r\n      <div class=\"elx-chart-label\">\r\n        Tokens used in the last 30 days\r\n      <\/div>\r\n\r\n      <div class=\"elx-chart-number\">\r\n        2,010,569,010\r\n      <\/div>\r\n\r\n      <div class=\"elx-bars\">\r\n\r\n        <div class=\"elx-bar\" style=\"height:25px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:38px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:55px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:42px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:68px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:82px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:48px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:60px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:100px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:72px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:52px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:88px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:66px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:74px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:130px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:118px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:85px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:95px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:58px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:50px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:70px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:88px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:102px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:80px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:62px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:98px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:115px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:90px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:78px\"><\/div>\r\n        <div class=\"elx-bar\" style=\"height:60px\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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>DIGITAL SOLUTIONS THAT DRIVE GROWTH Powering Smarter Businesses with Technology That Works Tectah builds scalable digital solutions for booking, payments, POS, and business automation\u2014helping companies streamline operations, enhance customer experience, and grow faster. Request a Demo Reliable payments &#038; EPOS systems businesses trust. \ud83d\udcf6 Tectah Pay \u00a384.50 Tap, insert or swipe your card Table service [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1172,"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":7263,"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/pages\/2\/revisions\/7263"}],"wp:attachment":[{"href":"https:\/\/tectah.com\/newsite\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}