{"id":533,"date":"2026-04-22T07:46:47","date_gmt":"2026-04-22T05:46:47","guid":{"rendered":"https:\/\/www2.neodatagroup.ai\/?page_id=533"},"modified":"2026-04-22T07:48:08","modified_gmt":"2026-04-22T05:48:08","slug":"data-intelligence","status":"publish","type":"page","link":"https:\/\/neodatagroup.ai\/it\/data-intelligence\/","title":{"rendered":"Data Intelligence"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"533\" class=\"elementor elementor-533\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e85dfe e-con-full e-flex e-con e-parent\" data-id=\"7e85dfe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd1a14d elementor-widget elementor-widget-template\" data-id=\"cd1a14d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"page\" data-elementor-id=\"521\" class=\"elementor elementor-521\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3746e059 e-flex e-con-boxed e-con e-parent\" data-id=\"3746e059\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7173fb sfumatura elementor-widget elementor-widget-heading\" data-id=\"3c7173fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Data <span>Intelligence<\/span>  <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b0d5048 elementor-widget elementor-widget-text-editor\" data-id=\"4b0d5048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Make complex data accessible through natural language.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7c050f elementor-widget elementor-widget-button\" data-id=\"b7c050f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-shrink\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE2ODczIiwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-70c239f3 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"70c239f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-55287805 e-con-full e-flex e-con e-child\" data-id=\"55287805\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4e349efb e-con-full e-flex e-con e-child\" data-id=\"4e349efb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-496847a elementor-widget elementor-widget-heading\" data-id=\"496847a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><u>The problem<\/u><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58124e15 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"58124e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The bottleneck isn't storage or compute.  <br><span class=\"neo-purple\">It's accessibility.<\/span>\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ecb93c1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5ecb93c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Valuable data <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">remains locked behind technical complexity<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, accessible only to analysts and engineers.<\/span><\/p><p>\u00a0<\/p>\t\t\t\t\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-4773a816 e-flex e-con-boxed e-con e-child\" data-id=\"4773a816\" 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-446d96f7 elementor-widget elementor-widget-html\" data-id=\"446d96f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .nvp, .nvp * { font-family: 'DM Sans', sans-serif !important; box-sizing: border-box; margin: 0; padding: 0; }\r\n  .nvp { width: 100%; padding: 0; }\r\n\r\n  .nvp__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 16px;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n  }\r\n  .nvp.is-visible .nvp__grid { opacity: 1; transform: translateY(0); }\r\n\r\n  .nvp__card {\r\n    background: #F9F5FF;\r\n    border: 1px solid rgba(123,45,139,0.1);\r\n    border-radius: 12px;\r\n    padding: 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22,1,0.36,1), box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n  .nvp.is-visible .nvp__card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay: 0ms; }\r\n  .nvp.is-visible .nvp__card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay: 140ms; }\r\n  .nvp.is-visible .nvp__card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay: 280ms; }\r\n\r\n  .nvp__card:hover { box-shadow: 0 6px 24px rgba(123,45,139,0.1); border-color: rgba(123,45,139,0.22); }\r\n\r\n  .nvp__icon { width: 48px; height: 48px; flex-shrink: 0; }\r\n  .nvp__title { font-size: 16px; font-weight: 700; color: #7B2D8B; line-height: 1.3; }\r\n  .nvp__desc { font-size: 15px; font-weight: 400; color: #4B5563; line-height: 1.7; }\r\n\r\n  @media (max-width: 900px) {\r\n    .nvp__grid { grid-template-columns: 1fr; gap: 12px; opacity: 1; transform: none; }\r\n    .nvp__card { opacity: 1; transform: none; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .nvp__grid, .nvp__card { opacity: 1; transform: none; transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"nvp\" id=\"nvp-section\">\r\n  <div class=\"nvp__grid\">\r\n\r\n    <div class=\"nvp__card\">\r\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <rect x=\"8\" y=\"8\" width=\"36\" height=\"36\" rx=\"5\" fill=\"rgba(123,45,139,0.06)\" stroke=\"#7B2D8B\" stroke-width=\"1.5\"\/>\r\n        <circle cx=\"26\" cy=\"26\" r=\"10\" stroke=\"#7B2D8B\" stroke-width=\"1.4\" stroke-dasharray=\"3.5 3\" stroke-linecap=\"round\" opacity=\"0.35\"\/>\r\n        <path d=\"M16 26 Q20 18 26 26 Q32 34 36 26\" stroke=\"#7B2D8B\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <circle cx=\"26\" cy=\"26\" r=\"2.5\" fill=\"#7B2D8B\"\/>\r\n        <line x1=\"26\" y1=\"10\" x2=\"26\" y2=\"14\" stroke=\"#7B2D8B\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.45\"\/>\r\n        <line x1=\"26\" y1=\"38\" x2=\"26\" y2=\"42\" stroke=\"#7B2D8B\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.45\"\/>\r\n        <line x1=\"10\" y1=\"26\" x2=\"14\" y2=\"26\" stroke=\"#7B2D8B\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.45\"\/>\r\n        <line x1=\"38\" y1=\"26\" x2=\"42\" y2=\"26\" stroke=\"#7B2D8B\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.45\"\/>\r\n      <\/svg>\r\n      <div class=\"nvp__title\">Data accessibility<\/div>\r\n      <div class=\"nvp__desc\">On average, organizations only use 50% of all available information for decision-making.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nvp__card\">\r\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <rect x=\"8\" y=\"10\" width=\"36\" height=\"32\" rx=\"4\" fill=\"rgba(123,45,139,0.06)\" stroke=\"#7B2D8B\" stroke-width=\"1.5\"\/>\r\n        <rect x=\"13\" y=\"30\" width=\"5\" height=\"8\" rx=\"1.5\" fill=\"#7B2D8B\" opacity=\"0.25\"\/>\r\n        <rect x=\"21\" y=\"24\" width=\"5\" height=\"14\" rx=\"1.5\" fill=\"#7B2D8B\" opacity=\"0.45\"\/>\r\n        <rect x=\"29\" y=\"19\" width=\"5\" height=\"19\" rx=\"1.5\" fill=\"#7B2D8B\" opacity=\"0.7\"\/>\r\n        <path d=\"M13 28 L21 22 L29 17 L37 14\" stroke=\"#7B2D8B\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <circle cx=\"37\" cy=\"14\" r=\"2.2\" fill=\"#7B2D8B\"\/>\r\n        <line x1=\"8\" y1=\"38\" x2=\"44\" y2=\"38\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.3\"\/>\r\n      <\/svg>\r\n      <div class=\"nvp__title\">Reporting<\/div>\r\n      <div class=\"nvp__desc\">Only 26.5% of organizations have become data-driven despite big data investments, as accessibility barriers block self-service reporting.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nvp__card\">\r\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <circle cx=\"26\" cy=\"26\" r=\"18\" fill=\"rgba(123,45,139,0.06)\" stroke=\"#7B2D8B\" stroke-width=\"1.5\"\/>\r\n        <path d=\"M20 26 L24 30 L32 20\" stroke=\"#7B2D8B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M12 20 L8 20 M12 26 L9 26 M13 32 L10 34\" stroke=\"#7B2D8B\" stroke-width=\"1.3\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\r\n        <path d=\"M40 20 L44 20 M40 26 L43 26 M39 32 L42 34\" stroke=\"#7B2D8B\" stroke-width=\"1.3\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\r\n        <path d=\"M26 8 L26 11 M34 10 L32.5 12.6 M40 18 L37.4 19.5\" stroke=\"#7B2D8B\" stroke-width=\"1.3\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\r\n      <\/svg>\r\n      <div class=\"nvp__title\">Fast decision making<\/div>\r\n      <div class=\"nvp__desc\">Firms with real-time access are 20% more likely to outperform peers, while silos force conservative choices and missed opportunities.<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var section = document.getElementById('nvp-section');\r\n  if (!section) return;\r\n  if (window.innerWidth <= 900) { section.classList.add('is-visible'); return; }\r\n  new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { section.classList.add('is-visible'); }\r\n    });\r\n  }, { threshold: 0.15 }).observe(section);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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-7f63e4b4 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"7f63e4b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3763a05 elementor-widget elementor-widget-heading\" data-id=\"3763a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><u>The solution<\/u><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47390c37 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"47390c37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ask questions of your data.  <br><span class=\"neo-purple\"> Get actionable answers.<\/span>\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca25a77 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6ca25a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">We build an <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">AI intelligence layer on top of your data<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">.<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">End-to-end data control accessible to everyone.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-114ebcc3 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"114ebcc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b class=\"neo-purple\">Highlights<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b39ce7d elementor-widget elementor-widget-html\" data-id=\"5b39ce7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Features<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --brand:        #702580;\r\n      --brand-mid:    #8f35a3;\r\n      --brand-light:  #f5ecf8;\r\n      --brand-pale:   #faf5fc;\r\n      --brand-border: #e4c9ee;\r\n      --brand-muted:  rgba(112,37,128,.11);\r\n      --gray-50:  #f9fafb;\r\n      --gray-100: #f3f4f6;\r\n      --gray-200: #e5e7eb;\r\n      --gray-400: #9ca3af;\r\n      --gray-500: #6b7280;\r\n      --gray-600: #4b5563;\r\n      --gray-700: #374151;\r\n      --gray-900: #111827;\r\n    }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #fff;\r\n      color: var(--gray-900);\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .features { padding: 2rem 1rem; background: #fff; overflow: hidden; }\r\n    @media (min-width: 640px) { .features { padding: 2rem 1.5rem; } }\r\n\r\n    .container { max-width: 80rem; margin: 0 auto; }\r\n\r\n    \/* \u2500\u2500 TABS NAV \u2500\u2500 *\/\r\n    .tabs-nav {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-bottom: 2rem;\r\n      opacity: 0;\r\n      animation: fadeUp .6s ease forwards .2s;\r\n      padding: 0 .25rem;\r\n    }\r\n    @media (min-width: 640px) { .tabs-nav { margin-bottom: 2.75rem; } }\r\n\r\n    \/* FIX: si adatta al contenuto, va a capo su schermi molto stretti *\/\r\n    .tabs-inner {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      background: var(--gray-100);\r\n      border-radius: .875rem;\r\n      padding: .375rem;\r\n      gap: .25rem;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n    @media (min-width: 560px) {\r\n      .tabs-inner {\r\n        width: auto;\r\n        flex-wrap: nowrap;\r\n      }\r\n    }\r\n\r\n    .tab-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: .45rem;\r\n      padding: .65rem .85rem;\r\n      border-radius: .625rem;\r\n      border: none;\r\n      background: transparent;\r\n      color: var(--gray-500);\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: .8rem;\r\n      font-weight: 500;\r\n      cursor: pointer;\r\n      transition: background .2s, color .2s, box-shadow .2s, transform .1s;\r\n      white-space: nowrap;\r\n      line-height: 1.2;\r\n      flex-shrink: 0;\r\n    }\r\n    @media (min-width: 560px) {\r\n      .tab-btn { font-size: .875rem; padding: .75rem 1.1rem; gap: .5rem; }\r\n    }\r\n    .tab-btn:hover { color: var(--brand); }\r\n    .tab-btn:active { transform: scale(.97); }\r\n    .tab-btn.active { background: var(--brand); color: #fff; box-shadow: 0 4px 14px rgba(112,37,128,.28); }\r\n    .tab-btn svg { width: .95rem; height: .95rem; flex-shrink: 0; stroke: currentColor; fill: none; }\r\n\r\n    \/* \u2500\u2500 PANELS \u2500\u2500 *\/\r\n    .panels { position: relative; }\r\n    .panel {\r\n      display: none;\r\n      border-radius: 1rem;\r\n      border: 1px solid var(--brand-border);\r\n      padding: 1.5rem 1.25rem;\r\n      box-shadow: 0 8px 32px rgba(112,37,128,.07);\r\n      background: linear-gradient(135deg, #fff 0%, var(--brand-pale) 100%);\r\n      animation: panelIn .4s ease;\r\n    }\r\n    @media (min-width: 640px) {\r\n      .panel { border-radius: 1.5rem; padding: 2.25rem 2rem; }\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .panel { padding: 3.25rem; }\r\n    }\r\n    .panel.active { display: block; }\r\n    @keyframes panelIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* \u2500\u2500 PANEL GRID \u2500\u2500 *\/\r\n    .panel-grid {\r\n      display: grid;\r\n      gap: 2rem;\r\n      align-items: center;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .panel-grid { grid-template-columns: 1fr 1fr; gap: 3rem; }\r\n    }\r\n\r\n    \/* \u2500\u2500 PANEL LEFT \u2500\u2500 *\/\r\n    .panel-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 3.25rem;\r\n      height: 3.25rem;\r\n      border-radius: .875rem;\r\n      margin-bottom: 1.1rem;\r\n      background: var(--brand-light);\r\n      border: 1px solid var(--brand-border);\r\n    }\r\n    @media (min-width: 640px) {\r\n      .panel-icon { width: 4rem; height: 4rem; margin-bottom: 1.5rem; }\r\n    }\r\n    .panel-icon svg { width: 1.5rem; height: 1.5rem; stroke: var(--brand); fill: none; }\r\n    @media (min-width: 640px) { .panel-icon svg { width: 1.8rem; height: 1.8rem; } }\r\n\r\n    .panel-left h3 {\r\n      font-size: clamp(1.25rem, 4vw, 1.9rem);\r\n      font-weight: 500;\r\n      letter-spacing: -.02em;\r\n      line-height: 1.15;\r\n      margin-bottom: .85rem;\r\n      color: var(--gray-900);\r\n    }\r\n    .panel-left > p {\r\n      color: var(--gray-500);\r\n      line-height: 1.7;\r\n      font-size: .925rem;\r\n      font-weight: 400;\r\n      margin-bottom: 1.4rem;\r\n    }\r\n    @media (min-width: 640px) {\r\n      .panel-left > p { font-size: .975rem; margin-bottom: 1.75rem; }\r\n    }\r\n\r\n    .feature-list { list-style: none; display: flex; flex-direction: column; gap: .65rem; }\r\n    @media (min-width: 640px) { .feature-list { gap: .85rem; } }\r\n    .feature-list li { display: flex; align-items: center; gap: .6rem; color: var(--gray-700); font-size: .875rem; }\r\n    .fi { width: .95rem; height: .95rem; stroke: var(--brand); fill: none; flex-shrink: 0; }\r\n\r\n    \/* \u2500\u2500 MOCKUP CARD \u2500\u2500 *\/\r\n    .mockup {\r\n      background: #fff;\r\n      border-radius: .875rem;\r\n      border: 1px solid var(--gray-200);\r\n      padding: 1.25rem 1rem;\r\n      box-shadow: 0 8px 32px rgba(0,0,0,.06);\r\n    }\r\n    @media (min-width: 640px) {\r\n      .mockup { border-radius: 1.125rem; padding: 1.75rem; }\r\n    }\r\n\r\n    \/* \u2500\u2500 NL QUERY mockup \u2500\u2500 *\/\r\n    .nl-prompt {\r\n      background: var(--gray-50);\r\n      border: 1px solid var(--gray-200);\r\n      border-radius: .7rem;\r\n      padding: .8rem .9rem;\r\n      margin-bottom: .9rem;\r\n      font-size: .82rem;\r\n      color: var(--gray-700);\r\n      line-height: 1.5;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: .65rem;\r\n    }\r\n    .nl-prompt svg { width: 1rem; height: 1rem; stroke: var(--brand); fill: none; flex-shrink: 0; margin-top: 2px; }\r\n    .nl-prompt span { font-style: italic; }\r\n\r\n    .nl-arrow {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: .5rem;\r\n      margin-bottom: .9rem;\r\n      font-size: .72rem;\r\n      color: var(--gray-400);\r\n      font-weight: 500;\r\n    }\r\n    .nl-arrow svg { width: .85rem; height: .85rem; stroke: var(--brand); fill: none; opacity: .6; }\r\n\r\n    .nl-result {\r\n      background: var(--brand-light);\r\n      border: 1px solid var(--brand-border);\r\n      border-radius: .7rem;\r\n      padding: .8rem .9rem;\r\n      margin-bottom: .55rem;\r\n    }\r\n    .nl-result-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: .5rem;\r\n    }\r\n    .nl-result-label { font-size: .76rem; font-weight: 600; color: var(--brand); }\r\n    .badge { display: inline-block; padding: .1rem .5rem; border-radius: .3rem; font-size: .68rem; font-weight: 600; }\r\n    .badge-violet { background: var(--brand-light); color: var(--brand); border: 1px solid var(--brand-border); }\r\n    .badge-green  { background: #d1fae5; color: #065f46; }\r\n\r\n    .nl-table { width: 100%; border-collapse: collapse; font-size: .78rem; }\r\n    .nl-table th {\r\n      text-align: left;\r\n      color: var(--gray-500);\r\n      font-weight: 500;\r\n      padding-bottom: .4rem;\r\n      border-bottom: 1px solid var(--brand-border);\r\n    }\r\n    .nl-table td {\r\n      padding: .32rem 0;\r\n      color: var(--gray-700);\r\n      border-bottom: 1px solid rgba(228,201,238,.35);\r\n    }\r\n    .nl-table tr:last-child td { border-bottom: none; }\r\n\r\n    .nl-sources {\r\n      display: flex;\r\n      gap: .35rem;\r\n      flex-wrap: wrap;\r\n      margin-top: .7rem;\r\n    }\r\n    .nl-src {\r\n      font-size: .7rem;\r\n      color: var(--gray-500);\r\n      background: var(--gray-100);\r\n      border-radius: .3rem;\r\n      padding: .15rem .45rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .3rem;\r\n    }\r\n    .nl-src svg { width: .7rem; height: .7rem; stroke: var(--gray-400); fill: none; }\r\n\r\n    \/* \u2500\u2500 LIVE ACCESS mockup \u2500\u2500 *\/\r\n    .live-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .live-title { font-size: .875rem; font-weight: 500; color: var(--gray-900); }\r\n    .live-badge {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .35rem;\r\n      font-size: .72rem;\r\n      font-weight: 600;\r\n      color: #065f46;\r\n      background: #d1fae5;\r\n      border-radius: .3rem;\r\n      padding: .15rem .55rem;\r\n    }\r\n    .live-dot { width: .42rem; height: .42rem; border-radius: 50%; background: #10b981; animation: livePulse 1.4s infinite; }\r\n    @keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:.25} }\r\n\r\n    .kpi-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: .55rem;\r\n      margin-bottom: .9rem;\r\n    }\r\n    @media (min-width: 480px) {\r\n      .kpi-row { grid-template-columns: 1fr 1fr 1fr; }\r\n    }\r\n\r\n    .kpi-card {\r\n      background: var(--gray-50);\r\n      border-radius: .55rem;\r\n      padding: .65rem .7rem;\r\n      text-align: center;\r\n      border: 1px solid var(--gray-200);\r\n    }\r\n    .kpi-val { font-size: 1.15rem; font-weight: 700; color: var(--brand); line-height: 1.1; }\r\n    @media (min-width: 640px) { .kpi-val { font-size: 1.25rem; } }\r\n    .kpi-lbl { font-size: .67rem; color: var(--gray-400); margin-top: .2rem; }\r\n    .kpi-delta { font-size: .65rem; font-weight: 600; margin-top: .15rem; }\r\n    .kpi-delta.up { color: #059669; }\r\n    .kpi-delta.down { color: #dc2626; }\r\n\r\n    @media (max-width: 479px) {\r\n      .kpi-card:nth-child(3) { display: none; }\r\n    }\r\n\r\n    .report-row {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr;\r\n      grid-template-rows: auto auto;\r\n      column-gap: .6rem;\r\n      row-gap: .2rem;\r\n      align-items: center;\r\n      background: var(--gray-50);\r\n      border-radius: .55rem;\r\n      padding: .65rem .8rem;\r\n      margin-bottom: .45rem;\r\n      border: 1px solid var(--gray-200);\r\n    }\r\n    .report-row:last-child { margin-bottom: 0; }\r\n    .report-row > svg {\r\n      width: .85rem; height: .85rem;\r\n      stroke: var(--brand); fill: none;\r\n      grid-row: 1 \/ 3;\r\n      align-self: center;\r\n    }\r\n    .report-name {\r\n      font-size: .8rem; color: var(--gray-700);\r\n      min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\r\n      grid-column: 2;\r\n    }\r\n    .report-meta {\r\n      grid-column: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .4rem;\r\n    }\r\n    .report-time { font-size: .7rem; color: var(--gray-400); flex-shrink: 0; }\r\n\r\n    \/* \u2500\u2500 SMART INSIGHTS mockup \u2500\u2500 *\/\r\n    .insight-search {\r\n      display: flex;\r\n      gap: .5rem;\r\n      margin-bottom: 1rem;\r\n      align-items: center;\r\n    }\r\n    .insight-search-input {\r\n      flex: 1;\r\n      min-width: 0;\r\n      padding: .5rem .75rem;\r\n      border: 1px solid var(--gray-200);\r\n      border-radius: .55rem;\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: .8rem;\r\n      color: var(--gray-700);\r\n      background: var(--gray-50);\r\n      outline: none;\r\n    }\r\n    .btn-go {\r\n      padding: .5rem .7rem;\r\n      border-radius: .55rem;\r\n      border: none;\r\n      background: var(--brand);\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .btn-go svg { width: .9rem; height: .9rem; stroke: #fff; fill: none; }\r\n\r\n    .truth-block {\r\n      background: var(--brand-light);\r\n      border: 1px solid var(--brand-border);\r\n      border-radius: .7rem;\r\n      padding: .85rem .9rem;\r\n      margin-bottom: .6rem;\r\n    }\r\n    .truth-head {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      font-size: .76rem;\r\n      font-weight: 600;\r\n      color: var(--brand);\r\n      margin-bottom: .4rem;\r\n    }\r\n    .truth-head svg { width: .85rem; height: .85rem; stroke: var(--brand); fill: none; }\r\n    .truth-body { font-size: .8rem; color: var(--gray-600); line-height: 1.6; }\r\n\r\n    .source-pills { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem; }\r\n    .source-pill {\r\n      font-size: .7rem;\r\n      font-weight: 500;\r\n      color: var(--brand);\r\n      background: #fff;\r\n      border: 1px solid var(--brand-border);\r\n      border-radius: .35rem;\r\n      padding: .15rem .55rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .3rem;\r\n    }\r\n    .source-pill svg { width: .65rem; height: .65rem; stroke: var(--brand); fill: none; }\r\n\r\n    .confidence-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .65rem;\r\n      margin-top: .7rem;\r\n    }\r\n    .conf-label { font-size: .73rem; color: var(--gray-500); white-space: nowrap; }\r\n    .conf-track { flex: 1; height: .35rem; background: var(--gray-200); border-radius: 9999px; overflow: hidden; }\r\n    .conf-fill {\r\n      height: 100%;\r\n      border-radius: 9999px;\r\n      background: var(--brand);\r\n      animation: growBar .9s cubic-bezier(.4,0,.2,1) forwards;\r\n    }\r\n    @keyframes growBar { from { width: 0 !important; } }\r\n    .conf-pct { font-size: .73rem; font-weight: 600; color: var(--brand); min-width: 2.5rem; text-align: right; }\r\n\r\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"features\">\r\n  <div class=\"container\">\r\n\r\n    <!-- Tab Nav -->\r\n    <nav class=\"tabs-nav\">\r\n      <div class=\"tabs-inner\">\r\n\r\n        <button class=\"tab-btn active\" data-tab=\"nl\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z\"\/><\/svg>\r\n          Ask in Natural Language\r\n        <\/button>\r\n\r\n        <button class=\"tab-btn\" data-tab=\"live\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5M9 11.25v1.5M12 9v3.75m3-6v6\"\/><\/svg>\r\n          Live Access &amp; Reporting\r\n        <\/button>\r\n\r\n        <button class=\"tab-btn\" data-tab=\"insights\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456Z\"\/><\/svg>\r\n          Smart Insights\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Panels -->\r\n    <div class=\"panels\">\r\n\r\n      <!-- \u2500\u2500 NL QUERY \u2500\u2500 -->\r\n      <div class=\"panel active\" id=\"panel-nl\">\r\n        <div class=\"panel-grid\">\r\n          <div class=\"panel-left\">\r\n            <div class=\"panel-icon\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Ask in Natural Language<\/h3>\r\n            <p>Query databases, data warehouses, and APIs in plain language. Get structured answers, not raw results \u2014 no SQL or technical knowledge required.<\/p>\r\n            <ul class=\"feature-list\">\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Plain language to structured query<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Connects to databases &amp; APIs<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Structured, readable answers<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Source traceability<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"nl-prompt\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z\"\/><\/svg>\r\n              <span>Show me the top 5 products by revenue this quarter, compared to last year<\/span>\r\n            <\/div>\r\n            <div class=\"nl-arrow\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3\"\/><\/svg>\r\n              Translated to query &amp; executed\r\n            <\/div>\r\n            <div class=\"nl-result\">\r\n              <div class=\"nl-result-head\">\r\n                <span class=\"nl-result-label\">Results \u2014 Q3 2024<\/span>\r\n                <span class=\"badge badge-green\">5 rows<\/span>\r\n              <\/div>\r\n              <table class=\"nl-table\">\r\n                <thead><tr><th>Product<\/th><th>Revenue<\/th><th>vs LY<\/th><\/tr><\/thead>\r\n                <tbody>\r\n                  <tr><td>Platform Pro<\/td><td>\u20ac842K<\/td><td style=\"color:#059669\">+18%<\/td><\/tr>\r\n                  <tr><td>Analytics Suite<\/td><td>\u20ac614K<\/td><td style=\"color:#059669\">+11%<\/td><\/tr>\r\n                  <tr><td>Data Hub<\/td><td>\u20ac390K<\/td><td style=\"color:#dc2626\">\u22124%<\/td><\/tr>\r\n                <\/tbody>\r\n              <\/table>\r\n            <\/div>\r\n            <div class=\"nl-sources\">\r\n              <span class=\"nl-src\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> data_warehouse<\/span>\r\n              <span class=\"nl-src\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> crm_api<\/span>\r\n              <span class=\"nl-src\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> sales_db<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 LIVE ACCESS \u2500\u2500 -->\r\n      <div class=\"panel\" id=\"panel-live\" style=\"display:none\">\r\n        <div class=\"panel-grid\">\r\n          <div class=\"panel-left\">\r\n            <div class=\"panel-icon\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5M9 11.25v1.5M12 9v3.75m3-6v6\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Live Access &amp; Automated Reporting<\/h3>\r\n            <p>Real-time answers from current data. Generate analysis, summaries, and visualizations on demand \u2014 always up to date, never stale.<\/p>\r\n            <ul class=\"feature-list\">\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Real-time data connections<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> On-demand report generation<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Automated summaries &amp; charts<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Scheduled delivery<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"live-header\">\r\n              <span class=\"live-title\">Live Dashboard<\/span>\r\n              <span class=\"live-badge\"><span class=\"live-dot\"><\/span> Live<\/span>\r\n            <\/div>\r\n            <div class=\"kpi-row\">\r\n              <div class=\"kpi-card\">\r\n                <div class=\"kpi-val\">\u20ac2.1M<\/div>\r\n                <div class=\"kpi-lbl\">Revenue MTD<\/div>\r\n                <div class=\"kpi-delta up\">+12% vs last month<\/div>\r\n              <\/div>\r\n              <div class=\"kpi-card\">\r\n                <div class=\"kpi-val\">1,847<\/div>\r\n                <div class=\"kpi-lbl\">Active users<\/div>\r\n                <div class=\"kpi-delta up\">+6% this week<\/div>\r\n              <\/div>\r\n              <div class=\"kpi-card\">\r\n                <div class=\"kpi-val\">98.4%<\/div>\r\n                <div class=\"kpi-lbl\">Uptime<\/div>\r\n                <div class=\"kpi-delta up\">On target<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"report-row\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"\/><\/svg>\r\n              <span class=\"report-name\">Weekly executive summary<\/span>\r\n              <span class=\"report-meta\"><span class=\"badge badge-green\">Generated<\/span><span class=\"report-time\">just now<\/span><\/span>\r\n            <\/div>\r\n            <div class=\"report-row\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"\/><\/svg>\r\n              <span class=\"report-name\">Monthly sales breakdown<\/span>\r\n              <span class=\"report-meta\"><span class=\"badge badge-violet\">Scheduled<\/span><span class=\"report-time\">in 2h<\/span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 SMART INSIGHTS \u2500\u2500 -->\r\n      <div class=\"panel\" id=\"panel-insights\" style=\"display:none\">\r\n        <div class=\"panel-grid\">\r\n          <div class=\"panel-left\">\r\n            <div class=\"panel-icon\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456Z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Smart Insights<\/h3>\r\n            <p>A single point of truth for all your data and knowledge. Surface relevant answers from across every connected source, automatically reconciled and confidence-scored.<\/p>\r\n            <ul class=\"feature-list\">\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Unified knowledge layer<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Cross-source reconciliation<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Confidence scoring<\/li>\r\n              <li><svg class=\"fi\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg> Full source attribution<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"insight-search\">\r\n              <input class=\"insight-search-input\" type=\"text\" value=\"What drove the churn spike in Q2?\" \/>\r\n              <button class=\"btn-go\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5\"\/><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n            <div class=\"truth-block\">\r\n              <div class=\"truth-head\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09Z\"\/><\/svg>\r\n                AI insight\r\n              <\/div>\r\n              <div class=\"truth-body\">Churn increased 14% in Q2, primarily driven by a pricing change in May and slower onboarding times recorded in the CRM. Support tickets spiked 38% in the same window.<\/div>\r\n              <div class=\"confidence-row\">\r\n                <span class=\"conf-label\">Confidence<\/span>\r\n                <div class=\"conf-track\"><div class=\"conf-fill\" style=\"width:91%\"><\/div><\/div>\r\n                <span class=\"conf-pct\">91%<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"source-pills\">\r\n              <span class=\"source-pill\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> CRM<\/span>\r\n              <span class=\"source-pill\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> Support tickets<\/span>\r\n              <span class=\"source-pill\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path stroke-linecap=\"round\" d=\"M3 5v14c0 1.657 4.03 3 9 3s9-1.343 9-3V5\"\/><\/svg> Billing DB<\/span>\r\n              <span class=\"source-pill\"><svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"\/><\/svg> Internal docs<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const tabs   = document.querySelectorAll('.tab-btn');\r\n  const panels = document.querySelectorAll('.panel');\r\n\r\n  tabs.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      const target = btn.dataset.tab;\r\n      tabs.forEach(t => t.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      panels.forEach(p => {\r\n        if (p.id === 'panel-' + target) {\r\n          p.style.display = 'block';\r\n          p.classList.add('active');\r\n          p.querySelectorAll('.conf-fill, .progress-bar').forEach(bar => {\r\n            bar.style.animation = 'none';\r\n            bar.offsetHeight;\r\n            bar.style.animation = '';\r\n          });\r\n        } else {\r\n          p.style.display = 'none';\r\n          p.classList.remove('active');\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28878590 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"28878590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE2ODczIiwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31cf2f6e e-flex e-con-boxed e-con e-parent\" data-id=\"31cf2f6e\" 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-23de7666 elementor-widget elementor-widget-heading\" data-id=\"23de7666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p><span style=\"white-space: nowrap\">Case History #1<\/span><\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e69b096 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4e69b096\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"neo-purple\"><font color=\"#322e34\"><span style=\"font-weight: 400\">Europe's Data, <\/span><\/font><br> finally simple.<\/span>\n\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33b2b20b elementor-widget elementor-widget-html\" data-id=\"33b2b20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     EQUA \u2013 Embed-ready snippet\r\n     Incolla questo blocco nel punto della pagina dove vuoi il componente.\r\n     NON include <!DOCTYPE>, <html>, <head> o <body>.\r\n     Il font DM Sans viene caricato solo se non \u00e8 gi\u00e0 presente.\r\n     ============================================================ -->\r\n\r\n<!-- 1. FONT (si carica solo una volta anche se incollato pi\u00f9 volte) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,900&display=swap\">\r\n\r\n<!-- 2. STILI \u2013 scoped con il prefisso .equa-root per non sporcare il resto della pagina -->\r\n<style>\r\n.equa-root {\r\n    --equa-purple: #702580;\r\n    --equa-light-purple: #f3ebf5;\r\n    --equa-sidebar-width: 200px;\r\n    --text-main: #1f2937;\r\n    --text-muted: #6b7280;\r\n    --bg-canvas: #f9fafb;\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: var(--text-main);\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n.equa-root *, .equa-root *::before, .equa-root *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: inherit;\r\n}\r\n\r\n.equa-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: clamp(20px,3vw,40px) clamp(16px,4vw,40px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: clamp(28px,5vw,56px);\r\n}\r\n\r\n\/* \u2500\u2500 TOP ROW \u2500\u2500 *\/\r\n.equa-top-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: clamp(24px,4vw,56px);\r\n    align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 MOCKUP \u2500\u2500 *\/\r\n.equa-mockup {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 10;\r\n    background: var(--bg-canvas);\r\n    border-radius: clamp(14px,2vw,24px);\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 56px rgba(0,0,0,0.12);\r\n    display: flex;\r\n    border: 1px solid #e5e7eb;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1);\r\n}\r\n.equa-root.is-visible .equa-mockup { opacity: 1; transform: translateY(0); }\r\n\r\n.equa-sidebar {\r\n    width: var(--equa-sidebar-width);\r\n    background: var(--equa-purple);\r\n    padding: clamp(12px,2vw,24px) clamp(10px,1.5vw,18px);\r\n    color: #fff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: clamp(14px,2vw,28px);\r\n    flex-shrink: 0;\r\n}\r\n.equa-logo {\r\n    display: flex; align-items: center; gap: 8px;\r\n    font-size: clamp(13px,1.5vw,18px); font-weight: 800; letter-spacing: .05em;\r\n}\r\n.equa-logo svg { width: clamp(14px,1.5vw,20px); height: auto; }\r\n.equa-btn-new {\r\n    background: rgba(255,255,255,.15);\r\n    border: 1px solid rgba(255,255,255,.2);\r\n    padding: clamp(6px,.8vw,10px) clamp(8px,1vw,14px);\r\n    border-radius: 10px;\r\n    font-size: clamp(9px,.85vw,12px); font-weight: 600;\r\n    display: flex; align-items: center; gap: 5px; cursor: pointer; color: #fff;\r\n}\r\n.equa-nav-label {\r\n    font-size: clamp(7px,.7vw,9px); text-transform: uppercase;\r\n    letter-spacing: .1em; opacity: .6; margin-bottom: clamp(6px,1vw,12px);\r\n    display: block; font-weight: 700;\r\n}\r\n.equa-nav-item {\r\n    background: rgba(255,255,255,.1);\r\n    padding: clamp(5px,.7vw,9px) clamp(7px,.9vw,12px);\r\n    border-radius: 8px; font-size: clamp(8px,.8vw,11px);\r\n    font-weight: 500; margin-bottom: clamp(4px,.6vw,8px); cursor: pointer; color: #fff;\r\n}\r\n.equa-nav-item.active { background: rgba(255,255,255,.2); }\r\n.equa-nav-item.ghost  { background: transparent; opacity: .7; }\r\n\r\n.equa-stage {\r\n    flex: 1; padding: clamp(12px,2vw,24px);\r\n    display: flex; flex-direction: column; gap: clamp(8px,1.2vw,14px);\r\n}\r\n.equa-query {\r\n    background: #fff;\r\n    padding: clamp(8px,1vw,14px) clamp(10px,1.5vw,20px);\r\n    border-radius: 14px; box-shadow: 0 4px 16px rgba(0,0,0,.08);\r\n    font-size: clamp(8px,.85vw,12px); line-height: 1.5;\r\n    color: #374151; font-weight: 500;\r\n    align-self: flex-end; max-width: 80%;\r\n    opacity: 0; transform: translateY(12px);\r\n    transition: opacity .5s ease, transform .5s cubic-bezier(.22,1,.36,1);\r\n}\r\n.equa-root.is-visible .equa-query { opacity: 1; transform: translateY(0); }\r\n\r\n.equa-result {\r\n    background: #fff; border-radius: clamp(10px,1.5vw,16px);\r\n    padding: clamp(10px,1.5vw,18px); box-shadow: 0 2px 12px rgba(0,0,0,.04);\r\n    display: flex; flex-direction: column; gap: clamp(8px,1vw,12px);\r\n    flex: 1; opacity: 0; transform: scale(.98);\r\n    transition: opacity .7s ease .3s, transform .7s ease .3s;\r\n}\r\n.equa-root.is-visible .equa-result { opacity: 1; transform: scale(1); }\r\n\r\n.equa-result-header { display: flex; align-items: center; gap: 8px; }\r\n.equa-result-header svg { width: clamp(10px,1.2vw,16px); height: auto; flex-shrink: 0; }\r\n.equa-result-meta h4 {\r\n    color: var(--equa-purple); font-size: clamp(7px,.7vw,9px);\r\n    text-transform: uppercase; letter-spacing: .08em; font-weight: 700;\r\n}\r\n.equa-result-meta p { color: var(--text-muted); font-size: clamp(6px,.6vw,8px); margin-top: 1px; }\r\n\r\n.equa-chart {\r\n    background: #f8f9fb; border-radius: 12px; flex: 1;\r\n    display: flex; align-items: flex-end; justify-content: center;\r\n    gap: clamp(5px,.8vw,10px);\r\n    padding: clamp(10px,1.5vw,20px) clamp(12px,2vw,24px);\r\n    min-height: 60px;\r\n}\r\n.equa-bar {\r\n    background: var(--equa-purple);\r\n    width: clamp(16px,2.5vw,32px); border-radius: 6px; height: 0;\r\n    transition: height 1.2s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n\r\n\/* \u2500\u2500 TEXT COL \u2500\u2500 *\/\r\n.equa-text-col {\r\n    display: flex; flex-direction: column; gap: 0;\r\n    opacity: 0; transform: translateY(24px);\r\n    transition: opacity .7s ease .15s, transform .7s cubic-bezier(.22,1,.36,1) .15s;\r\n}\r\n.equa-root.is-visible .equa-text-col { opacity: 1; transform: translateY(0); }\r\n\r\n.equa-text-step {\r\n    padding: clamp(20px,3vw,32px) 0;\r\n    border-bottom: 1px solid #EDE9FE;\r\n}\r\n.equa-text-step:first-child { padding-top: 0; }\r\n.equa-text-step:last-child  { border-bottom: none; padding-bottom: 0; }\r\n\r\n.equa-label {\r\n    display: inline-flex; align-items: center; gap: 7px;\r\n    color: var(--equa-purple); font-weight: 700;\r\n    text-transform: uppercase; font-size: clamp(10px,1.1vw,13px);\r\n    letter-spacing: .1em; margin-bottom: clamp(8px,1.2vw,14px);\r\n}\r\n.equa-dot {\r\n    width: 5px; height: 5px; border-radius: 50%;\r\n    background: var(--equa-purple); flex-shrink: 0;\r\n}\r\n.equa-text-step p {\r\n    font-size: clamp(14px,1.5vw,17px); font-weight: 400;\r\n    color: var(--text-muted); line-height: 1.8;\r\n}\r\n.equa-text-step p strong { color: #111; font-weight: 600; }\r\n\r\n\/* \u2500\u2500 BOTTOM ROW \u2500\u2500 *\/\r\n.equa-bottom-row {\r\n    display: flex; flex-direction: column; gap: clamp(12px,1.5vw,16px);\r\n    opacity: 0; transform: translateY(28px);\r\n    transition: opacity .7s ease .2s, transform .7s cubic-bezier(.22,1,.36,1) .2s;\r\n}\r\n.equa-root.is-visible .equa-bottom-row { opacity: 1; transform: translateY(0); }\r\n\r\n.equa-stats {\r\n    display: grid; grid-template-columns: repeat(3,1fr);\r\n    gap: clamp(10px,1.5vw,16px);\r\n}\r\n.equa-stat {\r\n    background: var(--equa-light-purple);\r\n    border: 1px solid rgba(112,37,128,.12);\r\n    padding: clamp(20px,3vw,32px) clamp(16px,2.5vw,28px);\r\n    border-radius: clamp(12px,1.5vw,16px);\r\n    display: flex; flex-direction: column; gap: 6px;\r\n    transition: box-shadow .3s ease, border-color .3s ease;\r\n}\r\n.equa-stat:hover {\r\n    box-shadow: 0 8px 28px rgba(112,37,128,.1);\r\n    border-color: rgba(112,37,128,.25);\r\n}\r\n.equa-stat-val {\r\n    font-size: clamp(36px,4vw,58px); font-weight: 900;\r\n    color: var(--equa-purple); line-height: 1; letter-spacing: -.03em;\r\n}\r\n.equa-stat-label { font-size: clamp(12px,1.1vw,14px); font-weight: 400; color: var(--text-muted); line-height: 1.55; }\r\n.equa-stat-label strong { font-weight: 600; color: #111; }\r\n\r\n\/* \u2500\u2500 BREAKPOINTS \u2500\u2500 *\/\r\n@media (max-width: 1024px) { .equa-root { --equa-sidebar-width: 160px; } }\r\n\r\n@media (max-width: 900px) {\r\n    .equa-top-row { grid-template-columns: 1fr; }\r\n    .equa-mockup  { aspect-ratio: 16\/9; opacity: 1; transform: none; }\r\n    .equa-text-col, .equa-bottom-row { opacity: 1; transform: none; }\r\n    .equa-query   { opacity: 1; transform: none; }\r\n    .equa-result  { opacity: 1; transform: none; }\r\n}\r\n@media (max-width: 768px) {\r\n    .equa-sidebar { display: none; }\r\n    .equa-mockup  { aspect-ratio: 4\/3; border-radius: 16px; }\r\n    .equa-stats   { grid-template-columns: repeat(2,1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n    .equa-stats { grid-template-columns: 1fr; }\r\n    .equa-mockup { aspect-ratio: 3\/2; }\r\n}\r\n@media (max-width: 480px) {\r\n    .equa-container { padding: 16px; gap: 28px; }\r\n    .equa-mockup { aspect-ratio: 4\/3; border-radius: 12px; }\r\n    .equa-stat-val { font-size: 40px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    .equa-mockup, .equa-text-col, .equa-bottom-row,\r\n    .equa-query, .equa-result, .equa-bar {\r\n        opacity: 1 !important; transform: none !important; transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- 3. HTML DEL COMPONENTE -->\r\n<div class=\"equa-root\" id=\"equa-root\">\r\n    <div class=\"equa-container\">\r\n\r\n        <div class=\"equa-top-row\">\r\n\r\n            <!-- Mockup -->\r\n            <div class=\"equa-mockup\">\r\n                <aside class=\"equa-sidebar\">\r\n                    <div class=\"equa-logo\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\r\n                            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\r\n                            <line x1=\"6\"  y1=\"20\" x2=\"6\"  y2=\"14\"\/>\r\n                        <\/svg>\r\n                        EQUA\r\n                    <\/div>\r\n                    <div class=\"equa-btn-new\"><span>+<\/span> New Analysis<\/div>\r\n                    <nav>\r\n                        <span class=\"equa-nav-label\">Recent Reports<\/span>\r\n                        <div class=\"equa-nav-item active\">IT Unemployment 24<\/div>\r\n                        <div class=\"equa-nav-item ghost\">EU Energy Trends<\/div>\r\n                    <\/nav>\r\n                <\/aside>\r\n\r\n                <main class=\"equa-stage\">\r\n                    <div class=\"equa-query\">\r\n                        Compare Italy's unemployment rate with the EU average from 2020.\r\n                    <\/div>\r\n                    <div class=\"equa-result\">\r\n                        <div class=\"equa-result-header\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#702580\" stroke-width=\"2.5\">\r\n                                <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\r\n                                <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\r\n                                <line x1=\"6\"  y1=\"20\" x2=\"6\"  y2=\"14\"\/>\r\n                            <\/svg>\r\n                            <div class=\"equa-result-meta\">\r\n                                <h4>EQUA Intelligence<\/h4>\r\n                                <p>Eurostat\/LFSI &mdash; Verified 100%<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"equa-chart\">\r\n                            <div class=\"equa-bar\" data-h=\"65%\"><\/div>\r\n                            <div class=\"equa-bar\" data-h=\"85%\"><\/div>\r\n                            <div class=\"equa-bar\" data-h=\"60%\" style=\"opacity:.65\"><\/div>\r\n                            <div class=\"equa-bar\" data-h=\"45%\" style=\"opacity:.65\"><\/div>\r\n                            <div class=\"equa-bar\" data-h=\"40%\" style=\"opacity:.65\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/main>\r\n            <\/div>\r\n\r\n            <!-- Testo -->\r\n            <div class=\"equa-text-col\">\r\n                <div class=\"equa-text-step\">\r\n                    <div class=\"equa-label\"><span class=\"equa-dot\"><\/span> Challenge<\/div>\r\n                    <p>Analysts face <strong>massive, fragmented databases<\/strong> like Eurostat. Manually finding, verifying, and visualizing indicators is slow, and standard searches often provide data without clear, traceable sources.<\/p>\r\n                <\/div>\r\n                <div class=\"equa-text-step\">\r\n                    <div class=\"equa-label\"><span class=\"equa-dot\"><\/span> Solution<\/div>\r\n                    <p>Instead of searching through spreadsheets, <strong>simply ask a question<\/strong>. EQUA instantly finds figures from official sources, shows <strong>exactly where the data came from<\/strong>, and creates ready-to-use reports based on verified records.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Stats -->\r\n        <div class=\"equa-bottom-row\">\r\n            <div class=\"equa-label\"><span class=\"equa-dot\"><\/span> Results<\/div>\r\n            <div class=\"equa-stats\">\r\n                <div class=\"equa-stat\">\r\n                    <div class=\"equa-stat-val\">90%<\/div>\r\n                    <div class=\"equa-stat-label\"><strong>Reduction in search time<\/strong> compared to manual database navigation<\/div>\r\n                <\/div>\r\n                <div class=\"equa-stat\">\r\n                    <div class=\"equa-stat-val\">100%<\/div>\r\n                    <div class=\"equa-stat-label\"><strong>Source transparency<\/strong> with direct links to official data tables<\/div>\r\n                <\/div>\r\n                <div class=\"equa-stat\">\r\n                    <div class=\"equa-stat-val\">4x<\/div>\r\n                    <div class=\"equa-stat-label\"><strong>Productivity boost<\/strong> for policy writing and news production<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- 4. SCRIPT -->\r\n<script>\r\n(function() {\r\n    var root = document.getElementById('equa-root');\r\n    var bars = root.querySelectorAll('.equa-bar');\r\n\r\n    function animateBars() {\r\n        bars.forEach(function(bar, i) {\r\n            setTimeout(function() {\r\n                bar.style.height = bar.getAttribute('data-h');\r\n            }, 800 + i * 100);\r\n        });\r\n    }\r\n\r\n    function activate() {\r\n        root.classList.add('is-visible');\r\n        animateBars();\r\n    }\r\n\r\n    \/\/ Mobile: attiva subito\r\n    if (window.innerWidth <= 900) {\r\n        activate();\r\n        return;\r\n    }\r\n\r\n    \/\/ Desktop: attiva quando entra in viewport\r\n    if ('IntersectionObserver' in window) {\r\n        var obs = new IntersectionObserver(function(entries) {\r\n            if (entries[0].isIntersecting) {\r\n                activate();\r\n                obs.unobserve(root);\r\n            }\r\n        }, { threshold: 0.1 });\r\n        obs.observe(root);\r\n    } else {\r\n        activate(); \/\/ fallback\r\n    }\r\n})();\r\n<\/script>\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-c7339ab e-flex e-con-boxed e-con e-parent\" data-id=\"c7339ab\" 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-576aa0d9 elementor-widget elementor-widget-heading\" data-id=\"576aa0d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p><span style=\"white-space: nowrap\">Case History #2<\/span><\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11373766 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"11373766\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"neo-purple\"><font color=\"#322e34\"><span style=\"font-weight: 400\">Powering Smart Museums <\/span><\/font><br>  with Unified, Real-Time Data.<\/span>\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-264b0e45 elementor-widget elementor-widget-html\" data-id=\"264b0e45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     MUSEUM DATA LAKE \u2013 Embed-ready snippet\r\n     Stesso stile di EQUA. Incolla direttamente nella pagina.\r\n     NON include <!DOCTYPE>, <html>, <head> o <body>.\r\n     ============================================================ -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,900&display=swap\">\r\n\r\n<style>\r\n.museum-root {\r\n    --equa-purple: #702580;\r\n    --equa-light-purple: #f3ebf5;\r\n    --text-main: #1f2937;\r\n    --text-muted: #6b7280;\r\n    --bg-canvas: #f9fafb;\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: var(--text-main);\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n.museum-root *, .museum-root *::before, .museum-root *::after {\r\n    box-sizing: border-box; margin: 0; padding: 0; font-family: inherit;\r\n}\r\n\r\n.museum-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: clamp(20px,3vw,40px) clamp(16px,4vw,40px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: clamp(28px,5vw,56px);\r\n}\r\n\r\n\/* \u2500\u2500 TOP ROW \u2500\u2500 *\/\r\n.museum-top-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: clamp(24px,4vw,56px);\r\n    align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 MOCKUP \u2500\u2500 *\/\r\n.museum-mockup {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 10;\r\n    background: var(--bg-canvas);\r\n    border-radius: clamp(14px,2vw,24px);\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 56px rgba(0,0,0,0.12);\r\n    border: 1px solid #e5e7eb;\r\n    display: flex;\r\n    flex-direction: column;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1);\r\n}\r\n.museum-root.is-visible .museum-mockup { opacity: 1; transform: translateY(0); }\r\n\r\n\/* topbar *\/\r\n.museum-topbar {\r\n    background: var(--equa-purple);\r\n    padding: clamp(8px,1.2vw,14px) clamp(12px,2vw,20px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-shrink: 0;\r\n}\r\n.museum-topbar-logo {\r\n    display: flex; align-items: center; gap: 7px;\r\n    font-size: clamp(11px,1.2vw,15px); font-weight: 800;\r\n    letter-spacing: .05em; color: #fff;\r\n}\r\n.museum-topbar-logo svg { width: clamp(12px,1.3vw,16px); height: auto; }\r\n\r\n.museum-topbar-tabs {\r\n    display: flex; gap: clamp(4px,.6vw,8px);\r\n}\r\n.museum-tab {\r\n    padding: clamp(4px,.5vw,6px) clamp(8px,1vw,14px);\r\n    border-radius: 6px;\r\n    font-size: clamp(8px,.75vw,10px); font-weight: 600;\r\n    color: rgba(255,255,255,.6); cursor: pointer;\r\n}\r\n.museum-tab.active {\r\n    background: rgba(255,255,255,.18);\r\n    color: #fff;\r\n}\r\n\r\n.museum-topbar-badge {\r\n    font-size: clamp(7px,.65vw,9px);\r\n    font-weight: 600; color: rgba(255,255,255,.7);\r\n    background: rgba(255,255,255,.12);\r\n    padding: 3px 8px; border-radius: 20px;\r\n    display: flex; align-items: center; gap: 4px;\r\n}\r\n.museum-live-dot {\r\n    width: 5px; height: 5px; border-radius: 50%;\r\n    background: #4ade80;\r\n    animation: museum-blink 2s ease-in-out infinite;\r\n}\r\n@keyframes museum-blink { 0%,100%{opacity:1} 50%{opacity:.3} }\r\n\r\n\/* stage *\/\r\n.museum-stage {\r\n    flex: 1;\r\n    padding: clamp(10px,1.5vw,20px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: clamp(8px,1vw,12px);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* query bubble *\/\r\n.museum-query {\r\n    background: #fff;\r\n    padding: clamp(7px,.9vw,12px) clamp(10px,1.4vw,18px);\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,.08);\r\n    font-size: clamp(8px,.8vw,11px); line-height: 1.5;\r\n    color: #374151; font-weight: 500;\r\n    align-self: flex-end; max-width: 75%;\r\n    opacity: 0; transform: translateY(10px);\r\n    transition: opacity .5s ease, transform .5s cubic-bezier(.22,1,.36,1);\r\n}\r\n.museum-root.is-visible .museum-query { opacity: 1; transform: translateY(0); }\r\n\r\n\/* result card *\/\r\n.museum-result {\r\n    background: #fff;\r\n    border-radius: clamp(10px,1.2vw,14px);\r\n    padding: clamp(10px,1.4vw,16px);\r\n    box-shadow: 0 2px 12px rgba(0,0,0,.04);\r\n    display: flex; flex-direction: column;\r\n    gap: clamp(8px,1vw,12px);\r\n    flex: 1;\r\n    opacity: 0; transform: scale(.98);\r\n    transition: opacity .7s ease .3s, transform .7s ease .3s;\r\n}\r\n.museum-root.is-visible .museum-result { opacity: 1; transform: scale(1); }\r\n\r\n.museum-result-header {\r\n    display: flex; align-items: center;\r\n    justify-content: space-between;\r\n}\r\n.museum-result-title {\r\n    display: flex; align-items: center; gap: 7px;\r\n}\r\n.museum-result-title svg { width: clamp(10px,1.1vw,14px); height: auto; flex-shrink: 0; }\r\n.museum-result-title h4 {\r\n    color: var(--equa-purple);\r\n    font-size: clamp(7px,.7vw,9px); text-transform: uppercase;\r\n    letter-spacing: .08em; font-weight: 700;\r\n}\r\n.museum-result-sub {\r\n    color: var(--text-muted);\r\n    font-size: clamp(6px,.6vw,8px);\r\n}\r\n\r\n\/* KPI row \u2014 3 cards full width *\/\r\n.museum-kpi-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: clamp(6px,.8vw,10px);\r\n}\r\n.museum-kpi {\r\n    background: var(--bg-canvas);\r\n    border-radius: 10px;\r\n    padding: clamp(8px,1vw,12px) clamp(10px,1.2vw,14px);\r\n    display: flex; flex-direction: column; gap: 3px;\r\n}\r\n.museum-kpi-label {\r\n    font-size: clamp(6px,.6vw,8px);\r\n    color: var(--text-muted); text-transform: uppercase;\r\n    letter-spacing: .08em; font-weight: 600;\r\n}\r\n.museum-kpi-val {\r\n    font-size: clamp(13px,1.6vw,20px); font-weight: 800;\r\n    color: var(--equa-purple); line-height: 1;\r\n}\r\n.museum-kpi-delta {\r\n    font-size: clamp(6px,.55vw,8px);\r\n    color: #16a34a; font-weight: 500;\r\n}\r\n\r\n\/* chart *\/\r\n.museum-chart {\r\n    background: var(--bg-canvas);\r\n    border-radius: 10px;\r\n    flex: 1;\r\n    display: flex; align-items: flex-end;\r\n    gap: clamp(4px,.5vw,7px);\r\n    padding: clamp(10px,1.2vw,16px);\r\n    min-height: 40px;\r\n}\r\n.museum-bar {\r\n    flex: 1;\r\n    background: var(--equa-purple);\r\n    border-radius: 4px; height: 0;\r\n    transition: height 1.2s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.museum-bar.light { opacity: .35; }\r\n\r\n\/* \u2500\u2500 TEXT COL \u2500\u2500 *\/\r\n.museum-text-col {\r\n    display: flex; flex-direction: column; gap: 0;\r\n    opacity: 0; transform: translateY(24px);\r\n    transition: opacity .7s ease .15s, transform .7s cubic-bezier(.22,1,.36,1) .15s;\r\n}\r\n.museum-root.is-visible .museum-text-col { opacity: 1; transform: translateY(0); }\r\n\r\n.museum-text-step {\r\n    padding: clamp(20px,3vw,32px) 0;\r\n    border-bottom: 1px solid #EDE9FE;\r\n}\r\n.museum-text-step:first-child { padding-top: 0; }\r\n.museum-text-step:last-child  { border-bottom: none; padding-bottom: 0; }\r\n\r\n.museum-section-label {\r\n    display: inline-flex; align-items: center; gap: 7px;\r\n    color: var(--equa-purple); font-weight: 700;\r\n    text-transform: uppercase; font-size: clamp(10px,1.1vw,13px);\r\n    letter-spacing: .1em; margin-bottom: clamp(8px,1.2vw,14px);\r\n}\r\n.museum-dot {\r\n    width: 5px; height: 5px; border-radius: 50%;\r\n    background: var(--equa-purple); flex-shrink: 0;\r\n}\r\n.museum-text-step p {\r\n    font-size: clamp(14px,1.5vw,17px); font-weight: 400;\r\n    color: var(--text-muted); line-height: 1.8;\r\n}\r\n.museum-text-step p strong { color: #111; font-weight: 600; }\r\n\r\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\r\n.museum-bottom-row {\r\n    display: flex; flex-direction: column; gap: clamp(12px,1.5vw,16px);\r\n    opacity: 0; transform: translateY(28px);\r\n    transition: opacity .7s ease .2s, transform .7s cubic-bezier(.22,1,.36,1) .2s;\r\n}\r\n.museum-root.is-visible .museum-bottom-row { opacity: 1; transform: translateY(0); }\r\n\r\n.museum-stats {\r\n    display: grid; grid-template-columns: repeat(3,1fr);\r\n    gap: clamp(10px,1.5vw,16px);\r\n}\r\n.museum-stat {\r\n    background: var(--equa-light-purple);\r\n    border: 1px solid rgba(112,37,128,.12);\r\n    padding: clamp(20px,3vw,32px) clamp(16px,2.5vw,28px);\r\n    border-radius: clamp(12px,1.5vw,16px);\r\n    display: flex; flex-direction: column; gap: 6px;\r\n    transition: box-shadow .3s ease, border-color .3s ease;\r\n}\r\n.museum-stat:hover {\r\n    box-shadow: 0 8px 28px rgba(112,37,128,.1);\r\n    border-color: rgba(112,37,128,.25);\r\n}\r\n.museum-stat-val {\r\n    font-size: clamp(36px,4vw,58px); font-weight: 900;\r\n    color: var(--equa-purple); line-height: 1; letter-spacing: -.03em;\r\n}\r\n.museum-stat-label {\r\n    font-size: clamp(12px,1.1vw,14px); font-weight: 400;\r\n    color: var(--text-muted); line-height: 1.55;\r\n}\r\n.museum-stat-label strong { font-weight: 600; color: #111; }\r\n\r\n\/* \u2500\u2500 BREAKPOINTS \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n    .museum-top-row { grid-template-columns: 1fr; }\r\n    .museum-mockup  { aspect-ratio: 16\/9; opacity: 1; transform: none; }\r\n    .museum-text-col, .museum-bottom-row,\r\n    .museum-query, .museum-result { opacity: 1; transform: none; }\r\n    .museum-topbar-tabs { display: none; }\r\n}\r\n@media (max-width: 768px) {\r\n    .museum-mockup { aspect-ratio: 4\/3; border-radius: 16px; }\r\n    .museum-stats  { grid-template-columns: repeat(2,1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n    .museum-stats { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 480px) {\r\n    .museum-container { padding: 16px; gap: 28px; }\r\n    .museum-mockup { border-radius: 12px; }\r\n    .museum-stat-val { font-size: 40px; }\r\n    .museum-kpi-val { font-size: 15px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    .museum-mockup, .museum-text-col, .museum-bottom-row,\r\n    .museum-query, .museum-result, .museum-bar {\r\n        opacity: 1 !important; transform: none !important; transition: none !important;\r\n    }\r\n    .museum-live-dot { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"museum-root\" id=\"museum-root\">\r\n<div class=\"museum-container\">\r\n\r\n    <div class=\"museum-top-row\">\r\n\r\n        <!-- MOCKUP -->\r\n        <div class=\"museum-mockup\">\r\n\r\n            <!-- topbar -->\r\n            <div class=\"museum-topbar\">\r\n                <div class=\"museum-topbar-logo\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                        <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                        <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                        <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                    <\/svg>\r\n                    DataLake\r\n                <\/div>\r\n                <div class=\"museum-topbar-tabs\">\r\n                    <div class=\"museum-tab active\">Dashboard<\/div>\r\n                    <div class=\"museum-tab\">Reports<\/div>\r\n                    <div class=\"museum-tab\">IoT<\/div>\r\n                <\/div>\r\n                <div class=\"museum-topbar-badge\">\r\n                    <span class=\"museum-live-dot\"><\/span> Live\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- stage -->\r\n            <div class=\"museum-stage\">\r\n                <div class=\"museum-query\">\r\n                    Show me visitor flow across all entry points for the last 7 days.\r\n                <\/div>\r\n                <div class=\"museum-result\">\r\n                    <div class=\"museum-result-header\">\r\n                        <div class=\"museum-result-title\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#702580\" stroke-width=\"2.5\">\r\n                                <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                                <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                                <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                            <\/svg>\r\n                            <h4>AI Layer \u2014 Museum Intelligence<\/h4>\r\n                        <\/div>\r\n                        <span class=\"museum-result-sub\">IoT \u00b7 Ticketing \u00b7 POS \u2014 Verified 100%<\/span>\r\n                    <\/div>\r\n                    <!-- KPIs -->\r\n                    <div class=\"museum-kpi-row\">\r\n                        <div class=\"museum-kpi\">\r\n                            <span class=\"museum-kpi-label\">Visitors \/ hr<\/span>\r\n                            <span class=\"museum-kpi-val\">1,248<\/span>\r\n                            <span class=\"museum-kpi-delta\">\u2191 12% vs yesterday<\/span>\r\n                        <\/div>\r\n                        <div class=\"museum-kpi\">\r\n                            <span class=\"museum-kpi-label\">Active streams<\/span>\r\n                            <span class=\"museum-kpi-val\">7<\/span>\r\n                            <span class=\"museum-kpi-delta\">All synced<\/span>\r\n                        <\/div>\r\n                        <div class=\"museum-kpi\">\r\n                            <span class=\"museum-kpi-label\">IoT sensors<\/span>\r\n                            <span class=\"museum-kpi-val\">94<\/span>\r\n                            <span class=\"museum-kpi-delta\">0 errors<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- chart -->\r\n                    <div class=\"museum-chart\">\r\n                        <div class=\"museum-bar light\" data-h=\"28%\"><\/div>\r\n                        <div class=\"museum-bar light\" data-h=\"42%\"><\/div>\r\n                        <div class=\"museum-bar\"       data-h=\"60%\"><\/div>\r\n                        <div class=\"museum-bar\"       data-h=\"85%\"><\/div>\r\n                        <div class=\"museum-bar\"       data-h=\"100%\"><\/div>\r\n                        <div class=\"museum-bar\"       data-h=\"78%\"><\/div>\r\n                        <div class=\"museum-bar\"       data-h=\"65%\"><\/div>\r\n                        <div class=\"museum-bar light\" data-h=\"48%\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- TEXT -->\r\n        <div class=\"museum-text-col\">\r\n            <div class=\"museum-text-step\">\r\n                <div class=\"museum-section-label\"><span class=\"museum-dot\"><\/span> Challenge<\/div>\r\n                <p><strong>Fragmented data silos<\/strong> hinder museum operators across multiple external ticket sellers and internal IoT sensors. This lack of synchronization forces staff to spend <strong>80% of their time<\/strong> manually merging reports, leading to blind spots in visitor flow management and missed revenue opportunities.<\/p>\r\n            <\/div>\r\n            <div class=\"museum-text-step\">\r\n                <div class=\"museum-section-label\"><span class=\"museum-dot\"><\/span> Solution<\/div>\r\n                <p>We built a <strong>centralized Data Lake<\/strong> that aggregates all ticketing and sensor streams into a single source of truth, governed by our <strong>AI Layer<\/strong>. This acts as a natural language interface, allowing non-technical staff to generate complex reports and interactive dashboards instantly using only simple, conversational commands.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STATS -->\r\n    <div class=\"museum-bottom-row\">\r\n        <div class=\"museum-section-label\"><span class=\"museum-dot\"><\/span> Results<\/div>\r\n        <div class=\"museum-stats\">\r\n            <div class=\"museum-stat\">\r\n                <div class=\"museum-stat-val\">90%<\/div>\r\n                <div class=\"museum-stat-label\"><strong>Faster reporting<\/strong> in real time vs manual data merging<\/div>\r\n            <\/div>\r\n            <div class=\"museum-stat\">\r\n                <div class=\"museum-stat-val\">100%<\/div>\r\n                <div class=\"museum-stat-label\"><strong>Data centralization<\/strong> across all ticketing and IoT streams<\/div>\r\n            <\/div>\r\n            <div class=\"museum-stat\">\r\n                <div class=\"museum-stat-val\">95%<\/div>\r\n                <div class=\"museum-stat-label\"><strong>Predictive accuracy<\/strong> in visitor flow forecasting<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    var root = document.getElementById('museum-root');\r\n    var bars = root.querySelectorAll('.museum-bar');\r\n\r\n    function animateBars() {\r\n        bars.forEach(function (b, i) {\r\n            setTimeout(function () { b.style.height = b.getAttribute('data-h'); }, 800 + i * 90);\r\n        });\r\n    }\r\n\r\n    function activate() { root.classList.add('is-visible'); animateBars(); }\r\n\r\n    if (window.innerWidth <= 900) { activate(); return; }\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        var obs = new IntersectionObserver(function (e) {\r\n            if (e[0].isIntersecting) { activate(); obs.unobserve(root); }\r\n        }, { threshold: 0.1 });\r\n        obs.observe(root);\r\n    } else { activate(); }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-315117ec elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"315117ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjM1MyIsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact our Team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bb4d15 e-con-full e-flex e-con e-child\" data-id=\"2bb4d15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfb48b2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cfb48b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b21f5d elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0b21f5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We don't start from scratch. <br><b class=\"neo-purple\">And neither should you.<\/b><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef9ec18 e-con-full e-flex e-con e-child\" data-id=\"ef9ec18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-566392e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"566392e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"423\" src=\"https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-1024x542.png\" class=\"attachment-large size-large wp-image-16790\" alt=\"\" srcset=\"https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-1024x542.png 1024w, https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-300x159.png 300w, https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-768x407.png 768w, https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-1536x813.png 1536w, https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9-18x10.png 18w, https:\/\/www2.neodatagroup.ai\/wp-content\/uploads\/2026\/04\/Progetto-senza-titolo-9.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cbfd98 e-flex e-con-boxed e-con e-child\" data-id=\"2cbfd98\" 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-a2f6bb9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a2f6bb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-start para-style-body\" style=\"text-align: left;\"><b><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Neofabric is our <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">AI engineering framewor<\/span><\/b><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"><b>k.<\/b> A library of<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"> modular components<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, field-tested in production and refined over years of client delivery.<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">It <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">allows us to assemble the right solution faster<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, at a lower cost, and with less risk than building from scratch.<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">We can start from a working prototype and then move to a production-grade solution.<\/span><\/p>\t\t\t\t\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\t\t<div class=\"elementor-element elementor-element-0db2776 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"0db2776\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-grow\" href=\"https:\/\/www2.neodatagroup.ai\/neofabric\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover More about NeoFabric<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\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-e599b63 e-flex e-con-boxed e-con e-parent\" data-id=\"e599b63\" 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-7a27ace elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7a27ace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd95804 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"dd95804\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Deployment Model<br>\n<b class=\"neo-purple\">We care about your security<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f6a8d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a4f6a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Choose the deployment option that best fits your security, compliance, and operational requirements<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39db772 elementor-widget elementor-widget-html\" data-id=\"39db772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Deployment Cards - WordPress Embed -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .deploy-section {\r\n    font-family: 'DM Sans', sans-serif;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    padding: 40px 20px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .deploy-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 40px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .deploy-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #702580, #a040b8);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .deploy-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 40px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .deploy-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .deploy-card--featured {\r\n    background: #702580;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .deploy-card--featured::before {\r\n    background: linear-gradient(90deg, #fff, #e0b0f0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .deploy-card--featured:hover {\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.28);\r\n  }\r\n\r\n  .deploy-card__badge {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    background: #702580;\r\n    border-radius: 20px;\r\n    padding: 4px 12px;\r\n    margin-bottom: 20px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__badge {\r\n    background: rgba(255,255,255,0.15);\r\n    color: #fff;\r\n  }\r\n\r\n  .deploy-card__title {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #702580;\r\n    margin: 0 0 10px 0;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__title {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .deploy-card__desc {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #777;\r\n    line-height: 1.6;\r\n    margin: 0 0 32px 0;\r\n    min-height: 50px;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__desc {\r\n    color: rgba(255,255,255,0.55);\r\n  }\r\n\r\n  .deploy-card__divider {\r\n    height: 1px;\r\n    background: #f0f0f0;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__divider {\r\n    background: rgba(255,255,255,0.1);\r\n  }\r\n\r\n  .deploy-card__features {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n  }\r\n\r\n  .deploy-card__feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 13px 0;\r\n    border-bottom: 1px solid #f4f4f4;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #702580;\r\n    transition: padding-left 0.2s ease;\r\n  }\r\n\r\n  .deploy-card__feature:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .deploy-card:hover .deploy-card__feature {\r\n    padding-left: 2px;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__feature {\r\n    color: rgba(255,255,255,0.85);\r\n    border-bottom-color: rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .deploy-card__check {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n    border-radius: 50%;\r\n    border: 1.5px solid #702580;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .deploy-card--featured .deploy-card__check {\r\n    border-color: rgba(255,255,255,0.3);\r\n  }\r\n\r\n  .deploy-card__check svg {\r\n    display: block;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px) {\r\n    .deploy-section {\r\n      grid-template-columns: 1fr;\r\n      max-width: 480px;\r\n    }\r\n    .deploy-card__desc {\r\n      min-height: auto;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 601px) and (max-width: 900px) {\r\n    .deploy-section {\r\n      grid-template-columns: 1fr 1fr;\r\n      max-width: 720px;\r\n    }\r\n    .deploy-card:nth-child(3) {\r\n      grid-column: span 2;\r\n      max-width: 340px;\r\n      margin: 0 auto;\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"deploy-section\">\r\n\r\n  <!-- Cloud -->\r\n  <div class=\"deploy-card\">\r\n    <span class=\"deploy-card__badge\">Cloud<\/span>\r\n    <h3 class=\"deploy-card__title\">Cloud<\/h3>\r\n    <p class=\"deploy-card__desc\">Fully managed, scalable solution hosted in secure cloud infrastructure.<\/p>\r\n    <div class=\"deploy-card__divider\"><\/div>\r\n    <ul class=\"deploy-card__features\">\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Zero infrastructure management\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Automatic scaling\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Global availability\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Pay-as-you-go pricing\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <!-- On-Premise (featured) -->\r\n  <div class=\"deploy-card deploy-card--featured\">\r\n    <span class=\"deploy-card__badge\">On-Premise<\/span>\r\n    <h3 class=\"deploy-card__title\">On-Premise<\/h3>\r\n    <p class=\"deploy-card__desc\">Complete control with installation on your own infrastructure.<\/p>\r\n    <div class=\"deploy-card__divider\"><\/div>\r\n    <ul class=\"deploy-card__features\">\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Full data sovereignty\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Custom integration options\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        No data egress\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Dedicated resources\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <!-- Hybrid -->\r\n  <div class=\"deploy-card\">\r\n    <span class=\"deploy-card__badge\">Hybrid<\/span>\r\n    <h3 class=\"deploy-card__title\">Hybrid<\/h3>\r\n    <p class=\"deploy-card__desc\">Best of both worlds with flexible deployment across cloud and on-premise.<\/p>\r\n    <div class=\"deploy-card__divider\"><\/div>\r\n    <ul class=\"deploy-card__features\">\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Data locality control\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Burst to cloud capacity\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Gradual migration path\r\n      <\/li>\r\n      <li class=\"deploy-card__feature\">\r\n        <span class=\"deploy-card__check\">\r\n          <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\">\r\n            <path d=\"M1 4L3.5 6.5L9 1\" stroke=\"#702580\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Redundancy &amp; failover\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n<\/div>\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-657184ed e-con-full e-flex e-con e-parent\" data-id=\"657184ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-db7b3f4 e-con-full e-flex e-con e-child\" data-id=\"db7b3f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78bdafdf elementor-widget elementor-widget-heading\" data-id=\"78bdafdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Make your data accessible to everyone<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-638833c5 elementor-widget elementor-widget-text-editor\" data-id=\"638833c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>See Data Intelligence in action with a personalized demo from our experts.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b1f9b77 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"2b1f9b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE2ODczIiwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">book a demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-533","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Data Intelligence - Neodata Group S.r.l<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/neodatagroup.ai\/it\/data-intelligence\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Data Intelligence - Neodata Group S.r.l\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neodatagroup.ai\/it\/data-intelligence\/\" \/>\n<meta property=\"og:site_name\" content=\"Neodata Group S.r.l\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T05:48:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/data-intelligence\\\/\",\"url\":\"https:\\\/\\\/neodatagroup.ai\\\/data-intelligence\\\/\",\"name\":\"Data Intelligence - Neodata Group S.r.l\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#website\"},\"datePublished\":\"2026-04-22T05:46:47+00:00\",\"dateModified\":\"2026-04-22T05:48:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/data-intelligence\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/neodatagroup.ai\\\/data-intelligence\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/data-intelligence\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/neodatagroup.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data Intelligence\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#website\",\"url\":\"https:\\\/\\\/neodatagroup.ai\\\/\",\"name\":\"Neodata Group S.r.l\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/neodatagroup.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#organization\",\"name\":\"Neodata Group S.r.l\",\"url\":\"https:\\\/\\\/neodatagroup.ai\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/neodatagroup.ai\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo_neodata-2.svg\",\"contentUrl\":\"https:\\\/\\\/neodatagroup.ai\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo_neodata-2.svg\",\"width\":207,\"height\":56,\"caption\":\"Neodata Group S.r.l\"},\"image\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Data Intelligence - Neodata Group S.r.l","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/neodatagroup.ai\/it\/data-intelligence\/","og_locale":"it_IT","og_type":"article","og_title":"Data Intelligence - Neodata Group S.r.l","og_url":"https:\/\/neodatagroup.ai\/it\/data-intelligence\/","og_site_name":"Neodata Group S.r.l","article_modified_time":"2026-04-22T05:48:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/neodatagroup.ai\/data-intelligence\/","url":"https:\/\/neodatagroup.ai\/data-intelligence\/","name":"Data Intelligence - Neodata Group S.r.l","isPartOf":{"@id":"https:\/\/neodatagroup.ai\/#website"},"datePublished":"2026-04-22T05:46:47+00:00","dateModified":"2026-04-22T05:48:08+00:00","breadcrumb":{"@id":"https:\/\/neodatagroup.ai\/data-intelligence\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neodatagroup.ai\/data-intelligence\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/neodatagroup.ai\/data-intelligence\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/neodatagroup.ai\/"},{"@type":"ListItem","position":2,"name":"Data Intelligence"}]},{"@type":"WebSite","@id":"https:\/\/neodatagroup.ai\/#website","url":"https:\/\/neodatagroup.ai\/","name":"Neodata Group S.r.l","description":"","publisher":{"@id":"https:\/\/neodatagroup.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/neodatagroup.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/neodatagroup.ai\/#organization","name":"Neodata Group S.r.l","url":"https:\/\/neodatagroup.ai\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/neodatagroup.ai\/#\/schema\/logo\/image\/","url":"https:\/\/neodatagroup.ai\/wp-content\/uploads\/2026\/04\/logo_neodata-2.svg","contentUrl":"https:\/\/neodatagroup.ai\/wp-content\/uploads\/2026\/04\/logo_neodata-2.svg","width":207,"height":56,"caption":"Neodata Group S.r.l"},"image":{"@id":"https:\/\/neodatagroup.ai\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages\/533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":7,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages\/533\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages\/533\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/media?parent=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}