{"id":19,"date":"2026-09-30T11:42:19","date_gmt":"2026-09-30T11:42:19","guid":{"rendered":"https:\/\/cashapona.com\/vectraiq\/?page_id=19"},"modified":"2026-09-30T17:54:58","modified_gmt":"2026-09-30T17:54:58","slug":"home","status":"publish","type":"page","link":"https:\/\/cashapona.com\/vectraiq\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-vectra_m_sec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"vectra_m_sec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-vectra_m_col\" data-id=\"vectra_m_col\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-vectra_m_widget elementor-widget elementor-widget-html\" data-id=\"vectra_m_widget\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<main id=\"top\">\r\n\r\n    <!-- 3. HERO SECTION (Top = Hero Intro, Bottom = Majestic Showcase Stage with WebGL Fluid Motion) -->\r\n    <section class=\"hero\">\r\n      <!-- WebGL Fluid Canvas (z-0) -->\r\n      <canvas class=\"hero-fluid-canvas\" id=\"fluid-canvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n      <!-- Scrim Overlay (z-1) -->\r\n      <div class=\"hero-scrim\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"hero-glow-1\"><\/div>\r\n      <div class=\"hero-glow-2\"><\/div>\r\n\r\n      <div class=\"wrap\" style=\"width: 100%;\">\r\n        <div class=\"hero-container\">\r\n\r\n          <!-- TOP: HERO INTRODUCTION -->\r\n          <div class=\"hero-intro\">\r\n\r\n            <h1>Vector Intelligence for <span class=\"highlight-text\">Enterprise Knowledge.<\/span><\/h1>\r\n            <p class=\"lead\">VectraIQ isn't just search\u2014it's vector-powered intelligence over your company's data. Every\r\n              document, recording, and file is converted into semantic vectors, so when you ask a question, we don't\r\n              just match keywords. We understand meaning. And we prove every answer with a source and much more\r\n              features.<\/p>\r\n            <div class=\"hero-actions\">\r\n              <a href=\"#contact\" class=\"btn btn-primary\">Book a demo<\/a>\r\n              <a href=\"#platform\" class=\"btn btn-ghost\">Explore Platform<\/a>\r\n            <\/div>\r\n            <div class=\"hero-note\">Deployed inside financial services, healthcare, legal, and technology organizations\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- BOTTOM: PRODUCT SHOWCASE STAGE (EXACT USER UI) -->\r\n          <div class=\"hero-showcase\">\r\n            <div class=\"hero-stage-card\" id=\"stage-main\">\r\n              <div class=\"stage-shimmer\"><\/div>\r\n              <canvas id=\"vector-field\"><\/canvas>\r\n\r\n              <div class=\"stage-grid-layout\">\r\n                <!-- LEFT COLUMN: AES-256 Chip, Live Answer Card, Connected Sources Box -->\r\n                <div class=\"stage-col-left\">\r\n                  <!-- Top Chip: AES-256 -->\r\n                  <div class=\"stage-chip stage-security\"><span class=\"dot\"><\/span>AES-256 encrypted<\/div>\r\n\r\n                  <!-- Main Live Answer Card -->\r\n                  <div class=\"hero-sec-card\">\r\n                    <div class=\"hero-sec-header\">\r\n                      <div class=\"hero-sec-title\">\r\n                        VECTRAIQ \u00b7 LIVE ANSWER\r\n                      <\/div>\r\n                      <div class=\"ai-status-badge\">\r\n                        <span\r\n                          style=\"width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 6px var(--cyan);\"><\/span>\r\n                        99.4% Grounded\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"hero-q-box\" id=\"stage-q\"><span class=\"typed-text\"><\/span><span\r\n                        class=\"type-cursor\"><\/span><\/div>\r\n\r\n                    <div class=\"reasoning-stepper\" id=\"reasoning-stepper\">\r\n                      <div class=\"reasoning-spinner\"><\/div>\r\n                      <span id=\"reasoning-text\">Searching connected knowledge...<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"hero-a-box\" id=\"stage-a\"><span class=\"typed-text\"><\/span><\/div>\r\n\r\n                    <div class=\"src-pill\" id=\"stage-src\" title=\"Click to inspect citation\">\r\n                      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"2\">\r\n                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" \/>\r\n                        <polyline points=\"14 2 14 8 20 8\" \/>\r\n                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n                        <polyline points=\"10 9 9 9 8 9\" \/>\r\n                      <\/svg>\r\n                      <span id=\"stage-src-text\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"stage-rate\">\r\n                      <span>Was this helpful?<\/span>\r\n                      <span class=\"tag-up\">\r\n                        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                          stroke-width=\"2\">\r\n                          <path\r\n                            d=\"M7 11v9H4a1 1 0 01-1-1v-7a1 1 0 011-1h3zm0 0l4.5-8a2 2 0 013.8 1l-1 5H19a2 2 0 012 2.3l-1.4 7A2 2 0 0117.6 20H7\" \/>\r\n                        <\/svg>\r\n                        Helpful\r\n                      <\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <!-- Bottom Left: Connected Sources Box -->\r\n                  <div class=\"sec2-dock-box\" id=\"stage-connectors\">\r\n                    <div style=\"font-size:0.72rem; color:var(--text-faint); margin-bottom:2px;\">Connected sources<\/div>\r\n                    <div class=\"stage-icon-row\">\r\n                      <span class=\"stage-icon active\" title=\"Google Drive\"><svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                          stroke=\"#FF7A33\" stroke-width=\"1.6\">\r\n                          <path d=\"M4 5a2 2 0 012-2h5l2 2h5a2 2 0 012 2v2H4V5z\" \/>\r\n                          <path d=\"M4 9h16l-2 10a2 2 0 01-2 1.7H8A2 2 0 016 19L4 9z\" \/>\r\n                        <\/svg><\/span>\r\n                      <span class=\"stage-icon\" title=\"Slack\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\"\r\n                          stroke-width=\"1.6\">\r\n                          <path d=\"M4 4h16v12H8l-4 4V4z\" \/>\r\n                        <\/svg><\/span>\r\n                      <span class=\"stage-icon\" title=\"OneDrive\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\"\r\n                          stroke-width=\"1.6\">\r\n                          <path d=\"M7 18a4.5 4.5 0 01-.4-8.98A5.5 5.5 0 0117 8.5a4 4 0 011 7.87\" \/>\r\n                        <\/svg><\/span>\r\n                      <span class=\"stage-icon\" title=\"Notion\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\"\r\n                          stroke-width=\"1.6\">\r\n                          <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/>\r\n                          <line x1=\"9\" y1=\"4\" x2=\"9\" y2=\"20\" \/>\r\n                        <\/svg><\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <!-- RIGHT COLUMN: Token Analytics Card, Context Scoped by Role Chip -->\r\n                <div class=\"stage-col-right\">\r\n                  <!-- Top Right: Token Analytics Card -->\r\n                  <div class=\"sec2-tile\" id=\"stage-analytics\">\r\n                    <div class=\"sec2-tile-label\">Token Analytics<\/div>\r\n                    <div class=\"sec2-tile-num\" id=\"stage-token-num\">18.4M<\/div>\r\n                    <div class=\"sec2-tile-sub\">\r\n                      92% helpful this week\r\n                    <\/div>\r\n                    <div class=\"stage-mini-bars\">\r\n                      <span style=\"height:40%;\"><\/span>\r\n                      <span style=\"height:65%;\"><\/span>\r\n                      <span style=\"height:45%;\"><\/span>\r\n                      <span style=\"height:85%;\"><\/span>\r\n                      <span style=\"height:60%;\"><\/span>\r\n                      <span style=\"height:95%;\"><\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <!-- Bottom Right: Context Scoped by Role Chip -->\r\n                  <div class=\"stage-chip stage-role\" id=\"stage-role-chip\"><span class=\"dot\"><\/span>Context scoped by\r\n                    role: Finance & Legal<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <hr class=\"divider\">\r\n\r\n    <!-- 6. PLATFORM \/ CAPABILITIES (Stacking Cards on Scroll) -->\r\n    <section id=\"platform\">\r\n      <canvas id=\"platform-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"platform-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Platform<\/div>\r\n          <h2>One system of record for everything your company knows.<\/h2>\r\n          <p>PDFs, spreadsheets, recordings, and web pages go in. Precise, cited answers come out \u2014 in whichever AI\r\n            model your team already trusts.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wrap\">\r\n        <div class=\"cap-grid cards reveal\">\r\n          <!-- Search across every format -->\r\n          <div class=\"cap-item theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" \/>\r\n                  <polyline points=\"14 2 14 8 20 8\" \/>\r\n                  <circle cx=\"11.5\" cy=\"14.5\" r=\"2.5\" \/>\r\n                  <line x1=\"13.5\" y1=\"16.5\" x2=\"16\" y2=\"19\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Search across every format<\/h3>\r\n              <p>One query reaches into PDFs, Word files, spreadsheets, audio, and video at once \u2014 no converting files\r\n                before you can ask about them.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Answers, not just documents -->\r\n          <div class=\"cap-item theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                  <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n                  <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"14\" \/>\r\n                  <line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Answers, not just documents<\/h3>\r\n              <p>VectraIQ reads for intent and responds with a direct answer drawn from your knowledge base, not a list\r\n                of files to open yourself.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Ask by voice -->\r\n          <div class=\"cap-item theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"1.8\">\r\n                  <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\" \/>\r\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" \/>\r\n                  <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\" \/>\r\n                  <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Ask by voice<\/h3>\r\n              <p>Speak a question and get a spoken or written answer back \u2014 useful on the floor, in the field, or\r\n                hands-free at a desk.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Keeps your sites current -->\r\n          <div class=\"cap-item theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                  <polyline points=\"23 4 23 10 17 10\" \/>\r\n                  <path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Keeps your sites current<\/h3>\r\n              <p>Point VectraIQ at internal or external web pages and it recrawls them automatically so answers stay up\r\n                to date.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Summaries on demand -->\r\n          <div class=\"cap-item theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" \/>\r\n                  <polyline points=\"14 2 14 8 20 8\" \/>\r\n                  <line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\" \/>\r\n                  <line x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Summaries on demand<\/h3>\r\n              <p>Long reports and recordings condense into a short, clear answer, so people spend less time reading and\r\n                more time deciding.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Bring your own model -->\r\n          <div class=\"cap-item theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"1.8\">\r\n                  <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/>\r\n                  <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" \/>\r\n                  <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\" \/>\r\n                  <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\" \/>\r\n                  <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\" \/>\r\n                  <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\" \/>\r\n                  <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\" \/>\r\n                  <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\" \/>\r\n                  <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\" \/>\r\n                  <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Bring your own model<\/h3>\r\n              <p>Switch between leading AI models \u2014 including ChatGPT, Claude, and Gemini \u2014 without changing how your\r\n                team asks questions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Suggested follow-ups -->\r\n          <div class=\"cap-item theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                  <polyline points=\"9 18 15 12 9 6\" \/>\r\n                  <circle cx=\"5\" cy=\"12\" r=\"2\" \/>\r\n                  <line x1=\"7\" y1=\"12\" x2=\"15\" y2=\"12\" \/>\r\n                  <circle cx=\"19\" cy=\"6\" r=\"2\" \/>\r\n                  <circle cx=\"19\" cy=\"18\" r=\"2\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Suggested follow-ups<\/h3>\r\n              <p>Every answer surfaces relevant next questions, so people uncover things they wouldn't have thought to\r\n                search for.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Speaks your team's language -->\r\n          <div class=\"cap-item theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\r\n                  <path\r\n                    d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Speaks your team's language<\/h3>\r\n              <p>Built-in translation lets people ask and receive answers in their preferred language, no separate tool\r\n                required.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Export where work happens -->\r\n          <div class=\"cap-item theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"1.8\">\r\n                  <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" \/>\r\n                  <polyline points=\"16 6 12 2 8 6\" \/>\r\n                  <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Export where work happens<\/h3>\r\n              <p>Send an answer to Word, draft it into an email, or share a link \u2014 insights leave VectraIQ and land\r\n                directly in the next step of work.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Excludes what shouldn't answer -->\r\n          <div class=\"cap-item theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                  <line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Excludes what shouldn't answer<\/h3>\r\n              <p>Rule out specific content by metadata, keyword, or expiration date, so outdated policies or restricted\r\n                files never make it into a response.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Understands your shorthand -->\r\n          <div class=\"cap-item theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                  <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" \/>\r\n                  <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Understands your shorthand<\/h3>\r\n              <p>Maintain a glossary of internal acronyms and shorthand so VectraIQ expands them correctly instead of\r\n                guessing \u2014 and getting it wrong.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Feels like your own assistant -->\r\n          <div class=\"cap-item theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <div class=\"cap-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"1.8\">\r\n                  <rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\" \/>\r\n                  <circle cx=\"12\" cy=\"5\" r=\"2\" \/>\r\n                  <path d=\"M12 7v4\" \/>\r\n                  <line x1=\"8\" y1=\"16\" x2=\"8.01\" y2=\"16\" stroke-width=\"3\" \/>\r\n                  <line x1=\"16\" y1=\"16\" x2=\"16.01\" y2=\"16\" stroke-width=\"3\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Feels like your own assistant<\/h3>\r\n              <p>Give it a name, an avatar, and an intro line that matches your brand \u2014 like a clinic launching \"Nova\"\r\n                instead of a generic chatbot.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7. CONNECTORS SECTION -->\r\n    <!-- 4. CONNECTORS SECTION -->\r\n    <!-- 4. CONNECTORS SECTION (Synaptic Liquid Streams & 3D Quantum Core) -->\r\n    <section id=\"connectors\">\r\n      <canvas id=\"connectors-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"connectors-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"glow-ambient\"\r\n        style=\"width:700px; height:700px; background:radial-gradient(circle, rgba(157,107,255,0.12) 0%, transparent 70%); top:-150px; left:50%; transform:translateX(-50%); pointer-events:none; position:absolute; z-index:0;\">\r\n      <\/div>\r\n\r\n      <div class=\"wrap\" style=\"position:relative; z-index:2;\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Connectors<\/div>\r\n          <h2>Plug into where your knowledge already lives.<\/h2>\r\n          <p>Connect the tools your team already uses. VectraIQ indexes the content and keeps it in sync, without anyone\r\n            changing how they work.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ecosystem-container\">\r\n\r\n          <div class=\"connectors-grid cards\">\r\n            <!-- Google Drive -->\r\n            <div class=\"connector-box theme-orange card\" data-connector=\"gdrive\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                    <path d=\"M4 5a2 2 0 012-2h5l2 2h5a2 2 0 012 2v2H4V5z\" \/>\r\n                    <path d=\"M4 9h16l-2 10a2 2 0 01-2 1.7H8A2 2 0 016 19L4 9z\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>Google Drive<\/h3>\r\n                <p>Docs, Sheets, Slides, and shared drives sync automatically as they're edited.<\/p>\r\n                <span class=\"connector-sync-tag\">\r\n                  <span style=\"width:5px; height:5px; border-radius:50%; background:#4FD1C5;\"><\/span>\r\n                  Live Sync \u00b7 Shared Drives\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- OneDrive & SharePoint -->\r\n            <div class=\"connector-box theme-purple card\" data-connector=\"sharepoint\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                    <path d=\"M7 18a4.5 4.5 0 01-.4-8.98A5.5 5.5 0 0117 8.5a4 4 0 011 7.87\" \/>\r\n                    <path d=\"M12 19v-5m0 0l-2.5 2.5M12 14l2.5 2.5\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>OneDrive & SharePoint<\/h3>\r\n                <p>Corporate files and team sites, indexed by folder and permission group.<\/p>\r\n                <span class=\"connector-sync-tag\">\r\n                  <span style=\"width:5px; height:5px; border-radius:50%; background:#4FD1C5;\"><\/span>\r\n                  ACL Scoped \u00b7 Azure AD\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slack -->\r\n            <div class=\"connector-box theme-cyan card\" data-connector=\"slack\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"1.8\">\r\n                    <path d=\"M4 4h16v12H8l-4 4V4z\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>Slack<\/h3>\r\n                <p>Pinned messages, threads, and shared files from any channel you choose become searchable.<\/p>\r\n                <span class=\"connector-sync-tag\">\r\n                  <span style=\"width:5px; height:5px; border-radius:50%; background:#4FD1C5;\"><\/span>\r\n                  Thread Parser \u00b7 Channels\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Confluence -->\r\n            <div class=\"connector-box theme-orange card\" data-connector=\"confluence\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                    <path d=\"M5 4h14v16l-3-2-2 2-2-2-2 2-2-2-3 2V4z\" \/>\r\n                    <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\" \/>\r\n                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>Confluence<\/h3>\r\n                <p>Wiki pages and technical documentation, indexed as soon as they're published.<\/p>\r\n                <span class=\"connector-sync-tag\">\r\n                  <span style=\"width:5px; height:5px; border-radius:50%; background:#4FD1C5;\"><\/span>\r\n                  Spaces & Hierarchy\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Notion -->\r\n            <div class=\"connector-box theme-purple card\" data-connector=\"notion\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"1.8\">\r\n                    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/>\r\n                    <line x1=\"9\" y1=\"4\" x2=\"9\" y2=\"20\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>Notion<\/h3>\r\n                <p>Workspace pages and databases, kept alongside every other source in one search.<\/p>\r\n                <span class=\"connector-sync-tag\">\r\n                  <span style=\"width:5px; height:5px; border-radius:50%; background:#4FD1C5;\"><\/span>\r\n                  Database Relations\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Custom Connector \/ More -->\r\n            <div class=\"connector-box custom-more theme-orange card\" data-connector=\"custom\">\r\n              <div class=\"card__inner\">\r\n                <div class=\"icon-wrap\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"1.8\">\r\n                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" \/>\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3>Have something else?<\/h3>\r\n                <p>SQL databases, internal wikis, ticketing systems &mdash; connect any source through our open API.<\/p>\r\n                <a href=\"#contact\">Talk to us about a custom connector &rarr;<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 9 & 10. ADMIN ANALYTICS & ANSWER\/FEEDBACK EXPERIENCE -->\r\n    <section id=\"analytics\">\r\n      <canvas id=\"analytics-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"analytics-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"analytics-glow\" id=\"analytics-glow\"><\/div>\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Product analytics<\/div>\r\n          <h2>One dashboard for messages, users, feedback, and cost.<\/h2>\r\n          <p>A quick \"helpful\" or \"needs work\" sits under every response. Everything it generates \u2014 usage, ratings,\r\n            token spend, and the questions people keep asking \u2014 rolls up into a live dashboard admins can check without\r\n            exporting a spreadsheet.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feedback-grid reveal\">\r\n          <div class=\"mock-panel\">\r\n            <div class=\"mock-label\">answer view \u2014 end user<\/div>\r\n            <div class=\"answer-card\">\r\n              <div class=\"q\">\"What's our refund window for enterprise contracts?\"<\/div>\r\n              <div class=\"a\">Enterprise contracts carry a 30-day refund window from the invoice date, extendable to 45\r\n                days for annual plans signed before renewal.<\/div>\r\n              <div class=\"src\">Source: Enterprise Terms v4.2, p. 12<\/div>\r\n\r\n              <div class=\"related-block\">\r\n                <div class=\"related-label\">Related questions<\/div>\r\n                <a class=\"related-q\" href=\"#\">\u21b3 Does the window change for month-to-month plans?<\/a>\r\n                <a class=\"related-q\" href=\"#\">\u21b3 Who approves an exception to this policy?<\/a>\r\n              <\/div>\r\n\r\n              <div class=\"answer-actions\">\r\n                <button type=\"button\" title=\"Copy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                    stroke-width=\"1.6\">\r\n                    <rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"1.5\" \/>\r\n                    <path d=\"M5 15V5a1 1 0 011-1h10\" \/>\r\n                  <\/svg><\/button>\r\n                <button type=\"button\" title=\"Listen\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                    stroke-width=\"1.6\">\r\n                    <path d=\"M4 9v6h4l5 4V5L8 9H4z\" \/>\r\n                    <path d=\"M16 9a4 4 0 010 6\" \/>\r\n                  <\/svg><\/button>\r\n                <button type=\"button\" title=\"Download\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                    stroke-width=\"1.6\">\r\n                    <path d=\"M12 4v11m0 0l-4-4m4 4l4-4\" \/>\r\n                    <path d=\"M5 18h14\" \/>\r\n                  <\/svg><\/button>\r\n                <button type=\"button\" title=\"Email\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                    stroke-width=\"1.6\">\r\n                    <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"1.5\" \/>\r\n                    <path d=\"M4 7l8 6 8-6\" \/>\r\n                  <\/svg><\/button>\r\n              <\/div>\r\n\r\n              <div class=\"rate-row\">\r\n                <span class=\"rate-prompt\">Was this answer helpful?<\/span>\r\n                <div class=\"rate-buttons\">\r\n                  <button class=\"rate-btn up selected\" type=\"button\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                      <path\r\n                        d=\"M7 11v9H4a1 1 0 01-1-1v-7a1 1 0 011-1h3zm0 0l4.5-8a2 2 0 013.8 1l-1 5H19a2 2 0 012 2.3l-1.4 7A2 2 0 0117.6 20H7\" \/>\r\n                    <\/svg>\r\n                    Helpful\r\n                  <\/button>\r\n                  <button class=\"rate-btn down\" type=\"button\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                      <path\r\n                        d=\"M17 13V4h3a1 1 0 011 1v7a1 1 0 01-1 1h-3zm0 0l-4.5 8a2 2 0 01-3.8-1l1-5H5a2 2 0 01-2-2.3l1.4-7A2 2 0 016.4 4H17\" \/>\r\n                    <\/svg>\r\n                    Needs work\r\n                  <\/button>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mock-panel\">\r\n            <div class=\"mock-label\">insights dashboard \u2014 admin<\/div>\r\n\r\n            <div class=\"analytics-tabs\" role=\"tablist\">\r\n              <button class=\"analytics-tab active\" data-panel=\"panel-msg\" type=\"button\">Message Analytics<\/button>\r\n              <button class=\"analytics-tab\" data-panel=\"panel-user\" type=\"button\">User Analytics<\/button>\r\n              <button class=\"analytics-tab\" data-panel=\"panel-fb\" type=\"button\">Feedback Analytics<\/button>\r\n              <button class=\"analytics-tab\" data-panel=\"panel-token\" type=\"button\">Token Analytics<\/button>\r\n              <button class=\"analytics-tab\" data-panel=\"panel-faq\" type=\"button\">FAQ Trends<\/button>\r\n            <\/div>\r\n\r\n            <!-- Message Analytics -->\r\n            <div class=\"analytics-panel active\" id=\"panel-msg\">\r\n              <div class=\"dash-stats\">\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"1204\" data-format=\"int\">1,204<\/div>\r\n                  <div class=\"label\">Conversations<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"3820\" data-format=\"int\">3,820<\/div>\r\n                  <div class=\"label\">Messages<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num up\" data-target=\"3.2\" data-format=\"decimal1\">3.2<\/div>\r\n                  <div class=\"label\">Avg. messages \/ conversation<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"chart-wrap\">\r\n                <svg viewBox=\"0 0 600 120\" preserveAspectRatio=\"none\">\r\n                  <line x1=\"0\" y1=\"10\" x2=\"600\" y2=\"10\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"45\" x2=\"600\" y2=\"45\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"80\" x2=\"600\" y2=\"80\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"115\" x2=\"600\" y2=\"115\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <polyline fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"2\"\r\n                    points=\"0,100 100,55 200,90 300,15 400,60 500,105 600,85\" \/>\r\n                  <g fill=\"#FF7A33\">\r\n                    <circle cx=\"0\" cy=\"100\" r=\"3.2\" \/>\r\n                    <circle cx=\"100\" cy=\"55\" r=\"3.2\" \/>\r\n                    <circle cx=\"200\" cy=\"90\" r=\"3.2\" \/>\r\n                    <circle cx=\"300\" cy=\"15\" r=\"3.2\" \/>\r\n                    <circle cx=\"400\" cy=\"60\" r=\"3.2\" \/>\r\n                    <circle cx=\"500\" cy=\"105\" r=\"3.2\" \/>\r\n                    <circle cx=\"600\" cy=\"85\" r=\"3.2\" \/>\r\n                  <\/g>\r\n                <\/svg>\r\n                <div class=\"chart-days\">\r\n                  <span>Mon<\/span><span>Tue<\/span><span>Wed<\/span><span>Thu<\/span><span>Fri<\/span><span>Sat<\/span><span>Sun<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- User Analytics -->\r\n            <div class=\"analytics-panel\" id=\"panel-user\">\r\n              <div class=\"dash-stats\">\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"486\" data-format=\"int\">486<\/div>\r\n                  <div class=\"label\">Total users<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"312\" data-format=\"int\">312<\/div>\r\n                  <div class=\"label\">Active users<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num up\" data-target=\"41\" data-format=\"int\">41<\/div>\r\n                  <div class=\"label\">New users<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"chart-wrap\">\r\n                <div class=\"chart-legend\">\r\n                  <span><span class=\"dot\" style=\"background:var(--text-faint)\"><\/span>Total<\/span>\r\n                  <span><span class=\"dot\" style=\"background:#FF7A33\"><\/span>Active<\/span>\r\n                  <span><span class=\"dot\" style=\"background:#4FD1C5\"><\/span>New<\/span>\r\n                <\/div>\r\n                <svg viewBox=\"0 0 600 120\" preserveAspectRatio=\"none\">\r\n                  <line x1=\"0\" y1=\"10\" x2=\"600\" y2=\"10\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"45\" x2=\"600\" y2=\"45\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"80\" x2=\"600\" y2=\"80\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"115\" x2=\"600\" y2=\"115\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <polyline fill=\"none\" stroke=\"#3A4066\" stroke-width=\"2\"\r\n                    points=\"0,45 100,42 200,40 300,37 400,34 500,31 600,28\" \/>\r\n                  <polyline fill=\"none\" stroke=\"#FF7A33\" stroke-width=\"2\"\r\n                    points=\"0,100 100,105 200,40 300,60 400,50 500,95 600,58\" \/>\r\n                  <polyline fill=\"none\" stroke=\"#4FD1C5\" stroke-width=\"2\"\r\n                    points=\"0,90 100,100 200,60 300,80 400,95 500,100 600,70\" \/>\r\n                <\/svg>\r\n                <div class=\"chart-days\">\r\n                  <span>Mon<\/span><span>Tue<\/span><span>Wed<\/span><span>Thu<\/span><span>Fri<\/span><span>Sat<\/span><span>Sun<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feedback Analytics -->\r\n            <div class=\"analytics-panel\" id=\"panel-fb\">\r\n              <div class=\"dash-stats\">\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num up\" data-target=\"79\" data-format=\"percent\">79%<\/div>\r\n                  <div class=\"label\">Helpful rate<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"268\" data-format=\"int\">268<\/div>\r\n                  <div class=\"label\">Ratings given<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"14\" data-format=\"int\">14<\/div>\r\n                  <div class=\"label\">Flagged this week<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"bar-list\" style=\"margin-top:22px;\">\r\n                <div class=\"bar-row\">\r\n                  <span class=\"bar-label\">Didn't understand the question<\/span>\r\n                  <span class=\"bar-count\">6 (40%)<\/span>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:40%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"bar-row\">\r\n                  <span class=\"bar-label\">Needed more detail<\/span>\r\n                  <span class=\"bar-count\">5 (33%)<\/span>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:33%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"bar-row\">\r\n                  <span class=\"bar-label\">Wrong source cited<\/span>\r\n                  <span class=\"bar-count\">3 (20%)<\/span>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:20%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"bar-row\">\r\n                  <span class=\"bar-label\">Other<\/span>\r\n                  <span class=\"bar-count\">1 (7%)<\/span>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:7%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Token Analytics -->\r\n            <div class=\"analytics-panel\" id=\"panel-token\">\r\n              <div class=\"dash-stats\">\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"18.4\" data-format=\"compactM\">18.4M<\/div>\r\n                  <div class=\"label\">Tokens this month<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num\" data-target=\"142.6\" data-format=\"currency2\">$142.60<\/div>\r\n                  <div class=\"label\">Estimated cost<\/div>\r\n                <\/div>\r\n                <div class=\"stat-tile sm\">\r\n                  <div class=\"num up\" data-target=\"4120\" data-format=\"int\">4,120<\/div>\r\n                  <div class=\"label\">Avg. tokens \/ conversation<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"chart-wrap\">\r\n                <svg viewBox=\"0 0 600 120\" preserveAspectRatio=\"none\">\r\n                  <defs>\r\n                    <linearGradient id=\"tokenFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                      <stop offset=\"0%\" stop-color=\"#9D6BFF\" stop-opacity=\"0.35\" \/>\r\n                      <stop offset=\"100%\" stop-color=\"#9D6BFF\" stop-opacity=\"0\" \/>\r\n                    <\/linearGradient>\r\n                  <\/defs>\r\n                  <line x1=\"0\" y1=\"10\" x2=\"600\" y2=\"10\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"45\" x2=\"600\" y2=\"45\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"80\" x2=\"600\" y2=\"80\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <line x1=\"0\" y1=\"115\" x2=\"600\" y2=\"115\" stroke=\"var(--border)\" stroke-dasharray=\"3 4\" \/>\r\n                  <path class=\"area-fill\" fill=\"url(#tokenFill)\" stroke=\"none\"\r\n                    d=\"M0,100 L100,90 L200,95 L300,70 L400,75 L500,50 L600,40 L600,120 L0,120 Z\" \/>\r\n                  <polyline fill=\"none\" stroke=\"#9D6BFF\" stroke-width=\"2\"\r\n                    points=\"0,100 100,90 200,95 300,70 400,75 500,50 600,40\" \/>\r\n                <\/svg>\r\n                <div class=\"chart-days\">\r\n                  <span>Mon<\/span><span>Tue<\/span><span>Wed<\/span><span>Thu<\/span><span>Fri<\/span><span>Sat<\/span><span>Sun<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"margin-top:22px;\">\r\n                <div class=\"breakdown-row\">\r\n                  <div class=\"breakdown-head\">\r\n                    <span class=\"name\"><span class=\"dot\" style=\"background:#FF7A33\"><\/span>Claude<\/span>\r\n                    <span class=\"pct\">62%<\/span>\r\n                  <\/div>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:62%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"breakdown-row\">\r\n                  <div class=\"breakdown-head\">\r\n                    <span class=\"name\"><span class=\"dot\" style=\"background:#9D6BFF\"><\/span>GPT-4<\/span>\r\n                    <span class=\"pct\">28%<\/span>\r\n                  <\/div>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:28%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"breakdown-row\">\r\n                  <div class=\"breakdown-head\">\r\n                    <span class=\"name\"><span class=\"dot\" style=\"background:#4FD1C5\"><\/span>Gemini<\/span>\r\n                    <span class=\"pct\">10%<\/span>\r\n                  <\/div>\r\n                  <div class=\"bar-track\">\r\n                    <div class=\"bar-fill\" style=\"width:10%\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ Trends -->\r\n            <div class=\"analytics-panel\" id=\"panel-faq\">\r\n              <div class=\"panel-toolbar\">\r\n                <div class=\"mock-label\" style=\"margin:0;\">most asked questions<\/div>\r\n                <div class=\"seg-toggle\">\r\n                  <span class=\"seg-pill\"><\/span>\r\n                  <button class=\"seg-btn active\" data-period=\"weekly\" type=\"button\">Weekly<\/button>\r\n                  <button class=\"seg-btn\" data-period=\"monthly\" type=\"button\">Monthly<\/button>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-period active\" data-period-panel=\"weekly\">\r\n                <div class=\"faq-row\"><span class=\"q\">\"What's our refund window for enterprise contracts?\"<\/span><span\r\n                    class=\"n\">24 asks<\/span><\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"How do I request time off?\"<\/span><span class=\"n\">18 asks<\/span>\r\n                <\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"What's the VPN setup process?\"<\/span><span class=\"n\">14\r\n                    asks<\/span><\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"Where do I submit an expense report?\"<\/span><span class=\"n\">9\r\n                    asks<\/span><\/div>\r\n              <\/div>\r\n              <div class=\"faq-period\" data-period-panel=\"monthly\">\r\n                <div class=\"faq-row\"><span class=\"q\">\"What's our refund window for enterprise contracts?\"<\/span><span\r\n                    class=\"n\">96 asks<\/span><\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"What's included in the enterprise plan?\"<\/span><span class=\"n\">71\r\n                    asks<\/span><\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"How do I request time off?\"<\/span><span class=\"n\">58 asks<\/span>\r\n                <\/div>\r\n                <div class=\"faq-row\"><span class=\"q\">\"What's our data retention policy?\"<\/span><span class=\"n\">44\r\n                    asks<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"generate-faq-row\">\r\n                <span>Turn these into a published FAQ page in one step.<\/span>\r\n                <button class=\"btn btn-ghost btn-sm\" type=\"button\">Generate FAQ<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feedback-points\">\r\n          <div>\r\n            <h3>Rated where it's read<\/h3>\r\n            <p>People mark an answer helpful or not right where they receive it \u2014 no separate survey to open, no extra\r\n              step that gets skipped.<\/p>\r\n          <\/div>\r\n          <div>\r\n            <h3>Cost visible down to the model<\/h3>\r\n            <p>Token Analytics tracks consumption and estimated spend by day and by model, so a jump in usage shows up\r\n              before the invoice does.<\/p>\r\n          <\/div>\r\n          <div>\r\n            <h3>Grouped by cause, not just count<\/h3>\r\n            <p>Flagged answers roll up by reason and source document, so admins can see what needs fixing instead of a\r\n              pile of unlabeled complaints.<\/p>\r\n          <\/div>\r\n          <div>\r\n            <h3>Trends over time<\/h3>\r\n            <p>Usage, satisfaction, and spend are all tracked week over week, making it easy to see whether a change\r\n              actually helped.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 11. INDUSTRIES (Dynamic Ambient Environment Matrix) -->\r\n    <section id=\"industries\">\r\n      <canvas id=\"industries-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"industries-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"industry-glow\" id=\"industry-glow\"><\/div>\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Industries<\/div>\r\n          <h2>Built to fit how your industry already works.<\/h2>\r\n          <p>The same platform, tuned to different questions \u2014 from regulatory lookups to patient care guidelines.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"industry-tabs reveal\" role=\"tablist\">\r\n          <button class=\"industry-tab active\" data-tab=\"fin\" data-color=\"#FF7A33\"\r\n            data-glow=\"rgba(255,122,51,0.18)\">Financial Services<\/button>\r\n          <button class=\"industry-tab\" data-tab=\"tech\" data-color=\"#4FD1C5\" data-glow=\"rgba(79,209,197,0.18)\">Technology\r\n            & IT<\/button>\r\n          <button class=\"industry-tab\" data-tab=\"health\" data-color=\"#38E5A8\"\r\n            data-glow=\"rgba(56,229,168,0.18)\">Healthcare<\/button>\r\n          <button class=\"industry-tab\" data-tab=\"retail\" data-color=\"#FFB45A\"\r\n            data-glow=\"rgba(255,180,90,0.18)\">Retail<\/button>\r\n          <button class=\"industry-tab\" data-tab=\"legal\" data-color=\"#9D6BFF\"\r\n            data-glow=\"rgba(157,107,255,0.18)\">Legal<\/button>\r\n          <button class=\"industry-tab\" data-tab=\"edu\" data-color=\"#60A5FA\"\r\n            data-glow=\"rgba(96,165,250,0.18)\">Education<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel active\" id=\"fin\">\r\n          <div class=\"industry-card\">\r\n            <h4>Compliance lookup<\/h4>\r\n            <p>Surface the relevant regulation or policy in seconds instead of searching through binders of filings.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Customer support<\/h4>\r\n            <p>Give service teams instant, sourced answers about products, accounts, and terms.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Research synthesis<\/h4>\r\n            <p>Pull the relevant thread out of large volumes of reports and filings before a decision is made.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel\" id=\"tech\">\r\n          <div class=\"industry-card\">\r\n            <h4>Technical support<\/h4>\r\n            <p>Resolve tickets faster with instant answers pulled from manuals, runbooks, and past incidents.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Centralized documentation<\/h4>\r\n            <p>Give every engineer one place to find specs, architecture decisions, and support material.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Faster onboarding<\/h4>\r\n            <p>New hires ask questions directly instead of interrupting a teammate or hunting through wikis.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel\" id=\"health\">\r\n          <div class=\"industry-card\">\r\n            <h4>Medical research<\/h4>\r\n            <p>Move faster through clinical literature and trial data when time matters most.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Point-of-care guidance<\/h4>\r\n            <p>Give clinicians quick, cited access to protocols and guidelines without leaving their workflow.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Training and education<\/h4>\r\n            <p>Support students and staff with instant access to teaching material and reference findings.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel\" id=\"retail\">\r\n          <div class=\"industry-card\">\r\n            <h4>Product information<\/h4>\r\n            <p>Help staff and customers find specifications, comparisons, and reviews without digging.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Inventory answers<\/h4>\r\n            <p>Locate stock levels, supplier details, and catalog information in a single query.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Order support<\/h4>\r\n            <p>Answer shipping and order questions instantly instead of routing them to a queue.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel\" id=\"legal\">\r\n          <div class=\"industry-card\">\r\n            <h4>Case research<\/h4>\r\n            <p>Move through case law, statutes, and precedent faster when preparing a matter.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Document management<\/h4>\r\n            <p>Organize contracts and agreements with role-based access and a clear source trail.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Litigation prep<\/h4>\r\n            <p>Give teams quick access to the exact filings and evidence a case depends on.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"industry-panel\" id=\"edu\">\r\n          <div class=\"industry-card\">\r\n            <h4>Research support<\/h4>\r\n            <p>Help students and researchers move through journals and source material efficiently.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Instructor resources<\/h4>\r\n            <p>Give educators fast access to lesson plans and teaching material when preparing a class.<\/p>\r\n          <\/div>\r\n          <div class=\"industry-card\">\r\n            <h4>Remote learning<\/h4>\r\n            <p>Let students reach course material and answers on their own time, from anywhere.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 12. SECURITY (Zero-Trust Architecture & Trust Mocks) -->\r\n    <section id=\"security\">\r\n      <canvas id=\"security-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"security-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Security & trust<\/div>\r\n          <h2>Built for information that can't leave the room.<\/h2>\r\n          <p>Encryption, consent, and access are handled by default \u2014 not bolted on after the fact.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"security-grid cards\">\r\n          <div class=\"security-card theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\" \/>\r\n                <path d=\"M8 11V7a4 4 0 018 0v4\" \/>\r\n              <\/svg>\r\n              <h3>Encrypted to enterprise standards<\/h3>\r\n              <p>Personal and sensitive data is encrypted with AES-256 at rest and TLS 1.2+ in transit, so it's\r\n                protected\r\n                everywhere it moves.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <path d=\"M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-3z\" \/>\r\n              <\/svg>\r\n              <h3>Your data stays yours<\/h3>\r\n              <p>VectraIQ never uses your documents to train underlying AI models. What you upload stays isolated to\r\n                your\r\n                organization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <circle cx=\"12\" cy=\"8\" r=\"3.5\" \/>\r\n                <path d=\"M5 20c0-3.5 3-6 7-6s7 2.5 7 6\" \/>\r\n              <\/svg>\r\n              <h3>Role-based access<\/h3>\r\n              <p>Administrators define exactly who can view, upload, or manage each asset \u2014 down to the individual and\r\n                department.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <path d=\"M4 6h6l2 3h8v9a1 1 0 01-1 1H5a1 1 0 01-1-1V6z\" \/>\r\n                <path d=\"M9 13l2 2 4-4\" \/>\r\n              <\/svg>\r\n              <h3>Context by role, not just access<\/h3>\r\n              <p>The knowledge scope and framing of an answer adapt to who's asking \u2014 the same question can return a\r\n                different, role-appropriate response.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <path d=\"M9 11l2 2 4-5\" \/>\r\n                <path d=\"M4 6l8-3 8 3v6c0 4.5-3.4 7.7-8 9-4.6-1.3-8-4.5-8-9V6z\" \/>\r\n              <\/svg>\r\n              <h3>Consent, tracked automatically<\/h3>\r\n              <p>Every user's consent to have their questions processed by AI is logged with a timestamp and scope,\r\n                ready\r\n                for compliance review.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <path d=\"M4 12h16M4 6h16M4 18h10\" \/>\r\n              <\/svg>\r\n              <h3>Every answer is traceable<\/h3>\r\n              <p>Responses link back to the exact document, page, or timestamp they came from \u2014 ready for audit and\r\n                verification.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"security-mocks reveal\">\r\n          <!-- Role-based scoping mock -->\r\n          <div class=\"mock-panel\">\r\n            <div class=\"mock-label\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n                <path\r\n                  d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" \/>\r\n              <\/svg>\r\n              context by role \u2014 example\r\n            <\/div>\r\n            <div class=\"role-flow\">\r\n              <div class=\"role-source\">\"What's our travel reimbursement policy?\"<\/div>\r\n              <div class=\"role-arrow\">\r\n                <span style=\"color:var(--cyan);\">\u2193<\/span> role detected \u00b7 context scoped automatically\r\n              <\/div>\r\n              <div class=\"role-branches\">\r\n                <div class=\"role-branch\">\r\n                  <div class=\"role-tag\" style=\"color:#FF7A33\">Employee<\/div>\r\n                  <p>Mileage and per-diem rates, with a link to the expense form.<\/p>\r\n                <\/div>\r\n                <div class=\"role-branch\">\r\n                  <div class=\"role-tag\" style=\"color:#9D6BFF\">Manager<\/div>\r\n                  <p>Adds the budget approval threshold and escalation path.<\/p>\r\n                <\/div>\r\n                <div class=\"role-branch\">\r\n                  <div class=\"role-tag\" style=\"color:#4FD1C5\">Finance<\/div>\r\n                  <p>Includes GL codes, exception handling, and audit notes.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Consent tracker admin mock -->\r\n          <div class=\"mock-panel\">\r\n            <div class=\"mock-label\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n              <\/svg>\r\n              consent tracker \u2014 admin\r\n            <\/div>\r\n            <div class=\"consent-table\">\r\n              <div class=\"consent-head\">\r\n                <span>User<\/span>\r\n                <span>Consent scope<\/span>\r\n                <span>Given on<\/span>\r\n                <span>Status<\/span>\r\n              <\/div>\r\n              <div class=\"consent-row\">\r\n                <span class=\"name\">J. Alvarez<\/span>\r\n                <span class=\"scope\">AI processing & chat history<\/span>\r\n                <span>Aug 12, 2026<\/span>\r\n                <span><span class=\"status-tag active\">Active<\/span><\/span>\r\n              <\/div>\r\n              <div class=\"consent-row\">\r\n                <span class=\"name\">M. Chen<\/span>\r\n                <span class=\"scope\">AI processing & chat history<\/span>\r\n                <span>Aug 3, 2026<\/span>\r\n                <span><span class=\"status-tag active\">Active<\/span><\/span>\r\n              <\/div>\r\n              <div class=\"consent-row\">\r\n                <span class=\"name\">R. Singh<\/span>\r\n                <span class=\"scope\">AI processing only<\/span>\r\n                <span>Aug 29, 2026<\/span>\r\n                <span><span class=\"status-tag expiring\">Expires soon<\/span><\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"consent-note\">Consent expires automatically after 12 months of inactivity, or immediately on\r\n              request.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 13. CANNED QUESTIONS SECTION -->\r\n    <section id=\"canned-questions\">\r\n      <canvas id=\"canned-questions-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"canned-questions-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"glow-ambient\"\r\n        style=\"width:600px; height:600px; background:radial-gradient(circle, rgba(255,122,51,0.12) 0%, transparent 70%); top:-120px; right:-120px; filter:blur(90px); pointer-events:none; position:absolute; z-index:0;\">\r\n      <\/div>\r\n      <div class=\"wrap\" style=\"position:relative; z-index:2;\">\r\n        <div class=\"section-head reveal\">\r\n          <div class=\"kicker\">Canned Questions<\/div>\r\n          <h2>Manage Canned Questions & Responses<\/h2>\r\n          <p>Users see only the questions enabled for their department. You can edit any question, adjust its\r\n            response, or turn it off entirely\u2014all while VectraIQ keeps its usage and metadata organized behind the\r\n            scenes.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"security-grid cards reveal\">\r\n          <div class=\"security-card theme-cyan card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <circle cx=\"11\" cy=\"11\" r=\"7\" \/>\r\n                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" \/>\r\n                <path d=\"M8 11h6M11 8v6\" \/>\r\n              <\/svg>\r\n              <h3>Search & filter by department<\/h3>\r\n              <p>Find any canned question instantly by its identifier or question text, then narrow the list to a single\r\n                department.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-purple card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <rect x=\"4\" y=\"4\" width=\"12\" height=\"12\" rx=\"2\" \/>\r\n                <path d=\"M8 16v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-2\" \/>\r\n              <\/svg>\r\n              <h3>15 variants, generated for you<\/h3>\r\n              <p>Enter the question once and click Generate \u2014 VectraIQ writes 15 phrasings automatically, each editable\r\n                or removable before you save.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"security-card theme-orange card\">\r\n            <div class=\"card__inner\">\r\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\r\n                <path d=\"M4 6h16M4 12h10M4 18h16\" \/>\r\n              <\/svg>\r\n              <h3>Answers that read like real pages<\/h3>\r\n              <p>Format answers with links, bold text, headings, and bullet lists \u2014 not a wall of plain text.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- 14. CONTACT \/ GET STARTED SECTION -->\r\n    <section id=\"contact\">\r\n      <canvas id=\"contact-3d-bg\" class=\"section-3d-canvas\"><\/canvas>\r\n      <div class=\"contact-bg-scrim section-bg-scrim\"><\/div>\r\n      <div class=\"glow-ambient\"\r\n        style=\"position:absolute; width:500px; height:500px; background:radial-gradient(circle, rgba(255,122,51,0.14) 0%, transparent 70%); bottom:-100px; right:0; filter:blur(90px); pointer-events:none; z-index:0;\">\r\n      <\/div>\r\n      <div class=\"wrap contact-grid reveal\">\r\n        <div class=\"contact-copy\">\r\n          <div class=\"kicker\">Get started<\/div>\r\n          <h2>See VectraIQ inside your own knowledge base.<\/h2>\r\n          <p>Tell us a bit about your organization and we'll set up a walkthrough using your own documents, not a canned\r\n            demo.<\/p>\r\n          <ul class=\"contact-list\">\r\n            <li><b>Email \u2014<\/b> hello@vectraiq.ai<\/li>\r\n            <li><b>Response time \u2014<\/b> within one business day<\/li>\r\n            <li><b>Setup \u2014<\/b> pilot environments typically live within two weeks<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"demo-form-wrapper\">\n          <style id=\"wpforms-css-vars-207\">\n\t\t\t\t#wpforms-207 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-207\"><form id=\"wpforms-form-207\" class=\"wpforms-validate wpforms-form\" data-formid=\"207\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/vectraiq\/wp-json\/wp\/v2\/pages\/19\" data-token=\"9a94f22d2cfc92b43ff040f1aa00b562\" data-token-time=\"1790790898\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-207-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_1\">First name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-207-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Jordan\" aria-errormessage=\"wpforms-207-field_1-error\" required><\/div><div id=\"wpforms-207-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_2\">Last name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-207-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Lee\" aria-errormessage=\"wpforms-207-field_2-error\" required><\/div><div id=\"wpforms-207-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_3\">Company <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-207-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Acme Corporation\" aria-errormessage=\"wpforms-207-field_3-error\" required><\/div><div id=\"wpforms-207-field_4-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_4\">Work email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-207-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" placeholder=\"jordan@company.com\" spellcheck=\"false\" aria-errormessage=\"wpforms-207-field_4-error\" required><\/div><div id=\"wpforms-207-field_5-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_5\">What are you hoping to solve?<\/label><select id=\"wpforms-207-field_5\" class=\"wpforms-field-large\" name=\"wpforms[fields][5]\"><option value=\"Knowledge management\"  class=\"choice-1 depth-1\"  >Knowledge management<\/option><option value=\"Customer or employee support\"  class=\"choice-2 depth-1\"  >Customer or employee support<\/option><option value=\"Compliance and audit\"  class=\"choice-3 depth-1\"  >Compliance and audit<\/option><option value=\"Research and analysis\"  class=\"choice-4 depth-1\"  >Research and analysis<\/option><option value=\"Other\"  class=\"choice-5 depth-1\"  >Other<\/option><\/select><\/div><div id=\"wpforms-207-field_6-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-207-field_6\">Message (optional)<\/label><textarea id=\"wpforms-207-field_6\" class=\"wpforms-field-large\" name=\"wpforms[fields][6]\" placeholder=\"A little about your use case...\" aria-errormessage=\"wpforms-207-field_6-error\" ><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"207\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1790790898.5f0da40532f36e6253b2d0476eafd7b9da59bd7b304c275cbe77db0c142e338d\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/pages\/19\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-207\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Book a demo\" aria-live=\"assertive\" value=\"wpforms-submit\">Book a demo<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":0,"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"wp:attachment":[{"href":"https:\/\/cashapona.com\/vectraiq\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}