{"id":44,"date":"2024-06-05T07:54:45","date_gmt":"2024-06-05T07:54:45","guid":{"rendered":"https:\/\/trendplus.se\/?page_id=44"},"modified":"2026-03-14T10:28:43","modified_gmt":"2026-03-14T10:28:43","slug":"home","status":"publish","type":"page","link":"https:\/\/trendplus.se\/sv\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-874c115 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"874c115\" 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-790db14 elementor-widget elementor-widget-menu-anchor\" data-id=\"790db14\" 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-ab9cb99 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"ab9cb99\" 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-af27636 elementor-widget elementor-widget-html\" data-id=\"af27636\" 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<!-- \u0627\u0633\u062a\u0627\u06cc\u0644 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u0686\u062a\u200c\u0628\u0627\u062a -->\n<style>\n.chatbot-container {\n  position: fixed;\n  bottom: 30px;\n  right: 20px;\n  z-index: 1000;\n  font-family: Arial, sans-serif;\n}\n.chatbot-button {\n  width: 60px; height: 60px;\n  background-color: #0056d2; border:none; border-radius:50%;\n  color:#fff; font-size:24px; cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 4px 12px rgba(0,0,0,0.2);\n  transition:background-color .3s, transform .2s;\n}\n.chatbot-modal {\n  position: fixed; bottom:100px; right:20px;\n  width:360px; max-width:90%; height:520px;\n  background:#fff; border-radius:10px;\n  box-shadow:0 8px 24px rgba(0,0,0,0.2);\n  overflow:hidden; display:none; flex-direction:column;\n  transform: translateY(20px); opacity:0;\n  transition: transform .3s ease-out, opacity .3s ease-out;\n}\n.chatbot-modal.open {\n  display:flex; transform: translateY(0); opacity:1;\n}\n.chatbot-iframe {\n  border:none; width:100%; height:calc(100% - 40px);\n}\n.chatbot-close {\n  background:#f0f0f0; color:#333; border:none;\n  width:100%; padding:10px; cursor:pointer;\n  font-size:14px; transition:background .3s,color .3s;\n}\n.chatbot-close:hover { background:#e0e0e0; color:#f00; }\n<\/style>\n\n<!-- \u0633\u0627\u062e\u062a\u0627\u0631 HTML -->\n<div class=\"chatbot-container\">\n  <button id=\"chatbotButton\" class=\"chatbot-button\" aria-label=\"Open Chatbot\">\n    \ud83d\udcac\n  <\/button>\n  <div id=\"chatbotModal\" class=\"chatbot-modal\">\n    <iframe id=\"chatbotIframe\" class=\"chatbot-iframe\"\n            data-src=\"https:\/\/chatbot.trendplus.se\/ui\/trendplus-chatbot\"\n            src=\"about:blank\" loading=\"lazy\"\n            sandbox=\"allow-scripts allow-same-origin\">\n    <\/iframe>\n    <button id=\"closeChatbot\" class=\"chatbot-close\">Close<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0639\u0627\u0645\u0644 -->\n<script>\n(function(){\n  const btn    = document.getElementById('chatbotButton');\n  const modal  = document.getElementById('chatbotModal');\n  const iframe = document.getElementById('chatbotIframe');\n  const close  = document.getElementById('closeChatbot');\n\n  btn.addEventListener('click', e => {\n    e.stopPropagation();\n    if (!modal.classList.contains('open')) {\n      if (iframe.src === 'about:blank')\n        iframe.src = iframe.dataset.src;\n      modal.classList.add('open');\n    } else modal.classList.remove('open');\n  });\n  close.addEventListener('click', e => { e.stopPropagation(); modal.classList.remove('open'); });\n  document.addEventListener('click', e => {\n    if (modal.classList.contains('open')\n        && !modal.contains(e.target)\n        && !btn.contains(e.target)) {\n      modal.classList.remove('open');\n    }\n  });\n  modal.addEventListener('click', e => e.stopPropagation());\n})();\n<\/script>\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-116c007 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"116c007\" 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-165685b elementor-widget elementor-widget-html\" data-id=\"165685b\" 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<!-- Elementor Hero Section: Full-Width CSS-Only Background + Responsive Layout -->\r\n\r\n<!-- 1. HTML: \u062f\u0627\u062e\u0644 \u06cc\u06a9 HTML \u0648\u06cc\u062c\u062a \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f -->\r\n<section class=\"section-hero elementor-section elementor-top-section\" data-id=\"hero\">\r\n  <div class=\"noise\"><\/div>\r\n  <div class=\"hero-wrapper\">\r\n    <h2 class=\"hero-title\">Accelerera tillv\u00e4xt med <br>AI-drivna insikter<\/h2>\r\n    <p class=\"hero-subtitle\">\r\n      TrendPlus anv\u00e4nder toppmodern AI och ML f\u00f6r att omvandla din data till en konkurrensf\u00f6rdel, optimera arbetsfl\u00f6den, driva innovation och f\u00f6rst\u00e4rka resultat. L\u00e5s upp din potential nu.\r\n    <\/p>\r\n    <a href=\"https:\/\/trendplus.se\/#form\" class=\"cta-btn\">Starta din kostnadsfria provperiod<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- 2. CSS: \u062f\u0631 Custom CSS \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u06cc\u0627 Additional CSS \u0642\u0627\u0644\u0628\u062a\u0627\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f -->\r\n<style>\r\n\/* Load font *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n\/* --- Reset box-sizing to include padding in width calculations --- *\/\r\n.section-hero, .section-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Full-width section without causing horizontal scroll *\/\r\n.section-hero.elementor-section {\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  padding: 120px 0;\r\n  background: linear-gradient(135deg, #020111 0%, #191621 100%);\r\n  font-family: 'Poppins', sans-serif;\r\n  color: #ffffff;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n\/* Optional: hide any overflow-x globally (in case other elements leak) *\/\r\nhtml, body {\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* Background noise *\/\r\n.section-hero .noise {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAA...') repeat;\r\n  opacity: 0.03;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Animated abstract blobs *\/\r\n.section-hero::before,\r\n.section-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  opacity: 0.25;\r\n  filter: blur(100px);\r\n}\r\n.section-hero::before {\r\n  width: 350px;\r\n  height: 350px;\r\n  top: -150px;\r\n  left: -150px;\r\n  background: #ff6ec7;\r\n  animation: float1 20s ease-in-out infinite alternate;\r\n}\r\n.section-hero::after {\r\n  width: 450px;\r\n  height: 450px;\r\n  bottom: -200px;\r\n  right: -200px;\r\n  background: #4e54c8;\r\n  animation: float2 22s ease-in-out infinite alternate;\r\n}\r\n@keyframes float1 { to { transform: translate(100px,100px) scale(1.2); }}\r\n@keyframes float2 { to { transform: translate(-100px,-80px) scale(1.1); }}\r\n\r\n\/* Centered content wrapper *\/\r\n.hero-wrapper {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  padding: 0 20px;\r\n}\r\n\r\n\/* Title *\/\r\n.hero-title {\r\n  font-size: 3rem;\r\n  font-weight: 600;\r\n  line-height: 1.2;\r\n  margin: 0;\r\n}\r\n\r\n\/* Subtitle *\/\r\n.hero-subtitle {\r\n  font-size: 1.25rem;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n  max-width: 650px;\r\n  margin: 0;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.cta-btn {\r\n  display: inline-block;\r\n  padding: 0.75rem 1.8rem;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  border-radius: 50px;\r\n  background: linear-gradient(90deg, #ff6ec7, #4e54c8);\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.cta-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 24px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 768px) {\r\n  .section-hero.elementor-section { padding: 100px 0; }\r\n  .hero-wrapper { padding: 0 15px; }\r\n  .hero-title { font-size: 2.25rem; }\r\n  .hero-subtitle { font-size: 1.125rem; }\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-c30045e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"c30045e\" 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-e646bc7 elementor-widget elementor-widget-html\" data-id=\"e646bc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ai-solutions-section\">\r\n  <div class=\"container\">\r\n    <div class=\"grid\">\r\n      <div class=\"image-container\">\r\n          <img \r\n     src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/04\/Untitled-design-61.webp\"\r\n     decoding=\"sync\"\r\n     fetchpriority=\"high\"\r\n     loading=\"eager\"\r\n     alt=\"AI Illustration\">\r\n\r\n      <\/div>\r\n      <div class=\"content\">\r\n        <h2>AI-centrerade l\u00f6sningar: R\u00e5dgivning, f\u00e4rdplan & implementering<\/h2>\r\n        <p>TrendPlus erbjuder expertr\u00e5dgivning och en kristallklar dataroadmap f\u00f6r analys och ML-implementering. Fatta v\u00e4lgrundade beslut, g\u00f6r exakta prognoser och effektivisera verksamheten med skr\u00e4ddarsydda PoC-l\u00f6sningar och molnintegration som driver din tillv\u00e4xt.<\/p>\r\n        <ul class=\"features\">\r\n          <li>V\u00e4lgrundat beslutsfattande<\/li>\r\n          <li>Prediktiv analys & prognoser<\/li>\r\n          <li>Operativ effektivitet<\/li>\r\n          <li>Proof of Concept & molnintegration<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Import font *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\r\n.ai-solutions-section {\r\n  font-family: 'Inter', sans-serif;\r\n  background: #f5f7ff;\r\n  padding: 40px 0;\r\n}\r\n.container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n}\r\n.grid {\r\n  display: grid;\r\n  grid-template-columns: 30% 70%;\r\n  gap: 20px;\r\n  align-items: stretch; \/* stretch both items to same height *\/\r\n}\r\n.image-container {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n.image-container img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 20px 0 0 20px;\r\n  box-shadow: 0 16px 50px rgba(0,0,0,0.2), 0 4px 10px rgba(0,0,0,0.1);\r\n  display: block;\r\n}\r\n.content {\r\n  background: #ffffff;\r\n  padding: 30px 40px;\r\n  border-radius: 0 12px 12px 0;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.content h2 {\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  color: #1a237e;\r\n  margin-bottom: 12px;\r\n  letter-spacing: 0.5px;\r\n}\r\n.content p {\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #555;\r\n  margin-bottom: 18px;\r\n  line-height: 1.6;\r\n}\r\n.features {\r\n  list-style: none;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n.features li {\r\n  position: relative;\r\n  padding-left: 24px;\r\n  font-size: 0.95rem;\r\n  color: #333;\r\n  font-weight: 600;\r\n}\r\n.features li::before {\r\n  content: '\u2714';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  color: #1a237e;\r\n}\r\n.btn {\r\n  align-self: start;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  padding: 12px 28px;\r\n  background: #1a237e;\r\n  color: #fff;\r\n  border-radius: 50px;\r\n  text-decoration: none;\r\n  transition: background 0.3s;\r\n}\r\n.btn:hover {\r\n  background: #3949ab;\r\n}\r\n@media (max-width: 992px) {\r\n  .grid { grid-template-columns: 1fr; }\r\n  .image-container img { border-radius: 12px; height: auto; }\r\n  .content { border-radius: 12px; margin-top: 20px; }\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-62f79b4 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"62f79b4\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0fc0e2 elementor-widget elementor-widget-html\" data-id=\"a0fc0e2\" 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<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap');\r\n\r\n.services-section {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  gap: 20px;\r\n  padding: 60px 30px;\r\n  overflow-x: auto;\r\n  flex-wrap: nowrap;\r\n  scroll-behavior: smooth;\r\n\r\n  \/* BACKGROUND FIX *\/\r\n  background: linear-gradient(135deg,#0f1e3e,#1d2a5e,#2a3880);\r\n}\r\n\r\n.service-card {\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.15);\r\n  border-radius: 16px;\r\n  padding: 25px 20px;\r\n  width: 230px;\r\n  min-width: 230px;\r\n  flex-shrink: 0;\r\n  text-align: center;\r\n  box-shadow: 0 6px 18px rgba(0,0,0,0.35);\r\n  backdrop-filter: blur(8px);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.service-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.55);\r\n}\r\n\r\n.icon {\r\n  font-size: 36px;\r\n  margin-bottom: 15px;\r\n  color: #38bdf8;\r\n}\r\n\r\n.service-card h3 {\r\n  font-size: 18px;\r\n  margin: 10px 0;\r\n  color: #ffffff;\r\n}\r\n\r\n.service-card p {\r\n  font-size: 13.5px;\r\n  line-height: 1.6;\r\n  color: #d1d5db;\r\n}\r\n\r\n.service-card strong {\r\n  color: #ffffff;\r\n}\r\n\r\n.services-section::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n@media (max-width:768px) {\r\n  .services-section {\r\n    padding: 40px 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"services-section\">\r\n\r\n<div class=\"service-card\">\r\n<div class=\"icon\"><i class=\"fas fa-cloud\"><\/i><\/div>\r\n<h3>SaaS-l\u00f6sningar<\/h3>\r\n<p>\r\n<strong>Trendplus utvecklar innovativa SaaS-l\u00f6sningar<\/strong> f\u00f6r att \u00f6ka effektiviteten hos logistik-, transport- och last-mile-leveransf\u00f6retag s\u00e5som <strong>TrendRoute<\/strong> och <strong>Trendbot<\/strong>.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"service-card\">\r\n<div class=\"icon\"><i class=\"fas fa-users-cog\"><\/i><\/div>\r\n<h3>Dedikerade AI\/ML-team<\/h3>\r\n<p>\r\nEtt dedikerat agilt team till fast pris f\u00f6r att utveckla ditt AI\/ML-projekt, inklusive mycket skickliga data scientists, ingenj\u00f6rer, analytiker och utvecklare.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"service-card\">\r\n<div class=\"icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n<h3>F\u00e4rdiga MVP:er<\/h3>\r\n<p>\r\nVi erbjuder en MVP f\u00f6r AI-baserade tj\u00e4nster anpassad efter dina behov, som fungerar som ett proof of concept och visar hur v\u00e5r l\u00f6sning kan f\u00f6rb\u00e4ttra din verksamhet.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"service-card\">\r\n<div class=\"icon\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\r\n<h3>Turnkey-projekt<\/h3>\r\n<p>\r\nTurnkey-projekt till fast pris f\u00f6r att p\u00e5skynda utvecklingen och minimera risker. Vi levererar prototyper eller MVP:er och integrerar dem s\u00f6ml\u00f6st i din produkt.\r\n<\/p>\r\n<\/div>\r\n\r\n<\/section>\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-073478f e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"073478f\" 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-09dd087 elementor-widget elementor-widget-html\" data-id=\"09dd087\" 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<!-- Elementor-Compatible \"Why Choose Us\" Section (Fixed Icon Hover Effect) -->\r\n<style>\r\n  \/* Container *\/\r\n  .why-choose-box {\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 60px 20px;\r\n    background: #f7f9fc;\r\n    text-align: center;\r\n    color: #333;\r\n  }\r\n  .why-choose-box h2 {\r\n    font-weight: 700;\r\n    font-size: 36px;\r\n    margin-bottom: 12px;\r\n    color: #222;\r\n    line-height: 1.2;\r\n  }\r\n  .why-choose-box h2 span { color: #3366cc; }\r\n  .why-choose-box .intro {\r\n    font-weight: 400;\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #555;\r\n    max-width: 720px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  \/* Grid Layout *\/\r\n  .why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .why-grid { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  \/* Card *\/\r\n  .why-card {\r\n    position: relative;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    padding: 32px 24px;\r\n    text-align: left;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  .why-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.12);\r\n  }\r\n  .why-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: #3366cc;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  \/* Icon Wrapper *\/\r\n  .icon-wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-right: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(51,102,204,0.1);\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .why-card:hover .icon-wrapper {\r\n    background: rgba(51,102,204,0.3);\r\n    transform: scale(1.1);\r\n  }\r\n  .icon-wrapper i {\r\n    font-size: 24px;\r\n    color: #3366cc;\r\n  }\r\n\r\n  .why-card h3 {\r\n    display: flex;\r\n    align-items: center;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    margin-bottom: 12px;\r\n    color: #222;\r\n  }\r\n  .why-card p {\r\n    font-weight: 400;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    color: #444;\r\n    margin: 0;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"why-choose-box\">\r\n  <h2>Varf\u00f6r v\u00e4lja <span>oss?<\/span><\/h2>\r\n<br>\r\n\r\n  <div class=\"why-grid\">\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-graduation-cap\"><\/i><\/span>Djup expertis<\/h3>\r\n      <p>Vi har ett team av doktorer (PhD) inom AI och datavetenskap med flera \u00e5rs erfarenhet av avancerade AI- och ML-teknologier. V\u00e5r samlade expertis str\u00e4cker sig \u00f6ver flera branscher, inklusive telekom, logistik, supply chain och fler omr\u00e5den.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-handshake\"><\/i><\/span>Effektiva och flexibla SaaS-API:er<\/h3>\r\n      <p>Vi erbjuder kraftfulla AI-baserade API-tj\u00e4nster som f\u00f6rb\u00e4ttrar dina leverans- och logistikprocesser \u2013 fr\u00e5n exakta ETA-ber\u00e4kningar till optimerade rutter och tillf\u00f6rlitliga navigationsl\u00f6sningar. V\u00e5ra API:er \u00e4r enkla att integrera i dina befintliga system.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-coins\"><\/i><\/span>AI-chatbot f\u00f6r kundsupport och drift<\/h3>\r\n      <p>V\u00e5r intelligenta chatbot \u00e4r utvecklad f\u00f6r logistik- och leveransfokuserade f\u00f6retag och hj\u00e4lper dig att automatisera kundinteraktioner och operativa uppgifter \u2013 fr\u00e5n att besvara vanliga fr\u00e5gor till att hantera orderstatus, avbokningar eller uppskjutna leveranser.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-robot\"><\/i><\/span>Kostnadsfritt f\u00f6rsta m\u00f6te<\/h3>\r\n      <p>Ta del av ett kostnadsfritt och f\u00f6ruts\u00e4ttningsl\u00f6st f\u00f6rsta m\u00f6te d\u00e4r vi delar initiala insikter och rekommendationer anpassade efter din verksamhet. Uppt\u00e4ck hur vi kan f\u00f6rb\u00e4ttra och effektivisera dina aff\u00e4rsprocesser.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-chart-line\"><\/i><\/span>Flexibla kostnadsmodeller<\/h3>\r\n      <p>Vi erbjuder prismodeller som minskar startkostnaderna, exempelvis abonnemangsbaserade l\u00f6sningar, pay-as-you-go eller prestationsbaserad priss\u00e4ttning d\u00e4r du betalar mer f\u00f6rst n\u00e4r du ser konkreta resultat.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <h3><span class=\"icon-wrapper\"><i class=\"fas fa-flask\"><\/i><\/span>Skr\u00e4ddarsydda AI\/ML-l\u00f6sningar<\/h3>\r\n      <p>Vi vet att varje f\u00f6retag \u00e4r unikt. D\u00e4rf\u00f6r anpassar vi v\u00e5ra AI- och ML-strategier efter dina specifika behov, s\u00e5 att du f\u00e5r maximal nytta av v\u00e5ra tj\u00e4nster.<\/p>\r\n    <\/div>\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-a20cabc e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"a20cabc\" 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-b02084b elementor-widget elementor-widget-html\" data-id=\"b02084b\" 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  \/* Scope everything to this component only *\/\r\n  .tp-companies {\r\n    --tp-accent: #2563eb;\r\n    --tp-text-main: #0f172a;\r\n    --tp-text-muted: #6b7280;\r\n    --tp-border-soft: rgba(15, 23, 42, 0.08);\r\n    --tp-radius-full: 999px;\r\n    --tp-shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.12);\r\n\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Text\",\r\n      \"Segoe UI\", sans-serif;\r\n    color: var(--tp-text-main);\r\n  }\r\n\r\n  .tp-companies * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .tp-companies-wrapper {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 40px 16px;\r\n    background: #f9fafb;\r\n  }\r\n\r\n  .tp-companies-header {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .tp-companies-eyebrow {\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.16em;\r\n    color: var(--tp-text-muted);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .tp-pill-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: radial-gradient(circle, #22c55e 0%, #16a34a 40%, #166534 100%);\r\n    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.14);\r\n  }\r\n\r\n  .tp-companies-title {\r\n    font-size: 28px;\r\n    line-height: 1.15;\r\n    font-weight: 680;\r\n    letter-spacing: -0.03em;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .tp-companies-subtitle {\r\n    font-size: 13px;\r\n    color: var(--tp-text-muted);\r\n    margin-top: 8px;\r\n    max-width: 440px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .tp-companies-meta {\r\n    text-align: right;\r\n    font-size: 12px;\r\n    color: var(--tp-text-muted);\r\n  }\r\n\r\n  .tp-companies-meta strong {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--tp-text-main);\r\n    display: block;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .tp-companies-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .tp-companies-meta {\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  .tp-companies-section {\r\n    border-top: 1px solid rgba(148, 163, 184, 0.25);\r\n    border-bottom: 1px solid rgba(148, 163, 184, 0.16);\r\n    padding: 28px 24px 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 60%),\r\n      radial-gradient(circle at bottom right, rgba(45, 212, 191, 0.06), transparent 60%);\r\n    border-radius: 24px;\r\n    box-shadow: var(--tp-shadow-soft);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tp-companies-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(37, 99, 235, 0.08),\r\n      transparent 26%,\r\n      transparent 74%,\r\n      rgba(45, 212, 191, 0.08)\r\n    );\r\n    opacity: 0.4;\r\n    pointer-events: none;\r\n    mix-blend-mode: soft-light;\r\n  }\r\n\r\n  .tp-companies-section > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tp-logo-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 18px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .tp-logo-grid {\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .tp-logo-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .tp-logo-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  .tp-logo-card {\r\n    position: relative;\r\n    border-radius: var(--tp-radius-full);\r\n    border: 1px solid var(--tp-border-soft);\r\n    background: rgba(255, 255, 255, 0.96);\r\n    padding: 16px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 88px;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n    overflow: hidden;\r\n    transition:\r\n      transform 160ms ease-out,\r\n      box-shadow 160ms ease-out,\r\n      border-color 160ms ease-out,\r\n      background 160ms ease-out;\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .tp-logo-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 160ms ease-out;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tp-logo-card:hover {\r\n    transform: translateY(-4px) scale(1.02);\r\n    box-shadow: 0 16px 46px rgba(15, 23, 42, 0.18);\r\n    border-color: rgba(37, 99, 235, 0.55);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .tp-logo-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .tp-logo-card img {\r\n    max-width: 100%;\r\n    max-height: 42px;\r\n    object-fit: contain;\r\n    filter: grayscale(100%);\r\n    opacity: 0.92;\r\n    transition:\r\n      filter 160ms ease-out,\r\n      opacity 160ms ease-out,\r\n      transform 160ms ease-out;\r\n  }\r\n\r\n  .tp-logo-card:hover img {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n    transform: translateY(-1px) scale(1.03);\r\n  }\r\n\r\n  .tp-logo-card span {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 10px;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.14em;\r\n    color: rgba(107, 114, 128, 0.95);\r\n    pointer-events: none;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .tp-logo-card,\r\n    .tp-logo-card img {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tp-companies\">\r\n  <div class=\"tp-companies-wrapper\">\r\n    <section class=\"tp-companies-section\" aria-labelledby=\"tp-companies-title\">\r\n      <header class=\"tp-companies-header\">\r\n        <div>\r\n          <div class=\"tp-companies-eyebrow\">\r\n            <span class=\"tp-pill-dot\"><\/span>\r\n            TrendPlus kunder\r\n          <\/div>\r\n          <h2 id=\"tp-companies-title\" class=\"tp-companies-title\">\r\n            Betrott av team inom telekom, logistik och teknik.\r\n          <\/h2>\r\n          <p class=\"tp-companies-subtitle\">\r\n            Ett urval av f\u00f6retag som samarbetar med TrendPlus kring data, mjukvara och digitala initiativ.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tp-companies-meta\">\r\n          <strong>5+<\/strong>\r\n          <span>Varum\u00e4rken och partners<\/span>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"tp-logo-grid\">\r\n        <a href=\"https:\/\/www.sylog.se\/\" class=\"tp-logo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Sylog\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/12\/Sylog-Logo.avif\" alt=\"Sylog logotyp\" \/>\r\n          <span>Sylog<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/postrackeurope.com\/\" class=\"tp-logo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Postrack Europe\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/12\/Postrack-Logo-scaled.webp\" alt=\"Postrack Europe logotyp\" \/>\r\n          <span>Postrack<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/www.airmee.com\/\" class=\"tp-logo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Airmee\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/12\/airmee-logo.png\" alt=\"Airmee logotyp\" \/>\r\n          <span>Airmee<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/huaweisweden.teamtailor.com\/\" class=\"tp-logo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Huawei Sweden R&amp;D Center\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/12\/Huawei-logo.png\" alt=\"Huawei Sweden R&amp;D logotyp\" \/>\r\n          <span>Huawei<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/mycom.com\/\" class=\"tp-logo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Mycom\">\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/12\/Mycom-logo.png\" alt=\"Mycom logotyp\" \/>\r\n          <span>Mycom<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/section>\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-f2a7634 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"f2a7634\" 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-ef5d096 elementor-widget elementor-widget-html\" data-id=\"ef5d096\" 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<script src=\"https:\/\/unpkg.com\/libphonenumber-js@1.9.48\/bundle\/libphonenumber-max.js\"><\/script>\r\n<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js?render=explicit\" async defer><\/script>\r\n\r\n<style>\r\n\/* ===== STYLE (unchanged) ===== *\/\r\n\r\n#form-loading{\r\nposition:fixed;top:0;left:0;\r\nwidth:100%;height:100%;\r\nbackground:rgba(255,255,255,0.8);\r\ndisplay:none;\r\nalign-items:center;\r\njustify-content:center;\r\nz-index:9999;\r\n}\r\n\r\n.loader{\r\nborder:8px solid #f3f3f3;\r\nborder-top:8px solid #0073aa;\r\nborder-radius:50%;\r\nwidth:60px;height:60px;\r\nanimation:spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin{\r\nto{transform:rotate(360deg);}\r\n}\r\n\r\n.custom-form{\r\nmax-width:550px;\r\nmargin:2rem auto;\r\npadding:2.5rem;\r\nbackground:#fff;\r\nborder-radius:16px;\r\nbox-shadow:0 8px 24px rgba(0,0,0,0.08);\r\nfont-family:Poppins,sans-serif;\r\n}\r\n\r\n.form-progress{\r\ndisplay:flex;\r\njustify-content:space-between;\r\ncounter-reset:step;\r\nmargin-bottom:2rem;\r\npadding:0;\r\n}\r\n\r\n.form-progress li{\r\nposition:relative;\r\nflex:1;\r\ntext-align:center;\r\ncolor:#bbb;\r\nlist-style:none;\r\n}\r\n\r\n.form-progress li::before{\r\ncounter-increment:step;\r\ncontent:counter(step);\r\nwidth:32px;height:32px;\r\nborder:2px solid #ccc;\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nmargin:0 auto 10px;\r\nbackground:#f9f9f9;\r\ncolor:#555;\r\n}\r\n\r\n.form-progress li.active{\r\ncolor:#0073aa;\r\n}\r\n\r\n.form-progress li.active::before{\r\nbackground:#0073aa;\r\ncolor:#fff;\r\nborder-color:#0073aa;\r\n}\r\n\r\n.form-progress li + li::after{\r\ncontent:'';\r\nposition:absolute;\r\nwidth:calc(100% - 32px);\r\nheight:2px;\r\nbackground:#ccc;\r\ntop:16px;\r\nleft:-50%;\r\nz-index:-1;\r\n}\r\n\r\n.form-progress li.active + li::after{\r\nbackground:#0073aa;\r\n}\r\n\r\n.form-step{display:none;}\r\n.form-step.active{display:block;}\r\n\r\n.step-title{\r\nfont-size:1.8rem;\r\nmargin-bottom:1.5rem;\r\ncolor:#333;\r\nfont-weight:bold;\r\n}\r\n\r\n.field-group{\r\nmargin-bottom:1.5rem;\r\nposition:relative;\r\n}\r\n\r\nlabel{\r\ndisplay:block;\r\nmargin-bottom:0.5rem;\r\ncolor:#333;\r\nfont-weight:600;\r\n}\r\n\r\ninput,select,textarea{\r\nwidth:100%;\r\npadding:0.75rem;\r\nborder:1px solid #ddd;\r\nborder-radius:8px;\r\nbackground:#f8f8f8;\r\ntransition:0.3s;\r\n}\r\n\r\ninput:focus,select:focus,textarea:focus{\r\nborder-color:#0073aa;\r\nbackground:#fff;\r\noutline:none;\r\n}\r\n\r\n.error-message{\r\ncolor:#d9534f;\r\nfont-size:0.85rem;\r\nmargin-top:0.3rem;\r\n}\r\n\r\n.button-group{\r\ndisplay:flex;\r\njustify-content:flex-end;\r\ngap:10px;\r\n}\r\n\r\n.next-step,.prev-step,.submit-btn{\r\npadding:0.7rem 1.2rem;\r\nborder:none;\r\nborder-radius:8px;\r\nfont-weight:600;\r\ncursor:pointer;\r\n}\r\n\r\n.next-step,.submit-btn{\r\nbackground:#0073aa;\r\ncolor:#fff;\r\n}\r\n\r\n.prev-step{\r\nbackground:transparent;\r\nborder:2px solid #0073aa;\r\ncolor:#0073aa;\r\n}\r\n\r\n.dropdown-list{\r\nposition:absolute;\r\ntop:100%;\r\nleft:0;\r\nwidth:100%;\r\nmax-height:200px;\r\noverflow-y:auto;\r\nborder:1px solid #ddd;\r\nbackground:#fff;\r\nborder-radius:8px;\r\ndisplay:none;\r\nz-index:10;\r\nbox-shadow:0 4px 12px rgba(0,0,0,0.1);\r\n}\r\n\r\n.dropdown-list li{\r\npadding:0.7rem;\r\ncursor:pointer;\r\n}\r\n\r\n.dropdown-list li:hover{\r\nbackground:#f1f1f1;\r\n}\r\n\r\n#turnstile-container{\r\nwidth:100%;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nmargin-bottom:18px;\r\n}\r\n\r\n#submit-btn[disabled]{\r\nopacity:0.6;\r\npointer-events:none;\r\ncursor:not-allowed;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"form-loading\">\r\n<div class=\"loader\"><\/div>\r\n<\/div>\r\n\r\n<form id=\"multi-step-form\" class=\"custom-form\"\r\naction=\"https:\/\/trendplus.se\/wp-admin\/admin-post.php\"\r\nmethod=\"POST\" novalidate>\r\n\r\n<input type=\"hidden\" name=\"action\" value=\"custom_contact_submit\">\r\n<input type=\"hidden\" name=\"cf-turnstile-response\" id=\"cf-turnstile-response\">\r\n\r\n<ul id=\"form-progress\" class=\"form-progress\">\r\n<li class=\"active\">F\u00f6retagsinfo<\/li>\r\n<li>Tj\u00e4nster<\/li>\r\n<li>Kontakt<\/li>\r\n<\/ul>\r\n\r\n<!-- STEP 1 -->\r\n\r\n<fieldset class=\"form-step active\">\r\n\r\n<h2 class=\"step-title\">F\u00f6retagsinformation<\/h2>\r\n\r\n<div class=\"field-group\">\r\n<label for=\"company-name\">F\u00f6retagsnamn *<\/label>\r\n<input type=\"text\" id=\"company-name\" name=\"company_name\" required>\r\n<div class=\"error-message\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"field-group custom-select\">\r\n<label for=\"company-location\">F\u00f6retagets land *<\/label>\r\n<input type=\"text\" id=\"company-location\" name=\"company_location\" autocomplete=\"off\" required>\r\n<ul id=\"country-list-dropdown\" class=\"dropdown-list\"><\/ul>\r\n<div class=\"error-message\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"field-group\">\r\n<label for=\"business-type\">Bransch *<\/label>\r\n\r\n<select id=\"business-type\" name=\"business_type\" required>\r\n<option value=\"\" disabled hidden>\u2013 V\u00e4lj \u2013<\/option>\r\n<option value=\"it\">IT<\/option>\r\n<option value=\"telecom\">Telekom<\/option>\r\n<option value=\"logistic\">Logistik<\/option>\r\n<option value=\"others\">\u00d6vrigt<\/option>\r\n<\/select>\r\n\r\n<div class=\"error-message\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"company-size\">F\u00f6retagsstorlek *<\/label>\r\n\r\n<select id=\"company-size\" name=\"company_size\" required>\r\n\r\n<option value=\"\" disabled hidden>\u2013 V\u00e4lj \u2013<\/option>\r\n\r\n<option value=\"<10\">Mindre \u00e4n 10 personer<\/option>\r\n\r\n<option value=\"10-100\">10 \u2013 100 personer<\/option>\r\n\r\n<option value=\"100-1000\">Mer \u00e4n 100 personer<\/option>\r\n\r\n<\/select>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"button-group\">\r\n\r\n<button type=\"button\" class=\"next-step\">N\u00e4sta<\/button>\r\n\r\n<\/div>\r\n\r\n<\/fieldset>\r\n\r\n<!-- STEP 2 -->\r\n\r\n<fieldset class=\"form-step\">\r\n\r\n<h2 class=\"step-title\">Tj\u00e4nster<\/h2>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"required-services\">\u00d6nskad tj\u00e4nst *<\/label>\r\n\r\n<select id=\"required-services\" name=\"required_services\" required>\r\n\r\n<option value=\"\" disabled hidden>\u2013 V\u00e4lj \u2013<\/option>\r\n\r\n<option value=\"intro\">TrendRoute<\/option>\r\n\r\n<option value=\"ai_ml\">TrendBot<\/option>\r\n\r\n<option value=\"mvp\">Skr\u00e4ddarsydda AI-tj\u00e4nster<\/option>\r\n\r\n<option value=\"turnkey\">Dedikerade AI\/ML-team<\/option>\r\n\r\n<\/select>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"description\">Beskrivning<\/label>\r\n\r\n<textarea id=\"description\" name=\"description\" rows=\"4\"><\/textarea>\r\n\r\n<\/div>\r\n\r\n<div class=\"button-group\">\r\n\r\n<button type=\"button\" class=\"prev-step\">Tillbaka<\/button>\r\n\r\n<button type=\"button\" class=\"next-step\">N\u00e4sta<\/button>\r\n\r\n<\/div>\r\n\r\n<\/fieldset>\r\n\r\n<!-- STEP 3 -->\r\n\r\n<fieldset class=\"form-step\">\r\n\r\n<h2 class=\"step-title\">Kontaktinformation<\/h2>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"contact-name\">Fullst\u00e4ndigt namn *<\/label>\r\n\r\n<input type=\"text\" id=\"contact-name\" name=\"contact_name\" required>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"contact-phone\">Telefon *<\/label>\r\n\r\n<input type=\"tel\" id=\"contact-phone\" name=\"contact_phone\" required>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"field-group\">\r\n\r\n<label for=\"contact-email\">E-post *<\/label>\r\n\r\n<input type=\"email\" id=\"contact-email\" name=\"_replyto\" required>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"field-group checkbox-group\">\r\n\r\n<input type=\"checkbox\" id=\"agree\" name=\"agree\" required>\r\n\r\n<label for=\"agree\">\r\n\r\nJag godk\u00e4nner <a href=\"https:\/\/trendplus.se\/privacy-policy\/\" target=\"_blank\">integritetspolicyn<\/a> *\r\n\r\n<\/label>\r\n\r\n<div class=\"error-message\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"turnstile-container\"><\/div>\r\n\r\n<div class=\"button-group\">\r\n\r\n<button type=\"button\" class=\"prev-step\">Tillbaka<\/button>\r\n\r\n<button type=\"submit\" id=\"submit-btn\" class=\"submit-btn\">Skicka<\/button>\r\n\r\n<\/div>\r\n\r\n<\/fieldset>\r\n\r\n<\/form>\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-5994a4d e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"5994a4d\" 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-629cc83 elementor-widget elementor-widget-html\" data-id=\"629cc83\" 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<!-- Self-contained AI Potential Section (Scoped Styles, Full-Width, Navy Blue Gradient) -->\r\n<section id=\"ai-potential\">\r\n  <div class=\"ai-gradient-bg\"><\/div>\r\n  <div class=\"ai-content\">\r\n    <h2 class=\"ai-text\">Utnyttja potentialen i AI med TrendPlus och omdefiniera vad som \u00e4r m\u00f6jligt f\u00f6r ditt f\u00f6retag.<\/h2>\r\n    <div class=\"ai-underline\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Scoped Container *\/\r\n#ai-potential {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 10px 0 20px 0;    \/* top\/right\/bottom\/left padding *\/\r\n  text-align: center;\r\n  width: 100vw;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  margin: 0;\r\n}\r\n\r\n\/* Scoped Gradient background (navy blue hues) *\/\r\n#ai-potential .ai-gradient-bg {\r\n  position: absolute;\r\n  top: 0; left: 50%;\r\n  width: 100vw;\r\n  height: 100%;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(270deg, #0f1e3e, #1d2a5e, #2a3880);\r\n  background-size: 200% 200%;\r\n  animation: ai-slideGradient 12s ease infinite;\r\n  z-index: 0;\r\n}\r\n\r\n@keyframes ai-slideGradient {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* Scoped Content *\/\r\n#ai-potential .ai-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  padding: 0 20px;\r\n  box-sizing: border-box;\r\n  color: #ffffff;\r\n}\r\n\r\n#ai-potential .ai-text {\r\n  font-size: 1.5rem;\r\n  margin: 0 0 20px;  \/* add bottom margin *\/\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n}\r\n\r\n#ai-potential .ai-underline {\r\n  width: 100px;\r\n  height: 4px;\r\n  background: #ffffff;\r\n  margin: 0 auto;\r\n  opacity: 0;\r\n  transform: scaleX(0);\r\n  transform-origin: center;\r\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n}\r\n\r\n#ai-potential.visible .ai-text,\r\n#ai-potential.visible .ai-underline {\r\n  opacity: 1;\r\n  transform: translateY(0) scaleX(1);\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Scoped Animate on scroll\r\n(function() {\r\n  var section = document.getElementById('ai-potential');\r\n  if (!section) return;\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        section.classList.add('visible');\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  observer.observe(section);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accelerate Growth with AI-Powered Insights TrendPlus leverages state-of-the-art AI &amp; ML to transform your data into a competitive edge, optimizing workflows, driving innovation, and amplifying results. Unlock your potential now. Start Your Free Trial AI-centric solutions: Advice, Roadmap &#038; Implementation TrendPlus delivers expert advice and a crystal-clear data roadmap for analytics and ML deployment. Gain [&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-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/44","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=44"}],"version-history":[{"count":670,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":1929,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/44\/revisions\/1929"}],"wp:attachment":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}