{"id":1800,"date":"2026-04-24T14:24:27","date_gmt":"2026-04-24T14:24:27","guid":{"rendered":"https:\/\/e-max.co\/?page_id=1800"},"modified":"2026-05-20T10:11:47","modified_gmt":"2026-05-20T10:11:47","slug":"main-page","status":"publish","type":"page","link":"https:\/\/e-max.co\/en\/","title":{"rendered":"\u3164"},"content":{"rendered":"\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* ===== ANA KONTEYNER ===== *\/\r\n.emax-ff-bar {\r\n  width: 100%;\r\n  background: linear-gradient(180deg, #050510 0%, #0a0a1a 40%, #0d0d20 60%, #050510 100%);\r\n  padding: 28px 0 24px 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n  z-index: 9999;\r\n  font-family: 'Inter', 'Segoe UI', sans-serif;\r\n  border-bottom: none;\r\n}\r\n\r\n\/* \u00dcst parlayan \u00e7izgi *\/\r\n.emax-ff-bar::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    transparent 0%, \r\n    #ff6b00 15%, \r\n    #ffaa00 30%, \r\n    #ff6b00 50%, \r\n    #ffaa00 70%, \r\n    #ff6b00 85%, \r\n    transparent 100%\r\n  );\r\n  animation: emax-topLine 4s ease-in-out infinite;\r\n}\r\n\r\n\/* Alt parlayan \u00e7izgi *\/\r\n.emax-ff-bar::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    transparent 0%, \r\n    #ff6b00 20%, \r\n    #ffaa00 50%, \r\n    #ff6b00 80%, \r\n    transparent 100%\r\n  );\r\n  animation: emax-topLine 4s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes emax-topLine {\r\n  0% { opacity: 0.3; background-position: -200% center; }\r\n  50% { opacity: 1; background-position: 200% center; }\r\n  100% { opacity: 0.3; background-position: -200% center; }\r\n}\r\n\r\n\/* Arka plan par\u00e7ac\u0131klar\u0131 *\/\r\n.emax-ff-particles {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.emax-ff-particle {\r\n  position: absolute;\r\n  width: 2px;\r\n  height: 2px;\r\n  background: rgba(255, 140, 0, 0.4);\r\n  border-radius: 50%;\r\n  animation: emax-float 6s ease-in-out infinite;\r\n}\r\n\r\n.emax-ff-particle:nth-child(1) { left: 5%; top: 20%; animation-delay: 0s; animation-duration: 5s; }\r\n.emax-ff-particle:nth-child(2) { left: 15%; top: 60%; animation-delay: 1s; animation-duration: 7s; }\r\n.emax-ff-particle:nth-child(3) { left: 25%; top: 30%; animation-delay: 2s; animation-duration: 4s; }\r\n.emax-ff-particle:nth-child(4) { left: 35%; top: 70%; animation-delay: 0.5s; animation-duration: 6s; }\r\n.emax-ff-particle:nth-child(5) { left: 45%; top: 40%; animation-delay: 1.5s; animation-duration: 5.5s; }\r\n.emax-ff-particle:nth-child(6) { left: 55%; top: 20%; animation-delay: 3s; animation-duration: 4.5s; }\r\n.emax-ff-particle:nth-child(7) { left: 65%; top: 65%; animation-delay: 0.8s; animation-duration: 6.5s; }\r\n.emax-ff-particle:nth-child(8) { left: 75%; top: 35%; animation-delay: 2.5s; animation-duration: 5s; }\r\n.emax-ff-particle:nth-child(9) { left: 85%; top: 55%; animation-delay: 1.2s; animation-duration: 7s; }\r\n.emax-ff-particle:nth-child(10) { left: 95%; top: 25%; animation-delay: 3.5s; animation-duration: 4s; }\r\n.emax-ff-particle:nth-child(11) { left: 10%; top: 80%; animation-delay: 2.2s; animation-duration: 5.5s; }\r\n.emax-ff-particle:nth-child(12) { left: 50%; top: 10%; animation-delay: 0.3s; animation-duration: 6s; }\r\n\r\n@keyframes emax-float {\r\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.2; }\r\n  25% { transform: translateY(-15px) scale(1.5); opacity: 0.6; }\r\n  50% { transform: translateY(-5px) scale(1); opacity: 0.4; }\r\n  75% { transform: translateY(-20px) scale(1.8); opacity: 0.3; }\r\n}\r\n\r\n\/* Ba\u015fl\u0131k *\/\r\n.emax-ff-title {\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.emax-ff-title span {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 6px;\r\n  text-transform: uppercase;\r\n  background: linear-gradient(90deg, #ff6b00, #ffaa00, #ff6b00);\r\n  background-size: 200% auto;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  animation: emax-gradientText 3s linear infinite;\r\n}\r\n\r\n@keyframes emax-gradientText {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n\/* Ana i\u00e7erik *\/\r\n.emax-ff-content {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Ad\u0131mlar sat\u0131r\u0131 *\/\r\n.emax-ff-steps {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0;\r\n  position: relative;\r\n}\r\n\r\n\/* Arka plan ba\u011flant\u0131 \u00e7izgisi *\/\r\n.emax-ff-steps::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 8%;\r\n  right: 8%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.08), rgba(255, 140, 0, 0.15), rgba(255, 140, 0, 0.08), transparent);\r\n  transform: translateY(-50%);\r\n  z-index: 0;\r\n}\r\n\r\n\/* \u0130lerleyen \u0131\u015f\u0131k \u00e7izgisi *\/\r\n.emax-ff-lightbeam {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 8%;\r\n  width: 80px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #ff8c00, #ffaa00, transparent);\r\n  transform: translateY(-50%);\r\n  animation: emax-beam 4s ease-in-out infinite;\r\n  z-index: 1;\r\n  border-radius: 2px;\r\n  filter: blur(1px);\r\n  box-shadow: 0 0 10px rgba(255, 140, 0, 0.5), 0 0 20px rgba(255, 140, 0, 0.2);\r\n}\r\n\r\n@keyframes emax-beam {\r\n  0% { left: 5%; opacity: 0; }\r\n  10% { opacity: 1; }\r\n  90% { opacity: 1; }\r\n  100% { left: 88%; opacity: 0; }\r\n}\r\n\r\n\/* Her bir ad\u0131m *\/\r\n.emax-ff-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  opacity: 0;\r\n  transform: translateY(20px) scale(0.9);\r\n  animation: emax-stepIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  position: relative;\r\n  z-index: 3;\r\n  padding: 8px 10px;\r\n  cursor: default;\r\n  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.emax-ff-step:hover {\r\n  transform: translateY(-5px) scale(1.05) !important;\r\n}\r\n\r\n.emax-ff-step:nth-child(1) { animation-delay: 0.2s; }\r\n.emax-ff-step:nth-child(3) { animation-delay: 0.4s; }\r\n.emax-ff-step:nth-child(5) { animation-delay: 0.6s; }\r\n.emax-ff-step:nth-child(7) { animation-delay: 0.8s; }\r\n.emax-ff-step:nth-child(9) { animation-delay: 1.0s; }\r\n.emax-ff-step:nth-child(11) { animation-delay: 1.2s; }\r\n.emax-ff-step:nth-child(13) { animation-delay: 1.4s; }\r\n\r\n@keyframes emax-stepIn {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n\/* \u0130kon container - b\u00fcy\u00fck ve g\u00f6steri\u015fli *\/\r\n.emax-ff-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  position: relative;\r\n  background: linear-gradient(145deg, rgba(255, 140, 0, 0.08), rgba(255, 100, 0, 0.03));\r\n  border: 1.5px solid rgba(255, 140, 0, 0.15);\r\n  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  box-shadow: \r\n    0 4px 15px rgba(0, 0, 0, 0.3),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\r\n}\r\n\r\n.emax-ff-step:hover .emax-ff-icon {\r\n  background: linear-gradient(145deg, rgba(255, 140, 0, 0.2), rgba(255, 100, 0, 0.1));\r\n  border-color: rgba(255, 140, 0, 0.5);\r\n  box-shadow: \r\n    0 0 25px rgba(255, 140, 0, 0.25),\r\n    0 0 50px rgba(255, 140, 0, 0.1),\r\n    0 8px 25px rgba(0, 0, 0, 0.3),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.05);\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* Aktif ad\u0131m glow efekti *\/\r\n.emax-ff-step.active .emax-ff-icon {\r\n  background: linear-gradient(145deg, rgba(255, 140, 0, 0.15), rgba(255, 100, 0, 0.08));\r\n  border-color: rgba(255, 140, 0, 0.5);\r\n  box-shadow: \r\n    0 0 20px rgba(255, 140, 0, 0.2),\r\n    0 0 40px rgba(255, 140, 0, 0.08),\r\n    0 4px 15px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* Aktif pulse ring *\/\r\n.emax-ff-step.active .emax-ff-icon::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 20px;\r\n  border: 2px solid rgba(255, 140, 0, 0.3);\r\n  animation: emax-pulseRing 2s ease-out infinite;\r\n}\r\n\r\n.emax-ff-step.active .emax-ff-icon::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -12px;\r\n  border-radius: 24px;\r\n  border: 1px solid rgba(255, 140, 0, 0.15);\r\n  animation: emax-pulseRing 2s ease-out infinite 0.5s;\r\n}\r\n\r\n@keyframes emax-pulseRing {\r\n  0% { transform: scale(0.9); opacity: 0.8; }\r\n  100% { transform: scale(1.3); opacity: 0; }\r\n}\r\n\r\n\/* Numara badge *\/\r\n.emax-ff-num {\r\n  position: absolute;\r\n  top: -6px;\r\n  right: -6px;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n  color: #fff;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 2px 8px rgba(255, 107, 0, 0.4);\r\n  opacity: 0;\r\n  transform: scale(0);\r\n  animation: emax-numPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n}\r\n\r\n.emax-ff-step:nth-child(1) .emax-ff-num { animation-delay: 0.8s; }\r\n.emax-ff-step:nth-child(3) .emax-ff-num { animation-delay: 1.0s; }\r\n.emax-ff-step:nth-child(5) .emax-ff-num { animation-delay: 1.2s; }\r\n.emax-ff-step:nth-child(7) .emax-ff-num { animation-delay: 1.4s; }\r\n.emax-ff-step:nth-child(9) .emax-ff-num { animation-delay: 1.6s; }\r\n.emax-ff-step:nth-child(11) .emax-ff-num { animation-delay: 1.8s; }\r\n.emax-ff-step:nth-child(13) .emax-ff-num { animation-delay: 2.0s; }\r\n\r\n@keyframes emax-numPop {\r\n  to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n\/* Ad\u0131m yaz\u0131s\u0131 *\/\r\n.emax-ff-label {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  color: rgba(180, 180, 200, 0.6);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  transition: all 0.4s ease;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n}\r\n\r\n.emax-ff-step:hover .emax-ff-label {\r\n  color: #ffaa00;\r\n  text-shadow: 0 0 20px rgba(255, 170, 0, 0.3);\r\n}\r\n\r\n.emax-ff-step.active .emax-ff-label {\r\n  color: #ff8c00;\r\n  text-shadow: 0 0 15px rgba(255, 140, 0, 0.2);\r\n}\r\n\r\n\/* Ok ba\u011flant\u0131lar\u0131 *\/\r\n.emax-ff-connector {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 40px;\r\n  flex-shrink: 0;\r\n  opacity: 0;\r\n  animation: emax-connIn 0.5s ease forwards;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.emax-ff-connector:nth-child(2) { animation-delay: 0.3s; }\r\n.emax-ff-connector:nth-child(4) { animation-delay: 0.5s; }\r\n.emax-ff-connector:nth-child(6) { animation-delay: 0.7s; }\r\n.emax-ff-connector:nth-child(8) { animation-delay: 0.9s; }\r\n.emax-ff-connector:nth-child(10) { animation-delay: 1.1s; }\r\n.emax-ff-connector:nth-child(12) { animation-delay: 1.3s; }\r\n\r\n@keyframes emax-connIn {\r\n  to { opacity: 1; }\r\n}\r\n\r\n.emax-ff-connector svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: rgba(255, 140, 0, 0.2);\r\n  filter: drop-shadow(0 0 3px rgba(255, 140, 0, 0.1));\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.emax-ff-connector.glow svg {\r\n  stroke: rgba(255, 140, 0, 0.6);\r\n  filter: drop-shadow(0 0 8px rgba(255, 140, 0, 0.4));\r\n}\r\n\r\n\/* Hareketli paket *\/\r\n.emax-ff-mover {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 5;\r\n  animation: emax-moverGo 5s ease-in-out infinite;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.emax-ff-mover-inner {\r\n  font-size: 18px;\r\n  filter: drop-shadow(0 0 10px rgba(255, 140, 0, 0.6)) drop-shadow(0 0 20px rgba(255, 140, 0, 0.3));\r\n  animation: emax-moverBounce 0.6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes emax-moverGo {\r\n  0% { left: 2%; opacity: 0; }\r\n  5% { opacity: 1; }\r\n  85% { opacity: 1; }\r\n  95% { opacity: 0; }\r\n  100% { left: 95%; opacity: 0; }\r\n}\r\n\r\n@keyframes emax-moverBounce {\r\n  0% { transform: translateY(-2px) rotate(-3deg); }\r\n  100% { transform: translateY(2px) rotate(3deg); }\r\n}\r\n\r\n\/* \u0130kinci hareketli eleman - kargo kamyonu *\/\r\n.emax-ff-mover2 {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 4;\r\n  animation: emax-moverGo2 7s ease-in-out infinite 2.5s;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.emax-ff-mover2-inner {\r\n  font-size: 16px;\r\n  filter: drop-shadow(0 0 8px rgba(255, 140, 0, 0.4));\r\n  animation: emax-moverBounce 0.5s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes emax-moverGo2 {\r\n  0% { left: 2%; opacity: 0; }\r\n  5% { opacity: 0.7; }\r\n  85% { opacity: 0.7; }\r\n  95% { opacity: 0; }\r\n  100% { left: 95%; opacity: 0; }\r\n}\r\n\r\n\/* Alt bilgi *\/\r\n.emax-ff-subtitle {\r\n  text-align: center;\r\n  margin-top: 16px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.emax-ff-subtitle span {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: rgba(180, 180, 200, 0.35);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.emax-ff-subtitle strong {\r\n  color: rgba(255, 140, 0, 0.6);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ===== MOB\u0130L UYUMLULUK ===== *\/\r\n@media (max-width: 1024px) {\r\n  .emax-ff-icon { width: 48px; height: 48px; font-size: 20px; border-radius: 14px; }\r\n  .emax-ff-connector { width: 30px; }\r\n  .emax-ff-connector svg { width: 14px; height: 14px; }\r\n  .emax-ff-label { font-size: 9px; letter-spacing: 1px; }\r\n  .emax-ff-bar { padding: 22px 0 18px 0; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .emax-ff-steps {\r\n    overflow-x: auto;\r\n    justify-content: flex-start;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    padding: 0 15px;\r\n    mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);\r\n    -webkit-mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);\r\n  }\r\n  .emax-ff-steps::-webkit-scrollbar { display: none; }\r\n  .emax-ff-icon { width: 42px; height: 42px; font-size: 18px; border-radius: 12px; }\r\n  .emax-ff-label { font-size: 8px; }\r\n  .emax-ff-connector { width: 24px; }\r\n  .emax-ff-bar { padding: 18px 0 14px 0; }\r\n  .emax-ff-title span { font-size: 8px; letter-spacing: 4px; }\r\n  .emax-ff-subtitle span { font-size: 9px; }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  .emax-ff-label { display: none; }\r\n  .emax-ff-icon { width: 38px; height: 38px; font-size: 16px; border-radius: 10px; }\r\n  .emax-ff-connector { width: 18px; }\r\n  .emax-ff-connector svg { width: 12px; height: 12px; }\r\n  .emax-ff-num { width: 15px; height: 15px; font-size: 8px; top: -4px; right: -4px; }\r\n  .emax-ff-steps { justify-content: center; }\r\n  .emax-ff-bar { padding: 14px 0 10px 0; }\r\n  .emax-ff-title { margin-bottom: 14px; }\r\n  .emax-ff-subtitle { margin-top: 10px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"emax-ff-bar\">\r\n  <!-- Par\u00e7ac\u0131k efektleri -->\r\n  <div class=\"emax-ff-particles\">\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n    <div class=\"emax-ff-particle\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"emax-ff-content\">\r\n    <!-- Ba\u015fl\u0131k -->\r\n    <div class=\"emax-ff-title\">\r\n      <span>\u2726 &nbsp; F U L F I L L M E N T &nbsp; S \u00dc R E C \u0130 &nbsp; \u2726<\/span>\r\n    <\/div>\r\n\r\n    <!-- Ad\u0131mlar -->\r\n    <div class=\"emax-ff-steps\">\r\n      <!-- Hareketli paket -->\r\n      <div class=\"emax-ff-mover\">\r\n        <div class=\"emax-ff-mover-inner\">\ud83d\udce6<\/div>\r\n      <\/div>\r\n      <!-- Hareketli kamyon -->\r\n      <div class=\"emax-ff-mover2\">\r\n        <div class=\"emax-ff-mover2-inner\">\ud83d\ude9b<\/div>\r\n      <\/div>\r\n      <!-- I\u015f\u0131k \u00e7izgisi -->\r\n      <div class=\"emax-ff-lightbeam\"><\/div>\r\n\r\n      <!-- 1. Sipari\u015f -->\r\n      <div class=\"emax-ff-step active\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83d\uded2\r\n          <span class=\"emax-ff-num\">1<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Sipari\u015f<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 2. Entegrasyon -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83d\udd17\r\n          <span class=\"emax-ff-num\">2<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Entegrasyon<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 3. Depolama -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83c\udfed\r\n          <span class=\"emax-ff-num\">3<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Depolama<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 4. Toplama -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83d\udccb\r\n          <span class=\"emax-ff-num\">4<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Toplama<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 5. Paketleme -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83d\udce6\r\n          <span class=\"emax-ff-num\">5<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Paketleme<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 6. Kargolama -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \ud83d\ude9a\r\n          <span class=\"emax-ff-num\">6<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Kargolama<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"emax-ff-connector\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- 7. Teslimat -->\r\n      <div class=\"emax-ff-step\">\r\n        <div class=\"emax-ff-icon\">\r\n          \u2705\r\n          <span class=\"emax-ff-num\">7<\/span>\r\n        <\/div>\r\n        <span class=\"emax-ff-label\">Teslimat<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Alt bilgi -->\r\n    <div class=\"emax-ff-subtitle\">\r\n      <span>Sipari\u015ften teslimata <strong>u\u00e7tan uca<\/strong> profesyonel fulfillment<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var steps = document.querySelectorAll('.emax-ff-step');\r\n  var connectors = document.querySelectorAll('.emax-ff-connector');\r\n  var currentActive = 0;\r\n\r\n  function activateStep() {\r\n    \/\/ T\u00fcm ad\u0131mlardan active kald\u0131r\r\n    steps.forEach(function(s) { s.classList.remove('active'); });\r\n    connectors.forEach(function(c) { c.classList.remove('glow'); });\r\n\r\n    \/\/ Aktif ad\u0131m\u0131 i\u015faretle\r\n    steps[currentActive].classList.add('active');\r\n\r\n    \/\/ Aktif ad\u0131ma kadar olan oklar\u0131 da parlat\r\n    for (var i = 0; i < currentActive && i < connectors.length; i++) {\r\n      connectors[i].classList.add('glow');\r\n    }\r\n\r\n    currentActive = (currentActive + 1) % steps.length;\r\n  }\r\n\r\n  \/\/ Her 1.8 saniyede bir sonraki ad\u0131m\r\n  setInterval(activateStep, 1800);\r\n})();\r\n<\/script>\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>E-MAX \u2014 T\u00fcrkiye Fulfillment A\u011f\u0131<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&#038;family=JetBrains+Mono:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --bg-deep: #04050c;\n  --bg-mid: #070a16;\n  --bg-panel: rgba(12, 18, 32, 0.72);\n  --border: rgba(99, 138, 255, 0.14);\n  --border-bright: rgba(99, 138, 255, 0.28);\n  --text-primary: #ffffff;\n  --text-secondary: rgba(200, 212, 240, 0.72);\n  --text-dim: rgba(160, 175, 210, 0.55);\n  --accent-blue: #4d8bff;\n  --accent-cyan: #5ecfff;\n  --accent-orange: #ff8a3d;\n  --accent-orange-glow: #ffab5c;\n  --glow-blue: rgba(77, 139, 255, 0.55);\n  --glow-orange: rgba(255, 138, 61, 0.5);\n  --shadow-panel: 0 30px 60px -20px rgba(0,0,0,0.5), 0 0 0 1px rgba(99,138,255,0.08);\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nhtml, body {\n  background: var(--bg-deep);\n  color: var(--text-primary);\n  font-family: 'Manrope', -apple-system, sans-serif;\n  font-weight: 400;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.hero-wrapper {\n  position: relative;\n  min-height: 100vh;\n  background:\n    radial-gradient(ellipse 1200px 800px at 75% 40%, rgba(77, 139, 255, 0.12), transparent 60%),\n    radial-gradient(ellipse 900px 600px at 20% 20%, rgba(255, 138, 61, 0.06), transparent 60%),\n    linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-mid) 100%);\n  overflow: hidden;\n}\n\n\/* === STARFIELD === *\/\n.stars {\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.6), transparent),\n    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,0.4), transparent),\n    radial-gradient(1px 1px at 80% 20%, rgba(255,255,255,0.5), transparent),\n    radial-gradient(1px 1px at 33% 80%, rgba(255,255,255,0.3), transparent),\n    radial-gradient(2px 2px at 50% 50%, rgba(200,220,255,0.4), transparent),\n    radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,0.5), transparent),\n    radial-gradient(1px 1px at 15% 65%, rgba(255,255,255,0.4), transparent),\n    radial-gradient(1px 1px at 75% 85%, rgba(255,255,255,0.3), transparent);\n  background-size: 800px 800px, 700px 700px, 900px 900px, 600px 600px, 1000px 1000px, 750px 750px, 850px 850px, 650px 650px;\n  animation: starDrift 180s linear infinite;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n@keyframes starDrift {\n  from { transform: translateY(0); }\n  to { transform: translateY(-200px); }\n}\n\n.grid-overlay {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(99, 138, 255, 0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(99, 138, 255, 0.04) 1px, transparent 1px);\n  background-size: 60px 60px;\n  mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);\n  -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);\n  pointer-events: none;\n}\n\n\/* === HERO LAYOUT === *\/\n.hero {\n  position: relative;\n  z-index: 10;\n  display: grid;\n  grid-template-columns: 1fr 1.3fr;\n  gap: 40px;\n  max-width: 1500px;\n  margin: 0 auto;\n  padding: 40px 48px 40px;\n  align-items: center;\n  min-height: calc(100vh - 100px);\n}\n\n.hero-content { position: relative; opacity: 0; animation: fadeUp 1s ease-out 0.2s forwards; }\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  color: var(--accent-cyan);\n  margin-bottom: 28px;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent-cyan);\n  box-shadow: 0 0 12px var(--accent-cyan);\n}\n\n.hero-title {\n  font-size: clamp(36px, 4.2vw, 58px);\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -0.035em;\n  margin-bottom: 24px;\n}\n\n.hero-title .gradient {\n  background: linear-gradient(135deg, #ff8a3d 0%, #ffab5c 60%, #4d8bff 140%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: italic;\n  font-weight: 700;\n  padding-right: 0.15em;\n  display: inline-block;\n}\n\n.hero-title .dash {\n  color: var(--accent-orange);\n  -webkit-text-fill-color: var(--accent-orange);\n}\n\n.hero-subtitle {\n  font-size: 16px;\n  line-height: 1.55;\n  color: var(--text-secondary);\n  margin-bottom: 32px;\n  max-width: 480px;\n}\n\n.live-counter {\n  display: inline-flex;\n  align-items: center;\n  gap: 18px;\n  padding: 14px 20px;\n  background: var(--bg-panel);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  margin-bottom: 28px;\n  box-shadow: var(--shadow-panel);\n}\n\n.counter-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, rgba(77,139,255,0.2), rgba(77,139,255,0.05));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(77,139,255,0.25);\n}\n\n.counter-text { display: flex; flex-direction: column; }\n\n.counter-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 9.5px;\n  letter-spacing: 0.15em;\n  color: var(--text-dim);\n  text-transform: uppercase;\n  margin-bottom: 4px;\n}\n\n.counter-value {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n}\n\n.counter-number {\n  font-size: 24px;\n  font-weight: 700;\n  color: #fff;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: -0.02em;\n}\n\n.counter-delta {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  color: #22dd88;\n  font-weight: 600;\n}\n\n.counter-spark { width: 70px; height: 28px; margin-left: 6px; }\n\n.cta-row { display: flex; gap: 14px; margin-bottom: 30px; flex-wrap: wrap; }\n\n.btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 26px;\n  background: linear-gradient(135deg, #ff8a3d 0%, #e6691e 100%);\n  border: none;\n  border-radius: 12px;\n  color: #fff;\n  font-size: 14.5px;\n  font-weight: 600;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: 0 10px 30px -10px rgba(255,138,61,0.6), inset 0 1px 0 rgba(255,255,255,0.2);\n  position: relative;\n  overflow: hidden;\n}\n\n.btn-primary::before {\n  content: '';\n  position: absolute;\n  top: 0; left: -100%;\n  width: 100%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n  transition: left 0.6s;\n}\n\n.btn-primary:hover::before { left: 100%; }\n\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 40px -10px rgba(255,138,61,0.8), inset 0 1px 0 rgba(255,255,255,0.2);\n}\n\n.btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 22px;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid var(--border-bright);\n  border-radius: 12px;\n  color: #fff;\n  font-size: 14.5px;\n  font-weight: 500;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all 0.2s;\n}\n\n.btn-secondary:hover {\n  background: rgba(255,255,255,0.06);\n  border-color: rgba(99,138,255,0.4);\n}\n\n.play-icon {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--accent-blue);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 12px var(--glow-blue);\n}\n\n\/* === MAP PANEL === *\/\n.map-panel {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1.5 \/ 1;\n  opacity: 0;\n  animation: fadeUp 1.2s ease-out 0.5s forwards;\n}\n\n.turkey-map { width: 100%; height: 100%; position: relative; }\n.turkey-map svg { width: 100%; height: 100%; overflow: visible; }\n\n.city-node { cursor: pointer; }\n\n.city-label {\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  fill: #fff;\n  text-shadow: 0 2px 8px rgba(0,0,0,0.9);\n  pointer-events: none;\n}\n\n.city-label.hub {\n  font-size: 14px;\n  fill: var(--accent-orange-glow);\n  font-weight: 700;\n}\n\n.city-label.small {\n  font-size: 9px;\n  font-weight: 500;\n  fill: rgba(200, 212, 240, 0.55);\n}\n\n\/* Main city pulse (constant) *\/\n.node-pulse {\n  animation: nodePulse 2.5s ease-in-out infinite;\n  transform-origin: center;\n  transform-box: fill-box;\n}\n\n.node-pulse.hub {\n  animation: nodePulseHub 2s ease-in-out infinite;\n}\n\n@keyframes nodePulse {\n  0%, 100% { opacity: 0.6; r: 4; }\n  50% { opacity: 1; r: 7; }\n}\n\n@keyframes nodePulseHub {\n  0%, 100% { opacity: 0.7; r: 10; }\n  50% { opacity: 1; r: 16; }\n}\n\n\/* Secondary city blink - yan\u0131p s\u00f6nme *\/\n.city-blink {\n  animation: cityBlink 3s ease-in-out infinite;\n}\n\n@keyframes cityBlink {\n  0%, 100% { opacity: 0.2; }\n  50% { opacity: 1; }\n}\n\n.city-blink-ring {\n  animation: cityBlinkRing 3s ease-in-out infinite;\n  transform-origin: center;\n  transform-box: fill-box;\n}\n\n@keyframes cityBlinkRing {\n  0%, 100% { opacity: 0; transform: scale(0.5); }\n  50% { opacity: 0.6; transform: scale(1.5); }\n}\n\n\/* Flow lines *\/\n.flow-line {\n  fill: none;\n  stroke-linecap: round;\n  stroke-dasharray: 6 12;\n  animation: flowDash 2.5s linear infinite;\n}\n\n@keyframes flowDash {\n  to { stroke-dashoffset: -36; }\n}\n\n\/* Stat chip (tooltip) *\/\n.stat-chip {\n  position: absolute;\n  background: rgba(8, 12, 22, 0.95);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  border: 1px solid var(--border-bright);\n  border-radius: 14px;\n  padding: 14px 18px;\n  min-width: 210px;\n  box-shadow: 0 20px 50px -10px rgba(0,0,0,0.8), 0 0 0 1px rgba(99,138,255,0.1);\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(-50%, calc(-100% - 18px)) scale(0.92);\n  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s;\n  pointer-events: none;\n  z-index: 50;\n}\n\n.stat-chip.visible {\n  opacity: 1;\n  visibility: visible;\n  transform: translate(-50%, calc(-100% - 18px)) scale(1);\n  transition-delay: 0s;\n}\n\n.stat-chip::after {\n  content: '';\n  position: absolute;\n  bottom: -6px;\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n  width: 12px;\n  height: 12px;\n  background: rgba(8, 12, 22, 0.95);\n  border-right: 1px solid var(--border-bright);\n  border-bottom: 1px solid var(--border-bright);\n}\n\n.chip-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(99,138,255,0.1);\n}\n\n.chip-city { font-size: 14px; font-weight: 700; color: #fff; }\n\n.chip-badge {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.1em;\n  color: var(--accent-orange);\n  background: rgba(255,138,61,0.12);\n  padding: 3px 7px;\n  border-radius: 4px;\n  border: 1px solid rgba(255,138,61,0.2);\n}\n\n.chip-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.chip-row:last-child { margin-bottom: 0; }\n\n.chip-label {\n  font-size: 11px;\n  color: var(--text-dim);\n  font-family: 'JetBrains Mono', monospace;\n  letter-spacing: 0.05em;\n}\n\n.chip-value {\n  font-size: 13px;\n  color: #fff;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n.chip-value.accent { color: var(--accent-cyan); }\n.chip-value.good { color: #22dd88; }\n\n\/* === METRIC CARDS === *\/\n.metrics-row {\n  position: relative;\n  z-index: 10;\n  max-width: 1500px;\n  margin: 0 auto;\n  padding: 0 48px 60px;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 16px;\n}\n\n.metric-card {\n  background: var(--bg-panel);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  padding: 22px;\n  position: relative;\n  overflow: hidden;\n  transition: all 0.3s;\n  opacity: 0;\n  animation: fadeUp 0.8s ease-out forwards;\n}\n\n.metric-card:nth-child(1) { animation-delay: 0.8s; }\n.metric-card:nth-child(2) { animation-delay: 0.9s; }\n.metric-card:nth-child(3) { animation-delay: 1.0s; }\n.metric-card:nth-child(4) { animation-delay: 1.1s; }\n.metric-card:nth-child(5) { animation-delay: 1.2s; }\n\n.metric-card:hover {\n  border-color: var(--border-bright);\n  transform: translateY(-3px);\n  box-shadow: 0 20px 40px -15px rgba(77,139,255,0.25);\n}\n\n.metric-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.15em;\n  color: var(--text-dim);\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n.metric-value {\n  font-size: 28px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  margin-bottom: 10px;\n  font-variant-numeric: tabular-nums;\n}\n\n.metric-value.with-ring {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.progress-ring { width: 48px; height: 48px; flex-shrink: 0; }\n.ring-bg { fill: none; stroke: rgba(99,138,255,0.15); stroke-width: 4; }\n.ring-fill {\n  fill: none;\n  stroke: url(#ringGrad);\n  stroke-width: 4;\n  stroke-linecap: round;\n  transform: rotate(-90deg);\n  transform-origin: center;\n}\n\n.metric-spark { width: 100%; height: 32px; margin: 4px 0 10px; }\n\n.metric-delta {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  color: var(--text-secondary);\n}\n\n.delta-up { color: #22dd88; }\n.delta-down { color: #ff6b7a; }\n.delta-good-down { color: #22dd88; }\n\n.orders-live { display: flex; align-items: center; gap: 10px; }\n\n.orders-number-block {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  margin-left: auto;\n}\n\n.orders-big {\n  font-size: 28px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  font-variant-numeric: tabular-nums;\n}\n\n.orders-unit {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px;\n  color: var(--text-dim);\n  letter-spacing: 0.1em;\n}\n\n.live-dot-mini {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #ff6b7a;\n  box-shadow: 0 0 10px #ff6b7a;\n  animation: statusPulse 1.5s ease-in-out infinite;\n}\n\n.live-text {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  color: #ff6b7a;\n  letter-spacing: 0.1em;\n  font-weight: 600;\n}\n\n.flow-viz { flex: 1; height: 60px; margin-right: 8px; }\n\n\/* === NEDEN ESK\u0130\u015eEH\u0130R SECTION === *\/\n.why-eskisehir {\n  position: relative;\n  z-index: 10;\n  max-width: 1500px;\n  margin: 0 auto;\n  padding: 40px 48px 60px;\n}\n\n.why-card {\n  background: linear-gradient(135deg, rgba(255, 138, 61, 0.06) 0%, rgba(77, 139, 255, 0.04) 100%);\n  border: 1px solid rgba(255, 138, 61, 0.18);\n  border-radius: 24px;\n  padding: 56px 56px;\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 48px;\n  align-items: start;\n}\n\n.why-card::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -10%;\n  width: 500px;\n  height: 500px;\n  background: radial-gradient(circle, rgba(255, 138, 61, 0.12), transparent 60%);\n  pointer-events: none;\n}\n\n.why-card::after {\n  content: '';\n  position: absolute;\n  bottom: -30%;\n  left: -5%;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(77, 139, 255, 0.08), transparent 60%);\n  pointer-events: none;\n}\n\n.why-icon-block {\n  position: relative;\n  z-index: 2;\n  width: 96px;\n  height: 96px;\n  border-radius: 20px;\n  background: linear-gradient(135deg, rgba(255, 138, 61, 0.2), rgba(255, 138, 61, 0.05));\n  border: 1px solid rgba(255, 138, 61, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 20px 40px -20px rgba(255, 138, 61, 0.4);\n}\n\n.why-icon-block::before {\n  content: '';\n  position: absolute;\n  inset: -2px;\n  border-radius: 20px;\n  background: linear-gradient(135deg, rgba(255, 138, 61, 0.5), transparent);\n  z-index: -1;\n  filter: blur(8px);\n  opacity: 0.6;\n}\n\n.why-content { position: relative; z-index: 2; }\n\n.why-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  color: var(--accent-orange);\n  margin-bottom: 16px;\n  text-transform: uppercase;\n}\n\n.why-eyebrow::before {\n  content: '';\n  width: 24px;\n  height: 1px;\n  background: var(--accent-orange);\n}\n\n.why-title {\n  font-size: clamp(28px, 2.8vw, 40px);\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -0.03em;\n  margin-bottom: 20px;\n  color: #fff;\n}\n\n.why-title .highlight {\n  color: var(--accent-orange);\n  font-style: italic;\n}\n\n.why-text {\n  font-size: 15.5px;\n  line-height: 1.7;\n  color: var(--text-secondary);\n  max-width: 820px;\n}\n\n.why-text strong {\n  color: #fff;\n  font-weight: 600;\n}\n\n.why-highlights {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 32px;\n}\n\n.why-highlight {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 18px;\n  background: rgba(8, 12, 22, 0.5);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  transition: all 0.3s;\n}\n\n.why-highlight:hover {\n  border-color: rgba(255, 138, 61, 0.35);\n  transform: translateY(-2px);\n}\n\n.why-highlight-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: rgba(255, 138, 61, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border: 1px solid rgba(255, 138, 61, 0.2);\n}\n\n.why-highlight-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.why-highlight-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n}\n\n.why-highlight-sub {\n  font-size: 11.5px;\n  color: var(--text-dim);\n  font-family: 'JetBrains Mono', monospace;\n  letter-spacing: 0.03em;\n}\n\n\/* === TRUSTED BAR === *\/\n.trusted-bar {\n  position: relative;\n  z-index: 10;\n  max-width: 1500px;\n  margin: 0 auto;\n  padding: 30px 48px 60px;\n  border-top: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 40px;\n}\n\n.trusted-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  color: var(--text-dim);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.trusted-logos {\n  display: flex;\n  gap: 48px;\n  align-items: center;\n  flex: 1;\n  justify-content: space-around;\n}\n\n.brand-logo {\n  color: rgba(200,212,240,0.4);\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  transition: color 0.2s;\n  cursor: pointer;\n  font-style: italic;\n}\n\n.brand-logo:hover { color: rgba(200,212,240,0.9); }\n\n.brand-more {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 11px;\n  color: var(--text-dim);\n  letter-spacing: 0.05em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 1024px) {\n  .hero { grid-template-columns: 1fr; padding: 20px 32px; gap: 20px; }\n  .map-panel { aspect-ratio: 1.4 \/ 1; max-width: 720px; margin: 0 auto; }\n  .metrics-row { grid-template-columns: repeat(2, 1fr); }\n  .metrics-row .metric-card:nth-child(5) { grid-column: span 2; }\n  .why-card { grid-template-columns: 1fr; padding: 40px 32px; gap: 24px; }\n  .why-highlights { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 640px) {\n  .hero { padding: 20px; }\n  .hero-title { font-size: 32px; }\n  .hero-subtitle { font-size: 15px; }\n  .metrics-row { padding: 0 20px 40px; grid-template-columns: 1fr; gap: 12px; }\n  .metrics-row .metric-card:nth-child(5) { grid-column: span 1; }\n  .trusted-bar { flex-direction: column; padding: 24px 20px 40px; gap: 20px; }\n  .trusted-logos { gap: 20px; flex-wrap: wrap; justify-content: center; }\n  .cta-row { flex-direction: column; align-items: stretch; }\n  .btn-primary, .btn-secondary { justify-content: center; }\n  .live-counter { width: 100%; }\n  .why-eskisehir { padding: 20px; }\n  .why-card { padding: 28px 20px; border-radius: 18px; }\n  .why-icon-block { width: 72px; height: 72px; }\n  .why-title { font-size: 24px; }\n  .why-text { font-size: 14.5px; }\n}\n\n@media (max-width: 380px) {\n  .hero-title { font-size: 28px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero-wrapper\">\n  <div class=\"stars\"><\/div>\n  <div class=\"grid-overlay\"><\/div>\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-content\">\n      <div class=\"eyebrow\">T\u00dcRK\u0130YE FULFILLMENT A\u011eI<\/div>\n\n      <h1 class=\"hero-title\">\n        Sipari\u015fleriniz tek merkezden <span class=\"gradient\">T\u00fcrkiye&#8217;ye<\/span> ak\u0131yor.\n      <\/h1>\n\n      <p class=\"hero-subtitle\">\n        Ger\u00e7ek zamanl\u0131 stok, ayn\u0131 g\u00fcn \u00e7\u0131k\u0131\u015f, tam operasyonel g\u00f6r\u00fcn\u00fcrl\u00fck. Eski\u015fehir merkezli a\u011f\u0131m\u0131zla her \u015fehre saatler i\u00e7inde.\n      <\/p>\n\n      <div class=\"live-counter\">\n        <div class=\"counter-icon\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"2\">\n            <path d=\"M16.5 9.4l-9-5.19M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/>\n            <path d=\"M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"counter-text\">\n          <span class=\"counter-label\">\u015eU AN \u0130\u015eLENEN S\u0130PAR\u0130\u015e<\/span>\n          <div class=\"counter-value\">\n            <span class=\"counter-number\" id=\"liveCounter\">842<\/span>\n            <span class=\"counter-delta\" id=\"counterDelta\">\u2191 +12<\/span>\n          <\/div>\n        <\/div>\n        <svg class=\"counter-spark\" viewBox=\"0 0 80 30\" preserveAspectRatio=\"none\">\n          <defs>\n            <linearGradient id=\"sparkGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#4d8bff\" stop-opacity=\"0.4\"\/>\n              <stop offset=\"100%\" stop-color=\"#5ecfff\"\/>\n            <\/linearGradient>\n          <\/defs>\n          <polyline points=\"0,22 10,18 20,20 30,14 40,16 50,10 60,12 70,6 80,8\"\n                    fill=\"none\" stroke=\"url(#sparkGrad)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cta-row\">\n        <a href=\"https:\/\/e-max.co\/teklif-al\/\" class=\"btn-primary\">\n          B\u00fcy\u00fcmeye Ba\u015fla\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/e-max.co\/hizmetler\/\" class=\"btn-secondary\">\n          <span class=\"play-icon\">\n            <svg width=\"8\" height=\"8\" viewBox=\"0 0 12 12\" fill=\"#fff\"><path d=\"M3 2l7 4-7 4z\"\/><\/svg>\n          <\/span>\n          Nas\u0131l \u00c7al\u0131\u015f\u0131r\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- MAP -->\n    <div class=\"map-panel\" id=\"mapPanel\">\n      <div class=\"turkey-map\">\n        <svg viewBox=\"0 0 900 520\" id=\"turkeyMap\">\n          <defs>\n            <linearGradient id=\"flowBlue\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#4d8bff\" stop-opacity=\"0.2\"\/>\n              <stop offset=\"50%\" stop-color=\"#5ecfff\" stop-opacity=\"1\"\/>\n              <stop offset=\"100%\" stop-color=\"#4d8bff\" stop-opacity=\"0.2\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"flowOrange\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#ff8a3d\" stop-opacity=\"0.3\"\/>\n              <stop offset=\"50%\" stop-color=\"#ffab5c\" stop-opacity=\"1\"\/>\n              <stop offset=\"100%\" stop-color=\"#ff8a3d\" stop-opacity=\"0.3\"\/>\n            <\/linearGradient>\n\n            <filter id=\"glowBlue\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n              <feGaussianBlur stdDeviation=\"3\" result=\"blur\"\/>\n              <feMerge>\n                <feMergeNode in=\"blur\"\/>\n                <feMergeNode in=\"SourceGraphic\"\/>\n              <\/feMerge>\n            <\/filter>\n            <filter id=\"glowOrange\" x=\"-100%\" y=\"-100%\" width=\"300%\" height=\"300%\">\n              <feGaussianBlur stdDeviation=\"5\" result=\"blur\"\/>\n              <feMerge>\n                <feMergeNode in=\"blur\"\/>\n                <feMergeNode in=\"SourceGraphic\"\/>\n              <\/feMerge>\n            <\/filter>\n            <filter id=\"glowSoft\" x=\"-100%\" y=\"-100%\" width=\"300%\" height=\"300%\">\n              <feGaussianBlur stdDeviation=\"2\" result=\"blur\"\/>\n              <feMerge>\n                <feMergeNode in=\"blur\"\/>\n                <feMergeNode in=\"SourceGraphic\"\/>\n              <\/feMerge>\n            <\/filter>\n\n            <radialGradient id=\"hubGlow\">\n              <stop offset=\"0%\" stop-color=\"#ffab5c\" stop-opacity=\"0.9\"\/>\n              <stop offset=\"40%\" stop-color=\"#ff8a3d\" stop-opacity=\"0.35\"\/>\n              <stop offset=\"100%\" stop-color=\"#ff8a3d\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n\n            <radialGradient id=\"cityGlow\">\n              <stop offset=\"0%\" stop-color=\"#5ecfff\" stop-opacity=\"0.7\"\/>\n              <stop offset=\"100%\" stop-color=\"#4d8bff\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n\n            <linearGradient id=\"mapFill\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#0f1628\" stop-opacity=\"0.95\"\/>\n              <stop offset=\"100%\" stop-color=\"#070a16\" stop-opacity=\"0.95\"\/>\n            <\/linearGradient>\n\n            <linearGradient id=\"ringGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#4d8bff\"\/>\n              <stop offset=\"100%\" stop-color=\"#5ecfff\"\/>\n            <\/linearGradient>\n          <\/defs>\n\n          <!-- T\u00fcrkiye HAR\u0130TASI - Ger\u00e7ek co\u011frafi koordinatlardan t\u00fcretilmi\u015f -->\n          <g id=\"turkeyOutline\">\n            <!-- Ana kara par\u00e7as\u0131: Trakya + Anadolu birle\u015fik, ger\u00e7ek s\u0131n\u0131rlar -->\n            <path d=\"M 99.2 160.0 L 118.9 167.7 L 158.4 186.8 L 217.6 190.7 L 276.8 167.7 L 316.3 160.0 L 355.8 156.2 L 403.2 160.0 L 454.5 186.8 L 505.8 198.3 L 572.9 194.5 L 632.1 179.2 L 651.8 183.0 L 730.8 190.7 L 782.1 248.2 L 758.4 317.2 L 750.5 340.2 L 683.4 347.8 L 632.1 347.8 L 592.6 351.7 L 533.4 355.5 L 474.2 359.3 L 458.4 382.3 L 442.6 390.0 L 415.0 367.0 L 375.5 370.8 L 336.1 378.5 L 296.6 378.5 L 237.4 382.3 L 197.9 374.7 L 158.4 363.2 L 118.9 363.2 L 91.3 351.7 L 99.2 313.3 L 67.6 298.0 L 51.8 286.5 L 59.7 255.8 L 47.9 229.0 L 43.9 209.8 L 59.7 186.8 L 79.5 163.8 L 99.2 160.0 Z\"\n                  fill=\"url(#mapFill)\"\n                  stroke=\"rgba(99, 138, 255, 0.45)\"\n                  stroke-width=\"1.3\"\n                  stroke-linejoin=\"round\"\/>\n\n            <!-- Grid pattern -->\n            <g opacity=\"0.14\" stroke=\"rgba(99, 138, 255, 0.7)\" stroke-width=\"0.4\" fill=\"none\">\n              <path d=\"M 100 180 L 100 380\"\/>\n              <path d=\"M 180 175 L 180 385\"\/>\n              <path d=\"M 260 175 L 260 385\"\/>\n              <path d=\"M 340 175 L 340 385\"\/>\n              <path d=\"M 420 175 L 420 380\"\/>\n              <path d=\"M 500 180 L 500 370\"\/>\n              <path d=\"M 580 185 L 580 360\"\/>\n              <path d=\"M 660 195 L 660 340\"\/>\n              <path d=\"M 40 210 L 780 210\"\/>\n              <path d=\"M 40 250 L 780 250\"\/>\n              <path d=\"M 40 290 L 780 290\"\/>\n              <path d=\"M 40 330 L 780 330\"\/>\n            <\/g>\n\n            <!-- Landmass texture dots -->\n            <g fill=\"rgba(99, 138, 255, 0.18)\">\n              <circle cx=\"150\" cy=\"245\" r=\"1\"\/>\n              <circle cx=\"200\" cy=\"270\" r=\"1\"\/>\n              <circle cx=\"250\" cy=\"280\" r=\"1\"\/>\n              <circle cx=\"300\" cy=\"265\" r=\"1\"\/>\n              <circle cx=\"360\" cy=\"270\" r=\"1\"\/>\n              <circle cx=\"420\" cy=\"260\" r=\"1\"\/>\n              <circle cx=\"480\" cy=\"275\" r=\"1\"\/>\n              <circle cx=\"540\" cy=\"265\" r=\"1\"\/>\n              <circle cx=\"600\" cy=\"255\" r=\"1\"\/>\n              <circle cx=\"660\" cy=\"265\" r=\"1\"\/>\n              <circle cx=\"180\" cy=\"300\" r=\"1\"\/>\n              <circle cx=\"250\" cy=\"320\" r=\"1\"\/>\n              <circle cx=\"320\" cy=\"300\" r=\"1\"\/>\n              <circle cx=\"380\" cy=\"310\" r=\"1\"\/>\n              <circle cx=\"460\" cy=\"300\" r=\"1\"\/>\n              <circle cx=\"520\" cy=\"325\" r=\"1\"\/>\n              <circle cx=\"580\" cy=\"305\" r=\"1\"\/>\n              <circle cx=\"640\" cy=\"290\" r=\"1\"\/>\n            <\/g>\n          <\/g>\n\n          <!-- FLOW LINES (Eski\u015fehir = ~340, 230 ana merkez) -->\n          <g id=\"flowLines\">\n            <!-- Eski\u015fehir \u2192 \u0130stanbul (~210, 200) -->\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 188 220, 157.6 198\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"2\" filter=\"url(#glowBlue)\"\/>\n            <!-- Eski\u015fehir \u2192 Ankara (~460, 235) -->\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 265 240, 310.4 239.4\"\n                  stroke=\"url(#flowOrange)\" stroke-width=\"2\" filter=\"url(#glowOrange)\"\/>\n            <!-- Eski\u015fehir \u2192 \u0130zmir (~165, 280) -->\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 150 270, 85 297.2\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"2\" filter=\"url(#glowBlue)\"\/>\n\n            <!-- Secondary flows to regional hubs -->\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 380 220, 540 200\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"1.2\" opacity=\"0.55\" filter=\"url(#glowBlue)\" style=\"animation-delay: 0.4s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 440 260, 680 240\"\n                  stroke=\"url(#flowOrange)\" stroke-width=\"1.2\" opacity=\"0.55\" filter=\"url(#glowOrange)\" style=\"animation-delay: 0.8s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 420 300, 600 320\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"1\" opacity=\"0.45\" filter=\"url(#glowBlue)\" style=\"animation-delay: 1.2s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 320 300, 400 350\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"1\" opacity=\"0.4\" filter=\"url(#glowBlue)\" style=\"animation-delay: 1.6s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 190 300, 220 355\"\n                  stroke=\"url(#flowBlue)\" stroke-width=\"1\" opacity=\"0.4\" filter=\"url(#glowBlue)\" style=\"animation-delay: 2s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 500 235, 720 220\"\n                  stroke=\"url(#flowOrange)\" stroke-width=\"1\" opacity=\"0.5\" filter=\"url(#glowOrange)\" style=\"animation-delay: 0.6s\"\/>\n            <path class=\"flow-line\" d=\"M 218.4 245.1 Q 470 280, 600 320\"\n                  stroke=\"url(#flowOrange)\" stroke-width=\"1\" opacity=\"0.4\" filter=\"url(#glowOrange)\" style=\"animation-delay: 1.4s\"\/>\n          <\/g>\n\n          <!-- 20+ \u015eEHIR I\u015eIKLARI (Eski\u015fehir hari\u00e7 yan\u0131p s\u00f6nen) -->\n          <g id=\"cityLights\">\n            <!-- Her \u015fehir: outer ring (blink) + inner dot (blink) + label -->\n            <!-- Farkl\u0131 animation-delay'ler ile organik hissiyat -->\n\n            <!-- Antalya -->\n            <g transform=\"translate(225.9, 355.5)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Antalya<\/text>\n            <\/g>\n            <!-- Bursa -->\n            <g transform=\"translate(160.8, 229.4)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.4s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.4s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Bursa<\/text>\n            <\/g>\n            <!-- Adana -->\n            <g transform=\"translate(407.9, 352.0)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.8s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.8s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Adana<\/text>\n            <\/g>\n            <!-- Gaziantep -->\n            <g transform=\"translate(489.2, 349.0)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.2s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.2s\"\/>\n              <text class=\"city-label small\" x=\"12\" y=\"4\" text-anchor=\"start\">Gaziantep<\/text>\n            <\/g>\n            <!-- Konya -->\n            <g transform=\"translate(296.2, 318.3)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.6s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.6s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Konya<\/text>\n            <\/g>\n            <!-- Kayseri -->\n            <g transform=\"translate(414.2, 285.4)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 2s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 2s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Kayseri<\/text>\n            <\/g>\n            <!-- Samsun -->\n            <g transform=\"translate(447.8, 187.2)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 2.4s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 2.4s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Samsun<\/text>\n            <\/g>\n            <!-- Trabzon -->\n            <g transform=\"translate(581.6, 198.3)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.2s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.2s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Trabzon<\/text>\n            <\/g>\n            <!-- Erzurum -->\n            <g transform=\"translate(642.8, 240.5)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.6s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.6s\"\/>\n              <text class=\"city-label small\" x=\"12\" y=\"4\" text-anchor=\"start\">Erzurum<\/text>\n            <\/g>\n            <!-- Diyarbak\u0131r -->\n            <g transform=\"translate(601.7, 316.8)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Diyarbak\u0131r<\/text>\n            <\/g>\n            <!-- Van -->\n            <g transform=\"translate(726.1, 294.5)\">\n              <circle class=\"city-blink-ring\" r=\"6\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.4s\"\/>\n              <circle class=\"city-blink\" r=\"2.5\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.4s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Van<\/text>\n            <\/g>\n            <!-- Malatya -->\n            <g transform=\"translate(526.3, 299.9)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.8s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.8s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Malatya<\/text>\n            <\/g>\n            <!-- Denizli -->\n            <g transform=\"translate(162.0, 321.8)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 2.2s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 2.2s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Denizli<\/text>\n            <\/g>\n            <!-- Edirne -->\n            <g transform=\"translate(62.1, 172.3)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.3s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.3s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Edirne<\/text>\n            <\/g>\n            <!-- Zonguldak -->\n            <g transform=\"translate(268.6, 181.1)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.7s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.7s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Zonguldak<\/text>\n            <\/g>\n            <!-- Sivas -->\n            <g transform=\"translate(475.0, 246.2)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.1s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.1s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Sivas<\/text>\n            <\/g>\n            <!-- Mersin -->\n            <g transform=\"translate(380.7, 358.9)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.5s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.5s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Mersin<\/text>\n            <\/g>\n            <!-- Hatay -->\n            <g transform=\"translate(441.4, 382.3)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.9s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.9s\"\/>\n              <text class=\"city-label small\" x=\"10\" y=\"4\" text-anchor=\"start\">Hatay<\/text>\n            <\/g>\n            <!-- \u015eanl\u0131urfa -->\n            <g transform=\"translate(544.9, 345.1)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 2.3s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 2.3s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">\u015e.Urfa<\/text>\n            <\/g>\n            <!-- Ordu -->\n            <g transform=\"translate(508.9, 199.1)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.5s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.5s\"\/>\n            <\/g>\n            <!-- \u00c7anakkale -->\n            <g transform=\"translate(56.2, 230.9)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 0.9s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 0.9s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">\u00c7anakkale<\/text>\n            <\/g>\n            <!-- Mu\u011fla -->\n            <g transform=\"translate(133.2, 343.6)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.3s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.3s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"14\" text-anchor=\"middle\">Mu\u011fla<\/text>\n            <\/g>\n            <!-- Kars -->\n            <g transform=\"translate(714.6, 213.7)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 1.7s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 1.7s\"\/>\n              <text class=\"city-label small\" x=\"0\" y=\"-8\" text-anchor=\"middle\">Kars<\/text>\n            <\/g>\n            <!-- Bal\u0131kesir -->\n            <g transform=\"translate(114.6, 250.1)\">\n              <circle class=\"city-blink-ring\" r=\"5\" fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1\" opacity=\"0\" style=\"animation-delay: 2.1s\"\/>\n              <circle class=\"city-blink\" r=\"2\" fill=\"#5ecfff\" filter=\"url(#glowSoft)\" style=\"animation-delay: 2.1s\"\/>\n            <\/g>\n          <\/g>\n\n          <!-- ANA NODE'LAR (t\u0131klanabilir, tooltip'li) -->\n\n          <!-- Eski\u015fehir - HUB - sabit parlak -->\n          <g class=\"city-node\" data-city=\"eskisehir\" transform=\"translate(218.4, 245.1)\">\n            <circle r=\"34\" fill=\"url(#hubGlow)\"\/>\n            <circle r=\"20\" fill=\"#ff8a3d\" opacity=\"0.18\"\/>\n            <circle r=\"12\" fill=\"#ff8a3d\" opacity=\"0.4\" class=\"node-pulse hub\"\/>\n            <circle r=\"7\" fill=\"#ffab5c\" filter=\"url(#glowOrange)\"\/>\n            <circle r=\"3.5\" fill=\"#ffffff\"\/>\n            <text class=\"city-label hub\" x=\"0\" y=\"-24\" text-anchor=\"middle\">ESK\u0130\u015eEH\u0130R<\/text>\n            <text x=\"0\" y=\"-38\" text-anchor=\"middle\" fill=\"#ff8a3d\"\n                  style=\"font-family:'JetBrains Mono'; font-size:9px; letter-spacing:0.2em;\">\u2b25 ANA MERKEZ \u2b25<\/text>\n          <\/g>\n\n          <!-- \u0130stanbul -->\n          <g class=\"city-node\" data-city=\"istanbul\" transform=\"translate(157.6, 198.0)\">\n            <circle r=\"18\" fill=\"url(#cityGlow)\"\/>\n            <circle r=\"9\" fill=\"#4d8bff\" opacity=\"0.25\" class=\"node-pulse\"\/>\n            <circle r=\"4.5\" fill=\"#5ecfff\" filter=\"url(#glowBlue)\"\/>\n            <circle r=\"2.2\" fill=\"#ffffff\"\/>\n            <text class=\"city-label\" x=\"0\" y=\"-18\" text-anchor=\"middle\">\u0130stanbul<\/text>\n          <\/g>\n\n          <!-- Ankara -->\n          <g class=\"city-node\" data-city=\"ankara\" transform=\"translate(310.4, 239.4)\">\n            <circle r=\"18\" fill=\"url(#cityGlow)\"\/>\n            <circle r=\"9\" fill=\"#4d8bff\" opacity=\"0.25\" class=\"node-pulse\"\/>\n            <circle r=\"4.5\" fill=\"#5ecfff\" filter=\"url(#glowBlue)\"\/>\n            <circle r=\"2.2\" fill=\"#ffffff\"\/>\n            <text class=\"city-label\" x=\"0\" y=\"-18\" text-anchor=\"middle\">Ankara<\/text>\n          <\/g>\n\n          <!-- \u0130zmir -->\n          <g class=\"city-node\" data-city=\"izmir\" transform=\"translate(85.0, 297.2)\">\n            <circle r=\"18\" fill=\"url(#cityGlow)\"\/>\n            <circle r=\"9\" fill=\"#4d8bff\" opacity=\"0.25\" class=\"node-pulse\"\/>\n            <circle r=\"4.5\" fill=\"#5ecfff\" filter=\"url(#glowBlue)\"\/>\n            <circle r=\"2.2\" fill=\"#ffffff\"\/>\n            <text class=\"city-label\" x=\"0\" y=\"20\" text-anchor=\"middle\">\u0130zmir<\/text>\n          <\/g>\n        <\/svg>\n\n        <!-- Tooltip -->\n        <div class=\"stat-chip\" id=\"statChip\">\n          <div class=\"chip-header\">\n            <span class=\"chip-city\" id=\"chipCity\">Ankara<\/span>\n            <span class=\"chip-badge\" id=\"chipBadge\">AKT\u0130F<\/span>\n          <\/div>\n          <div class=\"chip-row\">\n            <span class=\"chip-label\">G\u00fcnl\u00fck G\u00f6nderim<\/span>\n            <span class=\"chip-value\" id=\"chipShipments\">1.240 sipari\u015f<\/span>\n          <\/div>\n          <div class=\"chip-row\">\n            <span class=\"chip-label\">Ort. \u00c7\u0131k\u0131\u015f S\u00fcresi<\/span>\n            <span class=\"chip-value accent\" id=\"chipDispatch\">4 saat<\/span>\n          <\/div>\n          <div class=\"chip-row\">\n            <span class=\"chip-label\">Hata Oran\u0131<\/span>\n            <span class=\"chip-value good\" id=\"chipError\">%0.3<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- NEDEN ESK\u0130\u015eEH\u0130R -->\n  <section class=\"why-eskisehir\">\n    <div class=\"why-card\">\n      <div class=\"why-icon-block\">\n        <svg width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a3d\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M12 2C8 2 5 5 5 9c0 5 7 13 7 13s7-8 7-13c0-4-3-7-7-7z\"\/>\n          <circle cx=\"12\" cy=\"9\" r=\"2.5\" fill=\"#ff8a3d\" fill-opacity=\"0.2\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"why-content\">\n        <div class=\"why-eyebrow\">STRATEJ\u0130K KONUM<\/div>\n        <h2 class=\"why-title\">\n          Neden <span class=\"highlight\">Eski\u015fehir&#8217;deyiz?<\/span>\n        <\/h2>\n        <p class=\"why-text\">\n          \u00c7\u00fcnk\u00fc operasyonu kaostan \u00e7\u0131kar\u0131p kontrol alt\u0131na almak i\u00e7in. Kaos yerine, <strong>maliyetlerin daha d\u00fc\u015f\u00fck, s\u00fcre\u00e7lerin daha net<\/strong> oldu\u011fu bir merkezde \u00e7al\u0131\u015f\u0131yoruz. Bu sayede daha h\u0131zl\u0131, daha hatas\u0131z ve s\u00fcrd\u00fcr\u00fclebilir bir operasyon sunuyoruz. \u00dcretiminiz ya da tedarikiniz nerede olursa olsun, stoklar\u0131n\u0131z\u0131 <strong>Eski\u015fehir&#8217;deki merkezimize<\/strong> sorunsuz \u015fekilde \u00e7ekiyor ve <strong>T\u00fcrkiye geneline ayn\u0131 standartta<\/strong> da\u011f\u0131t\u0131yoruz.\n        <\/p>\n\n        <div class=\"why-highlights\">\n          <div class=\"why-highlight\">\n            <div class=\"why-highlight-icon\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a3d\" stroke-width=\"2\">\n                <path d=\"M12 2v20M2 12h20\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"why-highlight-text\">\n              <span class=\"why-highlight-title\">T\u00fcrkiye&#8217;nin Kalbi<\/span>\n              <span class=\"why-highlight-sub\">Her y\u00f6ne e\u015fit mesafe<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"why-highlight\">\n            <div class=\"why-highlight-icon\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a3d\" stroke-width=\"2\">\n                <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"why-highlight-text\">\n              <span class=\"why-highlight-title\">D\u00fc\u015f\u00fck Maliyet<\/span>\n              <span class=\"why-highlight-sub\">Maliyet avantaj\u0131<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"why-highlight\">\n            <div class=\"why-highlight-icon\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a3d\" stroke-width=\"2\">\n                <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/>\n                <path d=\"M22 4L12 14.01l-3-3\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"why-highlight-text\">\n              <span class=\"why-highlight-title\">Net S\u00fcre\u00e7ler<\/span>\n              <span class=\"why-highlight-sub\">U\u00e7tan uca kontrol<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- METRIC CARDS -->\n  <section class=\"metrics-row\">\n    <div class=\"metric-card\">\n      <div class=\"metric-label\">Zaman\u0131nda G\u00f6nderim<\/div>\n      <div class=\"metric-value with-ring\">\n        <svg class=\"progress-ring\" viewBox=\"0 0 48 48\">\n          <circle class=\"ring-bg\" cx=\"24\" cy=\"24\" r=\"20\"\/>\n          <circle class=\"ring-fill\" cx=\"24\" cy=\"24\" r=\"20\"\n                  stroke-dasharray=\"125.6\" stroke-dashoffset=\"6.6\"\/>\n        <\/svg>\n        <span>%94.7<\/span>\n      <\/div>\n      <svg class=\"metric-spark\" viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\">\n        <polyline points=\"0,22 12,20 24,16 36,18 48,12 60,14 72,10 84,8 100,6\"\n                  fill=\"none\" stroke=\"#4d8bff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n      <\/svg>\n      <div class=\"metric-delta\"><span class=\"delta-up\">\u2191 %2.4<\/span> d\u00fcne g\u00f6re<\/div>\n    <\/div>\n\n    <div class=\"metric-card\">\n      <div class=\"metric-label\">Ortalama \u00c7\u0131k\u0131\u015f S\u00fcresi<\/div>\n      <div class=\"metric-value\">4.2<span style=\"font-size:18px;color:var(--text-dim);margin-left:2px\">sa<\/span><\/div>\n      <svg class=\"metric-spark\" viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\">\n        <polyline points=\"0,8 12,14 24,12 36,18 48,16 60,22 72,20 84,24 100,26\"\n                  fill=\"none\" stroke=\"#5ecfff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n      <\/svg>\n      <div class=\"metric-delta\"><span class=\"delta-good-down\">\u2193 0.3sa<\/span> d\u00fcne g\u00f6re<\/div>\n    <\/div>\n\n    <div class=\"metric-card\">\n      <div class=\"metric-label\">G\u00fcnl\u00fck Sipari\u015f<\/div>\n      <div class=\"metric-value\">18,642<\/div>\n      <svg class=\"metric-spark\" viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\">\n        <g fill=\"#4d8bff\">\n          <rect x=\"2\" y=\"20\" width=\"5\" height=\"10\"\/>\n          <rect x=\"10\" y=\"16\" width=\"5\" height=\"14\"\/>\n          <rect x=\"18\" y=\"18\" width=\"5\" height=\"12\"\/>\n          <rect x=\"26\" y=\"12\" width=\"5\" height=\"18\"\/>\n          <rect x=\"34\" y=\"14\" width=\"5\" height=\"16\"\/>\n          <rect x=\"42\" y=\"8\" width=\"5\" height=\"22\"\/>\n          <rect x=\"50\" y=\"10\" width=\"5\" height=\"20\"\/>\n          <rect x=\"58\" y=\"6\" width=\"5\" height=\"24\"\/>\n          <rect x=\"66\" y=\"12\" width=\"5\" height=\"18\"\/>\n          <rect x=\"74\" y=\"8\" width=\"5\" height=\"22\"\/>\n          <rect x=\"82\" y=\"4\" width=\"5\" height=\"26\"\/>\n          <rect x=\"90\" y=\"6\" width=\"5\" height=\"24\"\/>\n        <\/g>\n      <\/svg>\n      <div class=\"metric-delta\"><span class=\"delta-up\">\u2191 %8.7<\/span> d\u00fcne g\u00f6re<\/div>\n    <\/div>\n\n    <div class=\"metric-card\">\n      <div class=\"metric-label\">Hata Oran\u0131<\/div>\n      <div class=\"metric-value\">%0.28<\/div>\n      <svg class=\"metric-spark\" viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\">\n        <polyline points=\"0,12 12,10 24,14 36,8 48,12 60,6 72,10 84,4 100,8\"\n                  fill=\"none\" stroke=\"#ff8a3d\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n      <\/svg>\n      <div class=\"metric-delta\"><span class=\"delta-good-down\">\u2193 %0.07<\/span> d\u00fcne g\u00f6re<\/div>\n    <\/div>\n\n    <div class=\"metric-card\">\n      <div class=\"metric-label\">\u015eu Anki Ak\u0131\u015f<\/div>\n      <div class=\"orders-live\">\n        <svg class=\"flow-viz\" viewBox=\"0 0 160 50\" preserveAspectRatio=\"none\">\n          <defs>\n            <linearGradient id=\"flowVizGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#4d8bff\" stop-opacity=\"0\"\/>\n              <stop offset=\"50%\" stop-color=\"#5ecfff\" stop-opacity=\"1\"\/>\n              <stop offset=\"100%\" stop-color=\"#ff8a3d\" stop-opacity=\"0.8\"\/>\n            <\/linearGradient>\n          <\/defs>\n          <g stroke=\"url(#flowVizGrad)\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\">\n            <line x1=\"0\" y1=\"10\" x2=\"160\" y2=\"10\" stroke-dasharray=\"3 6\">\n              <animate attributeName=\"stroke-dashoffset\" values=\"0;-9\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n            <line x1=\"0\" y1=\"18\" x2=\"160\" y2=\"18\" stroke-dasharray=\"4 8\" opacity=\"0.7\">\n              <animate attributeName=\"stroke-dashoffset\" values=\"0;-12\" dur=\"1s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n            <line x1=\"0\" y1=\"26\" x2=\"160\" y2=\"26\" stroke-dasharray=\"2 5\" opacity=\"0.5\">\n              <animate attributeName=\"stroke-dashoffset\" values=\"0;-7\" dur=\"0.6s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n            <line x1=\"0\" y1=\"34\" x2=\"160\" y2=\"34\" stroke-dasharray=\"5 10\" opacity=\"0.8\">\n              <animate attributeName=\"stroke-dashoffset\" values=\"0;-15\" dur=\"1.2s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n            <line x1=\"0\" y1=\"42\" x2=\"160\" y2=\"42\" stroke-dasharray=\"3 7\" opacity=\"0.4\">\n              <animate attributeName=\"stroke-dashoffset\" values=\"0;-10\" dur=\"0.9s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n          <\/g>\n        <\/svg>\n        <div class=\"orders-number-block\">\n          <div class=\"orders-big\" id=\"flowCounter\">842<\/div>\n          <div class=\"orders-unit\">S\u0130PAR\u0130\u015e\/DK<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"display:flex;align-items:center;gap:6px;margin-top:8px\">\n        <span class=\"live-dot-mini\"><\/span>\n        <span class=\"live-text\">CANLI<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TRUSTED BY -->\n  <section class=\"trusted-bar\">\n    <div class=\"trusted-label\">S\u0130STEMLER E-MAX&#8217;A G\u00dcVEN\u0130YOR<\/div>\n    <div class=\"trusted-logos\">\n      <span class=\"brand-logo\">trendyol<\/span>\n      <span class=\"brand-logo\">hepsiburada<\/span>\n      <span class=\"brand-logo\">n11<\/span>\n      <span class=\"brand-logo\">getir<\/span>\n      <span class=\"brand-logo\">\u00c7i\u00e7ekSepeti<\/span>\n      <span class=\"brand-logo\">pazarama<\/span>\n      <span class=\"brand-more\">ve 150+ marka<\/span>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n\/\/ === LIVE COUNTER ===\n(function() {\n  const counterEl = document.getElementById('liveCounter');\n  const deltaEl = document.getElementById('counterDelta');\n  const flowEl = document.getElementById('flowCounter');\n  let current = 842;\n  setInterval(() => {\n    const change = Math.floor(Math.random() * 7) + 1;\n    const direction = Math.random() > 0.3 ? 1 : -1;\n    current += change * direction;\n    if (current < 820) current = 820 + Math.floor(Math.random() * 20);\n    if (current > 890) current = 880 - Math.floor(Math.random() * 20);\n    counterEl.textContent = current.toLocaleString('tr-TR');\n    flowEl.textContent = current.toLocaleString('tr-TR');\n    const delta = (direction > 0 ? '\u2191 +' : '\u2193 -') + change;\n    deltaEl.textContent = delta;\n    deltaEl.style.color = direction > 0 ? '#22dd88' : '#ff6b7a';\n  }, 2400);\n})();\n\n\/\/ === CITY TOOLTIP ===\n(function() {\n  const chip = document.getElementById('statChip');\n  const cityData = {\n    eskisehir: { name: 'Eski\u015fehir', badge: 'ANA MERKEZ', shipments: '8.420 sipari\u015f', dispatch: '2 saat', error: '%0.12' },\n    istanbul: { name: '\u0130stanbul', badge: 'AKT\u0130F', shipments: '4.680 sipari\u015f', dispatch: '3 saat', error: '%0.28' },\n    ankara: { name: 'Ankara', badge: 'AKT\u0130F', shipments: '1.240 sipari\u015f', dispatch: '4 saat', error: '%0.30' },\n    izmir: { name: '\u0130zmir', badge: 'AKT\u0130F', shipments: '2.150 sipari\u015f', dispatch: '3.5 saat', error: '%0.25' }\n  };\n\n  const mapPanel = document.getElementById('mapPanel');\n  const nodes = document.querySelectorAll('.city-node');\n\n  function showChip(node) {\n    const city = node.dataset.city;\n    const data = cityData[city];\n    if (!data) return;\n    document.getElementById('chipCity').textContent = data.name;\n    document.getElementById('chipBadge').textContent = data.badge;\n    document.getElementById('chipShipments').textContent = data.shipments;\n    document.getElementById('chipDispatch').textContent = data.dispatch;\n    document.getElementById('chipError').textContent = data.error;\n    const rect = node.getBoundingClientRect();\n    const panelRect = mapPanel.getBoundingClientRect();\n    chip.style.left = (rect.left + rect.width \/ 2 - panelRect.left) + 'px';\n    chip.style.top = (rect.top - panelRect.top) + 'px';\n    chip.classList.add('visible');\n  }\n\n  nodes.forEach(node => {\n    node.addEventListener('mouseenter', () => showChip(node));\n    node.addEventListener('mouseleave', () => chip.classList.remove('visible'));\n    node.addEventListener('click', (e) => { e.stopPropagation(); showChip(node); });\n  });\n\n  document.addEventListener('click', (e) => {\n    if (!e.target.closest('.city-node') && !e.target.closest('.stat-chip')) {\n      chip.classList.remove('visible');\n    }\n  });\n})();\n\n\/\/ === PARALLAX (desktop only) ===\n(function() {\n  if (window.matchMedia('(hover: hover)').matches) {\n    const map = document.getElementById('turkeyMap');\n    if (!map) return;\n    document.addEventListener('mousemove', (e) => {\n      const x = (e.clientX \/ window.innerWidth - 0.5) * 8;\n      const y = (e.clientY \/ window.innerHeight - 0.5) * 8;\n      map.style.transform = `translate(${x}px, ${y}px)`;\n      map.style.transition = 'transform 0.6s cubic-bezier(0.2, 0, 0.2, 1)';\n    });\n  }\n})();\n<\/script>\n<\/body>\n<\/html>\n\n<!-- Calendly inline widget begin -->\n<div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/emaxturkiye\/30min\" style=\"min-width:320px;height:700px;\"><\/div>\n<script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async><\/script>\n<!-- Calendly inline widget end -->\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>E-MAX \u2014 Turkey Fulfillment Network TURKEY FULFILLMENT NETWORK Your orders flow to T\u00fcrkiye from a single center. Real-time stock, same-day dispatch, full operational visibility. With our Eski\u015fehir-based network, we deliver to every city within hours. CURRENTLY PROCESSING ORDERS 842 \u2191 +12 Start Growing How it Works Antalya Bursa Adana Gaziantep Konya Kayseri Samsun Trabzon Erzurum Diyarbak\u0131r Van Malatya Denizli Edirne Zonguldak\u2026&nbsp;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1800","page","type-page","status-publish","hentry"],"mb":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>E-MAX - E-MAX<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/e-max.co\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-MAX - E-MAX\" \/>\n<meta property=\"og:description\" content=\"E-MAX \u2014 T\u00fcrkiye Fulfillment A\u011f\u0131 T\u00dcRK\u0130YE FULFILLMENT A\u011eI Sipari\u015fleriniz tek merkezden T\u00fcrkiye&#8217;ye ak\u0131yor. Ger\u00e7ek zamanl\u0131 stok, ayn\u0131 g\u00fcn \u00e7\u0131k\u0131\u015f, tam operasyonel g\u00f6r\u00fcn\u00fcrl\u00fck. Eski\u015fehir merkezli a\u011f\u0131m\u0131zla her \u015fehre saatler i\u00e7inde. \u015eU AN \u0130\u015eLENEN S\u0130PAR\u0130\u015e 842 \u2191 +12 B\u00fcy\u00fcmeye Ba\u015fla Nas\u0131l \u00c7al\u0131\u015f\u0131r Antalya Bursa Adana Gaziantep Konya Kayseri Samsun Trabzon Erzurum Diyarbak\u0131r Van Malatya Denizli Edirne Zonguldak&hellip;&nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/e-max.co\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"E-MAX\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.instagram.com\/emax_co\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T10:11:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/e-max.co\\\/\",\"url\":\"https:\\\/\\\/e-max.co\\\/\",\"name\":\"E-MAX - E-MAX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/e-max.co\\\/#website\"},\"datePublished\":\"2026-04-24T14:24:27+00:00\",\"dateModified\":\"2026-05-20T10:11:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/e-max.co\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/e-max.co\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/e-max.co\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/e-max.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E-MAX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/e-max.co\\\/#website\",\"url\":\"https:\\\/\\\/e-max.co\\\/\",\"name\":\"E-MAX\",\"description\":\"E-Ticaret \u00dcss\u00fc\",\"publisher\":{\"@id\":\"https:\\\/\\\/e-max.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/e-max.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/e-max.co\\\/#organization\",\"name\":\"E-MAX Fulfillment\",\"alternateName\":\"EMAX\",\"url\":\"https:\\\/\\\/e-max.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/e-max.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/e-max.co\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Ekran-goruntusu-2026-01-28-125343.png\",\"contentUrl\":\"https:\\\/\\\/e-max.co\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Ekran-goruntusu-2026-01-28-125343.png\",\"width\":741,\"height\":521,\"caption\":\"E-MAX Fulfillment\"},\"image\":{\"@id\":\"https:\\\/\\\/e-max.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/emax_co\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-MAX - E-MAX","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/e-max.co\/en\/","og_locale":"en_GB","og_type":"article","og_title":"E-MAX - E-MAX","og_description":"E-MAX \u2014 T\u00fcrkiye Fulfillment A\u011f\u0131 T\u00dcRK\u0130YE FULFILLMENT A\u011eI Sipari\u015fleriniz tek merkezden T\u00fcrkiye&#8217;ye ak\u0131yor. Ger\u00e7ek zamanl\u0131 stok, ayn\u0131 g\u00fcn \u00e7\u0131k\u0131\u015f, tam operasyonel g\u00f6r\u00fcn\u00fcrl\u00fck. Eski\u015fehir merkezli a\u011f\u0131m\u0131zla her \u015fehre saatler i\u00e7inde. \u015eU AN \u0130\u015eLENEN S\u0130PAR\u0130\u015e 842 \u2191 +12 B\u00fcy\u00fcmeye Ba\u015fla Nas\u0131l \u00c7al\u0131\u015f\u0131r Antalya Bursa Adana Gaziantep Konya Kayseri Samsun Trabzon Erzurum Diyarbak\u0131r Van Malatya Denizli Edirne Zonguldak&hellip;&nbsp;","og_url":"https:\/\/e-max.co\/en\/","og_site_name":"E-MAX","article_publisher":"https:\/\/www.instagram.com\/emax_co","article_modified_time":"2026-05-20T10:11:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/e-max.co\/","url":"https:\/\/e-max.co\/","name":"E-MAX - E-MAX","isPartOf":{"@id":"https:\/\/e-max.co\/#website"},"datePublished":"2026-04-24T14:24:27+00:00","dateModified":"2026-05-20T10:11:47+00:00","breadcrumb":{"@id":"https:\/\/e-max.co\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/e-max.co\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/e-max.co\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/e-max.co\/"},{"@type":"ListItem","position":2,"name":"E-MAX"}]},{"@type":"WebSite","@id":"https:\/\/e-max.co\/#website","url":"https:\/\/e-max.co\/","name":"\u3164","description":"E-Commerce Hub","publisher":{"@id":"https:\/\/e-max.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/e-max.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/e-max.co\/#organization","name":"E-MAX Fulfillment","alternateName":"EMAX","url":"https:\/\/e-max.co\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/e-max.co\/#\/schema\/logo\/image\/","url":"https:\/\/e-max.co\/wp-content\/uploads\/2026\/02\/Ekran-goruntusu-2026-01-28-125343.png","contentUrl":"https:\/\/e-max.co\/wp-content\/uploads\/2026\/02\/Ekran-goruntusu-2026-01-28-125343.png","width":741,"height":521,"caption":"E-MAX Fulfillment"},"image":{"@id":"https:\/\/e-max.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/emax_co"]}]}},"mfb_rest_fields":["title","yoast_head","yoast_head_json","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/pages\/1800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/comments?post=1800"}],"version-history":[{"count":9,"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/pages\/1800\/revisions"}],"predecessor-version":[{"id":1912,"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/pages\/1800\/revisions\/1912"}],"wp:attachment":[{"href":"https:\/\/e-max.co\/en\/wp-json\/wp\/v2\/media?parent=1800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}