{"id":11,"date":"2023-01-02T07:09:02","date_gmt":"2023-01-02T07:09:02","guid":{"rendered":"https:\/\/ifingerstudio.com\/spondtech\/?page_id=11"},"modified":"2026-04-01T18:04:49","modified_gmt":"2026-04-01T15:04:49","slug":"home-three","status":"publish","type":"page","link":"https:\/\/tusmec.com\/","title":{"rendered":"Home Three"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1efe8e2 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1efe8e2\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInDown&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af845c4 elementor-widget elementor-widget-html\" data-id=\"af845c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"amr-hero\">\r\n  <style>\r\n    \/* ================== THEME & LAYOUT ================== *\/\r\n    #amr-hero{\r\n      --bg:#0a1220; --bg2:#0b1527; --panel:#101b2e; --panel2:#0d182a;\r\n      --ring:#23324b; --txt:#f6fbff; --muted:#cfe1ff;\r\n      --a:#26f0a8; --b:#7c5cff; --shadow:0 12px 28px rgba(0,0,0,.35);\r\n      --ease: cubic-bezier(.2,.7,0,1);\r\n      color:var(--txt); font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;\r\n      background:\r\n        radial-gradient(1100px 520px at 10% -8%, rgba(38,240,168,.10), transparent 60%),\r\n        radial-gradient(1100px 520px at 90% 115%, rgba(124,92,255,.10), transparent 60%),\r\n        linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:40px 0 48px; overflow:hidden;\r\n    }\r\n    #amr-hero *{box-sizing:border-box}\r\n    #amr-hero .wrap{max-width:1280px;margin:0 auto;padding:0 20px}\r\n\r\n    \/* ================== HEADER + TABS ================== *\/\r\n    .hdr{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:20px; flex-wrap:wrap}\r\n    .title{margin:0; font-weight:800; line-height:1.08; font-size:clamp(26px,3.8vw,44px); opacity:0; transform:translateY(16px)}\r\n    .subtitle{margin:6px 0 0; color:var(--muted); font-size:clamp(13px,1.8vw,17px); opacity:0; transform:translateY(16px); max-width:540px}\r\n    .tabs{\r\n      display:flex; gap:10px; flex-wrap:nowrap; overflow:auto hidden; padding-bottom:2px;\r\n      -webkit-overflow-scrolling:touch; scrollbar-width:none; opacity:0; transform:translateY(16px)\r\n    }\r\n    .tabs::-webkit-scrollbar{display:none}\r\n    .tab{\r\n      appearance:none; border:none; cursor:pointer; padding:10px 16px; border-radius:14px;\r\n      color:#eaf6ff; background:linear-gradient(180deg,#0E1730,#0B1220);\r\n      border:1px solid #ffffff25; box-shadow:inset 0 1px 0 #ffffff12, var(--shadow);\r\n      font-weight:800; font-size:14px; letter-spacing:.2px; white-space:nowrap;\r\n      transition:transform .25s, border-color .25s, box-shadow .25s, background .25s;\r\n    }\r\n    .tab:hover{border-color:#ffffff44; transform:translateY(-1px)}\r\n    .tab[aria-selected=\"true\"]{\r\n      border-color:#6AB9FF88;\r\n      box-shadow:0 12px 32px rgba(0,0,0,.45), inset 0 0 0 1px #6AB9FF33;\r\n      background:linear-gradient(90deg, rgba(38,240,168,.22), rgba(124,92,255,.22));\r\n      transform:translateY(-1px);\r\n    }\r\n\r\n    \/* ================== VIDEO \u2014 LARGE & DOMINANT ================== *\/\r\n    .video-panel{\r\n      background:linear-gradient(180deg,var(--panel),var(--panel2));\r\n      border:1px solid var(--ring);\r\n      border-radius:20px; box-shadow:var(--shadow); overflow:hidden; position:relative;\r\n      margin-bottom:20px;\r\n    }\r\n    .video-wrap{\r\n      position:relative;\r\n      aspect-ratio:2.1 \/ 1;\r\n      min-height:340px;\r\n      max-height:620px;\r\n      border-radius:20px; overflow:hidden; isolation:isolate;\r\n    }\r\n    .video-wrap::before{\r\n      content:\"\"; position:absolute; inset:-3px; pointer-events:none; z-index:1;\r\n      background:conic-gradient(from 120deg at 50% 50%, rgba(38,240,168,.35), rgba(124,92,255,.40), rgba(38,240,168,.35));\r\n      filter:blur(22px); opacity:.5; animation:spin 14s linear infinite;\r\n    }\r\n    @keyframes spin{to{transform:rotate(360deg)}}\r\n    .video{\r\n      position:absolute; inset:0; width:100%; height:100%;\r\n      object-fit:cover; display:block; z-index:2;\r\n    }\r\n\r\n    \/* overlay \u00fcst bar *\/\r\n    .overlay-head{\r\n      position:absolute; left:14px; right:14px; top:14px;\r\n      display:flex; justify-content:space-between; align-items:center; gap:10px; z-index:3;\r\n      padding:10px 14px; font-size:13px; font-weight:600; border-radius:14px; color:#eaf6ff;\r\n      background:linear-gradient(180deg,#0f1d31dd,#0b1727dd);\r\n      border:1px solid #ffffff20; backdrop-filter:blur(8px);\r\n    }\r\n    .dot{width:9px;height:9px;border-radius:50%; background:radial-gradient(circle at 30% 30%, #7c5cff, #39d); box-shadow:0 0 12px #39d}\r\n\r\n    \/* scroll ipucu *\/\r\n    .scroll-hint{\r\n      position:absolute; bottom:16px; left:50%; transform:translateX(-50%); z-index:3;\r\n      display:flex; flex-direction:column; align-items:center; gap:4px;\r\n      color:#ffffff88; font-size:11px; font-weight:600; letter-spacing:.5px; text-transform:uppercase;\r\n      pointer-events:none; transition:opacity .4s;\r\n    }\r\n    .scroll-hint.hide{opacity:0}\r\n    .scroll-hint svg{animation:bounce 1.6s ease infinite}\r\n    @keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}\r\n\r\n    \/* ================== INFO GRID \u2014 ALTTA ================== *\/\r\n    .info-row{display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start}\r\n\r\n    \/* KPI strip *\/\r\n    .kpis{\r\n      display:grid; grid-template-columns:repeat(4,1fr); gap:10px;\r\n      grid-column:1 \/ -1;\r\n    }\r\n    .kpi{\r\n      background:linear-gradient(180deg,#0F1527,#0B1220);\r\n      border:1px solid #ffffff20; border-radius:14px; padding:14px 10px; text-align:center;\r\n    }\r\n    .kpi strong{display:block; font-size:19px; font-weight:800; color:var(--txt)}\r\n    .kpi small{color:#a9c5ff; font-size:12px; font-weight:600; letter-spacing:.3px}\r\n\r\n    \/* feature cards *\/\r\n    .features{\r\n      display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:12px;\r\n      grid-column:1 \/ -1;\r\n    }\r\n    .card{\r\n      padding:16px; border-radius:14px; border:1px solid #ffffff18;\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727);\r\n      transition:border-color .3s, transform .3s;\r\n    }\r\n    .card:hover{border-color:#ffffff30; transform:translateY(-2px)}\r\n    .card h4{margin:0 0 5px; font-size:15px; font-weight:700; color:var(--txt)}\r\n    .card p{margin:0; color:#c8dcff; font-size:13.5px; line-height:1.5}\r\n\r\n    \/* CTA *\/\r\n    .cta-row{display:flex; gap:12px; flex-wrap:wrap; grid-column:1 \/ -1}\r\n    .btn{\r\n      appearance:none; border:none; cursor:pointer; padding:13px 20px; border-radius:14px; font-weight:900;\r\n      color:#fff; font-size:14px; letter-spacing:.4px; text-transform:uppercase;\r\n      background:linear-gradient(90deg, rgba(38,240,168,.22), rgba(124,92,255,.22));\r\n      border:1px solid #ffffff22; box-shadow:var(--shadow); text-decoration:none;\r\n      transition:transform .25s, box-shadow .25s;\r\n    }\r\n    .btn:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(0,0,0,.5)}\r\n\r\n    \/* ================== ANIMATIONS ================== *\/\r\n    .intro .title,.intro .subtitle,.intro .tabs,.intro .video-panel,.intro .info-row{\r\n      opacity:0; transform:translateY(18px) scale(.98)\r\n    }\r\n    .entered .title,.entered .subtitle,.entered .tabs,.entered .video-panel,.entered .info-row{\r\n      opacity:1; transform:none; transition:.7s var(--ease)\r\n    }\r\n    .entered .subtitle{transition-delay:.04s}\r\n    .entered .tabs{transition-delay:.07s}\r\n    .entered .video-panel{transition-delay:.10s}\r\n    .entered .info-row{transition-delay:.16s}\r\n\r\n    \/* tab crossfade *\/\r\n    .x-leave,.x-enter{position:relative}\r\n    .x-leave>*,.x-enter>*{will-change:opacity,transform}\r\n    .x-leave{opacity:1}\r\n    .x-leave.x-on{opacity:.3; filter:blur(3px); transform:scale(.997); transition:.18s}\r\n    .x-enter{opacity:.01; transform:scale(.994)}\r\n    .x-enter.x-on{opacity:1; filter:none; transform:none; transition:.24s}\r\n\r\n    body.amr-lock{overflow:hidden}\r\n\r\n    \/* ================== RESPONSIVE ================== *\/\r\n    @media (max-width:1024px){\r\n      .video-wrap{aspect-ratio:16\/9; min-height:260px; max-height:480px}\r\n      .kpis{grid-template-columns:repeat(4,1fr)}\r\n      .features{grid-template-columns:1fr 1fr}\r\n    }\r\n    @media (max-width:700px){\r\n      #amr-hero{padding:28px 0 36px}\r\n      .hdr{flex-direction:column; align-items:flex-start}\r\n      .video-wrap{aspect-ratio:16\/10; min-height:220px; max-height:400px}\r\n      .kpis{grid-template-columns:repeat(2,1fr)}\r\n      .features{grid-template-columns:1fr}\r\n      .btn{width:100%; text-align:center; justify-content:center}\r\n      .tabs{gap:8px}\r\n      .tab{padding:10px 13px; font-size:13.5px}\r\n      .overlay-head{left:10px; right:10px; top:10px; padding:8px 10px; font-size:12px}\r\n    }\r\n    @media (max-width:420px){\r\n      .video-wrap{aspect-ratio:4\/3; min-height:200px}\r\n      .kpi strong{font-size:16px}\r\n      .kpi small{font-size:11px}\r\n      .card h4{font-size:14px}\r\n      .card p{font-size:12.5px}\r\n      .video-wrap::before{filter:blur(14px); opacity:.4}\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      .video-wrap::before{animation:none}\r\n      .entered .title,.entered .subtitle,.entered .tabs,.entered .video-panel,.entered .info-row{transition:none}\r\n      .x-leave.x-on,.x-enter.x-on{transition:none}\r\n      .scroll-hint svg{animation:none}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap intro\" id=\"amr-wrap\">\r\n    <!-- HEADER -->\r\n    <div class=\"hdr\">\r\n      <div>\r\n        <h1 class=\"title\">TUS ZENITH OMNIBOT Ailesi<\/h1>\r\n        <p class=\"subtitle\">Depo i\u00e7i otonom lojistikte h\u0131z, g\u00fcvenlik ve verimi birlikte sunan ak\u0131ll\u0131 robotlar.<\/p>\r\n      <\/div>\r\n      <div class=\"tabs\" role=\"tablist\" aria-label=\"\u00dcr\u00fcnler\" id=\"tabs\">\r\n        <button class=\"tab\" role=\"tab\" aria-selected=\"true\"  data-key=\"v1\">V1 \u2013 Omnibot<\/button>\r\n        <button class=\"tab\" role=\"tab\" aria-selected=\"false\" data-key=\"v2\">V2 \u2013 Palet<\/button>\r\n        <button class=\"tab\" role=\"tab\" aria-selected=\"false\" data-key=\"v3\">V2 \u2013 Forklift<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- VIDEO \u2014 B\u00dcY\u00dcK & BASKIN -->\r\n    <div class=\"video-panel panel\" id=\"video-panel\">\r\n      <div class=\"video-wrap\" id=\"scrub-area\">\r\n        <div class=\"overlay-head\">\r\n          <strong id=\"vid-title\">V1 \u2013 \u00dcr\u00fcn Tan\u0131t\u0131m<\/strong>\r\n          <span class=\"dot\"><\/span>\r\n        <\/div>\r\n        <video id=\"hero-video\" class=\"video\" preload=\"metadata\" playsinline muted><\/video>\r\n        <div class=\"scroll-hint\" id=\"scroll-hint\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 4v10m0 0l-4-4m4 4l4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          Kayd\u0131r\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- INFO \u2014 ALTTA -->\r\n    <div class=\"info-row\" id=\"info\">\r\n      <div class=\"kpis\" id=\"kpis\">\r\n        <div class=\"kpi\"><small>Azami H\u0131z<\/small><strong id=\"kpi-speed\">1.8 m\/s<\/strong><\/div>\r\n        <div class=\"kpi\"><small>Payload<\/small><strong id=\"kpi-payload\">100 kg<\/strong><\/div>\r\n        <div class=\"kpi\"><small>\u00c7al\u0131\u015fma<\/small><strong id=\"kpi-hours\">4\u20138 saat<\/strong><\/div>\r\n        <div class=\"kpi\"><small>G\u00fcvenlik<\/small><strong id=\"kpi-safe\">LiDAR + E-Stop<\/strong><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"features\" id=\"features\">\r\n        <div class=\"card\"><h4>Navigasyon<\/h4><p>Do\u011fal seyir, filo y\u00f6netimi.<\/p><\/div>\r\n        <div class=\"card\"><h4>Boyutlar<\/h4><p>600\u00d71800 mm, 48 kg.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-row\">\r\n        <a href=\"\/index.php\/lojistik-ika-sistemi\/\" class=\"btn\">\u00dcr\u00fcnleri \u0130ncele<\/a>\r\n        <a href=\"\/index.php\/iletisim\/\" class=\"btn\">\u0130leti\u015fime Ge\u00e7<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      \/* ------- Data ------- *\/\r\n      const DATA={\r\n        v1:{\r\n          title:\"V1 \u2013 \u00dcr\u00fcn Tan\u0131t\u0131m\",\r\n          src:\"\/wp-content\/uploads\/2025\/09\/product-one.mp4\",\r\n          kpis:{speed:\"1.8 m\/s\", payload:\"100 kg\", hours:\"4\u20138 saat\", safe:\"LiDAR + E-Stop\"},\r\n          features:[\r\n            {h:\"Navigasyon\", p:\"Do\u011fal seyir, filo y\u00f6netim sistemi.\"},\r\n            {h:\"Boyutlar \/ A\u011f\u0131rl\u0131k\", p:\"600 \u00d7 1800 mm, 48 kg.\"},\r\n            {h:\"Kullan\u0131m\", p:\"E-ticaret depolar\u0131, hat besleme, k\u00fc\u00e7\u00fck hacimli y\u00fck.\"}\r\n          ]\r\n        },\r\n        v2:{\r\n          title:\"V2 \u2013 Palet Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131\",\r\n          src:\"\/wp-content\/uploads\/2025\/09\/product-two.mp4\",\r\n          kpis:{speed:\"1.7 m\/s\", payload:\"1000\u20132000 kg\", hours:\"6\u201312 saat\", safe:\"LiDAR + 3D Kamera\"},\r\n          features:[\r\n            {h:\"Boyutlar\", p:\"1415 \u00d7 1078 mm kompakt tasar\u0131m.\"},\r\n            {h:\"Kullan\u0131m\", p:\"Palet ta\u015f\u0131ma, depo y\u00fckleme\/bo\u015faltma.\"},\r\n            {h:\"Yaz\u0131l\u0131m\", p:\"Ger\u00e7ek zamanl\u0131 rota & g\u00f6rev atama.\"}\r\n          ]\r\n        },\r\n        v3:{\r\n          title:\"V2 \u2013 Forklift (Max 1,5 m)\",\r\n          src:\"\/wp-content\/uploads\/2025\/09\/product-tree.mp4\",\r\n          kpis:{speed:\"1.5 m\/s\", payload:\"1000\u20131500 kg\", hours:\"4\u201312 saat\", safe:\"2D\/3D LiDAR + E-Stop\"},\r\n          features:[\r\n            {h:\"Kald\u0131rma Y\u00fcksekli\u011fi\", p:\"Maksimum 1,5 m.\"},\r\n            {h:\"Navigasyon\", p:\"Do\u011fal seyir, filo y\u00f6netimi.\"},\r\n            {h:\"Kullan\u0131m Alanlar\u0131\", p:\"Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re.\"}\r\n          ]\r\n        }\r\n      };\r\n\r\n      \/* ------- Elements ------- *\/\r\n      const wrap    = document.getElementById('amr-wrap');\r\n      const section = document.getElementById('amr-hero');\r\n      const video   = document.getElementById('hero-video');\r\n      const vidTitle= document.getElementById('vid-title');\r\n      const feats   = document.getElementById('features');\r\n      const kpiSp   = document.getElementById('kpi-speed');\r\n      const kpiPl   = document.getElementById('kpi-payload');\r\n      const kpiHr   = document.getElementById('kpi-hours');\r\n      const kpiSf   = document.getElementById('kpi-safe');\r\n      const hint    = document.getElementById('scroll-hint');\r\n      const tabs    = [...document.querySelectorAll('#tabs .tab')];\r\n\r\n      \/* ------- Intro animation ------- *\/\r\n      requestAnimationFrame(()=>{ wrap.classList.remove('intro'); wrap.classList.add('entered'); });\r\n\r\n      \/* ------- Helpers ------- *\/\r\n      let duration=0, touchY=null, completed=false;\r\n      const EPS=.04;\r\n      const clamp=(v,min,max)=>Math.max(min,Math.min(max,v));\r\n      const atStart=()=>(video.currentTime||0)<=EPS;\r\n      const atEnd=()=>duration&&(duration-(video.currentTime||0))<=EPS;\r\n\r\n      function sectionInView(){\r\n        const r=section.getBoundingClientRect();\r\n        return r.bottom>0 && r.top<window.innerHeight*0.95;\r\n      }\r\n      function lockIfNeeded(dir){\r\n        if(completed){document.body.classList.remove('amr-lock');return false}\r\n        const needF=dir>0&&!atEnd();\r\n        const needB=dir<0&&!atStart();\r\n        if(needF||needB){document.body.classList.add('amr-lock');return true}\r\n        document.body.classList.remove('amr-lock');return false\r\n      }\r\n      function scrubBy(delta){\r\n        if(!duration) return;\r\n        const base=duration\/1100;\r\n        const next=clamp((video.currentTime||0)+delta*base,0,duration);\r\n        video.currentTime=next;\r\n        if(next>0.3) hint.classList.add('hide');\r\n        else hint.classList.remove('hide');\r\n        if(atEnd()){completed=true;document.body.classList.remove('amr-lock')}\r\n        if(atStart()){document.body.classList.remove('amr-lock')}\r\n      }\r\n\r\n      \/* ------- Tab crossfade ------- *\/\r\n      function crossFade(el,fn){\r\n        el.classList.add('x-leave');\r\n        requestAnimationFrame(()=>el.classList.add('x-on'));\r\n        setTimeout(()=>{\r\n          fn();\r\n          el.classList.remove('x-leave','x-on');\r\n          el.classList.add('x-enter');\r\n          requestAnimationFrame(()=>el.classList.add('x-on'));\r\n          setTimeout(()=>el.classList.remove('x-enter','x-on'),260);\r\n        },180);\r\n      }\r\n\r\n      \/* ------- Set Content ------- *\/\r\n      function setContent(key){\r\n        const d=DATA[key]; if(!d) return;\r\n        tabs.forEach(t=>t.setAttribute('aria-selected',String(t.dataset.key===key)));\r\n        crossFade(section,()=>{\r\n          completed=false; document.body.classList.add('amr-lock');\r\n          hint.classList.remove('hide');\r\n          vidTitle.textContent=d.title;\r\n          video.pause(); video.src=d.src; video.currentTime=0;\r\n          const onMeta=()=>{duration=video.duration||0;video.currentTime=0;video.pause();video.removeEventListener('loadedmetadata',onMeta)};\r\n          video.addEventListener('loadedmetadata',onMeta);\r\n\r\n          kpiSp.textContent=d.kpis.speed;\r\n          kpiPl.textContent=d.kpis.payload;\r\n          kpiHr.textContent=d.kpis.hours;\r\n          kpiSf.textContent=d.kpis.safe;\r\n\r\n          feats.innerHTML='';\r\n          d.features.forEach((f,i)=>{\r\n            const card=document.createElement('div');\r\n            card.className='card';\r\n            card.style.opacity='0';card.style.transform='translateY(14px) scale(.98)';card.style.filter='blur(6px)';\r\n            card.innerHTML=`<h4>${f.h}<\/h4><p>${f.p}<\/p>`;\r\n            feats.appendChild(card);\r\n            setTimeout(()=>{\r\n              card.style.transition='.6s var(--ease)';\r\n              card.style.opacity='1';card.style.transform='none';card.style.filter='none';\r\n            },120*i+140);\r\n          });\r\n        });\r\n      }\r\n\r\n      \/* ------- Scroll listeners ------- *\/\r\n      function onWheel(e){\r\n        if(!sectionInView()) return;\r\n        const dir=Math.sign(e.deltaY||0)||0;\r\n        if(!lockIfNeeded(dir)) return;\r\n        e.preventDefault();\r\n        scrubBy(e.deltaY);\r\n      }\r\n      function onTouchStart(e){if(!sectionInView()) return; touchY=e.touches[0].clientY}\r\n      function onTouchMove(e){\r\n        if(!sectionInView()||touchY==null) return;\r\n        const y=e.touches[0].clientY,dy=touchY-y;touchY=y;\r\n        const dir=Math.sign(dy)||0;\r\n        if(!lockIfNeeded(dir)) return;\r\n        e.preventDefault();\r\n        scrubBy(dy*1.15);\r\n      }\r\n      function onTouchEnd(){touchY=null}\r\n\r\n      window.addEventListener('wheel',onWheel,{passive:false});\r\n      window.addEventListener('touchstart',onTouchStart,{passive:false});\r\n      window.addEventListener('touchmove',onTouchMove,{passive:false});\r\n      window.addEventListener('touchend',onTouchEnd,{passive:true});\r\n\r\n      \/* ------- Tab events ------- *\/\r\n      tabs.forEach(t=>t.addEventListener('click',()=>setContent(t.dataset.key)));\r\n      let tx=null;\r\n      document.getElementById('tabs').addEventListener('touchstart',e=>{tx=e.touches[0].clientX},{passive:true});\r\n      document.getElementById('tabs').addEventListener('touchend',e=>{\r\n        if(tx==null) return;const dx=(e.changedTouches[0].clientX-tx);\r\n        const order=['v1','v2','v3'];const current=order.findIndex(k=>document.querySelector('.tab[aria-selected=\"true\"]').dataset.key===k);\r\n        if(Math.abs(dx)>40){\r\n          const next=dx<0?(current+1)%order.length:(current-1+order.length)%order.length;\r\n          setContent(order[next]);\r\n        }\r\n        tx=null;\r\n      },{passive:true});\r\n\r\n      \/* ------- Init ------- *\/\r\n      setContent('v1');\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95b1111 e-flex e-con-boxed e-con e-parent\" data-id=\"95b1111\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ba74ee elementor-widget elementor-widget-html\" data-id=\"5ba74ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"sfb-fixed\" class=\"sfb-fixed\">\r\n  <style>\r\n    :root{\r\n      --bg:#0a1220; --bg2:#0b1527; --panel:#101b2e; --panel2:#0d182a;\r\n      --ring:rgba(255,255,255,.10); --txt:#f5f8ff; --muted:#cfe1ff;\r\n      --a:#1ec8ff; --b:#7c5cff; --r:16px; --sh:0 12px 28px rgba(0,0,0,.35);\r\n    }\r\n    .sfb-fixed{color:var(--txt); background:\r\n      radial-gradient(900px 420px at 12% -10%, rgba(30,200,255,.18), transparent 60%),\r\n      radial-gradient(900px 420px at 88% 120%, rgba(124,92,255,.16), transparent 60%),\r\n      linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:40px 0; overflow:hidden}\r\n    .sfb-fixed *{box-sizing:border-box}\r\n    .sfb-fixed .wrap{max-width:1180px;margin:0 auto;padding:0 16px}\r\n\r\n    h1{margin:0 0 8px; line-height:1.06; font-weight:800;\r\n       font-size:clamp(24px,7vw,44px); color:#eaf2ff;\r\n       text-shadow:0 0 22px rgba(30,200,255,.30)}\r\n    .sub{margin:0 0 22px; font-size:clamp(14px,3.6vw,18px); color:var(--muted)}\r\n\r\n    .panel{background:linear-gradient(180deg,var(--panel),var(--panel2));\r\n      border:1px solid var(--ring); border-radius:18px; box-shadow:var(--sh); overflow:hidden}\r\n    .hero{display:flex; flex-direction:column; gap:18px}\r\n\r\n    \/* ====== MONITOR (Fleet Overview) ====== *\/\r\n    .monitor{padding:12px}\r\n    .screen-head{display:flex; align-items:center; justify-content:space-between;\r\n      gap:8px; padding:8px 10px; font-size:12px; color:#eaf2ff;\r\n      background:rgba(255,255,255,.03); border-bottom:1px solid var(--ring)}\r\n    .dot{width:8px;height:8px;border-radius:50%;\r\n      background:radial-gradient(circle at 30% 30%, #74f, #39d); box-shadow:0 0 10px #39d}\r\n\r\n    .mon-inner{border:1px solid var(--ring); border-radius:14px; overflow:hidden;\r\n      background:linear-gradient(180deg,#0b1c2f,#0a1422)}\r\n    .mon-inner .screen{\r\n      position:relative; width:100%; aspect-ratio: 4 \/ 3; overflow:hidden;\r\n      background:\r\n        radial-gradient(1200px 420px at 50% 100%, rgba(124,92,255,.16), transparent 60%),\r\n        radial-gradient(800px 360px at 0% 0%, rgba(30,200,255,.12), transparent 55%),\r\n        linear-gradient(180deg,#0b1c2f,#0a1422);\r\n      isolation:isolate;\r\n    }\r\n    @supports not (aspect-ratio: 1) {.mon-inner .screen{min-height:260px}}\r\n\r\n    #fleetCanvas{position:absolute; inset:0; width:100%; height:100%; display:block}\r\n\r\n    .overlay{position:absolute; inset:0; pointer-events:none}\r\n    .chips{position:absolute; left:12px; top:12px; display:flex; gap:8px; flex-wrap:wrap}\r\n    .chips.right{left:auto; right:12px}\r\n    .chip{pointer-events:auto; padding:6px 10px; font-size:12px; border-radius:999px;\r\n      color:#eaf6ff; background:linear-gradient(90deg,rgba(30,200,255,.18),rgba(124,92,255,.18));\r\n      border:1px solid var(--ring); backdrop-filter:blur(6px)}\r\n    .chip b{font-weight:800}\r\n\r\n    .bottom{position:absolute; left:12px; right:12px; bottom:12px;\r\n      background:rgba(255,255,255,.04); border:1px solid var(--ring);\r\n      border-radius:12px; padding:10px}\r\n    .labels{display:flex; gap:10px; font-size:11px; color:#cfe1ff; margin-bottom:6px}\r\n    .bar{display:flex; gap:6px}\r\n    .bar i{display:block; height:8px; border-radius:999px}\r\n    .bar i:nth-child(1){background:linear-gradient(90deg, #2de2ff, #1ec8ff)}\r\n    .bar i:nth-child(2){background:linear-gradient(90deg, #7c5cff, #986bff)}\r\n    .bar i:nth-child(3){background:linear-gradient(90deg, #ff6b6b, #ff9b6b)}\r\n\r\n    .kpi{padding:12px}\r\n    .kpi h3{margin:0 0 10px; font-size:16px; color:#e7f1ff}\r\n    .kpi ul{--w:78%;\r\n      display:grid; grid-auto-flow:column; grid-auto-columns:var(--w);\r\n      gap:12px; margin:0; padding:0 6px 10px; list-style:none;\r\n      overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch}\r\n    .kpi li{scroll-snap-align:center; padding:12px 14px; border-radius:14px;\r\n      background:rgba(255,255,255,.04); border:1px solid var(--ring)}\r\n    .kpi strong{font-weight:800}\r\n    .kpi small{display:block; color:#a9c5ff; margin-top:2px; font-size:12px}\r\n    .kpi{position:relative}\r\n    .kpi::before,.kpi::after{content:\"\"; position:absolute; top:0; bottom:0; width:26px; pointer-events:none}\r\n    .kpi::before{left:0; background:linear-gradient(90deg, var(--panel) 0, transparent)}\r\n    .kpi::after{right:0; background:linear-gradient(270deg, var(--panel) 0, transparent)}\r\n\r\n    .phone{display:grid; grid-template-rows:28px 1fr; padding:10px; border-radius:20px}\r\n    .phone .top{display:flex; gap:6px}\r\n    .phone .top span{width:22px;height:6px;border-radius:4px;background:rgba(255,255,255,.22)}\r\n    .phone .body{border-radius:12px;border:1px solid var(--ring);position:relative;\r\n      background:linear-gradient(180deg,#0d1d32,#0b1626); height:220px}\r\n    .route{position:absolute; inset:14px; background:\r\n      linear-gradient(90deg, transparent 0 10%, rgba(30,200,255,.6) 10% 12%, transparent 12% 100%),\r\n      radial-gradient(8px 8px at 16% 60%, var(--a), transparent 60%),\r\n      radial-gradient(8px 8px at 46% 40%, var(--b), transparent 60%),\r\n      radial-gradient(8px 8px at 74% 70%, var(--a), transparent 60%);\r\n      filter:drop-shadow(0 0 6px rgba(30,200,255,.7)); animation:pulse 2.2s ease-in-out infinite}\r\n\r\n    .features{display:grid; grid-template-columns:1fr; gap:14px; margin-top:6px}\r\n    .card{padding:16px; border:1px solid var(--ring); border-radius:var(--r);\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727); transition:transform .25s, box-shadow .25s}\r\n    .card h4{margin:0 0 6px; font-size:18px; color:#fff}\r\n    .card p{margin:0; color:#d6e6ff; font-size:15px}\r\n    .card:hover{transform:translateY(-3px); box-shadow:0 14px 36px rgba(0,0,0,.45)}\r\n\r\n    .cta{margin-top:20px; border-radius:14px; padding:16px 20px; text-align:center;\r\n      font-weight:800; letter-spacing:.4px; color:#fff; text-transform:uppercase;\r\n      background:linear-gradient(90deg, rgba(30,200,255,.22), rgba(124,92,255,.22));\r\n      border:1px solid var(--ring); box-shadow:0 10px 24px rgba(0,0,0,.35)}\r\n\r\n    .reveal{opacity:0; transform:translateY(14px); transition:.6s ease}\r\n    .reveal.on{opacity:1; transform:none}\r\n    @keyframes pulse{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}\r\n    @media (prefers-reduced-motion:reduce){.route,.reveal{animation:none;transition:none}}\r\n\r\n    @media (min-width:1024px){\r\n      .sfb-fixed{padding:64px 0}\r\n      .wrap{padding:0 24px}\r\n      .hero{gap:26px}\r\n      .devices{display:grid; grid-template-columns:1.45fr .9fr; gap:22px; align-items:stretch}\r\n      .monitor{padding:18px}\r\n      .mon-inner .screen{aspect-ratio:16 \/ 10}\r\n      .phone .body{height:auto; min-height:220px}\r\n      .kpi ul{grid-auto-columns:1fr; grid-auto-flow:row; grid-template-columns:1fr 1fr; overflow:visible; padding:0}\r\n      .kpi::before,.kpi::after{display:none}\r\n      .features{grid-template-columns:1fr 1fr; gap:22px}\r\n    }\r\n    @media (min-width:768px) and (max-width:1023px){\r\n      .mon-inner .screen{aspect-ratio: 16 \/ 11}\r\n      .kpi ul{--w:48%}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <header class=\"reveal on\">\r\n      <h1>Swarm Fleet Management<br>AI Software<\/h1>\r\n      <p class=\"sub\">Lojistik Filonuz \u0130\u00e7in Yapay Zeka Destekli Ak\u0131ll\u0131 Y\u00f6netim<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"hero\">\r\n      <div class=\"devices\">\r\n        <div class=\"panel monitor reveal\">\r\n          <div class=\"screen-head\"><strong>Fleet Overview<\/strong><span class=\"dot\"><\/span><\/div>\r\n          <div class=\"mon-inner\">\r\n            <div class=\"screen\">\r\n              <canvas id=\"fleetCanvas\"><\/canvas>\r\n              <div class=\"overlay\">\r\n                <div class=\"chips\">\r\n                  <span class=\"chip\">Robots <b>53<\/b><\/span>\r\n                  <span class=\"chip\">Tasks <b>142<\/b><\/span>\r\n                <\/div>\r\n                <div class=\"chips right\">\r\n                  <span class=\"chip\">Uptime <b>99.8%<\/b><\/span>\r\n                <\/div>\r\n                <div class=\"bottom\">\r\n                  <div class=\"labels\"><span>\u2713 Tamamland\u0131<\/span><span>\u27f3 S\u00fcr\u00fcyor<\/span><span>\u26a0 Uyar\u0131<\/span><\/div>\r\n                  <div class=\"bar\">\r\n                    <i style=\"width:68%\"><\/i>\r\n                    <i style=\"width:26%\"><\/i>\r\n                    <i style=\"width:6%\"><\/i>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"right\">\r\n          <div class=\"panel kpi reveal\">\r\n            <h3>Live KPIs<\/h3>\r\n            <ul>\r\n              <li>Aktif Robot: <strong>53<\/strong><small>G\u00f6revde<\/small><\/li>\r\n              <li>G\u00f6rev Tamamlama: <strong>%98<\/strong><small>Son 24 saat<\/small><\/li>\r\n              <li>Ortalama H\u0131z: <strong>1.2 m\/s<\/strong><small>Filo ortalamas\u0131<\/small><\/li>\r\n              <li>\u015earj Durumu: <strong>%76<\/strong><small>Ortalama SOC<\/small><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"panel phone reveal\">\r\n            <div class=\"top\"><span><\/span><span><\/span><span style=\"width:38px\"><\/span><\/div>\r\n            <div class=\"body\"><div class=\"route\"><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"features\">\r\n        <article class=\"card reveal\"><h4>Filodaki Robot Takibi<\/h4><p>T\u00fcm robotlar\u0131n anl\u0131k konum, g\u00f6rev ve durum bilgisi.<\/p><\/article>\r\n        <article class=\"card reveal\"><h4>Ak\u0131ll\u0131 G\u00f6rev Atama &amp; Rota Optimizasyonu<\/h4><p>Ger\u00e7ek zamanl\u0131 optimizasyon ile trafik azal\u0131r, verim artar.<\/p><\/article>\r\n        <article class=\"card reveal\"><h4>Performans ve Sistem Analizi<\/h4><p>U\u00e7u\u015f s\u00fcreleri, g\u00f6rev tamamlama oran\u0131 ve KPI'lar tek panelde.<\/p><\/article>\r\n        <article class=\"card reveal\"><h4>Mod\u00fcler Aray\u00fcz<\/h4><p>\u0130zleme, analiz ve g\u00f6rev y\u00f6netimi mod\u00fclleri net \u015fekilde ayr\u0131lm\u0131\u015ft\u0131r.<\/p><\/article>\r\n      <\/div>\r\n\r\n      <div class=\"cta reveal\">50+ ROBOTU TEK DOKUNU\u015eLA Y\u00d6NET<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Scroll reveal\r\n    (function(){\r\n      const els=[...document.querySelectorAll('#sfb-fixed .reveal')];\r\n      if (!('IntersectionObserver' in window)){ els.forEach(e=>e.classList.add('on')); return; }\r\n      const io=new IntersectionObserver((obs)=>{\r\n        obs.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('on'); io.unobserve(e.target);} });\r\n      },{rootMargin:'-10% 0px -10% 0px', threshold:.1});\r\n      els.forEach(el=>io.observe(el));\r\n    })();\r\n\r\n    \/\/ ====== Fleet Overview Canvas ======\r\n    (function(){\r\n      const c=document.getElementById('fleetCanvas');\r\n      if(!c) return;\r\n      const ctx=c.getContext('2d',{alpha:true});\r\n      let dpr=window.devicePixelRatio||1, w=0,h=0, t=0;\r\n\r\n      const nodes=[\r\n        {x:.12,y:.2},{x:.5,y:.18},{x:.86,y:.22},\r\n        {x:.15,y:.55},{x:.5,y:.5},{x:.85,y:.56},\r\n        {x:.12,y:.84},{x:.5,y:.82},{x:.88,y:.84}\r\n      ];\r\n      const robots=[\r\n        {x:.18,y:.22,c:'#1ec8ff',vx:.0006,vy:.0002},\r\n        {x:.82,y:.22,c:'#7c5cff',vx:-.0005,vy:.00025},\r\n        {x:.20,y:.80,c:'#1ec8ff',vx:.00045,vy:-.0003},\r\n        {x:.82,y:.80,c:'#7c5cff',vx:-.0004,vy:-.00025},\r\n        {x:.50,y:.50,c:'#1ec8ff',vx:.0002,vy:.0002},\r\n        {x:.50,y:.18,c:'#7c5cff',vx:.00015,vy:.00025}\r\n      ];\r\n      const paths=[\r\n        [0,1,2],[3,4,5],[6,7,8],\r\n        [0,3,6],[1,4,7],[2,5,8]\r\n      ];\r\n\r\n      function resize(){\r\n        const r=c.getBoundingClientRect();\r\n        w=Math.max(1,Math.floor(r.width*dpr));\r\n        h=Math.max(1,Math.floor(r.height*dpr));\r\n        c.width=w; c.height=h;\r\n        ctx.setTransform(dpr,0,0,dpr,0,0);\r\n      }\r\n      resize(); window.addEventListener('resize',resize,{passive:true});\r\n\r\n      function drawGrid(){\r\n        ctx.save();\r\n        ctx.globalAlpha=.35;\r\n        const gap=28;\r\n        ctx.strokeStyle='rgba(255,255,255,.06)';\r\n        ctx.lineWidth=1;\r\n        for(let x=0;x< c.width\/dpr;x+=gap){ ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,c.height\/dpr); ctx.stroke(); }\r\n        for(let y=0;y< c.height\/dpr;y+=gap){ ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(c.width\/dpr,y); ctx.stroke(); }\r\n        ctx.restore();\r\n      }\r\n\r\n      function drawPaths(){\r\n        ctx.save();\r\n        ctx.lineWidth=2;\r\n        paths.forEach(arr=>{\r\n          ctx.setLineDash([8,8]);\r\n          ctx.lineDashOffset = - (t*60 % 16);\r\n          ctx.strokeStyle='rgba(30,200,255,.55)';\r\n          ctx.beginPath();\r\n          arr.forEach((idx,i)=>{\r\n            const p=nodes[idx]; const x=p.x*c.width\/dpr, y=p.y*c.height\/dpr;\r\n            if(i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y);\r\n          });\r\n          ctx.stroke();\r\n        });\r\n        ctx.restore();\r\n      }\r\n\r\n      function drawNodes(){\r\n        nodes.forEach(p=>{\r\n          const x=p.x*c.width\/dpr, y=p.y*c.height\/dpr;\r\n          const g=ctx.createRadialGradient(x,y,0,x,y,10);\r\n          g.addColorStop(0,'rgba(30,200,255,.9)');\r\n          g.addColorStop(1,'rgba(30,200,255,0)');\r\n          ctx.fillStyle=g;\r\n          ctx.beginPath(); ctx.arc(x,y,10,0,Math.PI*2); ctx.fill();\r\n        });\r\n      }\r\n\r\n      \/* ====== ROBOT \u015eEKL\u0130 ====== *\/\r\n      function drawRobots(){\r\n        robots.forEach(r=>{\r\n          r.x+=r.vx; r.y+=r.vy;\r\n          if(r.x<.08||r.x>.92) r.vx*=-1;\r\n          if(r.y<.12||r.y>.88) r.vy*=-1;\r\n          const x=r.x*c.width\/dpr, y=r.y*c.height\/dpr;\r\n\r\n          \/\/ hareket y\u00f6n\u00fc a\u00e7\u0131s\u0131\r\n          const angle=Math.atan2(r.vy,r.vx);\r\n          const pulse=(Math.sin(t*3)+1)\/2;\r\n          const s=1; \/\/ \u00f6l\u00e7ek\r\n\r\n          ctx.save();\r\n          ctx.translate(x,y);\r\n          ctx.rotate(angle);\r\n\r\n          \/\/ \u2500\u2500 zemin glow \u2500\u2500\r\n          ctx.shadowColor=r.c; ctx.shadowBlur=18;\r\n          const glow=ctx.createRadialGradient(0,0,0,0,0,16);\r\n          glow.addColorStop(0, r.c+'55');\r\n          glow.addColorStop(1, r.c+'00');\r\n          ctx.fillStyle=glow;\r\n          ctx.beginPath(); ctx.arc(0,0,16,0,Math.PI*2); ctx.fill();\r\n          ctx.shadowBlur=0;\r\n\r\n          \/\/ \u2500\u2500 g\u00f6vde (dikd\u00f6rtgen, yuvarlat\u0131lm\u0131\u015f) \u2500\u2500\r\n          const bw=14*s, bh=10*s, br=3*s;\r\n          ctx.fillStyle=r.c+'cc';\r\n          ctx.strokeStyle=r.c;\r\n          ctx.lineWidth=1.2;\r\n          ctx.beginPath();\r\n          ctx.moveTo(-bw\/2+br, -bh\/2);\r\n          ctx.lineTo( bw\/2-br, -bh\/2);\r\n          ctx.quadraticCurveTo( bw\/2, -bh\/2,  bw\/2, -bh\/2+br);\r\n          ctx.lineTo( bw\/2,  bh\/2-br);\r\n          ctx.quadraticCurveTo( bw\/2,  bh\/2,  bw\/2-br,  bh\/2);\r\n          ctx.lineTo(-bw\/2+br,  bh\/2);\r\n          ctx.quadraticCurveTo(-bw\/2,  bh\/2, -bw\/2,  bh\/2-br);\r\n          ctx.lineTo(-bw\/2, -bh\/2+br);\r\n          ctx.quadraticCurveTo(-bw\/2, -bh\/2, -bw\/2+br, -bh\/2);\r\n          ctx.closePath();\r\n          ctx.fill(); ctx.stroke();\r\n\r\n          \/\/ \u2500\u2500 tekerlekler (4 k\u00f6\u015fe) \u2500\u2500\r\n          ctx.fillStyle='#0a1220';\r\n          ctx.strokeStyle=r.c+'99';\r\n          ctx.lineWidth=0.8;\r\n          const ww=3.5*s, wh=2.5*s, wo=1.5*s;\r\n          [[-bw\/2-wo,-bh\/2+1],[-bw\/2-wo,bh\/2-1-wh],\r\n           [bw\/2+wo-ww,-bh\/2+1],[bw\/2+wo-ww,bh\/2-1-wh]].forEach(([wx,wy])=>{\r\n            ctx.fillRect(wx,wy,ww,wh);\r\n            ctx.strokeRect(wx,wy,ww,wh);\r\n          });\r\n\r\n          \/\/ \u2500\u2500 \u00f6n sens\u00f6r \u00e7izgisi \u2500\u2500\r\n          ctx.strokeStyle=r.c;\r\n          ctx.lineWidth=1.8;\r\n          ctx.beginPath();\r\n          ctx.moveTo(bw\/2+1, -2.5*s);\r\n          ctx.lineTo(bw\/2+1,  2.5*s);\r\n          ctx.stroke();\r\n\r\n          \/\/ \u2500\u2500 sens\u00f6r \u0131\u015f\u0131\u011f\u0131 (\u00f6n) \u2500\u2500\r\n          ctx.fillStyle='#fff';\r\n          ctx.shadowColor=r.c; ctx.shadowBlur=6;\r\n          ctx.beginPath(); ctx.arc(bw\/2+1, 0, 1.5*s, 0, Math.PI*2); ctx.fill();\r\n          ctx.shadowBlur=0;\r\n\r\n          \/\/ \u2500\u2500 g\u00f6vde i\u00e7 detay (\u00e7apraz \u00e7izgiler) \u2500\u2500\r\n          ctx.globalAlpha=0.35;\r\n          ctx.strokeStyle='#fff';\r\n          ctx.lineWidth=0.6;\r\n          ctx.beginPath();\r\n          ctx.moveTo(-2*s, -3*s); ctx.lineTo(2*s, 3*s);\r\n          ctx.moveTo(2*s, -3*s); ctx.lineTo(-2*s, 3*s);\r\n          ctx.stroke();\r\n          ctx.globalAlpha=1;\r\n\r\n          ctx.restore();\r\n\r\n          \/\/ \u2500\u2500 nab\u0131z halkas\u0131 (robot etraf\u0131nda) \u2500\u2500\r\n          ctx.save();\r\n          ctx.strokeStyle=r.c; ctx.globalAlpha=.35+.15*pulse;\r\n          ctx.lineWidth=1.2;\r\n          ctx.setLineDash([3,4]);\r\n          ctx.lineDashOffset=-(t*40%7);\r\n          ctx.beginPath(); ctx.arc(x,y,14+3*pulse,0,Math.PI*2); ctx.stroke();\r\n          ctx.setLineDash([]);\r\n          ctx.globalAlpha=1;\r\n          ctx.restore();\r\n\r\n          \/\/ \u2500\u2500 ID etiketi \u2500\u2500\r\n          ctx.save();\r\n          ctx.font='bold 7px sans-serif';\r\n          ctx.fillStyle=r.c;\r\n          ctx.globalAlpha=.7;\r\n          ctx.textAlign='center';\r\n          ctx.fillText('R'+(robots.indexOf(r)+1), x, y-14);\r\n          ctx.globalAlpha=1;\r\n          ctx.restore();\r\n        });\r\n      }\r\n\r\n      function tick(ts){\r\n        t = (ts||0)\/1000;\r\n        ctx.clearRect(0,0,c.width,dpr?c.height:0);\r\n        drawGrid(); drawPaths(); drawNodes(); drawRobots();\r\n        requestAnimationFrame(tick);\r\n      }\r\n      requestAnimationFrame(tick);\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-467696a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"467696a\" data-element_type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-946dd1c\" data-id=\"946dd1c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d32018d elementor-widget elementor-widget-html\" data-id=\"d32018d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AOS Animasyon K\u00fct\u00fcphanesi -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>AOS.init({ duration: 1000, once: true });<\/script>\r\n\r\n<style>\r\n.tusmec-why-section {\r\n  background: #0a0a0a;\r\n  padding: 100px 20px;\r\n  text-align: center;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  color: #fff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.tusmec-why-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(0,255,255,0.1) 0%, transparent 70%);\r\n  top: -100px;\r\n  left: -100px;\r\n  animation: float-glow 12s infinite ease-in-out;\r\n}\r\n\r\n.tusmec-why-section h4 {\r\n  font-size: 15px;\r\n  color: #00fff7;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 10px;\r\n  opacity: 0;\r\n  animation: fadeDown 1s forwards;\r\n}\r\n\r\n.tusmec-why-section h2 {\r\n  font-size: 40px;\r\n  font-weight: 800;\r\n  margin-bottom: 60px;\r\n  color: #ffffff;\r\n  opacity: 0;\r\n  animation: fadeDown 1.2s forwards;\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.why-premium-cards {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 35px;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n.why-premium-card {\r\n  background: #111;\r\n  width: 280px;\r\n  padding: 40px 30px;\r\n  border-radius: 24px;\r\n  box-shadow: 0 0 20px rgba(0, 255, 255, 0.05);\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  transform: scale(0.95) translateY(40px);\r\n  opacity: 0;\r\n  animation: fadeUp 1s forwards;\r\n}\r\n\r\n.why-premium-card:nth-child(2) { animation-delay: 0.3s; }\r\n.why-premium-card:nth-child(3) { animation-delay: 0.6s; }\r\n.why-premium-card:nth-child(4) { animation-delay: 0.9s; }\r\n\r\n.why-premium-card:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 40px rgba(0, 255, 255, 0.2);\r\n  background: #151515;\r\n}\r\n\r\n.why-premium-card img {\r\n  width: 64px;\r\n  height: 64px;\r\n  margin-bottom: 24px;\r\n  filter: drop-shadow(0 0 10px rgba(0,255,255,0.3));\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.why-premium-card:hover img {\r\n  transform: rotate(6deg) scale(1.1);\r\n}\r\n\r\n.why-premium-card h3 {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  margin-bottom: 14px;\r\n  color: #00fff7;\r\n}\r\n\r\n.why-premium-card p {\r\n  font-size: 15px;\r\n  color: #ccc;\r\n  line-height: 1.7;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .why-premium-card {\r\n    width: 90%;\r\n    max-width: 350px;\r\n  }\r\n\r\n  .tusmec-why-section h2 {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n\/* Animasyonlar *\/\r\n@keyframes fadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeDown {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes float-glow {\r\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(30px) rotate(15deg); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tusmec-why-section\">\r\n  <h4>NEDEN B\u0130Z?<\/h4>\r\n  <h2>Neden Tusmec?<\/h2>\r\n  <div class=\"why-premium-cards\">\r\n\r\n    <div class=\"why-premium-card\" data-aos=\"fade-up\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3094\/3094856.png\" alt=\"Analiz\">\r\n      <h3>\u0130htiyac\u0131 Belirler<\/h3>\r\n      <p>\u0130\u015fletmenize en uygun robot teknolojisini, ihtiya\u00e7lar\u0131n\u0131za g\u00f6re analiz ederek belirleriz.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-premium-card\" data-aos=\"fade-up\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942748.png\" alt=\"\u00c7\u00f6z\u00fcm\">\r\n      <h3>Ak\u0131ll\u0131 \u00c7\u00f6z\u00fcmler<\/h3>\r\n      <p>Yapay zeka destekli robotlar\u0131m\u0131zla operasyonel verimlili\u011finizi art\u0131r\u0131r\u0131z.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-premium-card\" data-aos=\"fade-up\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2897\/2897680.png\" alt=\"G\u00fcven\">\r\n      <h3>G\u00fcvenilir Hizmet<\/h3>\r\n      <p>Kurulumdan e\u011fitime kadar her a\u015famada uzman deste\u011fiyle yan\u0131n\u0131zday\u0131z.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-premium-card\" data-aos=\"fade-up\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1060\/1060017.png\" alt=\"Destek\">\r\n      <h3>7\/24 Destek<\/h3>\r\n      <p>Sat\u0131\u015f sonras\u0131 teknik destek ekibimiz her zaman bir ad\u0131m \u00f6tenizde.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-d8ab15e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"d8ab15e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44c9b8c elementor-widget elementor-widget-html\" data-id=\"44c9b8c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"dpms-partners\">\r\n  <style>\r\n    \/* ===== scope: sadece #dpms-partners i\u00e7inde ge\u00e7erli ===== *\/\r\n    #dpms-partners{\r\n      --bg:#0a1220; --txt:#fff; --ring:rgba(255,255,255,.12);\r\n      --row-h:96px; --gap:18px; \r\n      \/* H\u0131zlar art\u0131r\u0131ld\u0131 (s\u00fcreler k\u0131salt\u0131ld\u0131) *\/\r\n      --speed-1:18s; \/* 36s -> 18s yap\u0131ld\u0131 *\/\r\n      --speed-2:25s; \/* 52s -> 25s yap\u0131ld\u0131 *\/\r\n      background:linear-gradient(180deg,#0a1220,#0b1527);\r\n      color:var(--txt); padding:38px 0 44px; overflow:hidden;\r\n    }\r\n    \/* Logo kaplay\u0131c\u0131 s\u0131n\u0131f\u0131n\u0131 daraltt\u0131k ve kenar bo\u015fluklar\u0131n\u0131 art\u0131rd\u0131k *\/\r\n    #dpms-partners .wrap{max-width:1000px;margin:0 auto;padding:0 40px}\r\n    #dpms-partners h2{margin:0 0 10px;font-weight:900;font-size:clamp(18px,3.6vw,28px);color:#fff}\r\n    #dpms-partners .sub{margin:0 0 18px;opacity:.9}\r\n\r\n    #dpms-partners .panel{\r\n      border-radius:18px; border:1px solid var(--ring);\r\n      background:linear-gradient(180deg,#0f172ae6,#0b1527e6);\r\n      box-shadow:0 18px 38px rgba(0,0,0,.40); overflow:hidden;\r\n    }\r\n\r\n    \/* sat\u0131rlar *\/\r\n    #dpms-partners .row{\r\n      position:relative; height:var(--row-h); display:flex; align-items:center; overflow:hidden;\r\n    }\r\n    \/* kenarlara fade \u2014 iOS uyumlu *\/\r\n    #dpms-partners .row::before,\r\n    #dpms-partners .row::after{\r\n      content:\"\"; position:absolute; top:0; bottom:0; width:9%;\r\n      pointer-events:none; z-index:2;\r\n      background:linear-gradient(90deg,rgba(10,18,32,1),rgba(10,18,32,0));\r\n    }\r\n    #dpms-partners .row::after{right:0; left:auto; transform:scaleX(-1)}\r\n\r\n    #dpms-partners .track{\r\n      display:flex; align-items:center; gap:var(--gap);\r\n      animation:dpms-marquee var(--speed) linear infinite;\r\n      will-change:transform;\r\n    }\r\n    #dpms-partners .row-1 .track{--speed:var(--speed-1)}\r\n    #dpms-partners .row-2 .track{--speed:var(--speed-2); animation-direction:reverse}\r\n\r\n    \/* logo kartlar\u0131 \u2014 sadece bu b\u00f6l\u00fcm i\u00e7in *\/\r\n    #dpms-partners .card{\r\n      flex:0 0 auto;\r\n      height:calc(var(--row-h) - 18px); min-width:160px;\r\n      padding:10px 16px; border-radius:14px;\r\n      border:1px solid #e8ecf3; background:#ffffff;  \/* beyaz zemin sadece burada *\/\r\n      display:flex; align-items:center; justify-content:center;\r\n      box-shadow:0 6px 16px rgba(0,0,0,.15);\r\n      transition:transform .25s ease, box-shadow .25s ease, border-color .25s;\r\n    }\r\n    #dpms-partners .card:hover{\r\n      transform:translateY(-4px) scale(1.03);\r\n      box-shadow:0 12px 28px rgba(0,0,0,.25);\r\n      border-color:#d6deff;\r\n    }\r\n    #dpms-partners .card img{\r\n      max-height:64%; max-width:100%; object-fit:contain; display:block;\r\n      filter:contrast(1.05) saturate(1.05);\r\n    }\r\n\r\n    @keyframes dpms-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n\r\n    \/* ---- Mobil iyile\u015ftirmeler ---- *\/\r\n    @media (max-width:1024px){\r\n      \/* Mobil h\u0131zlar da proportional olarak art\u0131r\u0131ld\u0131 *\/\r\n      #dpms-partners{--row-h:84px; --gap:14px; --speed-1:14s; --speed-2:20s}\r\n      #dpms-partners .card{min-width:140px}\r\n    }\r\n    @media (max-width:640px){\r\n      \/* Mobil kaplay\u0131c\u0131 (wrapper) ayarlar\u0131n\u0131 da g\u00fcncelledik *\/\r\n      #dpms-partners{--row-h:74px; --gap:12px; --speed-1:12s; --speed-2:18s; padding:26px 0 32px}\r\n      #dpms-partners .wrap{max-width:100%;padding:0 20px}\r\n      #dpms-partners .card{min-width:120px; padding:8px 12px}\r\n      #dpms-partners .row::before, #dpms-partners .row::after{width:14%}\r\n    }\r\n    \/* Hareketi azalt tercihine sayg\u0131 *\/\r\n    @media (prefers-reduced-motion:reduce){\r\n      #dpms-partners .track{animation:none}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <h2>DESTEK KURUMLAR VE M\u00dc\u015eTER\u0130LER<\/h2>\r\n    <p class=\"sub\">Birlikte \u00e7al\u0131\u015ft\u0131\u011f\u0131m\u0131z kurum ve markalardan baz\u0131lar\u0131<\/p>\r\n\r\n    <div class=\"panel\" aria-label=\"\u00c7al\u0131\u015ft\u0131\u011f\u0131m\u0131z kurum logolar\u0131\">\r\n      <div class=\"row row-1\">\r\n        <div class=\"track\">\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-01-at-16.19.04-1.jpeg\" alt=\"Tusmec 1\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/dsadad-1.jpeg\" alt=\"Tusmec 2\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/fdsaf-1.jpeg\" alt=\"Tusmec 3\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l1.png\" alt=\"Tusmec 4\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l2.png\" alt=\"Tusmec 5\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-01-at-16.19.04-1.jpeg\" alt=\"Tusmec 1\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/dsadad-1.jpeg\" alt=\"Tusmec 2\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l1.png\" alt=\"Tusmec 4\"><\/figure>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"row row-2\" style=\"margin-top:12px\">\r\n        <div class=\"track\">\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l2.png\" alt=\"Tusmec 5\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l1.png\" alt=\"Tusmec 4\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-01-at-16.19.04-1.jpeg\" alt=\"Tusmec 1\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/fdsaf-1.jpeg\" alt=\"Tusmec 3\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/dsadad-1.jpeg\" alt=\"Tusmec 2\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l2.png\" alt=\"Tusmec 5\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/l1.png\" alt=\"Tusmec 4\"><\/figure>\r\n          <figure class=\"card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tusmec.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-01-at-16.19.04-1.jpeg\" alt=\"Tusmec 1\"><\/figure>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root=document.getElementById('dpms-partners');\r\n      root.querySelectorAll('.track').forEach(track=>{\r\n        \/\/ sonsuz ak\u0131\u015f i\u00e7in kopyala\r\n        track.innerHTML += track.innerHTML;\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce60348 e-con-full e-flex e-con e-parent\" data-id=\"ce60348\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7677743 elementor-widget elementor-widget-html\" data-id=\"7677743\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tusmec-about\" aria-label=\"Biz Kimiz\">\r\n  <div class=\"tusmec-about__wrap\">\r\n    <div class=\"tusmec-about__card\" data-tusmec-reveal>\r\n      <div class=\"tusmec-about__accent\" aria-hidden=\"true\"><\/div>\r\n\r\n      <header class=\"tusmec-about__header\">\r\n        <p class=\"tusmec-about__eyebrow\">Tusmec<\/p>\r\n        <h2 class=\"tusmec-about__title\">Biz Kimiz<\/h2>\r\n      <\/header>\r\n\r\n      <div class=\"tusmec-about__content\">\r\n        <p>\r\n          <strong>\u0130\u015fletmenizi gelece\u011fe ta\u015f\u0131yoruz.<\/strong><br>\r\n          Tusmec olarak ileri teknolojiyi ve m\u00fchendislik g\u00fcc\u00fcm\u00fcz\u00fc birle\u015ftirerek; lojistik, tar\u0131m, enerji, hizmet ve reklam sekt\u00f6rlerine \u00f6zel ak\u0131ll\u0131 ve otonom s\u00fcr\u00fc robot \u00e7\u00f6z\u00fcmleri geli\u015ftiriyoruz.\r\n        <\/p>\r\n\r\n        <p>\r\n          Geli\u015ftirdi\u011fimiz heterojen s\u00fcr\u00fc mimarisi, farkl\u0131 tipte robotlar\u0131n birlikte \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayarak operasyonlarda esneklik, \u00f6l\u00e7eklenebilirlik ve maksimum verimlilik sunar. \u0130nsan g\u00fcc\u00fcn\u00fc destekleyen, s\u00fcre\u00e7leri h\u0131zland\u0131ran ve kullan\u0131c\u0131 deneyimini en \u00fcst seviyeye \u00e7\u0131karan \u00e7\u00f6z\u00fcmlerimizle i\u015fletmelere yaln\u0131zca bug\u00fcn\u00fcn de\u011fil, yar\u0131n\u0131n ihtiya\u00e7lar\u0131na da yan\u0131t veriyoruz.\r\n        <\/p>\r\n\r\n        <p>\r\n          Robotlar\u0131m\u0131z; otel, restoran, hastane, ma\u011faza, tar\u0131m sahalar\u0131, lojistik depolar\u0131 ve enerji altyap\u0131lar\u0131nda otonom hareket kabiliyetiyle g\u00f6rev yapabilen, yenilik\u00e7i ve s\u00fcrd\u00fcr\u00fclebilir sistemlerle donat\u0131lm\u0131\u015ft\u0131r. Tusmec, m\u00fc\u015fterilerine yaln\u0131zca bir \u00fcr\u00fcn de\u011fil; i\u015f s\u00fcre\u00e7lerinde fark yaratacak ak\u0131ll\u0131, \u00f6l\u00e7eklenebilir ve uzun vadeli \u00e7\u00f6z\u00fcmler sunar.\r\n        <\/p>\r\n\r\n        <p class=\"tusmec-about__note\">\r\n          \u00dcretimden test a\u015famas\u0131na kadar t\u00fcm s\u00fcre\u00e7lerimizi kalite odakl\u0131, titiz ve y\u00fcksek m\u00fchendislik standartlar\u0131yla y\u00fcr\u00fct\u00fcyor; her bir robotumuzu g\u00fcvenilirlik, dayan\u0131kl\u0131l\u0131k ve yenilik\u00e7ilik ilkeleri \u00fczerine in\u015fa ediyoruz.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tusmec-about__meta\" aria-label=\"\u00d6ne \u00e7\u0131kanlar\">\r\n        <span class=\"tusmec-chip\">Ak\u0131ll\u0131 Otonomi<\/span>\r\n        <span class=\"tusmec-chip\">Heterojen S\u00fcr\u00fc<\/span>\r\n        <span class=\"tusmec-chip\">\u00d6l\u00e7eklenebilir Mimari<\/span>\r\n        <span class=\"tusmec-chip\">Kalite Odakl\u0131 \u00dcretim<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tusmec-about__particles\" aria-hidden=\"true\">\r\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* ===== Tusmec About (Scoped) ===== *\/\r\n    .tusmec-about{\r\n      --bg0:#081321;\r\n      --bg1:#0B1425;\r\n      --bg2:#0D182A;\r\n      --panel:rgba(16, 32, 55, .55);\r\n      --stroke:rgba(120, 170, 220, .18);\r\n      --text:rgba(240,248,255,.92);\r\n      --muted:rgba(210,230,255,.72);\r\n      --cyan:#28D8F8;\r\n      --teal:#1898B8;\r\n      --purple:#8868F8;\r\n      --warm:#FF846A;\r\n\r\n      position: relative;\r\n      padding: clamp(22px, 3.2vw, 44px) 16px;\r\n      color: var(--text);\r\n      background: radial-gradient(900px 500px at 20% 10%, rgba(40,216,248,.10), transparent 60%),\r\n                  radial-gradient(700px 420px at 78% 26%, rgba(136,104,248,.10), transparent 62%),\r\n                  linear-gradient(180deg, var(--bg0), var(--bg1) 45%, var(--bg2));\r\n      overflow: hidden;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    \/* subtle grid *\/\r\n    .tusmec-about::before{\r\n      content:\"\";\r\n      position:absolute; inset:-2px;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\r\n      background-size: 44px 44px;\r\n      opacity:.14;\r\n      pointer-events:none;\r\n      mask-image: radial-gradient(80% 60% at 50% 40%, #000 55%, transparent 100%);\r\n    }\r\n\r\n    .tusmec-about__wrap{\r\n      max-width: 1120px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .tusmec-about__card{\r\n      position: relative;\r\n      border-radius: 18px;\r\n      padding: clamp(18px, 2.6vw, 30px);\r\n      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\r\n      box-shadow:\r\n        0 18px 45px rgba(0,0,0,.45),\r\n        inset 0 1px 0 rgba(255,255,255,.08);\r\n      border: 1px solid var(--stroke);\r\n      overflow: hidden;\r\n      transform: translateY(14px);\r\n      opacity: 0;\r\n      filter: blur(0.0px);\r\n      transition: opacity .7s ease, transform .7s ease;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    \/* animated neon border *\/\r\n    .tusmec-about__card::before{\r\n      content:\"\";\r\n      position:absolute; inset:-2px;\r\n      border-radius: 20px;\r\n      background: linear-gradient(90deg,\r\n        rgba(40,216,248,.0),\r\n        rgba(40,216,248,.65),\r\n        rgba(136,104,248,.65),\r\n        rgba(40,216,248,.0)\r\n      );\r\n      background-size: 240% 100%;\r\n      animation: tusmec-border 6.5s linear infinite;\r\n      opacity:.55;\r\n      pointer-events:none;\r\n      mask:\r\n        linear-gradient(#000 0 0) content-box,\r\n        linear-gradient(#000 0 0);\r\n      -webkit-mask:\r\n        linear-gradient(#000 0 0) content-box,\r\n        linear-gradient(#000 0 0);\r\n      padding: 2px;\r\n      box-sizing: border-box;\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n    }\r\n\r\n    \/* scanning light *\/\r\n    .tusmec-about__card::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:-20%;\r\n      left:-35%;\r\n      width: 45%;\r\n      height: 140%;\r\n      background: linear-gradient(90deg,\r\n        transparent,\r\n        rgba(40,216,248,.12),\r\n        rgba(136,104,248,.10),\r\n        transparent\r\n      );\r\n      transform: rotate(18deg);\r\n      animation: tusmec-scan 7.8s ease-in-out infinite;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .tusmec-about__accent{\r\n      position:absolute;\r\n      left: 14px;\r\n      top: 14px;\r\n      bottom: 14px;\r\n      width: 3px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(180deg, var(--cyan), var(--purple));\r\n      box-shadow: 0 0 18px rgba(40,216,248,.35), 0 0 24px rgba(136,104,248,.25);\r\n      opacity:.85;\r\n    }\r\n\r\n    .tusmec-about__header{\r\n      padding-left: 16px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .tusmec-about__eyebrow{\r\n      margin: 0 0 6px;\r\n      font-size: 12px;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n      color: rgba(210,230,255,.70);\r\n    }\r\n\r\n    .tusmec-about__title{\r\n      margin: 0;\r\n      font-size: clamp(22px, 2.3vw, 34px);\r\n      line-height: 1.15;\r\n      letter-spacing: -0.02em;\r\n      background: linear-gradient(90deg, rgba(240,248,255,.95), rgba(40,216,248,.95), rgba(136,104,248,.90));\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .tusmec-about__content{\r\n      padding-left: 16px;\r\n      color: var(--muted);\r\n      font-size: clamp(14.5px, 1.15vw, 16.5px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .tusmec-about__content p{\r\n      margin: 0 0 12px;\r\n    }\r\n\r\n    .tusmec-about__content strong{\r\n      color: rgba(240,248,255,.95);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .tusmec-about__note{\r\n      margin-top: 8px;\r\n      padding: 12px 14px;\r\n      border: 1px solid rgba(40,216,248,.18);\r\n      background: rgba(8, 20, 35, .35);\r\n      border-radius: 14px;\r\n      color: rgba(240,248,255,.86);\r\n    }\r\n\r\n    .tusmec-about__meta{\r\n      padding-left: 16px;\r\n      margin-top: 14px;\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap: 10px;\r\n    }\r\n\r\n    .tusmec-chip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      padding: 9px 12px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(120,170,220,.22);\r\n      background: rgba(10, 22, 38, .35);\r\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);\r\n      color: rgba(230,244,255,.86);\r\n      font-size: 12.5px;\r\n      letter-spacing: .02em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .tusmec-chip::before{\r\n      content:\"\";\r\n      width: 7px; height:7px;\r\n      border-radius: 999px;\r\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.85), var(--cyan) 55%, rgba(40,216,248,.18));\r\n      box-shadow: 0 0 12px rgba(40,216,248,.35);\r\n    }\r\n\r\n    \/* floating particles *\/\r\n    .tusmec-about__particles{\r\n      position:absolute; inset:0;\r\n      pointer-events:none;\r\n      opacity: .9;\r\n    }\r\n    .tusmec-about__particles span{\r\n      position:absolute;\r\n      width: 6px; height:6px;\r\n      border-radius: 999px;\r\n      background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(40,216,248,.8) 45%, rgba(136,104,248,.35));\r\n      box-shadow: 0 0 18px rgba(40,216,248,.25);\r\n      animation: tusmec-float 7s ease-in-out infinite;\r\n      opacity: .55;\r\n    }\r\n\r\n    \/* reveal state *\/\r\n    .tusmec-about__card.is-visible{\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* responsive: accent becomes top line on very small screens *\/\r\n    @media (max-width: 520px){\r\n      .tusmec-about{ border-radius: 14px; }\r\n      .tusmec-about__accent{\r\n        left: 14px; right: 14px; top: 12px; bottom: auto;\r\n        width: auto; height: 3px;\r\n      }\r\n      .tusmec-about__header,\r\n      .tusmec-about__content,\r\n      .tusmec-about__meta{\r\n        padding-left: 0;\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n\r\n    \/* reduced motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .tusmec-about__card::before,\r\n      .tusmec-about__card::after,\r\n      .tusmec-about__particles span{\r\n        animation: none !important;\r\n      }\r\n      .tusmec-about__card{\r\n        transition: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n      }\r\n    }\r\n\r\n    @keyframes tusmec-border{\r\n      0%{ background-position: 0% 50%; }\r\n      100%{ background-position: 200% 50%; }\r\n    }\r\n    @keyframes tusmec-scan{\r\n      0%, 55%{ transform: translateX(-18%) rotate(18deg); opacity: .0; }\r\n      70%{ opacity: .55; }\r\n      100%{ transform: translateX(210%) rotate(18deg); opacity: .0; }\r\n    }\r\n    @keyframes tusmec-float{\r\n      0%,100%{ transform: translateY(0) translateX(0); }\r\n      50%{ transform: translateY(-14px) translateX(10px); }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    (function(){\r\n      \/\/ Reveal on viewport\r\n      const card = document.querySelector('[data-tusmec-reveal]');\r\n      if(!card) return;\r\n\r\n      \/\/ Place particles randomly (stable per load)\r\n      const spans = card.querySelectorAll('.tusmec-about__particles span');\r\n      spans.forEach((s, i) => {\r\n        const x = 8 + Math.random() * 84;   \/\/ %\r\n        const y = 10 + Math.random() * 78;  \/\/ %\r\n        const size = 4 + Math.random() * 6; \/\/ px\r\n        const dur = 5.5 + Math.random() * 5.5; \/\/ s\r\n        const delay = Math.random() * 2.5;  \/\/ s\r\n        s.style.left = x + '%';\r\n        s.style.top = y + '%';\r\n        s.style.width = size + 'px';\r\n        s.style.height = size + 'px';\r\n        s.style.animationDuration = dur + 's';\r\n        s.style.animationDelay = delay + 's';\r\n        s.style.opacity = (0.35 + Math.random() * 0.35).toFixed(2);\r\n      });\r\n\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e=>{\r\n          if(e.isIntersecting){\r\n            card.classList.add('is-visible');\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, {threshold: 0.18});\r\n\r\n      io.observe(card);\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92ecc7f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"92ecc7f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f5bfca\" data-id=\"8f5bfca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f571a6d elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"f571a6d\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;bounce&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-736ec97\" data-id=\"736ec97\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e04d77a elementor-widget elementor-widget-section-head-two\" data-id=\"e04d77a\" data-element_type=\"widget\" data-widget_type=\"section-head-two.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"text-center section-title title-style-four tg-heading-subheading animation-style2\">\n\t\t\t\t\t\t            <h6 class=\"sub-title tg-element-title\">\n\t\t            \tNeler Yap\u0131yoruz?\t\t            <\/h6>\n\t            \t            \t\t            <h2 class=\"title tg-element-title\"> Hizmetlerimiz <\/h2>\n\t            \t        <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d101c elementor-widget elementor-widget-section-service\" data-id=\"c5d101c\" data-element_type=\"widget\" data-widget_type=\"section-service.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t    jQuery(document).ready(function(){\n\t\t\t\t\tjQuery('.service-active-two').slick({\n\t\t\t\t\t\tdots: true,\n\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\tspeed: 1000,\n\t\t\t\t\t\tautoplay: false,\n\t\t\t\t\t\tarrows: false,\n\t\t\t\t\t\tslidesToShow: 5,\n\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\tresponsive: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbreakpoint: 1400,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tslidesToShow: 4,\n\t\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbreakpoint: 1200,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tslidesToShow: 3,\n\t\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbreakpoint: 992,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t\t\t\t\tslidesToScroll: 1\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbreakpoint: 767,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t\t\tarrows: false,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbreakpoint: 575,\n\t\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t\t\tarrows: false,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t});\n\t\t\t    });\n\t\t\t<\/script>\n\n\t\t\t\t<div class=\"container custom-container-three\">\n\t                <div class=\"services-item-wrap-two\">\n\t                    <div class=\"row service-active-two\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-lg-3 col-md-6 service-shortcode-two\">\n\t\t                            <div class=\"services-item-three  wow fadeInUp\" data-wow-delay=\".2s\">\n\t\t                                <div class=\"services-icon-three\">\n\t\t                                    <i class=\"ficon flaticon-optimization\"><\/i>\n\t\t                                <\/div>\n\t\t                                <div class=\"services-content-three\">\n\t\t                                    <h3 class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tusmec.com\/index.php\/service\/afet-ve-arama-kurtarma-teknolojileri\/\">Afet ve Arama Kurtarma Teknolojileri<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/h3>\n\t\t                                    <p>Zorlu arazi ve kriz anlar\u0131nda g\u00f6rev yapabilen s\u00fcr\u00fc sistemlerimizle afet b\u00f6lgelerinde etkin m\u00fcdahale sa\u011fl\u0131yoruz.<\/p>\n\t\t                                <\/div>\n\t\t                            <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-lg-3 col-md-6 service-shortcode-two\">\n\t\t                            <div class=\"services-item-three red wow fadeInUp\" data-wow-delay=\".2s\">\n\t\t                                <div class=\"services-icon-three\">\n\t\t                                    <i class=\"ficon flaticon-social-media\"><\/i>\n\t\t                                <\/div>\n\t\t                                <div class=\"services-content-three\">\n\t\t                                    <h3 class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tusmec.com\/index.php\/service\/akilli-tarim-sistemleri\/\">Ak\u0131ll\u0131 Tar\u0131m Sistemleri<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/h3>\n\t\t                                    <p>Tar\u0131m alan\u0131nda otonom kara ve hava ara\u00e7lar\u0131 ile ila\u00e7lama, g\u00fcbreleme, veri toplama ve analiz s\u00fcre\u00e7lerini verimli hale getiriyoruz.<\/p>\n\t\t                                <\/div>\n\t\t                            <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-lg-3 col-md-6 service-shortcode-two\">\n\t\t                            <div class=\"services-item-three yellow wow fadeInUp\" data-wow-delay=\".2s\">\n\t\t                                <div class=\"services-icon-three\">\n\t\t                                    <i class=\"ficon flaticon-settings\"><\/i>\n\t\t                                <\/div>\n\t\t                                <div class=\"services-content-three\">\n\t\t                                    <h3 class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tusmec.com\/index.php\/service\/endustriyel-lojistik-cozumleri\/\">End\u00fcstriyel Lojistik \u00c7\u00f6z\u00fcmleri<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/h3>\n\t\t                                    <p>\u00dcretim tesisleri ve depolarda \u00fcr\u00fcn ta\u015f\u0131ma, izleme ve y\u00f6nlendirme i\u015flemlerini s\u00fcr\u00fc robot teknolojisiyle ak\u0131ll\u0131 hale getiriyoruz.<\/p>\n\t\t                                <\/div>\n\t\t                            <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-lg-3 col-md-6 service-shortcode-two\">\n\t\t                            <div class=\"services-item-three blue wow fadeInUp\" data-wow-delay=\".2s\">\n\t\t                                <div class=\"services-icon-three\">\n\t\t                                    <i class=\"ficon flaticon-client\"><\/i>\n\t\t                                <\/div>\n\t\t                                <div class=\"services-content-three\">\n\t\t                                    <h3 class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tusmec.com\/index.php\/service\/yapay-zeka-ve-suru-yazilim-gelistirme\/\">Yapay Zeka ve S\u00fcr\u00fc Yaz\u0131l\u0131m Geli\u015ftirme<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/h3>\n\t\t                                    <p>Farkl\u0131 tipte ara\u00e7lar\u0131n birlikte \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayan yerli yaz\u0131l\u0131m \u00e7\u00f6z\u00fcmlerimizle tam entegre s\u00fcr\u00fc sistemleri geli\u015ftiriyoruz.<\/p>\n\t\t                                <\/div>\n\t\t                            <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-lg-3 col-md-6 service-shortcode-two\">\n\t\t                            <div class=\"services-item-three green wow fadeInUp\" data-wow-delay=\".2s\">\n\t\t                                <div class=\"services-icon-three\">\n\t\t                                    <i class=\"ficon flaticon-strategy\"><\/i>\n\t\t                                <\/div>\n\t\t                                <div class=\"services-content-three\">\n\t\t                                    <h3 class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tusmec.com\/index.php\/service\/savunma-sanayi-uygulamalari\/\">Savunma Sanayi Uygulamalar\u0131<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/h3>\n\t\t                                    <p>Ke\u015fif, g\u00f6zetleme ve taktik operasyonlar i\u00e7in geli\u015ftirilen otonom sistemlerimizle savunma teknolojilerinde ileri \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\n\t\t                                <\/div>\n\t\t                            <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e848d6a e-flex e-con-boxed e-con e-parent\" data-id=\"e848d6a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f57830b elementor-widget elementor-widget-html\" data-id=\"f57830b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AOS k\u00fct\u00fcphanesi (Scroll animasyonlar\u0131 i\u00e7in) -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>AOS.init();<\/script>\r\n\r\n<style>\r\n  .tusmec-consolidation {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background-color: #111;\r\n    color: #fff;\r\n    padding: 80px 40px;\r\n    font-family: 'Segoe UI', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .consolidation-left, .consolidation-right {\r\n    flex: 1 1 45%;\r\n    min-width: 300px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .consolidation-left h2 {\r\n    font-size: 32px;\r\n    color: #00fff7;\r\n    margin-bottom: 18px;\r\n    animation: fadeInUp 1s ease-out;\r\n  }\r\n\r\n  .consolidation-left p {\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n    color: #ccc;\r\n    margin-bottom: 28px;\r\n    animation: fadeInUp 1.3s ease-out;\r\n  }\r\n\r\n  .consolidation-left a {\r\n    background: linear-gradient(135deg, #00e6e6, #00bfbf);\r\n    color: #000;\r\n    padding: 14px 32px;\r\n    border-radius: 30px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);\r\n    transition: all 0.4s ease;\r\n    animation: fadeInUp 1.6s ease-out;\r\n  }\r\n\r\n  .consolidation-left a:hover {\r\n    background: #00cccc;\r\n    transform: scale(1.05);\r\n    box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);\r\n  }\r\n\r\n  \/* ====== YEN\u0130: Depo Sim\u00fclasyonu ====== *\/\r\n  .consolidation-simulation {\r\n    background-color: #0d1117;\r\n    border-radius: 16px;\r\n    width: 100%;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n    box-shadow: 0 0 40px rgba(0, 230, 230, 0.18), inset 0 0 60px rgba(0,0,0,.5);\r\n    overflow: hidden;\r\n    position: relative;\r\n    border: 1px solid rgba(0,255,247,.12);\r\n  }\r\n\r\n  .sim-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    background: linear-gradient(180deg, #151c28, #0d1117);\r\n    border-bottom: 1px solid rgba(0,255,247,.10);\r\n    font-size: 11px;\r\n    color: #7ee8e0;\r\n  }\r\n  .sim-header .sim-card {\r\n    background: #1a2233;\r\n    border: 1px solid rgba(0,255,247,.12);\r\n    border-radius: 8px;\r\n    padding: 6px 10px;\r\n    font-size: 10px;\r\n    color: #a0d8d4;\r\n    line-height: 1.4;\r\n  }\r\n  .sim-header .sim-card b {\r\n    display: block;\r\n    color: #00fff7;\r\n    font-size: 12px;\r\n  }\r\n  .sim-bar {\r\n    height: 3px;\r\n    margin: 0 14px;\r\n    border-radius: 2px;\r\n    background: linear-gradient(90deg, #00fff7, #00bfbf 70%, transparent);\r\n    opacity: .6;\r\n  }\r\n\r\n  .sim-canvas-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n  }\r\n  @supports not (aspect-ratio: 1) {\r\n    .sim-canvas-wrap { min-height: 320px; }\r\n  }\r\n  #warehouseCanvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .tusmec-consolidation {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    .consolidation-left, .consolidation-right {\r\n      flex: 1 1 100%;\r\n    }\r\n\r\n    .consolidation-simulation {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tusmec-consolidation\">\r\n  <div class=\"consolidation-left\" data-aos=\"fade-right\">\r\n    <h2>Sipari\u015f Konsolidasyonu<\/h2>\r\n    <p>\r\n      Tusmec'in geli\u015fmi\u015f sistemleri ile ayn\u0131 sipari\u015fe ya da teslimat noktas\u0131na ait \u00fcr\u00fcnleri tek \u00e7at\u0131 alt\u0131nda toplay\u0131n. \r\n      Otomasyonla desteklenen bu s\u00fcre\u00e7, lojistik zincirinizde verimlili\u011fi art\u0131r\u0131r ve hatalar\u0131 minimize eder.\r\n    <\/p>\r\n    <a href=\"\/iletisim\">Daha Fazla Bilgi Al\u0131n<\/a>\r\n  <\/div>\r\n  <div class=\"consolidation-right\" data-aos=\"fade-left\">\r\n    <div class=\"consolidation-simulation\">\r\n      <div class=\"sim-header\">\r\n        <div class=\"sim-card\">SYSTEM<b>2200 PPH<\/b><\/div>\r\n        <div class=\"sim-card\">FEEDER<b>0010 PPH<\/b><\/div>\r\n        <div class=\"sim-card\">ROBOTS<b>24 Active<\/b><\/div>\r\n      <\/div>\r\n      <div class=\"sim-bar\"><\/div>\r\n      <div class=\"sim-canvas-wrap\">\r\n        <canvas id=\"warehouseCanvas\"><\/canvas>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const c = document.getElementById('warehouseCanvas');\r\n  if(!c) return;\r\n  const ctx = c.getContext('2d', {alpha:true});\r\n  let dpr = window.devicePixelRatio || 1;\r\n  let W = 0, H = 0, t = 0;\r\n\r\n  \/* \u2500\u2500 Raf d\u00fczeni (g\u00f6r\u00fcnt\u00fcdeki gibi dikey dikd\u00f6rtgenler, sat\u0131r-s\u00fctun grid) \u2500\u2500 *\/\r\n  const RACK_COLS = 8;\r\n  const RACK_ROWS = 5;\r\n  const racks = [];\r\n\r\n  function buildRacks(){\r\n    racks.length = 0;\r\n    const padL = .06, padR = .06, padT = .08, padB = .06;\r\n    const gapX = (1 - padL - padR) \/ RACK_COLS;\r\n    const gapY = (1 - padT - padB) \/ RACK_ROWS;\r\n    const rw = gapX * .32;  \/\/ raf geni\u015fli\u011fi\r\n    const rh = gapY * .65;  \/\/ raf y\u00fcksekli\u011fi (dikey, uzun)\r\n    for(let row = 0; row < RACK_ROWS; row++){\r\n      for(let col = 0; col < RACK_COLS; col++){\r\n        \/\/ baz\u0131 raflar\u0131 atlayarak koridor b\u0131rak\r\n        if((col === 3 || col === 4) && row === 2) continue; \/\/ orta koridor bo\u015fluk\r\n        if(col === 0 && row === 0) continue;\r\n        const cx = padL + gapX * (col + .5);\r\n        const cy = padT + gapY * (row + .5);\r\n        \/\/ her pozisyonda 2 raf yan yana (\u00e7ift s\u0131ra)\r\n        racks.push({x: cx - rw*.7, y: cy, w: rw, h: rh});\r\n        racks.push({x: cx + rw*.7, y: cy, w: rw, h: rh});\r\n      }\r\n    }\r\n  }\r\n  buildRacks();\r\n\r\n  \/* \u2500\u2500 Robotlar \u2500\u2500 *\/\r\n  const ROBOT_COUNT = 18;\r\n  const robots = [];\r\n  function initRobots(){\r\n    robots.length = 0;\r\n    for(let i = 0; i < ROBOT_COUNT; i++){\r\n      robots.push({\r\n        x: .08 + Math.random()*.84,\r\n        y: .10 + Math.random()*.80,\r\n        tx: .08 + Math.random()*.84,\r\n        ty: .10 + Math.random()*.80,\r\n        speed: .0004 + Math.random()*.0003,\r\n        color: Math.random() > .3 ? '#00e6c8' : '#ff5c6c', \/\/ ye\u015fil veya k\u0131rm\u0131z\u0131\r\n        wait: 0\r\n      });\r\n    }\r\n  }\r\n  initRobots();\r\n\r\n  \/* \u2500\u2500 Konsolidasyon noktalar\u0131 (\u00fcst s\u0131ra kutular\u0131) \u2500\u2500 *\/\r\n  const stations = [];\r\n  for(let i = 0; i < 6; i++){\r\n    stations.push({x: .10 + i * .145, y: .04});\r\n  }\r\n\r\n  function resize(){\r\n    const r = c.getBoundingClientRect();\r\n    W = Math.max(1, Math.floor(r.width * dpr));\r\n    H = Math.max(1, Math.floor(r.height * dpr));\r\n    c.width = W; c.height = H;\r\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n  }\r\n  resize();\r\n  window.addEventListener('resize', resize, {passive:true});\r\n\r\n  const pw = () => c.width \/ dpr;\r\n  const ph = () => c.height \/ dpr;\r\n\r\n  \/* \u2500\u2500 Zemin grid \u2500\u2500 *\/\r\n  function drawGrid(){\r\n    ctx.save();\r\n    ctx.strokeStyle = 'rgba(0,255,247,.04)';\r\n    ctx.lineWidth = 1;\r\n    const gap = 20;\r\n    for(let x = 0; x < pw(); x += gap){\r\n      ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,ph()); ctx.stroke();\r\n    }\r\n    for(let y = 0; y < ph(); y += gap){\r\n      ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(pw(),y); ctx.stroke();\r\n    }\r\n    ctx.restore();\r\n  }\r\n\r\n  \/* \u2500\u2500 Raflar \u2500\u2500 *\/\r\n  function drawRacks(){\r\n    racks.forEach(r => {\r\n      const x = r.x * pw(), y = r.y * ph(), w = r.w * pw(), h = r.h * ph();\r\n      \/\/ g\u00f6lge\r\n      ctx.fillStyle = 'rgba(0,0,0,.35)';\r\n      ctx.fillRect(x - w\/2 + 2, y - h\/2 + 2, w, h);\r\n      \/\/ raf g\u00f6vdesi\r\n      const grad = ctx.createLinearGradient(x - w\/2, y - h\/2, x + w\/2, y + h\/2);\r\n      grad.addColorStop(0, '#2a7a9a');\r\n      grad.addColorStop(.5, '#3ba8c8');\r\n      grad.addColorStop(1, '#2a7a9a');\r\n      ctx.fillStyle = grad;\r\n      const br = 3;\r\n      ctx.beginPath();\r\n      ctx.moveTo(x - w\/2 + br, y - h\/2);\r\n      ctx.lineTo(x + w\/2 - br, y - h\/2);\r\n      ctx.quadraticCurveTo(x + w\/2, y - h\/2, x + w\/2, y - h\/2 + br);\r\n      ctx.lineTo(x + w\/2, y + h\/2 - br);\r\n      ctx.quadraticCurveTo(x + w\/2, y + h\/2, x + w\/2 - br, y + h\/2);\r\n      ctx.lineTo(x - w\/2 + br, y + h\/2);\r\n      ctx.quadraticCurveTo(x - w\/2, y + h\/2, x - w\/2, y + h\/2 - br);\r\n      ctx.lineTo(x - w\/2, y - h\/2 + br);\r\n      ctx.quadraticCurveTo(x - w\/2, y - h\/2, x - w\/2 + br, y - h\/2);\r\n      ctx.closePath();\r\n      ctx.fill();\r\n      \/\/ raf i\u00e7 \u00e7izgileri (kat \u00e7izgileri)\r\n      ctx.strokeStyle = 'rgba(0,40,60,.5)';\r\n      ctx.lineWidth = .8;\r\n      const lines = 4;\r\n      for(let i = 1; i < lines; i++){\r\n        const ly = (y - h\/2) + (h \/ lines) * i;\r\n        ctx.beginPath(); ctx.moveTo(x - w\/2 + 2, ly); ctx.lineTo(x + w\/2 - 2, ly); ctx.stroke();\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500 Konsolidasyon istasyonlar\u0131 (\u00fcst) \u2500\u2500 *\/\r\n  function drawStations(){\r\n    stations.forEach((s, i) => {\r\n      const x = s.x * pw(), y = s.y * ph(), sz = 12;\r\n      ctx.strokeStyle = 'rgba(0,255,247,.35)';\r\n      ctx.lineWidth = 1;\r\n      ctx.strokeRect(x - sz\/2, y - sz\/2, sz, sz);\r\n      \/\/ k\u00f6\u015fe \u00e7entikleri\r\n      const cn = 4;\r\n      ctx.strokeStyle = 'rgba(0,255,247,.6)';\r\n      ctx.lineWidth = 1.5;\r\n      \/\/ sol \u00fcst\r\n      ctx.beginPath(); ctx.moveTo(x-sz\/2, y-sz\/2+cn); ctx.lineTo(x-sz\/2, y-sz\/2); ctx.lineTo(x-sz\/2+cn, y-sz\/2); ctx.stroke();\r\n      \/\/ sa\u011f \u00fcst\r\n      ctx.beginPath(); ctx.moveTo(x+sz\/2-cn, y-sz\/2); ctx.lineTo(x+sz\/2, y-sz\/2); ctx.lineTo(x+sz\/2, y-sz\/2+cn); ctx.stroke();\r\n      \/\/ sol alt\r\n      ctx.beginPath(); ctx.moveTo(x-sz\/2, y+sz\/2-cn); ctx.lineTo(x-sz\/2, y+sz\/2); ctx.lineTo(x-sz\/2+cn, y+sz\/2); ctx.stroke();\r\n      \/\/ sa\u011f alt\r\n      ctx.beginPath(); ctx.moveTo(x+sz\/2-cn, y+sz\/2); ctx.lineTo(x+sz\/2, y+sz\/2); ctx.lineTo(x+sz\/2, y+sz\/2-cn); ctx.stroke();\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500 Robotlar \u2500\u2500 *\/\r\n  function updateRobots(){\r\n    robots.forEach(r => {\r\n      if(r.wait > 0){ r.wait--; return; }\r\n      const dx = r.tx - r.x, dy = r.ty - r.y;\r\n      const dist = Math.sqrt(dx*dx + dy*dy);\r\n      if(dist < .01){\r\n        \/\/ yeni hedef se\u00e7\r\n        r.tx = .08 + Math.random()*.84;\r\n        r.ty = .10 + Math.random()*.80;\r\n        r.wait = 40 + Math.floor(Math.random()*80); \/\/ durak\r\n        return;\r\n      }\r\n      \/\/ \u00f6nce X sonra Y (L-\u015fekilli hareket)\r\n      if(Math.abs(dx) > .01){\r\n        r.x += Math.sign(dx) * r.speed;\r\n      } else {\r\n        r.y += Math.sign(dy) * r.speed;\r\n      }\r\n    });\r\n  }\r\n\r\n  function drawRobots(){\r\n    robots.forEach(r => {\r\n      const x = r.x * pw(), y = r.y * ph();\r\n      const pulse = (Math.sin(t * 3 + r.x * 20) + 1) \/ 2;\r\n\r\n      \/\/ zemin glow\r\n      const glow = ctx.createRadialGradient(x, y, 0, x, y, 12);\r\n      glow.addColorStop(0, r.color + '44');\r\n      glow.addColorStop(1, r.color + '00');\r\n      ctx.fillStyle = glow;\r\n      ctx.beginPath(); ctx.arc(x, y, 12, 0, Math.PI*2); ctx.fill();\r\n\r\n      \/\/ ana nokta\r\n      ctx.fillStyle = r.color;\r\n      ctx.shadowColor = r.color;\r\n      ctx.shadowBlur = 8;\r\n      ctx.beginPath(); ctx.arc(x, y, 3.5, 0, Math.PI*2); ctx.fill();\r\n      ctx.shadowBlur = 0;\r\n\r\n      \/\/ nab\u0131z halkas\u0131\r\n      ctx.strokeStyle = r.color;\r\n      ctx.globalAlpha = .3 + .2 * pulse;\r\n      ctx.lineWidth = 1;\r\n      ctx.beginPath(); ctx.arc(x, y, 6 + 3 * pulse, 0, Math.PI*2); ctx.stroke();\r\n      ctx.globalAlpha = 1;\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500 Koridorlardaki hareketli kesikli \u00e7izgiler \u2500\u2500 *\/\r\n  function drawCorridors(){\r\n    ctx.save();\r\n    ctx.setLineDash([6, 8]);\r\n    ctx.lineDashOffset = -(t * 50 % 14);\r\n    ctx.strokeStyle = 'rgba(0,255,247,.12)';\r\n    ctx.lineWidth = 1;\r\n    \/\/ yatay koridorlar\r\n    const rows = [.18, .35, .52, .69, .86];\r\n    rows.forEach(ry => {\r\n      const y = ry * ph();\r\n      ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(pw(), y); ctx.stroke();\r\n    });\r\n    \/\/ dikey koridorlar\r\n    const cols = [.18, .32, .50, .68, .82];\r\n    cols.forEach(cx => {\r\n      const x = cx * pw();\r\n      ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, ph()); ctx.stroke();\r\n    });\r\n    ctx.restore();\r\n  }\r\n\r\n  \/* \u2500\u2500 Ana d\u00f6ng\u00fc \u2500\u2500 *\/\r\n  function tick(ts){\r\n    t = (ts || 0) \/ 1000;\r\n    ctx.clearRect(0, 0, c.width \/ dpr, c.height \/ dpr);\r\n    drawGrid();\r\n    drawCorridors();\r\n    drawRacks();\r\n    drawStations();\r\n    updateRobots();\r\n    drawRobots();\r\n    requestAnimationFrame(tick);\r\n  }\r\n  requestAnimationFrame(tick);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a7c75d e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1a7c75d\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c708b elementor-widget elementor-widget-html\" data-id=\"d7c708b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"tus-contact\">\r\n  <style>\r\n    \/* === Scope: sadece #tus-contact i\u00e7inde ge\u00e7erli === *\/\r\n    #tus-contact{\r\n      --bg1:#0a1220; --bg2:#0b1527; --ring:rgba(255,255,255,.10);\r\n      --txt:#ffffff; --muted:#cfe1ff; --acc1:#48C7FF; --acc2:#7C3AED; --ok:#22c55e; --err:#ef4444;\r\n      --r:18px; --sh:0 18px 42px rgba(0,0,0,.38);\r\n      color:var(--txt);\r\n      background:\r\n        radial-gradient(900px 420px at 12% -10%, rgba(72,199,255,.18), transparent 60%),\r\n        radial-gradient(900px 420px at 88% 120%, rgba(124,58,237,.16), transparent 60%),\r\n        linear-gradient(180deg,var(--bg1),var(--bg2));\r\n      padding:42px 0;\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n    }\r\n    #tus-contact .wrap{max-width:1180px; margin:0 auto; padding:0 16px}\r\n    \/* giri\u015f animasyonu *\/\r\n    @keyframes tcFadeUp{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}\r\n    #tus-contact .hero{display:grid; grid-template-columns:1.05fr .95fr; gap:22px; align-items:stretch; animation:tcFadeUp .7s ease .05s both}\r\n\r\n    \/* Sol panel (kopya) *\/\r\n    #tus-contact .pitch{\r\n      background:linear-gradient(180deg, #0f1d31, #0b1727);\r\n      border:1px solid var(--ring); border-radius:var(--r); box-shadow:var(--sh);\r\n      padding:26px 26px 20px; position:relative; overflow:hidden;\r\n    }\r\n    #tus-contact .pitch::after{\r\n      content:\"\"; position:absolute; inset:-40% -20% auto auto; width:70%; aspect-ratio:1\/1;\r\n      background:radial-gradient(closest-side, rgba(72,199,255,.20), transparent 70%);\r\n      transform:translate(10%,-10%); pointer-events:none; filter:blur(20px);\r\n    }\r\n    #tus-contact h2{margin:0 0 10px; font-size:clamp(24px,4.6vw,40px); line-height:1.08; color:#fff; text-shadow:0 6px 18px rgba(0,0,0,.45)}\r\n    #tus-contact .lead{margin:0; color:var(--muted); font-size:clamp(14px,2.2vw,16px)}\r\n    #tus-contact .badges{margin-top:16px; display:flex; gap:8px; flex-wrap:wrap}\r\n    #tus-contact .badge{\r\n      padding:6px 10px; border-radius:999px; font-size:12px; color:#eaf6ff;\r\n      background:linear-gradient(90deg, rgba(72,199,255,.18), rgba(124,58,237,.18));\r\n      border:1px solid var(--ring); backdrop-filter:blur(6px)\r\n    }\r\n\r\n    \/* Sa\u011f panel (form) *\/\r\n    #tus-contact .panel{\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727);\r\n      border:1px solid var(--ring); border-radius:var(--r); box-shadow:var(--sh);\r\n      padding:22px 22px 18px; position:relative; overflow:hidden;\r\n    }\r\n    #tus-contact .form-grid{display:grid; grid-template-columns:1fr; gap:12px}\r\n    #tus-contact label{font-size:12px; color:#a9c5ff}\r\n    #tus-contact .ctrl{display:flex; flex-direction:column; gap:6px}\r\n    #tus-contact input, #tus-contact textarea{\r\n      width:100%; color:#fff; background:#0c1830; border:1px solid #1b2a47;\r\n      border-radius:12px; padding:12px 14px; outline:none;\r\n      transition:border-color .2s, box-shadow .2s;\r\n    }\r\n    #tus-contact input::placeholder, #tus-contact textarea::placeholder{color:#8aa0c8}\r\n    #tus-contact input:focus, #tus-contact textarea:focus{\r\n      border-color:#3ba2ff; box-shadow:0 0 0 3px rgba(59,162,255,.20)\r\n    }\r\n    #tus-contact textarea{min-height:140px; resize:vertical}\r\n\r\n    #tus-contact .actions{display:flex; gap:10px; align-items:center; margin-top:4px}\r\n    #tus-contact .btn{\r\n      appearance:none; border:0; cursor:pointer; font-weight:800; letter-spacing:.3px;\r\n      padding:12px 18px; border-radius:12px; color:#012;\r\n      background:linear-gradient(90deg,#48C7FF,#7C3AED); box-shadow:0 10px 24px rgba(0,0,0,.35);\r\n      transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;\r\n    }\r\n    #tus-contact .btn:hover{transform:translateY(-2px); filter:brightness(1.05)}\r\n    #tus-contact .btn[disabled]{opacity:.6; cursor:progress}\r\n\r\n    \/* toast *\/\r\n    #tus-contact .toast{\r\n      position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(20px);\r\n      background:#0f1d31; border:1px solid var(--ring); border-left:5px solid var(--ok);\r\n      color:#dffbe7; padding:12px 14px; border-radius:12px; box-shadow:var(--sh);\r\n      opacity:0; pointer-events:none; transition:.35s ease; z-index:9999;\r\n      max-width:min(92vw,520px);\r\n    }\r\n    #tus-contact .toast.err{border-left-color:var(--err); color:#ffe2e2}\r\n    #tus-contact .toast.show{opacity:1; transform:translateX(-50%) translateY(0)}\r\n\r\n    \/* mobil *\/\r\n    @media (max-width:980px){ #tus-contact .hero{grid-template-columns:1fr} }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"hero\">\r\n      <!-- SOL: metin -->\r\n      <div class=\"pitch\">\r\n        <h2>Herhangi bir sorununuzu ve teklifinizi bizimle payla\u015fmaktan \u00e7ekinmeyiniz.<\/h2>\r\n        <p class=\"lead\">M\u00fchendislik ekibimiz 24\u201348 saat i\u00e7inde d\u00f6n\u00fc\u015f yapar. \u0130htiyac\u0131n\u0131za g\u00f6re demo, proje ke\u015ffi veya fiyatland\u0131rma sunar.<\/p>\r\n        <div class=\"badges\">\r\n          <span class=\"badge\">\ud83d\udee1 ISO\/CE Uyumlu<\/span>\r\n          <span class=\"badge\">\u26a1 7\/24 Destek<\/span>\r\n          <span class=\"badge\">\ud83e\udd1d Kurumsal \u0130\u015f Ortakl\u0131\u011f\u0131<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SA\u011e: form -->\r\n      <div class=\"panel\">\r\n        <form id=\"tus-contact-form\" class=\"form-grid\" novalidate>\r\n          <!-- WordPress nonce (shortcode render eder) -->\r\n          <input type=\"hidden\" name=\"nonce\" value=\"[tusmec_contact_nonce]\">\r\n          <div class=\"ctrl\">\r\n            <label for=\"tc-name\">Ad Soyad*<\/label>\r\n            <input id=\"tc-name\" name=\"name\" type=\"text\" placeholder=\"Ad\u0131n\u0131z\u0131 giriniz\" required>\r\n          <\/div>\r\n          <div class=\"ctrl\">\r\n            <label for=\"tc-email\">E-posta Adresi*<\/label>\r\n            <input id=\"tc-email\" name=\"email\" type=\"email\" placeholder=\"ornek@alan.com\" required>\r\n          <\/div>\r\n          <div class=\"ctrl\">\r\n            <label for=\"tc-phone\">Telefon<\/label>\r\n            <input id=\"tc-phone\" name=\"phone\" type=\"text\" placeholder=\"+90 ...\">\r\n          <\/div>\r\n          <div class=\"ctrl\">\r\n            <label for=\"tc-msg\">Mesaj\u0131n\u0131z*<\/label>\r\n            <textarea id=\"tc-msg\" name=\"message\" placeholder=\"K\u0131saca anlat\u0131n...\" required><\/textarea>\r\n          <\/div>\r\n          <div class=\"actions\">\r\n            <button class=\"btn\" type=\"submit\">G\u00f6nder<\/button>\r\n            <small style=\"color:#a9c5ff\">* Zorunlu alanlar<\/small>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"toast\" id=\"tc-toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root  = document.getElementById('tus-contact');\r\n      const form  = root.querySelector('#tus-contact-form');\r\n      const toast = root.querySelector('#tc-toast');\r\n\r\n      function showToast(text, ok=true){\r\n        toast.textContent = text;\r\n        toast.className   = 'toast ' + (ok ? '' : 'err') + ' show';\r\n        clearTimeout(showToast.t); showToast.t = setTimeout(()=>toast.classList.remove('show'), 4200);\r\n      }\r\n\r\n      function validEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\r\n\r\n      form.addEventListener('submit', async (e)=>{\r\n        e.preventDefault();\r\n        const fd = new FormData(form);\r\n        const name = (fd.get('name')||'').trim();\r\n        const email= (fd.get('email')||'').trim();\r\n        const message=(fd.get('message')||'').trim();\r\n\r\n        if(!name || !validEmail(email) || !message){\r\n          showToast('L\u00fctfen zorunlu alanlar\u0131 do\u011fru doldurun.', false);\r\n          return;\r\n        }\r\n\r\n        const btn = form.querySelector('.btn');\r\n        btn.setAttribute('disabled','disabled');\r\n\r\n        try{\r\n          const res = await fetch('\/wp-admin\/admin-ajax.php', {\r\n            method:'POST',\r\n            headers:{ 'Accept':'application\/json' },\r\n            body: new URLSearchParams({\r\n              action: 'tusmec_send_mail',\r\n              nonce: fd.get('nonce'),\r\n              name, email,\r\n              phone: (fd.get('phone')||'').trim(),\r\n              message\r\n            })\r\n          });\r\n          const data = await res.json();\r\n          if(data && data.success){\r\n            form.reset();\r\n            showToast('Te\u015fekk\u00fcrler! Mesaj\u0131n\u0131z bize ula\u015ft\u0131. En k\u0131sa s\u00fcrede d\u00f6n\u00fc\u015f yapaca\u011f\u0131z.', true);\r\n          }else{\r\n            showToast((data && data.data && data.data.message) || 'G\u00f6nderilemedi. L\u00fctfen daha sonra deneyin.', false);\r\n          }\r\n        }catch(err){\r\n          showToast('Ba\u011flant\u0131 hatas\u0131. L\u00fctfen daha sonra tekrar deneyin.', false);\r\n        }finally{\r\n          btn.removeAttribute('disabled');\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6a7001 e-flex e-con-boxed e-con e-parent\" data-id=\"f6a7001\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bffec34 elementor-widget elementor-widget-html\" data-id=\"bffec34\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AOS (Scroll animasyonlar\u0131 i\u00e7in) -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>AOS.init({ duration: 1000, once: true });<\/script>\r\n\r\n<style>\r\n.stats-section {\r\n  background-color: #0a0a0a;\r\n  color: #fff;\r\n  padding: 100px 20px;\r\n  text-align: center;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.stats-section h2 {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #00fff7;\r\n  margin-bottom: 10px;\r\n  animation: fadeDown 1s forwards;\r\n}\r\n\r\n.stats-section p {\r\n  font-size: 17px;\r\n  color: #bbb;\r\n  margin-bottom: 60px;\r\n  animation: fadeDown 1.2s forwards;\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.stats-cards {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.stat-card {\r\n  background: #111;\r\n  border: 2px solid #00fff7;\r\n  border-radius: 16px;\r\n  padding: 40px 30px;\r\n  width: 220px;\r\n  min-height: 180px;\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n  position: relative;\r\n  animation: fadeUp 1s forwards;\r\n  transform: translateY(40px);\r\n  opacity: 0;\r\n}\r\n\r\n.stat-card:nth-child(2) { animation-delay: 0.2s; }\r\n.stat-card:nth-child(3) { animation-delay: 0.4s; }\r\n.stat-card:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n.stat-card:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 25px rgba(0, 255, 255, 0.2);\r\n}\r\n\r\n.stat-card h3 {\r\n  font-size: 28px;\r\n  color: #00fff7;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.stat-card span {\r\n  font-size: 14px;\r\n  color: #ccc;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n@keyframes fadeDown {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-40px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .stat-card {\r\n    width: 90%;\r\n    max-width: 300px;\r\n  }\r\n\r\n  .stats-section h2 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"stats-section\">\r\n  <h2>Ger\u00e7ekli\u011fi B\u0130R \u00dcST Seviyeye Ta\u015f\u0131yoruz<\/h2>\r\n  <p>Ak\u0131ll\u0131 sistemlerle donat\u0131lm\u0131\u015f \u00e7\u00f6z\u00fcmlerimiz sayesinde operasyonel verimlili\u011fi zirveye ta\u015f\u0131yoruz.<\/p>\r\n  \r\n  <div class=\"stats-cards\">\r\n\r\n    <div class=\"stat-card\" data-aos=\"fade-up\">\r\n      <h3>&gt;3X<\/h3>\r\n      <span>DAHA FAZLA VER\u0130ML\u0130L\u0130K<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\" data-aos=\"fade-up\">\r\n      <h3>99.9%<\/h3>\r\n      <span>HASSAS G\u00d6REV DO\u011eRULU\u011eU<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\" data-aos=\"fade-up\">\r\n      <h3>2X<\/h3>\r\n      <span>ALAN OPT\u0130M\u0130ZASYONU<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"stat-card\" data-aos=\"fade-up\">\r\n      <h3>&lt;2<\/h3>\r\n      <span>HAFTADA TAM KURULUM<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-70cda1b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"70cda1b\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;bounce&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4d41d2a\" data-id=\"4d41d2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b110a5 elementor-widget elementor-widget-single-counter\" data-id=\"0b110a5\" data-element_type=\"widget\" data-widget_type=\"single-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t        <div class=\"counter-item text-left\">\n\t            <h2 class=\"count\">\n\t            \t<span class=\"countter\" id=\"countter-0b110a5\" data-delay=\"10\" data-time=\"2000\">\n\t            \t\t248\t            \t<\/span>\n\t            <\/h2>\n\t            <p>Mutlu M\u00fc\u015fteriler<\/p>\n\t        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-5c91659\" data-id=\"5c91659\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e46338 elementor-widget elementor-widget-single-counter\" data-id=\"8e46338\" data-element_type=\"widget\" data-widget_type=\"single-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t        <div class=\"counter-item text-left\">\n\t            <h2 class=\"count\">\n\t            \t<span class=\"countter\" id=\"countter-8e46338\" data-delay=\"10\" data-time=\"2000\">\n\t            \t\t19\t            \t<\/span>\n\t            <\/h2>\n\t            <p>Aktif M\u00fc\u015fteriler<\/p>\n\t        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4ad3f87\" data-id=\"4ad3f87\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-413fb30 elementor-widget elementor-widget-single-counter\" data-id=\"413fb30\" data-element_type=\"widget\" data-widget_type=\"single-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t        <div class=\"counter-item text-left\">\n\t            <h2 class=\"count\">\n\t            \t<span class=\"countter\" id=\"countter-413fb30\" data-delay=\"10\" data-time=\"2000\">\n\t            \t\t39\t            \t<\/span>\n\t            <\/h2>\n\t            <p>Kazan\u0131lan \u00d6d\u00fcller<\/p>\n\t        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-a51414e\" data-id=\"a51414e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-defe1d8 elementor-widget elementor-widget-single-counter\" data-id=\"defe1d8\" data-element_type=\"widget\" data-widget_type=\"single-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t        <div class=\"counter-item text-left\">\n\t            <h2 class=\"count\">\n\t            \t<span class=\"countter\" id=\"countter-defe1d8\" data-delay=\"10\" data-time=\"2000\">\n\t            \t\t575\t            \t<\/span>\n\t            <\/h2>\n\t            <p>Bitirilen Proje<\/p>\n\t        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54af25f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54af25f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d51964a\" data-id=\"d51964a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db50cdc elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"db50cdc\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1203f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e1203f7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4bf3aad\" data-id=\"4bf3aad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-df74cee elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"df74cee\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6f7563f\" data-id=\"6f7563f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a245b1 elementor-widget elementor-widget-section-head-two\" data-id=\"3a245b1\" data-element_type=\"widget\" data-widget_type=\"section-head-two.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"text-center section-title title-style-four tg-heading-subheading animation-style2\">\n\t\t\t\t\t\t            <h6 class=\"sub-title tg-element-title\">\n\t\t            \tG\u00f6r\u00fc\u015fler\t\t            <\/h6>\n\t            \t            \t\t            <h2 class=\"title tg-element-title\"> M\u00fc\u015fteriler Ne Diyor? <\/h2>\n\t            \t        <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c51df elementor-invisible elementor-widget elementor-widget-section-testimonial\" data-id=\"b0c51df\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceInUp&quot;}\" data-widget_type=\"section-testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section class=\"testimonial-item-wrap\">\n\t\t            <div class=\"container\">\n\t\t                <div class=\"row\">\n\t\t                \t\t\t\t                \t<div class=\"col-lg-6\">\n\t\t\t                        <div class=\"testimonial-item-three\">\n\t\t\t                        \t<div class=\"testi-avatar-thumb\">\n\t\t\t                        \t\t\t\t\t                        \t\t<div class=\"icon\"><i class=\"flaticon-left-quote\"><\/i><\/div>\n\t\t\t                        \t<\/div>\n\t\t\t                        \t<div class=\"testimonial-content-three\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"title\">Tar\u0131msal Teknoloji Geli\u015ftirme Direkt\u00f6r\u00fc<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Beta Elektronik<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p><p>Yapay zek\u00e2 ve otomasyon konusunda bu kadar ileri d\u00fczey \u00e7\u00f6z\u00fcmlerle kar\u015f\u0131la\u015faca\u011f\u0131m\u0131 beklemiyordum. Ger\u00e7ekten sahada fark yaratt\u0131lar.<\/p>\n<\/p>\n\t\t\t\t\t\t\t               \t\t\t\t\t\t\t\t\t                <div class=\"rating\">\n\t\t\t\t\t\t\t\t                  \t<i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\t\t\t\t\t\t\t\t                <\/div>\n\t\t\t\t\t\t\t               \t\t\t\t                        \t<\/div>\n\t\t\t                        <\/div>\n\t\t\t                    <\/div>\n\t\t                    \t\t\t                \t<div class=\"col-lg-6\">\n\t\t\t                        <div class=\"testimonial-item-three\">\n\t\t\t                        \t<div class=\"testi-avatar-thumb\">\n\t\t\t                        \t\t\t\t\t                        \t\t<div class=\"icon\"><i class=\"flaticon-left-quote\"><\/i><\/div>\n\t\t\t                        \t<\/div>\n\t\t\t                        \t<div class=\"testimonial-content-three\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"title\">Lojistik M\u00fcd\u00fcr\u00fc<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Aras Da\u011f\u0131t\u0131m A.\u015e.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p><p>Sistem entegrasyonu konusunda beklentimizin \u00e7ok \u00fczerinde bir sonu\u00e7 ald\u0131k. T\u00fcm s\u00fcre\u00e7 \u015feffaf, h\u0131zl\u0131 ve profesyonelce y\u00f6netildi.<\/p>\n<\/p>\n\t\t\t\t\t\t\t               \t\t\t\t\t\t\t\t\t                <div class=\"rating\">\n\t\t\t\t\t\t\t\t                  \t<i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\t\t\t\t\t\t\t\t                <\/div>\n\t\t\t\t\t\t\t               \t\t\t\t                        \t<\/div>\n\t\t\t                        <\/div>\n\t\t\t                    <\/div>\n\t\t                    \t\t\t                \t<div class=\"col-lg-6\">\n\t\t\t                        <div class=\"testimonial-item-three\">\n\t\t\t                        \t<div class=\"testi-avatar-thumb\">\n\t\t\t                        \t\t\t\t\t                        \t\t<div class=\"icon\"><i class=\"flaticon-left-quote\"><\/i><\/div>\n\t\t\t                        \t<\/div>\n\t\t\t                        \t<div class=\"testimonial-content-three\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"title\">Ar-Ge M\u00fchendisi<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Mehmet E.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p><p>Saha uygulamalar\u0131nda ya\u015fad\u0131\u011f\u0131m\u0131z zaman ve maliyet kay\u0131plar\u0131, bu sistem sayesinde minimuma indi. Destek ekibine ayr\u0131ca te\u015fekk\u00fcr ederim.<\/p>\n<\/p>\n\t\t\t\t\t\t\t               \t\t\t\t\t\t\t\t\t                <div class=\"rating\">\n\t\t\t\t\t\t\t\t                  \t<i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\t\t\t\t\t\t\t\t                <\/div>\n\t\t\t\t\t\t\t               \t\t\t\t                        \t<\/div>\n\t\t\t                        <\/div>\n\t\t\t                    <\/div>\n\t\t                    \t\t\t                \t<div class=\"col-lg-6\">\n\t\t\t                        <div class=\"testimonial-item-three\">\n\t\t\t                        \t<div class=\"testi-avatar-thumb\">\n\t\t\t                        \t\t\t\t\t                        \t\t<div class=\"icon\"><i class=\"flaticon-left-quote\"><\/i><\/div>\n\t\t\t                        \t<\/div>\n\t\t\t                        \t<div class=\"testimonial-content-three\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"title\">Proje Y\u00f6neticisi<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Elif T.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p><p>Savunma teknolojilerinde g\u00fcvenilir, h\u0131zl\u0131 ve \u00f6l\u00e7eklenebilir \u00e7\u00f6z\u00fcmler ar\u0131yorduk. Bu firma tam olarak ihtiyac\u0131m\u0131za cevap verdi.<\/p>\n<\/p>\n\t\t\t\t\t\t\t               \t\t\t\t\t\t\t\t\t                <div class=\"rating\">\n\t\t\t\t\t\t\t\t                  \t<i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"far fa-star\"><\/i>\t\t\t\t\t\t\t\t                <\/div>\n\t\t\t\t\t\t\t               \t\t\t\t                        \t<\/div>\n\t\t\t                        <\/div>\n\t\t\t                    <\/div>\n\t\t                    \t\t                <\/div>\n\t\t            <\/div>\n\t\t        <\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-1d861bb e-flex e-con-boxed e-con e-parent\" data-id=\"1d861bb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c960b5 elementor-widget elementor-widget-html\" data-id=\"1c960b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AOS k\u00fct\u00fcphanesi -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>AOS.init();<\/script>\r\n\r\n<style>\r\n  .sunduklarimiz-section {\r\n    background-color: #0d0d0d;\r\n    color: #fff;\r\n    padding: 100px 30px;\r\n    font-family: 'Segoe UI', sans-serif;\r\n    text-align: center;\r\n  }\r\n\r\n  .sunduklarimiz-section h2 {\r\n    font-size: 40px;\r\n    color: #00fff7;\r\n    margin-bottom: 60px;\r\n    animation: fadeDown 1s ease-in-out;\r\n  }\r\n\r\n  .sunduklarimiz-cards {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  .sunduklarimiz-card {\r\n    background-color: #1a1a1a;\r\n    border-radius: 16px;\r\n    padding: 40px 30px;\r\n    width: 300px;\r\n    box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);\r\n    transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .sunduklarimiz-card:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 0 40px rgba(0, 255, 255, 0.2);\r\n  }\r\n\r\n  .sunduklarimiz-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(0,255,255,0.1) 0%, transparent 70%);\r\n    animation: rotateGlow 8s linear infinite;\r\n  }\r\n\r\n  .sunduklarimiz-icon {\r\n    font-size: 48px;\r\n    color: #00fff7;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .sunduklarimiz-card h3 {\r\n    font-size: 20px;\r\n    margin-bottom: 12px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sunduklarimiz-card p {\r\n    font-size: 15px;\r\n    color: #ccc;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @keyframes rotateGlow {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes fadeDown {\r\n    0% { opacity: 0; transform: translateY(-30px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .sunduklarimiz-card {\r\n      width: 100%;\r\n      max-width: 340px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sunduklarimiz-section\">\r\n  <h2>Sundu\u011fumuz Sistem Avantajlar\u0131<\/h2>\r\n  <div class=\"sunduklarimiz-cards\">\r\n\r\n    <div class=\"sunduklarimiz-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n      <div class=\"sunduklarimiz-icon\">\ud83d\udee0\ufe0f<\/div>\r\n      <h3>U\u00e7tan Uca Sistem Kurulumu<\/h3>\r\n      <p>Planlama, kurulum, e\u011fitim ve teknik destek dahil olmak \u00fczere t\u00fcm s\u00fcre\u00e7leri kapsayan anahtar teslim \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sunduklarimiz-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n      <div class=\"sunduklarimiz-icon\">\u23f3<\/div>\r\n      <h3>Y\u00fcksek Eri\u015filebilirlik<\/h3>\r\n      <p>Kesintisiz \u00e7al\u0131\u015fma yap\u0131s\u0131 ve mod\u00fcler sistem tasar\u0131m\u0131 sayesinde operasyonel s\u00fcreklili\u011fi garanti ediyoruz.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sunduklarimiz-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n      <div class=\"sunduklarimiz-icon\">\ud83c\udfcb\ufe0f<\/div>\r\n      <h3>Uyarlanabilir Teknoloji<\/h3>\r\n      <p>Mobil ya da sabit t\u00fcm sistemlerinizle entegre olabilen, ihtiya\u00e7lar\u0131n\u0131za g\u00f6re \u00f6zelle\u015ftirilebilen \u00e7\u00f6z\u00fcmler geli\u015ftiriyoruz.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e17c8 e-con-full e-flex e-con e-parent\" data-id=\"27e17c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1cfa9b elementor-widget elementor-widget-html\" data-id=\"d1cfa9b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"tusmec-global-footprint\" aria-label=\"K\u00fcresel Ayak \u0130zi\">\r\n  <style>\r\n    #tusmec-global-footprint{\r\n      --bg:#0b1630;--bg2:#0a1327;--cyan:#2fe1ff;--purple:#8a6cff;\r\n      --text:#fff;--muted:rgba(230,243,255,.78);\r\n      position:relative;overflow:hidden;\r\n      background:radial-gradient(1100px 520px at 12% 18%,rgba(47,225,255,.08),transparent 60%),\r\n        radial-gradient(900px 520px at 88% 40%,rgba(138,108,255,.08),transparent 62%),\r\n        linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:clamp(32px,4vw,56px) 0;color:var(--text);\r\n      font-family:'Segoe UI',system-ui,sans-serif;\r\n    }\r\n    #tusmec-global-footprint *{box-sizing:border-box}\r\n    .tgf-container{max-width:1320px;margin:0 auto;padding:0 24px;\r\n      display:grid;grid-template-columns:.85fr 1.5fr;gap:clamp(20px,3vw,44px);align-items:center}\r\n    .tgf-left{position:relative;z-index:2}\r\n    .tgf-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}\r\n    .tgf-mark{width:10px;height:10px;border-radius:2px;\r\n      background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 14px rgba(47,225,255,.25)}\r\n    .tgf-brandname{font-weight:700;letter-spacing:.14em;font-size:13px;opacity:.9}\r\n    .tgf-title{margin:0 0 18px;font-size:clamp(26px,3.2vw,44px);font-weight:800;line-height:1.1}\r\n    .tgf-text{margin:0;font-size:clamp(13.5px,1.1vw,16px);line-height:1.75;color:var(--muted);max-width:500px}\r\n    .tgf-map-wrap{position:relative;width:100%;border-radius:16px;overflow:hidden;\r\n      background:rgba(8,14,36,.6);border:1px solid rgba(255,255,255,.08);\r\n      box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}\r\n    .tgf-map-canvas{position:relative;width:100%;aspect-ratio:2\/1}\r\n    @supports not (aspect-ratio:1){.tgf-map-canvas{padding-bottom:50%}}\r\n    #worldCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .4s ease-out}\r\n    .tgf-kpi-row{position:absolute;left:14px;right:14px;bottom:12px;\r\n      display:flex;gap:6px;z-index:3;pointer-events:none;flex-wrap:wrap}\r\n    .tgf-kpi-pill{padding:5px 11px;border-radius:10px;background:rgba(11,22,48,.8);\r\n      border:1px solid rgba(47,225,255,.15);backdrop-filter:blur(8px);\r\n      font-size:11.5px;color:rgba(240,250,255,.85);white-space:nowrap}\r\n    .tgf-kpi-pill b{color:var(--cyan);font-weight:800}\r\n    .tgf-orb{position:absolute;left:-100px;bottom:-130px;width:300px;height:300px;border-radius:999px;\r\n      background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),rgba(47,225,255,.16) 35%,\r\n      rgba(138,108,255,.08) 65%,transparent 72%),linear-gradient(135deg,rgba(47,225,255,.18),rgba(138,108,255,.14));\r\n      opacity:.75;animation:tgfFloat 7.5s ease-in-out infinite;pointer-events:none;z-index:0}\r\n    @keyframes tgfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n    @media(max-width:980px){\r\n      .tgf-container{grid-template-columns:1fr}\r\n      .tgf-left{text-align:center}.tgf-text{margin:0 auto}.tgf-brand{justify-content:center}\r\n      .tgf-map-wrap{max-width:100%}.tgf-map-canvas{aspect-ratio:1.8\/1}\r\n      .tgf-orb{width:200px;height:200px;left:-50px;bottom:-70px}\r\n    }\r\n    @media(max-width:600px){\r\n      #tusmec-global-footprint{padding:24px 0}\r\n      .tgf-container{padding:0 12px;gap:16px}\r\n      .tgf-map-canvas{aspect-ratio:1.6\/1}\r\n      .tgf-kpi-row{gap:3px;left:6px;right:6px;bottom:6px}\r\n      .tgf-kpi-pill{font-size:9.5px;padding:4px 7px;border-radius:7px}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){.tgf-orb{animation:none!important}}\r\n  <\/style>\r\n\r\n  <div class=\"tgf-container\">\r\n    <div class=\"tgf-left\">\r\n      <div class=\"tgf-brand\">\r\n        <span class=\"tgf-mark\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"tgf-brandname\">TUSMEC<\/span>\r\n      <\/div>\r\n      <h2 class=\"tgf-title\" style=\"color: white;\">K\u00dcRESEL AYAK \u0130Z\u0130<\/h2>\r\n      <p class=\"tgf-text\">TUSMEC, lojistik, tar\u0131m, savunma ve afet y\u00f6netimi dikeylerinde geli\u015ftirdi\u011fi yenilik\u00e7i \u00e7\u00f6z\u00fcmlerle k\u00fcresel \u00f6l\u00e7ekte b\u00fcy\u00fcmeyi hedeflemektedir. Bu do\u011frultuda; Azerbaycan, Kazakistan ve Katar ba\u015fta olmak \u00fczere Orta Asya ve K\u00f6rfez b\u00f6lgesinde, Birle\u015fik Arap Emirlikleri \u00fczerinden b\u00f6lgesel merkezlenme; Almanya ve Hollanda ile Avrupa pazar\u0131na a\u00e7\u0131l\u0131m; Amerika ve G\u00fcney Amerika \u00fclkelerinde ise \u00f6l\u00e7eklenebilir operasyonlar kurarak uluslararas\u0131 varl\u0131\u011f\u0131n\u0131 g\u00fc\u00e7lendirmeyi planlamaktad\u0131r.<\/p>\r\n    <\/div>\r\n    <div class=\"tgf-map-wrap\">\r\n      <div class=\"tgf-map-canvas\"><canvas id=\"worldCanvas\"><\/canvas><\/div>\r\n      <div class=\"tgf-kpi-row\">\r\n        <div class=\"tgf-kpi-pill\"><b>9<\/b> Hedef \u00dclke<\/div>\r\n        <div class=\"tgf-kpi-pill\"><b>4<\/b> Dikey Alan<\/div>\r\n        <div class=\"tgf-kpi-pill\">Lojistik \u00b7 Tar\u0131m \u00b7 Savunma \u00b7 Afet Y\u00f6netimi<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"tgf-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    var cv=document.getElementById('worldCanvas');\r\n    if(!cv)return;\r\n    var ctx=cv.getContext('2d',{alpha:true}),dpr=window.devicePixelRatio||1,W,H,t=0;\r\n\r\n    function resize(){\r\n      var r=cv.getBoundingClientRect();\r\n      W=Math.max(1,Math.floor(r.width*dpr));H=Math.max(1,Math.floor(r.height*dpr));\r\n      cv.width=W;cv.height=H;ctx.setTransform(dpr,0,0,dpr,0,0);\r\n    }\r\n    resize();window.addEventListener('resize',resize,{passive:true});\r\n    var pw=function(){return cv.width\/dpr},ph=function(){return cv.height\/dpr};\r\n\r\n    \/* \u2550\u2550\u2550 Mercator \u2550\u2550\u2550 *\/\r\n    var MLAT=82;\r\n    var yT=Math.log(Math.tan(Math.PI\/4+(MLAT*Math.PI\/180)\/2));\r\n    var yB=Math.log(Math.tan(Math.PI\/4+(-MLAT*Math.PI\/180)\/2));\r\n    function toXY(lon,lat){\r\n      var x=((lon+180)\/360)*pw();\r\n      var la=Math.max(-MLAT,Math.min(MLAT,lat));\r\n      var my=Math.log(Math.tan(Math.PI\/4+(la*Math.PI\/180)\/2));\r\n      var y=((yT-my)\/(yT-yB))*ph();\r\n      return[x,y];\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550 Compact coordinate parser \u2550\u2550\u2550 *\/\r\n    function P(s){\r\n      var n=s.split(','),r=[];\r\n      for(var i=0;i<n.length;i+=2) r.push([+n[i],+n[i+1]]);\r\n      return r;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       DETAYLI D\u00dcNYA HAR\u0130TASI KOORD\u0130NATLARI\r\n       Her k\u0131ta\/ada y\u00fczlerce noktayla tan\u0131ml\u0131\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    var lands=[\r\n      \/* \u2500\u2500 KUZEY AMER\u0130KA (Ana k\u0131ta: Alaska \u2192 Meksika \u2192 Orta Amerika) \u2500\u2500 *\/\r\n      P(\"-168,72,-164,71,-160,70.5,-156,70,-152,69.5,-148,70,-144,69,-141,69.5,-140,68,-138,66.5,-136,65,-138,63,-141,62,-144,61,-148,60.5,-152,59,-156,58,-160,57.5,-163,56,-166,55,-168,53.5,-170,52,-172,52,-176,52,-178,54,-176,56,-172,56,-168,55,-166,56,-164,57,-162,58,-160,59,-158,60,-155,60,-152,61,-149,62,-146,62,-143,61.5,-140,60,-137,59,-134,57.5,-132,56,-130,55,-128,53,-126,51,-124,49,-123,48,-122,46.5,-121,45,-120,43,-118,40,-118,37,-119,35,-117,34,-116,33,-114,32,-112,31,-110,30,-108,29,-106,28,-104,27,-102,26,-100,26,-98,26.5,-97,27,-96,28,-95,29,-94,29.5,-93,29.5,-91,29,-90,29.5,-89,30,-88,30,-87,30.5,-86,30.5,-85,30,-84,30,-83,29.5,-82,29,-81.5,27.5,-81,26,-80,25.5,-80,25,-81,24.5,-82,25,-83,26,-84,27,-85,28,-86,29,-87,30,-88,30,-90,28.5,-91,29,-93,29,-94,29,-95,28.5,-97,26,-97.5,24,-97,22.5,-96,20,-95,19,-94,18.5,-93,18,-92,17,-91,16.5,-90,16,-89,15.5,-88,15,-87,14.5,-86,14,-85,13,-84,12,-83,11,-82,10,-81,9,-80,8.5,-79,8,-78,8,-77,9\"),\r\n      \/* \u2500\u2500 KUZEY AMER\u0130KA (Kanada do\u011fu k\u0131y\u0131s\u0131 + Hudson Bay i\u00e7 \u00e7izgisi) \u2500\u2500 *\/\r\n      P(\"-77,9,-77,10,-76,12,-75,15,-74,18,-73,20,-72,22,-71,24,-70,26,-72,28,-74,30,-75,33,-74,36,-73,38,-72,40,-71,41,-70,42,-69,43,-68,44,-67,45,-66,44.5,-65,44,-64,44.5,-63,45,-62,46,-60,47,-59,48,-57,48.5,-56,49,-55,49.5,-54,49,-53,48,-52,47.5,-53,47,-55,47,-56,47,-58,48,-59,49,-60,50,-61,51,-60,52,-59,53,-58,54,-57,55,-55,56,-54,57,-56,58,-58,59,-60,60,-62,61,-64,62,-66,63,-68,64,-70,63,-72,62,-74,61.5,-76,62,-78,63,-80,64,-82,63,-84,62,-86,61.5,-88,62,-90,63,-92,62,-94,62,-96,63,-95,64,-92,66,-90,67,-88,68,-86,68,-84,67.5,-82,68,-80,69,-78,70,-76,70.5,-74,71,-72,72,-70,73,-68,72,-66,71,-64,70,-62,69,-60,68,-58,67,-56,66,-55,65,-56,64,-58,63,-60,62,-62,61.5,-64,62,-66,63,-68,64,-70,63,-72,63,-74,64,-76,64,-78,65,-80,66,-82,67,-84,68,-86,69,-88,70,-90,70,-92,71,-94,72,-96,72,-100,72,-104,72,-108,72,-112,72,-116,72,-120,72,-124,72,-128,72,-132,72,-136,72,-140,72,-144,72,-148,72,-152,72,-156,72,-160,72,-164,72,-168,72\"),\r\n      \/* \u2500\u2500 GR\u00d6NLAND \u2500\u2500 *\/\r\n      P(\"-52,84,-48,83.5,-44,83,-40,82.5,-36,82,-32,81.5,-28,81,-24,80,-20,79,-18,78,-18,76,-20,74,-22,72,-24,70,-28,68,-32,66.5,-36,66,-40,67,-42,68,-44,69,-46,70,-48,71,-50,72,-52,74,-54,76,-56,78,-54,80,-52,82,-52,84\"),\r\n      \/* \u2500\u2500 G\u00dcNEY AMER\u0130KA \u2500\u2500 *\/\r\n      P(\"-80,10,-78,9,-76,8,-74,8,-72,8,-70,8,-68,10,-66,10.5,-64,10,-62,10,-60,8.5,-58,7,-56,6,-54,5,-52,4,-50,2.5,-48,1,-46,0,-44,-1.5,-42,-2.5,-40,-4,-38,-6,-36,-8,-35,-10,-35,-12,-36,-14,-37,-16,-38,-17,-39,-18,-40,-20,-42,-22,-44,-23,-46,-24,-48,-26,-50,-28,-52,-30,-53,-31,-54,-32,-55,-33,-56,-34,-58,-36,-60,-38,-62,-40,-64,-42,-66,-44,-68,-48,-69,-50,-70,-52,-72,-54,-74,-52,-75,-50,-76,-48,-75,-46,-74,-42,-72,-38,-72,-36,-72,-34,-72,-30,-74,-26,-76,-20,-78,-14,-78,-10,-79,-6,-80,-2,-80,2,-80,6,-80,10\"),\r\n      \/* \u2500\u2500 AVRUPA (Ana k\u0131ta: \u0130berya \u2192 Balkanlara) \u2500\u2500 *\/\r\n      P(\"-9,36,-8.5,37,-9,38,-9.5,39,-8.5,40,-8,41,-8,42,-7.5,43,-4,43.5,-2,43.5,-1,43,0,43,1,43,2,43.5,3,43,3.5,43.5,4,44,5,44,5,43.5,6,43.5,7,43.5,7.5,44,8,44,8,43.5,9,43,9.5,42,10,41.5,10,42,11,42.5,12,42,13,41.5,12.5,40,13,39.5,14,39,15,38.5,15,38,16,38,16,39,17,39,18,40,18.5,39.5,19,39.5,20,39.5,20,38,21,37.5,22,37,23,36.5,24,36,25,36,26,36.5,27,37,28,37.5,29,38,30,39,31,40,29.5,41,28,41.5,27,42,26,42,25,42,24,42,23,42,22,43,21,44,20,45,19,46,18,46,17,46,16,46.5,15,47,14,47,13,47.5,12,48,11,48.5,10,48.5,9,49,8,49,7,49.5,6,50,5,50.5,4,51,3.5,51.5,3,51,2.5,51,1.5,51,1,50.5,0,51,-1,51,-2,50.5,-3,50.5,-4.5,48.5,-4,48,-3,47.5,-2,47,-1,46.5,0,46,0,45,-0.5,44,-1,43.5,-2,43,-4,43,-5,43.5,-6,43,-7,42.5,-8,42,-8.5,41,-9,40,-9.5,39,-9,38,-9.5,37,-9,36\"),\r\n      \/* \u2500\u2500 \u0130SKAND\u0130NAVYA \u2500\u2500 *\/\r\n      P(\"5,58,6,58,8,58,10,59,12,60,14,62,16,64,16,65,18,66,18,67,20,68,20,69,22,70,24,71,26,70,28,70,30,70,30,68,28,66,26,64,24,62,22,60,20,58,18,56,16,56,14,56,12,56,10,57,8,57,6,58,5,58\"),\r\n      \/* \u2500\u2500 BR\u0130TANYA \u2500\u2500 *\/\r\n      P(\"-6,50,-5,50,-4,51,-3,52,-2,53,-1,53,0,53,0.5,52.5,1,53,1,54,0,55,-1,55,-2,56,-3,57,-4,57.5,-5,58,-6,58,-7,57.5,-6,56,-5.5,55,-5,54,-5,53,-5.5,52,-6,51,-6,50\"),\r\n      \/* \u2500\u2500 \u0130RLANDA \u2500\u2500 *\/\r\n      P(\"-10,51.5,-9,52,-8,52,-7,52,-6,53,-6,54,-7,55,-8,55,-9,54.5,-10,54,-10.5,53,-10,52,-10,51.5\"),\r\n      \/* \u2500\u2500 \u0130ZLANDA \u2500\u2500 *\/\r\n      P(\"-24,64,-22,65,-20,66,-18,66,-16,66,-14,65.5,-14,64.5,-16,63.5,-18,63,-20,63,-22,63.5,-24,64\"),\r\n      \/* \u2500\u2500 AFR\u0130KA \u2500\u2500 *\/\r\n      P(\"-17,15,-16,16,-16,18,-16,20,-14,22,-12,24,-10,26,-8,28,-6,30,-5,32,-4,34,-2,35,0,36,2,37,4,37,6,37,8,37,10,37,10,35,10,33,12,32,14,32,16,32,18,32,20,32,22,32,24,32,26,32,28,31,30,31,32,30,34,28,34,26,36,24,38,22,40,20,42,18,44,16,46,14,48,12,50,10,50,8,48,6,46,4,44,2,42,0,40,-2,38,-4,36,-6,36,-8,36,-10,34,-12,32,-14,30,-16,28,-18,26,-20,24,-22,22,-24,20,-26,18,-28,16,-30,14,-32,12,-34,11,-33,14,-34,16,-35,18,-34,20,-32,22,-30,24,-28,26,-26,28,-24,30,-22,32,-18,34,-16,34,-14,32,-12,30,-12,28,-10,26,-8,24,-6,20,-4,18,-2,16,0,14,2,12,4,10,6,8,8,6,10,4,12,4,14,2,16,0,16,-2,14,-4,12,-6,10,-8,8,-10,6,-12,4,-14,2,-16,0,-16,-2,-14,-4,-12,-4,-10,-2,-8,0,-6,2,-4,4,-2,6,0,6,2,6,4,6,6,4,8,2,8,0,8,-2,6,-4,4,-6,2,-8,0,-10,-2,-12,-4,-14,-4,-16,0,-17,4,-17,8,-17,12,-17,15\"),\r\n      \/* \u2500\u2500 MADAGASKAR \u2500\u2500 *\/\r\n      P(\"44,-12,46,-14,48,-16,50,-18,50,-20,49,-22,48,-24,46,-25,44,-24,44,-22,44,-20,44,-18,44,-16,44,-14,44,-12\"),\r\n      \/* \u2500\u2500 ASYA (T\u00fcrkiye'den Kam\u00e7atka'ya dev polygon) \u2500\u2500 *\/\r\n      P(\"30,42,32,42,34,42,36,42,38,40,40,40,42,40,44,40,44,38,46,38,48,38,50,38,52,36,54,34,56,32,58,30,60,28,60,26,58,24,56,22,54,20,52,18,50,16,48,14,46,12,44,12,42,14,40,16,38,18,36,20,34,22,32,24,30,26,28,28,26,30,26,32,28,34,30,36,30,38,30,40,30,42\"),\r\n      \/* \u2500\u2500 ASYA (B\u00fcy\u00fck kuzey blo\u011fu: Rusya + Orta Asya + \u00c7in) \u2500\u2500 *\/\r\n      P(\"30,42,32,44,34,46,36,48,38,50,40,52,42,52,44,54,46,56,48,58,50,60,52,62,54,64,56,66,58,68,60,68,62,70,64,70,66,72,68,72,70,72,72,72,76,72,80,72,84,72,88,72,92,72,96,70,100,68,104,68,108,66,112,66,116,64,120,62,124,60,128,58,132,56,136,54,140,52,144,52,148,54,152,56,156,58,160,60,164,62,168,64,170,62,168,60,166,58,164,56,162,54,160,52,158,50,156,48,154,46,152,44,150,42,148,42,146,44,144,46,142,46,140,44,140,42,138,40,136,38,134,36,132,34,130,32,128,30,126,28,124,26,122,24,120,22,118,22,116,22,114,22,112,20,110,18,108,16,106,14,104,12,102,10,100,10,98,12,96,14,94,16,92,18,90,20,88,22,86,24,84,26,82,26,80,24,78,22,76,20,74,18,72,16,70,14,68,16,66,18,64,20,62,22,60,24,60,26,60,28,58,30,56,32,54,34,52,36,50,38,48,38,46,38,44,38,44,40,42,40,40,40,38,40,36,42,34,42,32,42,30,42\"),\r\n      \/* \u2500\u2500 H\u0130ND\u0130STAN + SR\u0130 LANKA \u2500\u2500 *\/\r\n      P(\"68,24,70,22,72,20,74,18,76,16,78,14,80,12,80,10,80,8,80,6,79,6.5,78,8,76,10,74,12,72,14,70,18,68,20,66,22,68,24\"),\r\n      P(\"80,10,81,8,82,7,81,6,80,6,79,7,80,8,80,10\"),\r\n      \/* \u2500\u2500 JAPONYA \u2500\u2500 *\/\r\n      P(\"130,31,131,32,132,33.5,133,34,134,35,135,35.5,136,36.5,137,37,138,38,139,39,140,40,141,41,142,43,141,44,140,43.5,139,42,138,41,137,40,136,39,135,38,134,37,133,36,132,35,131,34,130,33,130,31\"),\r\n      P(\"140,44,141,45,142,45,143,44,142,43,141,43.5,140,44\"),\r\n      \/* \u2500\u2500 KORE YARIMADASI \u2500\u2500 *\/\r\n      P(\"126,34,127,35,128,36,129,37,129,38.5,128,39,127,38,126,37,126,36,126,35,126,34\"),\r\n      \/* \u2500\u2500 TAYVAN \u2500\u2500 *\/\r\n      P(\"120,22,121,23,122,25,121.5,25.5,121,24.5,120,23,120,22\"),\r\n      \/* \u2500\u2500 G\u00dcNEYDO\u011eU ASYA YARIMADASI (Myanmar\u2192Vietnam) \u2500\u2500 *\/\r\n      P(\"92,18,94,18,96,16,98,16,100,14,100,12,102,10,104,8,106,8,108,10,108,12,106,14,106,16,108,16,108,14,110,12,110,10,108,8,106,6,104,4,102,2,100,2,98,4,96,6,94,8,92,10,92,14,92,18\"),\r\n      \/* \u2500\u2500 ENDONEZYA (Sumatra + Java + Borneo + Sulawesi + Papua) \u2500\u2500 *\/\r\n      P(\"95,6,96,5,98,4,100,2,102,0,104,-1,106,-2,108,-4,106,-6,108,-7,110,-7.5,112,-7,114,-8,116,-8.5,114,-6,112,-5,110,-6,108,-6,106,-5,104,-3,102,-1,100,0,98,2,96,4,95,6\"),\r\n      P(\"108,-1,110,0,112,1,114,1,116,1,118,1,116,3,114,4,112,3,110,2,108,0,108,-1\"),\r\n      P(\"118,-2,120,-1,122,0,124,1,126,0,124,-2,122,-3,120,-4,118,-3,118,-2\"),\r\n      P(\"128,-1,130,-1,132,-2,134,-4,136,-5,138,-5,140,-4,140,-2,138,-1,136,0,134,0,132,0,130,0,128,-1\"),\r\n      \/* \u2500\u2500 AVUSTRALYA \u2500\u2500 *\/\r\n      P(\"114,-12,116,-13,118,-14,120,-15,122,-16,124,-15,126,-14,128,-14,130,-13,132,-12,134,-11.5,136,-12,137,-14,138,-16,140,-17,142,-16,144,-14.5,146,-16,148,-18,149,-20,150,-22,151,-24,152,-26,153,-28,152,-30,151,-32,150,-33,148,-35,146,-37,145,-38,143,-38.5,141,-38,139,-37,137,-36,135,-35,133,-34,131,-33,129,-32,127,-30,125,-28,123,-26,121,-24,119,-22,117,-21,116,-20,115,-18,114,-16,113.5,-14,114,-12\"),\r\n      \/* \u2500\u2500 YEN\u0130 ZELANDA \u2500\u2500 *\/\r\n      P(\"166,-34,168,-35,170,-37,172,-38,173,-40,174,-42,173,-44,172,-45,170,-46,168,-46,167,-44,167,-42,168,-40,170,-38,168,-36,166,-34\"),\r\n      P(\"174,-40,175,-41,177,-42,176,-44,174,-44,173,-43,174,-42,174,-40\"),\r\n      \/* \u2500\u2500 ARAP YARIMADASI \u2500\u2500 *\/\r\n      P(\"36,30,38,28,40,26,42,24,44,22,46,20,48,18,50,17,52,18,54,20,56,22,56,24,56,26,55,26,54,25,52,24,50,26,48,28,46,30,44,30,42,32,40,32,38,32,36,30\"),\r\n      \/* \u2500\u2500 F\u0130L\u0130P\u0130NLER \u2500\u2500 *\/\r\n      P(\"118,18,120,18,122,16,124,14,126,12,126,8,124,8,122,10,120,12,118,14,118,18\")\r\n    ];\r\n\r\n    \/* \u2550\u2550\u2550 Hedef \u00dclkeler \u2550\u2550\u2550 *\/\r\n    var HQ={name:'T\u00fcrkiye',lon:35,lat:39,color:'#2fe1ff',isHQ:true};\r\n    var targets=[\r\n      {name:'Azerbaycan',lon:49.8,lat:40.4,color:'#2fe1ff'},\r\n      {name:'Kazakistan',lon:66.9,lat:48,color:'#2fe1ff'},\r\n      {name:'Katar',lon:51.2,lat:25.3,color:'#8a6cff'},\r\n      {name:'BAE',lon:54.4,lat:24.5,color:'#8a6cff'},\r\n      {name:'Almanya',lon:10.4,lat:51.2,color:'#5be8a0'},\r\n      {name:'Hollanda',lon:5.3,lat:52.1,color:'#5be8a0'},\r\n      {name:'ABD',lon:-98,lat:38,color:'#ff7eb3'},\r\n      {name:'G. Amerika',lon:-58,lat:-15,color:'#ff7eb3'}\r\n    ];\r\n    var allPts=[HQ].concat(targets);\r\n\r\n    \/* \u2550\u2550\u2550 \u00c7izim \u2550\u2550\u2550 *\/\r\n\r\n    function drawDots(){\r\n      ctx.fillStyle='rgba(47,225,255,.03)';\r\n      var g=16;\r\n      for(var x=0;x<pw();x+=g)for(var y=0;y<ph();y+=g){\r\n        ctx.beginPath();ctx.arc(x,y,.4,0,Math.PI*2);ctx.fill();\r\n      }\r\n    }\r\n\r\n    function drawGrid(){\r\n      ctx.save();ctx.strokeStyle='rgba(47,225,255,.025)';ctx.lineWidth=.5;\r\n      for(var la=-60;la<=80;la+=20){\r\n        ctx.beginPath();\r\n        for(var lo=-180;lo<=180;lo+=3){var p=toXY(lo,la);lo===-180?ctx.moveTo(p[0],p[1]):ctx.lineTo(p[0],p[1]);}\r\n        ctx.stroke();\r\n      }\r\n      for(var lo2=-180;lo2<=180;lo2+=30){\r\n        ctx.beginPath();\r\n        for(var la2=-75;la2<=80;la2+=3){var p=toXY(lo2,la2);la2===-75?ctx.moveTo(p[0],p[1]):ctx.lineTo(p[0],p[1]);}\r\n        ctx.stroke();\r\n      }\r\n      ctx.restore();\r\n    }\r\n\r\n    function drawLands(){\r\n      var grad=ctx.createLinearGradient(0,0,pw(),ph());\r\n      grad.addColorStop(0,'rgba(32,62,118,.52)');\r\n      grad.addColorStop(.5,'rgba(42,78,138,.48)');\r\n      grad.addColorStop(1,'rgba(28,56,108,.44)');\r\n\r\n      lands.forEach(function(poly){\r\n        ctx.beginPath();\r\n        poly.forEach(function(pt,i){\r\n          var p=toXY(pt[0],pt[1]);\r\n          i===0?ctx.moveTo(p[0],p[1]):ctx.lineTo(p[0],p[1]);\r\n        });\r\n        ctx.closePath();\r\n        ctx.fillStyle=grad;\r\n        ctx.fill();\r\n        ctx.strokeStyle='rgba(47,225,255,.12)';\r\n        ctx.lineWidth=.6;\r\n        ctx.stroke();\r\n      });\r\n    }\r\n\r\n    function drawScan(){\r\n      var sx=((t*.07)%1.4-.2)*pw(),w=pw()*.12;\r\n      var g=ctx.createLinearGradient(sx,0,sx+w,0);\r\n      g.addColorStop(0,'rgba(47,225,255,0)');\r\n      g.addColorStop(.45,'rgba(47,225,255,.045)');\r\n      g.addColorStop(.55,'rgba(138,108,255,.03)');\r\n      g.addColorStop(1,'rgba(47,225,255,0)');\r\n      ctx.fillStyle=g;ctx.fillRect(sx,0,w,ph());\r\n    }\r\n\r\n    function drawConnections(){\r\n      var hp=toXY(HQ.lon,HQ.lat),hx=hp[0],hy=hp[1];\r\n      targets.forEach(function(tg,i){\r\n        var tp=toXY(tg.lon,tg.lat),tx=tp[0],ty=tp[1];\r\n        var mx=(hx+tx)\/2,my=(hy+ty)\/2-Math.abs(tx-hx)*.12;\r\n\r\n        ctx.save();\r\n        ctx.setLineDash([5,5]);ctx.lineDashOffset=-(t*35+i*18)%10;\r\n        ctx.strokeStyle=tg.color+'44';ctx.lineWidth=1.5;\r\n        ctx.beginPath();ctx.moveTo(hx,hy);ctx.quadraticCurveTo(mx,my,tx,ty);ctx.stroke();\r\n        ctx.restore();\r\n\r\n        ctx.save();\r\n        ctx.setLineDash([3,8]);ctx.lineDashOffset=-(t*55+i*25)%11;\r\n        ctx.strokeStyle=tg.color+'22';ctx.lineWidth=3;\r\n        ctx.beginPath();ctx.moveTo(hx,hy);ctx.quadraticCurveTo(mx,my,tx,ty);ctx.stroke();\r\n        ctx.restore();\r\n\r\n        var pr=((t*.2+i*.125)%1);\r\n        var px=(1-pr)*(1-pr)*hx+2*(1-pr)*pr*mx+pr*pr*tx;\r\n        var py=(1-pr)*(1-pr)*hy+2*(1-pr)*pr*my+pr*pr*ty;\r\n        ctx.fillStyle=tg.color;ctx.shadowColor=tg.color;ctx.shadowBlur=12;\r\n        ctx.beginPath();ctx.arc(px,py,2.5,0,Math.PI*2);ctx.fill();ctx.shadowBlur=0;\r\n\r\n        var pr2=((t*.18+i*.125+.5)%1);\r\n        var px2=(1-pr2)*(1-pr2)*tx+2*(1-pr2)*pr2*mx+pr2*pr2*hx;\r\n        var py2=(1-pr2)*(1-pr2)*ty+2*(1-pr2)*pr2*my+pr2*pr2*hy;\r\n        ctx.fillStyle=tg.color+'aa';ctx.shadowColor=tg.color;ctx.shadowBlur=8;\r\n        ctx.beginPath();ctx.arc(px2,py2,1.8,0,Math.PI*2);ctx.fill();ctx.shadowBlur=0;\r\n      });\r\n    }\r\n\r\n    function drawPoints(){\r\n      var mob=pw()<500,fs=mob?8.5:11,fss=mob?7:9;\r\n      allPts.forEach(function(loc,i){\r\n        var p=toXY(loc.lon,loc.lat),x=p[0],y=p[1];\r\n        var isH=loc.isHQ,pu=(Math.sin(t*2.5+i*.9)+1)\/2,r=isH?5.5:3.5;\r\n\r\n        var gl=ctx.createRadialGradient(x,y,0,x,y,r*5);\r\n        gl.addColorStop(0,loc.color+'33');gl.addColorStop(1,loc.color+'00');\r\n        ctx.fillStyle=gl;ctx.beginPath();ctx.arc(x,y,r*5,0,Math.PI*2);ctx.fill();\r\n\r\n        ctx.strokeStyle=loc.color;ctx.globalAlpha=.2+.25*pu;ctx.lineWidth=1.2;\r\n        ctx.beginPath();ctx.arc(x,y,r+5+4*pu,0,Math.PI*2);ctx.stroke();ctx.globalAlpha=1;\r\n\r\n        if(isH){\r\n          ctx.strokeStyle=loc.color;ctx.globalAlpha=.1+.15*pu;ctx.lineWidth=.8;\r\n          ctx.beginPath();ctx.arc(x,y,r+12+6*pu,0,Math.PI*2);ctx.stroke();ctx.globalAlpha=1;\r\n        }\r\n\r\n        ctx.fillStyle='#fff';ctx.shadowColor=loc.color;ctx.shadowBlur=isH?16:10;\r\n        ctx.beginPath();ctx.arc(x,y,r,0,Math.PI*2);ctx.fill();ctx.shadowBlur=0;\r\n\r\n        ctx.font=(isH?'bold '+fs:fss)+'px Segoe UI,sans-serif';\r\n        ctx.textAlign='center';\r\n        var ly=loc.lat<0?y+r+14:y-r-9;\r\n\r\n        var tw=ctx.measureText(loc.name).width;\r\n        ctx.fillStyle='rgba(8,16,40,.65)';\r\n        var bx=x-tw\/2-5,by=ly-10,bw=tw+10,bh=14,br=3;\r\n        ctx.beginPath();\r\n        ctx.moveTo(bx+br,by);ctx.lineTo(bx+bw-br,by);ctx.quadraticCurveTo(bx+bw,by,bx+bw,by+br);\r\n        ctx.lineTo(bx+bw,by+bh-br);ctx.quadraticCurveTo(bx+bw,by+bh,bx+bw-br,by+bh);\r\n        ctx.lineTo(bx+br,by+bh);ctx.quadraticCurveTo(bx,by+bh,bx,by+bh-br);\r\n        ctx.lineTo(bx,by+br);ctx.quadraticCurveTo(bx,by,bx+br,by);ctx.fill();\r\n\r\n        ctx.fillStyle='rgba(255,255,255,.92)';ctx.fillText(loc.name,x,ly);\r\n\r\n        if(isH){\r\n          ctx.font='bold '+(mob?6:8)+'px Segoe UI,sans-serif';\r\n          ctx.fillStyle=loc.color;ctx.fillText('MERKEZ',x,ly+11);\r\n        }\r\n      });\r\n    }\r\n\r\n    function tick(ts){\r\n      t=(ts||0)\/1000;\r\n      ctx.clearRect(0,0,pw(),ph());\r\n      drawDots();drawGrid();drawLands();drawScan();drawConnections();drawPoints();\r\n      requestAnimationFrame(tick);\r\n    }\r\n    requestAnimationFrame(tick);\r\n\r\n    var sec=document.getElementById('tusmec-global-footprint');\r\n    sec.addEventListener('mousemove',function(ev){\r\n      var r=sec.getBoundingClientRect();\r\n      var x=(ev.clientX-r.left)\/r.width-.5,y=(ev.clientY-r.top)\/r.height-.5;\r\n      cv.style.transform='translate('+x*6+'px,'+y*5+'px) scale(1.015)';\r\n    });\r\n    sec.addEventListener('mouseleave',function(){cv.style.transform='translate(0,0) scale(1)';});\r\n  })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\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>TUS ZENITH OMNIBOT Ailesi Depo i\u00e7i otonom lojistikte h\u0131z, g\u00fcvenlik ve verimi birlikte sunan ak\u0131ll\u0131 robotlar. V1 \u2013 Omnibot V2 \u2013 Palet V2 \u2013 Forklift V1 \u2013 \u00dcr\u00fcn Tan\u0131t\u0131m Kayd\u0131r Azami H\u0131z1.8 m\/s Payload100 kg \u00c7al\u0131\u015fma4\u20138 saat G\u00fcvenlikLiDAR + E-Stop Navigasyon Do\u011fal seyir, filo y\u00f6netimi. Boyutlar 600\u00d71800 mm, 48 kg. \u00dcr\u00fcnleri \u0130ncele \u0130leti\u015fime Ge\u00e7 Swarm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template\/blank-page-sidebar.php","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":157,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":2173,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/2173"}],"wp:attachment":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}