{"id":226,"date":"2025-04-03T12:49:57","date_gmt":"2025-04-03T12:49:57","guid":{"rendered":"https:\/\/trendroute.ai\/?page_id=226"},"modified":"2026-01-05T14:10:31","modified_gmt":"2026-01-05T14:10:31","slug":"services-route-optimization","status":"publish","type":"page","link":"https:\/\/trendroute.ai\/sv\/services-route-optimization\/","title":{"rendered":"route optimization"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"226\" class=\"elementor elementor-226\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd4ac32 e-con-full e-flex e-con e-parent\" data-id=\"cd4ac32\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ace385f elementor-widget elementor-widget-html\" data-id=\"ace385f\" 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 | Fullbredds-Hero (Ingen horisontell scroll, kompakt) ===== -->\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-hero-box\" dir=\"ltr\" aria-label=\"TrendRoute fullbredds-hero\">\r\n  <div class=\"tr-wrap\">\r\n    <div class=\"tr-grid\">\r\n      <!-- V\u00c4NSTER: Text -->\r\n      <div class=\"tr-copy reveal\">\r\n        <h1 class=\"tr-title\">\r\n          <span>AI-driven<\/span>\r\n          <em>flerutt-<\/em>\r\n          <span>optimering<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"tr-divider\"><\/div>\r\n\r\n        <p class=\"tr-desc\">\r\n          TrendRoute anv\u00e4nder avancerad matematisk optimering och maskininl\u00e4rning f\u00f6r att planera och optimera rutter med flera stopp.\r\n          Med hj\u00e4lp av historiska trafikdata, f\u00f6rarprestanda, v\u00e4derf\u00f6rh\u00e5llanden och m\u00f6nster uppskattar TrendRoute restiden f\u00f6r rutter\r\n          med h\u00f6g noggrannhet och s\u00e4kerst\u00e4ller effektiv resursallokering f\u00f6r att minska kostnader.\r\n        <\/p>\r\n\r\n        <a class=\"tr-cta\" href=\"https:\/\/trendroute.ai\/sv\/#form-demo\" aria-label=\"Beg\u00e4r en demo\">\r\n          <span>Beg\u00e4r en 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        <!-- KPI-chips -->\r\n        <div class=\"tr-chips\">\r\n          <div class=\"chip reveal\"><strong>I tid<\/strong> 94%<\/div>\r\n          <div class=\"chip reveal\"><strong>Sparat br\u00e4nsle<\/strong> 15%<\/div>\r\n          <div class=\"chip reveal\"><strong>Stopp\/tim<\/strong> +27%<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- H\u00d6GER: Visuellt -->\r\n      <div class=\"tr-visual reveal\">\r\n        <!-- mjuk spotlight bakom bilden -->\r\n        <span class=\"spot\" aria-hidden=\"true\"><\/span>\r\n\r\n        <figure class=\"tr-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/04\/Untitled%20design%20(60).png\" alt=\"Illustration av TrendRoute AI-ruttoptimering\">\r\n          <span class=\"scanline\" aria-hidden=\"true\"><\/span>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --tr-bg:#071222;\r\n    --tr-primary:#1fb6ff;\r\n    --tr-accent:#00ffd5;\r\n    --tr-text:#cfe7ff;\r\n    --tr-muted:#8fb2d9;\r\n    --shadow: 0 10px 40px rgba(0,0,0,.35);\r\n    --glow: 0 0 24px rgba(31,182,255,.55), 0 0 48px rgba(31,182,255,.25);\r\n  }\r\n\r\n  \/* ===== SEKTION: fullbredds-bakgrund utan layout-\u00f6verfl\u00f6de ===== *\/\r\n  #tr-hero-box{\r\n    position: relative;\r\n    padding: clamp(32px, 6vw, 80px) 0;     \/* vertikalt *\/\r\n    overflow: hidden;                      \/* f\u00f6rhindrar horisontell scroll *\/\r\n    font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  }\r\n  \/* fullbredds-bakgrundslager *\/\r\n  #tr-hero-box::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 22% 12%, rgba(26,121,199,.35), transparent 60%),\r\n      radial-gradient(1400px 700px at 85% 50%, rgba(0,180,255,.28), transparent 70%),\r\n      linear-gradient(transparent 23px, rgba(255,255,255,.04) 24px, transparent 25px),\r\n      linear-gradient(90deg, transparent 23px, rgba(255,255,255,.04) 24px, transparent 25px),\r\n      radial-gradient(1000px 600px at 20% 10%, #0a2a52 0%, #071222 45%, #050b16 100%);\r\n    background-size: 100% 100%, 100% 100%, 100% 25px, 25px 100%, cover;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* ===== INRE WRAP (centrerat inneh\u00e5ll) ===== *\/\r\n  .tr-wrap{\r\n    width: min(1280px, 92vw);\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== GRID ===== *\/\r\n  .tr-grid{\r\n    display:grid;\r\n    grid-template-columns: 1.35fr 0.65fr; \/* bredare text, kompakt bild *\/\r\n    align-items:center;\r\n    gap: clamp(20px, 3.5vw, 48px);\r\n  }\r\n\r\n  \/* ===== TEXT ===== *\/\r\n  .tr-title{\r\n    margin:0 0 10px;\r\n    line-height:1.04;\r\n    font-weight:800;\r\n    font-size: clamp(36px, 5vw, 64px);\r\n    letter-spacing:-.02em;\r\n    background: linear-gradient(90deg, #e6f7ff, #a9e7ff, #e6f7ff);\r\n    -webkit-background-clip:text; background-clip:text;\r\n    color: transparent;\r\n    animation: titleShine 7s linear infinite;\r\n  }\r\n  .tr-title em{\r\n    font-style: normal;\r\n    background: linear-gradient(90deg, var(--tr-primary), var(--tr-accent));\r\n    -webkit-background-clip:text; background-clip:text;\r\n    color: transparent;\r\n    filter: drop-shadow(0 0 18px rgba(0,255,213,.22));\r\n  }\r\n  @keyframes titleShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n\r\n  .tr-divider{\r\n    width: clamp(120px, 20vw, 260px);\r\n    height: 6px; border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--tr-primary) 0%, transparent 100%);\r\n    box-shadow: var(--glow);\r\n    margin: 12px 0 18px;\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .tr-divider::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);\r\n    transform: translateX(-100%); animation: sweep 2.8s ease-in-out infinite;\r\n  }\r\n  @keyframes sweep{50%{transform:translateX(100%)}}\r\n\r\n  .tr-desc{\r\n    color: var(--tr-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  .tr-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,#8ff0ff,#45d0ff 60%,#00ffd5);\r\n    box-shadow: 0 12px 30px rgba(0,255,213,.22), 0 6px 16px rgba(31,182,255,.28);\r\n    position:relative; overflow:hidden; transition:.2s ease;\r\n  }\r\n  .tr-cta:hover{ transform: translateY(-2px); }\r\n  .tr-cta::before{\r\n    content:\"\"; position:absolute; inset:-1px;\r\n    background: radial-gradient(120px 50px at -10% 50%, rgba(255,255,255,.7), transparent 60%);\r\n    transform: translateX(-60%); transition: transform .35s ease;\r\n  }\r\n  .tr-cta:hover::before{ transform: translateX(120%); }\r\n\r\n  .tr-chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }\r\n  .chip{\r\n    font-size:13px; color:#bfeaff; padding:7px 12px;\r\n    border-radius:999px; backdrop-filter: blur(4px);\r\n    background: linear-gradient(180deg, rgba(14,42,71,.95), rgba(10,30,51,.95));\r\n    border:1px solid rgba(71,231,255,.22);\r\n    box-shadow: inset 0 0 20px rgba(31,182,255,.12);\r\n  }\r\n  .chip strong{ color:#fff; margin-right:6px; }\r\n\r\n  \/* ===== VISUELLT ===== *\/\r\n  .tr-visual{ position:relative; min-height: 320px; }\r\n  .spot{\r\n    position:absolute; right:-10%; top:10%;\r\n    width: 520px; height: 520px; border-radius: 50%;\r\n    background: radial-gradient(closest-side, rgba(0,163,255,.35), rgba(0,163,255,0));\r\n    filter: blur(6px); opacity:.8; pointer-events:none;\r\n  }\r\n\r\n  .tr-card{\r\n    position:relative; max-width: 320px; width:100%; margin: 0 auto;\r\n    border-radius: 20px; overflow:hidden;\r\n    background: linear-gradient(180deg, #0b1f35, #071a2d);\r\n    border:1px solid rgba(71,231,255,.22);\r\n    box-shadow: var(--shadow), 0 0 60px rgba(31,182,255,.16);\r\n    animation: floatY 6.5s ease-in-out infinite;\r\n  }\r\n  .tr-card img{ width:100%; height:auto; display:block; aspect-ratio: 3\/4; object-fit: cover; }\r\n  .scanline{ position:absolute; left:0; right:0; height:100px; top:-100px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));\r\n    animation: scan 4.8s linear infinite; pointer-events:none; }\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(200%)}}\r\n\r\n  \/* Avsl\u00f6jandeffekt *\/\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  \/* Responsivt *\/\r\n  @media (max-width: 1024px){\r\n    .tr-grid{ grid-template-columns: 1fr; }\r\n    .tr-visual{ order:-1; }\r\n    .tr-card{ max-width: 260px; }\r\n    .spot{ right:-20%; width:420px; height:420px; }\r\n  }\r\n  @media (max-width: 640px){\r\n    .tr-wrap{ width: min(100%, 92vw); }\r\n    .tr-card{ max-width: 240px; }\r\n    .tr-title{ font-size: clamp(30px, 9vw, 38px); }\r\n    .tr-desc{ font-size: 15px; }\r\n    .spot{ display:none; } \/* enklare p\u00e5 mobil *\/\r\n  }\r\n\r\n  \/* Minskade animationer f\u00f6r anv\u00e4ndare med Reduce Motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .tr-card, .scanline, .tr-title, .tr-divider::after { animation: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Mjuk visning vid scroll (inga externa beroenden)\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.2});\r\n    document.querySelectorAll('#tr-hero-box .reveal').forEach(el=>obs.observe(el));\r\n  })();\r\n<\/script>\r\n<!-- ===== Slut TrendRoute | Fullbredds-Hero ===== -->\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-7f1b8cb e-con-full e-flex e-con e-parent\" data-id=\"7f1b8cb\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-887a6ba elementor-widget elementor-widget-html\" data-id=\"887a6ba\" 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 | Analyssektion (Ljus \u2022 Fullbredd \u2022 Animerad) ===== -->\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-analytics\" dir=\"ltr\" aria-label=\"Omfattande analysdashboard\">\r\n  <div class=\"ta-wrap\">\r\n    <div class=\"ta-grid\">\r\n      <!-- V\u00c4NSTER: Visuellt -->\r\n      <div class=\"ta-visual reveal\" aria-hidden=\"false\">\r\n        <!-- mjuka r\u00f6rliga blobbar -->\r\n        <span class=\"blob b1\"><\/span>\r\n        <span class=\"blob b2\"><\/span>\r\n\r\n        <figure class=\"ta-card\" aria-label=\"Bild av analysdashboard\">\r\n          <img decoding=\"async\" class=\"ta-img\"\r\n               src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/04\/DALL\u00b7E-2025-04-14-12.50.18-A-minimal-and-modern-vertical-9_16-illustration-of-a-logistics-analytics-dashboard.-The-design-should-include-simplified-UI-elements-like-charts-grap.webp\"\r\n               alt=\"TrendRoute analysdashboard\">\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      <!-- H\u00d6GER: Text (TEXT MUST NOT CHANGE) -->\r\n      <div class=\"ta-copy reveal\">\r\n        <h2 class=\"ta-title\">\r\n          <span>Omfattande analys<\/span><br>\r\n          <em>Dashboard<\/em>\r\n        <\/h2>\r\n        <div class=\"ta-underline\"><\/div>\r\n\r\n        <p class=\"ta-lead\"><strong>TrendRoute erbjuder ocks\u00e5 en avancerad analysdashboard<\/strong><\/p>\r\n\r\n        <ul class=\"ta-list\">\r\n          <li>\r\n            <span class=\"dot\"><\/span>\r\n            <p><strong>Detaljerad ruttstatistik:<\/strong> Se antalet rutter som genomf\u00f6rs per stad per dag, total str\u00e4cka och varaktighet f\u00f6r rutter samt effektivitet i stopp per timme.<\/p>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"dot\"><\/span>\r\n            <p><strong>Smarta datavisualiseringar:<\/strong> \u00d6vervaka verksamheten genom intuitiva tabeller, diagram och trendgrafer.<\/p>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"dot\"><\/span>\r\n            <p><strong>Insikter om rutter och fordon:<\/strong> Analysera ruttyper, fordonsf\u00f6rdelning och prestandam\u00f6nster.<\/p>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"dot\"><\/span>\r\n            <p><strong>API-anv\u00e4ndning och volymtrender:<\/strong> F\u00f6lj det dagliga antalet API-anrop och ruttf\u00f6rfr\u00e5gningar f\u00f6r att utv\u00e4rdera systemanv\u00e4ndningen.<\/p>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"dot\"><\/span>\r\n            <p><strong>Interaktiva filter:<\/strong> Anv\u00e4nd datumintervall och filter f\u00f6r att f\u00f6rdjupa dig i din data och fatta v\u00e4lgrundade beslut.<\/p>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"bg-particles\" aria-hidden=\"true\"><\/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    --ring: rgba(10,120,255,.25);\r\n    --shadow: 0 10px 40px rgba(15,23,42,.10);\r\n  }\r\n\r\n  \/* ===== Sektion fullbredd ljus bakgrund (ingen horisontell scroll) ===== *\/\r\n  #tr-analytics{\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-analytics::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% 18%, rgba(10,120,255,.10), transparent 60%),\r\n      radial-gradient(900px 500px at 88% 60%, rgba(0,184,169,.12), transparent 65%),\r\n      \/* svagt rutn\u00e4t *\/\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  .ta-wrap{ width:min(1280px,92vw); margin:0 auto; position:relative; z-index:1; }\r\n  .ta-grid{\r\n    display:grid; align-items:center;\r\n    grid-template-columns: 0.95fr 1.05fr; \/* bild v\u00e4nster, text h\u00f6ger *\/\r\n    gap: clamp(24px,4vw,56px);\r\n  }\r\n\r\n  \/* ===== Titel ===== *\/\r\n  .ta-title{\r\n    margin:0 0 8px; line-height:1.05; letter-spacing:-.02em;\r\n    font-weight:800; font-size: clamp(34px,4.8vw,56px);\r\n    background: linear-gradient(90deg, #0e2245, #4f79ff, #0e2245);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    animation: titleShine 7s linear infinite;\r\n  }\r\n  .ta-title em{\r\n    font-style: normal;\r\n    background: linear-gradient(90deg, var(--primary), var(--accent));\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    filter: drop-shadow(0 0 14px rgba(10,120,255,.25));\r\n  }\r\n  @keyframes titleShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n\r\n  .ta-underline{\r\n    width: clamp(120px,20vw,260px);\r\n    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  .ta-underline::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,.12), 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  .ta-lead{ margin:0 0 10px; color:var(--text); }\r\n\r\n  \/* ===== Lista ===== *\/\r\n  .ta-list{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:12px; }\r\n  .ta-list li{\r\n    display:grid; grid-template-columns: 18px 1fr; align-items:start; gap:12px;\r\n    padding:10px 12px; border-radius:12px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.55));\r\n    border:1px solid rgba(15,23,42,.08);\r\n    box-shadow: inset 0 0 0 rgba(0,0,0,0), var(--shadow);\r\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n    will-change: transform;\r\n  }\r\n  .ta-list li:hover{\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(15,23,42,.12);\r\n    border-color: rgba(10,120,255,.22);\r\n  }\r\n  .ta-list p{ margin:0; color: var(--muted); line-height:1.7; font-size:clamp(14px,1.2vw,16px); }\r\n  .ta-list p strong{ color:#0b1e34; }\r\n\r\n  .dot{\r\n    width:10px; height:10px; border-radius:50%;\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    position:relative; margin-top:6px;\r\n  }\r\n  .dot::after{\r\n    content:\"\"; position:absolute; inset:-6px; border-radius:50%;\r\n    border:2px solid var(--ring); animation: ping 1.6s ease-out infinite;\r\n  }\r\n  @keyframes ping{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.5);opacity:0}}\r\n\r\n  \/* ===== Visuellt kort ===== *\/\r\n  .ta-visual{ position:relative; }\r\n  .ta-card{\r\n    position:relative; border-radius: 20px; overflow:hidden; margin: 0 auto;\r\n    max-width: 640px; background:#fff; border:1px solid rgba(15,23,42,.08);\r\n    box-shadow: 0 8px 32px rgba(15,23,42,.10);\r\n    animation: floatY 7s ease-in-out infinite;\r\n    transform-style: preserve-3d;\r\n    transition: transform .25s ease;\r\n  }\r\n  .ta-card:hover{ transform: perspective(800px) rotateY(5deg) rotateX(-2deg); }\r\n  .ta-img{ width:100%; height:auto; display:block; aspect-ratio: 16 \/ 10; object-fit: cover; }\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  @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  \/* mjuka animerade blobbar *\/\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,.18), rgba(10,120,255,0));\r\n       animation: drift1 14s ease-in-out infinite; }\r\n  .b2{ width:360px; height:360px; left:10%; 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  @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  \/* sm\u00e5 partiklar (mycket l\u00e4tta) *\/\r\n  .bg-particles{ position:absolute; inset:0; pointer-events:none; }\r\n  .bg-particles::before, .bg-particles::after{\r\n    content:\"\"; position:absolute; inset:0; background:\r\n      radial-gradient(2px 2px at 15% 80%, rgba(15,23,42,.08), transparent 60%),\r\n      radial-gradient(2px 2px at 35% 60%, rgba(15,23,42,.06), transparent 60%),\r\n      radial-gradient(2px 2px at 65% 30%, rgba(15,23,42,.07), transparent 60%),\r\n      radial-gradient(2px 2px at 85% 65%, rgba(15,23,42,.06), transparent 60%);\r\n    animation: fadeDots 10s linear infinite;\r\n  }\r\n  .bg-particles::after{ animation-delay: 5s; opacity:.6; }\r\n  @keyframes fadeDots{0%,100%{opacity:.25}50%{opacity:.8}}\r\n\r\n  \/* Reveal-animering *\/\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  \/* Responsivt *\/\r\n  @media (max-width: 1100px){\r\n    .ta-grid{ grid-template-columns: 1fr; gap: clamp(18px,4vw,32px); }\r\n    .ta-visual{ order:-1; }\r\n    .ta-card{ max-width: 780px; }\r\n    .b1,.b2{ display:none; } \/* enklare p\u00e5 surfplatta\/mobil *\/\r\n  }\r\n  @media (max-width: 640px){\r\n    .ta-wrap{ width:min(100%,92vw); }\r\n    .ta-card{ max-width: 100%; }\r\n    .ta-title{ font-size: clamp(28px, 8.5vw, 36px); }\r\n    .ta-list p{ font-size: 14.5px; }\r\n  }\r\n\r\n  \/* Reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .ta-card, .scanline, .dot::after, .ta-title, .ta-underline::after,\r\n    .b1,.b2,.bg-particles::before,.bg-particles::after { animation: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Visa vid scroll (inga beroenden)\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-analytics .reveal').forEach(el=>obs.observe(el));\r\n  })();\r\n<\/script>\r\n<!-- ===== Slut | Analyssektion (Ljus) ===== -->\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-98f923b e-flex e-con-boxed e-con e-parent\" data-id=\"98f923b\" 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-1fb66f0 elementor-widget elementor-widget-html\" data-id=\"1fb66f0\" 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 | Planfunktioner (Flikar + Funktionslista) ===== -->\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-plan-features\" dir=\"ltr\" aria-label=\"Planfunktioner\">\r\n  <div class=\"tp-wrap\">\r\n    <!-- Tabs -->\r\n    <div class=\"tp-tabs\" role=\"tablist\" aria-label=\"V\u00e4lj plan\">\r\n      <button class=\"tp-tab is-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tp-panel-basic\" id=\"tp-tab-basic\" data-plan=\"basic\">\r\n        Basplan\r\n      <\/button>\r\n      <button class=\"tp-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tp-panel-standard\" id=\"tp-tab-standard\" data-plan=\"standard\">\r\n        Standardplan\r\n      <\/button>\r\n      <button class=\"tp-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tp-panel-premium\" id=\"tp-tab-premium\" data-plan=\"premium\">\r\n        Premiumplan\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Panels -->\r\n    <div class=\"tp-panels\">\r\n      <!-- BASIC -->\r\n      <div class=\"tp-panel is-active\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"tp-tab-basic\" id=\"tp-panel-basic\">\r\n        <div class=\"tp-grid\">\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Optimering av flera rutter<\/h3>\r\n            <p>Planera och optimera flera transportrutter samtidigt, vilket s\u00e4kerst\u00e4ller effektiv resursallokering och l\u00e4gre kostnader.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Leveranstidsf\u00f6nster<\/h3>\r\n            <p>Ange individuella tidsbegr\u00e4nsningar f\u00f6r varje leverans. Systemet planerar rutter f\u00f6r att uppfylla dessa f\u00f6nster s\u00e5 n\u00e4ra som m\u00f6jligt.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>St\u00f6d f\u00f6r en hubb\/flera hubbar<\/h3>\r\n            <p>M\u00f6jligg\u00f6r centraliserad eller distribuerad ruttplanering.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>H\u00e4nsyn till lastningstid<\/h3>\r\n            <p>Ta h\u00e4nsyn till lastningstider vid hubben, s\u00e5 att den totala rutttiden inkluderar varje steg i leveransprocessen.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Inkludering av servicetid<\/h3>\r\n            <p>Inkludera tiden som spenderas vid leveransplatser f\u00f6r uppgifter som parkering, hitta entr\u00e9er, samla in signaturer och navigera i byggnader.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Flexibla optimeringskriterier<\/h3>\r\n            <p>Anpassa ruttoptimering efter dina preferenser, s\u00e5som minimering av avst\u00e5nd, varaktighet eller en anpassad kostnadsfunktion.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Anpassningsbara begr\u00e4nsningar<\/h3>\r\n            <p>S\u00e4tt gr\u00e4nser f\u00f6r ruttd\u00f6dlina, maxavst\u00e5nd, kostnader eller br\u00e4nslef\u00f6rbrukning f\u00f6r att m\u00f6ta dina operativa behov.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>F\u00f6rarvilotid<\/h3>\r\n            <p>Inkludera f\u00f6rarpauser i ruttplaneringen och ange X minuters vila efter var N:e timmes k\u00f6rning.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Verktyg f\u00f6r ruttf\u00f6rb\u00e4ttring<\/h3>\r\n            <p>Skicka in befintliga rutter till systemet f\u00f6r analys och optimering, samtidigt som f\u00f6rdefinierade begr\u00e4nsningar respekteras.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>St\u00f6d f\u00f6r cykelrutter<\/h3>\r\n            <p>Generera rutter optimerade f\u00f6r lastcyklar, med h\u00e4nsyn till cykelv\u00e4gar och hastigheter.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>GDPR-efterlevnad<\/h3>\r\n            <p>Fullt kompatibel med GDPR-regler, all data hostas p\u00e5 AWS Europa. L\u00e4s <a class=\"tp-link\" href=\"#\" aria-label=\"L\u00e4s v\u00e5r fullst\u00e4ndiga samtyckesblankett\">v\u00e5r fullst\u00e4ndiga samtyckesblankett<\/a>.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STANDARD -->\r\n      <div class=\"tp-panel\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"tp-tab-standard\" id=\"tp-panel-standard\" hidden>\r\n        <div class=\"tp-grid tp-grid--two\">\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Anpassade kostnadsfunktioner<\/h3>\r\n            <p>Definiera skr\u00e4ddarsydda kostnadsfunktioner, till exempel br\u00e4nslef\u00f6rbrukning eller att inkludera f\u00f6rar- och lastbilskostnader d\u00e4r varje kan ha en annan timkostnad.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Omfattande analysdashboard<\/h3>\r\n            <p>F\u00e5 tillg\u00e5ng till detaljerad operativ statistik s\u00e5som rutter per dag, fordonsanv\u00e4ndning, medel-\/min-\/maxavst\u00e5nd, varaktigheter och andra nyckelindikatorer.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PREMIUM -->\r\n      <div class=\"tp-panel\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"tp-tab-premium\" id=\"tp-panel-premium\" hidden>\r\n        <div class=\"tp-grid\">\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Ruttplanering f\u00f6r farligt gods<\/h3>\r\n            <p>Markera rutter som transporterar farligt gods och s\u00e4kerst\u00e4ll att de undviker begr\u00e4nsade zoner som stadsk\u00e4rnor eller bostadsomr\u00e5den.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>K\u00f6medveten ruttplanering<\/h3>\r\n            <p>Planera rutter som tar h\u00e4nsyn till tr\u00e4ngselzoner i st\u00e4der som Stockholm, Oslo och andra urbana omr\u00e5den i Europa och Storbritannien.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tp-item reveal\">\r\n            <span class=\"tp-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n                <path d=\"M12 2l4.8 4.8L22 12l-5.2 5.2L12 22l-4.8-4.8L2 12l5.2-5.2L12 2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 5.2 18.8 12 12 18.8 5.2 12 12 5.2Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".65\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <h3>Trafikprognos<\/h3>\r\n            <p>Anv\u00e4nd maskininl\u00e4rning f\u00f6r att analysera historiska data, v\u00e4derf\u00f6rh\u00e5llanden och m\u00f6nster, vilket m\u00f6jligg\u00f6r korrekta restidsprognoser och dynamiska ruttjusteringar.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --tp-bg:#ffffff;\r\n    --tp-text:#0f172a;\r\n    --tp-muted:#64748b;\r\n    --tp-accent:#0ea5e9;\r\n    --tp-accent2:#0b4a7a;\r\n    --tp-border: rgba(15,23,42,.10);\r\n    --tp-shadow: 0 10px 34px rgba(15,23,42,.10);\r\n  }\r\n\r\n  #tr-plan-features{\r\n    font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    background: var(--tp-bg);\r\n    color: var(--tp-text);\r\n    padding: clamp(28px, 5vw, 56px) 0;\r\n  }\r\n\r\n  .tp-wrap{\r\n    width: min(1180px, 92vw);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Tabs *\/\r\n  .tp-tabs{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap: 10px;\r\n    margin: 0 0 26px;\r\n  }\r\n  .tp-tab{\r\n    appearance:none;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    background: #0b84c6;\r\n    color: #fff;\r\n    padding: 12px 22px;\r\n    border-radius: 8px;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    cursor:pointer;\r\n    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;\r\n    box-shadow: 0 10px 20px rgba(2,132,199,.18);\r\n  }\r\n  .tp-tab:hover{ transform: translateY(-1px); }\r\n  .tp-tab.is-active{\r\n    background: #0b3f6b;\r\n    box-shadow: 0 14px 26px rgba(2,132,199,.22);\r\n  }\r\n  .tp-tab:focus-visible{\r\n    outline: 3px solid rgba(14,165,233,.35);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  \/* Panel *\/\r\n  .tp-panel{ display:block; }\r\n  .tp-panel[hidden]{ display:none; }\r\n\r\n  \/* Grid *\/\r\n  .tp-grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 28px 34px;\r\n    align-items:start;\r\n  }\r\n  .tp-grid--two{\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Item *\/\r\n  .tp-item{\r\n    display:grid;\r\n    grid-template-columns: 28px 1fr;\r\n    column-gap: 14px;\r\n    row-gap: 6px;\r\n    align-items:start;\r\n  }\r\n\r\n  .tp-ic{\r\n    color: rgba(245,158,11,.75);\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .tp-item h3{\r\n    margin: 0;\r\n    font-size: 22px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    letter-spacing: -.01em;\r\n    color: rgba(15,23,42,.78);\r\n  }\r\n\r\n  .tp-item p{\r\n    margin: 0;\r\n    grid-column: 2 \/ -1;\r\n    color: var(--tp-muted);\r\n    line-height: 1.65;\r\n    font-size: 15px;\r\n    max-width: 46ch;\r\n  }\r\n\r\n  .tp-link{\r\n    color: #e11d48;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(225,29,72,.35);\r\n  }\r\n  .tp-link:hover{ border-bottom-color: rgba(225,29,72,.75); }\r\n\r\n  \/* Reveal *\/\r\n  .reveal{ opacity:0; transform: translateY(14px); }\r\n  .reveal.in-view{\r\n    opacity:1; transform:none;\r\n    transition: opacity .6s ease, transform .6s cubic-bezier(.2,.65,.2,1);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px){\r\n    .tp-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .tp-item p{ max-width: 52ch; }\r\n  }\r\n  @media (max-width: 680px){\r\n    .tp-tabs{ gap: 8px; flex-wrap: wrap; }\r\n    .tp-tab{ width: 100%; max-width: 320px; }\r\n    .tp-grid{ grid-template-columns: 1fr; gap: 22px; }\r\n    .tp-grid--two{ grid-template-columns: 1fr; }\r\n    .tp-item h3{ font-size: 20px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .reveal, .reveal.in-view{ transition: none !important; transform:none !important; }\r\n    .tp-tab{ transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Tabs + reveal (inga externa beroenden)\r\n  (function(){\r\n    const root = document.getElementById('tr-plan-features');\r\n    if(!root) return;\r\n\r\n    const tabs = Array.from(root.querySelectorAll('.tp-tab'));\r\n    const panels = {\r\n      basic: root.querySelector('#tp-panel-basic'),\r\n      standard: root.querySelector('#tp-panel-standard'),\r\n      premium: root.querySelector('#tp-panel-premium')\r\n    };\r\n\r\n    function setActive(plan){\r\n      tabs.forEach(btn=>{\r\n        const isActive = btn.dataset.plan === plan;\r\n        btn.classList.toggle('is-active', isActive);\r\n        btn.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n        if(isActive) btn.focus({preventScroll:true});\r\n      });\r\n\r\n      Object.keys(panels).forEach(key=>{\r\n        const el = panels[key];\r\n        if(!el) return;\r\n        const on = key === plan;\r\n        el.classList.toggle('is-active', on);\r\n        el.hidden = !on;\r\n      });\r\n\r\n      \/\/ re-run reveal for newly shown panel\r\n      if(observer){\r\n        root.querySelectorAll('.reveal').forEach(el=>{\r\n          if(!el.classList.contains('in-view')) observer.observe(el);\r\n        });\r\n      }\r\n    }\r\n\r\n    tabs.forEach(btn=>{\r\n      btn.addEventListener('click', ()=> setActive(btn.dataset.plan));\r\n      btn.addEventListener('keydown', (e)=>{\r\n        if(e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;\r\n        e.preventDefault();\r\n        const i = tabs.indexOf(btn);\r\n        const next = e.key === 'ArrowRight' ? (i+1) % tabs.length : (i-1+tabs.length) % tabs.length;\r\n        tabs[next].click();\r\n      });\r\n    });\r\n\r\n    \/\/ Reveal on view\r\n    let observer = null;\r\n    if('IntersectionObserver' in window){\r\n      observer = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e=>{\r\n          if(e.isIntersecting){\r\n            e.target.classList.add('in-view');\r\n            observer.unobserve(e.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.12 });\r\n      root.querySelectorAll('.reveal').forEach(el=>observer.observe(el));\r\n    }else{\r\n      root.querySelectorAll('.reveal').forEach(el=>el.classList.add('in-view'));\r\n    }\r\n  })();\r\n<\/script>\r\n<!-- ===== Slut TrendRoute | Planfunktioner ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-966cd51 e-con-full e-flex e-con e-parent\" data-id=\"966cd51\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c40177 elementor-widget elementor-widget-html\" data-id=\"0c40177\" 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 Priss\u00e4ttning (Pro, \"Standard \u00e4r popul\u00e4r\" endast via styling) ===== -->\r\n<section class=\"pricing-clean\" role=\"region\" aria-label=\"Priss\u00e4ttning\">\r\n  <!-- subtil bakgrund -->\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\">Pris<\/h2>\r\n      <p class=\"pc-sub\">V\u00e4lj en flexibel prisplan som passar dina behov.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pc-cards\">\r\n      <!-- Bas -->\r\n      <article class=\"pc-card\" aria-label=\"Basplan\">\r\n        <div class=\"pc-top\">\r\n          <h3 class=\"pc-plan\">Basplan<\/h3>\r\n          <span class=\"pc-cap\">F\u00f6r upp till 500 order<\/span>\r\n          <i class=\"pc-accent\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\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.02<\/span>\r\n          <\/div>\r\n          <small class=\"pc-meta\">per leveransadress<\/small>\r\n        <\/div>\r\n\r\n        <ul class=\"pc-list\">\r\n          <li><i><\/i>Flexibla optimeringskriterier<\/li>\r\n          <li><i><\/i>Anpassningsbara begr\u00e4nsningar<\/li>\r\n          <li><i><\/i>F\u00f6rarvilotid<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"pc-cta\" href=\"#contact\" aria-label=\"Starta gratis provperiod - Basplan\">Starta gratis provperiod<\/a>\r\n      <\/article>\r\n\r\n      <!-- Standard (popul\u00e4r via stil) -->\r\n      <article class=\"pc-card is-popular\" aria-label=\"Standardplan (Popul\u00e4r)\">\r\n        <div class=\"pc-top\">\r\n          <h3 class=\"pc-plan\">Standardplan<\/h3>\r\n          <span class=\"pc-cap\">F\u00f6r upp till 1000 order<\/span>\r\n          <i class=\"pc-accent\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\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.022<\/span>\r\n          <\/div>\r\n          <small class=\"pc-meta\"><s class=\"pc-strike\">$0.027<\/s> per leveransadress<\/small>\r\n        <\/div>\r\n\r\n        <ul class=\"pc-list\">\r\n          <li><i><\/i>Omfattande analysdashboard<\/li>\r\n          <li><i><\/i>Anpassade kostnadsfunktioner<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"pc-cta\" href=\"#contact\" aria-label=\"Starta gratis provperiod - Standardplan\">Starta gratis provperiod<\/a>\r\n      <\/article>\r\n\r\n      <!-- Premium -->\r\n      <article class=\"pc-card\" aria-label=\"Premiumplan\">\r\n        <div class=\"pc-top\">\r\n          <h3 class=\"pc-plan\">Premiumplan<\/h3>\r\n          <span class=\"pc-cap\">F\u00f6r upp till 1000 order<\/span>\r\n          <i class=\"pc-accent\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\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.03<\/span>\r\n          <\/div>\r\n          <small class=\"pc-meta\">per leveransadress<\/small>\r\n        <\/div>\r\n\r\n        <ul class=\"pc-list\">\r\n          <li><i><\/i>K\u00f6medveten ruttplanering<\/li>\r\n          <li><i><\/i>Ruttplanering f\u00f6r farligt gods<\/li>\r\n          <li><i><\/i>Trafikprognos<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"pc-cta\" href=\"#contact\" aria-label=\"Starta gratis provperiod - Premiumplan\">Starta gratis provperiod<\/a>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <p class=\"pc-foot\">Priserna som visas \u00e4r <strong>per leveransadress<\/strong>. Volymrabatter finns p\u00e5 beg\u00e4ran.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{\r\n  --ink:#0f2b4d; --muted:#5d7698;\r\n  --brand:#00d2ff; --brand2:#7af3ff;\r\n  --bg1:#eef5ff; --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\/* bakgrund *\/\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 *\/\r\n.pc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch}\r\n\r\n\/* card base *\/\r\n.pc-card{\r\n  position:relative; display:flex; flex-direction:column; gap:14px;\r\n  min-height:480px;\r\n  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.82));\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 strip *\/\r\n.pc-top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px;\r\n  background:linear-gradient(90deg, rgba(0,210,255,.14), rgba(122,243,255,.14))}\r\n.pc-plan{margin:0; font:800 1.18rem 'Poppins',system-ui; color:#0b2c5a}\r\n.pc-cap{font:700 .92rem 'Inter',system-ui; color:#1c4a7a; 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:18px; right:18px; top:0; height:4px; border-radius:0 0 6px 6px; background:linear-gradient(90deg, rgba(0,210,255,.2), rgba(122,243,255,.2))}\r\n\r\n\/* price *\/\r\n.pc-price{padding:6px 18px 0}\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.pc-strike{color:#9cb2ca; margin-right:8px}\r\n\r\n\/* features *\/\r\n.pc-list{list-style:none; margin:8px 0 0; padding:0 18px; display:flex; flex-direction:column; gap:12px; font:500 1.02rem\/1.7 'Inter',system-ui; color:#0c3a6b}\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}\r\n.pc-list li i::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%, #7af3ff, #00d2ff);box-shadow:0 0 0 2px rgba(0,210,255,.15)}\r\n\r\n\/* CTA *\/\r\n.pc-cta{\r\n  margin:auto 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\/* ===== Popul\u00e4r styling (inga badges\/ribbons) ===== *\/\r\n.pc-card.is-popular{\r\n  \/* gradientkant utan overlay *\/\r\n  background:\r\n    linear-gradient(#ffffff, #ffffff) padding-box,\r\n    linear-gradient(135deg, var(--brand), var(--brand2)) border-box;\r\n  border:1.5px solid transparent;\r\n  filter:saturate(1.04);\r\n  transform:translateY(-8px);\r\n  box-shadow:0 34px 76px rgba(15,32,70,.22);\r\n}\r\n.pc-card.is-popular .pc-plan{\r\n  background:linear-gradient(90deg, var(--brand), var(--brand2));\r\n  -webkit-background-clip:text; background-clip:text; color:transparent;\r\n}\r\n.pc-card.is-popular .pc-num{ font-size:clamp(2.2rem,4vw,2.9rem) }\r\n.pc-card.is-popular .pc-accent{\r\n  height:6px; border-radius:0 0 10px 10px;\r\n  background:linear-gradient(90deg,var(--brand),var(--brand2));\r\n  overflow:hidden; position:absolute; top:0; left:18px; right:18px;\r\n}\r\n.pc-card.is-popular .pc-accent::after{\r\n  content:''; position:absolute; inset:0; transform:translateX(-100%);\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);\r\n  animation:shine 2.8s ease-in-out infinite;\r\n}\r\n@keyframes shine{to{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:1024px){\r\n  .pc-cards{grid-template-columns:1fr; gap:18px}\r\n  .pc-card, .pc-card.is-popular{min-height:unset; transform:none; box-shadow:var(--shadow)}\r\n  .pc-card.is-popular .pc-num{font-size:clamp(2rem,5.2vw,2.6rem)}\r\n}\r\n<\/style>\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-f3596a6 e-con-full e-flex e-con e-parent\" data-id=\"f3596a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-191983a elementor-widget elementor-widget-html\" data-id=\"191983a\" 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<!-- ===== Minsta m\u00e5nadsfaktura \u2013 Notis (Elementor-redo) ===== -->\r\n<div class=\"tr-min-invoice\" dir=\"ltr\" lang=\"sv\" aria-label=\"Minsta m\u00e5nadsfakturabelopp\">\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    <!-- infoikon -->\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>Det minsta godk\u00e4nda <strong>m\u00e5natliga<\/strong> fakturabeloppet \u00e4r <strong>$300<\/strong>.<\/span>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI-Powered Multi-Route Optimization TrendRoute employs advanced mathematical optimization and machine learning to plan and optimise multi-stop routes. Using historical traffic data, driver performance, weather conditions, and patterns, TrendRoute estimates routes\u2019 travel time accurately and ensures efficient resource allocation to reduce costs. Request A Demo On-Time 94% Fuel Saved 15% Stops\/hr +27% AI-driven flerutt- optimering TrendRoute [&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-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":91,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/226\/revisions\/750"}],"wp:attachment":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}