{"id":406,"date":"2024-11-14T07:58:44","date_gmt":"2024-11-14T07:58:44","guid":{"rendered":"https:\/\/trendplus.se\/?page_id=406"},"modified":"2026-03-30T09:53:46","modified_gmt":"2026-03-30T09:53:46","slug":"action-based-chatbot-for-logistics-transportation","status":"publish","type":"page","link":"https:\/\/trendplus.se\/sv\/action-based-chatbot-for-logistics-transportation\/","title":{"rendered":"Revolutionize Your Logistics with Our AI-Powered Last-Mile Delivery Chatbot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"406\" class=\"elementor elementor-406\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f223f7 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"9f223f7\" 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-9fe2d88 elementor-widget elementor-widget-html\" data-id=\"9fe2d88\" 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<!-- ===== Trendbot \u2013 Modern Hero (Full-Width, Static Image) ===== -->\r\n<section class=\"trendbot-hero luxe\" id=\"trendbot-hero\" aria-label=\"Trendbot Hero\">\r\n  <!-- \u062f\u06a9\u0648\u0631\u0647\u0627\u06cc \u0645\u0644\u0627\u06cc\u0645 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 -->\r\n  <span class=\"tb-orb orb-1\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"tb-orb orb-2\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"tb-vignette\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"tb-grain\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"trendbot-container\">\r\n    <div class=\"tb-grid\">\r\n      <!-- \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0645\u062a\u0646 -->\r\n      <div class=\"tb-card\">\r\n        <h2 class=\"trendbot-heading\">\r\n          Trendbot: AI-agent f\u00f6r kundsupport\r\n        <\/h2>\r\n\r\n        <p class=\"trendbot-copy\">\r\n          V\u00e5r AI-agent \u00e4r en banbrytande l\u00f6sning f\u00f6r<br>\r\n          <b>last mile-leveranser<\/b> och <b>matleveranser<\/b>, som kombinerar avancerad AI med regelbaserad logik f\u00f6r smidiga interaktioner. Den st\u00f6der flexibla promptbaserade f\u00f6rfr\u00e5gningar och strukturerade arbetsfl\u00f6den f\u00f6r att effektivt l\u00f6sa vanliga \u00e4renden. Utformad f\u00f6r b\u00e5de potentiella och befintliga kunder\r\n        <\/p>\r\n\r\n        <!-- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u2013 \u0627\u06af\u0631 \u0644\u0627\u0632\u0645 \u0646\u0628\u0648\u062f \u062d\u0630\u0641 \u06a9\u0646) -->\r\n        <div class=\"tb-actions\">\r\n          <a href=\"#form\" class=\"tb-btn primary\">Boka en demo<\/a>\r\n          <a href=\"#work\" class=\"tb-btn ghost\">Se hur det fungerar<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u062a\u0635\u0648\u06cc\u0631 \u062b\u0627\u0628\u062a \u0648 \u062a\u0645\u06cc\u0632 -->\r\n      <figure class=\"tb-visual\" role=\"img\" aria-label=\"Action-Based Chatbot\">\r\n        <span class=\"img-halo\" aria-hidden=\"true\"><\/span>\r\n        <img\r\n          src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250514_1427_Ultramodern-Logistics-Hub_simple_compose_01jv7fkkxseaksyq4wfmam2a3r.jpg\"\r\n          alt=\"Handlingsbaserad chatbot\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        \/>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ====== Base (keep your brand palette) ====== *\/\r\n.trendbot-hero{\r\n  \/* \u0647\u0645\u0627\u0646 \u062a\u0648\u0646 \u0631\u0648\u0634\u0646\/\u0622\u0628\u06cc *\/\r\n  background: linear-gradient(135deg, #f5f8ff 0%, #e9eeff 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 84px 0;\r\n\r\n  \/* \u0641\u0648\u0644\u200c\u0648\u06cc\u062f\u062b \u0648\u0627\u0642\u0639\u06cc *\/\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  isolation: isolate;\r\n}\r\n\r\n\/* Container & Layout *\/\r\n.trendbot-container{ max-width: 1280px; margin: 0 auto; padding: 0 24px; }\r\n.tb-grid{\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr; \/* \u062a\u0623\u06a9\u06cc\u062f \u06a9\u0645\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0631\u0648\u06cc \u0645\u062a\u0646 *\/\r\n  gap: clamp(28px, 5vw, 64px);\r\n  align-items: center;\r\n}\r\n\r\n\/* ====== Text Card (Glass) ====== *\/\r\n.tb-card{\r\n  position: relative;\r\n  border-radius: 28px;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.60));\r\n  box-shadow:\r\n    0 30px 70px rgba(23,40,120,.12),\r\n    0 1px 0 rgba(255,255,255,.6) inset;\r\n  border: 1px solid rgba(13, 36, 114, .10);\r\n  padding: clamp(22px, 3vw, 40px);\r\n}\r\n\r\n\/* Border accent \u0644\u0648\u06a9\u0633 \u0628\u062f\u0648\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n.tb-card::before{\r\n  content:\"\"; position:absolute; inset:-1px; border-radius: inherit; padding:1px;\r\n  background: conic-gradient(from 140deg, #bcd9ff, #d2e9ff, #bdefff, #bcd9ff);\r\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask-composite: xor; mask-composite: exclude;\r\n  pointer-events:none; opacity:.55;\r\n}\r\n\r\n.trendbot-heading{\r\n  font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, \"Inter\", sans-serif;\r\n  font-weight: 800; line-height: 1.15;\r\n  font-size: clamp(28px, 4.2vw, 46px);\r\n  margin: 0 0 16px 0;\r\n  letter-spacing: .2px;\r\n  background: linear-gradient(90deg, #20307a, #003477 60%, #001a3b);\r\n  -webkit-background-clip: text; background-clip: text; color: transparent;\r\n  text-shadow: 0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.trendbot-copy{\r\n  font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, \"Poppins\", sans-serif;\r\n  font-size: clamp(15px, 1.2vw, 18px);\r\n  line-height: 1.8;\r\n  color: #314167;\r\n  margin: 0;\r\n}\r\n.trendbot-copy b{\r\n  color:#0e2a6b;\r\n  padding: 0 .05em;\r\n}\r\n\r\n\/* Actions *\/\r\n.tb-actions{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 18px; }\r\n.tb-btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  height: 44px; padding: 0 18px;\r\n  border-radius: 12px; font-weight: 600; letter-spacing:.2px;\r\n  font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, \"Poppins\", sans-serif;\r\n  text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;\r\n}\r\n.tb-btn.primary{\r\n  background: linear-gradient(90deg, #003477, #0e2a6b);\r\n  color: #fff; box-shadow: 0 10px 24px rgba(0,52,119,.22);\r\n}\r\n.tb-btn.primary:hover{ transform: translateY(-1px); box-shadow: 0 16px 30px rgba(0,52,119,.28); }\r\n.tb-btn.ghost{\r\n  background: #ffffff;\r\n  color: #0e2a6b;\r\n  border: 1px solid rgba(14,42,107,.18);\r\n}\r\n.tb-btn.ghost:hover{ background:#f7fbff; border-color: rgba(14,42,107,.28); }\r\n\r\n\/* ====== Visual (Static Image) ====== *\/\r\n.tb-visual{\r\n  position: relative; max-width: 620px; margin-inline:auto;\r\n  border-radius: 28px; overflow: visible;\r\n}\r\n.tb-visual .img-halo{\r\n  position:absolute; inset:-6%; border-radius: 34px; z-index:0;\r\n  background:\r\n    radial-gradient(60% 60% at 30% 30%, rgba(0,95,200,.14), transparent 60%),\r\n    radial-gradient(60% 60% at 70% 70%, rgba(0,120,220,.12), transparent 60%);\r\n  filter: blur(14px);\r\n}\r\n.tb-visual img{\r\n  position: relative; z-index:1;\r\n  width: 100%; height: auto; display:block;\r\n  border-radius: 24px;\r\n  box-shadow: 0 18px 48px rgba(6,38,102,.18), 0 1px 0 rgba(255,255,255,.6) inset;\r\n  transition: transform .35s ease;\r\n}\r\n.tb-visual img:hover{ transform: scale(1.02); }\r\n\r\n\/* ====== Background decor (subtle) ====== *\/\r\n.tb-orb{ position:absolute; border-radius:50%; filter: blur(22px); opacity:.55; }\r\n.tb-orb.orb-1{ width:520px; height:520px; right:-140px; top:-160px;\r\n  background: radial-gradient(circle, rgba(0,120,220,.20), transparent 65%); }\r\n.tb-orb.orb-2{ width:420px; height:420px; left:-160px; bottom:-140px;\r\n  background: radial-gradient(circle, rgba(0,180,255,.18), transparent 65%); }\r\n.tb-vignette{ position:absolute; inset:0; pointer-events:none;\r\n  background: radial-gradient(140% 120% at 50% -20%, transparent 0 55%, rgba(0,0,0,.06) 75% 100%); }\r\n.tb-grain{ position:absolute; inset:0; pointer-events:none; opacity:.06; mix-blend-mode: overlay;\r\n  background-image: repeating-conic-gradient(from 0deg, rgba(255,255,255,.04) 0 .5deg, rgba(0,0,0,.04) .5deg 1deg); }\r\n\r\n\/* ====== Responsive ====== *\/\r\n@media (max-width: 1100px){\r\n  .trendbot-hero{ padding: 68px 0; }\r\n  .tb-grid{ grid-template-columns: 1fr; }\r\n  .tb-visual{ order: -1; }\r\n}\r\n@media (max-width: 640px){\r\n  .trendbot-hero{ padding: 56px 0; }\r\n  .trendbot-heading{ font-size: 1.9rem; }\r\n  .trendbot-copy{ font-size: 1rem; }\r\n  .tb-actions{ gap: 8px; }\r\n  .tb-btn{ height: 42px; padding: 0 16px; }\r\n}\r\n<\/style>\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-4286c0e e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"4286c0e\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebde764 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ebde764\" 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<!-- === Benefits Section (Logistik & Transport) === -->\r\n<section class=\"trend-benefits\">\r\n  <div class=\"benefits-container\">\r\n    <h2 class=\"benefits-heading\">\r\n      F\u00f6rdelar f\u00f6r logistik- och transportf\u00f6retag\r\n    <\/h2>\r\n\r\n    <ul class=\"benefits-list\">\r\n      <li><span>F\u00f6rb\u00e4ttrad kundsupport:<\/span> Leverera omedelbara l\u00f6sningar och minska v\u00e4ntetider.<\/li>\r\n      <li><span>Operativ effektivitet:<\/span> Automatisera repetitiva uppgifter som sp\u00e5rning eller \u00e4rendeuppdateringar.<\/li>\r\n      <li><span>F\u00f6rb\u00e4ttrat anv\u00e4ndarengagemang:<\/span><br> Erbjud personlig hj\u00e4lp genom s\u00e4kra inloggningar.<\/li>\r\n      <li><span>Kostnadsbesparingar:<\/span> Minska behovet av stora supportteam samtidigt som ni skalar enkelt.<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========  BENEFITS  ======== *\/\r\n.trend-benefits{\r\n  \/* \u0633\u0647 \u0644\u0627\u06cc\u0647 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a \u062f\u0627\u0631\u06a9 \u0648 \u062c\u0630\u0627\u0628 *\/\r\n  background:\r\n    radial-gradient(circle at 15% 15%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 55%),\r\n    radial-gradient(circle at 85% 85%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 45%),\r\n    linear-gradient(135deg, #2b0e66 0%, #003477 50%, #001a3b 100%);\r\n  padding:100px 0 120px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  \/* \u0641\u0648\u0644\u200c\u0648\u06cc\u062f\u062b \u0648\u0627\u0642\u0639\u06cc \u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0642\u0627\u0644\u0628 *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n}\r\n.benefits-container{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n}\r\n.benefits-heading{\r\n  font-family:\"Poppins\",sans-serif;\r\n  font-size:2.75rem;\r\n  font-weight:700;\r\n  line-height:1.2;\r\n  color:#ffffff;\r\n  text-align:center;\r\n  margin:0 0 64px;\r\n}\r\n.benefits-heading::after{\r\n  content:'';\r\n  display:block;\r\n  width:80px;\r\n  height:4px;\r\n  margin:24px auto 0;\r\n  background:linear-gradient(90deg,#00d2ff 0%,#4affd2 100%);\r\n  border-radius:2px;\r\n}\r\n.benefits-list{\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n  gap:32px;\r\n}\r\n.benefits-list li{\r\n  position:relative;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.10);\r\n  border-radius:20px;\r\n  padding:32px 24px 28px 72px;\r\n  font-family:\"Inter\",sans-serif;\r\n  font-size:1.115rem;\r\n  line-height:1.6;\r\n  color:#e5e7eb;\r\n  transition:transform .4s ease,box-shadow .4s ease;\r\n  backdrop-filter:blur(12px);\r\n}\r\n.benefits-list li span{\r\n  font-weight:600;\r\n  color:#ffffff;\r\n}\r\n.benefits-list li::before{\r\n  content:\"\\2713\"; \/* checkmark *\/\r\n  position:absolute;\r\n  left:24px;\r\n  top:32px;\r\n  width:32px;\r\n  height:32px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.1rem;\r\n  color:#ffffff;\r\n  background:linear-gradient(135deg,#00d2ff 0%,#4affd2 100%);\r\n  border-radius:50%;\r\n  box-shadow:0 4px 10px rgba(0,210,255,.5);\r\n}\r\n.benefits-list li:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 12px 32px rgba(0,0,0,.35);\r\n}\r\n\/*  Responsive  *\/\r\n@media(max-width:1024px){\r\n  .trend-benefits{padding:80px 0 100px}\r\n  .benefits-heading{font-size:2.25rem}\r\n}\r\n@media(max-width:767px){\r\n  .benefits-heading{font-size:1.75rem;margin:0 0 48px}\r\n  .benefits-heading::after{width:60px}\r\n  .benefits-list li{font-size:1rem;padding:28px 20px 24px 60px}\r\n  .benefits-list li::before{left:16px;top:28px}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca02459 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"ca02459\" 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-1702ba1 elementor-widget elementor-widget-html\" data-id=\"1702ba1\" 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<!-- Trendbot Key Features \u2013 Modern Tabs (Elementor HTML Widget) -->\r\n<style>\r\n  .tpf{\r\n    --bg:#0f1418;\r\n    --card:#ffffff;\r\n    --ink:#172033;\r\n    --muted:#5f6b7c;\r\n    --pill:#eef2f6;\r\n    --pill-ink:#2b3551;\r\n    --brand:#0E2A6B;          \/* TrendPlus Deep Blue *\/\r\n    --brand-2:#003477;        \/* TrendPlus Blue *\/\r\n    --radius:18px;\r\n    --shadow: 0 10px 28px rgba(13,25,43,.10), 0 2px 10px rgba(13,25,43,.06);\r\n    font-family: Inter, ui-sans-serif, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--ink);\r\n  }\r\n  .tpf .wrap{\r\n    background: linear-gradient(180deg,#fff, #fbfcff);\r\n    border-radius: calc(var(--radius) + 6px);\r\n    padding: clamp(18px, 2.5vw, 30px);\r\n    box-shadow: var(--shadow);\r\n  }\r\n  .tpf h2{\r\n    margin: 0 0 18px 0;\r\n    font-size: clamp(20px, 2.3vw, 26px);\r\n    color: var(--brand);\r\n    letter-spacing:.2px;\r\n  }\r\n\r\n  \/* Tabs row *\/\r\n  .tpf .tabs{\r\n    display:flex; flex-wrap:wrap; gap:10px;\r\n    margin-bottom: clamp(16px, 2vw, 22px);\r\n  }\r\n  .tpf .tab{\r\n    position:relative;\r\n    border:0; outline:0; cursor:pointer;\r\n    padding:12px 16px;\r\n    font-weight:600; font-size:14px; letter-spacing:.15px;\r\n    color: var(--pill-ink);\r\n    background: var(--pill);\r\n    border-radius: 14px;\r\n    box-shadow: inset 0 -1px 0 rgba(0,0,0,.04);\r\n    transition: transform .18s ease, background .25s ease, color .25s ease;\r\n    user-select:none;\r\n  }\r\n  .tpf .tab:hover{ transform: translateY(-1px); }\r\n  .tpf .tab[aria-selected=\"true\"]{\r\n    color:#fff;\r\n    background: linear-gradient(135deg, var(--brand), var(--brand-2) 70%);\r\n    box-shadow: 0 6px 18px rgba(0,52,119,.22);\r\n  }\r\n\r\n  .tpf .tab::after{\r\n    content:\"\"; position:absolute; inset:0; border-radius:inherit; pointer-events:none;\r\n    background: radial-gradient(120px 120px at var(--x,50%) var(--y,50%), rgba(255,255,255,.35), transparent 55%);\r\n    opacity:0; transition: opacity .35s ease;\r\n  }\r\n  .tpf .tab:active::after{ opacity:1; }\r\n\r\n  .tpf .panel{\r\n    display:none; align-items:center; gap: clamp(18px, 3vw, 38px);\r\n    animation: tpfIn .55s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n  .tpf .panel[aria-hidden=\"false\"]{ display:flex; }\r\n\r\n  @keyframes tpfIn{\r\n    from{ opacity:0; transform: translateY(10px); }\r\n    to{ opacity:1; transform: translateY(0); }\r\n  }\r\n\r\n  .tpf .media{\r\n    position:relative; flex:0 0 min(560px, 48%);\r\n    border-radius: 20px; overflow:hidden;\r\n    background: linear-gradient(145deg, rgba(14,42,107,.06), rgba(0,52,119,.04));\r\n    box-shadow: var(--shadow);\r\n    isolation:isolate;\r\n  }\r\n\r\n  .tpf .media .img-wrap{\r\n    aspect-ratio: 16\/9; width:100%; position:relative; overflow:hidden;\r\n  }\r\n\r\n  .tpf .media img{\r\n    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;\r\n    transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease;\r\n  }\r\n\r\n  .tpf .media:hover img{ transform: scale(1.03); }\r\n\r\n  .tpf .content{\r\n    flex:1 1 0;\r\n    max-width: 640px;\r\n  }\r\n\r\n  .tpf .content ul{ margin:0; padding-left: 20px; }\r\n\r\n  .tpf .content li{\r\n    margin: 10px 0;\r\n    line-height: 1.55;\r\n    font-size: clamp(14px, 1.3vw, 16px);\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    .tpf .panel{ flex-direction:column; align-items:stretch; }\r\n    .tpf .media{ flex: 1 1 auto; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tpf\" id=\"trendbot-features\">\r\n  <div class=\"wrap\">\r\n    <h2>Trendbot Nyckelfunktioner<\/h2>\r\n\r\n    <div class=\"tabs\" role=\"tablist\" aria-label=\"Trendbot funktioner\">\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"true\" aria-controls=\"p1\" id=\"t1\">Hybrid Interaktionsmodell<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p2\" id=\"t2\">S\u00e4ker kundinloggning<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p3\" id=\"t3\">Handlingsorienterade funktioner<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p4\" id=\"t4\">Leveranshantering<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p5\" id=\"t5\">Flexibilitet och skalbarhet<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p6\" id=\"t6\">Effektiv anv\u00e4ndarupplevelse<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p7\" id=\"t7\">Avancerad rapportering och insikter<\/button>\r\n      <button class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"p8\" id=\"t8\">Tillg\u00e4nglighet dygnet runt<\/button>\r\n    <\/div>\r\n\r\n    <!-- Panels -->\r\n    <section class=\"panel\" id=\"p1\" role=\"tabpanel\" aria-labelledby=\"t1\" aria-hidden=\"false\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-14.00.27-A-16_9-minimalist-illustration-representing-a-hybrid-conversational-approach-combining-rule-based-and-AI-driven-systems.-The-design-features-two-disti-1024x585.webp\" alt=\"Hybrid Interaktionsmodell\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Kombinerar regelbaserade och AI-drivna konversationsmetoder.<\/li>\r\n          <li>G\u00f6r det m\u00f6jligt f\u00f6r kunder att st\u00e4lla anpassade fr\u00e5gor eller f\u00f6lja f\u00f6rdefinierade arbetsfl\u00f6den.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p2\" role=\"tabpanel\" aria-labelledby=\"t2\" aria-hidden=\"true\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-13.45.33-A-16_9-minimalist-illustration-representing-secure-customer-login-compliance-with-European-data-protection-standards-and-personalized-service-access-1024x585.webp\" alt=\"S\u00e4ker kundinloggning\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>S\u00e4kerst\u00e4ller efterlevnad av europeiska dataskyddsstandarder.<\/li>\r\n          <li>Alla inloggningar skyddas med krypterade API-anrop.<\/li>\r\n          <li>M\u00f6jligg\u00f6r personlig service f\u00f6r befintliga kunder.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p3\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-13.30.21-A-16_9-minimalist-illustration-representing-ticket-management-including-creating-and-following-up-on-support-tickets.-The-design-features-a-simple-ic-1024x585.webp\" alt=\"Handlingsorienterade funktioner\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>\u00c4rendehantering<\/li>\r\n          <li>Skapa support\u00e4renden<\/li>\r\n          <li>F\u00f6lj upp befintliga \u00e4renden<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p4\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-13.13.34-A-16_9-ultra-minimalist-illustration-representing-tracking-delivery-status-using-order-IDs-and-the-ability-to-cancel-or-postpone-orders.-The-design-in-1024x585.webp\" alt=\"Leveranshantering\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Sp\u00e5ra leveransstatus med order-ID<\/li>\r\n          <li>Avbryt eller skjuta upp best\u00e4llningar<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p5\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-13.12.04-A-16_9-ultra-minimalist-illustration-representing-adaptability-to-custom-workflows-and-scalability-for-high-customer-query-volumes.-The-design-feature-1024x585.webp\" alt=\"Flexibilitet och skalbarhet\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Anpassningsbar f\u00f6r olika arbetsfl\u00f6den<\/li>\r\n          <li>Skalbar f\u00f6r h\u00f6g volym av kundf\u00f6rfr\u00e5gningar<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p6\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-13.08.25-A-16_9-minimalist-illustration-representing-an-intuitive-interface-for-query-resolution-with-automated-processes.-The-design-features-a-clean-circular-1024x585.webp\" alt=\"Effektiv anv\u00e4ndarupplevelse\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Intuitivt gr\u00e4nssnitt<\/li>\r\n          <li>Minskar manuellt arbete genom automatisering<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p7\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-12.55.47-A-16_9-ultra-minimalist-illustration-representing-analytics-for-customer-queries-and-bottlenecks.-The-central-elements-are-basic-geometric-shapes_-a-s-1024x585.webp\" alt=\"Avancerad rapportering\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Detaljerade insikter fr\u00e5n kundkonversationer<\/li>\r\n          <li>Analys av kundbeteende<\/li>\r\n          <li>Identifiera operativa flaskhalsar<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"panel\" id=\"p8\">\r\n      <figure class=\"media\">\r\n        <div class=\"img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/01\/DALL%C2%B7E-2025-01-15-12.15.10-A-16_9-minimalist-and-clean-illustration-representing-24_7-customer-and-business-assistance.-The-central-focus-is-a-simple-icon-of-an-AI-powered-suppo-1024x585.webp\" alt=\"Tillg\u00e4nglighet dygnet runt\">\r\n        <\/div>\r\n      <\/figure>\r\n      <div class=\"content\">\r\n        <ul>\r\n          <li>Tillg\u00e4nglig support dygnet runt f\u00f6r kunder och f\u00f6retag<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb6a09b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"fb6a09b\" 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-9b59c36 elementor-widget elementor-widget-menu-anchor\" data-id=\"9b59c36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"work\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9b83e elementor-widget elementor-widget-html\" data-id=\"6c9b83e\" 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<!-- === Trend\/AI Hero \u2013 Luxury Glass & Neon (Swedish Version) === -->\r\n<section class=\"xp-hero\" id=\"ai-chatbot-hero\" aria-label=\"AI Chatbot Hero\">\r\n  <!-- \u062a\u0632\u0626\u06cc\u0646\u0627\u062a \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 -->\r\n  <div class=\"xp-orb orb-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xp-orb orb-2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xp-orb orb-3\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xp-vignette\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xp-grain\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"xp-container\">\r\n    <div class=\"xp-grid\">\r\n      <!-- \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0645\u062a\u0646 -->\r\n      <div class=\"xp-card reveal\">\r\n        <h2 class=\"xp-title\">\r\n          Upplev den b\u00e4sta AI-agenten f\u00f6r kundsupport inom logistik och mer\r\n        <\/h2>\r\n        <p class=\"xp-copy\">\r\n          V\u00e5r <strong>AI-agent<\/strong> \u00e4r utformad f\u00f6r att revolutionera kundinteraktioner inom sista-milen-leverans, matleverans och logistik. Oavsett om du \u00e4r en \u00e5terf\u00f6rs\u00e4ljare, restaurang eller transportf\u00f6retag, utnyttjar v\u00e5r chatbot <strong>expertprompter<\/strong> och <strong>avancerade arbetsfl\u00f6den<\/strong> f\u00f6r att ge skr\u00e4ddarsytt st\u00f6d, effektivisera verksamheten och \u00f6ka kundn\u00f6jdheten.\r\n        <\/p>\r\n      <\/div>\r\n      <!-- \u0648\u06cc\u0698\u0648\u0627\u0644 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627 \u0627\u0641\u06a9\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc -->\r\n      <div class=\"xp-visual tilt reveal\" role=\"img\" aria-label=\"AI Chatbot Illustration\">\r\n        <div class=\"xp-blob\"><\/div>\r\n        <div class=\"xp-ring\"><\/div>\r\n        <img\r\n          src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0836_Revolutionizing-Last-Mile-Interactions_simple_compose_01jv9dxcbnfbr86favnhx0nd2q.webp\"\r\n          alt=\"AI Chatbot Illustration\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        \/>\r\n        <span class=\"xp-shine\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n\/* ================== Luxury Hero \u2013 Scoped Styles ================== *\/\r\n\/* \u0631\u0646\u06af\u200c\u0647\u0627 \u0648 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 (\u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645) *\/\r\n.xp-hero{\r\n  --bg-deep:#070a16;\r\n  --bg-grad-1:#0e2a6b;\r\n  --bg-grad-2:#003477;\r\n  --bg-grad-3:#001a3b;\r\n  --accent-1:#00d2ff; \/* \u0646\u0626\u0648\u0646 \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc *\/\r\n  --accent-2:#6a5cff; \/* \u0627\u0631\u063a\u0648\u0627\u0646\u06cc-\u0622\u0628\u06cc \u0644\u0648\u06a9\u0633 *\/\r\n  --accent-3:#4affd2; \/* \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc \u0631\u0648\u0634\u0646 *\/\r\n  --glass:#0b1226cc; \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc *\/\r\n  --glass-border:rgba(255,255,255,.12);\r\n  --radius-outer:28px;\r\n  --radius-inner:22px;\r\n  --shadow-xxl: 0 30px 80px rgba(0,0,0,.55);\r\n  --shadow-glow: 0 0 0 1px rgba(255,255,255,.08), 0 10px 40px rgba(0,210,255,.15);\r\n  --container:1280px;\r\n}\r\n\/* \u0633\u06a9\u0634\u0646 \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a\u200c\u0647\u0627\u06cc \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 *\/\r\n.xp-hero{\r\n  position:relative;\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n  overflow:hidden;\r\n  color:#fff;\r\n  background:\r\n    radial-gradient(1200px 800px at 85% 20%, rgba(106,92,255,.25) 0%, transparent 65%),\r\n    radial-gradient(1000px 700px at 10% 85%, rgba(0,210,255,.18) 0%, transparent 60%),\r\n    linear-gradient(135deg, var(--bg-grad-1) 0%, var(--bg-grad-2) 50%, var(--bg-grad-3) 100%),\r\n    var(--bg-deep);\r\n  isolation:isolate;\r\n  transform:translateZ(0);\r\n}\r\n\/* \u0638\u0631\u0641 \u0645\u0631\u06a9\u0632\u06cc *\/\r\n.xp-container{\r\n  max-width:var(--container);\r\n  margin-inline:auto;\r\n  padding: min(9vh,110px) 24px;\r\n}\r\n\/* \u0634\u0628\u06a9\u0647 \u0686\u06cc\u062f\u0645\u0627\u0646 *\/\r\n.xp-grid{\r\n  display:grid;\r\n  grid-template-columns: 1.15fr .85fr; \/* \u062a\u0645\u0631\u06a9\u0632 \u0628\u06cc\u0634\u062a\u0631 \u0631\u0648\u06cc \u0645\u062a\u0646 *\/\r\n  gap: clamp(28px, 5vw, 72px);\r\n  align-items:center;\r\n}\r\n\/* \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 *\/\r\n.xp-card{\r\n  position:relative;\r\n  border-radius:var(--radius-outer);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) ,\r\n              linear-gradient(180deg, var(--glass), rgba(11,18,38,.6));\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  box-shadow: var(--shadow-xxl), var(--shadow-glow);\r\n  padding: clamp(24px, 3.2vw, 40px);\r\n  border:1px solid var(--glass-border);\r\n  overflow:hidden;\r\n}\r\n\/* \u0628\u0648\u0631\u062f\u0631 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a\u06cc \u067e\u0648\u06cc\u0627 *\/\r\n.xp-card::before{\r\n  content:\"\";\r\n  position:absolute; inset:-1px;\r\n  border-radius:inherit;\r\n  background: conic-gradient(from 120deg,\r\n              rgba(0,210,255,.25),\r\n              rgba(106,92,255,.25),\r\n              rgba(74,255,210,.25),\r\n              rgba(0,210,255,.25));\r\n  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask-composite: xor; mask-composite: exclude;\r\n  padding:1px; z-index:-1; filter:blur(.5px);\r\n  animation: border-spin 9s linear infinite;\r\n}\r\n\/* \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0644\u0637\u06cc\u0641 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631\u062a *\/\r\n.xp-card::after{\r\n  content:\"\";\r\n  position:absolute; inset:6px;\r\n  border-radius:calc(var(--radius-outer) - 6px);\r\n  background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.08), transparent 60%);\r\n  pointer-events:none;\r\n}\r\n\/* \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc *\/\r\n.xp-title{\r\n  margin:0 0 16px 0;\r\n  font-family:\"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, \"Inter\", sans-serif;\r\n  font-weight:800;\r\n  line-height:1.15;\r\n  letter-spacing:.2px;\r\n  font-size: clamp(28px, 4.2vw, 48px);\r\n  background: linear-gradient(90deg, #fff 0%, #eef6ff 50%, #dff7ff 100%);\r\n  -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  text-shadow: 0 6px 24px rgba(0,0,0,.35);\r\n}\r\n.xp-copy{\r\n  margin:0;\r\n  font-family:\"Inter\", system-ui, -apple-system, Segoe UI, Roboto, \"Poppins\", sans-serif;\r\n  font-size: clamp(15px, 1.2vw, 18px);\r\n  line-height:1.8;\r\n  color: rgba(255,255,255,.88);\r\n}\r\n.xp-copy strong{\r\n  color:var(--accent-1);\r\n  text-shadow: 0 0 18px rgba(0,210,255,.22);\r\n}\r\n\/* \u0628\u0627\u06a9\u0633 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc *\/\r\n.xp-visual{\r\n  position:relative;\r\n  aspect-ratio: 4 \/ 5;\r\n  max-width: 560px;\r\n  margin-inline:auto;\r\n  border-radius:var(--radius-outer);\r\n  overflow:visible;\r\n  transform-style:preserve-3d;\r\n}\r\n.xp-visual img{\r\n  position:relative; z-index:2;\r\n  width:100%; height:100%; object-fit:cover;\r\n  border-radius:var(--radius-inner);\r\n  box-shadow: var(--shadow-xxl);\r\n  transform: translateZ(15px);\r\n  transition: transform .4s ease;\r\n}\r\n\/* \u0647\u0627\u0644\u0647 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a\u06cc \u067e\u0634\u062a \u062a\u0635\u0648\u06cc\u0631 *\/\r\n.xp-blob{\r\n  position:absolute; inset:-10%;\r\n  background:\r\n    radial-gradient(60% 60% at 70% 30%, rgba(0,210,255,.35), transparent 60%),\r\n    radial-gradient(60% 60% at 30% 80%, rgba(106,92,255,.40), transparent 60%);\r\n  filter: blur(22px);\r\n  border-radius:42px;\r\n  transform: translateZ(0);\r\n  animation: blob-float 9s ease-in-out infinite;\r\n}\r\n\/* \u0631\u06cc\u0646\u06af \u062f\u0648\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627 \u0686\u0631\u062e\u0634 \u0622\u0631\u0627\u0645 *\/\r\n.xp-ring{\r\n  position:absolute; inset:-14px;\r\n  border-radius: calc(var(--radius-inner) + 14px);\r\n  background: conic-gradient(from 0deg, var(--accent-1), transparent 25%, var(--accent-2), transparent 50%, var(--accent-3), transparent 75%, var(--accent-1));\r\n  filter: blur(6px) saturate(120%);\r\n  opacity:.85;\r\n  z-index:1;\r\n  animation: spin 18s linear infinite;\r\n}\r\n\/* \u0627\u0646\u0639\u06a9\u0627\u0633 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 *\/\r\n.xp-shine{\r\n  position:absolute; inset:0; z-index:3; border-radius:var(--radius-inner);\r\n  background: linear-gradient(115deg, rgba(255,255,255,.08), rgba(255,255,255,0) 40% 60%, rgba(255,255,255,.08));\r\n  mix-blend-mode: screen; pointer-events:none;\r\n  transform: translateZ(20px);\r\n}\r\n\/* \u0627\u0648\u0631\u0628\u200c\u0647\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\r\n.xp-orb{ position:absolute; border-radius:50%; filter: blur(26px); opacity:.65; }\r\n.xp-orb.orb-1{ width:520px; height:520px; right:-160px; top:-120px;\r\n  background: radial-gradient(circle, rgba(0,210,255,.35), transparent 65%); }\r\n.xp-orb.orb-2{ width:360px; height:360px; left:-140px; bottom:-120px;\r\n  background: radial-gradient(circle, rgba(74,255,210,.30), transparent 65%); }\r\n.xp-orb.orb-3{ width:280px; height:280px; left:40%; top:8%;\r\n  background: radial-gradient(circle, rgba(106,92,255,.28), transparent 65%); }\r\n\/* \u0648\u06cc\u0646\u06cc\u062a \u0648 \u06af\u0631\u0650\u06cc\u0646 \u0644\u0637\u06cc\u0641 *\/\r\n.xp-vignette{ position:absolute; inset:0; pointer-events:none;\r\n  background: radial-gradient(120% 140% at 50% -10%, transparent 0 55%, rgba(0,0,0,.35) 70% 100%); }\r\n.xp-grain{ position:absolute; inset:0; pointer-events:none; opacity:.065; mix-blend-mode: overlay;\r\n  background-image: repeating-conic-gradient(from 0deg, rgba(255,255,255,.05) 0 0.5deg, rgba(0,0,0,.05) .5deg 1deg); }\r\n\/* \u0627\u0641\u06a9\u062a \u0646\u0645\u0627\u06cc\u0634 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\r\n.reveal{ opacity:0; transform: translateY(18px); transition: opacity .8s ease, transform .8s ease; }\r\n.reveal.in-view{ opacity:1; transform:none; }\r\n\/* \u062d\u0627\u0644\u062a Hover\/Tilt *\/\r\n.tilt:hover img{ transform: translateZ(15px) scale(1.02); }\r\n\/* \u067e\u0627\u0633\u062e\u200c\u06af\u0631\u0627 *\/\r\n@media (max-width: 1024px){\r\n  .xp-grid{ grid-template-columns: 1fr; }\r\n  .xp-visual{ order:-1; max-width: 640px; width:100%; }\r\n}\r\n@media (max-width: 560px){\r\n  .xp-container{ padding: 72px 18px; }\r\n  .xp-orb{ display:none; }\r\n  .xp-title{ letter-spacing:.1px; }\r\n}\r\n\/* \u0627\u062d\u062a\u0631\u0627\u0645 \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0645\u0648\u0634\u0646 *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .xp-card::before, .xp-ring, .xp-blob{ animation:none !important; }\r\n  .reveal{ transition:none !important; opacity:1 !important; transform:none !important; }\r\n}\r\n\/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 *\/\r\n@keyframes spin{ to{ transform: rotate(360deg); } }\r\n@keyframes border-spin{ to{ transform: rotate(360deg); } }\r\n@keyframes blob-float{\r\n  0%,100%{ transform: translate(0,0) scale(1);}\r\n  50%{ transform: translate(6px,-6px) scale(1.03);}\r\n}\r\n<\/style>\r\n<script>\r\n\/* ====== Scroll reveal + Parallax Orbs + Subtle Tilt (vanilla) ====== *\/\r\n(function(){\r\n  const root = document.getElementById('ai-chatbot-hero');\r\n  if(!root) return;\r\n  \/\/ IntersectionObserver \u0628\u0631\u0627\u06cc \u0627\u0641\u06a9\u062a reveal\r\n  const reveals = root.querySelectorAll('.reveal');\r\n  const io = ('IntersectionObserver' in window) ? new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); }\r\n    });\r\n  }, {threshold: .12}) : null;\r\n  if(io){ reveals.forEach(el=> io.observe(el)); } else { reveals.forEach(el=> el.classList.add('in-view')); }\r\n  \/\/ \u067e\u0627\u0631\u0627\u0644\u0627\u06a9\u0633 \u0627\u0648\u0631\u0628\u200c\u0647\u0627\r\n  const orbs = root.querySelectorAll('.xp-orb');\r\n  let reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(!reduced){\r\n    root.addEventListener('mousemove', (ev)=>{\r\n      const r = root.getBoundingClientRect();\r\n      const relX = (ev.clientX - r.left) \/ r.width - .5;\r\n      const relY = (ev.clientY - r.top) \/ r.height - .5;\r\n      orbs.forEach((o, i)=>{\r\n        const intensity = (i+1) * 6;\r\n        o.style.transform = `translate(${relX*intensity}px, ${relY*intensity}px)`;\r\n      });\r\n    });\r\n  }\r\n  \/\/ Tilt \u0638\u0631\u06cc\u0641 \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631\r\n  const tilt = root.querySelector('.tilt');\r\n  if(tilt && !reduced){\r\n    const maxTilt = 7; \/\/ \u062f\u0631\u062c\u0647\r\n    const img = tilt.querySelector('img');\r\n    const onMove = (e)=>{\r\n      const b = tilt.getBoundingClientRect();\r\n      const px = (e.clientX - b.left) \/ b.width - .5;\r\n      const py = (e.clientY - b.top) \/ b.height - .5;\r\n      tilt.style.transform = `perspective(900px) rotateY(${px*maxTilt}deg) rotateX(${-py*maxTilt}deg)`;\r\n      if(img){ img.style.transform = `translateZ(18px) scale(1.02)`; }\r\n    };\r\n    const reset = ()=>{\r\n      tilt.style.transform = 'perspective(900px) rotateY(0) rotateX(0)';\r\n      if(img){ img.style.transform = 'translateZ(15px)'; }\r\n    };\r\n    tilt.addEventListener('mousemove', onMove);\r\n    tilt.addEventListener('mouseleave', reset);\r\n    tilt.addEventListener('mouseenter', onMove);\r\n  }\r\n})();\r\n<\/script>\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-4feea2a e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"4feea2a\" 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-ea6fccf elementor-widget elementor-widget-html\" data-id=\"ea6fccf\" 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<!-- ===== Trendplus \u2013 Why Choose (Static Image, No Animations) - Swedish Version ===== -->\r\n<section class=\"tp-choose-static\" id=\"why-choose-trendplus\" aria-label=\"Varf\u00f6r v\u00e4lja Trendplus\">\r\n  <!-- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u062f\u06a9\u0648\u0631\u06cc (\u0627\u06cc\u0633\u062a\u0627) -->\r\n  <div class=\"tp-orb s1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tp-orb s2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tp-orb s3\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tp-grain\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tp-vignette\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tp-container\">\r\n    <!-- \u0628\u0646\u0631 \u0628\u0627\u0644\u0627: \u062a\u0635\u0648\u06cc\u0631 \u062b\u0627\u0628\u062a \u0648 \u062a\u0645\u06cc\u0632 -->\r\n    <figure class=\"tp-banner\" role=\"img\" aria-label=\"Trendplus Highlights\">\r\n      <img\r\n        src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-27-2025-02_43_55-PM.jpg\"\r\n        alt=\"Trendplus AI Chatbot Highlights\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      \/>\r\n    <\/figure>\r\n    <!-- \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0645\u062d\u062a\u0648\u0627 -->\r\n    <div class=\"tp-card\">\r\n      <h2 class=\"tp-title\">Varf\u00f6r v\u00e4lja v\u00e5r AI-agent f\u00f6r kundsupport?<\/h2>\r\n      <p class=\"tp-subtitle\">Tillg\u00e4nglig dygnet runt \u2022 Branschanpassad \u2022 Enkel integration \u2022 Gratis testperiod<\/p>\r\n      <!-- \u0686\u06cc\u067e\u200c\u0647\u0627\u06cc \u0645\u0632\u06cc\u062a -->\r\n      <ul class=\"tp-chips\">\r\n        <li class=\"chip\">Tillg\u00e4nglig dygnet runt<\/li>\r\n        <li class=\"chip\">Branschanpassad<\/li>\r\n        <li class=\"chip\">Enkel integration<\/li>\r\n        <li class=\"chip\">Gratis testperiod<\/li>\r\n      <\/ul>\r\n      <!-- \u0686\u0647\u0627\u0631 \u06a9\u0627\u0631\u062a \u062e\u0644\u0627\u0635\u0647 \u0645\u0632\u0627\u06cc\u0627 -->\r\n      <div class=\"tp-grid\">\r\n        <div class=\"tp-tile\">\r\n          <div class=\"icn\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3>Tillg\u00e4nglig dygnet runt<\/h3>\r\n          <p>Alltid redo att hj\u00e4lpa s\u00e5 att du aldrig missar en kundf\u00f6rfr\u00e5gan.<\/p>\r\n        <\/div>\r\n        <div class=\"tp-tile\">\r\n          <div class=\"icn\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"5.5\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"><\/circle><\/svg>\r\n          <\/div>\r\n          <h3>Branschanpassad<\/h3>\r\n          <p>Anpassad f\u00f6r logistik, sista-milen-leveranser och matleverans.<\/p>\r\n        <\/div>\r\n        <div class=\"tp-tile\">\r\n          <div class=\"icn\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 7v4M15 7v4M7 11h10a4 4 0 0 1 0 8H7a4 4 0 0 1 0-8z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3>Enkel integration<\/h3>\r\n          <p>Rena API:er och snabb installation med din befintliga teknikstack.<\/p>\r\n        <\/div>\r\n        <div class=\"tp-tile\">\r\n          <div class=\"icn\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2v6M12 16v6M2 12h6M16 12h6M5 5l4 4M15 15l4 4M19 5l-4 4M9 15l-4 4\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3>Gratis testperiod<\/h3>\r\n          <p>Testa funktioner och ROI innan du skalar upp till hela teamet.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- \u0645\u0648\u062c \u0646\u0631\u0645 \u0628\u0631\u0627\u06cc \u0645\u0631\u0632 \u0628\u0627 \u0633\u06a9\u0634\u0646 \u0628\u0639\u062f\u06cc -->\r\n  <div class=\"tp-wave\" aria-hidden=\"true\"><\/div>\r\n<\/section>\r\n<style>\r\n\/* ===== Scoped, Static, Luxury Styles (No JS\/No Animations on Image) ===== *\/\r\n.tp-choose-static{\r\n  --brand-1:#0e2a6b;\r\n  --brand-2:#003477;\r\n  --brand-3:#001a3b;\r\n  --accent-1:#00d2ff;\r\n  --accent-2:#6a5cff;\r\n  --accent-3:#4affd2;\r\n  --ink:#eaf6ff;\r\n  --muted:rgba(255,255,255,.78);\r\n  --glass:rgba(10,16,34,.55);\r\n  --glass-border:rgba(255,255,255,.14);\r\n  --radius:28px;\r\n  --radius-sm:18px;\r\n  --shadow-xl:0 28px 80px rgba(0,0,0,.55);\r\n  --container:1280px;\r\n  position:relative;\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n  color:#fff;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(1200px 800px at 85% 15%, rgba(106,92,255,.22) 0%, transparent 60%),\r\n    radial-gradient(900px 650px at 15% 85%, rgba(0,210,255,.18) 0%, transparent 60%),\r\n    linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 50%, var(--brand-3) 100%),\r\n    #070a16;\r\n  isolation:isolate;\r\n}\r\n\/* \u0638\u0631\u0641 \u0645\u0631\u06a9\u0632\u06cc *\/\r\n.tp-container{max-width:var(--container); margin-inline:auto; padding: clamp(64px, 9vh, 110px) 24px;}\r\n\/* \u0628\u0646\u0631 \u062a\u0635\u0648\u06cc\u0631 \u2013 \u06a9\u0627\u0645\u0644\u0627\u064b \u062b\u0627\u0628\u062a\u060c \u0628\u062f\u0648\u0646 \u0627\u0641\u06a9\u062a\/\u0645\u0627\u0633\u06a9 *\/\r\n.tp-banner{\r\n  overflow:hidden;\r\n  border-radius: 30px;\r\n  box-shadow: var(--shadow-xl);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\r\n  margin-bottom: clamp(24px, 4vw, 40px);\r\n}\r\n.tp-banner img{\r\n  display:block;\r\n  width:100%;\r\n  height: clamp(220px, 36vw, 420px);\r\n  object-fit: cover;\r\n  border-radius: 30px; \/* \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u0646\u06cc \u062f\u0631 \u0628\u0631\u062e\u06cc \u0642\u0627\u0644\u0628\u200c\u0647\u0627 *\/\r\n}\r\n\/* \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0645\u062d\u062a\u0648\u0627 *\/\r\n.tp-card{\r\n  position:relative; border-radius: var(--radius);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),\r\n              var(--glass);\r\n  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);\r\n  padding: clamp(22px, 3.2vw, 40px);\r\n  border:1px solid var(--glass-border);\r\n  box-shadow: var(--shadow-xl);\r\n  overflow:hidden;\r\n}\r\n\/* \u062a\u06cc\u062a\u0631 \u0648 \u0632\u06cc\u0631\u062a\u06cc\u062a\u0631 *\/\r\n.tp-title{\r\n  margin:0 0 10px 0;\r\n  font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, \"Inter\", sans-serif;\r\n  font-weight:800; line-height:1.15;\r\n  font-size: clamp(26px, 4vw, 40px);\r\n  background: linear-gradient(90deg, #fff, #eef6ff 60%, #c7f6ff);\r\n  -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  text-align:center; text-shadow: 0 6px 24px rgba(0,0,0,.35);\r\n}\r\n.tp-subtitle{\r\n  margin: 0 auto clamp(14px, 2.2vw, 24px) auto;\r\n  text-align:center; max-width: 900px;\r\n  color: var(--muted);\r\n  font-family:\"Inter\", system-ui, -apple-system, Segoe UI, Roboto, \"Poppins\", sans-serif;\r\n  font-size: clamp(14px, 1.2vw, 17px); line-height:1.8;\r\n}\r\n\/* \u0686\u06cc\u067e\u200c\u0647\u0627 *\/\r\n.tp-chips{\r\n  display:flex; flex-wrap:wrap; gap: 10px; justify-content:center; margin: 0 0 clamp(16px, 2.5vw, 28px) 0; padding:0; list-style:none;\r\n}\r\n.tp-chips .chip{\r\n  padding: 10px 14px; border-radius: 999px;\r\n  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));\r\n  border:1px solid rgba(255,255,255,.16);\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 8px 26px rgba(0,0,0,.25);\r\n  font-size: 13.5px; letter-spacing:.2px; white-space:nowrap;\r\n  color:#eaf7ff;\r\n}\r\n\/* \u06af\u0631\u06cc\u062f \u0645\u0632\u0627\u06cc\u0627 *\/\r\n.tp-grid{\r\n  display:grid; gap: clamp(14px, 2vw, 20px); margin-top: clamp(8px, 1.2vw, 12px);\r\n  grid-template-columns: repeat(4, 1fr);\r\n}\r\n@media (max-width: 1024px){ .tp-grid{ grid-template-columns: repeat(2, 1fr);} }\r\n@media (max-width: 560px){ .tp-grid{ grid-template-columns: 1fr; } }\r\n.tp-tile{\r\n  position:relative; border-radius: var(--radius-sm);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));\r\n  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  padding: 18px 16px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n  box-shadow: 0 16px 46px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.05) inset;\r\n}\r\n.tp-tile:hover{ transform: translateY(-4px); border-color: rgba(0,210,255,.35); box-shadow: 0 22px 60px rgba(0,0,0,.42), 0 0 0 1px rgba(0,210,255,.22) inset; }\r\n.tp-tile .icn{\r\n  width:44px; height:44px; display:grid; place-items:center; border-radius:12px; margin-bottom:10px;\r\n  color:#dffbff;\r\n  background: radial-gradient(circle at 30% 30%, rgba(0,210,255,.35), rgba(106,92,255,.22));\r\n  box-shadow: inset 0 0 18px rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.25);\r\n}\r\n.tp-tile h3{\r\n  margin:0 0 6px 0; font-weight:700; font-size: 16.5px; letter-spacing:.2px; color:#fff; font-family:\"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, \"Inter\", sans-serif;\r\n}\r\n.tp-tile p{\r\n  margin:0; font-size:14px; line-height:1.7; color: var(--muted); font-family:\"Inter\", system-ui, -apple-system, Segoe UI, Roboto, \"Poppins\", sans-serif;\r\n}\r\n\/* \u062f\u06a9\u0648\u0631\u0647\u0627\u06cc \u0627\u06cc\u0633\u062a\u0627 *\/\r\n.tp-orb{ position:absolute; border-radius:50%; filter: blur(26px); opacity:.7; }\r\n.tp-orb.s1{ width:520px; height:520px; right:-160px; top:-120px; background: radial-gradient(circle, rgba(0,210,255,.32), transparent 65%); }\r\n.tp-orb.s2{ width:360px; height:360px; left:-140px; bottom:-120px; background: radial-gradient(circle, rgba(74,255,210,.26), transparent 65%); }\r\n.tp-orb.s3{ width:280px; height:280px; left:40%; top:8%; background: radial-gradient(circle, rgba(106,92,255,.24), transparent 65%); }\r\n.tp-grain{ position:absolute; inset:0; opacity:.07; pointer-events:none; mix-blend-mode: overlay;\r\n  background-image: repeating-conic-gradient(from 0deg, rgba(255,255,255,.05) 0 .5deg, rgba(0,0,0,.05) .5deg 1deg); }\r\n.tp-vignette{ position:absolute; inset:0; pointer-events:none; background: radial-gradient(120% 160% at 50% -10%, transparent 0 55%, rgba(0,0,0,.35) 70% 100%); }\r\n\/* \u0645\u0648\u062c \u0633\u0641\u06cc\u062f *\/\r\n.tp-wave{\r\n  position:absolute; left:50%; bottom:-42px; transform:translateX(-50%);\r\n  width: 200%; height: 110px; border-radius: 50% 50% 0 0 \/ 45% 45% 0 0; background:#fff;\r\n}\r\n<\/style>\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-5d29209 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"5d29209\" 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-e32c5f3 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"e32c5f3\" 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<!-- === Trendbot Key Features \u2013 Modern Slider (Swedish Version) === -->\r\n<section class=\"trend-features-slider\">\r\n  <div class=\"features-container\">\r\n    <h3 class=\"features-heading\"> Vad g\u00f6r v\u00e5r AI-agent unik?<\/h3>\r\n    <div class=\"slider\" id=\"featureSlider\">\r\n      <button class=\"slider-btn prev\" aria-label=\"F\u00f6reg\u00e5ende funktion\" id=\"prevBtn\">&#10094;<\/button>\r\n      <div class=\"slider-window\">\r\n        <div class=\"slider-track\" id=\"sliderTrack\"><!-- slides injected by JS --><\/div>\r\n      <\/div>\r\n      <button class=\"slider-btn next\" aria-label=\"N\u00e4sta funktion\" id=\"nextBtn\">&#10095;<\/button>\r\n    <\/div>\r\n    <div class=\"slider-dots\" id=\"sliderDots\"><!-- dots injected by JS --><\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n\/******* VARIABLES*******\/\r\n:root {\r\n  --c-bg-start: #2b0e66;\r\n  --c-bg-mid: #003477;\r\n  --c-bg-end: #001a3b;\r\n  --c-accent: #00d2ff;\r\n  --c-card-bg: rgba(255,255,255, .08);\r\n  --c-card-border: rgba(255,255,255, .15);\r\n  --radius: 18px;\r\n}\r\n\/******* SECTION*******\/\r\n.trend-features-slider {\r\n  \/* Full-width *\/\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n \r\n  padding: 110px 0 130px;\r\n  color: #fff;\r\n  \/* \u0633\u0647 \u0644\u0627\u06cc\u0647 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a \u062f\u0627\u0631\u06a9 \u0648 \u062c\u0630\u0627\u0628 *\/\r\n  background:\r\n    radial-gradient(circle at 15% 15%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 55%),\r\n    radial-gradient(circle at 85% 85%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 45%),\r\n    linear-gradient(135deg, var(--c-bg-start) 0%, var(--c-bg-mid) 50%, var(--c-bg-end) 100%);\r\n}\r\n.features-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\/******* HEADING*******\/\r\n.features-heading {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n}\r\n.features-heading::after {\r\n  content: '';\r\n  display: block;\r\n  width: 72px;\r\n  height: 4px;\r\n  margin: 26px auto 0;\r\n  background: var(--c-accent);\r\n  border-radius: 2px;\r\n}\r\n\/******* SLIDER LAYOUT*******\/\r\n.slider {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.slider-window {\r\n  overflow: hidden;\r\n  flex: 1;\r\n}\r\n.slider-track {\r\n  display: flex;\r\n  transition: transform .55s cubic-bezier(.19,1,.22,1);\r\n  will-change: transform;\r\n}\r\n.slide {\r\n  flex: 0 0 100%;\r\n  padding: 0 8px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\/******* CARD*******\/\r\n.card {\r\n  background: var(--c-card-bg);\r\n  border: 1px solid var(--c-card-border);\r\n  border-radius: var(--radius);\r\n  backdrop-filter: blur(14px);\r\n  max-width: 820px;\r\n  width: 100%;\r\n  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.25);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: stretch;\r\n}\r\n.card-body {\r\n  padding: 42px 38px;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.card-title {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 1.55rem;\r\n  font-weight: 600;\r\n  margin: 0 0 22px;\r\n  color: #fff;\r\n}\r\n.card-list {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.125rem;\r\n  line-height: 1.6;\r\n}\r\n.card-list li {\r\n  position: relative;\r\n  padding-left: 30px;\r\n  margin-bottom: 12px;\r\n}\r\n.card-list li::before {\r\n  content: '\u2714';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  font-size: 1rem;\r\n  color: var(--c-accent);\r\n}\r\n\/******* IMAGE BOX*******\/\r\n.card-img-box {\r\n  flex: 0 0 260px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(0,0,0,.25);\r\n  position: relative;\r\n}\r\n.card-img-box::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  box-shadow: inset 0 0 60px rgba(0,0,0,.4);\r\n  pointer-events: none;\r\n}\r\n.card-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\/******* NAV BUTTONS & DOTS*******\/\r\n.slider-btn {\r\n  background: rgba(255,255,255,.12);\r\n  border: none;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.7rem;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  transition: background .3s, box-shadow .3s;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,.25);\r\n}\r\n.slider-btn:hover {\r\n  background: rgba(255,255,255,.25);\r\n  box-shadow: 0 6px 18px rgba(0,0,0,.35);\r\n}\r\n.slider-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-top: 46px;\r\n}\r\n.dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #8ea0c9;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: background .3s, transform .3s, box-shadow .3s;\r\n}\r\n.dot.active {\r\n  background: var(--c-accent);\r\n  transform: scale(1.3);\r\n  box-shadow: 0 0 8px 3px rgba(0,210,255,.35);\r\n}\r\n\/******* RESPONSIVE*******\/\r\n@media (max-width: 768px) {\r\n  .features-heading { font-size: 2.2rem; }\r\n  .card { flex-direction: column; max-width: 760px; }\r\n  .card-img-box { flex: 0 0 220px; width: 100%; height: 220px; }\r\n  .card-body { padding: 30px 26px 32px; }\r\n  .card-title { font-size: 1.35rem; }\r\n  .card-list { font-size: 1rem; }\r\n  .slider-btn { width: 44px; height: 44px; font-size: 1.5rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .card-img-box { height: 190px; }\r\n  .slide { padding: 0 4px; }\r\n  .card-title { font-size: 1.25rem; }\r\n}\r\n<\/style>\r\n<script>\r\n\/******* FEATURE DATA WITH IMAGES (Swedish Version) *******\/\r\nconst featureData=[\r\n  {\r\n    title:'Promptbaserad expertis',\r\n    img:'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0754_Futuristic-Logistics-Management_simple_compose_01jv9bewcnfpjr8fj522jqh7vt.jpg',\r\n    bullets:['Med expertprompter erbjuder v\u00e5r l\u00f6sning strukturerade och intelligenta interaktioner. Fr\u00e5n att l\u00f6sa leveransfr\u00e5gor till att ge realtidsuppdateringar \u2013 den \u00e4r byggd f\u00f6r att m\u00f6ta de unika behoven inom logistik.']\r\n  },\r\n  {\r\n    title:'Anpassningsbar och effektiv',\r\n    img:'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0758_AI-Powered-Logistics-Insights_simple_compose_01jv9bqy93epks3x07n04b74ah.jpg',\r\n    bullets:['V\u00e5r AI-chatbot kombinerar flexibiliteten hos anpassade prompter med AI:s intelligens f\u00f6r att leverera precisa svar och handlingsbara insikter. Perfekt f\u00f6r f\u00f6retag som s\u00f6ker en chatbot f\u00f6r sista-milen-leverans och matleverans.']\r\n  },\r\n  {\r\n    title:'Gratis demo och provperiod',\r\n    img:'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0814_Interactive-Chatbot-Demo_simple_compose_01jv9cm4k2faf9kezdxbtx56e0.jpg',\r\n    bullets:['Nyfiken p\u00e5 vad v\u00e5r chatbot kan g\u00f6ra? Testa v\u00e5r gratis online-demo och se dess kapacitet i realtid.']\r\n  },\r\n  {\r\n    title:'St\u00e4rkande f\u00f6r sista-milen-leverans',\r\n    img:'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0741_Futuristic-Delivery-Service_simple_compose_01jv9arf0pfbxs6g32swbaed8v.jpg',\r\n    bullets:['S\u00e4rskilt utvecklad f\u00f6r logistikbranschen \u00e4r v\u00e5r sista-milen-chatbot optimerad f\u00f6r operativa utmaningar.']\r\n  }\r\n];\r\n\r\n\/******* BUILD SLIDES *******\/\r\nconst track = document.getElementById('sliderTrack');\r\nconst dotsContainer = document.getElementById('sliderDots');\r\n\r\nfeatureData.forEach((f, i) => {\r\n  const slide = document.createElement('div');\r\n  slide.className = 'slide';\r\n  slide.dataset.index = i;\r\n  slide.innerHTML = `\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h3 class=\"card-title\">${f.title}<\/h3>\r\n        <ul class=\"card-list\">\r\n          ${f.bullets.map(b => `<li>${b}<\/li>`).join('')}\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"card-img-box\">\r\n        <img decoding=\"async\" src=\"${f.img}\" alt=\"${f.title}\" class=\"card-img\">\r\n      <\/div>\r\n    <\/div>`;\r\n  track.appendChild(slide);\r\n\r\n  const dot = document.createElement('span');\r\n  dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n  dot.dataset.index = i;\r\n  dotsContainer.appendChild(dot);\r\n});\r\n\r\n\/******* SLIDER LOGIC *******\/\r\nlet current = 0;\r\nconst total = featureData.length;\r\nconst prevBtn = document.getElementById('prevBtn');\r\nconst nextBtn = document.getElementById('nextBtn');\r\n\r\nfunction updateSlider(i) {\r\n  current = (i + total) % total;\r\n  track.style.transform = `translateX(-${current * 100}%)`;\r\n  dotsContainer.querySelectorAll('.dot').forEach(d => d.classList.remove('active'));\r\n  dotsContainer.querySelector(`.dot[data-index=\"${current}\"]`).classList.add('active');\r\n}\r\n\r\nprevBtn.addEventListener('click', () => updateSlider(current - 1));\r\nnextBtn.addEventListener('click', () => updateSlider(current + 1));\r\n\r\ndotsContainer.addEventListener('click', e => {\r\n  if (e.target.classList.contains('dot')) {\r\n    updateSlider(parseInt(e.target.dataset.index));\r\n  }\r\n});\r\n\r\n\/\/ Swipe support\r\nlet startX = 0;\r\ntrack.addEventListener('pointerdown', e => {\r\n  startX = e.clientX;\r\n  track.setPointerCapture(e.pointerId);\r\n});\r\ntrack.addEventListener('pointerup', e => {\r\n  const diff = e.clientX - startX;\r\n  if (Math.abs(diff) > 50) {\r\n    diff < 0 ? updateSlider(current + 1) : updateSlider(current - 1);\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89f9840 elementor-widget elementor-widget-menu-anchor\" data-id=\"89f9840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"form\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df0ab98 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"df0ab98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0bb1bd elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"c0bb1bd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tp-form\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"406\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"c0bb1bd\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Revolutionize Your Logistics with Our AI-Powered Last-Mile Delivery Chatbot\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"406\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_5b666cf elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-star\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-star&quot; viewBox=&quot;0 0 576 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tOrganization Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Company Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_791d4e4 elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_791d4e4\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_791d4e4]\" id=\"form-field-field_791d4e4\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_5275cec elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5275cec\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_5275cec]\" id=\"form-field-field_5275cec\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_ea1cbc1 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-star\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-star&quot; viewBox=&quot;0 0 576 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_bbbf00e elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_bbbf00e\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany Location\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_bbbf00e]\" id=\"form-field-field_bbbf00e\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Afghanistan\">Afghanistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Albania\">Albania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Algeria\">Algeria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Andorra\">Andorra<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Angola\">Angola<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Argentina\">Argentina<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Armenia\">Armenia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Australia\">Australia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Austria\">Austria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Azerbaijan\">Azerbaijan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bahamas\">Bahamas<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bahrain\">Bahrain<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bangladesh\">Bangladesh<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Barbados\">Barbados<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belarus\">Belarus<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belgium\">Belgium<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belize\">Belize<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Benin\">Benin<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bhutan\">Bhutan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bolivia\">Bolivia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Botswana\">Botswana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Brazil\">Brazil<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Brunei\">Brunei<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bulgaria\">Bulgaria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Burkina Faso\">Burkina Faso<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Burundi\">Burundi<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"C\u00f4te d&#039;Ivoire\">C\u00f4te d&#039;Ivoire<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cabo Verde\">Cabo Verde<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cambodia\">Cambodia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cameroon\">Cameroon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Canada\">Canada<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Central African Republic\">Central African Republic<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chad\">Chad<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chile\">Chile<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"China\">China<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Colombia\">Colombia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Comoros\">Comoros<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Congo (Congo-Brazzaville)\">Congo (Congo-Brazzaville)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Costa Rica\">Costa Rica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Croatia\">Croatia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cuba\">Cuba<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cyprus\">Cyprus<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Czechia (Czech Republic)\">Czechia (Czech Republic)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Denmark\">Denmark<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Djibouti\">Djibouti<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dominica\">Dominica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dominican Republic\">Dominican Republic<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ecuador\">Ecuador<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Egypt\">Egypt<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"El Salvador\">El Salvador<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Eritrea\">Eritrea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Estonia\">Estonia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Eswatini (fmr. &quot;Swaziland&quot;)\">Eswatini (fmr. &quot;Swaziland&quot;)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ethiopia\">Ethiopia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Fiji\">Fiji<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Finland\">Finland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"France\">France<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Gabon\">Gabon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Gambia\">Gambia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Georgia\">Georgia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Germany\">Germany<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ghana\">Ghana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Greece\">Greece<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Grenada\">Grenada<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guatemala\">Guatemala<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guinea\">Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guyana\">Guyana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Haiti\">Haiti<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Holy See\">Holy See<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Honduras\">Honduras<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Hungary\">Hungary<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iceland\">Iceland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"India\">India<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Indonesia\">Indonesia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iran\">Iran<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iraq\">Iraq<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ireland\">Ireland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Israel\">Israel<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Italy\">Italy<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Jamaica\">Jamaica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Japan\">Japan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Jordan\">Jordan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kazakhstan\">Kazakhstan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kenya\">Kenya<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kiribati\">Kiribati<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kuwait\">Kuwait<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Laos\">Laos<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Latvia\">Latvia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lebanon\">Lebanon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lesotho\">Lesotho<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Liberia\">Liberia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Libya\">Libya<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Liechtenstein\">Liechtenstein<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lithuania\">Lithuania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Luxembourg\">Luxembourg<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Madagascar\">Madagascar<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malawi\">Malawi<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malaysia\">Malaysia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Maldives\">Maldives<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mali\">Mali<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malta\">Malta<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Marshall Islands\">Marshall Islands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mauritania\">Mauritania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mauritius\">Mauritius<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mexico\">Mexico<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Micronesia\">Micronesia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Moldova\">Moldova<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Monaco\">Monaco<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mongolia\">Mongolia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Montenegro\">Montenegro<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Morocco\">Morocco<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mozambique\">Mozambique<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Myanmar (formerly Burma)\">Myanmar (formerly Burma)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Namibia\">Namibia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nauru\">Nauru<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nepal\">Nepal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Netherlands\">Netherlands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"New Zealand\">New Zealand<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nicaragua\">Nicaragua<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Niger\">Niger<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nigeria\">Nigeria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"North Korea\">North Korea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"North Macedonia\">North Macedonia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Norway\">Norway<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Oman\">Oman<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Pakistan\">Pakistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Palau\">Palau<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Palestine State\">Palestine State<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Panama\">Panama<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Paraguay\">Paraguay<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Peru\">Peru<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Philippines\">Philippines<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Poland\">Poland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Portugal\">Portugal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Qatar\">Qatar<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Romania\">Romania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Russia\">Russia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Rwanda\">Rwanda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Lucia\">Saint Lucia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Samoa\">Samoa<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"San Marino\">San Marino<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Senegal\">Senegal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Serbia\">Serbia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Seychelles\">Seychelles<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sierra Leone\">Sierra Leone<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Singapore\">Singapore<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Slovakia\">Slovakia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Slovenia\">Slovenia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Solomon Islands\">Solomon Islands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Somalia\">Somalia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Africa\">South Africa<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Korea\">South Korea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Sudan\">South Sudan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Spain\">Spain<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sri Lanka\">Sri Lanka<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sudan\">Sudan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Suriname\">Suriname<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sweden\" selected=\"selected\">Sweden<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Switzerland\">Switzerland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Syria\">Syria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tajikistan\">Tajikistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tanzania\">Tanzania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Thailand\">Thailand<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Timor-Leste\">Timor-Leste<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Togo\">Togo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tonga\">Tonga<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tunisia\">Tunisia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Turkey\">Turkey<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Turkmenistan\">Turkmenistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tuvalu\">Tuvalu<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uganda\">Uganda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ukraine\">Ukraine<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United Kingdom\">United Kingdom<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United States of America\">United States of America<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uruguay\">Uruguay<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uzbekistan\">Uzbekistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vanuatu\">Vanuatu<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Venezuela\">Venezuela<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vietnam\">Vietnam<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Yemen\">Yemen<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Zambia\">Zambia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Zimbabwe\">Zimbabwe<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_9e21479 elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_9e21479\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBusiness Type\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_9e21479]\" id=\"form-field-field_9e21479\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Retailer\">Retailer<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Transporter\">Transporter<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Others\">Others<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_0f234da elementor-col-33 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_0f234da\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany Size\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_0f234da]\" id=\"form-field-field_0f234da\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"less than 10 Persons\" selected=\"selected\">less than 10 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"10 to 100 Persons\">10 to 100 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"100 to 1000 Persons\">100 to 1000 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"More than 1000 Persons\">More than 1000 Persons<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_698321b elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-star\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-star&quot; viewBox=&quot;0 0 576 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDescription\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Please tell us about your business \"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_7dec74b elementor-col-100 elementor-field-required\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"I agree that Trend+ receives and stores my contact information in accordance with the &lt;a href=&quot;#&quot;&gt; Privacy Statement&lt;\/a&gt;\" id=\"form-field-field_7dec74b-0\" name=\"form_fields[field_7dec74b]\" required=\"required\"> <label for=\"form-field-field_7dec74b-0\">I agree that Trend+ receives and stores my contact information in accordance with the <a href=\"#\"> Privacy Statement<\/a><\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab287d6 elementor-widget elementor-widget-html\" data-id=\"ab287d6\" 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<style>\r\n  \/* \u06a9\u0627\u0631\u062a\u200c\u0648\u0627\u0631 \u0648 \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 *\/\r\n  #tp-form {\r\n    max-width: 600px;\r\n    margin: 40px auto;\r\n    background: #fff;\r\n    padding: 30px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n    position: relative;\r\n  }\r\n  \/* \u0641\u06cc\u0644\u062f\u0647\u0627 *\/\r\n  #tp-form input,\r\n  #tp-form select,\r\n  #tp-form textarea {\r\n    width:100%; padding:12px; margin:8px 0 16px;\r\n    border:1px solid #ccc; border-radius:4px;\r\n    transition:border-color .3s, box-shadow .3s;\r\n  }\r\n  #tp-form input:focus,\r\n  #tp-form select:focus,\r\n  #tp-form textarea:focus {\r\n    border-color:#0056ff!important;\r\n    box-shadow:0 0 6px rgba(0,86,255,0.4);\r\n    outline:none;\r\n  }\r\n  \/* valid \/ invalid *\/\r\n  #tp-form .valid {\r\n    border-color:#28a745!important;\r\n    animation:borderPulse .4s ease-in-out;\r\n  }\r\n  #tp-form .invalid {\r\n    border-color:#dc3545!important;\r\n    animation:shake .3s ease-in-out;\r\n  }\r\n  @keyframes borderPulse {\r\n    0% { box-shadow:0 0 0 rgba(40,167,69,0); }\r\n    100% { box-shadow:0 0 10px rgba(40,167,69,0.6); }\r\n  }\r\n  @keyframes shake {\r\n    0%,100%{transform:translateX(0)}\r\n    20%,80%{transform:translateX(-4px)}\r\n    40%,60%{transform:translateX(4px)}\r\n  }\r\n  \/* \u062f\u06a9\u0645\u0647 \u0627\u0631\u0633\u0627\u0644 *\/\r\n  #tp-form button[type=\"submit\"] {\r\n    display:block; margin:20px auto 0;\r\n    background:#0056ff; color:#fff; border:none;\r\n    border-radius:4px; padding:12px 24px;\r\n    cursor:pointer; transition:background .3s;\r\n  }\r\n  #tp-form button[type=\"submit\"]:disabled {\r\n    background:#ccc; cursor:not-allowed;\r\n  }\r\n  \/* \u0644\u0648\u062f\u0631 *\/\r\n  #tp-form #tp-loader {\r\n    display:none; width:40px; height:40px;\r\n    border:4px solid rgba(0,86,255,0.2);\r\n    border-top-color:#0056ff; border-radius:50%;\r\n    animation:spin 1s linear infinite;\r\n    position:absolute; bottom:20px; left:50%; transform:translateX(-50%);\r\n  }\r\n  @keyframes spin { to{transform:rotate(360deg)} }\r\n  \/* \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a *\/\r\n  #tp-form .tp-success {\r\n    text-align:center; color:#28a745;\r\n    font-size:18px; padding:20px;\r\n  }\r\n  \/* \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 *\/\r\n  #tp-form .email-error {\r\n    color:#dc3545; font-size:14px;\r\n    margin-top:-12px; margin-bottom:12px;\r\n    text-align:left;\r\n  }\r\n<\/style>\r\n\r\n<!-- load Inputmask -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/inputmask\/5.0.7\/jquery.inputmask.min.js\"><\/script>\r\n\r\n<script>\r\njQuery(window).on('elementor\/frontend\/init', function(){\r\n  elementorFrontend.hooks.addAction('frontend\/element_ready\/form.default', function($scope){\r\n    const wrap      = $scope.find('#tp-form'),\r\n          $form     = wrap.find('form'),\r\n          form      = $form[0],\r\n          submitBtn = $form.find('button[type=\"submit\"]');\r\n\r\n    if (!wrap.length || !form) return;\r\n\r\n    \/\/ \u06f1) \u062a\u0632\u0631\u06cc\u0642 \u0644\u0648\u062f\u0631\r\n    if (!wrap.find('#tp-loader').length) \r\n      wrap.append('<div id=\"tp-loader\"><\/div>');\r\n    const loader = wrap.find('#tp-loader');\r\n\r\n    \/\/ \u062f\u0627\u0645\u0646\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0628\u0644\u0627\u06a9\r\n    const blocked = ['gmail.com','yahoo.com','hotmail.com','outlook.com','icloud.com','aol.com'];\r\n\r\n    \/\/ \u06f2) \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc Mask \u0631\u0648\u06cc \u062a\u0644\u0641\u0646\r\n    const $phone = $form.find('input[type=\"tel\"]');\r\n    if ($phone.length) {\r\n      $phone\r\n        .attr({\r\n          inputmode:'numeric',\r\n          pattern:'\\\\d{7,15}',\r\n          title:'Please enter 7 to 15 digits.',\r\n          minlength:7,\r\n          maxlength:15\r\n        })\r\n        .inputmask({\r\n          regex:\"\\\\d{7,15}\",\r\n          placeholder:'',\r\n          showMaskOnHover:false,\r\n          showMaskOnFocus:false\r\n        })\r\n        .on('keypress', e=>{\r\n          if (e.which<48 || e.which>57) e.preventDefault();\r\n        });\r\n    }\r\n\r\n    \/\/ \u06f3) \u062a\u0647\u06cc\u0647 \u0644\u06cc\u0633\u062a \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc required\r\n    const $fields = $form.find('input[required], select[required], textarea[required]');\r\n    \/\/ \u0648\u0636\u0639\u06cc\u062a \u0627\u06cc\u0645\u06cc\u0644\r\n    let emailValid = false;\r\n    const emailEl = $form.find('input[type=\"email\"]')[0];\r\n\r\n    \/\/ \u062a\u0627\u0628\u0639 validate \u06cc\u06a9 \u0641\u06cc\u0644\u062f\r\n    function validateField(el){\r\n      const $el = jQuery(el);\r\n      if (el.type==='email') {\r\n        wrap.find('.email-error').remove();\r\n        const val = el.value.trim();\r\n        const domain = val.split('@')[1]?.toLowerCase()||'';\r\n        emailValid = !!val && !blocked.includes(domain) && el.checkValidity();\r\n        el.setCustomValidity(emailValid ? '' : 'Invalid');\r\n        if (!emailValid && val) {\r\n          $el.addClass('invalid').removeClass('valid');\r\n          $el.after('<div class=\"email-error\">Please enter a corporate email address.<\/div>');\r\n        } else {\r\n          $el.addClass('valid').removeClass('invalid');\r\n        }\r\n      } else {\r\n        if (el.checkValidity()) $el.addClass('valid').removeClass('invalid');\r\n        else                    $el.addClass('invalid').removeClass('valid');\r\n      }\r\n    }\r\n\r\n    \/\/ \u06f4) on input\/blur\/change \u0647\u0645\u0647 \u0641\u06cc\u0644\u062f\u0647\u0627\r\n    $fields.on('input blur change', function(){\r\n      validateField(this);\r\n      updateSubmitState();\r\n    });\r\n    \/\/ \u0627\u0648\u0644\u06cc\u0646 \u0628\u0627\u0631 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc \u062f\u06a9\u0645\u0647\r\n    updateSubmitState();\r\n\r\n    function updateSubmitState(){\r\n      let ok = true;\r\n      if (emailEl) {\r\n        validateField(emailEl);\r\n        ok = emailValid;\r\n      }\r\n      $fields.each(function(){\r\n        if (!this.checkValidity()) ok = false;\r\n      });\r\n      submitBtn.prop('disabled', !ok);\r\n    }\r\n\r\n    \/\/ \u06f5) \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 (HTML5)\r\n    $form.on('submit', function(e){\r\n      validateField(emailEl);\r\n      $fields.each(function(){ validateField(this); });\r\n      if (!form.checkValidity() || !emailValid) {\r\n        e.preventDefault();\r\n        form.reportValidity();\r\n        return;\r\n      }\r\n      submitBtn.prop('disabled', true);\r\n      loader.show();\r\n    });\r\n\r\n    \/\/ \u06f6) \u0628\u0639\u062f \u0627\u0632 \u0645\u0648\u0641\u0642\u06cc\u062a AJAX\r\n    jQuery(document).on('elementor_pro\/forms\/new:success', function(){\r\n      wrap.find('form').hide();\r\n      loader.hide();\r\n      wrap.append('<div class=\"tp-success\">Your request has been submitted. We will contact you as soon as possible.<\/div>');\r\n    });\r\n  });\r\n});\r\n<\/script>\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-f40c5a2 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"f40c5a2\" 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-2bfe104 elementor-widget elementor-widget-html\" data-id=\"2bfe104\" 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<!-- === Testimonial Section \u2013 CEO Quote (Swedish Version) === -->\r\n<section class=\"testimonial-section\">\r\n  <div class=\"testimonial-container\">\r\n    <blockquote class=\"testimonial-quote\">\r\n      <p>\r\n        Oavsett om du letar efter den b\u00e4sta AI-agenten f\u00f6r kundsupport anpassad f\u00f6r logistik eller vill f\u00f6rb\u00e4ttra dina sista-milen-leveranser med den senaste tekniken, har Trendplus en l\u00f6sning.\r\n      <\/p>\r\n    <\/blockquote>\r\n    <div class=\"testimonial-author\">\r\n      <span>Trendplus VD, <strong><a href=\"https:\/\/www.linkedin.com\/in\/hamid-faragardi-5a7ab374\/\">Hamidreza Faragardi<\/a><\/strong><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n\/* ===== Testimonial Section (Full-Width + Dark Triple Gradient) ===== *\/\r\n.testimonial-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background:\r\n    radial-gradient(circle at 15% 15%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 55%),\r\n    radial-gradient(circle at 85% 85%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 45%),\r\n    linear-gradient(135deg, #2b0e66 0%, #003477 50%, #001a3b 100%);\r\n  padding: 80px 0;\r\n  color: #e5e7eb;\r\n  overflow: hidden;\r\n}\r\n.testimonial-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  text-align: center;\r\n}\r\n\/* ===== Blockquote Styling ===== *\/\r\n.testimonial-quote {\r\n  position: relative;\r\n  margin: 0 auto 32px;\r\n  padding: 0 0 0 48px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.125rem;\r\n  line-height: 1.6;\r\n  color: #f3f4f6;\r\n}\r\n.testimonial-quote::before {\r\n  content: \"\u201c\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: -10px;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 4rem;\r\n  color: rgba(255,255,255,0.25);\r\n  line-height: 1;\r\n}\r\n\/* ===== Author Styling ===== *\/\r\n.testimonial-author span {\r\n  display: inline-block;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 1rem;\r\n  color: #ffffff;\r\n}\r\n.testimonial-author strong {\r\n  color: #00d2ff;\r\n}\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 768px) {\r\n  .testimonial-quote {\r\n    padding-left: 32px;\r\n    font-size: 1rem;\r\n  }\r\n  .testimonial-quote::before {\r\n    font-size: 3rem;\r\n    top: -8px;\r\n  }\r\n  .testimonial-author span {\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n@media (max-width: 480px) {\r\n  .testimonial-section {\r\n    padding: 60px 0;\r\n  }\r\n  .testimonial-quote {\r\n    font-size: 0.95rem;\r\n  }\r\n  .testimonial-quote::before {\r\n    font-size: 2.5rem;\r\n  }\r\n  .testimonial-author span {\r\n    font-size: 0.9rem;\r\n  }\r\n}\r\n\/* ===== Author Link Styling ===== *\/\r\n.testimonial-author a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  transition: color .3s;\r\n}\r\n.testimonial-author a:hover {\r\n  color: #ffffff;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trendbot: Customer Support AI Agent Our AI Agent is a cutting-edge solution for last-mile delivery and food delivery, combining advanced AI with rule-based logic for seamless interactions. It supports flexible prompt-based inquiries and structured workflows to efficiently resolve common issues. Designed for both potential and existing customers Book a Demo See How It Works Trendbot: [&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-406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":214,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":1965,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/406\/revisions\/1965"}],"wp:attachment":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/media?parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}