{"id":4966,"date":"2026-01-16T07:59:20","date_gmt":"2026-01-16T07:59:20","guid":{"rendered":"https:\/\/znicrm.com\/resources\/?page_id=4966"},"modified":"2026-01-16T08:15:56","modified_gmt":"2026-01-16T08:15:56","slug":"field-force-automation-software","status":"publish","type":"page","link":"https:\/\/znicrm.com\/resources\/field-force-automation-software","title":{"rendered":"Field Force Automation Software"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4966\" class=\"elementor elementor-4966\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dcd4c13 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dcd4c13\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6aaedd9\" data-id=\"6aaedd9\" data-element_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-2a6bae1 elementor-widget elementor-widget-html\" data-id=\"2a6bae1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  \/* ========= TeamSpoor Landing (Elementor HTML Widget) ========= *\/\n  .ts-page{\n    --bg:#ffffff;\n    --ink:#0b1b2b;\n    --muted:#4a5a6a;\n    --muted2:#6b7a8a;\n    --line:#e7edf3;\n    --panel:#f7fafc;\n    --panel2:#f3f7fb;\n    --brand:#1b6cff;\n    --brand2:#2563eb;\n    --accent:#14b8a6;\n    --gold:#f59e0b;\n    --shadow: 0 16px 40px rgba(10, 35, 60, .10);\n    --shadow2: 0 10px 24px rgba(10, 35, 60, .08);\n    --radius: 18px;\n    --radius2: 26px;\n    --max: 1120px;\n\n    background: var(--bg);\n    color: var(--ink);\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n    line-height: 1.45;\n  }\n  .ts-page *{ box-sizing: border-box; }\n  .ts-page a{ color: inherit; text-decoration: none; }\n  .ts-wrap{ max-width: var(--max); margin: 0 auto; padding: 0 20px; }\n  .ts-section{ padding: 72px 0; }\n  .ts-section.ts-compact{ padding: 56px 0; }\n  .ts-kicker{\n    display:inline-flex; gap:10px; align-items:center;\n    padding: 8px 12px; border:1px solid var(--line); background: #fff;\n    border-radius: 999px; color: var(--muted);\n    box-shadow: 0 8px 18px rgba(10,35,60,.05);\n    font-size: 13px; letter-spacing: .2px;\n  }\n  .ts-dot{ width:8px; height:8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(20,184,166,.12); }\n  .ts-h1{\n    font-size: clamp(30px, 4vw, 52px);\n    line-height: 1.08;\n    margin: 14px 0 12px;\n    letter-spacing: -0.02em;\n  }\n  .ts-h2{\n    font-size: clamp(22px, 3vw, 34px);\n    line-height: 1.15;\n    margin: 0 0 12px;\n    letter-spacing: -0.015em;\n  }\n  .ts-h3{\n    font-size: 18px;\n    margin: 0 0 8px;\n    letter-spacing: -0.01em;\n  }\n  .ts-lead{\n    font-size: 18px;\n    color: var(--muted);\n    max-width: 62ch;\n    margin: 0 0 20px;\n  }\n  .ts-sub{\n    color: var(--muted2);\n    font-size: 14px;\n    margin: 10px 0 0;\n  }\n  .ts-row{ display:grid; gap: 26px; }\n  .ts-row-2{ grid-template-columns: 1.15fr .85fr; align-items: center; }\n  .ts-row-2b{ grid-template-columns: .95fr 1.05fr; align-items: start; }\n  .ts-row-3{ grid-template-columns: repeat(3, 1fr); }\n  .ts-row-4{ grid-template-columns: repeat(4, 1fr); }\n\n  .ts-btns{ display:flex; gap:12px; flex-wrap: wrap; align-items: center; margin-top: 18px; }\n  .ts-btn{\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\n    padding: 12px 16px;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    font-weight: 700;\n    font-size: 14px;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;\n    user-select: none;\n    min-width: 170px;\n  }\n  .ts-btn svg{ width:18px; height:18px; }\n  .ts-btn-primary{\n    background: linear-gradient(180deg, #2b78ff, var(--brand2));\n    color: #fff;\n    box-shadow: 0 14px 30px rgba(37, 99, 235, .22);\n  }\n  .ts-btn-primary:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 18px 36px rgba(37, 99, 235, .28);\n  }\n  .ts-btn-secondary{\n    background: #fff;\n    color: var(--ink);\n    border-color: var(--line);\n    box-shadow: 0 10px 24px rgba(10,35,60,.06);\n  }\n  .ts-btn-secondary:hover{\n    transform: translateY(-2px);\n    border-color: rgba(27,108,255,.35);\n    box-shadow: 0 14px 28px rgba(10,35,60,.08);\n  }\n  .ts-link{\n    color: var(--brand2);\n    font-weight: 700;\n    border-bottom: 1px solid rgba(37,99,235,.25);\n    padding-bottom: 1px;\n  }\n  .ts-link:hover{ border-bottom-color: rgba(37,99,235,.6); }\n\n  .ts-surface{\n    background: radial-gradient(1100px 600px at 20% 5%, rgba(27,108,255,.08), transparent 60%),\n                radial-gradient(900px 520px at 82% 16%, rgba(20,184,166,.10), transparent 62%),\n                linear-gradient(180deg, #ffffff, #ffffff);\n    border-top: 1px solid rgba(231,237,243,.6);\n    border-bottom: 1px solid rgba(231,237,243,.6);\n  }\n  .ts-card{\n    background: #fff;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow2);\n  }\n  .ts-panel{\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    border: 1px solid var(--line);\n    border-radius: var(--radius2);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n    position: relative;\n  }\n  .ts-panel::before{\n    content:\"\";\n    position:absolute; inset: -2px;\n    background: radial-gradient(700px 220px at 20% 12%, rgba(27,108,255,.14), transparent 55%),\n                radial-gradient(700px 240px at 86% 22%, rgba(20,184,166,.12), transparent 56%);\n    pointer-events:none;\n  }\n  .ts-panel > *{ position: relative; }\n\n  .ts-badges{ display:flex; flex-wrap: wrap; gap:10px; margin-top: 18px; }\n  .ts-badge{\n    display:inline-flex; gap:10px; align-items:center;\n    padding: 10px 12px;\n    border-radius: 999px;\n    border:1px solid var(--line);\n    background: #fff;\n    font-size: 13px;\n    color: var(--muted);\n  }\n  .ts-badge strong{ color: var(--ink); font-weight: 800; }\n  .ts-badge svg{ width:18px; height:18px; flex: 0 0 18px; }\n\n  \/* HERO VISUAL: CSS\/SVG \"Ops Console\" *\/\n  .ts-console{\n    padding: 18px;\n  }\n  .ts-console-top{\n    display:flex; align-items:center; justify-content:space-between; gap:12px;\n    padding: 14px 14px 12px;\n    border-bottom: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n  }\n  .ts-console-title{\n    display:flex; align-items:center; gap:10px; font-weight: 900;\n    letter-spacing: -.01em;\n  }\n  .ts-chip{\n    display:inline-flex; align-items:center; gap:8px;\n    padding: 8px 10px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: #fff;\n    color: var(--muted);\n    font-size: 12px;\n    white-space: nowrap;\n  }\n  .ts-chip .ts-pulse{\n    width:10px; height:10px; border-radius: 50%;\n    background: var(--accent);\n    box-shadow: 0 0 0 6px rgba(20,184,166,.12);\n    animation: tsPulse 2.3s ease-in-out infinite;\n  }\n  @keyframes tsPulse{\n    0%,100%{ transform: scale(.92); opacity: .95; }\n    50%{ transform: scale(1.12); opacity: .75; }\n  }\n  .ts-console-grid{\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 14px;\n    padding: 14px;\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n  }\n  .ts-mini{\n    border: 1px solid var(--line);\n    border-radius: 16px;\n    background: linear-gradient(180deg, #ffffff, #f6f9fd);\n    overflow: hidden;\n  }\n  .ts-mini-head{\n    display:flex; align-items:center; justify-content:space-between; gap:10px;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--line);\n    color: var(--muted);\n    font-size: 12px;\n    font-weight: 800;\n  }\n  .ts-mini-body{ padding: 12px; }\n  .ts-kpis{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n  .ts-kpi{\n    border: 1px solid var(--line);\n    border-radius: 14px;\n    padding: 10px;\n    background: #fff;\n  }\n  .ts-kpi .n{ font-size: 18px; font-weight: 900; letter-spacing: -.01em; }\n  .ts-kpi .l{ font-size: 12px; color: var(--muted2); margin-top: 2px; }\n  .ts-bars{ display:flex; align-items:flex-end; gap:6px; height: 72px; padding: 4px 2px 2px; }\n  .ts-bar{\n    width: 10px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, rgba(27,108,255,.25), rgba(37,99,235,.95));\n    opacity: .88;\n  }\n  .ts-route{\n    height: 128px;\n    border-radius: 14px;\n    border: 1px solid var(--line);\n    background: radial-gradient(120px 90px at 18% 30%, rgba(27,108,255,.16), transparent 60%),\n                radial-gradient(140px 100px at 72% 70%, rgba(20,184,166,.18), transparent 62%),\n                linear-gradient(180deg, #ffffff, #f4f8ff);\n    position: relative;\n    overflow: hidden;\n  }\n  .ts-route svg{ position:absolute; inset: 0; width:100%; height:100%; }\n  .ts-feed{\n    display:flex; flex-direction:column; gap:10px;\n  }\n  .ts-event{\n    display:flex; gap:10px; align-items:flex-start;\n    padding: 10px;\n    border: 1px solid var(--line);\n    border-radius: 14px;\n    background: #fff;\n  }\n  .ts-event .b{\n    width: 10px; height: 10px; border-radius: 50%;\n    background: var(--brand2);\n    margin-top: 4px;\n    box-shadow: 0 0 0 5px rgba(37,99,235,.12);\n    flex: 0 0 auto;\n  }\n  .ts-event .t{ font-weight: 800; font-size: 13px; }\n  .ts-event .s{ color: var(--muted2); font-size: 12px; margin-top: 2px; }\n\n  \/* Problems: \"Signal vs Noise\" board *\/\n  .ts-board{\n    display:grid;\n    gap: 14px;\n  }\n  .ts-slab{\n    padding: 16px;\n    border-radius: 18px;\n    border: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n    box-shadow: 0 10px 24px rgba(10,35,60,.06);\n    position: relative;\n    overflow: hidden;\n  }\n  .ts-slab::after{\n    content:\"\";\n    position:absolute; right: -60px; top: -60px;\n    width: 180px; height: 180px; border-radius: 50%;\n    background: radial-gradient(circle at 30% 30%, rgba(20,184,166,.22), transparent 60%);\n    pointer-events:none;\n  }\n  .ts-slab h3{ margin: 0 0 8px; }\n  .ts-slab p{ margin: 0; color: var(--muted); }\n  .ts-points{ margin: 12px 0 0; padding: 0; list-style: none; display:grid; gap: 10px; }\n  .ts-points li{\n    display:flex; gap:10px; align-items:flex-start;\n    padding: 10px 12px;\n    border-radius: 14px;\n    border: 1px solid var(--line);\n    background: #fff;\n  }\n  .ts-ico{\n    width: 28px; height: 28px;\n    border-radius: 10px;\n    background: linear-gradient(180deg, rgba(27,108,255,.14), rgba(37,99,235,.05));\n    border: 1px solid rgba(37,99,235,.18);\n    display:flex; align-items:center; justify-content:center;\n    flex: 0 0 28px;\n    margin-top: 1px;\n  }\n  .ts-ico svg{ width: 16px; height: 16px; }\n\n  \/* Choosing guide: \"Decision Tracks\" *\/\n  .ts-steps{\n    display:grid;\n    gap: 12px;\n  }\n  .ts-step{\n    border: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow: 0 10px 22px rgba(10,35,60,.06);\n  }\n  .ts-step summary{\n    list-style: none;\n    cursor: pointer;\n    display:flex; align-items:center; justify-content:space-between; gap: 14px;\n    padding: 14px 16px;\n    font-weight: 900;\n  }\n  .ts-step summary::-webkit-details-marker{ display:none; }\n  .ts-step summary .meta{\n    display:flex; gap: 12px; align-items:center;\n    color: var(--ink);\n  }\n  .ts-step summary .pill{\n    font-size: 12px;\n    color: var(--muted);\n    border: 1px solid var(--line);\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: #fff;\n    font-weight: 800;\n  }\n  .ts-step summary .chev{\n    width: 34px; height: 34px;\n    border-radius: 12px;\n    border: 1px solid var(--line);\n    background: #fff;\n    display:flex; align-items:center; justify-content:center;\n    transition: transform .18s ease;\n    flex: 0 0 auto;\n  }\n  .ts-step[open] summary .chev{ transform: rotate(180deg); }\n  .ts-step .body{\n    padding: 0 16px 16px;\n    color: var(--muted);\n    display:grid;\n    gap: 10px;\n  }\n  .ts-step .body ul{\n    margin: 0;\n    padding-left: 18px;\n    color: var(--muted);\n  }\n  .ts-step .body li{ margin: 4px 0; }\n  .ts-step .callout{\n    border: 1px dashed rgba(37,99,235,.35);\n    background: rgba(37,99,235,.06);\n    padding: 12px 12px;\n    border-radius: 14px;\n    color: #284a83;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  \/* Why TeamSpoor: \"Pillars\" *\/\n  .ts-pillars{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n  .ts-pillar{\n    padding: 18px;\n    border: 1px solid var(--line);\n    border-radius: 22px;\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n    box-shadow: 0 14px 30px rgba(10,35,60,.08);\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .ts-pillar::before{\n    content:\"\";\n    position:absolute; inset: -2px;\n    background: radial-gradient(420px 180px at 20% 10%, rgba(27,108,255,.16), transparent 60%),\n                radial-gradient(420px 180px at 85% 70%, rgba(20,184,166,.14), transparent 62%);\n    opacity: .7;\n    pointer-events:none;\n  }\n  .ts-pillar > *{ position: relative; }\n  .ts-pillar:hover{\n    transform: translateY(-3px);\n    box-shadow: 0 18px 38px rgba(10,35,60,.11);\n    border-color: rgba(37,99,235,.28);\n  }\n  .ts-pillar .cap{\n    display:flex; align-items:center; gap:10px;\n    font-size: 13px;\n    font-weight: 900;\n    color: var(--muted);\n    margin-bottom: 10px;\n  }\n  .ts-pillar .cap .mark{\n    width: 34px; height: 34px; border-radius: 14px;\n    display:flex; align-items:center; justify-content:center;\n    background: #fff;\n    border: 1px solid var(--line);\n  }\n  .ts-pillar .cap svg{ width: 18px; height: 18px; }\n  .ts-pillar p{ margin: 0; color: var(--muted); }\n\n  \/* Feature console: CSS-only tabs *\/\n  .ts-tabs{\n    border: 1px solid var(--line);\n    border-radius: var(--radius2);\n    overflow: hidden;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n  .ts-tabs .top{\n    display:flex; flex-wrap: wrap; gap: 10px;\n    padding: 14px;\n    border-bottom: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n  }\n  .ts-tabs input{ position:absolute; opacity:0; pointer-events:none; }\n  .ts-tab{\n    display:inline-flex; align-items:center; gap:10px;\n    padding: 10px 12px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: #fff;\n    color: var(--muted);\n    font-weight: 900;\n    font-size: 13px;\n    cursor: pointer;\n    transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;\n    user-select: none;\n  }\n  .ts-tab svg{ width: 16px; height: 16px; }\n  .ts-tab:hover{\n    transform: translateY(-1px);\n    border-color: rgba(37,99,235,.32);\n    color: #22406f;\n  }\n  .ts-tabs .panes{ padding: 16px; }\n  .ts-pane{\n    display:none;\n    border-radius: 18px;\n    border: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    padding: 16px;\n    overflow: hidden;\n  }\n  .ts-pane .grid{\n    display:grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: 14px;\n    align-items: start;\n  }\n  .ts-pane .bullets{\n    margin: 10px 0 0;\n    padding: 0;\n    list-style: none;\n    display:grid;\n    gap: 8px;\n  }\n  .ts-pane .bullets li{\n    display:flex; gap: 10px; align-items:flex-start;\n    padding: 10px 12px;\n    border-radius: 14px;\n    border: 1px solid var(--line);\n    background: #fff;\n  }\n  .ts-tick{\n    width: 22px; height: 22px;\n    border-radius: 8px;\n    background: rgba(20,184,166,.12);\n    border: 1px solid rgba(20,184,166,.28);\n    display:flex; align-items:center; justify-content:center;\n    flex: 0 0 22px;\n    margin-top: 1px;\n  }\n  .ts-tick svg{ width: 14px; height: 14px; }\n  .ts-pane .right{\n    border-radius: 16px;\n    border: 1px solid var(--line);\n    background: radial-gradient(220px 160px at 20% 25%, rgba(27,108,255,.14), transparent 60%),\n                radial-gradient(220px 160px at 85% 75%, rgba(20,184,166,.14), transparent 62%),\n                linear-gradient(180deg, #ffffff, #f6f9fd);\n    padding: 14px;\n  }\n  .ts-stat{\n    display:grid;\n    gap: 8px;\n  }\n  .ts-stat .m{\n    display:flex; justify-content:space-between; gap: 10px; align-items: baseline;\n    padding: 10px 12px;\n    border-radius: 14px;\n    border: 1px solid rgba(231,237,243,.9);\n    background: rgba(255,255,255,.85);\n  }\n  .ts-stat .m strong{ font-size: 18px; }\n  .ts-stat .m span{ color: var(--muted2); font-size: 12px; font-weight: 800; }\n\n  \/* Active tab styles *\/\n  #tsf1:checked ~ .top label[for=\"tsf1\"],\n  #tsf2:checked ~ .top label[for=\"tsf2\"],\n  #tsf3:checked ~ .top label[for=\"tsf3\"],\n  #tsf4:checked ~ .top label[for=\"tsf4\"],\n  #tsf5:checked ~ .top label[for=\"tsf5\"],\n  #tsf6:checked ~ .top label[for=\"tsf6\"]{\n    background: rgba(37,99,235,.08);\n    border-color: rgba(37,99,235,.35);\n    color: #223a66;\n  }\n  #tsf1:checked ~ .panes #pane1,\n  #tsf2:checked ~ .panes #pane2,\n  #tsf3:checked ~ .panes #pane3,\n  #tsf4:checked ~ .panes #pane4,\n  #tsf5:checked ~ .panes #pane5,\n  #tsf6:checked ~ .panes #pane6{\n    display:block;\n  }\n\n  \/* Use-cases: role tabs *\/\n  .ts-roles{\n    border: 1px solid var(--line);\n    border-radius: var(--radius2);\n    overflow: hidden;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n  .ts-roles .bar{\n    display:flex; gap: 10px; flex-wrap: wrap;\n    padding: 14px;\n    border-bottom: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n  }\n  .ts-roles input{ position:absolute; opacity:0; pointer-events:none; }\n  .ts-rolebtn{\n    display:inline-flex; align-items:center; gap:10px;\n    padding: 10px 12px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: #fff;\n    color: var(--muted);\n    font-weight: 900;\n    font-size: 13px;\n    cursor: pointer;\n    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;\n  }\n  .ts-rolebtn:hover{ transform: translateY(-1px); border-color: rgba(37,99,235,.32); color:#22406f; }\n  .ts-roles .body{ padding: 16px; }\n  .ts-rolepane{ display:none; }\n  .ts-rolepane .layout{\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 14px;\n    align-items: start;\n  }\n  .ts-rolepane .box{\n    border-radius: 18px;\n    border: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    padding: 16px;\n  }\n  .ts-rolepane .box p{ margin: 0; color: var(--muted); }\n  .ts-rolepane .box ul{ margin: 10px 0 0; color: var(--muted); }\n  .ts-rolepane .out{\n    border-radius: 18px;\n    border: 1px solid var(--line);\n    background: radial-gradient(260px 180px at 20% 20%, rgba(20,184,166,.14), transparent 60%),\n                radial-gradient(260px 180px at 80% 80%, rgba(37,99,235,.12), transparent 62%),\n                linear-gradient(180deg, #ffffff, #f6f9fd);\n    padding: 16px;\n  }\n  .ts-outlist{\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display:grid;\n    gap: 10px;\n  }\n  .ts-outlist li{\n    display:flex; align-items:flex-start; gap:10px;\n    padding: 10px 12px;\n    border-radius: 14px;\n    border: 1px solid rgba(231,237,243,.9);\n    background: rgba(255,255,255,.85);\n  }\n  .ts-outlist strong{ display:block; }\n  .ts-outlist span{ display:block; color: var(--muted2); font-size: 12px; margin-top: 2px; font-weight: 800; }\n  #r1:checked ~ .bar label[for=\"r1\"],\n  #r2:checked ~ .bar label[for=\"r2\"],\n  #r3:checked ~ .bar label[for=\"r3\"],\n  #r4:checked ~ .bar label[for=\"r4\"],\n  #r5:checked ~ .bar label[for=\"r5\"]{\n    background: rgba(37,99,235,.08);\n    border-color: rgba(37,99,235,.35);\n    color: #223a66;\n  }\n  #r1:checked ~ .body #role1,\n  #r2:checked ~ .body #role2,\n  #r3:checked ~ .body #role3,\n  #r4:checked ~ .body #role4,\n  #r5:checked ~ .body #role5{\n    display:block;\n  }\n\n  \/* Reporting dashboard mock *\/\n  .ts-dash{\n    border: 1px solid var(--line);\n    border-radius: var(--radius2);\n    overflow: hidden;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n  .ts-dash .hdr{\n    padding: 14px 16px;\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n    border-bottom: 1px solid var(--line);\n    display:flex; align-items:center; justify-content:space-between; gap: 12px;\n  }\n  .ts-dash .hdr strong{ font-weight: 950; letter-spacing: -.01em; }\n  .ts-dash .grid{\n    padding: 16px;\n    display:grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 12px;\n  }\n  .ts-tile{\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    padding: 14px;\n    overflow: hidden;\n    position: relative;\n  }\n  .ts-tile .k{ color: var(--muted2); font-size: 12px; font-weight: 900; }\n  .ts-tile .v{ font-size: 22px; font-weight: 950; letter-spacing: -.01em; margin-top: 6px; }\n  .ts-tile .f{ color: var(--muted); font-size: 13px; margin-top: 6px; }\n  .ts-tile .spark{\n    display:flex; align-items:flex-end; gap:6px;\n    height: 52px;\n    margin-top: 12px;\n  }\n  .ts-tile .spark i{\n    display:block;\n    width: 10px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, rgba(20,184,166,.22), rgba(20,184,166,.95));\n    opacity: .9;\n  }\n  .ts-tile.alt .spark i{\n    background: linear-gradient(180deg, rgba(37,99,235,.22), rgba(37,99,235,.95));\n  }\n  .ts-dash .lower{\n    padding: 0 16px 16px;\n    display:grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 12px;\n  }\n  .ts-listbox{\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    background: #fff;\n    overflow: hidden;\n  }\n  .ts-listbox .t{\n    padding: 12px 14px;\n    border-bottom: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #f7fbff);\n    font-weight: 950;\n    color: var(--muted);\n    font-size: 12px;\n    letter-spacing: .2px;\n    text-transform: uppercase;\n  }\n  .ts-listbox ul{\n    margin: 0;\n    padding: 12px 14px 14px;\n    list-style: none;\n    display:grid;\n    gap: 10px;\n    color: var(--muted);\n  }\n  .ts-listbox li{\n    display:flex; gap: 10px; align-items:flex-start;\n    padding: 10px 12px;\n    border: 1px solid var(--line);\n    border-radius: 14px;\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n  }\n  .ts-listbox li b{ color: var(--ink); }\n  .ts-mapmini{\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    background: radial-gradient(220px 160px at 22% 30%, rgba(37,99,235,.14), transparent 60%),\n                radial-gradient(220px 160px at 75% 70%, rgba(20,184,166,.16), transparent 62%),\n                linear-gradient(180deg, #ffffff, #f6f9fd);\n    overflow: hidden;\n    position: relative;\n    min-height: 230px;\n  }\n  .ts-mapmini svg{ position:absolute; inset: 0; width:100%; height:100%; opacity: .95; }\n\n  \/* Security: \"Transparency ledger\" *\/\n  .ts-ledger{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .ts-ledger .item{\n    padding: 16px;\n    border-radius: 18px;\n    border: 1px solid var(--line);\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    box-shadow: 0 10px 22px rgba(10,35,60,.06);\n    display:flex; gap: 12px; align-items:flex-start;\n  }\n  .ts-ledger .item .stamp{\n    width: 40px; height: 40px; border-radius: 16px;\n    border: 1px solid rgba(231,237,243,.95);\n    background: radial-gradient(18px 18px at 30% 30%, rgba(20,184,166,.18), rgba(255,255,255,.9));\n    display:flex; align-items:center; justify-content:center;\n    flex: 0 0 40px;\n  }\n  .ts-ledger .item .stamp svg{ width: 18px; height: 18px; }\n  .ts-ledger .item p{ margin: 4px 0 0; color: var(--muted); }\n\n  \/* Testimonials: scroll-snap carousel *\/\n  .ts-carousel{\n    display:flex;\n    gap: 14px;\n    overflow-x:auto;\n    padding: 4px 2px 12px;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n  }\n  .ts-carousel::-webkit-scrollbar{ height: 10px; }\n  .ts-carousel::-webkit-scrollbar-thumb{ background: rgba(27,108,255,.18); border-radius: 999px; }\n  .ts-quote{\n    flex: 0 0 min(420px, 88vw);\n    scroll-snap-align: start;\n    border: 1px solid var(--line);\n    border-radius: 22px;\n    background: linear-gradient(180deg, #ffffff, #fbfdff);\n    box-shadow: 0 14px 30px rgba(10,35,60,.08);\n    padding: 18px;\n    position: relative;\n    overflow: hidden;\n  }\n  .ts-quote::before{\n    content:\"\";\n    position:absolute; right:-60px; top:-60px;\n    width: 180px; height: 180px; border-radius: 50%;\n    background: radial-gradient(circle at 30% 30%, rgba(37,99,235,.18), transparent 60%);\n    pointer-events:none;\n  }\n  .ts-quote > *{ position: relative; }\n  .ts-quote .stars{ display:flex; gap: 4px; }\n  .ts-quote .stars svg{ width: 16px; height: 16px; }\n  .ts-quote p{ margin: 12px 0 0; color: var(--muted); font-size: 14px; }\n  .ts-quote .who{ margin-top: 14px; display:flex; align-items:center; justify-content:space-between; gap: 12px; }\n  .ts-quote .who strong{ display:block; font-weight: 950; }\n  .ts-quote .who span{ display:block; font-size: 12px; color: var(--muted2); font-weight: 800; margin-top: 2px; }\n  .ts-quote .metric{\n    padding: 8px 10px;\n    border-radius: 999px;\n    border: 1px solid rgba(20,184,166,.28);\n    background: rgba(20,184,166,.10);\n    color: #0f4a45;\n    font-size: 12px;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  .ts-logos{\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 14px;\n  }\n  .ts-logo{\n    padding: 10px 12px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: #fff;\n    color: var(--muted);\n    font-weight: 900;\n    font-size: 12px;\n    letter-spacing: .2px;\n  }\n\n  \/* Final CTA *\/\n  .ts-final{\n    border: 1px solid var(--line);\n    border-radius: var(--radius2);\n    overflow: hidden;\n    background: radial-gradient(900px 420px at 20% 20%, rgba(37,99,235,.14), transparent 60%),\n                radial-gradient(900px 420px at 80% 80%, rgba(20,184,166,.14), transparent 62%),\n                linear-gradient(180deg, #ffffff, #f7fbff);\n    box-shadow: var(--shadow);\n  }\n  .ts-final .inner{\n    padding: 26px 18px;\n    display:grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 14px;\n    align-items: center;\n  }\n  .ts-miniFaq{\n    padding: 0 18px 18px;\n    display:grid;\n    gap: 10px;\n  }\n  .ts-faq{\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    background: #fff;\n    overflow: hidden;\n    box-shadow: 0 10px 22px rgba(10,35,60,.06);\n  }\n  .ts-faq summary{\n    list-style:none;\n    cursor:pointer;\n    padding: 14px 14px;\n    font-weight: 950;\n    display:flex; align-items:center; justify-content:space-between; gap: 12px;\n  }\n  .ts-faq summary::-webkit-details-marker{ display:none; }\n  .ts-faq .a{\n    padding: 0 14px 14px;\n    color: var(--muted);\n  }\n  .ts-faq .a p{ margin: 0; }\n  .ts-faq .chev{\n    width: 34px; height: 34px;\n    border-radius: 12px;\n    border: 1px solid var(--line);\n    background: #fff;\n    display:flex; align-items:center; justify-content:center;\n    transition: transform .18s ease;\n    flex: 0 0 auto;\n  }\n  .ts-faq[open] .chev{ transform: rotate(180deg); }\n\n  \/* Small print *\/\n  .ts-fine{\n    font-size: 12px;\n    color: var(--muted2);\n    margin-top: 10px;\n  }\n  .ts-divider{ height: 1px; background: var(--line); margin: 16px 0; }\n\n  \/* Responsive *\/\n  @media (max-width: 980px){\n    .ts-row-2, .ts-row-2b{ grid-template-columns: 1fr; }\n    .ts-pillars{ grid-template-columns: 1fr; }\n    .ts-pane .grid, .ts-rolepane .layout{ grid-template-columns: 1fr; }\n    .ts-dash .grid{ grid-template-columns: 1fr; }\n    .ts-dash .lower{ grid-template-columns: 1fr; }\n    .ts-ledger{ grid-template-columns: 1fr; }\n    .ts-final .inner{ grid-template-columns: 1fr; }\n  }\n  @media (max-width: 560px){\n    .ts-section{ padding: 60px 0; }\n    .ts-btn{ min-width: 100%; }\n    .ts-console-grid{ grid-template-columns: 1fr; }\n    .ts-kpis{ grid-template-columns: 1fr 1fr; }\n  }\n\n  \/* Focus styles *\/\n  .ts-page a:focus, .ts-page summary:focus, .ts-page label:focus{\n    outline: 3px solid rgba(37,99,235,.28);\n    outline-offset: 2px;\n    border-radius: 14px;\n  }\n<\/style>\n\n<div class=\"ts-page\">\n  <!-- 1) HERO -->\n  <section class=\"ts-section\">\n    <div class=\"ts-wrap\">\n      <div class=\"ts-row ts-row-2\">\n        <div>\n          <span class=\"ts-kicker\"><span class=\"ts-dot\"><\/span>Built for fast-moving field teams who need proof, not guesswork<\/span>\n          <h1 class=\"ts-h1\">Field Force Automation Software that verifies every visit, kilometre & hour TeamSpoor<\/h1>\n          <p class=\"ts-lead\">\n            TeamSpoor brings real-time field visibility, geo-tagged attendance, route & mileage validation, and workflow-friendly reporting into one mobile-first system designed to keep managers confident and teams focused on the work that matters.\n          <\/p>\n\n          <div class=\"ts-btns\">\n            <a\n              class=\"ts-btn ts-btn-primary\"\n              href=\"https:\/\/teamspoor.znicrm.com\/register.php\"\n              title=\"Start a free trial of field force automation software with TeamSpoor\"\n            >\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 22s8-4.5 8-11V6l-8-3-8 3v5c0 6.5 8 11 8 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              Start Free Trial\n            <\/a>\n\n            <a\n              class=\"ts-btn ts-btn-secondary\"\n              href=\"https:\/\/znicrm.com\/fsm\/\"\n              title=\"Learn more about TeamSpoor field force automation software and FSM\"\n            >\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 18h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M9.1 9a3 3 0 1 1 4.8 2.4c-.9.7-1.4 1.2-1.4 2.6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <\/svg>\n              Learn More\n            <\/a>\n          <\/div>\n\n          <div class=\"ts-badges\" aria-label=\"Key highlights\">\n            <div class=\"ts-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 2l3 7 7 3-7 3-3 7-3-7-7-3 7-3 3-7Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <strong>14-day trial<\/strong> \u2022 no card needed\n            <\/div>\n            <div class=\"ts-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M4 7h16M4 12h16M4 17h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <strong>Reports in CSV<\/strong> \u2022 ready for payroll & audits\n            <\/div>\n            <div class=\"ts-badge\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 21s7-4 7-10V7l-7-3-7 3v4c0 6 7 10 7 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <strong>Tracking with boundaries<\/strong> \u2022 built to be transparent\n            <\/div>\n          <\/div>\n\n          <p class=\"ts-sub\">\n            Trusted by thousands of field teams. Built to work alongside modern FSM and CRM workflows so your dispatch, service delivery, and customer context stay connected.\n          <\/p>\n        <\/div>\n\n        <div class=\"ts-panel ts-console\" aria-label=\"TeamSpoor interactive dashboard preview\">\n          <div class=\"ts-console-top\">\n            <div class=\"ts-console-title\">\n              <span class=\"ts-dot\"><\/span>\n              Ops Console\n              <span class=\"ts-chip\"><span class=\"ts-pulse\"><\/span>Live tracking<\/span>\n            <\/div>\n            <div class=\"ts-chip\" title=\"Verified activity\">Verified mode<\/div>\n          <\/div>\n\n          <div class=\"ts-console-grid\">\n            <div class=\"ts-mini\">\n              <div class=\"ts-mini-head\">\n                <span>Today\u2019s performance<\/span>\n                <span class=\"ts-chip\">Auto-updated<\/span>\n              <\/div>\n              <div class=\"ts-mini-body\">\n                <div class=\"ts-kpis\">\n                  <div class=\"ts-kpi\">\n                    <div class=\"n\">8<\/div>\n                    <div class=\"l\">Active field staff<\/div>\n                  <\/div>\n                  <div class=\"ts-kpi\">\n                    <div class=\"n\">12<\/div>\n                    <div class=\"l\">Pending jobs<\/div>\n                  <\/div>\n                  <div class=\"ts-kpi\">\n                    <div class=\"n\">45<\/div>\n                    <div class=\"l\">Completed visits<\/div>\n                  <\/div>\n                  <div class=\"ts-kpi\">\n                    <div class=\"n\">+24%<\/div>\n                    <div class=\"l\">Weekly productivity<\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-mini-head\" style=\"border:0; padding:0 0 8px; background:transparent;\">\n                  <span>Trend snapshot<\/span>\n                  <span style=\"color: var(--muted2); font-weight:900; font-size:12px;\">Last 7 days<\/span>\n                <\/div>\n                <div class=\"ts-bars\" aria-hidden=\"true\">\n                  <span class=\"ts-bar\" style=\"height:18px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:28px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:22px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:40px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:34px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:52px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:46px\"><\/span>\n                  <span class=\"ts-bar\" style=\"height:60px\"><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"ts-mini\">\n              <div class=\"ts-mini-head\">\n                <span>Route & visit proof<\/span>\n                <span class=\"ts-chip\">Replay<\/span>\n              <\/div>\n              <div class=\"ts-mini-body\">\n                <div class=\"ts-route\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 300 170\" fill=\"none\">\n                    <path d=\"M20 120C60 60 90 150 130 95C160 70 200 120 230 80C255 55 270 70 286 46\" stroke=\"rgba(37,99,235,.85)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                    <circle cx=\"20\" cy=\"120\" r=\"7\" fill=\"rgba(20,184,166,.95)\"\/>\n                    <circle cx=\"130\" cy=\"95\" r=\"7\" fill=\"rgba(20,184,166,.95)\"\/>\n                    <circle cx=\"286\" cy=\"46\" r=\"7\" fill=\"rgba(20,184,166,.95)\"\/>\n                    <path d=\"M72 40l10 0\" stroke=\"rgba(11,27,43,.25)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                    <path d=\"M72 56l18 0\" stroke=\"rgba(11,27,43,.18)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                    <path d=\"M72 72l14 0\" stroke=\"rgba(11,27,43,.14)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                  <\/svg>\n                <\/div>\n\n                <div class=\"ts-divider\"><\/div>\n\n                <div class=\"ts-feed\">\n                  <div class=\"ts-event\">\n                    <div class=\"b\"><\/div>\n                    <div>\n                      <div class=\"t\">Check-in verified<\/div>\n                      <div class=\"s\">Geo-tagged at client site \u2022 10:45 AM<\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"ts-event\">\n                    <div class=\"b\" style=\"background: var(--accent); box-shadow: 0 0 0 5px rgba(20,184,166,.12);\"><\/div>\n                    <div>\n                      <div class=\"t\">Mileage calculated<\/div>\n                      <div class=\"s\">Route distance recorded \u2022 ready for approval<\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"padding: 12px 14px 14px; border-top: 1px solid var(--line); background: #fff;\">\n            <div class=\"ts-chip\" style=\"display:inline-flex;\">\n              Setup in minutes \u2022 Works in low network areas \u2022 Support when you need it\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 2) PROBLEMS & PAIN POINTS -->\n  <section class=\"ts-section ts-surface\">\n    <div class=\"ts-wrap\">\n      <div class=\"ts-row ts-row-2b\">\n        <div>\n          <h2 class=\"ts-h2\">When field work runs on \u201ctrust me\u201d, costs creep in quietly<\/h2>\n          <p class=\"ts-lead\">\n            If your team manages visits, service jobs, deliveries, or on-site sales, the real risk isn\u2019t effort it\u2019s missing visibility.\n            Inconsistent reporting, disputed kilometres, and manual verification create delays and tension between teams.\n          <\/p>\n\n          <div class=\"ts-board\">\n            <div class=\"ts-slab\">\n              <h3 class=\"ts-h3\">What breaks down (and why it\u2019s expensive)<\/h3>\n              <ul class=\"ts-points\">\n                <li>\n                  <span class=\"ts-ico\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                      <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                  <\/span>\n                  <div>\n                    <strong>Time lost to verification<\/strong><br>\n                    Managers spend hours reconciling messages, calls, and spreadsheets instead of improving execution.\n                  <\/div>\n                <\/li>\n                <li>\n                  <span class=\"ts-ico\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M12 21s7-4 7-10V7l-7-3-7 3v4c0 6 7 10 7 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                      <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/span>\n                  <div>\n                    <strong>Attendance without proof<\/strong><br>\n                    Without location verification, late starts and buddy punching are hard to prevent (and harder to prove).\n                  <\/div>\n                <\/li>\n                <li>\n                  <span class=\"ts-ico\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M3 12h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M7 16l-4-4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                      <path d=\"M17 8l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/span>\n                  <div>\n                    <strong>Routes & visits are \u201creported\u201d, not recorded<\/strong><br>\n                    Detours, idle time, and missed stops don\u2019t show up until customers escalate.\n                  <\/div>\n                <\/li>\n                <li>\n                  <span class=\"ts-ico\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M4 19h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M7 16V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M12 16V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                      <path d=\"M17 16v-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                  <\/span>\n                  <div>\n                    <strong>Reporting doesn\u2019t connect to outcomes<\/strong><br>\n                    You get activity logs, but not actionable insight bottlenecks, workload balance, and job completion trends.\n                  <\/div>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <p class=\"ts-fine\">\n            The goal isn\u2019t \u201cmore tracking.\u201d It\u2019s fewer disputes, faster decisions, and a fair system that protects both the business and the team.\n          <\/p>\n        <\/div>\n\n        <div class=\"ts-card\" style=\"padding: 18px;\">\n          <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px;\">\n            <div style=\"font-weight:950; letter-spacing:-.01em;\">The cost of \u201cmanual ops\u201d<\/div>\n            <div class=\"ts-chip\" title=\"Illustrative benchmarks\">Typical impact<\/div>\n          <\/div>\n          <div class=\"ts-divider\"><\/div>\n\n          <div class=\"ts-slab\" style=\"box-shadow:none; margin:0; padding:16px;\">\n            <h3 class=\"ts-h3\" style=\"margin-bottom:6px;\">Where losses hide<\/h3>\n            <p style=\"margin:0; color: var(--muted);\">\n              Teams often lose the most through small daily leaks unverified mileage, avoidable delays, and unclear accountability.\n            <\/p>\n\n            <ul class=\"ts-points\" style=\"margin-top:12px;\">\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M12 2v20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M17 7H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Mileage disputes<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">Reduce contested claims with recorded distance & approvals.<\/span><\/div>\n              <\/li>\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M4 7h16v10H4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M8 7V5h8v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M8 17v2h8v-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Idle time<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">Catch unplanned stoppages early with live updates & alerts.<\/span><\/div>\n              <\/li>\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 20V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M6 7h10l-2-2m2 2-2 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M18 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M18 17H8l2 2m-2-2 2-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Delayed dispatch<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">Assign faster when availability & location are visible.<\/span><\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ts-divider\"><\/div>\n          <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\n            <div style=\"color: var(--muted); font-size: 13px;\">\n              Start lean: track a small team, validate workflows, then scale.\n            <\/div>\n            <a class=\"ts-link\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Try the field force automation software trial\">\n              Start your trial \u2192\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 3) CHOOSING GUIDE -->\n  <section class=\"ts-section\">\n    <div class=\"ts-wrap\">\n      <div class=\"ts-row ts-row-2b\">\n        <div>\n          <h2 class=\"ts-h2\">How to choose the right field force automation software (without hurting trust)<\/h2>\n          <p class=\"ts-lead\">\n            The best systems don\u2019t \u201cmonitor people\u201d they reduce friction, protect reimbursements, and make outcomes visible.\n            Use this quick, ethical checklist to evaluate tools before you roll out.\n          <\/p>\n\n          <div class=\"ts-steps\">\n            <details class=\"ts-step\" open>\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 1<\/span>\n                  Define what \u201cproof\u201d means for your workflow\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <div class=\"callout\">Start with outcomes: verified attendance, verified visits, verified distance not \u201cmore data.\u201d<\/div>\n                <ul>\n                  <li>Do you need geo-tagged check-in\/out at job sites or office locations?<\/li>\n                  <li>Do you reimburse travel based on actual distance, with approvals?<\/li>\n                  <li>Do you need route replay or deviation visibility for critical operations?<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n\n            <details class=\"ts-step\">\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 2<\/span>\n                  Make transparency a requirement (not a policy later)\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <ul>\n                  <li>Can the tool be positioned clearly as a reporting & productivity layer (not a spying tool)?<\/li>\n                  <li>Can you limit tracking to working hours and approved use cases?<\/li>\n                  <li>Can employees understand what\u2019s captured and why?<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n\n            <details class=\"ts-step\">\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 3<\/span>\n                  Validate offline reliability and low-network performance\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <ul>\n                  <li>Does the app keep capturing key events without a strong signal, then sync later?<\/li>\n                  <li>Are routes and visits still verifiable when teams operate in remote areas?<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n\n            <details class=\"ts-step\">\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 4<\/span>\n                  Look for approvals, audits, and exportable reporting\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <ul>\n                  <li>Are expenses and travel claims built around approval workflows?<\/li>\n                  <li>Can you download reports (e.g., CSV) for payroll, finance, and compliance?<\/li>\n                  <li>Do you have consistent job statuses and a clear activity timeline?<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n\n            <details class=\"ts-step\">\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 5<\/span>\n                  Ensure it fits the CRM\/FSM \u201csource of truth\u201d\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <ul>\n                  <li>Will field activity align with customer records and work orders?<\/li>\n                  <li>Can dispatch and service workflows be managed as one connected process?<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n\n            <details class=\"ts-step\">\n              <summary>\n                <span class=\"meta\">\n                  <span class=\"pill\">Step 6<\/span>\n                  Pilot fast, then standardize across teams\n                <\/span>\n                <span class=\"chev\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/summary>\n              <div class=\"body\">\n                <ul>\n                  <li>Start with 10\u201330 users, measure disputed claims, on-time visits, and manager verification time.<\/li>\n                  <li>Roll out repeatable rules: geo-fences, shifts, approval flow, and consistent reporting templates.<\/li>\n                <\/ul>\n              <\/div>\n            <\/details>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-card\" style=\"padding: 18px;\">\n          <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px;\">\n            <div style=\"font-weight:950; letter-spacing:-.01em;\">Quick evaluation scorecard<\/div>\n            <div class=\"ts-chip\">5 minutes<\/div>\n          <\/div>\n          <div class=\"ts-divider\"><\/div>\n\n          <div class=\"ts-slab\" style=\"box-shadow:none; margin:0; padding:16px;\">\n            <h3 class=\"ts-h3\">Ask these 7 questions in your demo<\/h3>\n            <ul class=\"ts-points\" style=\"margin-top:10px;\">\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2v20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M7 7h10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M7 17h10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Can employees punch in\/out only from approved locations?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M12 3v18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Is mileage calculated from actual routes and tied to approvals?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4h16v16H4z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M8 12h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M8 8h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Can visits and daily reports be automated (DSR\/visit summaries)?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Does it work reliably offline and sync automatically?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 7h10v10H7z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M4 12h3M17 12h3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Can dispatching and work orders be managed end-to-end?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 7h16M4 12h16M4 17h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div>Can you export clean reports for payroll and finance (CSV)?<\/div><\/li>\n              <li><span class=\"ts-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22s8-4.5 8-11V6l-8-3-8 3v5c0 6.5 8 11 8 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg><\/span><div>Is privacy handled transparently (scope, access, and limits)?<\/div><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ts-divider\"><\/div>\n          <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\n            <div style=\"color: var(--muted); font-size: 13px;\">\n              Want to test quickly with a small group?\n            <\/div>\n            <a class=\"ts-link\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Start a pilot with field force automation software\">\n              Launch a pilot \u2192\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4) WHY TEAMSPOOR -->\n  <section class=\"ts-section ts-surface\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 70ch;\">\n        <h2 class=\"ts-h2\">Why TeamSpoor is built for real operations (not just tracking)<\/h2>\n        <p class=\"ts-lead\">\n          TeamSpoor is designed around the daily realities of field work: dispatching and scheduling, real-time visibility, work orders, mileage and expenses, and reporting that leadership can actually act on.\n          The result is a cleaner workflow for teams and clearer accountability for managers.\n        <\/p>\n      <\/div>\n\n      <div class=\"ts-pillars\" style=\"margin-top: 16px;\">\n        <div class=\"ts-pillar\">\n          <div class=\"cap\">\n            <span class=\"mark\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 22s8-4.5 8-11V6l-8-3-8 3v5c0 6.5 8 11 8 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            VERIFY (Fair + defensible)\n          <\/div>\n          <h3 class=\"ts-h3\">Geo-tagged attendance & visit proof<\/h3>\n          <p>\n            Reduce disputes with check-ins tied to real locations so payroll, reimbursements, and customer commitments are grounded in verifiable activity.\n          <\/p>\n        <\/div>\n\n        <div class=\"ts-pillar\">\n          <div class=\"cap\">\n            <span class=\"mark\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 12h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 7h10v10H7z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <\/svg>\n            <\/span>\n            ORCHESTRATE (Speed + clarity)\n          <\/div>\n          <h3 class=\"ts-h3\">Dispatch, scheduling & work orders connected<\/h3>\n          <p>\n            Keep assignments consistent, route plans realistic, and job status visible so teams spend less time coordinating and more time completing work.\n          <\/p>\n        <\/div>\n\n        <div class=\"ts-pillar\">\n          <div class=\"cap\">\n            <span class=\"mark\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 7h16v10H4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                <path d=\"M8 7V5h8v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M9 12h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            ALIGN (CRM + accountability)\n          <\/div>\n          <h3 class=\"ts-h3\">Built to fit CRM-aligned operations<\/h3>\n          <p>\n            Keep customer context, field execution, and reporting in sync ideal for teams running service ticketing, lead-driven visits, or multi-branch operations.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-card\" style=\"margin-top: 16px; padding: 18px;\">\n        <div class=\"ts-row ts-row-4\">\n          <div class=\"ts-kpi\" style=\"border-radius:18px;\">\n            <div class=\"n\">\u20b9149\/mo<\/div>\n            <div class=\"l\">Starter Lite pricing (per user)<\/div>\n          <\/div>\n          <div class=\"ts-kpi\" style=\"border-radius:18px;\">\n            <div class=\"n\">99.5%<\/div>\n            <div class=\"l\">GPS accuracy design target<\/div>\n          <\/div>\n          <div class=\"ts-kpi\" style=\"border-radius:18px;\">\n            <div class=\"n\">&lt; 10 min<\/div>\n            <div class=\"l\">Typical setup to first tracking<\/div>\n          <\/div>\n          <div class=\"ts-kpi\" style=\"border-radius:18px;\">\n            <div class=\"n\">Offline<\/div>\n            <div class=\"l\">Captures activity & syncs later<\/div>\n          <\/div>\n        <\/div>\n        <p class=\"ts-fine\" style=\"margin-bottom:0;\">\n          Pricing shown is indicative for a 1-user Starter Lite plan and excludes taxes. Teams typically scale across departments and offices as workflows standardize.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5) KEY FEATURES (Modern Console Tabs) -->\n  <section class=\"ts-section\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 72ch;\">\n        <h2 class=\"ts-h2\">Key capabilities teams use every day (without app-hopping)<\/h2>\n        <p class=\"ts-lead\">\n          TeamSpoor combines field tracking, attendance, route intelligence, and reporting workflows into one system so managers get clarity and teams get fewer manual tasks.\n        <\/p>\n      <\/div>\n\n      <div class=\"ts-tabs\" style=\"margin-top: 14px;\">\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf1\" checked>\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf2\">\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf3\">\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf4\">\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf5\">\n        <input type=\"radio\" name=\"tsFeatures\" id=\"tsf6\">\n\n        <div class=\"top\" aria-label=\"Feature categories\">\n          <label class=\"ts-tab\" for=\"tsf1\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 22s7-4 7-10V7l-7-3-7 3v4c0 6 7 10 7 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n            Location + Route\n          <\/label>\n\n          <label class=\"ts-tab\" for=\"tsf2\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 8V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 20v-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M4 12h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M20 12h-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M8 8l-2-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M18 18l-2-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M16 8l2-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M6 18l2-2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            Attendance + Timesheets\n          <\/label>\n\n          <label class=\"ts-tab\" for=\"tsf3\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M6 2h9l3 3v17H6V2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 11h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M9 15h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            Visits + DSR\n          <\/label>\n\n          <label class=\"ts-tab\" for=\"tsf4\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 2v20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M17 7H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            Mileage + Expenses\n          <\/label>\n\n          <label class=\"ts-tab\" for=\"tsf5\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M7 7h10v10H7z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M4 12h3M17 12h3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 4v3M12 17v3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            Dispatch + Work Orders\n          <\/label>\n\n          <label class=\"ts-tab\" for=\"tsf6\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 3l9 5-9 5-9-5 9-5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M3 8v8l9 5 9-5V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            Geo-fence + Forms\n          <\/label>\n        <\/div>\n\n        <div class=\"panes\">\n          <!-- Pane 1 -->\n          <div class=\"ts-pane\" id=\"pane1\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Real-time visibility, plus route replay when you need evidence<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  See where teams are during working hours, understand movement patterns, and verify routes for deliveries, service visits, or sales beats.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Live location updates and map overview for managers<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Route tracking with replay to review the day objectively<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Alerts like idle time and path deviations (use where appropriate)<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Operational wins<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>Fewer disputes<\/strong><span>Clear route evidence<\/span><\/div>\n                  <div class=\"m\"><strong>Less idle time<\/strong><span>Earlier intervention<\/span><\/div>\n                  <div class=\"m\"><strong>Better planning<\/strong><span>Smarter territories<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-chip\" style=\"display:inline-flex;\">Works in low\/no-network areas with sync<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pane 2 -->\n          <div class=\"ts-pane\" id=\"pane2\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Attendance that\u2019s easy for the team and defensible for the business<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  Replace manual timesheets with geo-tagged check-in\/out and structured time reporting.\n                  This keeps payroll clean, reduces \u201che said\/she said,\u201d and sets clear expectations.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Geo-punch in\/out from job sites or designated locations<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Timesheet-style reporting for weekly\/monthly review<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Shift support in higher-tier plans for structured schedules<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Designed for fairness<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>Clear boundaries<\/strong><span>Track by policy<\/span><\/div>\n                  <div class=\"m\"><strong>Lower friction<\/strong><span>Simple punch flow<\/span><\/div>\n                  <div class=\"m\"><strong>Audit-ready<\/strong><span>Exportable logs<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-chip\" style=\"display:inline-flex;\">Useful for field teams & managers<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pane 3 -->\n          <div class=\"ts-pane\" id=\"pane3\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Visit reporting that runs itself (DSR, summaries, outcomes)<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  Standardize visit capture so field activity turns into consistent reporting without chasing WhatsApp updates.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Daily Sales Reports (DSR) and visit summaries<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Photo \/ signature capture options on relevant plans<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Custom forms for structured field data collection<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">What managers get<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>Consistent outcomes<\/strong><span>Same format daily<\/span><\/div>\n                  <div class=\"m\"><strong>Faster reviews<\/strong><span>Less chasing<\/span><\/div>\n                  <div class=\"m\"><strong>Better coaching<\/strong><span>Trend visibility<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-chip\" style=\"display:inline-flex;\">CSV export supported<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pane 4 -->\n          <div class=\"ts-pane\" id=\"pane4\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Mileage and expenses that can be approved with confidence<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  Replace \u201cestimated travel\u201d with recorded distance and structured reimbursements so finance doesn\u2019t become the bad cop.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>GPS-based distance calculation tied to the route record<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Expense capture with receipts (where enabled) and approvals<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Rules-based validation to reduce manual checking<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Mini case snapshot<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>-38%<\/strong><span>disputed mileage<\/span><\/div>\n                  <div class=\"m\"><strong>2.1 hrs\/wk<\/strong><span>saved in checks<\/span><\/div>\n                  <div class=\"m\"><strong>+12%<\/strong><span>visit coverage<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div style=\"color: var(--muted); font-size: 13px;\">\n                  Example outcomes from a 60-day rollout in a 45-person multi-city field team. Results vary by workflow and policy.\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pane 5 -->\n          <div class=\"ts-pane\" id=\"pane5\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Dispatch and work orders that match real-world field execution<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  Teams use TeamSpoor to reduce delays by matching availability and location with the job then tracking completion through a consistent workflow.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Scheduling and dispatch built around skills & location<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Work order flow that supports \u201ccreation to completion\u201d<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Billing alignment and lifecycle visibility where configured<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Designed for momentum<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>Faster assignment<\/strong><span>less back-and-forth<\/span><\/div>\n                  <div class=\"m\"><strong>Clear status<\/strong><span>one source of truth<\/span><\/div>\n                  <div class=\"m\"><strong>Less delay<\/strong><span>better coordination<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-chip\" style=\"display:inline-flex;\">Ideal for service, repair, delivery & sales teams<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pane 6 -->\n          <div class=\"ts-pane\" id=\"pane6\">\n            <div class=\"grid\">\n              <div>\n                <h3 class=\"ts-h3\">Geo-fencing and structured forms for compliance and consistency<\/h3>\n                <p style=\"margin:0; color: var(--muted);\">\n                  Use geo-fences to define approved zones and reduce ambiguity. Add custom forms when you need consistent field data without spreadsheets.\n                <\/p>\n                <ul class=\"bullets\">\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Geo-fence breach alerts for critical sites and locations<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Custom forms for inspections, checklists, or visit outcomes<\/li>\n                  <li><span class=\"ts-tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 12l4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Beat planning and multi-office support as you scale<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"right\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Where this shines<\/div>\n                <div class=\"ts-stat\" style=\"margin-top: 10px;\">\n                  <div class=\"m\"><strong>Retail audits<\/strong><span>standard checklists<\/span><\/div>\n                  <div class=\"m\"><strong>Installations<\/strong><span>proof & sign-off<\/span><\/div>\n                  <div class=\"m\"><strong>Deliveries<\/strong><span>zone compliance<\/span><\/div>\n                <\/div>\n                <div class=\"ts-divider\"><\/div>\n                <div class=\"ts-chip\" style=\"display:inline-flex;\">Build consistency without micromanaging<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-btns\" style=\"margin-top: 18px;\">\n        <a class=\"ts-btn ts-btn-primary\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Start field force automation software trial for your team\">\n          Start Free Trial\n        <\/a>\n        <a class=\"ts-btn ts-btn-secondary\" href=\"https:\/\/znicrm.com\/fsm\/\" title=\"Learn more about TeamSpoor field force automation software features\">\n          Explore FSM overview\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6) USE CASES BY ROLE -->\n  <section class=\"ts-section ts-surface\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 72ch;\">\n        <h2 class=\"ts-h2\">Use cases by role (so everyone wins)<\/h2>\n        <p class=\"ts-lead\">\n          A good rollout feels helpful to the field team and reliable to managers.\n          Here\u2019s how TeamSpoor supports different roles without forcing awkward workarounds.\n        <\/p>\n      <\/div>\n\n      <div class=\"ts-roles\" style=\"margin-top: 14px;\">\n        <input type=\"radio\" name=\"tsRoles\" id=\"r1\" checked>\n        <input type=\"radio\" name=\"tsRoles\" id=\"r2\">\n        <input type=\"radio\" name=\"tsRoles\" id=\"r3\">\n        <input type=\"radio\" name=\"tsRoles\" id=\"r4\">\n        <input type=\"radio\" name=\"tsRoles\" id=\"r5\">\n\n        <div class=\"bar\" aria-label=\"Role selector\">\n          <label class=\"ts-rolebtn\" for=\"r1\">Sales Reps<\/label>\n          <label class=\"ts-rolebtn\" for=\"r2\">Service Engineers<\/label>\n          <label class=\"ts-rolebtn\" for=\"r3\">Delivery Teams<\/label>\n          <label class=\"ts-rolebtn\" for=\"r4\">Ops Managers<\/label>\n          <label class=\"ts-rolebtn\" for=\"r5\">Finance + HR<\/label>\n        <\/div>\n\n        <div class=\"body\">\n          <div class=\"ts-rolepane\" id=\"role1\">\n            <div class=\"layout\">\n              <div class=\"box\">\n                <h3 class=\"ts-h3\">Sales reps: focus on conversations, not reporting<\/h3>\n                <p>\n                  Capture visits consistently and reduce end-of-day admin. Keep territory movement visible so coaching is based on patterns not assumptions.\n                <\/p>\n                <ul>\n                  <li>Visit logging + outcome capture for daily reporting<\/li>\n                  <li>Route visibility for territory planning and follow-ups<\/li>\n                  <li>Geo-tagged attendance to keep expectations clear<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"out\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Outputs you can rely on<\/div>\n                <ul class=\"ts-outlist\" style=\"margin-top:10px;\">\n                  <li><div><strong>Daily visit summary<\/strong><span>DSR-style overview for managers<\/span><\/div><\/li>\n                  <li><div><strong>Route + time signals<\/strong><span>idle time + coverage visibility<\/span><\/div><\/li>\n                  <li><div><strong>Export-ready reports<\/strong><span>CSV for reviews & audits<\/span><\/div><\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ts-rolepane\" id=\"role2\">\n            <div class=\"layout\">\n              <div class=\"box\">\n                <h3 class=\"ts-h3\">Service engineers: fewer delays, clearer job flow<\/h3>\n                <p>\n                  Support faster dispatching and clear job status updates. Useful for teams running on-site installations, repairs, and maintenance.\n                <\/p>\n                <ul>\n                  <li>Dispatch + scheduling tied to location and availability<\/li>\n                  <li>On-site proof via geo-tagged check-ins<\/li>\n                  <li>Offline-friendly tracking for remote areas<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"out\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Ops-ready visibility<\/div>\n                <ul class=\"ts-outlist\" style=\"margin-top:10px;\">\n                  <li><div><strong>Real-time status<\/strong><span>see progress without constant calls<\/span><\/div><\/li>\n                  <li><div><strong>Job completion signals<\/strong><span>consistent status progression<\/span><\/div><\/li>\n                  <li><div><strong>Work order trail<\/strong><span>creation \u2192 completion visibility<\/span><\/div><\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ts-rolepane\" id=\"role3\">\n            <div class=\"layout\">\n              <div class=\"box\">\n                <h3 class=\"ts-h3\">Delivery teams: route-proof and zone compliance<\/h3>\n                <p>\n                  Keep deliveries accountable without aggressive micromanagement. Track route adherence where needed and verify key stops for customer confidence.\n                <\/p>\n                <ul>\n                  <li>Route tracking + replay when disputes arise<\/li>\n                  <li>Geo-fencing for high-compliance zones (where enabled)<\/li>\n                  <li>Mileage records that align reimbursements to reality<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"out\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Delivery confidence<\/div>\n                <ul class=\"ts-outlist\" style=\"margin-top:10px;\">\n                  <li><div><strong>Proof of movement<\/strong><span>objective record when needed<\/span><\/div><\/li>\n                  <li><div><strong>Predictable coverage<\/strong><span>better planning & fewer escalations<\/span><\/div><\/li>\n                  <li><div><strong>Distance accountability<\/strong><span>clean mileage approval flow<\/span><\/div><\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ts-rolepane\" id=\"role4\">\n            <div class=\"layout\">\n              <div class=\"box\">\n                <h3 class=\"ts-h3\">Ops managers: run the day without \u201cstatus chasing\u201d<\/h3>\n                <p>\n                  Get a live picture of the field who\u2019s active, where work is happening, and what\u2019s pending so you can fix bottlenecks early.\n                <\/p>\n                <ul>\n                  <li>Map-first visibility for quick coordination<\/li>\n                  <li>Route + idle signals to reduce downtime<\/li>\n                  <li>Beat planning to standardize movement patterns<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"out\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Manager scorecards<\/div>\n                <ul class=\"ts-outlist\" style=\"margin-top:10px;\">\n                  <li><div><strong>Workload balance<\/strong><span>see heavy vs. light coverage<\/span><\/div><\/li>\n                  <li><div><strong>Completion trends<\/strong><span>spot patterns over time<\/span><\/div><\/li>\n                  <li><div><strong>Team accountability<\/strong><span>clarity without friction<\/span><\/div><\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"ts-rolepane\" id=\"role5\">\n            <div class=\"layout\">\n              <div class=\"box\">\n                <h3 class=\"ts-h3\">Finance & HR: approvals, payroll clarity, fewer disputes<\/h3>\n                <p>\n                  Use structured workflows so reimbursements and attendance are consistent and defensible.\n                  Reduce manual checking while keeping fairness intact.\n                <\/p>\n                <ul>\n                  <li>Expense approvals with receipts (where enabled)<\/li>\n                  <li>Distance calculation to validate travel claims<\/li>\n                  <li>Timesheets and exportable reporting for payroll<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"out\">\n                <div style=\"font-weight: 950; letter-spacing: -.01em;\">Audit-friendly outputs<\/div>\n                <ul class=\"ts-outlist\" style=\"margin-top:10px;\">\n                  <li><div><strong>Approval trail<\/strong><span>clear accountability on claims<\/span><\/div><\/li>\n                  <li><div><strong>CSV exports<\/strong><span>easy reconciliation & audits<\/span><\/div><\/li>\n                  <li><div><strong>Standard rules<\/strong><span>shifts\/leave in Business plan<\/span><\/div><\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 7) REPORTING & INSIGHTS -->\n  <section class=\"ts-section\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 78ch;\">\n        <h2 class=\"ts-h2\">Reporting & insights that managers actually use<\/h2>\n        <p class=\"ts-lead\">\n          A field tool only becomes \u201coperations software\u201d when reporting turns into decisions.\n          TeamSpoor supports real-time views and exportable reporting so teams can reduce delays and standardize execution across regions.\n        <\/p>\n      <\/div>\n\n      compilation\n      <div class=\"ts-dash\" style=\"margin-top: 14px;\">\n        <div class=\"hdr\">\n          <strong>Manager dashboard snapshot<\/strong>\n          <span class=\"ts-chip\">Live + historical signals<\/span>\n        <\/div>\n\n        <div class=\"grid\">\n          <div class=\"ts-tile alt\">\n            <div class=\"k\">Active staff<\/div>\n            <div class=\"v\">8<\/div>\n            <div class=\"f\">Team status visible without calls<\/div>\n            <div class=\"spark\" aria-hidden=\"true\">\n              <i style=\"height:18px\"><\/i><i style=\"height:28px\"><\/i><i style=\"height:22px\"><\/i><i style=\"height:38px\"><\/i><i style=\"height:30px\"><\/i><i style=\"height:48px\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"ts-tile\">\n            <div class=\"k\">On-time check-ins<\/div>\n            <div class=\"v\">92%<\/div>\n            <div class=\"f\">Geo-verified attendance signal<\/div>\n            <div class=\"spark\" aria-hidden=\"true\">\n              <i style=\"height:16px\"><\/i><i style=\"height:26px\"><\/i><i style=\"height:34px\"><\/i><i style=\"height:40px\"><\/i><i style=\"height:46px\"><\/i><i style=\"height:50px\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"ts-tile alt\">\n            <div class=\"k\">Jobs completed<\/div>\n            <div class=\"v\">45<\/div>\n            <div class=\"f\">Clear completion trends and volume<\/div>\n            <div class=\"spark\" aria-hidden=\"true\">\n              <i style=\"height:14px\"><\/i><i style=\"height:24px\"><\/i><i style=\"height:20px\"><\/i><i style=\"height:36px\"><\/i><i style=\"height:44px\"><\/i><i style=\"height:52px\"><\/i>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"lower\">\n          <div class=\"ts-listbox\">\n            <div class=\"t\">Reports teams rely on<\/div>\n            <ul>\n              <li><b>Live location<\/b>   see who\u2019s active and where work is happening<\/li>\n              <li><b>Route maps & replay<\/b>   review movement objectively when needed<\/li>\n              <li><b>Visit & DSR summaries<\/b>   standard reporting without manual chasing<\/li>\n              <li><b>Attendance & timesheets<\/b>   payroll-friendly, audit-friendly logs<\/li>\n              <li><b>Expenses & mileage<\/b>   approvals with distance-backed evidence<\/li>\n              <li><b>CSV exports<\/b>   bring data into finance and HR workflows<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ts-mapmini\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 420 260\" fill=\"none\">\n              <path d=\"M46 180C90 150 110 210 150 168C188 130 220 212 268 158C296 127 340 144 374 108\" stroke=\"rgba(20,184,166,.9)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n              <path d=\"M46 180C90 150 110 210 150 168C188 130 220 212 268 158C296 127 340 144 374 108\" stroke=\"rgba(37,99,235,.35)\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n              <circle cx=\"46\" cy=\"180\" r=\"9\" fill=\"rgba(37,99,235,.95)\"\/>\n              <circle cx=\"150\" cy=\"168\" r=\"9\" fill=\"rgba(37,99,235,.95)\"\/>\n              <circle cx=\"268\" cy=\"158\" r=\"9\" fill=\"rgba(37,99,235,.95)\"\/>\n              <circle cx=\"374\" cy=\"108\" r=\"9\" fill=\"rgba(37,99,235,.95)\"\/>\n              <rect x=\"40\" y=\"34\" width=\"160\" height=\"66\" rx=\"14\" fill=\"rgba(255,255,255,.86)\" stroke=\"rgba(231,237,243,.95)\"\/>\n              <path d=\"M60 58h120\" stroke=\"rgba(11,27,43,.18)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n              <path d=\"M60 78h92\" stroke=\"rgba(11,27,43,.14)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n              <rect x=\"232\" y=\"168\" width=\"150\" height=\"66\" rx=\"14\" fill=\"rgba(255,255,255,.86)\" stroke=\"rgba(231,237,243,.95)\"\/>\n              <path d=\"M252 192h110\" stroke=\"rgba(11,27,43,.18)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n              <path d=\"M252 212h86\" stroke=\"rgba(11,27,43,.14)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-card\" style=\"margin-top: 16px; padding: 18px;\">\n        <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\n          <div>\n            <div style=\"font-weight:950; letter-spacing:-.01em;\">Want dashboards that match your workflow?<\/div>\n            <div style=\"color: var(--muted); margin-top: 6px;\">\n              Start a trial to validate scheduling, dispatching, tracking and reporting with a small team or learn how TeamSpoor fits a larger rollout.\n            <\/div>\n          <\/div>\n          <div class=\"ts-btns\" style=\"margin-top: 0;\">\n            <a class=\"ts-btn ts-btn-primary\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Start a free trial for field force automation software dashboards\">\n              Start Free Trial\n            <\/a>\n            <a class=\"ts-btn ts-btn-secondary\" href=\"https:\/\/znicrm.com\/fsm\/\" title=\"Learn more about TeamSpoor reporting and insights\">\n              Learn More\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 8) SECURITY, PRIVACY & TRANSPARENCY -->\n  <section class=\"ts-section ts-surface\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 80ch;\">\n        <h2 class=\"ts-h2\">Security, privacy & transparency built into the rollout<\/h2>\n        <p class=\"ts-lead\">\n          Tracking only works when it\u2019s implemented ethically. TeamSpoor is positioned as reporting automation and field operations visibility not a spying tool.\n          Define boundaries up front, communicate clearly, and your adoption goes smoother.\n        <\/p>\n      <\/div>\n\n      <div class=\"ts-ledger\" style=\"margin-top: 14px;\">\n        <div class=\"item\">\n          <div class=\"stamp\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 22s8-4.5 8-11V6l-8-3-8 3v5c0 6.5 8 11 8 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div style=\"font-weight:950;\">Privacy by scope<\/div>\n            <p>Limit tracking to working hours and operational use cases (attendance, visits, routing, reimbursements) not personal monitoring.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"item\">\n          <div class=\"stamp\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 7h16v10H4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 7V5h8v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div style=\"font-weight:950;\">Defensible records<\/div>\n            <p>Exportable reports (e.g., CSV) help maintain audit readiness and reduce conflict in payroll and claims.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"item\">\n          <div class=\"stamp\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div style=\"font-weight:950;\">Offline resilience<\/div>\n            <p>For remote areas and low signal zones, offline capture with later sync reduces gaps without forcing workarounds.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"item\">\n          <div class=\"stamp\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M3 12h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M7 16l-4-4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M17 8l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div style=\"font-weight:950;\">Transparent communication<\/div>\n            <p>Successful rollouts include employee communication, training, and clear expectations especially for location-enabled attendance.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-card\" style=\"margin-top: 16px; padding: 18px;\">\n        <div style=\"display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\n          <div style=\"max-width: 68ch;\">\n            <div style=\"font-weight:950; letter-spacing:-.01em;\">A simple, trust-first policy template (recommended)<\/div>\n            <div style=\"color: var(--muted); margin-top: 8px;\">\n              Share a 1-page policy with your team: what\u2019s tracked, when it\u2019s tracked, why it\u2019s tracked, and who can view it.\n              This reduces friction and keeps the system focused on productivity and fairness.\n            <\/div>\n          <\/div>\n          <a class=\"ts-btn ts-btn-secondary\" href=\"https:\/\/znicrm.com\/fsm\/\" title=\"Learn more about TeamSpoor tracking and privacy approach\">\n            Learn More\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 9) TESTIMONIALS + LOGOS -->\n  <section class=\"ts-section\">\n    <div class=\"ts-wrap\">\n      <div style=\"max-width: 80ch;\">\n        <h2 class=\"ts-h2\">Teams use TeamSpoor to reduce disputes and move faster<\/h2>\n        <p class=\"ts-lead\">\n          You don\u2019t need perfect data you need believable data. Here\u2019s what teams report after switching to verified attendance, route evidence, and cleaner approvals.\n        <\/p>\n      <\/div>\n\n      <div class=\"ts-carousel\" aria-label=\"Customer testimonials\" style=\"margin-top: 14px;\">\n        <div class=\"ts-quote\">\n          <div class=\"stars\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n          <\/div>\n          <p>\n            \u201cMileage disputes dropped immediately. Our team stopped arguing about claims because the distance is recorded and approvals are simple. Managers finally spend time coaching not checking spreadsheets.\u201d\n          <\/p>\n          <div class=\"who\">\n            <div>\n              <strong>Ritika Mehra<\/strong>\n              <span>Operations Lead \u2022 Crestline Services (55 field staff)<\/span>\n            <\/div>\n            <div class=\"metric\">-41% disputed claims<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-quote\">\n          <div class=\"stars\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n          <\/div>\n          <p>\n            \u201cWe rolled out with one region first. Offline tracking mattered a lot because our technicians work in poor network areas. Sync later, clean trail no more missing days.\u201d\n          <\/p>\n          <div class=\"who\">\n            <div>\n              <strong>Arjun S.<\/strong>\n              <span>Service Manager \u2022 NorthBridge HVAC (multi-city)<\/span>\n            <\/div>\n            <div class=\"metric\">+19% jobs\/day<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-quote\">\n          <div class=\"stars\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n          <\/div>\n          <p>\n            \u201cThe best part is the reporting consistency. Daily visit summaries look the same for every rep, so reviews are faster and fair. We stopped relying on WhatsApp screenshots.\u201d\n          <\/p>\n          <div class=\"who\">\n            <div>\n              <strong>Neelam Kapoor<\/strong>\n              <span>Regional Sales Head \u2022 Vistara Distributors (120 reps)<\/span>\n            <\/div>\n            <div class=\"metric\">-63% manager follow-ups<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-quote\">\n          <div class=\"stars\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17.3l-5.3 3 1.4-6-4.6-4 6.1-.5L12 4l2.4 5.8 6.1.5-4.6 4 1.4 6-5.3-3Z\"\/><\/svg>\n          <\/div>\n          <p>\n            \u201cWe introduced a clear policy: tracking only during work hours and for reimbursements\/attendance. Adoption was smooth and our team appreciated fewer arguments over travel and timing.\u201d\n          <\/p>\n          <div class=\"who\">\n            <div>\n              <strong>Sameer D.<\/strong>\n              <span>HR Manager \u2022 UrbanServe Facilities (3 branches)<\/span>\n            <\/div>\n            <div class=\"metric\">Cleaner payroll cycles<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-card\" style=\"margin-top: 14px; padding: 18px;\">\n        <div style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;\">\n          <div>\n            <div style=\"font-weight:950; letter-spacing:-.01em;\">Trusted by teams across service, sales, and operations<\/div>\n            \n          <\/div>\n          <div class=\"ts-chip\">3,000+ field teams<\/div>\n        <\/div>\n        <div class=\"ts-logos\" aria-label=\"Customer logos list\">\n          <span class=\"ts-logo\">CK Birla<\/span>\n          <span class=\"ts-logo\">Mahindra Teqo<\/span>\n          <span class=\"ts-logo\">Mswipe<\/span>\n          <span class=\"ts-logo\">OYO<\/span>\n          <span class=\"ts-logo\">Apex Utilities<\/span>\n          <span class=\"ts-logo\">BrightRoute Logistics<\/span>\n          <span class=\"ts-logo\">NovaCare Services<\/span>\n          <span class=\"ts-logo\">MetroFix Repairs<\/span>\n          <span class=\"ts-logo\">ZenGrid Installations<\/span>\n          <span class=\"ts-logo\">Skyline Distributors<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 10) FINAL CTA + MINI FAQ -->\n  <section class=\"ts-section ts-surface\">\n    <div class=\"ts-wrap\">\n      <div class=\"ts-final\">\n        <div class=\"inner\">\n          <div>\n            <span class=\"ts-kicker\"><span class=\"ts-dot\"><\/span>Start fast \u2022 Standardize later \u2022 Scale across regions<\/span>\n            <h2 class=\"ts-h2\" style=\"margin-top: 12px;\">Ready to run your field operations with clarity?<\/h2>\n            <p class=\"ts-lead\" style=\"margin-bottom: 0;\">\n              Start a free trial to validate tracking, attendance, route & mileage workflows, and reporting with a small team.\n              Or explore how TeamSpoor fits a full FSM rollout alongside CRM-aligned processes.\n            <\/p>\n            <div class=\"ts-btns\">\n              <a class=\"ts-btn ts-btn-primary\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Start your field force automation software free trial now\">\n                Start Free Trial\n              <\/a>\n              <a class=\"ts-btn ts-btn-secondary\" href=\"https:\/\/znicrm.com\/fsm\/\" title=\"Learn more about field force automation software and field service management\">\n                Learn More\n              <\/a>\n            <\/div>\n            \n          <\/div>\n\n          <div class=\"ts-card\" style=\"padding: 16px; border-radius: 22px;\">\n            <div style=\"font-weight: 950; letter-spacing: -.01em;\">What you\u2019ll validate in week one<\/div>\n            <div class=\"ts-divider\"><\/div>\n            <ul class=\"ts-points\" style=\"margin-top: 0;\">\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M12 22s8-4.5 8-11V6l-8-3-8 3v5c0 6.5 8 11 8 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Attendance proof<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">geo-tagged check-in\/out with rules<\/span><\/div>\n              <\/li>\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M3 12h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M7 16l-4-4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M17 8l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Route\/mileage verification<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">distance + approvals for claims<\/span><\/div>\n              <\/li>\n              <li>\n                <span class=\"ts-ico\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M6 2h9l3 3v17H6V2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M9 11h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <path d=\"M9 15h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <div><strong>Reporting consistency<\/strong><br><span style=\"color:var(--muted2); font-size:13px;\">DSR\/visits with exports<\/span><\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-miniFaq\" aria-label=\"Frequently asked questions\">\n          <details class=\"ts-faq\" open>\n            <summary>\n              Is TeamSpoor a field force automation software or just a GPS tracking tool?\n              <span class=\"chev\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"a\">\n              <p>\n                TeamSpoor is designed as an operations layer: verified attendance, route & mileage validation, visit reporting, approvals, and field visibility that supports scheduling\/dispatch workflows.\n                The goal is fewer disputes and faster execution not \u201cmore surveillance.\u201d\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"ts-faq\">\n            <summary>\n              How does field force automation software improve productivity without micromanaging?\n              <span class=\"chev\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"a\">\n              <p>\n                By removing manual reporting and replacing disputes with verifiable signals: geo-tagged attendance, route replay when needed, standardized visit summaries, and approvals for claims.\n                Managers spend less time checking and more time supporting execution.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"ts-faq\">\n            <summary>\n              Is location tracking legal and ethical for field teams?\n              <span class=\"chev\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"a\">\n              <p>\n                It can be, when implemented transparently: inform employees, track within working-hour boundaries, and use data only for legitimate operational needs (attendance, reimbursements, job execution).\n                A clear 1-page policy dramatically improves adoption and trust.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"ts-faq\">\n            <summary>\n              Can TeamSpoor align with CRM\/FSM workflows for service tickets and work orders?\n              <span class=\"chev\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"a\">\n              <p>\n                Yes TeamSpoor is positioned as a field service management platform that supports dispatching, real-time visibility, work orders, and billing lifecycle flows,\n                and can fit CRM-aligned execution where customer context and field activity need to stay connected.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"ts-faq\">\n            <summary>\n              What\u2019s the fastest way to start a TeamSpoor trial?\n              <span class=\"chev\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"a\">\n              <p>\n                Create your account, add a small pilot team, and validate three workflows: geo-tagged attendance, route\/mileage verification, and standardized reporting.\n                Once that\u2019s stable, scale rules (shifts, geo-fences, approvals, forms) across offices.\n              <\/p>\n            <\/div>\n          <\/details>\n\n          <div class=\"ts-btns\" style=\"margin-top: 6px;\">\n            <a class=\"ts-btn ts-btn-primary\" href=\"https:\/\/teamspoor.znicrm.com\/register.php\" title=\"Start free trial for field force automation software\">\n              Start Free Trial\n            <\/a>\n            <a class=\"ts-btn ts-btn-secondary\" href=\"https:\/\/znicrm.com\/fsm\/\" title=\"Learn more about TeamSpoor field force automation software\">\n              Learn More\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\t\t<\/div>\n\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>Built for fast-moving field teams who need proof, not guesswork Field Force Automation Software that verifies every visit, kilometre &#038; hour TeamSpoor TeamSpoor brings real-time field visibility, geo-tagged attendance, route &#038; mileage validation, and workflow-friendly reporting into one mobile-first system designed to keep managers confident and teams focused on the work that matters. Start Free [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"categories":[364],"tags":[],"class_list":["post-4966","page","type-page","status-publish","hentry","category-field-force-management"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Field Force Automation Software - ZNI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/znicrm.com\/resources\/field-force-automation-software\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Field Force Automation Software - ZNI\" \/>\n<meta property=\"og:description\" content=\"Built for fast-moving field teams who need proof, not guesswork Field Force Automation Software that verifies every visit, kilometre &#038; hour TeamSpoor TeamSpoor brings real-time field visibility, geo-tagged attendance, route &#038; mileage validation, and workflow-friendly reporting into one mobile-first system designed to keep managers confident and teams focused on the work that matters. Start Free [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/znicrm.com\/resources\/field-force-automation-software\" \/>\n<meta property=\"og:site_name\" content=\"ZNI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-16T08:15:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/znicrm.com\/resources\/field-force-automation-software\",\"url\":\"https:\/\/znicrm.com\/resources\/field-force-automation-software\",\"name\":\"Field Force Automation Software - ZNI\",\"isPartOf\":{\"@id\":\"https:\/\/znicrm.com\/resources\/#website\"},\"datePublished\":\"2026-01-16T07:59:20+00:00\",\"dateModified\":\"2026-01-16T08:15:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/znicrm.com\/resources\/field-force-automation-software#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/znicrm.com\/resources\/field-force-automation-software\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/znicrm.com\/resources\/field-force-automation-software#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/znicrm.com\/resources\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Field Force Automation Software\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/znicrm.com\/resources\/#website\",\"url\":\"https:\/\/znicrm.com\/resources\/\",\"name\":\"ZNI\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/znicrm.com\/resources\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/znicrm.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/znicrm.com\/resources\/#organization\",\"name\":\"ZNI\",\"url\":\"https:\/\/znicrm.com\/resources\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/znicrm.com\/resources\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdn.znicrm.com\/resources\/wp-content\/uploads\/2024\/03\/04135613\/cropped-cropped-square-logo.png\",\"contentUrl\":\"https:\/\/cdn.znicrm.com\/resources\/wp-content\/uploads\/2024\/03\/04135613\/cropped-cropped-square-logo.png\",\"width\":512,\"height\":512,\"caption\":\"ZNI\"},\"image\":{\"@id\":\"https:\/\/znicrm.com\/resources\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Field Force Automation Software - ZNI","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:\/\/znicrm.com\/resources\/field-force-automation-software","og_locale":"en_US","og_type":"article","og_title":"Field Force Automation Software - ZNI","og_description":"Built for fast-moving field teams who need proof, not guesswork Field Force Automation Software that verifies every visit, kilometre &#038; hour TeamSpoor TeamSpoor brings real-time field visibility, geo-tagged attendance, route &#038; mileage validation, and workflow-friendly reporting into one mobile-first system designed to keep managers confident and teams focused on the work that matters. Start Free [&hellip;]","og_url":"https:\/\/znicrm.com\/resources\/field-force-automation-software","og_site_name":"ZNI","article_modified_time":"2026-01-16T08:15:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/znicrm.com\/resources\/field-force-automation-software","url":"https:\/\/znicrm.com\/resources\/field-force-automation-software","name":"Field Force Automation Software - ZNI","isPartOf":{"@id":"https:\/\/znicrm.com\/resources\/#website"},"datePublished":"2026-01-16T07:59:20+00:00","dateModified":"2026-01-16T08:15:56+00:00","breadcrumb":{"@id":"https:\/\/znicrm.com\/resources\/field-force-automation-software#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/znicrm.com\/resources\/field-force-automation-software"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/znicrm.com\/resources\/field-force-automation-software#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/znicrm.com\/resources"},{"@type":"ListItem","position":2,"name":"Field Force Automation Software"}]},{"@type":"WebSite","@id":"https:\/\/znicrm.com\/resources\/#website","url":"https:\/\/znicrm.com\/resources\/","name":"ZNI","description":"","publisher":{"@id":"https:\/\/znicrm.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/znicrm.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/znicrm.com\/resources\/#organization","name":"ZNI","url":"https:\/\/znicrm.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/znicrm.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.znicrm.com\/resources\/wp-content\/uploads\/2024\/03\/04135613\/cropped-cropped-square-logo.png","contentUrl":"https:\/\/cdn.znicrm.com\/resources\/wp-content\/uploads\/2024\/03\/04135613\/cropped-cropped-square-logo.png","width":512,"height":512,"caption":"ZNI"},"image":{"@id":"https:\/\/znicrm.com\/resources\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/pages\/4966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/comments?post=4966"}],"version-history":[{"count":7,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/pages\/4966\/revisions"}],"predecessor-version":[{"id":4975,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/pages\/4966\/revisions\/4975"}],"wp:attachment":[{"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/media?parent=4966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/categories?post=4966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/znicrm.com\/resources\/wp-json\/wp\/v2\/tags?post=4966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}