{"id":7003,"date":"2026-09-21T12:21:13","date_gmt":"2026-09-21T12:21:13","guid":{"rendered":"https:\/\/extreemtek.com\/?page_id=7003"},"modified":"2026-10-23T05:49:01","modified_gmt":"2026-10-23T05:49:01","slug":"website-and-mobile-app-development","status":"publish","type":"page","link":"https:\/\/extreemtek.com\/nl\/website-and-mobile-app-development\/","title":{"rendered":"Website and Mobile App Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7003\" class=\"elementor elementor-7003\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15830d0 e-con-full e-flex e-con e-parent\" data-id=\"15830d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83fbc4c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"83fbc4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap');\n\n#sk-nav{\n  --sk-navy:#0a1a4d;\n  --sk-amber-lite:#F5B01A;\n  --sk-amber-deep:#D86605;\n  --sk-line:#e6e9f0;\n\n  position:relative;\n  z-index:900;\n  background:#fff;\n  border-bottom:1px solid var(--sk-line);\n  font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n#sk-nav *,#sk-nav *::before,#sk-nav *::after{box-sizing:border-box}\n\n#sk-nav .sk-n-bar{\n  display:flex;\n  align-items:center;\n  gap:1rem;\n  max-width:1300px;\n  margin:0 auto;\n  padding:.85rem 1.25rem;\n}\n\n\/* logo *\/\n#sk-nav .sk-n-logo{flex:none;display:inline-flex;align-items:center;line-height:0}\n#sk-nav .sk-n-logo img{\n  display:block;\n  width:auto;\n  height:46px;\n  max-width:none;\n}\n\n\/* desktop links *\/\n#sk-nav .sk-n-links{\n  display:flex;\n  align-items:center;\n  gap:clamp(1.2rem,3vw,2.4rem);\n  margin:0 auto;\n  padding:0;\n  list-style:none;\n}\n#sk-nav .sk-n-links li{margin:0;padding:0;list-style:none}\n#sk-nav .sk-n-links li::marker,#sk-nav .sk-n-links li::before{content:none}\n#sk-nav .sk-n-links a{\n  font-size:1.02rem;\n  font-weight:600;\n  letter-spacing:-.01em;\n  color:var(--sk-navy);\n  text-decoration:none;\n  transition:color .16s ease;\n}\n#sk-nav .sk-n-links a:hover{color:#1a56e8}\n\n\/* cta *\/\n#sk-nav .sk-n-cta{\n  flex:none;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:.78rem 1.4rem;\n  border:0;\n  border-radius:8px;\n  background:linear-gradient(180deg,var(--sk-amber-lite) 0%,var(--sk-amber-deep) 100%);\n  color:#fff;\n  font-family:inherit;\n  font-size:.95rem;\n  font-weight:700;\n  letter-spacing:-.01em;\n  text-decoration:none;\n  white-space:nowrap;\n  box-shadow:0 6px 18px rgba(216,102,5,.3);\n  transition:transform .18s ease,box-shadow .18s ease;\n}\n#sk-nav .sk-n-cta:hover{\n  transform:translateY(-1px);color:#fff;text-decoration:none;\n  box-shadow:0 10px 24px rgba(216,102,5,.4);\n}\n#sk-nav .sk-n-cta:focus-visible{outline:3px solid var(--sk-navy);outline-offset:3px}\n\n\/* hamburger \u2014 hidden on desktop *\/\n#sk-nav .sk-n-toggle{\n  display:none;\n  flex:none;\n  width:44px;height:44px;\n  padding:0;\n  border:1px solid var(--sk-line);\n  border-radius:10px;\n  background:#fff;\n  color:var(--sk-navy);\n  cursor:pointer;\n  align-items:center;\n  justify-content:center;\n  line-height:0;\n}\n#sk-nav .sk-n-toggle:focus-visible{outline:3px solid var(--sk-navy);outline-offset:2px}\n#sk-nav .sk-n-toggle svg{display:block;flex:none}\n#sk-nav .sk-n-toggle .sk-n-close{display:none}\n#sk-nav .sk-n-toggle[aria-expanded=\"true\"] .sk-n-open{display:none}\n#sk-nav .sk-n-toggle[aria-expanded=\"true\"] .sk-n-close{display:block}\n\n\/* ---------- MOBILE ---------- *\/\n@media (max-width:1024px){\n  #sk-nav .sk-n-bar{gap:.7rem;padding:.7rem 1rem}\n  #sk-nav .sk-n-logo img{height:38px}\n  #sk-nav .sk-n-toggle{display:inline-flex}\n\n  #sk-nav .sk-n-cta{\n    margin-left:auto;\n    padding:.66rem 1rem;\n    font-size:.86rem;\n  }\n\n  \/* links become the drop panel *\/\n  #sk-nav .sk-n-links{\n    position:absolute;\n    left:0;right:0;\n    top:100%;\n    display:grid;\n    gap:0;\n    margin:0;\n    padding:0 1rem .6rem;\n    background:#fff;\n    border-bottom:1px solid var(--sk-line);\n    box-shadow:0 14px 30px rgba(10,26,77,.10);\n    opacity:0;\n    visibility:hidden;\n    transform:translateY(-10px);\n    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;\n  }\n  #sk-nav .sk-n-links.is-open{\n    opacity:1;\n    visibility:visible;\n    transform:translateY(0);\n  }\n  #sk-nav .sk-n-links a{\n    display:block;\n    padding:.95rem .25rem;\n    font-size:1.05rem;\n    border-bottom:1px solid #f2f4f8;\n  }\n  #sk-nav .sk-n-links li:last-child a{border-bottom:0}\n}\n\n@media (max-width:420px){\n  #sk-nav .sk-n-logo img{height:32px}\n  #sk-nav .sk-n-cta{padding:.6rem .8rem;font-size:.8rem}\n  #sk-nav .sk-n-toggle{width:40px;height:40px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  #sk-nav *{transition:none !important}\n}\n<\/style>\n\n<header id=\"sk-nav\">\n  <nav class=\"sk-n-bar\" aria-label=\"Main\">\n\n    <a class=\"sk-n-logo\" href=\"https:\/\/extreemtek.com\/\">\n      <img decoding=\"async\" src=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/Frame.png\" alt=\"ExtreemTek \u2014 Engineering Ideas into Intelligent Reality\">\n    <\/a>\n\n    <ul class=\"sk-n-links\" id=\"skNavLinks\">\n      <li><a href=\"https:\/\/extreemtek.com\/\">Home<\/a><\/li>\n      <li><a href=\"https:\/\/extreemtek.com\/#services\">What We Do<\/a><\/li>\n      <li><a href=\"https:\/\/extreemtek.com\/#case-studies\">Case Studies<\/a><\/li>\n      <li><a href=\"https:\/\/extreemtek.com\/#how-we-work\">How We Work<\/a><\/li><li><a href=\"https:\/\/extreemtek.com\/contact-us\/\">Contact Us<\/a><\/li>\n    <\/ul>\n\n    <a class=\"sk-n-cta\" href=\"https:\/\/extreemtek.com\/contact-us\/\">Discuss Your Product<\/a>\n\n    <button class=\"sk-n-toggle\" id=\"skNavToggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"skNavLinks\" aria-label=\"Open menu\">\n      <svg class=\"sk-n-open\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M4 7h16M4 12h16M4 17h16\"><\/path><\/svg>\n      <svg class=\"sk-n-close\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg>\n    <\/button>\n\n  <\/nav>\n<\/header>\n\n<script>\n(function(){\n  var btn   = document.getElementById('skNavToggle');\n  var links = document.getElementById('skNavLinks');\n  if(!btn || !links) return;\n\n  function setOpen(open){\n    links.classList.toggle('is-open', open);\n    btn.setAttribute('aria-expanded', open);\n    btn.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n  }\n\n  btn.addEventListener('click', function(){\n    setOpen(btn.getAttribute('aria-expanded') !== 'true');\n  });\n\n  \/* close after tapping a link *\/\n  links.addEventListener('click', function(e){\n    if(e.target.closest('a')) setOpen(false);\n  });\n\n  \/* close on Escape, and on outside tap *\/\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape') setOpen(false);\n  });\n  document.addEventListener('click', function(e){\n    if(!e.target.closest('#sk-nav')) setOpen(false);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e14578 e-con-full e-flex e-con e-parent\" data-id=\"5e14578\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9abe3f6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9abe3f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== ExtreemTek Hero \u2014 paste into an Elementor HTML widget ===== -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"etk-hero\">\r\n  <div class=\"etk-hero__inner\">\r\n    <!-- LEFT \u2014 copy -->  \r\n    <div class=\"etk-hero__copy\">\r\n\r\n      <p class=\"etk-badge\">Services <span class=\"etk-badge__dot\">&bull;<\/span> Web &amp; Mobile Development<\/p>\r\n\r\n      <h1 class=\"etk-title\">\r\n        Idea to MVP\r\n        <span class=\"etk-title__accent\">Built to Scale<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"etk-actions\">\r\n        <a class=\"etk-btn etk-btn--orange\"\r\n           href=\"https:\/\/calendly.com\/aqeel-extreemtek\/30min\"\r\n           target=\"_blank\" rel=\"noopener\">\r\n          Schedule a Discovery Call\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n        <button class=\"etk-btn etk-btn--blue\" type=\"button\" data-etk-open>\r\n          Send Project Details\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <ul class=\"etk-features\">\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l1.8 4.7L18.5 9.5 13.8 11.3 12 16l-1.8-4.7L5.5 9.5l4.7-1.8L12 3z\"\/><path d=\"M18.5 15.5l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8.8-2z\"\/><\/svg>\r\n          <span>AI integration<\/span>\r\n        <\/li>\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4.5\" width=\"18\" height=\"12\" rx=\"1.6\"\/><path d=\"M2 19.5h20\"\/><\/svg>\r\n          <span>Website development<\/span>\r\n        <\/li>\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"7.5\" y=\"2.5\" width=\"9\" height=\"19\" rx=\"2\"\/><path d=\"M11 18.6h2\"\/><\/svg>\r\n          <span>Mobile development<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2014 floating video -->\r\n    <div class=\"etk-hero__media\">\r\n      <div class=\"etk-stage\">\r\n        <div class=\"etk-cluster\">\r\n          <div class=\"etk-frame\" id=\"etkFrame\">\r\n            <span class=\"etk-edge etk-edge--l\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"etk-edge etk-edge--r\" aria-hidden=\"true\"><\/span>\r\n            <video class=\"etk-main\" id=\"etkMainVideo\"\r\n              src=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/extreemtek_promo_1.mp4\"\r\n              autoplay muted loop playsinline preload=\"metadata\"\r\n              aria-label=\"ExtreemTek promo video\"><\/video>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"etk-stage__shadow\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== MODAL ===== -->\r\n<div class=\"etk-modal\" id=\"etkModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"etkModalTitle\" hidden>\r\n  <div class=\"etk-modal__backdrop\" data-etk-close><\/div>\r\n\r\n  <div class=\"etk-modal__panel\" role=\"document\">\r\n    <button class=\"etk-modal__x\" type=\"button\" data-etk-close aria-label=\"Close\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\r\n    <\/button>\r\n\r\n    <span class=\"etk-modal__mark\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21.5 2.5L2.8 9.4c-.8.3-.8 1.4 0 1.7l7.2 2.9 2.9 7.2c.3.8 1.4.8 1.7 0L21.5 2.5z\"\/><path d=\"M21.5 2.5L10 14\"\/><\/svg>\r\n    <\/span>\r\n\r\n    <h2 class=\"etk-modal__title\" id=\"etkModalTitle\">Let's Explore <span>Your Product Idea!<\/span><\/h2>\r\n    <p class=\"etk-modal__sub\">Tell us what you're building. Our engineering team will help you define the next step.<\/p>\r\n\r\n    <form class=\"etk-form\" id=\"etkForm\" novalidate>\r\n      <input type=\"hidden\" name=\"access_key\" value=\"d16be941-4049-42a1-aac1-c0025927fe85\">\r\n      <input type=\"hidden\" name=\"subject\" value=\"New project enquiry \u2014 ExtreemTek website\">\r\n      <input type=\"hidden\" name=\"from_name\" value=\"ExtreemTek Website\">\r\n      <input type=\"checkbox\" name=\"botcheck\" class=\"etk-form__hp\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n      <div class=\"etk-field\">\r\n        <svg class=\"etk-field__ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.6\"\/><path d=\"M4.8 20c.6-3.6 3.6-5.6 7.2-5.6s6.6 2 7.2 5.6\"\/><\/svg>\r\n        <input type=\"text\" name=\"name\" placeholder=\"Your Name*\" required autocomplete=\"name\">\r\n      <\/div>\r\n\r\n      <div class=\"etk-field\">\r\n        <svg class=\"etk-field__ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2.8\" y=\"5\" width=\"18.4\" height=\"14\" rx=\"2.4\"\/><path d=\"M3.4 6.6L12 12.6l8.6-6\"\/><\/svg>\r\n        <input type=\"email\" name=\"email\" placeholder=\"Work Email*\" required autocomplete=\"email\">\r\n      <\/div>\r\n\r\n      <!-- phone: digits and phone punctuation only -->\r\n      <div class=\"etk-field\">\r\n        <svg class=\"etk-field__ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.3 3.5h3.1l1.6 4-2 1.2a10.5 10.5 0 004.8 4.8l1.2-2 4 1.6v3.1a1.8 1.8 0 01-2 1.8A15.6 15.6 0 014.5 5.5a1.8 1.8 0 011.8-2z\"\/><\/svg>\r\n        <input type=\"tel\" id=\"etkPhone\" name=\"phone\"\r\n               placeholder=\"Phone Number*\"\r\n               required\r\n               inputmode=\"tel\"\r\n               autocomplete=\"tel\"\r\n               maxlength=\"20\"\r\n               pattern=\"[0-9+()\\-\\s]{7,20}\"\r\n               title=\"Digits only \u2014 you may also use + ( ) - and spaces\">\r\n        <small class=\"etk-hint\">Digits only. You may use +, (), - and spaces.<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"etk-field etk-field--select\">\r\n        <svg class=\"etk-field__ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.8l8.4 4.6v9.2L12 21.2l-8.4-4.6V7.4L12 2.8z\"\/><path d=\"M3.8 7.4L12 12l8.2-4.6M12 12v9.2\"\/><\/svg>\r\n        <select name=\"project_type\" required>\r\n          <option value=\"\" disabled selected>What do you want to build?*<\/option>\r\n          <option>Website \/ Web platform<\/option>\r\n          <option>Mobile app (iOS &amp; Android)<\/option>\r\n          <option>E-commerce store<\/option>\r\n          <option>AI integration<\/option>\r\n          <option>MVP from scratch<\/option>\r\n          <option>Something else<\/option>\r\n        <\/select>\r\n        <svg class=\"etk-field__caret\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 9.5l6 6 6-6\"\/><\/svg>\r\n      <\/div>\r\n\r\n      <!-- optional short summary -->\r\n      <div class=\"etk-field etk-field--area\">\r\n        <svg class=\"etk-field__ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4.5 5.5h15M4.5 10h15M4.5 14.5h10\"\/><\/svg>\r\n        <textarea name=\"project_brief\"\r\n                  placeholder=\"Briefly, what are you building? (optional)\"\r\n                  aria-label=\"Short summary of your project or idea\"\r\n                  maxlength=\"600\" rows=\"3\"><\/textarea>\r\n        <small class=\"etk-hint\">A sentence or two is plenty \u2014 we'll ask the rest on the call.<\/small>\r\n      <\/div>\r\n\r\n      <button class=\"etk-submit\" type=\"submit\">\r\n        <span class=\"etk-submit__label\">Let's Discuss Your Idea<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <p class=\"etk-note\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4.6\" y=\"10.4\" width=\"14.8\" height=\"9.6\" rx=\"2.2\"\/><path d=\"M8.2 10.4V7.6a3.8 3.8 0 017.6 0v2.8\"\/><\/svg>\r\n        No obligation. We'll get back to you within 1\u20132 business days.\r\n      <\/p>\r\n\r\n      <p class=\"etk-status\" id=\"etkStatus\" role=\"status\" aria-live=\"polite\"><\/p>\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ---- scoped to .etk-hero so the theme can't bleed in ---- *\/\r\n.etk-hero{\r\n  --navy:#0A1E3F;\r\n  --navy-2:#0D2751;\r\n  --orange:#F9A21B;\r\n  --blue:#1877F2;\r\n  --ink:#FFFFFF;\r\n  --line:rgba(255,255,255,.16);\r\n\r\n  position:relative;\r\n  background:var(--navy);\r\n  background-image:radial-gradient(900px 520px at 76% 40%, var(--navy-2) 0%, var(--navy) 62%);\r\n  padding:80px 24px;\r\n  font-family:\"Poppins\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  overflow:hidden;\r\n}\r\n.etk-hero *,.etk-hero *::before,.etk-hero *::after{box-sizing:border-box;}\r\n\r\n.etk-hero__inner{\r\n  max-width:1280px;margin:0 auto;\r\n  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n  gap:48px;align-items:center;\r\n}\r\n\r\n\/* badge *\/\r\n.etk-badge{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  margin:0 0 30px;padding:11px 24px;\r\n  border:1px solid rgba(255,255,255,.35);border-radius:999px;\r\n  color:var(--ink);font-size:14px;font-weight:600;\r\n  letter-spacing:.06em;text-transform:uppercase;line-height:1;\r\n}\r\n.etk-badge__dot{color:#4C8DF6;font-size:16px;line-height:1;}\r\n\r\n\/* headline *\/\r\n.etk-title{\r\n  margin:0 0 34px;color:var(--ink);\r\n  font-size:clamp(38px,4.8vw,68px);font-weight:800;\r\n  line-height:1.04;letter-spacing:-.02em;\r\n}\r\n.etk-title__accent{display:block;color:var(--orange);}\r\n\r\n\/* buttons *\/\r\n.etk-actions{display:flex;flex-wrap:wrap;gap:20px;}\r\n.etk-hero .etk-btn{\r\n  display:inline-flex;align-items:center;gap:12px;\r\n  padding:17px 28px;border:0;border-radius:6px;\r\n  color:#fff !important;font-family:inherit;font-size:17px;font-weight:600;line-height:1;\r\n  text-decoration:none;cursor:pointer;\r\n  -webkit-appearance:none;appearance:none;\r\n  transition:transform .18s ease,filter .18s ease;\r\n}\r\n.etk-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\r\n.etk-hero .etk-btn--orange{background:var(--orange) !important;}\r\n.etk-hero .etk-btn--blue{background:var(--blue) !important;}\r\n.etk-btn:hover{filter:brightness(1.07);transform:translateY(-2px);}\r\n.etk-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;}\r\n\r\n\/* feature row \u2014 single line *\/\r\n.etk-features{\r\n  display:flex;flex-wrap:nowrap;align-items:center;\r\n  gap:clamp(14px,2vw,34px);\r\n  margin:46px 0 0;padding:30px 0 0;\r\n  list-style:none;border-top:1px solid var(--line);\r\n}\r\n.etk-features li{\r\n  display:flex;align-items:center;gap:9px;flex:none;\r\n  color:var(--ink);font-size:clamp(12.5px,1.05vw,16px);font-weight:500;white-space:nowrap;\r\n}\r\n.etk-features svg{\r\n  width:clamp(17px,1.4vw,23px);height:clamp(17px,1.4vw,23px);flex:none;color:var(--orange);\r\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n\/* ---- floating video (uncropped, seamless colour-matched sides) ---- *\/\r\n.etk-hero__media{position:relative;display:flex;justify-content:center;}\r\n\r\n.etk-stage{\r\n  position:relative;\r\n  width:100%;max-width:520px;    \/* controls the frame size *\/\r\n  padding:24px 22px 74px;        \/* room for the tilt + ground shadow *\/\r\n  perspective:1500px;\r\n}\r\n\r\n\/* the pose \u2014 edit this line only *\/\r\n.etk-cluster{\r\n  --tilt:rotateX(6deg) rotateY(-12deg) rotateZ(3deg);\r\n  position:relative;\r\n  transform:var(--tilt);\r\n  animation:etk-float 7s ease-in-out infinite;\r\n}\r\n\r\n.etk-frame{\r\n  \/* live-sampled vertical gradients; these are only the fallbacks *\/\r\n  --grad-l:linear-gradient(to bottom,#0b1d3a,#0b1d3a);\r\n  --grad-r:linear-gradient(to bottom,#0b1d3a,#0b1d3a);\r\n\r\n  position:relative;\r\n  width:100%;aspect-ratio:10\/11;   \/* a little taller (was 1\/1) *\/\r\n  border-radius:16px;overflow:hidden;\r\n  background:#06162e;\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.10),\r\n    26px 40px 62px rgba(0,0,0,.5);\r\n}\r\n\r\n\/* side panels sit BEHIND the video and run the full height *\/\r\n.etk-edge{position:absolute;top:0;bottom:0;z-index:1;}\r\n.etk-edge--l{left:0;right:50%;background-image:var(--grad-l);}\r\n.etk-edge--r{left:50%;right:0;background-image:var(--grad-r);}\r\n\r\n\/* the video \u2014 taller box shows more of the frame, so the logo stays in *\/\r\n.etk-main{\r\n  position:absolute;top:0;left:50%;z-index:2;\r\n  transform:translateX(-50%);\r\n  display:block;height:100%;width:auto;max-width:none;\r\n  aspect-ratio:9\/25;             \/* was 9\/23 \u2014 raise the second number to crop less *\/\r\n  object-fit:cover;\r\n\r\n  -webkit-mask-image:linear-gradient(to right,\r\n    rgba(0,0,0,0) 0%, rgba(0,0,0,1) 11%, rgba(0,0,0,1) 89%, rgba(0,0,0,0) 100%);\r\n          mask-image:linear-gradient(to right,\r\n    rgba(0,0,0,0) 0%, rgba(0,0,0,1) 11%, rgba(0,0,0,1) 89%, rgba(0,0,0,0) 100%);\r\n}\r\n\r\n\/* soft round shadow pooled below the frame *\/\r\n.etk-stage__shadow{\r\n  position:absolute;left:50%;bottom:16px;\r\n  width:70%;height:30px;border-radius:50%;\r\n  background:radial-gradient(ellipse at center, rgba(0,0,0,.55) 0%, rgba(0,0,0,.26) 45%, rgba(0,0,0,0) 74%);\r\n  filter:blur(16px);\r\n  transform:translateX(-50%) rotate(3deg);\r\n  animation:etk-float-shadow 7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes etk-float{\r\n  0%,100%{transform:translateY(0) var(--tilt);}\r\n  50%{transform:translateY(-16px) var(--tilt);}\r\n}\r\n@keyframes etk-float-shadow{\r\n  0%,100%{transform:translateX(-50%) rotate(3deg) scale(1);opacity:.9;}\r\n  50%{transform:translateX(-50%) rotate(3deg) scale(.8);opacity:.5;}\r\n}\r\n\r\n\/* ===== MODAL ===== *\/\r\n.etk-modal{\r\n  position:fixed;inset:0;z-index:99999;\r\n  display:flex;align-items:center;justify-content:center;\r\n  padding:20px;\r\n  font-family:\"Poppins\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.etk-modal[hidden]{display:none;}\r\n.etk-modal *,.etk-modal *::before,.etk-modal *::after{box-sizing:border-box;}\r\n\r\n.etk-modal__backdrop{\r\n  position:absolute;inset:0;\r\n  background:rgba(3,10,24,.72);\r\n  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);\r\n  animation:etk-fade .22s ease;\r\n}\r\n\r\n.etk-modal__panel{\r\n  position:relative;z-index:2;\r\n  width:100%;max-width:540px;max-height:94vh;\r\n  padding:34px 40px 30px;\r\n  border:1px solid rgba(47,134,246,.5);border-radius:16px;\r\n  background:linear-gradient(170deg,#132C4F 0%,#0C1E3B 60%,#0A1730 100%);\r\n  box-shadow:0 30px 80px rgba(0,0,0,.6);\r\n  animation:etk-pop .26s cubic-bezier(.3,.8,.3,1);\r\n  overflow-y:auto;\r\n  scrollbar-width:none;\r\n  -ms-overflow-style:none;\r\n}\r\n.etk-modal__panel::-webkit-scrollbar{width:0;height:0;display:none;}\r\n\r\n.etk-modal__x{\r\n  position:absolute;top:16px;right:16px;\r\n  width:38px;height:38px;min-width:0;min-height:0;\r\n  padding:0 !important;margin:0;\r\n  border:0;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  line-height:0;font-size:0;\r\n  background:rgba(255,255,255,.12) !important;color:#fff !important;\r\n  cursor:pointer;-webkit-appearance:none;appearance:none;\r\n  transition:background .2s ease;\r\n}\r\n.etk-modal__x:hover{background:rgba(255,255,255,.22) !important;}\r\n.etk-modal__x svg{\r\n  display:block;width:16px;height:16px;\r\n  fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;\r\n}\r\n\r\n.etk-modal__mark{\r\n  display:grid;place-items:center;\r\n  width:62px;height:62px;margin-bottom:18px;\r\n  border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\r\n}\r\n.etk-modal__mark svg{\r\n  width:29px;height:29px;color:#F9A21B;\r\n  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.etk-modal__title{\r\n  margin:0 0 10px;color:#fff;\r\n  font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.015em;\r\n}\r\n.etk-modal__title span{color:#F9A21B;}\r\n.etk-modal__sub{\r\n  margin:0 0 22px;color:#C3D2E6;font-size:14.5px;line-height:1.55;\r\n}\r\n\r\n\/* form *\/\r\n.etk-form{display:flex;flex-direction:column;gap:12px;}\r\n.etk-form__hp{position:absolute;left:-9999px;opacity:0;pointer-events:none;}\r\n\r\n.etk-field{position:relative;display:block;}\r\n.etk-field__ico{\r\n  position:absolute;left:18px;top:50%;transform:translateY(-50%);\r\n  width:20px;height:20px;color:#5B6B82;pointer-events:none;\r\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\/* textarea icon pins to the first line, not the middle *\/\r\n.etk-field--area .etk-field__ico{top:19px;transform:none;}\r\n.etk-field__caret{\r\n  position:absolute;right:18px;top:50%;transform:translateY(-50%);\r\n  width:18px;height:18px;color:#5B6B82;pointer-events:none;\r\n  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.etk-modal input[type=text],\r\n.etk-modal input[type=email],\r\n.etk-modal input[type=tel],\r\n.etk-modal select,\r\n.etk-modal textarea{\r\n  width:100%;height:56px;\r\n  padding:0 20px 0 50px;margin:0;\r\n  border:2px solid transparent;border-radius:9px;\r\n  background:#fff !important;color:#132B4D !important;\r\n  font-family:inherit;font-size:15px;font-weight:500;\r\n  -webkit-appearance:none;appearance:none;\r\n  transition:border-color .2s ease,box-shadow .2s ease;\r\n}\r\n.etk-modal textarea{\r\n  height:auto;min-height:104px;\r\n  padding:16px 18px 16px 50px;\r\n  line-height:1.5;resize:vertical;\r\n}\r\n.etk-modal select{padding-right:46px;cursor:pointer;}\r\n.etk-modal input::placeholder,\r\n.etk-modal textarea::placeholder{color:#8A98AB;font-weight:500;}\r\n.etk-modal select:invalid{color:#8A98AB !important;}\r\n.etk-modal input:focus,\r\n.etk-modal select:focus,\r\n.etk-modal textarea:focus{\r\n  outline:none;border-color:#2F86F6;box-shadow:0 0 0 4px rgba(47,134,246,.25);\r\n}\r\n.etk-modal .etk-field--error input,\r\n.etk-modal .etk-field--error select{border-color:#F05138;}\r\n\r\n.etk-hint{\r\n  display:block;margin:6px 0 0 2px;\r\n  color:#9FB1C8;font-size:12px;line-height:1.45;\r\n}\r\n\r\n.etk-submit{\r\n  display:flex;align-items:center;justify-content:center;gap:12px;\r\n  width:100%;height:58px;margin-top:6px;\r\n  border:0;border-radius:9px;\r\n  background:linear-gradient(90deg,#F9A21B 0%,#E8740C 100%) !important;\r\n  color:#fff !important;font-family:inherit;font-size:16px;font-weight:700;line-height:1;\r\n  cursor:pointer;-webkit-appearance:none;appearance:none;\r\n  box-shadow:0 10px 26px rgba(232,116,12,.3);\r\n  transition:filter .2s ease,transform .2s ease;\r\n}\r\n.etk-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;}\r\n.etk-submit:hover{filter:brightness(1.06);transform:translateY(-2px);}\r\n.etk-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;}\r\n\r\n.etk-note{\r\n  display:flex;align-items:center;gap:9px;\r\n  margin:12px 0 0;color:#9FB1C8;font-size:12.5px;line-height:1.5;\r\n}\r\n.etk-note svg{\r\n  width:15px;height:15px;flex:none;\r\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.etk-status{margin:10px 0 0;font-size:13.5px;font-weight:600;line-height:1.5;}\r\n.etk-status:empty{display:none;}\r\n.etk-status--ok{color:#5BD99A;}\r\n.etk-status--err{color:#FF8A73;}\r\n.etk-form--sent .etk-note{display:none;}\r\n\r\n@keyframes etk-fade{from{opacity:0;}to{opacity:1;}}\r\n@keyframes etk-pop{from{opacity:0;transform:translateY(16px) scale(.97);}to{opacity:1;transform:none;}}\r\n\r\n\/* responsive *\/\r\n@media (max-width:1024px){\r\n  .etk-hero__inner{grid-template-columns:1fr;gap:48px;}\r\n  .etk-stage{max-width:480px;padding:20px 18px 66px;}\r\n}\r\n@media (max-width:600px){\r\n  .etk-hero{padding:52px 18px;}\r\n  .etk-badge{font-size:12px;padding:10px 18px;}\r\n  .etk-actions{gap:14px;}\r\n  .etk-hero .etk-btn{width:100%;justify-content:center;font-size:16px;padding:16px 22px;}\r\n  .etk-features{flex-wrap:wrap;gap:14px 22px;margin-top:36px;}\r\n  .etk-features li{font-size:13.5px;}\r\n  .etk-stage{max-width:100%;padding:14px 10px 52px;}\r\n  .etk-cluster{--tilt:rotateX(4deg) rotateY(-8deg) rotateZ(2deg);}\r\n  .etk-frame{border-radius:12px;aspect-ratio:10\/13;}   \/* a little taller (was 4\/5) *\/\r\n\r\n  .etk-modal{padding:12px;}\r\n  .etk-modal__panel{padding:28px 20px 24px;}\r\n  .etk-modal__mark{width:54px;height:54px;margin-bottom:15px;}\r\n  .etk-modal__mark svg{width:25px;height:25px;}\r\n  .etk-modal__sub{font-size:13.5px;margin-bottom:18px;}\r\n  .etk-modal input[type=text],\r\n  .etk-modal input[type=email],\r\n  .etk-modal input[type=tel],\r\n  .etk-modal select{height:52px;font-size:14.5px;}\r\n  .etk-modal textarea{min-height:96px;font-size:14.5px;}\r\n  .etk-submit{height:54px;font-size:15px;}\r\n}\r\n@media (max-height:720px){\r\n  .etk-modal__panel{padding:26px 34px 22px;}\r\n  .etk-modal__mark{width:52px;height:52px;margin-bottom:13px;}\r\n  .etk-modal__mark svg{width:24px;height:24px;}\r\n  .etk-modal__title{font-size:clamp(21px,2.6vw,27px);}\r\n  .etk-modal__sub{margin-bottom:16px;font-size:13.5px;}\r\n  .etk-form{gap:10px;}\r\n  .etk-modal input[type=text],\r\n  .etk-modal input[type=email],\r\n  .etk-modal input[type=tel],\r\n  .etk-modal select{height:50px;}\r\n  .etk-modal textarea{min-height:88px;}\r\n  .etk-submit{height:52px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .etk-btn,.etk-submit{transition:none;}\r\n  .etk-cluster,.etk-stage__shadow{animation:none;}\r\n  .etk-modal__panel,.etk-modal__backdrop{animation:none;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/* ---- sample the video's edge colours row by row ---- *\/\r\n  var video = document.getElementById('etkMainVideo');\r\n  var frame = document.getElementById('etkFrame');\r\n\r\n  if(video && frame){\r\n    var W = 12, H = 14;                       \/* 14 vertical bands per side *\/\r\n    var cv = document.createElement('canvas');\r\n    cv.width = W; cv.height = H;\r\n    var ctx = cv.getContext('2d', { willReadFrequently:true });\r\n    var dead = false;\r\n\r\n    function px(d, x, y){\r\n      var i = (y*W + x) * 4;\r\n      return [d[i], d[i+1], d[i+2]];\r\n    }\r\n\r\n    \/* average the two outermost pixels of one row *\/\r\n    function rowColor(d, y, side){\r\n      var a = px(d, side === 'l' ? 0 : W-1, y);\r\n      var b = px(d, side === 'l' ? 1 : W-2, y);\r\n      return 'rgb(' + Math.round((a[0]+b[0])\/2) + ',' +\r\n                      Math.round((a[1]+b[1])\/2) + ',' +\r\n                      Math.round((a[2]+b[2])\/2) + ')';\r\n    }\r\n\r\n    function buildGradient(d, side){\r\n      var stops = [];\r\n      for(var y=0; y<H; y++){\r\n        var pct = (y \/ (H - 1)) * 100;\r\n        stops.push(rowColor(d, y, side) + ' ' + pct.toFixed(1) + '%');\r\n      }\r\n      return 'linear-gradient(to bottom,' + stops.join(',') + ')';\r\n    }\r\n\r\n    function sample(){\r\n      if(dead || video.readyState < 2 || document.hidden) return;\r\n      try{\r\n        ctx.drawImage(video, 0, 0, W, H);\r\n        var d = ctx.getImageData(0, 0, W, H).data;\r\n        frame.style.setProperty('--grad-l', buildGradient(d, 'l'));\r\n        frame.style.setProperty('--grad-r', buildGradient(d, 'r'));\r\n      }catch(err){\r\n        dead = true;                          \/* cross-origin video \u2014 keep fallbacks *\/\r\n      }\r\n    }\r\n\r\n    video.addEventListener('loadeddata', sample);\r\n    setInterval(sample, 250);\r\n    sample();\r\n  }\r\n\r\n  \/* ---- modal + form ---- *\/\r\n  var modal  = document.getElementById('etkModal');\r\n  var form   = document.getElementById('etkForm');\r\n  var status = document.getElementById('etkStatus');\r\n  var phone  = document.getElementById('etkPhone');\r\n  if(!modal || !form) return;\r\n\r\n  var lastFocus = null;\r\n\r\n  \/* ---- phone field: allow only digits and phone punctuation ---- *\/\r\n  if(phone){\r\n    var ALLOWED = \/[^0-9+()\\-\\s]\/g;\r\n\r\n    \/* block disallowed characters as they are typed *\/\r\n    phone.addEventListener('keypress', function(e){\r\n      if(e.ctrlKey || e.metaKey || e.altKey) return;\r\n      if(e.key && e.key.length === 1 && ALLOWED.test(e.key)){\r\n        e.preventDefault();\r\n      }\r\n    });\r\n\r\n    \/* strip anything that slips through (paste, autofill, mobile keyboards) *\/\r\n    function clean(){\r\n      var start = phone.selectionStart;\r\n      var before = phone.value;\r\n      var after = before.replace(ALLOWED, '');\r\n      if(after !== before){\r\n        phone.value = after;\r\n        var drop = before.length - after.length;\r\n        try{ phone.setSelectionRange(Math.max(0, start - drop), Math.max(0, start - drop)); }catch(err){}\r\n      }\r\n    }\r\n    phone.addEventListener('input', clean);\r\n    phone.addEventListener('paste', function(){ setTimeout(clean, 0); });\r\n  }\r\n\r\n  function open(e){\r\n    lastFocus = e && e.currentTarget ? e.currentTarget : null;\r\n    modal.hidden = false;\r\n    document.body.style.overflow = 'hidden';\r\n    var first = modal.querySelector('input[name=\"name\"]');\r\n    if(first) setTimeout(function(){ first.focus(); }, 60);\r\n  }\r\n\r\n  function close(){\r\n    modal.hidden = true;\r\n    document.body.style.overflow = '';\r\n\r\n    \/* clear every field so reopening starts fresh *\/\r\n    form.reset();\r\n    form.querySelectorAll('.etk-field').forEach(function(f){ f.classList.remove('etk-field--error'); });\r\n\r\n    form.classList.remove('etk-form--sent');\r\n    status.textContent = '';\r\n    status.className = 'etk-status';\r\n    if(lastFocus) lastFocus.focus();\r\n  }\r\n\r\n  function say(msg, kind){\r\n    status.textContent = msg;\r\n    status.className = 'etk-status' + (kind ? ' etk-status--' + kind : '');\r\n    form.classList.toggle('etk-form--sent', !!msg);\r\n  }\r\n\r\n  document.querySelectorAll('[data-etk-open]').forEach(function(btn){\r\n    btn.addEventListener('click', open);\r\n  });\r\n  modal.querySelectorAll('[data-etk-close]').forEach(function(btn){\r\n    btn.addEventListener('click', close);\r\n  });\r\n  document.addEventListener('keydown', function(ev){\r\n    if(ev.key === 'Escape' && !modal.hidden) close();\r\n  });\r\n\r\n  form.addEventListener('submit', function(ev){\r\n    ev.preventDefault();\r\n\r\n    form.querySelectorAll('.etk-field').forEach(function(f){ f.classList.remove('etk-field--error'); });\r\n    say('');\r\n\r\n    var bad = false;\r\n    form.querySelectorAll('input[required], select[required]').forEach(function(el){\r\n      var empty = !el.value;\r\n      var badEmail = el.type === 'email' && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(el.value);\r\n      var badPhone = el.type === 'tel' && el.value.replace(\/\\D\/g, '').length < 7;\r\n      if(empty || badEmail || badPhone){\r\n        el.closest('.etk-field').classList.add('etk-field--error');\r\n        bad = true;\r\n      }\r\n    });\r\n    if(bad){\r\n      say('Please complete every required field with a valid email and phone number.', 'err');\r\n      return;\r\n    }\r\n\r\n    var btn = form.querySelector('.etk-submit');\r\n    var lbl = form.querySelector('.etk-submit__label');\r\n    var original = lbl.textContent;\r\n    btn.disabled = true;\r\n    lbl.textContent = 'Sending\u2026';\r\n\r\n    var payload = Object.fromEntries(new FormData(form).entries());\r\n\r\n    fetch('https:\/\/api.web3forms.com\/submit', {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n      body: JSON.stringify(payload)\r\n    })\r\n    .then(function(r){ return r.json(); })\r\n    .then(function(data){\r\n      if(data.success){\r\n        form.reset();\r\n        say('Thanks \u2014 your details are with our team. We\\'ll reply within 1\u20132 business days.', 'ok');\r\n        setTimeout(close, 3200);\r\n      } else {\r\n        say(data.message || 'Something went wrong. Please email us directly.', 'err');\r\n      }\r\n    })\r\n    .catch(function(){\r\n      say('Network error. Please check your connection and try again.', 'err');\r\n    })\r\n    .finally(function(){\r\n      btn.disabled = false;\r\n      lbl.textContent = original;\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<!-- ===== \/ExtreemTek Hero ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b7cc66 e-con-full e-flex e-con e-parent\" data-id=\"9b7cc66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3df127b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3df127b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== ExtreemTek \u2014 Core Development Capabilities \u2014 Elementor HTML widget ===== -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"etk-caps\">\r\n  <div class=\"etk-caps__wrap\">\r\n\r\n    <header class=\"etk-caps__head\">\r\n      <p class=\"etk-eyebrow\">Full-stack spectrum<\/p>\r\n      <h2 class=\"etk-caps__title\">Core Development Capabilities<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"etk-grid\">\r\n\r\n      <!-- CARD 1 \u2014 WEB -->\r\n      <a class=\"etk-card etk-card--blue\" href=\"#web-development\"\r\n         style=\"--img:url('https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/screen1.png')\">\r\n        <div class=\"etk-card__face\">\r\n          <span class=\"etk-card__img\"><\/span>\r\n          <span class=\"etk-card__veil\"><\/span>\r\n          <span class=\"etk-card__label\">\r\n            <span class=\"etk-card__kicker\">Frontend &amp; performance<\/span>\r\n            <span class=\"etk-card__title\">Custom Website Development<\/span>\r\n          <\/span>\r\n          <span class=\"etk-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-stack\">\r\n          <div class=\"etk-stack__head\">\r\n            <svg class=\"etk-stack__mark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 5-9 5-9-5 9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>\r\n            <h3>Tech Stack Used<\/h3>\r\n            <span class=\"etk-stack__badge\">Web Arch<\/span>\r\n          <\/div>\r\n          <ul class=\"etk-stack__list\">\r\n            <li><span>Next.js<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#fff\"\/><path d=\"M8.8 16.8V7.9l7.4 9\" stroke=\"#0B1220\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/><path d=\"M15.3 7.9v6.2\" stroke=\"#0B1220\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>React<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#61DAFB\" stroke-width=\"1.1\"><circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"#61DAFB\" stroke=\"none\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\" transform=\"rotate(60 12 12)\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\" transform=\"rotate(120 12 12)\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>TypeScript<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"3\" fill=\"#3178C6\"\/><path d=\"M6 10.4h6v1.9H9.9v6.4H8V12.3H6v-1.9z\" fill=\"#fff\"\/><path d=\"M13.2 18.2v-2.1c.7.5 1.6.8 2.3.8.8 0 1.2-.3 1.2-.8 0-1.2-3.5-.9-3.5-3.3 0-1.5 1.2-2.5 3-2.5.7 0 1.5.1 2.1.4v2c-.6-.4-1.3-.6-2-.6-.7 0-1.1.3-1.1.7 0 1.1 3.5.8 3.5 3.3 0 1.6-1.2 2.5-3.1 2.5-.9 0-1.8-.2-2.4-.4z\" fill=\"#fff\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Tailwind CSS<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"#38BDF8\"><path d=\"M12 6c-2.7 0-4.4 1.3-5 4 .9-1.2 2-1.7 3.2-1.4.7.2 1.2.7 1.8 1.3.9.9 2 2 4.3 2 2.7 0 4.4-1.3 5-4-.9 1.2-2 1.7-3.2 1.4-.7-.2-1.2-.7-1.8-1.3C15.4 7.1 14.3 6 12 6zM7 12c-2.7 0-4.4 1.3-5 4 .9-1.2 2-1.7 3.2-1.4.7.2 1.2.7 1.8 1.3.9.9 2 2 4.3 2 2.7 0 4.4-1.3 5-4-.9 1.2-2 1.7-3.2 1.4-.7-.2-1.2-.7-1.8-1.3C10.4 13.1 9.3 12 7 12z\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Astro<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M10.4 2.6h3.2l4.4 18.8-6-3.1-6 3.1L10.4 2.6z\" fill=\"#F9A21B\"\/><path d=\"M8.2 15.6c1 .9 2.3 1.4 3.8 1.4s2.8-.5 3.8-1.4c-.4 2.6-1.8 4.3-3.8 5.8-2-1.5-3.4-3.2-3.8-5.8z\" fill=\"#fff\" opacity=\".9\"\/><\/svg><\/i>\r\n            <\/li>\r\n          <\/ul>\r\n          <div class=\"etk-stack__foot\">\r\n            <span>Custom Website Development<\/span>\r\n            <span class=\"etk-stack__count\">5 Technologies<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- CARD 2 \u2014 MOBILE -->\r\n      <a class=\"etk-card etk-card--gold\" href=\"#mobile-development\"\r\n         style=\"--img:url('https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/screen1-1.png')\">\r\n        <div class=\"etk-card__face\">\r\n          <span class=\"etk-card__img\"><\/span>\r\n          <span class=\"etk-card__veil\"><\/span>\r\n          <span class=\"etk-card__label\">\r\n            <span class=\"etk-card__kicker\">iOS &amp; Android ecosystems<\/span>\r\n            <span class=\"etk-card__title\">Native &amp; Cross-Platform Mobile<\/span>\r\n          <\/span>\r\n          <span class=\"etk-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-stack\">\r\n          <div class=\"etk-stack__head\">\r\n            <svg class=\"etk-stack__mark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 5-9 5-9-5 9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>\r\n            <h3>Tech Stack Used<\/h3>\r\n            <span class=\"etk-stack__badge\">Mobile Sys<\/span>\r\n          <\/div>\r\n          <ul class=\"etk-stack__list\">\r\n            <li><span>React Native<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#61DAFB\" stroke-width=\"1.1\"><circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"#61DAFB\" stroke=\"none\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\" transform=\"rotate(60 12 12)\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"3.9\" transform=\"rotate(120 12 12)\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Flutter<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.2 1.8L3.6 13.4l3.6 3.6L22.4 1.8h-7.2z\" fill=\"#47C5FB\"\/><path d=\"M15.2 11.2l-5.2 5.2 3.6 3.6 1.6-1.6h6.4l-6.4-7.2z\" fill=\"#00569E\"\/><path d=\"M7.2 17l3.6-3.6 3.6 3.6-3.6 3.6L7.2 17z\" fill=\"#00B5F8\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>SwiftUI<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"5.4\" fill=\"#F05138\"\/><path d=\"M5.6 5.4c4.2 3.4 7.8 6 11.2 10.9-3-1-5.6-2.1-8.1-4 2.5 3.4 6 5.1 9.1 5.7-2.9 1.9-9 .6-12-4.3 2 1 4 1.6 5.6 1.1-2.6-1.8-4.6-4.9-5.8-9.4z\" fill=\"#fff\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Kotlin<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 3h18l-9 9 9 9H3V3z\" fill=\"#E24462\"\/><path d=\"M3 3h9l-9 9V3z\" fill=\"#F88909\"\/><path d=\"M12 3h9l-9 9V3z\" fill=\"#7F52FF\" opacity=\".85\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>BLE &amp; Sensors<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2F86F6\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7.6l10 8.8L12 21V3l5 4.6-10 8.8\"\/><\/svg><\/i>\r\n            <\/li>\r\n          <\/ul>\r\n          <div class=\"etk-stack__foot\">\r\n            <span>Native &amp; Cross-Platform Mobile<\/span>\r\n            <span class=\"etk-stack__count\">5 Technologies<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- CARD 3 \u2014 WEB APPS -->\r\n      <a class=\"etk-card etk-card--blue\" href=\"#web-applications\"\r\n         style=\"--img:url('https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/screen1-3.png')\">\r\n        <div class=\"etk-card__face\">\r\n          <span class=\"etk-card__img\"><\/span>\r\n          <span class=\"etk-card__veil\"><\/span>\r\n          <span class=\"etk-card__label\">\r\n            <span class=\"etk-card__kicker\">Distributed systems &amp; APIs<\/span>\r\n            <span class=\"etk-card__title\">Scalable Web Applications<\/span>\r\n          <\/span>\r\n          <span class=\"etk-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-stack\">\r\n          <div class=\"etk-stack__head\">\r\n            <svg class=\"etk-stack__mark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 5-9 5-9-5 9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>\r\n            <h3>Tech Stack Used<\/h3>\r\n            <span class=\"etk-stack__badge\">Cloud &amp; APIs<\/span>\r\n          <\/div>\r\n          <ul class=\"etk-stack__list\">\r\n            <li><span>Node.js<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6BBF59\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><path d=\"M12 2.4l8.3 4.8v9.6L12 21.6l-8.3-4.8V7.2L12 2.4z\"\/><path d=\"M12 8.4c2 0 3.2.7 3.2 2v4.6\" stroke-linecap=\"round\"\/><path d=\"M8.8 12.5c0 1.6 1.2 2.4 3.2 2.4\" stroke-linecap=\"round\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Python FastAPI<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10.5\" fill=\"#05998B\"\/><path d=\"M13.2 4.6l-6 8.6h3.8l-1.3 6.2 6.2-8.8h-4l1.3-6z\" fill=\"#fff\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>PostgreSQL<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5FA8E8\" stroke-width=\"1.55\"><ellipse cx=\"12\" cy=\"6\" rx=\"7.2\" ry=\"3.1\"\/><path d=\"M4.8 6v12c0 1.7 3.2 3.1 7.2 3.1s7.2-1.4 7.2-3.1V6\"\/><path d=\"M4.8 12c0 1.7 3.2 3.1 7.2 3.1s7.2-1.4 7.2-3.1\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Redis<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"#DC382D\"><path d=\"M12 2.6l9.4 4.2L12 11 2.6 6.8 12 2.6z\"\/><path d=\"M12 12.4l9.4-4.2v2.9L12 15.3l-9.4-4.2V8.2L12 12.4z\" opacity=\".72\"\/><path d=\"M12 16.7l9.4-4.2v2.9L12 19.6l-9.4-4.2v-2.9l9.4 4.2z\" opacity=\".5\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>WebSockets<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2F86F6\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5M4 12h16\"\/><\/svg><\/i>\r\n            <\/li>\r\n          <\/ul>\r\n          <div class=\"etk-stack__foot\">\r\n            <span>Scalable Web Applications<\/span>\r\n            <span class=\"etk-stack__count\">5 Technologies<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- CARD 4 \u2014 E-COMMERCE -->\r\n      <a class=\"etk-card etk-card--gold\" href=\"#ecommerce\"\r\n         style=\"--img:url('https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/screen1-2.png')\">\r\n        <div class=\"etk-card__face\">\r\n          <span class=\"etk-card__img\"><\/span>\r\n          <span class=\"etk-card__veil\"><\/span>\r\n          <span class=\"etk-card__label\">\r\n            <span class=\"etk-card__kicker\">Global commerce &amp; payments<\/span>\r\n            <span class=\"etk-card__title\">E-Commerce Store Development<\/span>\r\n          <\/span>\r\n          <span class=\"etk-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-stack\">\r\n          <div class=\"etk-stack__head\">\r\n            <svg class=\"etk-stack__mark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 5-9 5-9-5 9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>\r\n            <h3>Tech Stack Used<\/h3>\r\n            <span class=\"etk-stack__badge\">E-Comm<\/span>\r\n          <\/div>\r\n          <ul class=\"etk-stack__list\">\r\n            <li><span>Headless Shopify<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M5.6 6.6l5.2-1 6.4 1.2 1.6 13.4-13.6 1.4L5.6 6.6z\" fill=\"#95BF47\"\/><path d=\"M11 5.6c-1.5 0-2.4 1.8-2.8 3.6l-1.6.5c-.2-1.4.7-5.2 3.4-5.6 1 .1 1.3.8 1.6 1.4h-.6z\" fill=\"#5E8E3E\"\/><path d=\"M13.8 11c-.6-.3-1.3-.5-2-.5-1.6 0-1.7 1-1.7 1.3 0 1.3 3.4 1.8 3.4 4.8 0 2.4-1.5 3.9-3.5 3.9-2.4 0-3.6-1.5-3.6-1.5l.6-2.1s1.3 1.1 2.4 1.1c.7 0 1-.6 1-1 0-1.7-2.8-1.8-2.8-4.6 0-2.3 1.7-4.6 5.1-4.6.9 0 1.6.2 1.6.2L13.8 11z\" fill=\"#fff\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>WooCommerce<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M2.6 4.4h18.8c1 0 1.8.8 1.8 1.8v7.4c0 1-.8 1.8-1.8 1.8H14l-4.4 4v-4H2.6c-1 0-1.8-.8-1.8-1.8V6.2c0-1 .8-1.8 1.8-1.8z\" fill=\"#7F54B3\"\/><path d=\"M4.4 8.4l1.3 4.2 1.5-4.2 1.4 4.2 1.4-4.2M12.8 8.4l1.3 4.2 1.5-4.2 1.4 4.2 1.4-4.2\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Stripe API<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"5.4\" fill=\"#635BFF\"\/><path d=\"M11.3 9.5c0-.6.5-.9 1.3-.9 1.1 0 2.6.4 3.7 1V6.3c-1.2-.5-2.4-.7-3.7-.7-3 0-5 1.6-5 4.2 0 4 5.4 3.3 5.4 5 0 .7-.6 1-1.5 1-1.2 0-2.8-.5-4.1-1.2v3.3c1.4.6 2.8.9 4.1.9 3.1 0 5.2-1.5 5.2-4.2 0-4.3-5.4-3.5-5.4-5.1z\" fill=\"#fff\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>GraphQL<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E10098\" stroke-width=\"1.35\"><path d=\"M12 3.1l7.7 4.45v8.9L12 20.9l-7.7-4.45v-8.9L12 3.1z\"\/><path d=\"M12 4.6L19 17H5L12 4.6z\"\/><circle cx=\"12\" cy=\"3.1\" r=\"1.5\" fill=\"#E10098\" stroke=\"none\"\/><circle cx=\"19.7\" cy=\"16.45\" r=\"1.5\" fill=\"#E10098\" stroke=\"none\"\/><circle cx=\"4.3\" cy=\"16.45\" r=\"1.5\" fill=\"#E10098\" stroke=\"none\"\/><\/svg><\/i>\r\n            <\/li>\r\n            <li><span>Next.js Commerce<\/span>\r\n              <i class=\"etk-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#fff\"\/><path d=\"M8.8 16.8V7.9l7.4 9\" stroke=\"#0B1220\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/><path d=\"M15.3 7.9v6.2\" stroke=\"#0B1220\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg><\/i>\r\n            <\/li>\r\n          <\/ul>\r\n          <div class=\"etk-stack__foot\">\r\n            <span>E-Commerce Store Development<\/span>\r\n            <span class=\"etk-stack__count\">5 Technologies<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.etk-caps{\r\n  --navy:#0A1E3F;\r\n  --navy-deep:#061530;\r\n  --blue:#2F86F6;\r\n  --gold:#F9A21B;\r\n  --page:#F5F8FC;\r\n\r\n  background:var(--page);\r\n  padding:90px 24px;\r\n  font-family:\"Poppins\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.etk-caps *,.etk-caps *::before,.etk-caps *::after{box-sizing:border-box;}\r\n\r\n.etk-caps__wrap{max-width:1200px;margin:0 auto;}\r\n.etk-caps__head{margin:0 0 40px;}\r\n\r\n.etk-eyebrow{\r\n  display:flex;align-items:center;gap:12px;\r\n  margin:0 0 12px;\r\n  color:var(--gold);font-size:12px;font-weight:700;\r\n  letter-spacing:.14em;text-transform:uppercase;\r\n}\r\n.etk-eyebrow::before{content:\"\";width:30px;height:2px;background:var(--gold);flex:none;}\r\n\r\n.etk-caps__title{\r\n  margin:0;color:var(--navy);\r\n  font-size:clamp(27px,3.2vw,40px);font-weight:800;\r\n  line-height:1.15;letter-spacing:-.01em;\r\n}\r\n\r\n\/* grid *\/\r\n.etk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}\r\n\r\n\/* card shell *\/\r\n.etk-card{\r\n  position:relative;display:block;\r\n  border-radius:16px;overflow:hidden;\r\n  background:var(--navy-deep);\r\n  text-decoration:none;\r\n  box-shadow:0 12px 30px rgba(10,30,63,.12);\r\n  transition:transform .3s ease,box-shadow .3s ease;\r\n}\r\n.etk-card--blue{--accent:var(--blue);}\r\n.etk-card--gold{--accent:var(--gold);}\r\n.etk-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(10,30,63,.2);}\r\n.etk-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px;}\r\n\r\n\/* image face *\/\r\n.etk-card__face{position:relative;display:block;aspect-ratio:16\/10;overflow:hidden;}\r\n.etk-card__img{\r\n  position:absolute;inset:0;\r\n  background-color:#132c52;\r\n  background-image:var(--img);\r\n  background-size:cover;background-position:center;\r\n  transition:transform .6s ease;\r\n}\r\n.etk-card:hover .etk-card__img{transform:scale(1.06);}\r\n.etk-card__veil{\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(180deg, rgba(6,21,48,.12) 0%, rgba(6,21,48,.55) 52%, rgba(6,21,48,.93) 100%);\r\n}\r\n.etk-card__label{position:absolute;left:24px;right:74px;bottom:20px;display:block;}\r\n.etk-card__kicker{\r\n  display:block;margin-bottom:7px;\r\n  color:var(--accent);font-size:11px;font-weight:700;\r\n  letter-spacing:.12em;text-transform:uppercase;\r\n}\r\n.etk-card__title{display:block;color:#fff;font-size:19px;font-weight:600;line-height:1.3;}\r\n.etk-card__arrow{\r\n  position:absolute;right:20px;bottom:20px;\r\n  width:36px;height:36px;border-radius:50%;\r\n  display:grid;place-items:center;\r\n  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);\r\n  color:#fff;transition:background .25s ease,border-color .25s ease;\r\n}\r\n.etk-card:hover .etk-card__arrow{background:var(--accent);border-color:var(--accent);}\r\n.etk-card__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\r\n\r\n\/* ---- tech stack panel (hover state) ---- *\/\r\n.etk-stack{\r\n  position:absolute;inset:0;z-index:3;\r\n  display:flex;flex-direction:column;\r\n  padding:24px 26px;\r\n  background:\r\n    radial-gradient(120% 90% at 50% 0%, rgba(47,134,246,.10) 0%, rgba(0,0,0,0) 60%),\r\n    linear-gradient(160deg,#0C2249 0%,#0A1B3B 55%,#071531 100%);\r\n  opacity:0;visibility:hidden;transform:translateY(8px);\r\n  transition:opacity .3s ease,transform .3s ease,visibility .3s;\r\n}\r\n.etk-card:hover .etk-stack,\r\n.etk-card:focus-visible .etk-stack{opacity:1;visibility:visible;transform:translateY(0);}\r\n\r\n.etk-stack__head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);}\r\n.etk-stack__mark{width:26px;height:26px;flex:none;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\r\n.etk-stack__head h3{margin:0;color:#fff;font-size:21px;font-weight:700;letter-spacing:-.01em;}\r\n.etk-stack__badge{\r\n  margin-left:auto;flex:none;\r\n  padding:9px 13px;border-radius:7px;\r\n  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);\r\n  color:var(--accent);font-size:10px;font-weight:700;\r\n  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;\r\n}\r\n\r\n.etk-stack__list{flex:1;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;list-style:none;}\r\n.etk-stack__list li{\r\n  display:flex;align-items:center;gap:12px;\r\n  padding:11px 2px;\r\n  border-bottom:1px solid rgba(255,255,255,.08);\r\n  color:#fff;font-size:15px;font-weight:600;\r\n}\r\n.etk-stack__list li:last-child{border-bottom:0;}\r\n.etk-stack__list li::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;}\r\n\r\n\/* logo marks *\/\r\n.etk-ico{margin-left:auto;flex:none;width:21px;height:21px;display:block;}\r\n.etk-ico svg{width:100%;height:100%;display:block;}\r\n\r\n.etk-stack__foot{\r\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\r\n  margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);\r\n  color:rgba(255,255,255,.6);font-size:13px;\r\n}\r\n.etk-stack__count{color:var(--accent);font-weight:700;white-space:nowrap;}\r\n\r\n\/* touch devices \u2014 no hover, so show the stack beneath the image *\/\r\n@media (hover:none){\r\n  .etk-stack{position:static;opacity:1;visibility:visible;transform:none;}\r\n  .etk-card:hover{transform:none;}\r\n  .etk-card:hover .etk-card__img{transform:none;}\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:900px){\r\n  .etk-caps{padding:64px 18px;}\r\n  .etk-grid{grid-template-columns:1fr;gap:22px;}\r\n}\r\n@media (max-width:520px){\r\n  .etk-card__label{left:18px;right:66px;bottom:16px;}\r\n  .etk-card__title{font-size:17px;}\r\n  .etk-stack{padding:20px;}\r\n  .etk-stack__head h3{font-size:18px;}\r\n  .etk-stack__badge{padding:7px 10px;font-size:9px;}\r\n  .etk-stack__list li{font-size:14px;padding:9px 2px;}\r\n  .etk-ico{width:19px;height:19px;}\r\n  .etk-stack__foot{font-size:12px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .etk-card,.etk-card__img,.etk-card__arrow,.etk-stack{transition:none;}\r\n}\r\n<\/style>\r\n<!-- ===== \/Core Development Capabilities ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b3da2 e-con-full e-flex e-con e-parent\" data-id=\"79b3da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0fbe7d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c0fbe7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== ExtreemTek \u2014 Engineering Process \u2014 Elementor HTML widget ===== -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"etk-proc\">\r\n  <div class=\"etk-proc__wrap\">\r\n\r\n    <header class=\"etk-proc__head\">\r\n      <p class=\"etk-proc__badge\"><span class=\"etk-proc__dot\"><\/span>How we work<\/p>\r\n      <h2 class=\"etk-proc__title\">Our Proven <span>Engineering Process<\/span><\/h2>\r\n      <p class=\"etk-proc__sub\">From initial discovery to enterprise scaling, explore our 4-stage delivery pipeline. Hover over each circle to inspect the milestone deliverables.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"etk-flow\">\r\n      <span class=\"etk-flow__line\" aria-hidden=\"true\"><\/span>\r\n\r\n      <ul class=\"etk-steps\">\r\n\r\n        <li class=\"etk-step etk-step--blue\">\r\n          <button class=\"etk-node\" type=\"button\">\r\n            <span class=\"etk-node__num\">01<\/span>\r\n            <span class=\"etk-node__body\">\r\n              <span class=\"etk-node__stage\">Stage 01<\/span>\r\n              <span class=\"etk-node__name\">Discover &amp; System Architecture<\/span>\r\n              <span class=\"etk-node__pill\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.4 12.2l2.4 2.4 4.8-4.8\"\/><\/svg>\r\n                Planning &amp; Structuring Blueprint\r\n              <\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/li>\r\n\r\n        <li class=\"etk-step etk-step--blue\">\r\n          <button class=\"etk-node\" type=\"button\">\r\n            <span class=\"etk-node__num\">02<\/span>\r\n            <span class=\"etk-node__body\">\r\n              <span class=\"etk-node__stage\">Stage 02<\/span>\r\n              <span class=\"etk-node__name\">Agile Web &amp; App Sprints<\/span>\r\n              <span class=\"etk-node__pill\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.4 12.2l2.4 2.4 4.8-4.8\"\/><\/svg>\r\n                Live Web &amp; App Demos\r\n              <\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/li>\r\n\r\n        <li class=\"etk-step etk-step--gold\">\r\n          <button class=\"etk-node\" type=\"button\">\r\n            <span class=\"etk-node__num\">03<\/span>\r\n            <span class=\"etk-node__body\">\r\n              <span class=\"etk-node__stage\">Stage 03<\/span>\r\n              <span class=\"etk-node__name\">Cross-Platform QA<\/span>\r\n              <span class=\"etk-node__pill\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.4 12.2l2.4 2.4 4.8-4.8\"\/><\/svg>\r\n                Full-Spectrum QA Audit\r\n              <\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/li>\r\n\r\n        <li class=\"etk-step etk-step--gold\">\r\n          <button class=\"etk-node\" type=\"button\">\r\n            <span class=\"etk-node__num\">04<\/span>\r\n            <span class=\"etk-node__body\">\r\n              <span class=\"etk-node__stage\">Stage 04<\/span>\r\n              <span class=\"etk-node__name\">Production Launch &amp; SLA<\/span>\r\n              <span class=\"etk-node__pill\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.4 12.2l2.4 2.4 4.8-4.8\"\/><\/svg>\r\n                Web &amp; Store Deployment\r\n              <\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.etk-proc{\r\n  --navy:#132B4D;\r\n  --blue:#2F86F6;\r\n  --gold:#F9A21B;\r\n  --muted:#6B7C93;\r\n  --page:#FFFFFF;\r\n\r\n  --size:90px;    \/* collapsed circle *\/\r\n  --exp:288px;    \/* expanded circle *\/\r\n  --inner:200px;  \/* content width \u2014 ~70% of --exp keeps it off the curve *\/\r\n\r\n  background:var(--page);\r\n  padding:86px 24px;\r\n  font-family:\"Poppins\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.etk-proc *,.etk-proc *::before,.etk-proc *::after{box-sizing:border-box;}\r\n\r\n.etk-proc__wrap{max-width:1160px;margin:0 auto;}\r\n\r\n\/* header *\/\r\n.etk-proc__head{text-align:center;margin:0 0 20px;}\r\n.etk-proc__badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  margin:0 0 18px;padding:7px 16px;\r\n  background:#EAF2FE;border-radius:999px;\r\n  color:var(--blue);font-size:11px;font-weight:700;\r\n  letter-spacing:.13em;text-transform:uppercase;\r\n}\r\n.etk-proc__dot{width:7px;height:7px;border-radius:50%;background:var(--blue);}\r\n.etk-proc__title{\r\n  margin:0 0 14px;color:var(--navy);\r\n  font-size:clamp(28px,3.6vw,42px);font-weight:800;\r\n  line-height:1.15;letter-spacing:-.015em;\r\n}\r\n.etk-proc__title span{color:var(--blue);}\r\n.etk-proc__sub{\r\n  max-width:620px;margin:0 auto;\r\n  color:var(--muted);font-size:15px;line-height:1.65;\r\n}\r\n\r\n\/* flow *\/\r\n.etk-flow{position:relative;margin-top:56px;}\r\n\r\n.etk-flow__line{\r\n  position:absolute;top:50%;left:12.5%;right:12.5%;\r\n  height:3px;border-radius:2px;transform:translateY(-50%);\r\n  background:linear-gradient(90deg,var(--blue) 0%,#4C9BF8 34%,#9DB86E 62%,var(--gold) 100%);\r\n  z-index:0;\r\n}\r\n\r\n.etk-steps{\r\n  position:relative;z-index:1;\r\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\r\n  margin:0;padding:0;list-style:none;\r\n  height:var(--exp);\r\n}\r\n.etk-step{position:relative;}\r\n.etk-step--blue{--accent:var(--blue);--tint:#EAF2FE;}\r\n.etk-step--gold{--accent:var(--gold);--tint:#FEF3E2;}\r\n\r\n\/* the circle \u2014 hard reset so theme\/Elementor button styles can't bleed in *\/\r\n.etk-proc .etk-node,\r\n.etk-proc .etk-node:hover,\r\n.etk-proc .etk-node:focus,\r\n.etk-proc .etk-node:active,\r\n.etk-proc .etk-node:visited{\r\n  -webkit-appearance:none;appearance:none;\r\n  background-image:none !important;\r\n  text-shadow:none;\r\n  text-decoration:none;\r\n  filter:none;\r\n}\r\n\r\n.etk-proc .etk-node{\r\n  position:absolute;top:50%;left:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:var(--size);height:var(--size);\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  margin:0;padding:0;\r\n  border:2px solid var(--accent);border-radius:50%;\r\n  background-color:#fff !important;\r\n  color:var(--navy);\r\n  cursor:pointer;overflow:hidden;\r\n  box-shadow:0 4px 14px rgba(19,43,77,.08);\r\n  font-family:inherit;text-align:center;\r\n  transition:width .42s cubic-bezier(.3,.8,.3,1),\r\n             height .42s cubic-bezier(.3,.8,.3,1),\r\n             box-shadow .42s ease,\r\n             background-color .42s ease;\r\n}\r\n.etk-proc .etk-node:hover,\r\n.etk-proc .etk-node:focus-visible{\r\n  width:var(--exp);height:var(--exp);\r\n  background-color:var(--tint) !important;\r\n  border-color:var(--accent);\r\n  box-shadow:0 16px 40px rgba(19,43,77,.18);\r\n  outline:none;\r\n  z-index:4;\r\n}\r\n.etk-proc .etk-node:focus-visible{border-width:3px;}\r\n\r\n\/* the number *\/\r\n.etk-node__num{\r\n  color:var(--accent);font-size:25px;font-weight:700;line-height:1;\r\n  transition:font-size .42s ease,opacity .25s ease;\r\n}\r\n.etk-node:hover .etk-node__num,\r\n.etk-node:focus-visible .etk-node__num{font-size:0;opacity:0;}\r\n\r\n\/* the revealed content *\/\r\n.etk-node__body{\r\n  display:flex;flex-direction:column;align-items:center;gap:11px;\r\n  width:var(--inner);max-width:var(--inner);\r\n  max-height:0;\r\n  opacity:0;pointer-events:none;\r\n  transition:opacity .28s ease .12s,max-height .42s ease;\r\n}\r\n.etk-node:hover .etk-node__body,\r\n.etk-node:focus-visible .etk-node__body{max-height:220px;opacity:1;}\r\n\r\n.etk-node__stage{\r\n  color:var(--accent);font-size:10px;font-weight:700;\r\n  letter-spacing:.15em;text-transform:uppercase;\r\n}\r\n.etk-node__name{\r\n  color:var(--navy);font-size:15px;font-weight:700;line-height:1.34;\r\n  text-wrap:balance;\r\n}\r\n.etk-node__pill{\r\n  display:inline-flex;align-items:center;justify-content:center;gap:7px;\r\n  max-width:100%;\r\n  margin-top:2px;padding:9px 14px;\r\n  background-color:#fff;border:1px solid rgba(19,43,77,.08);border-radius:999px;\r\n  box-shadow:0 3px 10px rgba(19,43,77,.08);\r\n  color:var(--navy);font-size:11px;font-weight:600;line-height:1.35;\r\n  text-wrap:balance;\r\n}\r\n.etk-node__pill svg{\r\n  width:14px;height:14px;flex:none;color:var(--accent);\r\n  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n\/* ---- tablet ---- *\/\r\n@media (max-width:1100px){\r\n  .etk-proc{--size:80px;--exp:246px;--inner:170px;}\r\n  .etk-node__name{font-size:14px;}\r\n  .etk-node__pill{font-size:10px;padding:8px 12px;}\r\n}\r\n\r\n\/* ---- no hover (touch) + small screens: open cards, no circles ---- *\/\r\n@media (max-width:860px), (hover:none){\r\n  .etk-flow__line{display:none;}\r\n  .etk-steps{grid-template-columns:1fr;gap:16px;height:auto;}\r\n  .etk-step{position:static;}\r\n\r\n  .etk-proc .etk-node{\r\n    position:static;transform:none;\r\n    width:100%;height:auto;\r\n    flex-direction:row;\r\n    align-items:flex-start;\r\n    justify-content:flex-start;\r\n    gap:18px;\r\n    padding:20px 22px;\r\n    border-radius:16px;\r\n    background-color:var(--tint) !important;\r\n    text-align:left;\r\n    box-shadow:0 4px 14px rgba(19,43,77,.07);\r\n    transition:none;cursor:default;\r\n  }\r\n  .etk-proc .etk-node:hover,\r\n  .etk-proc .etk-node:focus-visible{\r\n    width:100%;height:auto;\r\n    background-color:var(--tint) !important;\r\n    box-shadow:0 4px 14px rgba(19,43,77,.07);\r\n  }\r\n  .etk-node__num{\r\n    flex:none;width:52px;height:52px;\r\n    display:grid;place-items:center;\r\n    border:2px solid var(--accent);border-radius:50%;\r\n    background-color:#fff;font-size:19px;opacity:1;\r\n  }\r\n  .etk-node:hover .etk-node__num,\r\n  .etk-node:focus-visible .etk-node__num{font-size:19px;opacity:1;}\r\n  .etk-node__body{\r\n    flex:1;min-width:0;\r\n    width:auto;max-width:none;max-height:none;opacity:1;\r\n    align-items:flex-start;gap:7px;\r\n    padding-top:3px;\r\n  }\r\n  .etk-node:hover .etk-node__body{max-height:none;}\r\n  .etk-node__pill{align-self:flex-start;}\r\n}\r\n\r\n@media (max-width:520px){\r\n  .etk-proc{padding:58px 18px;}\r\n  .etk-proc__sub{font-size:14px;}\r\n  .etk-proc .etk-node{padding:18px;gap:14px;}\r\n  .etk-node__num{width:46px;height:46px;font-size:17px;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .etk-node,.etk-node__num,.etk-node__body{transition:none;}\r\n}\r\n<\/style>\r\n<!-- ===== \/Engineering Process ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04753db e-con-full e-flex e-con e-parent\" data-id=\"04753db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-941810c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"941810c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== ExtreemTek \u2014 Featured Engagements \u2014 Elementor HTML widget ===== -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"etk-work\">\r\n  <div class=\"etk-work__wrap\">\r\n\r\n    <header class=\"etk-work__head\">\r\n      <p class=\"etk-work__eyebrow\">Proven track record<\/p>\r\n      <h2 class=\"etk-work__title\" id=\"c\">Featured Mobile &amp; Web Engagements<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"etk-work__grid\">\r\n\r\n      <!-- CASE 1 \u2014 PLANTCARE -->\r\n      <article class=\"etk-case etk-case--blue\">\r\n        <div class=\"etk-case__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-23-2026-02_47_46-PM.png\"\r\n               alt=\"PlantCare mobile app shown in use beside houseplants\" loading=\"lazy\">\r\n          <span class=\"etk-case__tag\">\r\n            <span class=\"etk-case__tagdot\"><\/span>\r\n            Mobile App <span class=\"etk-case__sep\">&bull;<\/span> Garden Assistant\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-case__body\">\r\n          <h3 class=\"etk-case__name\">PlantCare <span>Mobile App<\/span><\/h3>\r\n\r\n          <ul class=\"etk-case__list\">\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              Light Meter &amp; Water Calculator are most used features\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              AI plant health diagnosis &amp; automated watering routines\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              Native Android companion apps with offline caching\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <a class=\"etk-case__cta\" href=\"https:\/\/extreemtek.com\/PlantCare\/\">\r\n            View PlantCare Case Study\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CASE 2 \u2014 FILESHIFT -->\r\n      <article class=\"etk-case etk-case--gold\">\r\n        <div class=\"etk-case__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-24-at-6.25.40-PM.jpeg\"\r\n               alt=\"FileShift transferring files between two phones\" loading=\"lazy\">\r\n          <span class=\"etk-case__tag\">\r\n            <span class=\"etk-case__tagdot\"><\/span>\r\n            Cross-Platform App <span class=\"etk-case__sep\">&bull;<\/span> File Transfer\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"etk-case__body\">\r\n          <h3 class=\"etk-case__name\">FileShift <span>Fast File Transfer<\/span><\/h3>\r\n\r\n          <ul class=\"etk-case__list\">\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              Peer-to-peer fast data migration with zero-cloud exposure\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              Cross-platform mobile &amp; desktop sync (iOS, Android, Windows, macOS)\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><path d=\"M8.2 12.2l2.5 2.5 5.1-5.1\"\/><\/svg>\r\n              End-to-end TLS payload encryption with instant QR pairing\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <a class=\"etk-case__cta\" href=\"https:\/\/extreemtek.com\/fileshift\/\">\r\n            View FileShift Specs\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.etk-work{\r\n  --ink:#050D1C;\r\n  --card:#0E1F3E;\r\n  --card-2:#0B1930;\r\n  --blue:#2F86F6;\r\n  --gold:#F9A21B;\r\n  --muted:#B4C4DC;\r\n  --line:rgba(255,255,255,.10);\r\n\r\n  background:var(--ink);\r\n  padding:88px 24px;\r\n  font-family:\"Poppins\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.etk-work *,.etk-work *::before,.etk-work *::after{box-sizing:border-box;}\r\n\r\n.etk-work__wrap{max-width:1180px;margin:0 auto;}\r\n.etk-work__head{margin:0 0 34px;}\r\n\r\n.etk-work__eyebrow{\r\n  margin:0 0 12px;color:var(--gold);\r\n  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;\r\n}\r\n.etk-work__title{\r\n  margin:0;color:#fff;\r\n  font-size:clamp(27px,3.3vw,40px);font-weight:700;\r\n  line-height:1.18;letter-spacing:-.015em;\r\n}\r\n\r\n\/* grid *\/\r\n.etk-work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}\r\n\r\n\/* card *\/\r\n.etk-case{\r\n  display:flex;flex-direction:column;\r\n  border:1px solid var(--line);border-radius:16px;\r\n  background:linear-gradient(170deg,var(--card) 0%,var(--card-2) 100%);\r\n  overflow:hidden;\r\n}\r\n.etk-case--blue{--accent:var(--blue);}\r\n.etk-case--gold{--accent:var(--gold);}\r\n\r\n\/* media *\/\r\n.etk-case__media{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#0A1424;}\r\n.etk-case__media img{width:100%;height:100%;object-fit:cover;display:block;}\r\n.etk-case__media::after{\r\n  content:\"\";position:absolute;inset:0;\r\n  background:linear-gradient(180deg, rgba(5,13,28,0) 55%, rgba(14,31,62,.85) 100%);\r\n}\r\n\r\n.etk-case__tag{\r\n  position:absolute;top:16px;left:16px;z-index:2;\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  padding:7px 14px;border-radius:999px;\r\n  background:rgba(10,20,40,.72);border:1px solid rgba(255,255,255,.16);\r\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\r\n  color:#fff;font-size:11px;font-weight:600;line-height:1;\r\n}\r\n.etk-case__tagdot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;}\r\n.etk-case__sep{color:var(--accent);}\r\n\r\n\/* body *\/\r\n.etk-case__body{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px;}\r\n\r\n.etk-case__name{\r\n  margin:0 0 20px;color:#fff;\r\n  font-size:clamp(20px,2.1vw,24px);font-weight:700;letter-spacing:-.01em;\r\n}\r\n.etk-case__name span{color:var(--accent);}\r\n\r\n.etk-case__list{margin:0 0 24px;padding:0 0 22px;list-style:none;border-bottom:1px solid var(--line);}\r\n.etk-case__list li{\r\n  display:flex;align-items:flex-start;gap:11px;\r\n  padding:7px 0;\r\n  color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.55;\r\n}\r\n.etk-case__list svg{\r\n  width:17px;height:17px;flex:none;margin-top:2px;color:var(--accent);\r\n  fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.etk-case__cta{\r\n  align-self:flex-start;margin-top:auto;\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:13px 20px;border-radius:8px;\r\n  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);\r\n  color:#fff;font-size:13.5px;font-weight:600;line-height:1;\r\n  text-decoration:none;\r\n  transition:background .22s ease,border-color .22s ease,transform .22s ease;\r\n}\r\n.etk-case__cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\r\n.etk-case__cta:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);}\r\n.etk-case--blue .etk-case__cta:hover{color:#fff;}\r\n.etk-case--gold .etk-case__cta:hover{color:#0A1424;}\r\n.etk-case__cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px;}\r\n\r\n\/* responsive *\/\r\n@media (max-width:880px){\r\n  .etk-work{padding:64px 18px;}\r\n  .etk-work__grid{grid-template-columns:1fr;gap:24px;}\r\n}\r\n@media (max-width:520px){\r\n  .etk-case__body{padding:22px 20px 24px;}\r\n  .etk-case__tag{font-size:10px;padding:6px 11px;top:12px;left:12px;}\r\n  .etk-case__list li{font-size:13px;}\r\n  .etk-case__cta{width:100%;justify-content:center;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .etk-case__cta{transition:none;}\r\n}\r\n<\/style>\r\n<!-- ===== \/Featured Engagements ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f587e6 e-con-full e-flex e-con e-parent\" data-id=\"3f587e6\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9bd9f4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c9bd9f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#xt-faq{--n:#0b1b3d;--b:#1a8cff;--a:#E8940C;--g:#4b5563;--l:#d8def0;background:#fff;padding:clamp(3.5rem,8vw,5.5rem) 1.25rem;font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;color:var(--n)}\n#xt-faq *{box-sizing:border-box}\n#xt-faq .xt-in{max-width:860px;margin:0 auto}\n#xt-faq .xt-eb{text-align:center;color:var(--a);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin:0 0 .6rem}\n#xt-faq h2{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;font-weight:800;margin:0 0 .8rem;color:var(--n)}\n#xt-faq h2 span{color:var(--b)}\n#xt-faq .xt-sub{text-align:center;color:var(--g);margin:0 auto 2.2rem;max-width:620px;font-size:1.05rem;line-height:1.6}\n#xt-faq details{border:1px solid var(--l);border-radius:14px;margin:0 0 .8rem;background:#f8faff;transition:box-shadow .2s}\n#xt-faq details[open]{background:#fff;box-shadow:0 8px 24px rgba(11,27,61,.08)}\n#xt-faq summary{list-style:none;cursor:pointer;padding:1.1rem 3rem 1.1rem 1.3rem;position:relative}\n#xt-faq summary::-webkit-details-marker{display:none}\n#xt-faq summary h3{margin:0;font-size:1.08rem;font-weight:700;color:var(--n);line-height:1.4}\n#xt-faq summary::after{content:\"+\";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--b);font-weight:600}\n#xt-faq details[open] summary::after{content:\"\\2212\"}\n#xt-faq .xt-a{padding:0 1.3rem 1.2rem;color:var(--g);line-height:1.7;font-size:1rem}\n#xt-faq .xt-a p{margin:0}\n<\/style>\n<section id=\"xt-faq\" aria-labelledby=\"xt-faq-title\">\n<div class=\"xt-in\">\n<p class=\"xt-eb\">FAQ<\/p>\n<h2 id=\"xt-faq-title\">Web and Mobile App Development <span>FAQ<\/span><\/h2>\n<p class=\"xt-sub\">Answers to common questions about ExtreemTek&#039;s web and mobile app development services.<\/p>\n<details open><summary><h3>What web and mobile development services does ExtreemTek offer?<\/h3><\/summary><div class=\"xt-a\"><p>ExtreemTek builds websites, web platforms and SaaS products, mobile apps for iOS and Android, and e-commerce stores, with AI features where they add value. We take products from idea to a market-ready MVP and then help them scale.<\/p><\/div><\/details>\n<details><summary><h3>Which technologies does ExtreemTek use for web and app development?<\/h3><\/summary><div class=\"xt-a\"><p>For the web we use Next.js, React, TypeScript, Tailwind CSS and Astro. For mobile we use React Native, Flutter, SwiftUI and Kotlin. Back ends run on Node.js, Python FastAPI, PostgreSQL, Redis, WebSockets and GraphQL, and e-commerce on headless Shopify, WooCommerce and the Stripe API.<\/p><\/div><\/details>\n<details><summary><h3>Do you build native or cross-platform mobile apps?<\/h3><\/summary><div class=\"xt-a\"><p>Both. We use React Native or Flutter when one codebase for iOS and Android is the best fit, and native SwiftUI or Kotlin when an app needs maximum performance or deep device access, such as Bluetooth (BLE) and sensors.<\/p><\/div><\/details>\n<details><summary><h3>How does a web or app project with ExtreemTek run?<\/h3><\/summary><div class=\"xt-a\"><p>Projects follow four stages: discovery and system architecture, agile web and app sprints with live demos, a full cross-platform QA audit, and production launch with deployment to the web and the app stores.<\/p><\/div><\/details>\n<details><summary><h3>Which apps has ExtreemTek built?<\/h3><\/summary><div class=\"xt-a\"><p>Examples include PlantCare, an Android app with AI plant health diagnosis, automated watering routines, a light meter and a water calculator, and FileShift, a cross-platform file transfer app for iOS, Android, Windows and macOS with encrypted peer-to-peer transfers and instant QR pairing.<\/p><\/div><\/details>\n<\/div>\n<\/section>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"@id\":\"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#faq\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What web and mobile development services does ExtreemTek offer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"ExtreemTek builds websites, web platforms and SaaS products, mobile apps for iOS and Android, and e-commerce stores, with AI features where they add value. We take products from idea to a market-ready MVP and then help them scale.\"}},{\"@type\":\"Question\",\"name\":\"Which technologies does ExtreemTek use for web and app development?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"For the web we use Next.js, React, TypeScript, Tailwind CSS and Astro. For mobile we use React Native, Flutter, SwiftUI and Kotlin. Back ends run on Node.js, Python FastAPI, PostgreSQL, Redis, WebSockets and GraphQL, and e-commerce on headless Shopify, WooCommerce and the Stripe API.\"}},{\"@type\":\"Question\",\"name\":\"Do you build native or cross-platform mobile apps?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Both. We use React Native or Flutter when one codebase for iOS and Android is the best fit, and native SwiftUI or Kotlin when an app needs maximum performance or deep device access, such as Bluetooth (BLE) and sensors.\"}},{\"@type\":\"Question\",\"name\":\"How does a web or app project with ExtreemTek run?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Projects follow four stages: discovery and system architecture, agile web and app sprints with live demos, a full cross-platform QA audit, and production launch with deployment to the web and the app stores.\"}},{\"@type\":\"Question\",\"name\":\"Which apps has ExtreemTek built?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Examples include PlantCare, an Android app with AI plant health diagnosis, automated watering routines, a light meter and a water calculator, and FileShift, a cross-platform file transfer app for iOS, Android, Windows and macOS with encrypted peer-to-peer transfers and instant QR pairing.\"}}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6215e05 e-con-full e-flex e-con e-parent\" data-id=\"6215e05\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d39422 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3d39422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>#xt-guides{background:#f6f8fc;padding:64px 20px;font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif}#xt-guides .gw{max-width:1160px;margin:0 auto}#xt-guides .ge{color:#e8940c;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}#xt-guides h2{font-family:Poppins,system-ui,sans-serif;color:#0b1b3d;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.2;margin:0 0 26px}#xt-guides .gg{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}#xt-guides a.gc{display:block;background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:24px;text-decoration:none;color:#3a4763;transition:box-shadow .2s,transform .2s}#xt-guides a.gc:hover{box-shadow:0 10px 26px rgba(11,27,61,.10);transform:translateY(-2px)}#xt-guides a.gc b{display:block;font-family:Poppins,system-ui,sans-serif;color:#0b1b3d;font-size:18px;line-height:1.3;margin-bottom:8px}#xt-guides a.gc span{display:block;font-size:15px;line-height:1.55}#xt-guides a.gc i{display:inline-block;margin-top:12px;font-style:normal;font-weight:600;color:#1a8cff;font-size:15px}<\/style><section id=\"xt-guides\"><div class=\"gw\"><p class=\"ge\">Practical guides<\/p><h2>Planning your app: cost, scope and partners<\/h2><div class=\"gg\"><a class=\"gc\" href=\"https:\/\/extreemtek.com\/app-development-cost-netherlands\/\"><b>App development cost in the Netherlands (2026)<\/b><span>Price ranges by app type, Dutch hourly rates, timelines and maintenance.<\/span><i>Read the guide \u2192<\/i><\/a><a class=\"gc\" href=\"https:\/\/extreemtek.com\/ai-development-company-cost-netherlands\/\"><b>What does an AI development company cost?<\/b><span>Day rates and budgets from discovery and proof of concept to production.<\/span><i>Read the guide \u2192<\/i><\/a><a class=\"gc\" href=\"https:\/\/extreemtek.com\/hardware-firmware-app-cloud-one-team\/\"><b>Hardware, firmware, app and cloud from one team<\/b><span>How end-to-end product engineering works, step by step.<\/span><i>Read the guide \u2192<\/i><\/a><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c10cd80 e-con-full e-flex e-con e-parent\" data-id=\"c10cd80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aacde0c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aacde0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     \"START A CONVERSATION\" SECTION + PROJECT DETAILS MODAL\n     Paste the whole thing into one Elementor HTML widget.\n     Form submissions are emailed to you via Web3Forms.\n     ============================================================ -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap');\n\n#sk-talk,#sk-modal{\n  --sk-navy:#0b1b3d;\n  --sk-blue:#1a8cff;\n  --sk-amber-lite:#F5B01A;\n  --sk-amber-deep:#D86605;\n  --sk-grey:#6b7280;\n  --sk-line:#e6e9f0;\n\n  --sk-avatar:url(\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-9-2026-11_35_51-AM.png\");\n  --sk-modal-bg:url(\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/modal-bg.jpg\");\n}\n\n#sk-talk{\n  position:relative;\n  background:#fff;\n  padding:clamp(3.5rem,8vw,5.5rem) 1.25rem;\n  font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  color:var(--sk-navy);\n  text-align:center;\n  -webkit-font-smoothing:antialiased;\n\n  \/* --- OPTIONAL full-bleed, uncomment if the theme still boxes it in ---\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  *\/\n}\n#sk-talk *,#sk-talk *::before,#sk-talk *::after{box-sizing:border-box}\n#sk-talk .sk-t-inner{max-width:1120px;margin:0 auto}\n\n\/* header *\/\n#sk-talk .sk-t-eyebrow{\n  display:inline-block;\n  margin:0;\n  padding:.36rem .85rem;\n  border-radius:6px;\n  background:#dceafd;\n  color:var(--sk-blue);\n  font-size:.72rem;\n  font-weight:700;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n  line-height:1.25;\n}\n#sk-talk h2{\n  margin:1rem 0 0;\n  padding:0;\n  font-family:inherit;\n  font-size:clamp(1.7rem,4.2vw,2.65rem);\n  font-weight:800;\n  line-height:1.16;\n  letter-spacing:-.03em;\n  color:var(--sk-navy);\n}\n#sk-talk h2 .sk-t-accent{color:var(--sk-blue)}\n#sk-talk .sk-t-sub{\n  max-width:58ch;\n  margin:.9rem auto 0;\n  font-size:clamp(1.2rem,2vw,1.12rem);\n  font-weight: 500;\n  line-height:1.6;\n  color:var(--sk-grey);\n}\n\n\/* panel *\/\n#sk-talk .sk-t-panel{\n  display:grid;\n  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);\n  align-items:center;\n  gap:clamp(1.5rem,4vw,3rem);\n  margin-top:clamp(2rem,4.5vw,3rem);\n  padding:clamp(1.6rem,4vw,2.6rem);\n  border:1px solid var(--sk-line);\n  border-radius:12px;\n  background:#f7f9fc;\n  text-align:left;\n}\n\n\/* founder *\/\n#sk-talk .sk-t-person{text-align:center}\n#sk-talk .sk-t-avatar{\n  width:min(200px,60%);\n  margin:0 auto;\n  aspect-ratio:1\/1;\n  border:2px solid var(--sk-blue);\n  border-radius:50%;\n  background:var(--sk-avatar,none) center\/cover no-repeat,#e6eef8;\n}\n#sk-talk .sk-t-person b{\n  display:block;\n  margin-top:1.1rem;\n  font-size:1.22rem;\n  font-weight:700;\n  letter-spacing:-.02em;\n  color:#111827;\n}\n#sk-talk .sk-t-role{\n  display:block;\n  margin-top:.25rem;\n  font-size:.95rem;\n  font-weight:700;\n  color:var(--sk-amber-lite);\n}\n#sk-talk .sk-t-place{\n  display:block;\n  margin-top:.2rem;\n  font-size:.92rem;\n  color:var(--sk-grey);\n}\n\n\/* quote + actions *\/\n#sk-talk blockquote{\n  margin:0;\n  padding:.1rem 0 .1rem 1.1rem;\n  border:0;\n  border-left:3px solid var(--sk-blue);\n  quotes:none;\n  font-size:clamp(.98rem,2vw,1.06rem);\n  line-height:1.62;\n  color:#1c2b45;\n}\n#sk-talk .sk-t-label{\n  margin:1.7rem 0 .8rem;\n  font-size:.82rem;\n  font-weight:700;\n  letter-spacing:.02em;\n  text-transform:uppercase;\n  color:#111827;\n}\n#sk-talk .sk-t-actions{display:flex;flex-wrap:wrap;gap:.85rem}\n#sk-talk .sk-t-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:.55rem;\n  padding:.9rem 1.5rem;\n  border:0;\n  border-radius:8px;\n  font-family:inherit;\n  font-size:.98rem;\n  font-weight:700;\n  letter-spacing:-.01em;\n  text-decoration:none;\n  cursor:pointer;\n  transition:transform .18s ease,box-shadow .18s ease;\n}\n#sk-talk .sk-t-btn:hover{transform:translateY(-1px);text-decoration:none}\n#sk-talk .sk-t-btn svg{transition:transform .18s ease}\n#sk-talk .sk-t-btn:hover svg{transform:translateX(3px)}\n#sk-talk .sk-t-btn--amber,#sk-talk .sk-t-btn--amber:visited{\n  background:linear-gradient(90deg,var(--sk-amber-lite) 0%,var(--sk-amber-deep) 100%);\n  color:#fff;\n  box-shadow:0 8px 22px rgba(216,102,5,.32);\n}\n#sk-talk .sk-t-btn--amber:hover{color:#fff;box-shadow:0 13px 30px rgba(216,102,5,.42)}\n#sk-talk .sk-t-btn--blue{\n  background:linear-gradient(90deg,#2b8fff 0%,#0a63d8 100%);\n  color:#fff;\n  box-shadow:0 8px 22px rgba(10,99,216,.3);\n}\n#sk-talk .sk-t-btn--blue:hover{color:#fff;box-shadow:0 13px 30px rgba(10,99,216,.4)}\n#sk-talk .sk-t-btn:focus-visible{outline:3px solid var(--sk-blue);outline-offset:3px}\n\n@media (max-width:820px){\n  #sk-talk .sk-t-panel{grid-template-columns:1fr}\n  #sk-talk .sk-t-avatar{width:min(160px,50%)}\n}\n@media (max-width:520px){\n  #sk-talk .sk-t-btn{width:100%;justify-content:center}\n}\n\n\/* ============ MODAL ============ *\/\n#sk-modal{\n  position:fixed;\n  inset:0;\n  z-index:99999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:1.25rem;\n  font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  text-align:left;\n  -webkit-font-smoothing:antialiased;\n}\n#sk-modal.is-open{display:flex}\n#sk-modal *,#sk-modal *::before,#sk-modal *::after{box-sizing:border-box}\n#sk-modal .sk-m-veil{\n  position:absolute;\n  inset:0;\n  background:rgba(4,10,22,.72);\n  -webkit-backdrop-filter:blur(3px);\n  backdrop-filter:blur(3px);\n}\n#sk-modal .sk-m-box{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden auto;\n  width:min(550px,100%);\n  max-height:min(92vh,780px);\n  padding:clamp(1.4rem,4vw,2rem);\n  border:1px solid #2a7fd4;\n  border-radius:12px;\n  background:#111b2c;\n  color:#fff;\n  box-shadow:0 30px 70px rgba(0,0,0,.55);\n\n  \/* hide the scrollbar chrome \u2014 it still scrolls if it truly must *\/\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n#sk-modal .sk-m-box::-webkit-scrollbar{width:0;height:0;display:none}\n#sk-modal .sk-m-box::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:var(--sk-modal-bg,none) center\/cover no-repeat;\n  opacity:.22;\n}\n#sk-modal .sk-m-close{\n  position:absolute;\n  top:.7rem;\n  right:.7rem;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:32px;\n  height:32px;\n  min-width:0;\n  min-height:0;\n  padding:0 !important;\n  margin:0;\n  border:0;\n  border-radius:50%;\n  line-height:0;\n  font-size:0;\n  background:rgba(255,255,255,.12);\n  color:#fff;\n  cursor:pointer;\n  -webkit-appearance:none;\n  appearance:none;\n  transition:background .18s ease;\n}\n#sk-modal .sk-m-close:hover{background:rgba(255,255,255,.24)}\n#sk-modal .sk-m-close:focus-visible{outline:3px solid var(--sk-amber-lite);outline-offset:2px}\n#sk-modal .sk-m-close svg{display:block}\n\n#sk-modal .sk-m-icon{\n  display:grid;\n  place-items:center;\n  width:58px;\n  height:58px;\n  border-radius:10px;\n  background:#2b3648;\n  color:var(--sk-amber-lite);\n}\n#sk-modal h2{\n  margin:1.3rem 0 0;\n  padding:0;\n  font-family:inherit;\n  font-size:clamp(1.6rem,5vw,2.1rem);\n  font-weight:800;\n  line-height:1.14;\n  letter-spacing:-.03em;\n  color:#fff;\n}\n#sk-modal h2 .sk-m-accent{color:var(--sk-amber-lite)}\n#sk-modal .sk-m-sub{\n  margin:.7rem 0 0;\n  font-size:.98rem;\n  line-height:1.5;\n  color:#c4d2e4;\n}\n\n#sk-modal .sk-m-field{position:relative;margin-top:.85rem}\n#sk-modal .sk-m-field:first-of-type{margin-top:1.5rem}\n#sk-modal .sk-m-field svg{\n  position:absolute;\n  top:50%;\n  left:1rem;\n  transform:translateY(-50%);\n  color:#6b7a90;\n  pointer-events:none;\n}\n#sk-modal .sk-m-field .sk-m-chev{left:auto;right:1rem}\n\/* textarea icon pins to the first line, not the middle *\/\n#sk-modal .sk-m-field--area svg{top:1.15rem;transform:none}\n#sk-modal input,#sk-modal select,#sk-modal textarea{\n  width:100%;\n  height:56px;\n  margin:0;\n  padding:0 1rem 0 3rem;\n  border:1px solid #dbe2ec;\n  border-radius:9px;\n  background:#fff;\n  font-family:inherit;\n  font-size:1rem;\n  color:#111827;\n  appearance:none;\n  -webkit-appearance:none;\n}\n#sk-modal textarea{\n  height:auto;\n  min-height:108px;\n  padding:1rem 1rem 1rem 3rem;\n  line-height:1.5;\n  resize:vertical;\n}\n#sk-modal select{padding-right:2.8rem;color:#111827}\n#sk-modal select:invalid{color:#8a94a4}\n#sk-modal input::placeholder,#sk-modal textarea::placeholder{color:#8a94a4}\n#sk-modal input:focus,#sk-modal select:focus,#sk-modal textarea:focus{\n  outline:0;\n  border-color:var(--sk-blue);\n  box-shadow:0 0 0 3px rgba(26,140,255,.25);\n}\n#sk-modal .sk-m-hint{\n  display:block;\n  margin:.4rem 0 0 .15rem;\n  font-size:.8rem;\n  color:#9fb1c8;\n}\n\/* hidden spam trap \u2014 people never see it, bots fill it in *\/\n#sk-modal .sk-m-trap{\n  position:absolute !important;\n  left:-9999px !important;\n  width:1px;\n  height:1px;\n  overflow:hidden;\n}\n\n#sk-modal .sk-m-submit{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:.7rem;\n  width:100%;\n  margin-top:1.5rem;\n  padding:1.05rem 1.5rem;\n  border:0;\n  border-radius:9px;\n  background:linear-gradient(90deg,var(--sk-amber-lite) 0%,var(--sk-amber-deep) 100%);\n  color:#fff;\n  font-family:inherit;\n  font-size:1.22rem;\n  font-weight:700;\n  letter-spacing:-.02em;\n  cursor:pointer;\n  box-shadow:0 10px 26px rgba(216,102,5,.35);\n  transition:transform .18s ease,box-shadow .18s ease;\n}\n#sk-modal .sk-m-submit:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(216,102,5,.45)}\n#sk-modal .sk-m-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}\n#sk-modal .sk-m-submit[disabled]{opacity:.65;cursor:default;transform:none}\n#sk-modal .sk-m-submit svg{transition:transform .18s ease}\n#sk-modal .sk-m-submit:hover svg{transform:translateX(3px)}\n\n#sk-modal .sk-m-note{\n  display:flex;\n  align-items:center;\n  gap:.55rem;\n  margin:1.1rem 0 0;\n  font-size:.9rem;\n  color:#c4d2e4;\n}\n#sk-modal .sk-m-note svg{flex:none;color:#c4d2e4}\n#sk-modal .sk-m-status{\n  margin:1.1rem 0 0;\n  font-size:.95rem;\n  line-height:1.5;\n  color:#8ee7a8;\n}\n#sk-modal .sk-m-status:empty{display:none}\n#sk-modal .sk-m-status[data-state=\"error\"]{color:#ffb4b4}\n\n\/* once a status message shows, the note has done its job \u2014\n   swapping one for the other keeps the panel height constant *\/\n#sk-modal .sk-m-form--sent .sk-m-note{display:none}\n\n@media (prefers-reduced-motion:reduce){\n  #sk-talk *,#sk-modal *{transition:none !important;animation:none !important}\n}\n<\/style>\n\n<section id=\"sk-talk\">\n  <div class=\"sk-t-inner\">\n\n    <p class=\"sk-t-eyebrow\">Start a conversation<\/p>\n\n    <h2><span class=\"sk-t-accent\">Let's Discuss<\/span> What You Are Building<\/h2>\n\n    <p class=\"sk-t-sub\">\n      Tell us where you are in your product journey and what is preventing you from\n      moving forward. We will help you identify a practical next step.\n    <\/p>\n\n    <div class=\"sk-t-panel\">\n\n      <div class=\"sk-t-person\">\n        <div class=\"sk-t-avatar\" role=\"img\" aria-label=\"Aqeel Wahlah\"><\/div>\n        <b>Aqeel Wahlah<\/b>\n        <span class=\"sk-t-role\">Founder and CEO<\/span>\n        <span class=\"sk-t-place\">ExtreemTek, Eindhoven, Netherlands<\/span>\n      <\/div>\n\n      <div>\n        <blockquote>\n          I personally join the initial conversation to understand your product goals\n          and ensure we bring the right technical expertise to the discussion.\n        <\/blockquote>\n\n        <p class=\"sk-t-label\">Select how you want to reach out:<\/p>\n\n        <div class=\"sk-t-actions\">\n          <a class=\"sk-t-btn sk-t-btn--amber\" href=\"https:\/\/calendly.com\/aqeel-extreemtek\/30min\">\n            Schedule a Discovery Call\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n          <\/a>\n          <button class=\"sk-t-btn sk-t-btn--blue\" type=\"button\" data-sk-open-modal=\"\">\n            Send Project Details\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== modal ===== -->\n<div id=\"sk-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sk-m-title\" hidden=\"\">\n  <div class=\"sk-m-veil\" data-sk-close=\"\"><\/div>\n\n  <div class=\"sk-m-box\">\n    <button class=\"sk-m-close\" type=\"button\" data-sk-close=\"\" aria-label=\"Close\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg>\n    <\/button>\n\n    <div class=\"sk-m-icon\" aria-hidden=\"true\">\n      <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.5 2.5 2.5 9.8l7.2 2.9 2.6 8 9.2-18.2Z\"><\/path><path d=\"M9.7 12.7 21.5 2.5\"><\/path><\/svg>\n    <\/div>\n\n    <h2 id=\"sk-m-title\">Let's Explore <span class=\"sk-m-accent\">Your Product Idea!<\/span><\/h2>\n\n    <p class=\"sk-m-sub\">Tell us what you're building. Our engineering team will help you define the next step.<\/p>\n\n    <form id=\"sk-m-form\" novalidate=\"\">\n      <div class=\"sk-m-field\">\n        <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle><path d=\"M4.5 20a7.5 7.5 0 0 1 15 0\"><\/path><\/svg>\n        <input id=\"sk-name\" name=\"name\" type=\"text\" placeholder=\"Your Name*\" aria-label=\"Your name\" required=\"\" autocomplete=\"name\">\n      <\/div>\n\n      <div class=\"sk-m-field\">\n        <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg>\n        <input id=\"sk-email\" name=\"email\" type=\"email\" placeholder=\"Work Email*\" aria-label=\"Work email\" required=\"\" autocomplete=\"email\">\n      <\/div>\n\n      <!-- phone: digits and phone punctuation only -->\n      <div class=\"sk-m-field\">\n        <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6.3 3.5h3.1l1.6 4-2 1.2a10.5 10.5 0 0 0 4.8 4.8l1.2-2 4 1.6v3.1a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.5 5.5a1.8 1.8 0 0 1 1.8-2Z\"><\/path><\/svg>\n        <input id=\"sk-phone\" name=\"phone\" type=\"tel\" placeholder=\"Phone Number*\" aria-label=\"Phone number\" required=\"\" inputmode=\"tel\" autocomplete=\"tel\" maxlength=\"20\" pattern=\"[0-9+()\\-\\s]{7,20}\" title=\"Digits only \u2014 you may also use + ( ) - and spaces\">\n        <small class=\"sk-m-hint\">Digits only. You may use +, (), - and spaces.<\/small>\n      <\/div>\n\n      <div class=\"sk-m-field\">\n        <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m12 2.8 8 4.3v9.8l-8 4.3-8-4.3V7.1Z\"><\/path><path d=\"m4 7.1 8 4.3 8-4.3M12 11.4V21\"><\/path><\/svg>\n        <svg class=\"sk-m-chev\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n        <select id=\"sk-type\" name=\"project_type\" aria-label=\"What do you want to build?\" required=\"\">\n          <option value=\"\" selected=\"\" disabled=\"\">What do you want to build?*<\/option>\n          <option>Mobile app (iOS \/ Android)<\/option>\n          <option>Web platform or SaaS<\/option>\n          <option>IoT or connected device<\/option>\n          <option>AI-powered feature<\/option>\n          <option>Back end, cloud or integrations<\/option>\n          <option>Not sure yet<\/option>\n        <\/select>\n      <\/div>\n\n      <!-- optional short summary -->\n      <div class=\"sk-m-field sk-m-field--area\">\n        <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4.5 5.5h15M4.5 10h15M4.5 14.5h10\"><\/path><\/svg>\n        <textarea id=\"sk-brief\" name=\"project_brief\" placeholder=\"Briefly, what are you building? (optional)\" aria-label=\"Short summary of your project or idea\" maxlength=\"600\" rows=\"3\"><\/textarea>\n        <small class=\"sk-m-hint\">A sentence or two is plenty \u2014 we'll ask the rest on the call.<\/small>\n      <\/div>\n\n      <!-- spam trap: leave empty -->\n      <div class=\"sk-m-trap\" aria-hidden=\"true\">\n        <input type=\"checkbox\" name=\"botcheck\" tabindex=\"-1\" autocomplete=\"off\">\n      <\/div>\n\n      <button class=\"sk-m-submit\" type=\"submit\">\n        Let's Discuss Your Idea\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n      <\/button>\n\n      <p class=\"sk-m-note\">\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4.5\" y=\"10.5\" width=\"15\" height=\"10\" rx=\"2\"><\/rect><path d=\"M8 10.5V7.8a4 4 0 0 1 8 0v2.7\"><\/path><\/svg>\n        No obligation. We'll get back to you within 1-2 business days.\n      <\/p>\n\n      <p class=\"sk-m-status\" role=\"status\" aria-live=\"polite\"><\/p>\n    <\/form>\n  <\/div>\n<\/div>\n\n<script>\n\/* Popup form \u2014 sends submissions to your email via Web3Forms *\/\n(function(){\n  var FORM_ENDPOINT = \"https:\/\/api.web3forms.com\/submit\";\n  var ACCESS_KEY    = \"d16be941-4049-42a1-aac1-c0025927fe85\";\n\n  var modal  = document.getElementById('sk-modal');\n  var form   = document.getElementById('sk-m-form');\n  if(!modal || !form) return;\n\n  \/* move the popup to <body> so no Elementor wrapper can clip or offset it *\/\n  document.body.appendChild(modal);\n\n  var status = modal.querySelector('.sk-m-status');\n  var phone  = document.getElementById('sk-phone');\n  var opener = null;\n\n  \/* ---- phone field: allow only digits and phone punctuation ---- *\/\n  if(phone){\n    var ALLOWED = \/[^0-9+()\\-\\s]\/g;\n\n    \/* block disallowed characters as they are typed *\/\n    phone.addEventListener('keypress', function(e){\n      if(e.ctrlKey || e.metaKey || e.altKey) return;\n      if(e.key && e.key.length === 1 && ALLOWED.test(e.key)){\n        e.preventDefault();\n      }\n    });\n\n    \/* strip anything that slips through (paste, autofill, mobile keyboards) *\/\n    function clean(){\n      var start = phone.selectionStart;\n      var before = phone.value;\n      var after = before.replace(ALLOWED, '');\n      if(after !== before){\n        phone.value = after;\n        var drop = before.length - after.length;\n        try{ phone.setSelectionRange(Math.max(0, start - drop), Math.max(0, start - drop)); }catch(err){}\n      }\n    }\n    phone.addEventListener('input', clean);\n    phone.addEventListener('paste', function(){ setTimeout(clean, 0); });\n  }\n\n  function open(trigger){\n    opener = trigger || null;\n    modal.hidden = false;\n    modal.classList.add('is-open');\n    document.body.style.overflow = 'hidden';\n    var first = modal.querySelector('input:not([name=\"botcheck\"]),select,textarea');\n    if(first) first.focus();\n  }\n\n  function close(){\n    modal.classList.remove('is-open');\n    modal.hidden = true;\n    document.body.style.overflow = '';\n\n    \/* clear every field so reopening starts fresh *\/\n    form.reset();\n    if(phone) phone.setCustomValidity('');\n\n    say('', 'ok');\n    if(opener) opener.focus();\n  }\n\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest('[data-sk-open-modal]');\n    if(btn){ e.preventDefault(); open(btn); }\n  });\n\n  modal.querySelectorAll('[data-sk-close]').forEach(function(el){\n    el.addEventListener('click', close);\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && modal.classList.contains('is-open')) close();\n  });\n\n  \/* keep tab focus inside the popup while it is open *\/\n  modal.addEventListener('keydown', function(e){\n    if(e.key !== 'Tab') return;\n    var f = modal.querySelectorAll('button,input:not([name=\"botcheck\"]),select,textarea,a[href]');\n    if(!f.length) return;\n    var first = f[0], last = f[f.length - 1];\n    if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); }\n    else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); }\n  });\n\n  function say(msg, state){\n    status.textContent = msg;\n    status.setAttribute('data-state', state || 'ok');\n    form.classList.toggle('sk-m-form--sent', !!msg);\n  }\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    say('', 'ok');\n\n    \/* phone must hold at least 7 digits once punctuation is ignored *\/\n    if(phone){\n      var digits = phone.value.replace(\/\\D\/g, '');\n      if(digits.length < 7){\n        phone.setCustomValidity('Please enter a valid phone number (at least 7 digits).');\n      } else {\n        phone.setCustomValidity('');\n      }\n    }\n\n    if(!form.checkValidity()){\n      form.reportValidity();\n      return;\n    }\n\n    var btn = form.querySelector('.sk-m-submit');\n    var payload = new FormData(form);\n    payload.append('access_key', ACCESS_KEY);\n    payload.append('subject', 'New project inquiry from extreemtek.com (contact section)');\n    payload.append('from_name', 'ExtreemTek Website');\n\n    btn.disabled = true;\n    say('Sending\u2026', 'ok');\n\n    fetch(FORM_ENDPOINT, {\n      method:'POST',\n      headers:{ 'Accept':'application\/json' },\n      body:payload\n    })\n      .then(function(r){ return r.json(); })\n      .then(function(res){\n        if(!res.success) throw new Error(res.message || 'failed');\n        form.reset();\n        say('Thanks. We will get back to you within 1-2 business days.', 'ok');\n      })\n      .catch(function(){\n        say('Something went wrong. Please try again or email us directly.', 'error');\n      })\n      .finally(function(){ btn.disabled = false; });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4906df e-con-full e-flex e-con e-parent\" data-id=\"d4906df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9996712 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9996712\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@400;500;600;700;800&display=swap');\n\nhtml{scroll-behavior:smooth}\n\n#sk-foot{\n  --sk-amber:#F5B01A;\n  --sk-ink:#101c30;\n\n  position:relative;\n  font-family:\"Inter Tight\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n#sk-foot *,#sk-foot *::before,#sk-foot *::after{box-sizing:border-box}\n#sk-foot .sk-f-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem}\n\n\/* ---------- orange band ---------- *\/\n#sk-foot .sk-f-top{\n  position:relative;\n  padding:clamp(4.5rem,11vw,8rem) 0 clamp(2rem,5vw,3rem);\n  background:url(\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/waves-transparent-1920x464-1.png\") center top\/cover no-repeat;\n  color:#fff;\n}\n#sk-foot .sk-f-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);\n  gap:clamp(1.6rem,4vw,3rem);\n  padding-top:clamp(1rem,2vw,1.5rem);\n}\n#sk-foot .sk-f-logo{\n  display:block;\n  width:auto;\n  max-width:230px;\n  height:auto;\n}\n#sk-foot .sk-f-blurb{\n  margin:1.4rem 0 0;\n  max-width:42ch;\n  font-size:.95rem;\n  font-weight:500;\n  line-height:1.55;\n  color:#fff;\n}\n#sk-foot .sk-f-addr{\n  margin:1.2rem 0 0;\n  max-width:44ch;\n  font-size:.88rem;\n  font-style:normal;\n  line-height:1.5;\n  color:rgba(255,255,255,.92);\n}\n#sk-foot .sk-f-contact{\n  margin:0;\n  padding:0;\n  list-style:none;\n  align-self:center;\n}\n#sk-foot .sk-f-contact li{\n  display:flex;\n  align-items:center;\n  gap:.7rem;\n  margin:0 0 .95rem;\n  padding:0;\n  list-style:none;\n  font-size:.95rem;\n}\n#sk-foot .sk-f-contact li:last-child{margin-bottom:0}\n#sk-foot .sk-f-contact li::marker{content:none}\n#sk-foot .sk-f-contact svg{flex:none;color:rgba(255,255,255,.9)}\n#sk-foot .sk-f-contact a{\n  color:#fff;\n  text-decoration:none;\n  border-bottom:1px solid transparent;\n  transition:border-color .18s ease;\n}\n#sk-foot .sk-f-contact a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.7)}\n#sk-foot .sk-f-contact a:focus-visible{outline:3px solid #fff;outline-offset:3px}\n\n\/* ---------- dark band ---------- *\/\n#sk-foot .sk-f-bottom{\n  background:var(--sk-ink);\n  color:#dbe3ee;\n  padding:clamp(2.4rem,5vw,3.4rem) 0 0;\n}\n#sk-foot .sk-f-nav{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:1.5rem;\n  max-width:820px;\n  margin:0 auto;\n}\n#sk-foot .sk-f-nav h3{\n  margin:0 0 1.3rem;\n  padding:0;\n  font-family:inherit;\n  font-size:.82rem;\n  font-weight:700;\n  letter-spacing:.05em;\n  text-transform:uppercase;\n  color:var(--sk-amber);\n}\n#sk-foot .sk-f-nav ul{margin:0;padding:0;list-style:none}\n#sk-foot .sk-f-nav li{margin:0 0 .9rem;padding:0;list-style:none}\n#sk-foot .sk-f-nav li::marker{content:none}\n#sk-foot .sk-f-nav a{\n  color:#dbe3ee;\n  font-size:.95rem;\n  line-height:1.45;\n  text-decoration:none;\n  transition:color .18s ease;\n}\n#sk-foot .sk-f-nav a:hover{color:var(--sk-amber);text-decoration:none}\n#sk-foot .sk-f-nav a:focus-visible{outline:3px solid var(--sk-amber);outline-offset:3px;border-radius:3px}\n\n#sk-foot .sk-f-legal{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  justify-content:space-between;\n  gap:1rem;\n  margin-top:clamp(2rem,4vw,3rem);\n  padding:1.3rem 0;\n  border-top:1px solid rgba(255,255,255,.08);\n  font-size:.88rem;\n  color:#9aa8bd;\n}\n#sk-foot .sk-f-legal b{font-weight:600;color:var(--sk-amber)}\n#sk-foot .sk-f-legal ul{display:flex;gap:1.6rem;margin:0;padding:0;list-style:none}\n#sk-foot .sk-f-legal li{margin:0;padding:0;list-style:none}\n#sk-foot .sk-f-legal li::marker{content:none}\n#sk-foot .sk-f-legal a{color:#9aa8bd;text-decoration:none;transition:color .18s ease}\n#sk-foot .sk-f-legal a:hover{color:#fff;text-decoration:none}\n#sk-foot .sk-f-legal a:focus-visible{outline:3px solid var(--sk-amber);outline-offset:3px;border-radius:3px}\n\n\/* ---------- back to top ---------- *\/\n#sk-top-btn{\n  position:fixed;\n  right:24px;bottom:24px;\n  z-index:9999;\n\n  width:48px;height:48px;\n  display:flex;align-items:center;justify-content:center;\n  border:0;border-radius:12px;\n  background:#F5B01A;\n  color:#101c30;\n  cursor:pointer;\n\n  opacity:0;\n  visibility:hidden;\n  transform:translateY(12px);\n  transition:opacity .25s ease, transform .25s ease, visibility .25s, background-color .2s ease, color .2s ease;\n}\n#sk-top-btn.is-visible{\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n}\n#sk-top-btn svg{\n  width:20px;height:20px;\n  fill:none;stroke:currentColor;stroke-width:2.4;\n  stroke-linecap:round;stroke-linejoin:round;\n}\n@media (hover:hover){\n  #sk-top-btn:hover,\n  #sk-top-btn:focus,\n  #sk-top-btn:active{\n    background:#007CF9 !important;\n    color:#fff !important;\n  }\n}\n#sk-top-btn:focus-visible{outline:3px solid #007CF9;outline-offset:3px}\n\n@media (max-width:760px){\n  #sk-foot .sk-f-grid{grid-template-columns:1fr;gap:1.8rem}\n  #sk-foot .sk-f-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}\n  #sk-foot .sk-f-legal{justify-content:flex-start}\n}\n@media (max-width:600px){\n  #sk-top-btn{right:16px;bottom:16px;width:44px;height:44px;border-radius:11px}\n  #sk-top-btn svg{width:18px;height:18px}\n}\n@media (max-width:460px){\n  #sk-foot .sk-f-nav{grid-template-columns:1fr}\n}\n@media (prefers-reduced-motion:reduce){\n  html{scroll-behavior:auto}\n  #sk-foot *{transition:none !important;animation:none !important}\n  #sk-top-btn{transition:opacity .01s}\n}\n<\/style>\n\n<footer id=\"sk-foot\">\n\n  <div class=\"sk-f-top\">\n    <div class=\"sk-f-inner\">\n      <div class=\"sk-f-grid\">\n\n        <div>\n          <img class=\"sk-f-logo\" src=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/Group-2.png\" alt=\"ExtreemTek \u2014 Engineering Ideas into Intelligent Reality\" loading=\"lazy\" decoding=\"async\">\n\n          <p class=\"sk-f-blurb\">\n            High-quality product engineering bringing AI, IoT, web,\n            mobile and cloud together for scalability.\n          <\/p>\n\n          <address class=\"sk-f-addr\">\n            AI Innovation Center,  High Tech Campus, 5656 AE,<br>\n            Eindhoven, the Netherlands.\n          <\/address>\n        <\/div>\n\n        <ul class=\"sk-f-contact\">\n          <li>\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M4.98 3.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM3 9.75h4v10.75H3ZM9.5 9.75h3.83v1.47h.05a4.2 4.2 0 0 1 3.78-2.08c4.04 0 4.79 2.66 4.79 6.12v4.24h-4v-3.76c0-.9-.02-2.05-1.25-2.05-1.25 0-1.44.98-1.44 1.99v3.82h-4Z\"><\/path><\/svg>\n            <a href=\"https:\/\/www.linkedin.com\/company\/extreemtek\" target=\"_blank\" rel=\"noopener\">@extreemtek<\/a>\n          <\/li>\n          <li>\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"7\" y=\"2.5\" width=\"10\" height=\"19\" rx=\"2.5\"><\/rect><path d=\"M11 18.5h2\"><\/path><\/svg>\n            <a href=\"tel:+31641166735\">+31641166735<\/a>\n          <\/li>\n          <li>\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg>\n            <a href=\"mailto:hello@extreemtek.nl\">hello@extreemtek.nl<\/a>\n          <\/li>\n        <\/ul>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sk-f-bottom\">\n    <div class=\"sk-f-inner\">\n\n      <nav class=\"sk-f-nav\" aria-label=\"Footer\">\n        <div>\n          <h3>Case Studies<\/h3>\n          <ul>\n            <li><a href=\"https:\/\/extreemtek.com\/case-studies\/#clawleaf\">Clawleaf<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/fileshift_fast_file_transfer\/\">Fileshift<\/a><\/li>\n          <li><a href=\"https:\/\/extreemtek.com\/plantcare\/\">Plantcare<\/a><\/li>\n            <!--<li><a href=\"\">Deepfake<\/a><\/li> -->\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h3 href=\"#services\">Services<\/h3>\n          <ul>\n            <li><a href=\"https:\/\/extreemtek.com\/ai-solution\/\">AI Solutions<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/iot-and-connected-products\/\">IoT Firmware<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/website-and-mobile-app-development\/\">Web &amp; App Development<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/cloud-operations\/\">Cloud Operations<\/a><\/li><li><a href=\"https:\/\/extreemtek.com\/ble-connected-device-app-development\/\">BLE &amp; Device Apps<\/a><\/li><li><a href=\"https:\/\/extreemtek.com\/mvp-development\/\">MVP Development<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h3>Company<\/h3>\n          <ul>\n            <li><a href=\"https:\/\/extreemtek.com\/\">Home<\/a><\/li><li><a href=\"https:\/\/extreemtek.com\/#case-studies\">Case Studies<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/#how-we-work\">How We Work<\/a><\/li>\n            <li><a href=\"https:\/\/extreemtek.com\/contact-us\/\">Contact Us<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/nav>\n\n      <div class=\"sk-f-legal\">\n        <p style=\"margin:0\">\u00a9 2026 <b>ExtreemTek<\/b>. All rights reserved. Registered in Eindhoven, the Netherlands.<\/p>\n        <ul>\n          <li><a href=\"https:\/\/extreemtek.com\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n          \n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/footer>\n\n<button id=\"sk-top-btn\" type=\"button\" aria-label=\"Back to top\">\n  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 15l6-6 6 6\"><\/path><\/svg>\n<\/button>\n\n<script>\n(function () {\n  function init() {\n    var btn = document.getElementById('sk-top-btn');\n    if (!btn) return;\n\n    var SHOW_AFTER = 400;\n\n    function scrolled() {\n      return window.pageYOffset\n          || document.documentElement.scrollTop\n          || document.body.scrollTop\n          || 0;\n    }\n\n    function check() {\n      btn.classList.toggle('is-visible', scrolled() > SHOW_AFTER);\n    }\n\n    \/\/ scroll, resize, and the tail of any smooth-scroll from an anchor click\n    window.addEventListener('scroll', check, { passive: true });\n    window.addEventListener('resize', check, { passive: true });\n    window.addEventListener('hashchange', function () {\n      setTimeout(check, 100);\n      setTimeout(check, 700);\n    });\n    document.addEventListener('click', function (e) {\n      var a = e.target.closest && e.target.closest('a[href*=\"#\"]');\n      if (!a) return;\n      setTimeout(check, 100);\n      setTimeout(check, 700);\n    }, true);\n\n    \/\/ safety net for page builders that animate scroll without firing events\n    setInterval(check, 800);\n\n    check();\n\n    btn.addEventListener('click', function () {\n      var reduce = window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n      if (window.scrollTo && !reduce) {\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      } else {\n        window.scrollTo(0, 0);\n      }\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\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>Home What We Do Case Studies How We Work About Contact Us Discuss Your Product Services &bull; Web &amp; Mobile Development Idea to MVP Built to Scale Schedule a Discovery Call Send Project Details AI integration Website development Mobile development Let&#8217;s Explore Your Product Idea! Tell us what you&#8217;re building. Our engineering team will help [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_yoast_wpseo_focuskw":"app development company","_yoast_wpseo_title":"App & Web Development Company in Eindhoven | ExtreemTek","_yoast_wpseo_metadesc":"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.","footnotes":""},"class_list":["post-7003","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>App &amp; Web Development Company in Eindhoven | ExtreemTek<\/title>\n<meta name=\"description\" content=\"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/extreemtek.com\/nl\/website-and-mobile-app-development\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"App &amp; Web Development Company in Eindhoven | ExtreemTek\" \/>\n<meta property=\"og:description\" content=\"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/extreemtek.com\/nl\/website-and-mobile-app-development\/\" \/>\n<meta property=\"og:site_name\" content=\"ExtreemTek\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/extreemtek\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T05:49:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/10\/extreemtek-og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/10\/extreemtek-og-image.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/\",\"url\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/\",\"name\":\"App & Web Development Company in Eindhoven | ExtreemTek\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/extreemtek.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Frame.png\",\"datePublished\":\"2026-09-21T12:21:13+00:00\",\"dateModified\":\"2026-10-23T05:49:01+00:00\",\"description\":\"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/extreemtek.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Frame.png\",\"contentUrl\":\"https:\\\/\\\/extreemtek.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Frame.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/website-and-mobile-app-development\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/extreemtek.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website and Mobile App Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#website\",\"url\":\"https:\\\/\\\/extreemtek.com\\\/\",\"name\":\"ExtreemTek\",\"description\":\"Engineering Ideas into Intelligent Reality\",\"publisher\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#organization\"},\"alternateName\":\"Extreemtek\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/extreemtek.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#organization\",\"name\":\"ExtreemTek\",\"alternateName\":\"Extreemtek\",\"url\":\"https:\\\/\\\/extreemtek.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/extreemtek.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/extreemtek-new-logol-horizontal-white.svg\",\"contentUrl\":\"https:\\\/\\\/extreemtek.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/extreemtek-new-logol-horizontal-white.svg\",\"width\":634,\"height\":106,\"caption\":\"ExtreemTek\"},\"image\":{\"@id\":\"https:\\\/\\\/extreemtek.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/extreemtek\\\/\",\"https:\\\/\\\/www.instagram.com\\\/extreemtek\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/extreemtek\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"App & Web Development Company in Eindhoven | ExtreemTek","description":"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/extreemtek.com\/nl\/website-and-mobile-app-development\/","og_locale":"nl_NL","og_type":"article","og_title":"App & Web Development Company in Eindhoven | ExtreemTek","og_description":"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.","og_url":"https:\/\/extreemtek.com\/nl\/website-and-mobile-app-development\/","og_site_name":"ExtreemTek","article_publisher":"https:\/\/www.facebook.com\/extreemtek\/","article_modified_time":"2026-10-23T05:49:01+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/10\/extreemtek-og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/10\/extreemtek-og-image.jpg","twitter_misc":{"Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/","url":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/","name":"App & Web Development Company in Eindhoven | ExtreemTek","isPartOf":{"@id":"https:\/\/extreemtek.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#primaryimage"},"image":{"@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#primaryimage"},"thumbnailUrl":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/Frame.png","datePublished":"2026-09-21T12:21:13+00:00","dateModified":"2026-10-23T05:49:01+00:00","description":"Custom mobile app and web app development in the Netherlands. iOS, Android and web platforms built by an Eindhoven team, from MVP to scale.","breadcrumb":{"@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/extreemtek.com\/website-and-mobile-app-development\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#primaryimage","url":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/Frame.png","contentUrl":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/09\/Frame.png"},{"@type":"BreadcrumbList","@id":"https:\/\/extreemtek.com\/website-and-mobile-app-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/extreemtek.com\/"},{"@type":"ListItem","position":2,"name":"Website and Mobile App Development"}]},{"@type":"WebSite","@id":"https:\/\/extreemtek.com\/#website","url":"https:\/\/extreemtek.com\/","name":"ExtreemTek","description":"Engineering Ideas into Intelligent Reality","publisher":{"@id":"https:\/\/extreemtek.com\/#organization"},"alternateName":"Extreemtek","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/extreemtek.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/extreemtek.com\/#organization","name":"ExtreemTek","alternateName":"Extreemtek","url":"https:\/\/extreemtek.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/extreemtek.com\/#\/schema\/logo\/image\/","url":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/07\/extreemtek-new-logol-horizontal-white.svg","contentUrl":"https:\/\/extreemtek.com\/wp-content\/uploads\/2026\/07\/extreemtek-new-logol-horizontal-white.svg","width":634,"height":106,"caption":"ExtreemTek"},"image":{"@id":"https:\/\/extreemtek.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/extreemtek\/","https:\/\/www.instagram.com\/extreemtek\/","https:\/\/www.linkedin.com\/company\/extreemtek"]}]}},"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/pages\/7003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/comments?post=7003"}],"version-history":[{"count":41,"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/pages\/7003\/revisions"}],"predecessor-version":[{"id":7347,"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/pages\/7003\/revisions\/7347"}],"wp:attachment":[{"href":"https:\/\/extreemtek.com\/nl\/wp-json\/wp\/v2\/media?parent=7003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}