{"id":17159,"date":"2026-06-10T15:01:17","date_gmt":"2026-06-10T08:01:17","guid":{"rendered":"https:\/\/fintelite.ai\/?page_id=17159"},"modified":"2026-06-17T10:35:12","modified_gmt":"2026-06-17T03:35:12","slug":"new-homepage","status":"publish","type":"page","link":"https:\/\/fintelite.ai\/id\/","title":{"rendered":"Fintelite AI &#8211; Documents to Data, Automated"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17159\" class=\"elementor elementor-17159\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7974850 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7974850\" 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-6e328c59\" data-id=\"6e328c59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2916b851 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2916b851\" 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-f5cd7a8\" data-id=\"f5cd7a8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-67095b43 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"67095b43\" 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-2b66a3ec\" data-id=\"2b66a3ec\" 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-5d86b0ae elementor-widget elementor-widget-html\" data-id=\"5d86b0ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n  * { font-family: 'Plus Jakarta Sans', sans-serif !important; }\n\/* \u2500\u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  :root {\n    --navy:      #1a2d4d;\n    --navy-mid:  #243a60;\n    --navy-dark: #0f1e35;\n    --blue:      #2674FF;\n    --blue-lt:   #4d8aff;\n    --accent:    #06b6d4;\n    --accent2:   #8b5cf6;\n    --white:     #ffffff;\n    --gray-50:   #f8fafc;\n    --gray-100:  #f1f5f9;\n    --gray-200:  #e2e8f0;\n    --gray-400:  #94a3b8;\n    --gray-600:  #475569;\n    --radius-sm: 8px;\n    --radius-md: 14px;\n    --radius-lg: 22px;\n    --radius-xl: 32px;\n  }\n\n  \/* \u2500\u2500\u2500 UTILITIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .container { max-width: 1400px; margin: 0 auto; padding: 0 40px; }\n  .tag {\n    display: inline-flex; align-items: center; gap: 6px;\n    background: rgba(38,116,255,.1); color: var(--blue);\n    border: 1px solid rgba(38,116,255,.2);\n    padding: 5px 14px; border-radius: 100px;\n    font-size: 12px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase;\n  }\n  .section-label {\n    display: inline-block;\n    color: var(--blue);\n    font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;\n    margin-bottom: 18px;\n  }\n  .heading-xl {\n    font-size: clamp(36px, 5vw, 64px);\n    font-weight: 800; line-height: 1.1;\n    color: var(--navy); letter-spacing: -1.5px;\n  }\n  .heading-lg {\n    font-size: clamp(28px, 4vw, 48px);\n    font-weight: 800; line-height: 1.15;\n    color: var(--navy); letter-spacing: -1px;\n  }\n  .heading-md {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700; line-height: 1.2;\n    color: var(--navy);\n  }\n  .subtext {\n    font-size: 19px; line-height: 1.7;\n    color: var(--gray-600); font-weight: 400;\n  }\n  .btn-primary {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: var(--blue);\n    color: #fff !important; font-weight: 600; font-size: 15px;\n    padding: 14px 28px; border-radius: var(--radius-md);\n    text-decoration: none; border: none; cursor: pointer;\n    transition: all .22s ease;\n    box-shadow: 0 4px 20px rgba(38,116,255,.3);\n  }\n  .btn-primary:hover {\n    background: var(--blue-lt);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(38,116,255,.4);\n  }\n  .btn-secondary {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: transparent; color: var(--blue);\n    border: 1.5px solid rgba(38,116,255,.35);\n    font-weight: 600; font-size: 15px;\n    padding: 13px 28px; border-radius: var(--radius-md);\n    text-decoration: none; cursor: pointer;\n    transition: all .22s ease;\n  }\n  .btn-secondary:hover {\n    border-color: var(--blue);\n    background: rgba(38,116,255,.05);\n    transform: translateY(-2px);\n  }\n  .btn-ghost {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: transparent;\n    color: var(--navy); font-weight: 600; font-size: 15px;\n    padding: 13px 28px; border-radius: var(--radius-md);\n    text-decoration: none; border: 1.5px solid rgba(26,45,77,.3);\n    cursor: pointer; transition: all .22s ease;\n    letter-spacing: .3px;\n  }\n  .btn-ghost:hover {\n    background: rgba(26,45,77,.05);\n    border-color: var(--navy);\n    transform: translateY(-2px);\n  }\n  .gradient-text {\n    background: linear-gradient(135deg, var(--blue) 0%, var(--accent2) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hero {\n    min-height: 100vh;\n    display: flex; align-items: center;\n    background: linear-gradient(180deg, #e8f0ff 0%, #eef4ff 30%, #f5f8ff 60%, #ffffff 100%);\n    position: relative; overflow: hidden;\n    padding: 80px 40px 60px;\n  }\n  .hero::before {\n    content: '';\n    position: absolute; inset: 0;\n    background:\n      radial-gradient(ellipse 70% 60% at 80% 20%, rgba(38,116,255,.08) 0%, transparent 60%),\n      radial-gradient(ellipse 50% 40% at 20% 80%, rgba(6,182,212,.07) 0%, transparent 55%),\n      radial-gradient(ellipse 40% 35% at 60% 70%, rgba(139,92,246,.06) 0%, transparent 55%);\n  }\n  .hero-grid {\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(var(--navy) 1px, transparent 1px),\n      linear-gradient(90deg, var(--navy) 1px, transparent 1px);\n    background-size: 60px 60px;\n    opacity: .04;\n    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%);\n    mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%);\n  }\n  .hero-inner {\n    max-width: 1400px; margin: 0 auto; width: 100%;\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 60px; align-items: center;\n    position: relative; z-index: 2;\n  }\n  .hero-content { max-width: 580px; }\n  .hero-badge {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(255,255,255,.85);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(38,116,255,.2);\n    padding: 7px 16px; border-radius: 100px;\n    font-size: 13px; font-weight: 600; color: var(--blue);\n    margin-bottom: 28px;\n    box-shadow: 0 2px 16px rgba(38,116,255,.1);\n  }\n  .hero-badge-dot {\n    width: 7px; height: 7px; border-radius: 50%;\n    background: var(--blue);\n    animation: pulse-dot 2s infinite;\n  }\n  @keyframes pulse-dot {\n    0%,100% { opacity: 1; transform: scale(1); }\n    50% { opacity: .6; transform: scale(1.3); }\n  }\n  .hero h1 {\n    font-size: clamp(38px, 5vw, 64px);\n    font-weight: 900; line-height: 1.07;\n    letter-spacing: -2px; color: var(--navy);\n    margin-bottom: 24px;\n  }\n  .hero-sub {\n    font-size: 18px; line-height: 1.7;\n    color: var(--gray-600); margin-bottom: 40px; max-width: 500px;\n  }\n  .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 52px; }\n  .hero-stats {\n    display: flex; gap: 32px;\n    padding-top: 32px;\n    border-top: 1px solid rgba(26,45,77,.1);\n  }\n  .hero-stat-val {\n    font-size: 26px; font-weight: 800; color: var(--navy);\n    letter-spacing: -1px; line-height: 1;\n  }\n  .hero-stat-label {\n    font-size: 12px; color: var(--gray-400); font-weight: 500;\n    margin-top: 4px; line-height: 1.3;\n  }\n\n  \/* Hero Visual Side *\/\n  .hero-visual {\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n  }\n  .hero-card-main {\n    background: rgba(255,255,255,.92);\n    backdrop-filter: blur(24px);\n    border-radius: var(--radius-xl);\n    border: 1px solid rgba(255,255,255,.9);\n    box-shadow:\n      0 24px 80px rgba(26,45,77,.12),\n      0 4px 16px rgba(26,45,77,.06),\n      inset 0 1px 0 rgba(255,255,255,.8);\n    padding: 28px;\n    width: 100%; max-width: 480px;\n    position: relative; z-index: 2;\n  }\n  .hero-card-topbar {\n    display: flex; align-items: center; gap: 8px;\n    margin-bottom: 20px;\n  }\n  .dot { width: 10px; height: 10px; border-radius: 50%; }\n  .dot-r { background: #ff5f57; }\n  .dot-y { background: #febc2e; }\n  .dot-g { background: #28c840; }\n  .hero-card-title {\n    font-size: 13px; font-weight: 600; color: var(--gray-400);\n    margin-left: 6px;\n  }\n  .hero-doc-preview {\n    background: var(--gray-50);\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-md);\n    padding: 16px; margin-bottom: 16px;\n  }\n  .hero-doc-line {\n    height: 8px; border-radius: 4px;\n    background: var(--gray-200); margin-bottom: 8px;\n  }\n  .hero-doc-line:last-child { width: 65%; margin: 0; }\n  .hero-arrow-row {\n    display: flex; align-items: center; justify-content: center;\n    gap: 12px; margin-bottom: 16px;\n  }\n  .hero-arrow-badge {\n    display: flex; align-items: center; gap: 6px;\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    color: #fff; padding: 8px 16px; border-radius: 100px;\n    font-size: 12px; font-weight: 700;\n    box-shadow: 0 4px 16px rgba(38,116,255,.3);\n  }\n  .hero-result-grid {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n  .hero-result-cell {\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-sm);\n    padding: 10px 12px;\n  }\n  .hero-result-cell-label {\n    font-size: 10px; font-weight: 600; color: var(--gray-400);\n    text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px;\n  }\n  .hero-result-cell-val {\n    font-size: 14px; font-weight: 700; color: var(--navy);\n  }\n  .hero-result-cell-val.green { color: #16a34a; }\n\n  \/* Floating badges *\/\n  .float-badge {\n    position: absolute;\n    background: #fff;\n    border-radius: var(--radius-md);\n    padding: 12px 16px;\n    box-shadow: 0 8px 32px rgba(26,45,77,.14);\n    border: 1px solid rgba(26,45,77,.08);\n    display: flex; align-items: center; gap: 10px;\n    z-index: 3;\n    animation: float-badge 3s ease-in-out infinite;\n  }\n  @keyframes float-badge {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n  .float-badge-1 { top: -20px; right: -20px; animation-delay: 0s; }\n  .float-badge-2 { bottom: 20px; left: -30px; animation-delay: 1s; }\n  .float-icon {\n    width: 36px; height: 36px; border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px;\n  }\n  .float-icon-blue { background: rgba(38,116,255,.12); }\n  .float-icon-green { background: rgba(22,163,74,.12); }\n  .float-badge-text-main { font-size: 15px; font-weight: 800; color: var(--navy); }\n  .float-badge-text-sub { font-size: 11px; color: var(--gray-400); font-weight: 500; }\n\n  \/* \u2500\u2500\u2500 INVOICE HERO MOCKUP (Fintelite original) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .inv-wrap {\n    position: relative; width: 100%; max-width: 420px; z-index: 2;\n  }\n  \/* Stacked cards behind for depth *\/\n  .inv-stack {\n    position: absolute; inset: 0;\n    background: rgba(255,255,255,.48);\n    border-radius: 24px;\n    border: 1px solid rgba(255,255,255,.6);\n    box-shadow: 0 6px 30px rgba(26,45,77,.08);\n  }\n  .inv-stack-1 { transform: rotate(-2.5deg) translateY(-9px) scale(.97); }\n  .inv-stack-2 { transform: rotate(1.8deg)  translateY(-4px) scale(.985); }\n\n  \/* Main invoice card *\/\n  .inv-doc {\n    position: relative; z-index: 2;\n    background: #fff;\n    border-radius: 22px;\n    border: 1px solid rgba(255,255,255,.9);\n    box-shadow: 0 20px 70px rgba(26,45,77,.16), 0 3px 12px rgba(26,45,77,.05);\n    padding: 22px 24px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  \/* Header *\/\n  .inv-header {\n    display: flex; align-items: flex-start; justify-content: space-between;\n    margin-bottom: 16px; padding-bottom: 14px;\n    border-bottom: 1px solid var(--gray-100);\n  }\n  .inv-company-row { display: flex; align-items: center; gap: 10px; }\n  .inv-avatar {\n    width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-size: 12px; font-weight: 800; letter-spacing: -.5px;\n  }\n  .inv-inv-number { font-size: 12px; font-weight: 700; color: var(--gray-400); }\n\n  \/* Placeholder skeleton lines *\/\n  .inv-line { height: 7px; border-radius: 4px; background: var(--gray-200); }\n\n  \/* Line-item rows *\/\n  .inv-items { margin: 14px 0; }\n  .inv-item-row {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 8px 0; border-bottom: 1px solid var(--gray-100);\n  }\n  .inv-item-row:last-child { border-bottom: none; }\n  .inv-item-desc { flex: 1; display: flex; flex-direction: column; gap: 5px; }\n  .inv-item-amt { font-size: 13px; font-weight: 700; color: #0f172a; white-space: nowrap; margin-left: 12px; }\n\n  \/* Total band *\/\n  .inv-total-row {\n    display: flex; justify-content: space-between; align-items: center;\n    background: var(--gray-50); border-radius: 10px;\n    padding: 11px 14px; margin-top: 14px;\n  }\n  .inv-total-label { font-size: 12px; font-weight: 700; color: #0f172a; }\n  .inv-total-val   { font-size: 18px; font-weight: 900; color: #0f172a; letter-spacing: -.5px; }\n\n  \/* Fintelite AI status bar *\/\n  .inv-status {\n    display: flex; align-items: center; gap: 8px;\n    margin-top: 14px; padding-top: 12px;\n    border-top: 1px solid var(--gray-100);\n    font-size: 11px; font-weight: 600; color: var(--gray-600);\n  }\n  .inv-status-icon {\n    width: 20px; height: 20px; border-radius: 50%;\n    background: rgba(38,116,255,.1); color: var(--blue);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 12px; flex-shrink: 0;\n  }\n  .inv-progress-bar {\n    flex: 1; height: 4px; border-radius: 2px;\n    background: var(--gray-200); overflow: hidden; margin-left: 4px;\n  }\n  .inv-progress-fill {\n    height: 100%; width: 82%; border-radius: 2px;\n    background: linear-gradient(90deg, var(--blue), var(--accent));\n  }\n\n  \/* \u2500\u2500 Date chip floating above card \u2500\u2500 *\/\n  .inv-date-chip {\n    position: absolute; top: -20px; left: 50%; transform: translateX(-50%);\n    background: var(--navy); color: #fff;\n    border-radius: 100px; padding: 6px 16px;\n    font-size: 12px; font-weight: 700;\n    display: flex; align-items: center; gap: 6px;\n    box-shadow: 0 4px 16px rgba(26,45,77,.28);\n    animation: float-badge 3.2s ease-in-out infinite;\n    z-index: 4; white-space: nowrap;\n  }\n\n  \/* \u2500\u2500 Extracted-fields panel (right side) \u2500\u2500 *\/\n  .inv-extract-panel {\n    position: absolute;\n    right: -176px; top: 50%; transform: translateY(-50%);\n    background: #fff;\n    border-radius: 18px;\n    border: 1px solid var(--gray-200);\n    box-shadow: 0 12px 48px rgba(26,45,77,.13);\n    padding: 14px 16px;\n    width: 164px;\n    animation: float-badge 4s ease-in-out infinite;\n    animation-delay: .8s;\n    z-index: 5;\n  }\n  .inv-panel-header {\n    display: flex; align-items: center; gap: 6px;\n    margin-bottom: 11px; padding-bottom: 10px;\n    border-bottom: 1px solid var(--gray-100);\n    font-size: 10px; font-weight: 700; color: var(--blue);\n    text-transform: uppercase; letter-spacing: .6px;\n  }\n  .inv-panel-dot {\n    width: 7px; height: 7px; border-radius: 50%;\n    background: var(--blue); flex-shrink: 0;\n    box-shadow: 0 0 0 3px rgba(38,116,255,.2);\n  }\n  .inv-field-row { margin-bottom: 9px; }\n  .inv-field-row:last-child { margin-bottom: 0; }\n  .inv-field-key {\n    display: block; font-size: 10px; font-weight: 600;\n    color: var(--gray-400); margin-bottom: 2px;\n  }\n  .inv-field-val {\n    display: block; font-size: 12px; font-weight: 700; color: #0f172a;\n  }\n  .inv-conf {\n    display: inline-flex; align-items: center; gap: 3px;\n    font-size: 10px; font-weight: 700; margin-top: 3px;\n    padding: 1px 8px; border-radius: 100px;\n  }\n  .inv-conf-green { background: rgba(34,197,94,.1); color: #16a34a; }\n\n  @keyframes spin { to { transform: rotate(360deg); } }\n\n  \/* \u2500\u2500\u2500 LOGO STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .logo-strip {\n    padding: 48px 0;\n    background: #fff;\n    border-top: 1px solid var(--gray-100);\n    border-bottom: 1px solid var(--gray-100);\n    overflow: hidden;\n  }\n  .logo-strip-label {\n    text-align: center;\n    font-size: 12px; font-weight: 600;\n    color: var(--gray-400); letter-spacing: 1.5px;\n    text-transform: uppercase; margin-bottom: 24px;\n  }\n  .logo-track-wrap {\n    position: relative;\n    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n  }\n  .logo-track {\n    display: flex; gap: 20px; align-items: center;\n    animation: marquee 36s linear infinite;\n    width: max-content;\n  }\n  .logo-track:hover { animation-play-state: paused; }\n  @keyframes marquee {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n  \/* Each logo card in the track *\/\n  .logo-card {\n    background: transparent;\n    border: none;\n    border-radius: 0;\n    padding: 14px 24px;\n    display: flex; align-items: center; justify-content: center;\n    min-height: 68px; min-width: 140px;\n    flex-shrink: 0;\n    transition: all .22s;\n    cursor: default;\n  }\n  .logo-card:hover {\n    background: transparent;\n  }\n  .logo-card img {\n    max-height: 34px;\n    max-width: 110px;\n    width: auto; object-fit: contain;\n    filter: none;\n    transition: filter .22s;\n    display: block;\n  }\n  .logo-card:hover img { filter: brightness(1.1); }\n  .logo-card-inner {\n    display: flex; flex-direction: column; align-items: center; gap: 4px;\n  }\n  .logo-card-mark {\n    font-size: 13px; font-weight: 800;\n    color: #64748b; letter-spacing: -.2px;\n    text-align: center; line-height: 1.15; white-space: nowrap;\n    transition: color .2s;\n  }\n  .logo-card-sub {\n    font-size: 10px; font-weight: 600; color: var(--gray-400);\n    letter-spacing: .3px; text-transform: uppercase; line-height: 1;\n  }\n  .logo-card:hover .logo-card-mark { color: var(--navy); }\n\n  \/* \u2500\u2500\u2500 DOCUMENT SHOWCASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .doc-showcase {\n    padding: 100px 40px;\n    background: #fff;\n    border-top: 1px solid var(--gray-100);\n  }\n  .doc-showcase-inner {\n    max-width: 900px; margin: 0 auto;\n    display: flex; flex-direction: column;\n    gap: 48px; align-items: center;\n  }\n  .doc-left { position: static; text-align: center; width: 100%; }\n  .doc-heading { font-size: clamp(30px, 4vw, 46px); font-weight: 900; color: var(--navy); letter-spacing: -1.5px; line-height: 1.1; margin-bottom: 18px; }\n  .doc-heading span { color: var(--blue); }\n  .doc-sub { font-size: 18px; line-height: 1.7; color: var(--gray-600); max-width: 600px; margin: 0 auto 36px; }\n  .doc-chips-label { font-size: 12px; font-weight: 700; color: var(--gray-400); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 14px; text-align: center; }\n  .doc-chips-grid {\n    display: grid;\n    grid-template-columns: repeat(4, auto);\n    gap: 9px;\n    justify-content: center;\n    justify-items: center;\n  }\n  .doc-chip {\n    display: flex; align-items: center; gap: 8px;\n    padding: 10px 14px; border-radius: 10px;\n    border: 1.5px solid var(--gray-200);\n    background: #fff; cursor: pointer;\n    font-size: 13px; font-weight: 500; color: var(--gray-600);\n    transition: all .2s ease;\n    white-space: nowrap;\n    user-select: none;\n  }\n  .doc-chip:hover { border-color: rgba(38,116,255,.3); color: var(--navy); background: rgba(38,116,255,.03); }\n  .doc-chip.active {\n    border-color: var(--blue); color: var(--blue);\n    background: rgba(38,116,255,.06);\n    font-weight: 600;\n    box-shadow: 0 0 0 3px rgba(38,116,255,.08);\n  }\n  .doc-chip-icon { font-size: 15px; flex-shrink: 0; }\n\n  \/* Right \u2014 Preview Card *\/\n  .doc-preview-card {\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-xl);\n    box-shadow: 0 8px 48px rgba(26,45,77,.08);\n    overflow: hidden;\n    transition: all .35s ease;\n    width: 100%;\n  }\n  .doc-preview-topbar {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 16px 22px;\n    border-bottom: 1px solid var(--gray-100);\n    background: var(--gray-50);\n  }\n  .doc-preview-filename {\n    display: flex; align-items: center; gap: 8px;\n    font-size: 13px; font-weight: 600; color: var(--gray-600);\n  }\n  .doc-preview-filename-icon {\n    width: 28px; height: 28px; border-radius: 7px;\n    background: rgba(38,116,255,.1);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 14px;\n  }\n  .doc-preview-tabs {\n    display: flex; gap: 0;\n    background: var(--gray-100);\n    border-radius: 8px; padding: 3px;\n  }\n  .doc-tab {\n    padding: 5px 14px; border-radius: 6px;\n    font-size: 12px; font-weight: 600; color: var(--gray-400);\n    cursor: pointer; border: none; background: transparent;\n    transition: all .18s;\n  }\n  .doc-tab.active { background: #fff; color: var(--navy); box-shadow: 0 1px 6px rgba(26,45,77,.1); }\n  .doc-tab:hover:not(.active) { color: var(--navy); }\n  .doc-preview-body { padding: 0; min-height: 380px; }\n  .doc-table { width: 100%; border-collapse: collapse; }\n  .doc-table tr { border-bottom: 1px solid var(--gray-100); transition: background .15s; }\n  .doc-table tr:last-child { border-bottom: none; }\n  .doc-table tr:hover { background: var(--gray-50); }\n  .doc-table td { padding: 13px 22px; font-size: 13px; vertical-align: top; }\n  .doc-field-name {\n    font-size: 11px; font-weight: 700; color: var(--gray-400);\n    text-transform: uppercase; letter-spacing: .8px;\n    width: 38%; white-space: nowrap;\n    padding-top: 16px;\n  }\n  .doc-field-val {\n    font-weight: 600; color: var(--navy); font-size: 14px;\n    padding-top: 14px;\n  }\n  .doc-field-val .conf {\n    display: inline-flex; align-items: center; gap: 4px;\n    margin-left: 8px;\n    font-size: 11px; font-weight: 700; color: #16a34a;\n    background: rgba(22,163,74,.1); padding: 2px 8px; border-radius: 100px;\n  }\n  .doc-preview-footer {\n    display: flex; align-items: center; justify-content: flex-end;\n    padding: 14px 22px;\n    border-top: 1px solid var(--gray-100);\n    background: var(--gray-50);\n  }\n  .doc-download-btn {\n    display: inline-flex; align-items: center; gap: 7px;\n    background: var(--navy); color: #fff;\n    padding: 9px 18px; border-radius: 9px;\n    font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase;\n    border: none; cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 3px 12px rgba(26,45,77,.2);\n  }\n  .doc-download-btn:hover { background: var(--navy-dark); transform: translateY(-1px); }\n  .doc-json-body {\n    padding: 20px 22px;\n    background: #0f172a;\n    min-height: 380px;\n    font-family: 'Courier New', monospace;\n    font-size: 12.5px; line-height: 1.75;\n    color: #e2e8f0; overflow-x: auto;\n  }\n  .jk { color: #93c5fd; }\n  .jv { color: #4ade80; }\n  .jvs { color: #fb923c; }\n  .jn { color: #a78bfa; }\n  .jc { color: #64748b; }\n  .doc-panel { display: none; }\n  .doc-panel.active { display: block; }\n\n  \/* \u2500\u2500\u2500 HOW IT WORKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .section { padding: 100px 40px; }\n  .section-center { text-align: center; max-width: 640px; margin: 0 auto 60px; }\n  .section-center .subtext { margin-top: 16px; }\n\n  \/* DocuPipe-style layout *\/\n  .hiw-body {\n    max-width: 1100px; margin: 0 auto;\n    display: grid; grid-template-columns: 320px 1fr;\n    gap: 0; align-items: start;\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n    box-shadow: 0 8px 48px rgba(26,45,77,.07);\n  }\n\n  \/* Left sidebar *\/\n  .hiw-steps {\n    border-right: 1px solid var(--gray-200);\n    padding: 8px 0;\n  }\n  .hiw-step {\n    display: flex; align-items: flex-start; gap: 16px;\n    padding: 24px 28px;\n    cursor: pointer;\n    border-left: 3px solid transparent;\n    transition: all .22s ease;\n    position: relative;\n  }\n  .hiw-step:not(:last-child)::after {\n    content: '';\n    position: absolute; bottom: 0; left: 28px; right: 28px;\n    height: 1px; background: var(--gray-100);\n  }\n  .hiw-step:hover { background: var(--gray-50); }\n  .hiw-step.active {\n    border-left-color: var(--blue);\n    background: rgba(38,116,255,.04);\n  }\n  .hiw-step-icon {\n    width: 40px; height: 40px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px; flex-shrink: 0;\n    background: var(--gray-100);\n    border: 1.5px solid var(--gray-200);\n    transition: all .22s ease;\n  }\n  .hiw-step.active .hiw-step-icon {\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    border-color: transparent;\n    box-shadow: 0 4px 16px rgba(38,116,255,.3);\n    filter: none;\n  }\n  .hiw-step:not(.active) .hiw-step-icon { opacity: .5; }\n  .hiw-step-title {\n    font-size: 15px; font-weight: 700; color: var(--navy);\n    margin-bottom: 6px; line-height: 1.3;\n    transition: color .22s;\n  }\n  .hiw-step:not(.active) .hiw-step-title { color: var(--gray-400); }\n  .hiw-step-desc {\n    font-size: 15px; line-height: 1.6; color: var(--gray-400);\n    transition: color .22s;\n  }\n  .hiw-step.active .hiw-step-desc { color: var(--gray-600); }\n  .hiw-step-pill {\n    display: inline-flex; align-items: center; gap: 5px;\n    font-size: 10px; font-weight: 700; letter-spacing: .5px;\n    text-transform: uppercase; color: var(--blue);\n    background: rgba(38,116,255,.08);\n    padding: 3px 10px; border-radius: 100px;\n    margin-top: 10px;\n  }\n\n  \/* Right preview panel *\/\n  .hiw-preview {\n    background:\n      linear-gradient(rgba(241,245,249,.6) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(241,245,249,.6) 1px, transparent 1px);\n    background-size: 40px 40px;\n    background-color: #f8fafc;\n    min-height: 480px;\n    display: flex; align-items: center; justify-content: center;\n    padding: 40px;\n    position: relative;\n    overflow: hidden;\n  }\n  .hiw-preview-img {\n    width: 100%; max-width: 600px;\n    border-radius: var(--radius-lg);\n    box-shadow: 0 24px 80px rgba(26,45,77,.14);\n    border: 1px solid rgba(255,255,255,.9);\n    transition: opacity .3s ease, transform .3s ease;\n    display: block;\n  }\n  .hiw-preview-img.fade-out { opacity: 0; transform: translateY(8px); }\n\n  \/* OLD step-pill kept for other uses *\/\n  .step-pill {\n    display: inline-flex; align-items: center; gap: 6px;\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    color: #fff; font-size: 11px; font-weight: 700;\n    padding: 4px 12px; border-radius: 100px;\n    margin-top: 20px;\n    box-shadow: 0 2px 12px rgba(38,116,255,.25);\n  }\n\n  \/* \u2500\u2500\u2500 ENTERPRISE GRID (Why Fintelite) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .enterprise-section {\n    padding: 100px 40px;\n    background: #1a3358;\n    position: relative;\n    overflow: hidden;\n  }\n  .enterprise-section::before {\n    content: '';\n    position: absolute; inset: 0;\n    background:\n      radial-gradient(ellipse 60% 50% at 20% 0%, rgba(38,116,255,.18) 0%, transparent 60%),\n      radial-gradient(ellipse 50% 40% at 85% 100%, rgba(6,182,212,.12) 0%, transparent 55%);\n    pointer-events: none;\n  }\n  .enterprise-section .section-center {\n    text-align: center; max-width: 720px; margin: 0 auto 56px; position: relative;\n  }\n  .enterprise-section .section-label {\n    color: rgba(255,255,255,.5);\n    background: rgba(255,255,255,.1);\n    border-color: rgba(255,255,255,.12);\n  }\n  .enterprise-section .heading-lg { color: #fff; }\n  \/* Grid *\/\n  .ent-grid {\n    max-width: 1400px; margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 20px;\n    position: relative;\n  }\n  .ent-span2 { grid-column: span 2; }\n  .ent-span3 { grid-column: span 3; }\n  .ent-card {\n    background: #1e3a5f;\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 20px;\n    padding: 32px 28px 28px;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n    transition: border-color .3s ease, box-shadow .3s ease;\n  }\n  .ent-card::before {\n    content: '';\n    position: absolute; inset: 0; border-radius: 20px;\n    opacity: 0;\n    transition: opacity .3s ease;\n    pointer-events: none;\n  }\n  .ent-card::before { background: radial-gradient(ellipse 80% 60% at 50% 110%, rgba(38,116,255,.22) 0%, transparent 70%); }\n  .ent-card:hover::before { opacity: 1; }\n  .ent-card:hover { border-color: rgba(38,116,255,.5); box-shadow: 0 0 40px rgba(38,116,255,.15); }\n  .ent-illus {\n    width: 100%; height: 120px;\n    border-radius: 12px;\n    margin-bottom: 22px;\n    display: flex; align-items: center; justify-content: center;\n    background: rgba(255,255,255,.1);\n    border: 1px solid rgba(255,255,255,.07);\n    transition: background .3s;\n    position: relative; overflow: hidden;\n  }\n  .ent-card:hover .ent-illus { background: rgba(255,255,255,.08); }\n  .ent-title {\n    font-size: 17px; font-weight: 800; line-height: 1.3;\n    margin-bottom: 10px; letter-spacing: -.2px;\n    color: #fff;\n  }\n  .ent-desc {\n    font-size: 17px; line-height: 1.7;\n    color: rgba(255,255,255,.48); max-width: 340px;\n  }\n  .ent-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; }\n  .ent-tag {\n    font-size: 11px; font-weight: 700; letter-spacing: .4px;\n    padding: 4px 12px; border-radius: 100px; border: 1px solid;\n  }\n  .ent-green  { color: #34d399; }\n  .ent-rose   { color: #fb7185; }\n  .ent-orange { color: #fb923c; }\n  .ent-amber  { color: #fbbf24; }\n  .ent-blue   { color: #60a5fa; }\n  .ent-tag-green  { color: #34d399; border-color: rgba(52,211,153,.3);  background: rgba(52,211,153,.08); }\n  .ent-tag-rose   { color: #fb7185; border-color: rgba(251,113,133,.3); background: rgba(251,113,133,.08); }\n  .ent-tag-orange { color: #fb923c; border-color: rgba(251,146,60,.3);  background: rgba(251,146,60,.08); }\n  .ent-tag-amber  { color: #fbbf24; border-color: rgba(251,191,36,.3);  background: rgba(251,191,36,.08); }\n  .ent-tag-blue   { color: #60a5fa; border-color: rgba(96,165,250,.3);  background: rgba(96,165,250,.08); }\n\n  \/* enterprise CTA *\/\n  .enterprise-cta {\n    text-align: center; margin-top: 52px; position: relative;\n  }\n  .enterprise-cta a {\n    color: rgba(255,255,255,.65); font-size: 15px; font-weight: 600;\n    text-decoration: none;\n    display: inline-flex; align-items: center; gap: 8px;\n    border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 2px;\n    transition: color .2s, border-color .2s;\n  }\n  .enterprise-cta a:hover { color: #fff; border-color: rgba(255,255,255,.78); }\n  \/* keep old .bento-tag for any leftover references *\/\n  .bento-tag {\n    background: rgba(38,116,255,.08); color: var(--blue);\n    border: 1px solid rgba(38,116,255,.15);\n    padding: 4px 12px; border-radius: 100px;\n    font-size: 12px; font-weight: 600;\n  }\n\n  \/* \u2500\u2500\u2500 FEATURES TAB SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .features-section {\n    padding: 100px 40px;\n    background: #fff;\n  }\n  .features-tabs {\n    display: flex; gap: 8px;\n    background: var(--gray-100);\n    border-radius: var(--radius-md);\n    padding: 6px;\n    width: fit-content; margin: 40px auto;\n  }\n  .tab-btn {\n    padding: 10px 24px; border-radius: 10px;\n    font-size: 14px; font-weight: 600; color: var(--gray-600);\n    border: none; cursor: pointer; background: transparent;\n    transition: all .2s;\n  }\n  .tab-btn.active {\n    background: #fff; color: var(--navy);\n    box-shadow: 0 2px 10px rgba(26,45,77,.1);\n  }\n  .tab-btn:hover:not(.active) { color: var(--navy); background: rgba(255,255,255,.5); }\n  .feature-panel {\n    max-width: 1400px; margin: 0 auto;\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 64px; align-items: center;\n  }\n  .feature-panel.hidden { display: none; }\n  .feature-content { }\n  .feature-list { list-style: none; margin-top: 28px; display: flex; flex-direction: column; gap: 16px; }\n  .feature-list li {\n    display: flex; gap: 14px; align-items: flex-start;\n  }\n  .feature-list-icon {\n    width: 28px; height: 28px; border-radius: 8px;\n    background: rgba(38,116,255,.1);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 14px; flex-shrink: 0; margin-top: 2px;\n  }\n  .feature-list-text h4 { font-size: 15px; font-weight: 600; color: var(--navy); margin-bottom: 2px; }\n  .feature-list-text p { font-size: 16px; color: var(--gray-600); line-height: 1.5; }\n  .feature-visual {\n    position: relative;\n    background: var(--gray-50);\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n    min-height: 400px;\n    display: flex; align-items: center; justify-content: center;\n  }\n  .feature-visual-inner { padding: 32px; width: 100%; }\n  .mock-browser-bar {\n    display: flex; gap: 6px; margin-bottom: 20px;\n  }\n  .mock-browser-btn {\n    width: 12px; height: 12px; border-radius: 50%;\n  }\n  .mock-data-row {\n    display: flex; gap: 10px; align-items: center;\n    padding: 10px 14px; border-radius: 8px;\n    background: #fff; border: 1px solid var(--gray-200);\n    margin-bottom: 8px;\n  }\n  .mock-data-icon { font-size: 16px; }\n  .mock-data-label { font-size: 13px; font-weight: 600; color: var(--navy); flex: 1; }\n  .mock-data-val { font-size: 13px; color: var(--gray-600); }\n  .mock-data-badge {\n    font-size: 11px; font-weight: 700; color: #16a34a;\n    background: rgba(22,163,74,.1); padding: 2px 8px; border-radius: 100px;\n  }\n  .code-block {\n    background: #0f172a;\n    border-radius: var(--radius-md);\n    padding: 24px; font-family: 'Courier New', monospace;\n    font-size: 13px; line-height: 1.7;\n  }\n  .code-line-green { color: #4ade80; }\n  .code-line-blue { color: #60a5fa; }\n  .code-line-yellow { color: #fbbf24; }\n  .code-line-white { color: #e2e8f0; }\n  .code-line-gray { color: #64748b; }\n\n  \/* \u2500\u2500\u2500 INDUSTRY TABS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .industry-section {\n    padding: 100px 40px;\n    background: #f8fafc;\n  }\n  \/* Tab strip *\/\n  .industry-nav {\n    display: flex; align-items: stretch;\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-md);\n    background: #fff;\n    margin: 40px auto 48px;\n    max-width: 900px;\n    overflow: hidden;\n  }\n  .industry-tab {\n    flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;\n    padding: 14px 20px;\n    font-size: 14px; font-weight: 600; color: var(--gray-400);\n    border: none; background: transparent; cursor: pointer;\n    border-right: 1px solid var(--gray-200);\n    transition: all .2s; white-space: nowrap;\n  }\n  .industry-tab:last-child { border-right: none; }\n  .industry-tab.active {\n    color: var(--blue);\n    background: rgba(38,116,255,.05);\n    border-bottom: 3px solid var(--blue);\n  }\n  .industry-tab:hover:not(.active) { color: var(--navy); background: var(--gray-50); }\n  .industry-tab svg { flex-shrink: 0; }\n\n  \/* Panel *\/\n  .industry-panel { max-width: 1400px; margin: 0 auto; }\n  .industry-panel.hidden { display: none; }\n  .industry-content {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 60px; align-items: start;\n  }\n\n  \/* Left text *\/\n  .industry-text h3 { font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 20px; line-height: 1.25; letter-spacing: -.4px; }\n  .industry-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }\n  .industry-list li {\n    display: flex; align-items: flex-start; gap: 10px;\n    font-size: 17px; color: var(--gray-600); line-height: 1.55;\n  }\n  .check-icon {\n    width: 20px; height: 20px; border-radius: 50%;\n    background: rgba(38,116,255,.1);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; margin-top: 2px; color: var(--blue);\n  }\n\n  \/* Customer quote card *\/\n  .industry-quote-card {\n    background: #fff;\n    border: 1.5px solid rgba(38,116,255,.2);\n    border-radius: var(--radius-md);\n    padding: 16px 20px;\n    margin-bottom: 24px;\n    display: flex; align-items: flex-start; gap: 14px;\n  }\n  .industry-quote-logo {\n    width: 36px; height: 36px; border-radius: 8px;\n    background: var(--navy); flex-shrink: 0;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-size: 11px; font-weight: 800; letter-spacing: -.3px;\n  }\n  .industry-quote-text { font-size: 13px; font-weight: 600; color: var(--navy); line-height: 1.5; }\n  .industry-learn {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 15px; font-weight: 700; color: var(--navy);\n    text-decoration: none; transition: gap .2s;\n  }\n  .industry-learn:hover { gap: 10px; }\n\n  \/* Right widget *\/\n  .industry-widget {\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n    box-shadow: 0 4px 32px rgba(26,45,77,.08);\n  }\n  .ind-widget-bar {\n    background: var(--gray-50);\n    border-bottom: 1px solid var(--gray-200);\n    padding: 12px 20px;\n    display: flex; align-items: center; gap: 10px;\n    font-size: 13px; font-weight: 600; color: var(--gray-600);\n  }\n  .ind-widget-step {\n    width: 22px; height: 22px; border-radius: 50%;\n    background: rgba(38,116,255,.1); color: var(--blue);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 11px; font-weight: 800; flex-shrink: 0;\n  }\n  .ind-widget-dots { margin-left: auto; display: flex; gap: 4px; }\n  .ind-widget-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--gray-300); }\n  .ind-widget-body { padding: 28px 28px 24px; }\n  .ind-widget-meta { font-size: 11px; font-weight: 700; color: var(--gray-400); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 12px; }\n  .ind-widget-status { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: var(--blue); }\n  .ind-widget-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); animation: pulse-dot 1.8s ease-in-out infinite; }\n  @keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.7)} }\n  .ind-metric-row { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 12px; }\n  .ind-metric-num { font-size: 48px; font-weight: 900; color: var(--blue); letter-spacing: -2px; line-height: 1; }\n  .ind-metric-bar-wrap { width: 100%; height: 6px; background: var(--gray-200); border-radius: 3px; margin-bottom: 20px; }\n  .ind-metric-bar { height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--blue), var(--accent)); }\n  .ind-widget-fields { display: flex; flex-direction: column; gap: 10px; }\n  .ind-widget-field {\n    display: flex; align-items: center; gap: 10px;\n    padding: 10px 14px;\n    background: var(--gray-50); border-radius: 10px;\n    border: 1px solid var(--gray-100);\n  }\n  .ind-field-icon {\n    width: 28px; height: 28px; border-radius: 8px;\n    background: rgba(38,116,255,.1); color: var(--blue);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .ind-field-label { font-size: 12px; font-weight: 600; color: var(--gray-600); flex: 1; }\n  .ind-field-val { font-size: 13px; font-weight: 700; color: var(--navy); }\n  .ind-field-conf { font-size: 11px; font-weight: 700; color: #16a34a; background: rgba(22,163,74,.1); padding: 2px 8px; border-radius: 100px; }\n\n  \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .testimonials-section {\n    padding: 100px 40px;\n    background: var(--navy);\n    position: relative; overflow: hidden;\n  }\n  .testimonials-section::before {\n    content: '';\n    position: absolute; inset: 0;\n    background:\n      radial-gradient(ellipse 60% 50% at 0% 50%, rgba(38,116,255,.2) 0%, transparent 55%),\n      radial-gradient(ellipse 50% 40% at 100% 20%, rgba(139,92,246,.15) 0%, transparent 55%);\n  }\n  .testimonials-section .section-center { position: relative; z-index: 1; }\n  .testimonials-section .section-label { background: rgba(255,255,255,.1); color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.15); }\n  .testimonials-section .heading-lg { color: #fff; }\n  .testimonials-section .subtext { color: rgba(255,255,255,.78); }\n  .testimonials-grid {\n    max-width: 1400px; margin: 0 auto;\n    display: grid; grid-template-columns: 1.4fr 1fr 1fr;\n    gap: 20px; position: relative; z-index: 1;\n  }\n  .testimonial-card {\n    background: rgba(255,255,255,.1);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: var(--radius-lg);\n    padding: 32px;\n    transition: all .3s;\n  }\n  .testimonial-card:hover {\n    background: rgba(255,255,255,.11);\n    transform: translateY(-4px);\n  }\n  .testimonial-card.featured {\n    background: rgba(255,255,255,.1);\n    border-color: rgba(255,255,255,.2);\n  }\n  .stars { color: #fbbf24; font-size: 16px; letter-spacing: 2px; margin-bottom: 16px; }\n  .testimonial-quote {\n    font-size: 18px; line-height: 1.7;\n    color: rgba(255,255,255,.85); margin-bottom: 24px;\n    font-style: italic;\n  }\n  .testimonial-card.featured .testimonial-quote { font-size: 20px; }\n  .testimonial-author { display: flex; align-items: center; gap: 12px; }\n  .author-avatar {\n    width: 44px; height: 44px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px; font-weight: 800; color: #fff;\n    flex-shrink: 0;\n  }\n  .av-blue { background: linear-gradient(135deg, var(--blue), var(--accent)); }\n  .av-purple { background: linear-gradient(135deg, var(--accent2), #ec4899); }\n  .av-teal { background: linear-gradient(135deg, var(--accent), #16a34a); }\n  .author-name { font-size: 14px; font-weight: 700; color: #fff; }\n  .author-role { font-size: 12px; color: rgba(255,255,255,.5); }\n  .testimonial-badge {\n    display: inline-flex; align-items: center; gap: 6px;\n    background: rgba(38,116,255,.2);\n    border: 1px solid rgba(38,116,255,.3);\n    color: var(--blue-lt); padding: 4px 12px; border-radius: 100px;\n    font-size: 11px; font-weight: 600;\n    margin-bottom: 16px;\n  }\n\n  \/* \u2500\u2500\u2500 NEWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .news-section { padding: 100px 40px; background: #fff; }\n  .news-grid {\n    max-width: 1400px; margin: 0 auto;\n    display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;\n  }\n  .news-card {\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    transition: all .3s;\n  }\n  .news-card:hover {\n    border-color: rgba(38,116,255,.2);\n    box-shadow: 0 12px 48px rgba(38,116,255,.07);\n    transform: translateY(-4px);\n  }\n  .news-thumb {\n    height: 180px;\n    display: block;\n    overflow: hidden;\n    background: linear-gradient(135deg, rgba(38,116,255,.06), rgba(6,182,212,.06));\n  }\n  .news-thumb img {\n    width: 100%; height: 100%; object-fit: cover;\n    display: block; transition: transform .35s ease;\n  }\n  .news-card:hover .news-thumb img { transform: scale(1.04); }\n  .news-thumb-placeholder {\n    width: 100%; height: 100%;\n    display: flex; align-items: center; justify-content: center;\n    background: linear-gradient(135deg, rgba(38,116,255,.08), rgba(6,182,212,.08));\n  }\n  .news-thumb-placeholder svg { opacity: .25; }\n  .news-body { padding: 24px; }\n  .news-tag {\n    display: inline-block;\n    background: rgba(38,116,255,.08); color: var(--blue);\n    padding: 3px 10px; border-radius: 100px;\n    font-size: 11px; font-weight: 700; letter-spacing: .5px;\n    text-transform: uppercase; margin-bottom: 10px;\n  }\n  .news-card h4 { font-size: 17px; font-weight: 700; color: var(--navy); line-height: 1.4; margin-bottom: 10px; }\n  .news-card p { font-size: 14px; color: var(--gray-600); line-height: 1.6; margin-bottom: 16px; }\n  .news-date { font-size: 12px; color: var(--gray-400); font-weight: 500; }\n  .news-link {\n    display: inline-flex; align-items: center; gap: 4px;\n    color: var(--blue); font-size: 13px; font-weight: 600;\n    text-decoration: none; margin-top: 12px;\n  }\n  .news-link:hover { gap: 8px; }\n\n  \/* \u2500\u2500\u2500 CTA BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @keyframes cta-orb-1 {\n    0%,100% { transform: translate(0, 0) scale(1); }\n    33%      { transform: translate(60px, -40px) scale(1.15); }\n    66%      { transform: translate(-40px, 30px) scale(0.9); }\n  }\n  @keyframes cta-orb-2 {\n    0%,100% { transform: translate(0, 0) scale(1); }\n    40%      { transform: translate(-70px, 50px) scale(1.2); }\n    70%      { transform: translate(50px, -30px) scale(0.85); }\n  }\n  @keyframes cta-orb-3 {\n    0%,100% { transform: translate(0, 0) scale(1); }\n    50%      { transform: translate(40px, 60px) scale(1.1); }\n  }\n  @keyframes cta-gradient-shift {\n    0%,100% { background-position: 0% 50%; }\n    50%      { background-position: 100% 50%; }\n  }\n  .cta-section {\n    padding: 100px 40px;\n    background: #f0f5ff;\n    position: relative; overflow: hidden; text-align: center;\n  }\n  .cta-orb {\n    position: absolute; border-radius: 50%;\n    filter: blur(40px); pointer-events: none;\n  }\n  .cta-orb-1 {\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(38,116,255,.45) 0%, rgba(38,116,255,.0) 70%);\n    top: -160px; left: -120px;\n    transition: transform 0s;\n  }\n  .cta-orb-2 {\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, rgba(6,182,212,.38) 0%, rgba(6,182,212,0) 70%);\n    bottom: -120px; right: -80px;\n    transition: transform 0s;\n  }\n  .cta-orb-3 {\n    width: 380px; height: 380px;\n    background: radial-gradient(circle, rgba(6,182,212,.28) 0%, rgba(6,182,212,0) 70%);\n    top: 40%; right: 15%;\n    transition: transform 0s;\n  }\n  .cta-grid-overlay {\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(38,116,255,.07) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(38,116,255,.07) 1px, transparent 1px);\n    background-size: 48px 48px;\n    -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 20%, transparent 100%);\n    mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 20%, transparent 100%);\n    pointer-events: none;\n  }\n  .cta-inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }\n  .cta-section h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 900; color: var(--navy); letter-spacing: -1.5px; margin-bottom: 40px; line-height: 1.1; white-space: nowrap; }\n  .cta-section p { font-size: 18px; color: var(--gray-600); line-height: 1.7; margin-bottom: 40px; }\n  .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n  .btn-white {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: var(--navy); color: #fff !important;\n    font-weight: 700; font-size: 15px;\n    padding: 15px 30px; border-radius: var(--radius-md);\n    text-decoration: none; transition: all .22s;\n    box-shadow: 0 4px 20px rgba(26,45,77,.25);\n    letter-spacing: .3px;\n  }\n  .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(26,45,77,.35); background: var(--navy-dark); color: #fff !important; }\n  .cta-trust {\n    display: flex; align-items: center; justify-content: center;\n    gap: 20px; margin-top: 48px; flex-wrap: wrap;\n  }\n  .cta-trust-item {\n    display: flex; align-items: center; gap: 7px;\n    font-size: 13px; color: var(--gray-600);\n  }\n  .cta-trust-icon { font-size: 16px; }.footer-inner {\n    max-width: 1400px; margin: 0 auto;\n    display: grid; grid-template-columns: 2fr repeat(4, 1fr);\n    gap: 40px; padding-bottom: 48px;\n    border-bottom: 1px solid rgba(255,255,255,.07);\n  }\n  .footer-brand-logo {\n    display: flex; align-items: center; gap: 10px;\n    font-weight: 800; font-size: 20px; color: #fff;\n    text-decoration: none; margin-bottom: 16px;\n  }\n  .footer-brand-logo-icon {\n    width: 34px; height: 34px;\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    border-radius: 9px;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-size: 14px; font-weight: 900;\n  }\n  .footer-tagline {\n    font-size: 14px; color: rgba(255,255,255,.78);\n    line-height: 1.6; max-width: 260px; margin-bottom: 24px;\n  }\n  .footer-social {\n    display: flex; gap: 10px;\n  }\n  .footer-social-btn {\n    width: 36px; height: 36px; border-radius: 9px;\n    background: rgba(255,255,255,.08);\n    border: 1px solid rgba(255,255,255,.1);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 14px; color: rgba(255,255,255,.78);\n    text-decoration: none; transition: all .2s;\n  }\n  .footer-social-btn:hover { background: rgba(255,255,255,.15); color: #fff; }\n  .footer-col-title {\n    font-size: 13px; font-weight: 700; color: #fff;\n    text-transform: uppercase; letter-spacing: .8px;\n    margin-bottom: 16px;\n  }\n  .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n  .footer-links a {\n    font-size: 14px; color: rgba(255,255,255,.78);\n    text-decoration: none; transition: color .18s;\n  }\n  .footer-links a:hover { color: rgba(255,255,255,.85); }\n  .footer-bottom {\n    max-width: 1400px; margin: 32px auto 0;\n    display: flex; align-items: center; justify-content: space-between;\n    flex-wrap: wrap; gap: 12px;\n  }\n  .footer-copy { font-size: 13px; color: rgba(255,255,255,.3); }\n  .footer-legal { display: flex; gap: 20px; }\n  .footer-legal a { font-size: 13px; color: rgba(255,255,255,.3); text-decoration: none; transition: color .18s; }\n  .footer-legal a:hover { color: rgba(255,255,255,.78); }\n  .cert-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }\n  .cert-badge {\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.1);\n    padding: 5px 12px; border-radius: 8px;\n    font-size: 11px; font-weight: 700; color: rgba(255,255,255,.5);\n    letter-spacing: .5px;\n  }\n\n  \/* \u2500\u2500\u2500 ANNOTATIONS LEGEND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .annotation-bar {\n    background: #fef9c3;\n    border-bottom: 2px solid #fbbf24;\n    padding: 12px 24px;\n    font-size: 13px;\n    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\n    position: sticky; top: 68px; z-index: 99;\n  }\n  .annotation-bar strong { color: #92400e; }\n  .ann-chip {\n    background: #fff; border: 1px solid #fbbf24;\n    padding: 3px 10px; border-radius: 6px;\n    font-size: 12px; font-weight: 600; color: #78350f;\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* \u2500\u2500 TABLET (\u22641024px) \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .container { padding: 0 20px; }\n    .hero { padding: 100px 20px 60px; }\n    .hero-inner { gap: 40px; }\n    .hero h1 { font-size: clamp(34px, 4.5vw, 52px); }\n    .hero-sub { font-size: 16px; }\n    .hero-card-main { max-width: 380px; padding: 22px; }\n    .float-badge-1 { top: -10px; right: -10px; }\n    .float-badge-2 { bottom: 10px; left: -10px; }\n    .section { padding: 80px 20px; }\n    .bento-grid { gap: 16px; }\n    .feature-panel { gap: 28px; }\n    .ent-grid { gap: 0; }\n    .industry-nav { gap: 8px; }\n    .industry-nav-btn { padding: 8px 16px; font-size: 13px; }\n    .testimonials-grid { gap: 20px; }\n    .news-grid { gap: 20px; }\n    .footer-inner { gap: 40px; }\n    .doc-showcase-inner { gap: 40px; }\n    .hiw-body { gap: 0; }\n    .hiw-steps { padding: 28px; }\n    .hiw-preview { padding: 28px; }\n    \/* Stats bar \u2014 2-column on tablet *\/\n    .stats-bar-inner { grid-template-columns: 1fr 1px 1fr; }\n    .stats-bar-divider-3, .stats-bar-stat-3 { display: none; }\n  }\n\n  \/* \u2500\u2500 MOBILE (\u2264768px) \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    \/* Global spacing *\/\n    .container { padding: 0 16px; }\n    .section { padding: 60px 16px; }\n    .section-center { margin-bottom: 40px; }\n\n    \/* Hero *\/\n    .hero { padding: 90px 16px 50px; min-height: auto; }\n    .hero-inner { grid-template-columns: 1fr; gap: 0; }\n    .hero-visual { display: none; }\n    .hero-content { max-width: 100%; }\n    .hero h1 { font-size: clamp(30px, 8vw, 42px); letter-spacing: -1.2px; }\n    .hero-sub { font-size: 15px; margin-bottom: 28px; }\n    .hero-ctas { gap: 10px; flex-direction: column; align-items: flex-start; }\n    .hero-ctas .btn-primary, .hero-ctas .btn-secondary { width: 100%; justify-content: center; }\n    .hero-stats { gap: 20px; flex-wrap: wrap; padding-top: 24px; }\n    .hero-stat-val { font-size: 22px; }\n\n    \/* \u2605 Hide \"Less Effort. More Returns.\" stats bar on mobile *\/\n    .less-effort-section { display: none !important; }\n\n    \/* Logo strip *\/\n    .logo-strip { padding: 32px 16px; }\n    .logo-strip-label { font-size: 12px; margin-bottom: 20px; }\n    .logo-row { gap: 20px; flex-wrap: wrap; justify-content: center; }\n    .logo-item { opacity: 0.5; }\n\n    \/* Doc showcase *\/\n    .doc-showcase { padding: 60px 16px; }\n    .doc-showcase-inner { grid-template-columns: 1fr; gap: 32px; }\n    .doc-showcase-text { text-align: center; }\n    .doc-chips-grid { grid-template-columns: repeat(2, auto); justify-content: center; }\n\n    \/* How it works *\/\n    .hiw-body { grid-template-columns: 1fr; }\n    .hiw-steps { border-right: none; border-bottom: 1px solid var(--gray-200); padding: 20px; }\n    .hiw-step { padding: 14px 16px; }\n    .hiw-preview { min-height: 240px; padding: 20px; }\n\n    \/* Enterprise grid *\/\n    .ent-grid { grid-template-columns: 1fr; }\n    .ent-c1,.ent-c2,.ent-c3,.ent-c4,.ent-c5 { grid-column: 1; border-right: none; padding: 28px 20px; }\n    .ent-c2,.ent-c3,.ent-c4 { border-bottom: 1px solid rgba(255,255,255,.09); }\n    .ent-c5 { border-bottom: none; }\n\n    \/* Features \/ bento *\/\n    .bento-grid { grid-template-columns: 1fr; gap: 12px; }\n    .bento-hero { grid-column: span 1; grid-row: span 1; }\n    .feature-panel { grid-template-columns: 1fr; gap: 24px; }\n\n    \/* Industry tabs *\/\n    .industry-nav { flex-wrap: wrap; gap: 8px; justify-content: flex-start; padding: 0 16px; }\n    .industry-nav-btn { font-size: 12px; padding: 7px 14px; }\n    .industry-content { grid-template-columns: 1fr; gap: 24px; }\n\n    \/* Testimonials *\/\n    .testimonials-grid { grid-template-columns: 1fr; gap: 16px; }\n    .testimonial-card { padding: 24px 20px; }\n\n    \/* News *\/\n    .news-grid { grid-template-columns: 1fr; gap: 16px; }\n    .news-card { padding: 24px 20px; }\n\n    \/* CTA section *\/\n    .cta-section { padding: 60px 16px; text-align: center; }\n    .cta-section h2 { font-size: clamp(26px, 7vw, 40px); white-space: normal; }\n    .cta-section p { font-size: 15px; }\n    .cta-btns { flex-direction: column; align-items: center; gap: 12px; }\n    .cta-btns .btn-primary, .cta-btns .btn-secondary { width: 100%; max-width: 320px; justify-content: center; }\n\n    \/* Footer *\/\n    .footer-inner { grid-template-columns: 1fr; gap: 32px; }\n    .footer-col { text-align: left; }\n\n    \/* Nav *\/\n    .nav-links { display: none; }\n    .nav-btn-book { display: none; }\n    .nav-mobile-toggle { display: flex; }\n\n    \/* Typography scale down *\/\n    .heading-xl { font-size: clamp(28px, 7vw, 40px); letter-spacing: -1px; }\n    .heading-lg { font-size: clamp(24px, 6vw, 36px); }\n    .heading-md { font-size: clamp(20px, 5vw, 28px); }\n    .subtext { font-size: 17px; }\n    .btn-primary, .btn-secondary, .btn-ghost { font-size: 14px; padding: 12px 22px; }\n  }\n\n  \/* \u2500\u2500 SMALL MOBILE (\u2264480px) \u2500\u2500 *\/\n  @media (max-width: 480px) {\n    .hero h1 { font-size: clamp(26px, 9vw, 36px); }\n    .hero-stats { gap: 16px; }\n    .hero-stat-val { font-size: 20px; }\n    .section { padding: 48px 16px; }\n    .section-center { margin-bottom: 32px; }\n    .industry-nav-btn { font-size: 11px; padding: 6px 12px; }\n    .float-badge { display: none; }\n  }\/* Remove extra top padding since nav is hidden *\/\n  .hero { padding-top: 72px !important; }\n\n  \/* \u2500\u2500\u2500 NAVBAR styles (kept for reference) \u2500\u2500\u2500 *\/\n  nav.show {\n    position: fixed; top: 0; left: 0; right: 0;\n    z-index: 1000;\n    background: rgba(255,255,255,0.92);\n    backdrop-filter: blur(18px) saturate(160%);\n    -webkit-backdrop-filter: blur(18px) saturate(160%);\n    border-bottom: 1px solid rgba(26,45,77,0.07);\n    transition: box-shadow .25s ease, background .25s ease;\n  }\n  nav.scrolled {\n    background: rgba(255,255,255,0.97);\n    box-shadow: 0 4px 32px rgba(26,45,77,.1);\n  }\n  .nav-inner {\n    max-width: 1400px; margin: 0 auto;\n    padding: 0 24px;\n    height: 68px;\n    display: flex; align-items: center;\n    gap: 0;\n  }\n\n  \/* Logo *\/\n  .nav-logo {\n    display: flex; align-items: center; gap: 9px;\n    text-decoration: none; flex-shrink: 0;\n    margin-right: 36px;\n  }\n  .nav-logo-icon {\n    width: 34px; height: 34px;\n    background: linear-gradient(135deg, var(--blue), var(--accent));\n    border-radius: 9px;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-size: 15px; font-weight: 900;\n    box-shadow: 0 4px 12px rgba(38,116,255,.28);\n    flex-shrink: 0;\n  }\n  .nav-logo-text {\n    font-size: 17px; font-weight: 800;\n    color: var(--navy); letter-spacing: -.3px;\n  }\n\n  \/* Nav links *\/\n  .nav-links {\n    display: flex; align-items: center;\n    list-style: none; gap: 2px;\n    flex: 1;\n  }\n  .nav-links li a {\n    display: block;\n    padding: 8px 13px;\n    font-size: 14px; font-weight: 500;\n    color: var(--gray-600);\n    text-decoration: none;\n    border-radius: 8px;\n    transition: color .18s, background .18s;\n    white-space: nowrap;\n  }\n  .nav-links li a:hover {\n    color: var(--navy);\n    background: rgba(26,45,77,.05);\n  }\n\n  \/* Right side *\/\n  .nav-right {\n    display: flex; align-items: center;\n    gap: 8px; flex-shrink: 0; margin-left: auto;\n  }\n\n  \/* Language switcher \u2014 TranslatePress style *\/\n  .lang-switcher {\n    position: relative; display: flex; align-items: center;\n  }\n  .lang-switcher-btn {\n    display: flex; align-items: center; gap: 6px;\n    padding: 7px 11px;\n    background: transparent;\n    border: 1px solid var(--gray-200);\n    border-radius: 8px;\n    font-size: 13px; font-weight: 500; color: var(--gray-600);\n    cursor: pointer; transition: all .18s;\n    white-space: nowrap;\n  }\n  .lang-switcher-btn:hover {\n    border-color: rgba(38,116,255,.35);\n    color: var(--navy);\n    background: rgba(38,116,255,.04);\n  }\n  .lang-flag { font-size: 16px; line-height: 1; }\n  .lang-code { font-size: 12px; font-weight: 600; letter-spacing: .4px; }\n  .lang-chevron {\n    width: 12px; height: 12px; opacity: .5;\n    transition: transform .18s;\n  }\n  .lang-switcher.open .lang-chevron { transform: rotate(180deg); }\n\n  .lang-dropdown {\n    display: none;\n    position: absolute; top: calc(100% + 8px); right: 0;\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(26,45,77,.12), 0 2px 8px rgba(26,45,77,.06);\n    min-width: 160px;\n    overflow: hidden;\n    z-index: 200;\n  }\n  .lang-switcher.open .lang-dropdown { display: block; }\n  .lang-option {\n    display: flex; align-items: center; gap: 10px;\n    padding: 10px 14px;\n    font-size: 13px; font-weight: 500; color: var(--gray-600);\n    cursor: pointer; transition: background .15s;\n    text-decoration: none;\n  }\n  .lang-option:hover { background: var(--gray-50); color: var(--navy); }\n  .lang-option.active {\n    color: var(--blue); font-weight: 600;\n    background: rgba(38,116,255,.05);\n  }\n  .lang-option-name { flex: 1; }\n  .lang-active-dot {\n    width: 6px; height: 6px; border-radius: 50%;\n    background: var(--blue); flex-shrink: 0;\n  }\n\n  \/* Nav CTA buttons *\/\n  .nav-btn-book {\n    display: inline-flex; align-items: center;\n    padding: 8px 16px;\n    font-size: 13px; font-weight: 600;\n    color: var(--gray-600);\n    background: transparent;\n    border: 1px solid var(--gray-200);\n    border-radius: 8px;\n    text-decoration: none;\n    transition: all .18s;\n    white-space: nowrap;\n  }\n  .nav-btn-book:hover {\n    border-color: rgba(38,116,255,.35);\n    color: var(--blue);\n    background: rgba(38,116,255,.04);\n  }\n  .nav-btn-try {\n    display: inline-flex; align-items: center; gap: 5px;\n    padding: 8px 18px;\n    font-size: 13px; font-weight: 600;\n    color: #fff;\n    background: var(--blue);\n    border: none; border-radius: 8px;\n    text-decoration: none;\n    transition: all .2s;\n    box-shadow: 0 3px 14px rgba(38,116,255,.32);\n    white-space: nowrap;\n  }\n  .nav-btn-try:hover {\n    background: var(--blue-lt);\n    transform: translateY(-1px);\n    box-shadow: 0 6px 22px rgba(38,116,255,.42);\n  }\n  .nav-btn-try svg { transition: transform .18s; }\n  .nav-btn-try:hover svg { transform: translateX(3px); }\n\n  \/* Mobile hamburger *\/\n  .nav-mobile-toggle {\n    display: none;\n    background: none; border: none; cursor: pointer;\n    padding: 6px; color: var(--navy);\n  }\n  @media (max-width: 900px) {\n    .nav-links { display: none; }\n    .nav-btn-book { display: none; }\n    .nav-mobile-toggle { display: flex; }\n  }\n\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-grid\"><\/div>\n  <div class=\"hero-inner\">\n\n    <!-- Left: Content -->\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\">\n        <span class=\"hero-badge-dot\"><\/span>\n        Document AI Solutions\n      <\/div>\n\n      <h1>Turn Any Document into <span class=\"gradient-text\">Clean Data<\/span> in Seconds<\/h1>\n\n      <p class=\"hero-sub\">Define what data you need, upload files, and export it clean. That's all it takes to pull structured data from even the most complex documents.<\/p>\n\n      <div class=\"hero-ctas\">\n        <a href=\"https:\/\/calendly.com\/bd--gha\" class=\"btn-primary\">Book Demo \u2192<\/a>\n        <a href=\"https:\/\/fintelite.ai\/trial-our-product-for-free\/\" class=\"btn-secondary\">Try for Free<\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- Right: Invoice Visual -->\n    <div class=\"hero-visual\">\n\n      <div class=\"inv-wrap\">\n\n        <!-- Stacked depth cards -->\n        <div class=\"inv-stack inv-stack-1\"><\/div>\n        <div class=\"inv-stack inv-stack-2\"><\/div>\n\n        <!-- Floating date chip above card -->\n        <div class=\"inv-date-chip\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\" style=\"opacity:.8\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\"\/><path d=\"M5 1v3M11 1v3M2 7h12\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n          5\/31\/2025\n        <\/div>\n\n        <!-- Main invoice document -->\n        <div class=\"inv-doc\">\n\n          <!-- Header -->\n          <div class=\"inv-header\">\n            <div class=\"inv-company-row\">\n              <div class=\"inv-avatar\">BS<\/div>\n              <div>\n                <div style=\"font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;\">Blue Holdings<\/div>\n                <div style=\"font-size:11px;color:#94a3b8;font-weight:500;margin-top:2px;\">billing@bluesapphire.co<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"text-align:right;\">\n              <div class=\"inv-inv-number\">INV-2024-0324<\/div>\n              <div style=\"font-size:10px;color:#94a3b8;margin-top:3px;\">Due 5\/31\/2025<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Bill-to skeleton -->\n          <div style=\"margin-bottom:14px;display:flex;flex-direction:column;gap:5px;\">\n            <div class=\"inv-line\" style=\"width:48px;height:5px;opacity:.5;\"><\/div>\n            <div class=\"inv-line\" style=\"width:130px;\"><\/div>\n            <div class=\"inv-line\" style=\"width:100px;height:5px;opacity:.7;\"><\/div>\n          <\/div>\n\n          <!-- Line items -->\n          <div class=\"inv-items\">\n            <div class=\"inv-item-row\">\n              <div class=\"inv-item-desc\">\n                <div class=\"inv-line\" style=\"width:115px;\"><\/div>\n                <div class=\"inv-line\" style=\"width:78px;height:5px;opacity:.5;\"><\/div>\n              <\/div>\n              <div class=\"inv-item-amt\">$8,500.00<\/div>\n            <\/div>\n            <div class=\"inv-item-row\">\n              <div class=\"inv-item-desc\">\n                <div class=\"inv-line\" style=\"width:95px;\"><\/div>\n                <div class=\"inv-line\" style=\"width:60px;height:5px;opacity:.5;\"><\/div>\n              <\/div>\n              <div class=\"inv-item-amt\">$6,500.00<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Total -->\n          <div class=\"inv-total-row\">\n            <div class=\"inv-total-label\">Total Amount<\/div>\n            <div class=\"inv-total-val\">$15,000.00<\/div>\n          <\/div>\n\n          <!-- Fintelite AI status -->\n          <div class=\"inv-status\">\n            <div class=\"inv-status-icon\">\u2726<\/div>\n            <span>Fintelite AI extracting<\/span>\n            <div class=\"inv-progress-bar\"><div class=\"inv-progress-fill\"><\/div><\/div>\n          <\/div>\n\n        <\/div><!-- \/inv-doc -->\n\n        <!-- Extracted fields panel -->\n        <div class=\"inv-extract-panel\">\n          <div class=\"inv-panel-header\">\n            <div class=\"inv-panel-dot\"><\/div>\n            Extracted\n          <\/div>\n          <div class=\"inv-field-row\">\n            <span class=\"inv-field-key\">Vendor<\/span>\n            <span class=\"inv-field-val\">Blue Holdings<\/span>\n            <span class=\"inv-conf inv-conf-green\">\u2713 99%<\/span>\n          <\/div>\n          <div class=\"inv-field-row\">\n            <span class=\"inv-field-key\">Invoice No.<\/span>\n            <span class=\"inv-field-val\">INV-2024-0324<\/span>\n            <span class=\"inv-conf inv-conf-green\">\u2713 98%<\/span>\n          <\/div>\n          <div class=\"inv-field-row\">\n            <span class=\"inv-field-key\">Total<\/span>\n            <span class=\"inv-field-val\">$15,000.00<\/span>\n            <span class=\"inv-conf inv-conf-green\">\u2713 99%<\/span>\n          <\/div>\n          <div class=\"inv-field-row\">\n            <span class=\"inv-field-key\">Due Date<\/span>\n            <span class=\"inv-field-val\">5\/31\/2025<\/span>\n            <span class=\"inv-conf inv-conf-green\">\u2713 97%<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/inv-wrap -->\n\n    <\/div><!-- \/hero-visual -->\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LOGO STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"logo-strip\">\n  <p class=\"logo-strip-label\">Trusted by leading enterprises &amp; high-growth startups across APAC<\/p>\n  <div class=\"logo-track-wrap\">\n  <div class=\"logo-track\">\n  <!-- SET 1 -->\n\n    <!-- ============================================================\n         HOW TO ADD YOUR LOGOS:\n         1. Go to WordPress Dashboard \u2192 Media \u2192 Add New\n         2. Upload the logo file (PNG\/SVG recommended, transparent bg)\n         3. Click the uploaded file \u2192 copy the \"File URL\"\n         4. Paste it into the src=\"\" attribute below for that company\n         ============================================================ -->\n\n    <!-- 1. AWS \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png\"\n        alt=\"AWS\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">AWS<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2. ANZ \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281193-e1758867294916.png\"\n        alt=\"ANZ\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">ANZ<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. CIMB Bank \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/CIMB_Niaga_logo.svg-1-1-1.svg\"\n        alt=\"CIMB Bank\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">CIMB Bank<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4. Blu by BCA \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/lg-66ed151cd840a-blu-by-BCA-1-1.svg\"\n        alt=\"Blu by BCA\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">Blu by BCA<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 5. KB Bank \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/kb-logo-2-1-1-1.svg\"\n        alt=\"KB Bank\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">KB Bank<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 6. Permata Bank \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281189-e1758867026636.png\"\n        alt=\"Permata Bank\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">Permata Bank<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 7. TeaLive \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/logo-tealive-03-1-1-1.svg\"\n        alt=\"TeaLive\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">TeaLive<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 8. SharkNinja \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281194-e1758867313129.png\"\n        alt=\"SharkNinja\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">SharkNinja<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 9. Qazwa \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281184-e1758866932379.png\"\n        alt=\"Qazwa\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">Qazwa<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 10. Duha Syariah \u2014 upload logo \u2192 paste URL in src below -->\n    <div class=\"logo-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281185-e1758866949738.png\"\n        alt=\"Duha Syariah\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div class=\"logo-card-inner\" style=\"display:none\">\n        <div class=\"logo-card-mark\">Duha Syariah<\/div>\n      <\/div>\n    <\/div>\n\n  <!-- SET 2 \u2014 duplicate for seamless loop -->\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png\" alt=\"AWS\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">AWS<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281193-e1758867294916.png\" alt=\"ANZ\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">ANZ<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/CIMB_Niaga_logo.svg-1-1-1.svg\" alt=\"CIMB Bank\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">CIMB Bank<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/lg-66ed151cd840a-blu-by-BCA-1-1.svg\" alt=\"Blu by BCA\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">Blu by BCA<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/kb-logo-2-1-1-1.svg\" alt=\"KB Bank\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">KB Bank<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281189-e1758867026636.png\" alt=\"Permata Bank\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">Permata Bank<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/02\/logo-tealive-03-1-1-1.svg\" alt=\"TeaLive\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">TeaLive<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281194-e1758867313129.png\" alt=\"SharkNinja\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">SharkNinja<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281184-e1758866932379.png\" alt=\"Qazwa\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">Qazwa<\/div><\/div><\/div>\n    <div class=\"logo-card\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281185-e1758866949738.png\" alt=\"Duha Syariah\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><div class=\"logo-card-inner\" style=\"display:none\"><div class=\"logo-card-mark\">Duha Syariah<\/div><\/div><\/div>\n\n  <\/div><!-- \/logo-track -->\n  <\/div><!-- \/logo-track-wrap -->\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DOCUMENT SHOWCASE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"doc-showcase\">\n  <div class=\"doc-showcase-inner\">\n\n    <!-- Left: Selector -->\n    <div class=\"doc-left\">\n      \n      <h2 class=\"doc-heading\">Automate any document<br><span>that slows you down<\/span><\/h2>\n      <p class=\"doc-sub\">No complex setup. No training data. Fintelite AI comes ready to use for various industry-specific documents.<\/p>\n\n      <div class=\"doc-chips-label\">Select a document type<\/div>\n      <div class=\"doc-chips-grid\">\n        <button class=\"doc-chip active\" onclick=\"switchDoc('invoice', this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/span> Invoices<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('po'     , this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg><\/span> Purchase Orders<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('receipt', this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1V2l-2 1-2-1-2 1-2-1-2 1-2-1z\"\/><line x1=\"8\" y1=\"9\" x2=\"16\" y2=\"9\"\/><line x1=\"8\" y1=\"13\" x2=\"14\" y2=\"13\"\/><\/svg><\/span> Receipts<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('bank'   , this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><rect x=\"3\" y=\"10\" width=\"4\" height=\"12\"\/><rect x=\"10\" y=\"10\" width=\"4\" height=\"12\"\/><rect x=\"17\" y=\"10\" width=\"4\" height=\"12\"\/><path d=\"M2 10l10-7 10 7\"\/><\/svg><\/span> Bank Statements<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('id'     , this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"12\" r=\"2.5\"\/><path d=\"M14 10h4M14 14h3\"\/><\/svg><\/span> ID Cards<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('loan'   , this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/span> Loan Applications<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('payslip', this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg><\/span> Payslips<\/button>\n        <button class=\"doc-chip\"        onclick=\"switchDoc('contract',this)\"><span class=\"doc-chip-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg><\/span> Contracts<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Right: Interactive Preview Card -->\n    <div class=\"doc-preview-card\" id=\"docCard\">\n\n      <!-- Top bar -->\n      <div class=\"doc-preview-topbar\">\n        <div class=\"doc-preview-filename\">\n          <div class=\"doc-preview-filename-icon\">\ud83d\udcc4<\/div>\n          <span id=\"docFilename\">bank_statement.pdf<\/span>\n        <\/div>\n        <div class=\"doc-preview-tabs\">\n          <button class=\"doc-tab active\" id=\"tabViewer\" onclick=\"switchDocTab('viewer')\">Viewer<\/button>\n          <button class=\"doc-tab\"        id=\"tabJson\"   onclick=\"switchDocTab('json')\">JSON<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Viewer Panel -->\n      <div class=\"doc-panel active\" id=\"panelViewer\">\n        <table class=\"doc-table\" id=\"docTable\">\n          <!-- populated by JS -->\n        <\/table>\n      <\/div>\n\n      <!-- JSON Panel -->\n      <div class=\"doc-panel\" id=\"panelJson\">\n        <div class=\"doc-json-body\" id=\"docJson\">\n          <!-- populated by JS -->\n        <\/div>\n      <\/div>\n\n      <!-- Footer -->\n      <div class=\"doc-preview-footer\">\n        <button class=\"doc-download-btn\">Download JSON<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/\/ \u2500\u2500 Document data store \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst DOC_DATA = {\n  bank: {\n    file: 'bank_statement_Q4_2026.pdf',\n    fields: [\n      { name: 'Account No.',      val: 'XX00 XXXX 0000 0000 0000 00', conf: 99 },\n      { name: 'Account Holder',   val: 'John Doe',                    conf: 98 },\n      { name: 'Period',           val: '01 Oct \u2013 31 Dec 2026',        conf: 99 },\n      { name: 'Currency',         val: 'USD',                         conf: 99 },\n      { name: 'Opening Balance',  val: '$124,890.50',                 conf: 97 },\n      { name: 'Closing Balance',  val: '$198,415.22',                 conf: 97 },\n      { name: 'Total Credits',    val: '$312,750.00',                 conf: 96 },\n      { name: 'Total Debits',     val: '$239,225.28',                 conf: 96 },\n      { name: 'Branch',           val: 'City Business District',      conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"account_no\"<\/span>:       <span class=\"jvs\">\"XX00XXXX000000000000\"<\/span>,\n  <span class=\"jk\">\"account_holder\"<\/span>:  <span class=\"jvs\">\"John Doe\"<\/span>,\n  <span class=\"jk\">\"period\"<\/span>: {\n    <span class=\"jk\">\"from\"<\/span>: <span class=\"jvs\">\"2026-10-01\"<\/span>,\n    <span class=\"jk\">\"to\"<\/span>:   <span class=\"jvs\">\"2026-12-31\"<\/span>\n  },\n  <span class=\"jk\">\"currency\"<\/span>:         <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"opening_balance\"<\/span>:  <span class=\"jn\">124890.50<\/span>,\n  <span class=\"jk\">\"closing_balance\"<\/span>:  <span class=\"jn\">198415.22<\/span>,\n  <span class=\"jk\">\"total_credits\"<\/span>:    <span class=\"jn\">312750.00<\/span>,\n  <span class=\"jk\">\"total_debits\"<\/span>:     <span class=\"jn\">239225.28<\/span>,\n  <span class=\"jk\">\"branch\"<\/span>:           <span class=\"jvs\">\"City Business District\"<\/span>,\n  <span class=\"jk\">\"transactions\"<\/span>: [ <span class=\"jc\">\/* 24 rows extracted *\/<\/span> ],\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>,\n    <span class=\"jk\">\"fields_above_95pct\"<\/span>: <span class=\"jn\">9<\/span>\n  }\n}`\n  },\n  invoice: {\n    file: 'invoice_INV-2026-089.pdf',\n    fields: [\n      { name: 'Invoice No.',     val: 'INV-2026-089',             conf: 99 },\n      { name: 'Vendor',          val: 'Blue Supplier',         conf: 98 },\n      { name: 'Issue Date',      val: '15 Jan 2026',              conf: 99 },\n      { name: 'Due Date',        val: '30 Jan 2026',              conf: 99 },\n      { name: 'Subtotal',        val: '$42,500.00',               conf: 97 },\n      { name: 'GST (10%)',       val: '$4,250.00',                conf: 96 },\n      { name: 'Total Amount',    val: '$46,750.00',               conf: 97 },\n      { name: 'Payment Terms',   val: 'Net 15',                   conf: 95 },\n      { name: 'SWIFT \/ BIC',     val: 'CHASUS33',                 conf: 94 },\n    ],\n    json: `{\n  <span class=\"jk\">\"invoice_no\"<\/span>:    <span class=\"jvs\">\"INV-2026-089\"<\/span>,\n  <span class=\"jk\">\"vendor\"<\/span>:        <span class=\"jvs\">\"Blue Supplier\"<\/span>,\n  <span class=\"jk\">\"issue_date\"<\/span>:    <span class=\"jvs\">\"2026-01-15\"<\/span>,\n  <span class=\"jk\">\"due_date\"<\/span>:      <span class=\"jvs\">\"2026-01-30\"<\/span>,\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">42500.00<\/span>,\n  <span class=\"jk\">\"tax_gst\"<\/span>:       <span class=\"jn\">4250.00<\/span>,\n  <span class=\"jk\">\"total_amount\"<\/span>:  <span class=\"jn\">46750.00<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:      <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_terms\"<\/span>: <span class=\"jvs\">\"Net 15\"<\/span>,\n  <span class=\"jk\">\"line_items\"<\/span>:    [ <span class=\"jc\">\/* 4 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  payslip: {\n    file: 'payslip_march2026.pdf',\n    fields: [\n      { name: 'Employee Name',   val: 'John Doe',                 conf: 99 },\n      { name: 'Employee ID',     val: 'EMP-00342',                conf: 99 },\n      { name: 'Period',          val: 'March 2026',               conf: 99 },\n      { name: 'Basic Salary',    val: '$5,800.00',                conf: 98 },\n      { name: 'Allowances',      val: '$1,200.00',                conf: 97 },\n      { name: 'Gross Pay',       val: '$7,000.00',                conf: 98 },\n      { name: 'Income Tax',      val: '$1,540.00',                conf: 96 },\n      { name: 'Superannuation',  val: '$700.00',                  conf: 96 },\n      { name: 'Net Pay',         val: '$4,760.00',                conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"employee\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>: <span class=\"jvs\">\"John Doe\"<\/span>,\n    <span class=\"jk\">\"id\"<\/span>:   <span class=\"jvs\">\"EMP-00342\"<\/span>\n  },\n  <span class=\"jk\">\"period\"<\/span>:         <span class=\"jvs\">\"2026-03\"<\/span>,\n  <span class=\"jk\">\"basic_salary\"<\/span>:   <span class=\"jn\">5800.00<\/span>,\n  <span class=\"jk\">\"allowances\"<\/span>:     <span class=\"jn\">1200.00<\/span>,\n  <span class=\"jk\">\"gross_pay\"<\/span>:      <span class=\"jn\">7000.00<\/span>,\n  <span class=\"jk\">\"deductions\"<\/span>: {\n    <span class=\"jk\">\"income_tax\"<\/span>:       <span class=\"jn\">1540.00<\/span>,\n    <span class=\"jk\">\"superannuation\"<\/span>:   <span class=\"jn\">700.00<\/span>\n  },\n  <span class=\"jk\">\"net_pay\"<\/span>:        <span class=\"jn\">4760.00<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.98<\/span>\n  }\n}`\n  },\n  loan: {\n    file: 'loan_application_2026.pdf',\n    fields: [\n      { name: 'Applicant',       val: 'John Doe',                 conf: 99 },\n      { name: 'ID No.',          val: 'ID-2026-00891',            conf: 97 },\n      { name: 'Loan Type',       val: 'Home Mortgage',            conf: 99 },\n      { name: 'Loan Amount',     val: '$480,000.00',              conf: 98 },\n      { name: 'Tenor',           val: '300 months (25 yr)',       conf: 99 },\n      { name: 'Monthly Income',  val: '$9,500.00',                conf: 96 },\n      { name: 'Employment',      val: 'Permanent \u2014 Private',      conf: 95 },\n      { name: 'Collateral',      val: 'Title Deed No. 4821-B',   conf: 94 },\n      { name: 'Submission Date', val: '3 Apr 2026',               conf: 99 },\n    ],\n    json: `{\n  <span class=\"jk\">\"applicant\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>:    <span class=\"jvs\">\"John Doe\"<\/span>,\n    <span class=\"jk\">\"id_no\"<\/span>:  <span class=\"jvs\">\"ID-2026-00891\"<\/span>\n  },\n  <span class=\"jk\">\"loan_type\"<\/span>:      <span class=\"jvs\">\"Home Mortgage\"<\/span>,\n  <span class=\"jk\">\"amount\"<\/span>:         <span class=\"jn\">480000.00<\/span>,\n  <span class=\"jk\">\"tenor_months\"<\/span>:   <span class=\"jn\">300<\/span>,\n  <span class=\"jk\">\"monthly_income\"<\/span>: <span class=\"jn\">9500.00<\/span>,\n  <span class=\"jk\">\"employment\"<\/span>:     <span class=\"jvs\">\"Permanent\"<\/span>,\n  <span class=\"jk\">\"employer_type\"<\/span>: <span class=\"jvs\">\"Private Sector\"<\/span>,\n  <span class=\"jk\">\"collateral\"<\/span>:     <span class=\"jvs\">\"Title Deed No. 4821-B\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  po: {\n    file: 'purchase_order_PO-8826.pdf',\n    fields: [\n      { name: 'PO Number',       val: 'PO-8821',                  conf: 99 },\n      { name: 'Buyer',           val: 'Edwin Hans',              conf: 98 },\n      { name: 'Supplier',        val: 'Dummy Supply Ltd.',        conf: 98 },\n      { name: 'Order Date',      val: '10 Feb 2026',              conf: 99 },\n      { name: 'Delivery Date',   val: '25 Feb 2026',              conf: 99 },\n      { name: 'Items',           val: '5 line items',             conf: 97 },\n      { name: 'Subtotal',        val: '$18,500.00',               conf: 97 },\n      { name: 'Tax (10%)',       val: '$1,850.00',                conf: 96 },\n      { name: 'Grand Total',     val: '$20,350.00',               conf: 97 },\n    ],\n    json: `{\n  <span class=\"jk\">\"po_number\"<\/span>:     <span class=\"jvs\">\"PO-8821\"<\/span>,\n  <span class=\"jk\">\"buyer\"<\/span>:         <span class=\"jvs\">\"Edwin Hans\"<\/span>,\n  <span class=\"jk\">\"supplier\"<\/span>:      <span class=\"jvs\">\"Dummy Supply Ltd.\"<\/span>,\n  <span class=\"jk\">\"order_date\"<\/span>:    <span class=\"jvs\">\"2026-02-10\"<\/span>,\n  <span class=\"jk\">\"delivery_date\"<\/span>: <span class=\"jvs\">\"2026-02-25\"<\/span>,\n  <span class=\"jk\">\"line_items\"<\/span>:    [ <span class=\"jc\">\/* 5 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">18500.00<\/span>,\n  <span class=\"jk\">\"tax\"<\/span>:           <span class=\"jn\">1850.00<\/span>,\n  <span class=\"jk\">\"grand_total\"<\/span>:   <span class=\"jn\">20350.00<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  contract: {\n    file: 'service_contract_2026.pdf',\n    fields: [\n      { name: 'Contract No.',    val: 'CTR-2026-0091',            conf: 98 },\n      { name: 'Party A',         val: 'Fintelite Pte. Ltd.',      conf: 99 },\n      { name: 'Party B',         val: 'Sample Logistics Corp.',   conf: 99 },\n      { name: 'Contract Type',   val: 'Service Agreement',        conf: 97 },\n      { name: 'Start Date',      val: '1 Jan 2026',               conf: 99 },\n      { name: 'End Date',        val: '31 Dec 2026',              conf: 99 },\n      { name: 'Contract Value',  val: '$240,000.00',              conf: 96 },\n      { name: 'Payment Terms',   val: 'Monthly \u2014 30th',          conf: 95 },\n      { name: 'Governing Law',   val: 'Singapore',                conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"contract_no\"<\/span>:    <span class=\"jvs\">\"CTR-2026-0091\"<\/span>,\n  <span class=\"jk\">\"parties\"<\/span>: {\n    <span class=\"jk\">\"party_a\"<\/span>: <span class=\"jvs\">\"Fintelite Pte. Ltd.\"<\/span>,\n    <span class=\"jk\">\"party_b\"<\/span>: <span class=\"jvs\">\"Sample Logistics Corp.\"<\/span>\n  },\n  <span class=\"jk\">\"type\"<\/span>:           <span class=\"jvs\">\"Service Agreement\"<\/span>,\n  <span class=\"jk\">\"start_date\"<\/span>:     <span class=\"jvs\">\"2026-01-01\"<\/span>,\n  <span class=\"jk\">\"end_date\"<\/span>:       <span class=\"jvs\">\"2026-12-31\"<\/span>,\n  <span class=\"jk\">\"value\"<\/span>:          <span class=\"jn\">240000.00<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:       <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_terms\"<\/span>: <span class=\"jvs\">\"Monthly 30th\"<\/span>,\n  <span class=\"jk\">\"governing_law\"<\/span>: <span class=\"jvs\">\"Singapore\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  id: {\n    file: 'id_document_sample_2026.jpg',\n    fields: [\n      { name: 'Full Name',       val: 'John Doe',                 conf: 99 },\n      { name: 'ID Number',       val: 'ID-2026-00148',            conf: 98 },\n      { name: 'Date of Birth',   val: '01 Jan 1990',              conf: 99 },\n      { name: 'Gender',          val: 'Male',                     conf: 99 },\n      { name: 'Nationality',     val: 'Sample Country',           conf: 99 },\n      { name: 'Issue Date',      val: '01 Jan 2026',              conf: 97 },\n      { name: 'Expiry Date',     val: '01 Jan 2030',              conf: 97 },\n      { name: 'Document Type',   val: 'National ID Card',         conf: 98 },\n      { name: 'Marital Status',  val: 'Single',                   conf: 95 },\n    ],\n    json: `{\n  <span class=\"jk\">\"full_name\"<\/span>:       <span class=\"jvs\">\"John Doe\"<\/span>,\n  <span class=\"jk\">\"id_number\"<\/span>:       <span class=\"jvs\">\"ID-2026-00148\"<\/span>,\n  <span class=\"jk\">\"dob\"<\/span>:             <span class=\"jvs\">\"1990-01-01\"<\/span>,\n  <span class=\"jk\">\"gender\"<\/span>:          <span class=\"jvs\">\"Male\"<\/span>,\n  <span class=\"jk\">\"nationality\"<\/span>:     <span class=\"jvs\">\"Sample Country\"<\/span>,\n  <span class=\"jk\">\"issue_date\"<\/span>:      <span class=\"jvs\">\"2026-01-01\"<\/span>,\n  <span class=\"jk\">\"expiry_date\"<\/span>:     <span class=\"jvs\">\"2030-01-01\"<\/span>,\n  <span class=\"jk\">\"document_type\"<\/span>:   <span class=\"jvs\">\"National ID Card\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.98<\/span>\n  }\n}`\n  },\n  receipt: {\n    file: 'receipt_0042_2026.jpg',\n    fields: [\n      { name: 'Merchant',        val: 'Sample Retail Store',      conf: 97 },\n      { name: 'Transaction ID',  val: 'TXN-20240315-0042',        conf: 98 },\n      { name: 'Date & Time',     val: '15 Mar 2026, 14:32',       conf: 99 },\n      { name: 'Items',           val: '6 items',                  conf: 96 },\n      { name: 'Subtotal',        val: '$42.80',                   conf: 98 },\n      { name: 'Discount',        val: '$5.00',                    conf: 97 },\n      { name: 'Total',           val: '$37.80',                   conf: 99 },\n      { name: 'Payment Method',  val: 'Visa Contactless',         conf: 98 },\n      { name: 'Cashier',         val: 'Staff A.',                 conf: 90 },\n    ],\n    json: `{\n  <span class=\"jk\">\"merchant\"<\/span>:      <span class=\"jvs\">\"Sample Retail Store\"<\/span>,\n  <span class=\"jk\">\"txn_id\"<\/span>:        <span class=\"jvs\">\"TXN-20240315-0042\"<\/span>,\n  <span class=\"jk\">\"datetime\"<\/span>:      <span class=\"jvs\">\"2026-03-15T14:32:00\"<\/span>,\n  <span class=\"jk\">\"items\"<\/span>:         [ <span class=\"jc\">\/* 6 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">42.80<\/span>,\n  <span class=\"jk\">\"discount\"<\/span>:      <span class=\"jn\">5.00<\/span>,\n  <span class=\"jk\">\"total\"<\/span>:          <span class=\"jn\">37.80<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:      <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_method\"<\/span>:<span class=\"jvs\">\"Visa Contactless\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  medical: {\n    file: 'medical_record_2026.pdf',\n    fields: [\n      { name: 'Patient Name',    val: 'Patient A.',               conf: 99 },\n      { name: 'Patient ID',      val: 'MR-001-20260201',         conf: 99 },\n      { name: 'Visit Date',      val: '1 Feb 2026',               conf: 99 },\n      { name: 'Diagnosis',       val: 'Hypertension (I10)',        conf: 95 },\n      { name: 'Doctor',          val: 'Dr. Sample, MD',           conf: 98 },\n      { name: 'Prescription',    val: 'Amlodipine 5mg \/ Losartan 50mg', conf: 93 },\n      { name: 'Lab Results',     val: 'BP: 145\/92 mmHg',          conf: 96 },\n      { name: 'Follow-up',       val: '1 Mar 2026',               conf: 97 },\n      { name: 'Facility',        val: 'Sample General Hospital',  conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"patient\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>: <span class=\"jvs\">\"Patient A.\"<\/span>,\n    <span class=\"jk\">\"id\"<\/span>:   <span class=\"jvs\">\"MR-001-20260201\"<\/span>\n  },\n  <span class=\"jk\">\"visit_date\"<\/span>:   <span class=\"jvs\">\"2026-02-01\"<\/span>,\n  <span class=\"jk\">\"diagnosis\"<\/span>:    <span class=\"jvs\">\"Hypertension\"<\/span>,\n  <span class=\"jk\">\"icd_code\"<\/span>:     <span class=\"jvs\">\"I10\"<\/span>,\n  <span class=\"jk\">\"doctor\"<\/span>:       <span class=\"jvs\">\"Dr. Sample, MD\"<\/span>,\n  <span class=\"jk\">\"prescription\"<\/span>: [ <span class=\"jc\">\/* 2 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"lab\"<\/span>: {\n    <span class=\"jk\">\"bp_systolic\"<\/span>:  <span class=\"jn\">145<\/span>,\n    <span class=\"jk\">\"bp_diastolic\"<\/span>: <span class=\"jn\">92<\/span>\n  },\n  <span class=\"jk\">\"facility\"<\/span>:     <span class=\"jvs\">\"Sample General Hospital\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.96<\/span>\n  }\n}`\n  }\n};\n\nlet currentDocTab = 'viewer';\nlet currentDocKey  = 'bank';   \/\/ tracks the active document type\n\nfunction renderDocViewer(key) {\n  const d = DOC_DATA[key];\n  document.getElementById('docFilename').textContent = d.file;\n  \/\/ Table\n  const rows = d.fields.map(f => `\n    <tr>\n      <td class=\"doc-field-name\">${f.name}<\/td>\n      <td class=\"doc-field-val\">${f.val}<span class=\"conf\">\u2713 ${f.conf}%<\/span><\/td>\n    <\/tr>`).join('');\n  document.getElementById('docTable').innerHTML = rows;\n  \/\/ JSON\n  document.getElementById('docJson').innerHTML = d.json;\n}\n\nfunction switchDoc(key, el) {\n  currentDocKey = key;   \/\/ \u2190 keep track of which doc is active\n  document.querySelectorAll('.doc-chip').forEach(c => c.classList.remove('active'));\n  el.classList.add('active');\n  \/\/ Animate card\n  const card = document.getElementById('docCard');\n  card.style.opacity = '0'; card.style.transform = 'translateY(6px)';\n  setTimeout(() => {\n    renderDocViewer(key);\n    card.style.transition = 'opacity .25s ease, transform .25s ease';\n    card.style.opacity = '1'; card.style.transform = 'translateY(0)';\n  }, 140);\n}\n\nfunction switchDocTab(tab) {\n  currentDocTab = tab;\n  document.getElementById('tabViewer').classList.toggle('active', tab === 'viewer');\n  document.getElementById('tabJson').classList.toggle('active', tab === 'json');\n  document.getElementById('panelViewer').classList.toggle('active', tab === 'viewer');\n  document.getElementById('panelJson').classList.toggle('active', tab === 'json');\n}\n\n\/\/ Init\nrenderDocViewer('invoice');\n\n\/\/ \u2500\u2500 Download JSON button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.querySelector('.doc-download-btn').addEventListener('click', function () {\n  const d = DOC_DATA[currentDocKey];\n  if (!d) return;\n\n  \/\/ Strip HTML tags from the syntax-highlighted JSON string to get clean JSON\n  const cleanJson = d.json\n    .replace(\/<[^>]+>\/g, '')            \/\/ remove all <span> tags\n    .replace(\/&quot;\/g, '\"')            \/\/ decode HTML entities\n    .replace(\/&amp;\/g, '&')\n    .replace(\/&lt;\/g, '<')\n    .replace(\/&gt;\/g, '>')\n    .replace(\/\\\/\\*[\\s\\S]*?\\*\\\/\/g, '[]') \/\/ replace \/* comments *\/ with empty array []\n    .replace(\/\\s{2,}\/g, ' ');           \/\/ collapse extra whitespace\n\n  \/\/ Validate + pretty-print\n  let output;\n  try {\n    output = JSON.stringify(JSON.parse(cleanJson), null, 2);\n  } catch (e) {\n    \/\/ Fallback: return cleaned string as-is\n    output = cleanJson.trim();\n  }\n\n  const blob = new Blob([output], { type: 'application\/json' });\n  const url  = URL.createObjectURL(blob);\n  const a    = document.createElement('a');\n  a.href     = url;\n  a.download = d.file.replace('.pdf', '_extracted.json');\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n});\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HOW IT WORKS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section\" style=\"background:#fff;\">\n  <div class=\"section-center\">\n    <div class=\"section-label\">How It Works<\/div>\n    <h2 class=\"heading-lg\">Automation, On Your Terms<\/h2>\n  <\/div>\n\n  <div class=\"hiw-body\">\n    <!-- \u2500\u2500 Left: step selector \u2500\u2500 -->\n    <div class=\"hiw-steps\">\n\n      <div class=\"hiw-step active\" onclick=\"switchHiw(0, this)\">\n        <div class=\"hiw-step-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg><\/div>\n        <div>\n          <div class=\"hiw-step-title\">Define rules<\/div>\n          <div class=\"hiw-step-desc\">Just as easy as typing the information you want to extract, completely no code.<\/div>\n          \n        <\/div>\n      <\/div>\n\n      <div class=\"hiw-step\" onclick=\"switchHiw(1, this)\">\n        <div class=\"hiw-step-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg><\/div>\n        <div>\n          <div class=\"hiw-step-title\">Upload documents<\/div>\n          <div class=\"hiw-step-desc\">Submit any document, any format. Our AI-powered OCR automatically reads, understands, and extracts relevant data fields in seconds.<\/div>\n          \n        <\/div>\n      <\/div>\n\n      <div class=\"hiw-step\" onclick=\"switchHiw(2, this)\">\n        <div class=\"hiw-step-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"8 17 12 21 16 17\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\"\/><path d=\"M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29\"\/><\/svg><\/div>\n        <div>\n          <div class=\"hiw-step-title\">Export results<\/div>\n          <div class=\"hiw-step-desc\">Download your data in your preferred Excel sheet format, or sync into your current data pipeline via API.<\/div>\n          \n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2500\u2500 Right: image preview \u2500\u2500 -->\n    <div class=\"hiw-preview\">\n      <img decoding=\"async\"\n        id=\"hiwImg\"\n        class=\"hiw-preview-img\"\n        src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Upload.png\"\n        alt=\"Upload step\"\n      \/>\n    <\/div>\n  <\/div>\n\n  <script>\n  (function() {\n    var imgs = [\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Upload.png',\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Extract-and-Enrich.png',\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Export.png'\n    ];\n    window.switchHiw = function(idx, el) {\n      document.querySelectorAll('.hiw-step').forEach(function(s){ s.classList.remove('active'); });\n      el.classList.add('active');\n      var img = document.getElementById('hiwImg');\n      img.classList.add('fade-out');\n      setTimeout(function() {\n        img.src = imgs[idx];\n        img.alt = el.querySelector('.hiw-step-title').textContent;\n        img.classList.remove('fade-out');\n      }, 250);\n    };\n  })();\n  <\/script>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"less-effort-section\" style=\"padding: 64px 40px; background: #fff; border-top: 1px solid var(--gray-100); border-bottom: 1px solid var(--gray-100);\">\n  <div style=\"max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr; align-items: center; gap: 0;\">\n\n    <!-- Left label -->\n    <div style=\"padding: 0 48px 0 0;\">\n      <p style=\"font-size: clamp(22px, 3vw, 32px); font-weight: 800; color: var(--navy); letter-spacing: -0.5px; line-height: 1.2;\">Less effort.<br>More returns.<\/p>\n    <\/div>\n\n    <!-- Divider -->\n    <div style=\"width: 1px; background: var(--gray-200); align-self: stretch;\"><\/div>\n\n    <!-- Stat 1 -->\n    <div style=\"padding: 0 40px; text-align: center;\">\n      <div style=\"font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: var(--navy); letter-spacing: -1.5px; line-height: 1;\">88.30%<\/div>\n      <div style=\"font-size: 13px; color: var(--gray-400); font-weight: 500; margin-top: 10px; line-height: 1.5;\">Average reduction in manual effort<\/div>\n    <\/div>\n\n    <!-- Divider -->\n    <div style=\"width: 1px; background: var(--gray-200); align-self: stretch;\"><\/div>\n\n    <!-- Stat 2 -->\n    <div style=\"padding: 0 40px; text-align: center;\">\n      <div style=\"font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: var(--navy); letter-spacing: -1.5px; line-height: 1;\">3.5x<\/div>\n      <div style=\"font-size: 13px; color: var(--gray-400); font-weight: 500; margin-top: 10px; line-height: 1.5;\">Median ROI over a 6-month payback period<\/div>\n    <\/div>\n\n    <!-- Divider -->\n    <div style=\"width: 1px; background: var(--gray-200); align-self: stretch;\"><\/div>\n\n    <!-- Stat 3 -->\n    <div style=\"padding: 0 0 0 40px; text-align: center;\">\n      <div style=\"font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: var(--navy); letter-spacing: -1.5px; line-height: 1;\">2-3x<\/div>\n      <div style=\"font-size: 13px; color: var(--gray-400); font-weight: 500; margin-top: 10px; line-height: 1.5;\">Faster setup time than industry standards<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY FINTELITE \u2014 ENTERPRISE GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"enterprise-section\">\n  <div class=\"section-center\">\n    <div class=\"section-label\">Why Fintelite<\/div>\n    <h2 class=\"heading-lg\">Beyond OCR as You Know It<\/h2>\n  <\/div>\n\n  <div class=\"ent-grid\">\n\n    <!-- Row 1: 3 equal cards -->\n\n    <!-- Card 1: Works out of the box -->\n    <div class=\"ent-card ent-span2\">\n      <div class=\"ent-illus\">\n        <svg width=\"110\" height=\"90\" viewBox=\"0 0 110 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"12\" width=\"36\" height=\"48\" rx=\"5\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1.2\"\/>\n          <rect x=\"14\" y=\"20\" width=\"20\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.4)\"\/>\n          <rect x=\"14\" y=\"26\" width=\"15\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.22)\"\/>\n          <rect x=\"14\" y=\"31\" width=\"18\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.22)\"\/>\n          <rect x=\"14\" y=\"36\" width=\"12\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.16)\"\/>\n          <rect x=\"14\" y=\"41\" width=\"16\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.16)\"\/>\n          <rect x=\"14\" y=\"46\" width=\"10\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.12)\"\/>\n          <rect x=\"66\" y=\"12\" width=\"36\" height=\"48\" rx=\"5\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1.2\"\/>\n          <rect x=\"72\" y=\"20\" width=\"20\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.4)\"\/>\n          <rect x=\"72\" y=\"26\" width=\"16\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.22)\"\/>\n          <rect x=\"72\" y=\"31\" width=\"12\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.22)\"\/>\n          <rect x=\"72\" y=\"36\" width=\"18\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.16)\"\/>\n          <rect x=\"72\" y=\"41\" width=\"14\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.16)\"\/>\n          <rect x=\"72\" y=\"46\" width=\"10\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.12)\"\/>\n          <circle cx=\"55\" cy=\"36\" r=\"12\" fill=\"rgba(38,116,255,.1)\" stroke=\"rgba(38,116,255,.45)\" stroke-width=\"1.5\"\/>\n          <path d=\"M49 36 L53.5 40.5 L62 31\" stroke=\"#60a5fa\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M44 36 L47.5 36\" stroke=\"rgba(38,116,255,.35)\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n          <path d=\"M62.5 36 L66 36\" stroke=\"rgba(38,116,255,.35)\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"ent-title\">Works out of the box<\/div>\n      <div class=\"ent-desc\">Fintelite smartly adapts to any document layout without the bottleneck of per-template setup.<\/div>\n    <\/div>\n\n    <!-- Card 2: Deliver actionable data -->\n    <div class=\"ent-card ent-span2\">\n      <div class=\"ent-illus\">\n        <svg width=\"120\" height=\"90\" viewBox=\"0 0 120 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"16\" width=\"34\" height=\"52\" rx=\"4\" fill=\"rgba(38,116,255,.06)\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1.2\"\/>\n          <rect x=\"14\" y=\"24\" width=\"18\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.38)\"\/>\n          <rect x=\"14\" y=\"30\" width=\"14\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"14\" y=\"35\" width=\"16\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"14\" y=\"40\" width=\"10\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <rect x=\"14\" y=\"45\" width=\"14\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <rect x=\"14\" y=\"50\" width=\"8\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.1)\"\/>\n          <path d=\"M46 42 L62 42\" stroke=\"rgba(38,116,255,.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <path d=\"M58 38 L63 42 L58 46\" stroke=\"rgba(38,116,255,.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <rect x=\"64\" y=\"24\" width=\"46\" height=\"11\" rx=\"3\" fill=\"rgba(38,116,255,.09)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1\"\/>\n          <rect x=\"69\" y=\"28.5\" width=\"16\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.4)\"\/>\n          <rect x=\"98\" y=\"28.5\" width=\"7\" height=\"2\" rx=\"1\" fill=\"rgba(96,165,250,.5)\"\/>\n          <rect x=\"64\" y=\"39\" width=\"46\" height=\"11\" rx=\"3\" fill=\"rgba(38,116,255,.09)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1\"\/>\n          <rect x=\"69\" y=\"43.5\" width=\"12\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.4)\"\/>\n          <rect x=\"98\" y=\"43.5\" width=\"7\" height=\"2\" rx=\"1\" fill=\"rgba(96,165,250,.5)\"\/>\n          <rect x=\"64\" y=\"54\" width=\"46\" height=\"11\" rx=\"3\" fill=\"rgba(38,116,255,.09)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1\"\/>\n          <rect x=\"69\" y=\"58.5\" width=\"18\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.4)\"\/>\n          <rect x=\"98\" y=\"58.5\" width=\"7\" height=\"2\" rx=\"1\" fill=\"rgba(96,165,250,.5)\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"ent-title\">Deliver actionable data, not raw text<\/div>\n      <div class=\"ent-desc\">Generative IDP understands meaning behind text \u2014 structured, context-aware output every time.<\/div>\n    <\/div>\n\n    <!-- Card 3: Access controls -->\n    <div class=\"ent-card ent-span2\">\n      <div class=\"ent-illus\">\n        <svg width=\"100\" height=\"90\" viewBox=\"0 0 100 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"50\" cy=\"26\" r=\"10\" fill=\"rgba(38,116,255,.08)\" stroke=\"rgba(38,116,255,.35)\" stroke-width=\"1.5\"\/>\n          <circle cx=\"50\" cy=\"26\" r=\"4\" fill=\"rgba(96,165,250,.5)\"\/>\n          <circle cx=\"22\" cy=\"58\" r=\"9\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1.2\"\/>\n          <circle cx=\"78\" cy=\"58\" r=\"9\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1.2\"\/>\n          <path d=\"M50 36 L22 49\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n          <path d=\"M50 36 L78 49\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n          <rect x=\"16\" y=\"70\" width=\"12\" height=\"8\" rx=\"2\" fill=\"rgba(38,116,255,.1)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1\"\/>\n          <rect x=\"19\" y=\"68\" width=\"6\" height=\"4\" rx=\"3\" fill=\"none\" stroke=\"rgba(38,116,255,.4)\" stroke-width=\"1\"\/>\n          <rect x=\"72\" y=\"70\" width=\"12\" height=\"8\" rx=\"2\" fill=\"rgba(38,116,255,.1)\" stroke=\"rgba(38,116,255,.3)\" stroke-width=\"1\"\/>\n          <path d=\"M75 73.5 L77 76 L81 70.5\" stroke=\"#60a5fa\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"ent-title\">Granular access controls<\/div>\n      <div class=\"ent-desc\">Set who sees what, create approval flows, and keep a full audit trail \u2014 all without IT involvement.<\/div>\n    <\/div>\n\n    <!-- Row 2: 2 wide cards -->\n\n    <!-- Card 4: Enterprise security -->\n    <div class=\"ent-card ent-span3\">\n      <div class=\"ent-illus\" style=\"height:140px;\">\n        <svg width=\"200\" height=\"120\" viewBox=\"0 0 200 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"70\" y=\"8\" width=\"60\" height=\"76\" rx=\"8\" fill=\"rgba(38,116,255,.06)\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1.5\"\/>\n          <path d=\"M100 24 L100 58\" stroke=\"rgba(38,116,255,.45)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <circle cx=\"100\" cy=\"68\" r=\"12\" fill=\"rgba(38,116,255,.1)\" stroke=\"rgba(38,116,255,.45)\" stroke-width=\"1.5\"\/>\n          <path d=\"M94.5 68 L98.5 72 L106 63\" stroke=\"#60a5fa\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"100\" cy=\"40\" r=\"5\" fill=\"rgba(96,165,250,.35)\"\/>\n          <rect x=\"30\" y=\"40\" width=\"30\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"30\" y=\"46\" width=\"22\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <rect x=\"30\" y=\"52\" width=\"26\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <circle cx=\"20\" cy=\"50\" r=\"7\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.22)\" stroke-width=\"1\"\/>\n          <rect x=\"140\" y=\"40\" width=\"30\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"148\" y=\"46\" width=\"22\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <rect x=\"144\" y=\"52\" width=\"26\" height=\"1.5\" rx=\"1\" fill=\"rgba(38,116,255,.14)\"\/>\n          <circle cx=\"180\" cy=\"50\" r=\"7\" fill=\"rgba(38,116,255,.07)\" stroke=\"rgba(38,116,255,.22)\" stroke-width=\"1\"\/>\n          <path d=\"M27 50 L70 44\" stroke=\"rgba(38,116,255,.18)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n          <path d=\"M173 50 L130 44\" stroke=\"rgba(38,116,255,.18)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n          <rect x=\"8\" y=\"95\" width=\"184\" height=\"1\" rx=\"1\" fill=\"rgba(38,116,255,.1)\"\/>\n          <rect x=\"20\" y=\"100\" width=\"40\" height=\"6\" rx=\"2\" fill=\"rgba(38,116,255,.08)\" stroke=\"rgba(38,116,255,.2)\" stroke-width=\"1\"\/>\n          <rect x=\"70\" y=\"100\" width=\"60\" height=\"6\" rx=\"2\" fill=\"rgba(38,116,255,.08)\" stroke=\"rgba(38,116,255,.2)\" stroke-width=\"1\"\/>\n          <rect x=\"140\" y=\"100\" width=\"40\" height=\"6\" rx=\"2\" fill=\"rgba(38,116,255,.08)\" stroke=\"rgba(38,116,255,.2)\" stroke-width=\"1\"\/>\n          <rect x=\"25\" y=\"102\" width=\"28\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.3)\"\/>\n          <rect x=\"75\" y=\"102\" width=\"48\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.3)\"\/>\n          <rect x=\"145\" y=\"102\" width=\"28\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.3)\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"ent-title\">Enterprise-grade security<\/div>\n      <div class=\"ent-desc\">ISO 27001 compliant and end-to-end encryption. Your data is processed securely with flexible deployment options \u2014 from SaaS to fully On-premise.<\/div>\n    <\/div>\n\n    <!-- Card 5: Built to scale -->\n    <div class=\"ent-card ent-span3\">\n      <div class=\"ent-illus\" style=\"height:140px;\">\n        <svg width=\"220\" height=\"120\" viewBox=\"0 0 220 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"20\" y=\"82\" width=\"22\" height=\"28\" rx=\"3\" fill=\"rgba(38,116,255,.08)\" stroke=\"rgba(38,116,255,.28)\" stroke-width=\"1.2\"\/>\n          <rect x=\"52\" y=\"64\" width=\"22\" height=\"46\" rx=\"3\" fill=\"rgba(38,116,255,.11)\" stroke=\"rgba(38,116,255,.32)\" stroke-width=\"1.2\"\/>\n          <rect x=\"84\" y=\"46\" width=\"22\" height=\"64\" rx=\"3\" fill=\"rgba(38,116,255,.15)\" stroke=\"rgba(38,116,255,.38)\" stroke-width=\"1.2\"\/>\n          <rect x=\"116\" y=\"30\" width=\"22\" height=\"80\" rx=\"3\" fill=\"rgba(38,116,255,.18)\" stroke=\"rgba(38,116,255,.42)\" stroke-width=\"1.2\"\/>\n          <rect x=\"148\" y=\"14\" width=\"22\" height=\"96\" rx=\"3\" fill=\"rgba(38,116,255,.22)\" stroke=\"rgba(38,116,255,.48)\" stroke-width=\"1.2\"\/>\n          <rect x=\"180\" y=\"4\" width=\"22\" height=\"106\" rx=\"3\" fill=\"rgba(38,116,255,.28)\" stroke=\"rgba(96,165,250,.6)\" stroke-width=\"1.4\"\/>\n          <path d=\"M31 80 L63 62 L95 44 L127 28 L159 12 L191 2\" stroke=\"#60a5fa\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <circle cx=\"191\" cy=\"2\" r=\"4\" fill=\"#60a5fa\"\/>\n          <line x1=\"12\" y1=\"110\" x2=\"210\" y2=\"110\" stroke=\"rgba(38,116,255,.15)\" stroke-width=\"1\"\/>\n          <rect x=\"20\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"52\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"84\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"116\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"148\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.2)\"\/>\n          <rect x=\"180\" y=\"114\" width=\"22\" height=\"2\" rx=\"1\" fill=\"rgba(38,116,255,.25)\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"ent-title\">Built to scale<\/div>\n      <div class=\"ent-desc\">Bulk process hundreds to thousands of documents with maximum efficiency. No slowdowns, no repetitive configurations \u2014 just fast, reliable results at any volume.<\/div>\n    <\/div>\n\n  <\/div>\n\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURES (TABS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"features-section\">\n  <div class=\"section-center\">\n    <div class=\"section-label\">Product<\/div>\n    <h2 class=\"heading-lg\">One Platform.<br>Two Powerful Modes.<\/h2>\n    <p class=\"subtext\">From no-code extraction to full API integration \u2014 Fintelite adapts to how you work.<\/p>\n  <\/div>\n\n  <div class=\"features-tabs\">\n    <button class=\"tab-btn active\" onclick=\"switchTab('business', this)\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg> For Business Teams<\/button>\n    <button class=\"tab-btn\" onclick=\"switchTab('dev', this)\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg> For IT Teams<\/button>\n  <\/div>\n\n  <!-- Business Panel -->\n  <div id=\"panel-business\" class=\"feature-panel\">\n    <div class=\"feature-content\">\n      <div class=\"section-label\">Business Teams<\/div>\n      <h3 class=\"heading-md\">From PDF to Pivot Table<br>in Seconds<\/h3>\n      <p class=\"subtext\" style=\"margin-top:14px;\">Upload invoices, payslips, bank statements \u2014 and receive a structured Excel file immediately. No technical knowledge required.<\/p>\n      <ul class=\"feature-list\">\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>Transaction Data Extraction<\/h4>\n            <p>Extract line items, totals, dates, and vendor details automatically.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M3 15h18M9 3v18\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>Excel-Ready Output<\/h4>\n            <p>Download a clean, structured spreadsheet the moment extraction is complete.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path 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\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>Easy to Use, Easier to Customize<\/h4>\n            <p>Get started in minutes with a no-code interface \u2014 then tailor every detail to fit your workflow.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n      <div style=\"margin-top:32px;\">\n        <a href=\"https:\/\/fintelite.ai\/trial-our-product-for-free\/\" class=\"btn-primary\">Try for Free \u2192<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"feature-visual\">\n      <div class=\"feature-visual-inner\">\n        <div class=\"mock-browser-bar\">\n          <div class=\"mock-browser-btn\" style=\"background:#ff5f57\"><\/div>\n          <div class=\"mock-browser-btn\" style=\"background:#febc2e\"><\/div>\n          <div class=\"mock-browser-btn\" style=\"background:#28c840\"><\/div>\n        <\/div>\n        <div style=\"font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;\">Extracted Data \u2014 Invoice Batch<\/div>\n        <div class=\"mock-data-row\">\n          <span class=\"mock-data-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/span>\n          <span class=\"mock-data-label\">Vendor Name<\/span>\n          <span class=\"mock-data-val\">Blue Holdings<\/span>\n          <span class=\"mock-data-badge\">\u2713 High<\/span>\n        <\/div>\n        <div class=\"mock-data-row\">\n          <span class=\"mock-data-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"\/><line x1=\"4\" y1=\"15\" x2=\"20\" y2=\"15\"\/><line x1=\"10\" y1=\"3\" x2=\"8\" y2=\"21\"\/><line x1=\"16\" y1=\"3\" x2=\"14\" y2=\"21\"\/><\/svg><\/span>\n          <span class=\"mock-data-label\">Invoice No.<\/span>\n          <span class=\"mock-data-val\">INV-2024-032<\/span>\n          <span class=\"mock-data-badge\">\u2713 High<\/span>\n        <\/div>\n        <div class=\"mock-data-row\">\n          <span class=\"mock-data-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/span>\n          <span class=\"mock-data-label\">Total Amount<\/span>\n          <span class=\"mock-data-val\">$15,000.00<\/span>\n          <span class=\"mock-data-badge\">\u2713 High<\/span>\n        <\/div>\n        <div class=\"mock-data-row\">\n          <span class=\"mock-data-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/span>\n          <span class=\"mock-data-label\">Due Date<\/span>\n          <span class=\"mock-data-val\">5\/31\/2025<\/span>\n          <span class=\"mock-data-badge\">\u2713 High<\/span>\n        <\/div>\n        <div class=\"mock-data-row\">\n          <span class=\"mock-data-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg><\/span>\n          <span class=\"mock-data-label\">Tax (GST 10%)<\/span>\n          <span class=\"mock-data-val\">$1,500.00<\/span>\n          <span class=\"mock-data-badge\">\u2713 High<\/span>\n        <\/div>\n        <div style=\"margin-top:14px;padding:12px 14px;background:rgba(38,116,255,.06);border-radius:10px;border:1px solid rgba(38,116,255,.1);display:flex;align-items:center;justify-content:space-between;\">\n          <span style=\"font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:6px;\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Ready to Export<\/span>\n          <span style=\"font-size:12px;color:var(--blue);font-weight:700;background:#fff;padding:4px 12px;border-radius:100px;border:1px solid rgba(38,116,255,.2);\">\u2193 Download Excel<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Dev Panel -->\n  <div id=\"panel-dev\" class=\"feature-panel hidden\">\n    <div class=\"feature-content\">\n      <div class=\"section-label\">IT Teams<\/div>\n      <h3 class=\"heading-md\">The API That<br>Doesn't Break<\/h3>\n      <p class=\"subtext\" style=\"margin-top:14px;\">A developer-friendly JSON API with support for custom schemas, confidence scores, webhook support, and enterprise-grade reliability \u2014 built to integrate with any stack.<\/p>\n      <ul class=\"feature-list\">\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>JSON Parsing with Confidence Scores<\/h4>\n            <p>Every field returned with a confidence rating \u2014 so your system knows what to trust.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>Webhook &amp; REST API<\/h4>\n            <p>Push results to your system automatically. No polling required.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"feature-list-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n          <div class=\"feature-list-text\">\n            <h4>Enterprise SLA &amp; Security<\/h4>\n            <p>99.9% uptime SLA, end-to-end encryption, and ISO 27001 compliance.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n      <div style=\"margin-top:32px;\">\n        <a href=\"https:\/\/calendly.com\/bd--gha\" class=\"btn-primary\">View API Docs \u2192<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"feature-visual\" style=\"background:#0f172a;\">\n      <div class=\"feature-visual-inner\">\n        <div class=\"mock-browser-bar\">\n          <div class=\"mock-browser-btn\" style=\"background:#ff5f57\"><\/div>\n          <div class=\"mock-browser-btn\" style=\"background:#febc2e\"><\/div>\n          <div class=\"mock-browser-btn\" style=\"background:#28c840\"><\/div>\n        <\/div>\n        <div class=\"code-block\">\n          <div class=\"code-line-gray\">\/\/ POST \/api\/v1\/extract<\/div>\n          <div class=\"code-line-white\">{<\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;\"document_url\"<span class=\"code-line-white\">:<\/span> <span class=\"code-line-yellow\">\"s3:\/\/invoices\/apr24.pdf\"<\/span>,<\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;\"fields\"<span class=\"code-line-white\">:<\/span> [<span class=\"code-line-yellow\">\"vendor\"<\/span>, <span class=\"code-line-yellow\">\"total\"<\/span>, <span class=\"code-line-yellow\">\"date\"<\/span>]<\/div>\n          <div class=\"code-line-white\">}<\/div>\n          <br>\n          <div class=\"code-line-gray\">\/\/ Response 200 OK<\/div>\n          <div class=\"code-line-white\">{<\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;\"vendor\"<span class=\"code-line-white\">:<\/span> {<\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;&nbsp;&nbsp;\"value\"<span class=\"code-line-white\">:<\/span> <span class=\"code-line-yellow\">\"PT Sinar Mas\"<\/span>,<\/div>\n          <div class=\"code-line-green\">&nbsp;&nbsp;&nbsp;&nbsp;\"confidence\"<span class=\"code-line-white\">:<\/span> <span class=\"code-line-white\">0.97<\/span><\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;}<\/div>,\n          <div class=\"code-line-blue\">&nbsp;&nbsp;\"total\"<span class=\"code-line-white\">:<\/span> {<\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;&nbsp;&nbsp;\"value\"<span class=\"code-line-white\">:<\/span> <span class=\"code-line-white\">54000000<\/span>,<\/div>\n          <div class=\"code-line-green\">&nbsp;&nbsp;&nbsp;&nbsp;\"confidence\"<span class=\"code-line-white\">:<\/span> <span class=\"code-line-white\">0.99<\/span><\/div>\n          <div class=\"code-line-blue\">&nbsp;&nbsp;}<\/div>\n          <div class=\"code-line-white\">}<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 USE CASES \/ INDUSTRIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"industry-section\">\n  <div class=\"section-center\">\n    <div class=\"section-label\">Use Cases<\/div>\n    <h2 class=\"heading-lg\">Built for Industries That Can't Afford Delays<\/h2>\n    <p class=\"subtext\">Fintelite automates end-to-end document processing, all while adhering to your internal SOPs.<\/p>\n  <\/div>\n\n  <div class=\"industry-nav\">\n    <button class=\"industry-tab active\" onclick=\"switchIndustry('banking', this)\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><rect x=\"3\" y=\"10\" width=\"4\" height=\"12\"\/><rect x=\"10\" y=\"10\" width=\"4\" height=\"12\"\/><rect x=\"17\" y=\"10\" width=\"4\" height=\"12\"\/><path d=\"M2 10l10-7 10 7\"\/><\/svg>\n      Banking &amp; Lending\n    <\/button>\n    <button class=\"industry-tab\" onclick=\"switchIndustry('retail', this)\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n      Retail &amp; Supply Chain\n    <\/button>\n    <button class=\"industry-tab\" onclick=\"switchIndustry('gov', this)\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><line x1=\"6\" y1=\"18\" x2=\"6\" y2=\"11\"\/><line x1=\"10\" y1=\"18\" x2=\"10\" y2=\"11\"\/><line x1=\"14\" y1=\"18\" x2=\"14\" y2=\"11\"\/><line x1=\"18\" y1=\"18\" x2=\"18\" y2=\"11\"\/><polygon points=\"12 2 20 7 4 7\"\/><\/svg>\n      Government\n    <\/button>\n  <\/div>\n\n  <!-- Lending & Banking Panel -->\n  <div id=\"ind-banking\" class=\"industry-panel\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Lower bad-debt risk by 64% with faster and accurate credit decisions<\/h3>\n        <ul class=\"industry-list\">\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Automate extraction, validation, and analysis of financial documents for faster loan processing.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Enable underwriters to focus on risk insights instead of manual data checks.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Scale lending operations without scaling headcount or risk.\n          <\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">3<\/div>\n          Risk score recomputed in real time\n          <div class=\"ind-widget-dots\">\n            <div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">BAD-DEBT RISK \u00b7 LOAN-3892<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> RECOMPUTING<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\">\n            <div class=\"ind-metric-num\">24%<\/div>\n          <\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:24%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Bank Statement<\/span>\n              <span class=\"ind-field-val\">3 months parsed<\/span>\n              <span class=\"ind-field-conf\">\u2713 99%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">DTI Ratio<\/span>\n              <span class=\"ind-field-val\">38.4%<\/span>\n              <span class=\"ind-field-conf\">\u2713 97%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Retail & Supply Chain Panel -->\n  <div id=\"ind-retail\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Reconcile vendor invoices and eliminate manual entry across your supply chain<\/h3>\n        <ul class=\"industry-list\">\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> Multi-vendor invoice extraction at enterprise scale.<\/li>\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> PO matching and discrepancy detection before costly errors occur.<\/li>\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> Direct ERP integration via JSON API across multiple store locations.<\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">2<\/div>\n          Invoice batch reconciliation\n          <div class=\"ind-widget-dots\"><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">PO MATCH \u00b7 BATCH-Q2-2025<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> PROCESSING<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\"><div class=\"ind-metric-num\">98%<\/div><\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:98%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Matched Invoices<\/span><span class=\"ind-field-val\">1,847 \/ 1,882<\/span><span class=\"ind-field-conf\">\u2713 98%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Flagged for Review<\/span><span class=\"ind-field-val\">35<\/span><span class=\"ind-field-conf\" style=\"background:rgba(251,146,60,.1);color:#ea580c;\">\u26a0 Review<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Government Panel -->\n  <div id=\"ind-gov\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Process legal documents and citizen records with enterprise-grade security<\/h3>\n        <ul class=\"industry-list\">\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> Legal document extraction with full metadata and audit trail.<\/li>\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> Identity document processing (passport, ID card) with high accuracy.<\/li>\n          <li><div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div> On-premise deployment available for sensitive public sector data.<\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">1<\/div>\n          Identity document verified\n          <div class=\"ind-widget-dots\"><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">KYC \u00b7 REF-2025-00471<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> VERIFIED<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\"><div class=\"ind-metric-num\">99%<\/div><\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:99%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Full Name<\/span><span class=\"ind-field-val\">John Doe<\/span><span class=\"ind-field-conf\">\u2713 99%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"12\" r=\"2\"\/><path d=\"M14 10h4M14 14h3\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">ID Number<\/span><span class=\"ind-field-val\">ID-2025-00471<\/span><span class=\"ind-field-conf\">\u2713 98%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- REMOVED: Financial Services Panel -->\n  <div id=\"ind-finserv\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Automate financial document workflows and cut processing costs by 70%<\/h3>\n        <ul class=\"industry-list\">\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Extract and reconcile invoices, contracts, and statements at enterprise scale.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Real-time data validation against your ERP or accounting system.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Full audit trail and GDPR-aligned data handling for every document.\n          <\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">2<\/div>\n          Invoice batch reconciliation\n          <div class=\"ind-widget-dots\">\n            <div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">INVOICE BATCH \u00b7 Q2-2025<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> PROCESSING<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\">\n            <div class=\"ind-metric-num\">98%<\/div>\n          <\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:98%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Matched Invoices<\/span>\n              <span class=\"ind-field-val\">1,847 \/ 1,882<\/span>\n              <span class=\"ind-field-conf\">\u2713 98%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Flagged for Review<\/span>\n              <span class=\"ind-field-val\">35<\/span>\n              <span class=\"ind-field-conf\" style=\"background:rgba(251,146,60,.1);color:#ea580c;\">\u26a0 Review<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Healthcare Panel -->\n  <div id=\"ind-health\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Reduce claims processing time by 80% with accurate medical document extraction<\/h3>\n        <ul class=\"industry-list\">\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Extract patient data, diagnoses, and billing codes from medical records automatically.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            HIPAA-compliant processing with end-to-end encryption and access controls.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Integrate directly with EHR systems via REST API.\n          <\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">1<\/div>\n          Medical claim extraction\n          <div class=\"ind-widget-dots\">\n            <div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">CLAIM \u00b7 CLM-2025-4471<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> EXTRACTED<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\">\n            <div class=\"ind-metric-num\">99%<\/div>\n          <\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:99%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Patient<\/span>\n              <span class=\"ind-field-val\">Patient A.<\/span>\n              <span class=\"ind-field-conf\">\u2713 99%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Billed Amount<\/span>\n              <span class=\"ind-field-val\">$4,250.00<\/span>\n              <span class=\"ind-field-conf\">\u2713 98%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Software Panel -->\n  <div id=\"ind-software\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Accelerate contract and vendor management with zero manual data entry<\/h3>\n        <ul class=\"industry-list\">\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Extract key terms, SLAs, and renewal dates from software contracts automatically.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            API-first integration into your existing procurement or CLM platform.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Reduce contract review cycle from days to minutes.\n          <\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">2<\/div>\n          Contract data extraction\n          <div class=\"ind-widget-dots\">\n            <div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">CONTRACT \u00b7 MSA-2025-0098<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> EXTRACTING<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\">\n            <div class=\"ind-metric-num\">12s<\/div>\n          <\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:65%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Renewal Date<\/span>\n              <span class=\"ind-field-val\">12\/31\/2025<\/span>\n              <span class=\"ind-field-conf\">\u2713 99%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Contract Value<\/span>\n              <span class=\"ind-field-val\">$240,000\/yr<\/span>\n              <span class=\"ind-field-conf\">\u2713 97%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Logistics Panel -->\n  <div id=\"ind-logistics\" class=\"industry-panel hidden\">\n    <div class=\"industry-content\">\n      <div class=\"industry-text\">\n        <h3>Digitize shipment documents and eliminate manual data entry across your supply chain<\/h3>\n        <ul class=\"industry-list\">\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Extract data from bills of lading, customs forms, and delivery receipts in seconds.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            PO matching and shipment tracking document reconciliation at scale.\n          <\/li>\n          <li>\n            <div class=\"check-icon\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n            Direct integration with TMS, WMS, and ERP platforms via JSON API.\n          <\/li>\n        <\/ul>\n        \n      <\/div>\n      <div class=\"industry-widget\">\n        <div class=\"ind-widget-bar\">\n          <div class=\"ind-widget-step\">1<\/div>\n          Shipment document parsed\n          <div class=\"ind-widget-dots\">\n            <div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div><div class=\"ind-widget-dot\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ind-widget-body\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n            <div class=\"ind-widget-meta\">BOL \u00b7 SHP-2025-8821<\/div>\n            <div class=\"ind-widget-status\"><div class=\"ind-widget-status-dot\"><\/div> COMPLETE<\/div>\n          <\/div>\n          <div class=\"ind-metric-row\">\n            <div class=\"ind-metric-num\">8s<\/div>\n          <\/div>\n          <div class=\"ind-metric-bar-wrap\"><div class=\"ind-metric-bar\" style=\"width:100%\"><\/div><\/div>\n          <div class=\"ind-widget-fields\">\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 5v3h-7V8z\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">Shipper<\/span>\n              <span class=\"ind-field-val\">Sample Supply Ltd.<\/span>\n              <span class=\"ind-field-conf\">\u2713 99%<\/span>\n            <\/div>\n            <div class=\"ind-widget-field\">\n              <div class=\"ind-field-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n              <span class=\"ind-field-label\">ETA<\/span>\n              <span class=\"ind-field-val\">6\/15\/2025<\/span>\n              <span class=\"ind-field-conf\">\u2713 96%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"testimonials-section\">\n  <div class=\"section-center\">\n    <div class=\"section-label\">Client Stories<\/div>\n    <h2 class=\"heading-lg\">Trusted Across APAC<\/h2>\n    <p class=\"subtext\">See the results, straight from our clients.<\/p>\n  <\/div>\n\n  <div class=\"testimonials-grid\">\n    <!-- Featured -->\n    <div class=\"testimonial-card featured\">\n      \n      \n      <p class=\"testimonial-quote\">\"Fintelite actively supports the operational work of our team. The extraction accuracy and speed have fundamentally changed how we process financial documents \u2014 what used to take our team days now happens in minutes.\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\" style=\"background:#fff;border:1px solid #e2e8f0;padding:2px;\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/06\/Logo_Qazwa-1-1.png\" alt=\"Qazwa\" style=\"width:100%;height:100%;object-fit:contain;border-radius:50%;\" onerror=\"this.style.display='none';this.parentElement.innerHTML='Q';\"><\/div>\n        <div>\n          <div class=\"author-name\">Dikry Paren<\/div>\n          <div class=\"author-role\">CEO, Qazwa<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"testimonial-card\">\n      \n      <p class=\"testimonial-quote\">\"The accuracy and responsiveness of Fintelite's support team is exceptional. Integration into our procurement workflow was faster than any solution we've tried before.\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\" style=\"background:#fff;border:1px solid #e2e8f0;padding:2px;\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Logo_Juragan-Material-1.png\" alt=\"Juragan Material\" style=\"width:100%;height:100%;object-fit:contain;border-radius:50%;\" onerror=\"this.style.display='none';this.parentElement.innerHTML='JM';\"><\/div>\n        <div>\n          <div class=\"author-name\">Andreas Lelu Bastian<\/div>\n          <div class=\"author-role\">Product Manager, Juragan Material<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"testimonial-card\">\n      \n      <p class=\"testimonial-quote\">\"Fintelite has been a game-changer for streamlining our document processing. Our team can now focus on higher-value work instead of manual data entry.\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\" style=\"background:#fff;border:1px solid #e2e8f0;padding:2px;\"><img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/06\/InfoConnect_Logo_3-removebg-preview-2.png\" alt=\"InfoConnect\" style=\"width:100%;height:100%;object-fit:contain;border-radius:50%;\" onerror=\"this.style.display='none';this.parentElement.innerHTML='IC';\"><\/div>\n        <div>\n          <div class=\"author-name\">Mega Tri<\/div>\n          <div class=\"author-role\">Sales Representative, InfoConnect<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NEWS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"news-section\">\n  <div class=\"section-center\" style=\"margin-bottom:48px;\">\n    <div class=\"section-label\">Latest News<\/div>\n    <h2 class=\"heading-lg\" style=\"white-space: nowrap;\">What's Happening in Fintelite<\/h2>\n  <\/div>\n\n  <!-- ============================================================\n       HOW TO ADD NEWS IMAGES:\n       Upload image to WordPress Media \u2192 copy URL \u2192 paste in src=\"\"\n       Recommended size: 800\u00d7400px, landscape ratio\n       ============================================================ -->\n  <div class=\"news-grid\">\n\n    <div class=\"news-card\">\n      <div class=\"news-thumb\">\n        <img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/1700802447445_edit_51487891849158-1-1.jpg\"\n             alt=\"Fintelite FinTech Hackcelerator Singapore\"\n             onerror=\"this.style.display='none';this.parentElement.querySelector('.news-thumb-placeholder').style.display='flex'\">\n        <div class=\"news-thumb-placeholder\" style=\"display:none\">\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"news-body\">\n        <div class=\"news-tag\">Award<\/div>\n        <h4>Fintelite Listed Among Top Companies for the 8th Global FinTech Hackcelerator in Singapore<\/h4>\n      <\/div>\n    <\/div>\n\n    <div class=\"news-card\">\n      <div class=\"news-thumb\">\n        <img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Image_Article-1-2.png\"\n             alt=\"Fintelite Openbank Partnership\"\n             onerror=\"this.style.display='none';this.parentElement.querySelector('.news-thumb-placeholder').style.display='flex'\">\n        <div class=\"news-thumb-placeholder\" style=\"display:none\">\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"news-body\">\n        <div class=\"news-tag\">Partnership<\/div>\n        <h4>Fintelite Collaborates with Openbank to Enhance Loan Processing for Rural and Cooperative Banks<\/h4>\n      <\/div>\n    <\/div>\n\n    <div class=\"news-card\">\n      <div class=\"news-thumb\">\n        <img decoding=\"async\" src=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/unnamed-6-1-1.jpg\"\n             alt=\"Fintelite Dubai Fintech Summit 2024\"\n             onerror=\"this.style.display='none';this.parentElement.querySelector('.news-thumb-placeholder').style.display='flex'\">\n        <div class=\"news-thumb-placeholder\" style=\"display:none\">\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"news-body\">\n        <div class=\"news-tag\">Event<\/div>\n        <h4>Introducing Fintelite AI Document Solutions for Smarter Lending at the Dubai Fintech Summit 2024<\/h4>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-section\">\n  <div class=\"cta-orb cta-orb-1\"><\/div>\n  <div class=\"cta-orb cta-orb-2\"><\/div>\n  <div class=\"cta-orb cta-orb-3\"><\/div>\n  <div class=\"cta-grid-overlay\"><\/div>\n  <div class=\"cta-inner\">\n    \n    <h2>Say goodbye to paperwork burden<\/h2>\n    \n    <div class=\"cta-btns\">\n      <a href=\"https:\/\/calendly.com\/bd--gha\" class=\"btn-white\">Book a Demo \u2192<\/a>\n      <a href=\"https:\/\/fintelite.ai\/trial-our-product-for-free\/\" class=\"btn-ghost\">Try for Free<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var section = document.querySelector('.cta-section');\n  if (!section) return;\n  var orb1 = section.querySelector('.cta-orb-1');\n  var orb2 = section.querySelector('.cta-orb-2');\n  var orb3 = section.querySelector('.cta-orb-3');\n  if (!orb1 || !orb2 || !orb3) return;\n\n  var cx = 0, cy = 0;\n  var tx1 = 0, ty1 = 0;\n  var tx2 = 0, ty2 = 0;\n  var tx3 = 0, ty3 = 0;\n  var cx1 = 0, cy1 = 0;\n  var cx2 = 0, cy2 = 0;\n  var cx3 = 0, cy3 = 0;\n\n  section.addEventListener('mousemove', function(e) {\n    var rect = section.getBoundingClientRect();\n    cx = e.clientX - rect.left;\n    cy = e.clientY - rect.top;\n    var nx = (cx \/ rect.width  - 0.5) * 2;\n    var ny = (cy \/ rect.height - 0.5) * 2;\n    tx1 =  nx * 80;\n    ty1 =  ny * 50;\n    tx2 = -nx * 60;\n    ty2 = -ny * 70;\n    tx3 =  nx * 40;\n    ty3 = -ny * 40;\n  });\n\n  section.addEventListener('mouseleave', function() {\n    tx1 = ty1 = tx2 = ty2 = tx3 = ty3 = 0;\n  });\n\n  function lerp(a, b, t) { return a + (b - a) * t; }\n\n  function animate() {\n    cx1 = lerp(cx1, tx1, 0.06);\n    cy1 = lerp(cy1, ty1, 0.06);\n    cx2 = lerp(cx2, tx2, 0.04);\n    cy2 = lerp(cy2, ty2, 0.04);\n    cx3 = lerp(cx3, tx3, 0.08);\n    cy3 = lerp(cy3, ty3, 0.08);\n    orb1.style.transform = 'translate(' + cx1 + 'px, ' + cy1 + 'px)';\n    orb2.style.transform = 'translate(' + cx2 + 'px, ' + cy2 + 'px)';\n    orb3.style.transform = 'translate(' + cx3 + 'px, ' + cy3 + 'px)';\n    requestAnimationFrame(animate);\n  }\n  animate();\n})();\n<\/script>\n\n<!-- FOOTER REMOVED -->\n\n<script>\n\/\/ \u2500\u2500 Document data store \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst DOC_DATA = {\n  bank: {\n    file: 'bank_statement_Q4_2026.pdf',\n    fields: [\n      { name: 'Account No.',      val: 'XX00 XXXX 0000 0000 0000 00', conf: 99 },\n      { name: 'Account Holder',   val: 'John Doe',                    conf: 98 },\n      { name: 'Period',           val: '01 Oct \u2013 31 Dec 2026',        conf: 99 },\n      { name: 'Currency',         val: 'USD',                         conf: 99 },\n      { name: 'Opening Balance',  val: '$124,890.50',                 conf: 97 },\n      { name: 'Closing Balance',  val: '$198,415.22',                 conf: 97 },\n      { name: 'Total Credits',    val: '$312,750.00',                 conf: 96 },\n      { name: 'Total Debits',     val: '$239,225.28',                 conf: 96 },\n      { name: 'Branch',           val: 'City Business District',      conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"account_no\"<\/span>:       <span class=\"jvs\">\"XX00XXXX000000000000\"<\/span>,\n  <span class=\"jk\">\"account_holder\"<\/span>:  <span class=\"jvs\">\"John Doe\"<\/span>,\n  <span class=\"jk\">\"period\"<\/span>: {\n    <span class=\"jk\">\"from\"<\/span>: <span class=\"jvs\">\"2026-10-01\"<\/span>,\n    <span class=\"jk\">\"to\"<\/span>:   <span class=\"jvs\">\"2026-12-31\"<\/span>\n  },\n  <span class=\"jk\">\"currency\"<\/span>:         <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"opening_balance\"<\/span>:  <span class=\"jn\">124890.50<\/span>,\n  <span class=\"jk\">\"closing_balance\"<\/span>:  <span class=\"jn\">198415.22<\/span>,\n  <span class=\"jk\">\"total_credits\"<\/span>:    <span class=\"jn\">312750.00<\/span>,\n  <span class=\"jk\">\"total_debits\"<\/span>:     <span class=\"jn\">239225.28<\/span>,\n  <span class=\"jk\">\"branch\"<\/span>:           <span class=\"jvs\">\"City Business District\"<\/span>,\n  <span class=\"jk\">\"transactions\"<\/span>: [ <span class=\"jc\">\/* 24 rows extracted *\/<\/span> ],\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>,\n    <span class=\"jk\">\"fields_above_95pct\"<\/span>: <span class=\"jn\">9<\/span>\n  }\n}`\n  },\n  invoice: {\n    file: 'invoice_INV-2026-089.pdf',\n    fields: [\n      { name: 'Invoice No.',     val: 'INV-2026-089',             conf: 99 },\n      { name: 'Vendor',          val: 'Blue Supplier',         conf: 98 },\n      { name: 'Issue Date',      val: '15 Jan 2026',              conf: 99 },\n      { name: 'Due Date',        val: '30 Jan 2026',              conf: 99 },\n      { name: 'Subtotal',        val: '$42,500.00',               conf: 97 },\n      { name: 'GST (10%)',       val: '$4,250.00',                conf: 96 },\n      { name: 'Total Amount',    val: '$46,750.00',               conf: 97 },\n      { name: 'Payment Terms',   val: 'Net 15',                   conf: 95 },\n      { name: 'SWIFT \/ BIC',     val: 'CHASUS33',                 conf: 94 },\n    ],\n    json: `{\n  <span class=\"jk\">\"invoice_no\"<\/span>:    <span class=\"jvs\">\"INV-2026-089\"<\/span>,\n  <span class=\"jk\">\"vendor\"<\/span>:        <span class=\"jvs\">\"Blue Supplier\"<\/span>,\n  <span class=\"jk\">\"issue_date\"<\/span>:    <span class=\"jvs\">\"2026-01-15\"<\/span>,\n  <span class=\"jk\">\"due_date\"<\/span>:      <span class=\"jvs\">\"2026-01-30\"<\/span>,\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">42500.00<\/span>,\n  <span class=\"jk\">\"tax_gst\"<\/span>:       <span class=\"jn\">4250.00<\/span>,\n  <span class=\"jk\">\"total_amount\"<\/span>:  <span class=\"jn\">46750.00<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:      <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_terms\"<\/span>: <span class=\"jvs\">\"Net 15\"<\/span>,\n  <span class=\"jk\">\"line_items\"<\/span>:    [ <span class=\"jc\">\/* 4 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  payslip: {\n    file: 'payslip_march2026.pdf',\n    fields: [\n      { name: 'Employee Name',   val: 'John Doe',                 conf: 99 },\n      { name: 'Employee ID',     val: 'EMP-00342',                conf: 99 },\n      { name: 'Period',          val: 'March 2026',               conf: 99 },\n      { name: 'Basic Salary',    val: '$5,800.00',                conf: 98 },\n      { name: 'Allowances',      val: '$1,200.00',                conf: 97 },\n      { name: 'Gross Pay',       val: '$7,000.00',                conf: 98 },\n      { name: 'Income Tax',      val: '$1,540.00',                conf: 96 },\n      { name: 'Superannuation',  val: '$700.00',                  conf: 96 },\n      { name: 'Net Pay',         val: '$4,760.00',                conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"employee\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>: <span class=\"jvs\">\"John Doe\"<\/span>,\n    <span class=\"jk\">\"id\"<\/span>:   <span class=\"jvs\">\"EMP-00342\"<\/span>\n  },\n  <span class=\"jk\">\"period\"<\/span>:         <span class=\"jvs\">\"2026-03\"<\/span>,\n  <span class=\"jk\">\"basic_salary\"<\/span>:   <span class=\"jn\">5800.00<\/span>,\n  <span class=\"jk\">\"allowances\"<\/span>:     <span class=\"jn\">1200.00<\/span>,\n  <span class=\"jk\">\"gross_pay\"<\/span>:      <span class=\"jn\">7000.00<\/span>,\n  <span class=\"jk\">\"deductions\"<\/span>: {\n    <span class=\"jk\">\"income_tax\"<\/span>:       <span class=\"jn\">1540.00<\/span>,\n    <span class=\"jk\">\"superannuation\"<\/span>:   <span class=\"jn\">700.00<\/span>\n  },\n  <span class=\"jk\">\"net_pay\"<\/span>:        <span class=\"jn\">4760.00<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.98<\/span>\n  }\n}`\n  },\n  loan: {\n    file: 'loan_application_2026.pdf',\n    fields: [\n      { name: 'Applicant',       val: 'John Doe',                 conf: 99 },\n      { name: 'ID No.',          val: 'ID-2026-00891',            conf: 97 },\n      { name: 'Loan Type',       val: 'Home Mortgage',            conf: 99 },\n      { name: 'Loan Amount',     val: '$480,000.00',              conf: 98 },\n      { name: 'Tenor',           val: '300 months (25 yr)',       conf: 99 },\n      { name: 'Monthly Income',  val: '$9,500.00',                conf: 96 },\n      { name: 'Employment',      val: 'Permanent \u2014 Private',      conf: 95 },\n      { name: 'Collateral',      val: 'Title Deed No. 4821-B',   conf: 94 },\n      { name: 'Submission Date', val: '3 Apr 2026',               conf: 99 },\n    ],\n    json: `{\n  <span class=\"jk\">\"applicant\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>:    <span class=\"jvs\">\"John Doe\"<\/span>,\n    <span class=\"jk\">\"id_no\"<\/span>:  <span class=\"jvs\">\"ID-2026-00891\"<\/span>\n  },\n  <span class=\"jk\">\"loan_type\"<\/span>:      <span class=\"jvs\">\"Home Mortgage\"<\/span>,\n  <span class=\"jk\">\"amount\"<\/span>:         <span class=\"jn\">480000.00<\/span>,\n  <span class=\"jk\">\"tenor_months\"<\/span>:   <span class=\"jn\">300<\/span>,\n  <span class=\"jk\">\"monthly_income\"<\/span>: <span class=\"jn\">9500.00<\/span>,\n  <span class=\"jk\">\"employment\"<\/span>:     <span class=\"jvs\">\"Permanent\"<\/span>,\n  <span class=\"jk\">\"employer_type\"<\/span>: <span class=\"jvs\">\"Private Sector\"<\/span>,\n  <span class=\"jk\">\"collateral\"<\/span>:     <span class=\"jvs\">\"Title Deed No. 4821-B\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  po: {\n    file: 'purchase_order_PO-8826.pdf',\n    fields: [\n      { name: 'PO Number',       val: 'PO-8821',                  conf: 99 },\n      { name: 'Buyer',           val: 'Edwin Hans',              conf: 98 },\n      { name: 'Supplier',        val: 'Dummy Supply Ltd.',        conf: 98 },\n      { name: 'Order Date',      val: '10 Feb 2026',              conf: 99 },\n      { name: 'Delivery Date',   val: '25 Feb 2026',              conf: 99 },\n      { name: 'Items',           val: '5 line items',             conf: 97 },\n      { name: 'Subtotal',        val: '$18,500.00',               conf: 97 },\n      { name: 'Tax (10%)',       val: '$1,850.00',                conf: 96 },\n      { name: 'Grand Total',     val: '$20,350.00',               conf: 97 },\n    ],\n    json: `{\n  <span class=\"jk\">\"po_number\"<\/span>:     <span class=\"jvs\">\"PO-8821\"<\/span>,\n  <span class=\"jk\">\"buyer\"<\/span>:         <span class=\"jvs\">\"Edwin Hans\"<\/span>,\n  <span class=\"jk\">\"supplier\"<\/span>:      <span class=\"jvs\">\"Dummy Supply Ltd.\"<\/span>,\n  <span class=\"jk\">\"order_date\"<\/span>:    <span class=\"jvs\">\"2026-02-10\"<\/span>,\n  <span class=\"jk\">\"delivery_date\"<\/span>: <span class=\"jvs\">\"2026-02-25\"<\/span>,\n  <span class=\"jk\">\"line_items\"<\/span>:    [ <span class=\"jc\">\/* 5 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">18500.00<\/span>,\n  <span class=\"jk\">\"tax\"<\/span>:           <span class=\"jn\">1850.00<\/span>,\n  <span class=\"jk\">\"grand_total\"<\/span>:   <span class=\"jn\">20350.00<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  contract: {\n    file: 'service_contract_2026.pdf',\n    fields: [\n      { name: 'Contract No.',    val: 'CTR-2026-0091',            conf: 98 },\n      { name: 'Party A',         val: 'Fintelite Pte. Ltd.',      conf: 99 },\n      { name: 'Party B',         val: 'Sample Logistics Corp.',   conf: 99 },\n      { name: 'Contract Type',   val: 'Service Agreement',        conf: 97 },\n      { name: 'Start Date',      val: '1 Jan 2026',               conf: 99 },\n      { name: 'End Date',        val: '31 Dec 2026',              conf: 99 },\n      { name: 'Contract Value',  val: '$240,000.00',              conf: 96 },\n      { name: 'Payment Terms',   val: 'Monthly \u2014 30th',          conf: 95 },\n      { name: 'Governing Law',   val: 'Singapore',                conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"contract_no\"<\/span>:    <span class=\"jvs\">\"CTR-2026-0091\"<\/span>,\n  <span class=\"jk\">\"parties\"<\/span>: {\n    <span class=\"jk\">\"party_a\"<\/span>: <span class=\"jvs\">\"Fintelite Pte. Ltd.\"<\/span>,\n    <span class=\"jk\">\"party_b\"<\/span>: <span class=\"jvs\">\"Sample Logistics Corp.\"<\/span>\n  },\n  <span class=\"jk\">\"type\"<\/span>:           <span class=\"jvs\">\"Service Agreement\"<\/span>,\n  <span class=\"jk\">\"start_date\"<\/span>:     <span class=\"jvs\">\"2026-01-01\"<\/span>,\n  <span class=\"jk\">\"end_date\"<\/span>:       <span class=\"jvs\">\"2026-12-31\"<\/span>,\n  <span class=\"jk\">\"value\"<\/span>:          <span class=\"jn\">240000.00<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:       <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_terms\"<\/span>: <span class=\"jvs\">\"Monthly 30th\"<\/span>,\n  <span class=\"jk\">\"governing_law\"<\/span>: <span class=\"jvs\">\"Singapore\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  id: {\n    file: 'id_document_sample_2026.jpg',\n    fields: [\n      { name: 'Full Name',       val: 'John Doe',                 conf: 99 },\n      { name: 'ID Number',       val: 'ID-2026-00148',            conf: 98 },\n      { name: 'Date of Birth',   val: '01 Jan 1990',              conf: 99 },\n      { name: 'Gender',          val: 'Male',                     conf: 99 },\n      { name: 'Nationality',     val: 'Sample Country',           conf: 99 },\n      { name: 'Issue Date',      val: '01 Jan 2026',              conf: 97 },\n      { name: 'Expiry Date',     val: '01 Jan 2030',              conf: 97 },\n      { name: 'Document Type',   val: 'National ID Card',         conf: 98 },\n      { name: 'Marital Status',  val: 'Single',                   conf: 95 },\n    ],\n    json: `{\n  <span class=\"jk\">\"full_name\"<\/span>:       <span class=\"jvs\">\"John Doe\"<\/span>,\n  <span class=\"jk\">\"id_number\"<\/span>:       <span class=\"jvs\">\"ID-2026-00148\"<\/span>,\n  <span class=\"jk\">\"dob\"<\/span>:             <span class=\"jvs\">\"1990-01-01\"<\/span>,\n  <span class=\"jk\">\"gender\"<\/span>:          <span class=\"jvs\">\"Male\"<\/span>,\n  <span class=\"jk\">\"nationality\"<\/span>:     <span class=\"jvs\">\"Sample Country\"<\/span>,\n  <span class=\"jk\">\"issue_date\"<\/span>:      <span class=\"jvs\">\"2026-01-01\"<\/span>,\n  <span class=\"jk\">\"expiry_date\"<\/span>:     <span class=\"jvs\">\"2030-01-01\"<\/span>,\n  <span class=\"jk\">\"document_type\"<\/span>:   <span class=\"jvs\">\"National ID Card\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.98<\/span>\n  }\n}`\n  },\n  receipt: {\n    file: 'receipt_0042_2026.jpg',\n    fields: [\n      { name: 'Merchant',        val: 'Sample Retail Store',      conf: 97 },\n      { name: 'Transaction ID',  val: 'TXN-20240315-0042',        conf: 98 },\n      { name: 'Date & Time',     val: '15 Mar 2026, 14:32',       conf: 99 },\n      { name: 'Items',           val: '6 items',                  conf: 96 },\n      { name: 'Subtotal',        val: '$42.80',                   conf: 98 },\n      { name: 'Discount',        val: '$5.00',                    conf: 97 },\n      { name: 'Total',           val: '$37.80',                   conf: 99 },\n      { name: 'Payment Method',  val: 'Visa Contactless',         conf: 98 },\n      { name: 'Cashier',         val: 'Staff A.',                 conf: 90 },\n    ],\n    json: `{\n  <span class=\"jk\">\"merchant\"<\/span>:      <span class=\"jvs\">\"Sample Retail Store\"<\/span>,\n  <span class=\"jk\">\"txn_id\"<\/span>:        <span class=\"jvs\">\"TXN-20240315-0042\"<\/span>,\n  <span class=\"jk\">\"datetime\"<\/span>:      <span class=\"jvs\">\"2026-03-15T14:32:00\"<\/span>,\n  <span class=\"jk\">\"items\"<\/span>:         [ <span class=\"jc\">\/* 6 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"subtotal\"<\/span>:      <span class=\"jn\">42.80<\/span>,\n  <span class=\"jk\">\"discount\"<\/span>:      <span class=\"jn\">5.00<\/span>,\n  <span class=\"jk\">\"total\"<\/span>:          <span class=\"jn\">37.80<\/span>,\n  <span class=\"jk\">\"currency\"<\/span>:      <span class=\"jvs\">\"USD\"<\/span>,\n  <span class=\"jk\">\"payment_method\"<\/span>:<span class=\"jvs\">\"Visa Contactless\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.97<\/span>\n  }\n}`\n  },\n  medical: {\n    file: 'medical_record_2026.pdf',\n    fields: [\n      { name: 'Patient Name',    val: 'Patient A.',               conf: 99 },\n      { name: 'Patient ID',      val: 'MR-001-20260201',         conf: 99 },\n      { name: 'Visit Date',      val: '1 Feb 2026',               conf: 99 },\n      { name: 'Diagnosis',       val: 'Hypertension (I10)',        conf: 95 },\n      { name: 'Doctor',          val: 'Dr. Sample, MD',           conf: 98 },\n      { name: 'Prescription',    val: 'Amlodipine 5mg \/ Losartan 50mg', conf: 93 },\n      { name: 'Lab Results',     val: 'BP: 145\/92 mmHg',          conf: 96 },\n      { name: 'Follow-up',       val: '1 Mar 2026',               conf: 97 },\n      { name: 'Facility',        val: 'Sample General Hospital',  conf: 98 },\n    ],\n    json: `{\n  <span class=\"jk\">\"patient\"<\/span>: {\n    <span class=\"jk\">\"name\"<\/span>: <span class=\"jvs\">\"Patient A.\"<\/span>,\n    <span class=\"jk\">\"id\"<\/span>:   <span class=\"jvs\">\"MR-001-20260201\"<\/span>\n  },\n  <span class=\"jk\">\"visit_date\"<\/span>:   <span class=\"jvs\">\"2026-02-01\"<\/span>,\n  <span class=\"jk\">\"diagnosis\"<\/span>:    <span class=\"jvs\">\"Hypertension\"<\/span>,\n  <span class=\"jk\">\"icd_code\"<\/span>:     <span class=\"jvs\">\"I10\"<\/span>,\n  <span class=\"jk\">\"doctor\"<\/span>:       <span class=\"jvs\">\"Dr. Sample, MD\"<\/span>,\n  <span class=\"jk\">\"prescription\"<\/span>: [ <span class=\"jc\">\/* 2 items extracted *\/<\/span> ],\n  <span class=\"jk\">\"lab\"<\/span>: {\n    <span class=\"jk\">\"bp_systolic\"<\/span>:  <span class=\"jn\">145<\/span>,\n    <span class=\"jk\">\"bp_diastolic\"<\/span>: <span class=\"jn\">92<\/span>\n  },\n  <span class=\"jk\">\"facility\"<\/span>:     <span class=\"jvs\">\"Sample General Hospital\"<\/span>,\n  <span class=\"jk\">\"confidence\"<\/span>: {\n    <span class=\"jk\">\"overall\"<\/span>: <span class=\"jn\">0.96<\/span>\n  }\n}`\n  }\n};\n\nlet currentDocTab = 'viewer';\nlet currentDocKey  = 'bank';   \/\/ tracks the active document type\n\nfunction renderDocViewer(key) {\n  const d = DOC_DATA[key];\n  document.getElementById('docFilename').textContent = d.file;\n  \/\/ Table\n  const rows = d.fields.map(f => `\n    <tr>\n      <td class=\"doc-field-name\">${f.name}<\/td>\n      <td class=\"doc-field-val\">${f.val}<span class=\"conf\">\u2713 ${f.conf}%<\/span><\/td>\n    <\/tr>`).join('');\n  document.getElementById('docTable').innerHTML = rows;\n  \/\/ JSON\n  document.getElementById('docJson').innerHTML = d.json;\n}\n\nfunction switchDoc(key, el) {\n  currentDocKey = key;   \/\/ \u2190 keep track of which doc is active\n  document.querySelectorAll('.doc-chip').forEach(c => c.classList.remove('active'));\n  el.classList.add('active');\n  \/\/ Animate card\n  const card = document.getElementById('docCard');\n  card.style.opacity = '0'; card.style.transform = 'translateY(6px)';\n  setTimeout(() => {\n    renderDocViewer(key);\n    card.style.transition = 'opacity .25s ease, transform .25s ease';\n    card.style.opacity = '1'; card.style.transform = 'translateY(0)';\n  }, 140);\n}\n\nfunction switchDocTab(tab) {\n  currentDocTab = tab;\n  document.getElementById('tabViewer').classList.toggle('active', tab === 'viewer');\n  document.getElementById('tabJson').classList.toggle('active', tab === 'json');\n  document.getElementById('panelViewer').classList.toggle('active', tab === 'viewer');\n  document.getElementById('panelJson').classList.toggle('active', tab === 'json');\n}\n\n\/\/ Init\nrenderDocViewer('bank');\n\n\/\/ \u2500\u2500 Download JSON button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.querySelector('.doc-download-btn').addEventListener('click', function () {\n  const d = DOC_DATA[currentDocKey];\n  if (!d) return;\n\n  \/\/ Strip HTML tags from the syntax-highlighted JSON string to get clean JSON\n  const cleanJson = d.json\n    .replace(\/<[^>]+>\/g, '')            \/\/ remove all <span> tags\n    .replace(\/&quot;\/g, '\"')            \/\/ decode HTML entities\n    .replace(\/&amp;\/g, '&')\n    .replace(\/&lt;\/g, '<')\n    .replace(\/&gt;\/g, '>')\n    .replace(\/\\\/\\*[\\s\\S]*?\\*\\\/\/g, '[]') \/\/ replace \/* comments *\/ with empty array []\n    .replace(\/\\s{2,}\/g, ' ');           \/\/ collapse extra whitespace\n\n  \/\/ Validate + pretty-print\n  let output;\n  try {\n    output = JSON.stringify(JSON.parse(cleanJson), null, 2);\n  } catch (e) {\n    \/\/ Fallback: return cleaned string as-is\n    output = cleanJson.trim();\n  }\n\n  const blob = new Blob([output], { type: 'application\/json' });\n  const url  = URL.createObjectURL(blob);\n  const a    = document.createElement('a');\n  a.href     = url;\n  a.download = d.file.replace('.pdf', '_extracted.json');\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n});\n<\/script>\n<script>\n(function() {\n    var imgs = [\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Upload.png',\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Extract-and-Enrich.png',\n      'https:\/\/fintelite.ai\/wp-content\/uploads\/2026\/01\/Export.png'\n    ];\n    window.switchHiw = function(idx, el) {\n      document.querySelectorAll('.hiw-step').forEach(function(s){ s.classList.remove('active'); });\n      el.classList.add('active');\n      var img = document.getElementById('hiwImg');\n      img.classList.add('fade-out');\n      setTimeout(function() {\n        img.src = imgs[idx];\n        img.alt = el.querySelector('.hiw-step-title').textContent;\n        img.classList.remove('fade-out');\n      }, 250);\n    };\n  })();\n<\/script>\n<script>\n\/\/ Feature tab switcher\n  function switchTab(tab, el) {\n    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n    document.querySelectorAll('.feature-panel').forEach(p => p.classList.add('hidden'));\n    el.classList.add('active');\n    document.getElementById('panel-' + tab).classList.remove('hidden');\n  }\n\n  \/\/ Industry tab switcher\n  function switchIndustry(ind, el) {\n    document.querySelectorAll('.industry-tab').forEach(b => b.classList.remove('active'));\n    document.querySelectorAll('.industry-panel').forEach(p => p.classList.add('hidden'));\n    el.classList.add('active');\n    document.getElementById('ind-' + ind).classList.remove('hidden');\n  }\n\n  \/\/ Navbar scroll effect \u2014 adds .scrolled class\n  const mainNav = document.getElementById('main-nav');\n  window.addEventListener('scroll', () => {\n    if (window.scrollY > 20) {\n      mainNav.classList.add('scrolled');\n    } else {\n      mainNav.classList.remove('scrolled');\n    }\n  });\n\n  \/\/ Language switcher toggle\n  function toggleLang() {\n    document.getElementById('langSwitcher').classList.toggle('open');\n  }\n  \/\/ Close on outside click\n  document.addEventListener('click', (e) => {\n    const ls = document.getElementById('langSwitcher');\n    if (!ls.contains(e.target)) ls.classList.remove('open');\n  });\n  \/\/ Language option click\n  document.querySelectorAll('.lang-option').forEach(opt => {\n    opt.addEventListener('click', (e) => {\n      e.preventDefault();\n      document.querySelectorAll('.lang-option').forEach(o => {\n        o.classList.remove('active');\n        o.querySelector('.lang-active-dot')?.remove();\n      });\n      opt.classList.add('active');\n      if (!opt.querySelector('.lang-active-dot')) {\n        const dot = document.createElement('span');\n        dot.className = 'lang-active-dot';\n        opt.appendChild(dot);\n      }\n      const flag = opt.querySelector('.lang-flag').textContent;\n      const code = opt.querySelector('.lang-option-name').textContent.slice(0,2).toUpperCase();\n      document.querySelector('.lang-switcher-btn .lang-flag').textContent = flag;\n      document.querySelector('.lang-switcher-btn .lang-code').textContent = code;\n      document.getElementById('langSwitcher').classList.remove('open');\n    });\n  });\n<\/script>\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":"<p>Document AI Solutions Turn Any Document into Clean Data in Seconds Define what data you need, upload files, and export it clean. That&#8217;s all it takes to pull structured data from even the most complex documents. Book Demo \u2192 Try for Free 5\/31\/2025 BS Blue Holdings billing@bluesapphire.co INV-2024-0324 Due 5\/31\/2025 $8,500.00 $6,500.00 Total Amount $15,000.00 [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-17159","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fintelite AI - Documents to Data, Automated<\/title>\n<meta name=\"description\" content=\"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with &gt;95% accuracy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fintelite.ai\/id\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fintelite AI - Documents to Data, Automated\" \/>\n<meta property=\"og:description\" content=\"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with &gt;95% accuracy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fintelite.ai\/id\/\" \/>\n<meta property=\"og:site_name\" content=\"Fintelite\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-17T03:35:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"53 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/\",\"url\":\"https:\\\/\\\/fintelite.ai\\\/\",\"name\":\"Fintelite AI - Documents to Data, Automated\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fintelite.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Frame-281192-e1758867277432.png\",\"datePublished\":\"2026-06-10T08:01:17+00:00\",\"dateModified\":\"2026-06-17T03:35:12+00:00\",\"description\":\"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with >95% accuracy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fintelite.ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fintelite.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Frame-281192-e1758867277432.png\",\"contentUrl\":\"https:\\\/\\\/fintelite.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Frame-281192-e1758867277432.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fintelite.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fintelite AI &#8211; Documents to Data, Automated\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#website\",\"url\":\"https:\\\/\\\/fintelite.ai\\\/\",\"name\":\"Fintelite\",\"description\":\"Intelligent Process\u00a0for\u00a0Business\",\"publisher\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fintelite.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#organization\",\"name\":\"Sribuu Financial PTE. LTD\",\"alternateName\":\"Fintelite\",\"url\":\"https:\\\/\\\/fintelite.ai\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fintelite.ai\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/fintelite-logo.png\",\"contentUrl\":\"https:\\\/\\\/fintelite.ai\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/fintelite-logo.png\",\"width\":691,\"height\":160,\"caption\":\"Sribuu Financial PTE. LTD\"},\"image\":{\"@id\":\"https:\\\/\\\/fintelite.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fintelite AI - Documents to Data, Automated","description":"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with >95% accuracy.","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:\/\/fintelite.ai\/id\/","og_locale":"id_ID","og_type":"article","og_title":"Fintelite AI - Documents to Data, Automated","og_description":"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with >95% accuracy.","og_url":"https:\/\/fintelite.ai\/id\/","og_site_name":"Fintelite","article_modified_time":"2026-06-17T03:35:12+00:00","og_image":[{"url":"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"53 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fintelite.ai\/","url":"https:\/\/fintelite.ai\/","name":"Fintelite AI - Documents to Data, Automated","isPartOf":{"@id":"https:\/\/fintelite.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fintelite.ai\/#primaryimage"},"image":{"@id":"https:\/\/fintelite.ai\/#primaryimage"},"thumbnailUrl":"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png","datePublished":"2026-06-10T08:01:17+00:00","dateModified":"2026-06-17T03:35:12+00:00","description":"Fintelite provides AI-powered OCR data extraction to convert high-volume documents into structured data in a format fits your workflow. Template-free, with >95% accuracy.","breadcrumb":{"@id":"https:\/\/fintelite.ai\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fintelite.ai\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/fintelite.ai\/#primaryimage","url":"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png","contentUrl":"https:\/\/fintelite.ai\/wp-content\/uploads\/2025\/09\/Frame-281192-e1758867277432.png"},{"@type":"BreadcrumbList","@id":"https:\/\/fintelite.ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fintelite.ai\/"},{"@type":"ListItem","position":2,"name":"Fintelite AI &#8211; Documents to Data, Automated"}]},{"@type":"WebSite","@id":"https:\/\/fintelite.ai\/#website","url":"https:\/\/fintelite.ai\/","name":"Fintelite","description":"Intelligent Process\u00a0for\u00a0Business","publisher":{"@id":"https:\/\/fintelite.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fintelite.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/fintelite.ai\/#organization","name":"Sribuu Financial PTE. LTD","alternateName":"Fintelite","url":"https:\/\/fintelite.ai\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/fintelite.ai\/#\/schema\/logo\/image\/","url":"https:\/\/fintelite.ai\/wp-content\/uploads\/2023\/05\/fintelite-logo.png","contentUrl":"https:\/\/fintelite.ai\/wp-content\/uploads\/2023\/05\/fintelite-logo.png","width":691,"height":160,"caption":"Sribuu Financial PTE. LTD"},"image":{"@id":"https:\/\/fintelite.ai\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/pages\/17159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/comments?post=17159"}],"version-history":[{"count":20,"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/pages\/17159\/revisions"}],"predecessor-version":[{"id":17245,"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/pages\/17159\/revisions\/17245"}],"wp:attachment":[{"href":"https:\/\/fintelite.ai\/id\/wp-json\/wp\/v2\/media?parent=17159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}