{"id":510,"date":"2026-04-22T05:56:22","date_gmt":"2026-04-22T03:56:22","guid":{"rendered":"https:\/\/www2.neodatagroup.ai\/?page_id=510"},"modified":"2026-04-22T05:57:04","modified_gmt":"2026-04-22T03:57:04","slug":"video-intelligence","status":"publish","type":"page","link":"https:\/\/neodatagroup.ai\/it\/video-intelligence\/","title":{"rendered":"Video Intelligence"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"510\" class=\"elementor elementor-510\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d88895b e-con-full e-flex e-con e-parent\" data-id=\"d88895b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f49277e elementor-widget elementor-widget-template\" data-id=\"f49277e\" 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=\"508\" class=\"elementor elementor-508\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53a1dc4d e-flex e-con-boxed e-con e-parent\" data-id=\"53a1dc4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/neodatagroup.ai\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Fai_questo_fiore_1080p_202602171718.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-b801e65 sfumatura elementor-widget elementor-widget-heading\" data-id=\"b801e65\" 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\">Video <span>Intelligence<\/span>  <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22718fc4 elementor-widget elementor-widget-text-editor\" data-id=\"22718fc4\" 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\">Unlock the intelligence hidden in your video archives.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9d5629 elementor-widget elementor-widget-button\" data-id=\"6b9d5629\" 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%3DeyJpZCI6IjM2NCIsInRvZ2dsZSI6ZmFsc2V9\">\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-48a0cf11 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"48a0cf11\" 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-1574b207 e-con-full e-flex e-con e-child\" data-id=\"1574b207\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-38af39b7 e-con-full e-flex e-con e-child\" data-id=\"38af39b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37057572 elementor-widget elementor-widget-heading\" data-id=\"37057572\" 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-56c1e0da elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"56c1e0da\" 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 hidden cost <br><span class=\"neo-purple\">  of video archives.<\/span>\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab0754a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7ab0754a\" 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\">Organisations today manage <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">thousands of hours of video<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">. Most of it is impossible to use, and requires enormous manual effort to navigate.<\/span><\/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-6b709a4e e-flex e-con-boxed e-con e-child\" data-id=\"6b709a4e\" 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-24352915 elementor-widget elementor-widget-html\" data-id=\"24352915\" 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&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .nvp, .nvp * { font-family: 'DM Sans', sans-serif !important; box-sizing: border-box; margin: 0; padding: 0; }\n\n  .nvp {\n    width: 100%;\n    padding: 0;\n  }\n\n  \/* \u2500\u2500 GRID \u2500\u2500 *\/\n  .nvp__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 16px;\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1);\n  }\n  .nvp.is-visible .nvp__grid { opacity: 1; transform: translateY(0); }\n\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\n  .nvp__card {\n    background: #F9F5FF;\n    border: 1px solid rgba(123,45,139,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22,1,0.36,1),\n                box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n  .nvp.is-visible .nvp__card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay: 0ms; }\n  .nvp.is-visible .nvp__card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay: 140ms; }\n  .nvp.is-visible .nvp__card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay: 280ms; }\n\n  .nvp__card:hover {\n    box-shadow: 0 6px 24px rgba(123,45,139,0.1);\n    border-color: rgba(123,45,139,0.22);\n  }\n\n  \/* \u2500\u2500 ICON \u2500\u2500 *\/\n  .nvp__icon {\n    width: 48px;\n    height: 48px;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 TITLE \u2500\u2500 *\/\n  .nvp__title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #7B2D8B;\n    line-height: 1.3;\n  }\n\n  \/* \u2500\u2500 DESC \u2500\u2500 *\/\n  .nvp__desc {\n    font-size: 15px;\n    font-weight: 400;\n    color: #4B5563;\n    line-height: 1.7;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .nvp__grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      opacity: 1; transform: none;\n    }\n    .nvp__card { opacity: 1; transform: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .nvp__grid, .nvp__card { opacity: 1; transform: none; transition: none; }\n  }\n<\/style>\n\n<section class=\"nvp\" id=\"nvp-section\">\n  <div class=\"nvp__grid\">\n\n    <!-- 1 \u2014 Inconsistent data -->\n    <div class=\"nvp__card\">\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <line x1=\"6\" y1=\"6\" x2=\"46\" y2=\"6\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"6\" y1=\"19\" x2=\"46\" y2=\"19\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"6\" y1=\"33\" x2=\"46\" y2=\"33\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"6\" y1=\"46\" x2=\"46\" y2=\"46\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"6\"  y1=\"6\" x2=\"6\"  y2=\"46\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"19\" y1=\"6\" x2=\"19\" y2=\"46\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"33\" y1=\"6\" x2=\"33\" y2=\"46\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <line x1=\"46\" y1=\"6\" x2=\"46\" y2=\"46\" stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.2\"\/>\n        <rect x=\"6\"  y=\"6\"  width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.7\"\/>\n        <rect x=\"33\" y=\"6\"  width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.2\"\/>\n        <rect x=\"6\"  y=\"19\" width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.15\"\/>\n        <rect x=\"19\" y=\"33\" width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.6\"\/>\n        <rect x=\"6\"  y=\"33\" width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.1\"\/>\n        <rect x=\"33\" y=\"33\" width=\"13\" height=\"13\" rx=\"2\" fill=\"#7B2D8B\" opacity=\"0.3\"\/>\n        <line x1=\"25\" y1=\"10\" x2=\"25\" y2=\"17\" stroke=\"#7B2D8B\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.5\"\/>\n        <circle cx=\"25\" cy=\"22\" r=\"1.5\" fill=\"#7B2D8B\" opacity=\"0.5\"\/>\n      <\/svg>\n      <div class=\"nvp__title\">Inconsistent data<\/div>\n      <div class=\"nvp__desc\">The archives are catalogued manually, in a piecemeal and often inconsistent manner.<\/div>\n    <\/div>\n\n    <!-- 2 \u2014 Manual work -->\n    <div class=\"nvp__card\">\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect x=\"6\"  y=\"8\"  width=\"28\" height=\"5\" rx=\"2.5\" fill=\"#7B2D8B\" opacity=\"0.7\"\/>\n        <rect x=\"6\"  y=\"17\" width=\"22\" height=\"5\" rx=\"2.5\" fill=\"#7B2D8B\" opacity=\"0.45\"\/>\n        <rect x=\"6\"  y=\"26\" width=\"25\" height=\"5\" rx=\"2.5\" fill=\"#7B2D8B\" opacity=\"0.3\"\/>\n        <rect x=\"6\"  y=\"35\" width=\"18\" height=\"5\" rx=\"2.5\" fill=\"#7B2D8B\" opacity=\"0.2\"\/>\n        <path d=\"M34 30 L34 22 Q34 20 36 20 Q38 20 38 22 L38 26 Q38.5 25 40 25 Q42 25 42 27 L42 30 Q42.5 29.5 43.5 29.5 Q45 29.5 45 31 L45 35 Q45 40 40 40 L36 40 Q33 40 32 37 L30 32 Q29.5 30 31 29.5 Q32.5 29 33 30 Z\" stroke=\"#7B2D8B\" stroke-width=\"1.5\" stroke-linejoin=\"round\" fill=\"rgba(123,45,139,0.08)\"\/>\n      <\/svg>\n      <div class=\"nvp__title\">Manual work<\/div>\n      <div class=\"nvp__desc\">Classification relies on manual labour, which is slow and prone to errors.<\/div>\n    <\/div>\n\n    <!-- 3 \u2014 Limited search -->\n    <div class=\"nvp__card\">\n      <svg class=\"nvp__icon\" viewBox=\"0 0 52 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"22\" cy=\"22\" r=\"13\" stroke=\"#7B2D8B\" stroke-width=\"1.8\" fill=\"rgba(123,45,139,0.06)\"\/>\n        <circle cx=\"22\" cy=\"22\" r=\"8\"  stroke=\"#7B2D8B\" stroke-width=\"1\" opacity=\"0.3\" fill=\"none\"\/>\n        <line x1=\"31\" y1=\"31\" x2=\"44\" y2=\"44\" stroke=\"#7B2D8B\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n        <line x1=\"15\" y1=\"16\" x2=\"29\" y2=\"16\" stroke=\"#7B2D8B\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.25\"\/>\n        <line x1=\"13\" y1=\"20\" x2=\"31\" y2=\"20\" stroke=\"#7B2D8B\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.2\"\/>\n        <line x1=\"13\" y1=\"24\" x2=\"31\" y2=\"24\" stroke=\"#7B2D8B\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.15\"\/>\n        <line x1=\"14\" y1=\"28\" x2=\"30\" y2=\"28\" stroke=\"#7B2D8B\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.1\"\/>\n        <line x1=\"10\" y1=\"10\" x2=\"34\" y2=\"34\" stroke=\"#7B2D8B\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.5\"\/>\n      <\/svg>\n      <div class=\"nvp__title\">Limited search<\/div>\n      <div class=\"nvp__desc\">Search functions only look at the title or description, never the actual content.<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var section = document.getElementById('nvp-section');\n  if (!section) return;\n  if (window.innerWidth <= 900) {\n    section.classList.add('is-visible');\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        section.classList.add('is-visible');\n        observer.unobserve(section);\n      }\n    });\n  }, { threshold: 0.15 });\n  observer.observe(section);\n})();\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-3c123b8d e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"3c123b8d\" 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-66de1d7c elementor-widget elementor-widget-heading\" data-id=\"66de1d7c\" 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-375dedbb elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"375dedbb\" 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\">Not just video storage. <br><span class=\"neo-purple\">We offer video intelligence.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdf38fe elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6cdf38fe\" 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 <b>on top of your existing archive<\/b><\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"><b>.<\/b><\/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\">Organisations can finally <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"><b>interact with video archives<\/b> <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">in entirely new ways.<\/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\">No migration, no disruption.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd776c5 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"cd776c5\" 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-367f9782 elementor-widget elementor-widget-html\" data-id=\"367f9782\" 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    \/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n    .features {\r\n      padding: 2rem 1.5rem;\r\n      background: #fff;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .container { max-width: 80rem; margin: 0 auto; }\r\n\r\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n    .header {\r\n      text-align: center;\r\n      margin-bottom: 4.5rem;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      animation: fadeUp .65s ease forwards .05s;\r\n    }\r\n\r\n    .header h2 {\r\n      font-size: clamp(2.8rem, 7vw, 5rem);\r\n      font-weight: 300;\r\n      letter-spacing: -.03em;\r\n      line-height: 1;\r\n      color: var(--gray-900);\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .header p {\r\n      font-size: 1.05rem;\r\n      font-weight: 400;\r\n      color: var(--gray-500);\r\n      max-width: 34rem;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\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: 2.75rem;\r\n      opacity: 0;\r\n      animation: fadeUp .6s ease forwards .2s;\r\n    }\r\n\r\n    .tabs-inner {\r\n      display: inline-flex;\r\n      background: var(--gray-100);\r\n      border-radius: .875rem;\r\n      padding: .375rem;\r\n      gap: .375rem;\r\n    }\r\n\r\n    .tab-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .55rem;\r\n      padding: .75rem 1.25rem;\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: .875rem;\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    }\r\n\r\n    .tab-btn:hover { color: var(--brand); }\r\n    .tab-btn:active { transform: scale(.97); }\r\n\r\n    .tab-btn.active {\r\n      background: var(--brand);\r\n      color: #fff;\r\n      box-shadow: 0 4px 14px rgba(112,37,128,.28);\r\n    }\r\n\r\n    \/* icons inherit current color \u2014 violet when inactive, white when active *\/\r\n    .tab-btn svg { width: 1rem; height: 1rem; flex-shrink: 0; stroke: currentColor; fill: none; }\r\n\r\n    .tab-label { display: none; }\r\n    @media (min-width: 768px) { .tab-label { display: inline; } }\r\n\r\n    \/* \u2500\u2500 PANELS \u2500\u2500 *\/\r\n    .panels { position: relative; }\r\n\r\n    .panel {\r\n      display: none;\r\n      border-radius: 1.5rem;\r\n      border: 1px solid var(--brand-border);\r\n      padding: 3.25rem;\r\n      box-shadow: 0 16px 48px rgba(112,37,128,.08);\r\n      background: linear-gradient(135deg, #fff 0%, var(--brand-pale) 100%);\r\n      animation: panelIn .4s ease;\r\n    }\r\n\r\n    .panel.active { display: block; }\r\n\r\n    @keyframes panelIn {\r\n      from { opacity: 0; transform: translateY(14px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2500\u2500 PANEL GRID \u2500\u2500 *\/\r\n    .panel-grid { display: grid; gap: 3rem; align-items: center; }\r\n    @media (min-width: 1024px) { .panel-grid { grid-template-columns: 1fr 1fr; } }\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: 4rem;\r\n      height: 4rem;\r\n      border-radius: .875rem;\r\n      margin-bottom: 1.5rem;\r\n      background: var(--brand-light);\r\n      border: 1px solid var(--brand-border);\r\n    }\r\n\r\n    \/* all panel icons = violet *\/\r\n    .panel-icon svg { width: 1.8rem; height: 1.8rem; stroke: var(--brand); fill: none; }\r\n\r\n    .panel-left h3 {\r\n      font-size: clamp(1.45rem, 2.4vw, 1.9rem);\r\n      font-weight: 500;\r\n      letter-spacing: -.02em;\r\n      line-height: 1.15;\r\n      margin-bottom: 1rem;\r\n      color: var(--gray-900);\r\n    }\r\n\r\n    .panel-left > p {\r\n      color: var(--gray-500);\r\n      line-height: 1.7;\r\n      font-size: .975rem;\r\n      font-weight: 400;\r\n      margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .feature-list { list-style: none; display: flex; flex-direction: column; gap: .85rem; }\r\n    .feature-list li { display: flex; align-items: center; gap: .6rem; color: var(--gray-700); font-size: .9rem; }\r\n\r\n    \/* check icons = violet *\/\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: 1.125rem;\r\n      border: 1px solid var(--gray-200);\r\n      padding: 1.75rem;\r\n      box-shadow: 0 12px 40px rgba(0,0,0,.07);\r\n    }\r\n\r\n    \/* \u2500\u2500 EXPLORE mockup \u2500\u2500 *\/\r\n    .search-row { display: flex; gap: .65rem; margin-bottom: 1.25rem; }\r\n    .search-input {\r\n      flex: 1;\r\n      padding: .6rem .9rem;\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: .82rem;\r\n      color: var(--gray-700);\r\n      outline: none;\r\n      background: var(--gray-50);\r\n      transition: border-color .2s;\r\n    }\r\n    .search-input:focus { border-color: var(--brand); background: #fff; }\r\n    .btn-search {\r\n      padding: .6rem .85rem;\r\n      border-radius: .55rem;\r\n      border: none;\r\n      background: var(--brand);\r\n      cursor: pointer;\r\n      display: flex; align-items: center; justify-content: center;\r\n      transition: background .2s, transform .1s;\r\n    }\r\n    .btn-search:hover { background: var(--brand-mid); }\r\n    .btn-search:active { transform: scale(.95); }\r\n    .btn-search svg { width: 1rem; height: 1rem; stroke: #fff; fill: none; }\r\n\r\n    .result-item {\r\n      display: flex; align-items: center; gap: .9rem;\r\n      padding: .8rem .9rem; border-radius: .7rem;\r\n      background: var(--gray-50); margin-bottom: .5rem;\r\n      cursor: pointer; transition: background .2s;\r\n    }\r\n    .result-item:last-child { margin-bottom: 0; }\r\n    .result-item:hover { background: var(--brand-light); }\r\n\r\n    .result-thumb {\r\n      width: 2.6rem; height: 2.6rem; border-radius: .45rem;\r\n      background: var(--gray-200);\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0; transition: background .2s;\r\n    }\r\n    .result-item:hover .result-thumb { background: var(--brand-muted); }\r\n    .result-thumb svg { width: 1rem; height: 1rem; stroke: var(--gray-500); fill: none; }\r\n    .result-item:hover .result-thumb svg { stroke: var(--brand); }\r\n\r\n    .result-meta { display: flex; align-items: center; gap: .4rem; margin-bottom: .2rem; }\r\n    .result-meta svg { width: .75rem; height: .75rem; stroke: var(--gray-400); fill: none; }\r\n    .result-time { font-size: .75rem; color: var(--gray-500); }\r\n\r\n    .badge { display: inline-block; padding: .1rem .4rem; border-radius: .3rem; font-size: .68rem; font-weight: 600; }\r\n    .badge-violet { background: var(--brand-light); color: var(--brand); }\r\n    .badge-green  { background: #d1fae5; color: #065f46; }\r\n    .result-desc  { font-size: .855rem; color: var(--gray-900); }\r\n\r\n    \/* \u2500\u2500 AUDIO mockup \u2500\u2500 *\/\r\n    .status-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }\r\n    .status-label { font-size: .875rem; font-weight: 500; }\r\n\r\n    .video-preview {\r\n      background: #1a0a1e;\r\n      border-radius: .7rem;\r\n      aspect-ratio: 16\/9;\r\n      display: flex; align-items: center; justify-content: center;\r\n      position: relative; overflow: hidden;\r\n      margin-bottom: 1.25rem;\r\n      border: 1px solid var(--brand-border);\r\n    }\r\n    .video-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(112,37,128,.3), rgba(143,53,163,.12)); }\r\n    .play-icon { position: relative; z-index: 1; }\r\n    .play-icon svg { width: 3rem; height: 3rem; stroke: rgba(255,255,255,.75); fill: none; }\r\n\r\n    .audio-line { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: .85rem; }\r\n    .audio-line:last-child { margin-bottom: 0; }\r\n    \/* audio line icons = violet *\/\r\n    .audio-line > svg { width: 1rem; height: 1rem; stroke: var(--brand); fill: none; margin-top: 3px; flex-shrink: 0; }\r\n    .ts { font-size: .7rem; color: var(--gray-400); margin-bottom: .2rem; font-variant-numeric: tabular-nums; }\r\n    .audio-line p { font-size: .84rem; font-style: italic; color: var(--gray-600); line-height: 1.55; }\r\n\r\n    \/* \u2500\u2500 IDENTIFY mockup \u2500\u2500 *\/\r\n    .mock-title { font-size: .9rem; font-weight: 500; margin-bottom: 1.25rem; }\r\n    .detect-row { background: var(--gray-50); border-radius: .7rem; padding: .85rem .9rem; margin-bottom: .6rem; }\r\n    .detect-row:last-of-type { margin-bottom: 0; }\r\n    .detect-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }\r\n    .detect-label { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--gray-700); }\r\n    \/* detect icons = violet *\/\r\n    .detect-label svg { width: .9rem; height: .9rem; stroke: var(--brand); fill: none; }\r\n    .detect-count { font-size: 1.3rem; font-weight: 600; color: var(--brand); }\r\n    .progress-track { height: .35rem; background: var(--gray-200); border-radius: 9999px; overflow: hidden; }\r\n    .progress-bar {\r\n      height: 100%; border-radius: 9999px; 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\r\n    .realtime-box {\r\n      margin-top: 1rem;\r\n      background: var(--brand-light); border: 1px solid var(--brand-border);\r\n      border-radius: .7rem; padding: .8rem 1rem;\r\n    }\r\n    .realtime-label { display: flex; align-items: center; gap: .45rem; font-size: .78rem; font-weight: 600; color: var(--brand); margin-bottom: .25rem; }\r\n    .pulse { width: .45rem; height: .45rem; border-radius: 50%; background: var(--brand); animation: pulse 1.4s infinite; }\r\n    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.25} }\r\n    .realtime-box p { font-size: .75rem; color: var(--brand-mid); }\r\n\r\n    \/* \u2500\u2500 ENRICHMENT mockup \u2500\u2500 *\/\r\n    .enrich-block { margin-bottom: 1.1rem; }\r\n    .enrich-block:last-child { margin-bottom: 0; }\r\n    .enrich-head { display: flex; align-items: center; gap: .5rem; margin-bottom: .55rem; }\r\n    \/* enrich icons = violet *\/\r\n    .enrich-head svg { width: .95rem; height: .95rem; stroke: var(--brand); fill: none; }\r\n    .enrich-head span { font-weight: 500; font-size: .85rem; color: var(--gray-900); }\r\n    .enrich-text {\r\n      background: var(--gray-50); border-radius: .55rem;\r\n      padding: .75rem .9rem; font-size: .81rem;\r\n      color: var(--gray-600); line-height: 1.6;\r\n      border: 1px solid var(--gray-200);\r\n    }\r\n    .tag-list { display: flex; flex-wrap: wrap; gap: .4rem; }\r\n    .tag {\r\n      padding: .22rem .65rem; border-radius: .35rem;\r\n      font-size: .73rem; font-weight: 500;\r\n      background: var(--brand-light); color: var(--brand);\r\n      border: 1px solid var(--brand-border);\r\n    }\r\n\r\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    @media (max-width: 640px) {\r\n      .panel { padding: 1.75rem 1.25rem; }\r\n      .tabs-inner { gap: .25rem; }\r\n      .tab-btn { padding: .7rem .85rem; }\r\n    }\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\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=\"explore\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path stroke-linecap=\"round\" d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n          <span class=\"tab-label\">Explore Your Archive<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tab-btn\" data-tab=\"audio\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z\"\/><\/svg>\r\n          <span class=\"tab-label\">Accurate Audio Descriptions<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tab-btn\" data-tab=\"identify\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/><\/svg>\r\n          <span class=\"tab-label\">Find What You Are Looking For<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tab-btn\" data-tab=\"enrichment\">\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          <span class=\"tab-label\">Information Enrichment<\/span>\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 EXPLORE \u2500\u2500 -->\r\n      <div class=\"panel active\" id=\"panel-explore\">\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\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path stroke-linecap=\"round\" d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Explore Your Archive<\/h3>\r\n            <p>Find any moment, theme, or visual element across thousands of hours of footage instantly. Search using natural language and get precise results in seconds.<\/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> Semantic video search<\/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> Visual similarity matching<\/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> Timestamp precision<\/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> Advanced filtering<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"search-row\">\r\n              <input class=\"search-input\" type=\"text\" placeholder=\"Search for a red car entering the parking lot\u2026\" \/>\r\n              <button class=\"btn-search\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path stroke-linecap=\"round\" d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n            <div class=\"results\">\r\n              <div class=\"result-item\">\r\n                <div class=\"result-thumb\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z\"\/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"result-meta\">\r\n                    <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\/><\/svg>\r\n                    <span class=\"result-time\">09:42:15<\/span><span class=\"badge badge-violet\">98%<\/span>\r\n                  <\/div>\r\n                  <div class=\"result-desc\">Red sedan entering parking lot<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"result-item\">\r\n                <div class=\"result-thumb\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z\"\/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"result-meta\">\r\n                    <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\/><\/svg>\r\n                    <span class=\"result-time\">14:33:22<\/span><span class=\"badge badge-violet\">95%<\/span>\r\n                  <\/div>\r\n                  <div class=\"result-desc\">Red vehicle at main entrance<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"result-item\">\r\n                <div class=\"result-thumb\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z\"\/><\/svg>\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"result-meta\">\r\n                    <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\/><\/svg>\r\n                    <span class=\"result-time\">16:18:44<\/span><span class=\"badge badge-violet\">92%<\/span>\r\n                  <\/div>\r\n                  <div class=\"result-desc\">Red car in parking zone A<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 AUDIO \u2500\u2500 -->\r\n      <div class=\"panel\" id=\"panel-audio\" 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=\"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Accurate Audio Descriptions<\/h3>\r\n            <p>Automatically generates audio descriptions perfectly synced with video. Make your content accessible and enhance understanding for all audiences.<\/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> Scene-by-scene narration<\/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> Action &amp; movement tracking<\/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> Character identification<\/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> Perfect synchronization<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"status-bar\">\r\n              <span class=\"status-label\">Audio Description<\/span>\r\n              <span class=\"badge badge-green\">Active<\/span>\r\n            <\/div>\r\n            <div class=\"video-preview\">\r\n              <div class=\"video-overlay\"><\/div>\r\n              <div class=\"play-icon\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"audio-line\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z\"\/><\/svg>\r\n              <div><div class=\"ts\">00:00:15<\/div><p>\"A person walks through the entrance, carrying a briefcase...\"<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"audio-line\">\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z\"\/><\/svg>\r\n              <div><div class=\"ts\">00:00:28<\/div><p>\"They approach the reception desk and begin speaking...\"<\/p><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 IDENTIFY \u2500\u2500 -->\r\n      <div class=\"panel\" id=\"panel-identify\" 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=\"M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Find What You Are Looking For<\/h3>\r\n            <p>Automatically identify faces, locations, themes, and events across your entire video archive. Advanced AI recognition with a privacy-first approach.<\/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> Face &amp; person detection<\/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> Location recognition<\/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> Event categorization<\/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> Theme extraction<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"mock-title\">Detection Results<\/div>\r\n            <div class=\"detect-row\">\r\n              <div class=\"detect-top\">\r\n                <div class=\"detect-label\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\/><\/svg>\r\n                  People\r\n                <\/div>\r\n                <div class=\"detect-count\">12<\/div>\r\n              <\/div>\r\n              <div class=\"progress-track\"><div class=\"progress-bar\" style=\"width:100%\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"detect-row\">\r\n              <div class=\"detect-top\">\r\n                <div class=\"detect-label\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12\"\/><\/svg>\r\n                  Vehicles\r\n                <\/div>\r\n                <div class=\"detect-count\">8<\/div>\r\n              <\/div>\r\n              <div class=\"progress-track\"><div class=\"progress-bar\" style=\"width:66%; opacity:.7\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"detect-row\">\r\n              <div class=\"detect-top\">\r\n                <div class=\"detect-label\">\r\n                  <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z\"\/><\/svg>\r\n                  Locations\r\n                <\/div>\r\n                <div class=\"detect-count\">5<\/div>\r\n              <\/div>\r\n              <div class=\"progress-track\"><div class=\"progress-bar\" style=\"width:41%; opacity:.45\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"realtime-box\">\r\n              <div class=\"realtime-label\"><span class=\"pulse\"><\/span> Real-time Processing<\/div>\r\n              <p>99.2% accuracy across all detections<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 ENRICHMENT \u2500\u2500 -->\r\n      <div class=\"panel\" id=\"panel-enrichment\" 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>Information Enrichment<\/h3>\r\n            <p>Generate accurate transcripts, descriptions and structured tags automatically. Transform raw video into rich, searchable metadata.<\/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> Auto-generated transcripts<\/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> Scene descriptions<\/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> Smart tagging system<\/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> Metadata extraction<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"mockup\">\r\n            <div class=\"enrich-block\">\r\n              <div class=\"enrich-head\">\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>Transcript<\/span>\r\n              <\/div>\r\n              <div class=\"enrich-text\">\"The security footage shows activity at the main entrance at 09:42 AM. A vehicle approaches and parks in the designated zone...\"<\/div>\r\n            <\/div>\r\n            <div class=\"enrich-block\">\r\n              <div class=\"enrich-head\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 12.76c0 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>Description<\/span>\r\n              <\/div>\r\n              <div class=\"enrich-text\">Main entrance surveillance showing vehicle arrival during morning hours. Clear visibility, good lighting conditions.<\/div>\r\n            <\/div>\r\n            <div class=\"enrich-block\">\r\n              <div class=\"enrich-head\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 6h.008v.008H6V6Z\"\/><\/svg>\r\n                <span>Tags<\/span>\r\n              <\/div>\r\n              <div class=\"tag-list\">\r\n                <span class=\"tag\">vehicle<\/span>\r\n                <span class=\"tag\">entrance<\/span>\r\n                <span class=\"tag\">morning<\/span>\r\n                <span class=\"tag\">parking<\/span>\r\n                <span class=\"tag\">security<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/panels -->\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('.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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68091bc6 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"68091bc6\" 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%3DeyJpZCI6IjM2NCIsInRvZ2dsZSI6ZmFsc2V9\">\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-9a84049 e-flex e-con-boxed e-con e-parent\" data-id=\"9a84049\" 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-8923fd8 elementor-widget elementor-widget-html\" data-id=\"8923fd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function() {\r\n  if (!document.querySelector('link[href*=\"DM+Sans\"]')) {\r\n    var l = document.createElement('link');\r\n    l.rel = 'stylesheet';\r\n    l.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;0,9..40,700;1,9..40,400&display=swap';\r\n    document.head.appendChild(l);\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n  .vi-section {\r\n    font-family: 'DM Sans', sans-serif !important;\r\n    background: #3b0d4f;\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    padding: 80px 40px 72px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .vi-section *,\r\n  .vi-section *::before,\r\n  .vi-section *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'DM Sans', sans-serif !important;\r\n  }\r\n\r\n  .vi-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -100px; left: -100px;\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(180,80,230,0.15) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .vi-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .vi-kicker {\r\n    font-size: 11px !important;\r\n    font-weight: 500 !important;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.45);\r\n    margin-bottom: 28px !important;\r\n    display: block;\r\n  }\r\n\r\n  .vi-headline {\r\n    font-size: clamp(30px, 4vw, 54px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -0.03em;\r\n    margin-bottom: 20px !important;\r\n    max-width: 720px;\r\n  }\r\n\r\n  .vi-headline em {\r\n    font-style: italic;\r\n    color: #c97de8 !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  .vi-body {\r\n    font-size: 16px !important;\r\n    font-weight: 400 !important;\r\n    color: rgba(255,255,255,0.6) !important;\r\n    line-height: 1.65 !important;\r\n    max-width: 680px;\r\n    margin-bottom: 44px !important;\r\n  }\r\n\r\n  .vi-cards {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .vi-card {\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.09);\r\n    border-radius: 16px;\r\n    padding: 32px 30px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    transition: background 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .vi-card:hover {\r\n    background: rgba(255,255,255,0.09);\r\n    border-color: rgba(201,125,232,0.3);\r\n  }\r\n\r\n  .vi-card__icon-wrap {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 12px;\r\n    background: rgba(255,255,255,0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .vi-card__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .vi-card__label {\r\n    font-size: 10px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.45) !important;\r\n    line-height: 1.4 !important;\r\n  }\r\n\r\n  .vi-card__title {\r\n    font-size: 20px !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.25 !important;\r\n  }\r\n\r\n  .vi-card__desc {\r\n    font-size: 14px !important;\r\n    font-weight: 400 !important;\r\n    color: rgba(255,255,255,0.55) !important;\r\n    line-height: 1.65 !important;\r\n  }\r\n\r\n  .vi-bars {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    margin-top: 8px;\r\n    height: 36px;\r\n  }\r\n\r\n  .vi-bar {\r\n    flex: 1;\r\n    border-radius: 3px;\r\n    background: rgba(201,125,232,0.5);\r\n    transition: height 0.4s ease;\r\n  }\r\n\r\n  .vi-card--audio .vi-bar:nth-child(odd)  { background: rgba(201,125,232,0.3); }\r\n  .vi-card--audio .vi-bar:nth-child(even) { background: rgba(201,125,232,0.65); }\r\n  .vi-card--frame .vi-bar                 { background: rgba(201,125,232,0.55); }\r\n  .vi-card--frame .vi-bar:nth-child(3n)   { background: rgba(201,125,232,0.8); }\r\n\r\n  @media (max-width: 700px) {\r\n    .vi-section { padding: 48px 20px 44px; }\r\n    .vi-cards   { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vi-section\">\r\n  <div class=\"vi-inner\">\r\n\r\n    <span class=\"vi-kicker\">Intelligent Layer<\/span>\r\n\r\n    <h2 class=\"vi-headline\">Up to <em>90%<\/em> processing<br>cost \u2013 optimization.<\/h2>\r\n\r\n    <p class=\"vi-body\">Instead of analysing every frame at a constant rate, our intelligent layer adapts to the nature of the content \u2014 spending compute only where it matters.<\/p>\r\n\r\n    <div class=\"vi-cards\">\r\n\r\n      <div class=\"vi-card vi-card--audio\">\r\n        <div class=\"vi-card__header\">\r\n          <div class=\"vi-card__icon-wrap\">\r\n            <svg width=\"26\" height=\"20\" viewBox=\"0 0 26 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <rect x=\"0\"  y=\"7\"  width=\"3\" height=\"6\"  rx=\"1.5\" fill=\"rgba(255,255,255,0.75)\"\/>\r\n              <rect x=\"5\"  y=\"3\"  width=\"3\" height=\"14\" rx=\"1.5\" fill=\"rgba(255,255,255,0.75)\"\/>\r\n              <rect x=\"10\" y=\"0\"  width=\"3\" height=\"20\" rx=\"1.5\" fill=\"rgba(255,255,255,0.9)\"\/>\r\n              <rect x=\"15\" y=\"4\"  width=\"3\" height=\"12\" rx=\"1.5\" fill=\"rgba(255,255,255,0.75)\"\/>\r\n              <rect x=\"20\" y=\"8\"  width=\"3\" height=\"5\"  rx=\"1.5\" fill=\"rgba(255,255,255,0.6)\"\/>\r\n              <rect x=\"23\" y=\"6\"  width=\"3\" height=\"8\"  rx=\"1.5\" fill=\"rgba(255,255,255,0.5)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"vi-card__label\">Audio<br>Analysis<\/span>\r\n        <\/div>\r\n        <h3 class=\"vi-card__title\">When the story lives in the audio.<\/h3>\r\n        <p class=\"vi-card__desc\">Speech, jingles, slogans, commentary \u2014 the system reduces the video frame rate and leans on the audio track, cutting processing cost without losing meaning.<\/p>\r\n        <div class=\"vi-bars\" id=\"vi-audioBars\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"vi-card vi-card--frame\">\r\n        <div class=\"vi-card__header\">\r\n          <div class=\"vi-card__icon-wrap\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M12 2 L12 6 M12 18 L12 22 M2 12 L6 12 M18 12 L22 12\" stroke=\"rgba(255,255,255,0.85)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M12 2 C12 2 13.5 7 12 12 C10.5 17 12 22 12 22\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1\" fill=\"none\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2.5\" fill=\"rgba(255,255,255,0.9)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"vi-card__label\">Frame<br>Sampling<\/span>\r\n        <\/div>\r\n        <h3 class=\"vi-card__title\">When the story lives on screen.<\/h3>\r\n        <p class=\"vi-card__desc\">Sports footage, moving crowds, action sequences \u2014 the sampling rate increases to ensure maximum accuracy. Configurable per use case, scalable to archives of any size.<\/p>\r\n        <div class=\"vi-bars\" id=\"vi-frameBars\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var audioHeights = [30,55,70,45,80,35,60,90,50,40,75,55,85,45,65,38,72,58,42,80,35,60,50,70,45];\r\n  var audioBars = document.getElementById('vi-audioBars');\r\n  if (audioBars) {\r\n    audioHeights.forEach(function(h) {\r\n      var b = document.createElement('div');\r\n      b.className = 'vi-bar';\r\n      b.style.height = h + '%';\r\n      audioBars.appendChild(b);\r\n    });\r\n  }\r\n\r\n  var frameBars = document.getElementById('vi-frameBars');\r\n  if (frameBars) {\r\n    for (var i = 0; i < 26; i++) {\r\n      var b = document.createElement('div');\r\n      b.className = 'vi-bar';\r\n      b.style.height = (70 + Math.sin(i * 0.7) * 20) + '%';\r\n      frameBars.appendChild(b);\r\n    }\r\n  }\r\n\r\n  var audioCard = document.querySelector('.vi-card--audio');\r\n  if (audioCard) {\r\n    audioCard.addEventListener('mouseenter', function() {\r\n      document.querySelectorAll('#vi-audioBars .vi-bar').forEach(function(b, i) {\r\n        setTimeout(function() {\r\n          b.style.height = (20 + Math.random() * 75) + '%';\r\n        }, i * 18);\r\n      });\r\n    });\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-75c83226 e-flex e-con-boxed e-con e-parent\" data-id=\"75c83226\" 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-7c28bba4 elementor-widget elementor-widget-heading\" data-id=\"7c28bba4\" 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-7d2324b8 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7d2324b8\" 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\">Create Scene Audio Descriptions<\/span><\/font><br>for fully accessible video. At scale.<\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6654ceb1 elementor-widget elementor-widget-html\" data-id=\"6654ceb1\" 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&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .nvf, .nvf * { font-family: 'DM Sans', sans-serif !important; box-sizing: border-box; margin: 0; padding: 0; }\n  .nvf { width: 100%; display: flex; flex-direction: column; gap: 48px; }\n\n  \/* \u2500\u2500 TOP ROW \u2500\u2500 *\/\n  .nvf__top {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 56px;\n    align-items: center;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PLAYER\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .nvplayer {\n    width: 100%;\n    aspect-ratio: 16 \/ 10;\n    border-radius: 16px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 20px 56px rgba(0,0,0,0.18);\n    background: #87CEEB;\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1);\n  }\n  .nvf.is-visible .nvplayer { opacity:1; transform:translateY(0); }\n\n  \/* sky *\/\n  .nvp__sky {\n    position: absolute; inset: 0;\n    background: linear-gradient(180deg, #87CEEB 0%, #C9E8F8 55%, #E8F6FF 100%);\n    animation: skyShift 20s ease-in-out infinite;\n  }\n  @keyframes skyShift {\n    0%,100% { background: linear-gradient(180deg, #87CEEB 0%, #C9E8F8 55%, #E8F6FF 100%); }\n    45%     { background: linear-gradient(180deg, #F4C97A 0%, #F9A05A 35%, #FBD49A 70%, #E8F6FF 100%); }\n    70%     { background: linear-gradient(180deg, #6CB4E4 0%, #A8D8F0 50%, #E8F6FF 100%); }\n  }\n\n  \/* sun *\/\n  .nvp__sun {\n    position: absolute;\n    top: 12%; right: 12%;\n    width: 30px; height: 30px;\n    border-radius: 50%;\n    background: radial-gradient(circle, #FFE566 0%, #FFB700 70%);\n    box-shadow: 0 0 20px 8px rgba(255,200,50,0.45);\n    animation: sunPulse 5s ease-in-out infinite;\n  }\n  @keyframes sunPulse {\n    0%,100% { box-shadow: 0 0 20px 8px rgba(255,200,50,0.45); }\n    50%     { box-shadow: 0 0 32px 14px rgba(255,200,50,0.25); }\n  }\n\n  \/* cloud *\/\n  .nvp__cloud {\n    position: absolute;\n    height: 18px;\n    background: rgba(255,255,255,0.9);\n    border-radius: 50px;\n  }\n  .nvp__cloud::before, .nvp__cloud::after {\n    content: '';\n    position: absolute;\n    background: rgba(255,255,255,0.9);\n    border-radius: 50%;\n  }\n  .nvp__cloud-1 {\n    width: 72px; top: 14%; left: -100px;\n    animation: cloud1 24s linear infinite;\n  }\n  .nvp__cloud-1::before { width:28px; height:28px; top:-14px; left:10px; }\n  .nvp__cloud-1::after  { width:20px; height:20px; top:-10px; left:34px; }\n  .nvp__cloud-2 {\n    width: 50px; top: 24%; left: -80px;\n    animation: cloud1 32s linear infinite 8s;\n    opacity: 0.7;\n  }\n  .nvp__cloud-2::before { width:20px; height:20px; top:-12px; left:8px; }\n  .nvp__cloud-2::after  { width:15px; height:15px; top:-8px;  left:26px; }\n  @keyframes cloud1 { from { left: -120px; } to { left: calc(100% + 120px); } }\n\n  \/* buildings *\/\n  .nvp__buildings {\n    position: absolute;\n    bottom: 26%; left: 0; right: 0;\n    height: 40%;\n    display: flex;\n    align-items: flex-end;\n  }\n  .nvp__b {\n    flex-shrink: 0;\n    border-radius: 3px 3px 0 0;\n  }\n\n  \/* ground *\/\n  .nvp__ground {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 26%;\n    background: linear-gradient(180deg, #8DAF72 0%, #7A9E62 100%);\n    z-index: 2;\n  }\n  .nvp__ground::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 45%;\n    background: linear-gradient(180deg, #B0C890 0%, #9EBA7E 100%);\n  }\n\n  \/* figure *\/\n  .nvp__walker {\n    position: absolute;\n    bottom: 26%;\n    z-index: 10;\n    animation: walkerMove 12s linear infinite;\n  }\n  @keyframes walkerMove { from { left: -50px; } to { left: calc(100% + 50px); } }\n\n  .nvp__w-head {\n    width: 13px; height: 13px;\n    border-radius: 50%;\n    background: #E8A87C;\n    position: absolute;\n    top: 0; left: 50%;\n    transform: translateX(-50%);\n  }\n  .nvp__w-body {\n    width: 15px; height: 30px;\n    background: #2255CC;\n    border-radius: 5px 5px 2px 2px;\n    position: absolute;\n    top: 14px; left: 50%;\n    transform: translateX(-50%);\n  }\n  .nvp__w-leg1 {\n    width: 6px; height: 16px;\n    background: #1A3FA0;\n    border-radius: 2px;\n    position: absolute;\n    top: 42px; left: 3px;\n    transform-origin: top center;\n    animation: leg1 0.55s ease-in-out infinite alternate;\n  }\n  .nvp__w-leg2 {\n    width: 6px; height: 16px;\n    background: #1A3FA0;\n    border-radius: 2px;\n    position: absolute;\n    top: 42px; right: 3px;\n    transform-origin: top center;\n    animation: leg2 0.55s ease-in-out infinite alternate;\n  }\n  @keyframes leg1 { from { transform: rotate(-20deg); } to { transform: rotate(20deg); } }\n  @keyframes leg2 { from { transform: rotate(20deg); } to { transform: rotate(-20deg); } }\n\n  \/* captions *\/\n  .nvp__captions {\n    position: absolute;\n    bottom: 52px; left: 0; right: 0;\n    padding: 0 14px;\n    z-index: 20;\n  }\n  .nvp__caption {\n    display: none;\n    background: rgba(0,0,0,0.78);\n    border-left: 2px solid #7B2D8B;\n    border-radius: 0 6px 6px 0;\n    padding: 8px 12px;\n    font-size: 12px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.93);\n    line-height: 1.55;\n    opacity: 0;\n    transform: translateY(6px);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n  }\n  .nvp__caption.active {\n    display: block;\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .nvp__caption em { color: #C090F0; font-style: normal; font-weight: 600; }\n\n  \/* player controls *\/\n  .nvp__controls {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    padding: 0 14px 10px;\n    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);\n    z-index: 20;\n  }\n  .nvp__bar {\n    width: 100%; height: 3px;\n    background: rgba(255,255,255,0.25);\n    border-radius: 2px;\n    margin-bottom: 8px;\n    overflow: hidden;\n  }\n  .nvp__bar-fill {\n    height: 100%;\n    background: #7B2D8B;\n    border-radius: 2px;\n    animation: barFill 16s linear infinite;\n  }\n  @keyframes barFill { from { width: 0%; } to { width: 100%; } }\n  .nvp__ctrl {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .nvp__ctrl-l { display: flex; align-items: center; gap: 8px; }\n  .nvp__time { font-size: 11px; color: rgba(255,255,255,0.65); font-weight: 500; }\n  .nvp__ad {\n    font-size: 9px; font-weight: 700; letter-spacing: 0.1em;\n    text-transform: uppercase; color: #fff;\n    background: rgba(123,45,139,0.85);\n    border-radius: 4px; padding: 2px 7px;\n    animation: adPulse 3s ease-in-out infinite;\n  }\n  @keyframes adPulse { 0%,100%{opacity:0.7;} 50%{opacity:1;} }\n\n  \/* top bar *\/\n  .nvp__topbar {\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    padding: 10px 14px;\n    background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, transparent 100%);\n    z-index: 20;\n    font-size: 11px;\n    font-weight: 600;\n    color: rgba(255,255,255,0.7);\n  }\n\n  \/* \u2500\u2500 RIGHT \u2014 challenge + solution \u2500\u2500 *\/\n  .nvf__text-col {\n    display: flex; flex-direction: column; gap: 0;\n    opacity: 0; transform: translateY(24px);\n    transition: opacity 0.7s ease 0.15s, transform 0.7s cubic-bezier(0.22,1,0.36,1) 0.15s;\n  }\n  .nvf.is-visible .nvf__text-col { opacity:1; transform:translateY(0); }\n\n  .nvf__step { padding: 32px 0; border-bottom: 1px solid #EDE9FE; }\n  .nvf__step:first-child { padding-top: 0; }\n  .nvf__step:last-child  { border-bottom: none; padding-bottom: 0; }\n\n  .nvf__label-tag {\n    display: inline-flex; align-items: center; gap: 7px;\n    font-size: 15px; font-weight: 700; letter-spacing: 0.12em;\n    text-transform: uppercase; color: #7B2D8B; margin-bottom: 14px;\n  }\n  .nvf__dot { width:5px; height:5px; border-radius:50%; background:#7B2D8B; flex-shrink:0; }\n  .nvf__text { font-size: 17px; font-weight: 400; color: #4B5563; line-height: 1.8; }\n  .nvf__text strong { font-weight: 600; color: #1A1A1A; }\n\n  \/* \u2500\u2500 BOTTOM \u2014 outcomes \u2500\u2500 *\/\n  .nvf__outcomes {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  .nvf__outcome-card {\n    background: #F9F5FF;\n    border: 1px solid rgba(123,45,139,0.12);\n    border-radius: 16px;\n    padding: 32px 28px;\n    display: flex; flex-direction: column; gap: 6px;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n  .nvf__outcome-card:hover {\n    box-shadow: 0 8px 28px rgba(123,45,139,0.1);\n    border-color: rgba(123,45,139,0.25);\n  }\n  .nvf__outcomes-wrap {\n    display: flex; flex-direction: column; gap: 16px;\n    opacity: 0; transform: translateY(28px);\n    transition: opacity 0.7s ease 0.2s, transform 0.7s cubic-bezier(0.22,1,0.36,1) 0.2s;\n  }\n  .nvf.is-visible .nvf__outcomes-wrap { opacity:1; transform:translateY(0); }\n  .nvf__outcome-num {\n    font-size: clamp(44px, 4vw, 58px);\n    font-weight: 900; color: #7B2D8B;\n    line-height: 1; letter-spacing: -0.03em;\n  }\n  .nvf__outcome-desc {\n    font-size: 14px; font-weight: 400; color: #4B5563; line-height: 1.55;\n  }\n  .nvf__outcome-desc strong { font-weight: 600; color: #1A1A1A; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .nvf__top { grid-template-columns: 1fr; gap: 32px; }\n    .nvf__outcomes { grid-template-columns: 1fr; }\n    .nvplayer, .nvf__text-col, .nvf__outcomes { opacity:1; transform:none; }\n    .nvf__step { padding: 24px 0; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .nvplayer, .nvf__text-col, .nvf__outcomes { opacity:1; transform:none; transition:none; }\n    .nvp__sky, .nvp__sun, .nvp__cloud-1, .nvp__cloud-2, .nvp__walker,\n    .nvp__w-leg1, .nvp__w-leg2, .nvp__bar-fill, .nvp__ad { animation:none; }\n  }\n<\/style>\n\n<section class=\"nvf\" id=\"nvf-section\">\n\n  <!-- TOP -->\n  <div class=\"nvf__top\">\n\n    <!-- player -->\n    <div class=\"nvplayer\" id=\"nvplayer\">\n      <div class=\"nvp__sky\"><\/div>\n      <div class=\"nvp__sun\"><\/div>\n      <div class=\"nvp__cloud nvp__cloud-1\"><\/div>\n      <div class=\"nvp__cloud nvp__cloud-2\"><\/div>\n\n      <!-- buildings -->\n      <div class=\"nvp__buildings\">\n        <div class=\"nvp__b\" style=\"width:6%;height:62%;background:#A8B8C8;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:4%;height:44%;background:#B8C6D4;margin-right:3px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:8%;height:78%;background:#9AAEBB;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:5%;height:52%;background:#B2C2D0;margin-right:3px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:7%;height:68%;background:#A4B4C2;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:4%;height:48%;background:#BAC8D6;margin-right:3px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:9%;height:84%;background:#96A8B8;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:6%;height:58%;background:#AABAC8;margin-right:3px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:5%;height:72%;background:#A0B0BF;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:7%;height:50%;background:#B6C4D2;margin-right:3px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:5%;height:64%;background:#A6B8C4;margin-right:2px;\"><\/div>\n        <div class=\"nvp__b\" style=\"width:8%;height:42%;background:#BCC8D8;\"><\/div>\n      <\/div>\n\n      <div class=\"nvp__ground\"><\/div>\n\n      <!-- walker -->\n      <div class=\"nvp__walker\" id=\"nvwalker\" style=\"width:22px; height:58px;\">\n        <div class=\"nvp__w-head\"><\/div>\n        <div class=\"nvp__w-body\"><\/div>\n        <div class=\"nvp__w-leg1\"><\/div>\n        <div class=\"nvp__w-leg2\"><\/div>\n      <\/div>\n\n      <div class=\"nvp__topbar\">City Walk \u2014 Scene 07<\/div>\n\n      <div class=\"nvp__captions\" id=\"nvpcaptions\"><\/div>\n\n      <div class=\"nvp__controls\">\n        <div class=\"nvp__bar\"><div class=\"nvp__bar-fill\"><\/div><\/div>\n        <div class=\"nvp__ctrl\">\n          <div class=\"nvp__ctrl-l\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><polygon points=\"2,1 12,7 2,13\" fill=\"rgba(255,255,255,0.85)\"\/><\/svg>\n            <span class=\"nvp__time\">01:12 \/ 03:44<\/span>\n          <\/div>\n          <span class=\"nvp__ad\">AD ON<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- challenge + solution -->\n    <div class=\"nvf__text-col\">\n      <div class=\"nvf__step\">\n        <div class=\"nvf__label-tag\"><span class=\"nvf__dot\"><\/span>Challenge<\/div>\n        <p class=\"nvf__text\">A <strong>media company<\/strong> distributing thousands of hours of content needs to make it accessible to <strong>blind and visually impaired audiences.<\/strong> Producing audio descriptions manually is <strong>time-consuming, costly,<\/strong> and impossible to scale.<\/p>\n      <\/div>\n      <div class=\"nvf__step\">\n        <div class=\"nvf__label-tag\"><span class=\"nvf__dot\"><\/span>Solution<\/div>\n        <p class=\"nvf__text\">Our system <strong>analyzes video content<\/strong> to detect scenes and automatically <strong>generates audio descriptions<\/strong> during natural pauses \u2014 perfectly synchronized with the timeline and delivered as an optional audio track. <strong>No manual effort required.<\/strong><\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- OUTCOMES -->\n  <div class=\"nvf__outcomes-wrap\">\n    <div class=\"nvf__label-tag\"><span class=\"nvf__dot\"><\/span>Outcome<\/div>\n    <div class=\"nvf__outcomes\">\n\n      <div class=\"nvf__outcome-card\">\n        <div class=\"nvf__outcome-num\">90%<\/div>\n        <div class=\"nvf__outcome-desc\"><strong>cost reduction<\/strong> in audio description production<\/div>\n      <\/div>\n\n      <div class=\"nvf__outcome-card\">\n        <div class=\"nvf__outcome-num\">100%<\/div>\n        <div class=\"nvf__outcome-desc\"><strong>full accessibility<\/strong> for visually impaired audiences across the entire archive<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var captions = [\n    'A <em>woman in a blue coat<\/em> crosses a sunlit city square.',\n    'She pauses to check her phone \u2014 <em>pigeons scatter<\/em> around her feet.',\n    'The <em>afternoon light<\/em> casts long shadows across the cobblestones.',\n    'She looks up, smiling, and walks <em>toward the fountain.<\/em>',\n  ];\n  var container = document.getElementById('nvpcaptions');\n  var current = -1;\n  var el = document.createElement('div');\n  el.className = 'nvp__caption';\n  container.appendChild(el);\n\n  function showCaption(i) {\n    el.classList.remove('active');\n    setTimeout(function() {\n      el.innerHTML = captions[i];\n      el.classList.add('active');\n    }, 300);\n  }\n\n  var timings = [500, 4500, 8500, 12500];\n  function runLoop() {\n    timings.forEach(function(t, i) {\n      setTimeout(function() { showCaption(i); }, t);\n    });\n    setTimeout(function() {\n      el.classList.remove('active');\n    }, 15800);\n  }\n  runLoop();\n  setInterval(runLoop, 16000);\n\n  \/* entrance *\/\n  var section = document.getElementById('nvf-section');\n  if (!section) return;\n  if (window.innerWidth <= 900) { section.classList.add('is-visible'); return; }\n  new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { section.classList.add('is-visible'); }\n    });\n  }, { threshold: 0.08 }).observe(section);\n})();\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-2342d167 e-flex e-con-boxed e-con e-parent\" data-id=\"2342d167\" 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-414e8d24 elementor-widget elementor-widget-heading\" data-id=\"414e8d24\" 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-782817ff elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"782817ff\" 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\">Creating Smart Video Clips<\/span><\/font><br>from long videos.<\/span><b><\/b><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2530f544 elementor-widget elementor-widget-html\" data-id=\"2530f544\" 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&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .nvs, .nvs * { font-family: 'DM Sans', sans-serif !important; box-sizing: border-box; margin: 0; padding: 0; }\n  .nvs { width: 100%; display: flex; flex-direction: column; gap: 48px; }\n\n  \/* \u2500\u2500 TOP ROW \u2500\u2500 *\/\n  .nvs__top {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 56px;\n    align-items: center;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PLAYER \u2014 sports live feed\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .nvsplayer {\n    width: 100%;\n    aspect-ratio: 16 \/ 10;\n    border-radius: 16px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 20px 56px rgba(0,0,0,0.22);\n    background: #1a472a;\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1);\n  }\n  .nvs.is-visible .nvsplayer { opacity:1; transform:translateY(0); }\n\n  \/* pitch *\/\n  .nvs__pitch {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(160deg, #2d6a3f 0%, #1e5230 40%, #174228 100%);\n  }\n\n  \/* pitch lines *\/\n  .nvs__pitch::before {\n    content: '';\n    position: absolute; inset: 0;\n    background:\n      repeating-linear-gradient(90deg,\n        transparent 0px, transparent 48px,\n        rgba(255,255,255,0.06) 48px, rgba(255,255,255,0.06) 50px\n      );\n  }\n\n  \/* center circle *\/\n  .nvs__circle {\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 80px; height: 80px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255,255,255,0.15);\n    transform: translate(-50%, -50%);\n  }\n  .nvs__center-line {\n    position: absolute;\n    top: 0; bottom: 0;\n    left: 50%; width: 1.5px;\n    background: rgba(255,255,255,0.12);\n  }\n\n  \/* stadium lights glow *\/\n  .nvs__lights {\n    position: absolute; inset: 0;\n    background: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(255,255,220,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  \/* players *\/\n  .nvs__player {\n    position: absolute;\n    border-radius: 50%;\n    bottom: 35%;\n  }\n  .nvs__p1 { width:10px; height:10px; background:#E63946; left:30%; animation: prun1 4s ease-in-out infinite; }\n  .nvs__p2 { width:10px; height:10px; background:#E63946; left:38%; bottom:42%; animation: prun2 3.5s ease-in-out infinite 0.5s; }\n  .nvs__p3 { width:10px; height:10px; background:#E63946; left:24%; bottom:28%; animation: prun3 5s ease-in-out infinite 1s; }\n  .nvs__p4 { width:10px; height:10px; background:#457B9D; left:55%; animation: prun1 4.5s ease-in-out infinite 0.8s; }\n  .nvs__p5 { width:10px; height:10px; background:#457B9D; left:62%; bottom:40%; animation: prun2 3.8s ease-in-out infinite 0.2s; }\n  .nvs__p6 { width:10px; height:10px; background:#457B9D; left:48%; bottom:30%; animation: prun3 4.2s ease-in-out infinite 1.2s; }\n  @keyframes prun1 { 0%,100%{transform:translate(0,0);} 50%{transform:translate(12px,-8px);} }\n  @keyframes prun2 { 0%,100%{transform:translate(0,0);} 50%{transform:translate(-8px,10px);} }\n  @keyframes prun3 { 0%,100%{transform:translate(0,0);} 50%{transform:translate(16px,-6px);} }\n\n  \/* ball *\/\n  .nvs__ball {\n    position: absolute;\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 0 4px rgba(255,255,255,0.8);\n    bottom: 38%; left: 45%;\n    animation: ballMove 3s ease-in-out infinite;\n  }\n  @keyframes ballMove {\n    0%   { left:45%; bottom:38%; }\n    25%  { left:52%; bottom:42%; }\n    50%  { left:58%; bottom:36%; }\n    75%  { left:50%; bottom:44%; }\n    100% { left:45%; bottom:38%; }\n  }\n\n  \/* AI detection box \u2014 flashes on key moment *\/\n  .nvs__detect {\n    position: absolute;\n    border: 2px solid #F4A261;\n    border-radius: 4px;\n    bottom: 32%;\n    left: 42%;\n    width: 28px; height: 28px;\n    opacity: 0;\n    animation: detectFlash 3s ease-in-out infinite;\n    pointer-events: none;\n  }\n  .nvs__detect::before {\n    content: '';\n    position: absolute;\n    inset: -6px;\n    border: 1px solid rgba(244,162,97,0.3);\n    border-radius: 6px;\n  }\n  @keyframes detectFlash {\n    0%,40%,100% { opacity:0; transform:scale(1); }\n    50%,60%     { opacity:1; transform:scale(1.1); }\n    70%         { opacity:0.6; transform:scale(1); }\n  }\n\n  \/* tag labels that pop up *\/\n  .nvs__tags {\n    position: absolute;\n    top: 12%; left: 0; right: 0;\n    display: flex;\n    gap: 6px;\n    padding: 0 14px;\n    flex-wrap: wrap;\n  }\n  .nvs__tag-item {\n    background: rgba(0,0,0,0.6);\n    border: 1px solid rgba(244,162,97,0.6);\n    border-radius: 4px;\n    padding: 3px 8px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #F4A261;\n    opacity: 0;\n    transform: translateY(-4px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n  }\n  .nvs__tag-item.show { opacity:1; transform:translateY(0); }\n\n  \/* LIVE badge *\/\n  .nvs__live {\n    position: absolute;\n    top: 10px; left: 14px;\n    background: #E63946;\n    border-radius: 4px;\n    padding: 3px 8px;\n    font-size: 10px; font-weight: 800;\n    letter-spacing: 0.1em; text-transform: uppercase;\n    color: #fff;\n    display: flex; align-items: center; gap: 5px;\n    animation: livePulse 1.5s ease-in-out infinite;\n  }\n  .nvs__live-dot {\n    width: 5px; height: 5px; border-radius: 50%;\n    background: #fff;\n    animation: liveDot 1.5s ease-in-out infinite;\n  }\n  @keyframes livePulse { 0%,100%{opacity:1;} 50%{opacity:0.8;} }\n  @keyframes liveDot   { 0%,100%{opacity:1;} 50%{opacity:0.3;} }\n\n  \/* score overlay *\/\n  .nvs__score {\n    position: absolute;\n    top: 10px; right: 14px;\n    background: rgba(0,0,0,0.65);\n    border-radius: 6px;\n    padding: 4px 10px;\n    font-size: 11px; font-weight: 700;\n    color: #fff; letter-spacing: 0.05em;\n  }\n\n  \/* timer \/ controls *\/\n  .nvs__controls {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    padding: 0 14px 10px;\n    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, transparent 100%);\n  }\n  .nvs__bar {\n    width: 100%; height: 3px;\n    background: rgba(255,255,255,0.2);\n    border-radius: 2px; margin-bottom: 8px; overflow: hidden;\n  }\n  .nvs__bar-fill {\n    height: 100%; background: #F4A261; border-radius: 2px;\n    animation: barFill 16s linear infinite;\n  }\n  @keyframes barFill { from{width:0%;} to{width:100%;} }\n  .nvs__ctrl {\n    display: flex; align-items: center; justify-content: space-between;\n  }\n  .nvs__ctrl-l { display:flex; align-items:center; gap:8px; }\n  .nvs__time { font-size:11px; color:rgba(255,255,255,0.65); font-weight:500; }\n  .nvs__ai-badge {\n    font-size:9px; font-weight:700; letter-spacing:0.1em;\n    text-transform:uppercase; color:#fff;\n    background:rgba(244,162,97,0.85);\n    border-radius:4px; padding:2px 7px;\n    animation: adPulse 3s ease-in-out infinite;\n  }\n  @keyframes adPulse { 0%,100%{opacity:0.7;} 50%{opacity:1;} }\n\n  \/* clip notification *\/\n  .nvs__clip-notif {\n    position: absolute;\n    bottom: 52px; right: 14px;\n    background: rgba(0,0,0,0.8);\n    border-left: 2px solid #F4A261;\n    border-radius: 0 6px 6px 0;\n    padding: 7px 12px;\n    font-size: 11px; color: rgba(255,255,255,0.9);\n    line-height: 1.45;\n    opacity: 0; transform: translateX(10px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    max-width: 180px;\n  }\n  .nvs__clip-notif.show { opacity:1; transform:translateX(0); }\n  .nvs__clip-notif em { color:#F4A261; font-style:normal; font-weight:700; }\n\n  \/* \u2500\u2500 RIGHT \u2014 challenge + solution \u2500\u2500 *\/\n  .nvs__text-col {\n    display: flex; flex-direction: column; gap: 0;\n    opacity: 0; transform: translateY(24px);\n    transition: opacity 0.7s ease 0.15s, transform 0.7s cubic-bezier(0.22,1,0.36,1) 0.15s;\n  }\n  .nvs.is-visible .nvs__text-col { opacity:1; transform:translateY(0); }\n\n  .nvs__step { padding: 32px 0; border-bottom: 1px solid #FEF0E6; }\n  .nvs__step:first-child { padding-top: 0; }\n  .nvs__step:last-child  { border-bottom: none; padding-bottom: 0; }\n\n  .nvs__label-tag {\n    display: inline-flex; align-items: center; gap: 7px;\n    font-size: 15px; font-weight: 700; letter-spacing: 0.12em;\n    text-transform: uppercase; color: #C25B1A; margin-bottom: 14px;\n  }\n  .nvs__dot { width:5px; height:5px; border-radius:50%; background:#C25B1A; flex-shrink:0; }\n  .nvs__text { font-size: 17px; font-weight: 400; color: #4B5563; line-height: 1.8; }\n  .nvs__text strong { font-weight: 600; color: #1A1A1A; }\n\n  \/* \u2500\u2500 OUTCOMES \u2500\u2500 *\/\n  .nvs__outcomes-wrap {\n    display: flex; flex-direction: column; gap: 16px;\n    opacity: 0; transform: translateY(28px);\n    transition: opacity 0.7s ease 0.2s, transform 0.7s cubic-bezier(0.22,1,0.36,1) 0.2s;\n  }\n  .nvs.is-visible .nvs__outcomes-wrap { opacity:1; transform:translateY(0); }\n\n  .nvs__outcomes {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  .nvs__outcome-card {\n    background: #FFF8F2;\n    border: 1px solid rgba(194,91,26,0.14);\n    border-radius: 16px;\n    padding: 32px 28px;\n    display: flex; flex-direction: column; gap: 6px;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n  .nvs__outcome-card:hover {\n    box-shadow: 0 8px 28px rgba(194,91,26,0.1);\n    border-color: rgba(194,91,26,0.28);\n  }\n  .nvs__outcome-num {\n    font-size: clamp(44px, 4vw, 58px);\n    font-weight: 900; color: #C25B1A;\n    line-height: 1; letter-spacing: -0.03em;\n  }\n  .nvs__outcome-desc {\n    font-size: 14px; font-weight: 400; color: #4B5563; line-height: 1.55;\n  }\n  .nvs__outcome-desc strong { font-weight: 600; color: #1A1A1A; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .nvs__top { grid-template-columns: 1fr; gap: 32px; }\n    .nvs__outcomes { grid-template-columns: 1fr; }\n    .nvsplayer, .nvs__text-col, .nvs__outcomes-wrap { opacity:1; transform:none; }\n    .nvs__step { padding: 24px 0; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .nvsplayer, .nvs__text-col, .nvs__outcomes-wrap { opacity:1; transform:none; transition:none; }\n  }\n<\/style>\n\n<section class=\"nvs\" id=\"nvs-section\">\n\n  <div class=\"nvs__top\">\n\n    <!-- player -->\n    <div class=\"nvsplayer\" id=\"nvsplayer\">\n      <div class=\"nvs__pitch\">\n        <div class=\"nvs__lights\"><\/div>\n        <div class=\"nvs__circle\"><\/div>\n        <div class=\"nvs__center-line\"><\/div>\n        <div class=\"nvs__player nvs__p1\"><\/div>\n        <div class=\"nvs__player nvs__p2\"><\/div>\n        <div class=\"nvs__player nvs__p3\"><\/div>\n        <div class=\"nvs__player nvs__p4\"><\/div>\n        <div class=\"nvs__player nvs__p5\"><\/div>\n        <div class=\"nvs__player nvs__p6\"><\/div>\n        <div class=\"nvs__ball\"><\/div>\n        <div class=\"nvs__detect\"><\/div>\n      <\/div>\n\n      <div class=\"nvs__live\"><div class=\"nvs__live-dot\"><\/div>LIVE<\/div>\n      <div class=\"nvs__score\">HOM 2 \u2013 1 AWY \u00b7 67'<\/div>\n\n      <div class=\"nvs__tags\" id=\"nvs-tags\">\n        <div class=\"nvs__tag-item\" id=\"tag-goal\">\u26bd GOAL ATTEMPT<\/div>\n        <div class=\"nvs__tag-item\" id=\"tag-high\">\u2702 HIGHLIGHT<\/div>\n        <div class=\"nvs__tag-item\" id=\"tag-clip\">\ud83d\udce4 CLIP READY<\/div>\n      <\/div>\n\n      <div class=\"nvs__clip-notif\" id=\"nvs-notif\">\n        <em>Key moment detected<\/em><br>\n        Clip ready for distribution\n      <\/div>\n\n      <div class=\"nvs__controls\">\n        <div class=\"nvs__bar\"><div class=\"nvs__bar-fill\"><\/div><\/div>\n        <div class=\"nvs__ctrl\">\n          <div class=\"nvs__ctrl-l\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><polygon points=\"2,1 12,7 2,13\" fill=\"rgba(255,255,255,0.85)\"\/><\/svg>\n            <span class=\"nvs__time\">67:24 \u00b7 Sports Channel HD<\/span>\n          <\/div>\n          <span class=\"nvs__ai-badge\">AI TAGGING ON<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- challenge + solution -->\n    <div class=\"nvs__text-col\">\n      <div class=\"nvs__step\">\n        <div class=\"nvs__label-tag\"><span class=\"nvs__dot\"><\/span>Challenge<\/div>\n        <p class=\"nvs__text\">A <strong>sports broadcaster<\/strong> needs to produce highlights, social clips, and branded content <strong>in real time.<\/strong> With limited editorial resources and hours of footage, the window to capture attention and <strong>monetize key moments<\/strong> is extremely short.<\/p>\n      <\/div>\n      <div class=\"nvs__step\">\n        <div class=\"nvs__label-tag\"><span class=\"nvs__dot\"><\/span>Solution<\/div>\n        <p class=\"nvs__text\">Our system <strong>automatically identifies key moments<\/strong> during ingest, tags them by type, and makes them <strong>instantly available for distribution<\/strong> across channels and partners \u2014 enabling real-time content activation <strong>without manual effort.<\/strong><\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- OUTCOMES -->\n  <div class=\"nvs__outcomes-wrap\">\n    <div class=\"nvs__label-tag\"><span class=\"nvs__dot\"><\/span>Outcome<\/div>\n    <div class=\"nvs__outcomes\">\n\n      <div class=\"nvs__outcome-card\">\n        <div class=\"nvs__outcome-num\">\u221275%<\/div>\n        <div class=\"nvs__outcome-desc\"><strong>reduction in production time<\/strong> for highlights and clips<\/div>\n      <\/div>\n\n      <div class=\"nvs__outcome-card\">\n        <div class=\"nvs__outcome-num\">200%<\/div>\n        <div class=\"nvs__outcome-desc\"><strong>increase in content output<\/strong> per live event<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var tags  = ['tag-goal','tag-high','tag-clip'];\n  var notif = document.getElementById('nvs-notif');\n\n  function runSequence() {\n    \/\/ reset\n    tags.forEach(function(id) { document.getElementById(id).classList.remove('show'); });\n    notif.classList.remove('show');\n\n    \/\/ show tags one by one\n    setTimeout(function() { document.getElementById('tag-goal').classList.add('show'); }, 1000);\n    setTimeout(function() { document.getElementById('tag-high').classList.add('show'); }, 2800);\n    setTimeout(function() { document.getElementById('tag-clip').classList.add('show'); }, 4400);\n    setTimeout(function() { notif.classList.add('show'); }, 5200);\n\n    \/\/ fade out\n    setTimeout(function() {\n      tags.forEach(function(id) { document.getElementById(id).classList.remove('show'); });\n      notif.classList.remove('show');\n    }, 10000);\n  }\n\n  runSequence();\n  setInterval(runSequence, 12000);\n\n  \/* entrance *\/\n  var section = document.getElementById('nvs-section');\n  if (!section) return;\n  if (window.innerWidth <= 900) { section.classList.add('is-visible'); return; }\n  new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { section.classList.add('is-visible'); }\n    });\n  }, { threshold: 0.08 }).observe(section);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4311f89d elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"4311f89d\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1947a0 e-con-full e-flex e-con e-child\" data-id=\"b1947a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a1a93 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"78a1a93\" 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-46e980f elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"46e980f\" 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-b70a9f4 e-con-full e-flex e-con e-child\" data-id=\"b70a9f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40c6d00 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"40c6d00\" 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-87696c6 e-flex e-con-boxed e-con e-child\" data-id=\"87696c6\" 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-e46f80c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e46f80c\" 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-e588851 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"e588851\" 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<div class=\"elementor-element elementor-element-300a5c91 e-con-full e-flex e-con e-parent\" data-id=\"300a5c91\" 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-37676702 e-con-full e-flex e-con e-child\" data-id=\"37676702\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e80da7f elementor-widget elementor-widget-heading\" data-id=\"1e80da7f\" 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\">Ready to Transform Your\nVideo Archive?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-323130e9 elementor-widget elementor-widget-text-editor\" data-id=\"323130e9\" 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 Video Intelligence in action with a personalized demo from our experts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12fd7ca3 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"12fd7ca3\" 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%3DeyJpZCI6IjM2NCIsInRvZ2dsZSI6ZmFsc2V9\">\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-510","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>Video 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\/video-intelligence\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Intelligence - Neodata Group S.r.l\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neodatagroup.ai\/it\/video-intelligence\/\" \/>\n<meta property=\"og:site_name\" content=\"Neodata Group S.r.l\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T03:57:04+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\\\/video-intelligence\\\/\",\"url\":\"https:\\\/\\\/neodatagroup.ai\\\/video-intelligence\\\/\",\"name\":\"Video Intelligence - Neodata Group S.r.l\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/#website\"},\"datePublished\":\"2026-04-22T03:56:22+00:00\",\"dateModified\":\"2026-04-22T03:57:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/video-intelligence\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/neodatagroup.ai\\\/video-intelligence\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/neodatagroup.ai\\\/video-intelligence\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/neodatagroup.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video 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":"Video 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\/video-intelligence\/","og_locale":"it_IT","og_type":"article","og_title":"Video Intelligence - Neodata Group S.r.l","og_url":"https:\/\/neodatagroup.ai\/it\/video-intelligence\/","og_site_name":"Neodata Group S.r.l","article_modified_time":"2026-04-22T03:57:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/neodatagroup.ai\/video-intelligence\/","url":"https:\/\/neodatagroup.ai\/video-intelligence\/","name":"Video Intelligence - Neodata Group S.r.l","isPartOf":{"@id":"https:\/\/neodatagroup.ai\/#website"},"datePublished":"2026-04-22T03:56:22+00:00","dateModified":"2026-04-22T03:57:04+00:00","breadcrumb":{"@id":"https:\/\/neodatagroup.ai\/video-intelligence\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neodatagroup.ai\/video-intelligence\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/neodatagroup.ai\/video-intelligence\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/neodatagroup.ai\/"},{"@type":"ListItem","position":2,"name":"Video 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\/510","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=510"}],"version-history":[{"count":4,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/pages\/510\/revisions\/514"}],"wp:attachment":[{"href":"https:\/\/neodatagroup.ai\/it\/wp-json\/wp\/v2\/media?parent=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}