{"id":228,"date":"2025-04-03T12:50:50","date_gmt":"2025-04-03T12:50:50","guid":{"rendered":"https:\/\/trendroute.ai\/?page_id=228"},"modified":"2026-08-07T11:36:05","modified_gmt":"2026-08-07T11:36:05","slug":"services-route-eta-calculator","status":"publish","type":"page","link":"https:\/\/trendroute.ai\/en\/services-route-eta-calculator\/","title":{"rendered":"Route Eta calculator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"228\" class=\"elementor elementor-228\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3da3156 e-con-full e-flex e-con e-parent\" data-id=\"3da3156\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25614f0 elementor-widget elementor-widget-html\" data-id=\"25614f0\" 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<!-- ===== TrendRoute | ETA Calculation API (Light \u2022 Full-Width \u2022 Animated) ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"tr-eta-hero\" dir=\"ltr\" aria-label=\"ETA Calculation API\">e\r\n  <div class=\"eta-wrap\">\r\n    <div class=\"eta-grid\">\r\n      <!-- LEFT: Copy (text unchanged) -->\r\n      <div class=\"eta-copy reveal\">\r\n        <h1 class=\"eta-title\">ETA Calculation API<\/h1>\r\n        <div class=\"eta-sub\">Accurate ETAs for Predefined Delivery Routes<\/div>\r\n        <div class=\"eta-underline\"><\/div>\r\n\r\n        <p class=\"eta-desc\">\r\n          TrendRoute\u2019s ETA Calculation API gives you highly precise Estimated Time of Arrival (ETA) predictions for a multi-stop route\r\n          without modifying the stop sequence.\r\n        <\/p>\r\n\r\n        <a class=\"eta-cta\" href=\"https:\/\/trendroute.ai\/en\/#form-demo\" aria-label=\"Request a demo\">\r\n          <span>Request A Demo<\/span>\r\n          <svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\">\r\n            <path d=\"M13 5l7 7-7 7M5 12h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <!-- tiny helper note dots (decorative) -->\r\n        <div class=\"eta-dots\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: Visual -->\r\n      <div class=\"eta-visual reveal\" aria-hidden=\"false\">\r\n        <span class=\"spot\"><\/span>\r\n        <figure class=\"eta-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg\"\r\n               alt=\"ETA calculation visualization for multi-stop delivery route\">\r\n          <span class=\"scanline\"><\/span>\r\n          <span class=\"glare\"><\/span>\r\n        <\/figure>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --bg1:#f7fbff;\r\n    --bg2:#eef6ff;\r\n    --grid:#e7eef8;\r\n    --primary:#0a78ff;\r\n    --accent:#00b8a9;\r\n    --text:#0e2245;\r\n    --muted:#475569;\r\n    --shadow: 0 10px 40px rgba(15,23,42,.10);\r\n  }\r\n\r\n  \/* ===== Full-bleed light background (no horizontal scroll) ===== *\/\r\n  #tr-eta-hero{\r\n    position: relative;\r\n    padding: clamp(40px,6vw,96px) 0;\r\n    font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    color: var(--text);\r\n    overflow: hidden;\r\n  }\r\n  #tr-eta-hero::before{\r\n    content:\"\";\r\n    position:absolute; left:50%; top:0; transform:translateX(-50%);\r\n    width:100vw; height:100%;\r\n    background:\r\n      radial-gradient(1200px 600px at 16% 20%, rgba(10,120,255,.10), transparent 60%),\r\n      radial-gradient(1100px 650px at 86% 50%, rgba(0,184,169,.12), transparent 65%),\r\n      \/* faint grid *\/\r\n      linear-gradient(transparent 23px, var(--grid) 24px, transparent 25px),\r\n      linear-gradient(90deg, transparent 23px, var(--grid) 24px, transparent 25px),\r\n      linear-gradient(180deg, var(--bg1), var(--bg2));\r\n    background-size: 100% 100%,100% 100%,100% 25px,25px 100%,cover;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .eta-wrap{ width:min(1280px,92vw); margin:0 auto; position:relative; z-index:1; }\r\n  .eta-grid{\r\n    display:grid; align-items:center;\r\n    grid-template-columns: 1.05fr 0.95fr; \/* \u0645\u062a\u0646 \u0686\u067e\u060c \u062a\u0635\u0648\u06cc\u0631 \u0631\u0627\u0633\u062a *\/\r\n    gap: clamp(24px,4vw,56px);\r\n  }\r\n\r\n  \/* ===== Copy ===== *\/\r\n  .eta-title{\r\n    margin:0 0 6px; line-height:1.0; letter-spacing:-.02em;\r\n    font-weight:800; font-size: clamp(40px, 6vw, 66px);\r\n    background: linear-gradient(90deg, #0e2245, #4f79ff 45%, #0e2245 90%);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    animation: titleShine 7s linear infinite;\r\n  }\r\n  @keyframes titleShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n\r\n  .eta-sub{\r\n    font-weight:600; color:#2a4875; opacity:.9;\r\n    font-size: clamp(14px,1.4vw,16px);\r\n  }\r\n\r\n  .eta-underline{\r\n    width: clamp(120px,22vw,280px); height: 6px; border-radius:999px;\r\n    background: linear-gradient(90deg, var(--primary), transparent);\r\n    box-shadow: 0 0 16px rgba(10,120,255,.35);\r\n    position:relative; overflow:hidden; margin: 10px 0 16px;\r\n  }\r\n  .eta-underline::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,.15), transparent);\r\n    transform:translateX(-100%); animation: sweep 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes sweep{50%{transform:translateX(100%)}}\r\n\r\n  .eta-desc{\r\n    color: var(--muted);\r\n    font-size: clamp(15px, 1.25vw, 18px);\r\n    line-height:1.75;\r\n    max-width: 60ch;\r\n    margin: 0 0 18px;\r\n  }\r\n\r\n  .eta-cta{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    height: 46px; padding: 0 18px;\r\n    border-radius: 12px; font-weight:700;\r\n    color:#001018; text-decoration:none;\r\n    background: linear-gradient(135deg,#8fd3ff,#45b9ff 60%,#2ce1cf);\r\n    box-shadow: 0 12px 30px rgba(0,0,0,.08), 0 6px 16px rgba(10,120,255,.22);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .eta-cta:hover{ transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.12), 0 10px 26px rgba(10,120,255,.28); }\r\n\r\n  .eta-dots{ position:relative; height:18px; margin-top:18px; }\r\n  .eta-dots::before, .eta-dots::after{\r\n    content:\"\"; position:absolute; left:0; right:0; height:2px; top:8px;\r\n    background: linear-gradient(90deg, rgba(10,120,255,.25), transparent);\r\n    animation: dash 3.5s linear infinite;\r\n  }\r\n  .eta-dots::after{ top:12px; opacity:.5; animation-duration: 5.2s; }\r\n  @keyframes dash{0%{transform:translateX(-20%)}100%{transform:translateX(40%)}}\r\n\r\n  \/* ===== Visual ===== *\/\r\n  .eta-visual{ position:relative; }\r\n  .spot{\r\n    position:absolute; right:-8%; top:4%;\r\n    width: 560px; height: 560px; border-radius:50%;\r\n    background: radial-gradient(closest-side, rgba(10,120,255,.16), rgba(10,120,255,0));\r\n    filter: blur(6px); pointer-events:none;\r\n  }\r\n  .eta-card{\r\n    position:relative; border-radius: 20px; overflow:hidden; margin: 0 auto 0 0;\r\n    max-width: 640px; background:#fff; border:1px solid rgba(15,23,42,.10);\r\n    box-shadow: var(--shadow);\r\n    animation: floatY 7s ease-in-out infinite;\r\n    transform-style: preserve-3d; transition: transform .25s ease;\r\n  }\r\n  .eta-card:hover{ transform: perspective(900px) rotateY(-4deg) rotateX(1deg); }\r\n  .eta-card img{ width:100%; height:auto; display:block; aspect-ratio: 16\/10; object-fit: cover; }\r\n  .scanline{\r\n    position:absolute; left:0; right:0; top:-120px; height:120px;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0));\r\n    animation: scan 5.2s linear infinite; pointer-events:none;\r\n  }\r\n  .glare{\r\n    position:absolute; inset:-40%; pointer-events:none; mix-blend-mode:screen;\r\n    background: radial-gradient(40% 20% at 60% -10%, rgba(10,120,255,.18), transparent 70%);\r\n  }\r\n  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n  @keyframes scan{0%{transform:translateY(0)}100%{transform:translateY(220%)}}\r\n\r\n  \/* Floating ETA badges *\/\r\n  .eta-badges{ position:absolute; inset:0; pointer-events:none; }\r\n  .badge{\r\n    position:absolute; display:inline-flex; align-items:center; justify-content:center;\r\n    font-weight:700; font-size:12px; color:#0e2245;\r\n    width:42px; height:42px; border-radius:999px; background:#e9f6ff;\r\n    border:1px solid rgba(10,120,255,.28);\r\n    box-shadow: 0 6px 16px rgba(15,23,42,.10);\r\n    animation: bob 6s ease-in-out infinite;\r\n  }\r\n  .badge::after{\r\n    content:\"\"; position:absolute; inset:-6px; border-radius:999px;\r\n    border:2px solid rgba(10,120,255,.25); animation: ping 2s ease-out infinite;\r\n  }\r\n  .b1{ right:12%; top:14%; animation-delay: .1s; }\r\n  .b2{ right:2%; top:48%;  animation-delay: .6s; }\r\n  .b3{ right:18%; bottom:10%; animation-delay: 1.2s; }\r\n  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n  @keyframes ping{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.6);opacity:0}}\r\n\r\n  \/* Reveal on view *\/\r\n  .reveal{ opacity:0; transform: translateY(18px) scale(.98); }\r\n  .reveal.in-view{ opacity:1; transform:none; transition: opacity .7s ease, transform .7s cubic-bezier(.2,.65,.2,1); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1100px){\r\n    .eta-grid{ grid-template-columns: 1fr; gap: clamp(18px,4vw,32px); }\r\n    .eta-visual{ order:-1; }\r\n    .spot{ right:-18%; width:480px; height:480px; }\r\n    .eta-card{ margin:0 auto; }\r\n  }\r\n  @media (max-width: 640px){\r\n    .eta-wrap{ width:min(100%,92vw); }\r\n    .eta-title{ font-size: clamp(28px, 8.5vw, 36px); }\r\n    .eta-desc{ font-size: 15px; }\r\n    .spot, .eta-dots{ display:none; } \/* \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n  }\r\n\r\n  \/* reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .eta-card, .scanline, .badge::after, .eta-underline::after, .eta-title { animation:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Reveal on view\r\n  (function(){\r\n    const obs = new IntersectionObserver((entries)=>{\r\n      entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); }});\r\n    }, {threshold: 0.18});\r\n    document.querySelectorAll('#tr-eta-hero .reveal').forEach(el=>obs.observe(el));\r\n  })();\r\n<\/script>\r\n<!-- ===== End | ETA Calculation API ===== -->\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-dbaee4a e-con-full e-flex e-con e-parent\" data-id=\"dbaee4a\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2405805 elementor-widget elementor-widget-html\" data-id=\"2405805\" 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<!-- ===== TrendRoute | How It Works (Light \u2022 Full-Width \u2022 Animated) ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"tr-how\" dir=\"ltr\" aria-label=\"How It Works\">\r\n  <div class=\"how-wrap\">\r\n    <div class=\"how-grid\">\r\n      <!-- LEFT: Visual -->\r\n      <div class=\"how-visual reveal\">\r\n        <!-- soft moving blobs -->\r\n        <span class=\"blob b1\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"blob b2\" aria-hidden=\"true\"><\/span>\r\n\r\n        <figure class=\"how-card\" aria-label=\"Route illustration\">\r\n          <div class=\"how-ill\" role=\"img\" aria-label=\"Delivery route illustration\"><\/div>\r\n          <!-- animated route path overlay -->\r\n          <svg class=\"route\" viewbox=\"0 0 600 420\" aria-hidden=\"true\" focusable=\"false\">\r\n            <path d=\"M40,360 C110,290 160,270 210,240 S300,210 350,180 420,130 500,110\"\r\n                  fill=\"none\" stroke=\"rgba(10,120,255,.55)\" stroke-width=\"4\"\r\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  stroke-dasharray=\"8 10\">\r\n            <\/path>\r\n          <\/svg>\r\n          <span class=\"scanline\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"glare\" aria-hidden=\"true\"><\/span>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: Copy (text unchanged) -->\r\n      <div class=\"how-copy reveal\">\r\n        <h2 class=\"how-title\">How It Works<\/h2>\r\n        <div class=\"how-underline\"><\/div>\r\n\r\n        <p class=\"how-label\"><strong>You send:<\/strong><\/p>\r\n        <ul class=\"how-list send\">\r\n          <li>A starting point (hub or depot)<\/li>\r\n          <li>An ordered list of delivery stops<\/li>\r\n          <li>A final stop<\/li>\r\n          <li>(Optional) A driver ID, vehicle ID, and future start time<\/li>\r\n        <\/ul>\r\n\r\n        <p class=\"how-label\"><strong>We return:<\/strong><\/p>\r\n        <ul class=\"how-list ret\">\r\n          <li>ETA at each stop<\/li>\r\n          <li>Total route duration<\/li>\r\n          <li>Total route distance<\/li>\r\n        <\/ul>\r\n\r\n        <p class=\"how-note\"><span class=\"dot\"><\/span> <em>The stop order stays exactly as provided \u2014 we don\u2019t re-optimize.<\/em><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    \/* \u062a\u0635\u0648\u06cc\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634\u061b \u0627\u06af\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0645\u062e\u0635\u0648\u0635 \u062f\u0627\u0631\u06cc \u0627\u06cc\u0646 \u0644\u06cc\u0646\u06a9 \u0631\u0627 \u0639\u0648\u0636 \u06a9\u0646 *\/\r\n    --how-img: url(\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/04\/ETA-calculator.jpg\");\r\n\r\n    --bg1:#f7fbff;\r\n    --bg2:#eef6ff;\r\n    --grid:#e7eef8;\r\n    --text:#0e2245;\r\n    --muted:#475569;\r\n    --primary:#0a78ff;\r\n    --accent:#00b8a9;\r\n    --ring: rgba(10,120,255,.25);\r\n    --shadow: 0 10px 40px rgba(15,23,42,.10);\r\n  }\r\n\r\n  \/* ===== Full-bleed light background (no horizontal scroll) ===== *\/\r\n  #tr-how{\r\n    position: relative;\r\n    padding: clamp(40px,6vw,96px) 0;\r\n    font-family: \"Inter\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    color: var(--text);\r\n    overflow: hidden;\r\n  }\r\n  #tr-how::before{\r\n    content:\"\";\r\n    position:absolute; left:50%; top:0; transform:translateX(-50%);\r\n    width:100vw; height:100%;\r\n    background:\r\n      radial-gradient(1200px 600px at 12% 20%, rgba(10,120,255,.10), transparent 60%),\r\n      radial-gradient(1000px 560px at 86% 60%, rgba(0,184,169,.12), transparent 65%),\r\n      \/* faint grid *\/\r\n      linear-gradient(transparent 23px, var(--grid) 24px, transparent 25px),\r\n      linear-gradient(90deg, transparent 23px, var(--grid) 24px, transparent 25px),\r\n      linear-gradient(180deg, var(--bg1), var(--bg2));\r\n    background-size: 100% 100%,100% 100%,100% 25px,25px 100%,cover;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .how-wrap{ width:min(1280px,92vw); margin:0 auto; position:relative; z-index:1; }\r\n  .how-grid{\r\n    display:grid; align-items:center;\r\n    grid-template-columns: 1fr 1fr; gap: clamp(24px,4vw,56px);\r\n  }\r\n\r\n  \/* ===== Visual card ===== *\/\r\n  .how-visual{ position:relative; }\r\n  .how-card{\r\n    position:relative; border-radius: 22px; overflow:hidden; margin: 0 auto;\r\n    max-width: 700px; background:#fff; border:1px solid rgba(15,23,42,.10);\r\n    box-shadow: var(--shadow);\r\n    animation: floatY 7s ease-in-out infinite;\r\n  }\r\n  .how-ill{\r\n    width:100%; aspect-ratio: 16\/10; background-image: var(--how-img);\r\n    background-size: cover; background-position: center;\r\n  }\r\n  .route{\r\n    position:absolute; inset:0; width:100%; height:100%;\r\n    transform: scale(1.02); pointer-events:none;\r\n    animation: dash 5.5s linear infinite;\r\n  }\r\n  .scanline{\r\n    position:absolute; left:0; right:0; top:-120px; height:120px;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0));\r\n    animation: scan 5.2s linear infinite; pointer-events:none;\r\n  }\r\n  .glare{\r\n    position:absolute; inset:-40%; pointer-events:none; mix-blend-mode:screen;\r\n    background: radial-gradient(40% 20% at 60% -10%, rgba(10,120,255,.18), transparent 70%);\r\n  }\r\n\r\n  \/* soft blobs *\/\r\n  .blob{ position:absolute; border-radius:50%; filter: blur(12px); opacity:.55; }\r\n  .b1{ width:420px; height:420px; left:-8%; top:-8%;\r\n       background: radial-gradient(closest-side, rgba(10,120,255,.16), rgba(10,120,255,0));\r\n       animation: drift1 14s ease-in-out infinite; }\r\n  .b2{ width:360px; height:360px; left:6%; bottom:-10%;\r\n       background: radial-gradient(closest-side, rgba(0,184,169,.16), rgba(0,184,169,0));\r\n       animation: drift2 16s ease-in-out infinite; }\r\n\r\n  \/* ===== Copy ===== *\/\r\n  .how-title{\r\n    margin:0 0 8px; line-height:1.05; letter-spacing:-.02em;\r\n    font-weight:800; font-size: clamp(36px,5vw,60px);\r\n    background: linear-gradient(90deg, #0e2245, #4f79ff 45%, #0e2245 90%);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    animation: titleShine 7s linear infinite;\r\n  }\r\n  .how-underline{\r\n    width: clamp(120px,22vw,280px); height:6px; border-radius:999px;\r\n    background: linear-gradient(90deg, var(--primary), transparent);\r\n    box-shadow: 0 0 16px rgba(10,120,255,.35);\r\n    position:relative; overflow:hidden; margin: 10px 0 18px;\r\n  }\r\n  .how-underline::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,.15), transparent);\r\n    transform:translateX(-100%); animation: sweep 2.6s ease-in-out infinite;\r\n  }\r\n\r\n  .how-label{ margin: 6px 0 6px; }\r\n  .how-list{ list-style:none; margin:8px 0 18px; padding:0; display:grid; gap:10px; }\r\n  .how-list li{\r\n    display:grid; grid-template-columns: 18px 1fr; gap:10px; align-items:start;\r\n    padding:10px 12px; border-radius:12px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.6));\r\n    border:1px solid rgba(15,23,42,.08);\r\n    box-shadow: var(--shadow);\r\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n  }\r\n  .how-list li:hover{ transform: translateY(-2px); border-color: rgba(10,120,255,.22); }\r\n  .how-list.send li::before,\r\n  .how-list.ret  li::before{\r\n    content:\"\"; width:10px; height:10px; border-radius:50%; margin-top:6px;\r\n    background: radial-gradient(circle at 30% 30%, #0a78ff, #6eb7ff);\r\n    box-shadow: 0 0 10px rgba(10,120,255,.55), 0 0 20px rgba(10,120,255,.25);\r\n  }\r\n\r\n  .how-note{ margin-top:8px; color: var(--muted); }\r\n  .how-note .dot{\r\n    display:inline-block; width:10px; height:10px; margin-right:8px; border-radius:50%;\r\n    background:#ff4d4d; box-shadow: 0 0 10px rgba(255,77,77,.5);\r\n    position:relative; top:1px;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes titleShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n  @keyframes sweep{50%{transform:translateX(100%)}}\r\n  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n  @keyframes scan{0%{transform:translateY(0)}100%{transform:translateY(220%)}}\r\n  @keyframes dash{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-180}}\r\n  @keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,10px)}}\r\n  @keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-16px,12px)}}\r\n\r\n  \/* Reveal *\/\r\n  .reveal{ opacity:0; transform: translateY(18px) scale(.98); }\r\n  .reveal.in-view{\r\n    opacity:1; transform:none;\r\n    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.65,.2,1);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1100px){\r\n    .how-grid{ grid-template-columns: 1fr; gap: clamp(18px,4vw,32px); }\r\n    .how-visual{ order:-1; }\r\n    .b1,.b2{ display:none; }\r\n    .how-card{ max-width: 820px; }\r\n  }\r\n  @media (max-width: 640px){\r\n    .how-wrap{ width:min(100%,92vw); }\r\n    .how-card{ max-width: 100%; }\r\n    .how-title{ font-size: clamp(28px, 8.5vw, 36px); }\r\n  }\r\n\r\n  \/* Reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .how-card, .scanline, .route, .how-underline::after { animation:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Reveal on view\r\n  (function(){\r\n    const obs = new IntersectionObserver((entries)=>{\r\n      entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in-view'); }});\r\n    }, {threshold: 0.18});\r\n    document.querySelectorAll('#tr-how .reveal').forEach(el=>obs.observe(el));\r\n  })();\r\n<\/script>\r\n<!-- ===== End | How It Works ===== -->\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-fdfa150 e-flex e-con-boxed e-con e-parent\" data-id=\"fdfa150\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc0dc6 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"dfc0dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"234622406\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2346224061\" data-tab-title-id=\"e-n-tab-title-2346224061\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2346224061\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tBasic Plan\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2346224062\" data-tab-title-id=\"e-n-tab-title-2346224062\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2346224062\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPremium Plan\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2346224061\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2346224061\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-6fbe7a9 e-con-full e-flex e-con e-child\" data-id=\"6fbe7a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b739900 e-flex e-con-boxed e-con e-child\" data-id=\"b739900\" 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-d24a461 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d24a461\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e4767f e-con-full e-flex e-con e-child\" data-id=\"9e4767f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-490ad80 elementor-widget elementor-widget-heading\" data-id=\"490ad80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Standard Route ETAs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3681d elementor-widget elementor-widget-text-editor\" data-id=\"3e3681d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Provides estimated arrival times for a multi-stop route based on fixed speed limits and map-based distances<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f682a7 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"4f682a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-516fcc4 e-con-full e-flex e-con e-child\" data-id=\"516fcc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16bb8e1 elementor-widget elementor-widget-heading\" data-id=\"16bb8e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Multi-Stop Route Planning<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5107b elementor-widget elementor-widget-text-editor\" data-id=\"9d5107b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Calculates cumulative ETAs for routes with multiple stops, aiding in efficient scheduling and logistics<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5cf02 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"9d5cf02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf25dd9 e-con-full e-flex e-con e-child\" data-id=\"cf25dd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-651c066 elementor-widget elementor-widget-heading\" data-id=\"651c066\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Return-to-Origin Routing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f8edb8 elementor-widget elementor-widget-text-editor\" data-id=\"6f8edb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">capable of considering return-to-hub for routes that loop back to the original starting point (hub)<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\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-dabd39a e-flex e-con-boxed e-con e-child\" data-id=\"dabd39a\" 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-d1dbcac elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d1dbcac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad9de74 e-con-full e-flex e-con e-child\" data-id=\"ad9de74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c16f9 elementor-widget elementor-widget-heading\" data-id=\"b0c16f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bike-Friendly Route Optimization<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5e5d3b elementor-widget elementor-widget-text-editor\" data-id=\"c5e5d3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">This tool generates ETAs for bicycle couriers, factoring in bike paths, travel speeds, and cyclist-friendly routes.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a0337d elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"9a0337d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd0d674 e-con-full e-flex e-con e-child\" data-id=\"fd0d674\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2afb5a9 elementor-widget elementor-widget-heading\" data-id=\"2afb5a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">One-Way Street Awareness<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87420ea elementor-widget elementor-widget-text-editor\" data-id=\"87420ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">incorporates one-way streets into route planning, ensuring compliance with road restrictions.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2346224062\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2346224062\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-59ebba1 e-con-full e-flex e-con e-child\" data-id=\"59ebba1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0618ee6 e-flex e-con-boxed e-con e-child\" data-id=\"0618ee6\" 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-d6d1d11 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d6d1d11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9acf63 e-con-full e-flex e-con e-child\" data-id=\"c9acf63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-603516f elementor-widget elementor-widget-heading\" data-id=\"603516f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Historical Traffic Prediction  ETAs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e958fa elementor-widget elementor-widget-text-editor\" data-id=\"7e958fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Utilize historical traffic data to provide more accurate estimated arrival times by considering typical traffic patterns<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f50465d elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f50465d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b732887 e-con-full e-flex e-con e-child\" data-id=\"b732887\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-838faf8 elementor-widget elementor-widget-heading\" data-id=\"838faf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Weather-Aware Route Optimization<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0b1ad8 elementor-widget elementor-widget-text-editor\" data-id=\"f0b1ad8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">providing more accurate estimated arrival times by considering weather conditions, ensuring reliable, efficient deliveries.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\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-7789746 e-flex e-con-boxed e-con e-child\" data-id=\"7789746\" 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-77f77a8 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"77f77a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-038846b e-con-full e-flex e-con e-child\" data-id=\"038846b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2710a8c elementor-widget elementor-widget-heading\" data-id=\"2710a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Smarter with Historical &amp; Driver-Based Insights<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23f1b60 elementor-widget elementor-widget-text-editor\" data-id=\"23f1b60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>TrendRoute uses\u00a0<strong data-start=\"158\" data-end=\"189\">historical traffic patterns<\/strong>\u00a0and\u00a0<strong data-start=\"194\" data-end=\"207\">Driver ID<\/strong>\u00a0to predict travel time.<br data-start=\"231\" data-end=\"234\" \/>The system learns from each driver\u2019s habits like speed and stop time for\u00a0<strong data-start=\"311\" data-end=\"350\">more personalized and accurate ETAs<\/strong>\u00a0over time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ce4005 e-con-full e-flex e-con e-parent\" data-id=\"9ce4005\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e3b77f elementor-widget elementor-widget-html\" data-id=\"9e3b77f\" 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<!-- ===== TrendRoute Modern Box (Left content updated to screenshot text) ===== -->\r\n<div class=\"trnx-box\" dir=\"ltr\" role=\"region\" aria-label=\"TrendRoute Feature Box\">\r\n  <style>\r\n    .trnx-box{\r\n      --bg:#0b0f2a; --panel:#0f1536; --txt:#eef2ff; --muted:#b8c0ffcc;\r\n      --a1:#6a9cff; --a2:#8a7bff; --a3:#27e0a3;\r\n      position:relative; border-radius:28px; overflow:hidden; color:var(--txt);\r\n      background: radial-gradient(1200px 600px at 85% -20%, #1a2050 0%, #0c1130 55%, #070a1e 100%);\r\n      border:1px solid rgba(255,255,255,.12);\r\n      box-shadow: 0 25px 60px rgba(2,8,26,.45), inset 0 0 0 1px rgba(255,255,255,.06);\r\n    }\r\n    \/* animated border *\/\r\n    .trnx-box::before{\r\n      content:\"\"; position:absolute; inset:-2px; pointer-events:none; border-radius:30px;\r\n      background: conic-gradient(from 0deg, var(--a1), var(--a2), var(--a3), var(--a1));\r\n      filter: blur(10px); opacity:.45; animation: trspin 16s linear infinite;\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; padding:2px;\r\n    }\r\n    @keyframes trspin{ to{ transform:rotate(360deg) } }\r\n\r\n    \/* layout *\/\r\n    .trnx-wrap{\r\n      display:grid; grid-template-columns: 1.05fr .95fr; gap:32px;\r\n      padding: clamp(20px,5vw,44px); align-items:center; min-height: 440px;\r\n    }\r\n    @media (max-width: 980px){ .trnx-wrap{ grid-template-columns:1fr; gap:22px; } }\r\n\r\n    \/* left content card *\/\r\n    .trnx-card{\r\n      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\r\n      border:1px solid rgba(255,255,255,.14); border-radius:22px; padding: clamp(18px,3.5vw,28px);\r\n    }\r\n    .trnx-title{\r\n      margin: 6px 0 10px; font-weight:800; line-height:1.05;\r\n      font-size: clamp(28px,4.6vw,56px);\r\n      letter-spacing:.2px;\r\n      background: linear-gradient(180deg, #ffffff, #c3d2ff 70%); -webkit-background-clip:text; color:transparent;\r\n    }\r\n    \/* light blue underline accent like the screenshot *\/\r\n    .trnx-underline{\r\n      width: clamp(120px, 26%, 240px);\r\n      height: 8px; border-radius: 6px;\r\n      background: linear-gradient(90deg, #7fd3ff, #aee6ff);\r\n      opacity:.85; margin: 6px 0 8px;\r\n    }\r\n\r\n    .trnx-copy{ color:var(--muted); font-size: clamp(14px,1.2vw,16px); line-height:1.8; margin-top: 14px; }\r\n\r\n    .trnx-cta-line{\r\n      display:flex; align-items:flex-start; gap:10px; margin-top:10px; font-size: clamp(14px,1.2vw,16px);\r\n      color:var(--txt);\r\n    }\r\n    .trnx-cta-line .emoji{ filter: saturate(1.1); }\r\n    .trnx-cta-line a{\r\n      color:#ff79a8; text-decoration:underline; font-weight:600;\r\n    }\r\n\r\n    \/* media (right) *\/\r\n    .trnx-media{ position:relative; }\r\n    .trnx-frame{\r\n      position:relative; width:100%;\r\n      border-radius:20px; overflow:hidden;\r\n      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));\r\n      border:1px solid rgba(255,255,255,.12);\r\n      box-shadow: 0 20px 50px rgba(2,8,26,.4), inset 0 0 0 1px rgba(255,255,255,.06);\r\n      display:block;\r\n    }\r\n    .trnx-glow{\r\n      content:\"\"; position:absolute; inset:-30%; pointer-events:none; filter: blur(18px);\r\n      background:\r\n        radial-gradient(60% 60% at 70% 20%, rgba(106,156,255,.35), transparent 60%),\r\n        radial-gradient(45% 45% at 20% 80%, rgba(39,224,163,.28), transparent 60%);\r\n      z-index:0;\r\n    }\r\n    .trnx-img{\r\n      position:relative; z-index:1;\r\n      width:100%; height:auto; display:block;\r\n      clip-path: inset(0 0 0 0 round 18px);\r\n    }\r\n    .trnx-stat{\r\n      position:absolute; z-index:2; bottom:12px; left:12px; padding:8px 10px; border-radius:12px;\r\n      background: rgba(9,12,34,.55); border:1px solid rgba(255,255,255,.16); color:#dfe7ff; font-size:12px;\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .trnx-stat{ bottom:10px; left:10px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trnx-wrap\">\r\n    <!-- ===== Left: Updated Text EXACTLY as screenshot ===== -->\r\n    <section class=\"trnx-card\">\r\n      <h2 class=\"trnx-title\">Also looking to<br>optimize the stop sequence?<\/h2>\r\n      <div class=\"trnx-underline\" aria-hidden=\"true\"><\/div>\r\n\r\n      <p class=\"trnx-copy\">\r\n        If you want to automatically reorder stops for shortest, fastest, or most efficient routes:\r\n      <\/p>\r\n\r\n      <div class=\"trnx-cta-line\">\r\n        <span class=\"emoji\" aria-hidden=\"true\">\ud83d\udc49<\/span>\r\n        <span>Try our <a href=\"#\">Route Optimization API<\/a><\/span>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== Right: Image (unchanged) ===== -->\r\n    <section class=\"trnx-media\" aria-label=\"TrendRoute Preview\">\r\n      <div class=\"trnx-frame\">\r\n        <div class=\"trnx-glow\" aria-hidden=\"true\"><\/div>\r\n        <img decoding=\"async\" class=\"trnx-img\"\r\n             src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/Untitled-design-40.png\"\r\n             alt=\"TrendRoute \u2022 Preview image (AI Route Engine)\">\r\n        <div class=\"trnx-stat\">Live ETA \u2022 Multi-Route Engine<\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n<!-- ===== \/TrendRoute Modern Box ===== -->\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-7cd8a56 e-con-full e-flex e-con e-parent\" data-id=\"7cd8a56\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71206a5 elementor-widget elementor-widget-html\" data-id=\"71206a5\" 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<!-- ===== TrendRoute \u2013 Pricing (2 Plans \u2022 matches your reference) ===== -->\r\n<section class=\"pricing-clean\" role=\"region\" aria-label=\"Pricing\">\r\n  <!-- subtle background -->\r\n  <span class=\"pc-bg grid\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"pc-bg orb orb-l\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"pc-bg orb orb-r\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"pc-wrap\">\r\n    <header class=\"pc-head\">\r\n      <h2 class=\"pc-title\">Price<\/h2>\r\n      <p class=\"pc-sub\">Choose a flexible pricing plan that fits your needs.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pc-cards two-cols\">\r\n      <!-- Basic -->\r\n      <article class=\"pc-card\" aria-label=\"Basic Plan\">\r\n        <div class=\"pc-top\">\r\n          <h3 class=\"pc-plan\">Basic Plan<\/h3>\r\n          <span class=\"pc-cap\">For Up to 500 Orders<\/span>\r\n          <i class=\"pc-accent\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <!-- inner white panel like screenshot -->\r\n        <div class=\"pc-inner\">\r\n          <div class=\"pc-price\">\r\n            <div class=\"pc-price-main\">\r\n              <span class=\"pc-currency\">$<\/span><span class=\"pc-num\">0.003<\/span>\r\n            <\/div>\r\n            <small class=\"pc-meta\">per delivery location<\/small>\r\n          <\/div>\r\n\r\n          <ul class=\"pc-list\">\r\n            <li><i><\/i>Multi-Stop Route Planning<\/li>\r\n            <li><i><\/i>Bike-Friendly Route Optimization<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <a class=\"pc-cta\" href=\"https:\/\/trendroute.ai\/en\/#form-demo\" aria-label=\"Start Free Trial - Basic Plan\">Start Free Trial<\/a>\r\n      <\/article>\r\n\r\n      <!-- Premium -->\r\n      <article class=\"pc-card\" aria-label=\"Premium Plan\">\r\n        <div class=\"pc-top premium\">\r\n          <h3 class=\"pc-plan\">Premium Plan<\/h3>\r\n          <span class=\"pc-cap\">For Up to 1000 Orders<\/span>\r\n          <i class=\"pc-accent\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"pc-inner\">\r\n          <div class=\"pc-price\">\r\n            <div class=\"pc-price-main\">\r\n              <span class=\"pc-currency\">$<\/span><span class=\"pc-num\">0.005<\/span>\r\n            <\/div>\r\n            <small class=\"pc-meta\">per delivery location<\/small>\r\n          <\/div>\r\n\r\n          <ul class=\"pc-list\">\r\n            <li><i><\/i>Historical Traffic Prediction ETAs<\/li>\r\n            <li><i><\/i>Weather-Aware Route Optimization<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <a class=\"pc-cta\" href=\"https:\/\/trendroute.ai\/en\/#form-demo\" aria-label=\"Start Free Trial - Premium Plan\">Start Free Trial<\/a>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <p class=\"pc-foot\">Prices shown are <strong>per delivery location<\/strong>. Volume discounts available on request.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{\r\n  --ink:#0f2b4d; --muted:#5d7698;\r\n  --brand:#00c6ff; --brand2:#25e0ff;\r\n  --bg1:#eef4ff; --bg2:#fbfdff;\r\n  --card:#fff; --line:rgba(15,32,70,.12);\r\n  --r:20px; --shadow:0 26px 64px rgba(15,32,70,.12), 0 10px 26px rgba(15,32,70,.08);\r\n}\r\n\r\n.pricing-clean, .pricing-clean *{box-sizing:border-box}\r\n.pricing-clean{\r\n  position:relative; overflow:hidden; color:var(--ink);\r\n  background:linear-gradient(180deg,var(--bg1),var(--bg2));\r\n  padding:68px 0;\r\n}\r\n\r\n\/* background *\/\r\n.pc-bg.grid{position:absolute; inset:0; opacity:.14; pointer-events:none; z-index:0;\r\n  background:\r\n    radial-gradient(900px 600px at 12% 10%, rgba(255,255,255,.5), transparent 60%),\r\n    repeating-linear-gradient(0deg, rgba(15,32,70,.07) 0 1px, transparent 1px 34px),\r\n    repeating-linear-gradient(90deg, rgba(15,32,70,.07) 0 1px, transparent 1px 34px)}\r\n.pc-bg.orb{position:absolute; border-radius:50%; filter:blur(60px); mix-blend:multiply; pointer-events:none; z-index:0}\r\n.pc-bg.orb-l{width:600px;height:600px;left:-260px;top:-320px;background:radial-gradient(circle,#e4f7ff,transparent 60%);opacity:.7}\r\n.pc-bg.orb-r{width:560px;height:560px;right:-280px;bottom:-320px;background:radial-gradient(circle,#edf8ff,transparent 60%);opacity:.65}\r\n\r\n\/* container *\/\r\n.pc-wrap{max-width:1200px; margin:0 auto; padding:0 24px; position:relative; z-index:1}\r\n.pc-head{text-align:center; margin-bottom:26px}\r\n.pc-title{font:900 clamp(2rem,3.8vw,3rem)\/1 'Poppins',system-ui; margin:0}\r\n.pc-sub{font:500 1.06rem 'Inter',system-ui; color:var(--muted); margin:8px 0 0}\r\n\r\n\/* grid - 2 columns like your image *\/\r\n.pc-cards{display:grid; gap:22px; align-items:stretch}\r\n.pc-cards.two-cols{grid-template-columns:repeat(2,1fr)}\r\n@media (max-width: 900px){ .pc-cards.two-cols{grid-template-columns:1fr} }\r\n\r\n\/* card base *\/\r\n.pc-card{\r\n  position:relative; display:flex; flex-direction:column;\r\n  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.9));\r\n  border:1px solid var(--line); border-radius:var(--r); overflow:hidden;\r\n  box-shadow:var(--shadow); transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .18s ease;\r\n}\r\n.pc-card:hover{ transform:translateY(-6px); box-shadow:0 30px 70px rgba(15,32,70,.18); border-color:rgba(0,210,255,.24); filter:saturate(1.02) }\r\n\r\n\/* top gradient bar *\/\r\n.pc-top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 18px;\r\n  background:linear-gradient(90deg, #0ca7e8, #1cc9f6)}\r\n.pc-top.premium{ background:linear-gradient(90deg, #0eb2ea, #35d4f9 30%, #19a7ea 70%) }\r\n.pc-plan{margin:0; font:800 1.18rem 'Poppins',system-ui; color:#fff}\r\n.pc-cap{font:700 .92rem 'Inter',system-ui; color:#0b2c5a; background:#e8f7ff; border:1px solid rgba(0,210,255,.35); padding:6px 10px; border-radius:999px; white-space:nowrap}\r\n.pc-accent{position:absolute; left:0; right:0; bottom:-2px; height:4px; background:linear-gradient(90deg, rgba(0,210,255,.22), rgba(122,243,255,.22))}\r\n\r\n\/* inner white raised panel *\/\r\n.pc-inner{\r\n  margin:18px auto 0; width:86%; background:#fff; border:1px solid #e7ecf7; border-radius:12px;\r\n  box-shadow: 0 12px 22px rgba(13,41,86,.08); padding:18px;\r\n  transform: translateY(-12px); \/* like screenshot, overlapping header *\/\r\n}\r\n\r\n\/* price *\/\r\n.pc-price{padding:2px 0 6px}\r\n.pc-price-main{display:flex; align-items:flex-end; gap:6px; line-height:1}\r\n.pc-currency{font:900 1.2rem 'Poppins',system-ui; color:#0b2c5a}\r\n.pc-num{font:900 clamp(2rem,3.6vw,2.6rem) 'Poppins',system-ui; color:#0b2c5a}\r\n.pc-meta{display:block; margin-top:6px; color:#456a95; font:500 .98rem 'Inter',system-ui}\r\n\r\n\/* features *\/\r\n.pc-list{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:12px; font:500 1.02rem\/1.7 'Inter',system-ui; color:#3a5375}\r\n.pc-list li{display:flex; gap:10px; align-items:flex-start}\r\n.pc-list li i{width:18px;height:18px;flex:0 0 18px;border-radius:50%;margin-top:2px;position:relative; background:#e9eef6}\r\n.pc-list li i::before{content:'';position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #7af3ff, #00d2ff);opacity:.9}\r\n\r\n\/* CTA *\/\r\n.pc-cta{\r\n  margin:24px 18px 18px; display:flex; align-items:center; justify-content:center; height:48px;\r\n  border-radius:14px; text-decoration:none; background:linear-gradient(90deg,var(--brand),var(--brand2));\r\n  color:#00324d; font:800 1rem 'Poppins',system-ui; box-shadow:0 16px 30px rgba(0,210,255,.28);\r\n  position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .22s ease, filter .2s ease;\r\n}\r\n.pc-cta::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);mix-blend:screen;transition:transform .6s ease}\r\n.pc-cta:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(0,210,255,.34)}\r\n.pc-cta:hover::after{transform:translateX(100%)}\r\n\r\n\/* footer *\/\r\n.pc-foot{text-align:center; margin:18px 0 0; color:#5a789b; font:500 .98rem 'Inter',system-ui}\r\n\r\n\/* responsive *\/\r\n@media (max-width:900px){\r\n  .pc-inner{ width:92%; transform: translateY(-10px); }\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  .pc-cta::after{ transition:none }\r\n}\r\n<\/style>\r\n\r\n\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-7186b5c e-con-full e-flex e-con e-parent\" data-id=\"7186b5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4c43f elementor-widget elementor-widget-html\" data-id=\"1d4c43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-1d4c43f{display:none !important}<\/style>\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-2656707 e-flex e-con-boxed e-con e-parent\" data-id=\"2656707\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b36145 elementor-widget elementor-widget-html\" data-id=\"2b36145\" 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<!-- ===== Minimum Monthly Invoice Note (Elementor-ready) ===== -->\r\n<div class=\"tr-min-invoice\" dir=\"ltr\" lang=\"en\" aria-label=\"Minimum monthly invoice amount\">\r\n  <style>\r\n    .tr-min-invoice{max-width:980px;margin:16px auto 0;padding:0 8px}\r\n    .tr-min-invoice .note{\r\n      display:flex;align-items:center;justify-content:center;gap:10px;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      font-weight:500;font-size:14.5px;line-height:1.8;color:#0e2b4d;\r\n      background:#f1f8ff;border:1px solid #dbeafe;border-radius:12px;\r\n      padding:12px 16px;box-shadow:0 8px 22px rgba(15,41,86,.08)\r\n    }\r\n    .tr-min-invoice .note strong{font-weight:800}\r\n    .tr-min-invoice .icon{width:18px;height:18px;color:#3b82f6;flex:0 0 18px}\r\n  <\/style>\r\n\r\n  <div class=\"note\" role=\"note\">\r\n    <!-- info icon -->\r\n    <svg class=\"icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\" opacity=\".12\"><\/circle>\r\n      <path d=\"M11 10h2v7h-2zM11 7h2v2h-2z\" fill=\"currentColor\"><\/path>\r\n    <\/svg>\r\n    <span>The minimum acceptable <strong>monthly<\/strong> invoice amount is <strong>$300<\/strong>.<\/span>\r\n  <\/div>\r\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>e ETA Calculation API Accurate ETAs for Predefined Delivery Routes TrendRoute\u2019s ETA Calculation API gives you highly precise Estimated Time of Arrival (ETA) predictions for a multi-stop route without modifying the stop sequence. Request A Demo e ETA-ber\u00e4knings-API Exakta ETA:er f\u00f6r f\u00f6rdefinierade leveransrutter TrendRoutes ETA-ber\u00e4knings-API ger dig mycket precisa prognoser f\u00f6r ber\u00e4knad ankomsttid (ETA) f\u00f6r [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Route Eta calculator - TrendRoute<\/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:\/\/trendroute.ai\/en\/services-route-eta-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Route Eta calculator - TrendRoute\" \/>\n<meta property=\"og:description\" content=\"e ETA Calculation API Accurate ETAs for Predefined Delivery Routes TrendRoute\u2019s ETA Calculation API gives you highly precise Estimated Time of Arrival (ETA) predictions for a multi-stop route without modifying the stop sequence. Request A Demo e ETA-ber\u00e4knings-API Exakta ETA:er f\u00f6r f\u00f6rdefinierade leveransrutter TrendRoutes ETA-ber\u00e4knings-API ger dig mycket precisa prognoser f\u00f6r ber\u00e4knad ankomsttid (ETA) f\u00f6r [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trendroute.ai\/en\/services-route-eta-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"TrendRoute\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T11:36:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/\",\"name\":\"Route Eta calculator - TrendRoute\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg\",\"datePublished\":\"2025-04-03T12:50:50+00:00\",\"dateModified\":\"2026-08-07T11:36:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg\",\"contentUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/services-route-eta-calculator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/trendroute.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Route Eta calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#website\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/\",\"name\":\"TrendRoute\",\"description\":\"AI Route Optimization API for Last-Mile Delivery | TrendRoute\",\"publisher\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trendroute.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#organization\",\"name\":\"TrendRoute\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Untitled-design-56.png\",\"contentUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Untitled-design-56.png\",\"width\":1120,\"height\":1120,\"caption\":\"TrendRoute\"},\"image\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Route Eta calculator - TrendRoute","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:\/\/trendroute.ai\/en\/services-route-eta-calculator\/","og_locale":"en_US","og_type":"article","og_title":"Route Eta calculator - TrendRoute","og_description":"e ETA Calculation API Accurate ETAs for Predefined Delivery Routes TrendRoute\u2019s ETA Calculation API gives you highly precise Estimated Time of Arrival (ETA) predictions for a multi-stop route without modifying the stop sequence. Request A Demo e ETA-ber\u00e4knings-API Exakta ETA:er f\u00f6r f\u00f6rdefinierade leveransrutter TrendRoutes ETA-ber\u00e4knings-API ger dig mycket precisa prognoser f\u00f6r ber\u00e4knad ankomsttid (ETA) f\u00f6r [&hellip;]","og_url":"https:\/\/trendroute.ai\/en\/services-route-eta-calculator\/","og_site_name":"TrendRoute","article_modified_time":"2026-08-07T11:36:05+00:00","og_image":[{"url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/","url":"https:\/\/trendroute.ai\/services-route-eta-calculator\/","name":"Route Eta calculator - TrendRoute","isPartOf":{"@id":"https:\/\/trendroute.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/#primaryimage"},"image":{"@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/#primaryimage"},"thumbnailUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg","datePublished":"2025-04-03T12:50:50+00:00","dateModified":"2026-08-07T11:36:05+00:00","breadcrumb":{"@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trendroute.ai\/services-route-eta-calculator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/#primaryimage","url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg","contentUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/20250902_1510_Route-Navigation-Display_remix_01k458p6yse4681xeke2kyh1qa.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/trendroute.ai\/services-route-eta-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/trendroute.ai\/"},{"@type":"ListItem","position":2,"name":"Route Eta calculator"}]},{"@type":"WebSite","@id":"https:\/\/trendroute.ai\/#website","url":"https:\/\/trendroute.ai\/","name":"TrendRoute","description":"AI Route Optimization API for Last-Mile Delivery | TrendRoute","publisher":{"@id":"https:\/\/trendroute.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trendroute.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/trendroute.ai\/#organization","name":"TrendRoute","url":"https:\/\/trendroute.ai\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trendroute.ai\/#\/schema\/logo\/image\/","url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/02\/Untitled-design-56.png","contentUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/02\/Untitled-design-56.png","width":1120,"height":1120,"caption":"TrendRoute"},"image":{"@id":"https:\/\/trendroute.ai\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":70,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":867,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/228\/revisions\/867"}],"wp:attachment":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}