{"id":315,"date":"2025-05-05T13:08:34","date_gmt":"2025-05-05T13:08:34","guid":{"rendered":"https:\/\/trendroute.ai\/?page_id=315"},"modified":"2026-01-05T14:02:58","modified_gmt":"2026-01-05T14:02:58","slug":"food-delivery-platform","status":"publish","type":"page","link":"https:\/\/trendroute.ai\/sv\/food-delivery-platform\/","title":{"rendered":"food delivery platform"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"315\" class=\"elementor elementor-315\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-178fdc7 e-con-full e-flex e-con e-parent\" data-id=\"178fdc7\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ebda6 elementor-widget elementor-widget-html\" data-id=\"d1ebda6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hero-clean\">\r\n  <div class=\"hero-clean__wrap\">\r\n    <!-- Left: \u0645\u062a\u0646 -->\r\n    <div class=\"hero-clean__content\">\r\n      <h1>St\u00e4rk din plattform f\u00f6r matleverans med v\u00e5rt AI-baserade API f\u00f6r ruttoptimering<\/h1>\r\n      <p>Optimera leveranskostnader, h\u00e5ll maten i toppkvalitet och imponera p\u00e5 dina kunder.<\/p>\r\n      <a href=\"https:\/\/trendroute.ai\/sv\/#form-demo\" class=\"hero-clean__btn\">Boka en demo<\/a>\r\n    <\/div>\r\n\r\n    <!-- Right: \u062a\u0635\u0648\u06cc\u0631 -->\r\n    <div class=\"hero-clean__media\">\r\n      <img decoding=\"async\" src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\" alt=\"Illustration av ruttoptimering f\u00f6r matleveranser\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.hero-clean {\r\n  position: relative;\r\n  width: 100vw;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n  background: linear-gradient(120deg, #0e2a6b 0%, #1566c1 55%, #3ae6fa 100%);\r\n  padding: 60px 20px;\r\n}\r\n.hero-clean__wrap {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  z-index: 2;\r\n}\r\n.hero-clean__content {\r\n  background: rgba(255,255,255,0.83);\r\n  border-radius: 18px;\r\n  box-shadow: 0 8px 38px rgba(0,90,170,0.10);\r\n  backdrop-filter: blur(2px);\r\n  padding: 2rem;\r\n  transition: box-shadow 0.3s;\r\n}\r\n.hero-clean__content:hover {\r\n  box-shadow: 0 16px 48px rgba(14,42,107,0.14);\r\n}\r\n.hero-clean__content h1 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 2.5rem;\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n  color: #0e2a6b;\r\n  margin-bottom: 1rem;\r\n}\r\n.hero-clean__content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.2rem;\r\n  line-height: 1.6;\r\n  color: #1b3a6b;\r\n  margin-bottom: 2rem;\r\n}\r\n.hero-clean__btn {\r\n  display: inline-block;\r\n  padding: 0.75rem 2rem;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  background: linear-gradient(90deg,#1566c1 0%,#00e0b8 100%);\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  box-shadow: 0 6px 16px rgba(21,102,193,0.20);\r\n  transition: transform 0.3s, box-shadow 0.3s, background 0.4s;\r\n}\r\n.hero-clean__btn:hover {\r\n  transform: translateY(-3px) scale(1.03);\r\n  box-shadow: 0 12px 24px rgba(21,102,193,0.28);\r\n  background: linear-gradient(90deg,#003366 0%,#00e0b8 100%);\r\n}\r\n.hero-clean__media img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 30px rgba(0,0,0,0.12);\r\n}\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .hero-clean__wrap { grid-template-columns:1fr; text-align:center; }\r\n  .hero-clean__content { margin-bottom:20px; }\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-9e8d861 e-con-full e-flex e-con e-parent\" data-id=\"9e8d861\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ca9ce elementor-widget elementor-widget-html\" data-id=\"03ca9ce\" 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<!-- ============== Why Choose TrendRoute? (Elementor-ready \/ No-JS) ============== -->\r\n<section class=\"tr-why\" dir=\"ltr\" aria-label=\"Why Choose TrendRoute?\">\r\n  <style>\r\n    .tr-why{\r\n      --ink:#0e2b4d;\r\n      --muted:#5c7291;\r\n      --brand1:#0ea5ea;\r\n      --brand2:#22d3ee;\r\n      --card:#ffffffcc;\r\n      --edge:#e6eefb;\r\n      --shadow-card:0 18px 42px rgba(15,41,86,.12);\r\n      --glow:0 20px 50px rgba(14,165,233,.18);\r\n      position:relative; isolation:isolate;\r\n      padding: clamp(40px,7vw,72px) clamp(18px,5vw,36px);\r\n      color:var(--ink);\r\n      background:\r\n        radial-gradient(700px 360px at 90% 0%, #bfe7ff55, transparent 60%),\r\n        radial-gradient(600px 320px at 8% 8%, #c7efff40, transparent 60%),\r\n        linear-gradient(180deg, #f4f8ff, #f9fbff);\r\n      border-radius:20px;\r\n      border:1px solid #edf3ff;\r\n    }\r\n    \/* header *\/\r\n    .trw-head{ text-align:center; margin-bottom: clamp(18px,3.5vw,28px); }\r\n    .trw-title{\r\n      margin:0 0 6px; font-weight:900;\r\n      font-size: clamp(26px,4.2vw,38px); line-height:1.15; letter-spacing:.2px;\r\n      color:#0e2b4d;\r\n      text-shadow:0 2px 0 #fff;\r\n    }\r\n\r\n    \/* grid *\/\r\n    .trw-grid{\r\n      max-width: 1200px; margin: 0 auto;\r\n      display:grid; gap: clamp(14px,2.4vw,24px);\r\n      grid-template-columns: repeat(4, minmax(0,1fr));\r\n    }\r\n    @media (max-width: 1024px){ .trw-grid{ grid-template-columns: repeat(2,1fr); } }\r\n    @media (max-width: 580px){ .trw-grid{ grid-template-columns: 1fr; } }\r\n\r\n    \/* card *\/\r\n    .trw-card{\r\n      position:relative; border-radius:18px; overflow:hidden;\r\n      background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.86));\r\n      border:1px solid var(--edge);\r\n      box-shadow: var(--shadow-card);\r\n      padding: 22px 18px;\r\n      display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;\r\n      transform: translateY(6px); opacity:0;\r\n      animation: rise .8s cubic-bezier(.2,.8,.2,1) forwards;\r\n    }\r\n    \/* staggered reveal *\/\r\n    .trw-card:nth-child(1){ animation-delay:.05s }\r\n    .trw-card:nth-child(2){ animation-delay:.12s }\r\n    .trw-card:nth-child(3){ animation-delay:.19s }\r\n    .trw-card:nth-child(4){ animation-delay:.26s }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n\r\n    \/* icon pill *\/\r\n    .trw-ico{\r\n      width:56px; height:56px; border-radius:14px;\r\n      display:grid; place-items:center;\r\n      background: radial-gradient(60% 60% at 35% 30%, #fff 0, #fff0 60%),\r\n                  linear-gradient(135deg, #e9f9ff, #dff4ff);\r\n      border:1px solid #cfeaff;\r\n      box-shadow: inset 0 0 0 1px #ffffff80, var(--glow);\r\n      margin-bottom: 4px;\r\n      position:relative;\r\n    }\r\n    .trw-ico svg{ width:28px; height:28px; fill:none; stroke:url(#g); stroke-width:2.4; }\r\n    \/* tiny breathing effect on icon *\/\r\n    .trw-ico::after{\r\n      content:\"\"; position:absolute; inset:-12px; border-radius:18px;\r\n      background: radial-gradient(60% 60% at 50% 50%, #7ae8ff22, transparent 70%);\r\n      animation: breathe 3.6s ease-in-out infinite;\r\n    }\r\n    @keyframes breathe{ 50%{ transform:scale(1.04); opacity:.9 } }\r\n\r\n    .trw-h{ font-weight:800; font-size: 18px; color:#0a4da0; margin:4px 0 2px; }\r\n    .trw-p{ color:var(--muted); font-size:14px; line-height:1.8; }\r\n\r\n    \/* hover *\/\r\n    .trw-card:hover{\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 26px 58px rgba(15,41,86,.16);\r\n    }\r\n\r\n    \/* subtle bottom puddle shadow *\/\r\n    .trw-card::after{\r\n      content:\"\"; position:absolute; left:12%; right:12%; bottom:-10px; height:16px; border-radius:50%;\r\n      background: radial-gradient(60% 60% at 50% 50%, rgba(11,37,73,.18), transparent 70%);\r\n      filter: blur(6px); pointer-events:none;\r\n    }\r\n\r\n    \/* reduced motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trw-card{ animation:none; transform:none; opacity:1 }\r\n      .trw-ico::after{ animation:none }\r\n      .trw-card:hover{ transform:none }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trw-head\">\r\n    <h2 class=\"trw-title\">Varf\u00f6r v\u00e4lja TrendRoute?<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"trw-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Truck icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M3 6h11v8H3zM14 9h4l3 3v2h-7V9z\"\/>\r\n          <circle cx=\"7\" cy=\"16\" r=\"2\"\/><circle cx=\"17\" cy=\"16\" r=\"2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">AI-driven ruttplanering<\/h3>\r\n      <p class=\"trw-p\">\r\n        Utnyttja realtids- och historiska trafikdata f\u00f6r att ber\u00e4kna de snabbaste och mest effektiva rutterna.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Pin icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 21s6-6.5 6-11a6 6 0 1 0-12 0c0 4.5 6 11 6 11z\"\/>\r\n          <circle cx=\"12\" cy=\"10\" r=\"2.2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Exakta ETA:er<\/h3>\r\n      <p class=\"trw-p\">\r\n        F\u00e5 precisa ankomstprognoser baserade p\u00e5 historiska trafiktrender och leveransm\u00f6nster f\u00f6r mer f\u00f6ruts\u00e4gbar planering.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Thermometer\/analytics icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M10 4v12a4 4 0 1 0 4 0V4a2 2 0 1 0-4 0z\"\/>\r\n          <circle cx=\"12\" cy=\"18\" r=\"1.8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Analytisk instrumentpanel<\/h3>\r\n      <p class=\"trw-p\">\r\n        F\u00e5 insikter i leveransprestanda, rutt-effektivitet och operativa nyckeltal via anpassningsbara visuella rapporter.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Dollar icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 2v20M8 7c0-2 8-2 8 0s-8 2-8 4 8 2 8 4-8 2-8 0\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Betala per anv\u00e4ndning<\/h3>\r\n      <p class=\"trw-p\">\r\n        Flexibel och transparent priss\u00e4ttning s\u00e5 att du bara betalar f\u00f6r de stopp du optimerar.\r\n      <\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- ============== \/Why Choose TrendRoute? ============== -->\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-520ccc6 e-con-full e-flex e-con e-parent\" data-id=\"520ccc6\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88e7fb7 elementor-widget elementor-widget-html\" data-id=\"88e7fb7\" 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 \u2022 Dashboard Showcase (Elementor-ready \/ No-JS) ========== -->\r\n<section class=\"tr-dash\" dir=\"ltr\" aria-label=\"Dashboard showcase\">\r\n  <style>\r\n    .tr-dash{\r\n      --ink:#0f2b4d; --muted:#5d6f8f;\r\n      --brand1:#0ea5ea; --brand2:#22d3ee; --brand3:#3b82f6;\r\n      --card:#ffffff; --edge:#e7eefb;\r\n      --shadow-lg:0 40px 90px rgba(12,34,69,.18);\r\n      --shadow-sm:0 14px 34px rgba(12,34,69,.14);\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      padding: clamp(42px,8vw,88px) clamp(18px,5vw,42px);\r\n      color:var(--ink);\r\n      background:\r\n        radial-gradient(80% 70% at 15% -10%, #dff6ff66, transparent 60%),\r\n        radial-gradient(80% 70% at 95% 0%, #e8f7ff55, transparent 60%),\r\n        linear-gradient(180deg, #f4f8ff, #fbfdff);\r\n      border-radius:22px; border:1px solid #edf3ff;\r\n    }\r\n    \/* subtle animated light *\/\r\n    .tr-dash::after{\r\n      content:\"\"; position:absolute; inset:-10% -20% auto -20%; height:70%;\r\n      background: radial-gradient(50% 60% at 70% 40%, #c9f1ff66, transparent 60%);\r\n      filter: blur(20px); pointer-events:none; animation: fog 16s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes fog{ from{ transform:translateY(-8px)} to{ transform:translateY(8px)} }\r\n\r\n    .trd-wrap{ max-width:1200px; margin:0 auto; display:grid; gap:32px;\r\n      grid-template-columns: 1.02fr 1.18fr; align-items:center; }\r\n    @media (max-width: 1020px){ .trd-wrap{ grid-template-columns:1fr; } }\r\n\r\n    \/* Left content *\/\r\n    .trd-chip{\r\n      display:inline-flex; gap:8px; align-items:center; padding:6px 12px; border-radius:999px;\r\n      font:700 12px\/1.2 system-ui, -apple-system, \"Segoe UI\";\r\n      color:#0b2e57; background:#e8f7ff; border:1px solid #bfe9ff;\r\n    }\r\n    .trd-chip i{ width:8px; height:8px; border-radius:50%;\r\n      background: radial-gradient(circle at 30% 30%, #fff, #fff0 60%), linear-gradient(135deg, var(--brand1), var(--brand2)); box-shadow:0 0 12px #76eeff; }\r\n    .trd-title{\r\n      margin:12px 0 10px; font:900 clamp(26px,4.2vw,40px)\/1.15 system-ui, -apple-system, \"Segoe UI\";\r\n      letter-spacing:.2px; color:#0f2b4d;\r\n    }\r\n    .trd-sub{ color:var(--muted); font:500 clamp(14px,1.4vw,16px)\/1.9 system-ui; max-width:620px; }\r\n\r\n    .trd-list{ margin:14px 0 0; display:grid; gap:10px; }\r\n    .trd-list li{ display:flex; align-items:flex-start; gap:10px; color:#153a6a; font:500 14px\/1.8 system-ui; }\r\n    .trd-list li::before{\r\n      content:\"\"; margin-top:6px; width:14px; height:14px; border-radius:6px;\r\n      background: linear-gradient(135deg, var(--brand3), var(--brand1)); box-shadow: 0 0 0 2px #e6f4ff inset;\r\n    }\r\n\r\n    .trd-cta{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }\r\n    .trd-btn{\r\n      display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 18px; border-radius:12px;\r\n      border:0; cursor:pointer; font:800 14px\/1 system-ui; text-decoration:none; color:#052a44;\r\n      background: linear-gradient(90deg, #10b981, #00d2ff); box-shadow:0 14px 28px rgba(0,210,255,.28);\r\n      transition: transform .18s ease, box-shadow .2s ease, background-position .6s ease; background-size:180% 100%;\r\n    }\r\n    .trd-btn:hover{ transform:translateY(-2px); box-shadow:0 20px 36px rgba(0,210,255,.36); background-position: 100% 0; }\r\n    .trd-btn.ghost{ background:linear-gradient(90deg, #ffffff, #f6fbff); border:1px solid #cfe2ff; color:#0b2e57; box-shadow:var(--shadow-sm); }\r\n\r\n    \/* Right image frame *\/\r\n    .trd-frame{\r\n      position:relative; border-radius:20px; overflow:hidden; background:#ffffffcc;\r\n      border:1px solid var(--edge); box-shadow: var(--shadow-lg);\r\n      padding: clamp(8px,1vw,12px);\r\n    }\r\n    .trd-mock{\r\n      position:relative; border-radius:16px; overflow:hidden; background:#fff;\r\n      border:1px solid #e6edf8; box-shadow: 0 18px 50px rgba(15,41,86,.18);\r\n      transform: translateY(8px); opacity:0; animation: rise .9s cubic-bezier(.2,.8,.2,1) .15s forwards;\r\n    }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n\r\n    .trd-gloss{ content:\"\"; position:absolute; inset:0;\r\n      background: linear-gradient(145deg, transparent 0 55%, rgba(255,255,255,.14) 70%, transparent 85%);\r\n      pointer-events:none;\r\n    }\r\n    .trd-img{ display:block; width:100%; height:auto; object-fit:cover; }\r\n\r\n    \/* badge on frame *\/\r\n    .trd-badge{\r\n      position:absolute; left:16px; top:16px; padding:6px 10px; border-radius:999px;\r\n      font:700 12px\/1 system-ui; color:#0a2a4d; background:#e8f7ff; border:1px solid #bfe9ff;\r\n      box-shadow: inset 0 0 0 1px #ffffff80;\r\n    }\r\n\r\n    \/* tiny float animation *\/\r\n    .trd-frame{ animation: float 8s ease-in-out infinite alternate; }\r\n    @keyframes float{ from{ transform:translateY(-3px) } to{ transform:translateY(3px) } }\r\n\r\n    \/* reduce motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trd-frame{ animation:none }\r\n      .trd-mock{ animation:none; transform:none; opacity:1 }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trd-wrap\">\r\n    <!-- Left copy (edit freely) -->\r\n    <div class=\"trd-copy\">\r\n      <span class=\"trd-chip\"><i><\/i> Produkt\u00f6versikt<\/span>\r\n      <h2 class=\"trd-title\">Allt-i-ett f\u00f6r dispatch, fakturering & ruttadministration<\/h2>\r\n      <p class=\"trd-sub\">\r\n        En tydlig och operat\u00f6rsv\u00e4nlig instrumentpanel som samlar allt: best\u00e4llningar, f\u00f6rare, betalningar\r\n        och ruttprestanda\u2014s\u00e5 att ditt team kan agera snabbare med b\u00e4ttre sammanhang.\r\n      <\/p>\r\n<ul class=\"trd-list\" role=\"list\">\r\n  <li>Sidonavigering f\u00f6r snabb v\u00e4xling mellan moduler<\/li>\r\n  <li>Fokus p\u00e5 live-sp\u00e5rning: fordonens positioner i realtid, ETA-uppdateringar och orderstatus p\u00e5 kartan<\/li>\r\n  <li>F\u00f6rseningsanalys synlig f\u00f6r \u00e4gare av matleveransverksamheter: f\u00f6lj sena best\u00e4llningar, f\u00f6rberedelsef\u00f6rseningar och serviceprestanda<\/li>\r\n<\/ul>\r\n\r\n\r\n      <div class=\"trd-cta\">\r\n        <a class=\"trd-btn\" href=\"https:\/\/trendroute.ai\/sv\/#form-demo\">Visa live-demo<\/a>\r\n        <a class=\"trd-btn ghost\" href=\"#\">Se dokumentation<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: dashboard image -->\r\n    <figure class=\"trd-frame\">\r\n      <span class=\"trd-badge\">Instrumentpanel<\/span>\r\n      <div class=\"trd-mock\">\r\n        <img decoding=\"async\" class=\"trd-img\"\r\n             src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-22-at-14.13.23.jpeg\"\r\n             alt=\"F\u00f6rhandsvisning av TrendRoute-instrumentpanelen\">\r\n        <i class=\"trd-gloss\" aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/Dashboard Showcase ========== -->\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-185c8c0 e-con-full e-flex e-con e-parent\" data-id=\"185c8c0\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87b69f8 elementor-widget elementor-widget-html\" data-id=\"87b69f8\" 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 \u2022 How It Works + Fancy Code (Modern) ========== -->\r\n<section class=\"tr-how-code\" dir=\"ltr\" aria-label=\"How It Works\">\r\n  <style>\r\n    .tr-how-code{\r\n      --ink:#0e2b4d; --muted:#5d6f8f;\r\n      --blue1:#0ea5ea; --blue2:#3b82f6; --aqua:#22d3ee;\r\n      --bgTop:#f7faff; --bgBottom:#0b142b;\r\n      --radius:18px;\r\n      position:relative; overflow:hidden; isolation:isolate;\r\n      border-radius:20px; border:1px solid #eaf1ff;\r\n      background:\r\n        linear-gradient(180deg, var(--bgTop) 0%, var(--bgTop) 58%, var(--bgBottom) 58%, var(--bgBottom) 100%);\r\n    }\r\n\r\n    .tr-wrap{ max-width:1200px; margin:0 auto; padding: clamp(36px,6vw,60px) 22px; }\r\n    .tr-title{ text-align:center; margin:0 0 clamp(20px,3.6vw,32px); }\r\n    .tr-title h2{ font:900 clamp(26px,4.2vw,40px)\/1.15 system-ui; color:var(--ink); }\r\n\r\n    \/* Steps *\/\r\n    .tr-steps{ display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(14px,2.6vw,28px); margin-bottom: clamp(26px,5vw,46px); }\r\n    @media (max-width:980px){ .tr-steps{ grid-template-columns:1fr 1fr; } }\r\n    @media (max-width:560px){ .tr-steps{ grid-template-columns:1fr; } }\r\n\r\n    .step{ background:#fff; border:1px solid #e8eef8; border-radius:16px; padding:18px; box-shadow:0 12px 30px rgba(15,41,86,.08);\r\n      display:grid; grid-template-columns:56px 1fr; gap:12px; align-items:start; transition:transform .2s ease, box-shadow .2s ease; }\r\n    .step:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(15,41,86,.12); }\r\n    .num{ width:56px; height:56px; border-radius:14px; display:grid; place-items:center; font:800 18px\/1 system-ui; color:#0a2a4d;\r\n      background:linear-gradient(135deg,#e9f8ff,#d9f0ff); border:1px solid #cce9ff; }\r\n    .step h3{ margin:4px 0 6px; color:#0a4da0; font:800 18px\/1.2 system-ui }\r\n    .step p{ margin:0; color:var(--muted); font:500 14px\/1.8 system-ui }\r\n\r\n    \/* Code block *\/\r\n    .code-wrap{ margin: clamp(22px,4.6vw,40px) auto 0; max-width:880px;\r\n      border-radius:16px; overflow:hidden; box-shadow:0 24px 70px rgba(2,10,24,.55); position:relative; }\r\n    .code-head{ padding:12px 16px; background:linear-gradient(90deg, #0b75d8, #18b4f6); color:#fff; font:700 13px system-ui; letter-spacing:.3px; }\r\n    .code-body{ background:linear-gradient(180deg,#0f1d37,#0d1b33); font:500 14px\/1.9 ui-monospace,monospace; color:#cde6ff; padding:16px 20px; position:relative; }\r\n\r\n    \/* Decoration bottom *\/\r\n    .code-wrap::after{ content:\"\"; position:absolute; bottom:-2px; left:0; right:0; height:10px;\r\n      background:linear-gradient(90deg, rgba(14,165,233,.8), rgba(59,130,246,.8), rgba(34,211,238,.8));\r\n      filter:blur(8px); opacity:.7; }\r\n    .code-glow{ position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); width:120%; height:100px;\r\n      background:radial-gradient(ellipse at center, rgba(59,130,246,.25), transparent 70%); pointer-events:none; }\r\n\r\n    \/* Syntax *\/\r\n    .s-key{ color:#7dd3fc } .s-str{ color:#a7f3d0 } .s-num{ color:#fca5a5 } .s-punc{ color:#cbd5e1 }\r\n  <\/style>\r\n\r\n  <div class=\"tr-wrap\">\r\n    <!-- Title -->\r\n    <div class=\"tr-title\"><h2>S\u00e5 fungerar det<\/h2><\/div>\r\n\r\n    <!-- Steps -->\r\n    <div class=\"tr-steps\">\r\n      <div class=\"step\"><div class=\"num\">1<\/div><div><h3>Definiera dina fordon<\/h3><p>Skicka dina fordonsprofiler (kapacitet, typ, hastighet). Varje rutt startar fr\u00e5n upph\u00e4mtningsplatsen.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">2<\/div><div><h3>Ladda upp best\u00e4llningar<\/h3><p>POST:a en JSON-array med upph\u00e4mtnings- och leveransadresser, tidsf\u00f6nster och servicetider via v\u00e5rt API.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">3<\/div><div><h3>Tryck p\u00e5 \u201cOptimera\u201d<\/h3><p>V\u00e5r AI-motor genererar de mest effektiva rutterna som f\u00f6ljer alla begr\u00e4nsningar p\u00e5 millisekunder.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">4<\/div><div><h3>Granska analys<\/h3><p>Anv\u00e4nd instrumentpanelen f\u00f6r att f\u00f6lja nyckeltal som rutt-effektivitet, stopp, str\u00e4cka och leveransprestanda.<\/p><\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Code Block -->\r\n    <div class=\"code-wrap\">\r\n      <div class=\"code-head\">route_request.json<\/div>\r\n      <div class=\"code-body\">\r\n<pre><code>{\r\n  <span class=\"s-key\">\"cost_per_hour\"<\/span>: <span class=\"s-num\">3600<\/span>,\r\n  <span class=\"s-key\">\"cost_per_km\"<\/span>: <span class=\"s-num\">1<\/span>,\r\n  <span class=\"s-key\">\"hub\"<\/span>: { <span class=\"s-key\">\"id\"<\/span>: <span class=\"s-str\">\"hub_id\"<\/span>, <span class=\"s-key\">\"latitude\"<\/span>: <span class=\"s-num\">59.31<\/span>, <span class=\"s-key\">\"longitude\"<\/span>: <span class=\"s-num\">18.08<\/span> },\r\n  <span class=\"s-key\">\"max_distance\"<\/span>: <span class=\"s-num\">100000<\/span>,\r\n  <span class=\"s-key\">\"max_duration\"<\/span>: <span class=\"s-num\">100000<\/span>,\r\n  <span class=\"s-key\">\"orders\"<\/span>: [ <span class=\"s-punc\">\/* ... *\/<\/span> ]\r\n}<\/code><\/pre>\r\n      <\/div>\r\n      <div class=\"code-glow\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/How It Works + Fancy Code ========== -->\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-dfe332f e-con-full e-flex e-con e-parent\" data-id=\"dfe332f\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b8ab3 elementor-widget elementor-widget-html\" data-id=\"03b8ab3\" 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<!-- ========== Business Benefits (Elementor-ready \/ No-JS) ========== -->\r\n<section class=\"tr-benefits\" dir=\"ltr\" aria-label=\"Business Benefits\">\r\n  <style>\r\n    .tr-benefits{\r\n      --ink:#0e2b4d; --muted:#5d6f8f;\r\n      --g1:#0ea5ea; --g2:#3b82f6; --g3:#22d3ee;\r\n      --card:#ffffff; --edge:#e8eef8;\r\n      --shadow:0 20px 46px rgba(15,41,86,.12);\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      padding: clamp(40px,7vw,72px) clamp(18px,5vw,36px);\r\n      border-radius:20px; border:1px solid #edf3ff;\r\n      background:\r\n        radial-gradient(700px 360px at 90% -10%, #cfeeff66, transparent 60%),\r\n        radial-gradient(600px 320px at 10% 0%, #e6f6ff55, transparent 60%),\r\n        linear-gradient(180deg, #f6f9ff, #fbfdff);\r\n      color:var(--ink);\r\n    }\r\n\r\n    \/* Header *\/\r\n    .trb-head{ text-align:center; margin-bottom: clamp(18px,3.6vw,28px); }\r\n    .trb-title{\r\n      margin:0; font-weight:900; letter-spacing:.2px;\r\n      font-size: clamp(26px,4.4vw,40px); line-height:1.15;\r\n    }\r\n    .trb-underline{\r\n      width: clamp(90px,12%,140px); height:6px; border-radius:6px; margin:10px auto 0;\r\n      background: linear-gradient(90deg, var(--g2), var(--g1));\r\n      box-shadow: 0 6px 20px rgba(14,165,233,.35);\r\n    }\r\n\r\n    \/* Grid *\/\r\n    .trb-grid{\r\n      max-width: 1200px; margin: 0 auto;\r\n      display:grid; gap: clamp(14px,2.4vw,24px);\r\n      grid-template-columns: repeat(4, minmax(0,1fr));\r\n    }\r\n    @media (max-width: 1024px){ .trb-grid{ grid-template-columns: repeat(2,1fr); } }\r\n    @media (max-width: 560px){ .trb-grid{ grid-template-columns: 1fr; } }\r\n\r\n    \/* Card *\/\r\n    .trb-card{\r\n      position:relative; border-radius:18px; overflow:hidden;\r\n      background: linear-gradient(180deg, #ffffffee, #ffffffd8);\r\n      border:1px solid var(--edge);\r\n      box-shadow: var(--shadow);\r\n      padding: 22px 18px 20px;\r\n      display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;\r\n      transform: translateY(8px); opacity:0;\r\n      animation: rise .7s cubic-bezier(.2,.8,.2,1) forwards;\r\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n    }\r\n    .trb-card:nth-child(1){ animation-delay:.05s }\r\n    .trb-card:nth-child(2){ animation-delay:.12s }\r\n    .trb-card:nth-child(3){ animation-delay:.19s }\r\n    .trb-card:nth-child(4){ animation-delay:.26s }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n    .trb-card:hover{ transform: translateY(-4px); box-shadow:0 28px 60px rgba(15,41,86,.16); border-color:#d9e9ff; }\r\n\r\n    \/* Icon bubble *\/\r\n    .trb-ico{\r\n      width:64px; height:64px; border-radius:16px; display:grid; place-items:center; position:relative;\r\n      background:\r\n        radial-gradient(60% 60% at 35% 30%, #fff 0, #fff0 60%),\r\n        linear-gradient(135deg, #e8f8ff, #dff3ff);\r\n      border:1px solid #cfeaff; box-shadow: inset 0 0 0 1px #ffffff88, 0 12px 28px rgba(14,165,233,.20);\r\n    }\r\n    .trb-ico svg{ width:30px; height:30px; fill:none; stroke:url(#gb); stroke-width:2.6; }\r\n    .trb-ico::after{\r\n      content:\"\"; position:absolute; inset:-12px; border-radius:22px;\r\n      background: radial-gradient(60% 60% at 50% 50%, #74e7ff30, transparent 70%);\r\n      animation: breathe 3.4s ease-in-out infinite;\r\n    }\r\n    @keyframes breathe{ 50%{ transform:scale(1.04) } }\r\n\r\n    .trb-h{ font-weight:800; font-size:18px; color:#0a4da0; margin:6px 0 2px; }\r\n    .trb-p{ color:var(--muted); font-size:14px; line-height:1.8; }\r\n\r\n    .trb-card::after{\r\n      content:\"\"; position:absolute; left:12%; right:12%; bottom:-10px; height:16px; border-radius:50%;\r\n      background: radial-gradient(60% 60% at 50% 50%, rgba(11,37,73,.18), transparent 70%); filter: blur(6px);\r\n      pointer-events:none;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trb-card{ animation:none; transform:none; opacity:1 }\r\n      .trb-ico::after{ animation:none }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trb-head\">\r\n    <h2 class=\"trb-title\">Aff\u00e4rsf\u00f6rdelar<\/h2>\r\n    <div class=\"trb-underline\" aria-hidden=\"true\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"trb-grid\">\r\n    <!-- 1 Reduce Costs -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 3v18M7 7c0-2 10-2 10 0s-10 2-10 4 10 2 10 4-10 2-10 0\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Minska kostnader<\/h3>\r\n      <p class=\"trb-p\">Minimera br\u00e4nsle- och personalkostnader med AI-driven ruttoptimering.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 2 Faster Deliveries -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M3 12h13M3 12l4-4M3 12l4 4M16 12l5-3M16 12l5 3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Snabbare leveranser<\/h3>\r\n      <p class=\"trb-p\">Minska den genomsnittliga leveranstiden med upp till 20 % och s\u00e4kerst\u00e4ll varma, f\u00e4rska m\u00e5ltider.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 3 Higher Satisfaction -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 3l2.6 5.3L20 9.3l-4 3.9.9 5.5L12 16.8 7.1 18.7 8 13.2 4 9.3l5.4-1z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">H\u00f6gre kundn\u00f6jdhet<\/h3>\r\n      <p class=\"trb-p\">\u00d6ka kundbetygen med leveranser i tid och med r\u00e4tt temperatur.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 4 Easy Scalability -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M4 16l4-6 4 4 6-8M3 20h18\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Enkel skalbarhet<\/h3>\r\n      <p class=\"trb-p\">Hantera h\u00f6g belastning smidigt med omedelbar, behovsstyrd optimering.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/Business Benefits ========== -->\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-8c3abc7 e-con-full e-flex e-con e-parent\" data-id=\"8c3abc7\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e47c015 elementor-widget elementor-widget-html\" data-id=\"e47c015\" 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<!-- ================= Pricing \u2022 Pro Minimal+ (3 Plans, refined fonts & visuals) ================= -->\r\n<section class=\"prx2\" dir=\"ltr\" aria-label=\"Pricing\">\r\n  <!-- Google Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@700;800&family=Sora:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n  <div class=\"prx2-wrap\">\r\n    <header class=\"prx2-head\">\r\n      <h2>Hitta den perfekta planen<\/h2>\r\n      <p>Oavsett om du precis har b\u00f6rjat eller skalar upp har vi r\u00e4tt paket f\u00f6r dig.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx2-grid\">\r\n      <!-- BASIC -->\r\n      <article class=\"card\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">BASIC<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>API-\u00e5tkomst<\/li>\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>Anv\u00e4ndningsdashboard<\/li>\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>M\u00e5nadsfakturering<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.21<\/div>\r\n          <small>per anrop<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- STANDARD (Most Popular) -->\r\n      <article class=\"card pop\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">STANDARD<\/span>\r\n          <span class=\"ribbon\">Mest popul\u00e4r<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Alla Basic-funktioner<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Lagring av data i DB<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Visualiseringsdashboard<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.32<\/div>\r\n          <small>per anrop<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- PREMIUM -->\r\n      <article class=\"card\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">PREMIUM<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Alla Standard-funktioner<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>en fullst\u00e4ndig databas<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Avancerad analysdashboard<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>St\u00f6d f\u00f6r machine learning-insikter<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.99<\/div>\r\n          <small>per anrop<\/small>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    .prx2{\r\n      --ink:#0c1e38;\r\n      --muted:#6b7b96;\r\n      --vio1:#7d7ff6; --vio2:#636ff1; \/* header gradient *\/\r\n      --vioBorder1:#8a8ff7; --vioBorder2:#b1b5ff; \/* popular border *\/\r\n      --dot:#5966f2; --dotRing:#e9eaff;\r\n      --card:#fff; --line:#e7ebf5;\r\n      --r:22px;\r\n      --shadow:0 20px 46px rgba(21,31,70,.10);\r\n      background: linear-gradient(180deg,#f7f9fd,#f2f5fb);\r\n      border-radius:20px;\r\n      padding: clamp(42px,7vw,84px) 20px;\r\n      color:var(--ink);\r\n    }\r\n    .prx2-wrap{ max-width:1100px; margin:0 auto; }\r\n\r\n    \/* Header *\/\r\n    .prx2-head{ text-align:center; margin-bottom:28px; }\r\n    .prx2-head h2{\r\n      font-family:\"Sora\",system-ui; font-weight:900;\r\n      font-size: clamp(28px,4.6vw,44px); line-height:1.12; margin:0 0 6px;\r\n      letter-spacing:.2px;\r\n    }\r\n    .prx2-head p{\r\n      font-family:\"Inter\",system-ui; font-weight:500;\r\n      color:var(--muted); margin:0; font-size: clamp(14px,1.5vw,16px); line-height:1.8;\r\n    }\r\n\r\n    \/* Grid *\/\r\n    .prx2-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\r\n    @media (max-width:1000px){ .prx2-grid{ grid-template-columns:1fr; } }\r\n\r\n    \/* Card *\/\r\n    .card{\r\n      display:flex; flex-direction:column; overflow:hidden; border-radius:var(--r);\r\n      background: linear-gradient(#fff,#fefefe); border:1px solid var(--line);\r\n      box-shadow: var(--shadow);\r\n      transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;\r\n    }\r\n    .card:hover{ transform:translateY(-6px); box-shadow:0 26px 60px rgba(21,31,70,.14); border-color:#dfe3f7; }\r\n\r\n    .top{\r\n      position:relative; text-align:center; padding:26px 16px 22px;\r\n      background: linear-gradient(180deg,var(--vio1),var(--vio2)); color:#fff;\r\n    }\r\n    .plan{\r\n      font-family:\"Sora\",system-ui; font-weight:800; letter-spacing:.06em; text-transform:uppercase;\r\n      font-size: 1.25rem;\r\n    }\r\n\r\n    \/* Ribbon (popular) *\/\r\n    .pop .ribbon{\r\n      position:absolute; right:-48px; top:14px; transform: rotate(35deg);\r\n      background: linear-gradient(180deg,#a5a8ff,#7a84f5);\r\n      color:#fff; font: 700 11px \"Inter\",system-ui; padding: 6px 60px; border-radius:8px;\r\n      box-shadow: 0 10px 22px rgba(0,0,0,.15);\r\n    }\r\n\r\n    \/* Popular border glow *\/\r\n    .pop{\r\n      background:\r\n        linear-gradient(#ffffff,#ffffff) padding-box,\r\n        linear-gradient(135deg,var(--vioBorder1),var(--vioBorder2)) border-box;\r\n      border:1.5px solid transparent;\r\n      transform:translateY(-6px);\r\n      box-shadow:0 28px 64px rgba(21,31,70,.16);\r\n    }\r\n    @media (max-width:1000px){ .pop{ transform:none } }\r\n\r\n    \/* Features *\/\r\n    .feats{\r\n      list-style:none; margin:0; padding:22px 22px; display:flex; flex-direction:column; gap:14px;\r\n      color:#2c4166; font: 500 1rem\/1.7 \"Inter\",system-ui;\r\n    }\r\n    .feats li{ display:flex; gap:10px; align-items:flex-start; }\r\n    .feats svg{ width:14px; height:14px; margin-top:6px; }\r\n    .feats svg circle{ fill:var(--dot); }\r\n    .feats svg path{ stroke:var(--dot); }\r\n    .feats li::after{\r\n      content:\"\"; width:0; height:0; border-radius:8px; box-shadow:0 0 0 4px var(--dotRing);\r\n      margin-left:-14px; position:relative; left:-4px; opacity:.9;\r\n    }\r\n\r\n    \/* Price *\/\r\n    .price{\r\n      margin-top:auto; border-top:1px solid var(--line); padding:22px; text-align:center; background:#fff;\r\n    }\r\n    .amt{\r\n      font-family:\"Manrope\",system-ui; font-weight:800;\r\n      font-size: clamp(28px,4.4vw,42px); line-height:1.1; letter-spacing:.2px; color:#0b1f3b;\r\n    }\r\n    .amt span{ font-family:\"Inter\"; font-weight:800; font-size:18px; margin-right:4px; vertical-align:baseline; }\r\n    .price small{ display:block; margin-top:6px; color:#7a8aa7; font:600 .95rem \"Inter\"; }\r\n  <\/style>\r\n<\/section>\r\n<!-- ================= \/Pricing \u2022 Pro Minimal+ ================= -->\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-1cb25b7 e-con-full e-flex e-con e-parent\" data-id=\"1cb25b7\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4552a5 elementor-widget elementor-widget-html\" data-id=\"e4552a5\" 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=\"sv\" aria-label=\"Minsta m\u00e5natliga fakturabelopp\">\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>Det minsta acceptabla <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>Strengthen your food delivery platform using our AI-based route optimization API Optimize delivery cost, keep meals at peak quality, and wow your customers. Request a Demo St\u00e4rk din plattform f\u00f6r matleverans med v\u00e5rt AI-baserade API f\u00f6r ruttoptimering Optimera leveranskostnader, h\u00e5ll maten i toppkvalitet och imponera p\u00e5 dina kunder. Boka en demo Why Choose TrendRoute? AI-Powered [&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-315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/315","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=315"}],"version-history":[{"count":78,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/pages\/315\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/trendroute.ai\/sv\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}