{"id":1880,"date":"2025-12-10T07:22:04","date_gmt":"2025-12-10T07:22:04","guid":{"rendered":"https:\/\/trendplus.se\/?page_id=1880"},"modified":"2026-03-31T05:58:41","modified_gmt":"2026-03-31T05:58:41","slug":"ecolos","status":"publish","type":"page","link":"https:\/\/trendplus.se\/sv\/ecolos\/","title":{"rendered":"Ecolos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1880\" class=\"elementor elementor-1880\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fde1d0 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"2fde1d0\" 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-f0f82cf elementor-widget elementor-widget-html\" data-id=\"f0f82cf\" 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:root {\r\n  --ec-primary: #2563eb;\r\n  --ec-primary-soft: #eff4ff;\r\n  --ec-accent: #22c55e;\r\n  --ec-dark: #020617;\r\n  --ec-muted: #64748b;\r\n  --ec-bg: #f8fafc;\r\n  --ec-radius-lg: 18px;\r\n  --ec-radius-xl: 26px;\r\n  --ec-shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.12);\r\n  --ec-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n}\r\n\r\n.ec-section {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  padding: 80px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n.ec-section.is-alt {\r\n  background: var(--ec-bg);\r\n}\r\n\r\n.ec-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* TITLES *\/\r\n.ec-kicker {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: .18em;\r\n  color: var(--ec-primary);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ec-title-xl {\r\n  font-size: clamp(32px, 4vw, 42px);\r\n  line-height: 1.1;\r\n  font-weight: 750;\r\n  color: var(--ec-dark);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.ec-title-lg {\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-title-md {\r\n  font-size: 20px;\r\n  font-weight: 650;\r\n  margin-bottom: 8px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-text-lg {\r\n  font-size: 18px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.7;\r\n}\r\n\r\n.ec-text-md {\r\n  font-size: 15px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.ec-btn-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.ec-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 13px 22px;\r\n  border-radius: 999px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  border: none;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: all .2s ease;\r\n}\r\n\r\n.ec-btn-primary {\r\n  background: var(--ec-primary);\r\n  color: #fff;\r\n  box-shadow: 0 14px 35px rgba(37, 99, 235, 0.35);\r\n}\r\n\r\n.ec-btn-primary:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 20px 45px rgba(37, 99, 235, 0.45);\r\n}\r\n\r\n.ec-btn-ghost {\r\n  background: transparent;\r\n  color: var(--ec-dark);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-btn-ghost:hover {\r\n  background: #f1f5f9;\r\n}\r\n\r\n\/* HERO *\/\r\n.ec-hero {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n.ec-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 12px;\r\n  border-radius: 999px;\r\n  background: #e0f2fe;\r\n  color: #0369a1;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.ec-hero-badge span {\r\n  display: inline-flex;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: #22c55e;\r\n}\r\n\r\n.ec-hero-highlights {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.ec-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  background: var(--ec-primary-soft);\r\n  color: #1e293b;\r\n  font-size: 13px;\r\n}\r\n\r\n.ec-pill-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 999px;\r\n  background: var(--ec-primary);\r\n}\r\n\r\n.ec-hero-meta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  margin-top: 28px;\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n.ec-hero-meta strong {\r\n  display: block;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-hero-media {\r\n  position: relative;\r\n}\r\n\r\n.ec-hero-card {\r\n  border-radius: var(--ec-radius-xl);\r\n  padding: 28px 24px;\r\n  background: radial-gradient(circle at top left, #1d4ed8, #0f172a);\r\n  color: #e2e8f0;\r\n  box-shadow: var(--ec-shadow-soft);\r\n  overflow: hidden;\r\n}\r\n\r\n.ec-hero-card-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.ec-tag {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .12em;\r\n  color: #bfdbfe;\r\n}\r\n\r\n.ec-chip {\r\n  padding: 5px 10px;\r\n  border-radius: 999px;\r\n  background: rgba(15,23,42,0.6);\r\n  font-size: 11px;\r\n}\r\n\r\n.ec-hero-metrics {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.ec-metric {\r\n  padding: 10px 12px;\r\n  border-radius: 14px;\r\n  background: rgba(15,23,42,0.55);\r\n  border: 1px solid rgba(148,163,184,0.3);\r\n}\r\n\r\n.ec-metric-label {\r\n  font-size: 11px;\r\n  color: #cbd5f5;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.ec-metric-value {\r\n  font-size: 18px;\r\n  font-weight: 650;\r\n  color: #f9fafb;\r\n}\r\n\r\n.ec-hero-timeline {\r\n  font-size: 11px;\r\n  color: #cbd5f5;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.ec-hero-timeline span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.ec-hero-badge-floating {\r\n  position: absolute;\r\n  right: -8px;\r\n  bottom: -8px;\r\n  transform: translate(-10px, -10px);\r\n  background: #f97316;\r\n  color: #fff;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  box-shadow: 0 12px 30px rgba(248, 113, 29, 0.6);\r\n}\r\n\r\n\/* GRID UTILITIES *\/\r\n.ec-grid-3 {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.ec-grid-4 {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .ec-hero {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .ec-hero-media {\r\n    order: -1;\r\n  }\r\n  .ec-grid-4 {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ec-section {\r\n    padding: 56px 16px;\r\n  }\r\n  .ec-grid-3 {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .ec-grid-4 {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n}\r\n\r\n\/* CARDS *\/\r\n.ec-card {\r\n  border-radius: var(--ec-radius-lg);\r\n  padding: 18px 18px 20px;\r\n  background: #ffffff;\r\n  box-shadow: var(--ec-shadow-card);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ec-icon-circle {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 999px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n  background: var(--ec-primary-soft);\r\n  color: var(--ec-primary);\r\n}\r\n\r\n.ec-card-tag {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .16em;\r\n  color: #94a3b8;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* LISTS *\/\r\n.ec-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.ec-list li {\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: flex-start;\r\n  font-size: 14px;\r\n  color: var(--ec-muted);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.ec-list-bullet {\r\n  margin-top: 6px;\r\n  flex-shrink: 0;\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 999px;\r\n  background: var(--ec-accent);\r\n}\r\n\r\n\/* BENEFITS SECTION *\/\r\n.ec-section-header {\r\n  max-width: 680px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.ec-benefit-pillrow {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.ec-benefit-pill {\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  border: 1px dashed #cbd5e1;\r\n  font-size: 12px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n\/* FEATURE STEPS *\/\r\n.ec-features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n.ec-feature-step {\r\n  border-radius: var(--ec-radius-lg);\r\n  padding: 18px 18px 18px;\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-step-label {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .18em;\r\n  color: #94a3b8;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.ec-step-title {\r\n  font-size: 16px;\r\n  font-weight: 650;\r\n  margin-bottom: 8px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n\/* CTA \/ FORM *\/\r\n.ec-cta {\r\n  border-radius: 30px;\r\n  padding: 32px 26px;\r\n  background: linear-gradient(135deg, #1d4ed8, #0f766e);\r\n  color: #e5f3ff;\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n  box-shadow: var(--ec-shadow-soft);\r\n}\r\n\r\n.ec-cta-title {\r\n  font-size: 26px;\r\n  font-weight: 730;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ec-cta p {\r\n  font-size: 15px;\r\n  color: #e0f2fe;\r\n}\r\n\r\n.ec-form {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.ec-field-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: .16em;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.ec-input, .ec-textarea {\r\n  width: 100%;\r\n  border-radius: 999px;\r\n  border: none;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  outline: none;\r\n}\r\n\r\n.ec-textarea {\r\n  border-radius: 18px;\r\n  min-height: 90px;\r\n  resize: vertical;\r\n}\r\n\r\n.ec-input::placeholder,\r\n.ec-textarea::placeholder {\r\n  color: #cbd5e1;\r\n}\r\n\r\n\/* FOOTER *\/\r\n.ec-footer {\r\n  border-top: 1px solid #e2e8f0;\r\n  padding-top: 22px;\r\n  margin-top: 24px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  justify-content: space-between;\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n.ec-footer-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.ec-footer a {\r\n  color: var(--ec-muted);\r\n  text-decoration: none;\r\n}\r\n\r\n.ec-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .ec-cta {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n}\r\n<\/style>\r\n<style>\r\n\/* --- Cleaner, more standard CTA --- *\/\r\n.ec-cta {\r\n  border-radius: 24px;\r\n  padding: 32px 26px;\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: var(--ec-shadow-card);\r\n  color: var(--ec-dark);\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 28px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.ec-cta-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-cta p {\r\n  font-size: 14px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.ec-form {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.ec-field-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: none;      \/* \u062f\u06cc\u06af\u0647 \u062d\u0631\u0648\u0641 \u06a9\u067e\u0634\u0646\u200c\u0648\u0627\u0631 \u0646\u06cc\u0633\u062a *\/\r\n  letter-spacing: 0;\r\n  margin-bottom: 4px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-input,\r\n.ec-textarea {\r\n  width: 100%;\r\n  background: #f8fafc;\r\n  border-radius: 10px;\r\n  border: 1px solid #cbd5e1;\r\n  padding: 10px 12px;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: var(--ec-dark);\r\n  outline: none;\r\n}\r\n\r\n.ec-input:focus,\r\n.ec-textarea:focus {\r\n  border-color: var(--ec-primary);\r\n  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);\r\n}\r\n\r\n.ec-input::placeholder,\r\n.ec-textarea::placeholder {\r\n  color: #94a3b8;\r\n}\r\n\r\n\/* Mobile: stack CTA columns on small screens *\/\r\n@media (max-width: 900px) {\r\n  .ec-cta {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n}\r\n<\/style>\r\n<style>\r\n\/* --- CTA SECTION USING ELEMENTOR COLUMNS --- *\/\r\n.ec-cta-section {\r\n  background: #ffffff;\r\n  padding: 40px 26px;\r\n  border-radius: 24px;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 10px 35px rgba(15, 23, 42, 0.06);\r\n  margin-top: 40px;\r\n}\r\n\r\n\/* \u0641\u0627\u0635\u0644\u0647 \u062f\u0627\u062e\u0644\u06cc \u0633\u062a\u0648\u0646\u200c\u0647\u0627 *\/\r\n.ec-cta-left,\r\n.ec-cta-right {\r\n  padding: 10px 14px;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 \u0633\u0645\u062a \u0686\u067e CTA *\/\r\n.ec-cta-text .ec-cta-title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  margin: 6px 0 12px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-cta-text .ec-cta-lead {\r\n  font-size: 15px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.7;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.ec-cta-text .ec-cta-note {\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n  opacity: 0.9;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u0641\u0631\u0645 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u062f\u0627\u062e\u0644 \u0633\u062a\u0648\u0646 \u0631\u0627\u0633\u062a *\/\r\n.ec-cta-section .ec-cta-right .elementor-form {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n\/* \u0628\u0631\u0686\u0633\u0628 \u0641\u06cc\u0644\u062f\u0647\u0627 *\/\r\n.ec-cta-section .elementor-field-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n\/* \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627 \u0648 textarea *\/\r\n.ec-cta-section .elementor-field,\r\n.ec-cta-section .elementor-field-textual {\r\n  background: #f8fafc;\r\n  border-radius: 10px;\r\n  border: 1px solid #cbd5e1;\r\n  padding: 10px 12px;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-cta-section .elementor-field:focus,\r\n.ec-cta-section .elementor-field-textual:focus {\r\n  border-color: var(--ec-primary);\r\n  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);\r\n}\r\n\r\n\/* \u062f\u06a9\u0645\u0647 Submit \u0641\u0631\u0645 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n.ec-cta-section .elementor-button {\r\n  border-radius: 999px;\r\n  padding: 11px 22px;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  background: var(--ec-primary);\r\n  color: #ffffff;\r\n  border: none;\r\n  transition: transform .15s ease, box-shadow .15s ease;\r\n}\r\n\r\n.ec-cta-section .elementor-button:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35);\r\n}\r\n\r\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644: \u0633\u062a\u0648\u0646\u200c\u0647\u0627 \u0632\u06cc\u0631 \u0647\u0645 *\/\r\n@media (max-width: 900px) {\r\n  .ec-cta-section {\r\n    padding: 26px 18px;\r\n  }\r\n}\r\n<\/style>\r\n<style>\r\n:root {\r\n  --ec-primary: #2563eb;\r\n  --ec-primary-soft: #eff4ff;\r\n  --ec-accent: #22c55e;\r\n  --ec-dark: #020617;\r\n  --ec-muted: #64748b;\r\n  --ec-bg: #f8fafc;\r\n  --ec-radius-lg: 18px;\r\n  --ec-radius-xl: 26px;\r\n  --ec-shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.12);\r\n  --ec-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n}\r\n\r\n.ec-section {\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  padding: 80px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n.ec-section.is-alt {\r\n  background: var(--ec-bg);\r\n}\r\n\r\n.ec-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* TYPOGRAPHY *\/\r\n.ec-kicker {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: .18em;\r\n  color: var(--ec-primary);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ec-title-xl {\r\n  font-size: clamp(32px, 4vw, 42px);\r\n  line-height: 1.1;\r\n  font-weight: 750;\r\n  color: var(--ec-dark);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.ec-title-lg {\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-title-md {\r\n  font-size: 20px;\r\n  font-weight: 650;\r\n  margin-bottom: 8px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-text-lg {\r\n  font-size: 18px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.7;\r\n}\r\n\r\n.ec-text-md {\r\n  font-size: 15px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.ec-btn-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.ec-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 13px 22px;\r\n  border-radius: 999px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  border: none;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: all .2s ease;\r\n}\r\n\r\n.ec-btn-primary {\r\n  background: var(--ec-primary);\r\n  color: #fff;\r\n  box-shadow: 0 14px 35px rgba(37, 99, 235, 0.35);\r\n}\r\n\r\n.ec-btn-primary:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 20px 45px rgba(37, 99, 235, 0.45);\r\n}\r\n\r\n.ec-btn-ghost {\r\n  background: transparent;\r\n  color: var(--ec-dark);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-btn-ghost:hover {\r\n  background: #f1f5f9;\r\n}\r\n\r\n\/* HERO LAYOUT *\/\r\n.ec-hero {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n.ec-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 5px 12px;\r\n  border-radius: 999px;\r\n  background: #e0f2fe;\r\n  color: #0369a1;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.ec-hero-badge span {\r\n  display: inline-flex;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: #22c55e;\r\n}\r\n\r\n.ec-hero-highlights {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.ec-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  background: var(--ec-primary-soft);\r\n  color: #1e293b;\r\n  font-size: 13px;\r\n}\r\n\r\n.ec-pill-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 999px;\r\n  background: var(--ec-primary);\r\n}\r\n\r\n.ec-hero-meta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  margin-top: 28px;\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n.ec-hero-meta strong {\r\n  display: block;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n\/* HERO RIGHT CARD \u2013 STATIC SNAPSHOT *\/\r\n.ec-hero-media {\r\n  position: relative;\r\n}\r\n\r\n.ec-hero-card {\r\n  border-radius: var(--ec-radius-xl);\r\n  padding: 24px 22px;\r\n  background: radial-gradient(circle at top left, #1d4ed8, #0f172a);\r\n  color: #e2e8f0;\r\n  box-shadow: var(--ec-shadow-soft);\r\n  overflow: hidden;\r\n}\r\n\r\n.ec-hero-card-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.ec-tag {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .12em;\r\n  color: #bfdbfe;\r\n}\r\n\r\n.ec-chip {\r\n  padding: 5px 10px;\r\n  border-radius: 999px;\r\n  background: rgba(15,23,42,0.6);\r\n  font-size: 11px;\r\n}\r\n\r\n\/* feature list inside hero card *\/\r\n.ec-hero-feature-list {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin: 14px 0 10px;\r\n}\r\n\r\n.ec-hero-feature {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: flex-start;\r\n  font-size: 13px;\r\n  color: #cbd5f5;\r\n}\r\n\r\n.ec-hero-feature-icon {\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 999px;\r\n  background: rgba(15,23,42,0.65);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n}\r\n\r\n.ec-hero-feature strong {\r\n  display: block;\r\n  color: #f9fafb;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.ec-hero-note {\r\n  font-size: 11px;\r\n  color: #94a3b8;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* small metrics row (optional) *\/\r\n.ec-hero-metrics-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 8px;\r\n  font-size: 11px;\r\n  color: #cbd5f5;\r\n}\r\n\r\n.ec-hero-metrics-row span {\r\n  padding: 4px 8px;\r\n  border-radius: 999px;\r\n  background: rgba(15,23,42,0.55);\r\n}\r\n\r\n.ec-hero-badge-floating {\r\n  position: absolute;\r\n  right: -8px;\r\n  bottom: -8px;\r\n  transform: translate(-10px, -10px);\r\n  background: #f97316;\r\n  color: #fff;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  box-shadow: 0 12px 30px rgba(248, 113, 29, 0.6);\r\n}\r\n\r\n\/* GRID UTILITIES *\/\r\n.ec-grid-3 {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.ec-grid-4 {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n\/* CARDS *\/\r\n.ec-card {\r\n  border-radius: var(--ec-radius-lg);\r\n  padding: 18px 18px 20px;\r\n  background: #ffffff;\r\n  box-shadow: var(--ec-shadow-card);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.ec-icon-circle {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 999px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n  background: var(--ec-primary-soft);\r\n  color: var(--ec-primary);\r\n}\r\n\r\n.ec-card-tag {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .16em;\r\n  color: #94a3b8;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* LISTS *\/\r\n.ec-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.ec-list li {\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: flex-start;\r\n  font-size: 14px;\r\n  color: var(--ec-muted);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.ec-list-bullet {\r\n  margin-top: 6px;\r\n  flex-shrink: 0;\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 999px;\r\n  background: var(--ec-accent);\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.ec-section-header {\r\n  max-width: 680px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.ec-benefit-pillrow {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.ec-benefit-pill {\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n  border: 1px dashed #cbd5e1;\r\n  font-size: 12px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n\/* FEATURE GRID *\/\r\n.ec-features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n.ec-feature-step {\r\n  border-radius: var(--ec-radius-lg);\r\n  padding: 18px 18px 18px;\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ec-step-label {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .18em;\r\n  color: #94a3b8;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.ec-step-title {\r\n  font-size: 16px;\r\n  font-weight: 650;\r\n  margin-bottom: 8px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n\/* CTA + FORM (BOTTOM) *\/\r\n.ec-cta-wrapper {\r\n  border-radius: 24px;\r\n  padding: 32px 26px;\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: var(--ec-shadow-card);\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 28px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.ec-cta-title {\r\n  font-size: 26px;\r\n  font-weight: 730;\r\n  margin-bottom: 10px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-cta-lead {\r\n  font-size: 15px;\r\n  color: var(--ec-muted);\r\n  line-height: 1.7;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.ec-cta-note {\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n  opacity: .9;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* form *\/\r\n.ec-form {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.ec-field-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  margin-bottom: 4px;\r\n  color: var(--ec-dark);\r\n}\r\n\r\n.ec-input,\r\n.ec-textarea {\r\n  width: 100%;\r\n  background: #f8fafc;\r\n  border-radius: 10px;\r\n  border: 1px solid #cbd5e1;\r\n  padding: 10px 12px;\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: var(--ec-dark);\r\n  outline: none;\r\n}\r\n\r\n.ec-input:focus,\r\n.ec-textarea:focus {\r\n  border-color: var(--ec-primary);\r\n  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);\r\n}\r\n\r\n.ec-input::placeholder,\r\n.ec-textarea::placeholder {\r\n  color: #94a3b8;\r\n}\r\n\r\n.ec-textarea {\r\n  border-radius: 14px;\r\n  min-height: 100px;\r\n  resize: vertical;\r\n}\r\n\r\n\/* FOOTER under CTA *\/\r\n.ec-footer {\r\n  border-top: 1px solid #e2e8f0;\r\n  padding-top: 22px;\r\n  margin-top: 24px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  justify-content: space-between;\r\n  font-size: 13px;\r\n  color: var(--ec-muted);\r\n}\r\n\r\n.ec-footer-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.ec-footer a {\r\n  color: var(--ec-muted);\r\n  text-decoration: none;\r\n}\r\n\r\n.ec-footer a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  .ec-hero {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .ec-hero-media {\r\n    order: -1;\r\n  }\r\n  .ec-grid-4 {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .ec-section {\r\n    padding: 56px 16px;\r\n  }\r\n  .ec-grid-3 {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .ec-grid-4,\r\n  .ec-features-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .ec-cta-wrapper {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    padding: 26px 18px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a6aa10 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"0a6aa10\" 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-1c129c9 elementor-widget elementor-widget-html\" data-id=\"1c129c9\" 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=\"ec-section\">\r\n  <div class=\"ec-container\">\r\n    <div class=\"ec-hero\">\r\n      <!-- LEFT: TEXT -->\r\n      <div>\r\n        <div class=\"ec-kicker\">Ecolos+ by TrendPlus<\/div>\r\n        <h1 class=\"ec-title-xl\">\r\n          AI-driven plattform f\u00f6r<br>sista milens leveranser\r\n        <\/h1>\r\n        <p class=\"ec-text-lg\">\r\n          Ecolos+ hj\u00e4lper logistikf\u00f6retag och e-handlare att planera, genomf\u00f6ra\r\n          och \u00f6vervaka sista milens leveranser med intelligent ruttoptimering,\r\n          realtids\u00f6versikt och en modern digital upplevelse.\r\n        <\/p>\r\n\r\n        <div class=\"ec-hero-highlights\">\r\n          <div class=\"ec-pill\">\r\n            <span class=\"ec-pill-dot\"><\/span>\r\n            Intelligent ruttoptimering\r\n          <\/div>\r\n          <div class=\"ec-pill\">\r\n            <span class=\"ec-pill-dot\"><\/span>\r\n            Sp\u00e5rning av paket i realtid\r\n          <\/div>\r\n          <div class=\"ec-pill\">\r\n            <span class=\"ec-pill-dot\"><\/span>\r\n            Webbpaneler & mobilappar\r\n          <\/div>\r\n          <!-- \u062c\u062f\u06cc\u062f: Hub & Courier Management -->\r\n          <div class=\"ec-pill\">\r\n            <span class=\"ec-pill-dot\"><\/span>\r\n            Hantering av hubbar & kurirer\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ec-btn-row\">\r\n          <!-- \u062f\u06a9\u0645\u0647 \u0627\u0635\u0644\u06cc: \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0641\u0631\u0645 \u062f\u0645\u0648 -->\r\n          <a href=\"#demo-form\" class=\"ec-btn ec-btn-primary\">\r\n            Boka en demo\r\n          <\/a>\r\n\r\n          <!-- \u062f\u06a9\u0645\u0647 \u062f\u0648\u0645: \u0631\u0641\u062a\u0646 \u0628\u0647 \u0633\u0627\u06cc\u062a Ecolos+ -->\r\n          <a href=\"https:\/\/ecolosplus.se\" class=\"ec-btn ec-btn-ghost\" target=\"_blank\" rel=\"noopener\">\r\n            Utforska Ecolos+\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: SIMPLE SNAPSHOT CARD -->\r\n      <div class=\"ec-hero-media\">\r\n        <div class=\"ec-hero-card\">\r\n          <div class=\"ec-hero-card-header\">\r\n            <div>\r\n              <div class=\"ec-tag\">Ecolos+ plattform<\/div>\r\n              <div style=\"font-size:15px;font-weight:600;margin-top:4px;\">\r\n                Byggd f\u00f6r sista milens leveranser\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ec-hero-feature-list\">\r\n            <div class=\"ec-hero-feature\">\r\n              <div class=\"ec-hero-feature-icon\">\ud83e\udde0<\/div>\r\n              <div>\r\n                <strong>AI-driven optimering<\/strong>\r\n                Planera effektiva leveransrutter f\u00f6r att minska k\u00f6rtid och\r\n                operativa kostnader.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ec-hero-feature\">\r\n              <div class=\"ec-hero-feature-icon\">\ud83d\udce6<\/div>\r\n              <div>\r\n                <strong>Fullst\u00e4ndig \u00f6versikt<\/strong>\r\n                Sp\u00e5ra paket och rutter \u00f6ver hubbar, kurirer och serviceomr\u00e5den.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ec-hero-feature\">\r\n              <div class=\"ec-hero-feature-icon\">\ud83d\udc64<\/div>\r\n              <div>\r\n                <strong>B\u00e4ttre upplevelse<\/strong>\r\n                Leverera f\u00f6ruts\u00e4gbara och transparenta sista milens upplevelser\r\n                f\u00f6r b\u00e5de partners och slutkunder.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-a2d41d8 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"a2d41d8\" 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-25dd776 elementor-widget elementor-widget-html\" data-id=\"25dd776\" 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=\"ec-section is-alt\">\r\n  <div class=\"ec-container\">\r\n    <div class=\"ec-section-header\">\r\n      <div class=\"ec-kicker\">Plattformsmoduler<\/div>\r\n      <h2 class=\"ec-title-lg\">En plattform f\u00f6r varje roll i leveransen<\/h2>\r\n      <p class=\"ec-text-md\">\r\n        Ecolos+ erbjuder dedikerade upplevelser f\u00f6r \u00e5terf\u00f6rs\u00e4ljare, transport\u00f6rer,\r\n        kurirer och slutkunder \u2013 tillsammans med API:er f\u00f6r geokodning,\r\n        kartor och v\u00e4gbeskrivningar f\u00f6r att integrera med din befintliga teknikstack.\r\n      <\/p>\r\n      <div class=\"ec-benefit-pillrow\">\r\n        <span class=\"ec-benefit-pill\">\u00c5terf\u00f6rs\u00e4ljarpanel<\/span>\r\n        <span class=\"ec-benefit-pill\">Transport\u00f6rspanel<\/span>\r\n        <span class=\"ec-benefit-pill\">Kurir mobilapp<\/span>\r\n        <span class=\"ec-benefit-pill\">Slutanv\u00e4ndarapp<\/span>\r\n        <span class=\"ec-benefit-pill\">Geokodning \u00b7 Kartor \u00b7 Directions API<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ec-grid-4\" style=\"margin-bottom:28px;\">\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\udecd\ufe0f<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">\u00c5terf\u00f6rs\u00e4ljarpanel<\/div>\r\n            <div class=\"ec-title-md\">Order- och leveransorkestrering<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Hantera utg\u00e5ende best\u00e4llningar, leveransf\u00f6nster och serviceniv\u00e5er,\r\n          samtidigt som du \u00f6vervakar prestanda \u00f6ver butiker, st\u00e4der och partners.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\ude9a<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">Transport\u00f6rspanel<\/div>\r\n            <div class=\"ec-title-md\">Flotta, hubbar och ruttplanering<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Konfigurera hubbar, fordon och kurirer, skapa och optimera\r\n          rutter samt f\u00f6lj den live-utf\u00f6randet av din flotta.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\udcf1<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">Kurirapp<\/div>\r\n            <div class=\"ec-title-md\">Guidade leveranser f\u00f6r f\u00f6rare<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Mobilapp med stopp-listor, navigering, leveransbekr\u00e4ftelse\r\n          och enkel avvikelsehantering f\u00f6r varje kurir.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\udc64<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">Slutanv\u00e4ndarapp<\/div>\r\n            <div class=\"ec-title-md\">Transparent upplevelse f\u00f6r mottagare<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Sp\u00e5rning av paket i realtid, exakt ETA, notiser och\r\n          m\u00f6jlighet att hantera leveranspreferenser digitalt.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ec-grid-3\">\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\udccd<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">Geokodningstj\u00e4nst<\/div>\r\n            <div class=\"ec-title-md\">Exakt adress- och koordinatkartl\u00e4ggning<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Omvandla adresser till h\u00f6gkvalitativa koordinater \u2013 och vice versa \u2013\r\n          f\u00f6r att f\u00f6rb\u00e4ttra ruttplanering, analys och optimering i ditt n\u00e4tverk.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83d\uddfa\ufe0f<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">Karttj\u00e4nst<\/div>\r\n            <div class=\"ec-title-md\">Kartor byggda f\u00f6r logistik<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Leverera anpassade kartor i dina dashboards och appar,\r\n          optimerade f\u00f6r sista milens leveranser och omr\u00e5deshantering.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-header\">\r\n          <div class=\"ec-icon-circle\">\ud83e\udded<\/div>\r\n          <div>\r\n            <div class=\"ec-card-tag\">V\u00e4gbeskrivningstj\u00e4nst<\/div>\r\n            <div class=\"ec-title-md\">Optimerade rutter och tillf\u00f6rlitliga ETA<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"ec-text-md\">\r\n          Anv\u00e4nd turn-by-turn navigering och restidsber\u00e4kningar\r\n          som tar h\u00e4nsyn till trafik, v\u00e4gtyper och fordonsbegr\u00e4nsningar.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-bea87df e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"bea87df\" 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-b14daf1 elementor-widget elementor-widget-html\" data-id=\"b14daf1\" 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=\"ec-section\">\r\n  <div class=\"ec-container\">\r\n    <div class=\"ec-section-header\">\r\n      <div class=\"ec-kicker\">Nyckelf\u00f6rdelar<\/div>\r\n      <h2 class=\"ec-title-lg\">Varf\u00f6r Ecolos+ \u00e4r viktigt f\u00f6r ditt leveransn\u00e4tverk<\/h2>\r\n      <p class=\"ec-text-md\">\r\n        Genom att kombinera optimering, live-sp\u00e5rning och analys hj\u00e4lper Ecolos+\r\n        till att minska driftskostnader, f\u00f6rkorta rutter och skapa en mer\r\n        f\u00f6ruts\u00e4gbar upplevelse f\u00f6r alla akt\u00f6rer i leveranskedjan.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ec-grid-3\">\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-tag\">Operativ effektivitet<\/div>\r\n        <div class=\"ec-title-md\">Kortare och smartare rutter<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Minska total distans och k\u00f6rtid med AI-baserad ruttplanering.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Minimera on\u00f6diga omv\u00e4gar och tomk\u00f6rningar.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            \u00d6ka flottans utnyttjandegrad och antal stopp per rutt.\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-tag\">Kostnad & h\u00e5llbarhet<\/div>\r\n        <div class=\"ec-title-md\">L\u00e4gre kostnader, gr\u00f6nare p\u00e5verkan<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Spara br\u00e4nsle och f\u00f6rartid med b\u00e4ttre ruttplanering.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Minska manuell planeringstid och m\u00e4nskliga fel.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            St\u00f6d CO\u2082-reduktionsm\u00e5l med f\u00e4rre k\u00f6rda kilometer.\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-card\">\r\n        <div class=\"ec-card-tag\">Kundupplevelse<\/div>\r\n        <div class=\"ec-title-md\">N\u00f6jdare mottagare, starkare varum\u00e4rke<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Ge exakta, live-ETA och paketsp\u00e5rning.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            H\u00e5ll kunder informerade om f\u00f6rseningar och avvikelser.\r\n          <\/li>\r\n          <li>\r\n            <span class=\"ec-list-bullet\"><\/span>\r\n            Anv\u00e4nd chatbots f\u00f6r att hantera vanliga fr\u00e5gor och support\u00e4renden.\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-54023af e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"54023af\" 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-98ec8b8 elementor-widget elementor-widget-html\" data-id=\"98ec8b8\" 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=\"ec-section is-alt\">\r\n  <div class=\"ec-container\">\r\n    <div class=\"ec-section-header\">\r\n      <div class=\"ec-kicker\">Ecolos+ konkurrensf\u00f6rdelar<\/div>\r\n      <h2 class=\"ec-title-lg\">Vad g\u00f6r Ecolos+ annorlunda?<\/h2>\r\n      <p class=\"ec-text-md\">\r\n        Ecolos+ kombinerar AI-baserad optimering, live-utf\u00f6rande och\r\n        en API-f\u00f6rst-arkitektur s\u00e5 att du kan bygga en skalbar och\r\n        framtidss\u00e4ker sista milens leveransverksamhet.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ec-features-grid\">\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 01<\/div>\r\n        <div class=\"ec-step-title\">AI-ruttoptimering med historisk data<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>Anv\u00e4nd historiska resor och trafikm\u00f6nster f\u00f6r att f\u00f6ruts\u00e4ga restid.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Bygg realistiska och genomf\u00f6rbara rutter ist\u00e4llet f\u00f6r teoretiska planer.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>\u00d6ka ETA-noggrannhet och leveranser i tid.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 02<\/div>\r\n        <div class=\"ec-step-title\">Full kontroll \u00f6ver optimeringsregler<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>Optimera f\u00f6r distans, tid, kostnad \u2013 eller en kombination av alla tre.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Konfigurera begr\u00e4nsningar som servicetider, kapacitet och tidsf\u00f6nster.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Justera rutter manuellt vid behov med enkel drag-and-drop.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 03<\/div>\r\n        <div class=\"ec-step-title\">Live-sp\u00e5rning & operativ \u00f6versikt<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>\u00d6vervaka varje kurir och varje stopp i realtid.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Se f\u00f6rseningar, misslyckade leveranser och avvikelser direkt.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Agera snabbt genom att omf\u00f6rdela arbete eller uppdatera ETA.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 04<\/div>\r\n        <div class=\"ec-step-title\">Intelligent chatbot f\u00f6r support & drift<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>Skapa och f\u00f6lj upp support\u00e4renden direkt via chat.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Besvara vanliga fr\u00e5gor automatiskt f\u00f6r mottagare och personal.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Minska belastningen p\u00e5 kundtj\u00e4nst och driftteam.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 05<\/div>\r\n        <div class=\"ec-step-title\">Automatisk hubb-tilldelning f\u00f6r multi-hub-n\u00e4tverk<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>Rita territorier runt varje hubb direkt p\u00e5 kartan.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>L\u00e5t systemet tilldela paket till r\u00e4tt hubb baserat p\u00e5 plats.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Balansera belastning och undvik flaskhalsar i enskilda hubbar.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ec-feature-step\">\r\n        <div class=\"ec-step-label\">Funktion \u00b7 06<\/div>\r\n        <div class=\"ec-step-title\">End-to-end-analys<\/div>\r\n        <ul class=\"ec-list\">\r\n          <li><span class=\"ec-list-bullet\"><\/span>Sp\u00e5ra KPI:er som leverans i tid, kostnad per order och utnyttjandegrad.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>J\u00e4mf\u00f6r prestanda mellan regioner, partners och tidsperioder.<\/li>\r\n          <li><span class=\"ec-list-bullet\"><\/span>Anv\u00e4nd data f\u00f6r beslut om flotta, serviceniv\u00e5er och priss\u00e4ttning.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-403d395 ec-cta-section e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"403d395\" 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<div class=\"elementor-element elementor-element-8f31b85 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"8f31b85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70eafa4 ec-cta-left elementor-widget elementor-widget-html\" data-id=\"70eafa4\" 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<div class=\"ec-cta-text\">\r\n  <div class=\"ec-kicker\">L\u00e5t oss prata<\/div>\r\n  <h2 class=\"ec-cta-title\">Starta din resa med Ecolos+ och TrendPlus<\/h2>\r\n  <p class=\"ec-cta-lead\">\r\n    Vill du minska kostnaderna f\u00f6r sista milen, f\u00f6rb\u00e4ttra operativ effektivitet\r\n    och erbjuda en modern leveransupplevelse? TrendPlus-teamet kan\r\n    hj\u00e4lpa dig att designa, konfigurera och implementera Ecolos+ f\u00f6r ditt n\u00e4tverk.\r\n  <\/p>\r\n  <p class=\"ec-cta-note\">\r\n    Dela n\u00e5gra detaljer om din nuvarande setup och dina m\u00e5l, s\u00e5\r\n    \u00e5terkommer vi f\u00f6r att diskutera scenarier, PoC-alternativ och integrationer.\r\n  <\/p>\r\n<\/div>\r\n<div id=\"demo-form\">\r\n  <!-- Formul\u00e4r f\u00f6r demo-f\u00f6rfr\u00e5gan -->\r\n<\/div>\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-a7771c7 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"a7771c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89f42eb ec-cta-right elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"89f42eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4sta&quot;,&quot;step_previous_label&quot;:&quot;Tidigare&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=\"1880\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"89f42eb\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\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-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\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\tF\u00f6retagsnamn\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=\"Namn\">\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-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tArbetsmail\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[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-post\" 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-number 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\tTelefonnummer\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Meddelande\" min=\"\" max=\"\" >\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-field_f78fa2d elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_f78fa2d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKort beskrivning av ditt anv\u00e4ndningsfall\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[field_f78fa2d]\" id=\"form-field-field_f78fa2d\" rows=\"4\"><\/textarea>\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\">Skicka f\u00f6rfr\u00e5gan<\/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>\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>Ecolos+ by TrendPlus AI-powered platform forlast-mile deliveries Ecolos+ helps logistics companies and online retailers plan, execute and monitor last-mile deliveries with intelligent route optimisation, real-time visibility and a modern digital experience. Intelligent route optimisation Real-time parcel tracking Web dashboards &#038; mobile apps Hub &#038; courier management Request a demo Explore Ecolos+ Ecolos+ platform Built for [&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-1880","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/1880","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=1880"}],"version-history":[{"count":21,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/1880\/revisions"}],"predecessor-version":[{"id":1973,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/1880\/revisions\/1973"}],"wp:attachment":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/media?parent=1880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}