{"id":1769,"date":"2025-08-17T20:14:23","date_gmt":"2025-08-17T17:14:23","guid":{"rendered":"https:\/\/rosybrown-pigeon-694599.hostingersite.com\/?page_id=1769"},"modified":"2026-04-01T17:12:10","modified_gmt":"2026-04-01T14:12:10","slug":"lojistik-ika-sistemi","status":"publish","type":"page","link":"https:\/\/tusmec.com\/index.php\/lojistik-ika-sistemi\/","title":{"rendered":"LOJ\u0130ST\u0130K \u0130KA S\u0130STEM\u0130"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1769\" class=\"elementor elementor-1769\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3abfa7 e-con-full e-flex e-con e-parent\" data-id=\"d3abfa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74e691e elementor-widget elementor-widget-html\" data-id=\"74e691e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"sfb-fixed-v3\" class=\"sfb-fixed\">\r\n  <style>\r\n    \/* ==== Tema \/ Arka plan ==== *\/\r\n    #sfb-fixed-v3{\r\n      --bg:#0a1220; --bg2:#0b1527; --panel:#101b2e; --panel2:#0d182a;\r\n      --ring:#1a2740; --txt:#ffffff; --muted:#ffffff; --accent:#26f0a8; --acc2:#7c5cff;\r\n      --r:16px; --sh:0 12px 28px rgba(0,0,0,.35); --ease:cubic-bezier(.2,.7,0,1);\r\n      color:var(--txt);\r\n      background:\r\n        radial-gradient(900px 420px at 12% -10%, rgba(38,240,168,.14), transparent 60%),\r\n        radial-gradient(900px 420px at 88% 120%, rgba(124,92,255,.14), transparent 60%),\r\n        linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:48px 0; overflow:hidden; position:relative; isolation:isolate;\r\n    }\r\n    body.sfb-lock{overflow:hidden}\r\n    #sfb-fixed-v3 *{box-sizing:border-box}\r\n    #sfb-fixed-v3 .wrap{max-width:1180px;margin:0 auto;padding:0 16px}\r\n\r\n    \/* Metinleri zorla beyaz yap (tema \u00e7ak\u0131\u015fmalar\u0131na kar\u015f\u0131) *\/\r\n    #sfb-fixed-v3 h1, \r\n    #sfb-fixed-v3 .sub, \r\n    #sfb-fixed-v3 .card h4, \r\n    #sfb-fixed-v3 .card p, \r\n    #sfb-fixed-v3 .screen-head { color:#fff !important; }\r\n\r\n    \/* Ba\u015fl\u0131k *\/\r\n    header h1{margin:0; line-height:1.06; font-weight:800; font-size:clamp(26px,4.6vw,46px);\r\n      text-shadow:0 0 22px rgba(30,200,255,.30); opacity:1; transform:none}\r\n    header .sub{margin:10px 0 18px; font-size:clamp(14px,3.6vw,18px); opacity:1; transform:none}\r\n\r\n    \/* D\u00fczen - Video tam geni\u015flik, \u00f6zellikler altta olacak \u015fekilde tek s\u00fctun yap\u0131ld\u0131 *\/\r\n    .devices{display:grid; grid-template-columns:1fr; gap:24px}\r\n    .panel{\r\n      background:linear-gradient(180deg,var(--panel),var(--panel2));\r\n      border:1px solid var(--ring); border-radius:18px; box-shadow:var(--sh); overflow:hidden; position:relative;\r\n    }\r\n\r\n    \/* Video blok *\/\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; background:rgba(255,255,255,.06); border-bottom:1px solid var(--ring)}\r\n    .dot{width:8px;height:8px;border-radius:50%; background:radial-gradient(circle at 30% 30%, var(--acc2), #39d); box-shadow:0 0 10px #39d}\r\n    .mon-inner{border:1px solid var(--ring); border-radius:14px; overflow:hidden; background:linear-gradient(180deg,#0b1c2f,#0a1422)}\r\n    .screen{position:relative; width:100%; aspect-ratio:16\/9; overflow:hidden}\r\n    #video-v3{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:1; background:#000}\r\n\r\n    \/* \u0130lerleme HUD *\/\r\n    .hud{position:absolute; left:10px; right:10px; bottom:10px; display:flex; align-items:center; gap:8px;\r\n      background:rgba(8,12,22,.55); border:1px solid #ffffff2a; border-radius:12px; padding:8px 10px; z-index:3; backdrop-filter:blur(6px)}\r\n    .bar{position:relative; flex:1; height:6px; background:#0f1d31; border:1px solid #ffffff22; border-radius:999px; overflow:hidden}\r\n    .bar i{position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg,var(--accent),var(--acc2))}\r\n    .pct{font-size:12px; min-width:42px; text-align:right}\r\n\r\n    \/* \u00d6zellikler - Alt k\u0131sma yay\u0131ld\u0131\u011f\u0131 i\u00e7in responsive grid sistemi eklendi *\/\r\n    .right{display:flex; flex-direction:column; gap:14px}\r\n    .features{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; padding:12px}\r\n    .card{\r\n      padding:14px; border:1px solid var(--ring); border-radius:var(--r);\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727);\r\n      transform:translateY(24px) scale(.98); opacity:0; filter:blur(6px);\r\n      transition:transform .7s var(--ease), opacity .7s, filter .7s;\r\n    }\r\n    .card.on{opacity:1; transform:translateY(0) scale(1); filter:blur(0)}\r\n    .card h4{position:relative; margin:0 0 6px; font-size:17px; letter-spacing:.3px}\r\n    .card h4::after{content:\"\"; position:absolute; left:0; bottom:-6px; height:2px; width:0%;\r\n      background:linear-gradient(90deg,var(--accent),var(--acc2)); box-shadow:0 0 12px rgba(38,240,168,.55);\r\n      transition:width .9s var(--ease)}\r\n    .card.on h4::after{width:100%}\r\n    .card p{margin:0; font-size:14px}\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width:768px){ .features{grid-template-columns:repeat(2, 1fr)} }\r\n    @media (max-width:560px){ .features{grid-template-columns:1fr}; .card p{font-size:13px} }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\" id=\"v3-wrap\">\r\n    <header>\r\n      <h1>TUS ZENITH V2 OMNIBOT<\/h1>\r\n      <p class=\"sub\">Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re ak\u0131ll\u0131 ta\u015f\u0131ma i\u00e7in y\u00fcksek kapasiteli otonom \u00e7\u00f6z\u00fcm.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"devices\">\r\n      <div class=\"panel monitor\" id=\"v3-panel-video\">\r\n        <div class=\"screen-head\"><strong>\u00dcr\u00fcn Tan\u0131t\u0131m Videosu<\/strong><span class=\"dot\"><\/span><\/div>\r\n        <div class=\"mon-inner\">\r\n          <div class=\"screen\" id=\"video-screen-v3\">\r\n            <video id=\"video-v3\"\r\n                   src=\"\/wp-content\/uploads\/2025\/09\/product-two.mp4\"\r\n                   preload=\"metadata\" playsinline muted><\/video>\r\n            <div class=\"hud\"><div class=\"bar\"><i id=\"v3-progress\"><\/i><\/div><span class=\"pct\" id=\"v3-pct\">0%<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"right\">\r\n        <div class=\"panel\">\r\n          <div class=\"features\" id=\"features-v3\">\r\n            <article class=\"card\" data-stagger=\"0\">\r\n              <h4>PAYLOAD<\/h4><p>1000\u20131500 kg aral\u0131\u011f\u0131nda ta\u015f\u0131ma kapasitesi.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"80\">\r\n              <h4>KALDIRMA Y\u00dcKSEKL\u0130\u011e\u0130<\/h4><p>Maksimum 1,5 mt.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"120\">\r\n              <h4>AZAM\u0130 HIZ<\/h4><p>1.5 m\/s \u2013 dengeli h\u0131z.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"160\">\r\n              <h4>\u00c7ALI\u015eMA S\u00dcRES\u0130<\/h4><p>4\u201312 saat; g\u00f6rev profiline g\u00f6re.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"200\">\r\n              <h4>NAV\u0130GASYON<\/h4><p>Do\u011fal seyir ve filo y\u00f6netim sistemi.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"240\">\r\n              <h4>G\u00dcVENL\u0130K<\/h4><p>2D\u20133D LiDAR, acil durdurma, 3D kamera.<\/p>\r\n            <\/article>\r\n            <article class=\"card\" data-stagger=\"280\">\r\n              <h4>KULLANIM ALANLARI<\/h4><p>Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re.<\/p>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    const section = document.getElementById('sfb-fixed-v3');\r\n    const video   = document.getElementById('video-v3');\r\n    const features= document.getElementById('features-v3');\r\n    const barFill = document.getElementById('v3-progress');\r\n    const pctEl   = document.getElementById('v3-pct');\r\n\r\n    \/* Video meta *\/\r\n    let duration=0, sectionVisible=false, completed=false, idleTimer=null, touchY=null;\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    \/* G\u00f6r\u00fcn\u00fcrl\u00fck *\/\r\n    const visObs = new IntersectionObserver(([e])=>{\r\n      sectionVisible = !!(e && e.isIntersecting);\r\n      if(!sectionVisible) document.body.classList.remove('sfb-lock');\r\n    }, {threshold:[0,.2,1]});\r\n    visObs.observe(section);\r\n\r\n    \/* S\u00fcre + HUD *\/\r\n    video.addEventListener('loadedmetadata', ()=>{ duration=video.duration||0; updateHUD(); });\r\n    function updateHUD(){\r\n      const p = duration ? (video.currentTime\/duration)*100 : 0;\r\n      barFill.style.width = (p.toFixed(2))+'%';\r\n      pctEl.textContent = Math.round(p)+'%';\r\n    }\r\n    video.addEventListener('timeupdate', updateHUD);\r\n\r\n    \/* \u00d6zellikler giri\u015f animasyonu *\/\r\n    function activateFeatures(){\r\n      const cards=[...features.querySelectorAll('.card')];\r\n      cards.forEach((c,i)=>setTimeout(()=>c.classList.add('on'), +(c.dataset.stagger||i*80)));\r\n    }\r\n\r\n    \/* Kilit mant\u0131\u011f\u0131 *\/\r\n    function lockIfNeeded(dir){\r\n      if(completed || !sectionVisible) return false;\r\n      const needForward = dir>0 && !atEnd();\r\n      const needBack    = dir<0 && !atStart();\r\n      if(needForward || needBack){ document.body.classList.add('sfb-lock'); return true; }\r\n      document.body.classList.remove('sfb-lock'); return false;\r\n    }\r\n    function pauseSoon(){ clearTimeout(idleTimer); idleTimer=setTimeout(()=>{ if(!video.paused) video.pause(); },100); }\r\n\r\n    \/* Scrub (h\u0131z art\u0131r\u0131ld\u0131) *\/\r\n    function scrubBy(delta){\r\n      if(!duration) return;\r\n      const base = duration\/1100; \/\/ daha hassas\r\n      const next = clamp((video.currentTime||0) + delta*base, 0, duration);\r\n      video.currentTime = next;\r\n      if(video.paused) video.play();\r\n      pauseSoon();\r\n      if(atEnd()){ completed=true; document.body.classList.remove('sfb-lock'); activateFeatures(); }\r\n      if(atStart()){ document.body.classList.remove('sfb-lock'); }\r\n    }\r\n\r\n    \/* Input: t\u00fcm b\u00f6l\u00fcmde \u00e7al\u0131\u015f\u0131r *\/\r\n    function onWheel(e){\r\n      if(!sectionVisible) return;\r\n      const dir = Math.sign(e.deltaY||0) || 0; if(dir===0) return;\r\n      if(!lockIfNeeded(dir)) return;\r\n      e.preventDefault();\r\n      scrubBy(e.deltaY);\r\n    }\r\n    function onTouchStart(e){ if(!sectionVisible) return; touchY = e.touches[0].clientY; }\r\n    function onTouchMove(e){\r\n      if(!sectionVisible || 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.2);\r\n    }\r\n    function onTouchEnd(){ touchY=null; pauseSoon(); }\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    \/* \u0130lk kareyi g\u00f6ster (autoplay yok, scrub ile oynar) *\/\r\n    video.addEventListener('loadeddata', ()=>{ video.currentTime = 0; updateHUD(); }, {once:true});\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<div class=\"elementor-element elementor-element-9d808d0 e-con-full e-flex e-con e-parent\" data-id=\"9d808d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f5d56a elementor-widget elementor-widget-html\" data-id=\"2f5d56a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tusmec Kare Video Banner \u2013 Full-width, No CTA, Rich Content + Animations (spec-table & timeline removed) -->\r\n<div class=\"tusmec-banner\" id=\"tusmec-banner\">\r\n  <style>\r\n    .tusmec-banner{\r\n      --ink:#fff; --muted:#c9d4e1; --stroke:rgba(255,255,255,.12);\r\n      --primary:#21e5ff; --accent:#ff7a3d; --ok:#46ffa6; --warn:#ffd166;\r\n      --shadow:0 20px 50px rgba(0,0,0,.35); --radius:18px; --blur:14px;\r\n      color:var(--ink);\r\n      width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\r\n      padding:clamp(10px,2.2vh,22px) 0; isolation:isolate; overflow:hidden;\r\n      background:radial-gradient(1200px 500px at 50% 0%,#18202b 0%,#0f141b 55%,#0b0e12 100%);\r\n    }\r\n    .tusmec-banner *{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Inter,Roboto,Arial,\"Noto Sans\",sans-serif}\r\n\r\n    .tb-wrap{\r\n      width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n      align-items:stretch; gap:clamp(12px,2.5vw,24px);\r\n    }\r\n\r\n    \/* === VIDEO (KARE) === *\/\r\n    .tb-video-card{position:relative;border-radius:var(--radius);overflow:hidden;\r\n      background:#0a0d11;border:1px solid var(--stroke);box-shadow:var(--shadow);height:100%}\r\n    .tb-square{position:relative;width:100%;aspect-ratio:1\/1 !important}\r\n    @supports not (aspect-ratio:1\/1){.tb-square{height:0;padding-top:100%}}\r\n    .tb-square>video{\r\n      position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;\r\n      display:block;filter:contrast(1.05) saturate(1.03) brightness(.98)\r\n    }\r\n    .tb-video-card::before{content:\"\";position:absolute;inset:-2px;border-radius:calc(var(--radius)+2px);\r\n      padding:2px;background:\r\n        conic-gradient(from 0deg at 50% 50%, var(--primary), transparent 35%, var(--accent), transparent 70%) border-box;\r\n      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\r\n      -webkit-mask-composite:xor;mask-composite:exclude;animation:glow 7s linear infinite}\r\n    @keyframes glow{to{filter:hue-rotate(360deg)}}\r\n    .tb-scan{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12),transparent);\r\n      mix-blend-mode:screen;transform:translateY(-100%);animation:scan 7s ease-in-out infinite}\r\n    @keyframes scan{0%,10%{transform:translateY(-100%)}45%,100%{transform:translateY(100%)}}\r\n\r\n    .tb-controls{position:absolute;right:14px;bottom:14px;display:flex;gap:10px;z-index:2}\r\n    .tb-btn{appearance:none;border:1px solid var(--stroke);color:#fff;\r\n      background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));\r\n      backdrop-filter:blur(6px);padding:10px 12px;border-radius:12px;cursor:pointer;\r\n      box-shadow:0 4px 18px rgba(0,0,0,.2);transition:.25s transform,.25s border-color}\r\n    .tb-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}\r\n    .tb-btn svg{width:18px;height:18px;display:block}\r\n\r\n    \/* === CONTENT === *\/\r\n    .tb-content{\r\n      position:relative;border-radius:var(--radius);\r\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\r\n      border:1px solid var(--stroke);backdrop-filter:blur(var(--blur));box-shadow:var(--shadow);\r\n      padding:clamp(16px,2.2vw,24px); height:100%;\r\n      display:flex; flex-direction:column; gap:14px; overflow:hidden;\r\n    }\r\n    .tb-heading{font-weight:800;font-size:clamp(22px,3vw,34px);margin:0;color:#fff}\r\n    .tb-sub{margin:0;color:#fff;font-size:clamp(14px,1.35vw,16px);line-height:1.6}\r\n\r\n    .tb-specs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px 0;padding:0}\r\n    .tb-chip{list-style:none;border:1px solid var(--stroke);padding:8px 12px;border-radius:999px;color:#fff;\r\n      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));position:relative}\r\n    .tb-chip::after{content:\"\";position:absolute;inset:0;border-radius:999px;pointer-events:none;opacity:.0;\r\n      box-shadow:0 0 18px 2px rgba(33,229,255,.35);transition:.25s}\r\n    .tb-chip:hover::after{opacity:.9}\r\n\r\n    .tb-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}\r\n    .tb-kpi .k{border:1px solid var(--stroke);border-radius:14px;padding:10px;text-align:center;color:#fff;\r\n      background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));transition:.25s transform, box-shadow .25s}\r\n    .tb-kpi .k:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.25)}\r\n    .k b{display:block;font-size:20px}\r\n\r\n    \/* meters (scroll ile dolar) *\/\r\n    .tb-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}\r\n    .m{border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}\r\n    .m h5{margin:0 0 6px 0;font-size:13px;color:#e8f0f7}\r\n    .meter{height:8px;background:#0b1219;border:1px solid var(--stroke);border-radius:999px;overflow:hidden}\r\n    .meter>span{display:block;height:100%;width:0%;\r\n      background:linear-gradient(90deg,var(--primary),#7ef3ff 50%,var(--ok));\r\n      box-shadow:0 0 14px rgba(33,229,255,.55) inset;transition:width 1.2s ease}\r\n\r\n    \/* \u00f6zellik kartlar\u0131 *\/\r\n    .tb-features{\r\n      margin-top:6px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));\r\n      gap:10px; flex:1; overflow:auto; padding-right:2px;\r\n      scrollbar-width:thin; scrollbar-color:#253142 transparent;\r\n    }\r\n    .f{border:1px solid var(--stroke);border-radius:14px;padding:12px;display:flex;gap:10px;\r\n      align-items:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));\r\n      transition:.25s transform, box-shadow .25s, border-color .25s; perspective:600px}\r\n    .f:hover{transform:translateY(-4px);border-color:rgba(33,229,255,.45);\r\n      box-shadow:0 10px 34px rgba(0,0,0,.35), 0 0 20px rgba(33,229,255,.15)}\r\n    .f svg{width:20px;height:20px;flex:0 0 auto;opacity:.9}\r\n    .f h4{margin:0 0 4px 0;font-size:15px;color:#fff}\r\n    .f p{margin:0;font-size:13px;color:#e6edf5}\r\n\r\n    \/* responsive *\/\r\n    @media (max-width:900px){\r\n      .tb-wrap{grid-template-columns:1fr;gap:10px}\r\n      .tb-video-card{border-radius:0;border-left:none;border-right:none}\r\n      .tb-content{margin:0 10px;border-radius:16px}\r\n      .tb-kpi,.tb-meters{grid-template-columns:repeat(3,1fr)}\r\n      .tb-features{grid-template-columns:1fr}\r\n    }\r\n\r\n    \/* reveal + stagger *\/\r\n    .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease var(--d,0s),transform .6s ease var(--d,0s)}\r\n    .is-visible .reveal{opacity:1;transform:none}\r\n    @media (prefers-reduced-motion:reduce){\r\n      .tb-scan,.tb-video-card::before{animation:none}\r\n      .reveal{transition:none}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tb-wrap\">\r\n    <!-- VIDEO -->\r\n    <figure class=\"tb-video-card reveal\" style=\"--d:.05s\">\r\n      <div class=\"tb-square\">\r\n        <video id=\"tusmec-video\"\r\n               src=\"\/wp-content\/uploads\/2025\/08\/ikavid.mp4\"\r\n               playsinline muted loop autoplay preload=\"metadata\"\r\n               controlslist=\"nodownload noplaybackrate\"\r\n               oncontextmenu=\"return false\"\r\n               aria-label=\"Tusmec Lojistik \u0130KA tan\u0131t\u0131m videosu \u2013 kare format\"><\/video>\r\n      <\/div>\r\n      <div class=\"tb-scan\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"tb-controls\">\r\n        <button class=\"tb-btn\" id=\"toggle-sound\" aria-label=\"Sesi A\u00e7\/Kapat\" title=\"Sesi A\u00e7\/Kapat\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 9v6h4l5 4V5L8 9H4z\"\/><path d=\"M16 8a5 5 0 0 1 0 8\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"tb-btn\" id=\"pause-play\" aria-label=\"Duraklat\/Oynat\" title=\"Duraklat\/Oynat\">\r\n          <svg id=\"pp-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5h3v14H8zM13 5h3v14h-3z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/figure>\r\n\r\n    <!-- CONTENT -->\r\n    <section class=\"tb-content reveal\" id=\"tb-content\" style=\"--d:.15s\">\r\n      <header>\r\n        <h2 class=\"tb-heading\">Heterojen S\u00fcr\u00fc Lojistik Robotu<\/h2>\r\n        <p class=\"tb-sub\">\r\n          <b>Tusmec Lojistik \u0130KA<\/b>, e-ticaret ve depo ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 i\u00e7in tasarlanm\u0131\u015ft\u0131r.\r\n          <b>100&nbsp;kg<\/b> ta\u015f\u0131ma kapasitesi ve <b>do\u011fal navigasyon<\/b> sistemiyle s\u00fcre\u00e7leri h\u0131zland\u0131r\u0131r; s\u00fcr\u00fc yap\u0131s\u0131yla verimlili\u011fi art\u0131r\u0131r.\r\n        <\/p>\r\n        <ul class=\"tb-specs\" aria-label=\"\u00d6ne \u00e7\u0131kanlar\">\r\n          <li class=\"tb-chip\">Do\u011fal navigasyon<\/li>\r\n          <li class=\"tb-chip\">S\u00fcr\u00fc koordinasyonu<\/li>\r\n          <li class=\"tb-chip\">100 kg ta\u015f\u0131ma<\/li>\r\n          <li class=\"tb-chip\">Depo & E-ticaret<\/li>\r\n        <\/ul>\r\n      <\/header>\r\n\r\n      <!-- KPI + meters -->\r\n      <div class=\"tb-kpi reveal\" style=\"--d:.25s\">\r\n        <div class=\"k\"><b>1 m\/s<\/b><span>Nominal h\u0131z<\/span><\/div>\r\n        <div class=\"k\"><b>24\/7<\/b><span>Kesintisiz g\u00f6rev<\/span><\/div>\r\n        <div class=\"k\"><b>OTA<\/b><span>Uzaktan g\u00fcncelleme<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tb-meters reveal\" style=\"--d:.35s\">\r\n        <div class=\"m\"><h5>Ta\u015f\u0131ma kapasitesi<\/h5><div class=\"meter\"><span data-pct=\"100\"><\/span><\/div><\/div>\r\n        <div class=\"m\"><h5>Pil \u00f6mr\u00fc (g\u00fcnl\u00fck g\u00f6rev)<\/h5><div class=\"meter\"><span data-pct=\"85\"><\/span><\/div><\/div>\r\n        <div class=\"m\"><h5>Navigasyon do\u011frulu\u011fu<\/h5><div class=\"meter\"><span data-pct=\"98\"><\/span><\/div><\/div>\r\n      <\/div>\r\n\r\n      <!-- Daha fazla i\u00e7erik: \u00f6zellik kartlar\u0131 -->\r\n      <div class=\"tb-features\">\r\n        <div class=\"f reveal\" style=\"--d:.10s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><\/svg>\r\n          <div><h4>Kullan\u0131m Senaryolar\u0131<\/h4><p>Picking, kitting, kanban, put-to-wall ve hat besleme g\u00f6revleri.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.14s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\r\n          <div><h4>Do\u011fal Navigasyon<\/h4><p>Haritas\u0131z giri\u015f, LIDAR + odometri ile hassas konumlama.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.18s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M6 12l4 4 8-8\"\/><\/svg>\r\n          <div><h4>G\u00fcvenlik<\/h4><p>360\u00b0 \u00e7arp\u0131\u015fma \u00f6nleme, acil durdurma ve b\u00f6lge kurallar\u0131.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.22s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 6v12m6-6H6\"\/><\/svg>\r\n          <div><h4>Mod\u00fcler Ta\u015f\u0131ma<\/h4><p>Palet, kasa ve paket adapt\u00f6rleri; 100&nbsp;kg\u2019a kadar.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.26s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M3 12h18M12 3v18\"\/><\/svg>\r\n          <div><h4>Filo Y\u00f6netimi<\/h4><p>G\u00f6rev atama, trafik kontrol\u00fc ve canl\u0131 telemetri paneli.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.30s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 4h16v16H4zM8 8h8v8H8z\"\/><\/svg>\r\n          <div><h4>API & Entegrasyon<\/h4><p>WMS\/ERP entegrasyonu, REST & MQTT olaylar\u0131.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.34s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16l6-3 6 3V9\"\/><\/svg>\r\n          <div><h4>Dayan\u0131m<\/h4><p>IP54 \u015fasi, 8 saat g\u00f6rev; h\u0131zl\u0131 \u015farj &lt; 90 dk.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"f reveal\" style=\"--d:.38s\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M2 12h4l3 8 6-16 3 8h4\"\/><\/svg>\r\n          <div><h4>Uyarlanabilirlik<\/h4><p>Raf izleme, konvoy modu ve dar koridor d\u00f6n\u00fc\u015fleri.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('tusmec-banner');\r\n      const video = document.getElementById('tusmec-video');\r\n      const content = document.getElementById('tb-content');\r\n      const toggleSound = document.getElementById('toggle-sound');\r\n      const pausePlay = document.getElementById('pause-play');\r\n      const ppIcon = document.getElementById('pp-icon');\r\n\r\n      \/\/ reveal + stagger on scroll\r\n      const toReveal = root.querySelectorAll('.reveal');\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e=>{\r\n          if(e.isIntersecting){ root.classList.add('is-visible'); e.target.classList.add('in'); }\r\n        });\r\n      },{threshold:.2});\r\n      toReveal.forEach((el,i)=>{ el.style.setProperty('--d', (0.06*i)+'s'); io.observe(el); });\r\n\r\n      \/\/ equal heights (video square -> content min-height)\r\n      function syncHeights(){\r\n        try{\r\n          const h = video.parentElement.offsetHeight;\r\n          if(h>0){ content.style.minHeight = h + 'px'; }\r\n        }catch(_){}\r\n      }\r\n      window.addEventListener('load', syncHeights);\r\n      window.addEventListener('resize', syncHeights);\r\n      setTimeout(syncHeights, 400);\r\n\r\n      \/\/ autoplay\/pause when in view\r\n      const vis = new IntersectionObserver((es)=>{\r\n        es.forEach(async e=>{\r\n          try{ if(e.isIntersecting){ await video.play(); } else { video.pause(); } }catch(err){}\r\n        });\r\n      },{threshold:.4});\r\n      vis.observe(video);\r\n\r\n      \/\/ meters fill when visible\r\n      const meters = root.querySelectorAll('.meter > span');\r\n      const mio = new IntersectionObserver((es)=>{\r\n        es.forEach(e=>{\r\n          if(e.isIntersecting){\r\n            const el = e.target; const pct = parseInt(el.dataset.pct||'100',10);\r\n            requestAnimationFrame(()=>{ el.style.width = pct + '%'; });\r\n            mio.unobserve(el);\r\n          }\r\n        });\r\n      },{threshold:.5});\r\n      meters.forEach(m=>mio.observe(m));\r\n\r\n      \/\/ subtle tilt on feature cards\r\n      root.querySelectorAll('.f').forEach(card=>{\r\n        card.addEventListener('mousemove', (ev)=>{\r\n          const r = card.getBoundingClientRect();\r\n          const dx = (ev.clientX - (r.left + r.width\/2)) \/ r.width;\r\n          const dy = (ev.clientY - (r.top + r.height\/2)) \/ r.height;\r\n          card.style.transform = `rotateX(${ -dy*6 }deg) rotateY(${ dx*8 }deg) translateY(-4px)`;\r\n        });\r\n        card.addEventListener('mouseleave', ()=>{ card.style.transform='translateY(-4px)'; });\r\n      });\r\n\r\n      \/\/ controls\r\n      toggleSound.addEventListener('click', ()=>{ video.muted=!video.muted; });\r\n      pausePlay.addEventListener('click', ()=>{\r\n        if(video.paused){ video.play(); ppIcon.innerHTML='<path d=\"M8 5h3v14H8zM13 5h3v14h-3z\"\/>'; }\r\n        else{ video.pause(); ppIcon.innerHTML='<path d=\"M8 5l10 7-10 7z\"\/>'; }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12315c3 e-flex e-con-boxed e-con e-parent\" data-id=\"12315c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7302e00 elementor-widget elementor-widget-html\" data-id=\"7302e00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tusmec \u2013 Teknik \u00d6zellikler & Operasyon Ad\u0131mlar\u0131 (Standalone Section) -->\r\n<section id=\"ts-specs\" class=\"ts-specs\">\r\n  <style>\r\n    .ts-specs{\r\n      --ink:#fff; --muted:#cfe3ff; --stroke:rgba(255,255,255,.12);\r\n      --primary:#21e5ff; --accent:#ff7a3d; --ok:#46ffa6; --bg1:#0c1218; --bg2:#0a0f15;\r\n      --radius:16px; --shadow:0 20px 50px rgba(0,0,0,.35);\r\n      color:var(--ink); position:relative; isolation:isolate; overflow:hidden;\r\n      width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\r\n      padding:clamp(28px,5vw,64px) 0; \r\n      background:radial-gradient(1200px 480px at 50% -10%, #18202b 0%, #0e141b 55%, #090c11 100%);\r\n    }\r\n    .ts-specs *{box-sizing:border-box; font-family:ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Inter,Roboto,Arial,\"Noto Sans\",sans-serif}\r\n\r\n    \/* subtle particles *\/\r\n    .ts-specs:before{\r\n      content:\"\"; position:absolute; inset:-20% -10%; pointer-events:none; opacity:.25;\r\n      background:\r\n       radial-gradient(1200px 180px at 30% 10%, rgba(33,229,255,.12), transparent 60%),\r\n       radial-gradient(800px 140px  at 80% 20%, rgba(255,122,61,.1), transparent 70%),\r\n       radial-gradient(2px 2px at 20% 40%, rgba(255,255,255,.35), transparent 60%),\r\n       radial-gradient(2px 2px at 65% 35%, rgba(255,255,255,.25), transparent 60%),\r\n       radial-gradient(2px 2px at 50% 60%, rgba(255,255,255,.2), transparent 60%);\r\n      filter:blur(0.3px); animation:tsFloat 26s linear infinite;\r\n    }\r\n    @keyframes tsFloat{to{transform:translate3d(0,-4%,0) skewY(.3deg) skewX(.2deg)}}\r\n\r\n    .ts-container{max-width:1200px; margin:0 auto; padding:0 18px}\r\n    .ts-title{\r\n      font-size:clamp(22px,3.4vw,40px); font-weight:900; letter-spacing:.2px; margin:0 0 14px;\r\n      text-shadow:0 2px 20px rgba(33,229,255,.25);\r\n      background:linear-gradient(90deg,#fff 0%, #cfe8ff 50%, #ffffff 100%);\r\n      -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    }\r\n    .ts-sub{margin:0 0 22px; color:#eef6ff; opacity:.9; max-width:900px; line-height:1.6}\r\n\r\n    \/* GRID *\/\r\n    .ts-grid{\r\n      display:grid; gap:12px;\r\n      grid-template-columns:repeat(4,minmax(0,1fr));\r\n    }\r\n    @media (max-width:1100px){ .ts-grid{grid-template-columns:repeat(2,1fr)} }\r\n    @media (max-width:640px){ .ts-grid{grid-template-columns:1fr} }\r\n\r\n    \/* CARD *\/\r\n    .ts-card{\r\n      position:relative; border:1px solid var(--stroke); border-radius:var(--radius);\r\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\r\n      backdrop-filter:blur(8px); box-shadow:var(--shadow);\r\n      padding:16px 16px 14px; transform-style:preserve-3d;\r\n      transition:border-color .25s, box-shadow .25s, transform .25s;\r\n      overflow:hidden;\r\n    }\r\n    .ts-card:hover{border-color:rgba(33,229,255,.4); box-shadow:0 18px 50px rgba(0,0,0,.4)}\r\n    .ts-card:before{\r\n      content:\"\"; position:absolute; inset:-1px; border-radius:calc(var(--radius)+2px); padding:1px;\r\n      background:conic-gradient(from 0deg at 50% 50%, var(--primary), transparent 35%, var(--accent), transparent 70%);\r\n      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\r\n      -webkit-mask-composite:xor; mask-composite:exclude; filter:blur(.6px) saturate(1.1);\r\n      animation:spin 7s linear infinite; opacity:.45; pointer-events:none;\r\n    }\r\n    @keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n    .ts-card h4{margin:0 0 8px; font-size:16px; color:#fff; letter-spacing:.2px}\r\n    .ts-card p{margin:0; color:#eaf2ff; opacity:.95}\r\n    .ts-kicker{\r\n      display:inline-flex; align-items:center; gap:8px; font-weight:700; color:#fff;\r\n    }\r\n    .ts-dot{\r\n      width:10px; height:10px; border-radius:50%;\r\n      background:radial-gradient(circle at 30% 30%, #fff, #7ef3ff 45%, #21e5ff 60%, transparent 70%);\r\n      box-shadow:0 0 16px rgba(33,229,255,.8), 0 0 32px rgba(33,229,255,.25);\r\n      animation:pulse 2.2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse{50%{transform:scale(1.18)}}\r\n\r\n    \/* HOVER RIPPLE *\/\r\n    .ts-card .ripple{position:absolute; inset:0; pointer-events:none; background:\r\n        radial-gradient(240px 120px at var(--x,50%) var(--y,50%), rgba(33,229,255,.14), transparent 60%);\r\n      transition:.25s; opacity:0}\r\n    .ts-card:hover .ripple{opacity:1}\r\n\r\n    \/* reveal *\/\r\n    .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease var(--d,0s), transform .6s ease var(--d,0s)}\r\n    .ts-specs.is-visible .reveal{opacity:1; transform:none}\r\n\r\n    \/* STEPPER *\/\r\n    .ts-steps{margin-top:22px; position:relative}\r\n    .ts-rail{\r\n      display:flex; gap:12px; overflow:auto; padding:4px; scrollbar-width:thin;\r\n      scrollbar-color:#2a3a4d transparent;\r\n    }\r\n    .ts-step{\r\n      flex:0 0 auto; min-width:160px; border:1px dashed rgba(255,255,255,.18);\r\n      border-radius:999px; padding:10px 16px; color:#fff;\r\n      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));\r\n      position:relative; transition:.25s transform, box-shadow .25s, border-color .25s;\r\n    }\r\n    .ts-step:hover{transform:translateY(-4px) scale(1.03); border-color:rgba(33,229,255,.45);\r\n      box-shadow:0 10px 28px rgba(0,0,0,.35), 0 0 20px rgba(33,229,255,.18);}\r\n    .ts-step:before{\r\n      content:\"\"; position:absolute; left:-6px; top:50%; transform:translateY(-50%);\r\n      width:10px; height:10px; border-radius:50%;\r\n      background:radial-gradient(circle at 30% 30%, #fff, #21e5ff 45%, #7ef3ff 60%, transparent 70%);\r\n      box-shadow:0 0 18px rgba(33,229,255,.7);\r\n    }\r\n    \/* connector animation *\/\r\n    .ts-rail:after{\r\n      content:\"\"; position:absolute; left:18px; right:18px; top:calc(50% + 2px); height:2px;\r\n      background:linear-gradient(90deg, transparent, rgba(33,229,255,.7), transparent);\r\n      opacity:.0; transform-origin:left; transform:scaleX(0);\r\n      transition:opacity .5s ease .2s, transform 1s ease .2s; pointer-events:none;\r\n    }\r\n    .ts-specs.is-visible .ts-rail:after{opacity:.6; transform:scaleX(1)}\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      .ts-card:before,.ts-specs:before{animation:none}\r\n      .reveal{transition:none}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ts-container\">\r\n    <h2 class=\"ts-title reveal\" style=\"--d:.05s\">Teknik \u00d6zellikler & Operasyon Ad\u0131mlar\u0131<\/h2>\r\n    <p class=\"ts-sub reveal\" style=\"--d:.12s\">\r\n      Tusmec Lojistik \u0130KA i\u00e7in \u00f6ne \u00e7\u0131kan teknik bilgiler ve sahadaki tipik g\u00f6rev ak\u0131\u015f\u0131.\r\n    <\/p>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"ts-grid\">\r\n      <article class=\"ts-card reveal\" style=\"--d:.10s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> Boyut<\/div>\r\n        <h4>540\u00d7540\u00d71050 mm<\/h4>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.16s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> A\u011f\u0131rl\u0131k<\/div>\r\n        <h4>48 kg<\/h4>\r\n        <p>Hafif \u015fasi, y\u00fcksek \u00e7eviklik.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.22s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> Y\u00fckseklik Bo\u015flu\u011fu<\/div>\r\n        <h4>100 mm<\/h4>\r\n        <p>Palet & hat ge\u00e7i\u015fleri i\u00e7in optimize.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.28s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> Rampalar<\/div>\r\n        <h4>%8\u2019e kadar<\/h4>\r\n        <p>Kaymaz \u00e7eki\u015f, dengeli h\u0131z profili.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.34s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> Ba\u011flant\u0131<\/div>\r\n        <h4>Wi-Fi \/ 5G \/ BLE<\/h4>\r\n        <p>G\u00fcvenli filo ileti\u015fimi ve OTA.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.40s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> Alg\u0131lay\u0131c\u0131lar<\/div>\r\n        <h4>LIDAR, IMU, ToF, encoder<\/h4>\r\n        <p>Do\u011fal navigasyon ve hassas lokalizasyon.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.46s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> G\u00fcr\u00fclt\u00fc<\/div>\r\n        <h4>&lt; 55 dBA<\/h4>\r\n        <p>Ofis-yak\u0131n\u0131 sessiz \u00e7al\u0131\u015fma.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ts-card reveal\" style=\"--d:.52s\">\r\n        <div class=\"ts-kicker\"><span class=\"ts-dot\" aria-hidden=\"true\"><\/span> G\u00fcvenlik<\/div>\r\n        <h4>PL-d, e-stop, uyar\u0131 \u0131\u015f\u0131klar\u0131<\/h4>\r\n        <p>360\u00b0 \u00e7arp\u0131\u015fma \u00f6nleme & b\u00f6lge kurallar\u0131.<\/p>\r\n        <div class=\"ripple\" aria-hidden=\"true\"><\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- STEPPER -->\r\n    <div class=\"ts-steps\">\r\n      <div class=\"ts-rail reveal\" style=\"--d:.20s\" aria-label=\"Operasyon Ad\u0131mlar\u0131\">\r\n        <div class=\"ts-step\">G\u00f6rev al<\/div>\r\n        <div class=\"ts-step\">Rota olu\u015ftur<\/div>\r\n        <div class=\"ts-step\">Y\u00fckle<\/div>\r\n        <div class=\"ts-step\">Ta\u015f\u0131<\/div>\r\n        <div class=\"ts-step\">Teslim &amp; D\u00f6n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('ts-specs');\r\n\r\n      \/\/ Scroll reveal\r\n      const reveals = root.querySelectorAll('.reveal');\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e=>{\r\n          if(e.isIntersecting){ root.classList.add('is-visible'); e.target.classList.add('in'); }\r\n        });\r\n      },{threshold:.18});\r\n      reveals.forEach(el=>io.observe(el));\r\n\r\n      \/\/ Mouse tilt + ripple\r\n      const cards = root.querySelectorAll('.ts-card');\r\n      cards.forEach(card=>{\r\n        const ripple = card.querySelector('.ripple');\r\n        card.addEventListener('mousemove', (ev)=>{\r\n          const r = card.getBoundingClientRect();\r\n          const px = (ev.clientX - (r.left + r.width\/2)) \/ r.width;\r\n          const py = (ev.clientY - (r.top + r.height\/2)) \/ r.height;\r\n          card.style.transform = `rotateX(${ -py*6 }deg) rotateY(${ px*8 }deg) translateZ(0)`;\r\n          const x = ((ev.clientX - r.left)\/r.width)*100;\r\n          const y = ((ev.clientY - r.top)\/r.height)*100;\r\n          ripple && ripple.style.setProperty('--x', x+'%'), ripple && ripple.style.setProperty('--y', y+'%');\r\n        });\r\n        card.addEventListener('mouseleave', ()=>{ card.style.transform='translateZ(0)'; });\r\n      });\r\n\r\n      \/\/ Animate steps one-by-one on view\r\n      const steps = root.querySelectorAll('.ts-step');\r\n      const sio = new IntersectionObserver((entries)=>{\r\n        entries.forEach((e)=>{\r\n          if(!e.isIntersecting) return;\r\n          steps.forEach((s,i)=>setTimeout(()=>{ s.style.transform='translateY(-4px) scale(1.03)'; \r\n            setTimeout(()=> s.style.transform='', 260); }, 120*i));\r\n          sio.disconnect();\r\n        });\r\n      },{threshold:.6});\r\n      if(steps.length) sio.observe(steps[0]);\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-fb8edfc e-flex e-con-boxed e-con e-parent\" data-id=\"fb8edfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1060959 elementor-widget elementor-widget-html\" data-id=\"1060959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- TUS ZENITH V2 | Feature + Autoplay Loop Video + SWARM Section -->\r\n<section id=\"tus-zenith\" class=\"tz-wrap\">\r\n  <style>\r\n    :root{\r\n      --bg:#0b0f14; --panel:#0f141b; --panel-2:#121925;\r\n      --text:#ffffff; --muted:#ffffff;\r\n      --accent:#39c6ff; --accent-2:#8b5cf6;\r\n      --ring: 0 0 0 1px rgba(255,255,255,.06), 0 8px 25px rgba(0,0,0,.35);\r\n      --r:14px;\r\n    }\r\n    .tz-wrap{position:relative;margin:0;padding:0;color:var(--text);\r\n      background:\r\n        radial-gradient(1200px 600px at 20% -10%, rgba(57,198,255,.18), transparent 60%),\r\n        radial-gradient(800px 400px at 80% 120%, rgba(139,92,246,.16), transparent 60%),\r\n        var(--bg);}\r\n    .tz-wrap, .tz-wrap * { color:var(--text) !important; }\r\n    .tz-container{max-width:min(1280px,96vw);margin-inline:auto;padding:clamp(28px,4vw,56px) 0;}\r\n    .tz-title{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 14px;letter-spacing:.3px;\r\n      text-shadow:0 0 18px rgba(57,198,255,.25);}\r\n    .tz-sub{font-size:clamp(14px,1.4vw,16px);margin:0 0 24px}\r\n\r\n    .tz-grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}\r\n    .tz-col-12{grid-column:1\/-1}\r\n    .tz-col-6{grid-column:span 6}\r\n    .tz-col-5{grid-column:span 5}\r\n    .tz-col-7{grid-column:span 7}\r\n\r\n    .tz-card{background:linear-gradient(180deg,var(--panel),var(--panel-2));\r\n      border-radius:var(--r);padding:18px 18px 16px;box-shadow:var(--ring);\r\n      position:relative;overflow:hidden;transform-style:preserve-3d;\r\n      transition:transform .25s ease,box-shadow .35s ease,background .35s ease;\r\n      border:1px solid rgba(255,255,255,.06);isolation:isolate;}\r\n    .tz-card::before{content:\"\";position:absolute;inset:-1px;border-radius:inherit;\r\n      background:conic-gradient(from 180deg at 50% 50%, rgba(57,198,255,.35), rgba(139,92,246,.35), rgba(57,198,255,.35));\r\n      filter:blur(18px);opacity:.18;z-index:-1;transition:opacity .3s ease;}\r\n    .tz-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 0 1px rgba(57,198,255,.25) inset;}\r\n    .tz-card:hover::before{opacity:.32}\r\n    .tz-card h4{margin:0 0 8px;font-size:clamp(14px,1.6vw,18px)}\r\n    .tz-card p{margin:0;font-size:clamp(13px,1.2vw,15px)}\r\n    .tz-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;\r\n      background:linear-gradient(90deg,rgba(57,198,255,.28),rgba(139,92,246,.28));\r\n      font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase}\r\n\r\n    .tz-features{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}\r\n    .tz-features .tz-card{min-height:88px}\r\n    @media (max-width:1000px){.tz-col-6,.tz-col-5,.tz-col-7{grid-column:1\/-1}\r\n      .tz-features{grid-template-columns:repeat(2,1fr)}}\r\n    @media (max-width:600px){.tz-features{grid-template-columns:1fr}}\r\n\r\n    .tz-video-wrap{margin:26px auto 34px;width:min(92vw,860px);aspect-ratio:16\/9;position:relative;\r\n      border-radius:var(--r);overflow:hidden;box-shadow:var(--ring),0 0 0 1px rgba(255,255,255,.06) inset;\r\n      background:radial-gradient(120% 120% at 50% 0%, rgba(57,198,255,.1), rgba(0,0,0,.2));}\r\n    .tz-video-wrap video{width:100%;height:100%;object-fit:cover;display:block;\r\n      filter:saturate(1.05) contrast(1.02);}\r\n    .tz-neon{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;\r\n      background:radial-gradient(60% 60% at 20% 20%, rgba(57,198,255,.25), transparent 60%),\r\n                 radial-gradient(70% 70% at 80% 80%, rgba(139,92,246,.22), transparent 60%);\r\n      mix-blend-mode:screen;opacity:.5;animation:neonFloat 8s ease-in-out infinite alternate}\r\n    @keyframes neonFloat{to{transform:translate3d(6px,-6px,0)}}\r\n\r\n    .tz-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:26px 0}\r\n    .reveal{opacity:0;transform:translateY(18px) scale(.98);transition:all .7s cubic-bezier(.2,.65,.2,1)}\r\n    .reveal.show{opacity:1;transform:none}\r\n    .tilt{--rx:0;--ry:0;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry))}\r\n    .tilt:hover{transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-2px)}\r\n    @media (prefers-reduced-motion:reduce){.tz-card,.tz-video-wrap,.reveal{transition:none}.tz-neon{animation:none}}\r\n  <\/style>\r\n\r\n  <div class=\"tz-container\">\r\n    <div class=\"tz-grid reveal\">\r\n      <div class=\"tz-col-12\">\r\n        <span class=\"tz-badge\">Tusmec Robotics<\/span>\r\n        <h2 class=\"tz-title\">TUS ZEN\u0130TH V2 OMN\u0130BOT \u00d6ZELL\u0130KLER\u0130<\/h2>\r\n        <p class=\"tz-sub\">A\u011f\u0131r y\u00fck ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 i\u00e7in geli\u015ftirilen end\u00fcstriyel s\u0131n\u0131f omnidirectional mobil robot.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tz-grid\">\r\n      <div class=\"tz-col-12\">\r\n        <div class=\"tz-features\">\r\n          <article class=\"tz-card tilt reveal\"><h4>Payload (Ta\u015f\u0131ma Kapasitesi)<\/h4><p>1000 \u2013 2000 kg<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>\u00c7al\u0131\u015fma S\u00fcresi<\/h4><p>6 \u2013 12 saat<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Azami H\u0131z<\/h4><p>1.7 m\/s<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Boyutlar<\/h4><p>1415 mm \u00d7 1078 mm \u00d7 302 mm<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>G\u00fcvenlik<\/h4><p>2D-3D Lidar, Acil Stop, 3D Kamera<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Navigasyon<\/h4><p>Do\u011fal navigasyon, filo y\u00f6netim sistemi<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\" style=\"grid-column:1\/-1\"><h4>Kullan\u0131m Alanlar\u0131<\/h4><p>Palet ta\u015f\u0131mac\u0131l\u0131\u011f\u0131, a\u011f\u0131r sanayi lojisti\u011fi, depo y\u00fckleme\/bo\u015faltma<\/p><\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- AUTOPLAY \/ LOOP VIDEO (gif-like) -->\r\n    <div class=\"tz-grid\">\r\n      <div class=\"tz-col-12\">\r\n        <div class=\"tz-video-wrap reveal\">\r\n          <video id=\"tzAutoVideo\"\r\n                 src=\"\/wp-content\/uploads\/2025\/08\/robot2.mp4\"\r\n                 autoplay muted loop playsinline\r\n                 preload=\"auto\"\r\n                 controlslist=\"nodownload noplaybackrate\"\r\n                 disablepictureinpicture\r\n                 oncontextmenu=\"return false\">\r\n            Taray\u0131c\u0131n\u0131z video etiketini desteklemiyor.\r\n          <\/video>\r\n          <div class=\"tz-neon\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tz-divider\"><\/div>\r\n\r\n    <div class=\"tz-grid\">\r\n      <div class=\"tz-col-12 reveal\">\r\n        <span class=\"tz-badge\">Yaz\u0131l\u0131m<\/span>\r\n        <h2 class=\"tz-title\">SWARM FLEET MANAGEMENT AI SOFTWARE<\/h2>\r\n        <p class=\"tz-sub\">\u00d6zellikler<\/p>\r\n      <\/div>\r\n      <div class=\"tz-col-12\">\r\n        <div class=\"tz-features\">\r\n          <article class=\"tz-card tilt reveal\"><h4>50+ Robot E\u015f Zamanl\u0131 Operasyon<\/h4><p>\u00c7oklu g\u00f6rev ve sorti planlama<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Ger\u00e7ek Zamanl\u0131 Takip<\/h4><p>Konum, h\u0131z ve g\u00f6rev durumu<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Ak\u0131ll\u0131 Rota Optimizasyonu<\/h4><p>Trafik azaltma, enerji verimlili\u011fi<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>G\u00f6rev Y\u00f6netimi<\/h4><p>Depo\/\u00fcretim s\u00fcre\u00e7lerinde otomatik atama<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>\u00d6l\u00e7eklenebilir Mimari<\/h4><p>10 robottan 100+ robota<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Entegrasyon Deste\u011fi<\/h4><p>WMS, ERP, MES \u2013 API<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Heterojen Filo Y\u00f6netimi<\/h4><p>Farkl\u0131 model robotlar\u0131 tek yaz\u0131l\u0131mdan y\u00f6netin<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\"><h4>Kaza \u00d6nleme & \u00d6nleyici Bak\u0131m<\/h4><p>Yapay zeka destekli g\u00fcvenlik analizleri<\/p><\/article>\r\n          <article class=\"tz-card tilt reveal\" style=\"grid-column:1\/-1\"><h4>Kullan\u0131m Alanlar\u0131<\/h4><p>E-ticaret depolar\u0131, otomotiv lojisti\u011fi, so\u011fuk zincir depolar, \u00fcretim tesisleri<\/p><\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- JS: reveal + tilt + ensure autoplay -->\r\n  <script>\r\n    \/\/ Reveal on scroll\r\n    const io = new IntersectionObserver((ents)=>{\r\n      ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); }});\r\n    },{threshold:.15});\r\n    document.querySelectorAll('#tus-zenith .reveal').forEach(el=>io.observe(el));\r\n\r\n    \/\/ Mouse tilt\r\n    const lerp=(a,b,t)=>a+(b-a)*t;\r\n    document.querySelectorAll('#tus-zenith .tilt').forEach(card=>{\r\n      card.addEventListener('mousemove',e=>{\r\n        const r=card.getBoundingClientRect();\r\n        const px=(e.clientX-r.left)\/r.width, py=(e.clientY-r.top)\/r.height;\r\n        card.style.setProperty('--ry', (lerp(-8,8,px))+'deg');\r\n        card.style.setProperty('--rx', (lerp(8,-8,py))+'deg');\r\n      });\r\n      card.addEventListener('mouseleave',()=>{card.style.setProperty('--rx','0deg');card.style.setProperty('--ry','0deg');});\r\n    });\r\n\r\n    \/\/ Make sure autoplay keeps running like a GIF\r\n    const vid=document.getElementById('tzAutoVideo');\r\n    const tryPlay=()=> vid && vid.play && vid.play().catch(()=>{});\r\n    tryPlay();\r\n    document.addEventListener('visibilitychange',()=>{ if(!document.hidden) tryPlay(); });\r\n    const ioVid=new IntersectionObserver((ents)=>{ ents.forEach(e=>{ if(e.isIntersecting) tryPlay(); }); },{threshold:.2});\r\n    if(vid) ioVid.observe(vid);\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-2571295 e-flex e-con-boxed e-con e-parent\" data-id=\"2571295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f242e3 elementor-widget elementor-widget-html\" data-id=\"9f242e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"zt-root\">\r\n  <style>\r\n    \/* ===== scope sadece #zt-root i\u00e7inde ge\u00e7erli ===== *\/\r\n    #zt-root{--bg:#0a1220;--bg2:#0b1527;--panel:#101b2e;--panel2:#0d182a;\r\n      --ring:#1c2a45;--txt:#fff;--accent:#26f0a8;--acc2:#7c5cff;--r:16px;\r\n      color:var(--txt);\r\n      background:\r\n        radial-gradient(900px 420px at 12% -10%, rgba(38,240,168,.12), transparent 60%),\r\n        radial-gradient(900px 420px at 88% 120%, rgba(124,92,255,.12), transparent 60%),\r\n        linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:46px 0}\r\n    #zt-root .zt-wrap{max-width:1240px;margin:0 auto;padding:0 16px}\r\n\r\n    \/* Tabs *\/\r\n    #zt-root .zt-tabs{display:flex;gap:10px;border:1px solid var(--ring);\r\n      background:linear-gradient(180deg,var(--panel),var(--panel2));\r\n      border-radius:12px;padding:6px;margin-bottom:16px;position:relative}\r\n    #zt-root .zt-tab{flex:1;cursor:pointer;user-select:none;text-align:center;\r\n      padding:12px 14px;font-weight:700;letter-spacing:.2px;color:#cfe1ff}\r\n    #zt-root .zt-tab.zt-active{color:#fff}\r\n    #zt-root .zt-ink{position:absolute;top:6px;bottom:6px;width:50%;left:6px;\r\n      background:linear-gradient(90deg, rgba(38,240,168,.20), rgba(124,92,255,.20));\r\n      border:1px solid var(--ring);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.35);\r\n      transition:left .35s cubic-bezier(.2,.7,0,1),width .35s}\r\n\r\n    \/* Panels *\/\r\n    #zt-root .zt-panel{display:none;opacity:0;transform:scale(.98);transition:.35s}\r\n    #zt-root .zt-panel.zt-active{display:block;opacity:1;transform:scale(1)}\r\n    \r\n    \/* D\u00fczen - Video tam geni\u015flik, \u00f6zellikler altta tek s\u00fctun *\/\r\n    #zt-root .zt-grid{display:grid;grid-template-columns:1fr;gap:24px}\r\n\r\n    \/* Video & HUD *\/\r\n    #zt-root .zt-screen{position:relative;width:100%;aspect-ratio:16\/9;border:1px solid var(--ring);\r\n      border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0b1c2f,#0a1422)}\r\n    #zt-root .zt-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block}\r\n    #zt-root .zt-hud{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;align-items:center;\r\n      background:rgba(8,12,22,.55);border:1px solid #ffffff2a;border-radius:12px;padding:8px 10px;backdrop-filter:blur(6px)}\r\n    #zt-root .zt-bar{position:relative;flex:1;height:6px;background:#0f1d31;border:1px solid #ffffff22;border-radius:999px;overflow:hidden}\r\n    #zt-root .zt-bar i{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--acc2))}\r\n    #zt-root .zt-pct{font-size:12px;min-width:42px;text-align:right}\r\n    #zt-root h1,\r\n    #zt-root h4,\r\n    #zt-root p,\r\n    #zt-root .zt-card p,\r\n    #zt-root .zt-tab { \r\n      color:#fff !important; \r\n    }\r\n\r\n    \/* Features - Alta yay\u0131ld\u0131\u011f\u0131 i\u00e7in responsive grid eklendi *\/\r\n    #zt-root .zt-feats{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:12px}\r\n    #zt-root .zt-card{padding:14px;border:1px solid var(--ring);border-radius:var(--r);\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727);\r\n      transform:translateY(18px) scale(.98);opacity:0;filter:blur(6px);\r\n      transition:transform .6s cubic-bezier(.2,.7,0,1),opacity .6s,filter .6s}\r\n    #zt-root .zt-card.zt-on{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}\r\n    #zt-root .zt-card h4{margin:0 0 6px;font-size:17px}\r\n    #zt-root .zt-card p{margin:0;font-size:14px;color:#fff}\r\n\r\n    \/* Responsive ayarlar *\/\r\n    @media (max-width:768px){#zt-root .zt-feats{grid-template-columns:repeat(2, 1fr)}}\r\n    @media (max-width:560px){#zt-root .zt-feats{grid-template-columns:1fr}}\r\n  <\/style>\r\n\r\n  <div class=\"zt-wrap\">\r\n    <div class=\"zt-tabs\" role=\"tablist\" aria-label=\"Zenith V2 sekmeler\">\r\n      <div class=\"zt-tab zt-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"zt-a\" id=\"zt-btn-a\">KALDIRMA \u2013 V2<\/div>\r\n      <div class=\"zt-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"zt-b\" id=\"zt-btn-b\">\u00c7EK\u0130C\u0130 \u2013 V2<\/div>\r\n      <span class=\"zt-ink\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n\r\n    <section id=\"zt-a\" class=\"zt-panel zt-active\" role=\"tabpanel\" aria-labelledby=\"zt-btn-a\">\r\n      <div class=\"zt-grid\">\r\n        <div class=\"zt-screen\">\r\n          <video class=\"zt-video\" preload=\"metadata\" playsinline muted\r\n                 src=\"\/wp-content\/uploads\/2025\/09\/product-four.mp4\"><\/video>\r\n          <div class=\"zt-hud\"><div class=\"zt-bar\"><i><\/i><\/div><span class=\"zt-pct\">0%<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"zt-feats\">\r\n          <div class=\"zt-card\"><h4>KALDIRMA Y\u00dcKSEKL\u0130\u011e\u0130<\/h4><p>Maksimum 1,5 m.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>AZAM\u0130 HIZ<\/h4><p>1.5 m\/s \u2013 dengeli h\u0131z.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>G\u00dcVENL\u0130K<\/h4><p>2D\u20133D LiDAR, acil durdurma, 3D kamera.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>PAYLOAD<\/h4><p>1000\u20131500 kg ta\u015f\u0131ma kapasitesi.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>\u00c7ALI\u015eMA S\u00dcRES\u0130<\/h4><p>4\u201312 saat.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>NAV\u0130GASYON<\/h4><p>Do\u011fal seyir, filo y\u00f6netimi.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>KULLANIM ALANLARI<\/h4><p>Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"zt-b\" class=\"zt-panel\" role=\"tabpanel\" aria-labelledby=\"zt-btn-b\">\r\n      <div class=\"zt-grid\">\r\n        <div class=\"zt-screen\">\r\n          <video class=\"zt-video\" preload=\"metadata\" playsinline muted\r\n                 src=\"https:\/\/rosybrown-pigeon-694599.hostingersite.com\/wp-content\/uploads\/2025\/09\/pro-five.mp4\"><\/video>\r\n          <div class=\"zt-hud\"><div class=\"zt-bar\"><i><\/i><\/div><span class=\"zt-pct\">0%<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"zt-feats\">\r\n          <div class=\"zt-card\"><h4>PAYLOAD<\/h4><p>1000\u20135000 kg \u00e7eki\u015f kapasitesi.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>D\u00d6N\u00dc\u015e YARI\u00c7API<\/h4><p>Maksimum 900 mm.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>AZAM\u0130 HIZ<\/h4><p>0.5 m\/s veya 0.75 m\/s.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>\u00c7ALI\u015eMA S\u00dcRES\u0130<\/h4><p>4\u201312 saat.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>NAV\u0130GASYON<\/h4><p>Do\u011fal seyir, filo y\u00f6netimi.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>G\u00dcVENL\u0130K<\/h4><p>2D\u20133D LiDAR, acil durdurma, 3D kamera.<\/p><\/div>\r\n          <div class=\"zt-card\"><h4>KULLANIM ALANLARI<\/h4><p>\u00c7ekme y\u00f6nlendirme; \u00fcr\u00fcn \u00e7ekme ve ta\u015f\u0131ma.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    const root   = document.getElementById('zt-root');\r\n    const tabs   = [...root.querySelectorAll('.zt-tab')];\r\n    const panels = [...root.querySelectorAll('.zt-panel')];\r\n    const ink    = root.querySelector('.zt-ink');\r\n\r\n    function playIn(panel){\r\n      panels.forEach(p=>{\r\n        const v=p.querySelector('.zt-video'); if(!v) return;\r\n        if(p===panel){ try{v.currentTime=0}catch(_){};\r\n          v.play().catch(()=>{}); }\r\n        else v.pause();\r\n      });\r\n      panel.querySelectorAll('.zt-card').forEach((c,i)=>setTimeout(()=>c.classList.add('zt-on'), i*90));\r\n    }\r\n    \/\/ progress HUD\r\n    panels.forEach(p=>{\r\n      const v=p.querySelector('.zt-video'), bar=p.querySelector('.zt-bar i'), pct=p.querySelector('.zt-pct');\r\n      if(!v) return;\r\n      function upd(){ const d=v.duration||0,t=v.currentTime||0, per=d? (t\/d)*100:0; bar.style.width=per+'%'; pct.textContent = Math.round(per)+'%'; }\r\n      v.addEventListener('timeupdate',upd); v.addEventListener('loadedmetadata',upd);\r\n    });\r\n\r\n    function moveInk(idx){\r\n      const tabsWrap=root.querySelector('.zt-tabs');\r\n      const w=tabsWrap.clientWidth;\r\n      ink.style.width=(w\/2-12)+'px';\r\n      ink.style.left = 6 + idx*(w\/2) + 'px';\r\n    }\r\n    window.addEventListener('resize',()=>moveInk(tabs.findIndex(t=>t.classList.contains('zt-active'))),{passive:true});\r\n\r\n    tabs.forEach((btn,idx)=>{\r\n      btn.addEventListener('click',()=>{\r\n        tabs.forEach(b=>b.classList.remove('zt-active'));\r\n        panels.forEach(p=>p.classList.remove('zt-active'));\r\n        btn.classList.add('zt-active');\r\n        panels[idx].classList.add('zt-active');\r\n        moveInk(idx); playIn(panels[idx]);\r\n      });\r\n    });\r\n\r\n    \/\/ pause videos when section out of view\r\n    const io=new IntersectionObserver(([e])=>{\r\n      if(!e) return;\r\n      if(!e.isIntersecting){ panels.forEach(p=>{ const v=p.querySelector('.zt-video'); if(v) v.pause(); }); }\r\n      else { const act=root.querySelector('.zt-panel.zt-active .zt-video'); if(act) act.play().catch(()=>{}); }\r\n    },{threshold:.25});\r\n    io.observe(root);\r\n\r\n    \/\/ init\r\n    moveInk(0); playIn(panels[0]);\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-be9a910 e-flex e-con-boxed e-con e-parent\" data-id=\"be9a910\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46ec3ba elementor-widget elementor-widget-html\" data-id=\"46ec3ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"zenith-v2-forklift\" class=\"sfb-fixed\">\r\n  <style>\r\n    \/* Theme *\/\r\n    #zenith-v2-forklift{\r\n      --bg:#0a1220; --bg2:#0b1527; --panel:#101b2e; --panel2:#0d182a;\r\n      --ring:#1a2740; --txt:#fff; --muted:#fff; --accent:#26f0a8; --acc2:#7c5cff;\r\n      --r:16px; --ease:cubic-bezier(.2,.7,0,1);\r\n      color:var(--txt);\r\n      background:\r\n        radial-gradient(900px 420px at 12% -10%, rgba(38,240,168,.14), transparent 60%),\r\n        radial-gradient(900px 420px at 88% 120%, rgba(124,92,255,.14), transparent 60%),\r\n        linear-gradient(180deg,var(--bg),var(--bg2));\r\n      padding:48px 0; position:relative; overflow:hidden; isolation:isolate;\r\n    }\r\n    body.sfb-lock{overflow:hidden}\r\n    #zenith-v2-forklift *{box-sizing:border-box}\r\n    #zenith-v2-forklift .wrap{max-width:1180px;margin:0 auto;padding:0 16px}\r\n\r\n    \/* Force text white (theme overrides safe) *\/\r\n    #zenith-v2-forklift h1,#zenith-v2-forklift .sub,#zenith-v2-forklift .card h4,\r\n    #zenith-v2-forklift .card p,#zenith-v2-forklift .screen-head{color:#fff!important}\r\n\r\n    \/* Header *\/\r\n    .zv2-h1{margin:0; line-height:1.06; font-weight:800; font-size:clamp(26px,4.6vw,46px);\r\n      text-shadow:0 0 22px rgba(30,200,255,.30)}\r\n    .zv2-sub{margin:10px 0 18px; font-size:clamp(14px,3.6vw,18px)}\r\n\r\n    \/* Layout - Video tam geni\u015flik, \u00f6zellikler altta tek s\u00fctun yap\u0131ld\u0131 *\/\r\n    .zv2-grid{display:grid; grid-template-columns:1fr; gap:24px}\r\n\r\n    .panel{background:linear-gradient(180deg,var(--panel),var(--panel2));\r\n      border:1px solid var(--ring); border-radius:18px; overflow:hidden}\r\n\r\n    \/* Video block *\/\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; background:rgba(255,255,255,.06);\r\n      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%, var(--acc2), #39d); box-shadow:0 0 10px #39d}\r\n    .mon-inner{border:1px solid var(--ring); border-radius:14px; overflow:hidden;\r\n      background:linear-gradient(180deg,#0b1c2f,#0a1422)}\r\n    .screen{position:relative;width:100%;aspect-ratio:16\/9;overflow:hidden}\r\n    #zv2-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; background:#000}\r\n\r\n    \/* Progress HUD *\/\r\n    .hud{position:absolute; left:10px; right:10px; bottom:10px; display:flex; align-items:center; gap:8px;\r\n      background:rgba(8,12,22,.55); border:1px solid #ffffff2a; border-radius:12px; padding:8px 10px; z-index:2; backdrop-filter:blur(6px)}\r\n    .bar{position:relative; flex:1; height:6px; background:#0f1d31; border:1px solid #ffffff22; border-radius:999px; overflow:hidden}\r\n    .bar i{position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg,var(--accent),var(--acc2))}\r\n    .pct{font-size:12px; min-width:42px; text-align:right}\r\n\r\n    \/* Features - Alt k\u0131sma yay\u0131ld\u0131\u011f\u0131 i\u00e7in responsive grid eklendi *\/\r\n    .right{display:flex; flex-direction:column; gap:14px}\r\n    .features{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; padding:12px}\r\n    .card{\r\n      padding:14px; border:1px solid var(--ring); border-radius:var(--r);\r\n      background:linear-gradient(180deg,#0f1d31,#0b1727);\r\n      transform:translateY(24px) scale(.98); opacity:0; filter:blur(6px);\r\n      transition:transform .7s var(--ease), opacity .7s, filter .7s;\r\n    }\r\n    .card.on{opacity:1; transform:translateY(0) scale(1); filter:blur(0)}\r\n    .card h4{position:relative; margin:0 0 6px; font-size:17px; letter-spacing:.3px}\r\n    .card h4::after{content:\"\"; position:absolute; left:0; bottom:-6px; height:2px; width:0%;\r\n      background:linear-gradient(90deg,var(--accent),var(--acc2)); box-shadow:0 0 12px rgba(38,240,168,.55);\r\n      transition:width .9s var(--ease)}\r\n    .card.on h4::after{width:100%}\r\n    .card p{margin:0; font-size:14px}\r\n\r\n    \/* Responsive ayarlar *\/\r\n    @media (max-width:768px){ .features{grid-template-columns:repeat(2, 1fr)} }\r\n    @media (max-width:560px){ .features{grid-template-columns:1fr}; .card p{font-size:13px} }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <header>\r\n      <h1 class=\"zv2-h1\">TUS ZENITH V2 OMNIBOT<\/h1>\r\n      <p class=\"zv2-sub\">Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re ak\u0131ll\u0131 ta\u015f\u0131ma i\u00e7in y\u00fcksek kapasiteli otonom \u00e7\u00f6z\u00fcm.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"zv2-grid\">\r\n      <div class=\"panel monitor\" id=\"zv2-section\">\r\n        <div class=\"screen-head\"><strong>\u00dcr\u00fcn Tan\u0131t\u0131m Videosu<\/strong><span class=\"dot\"><\/span><\/div>\r\n        <div class=\"mon-inner\">\r\n          <div class=\"screen\">\r\n            <video id=\"zv2-video\"\r\n              src=\"\/wp-content\/uploads\/2025\/09\/product-tree.mp4\"\r\n              preload=\"metadata\" playsinline muted><\/video>\r\n            <div class=\"hud\"><div class=\"bar\"><i id=\"zv2-progress\"><\/i><\/div><span class=\"pct\" id=\"zv2-pct\">0%<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"right\">\r\n        <div class=\"panel\">\r\n          <div class=\"features\" id=\"zv2-features\">\r\n            <article class=\"card\" data-stagger=\"0\"><h4>PAYLOAD<\/h4><p>1000\u20131500 kg aral\u0131\u011f\u0131nda ta\u015f\u0131ma kapasitesi.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"80\"><h4>KALDIRMA Y\u00dcKSEKL\u0130\u011e\u0130<\/h4><p>Maksimum 1,5 mt.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"120\"><h4>AZAM\u0130 HIZ<\/h4><p>1.5 m\/s \u2013 dengeli h\u0131z.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"160\"><h4>\u00c7ALI\u015eMA S\u00dcRES\u0130<\/h4><p>4\u201312 saat; g\u00f6rev profiline g\u00f6re.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"200\"><h4>NAV\u0130GASYON<\/h4><p>Do\u011fal seyir ve filo y\u00f6netim sistemi.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"240\"><h4>G\u00dcVENL\u0130K<\/h4><p>2D\u20133D LiDAR, acil durdurma, 3D kamera.<\/p><\/article>\r\n            <article class=\"card\" data-stagger=\"280\"><h4>KULLANIM ALANLARI<\/h4><p>Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re.<\/p><\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    const section = document.getElementById('zenith-v2-forklift');\r\n    const video   = document.getElementById('zv2-video');\r\n    const features= document.getElementById('zv2-features');\r\n    const barFill = document.getElementById('zv2-progress');\r\n    const pctEl   = document.getElementById('zv2-pct');\r\n\r\n    let duration=0, visible=false, finished=false, idleTimer=null, touchY=null;\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    const pauseSoon=()=>{ clearTimeout(idleTimer); idleTimer=setTimeout(()=>{ if(!video.paused) video.pause(); },100); };\r\n\r\n    \/* Progress HUD *\/\r\n    function updateHUD(){\r\n      const p = duration ? (video.currentTime\/duration)*100 : 0;\r\n      barFill.style.width = (p.toFixed(2))+'%';\r\n      pctEl.textContent = Math.round(p)+'%';\r\n    }\r\n    video.addEventListener('timeupdate', updateHUD);\r\n    video.addEventListener('loadedmetadata', ()=>{ duration=video.duration||0; updateHUD(); });\r\n    video.addEventListener('loadeddata', ()=>{ video.currentTime=0; updateHUD(); }, {once:true});\r\n\r\n    \/* Visible control *\/\r\n    const io = new IntersectionObserver(([e])=>{\r\n      visible = !!(e && e.isIntersecting);\r\n      if(!visible) document.body.classList.remove('sfb-lock');\r\n    },{threshold:[0,.25,1]});\r\n    io.observe(section);\r\n\r\n    \/* Feature reveal *\/\r\n    function revealFeatures(){\r\n      const cards=[...features.querySelectorAll('.card')];\r\n      cards.forEach((c)=> setTimeout(()=>c.classList.add('on'), +(c.dataset.stagger||0)));\r\n    }\r\n\r\n    \/* Lock page while scrubbing video *\/\r\n    function needLock(dir){\r\n      if(finished || !visible) return false;\r\n      const fwd = dir>0 && !atEnd();\r\n      const back= dir<0 && !atStart();\r\n      if(fwd || back){ document.body.classList.add('sfb-lock'); return true; }\r\n      document.body.classList.remove('sfb-lock'); return false;\r\n    }\r\n\r\n    \/* Scrub (hassas) *\/\r\n    function scrubBy(d){\r\n      if(!duration) return;\r\n      const base = duration\/1100;              \/\/ daha h\u0131zl\u0131 tepki\r\n      video.currentTime = clamp((video.currentTime||0) + d*base, 0, duration);\r\n      if(video.paused) video.play();\r\n      pauseSoon();\r\n      if(atEnd()){ finished=true; document.body.classList.remove('sfb-lock'); revealFeatures(); }\r\n      if(atStart()){ document.body.classList.remove('sfb-lock'); }\r\n    }\r\n\r\n    \/* Inputs work across the whole section *\/\r\n    function onWheel(e){\r\n      if(!visible) return;\r\n      const dir = Math.sign(e.deltaY||0) || 0; if(dir===0) return;\r\n      if(!needLock(dir)) return;\r\n      e.preventDefault();\r\n      scrubBy(e.deltaY);\r\n    }\r\n    function onTouchStart(e){ if(!visible) return; touchY=e.touches[0].clientY; }\r\n    function onTouchMove(e){\r\n      if(!visible || touchY==null) return;\r\n      const y=e.touches[0].clientY, dy=touchY-y; touchY=y;\r\n      const dir=Math.sign(dy)||0; if(!needLock(dir)) return;\r\n      e.preventDefault();\r\n      scrubBy(dy*1.2);\r\n    }\r\n    function onTouchEnd(){ touchY=null; pauseSoon(); }\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  <\/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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TUS ZENITH V2 OMNIBOT Kattan kata, raftan rafa, konvey\u00f6rden konvey\u00f6re ak\u0131ll\u0131 ta\u015f\u0131ma i\u00e7in y\u00fcksek kapasiteli otonom \u00e7\u00f6z\u00fcm. \u00dcr\u00fcn Tan\u0131t\u0131m Videosu 0% PAYLOAD 1000\u20131500 kg aral\u0131\u011f\u0131nda ta\u015f\u0131ma kapasitesi. KALDIRMA Y\u00dcKSEKL\u0130\u011e\u0130 Maksimum 1,5 mt. AZAM\u0130 HIZ 1.5 m\/s \u2013 dengeli h\u0131z. \u00c7ALI\u015eMA S\u00dcRES\u0130 4\u201312 saat; g\u00f6rev profiline g\u00f6re. NAV\u0130GASYON Do\u011fal seyir ve filo y\u00f6netim sistemi. G\u00dcVENL\u0130K 2D\u20133D [&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-1769","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/1769","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=1769"}],"version-history":[{"count":94,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/1769\/revisions"}],"predecessor-version":[{"id":2154,"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/pages\/1769\/revisions\/2154"}],"wp:attachment":[{"href":"https:\/\/tusmec.com\/index.php\/wp-json\/wp\/v2\/media?parent=1769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}