{"id":4048,"date":"2026-08-24T10:02:33","date_gmt":"2026-08-24T09:02:33","guid":{"rendered":"https:\/\/cozmotec.ie\/staging\/7865\/?page_id=4048"},"modified":"2026-10-05T14:16:00","modified_gmt":"2026-10-05T13:16:00","slug":"follow-the-camino","status":"publish","type":"page","link":"https:\/\/cozmotec.ie\/staging\/7865\/follow-the-camino\/","title":{"rendered":"Follow the Camino"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4048\" class=\"elementor elementor-4048\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f380455 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f380455\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51dd53c\" data-id=\"51dd53c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7eddb89 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7eddb89\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15daf6b\" data-id=\"15daf6b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73ff9e2 elementor-widget elementor-widget-html\" data-id=\"73ff9e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     PRIMARY SEO METADATA & STRUCTURED DATA (100% SEARCH ENGINE COMPLIANT)\r\n     ========================================================================== -->\r\n<title>Follow the Camino Case Study | Cozmotec Software Architecture<\/title>\r\n<meta name=\"description\" content=\"How Cozmotec built an AI and OCR invoice-matching platform for Follow the Camino, automating 30,000 supplier invoices a year.\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/cozmotec.ie\/case-studies\/follow-the-camino\/\" \/>\r\n\r\n<!-- Open Graph \/ Facebook \/ LinkedIn -->\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/cozmotec.ie\/case-studies\/follow-the-camino\/\" \/>\r\n<meta property=\"og:title\" content=\"Follow the Camino Case Study | Real-Time CRM & Booking Engine | Cozmotec\" \/>\r\n<meta property=\"og:description\" content=\"How Cozmotec unified reservation systems and CRM for Click&Go Holidays, cutting quote turnaround by 45 minutes and syncing live holiday packages.\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/framerusercontent.com\/images\/cwim7i7ZTZMxFkOzIfZtv4bA.png\" \/>\r\n<meta property=\"og:site_name\" content=\"Cozmotec\" \/>\r\n\r\n<!-- Twitter Card Meta Tags -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:url\" content=\"https:\/\/cozmotec.ie\/case-studies\/follow-the-camino\/\" \/>\r\n<meta name=\"twitter:title\" content=\"Follow the Camino Case Study | Real-Time CRM & Booking Engine | Cozmotec\" \/>\r\n<meta name=\"twitter:description\" content=\"How Cozmotec unified reservation systems and CRM for Click&Go Holidays, cutting quote turnaround by 45 minutes and syncing live holiday packages.\" \/>\r\n<meta name=\"twitter:image\" content=\"https:\/\/framerusercontent.com\/images\/cwim7i7ZTZMxFkOzIfZtv4bA.png\" \/>\r\n\r\n<!-- Schema.org JSON-LD Structured Data -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Article\",\r\n  \"headline\": \"Follow the Camino Case Study | Real-Time CRM & Booking Engine | Cozmotec\",\r\n  \"description\": \"How Cozmotec unified reservation systems and CRM for Click&Go Holidays, cutting quote turnaround by 45 minutes and syncing live holiday packages.\",\r\n  \"url\": \"https:\/\/cozmotec.ie\/case-studies\/follow-the-camino\/\",\r\n  \"image\": \"https:\/\/framerusercontent.com\/images\/cwim7i7ZTZMxFkOzIfZtv4bA.png\",\r\n  \"author\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"Cozmotec\",\r\n    \"url\": \"https:\/\/cozmotec.ie\"\r\n  },\r\n  \"publisher\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"Cozmotec\",\r\n    \"logo\": {\r\n      \"@type\": \"ImageObject\",\r\n      \"url\": \"https:\/\/framerusercontent.com\/images\/cwim7i7ZTZMxFkOzIfZtv4bA.png\"\r\n    }\r\n  },\r\n  \"about\": {\r\n    \"@type\": \"Thing\",\r\n    \"name\": \"Follow the Camino Travel\",\r\n    \"description\": \"Travel & Accounts Payable\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<!-- ==========================================================================\r\n     COZMOTEC CASE STUDY: FOLLOW THE CAMINO (SCREENSHOT-MATCHED & ELEMENTOR READY)\r\n     No header, no footer included as requested.\r\n     Typography: Schibsted Grotesk (100% matched to Case Studies & Services pages)\r\n     Colors: Oxblood (#160B0B), Clay (#E7DCD5), Raspberry (#C9266B), Bone (#F2EAE6)\r\n     ========================================================================== -->\r\n\r\n<!-- Universal Typography: Schibsted Grotesk -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&amp;display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  \/* ==========================================================================\r\n     CSS VARIABLES & DESIGN TOKENS (IDENTICAL TO CASE STUDIES & SERVICES PAGES)\r\n     ========================================================================== *\/\r\n  :root {\r\n    --czm-font:\r\n      \"Schibsted Grotesk\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\",\r\n      Helvetica, Arial, sans-serif;\r\n\r\n    \/* Dark Theme (Oxblood) *\/\r\n    --czm-oxblood: #160b0b;\r\n    --czm-oxblood-deep: #0e0707;\r\n    --czm-oxblood-true: #401714;\r\n    --czm-bone: #f2eae6;\r\n    --czm-dim: #a08d88;\r\n    --czm-line-dark: #2e1d1b;\r\n\r\n    \/* Light Theme (Clay) *\/\r\n    --czm-clay: #e7dcd5;\r\n    --czm-parchment: #f1e8e2;\r\n    --czm-warm-grey: #6b5d58;\r\n    --czm-dark-text: #160b0b;\r\n    --czm-line-light: #d3c4bc;\r\n\r\n    \/* Raspberry Pink Accents *\/\r\n    --czm-pink: #c9266b;\r\n    --czm-pink-soft: #e84d8e;\r\n    --czm-pink-deep: #b01f5c;\r\n    --czm-pink-tint: rgba(201, 38, 107, 0.12);\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     FULL-BLEED EDGE-TO-EDGE BREAKOUT RULES\r\n     Ensures Clay and Oxblood sections stretch 100vw from edge to edge with NO\r\n     black bars on the left or right, regardless of Elementor boxed layout.\r\n     ========================================================================== *\/\r\n  html, body {\r\n    background-color: var(--czm-oxblood) !important;\r\n    background: var(--czm-oxblood) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n  .cz-site-wrapper {\r\n    opacity: 1 !important;\r\n  }\r\n  script, script[type=\"application\/ld+json\"] {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Elementor Container & Column Breakout Overrides *\/\r\n  #page,\r\n  #content,\r\n  .site,\r\n  .site-content,\r\n  .site-main,\r\n  main,\r\n  article,\r\n  .entry-content,\r\n  .post-content,\r\n  .page-content,\r\n  .elementor,\r\n  .elementor-section,\r\n  .elementor-top-section,\r\n  .elementor-inner-section,\r\n  .elementor-section-wrap,\r\n  .elementor-container,\r\n  .elementor-column,\r\n  .elementor-column-wrap,\r\n  .elementor-widget-wrap,\r\n  .elementor-element,\r\n  .elementor-widget,\r\n  .elementor-widget-container,\r\n  .elementor-widget-html,\r\n  .e-con,\r\n  .e-con-boxed,\r\n  .e-con-inner,\r\n  .e-parent {\r\n    overflow: visible !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .elementor-section.elementor-section-boxed > .elementor-container,\r\n  .elementor-section-full_width > .elementor-container,\r\n  .elementor-column-gap-default > .elementor-column > .elementor-element-populated,\r\n  .elementor-column > .elementor-widget-wrap,\r\n  .elementor-widget-html,\r\n  .elementor-widget-html .elementor-widget-container,\r\n  .e-con.e-con-boxed,\r\n  .e-con-inner,\r\n  .e-con {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* Force Full Viewport Width (Edge-to-Edge) *\/\r\n  .cz-site-wrapper,\r\n  .czm-single-cs-page {\r\n    background-color: var(--czm-oxblood) !important;\r\n    color: var(--czm-bone) !important;\r\n    position: relative !important;\r\n    width: 100vw !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    max-width: 100vw !important;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    padding: 0 !important;\r\n    box-sizing: border-box !important;\r\n    overflow-x: clip !important;\r\n  }\r\n\r\n  .czm-single-cs-page > section {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Containers *\/\r\n  .czm-cs-container {\r\n    width: 100% !important;\r\n    max-width: 1120px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 28px !important;\r\n    box-sizing: border-box !important;\r\n    position: relative !important;\r\n  }\r\n  .czm-cs-container-narrow {\r\n    max-width: 860px !important;\r\n  }\r\n\r\n  \/* Eyebrows *\/\r\n  .czm-cs-eyebrow {\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.12em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink) !important;\r\n    margin: 0 0 16px 0 !important;\r\n    display: block !important;\r\n  }\r\n  .czm-cs-eyebrow-light {\r\n    color: var(--czm-pink-soft) !important;\r\n  }\r\n\r\n  \/* Headings (Using Schibsted Grotesk matching Case Studies & Services) *\/\r\n  .czm-cs-headline-dark {\r\n    font-size: clamp(32px, 4vw, 44px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -0.03em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 0 20px 0 !important;\r\n  }\r\n  .czm-cs-headline-cream {\r\n    font-size: clamp(32px, 4vw, 44px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -0.03em !important;\r\n    color: var(--czm-dark-text) !important;\r\n    margin: 0 0 20px 0 !important;\r\n  }\r\n\r\n  \/* Verification \/ Placeholder Boxes (The 4 Boxes from Screenshot) *\/\r\n  .czm-cs-verify-box {\r\n    border: 1px dashed rgba(201, 38, 107, 0.45) !important;\r\n    border-radius: 12px !important;\r\n    padding: 22px 26px !important;\r\n    background: rgba(201, 38, 107, 0.05) !important;\r\n    margin-top: 28px !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .czm-cs-verify-box-dark {\r\n    border: 1px dashed rgba(201, 38, 107, 0.55) !important;\r\n    border-radius: 14px !important;\r\n    padding: 24px 28px !important;\r\n    background: rgba(22, 11, 11, 0.55) !important;\r\n    margin-top: 24px !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .czm-cs-verify-header {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    margin-bottom: 10px !important;\r\n  }\r\n  .czm-cs-verify-tag {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink) !important;\r\n  }\r\n  .czm-cs-verify-tag-light {\r\n    color: var(--czm-pink-soft) !important;\r\n  }\r\n  .czm-cs-verify-badge {\r\n    display: inline-block !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 0.05em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink-soft) !important;\r\n    background: var(--czm-pink-tint) !important;\r\n    border: 1px solid rgba(201, 38, 107, 0.35) !important;\r\n    padding: 3px 10px !important;\r\n    border-radius: 999px !important;\r\n  }\r\n  .czm-cs-verify-body-cream {\r\n    font-size: 15px !important;\r\n    line-height: 1.6em !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    margin: 0 !important;\r\n  }\r\n  .czm-cs-verify-body-dark {\r\n    font-size: 15px !important;\r\n    line-height: 1.6em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     SECTION 1: HERO (Oxblood Background + Subtle Ambient Shadow \/ Glow Effect)\r\n     ======================================================================== *\/\r\n  .czm-cs-hero-section {\r\n    padding: 105px 0 75px 0 !important;\r\n    background-color: var(--czm-oxblood) !important;\r\n    background: var(--czm-oxblood) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* Subtle Ambient Shadow \/ Raspberry Glow in Top-Left (Exact Match to Screenshot, Services & Case Studies) *\/\r\n  .czm-cs-hero-section::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: -120px !important;\r\n    left: -140px !important;\r\n    width: 750px !important;\r\n    height: 750px !important;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(201, 38, 107, 0.22) 0%,\r\n      rgba(201, 38, 107, 0.08) 35%,\r\n      rgba(22, 11, 11, 0) 70%\r\n    ) !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .czm-cs-hero-section .czm-cs-container {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-cs-breadcrumb {\r\n    font-size: 14px !important;\r\n    color: var(--czm-dim) !important;\r\n    margin-bottom: 24px !important;\r\n  }\r\n  .czm-cs-breadcrumb a {\r\n    color: var(--czm-dim) !important;\r\n    text-decoration: none !important;\r\n    transition: color 0.2s ease !important;\r\n  }\r\n  .czm-cs-breadcrumb a:hover {\r\n    color: var(--czm-pink) !important;\r\n  }\r\n  .czm-cs-breadcrumb-current {\r\n    color: var(--czm-bone) !important;\r\n    font-weight: 500 !important;\r\n  }\r\n  .czm-cs-hero-title {\r\n    font-size: clamp(52px, 6.5vw, 76px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.06em !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 0 24px 0 !important;\r\n  }\r\n  \/* Exact Ampersand Accent (Click in white, & in pink, Go in white) *\/\r\n  .czm-pink-amp {\r\n    color: var(--czm-pink) !important;\r\n  }\r\n  .czm-cs-hero-lead {\r\n    font-size: clamp(16.5px, 1.45vw, 19.5px) !important;\r\n    line-height: 1.6em !important;\r\n    color: var(--czm-dim) !important;\r\n    max-width: 820px !important;\r\n    margin: 0 0 52px 0 !important;\r\n  }\r\n  .czm-cs-hero-metabar {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: 24px !important;\r\n    padding: 26px 0 !important;\r\n    border-top: 1px solid var(--czm-line-dark) !important;\r\n    border-bottom: 1px solid var(--czm-line-dark) !important;\r\n  }\r\n  .czm-cs-metacol-label {\r\n    font-size: 11.5px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.12em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n  .czm-cs-metacol-val {\r\n    font-size: 14.5px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--czm-bone) !important;\r\n    line-height: 1.45em !important;\r\n  }\r\n\r\n  \/* SECTION 2: THE PROBLEM (Clay Background) *\/\r\n  .czm-cs-problem-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-clay) !important;\r\n    background: var(--czm-clay) !important;\r\n    border-top: 1px solid var(--czm-line-light) !important;\r\n    border-bottom: 1px solid var(--czm-line-light) !important;\r\n  }\r\n  .czm-cs-problem-body {\r\n    font-size: 17px !important;\r\n    line-height: 1.65em !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* SECTION 3: WHAT WE BUILT (Oxblood Background) *\/\r\n  .czm-cs-built-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-oxblood) !important;\r\n    background: var(--czm-oxblood) !important;\r\n  }\r\n  .czm-cs-breakdown-list {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    margin-top: 48px !important;\r\n    border-top: 1px solid var(--czm-line-dark) !important;\r\n  }\r\n  .czm-cs-breakdown-row {\r\n    display: grid !important;\r\n    grid-template-columns: 240px 1fr !important;\r\n    gap: 36px !important;\r\n    padding: 32px 0 !important;\r\n    border-bottom: 1px solid var(--czm-line-dark) !important;\r\n    align-items: start !important;\r\n  }\r\n  .czm-cs-row-label {\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 !important;\r\n  }\r\n  .czm-cs-row-title {\r\n    font-size: 18px !important;\r\n    font-weight: 600 !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 0 8px 0 !important;\r\n  }\r\n  .czm-cs-row-desc {\r\n    font-size: 15px !important;\r\n    line-height: 1.6em !important;\r\n    color: var(--czm-dim) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* SECTION 4: WHAT IT MEANS (Oxblood True \/ Rich Burgundy Background) *\/\r\n  .czm-cs-means-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-oxblood-true) !important;\r\n    background: var(--czm-oxblood-true) !important;\r\n    border-top: 1px solid rgba(201, 38, 107, 0.25) !important;\r\n    border-bottom: 1px solid rgba(201, 38, 107, 0.25) !important;\r\n  }\r\n\r\n  \/* SECTION 5: AT A GLANCE (Clay Background) *\/\r\n  .czm-cs-glance-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-clay) !important;\r\n    background: var(--czm-clay) !important;\r\n    border-top: 1px solid var(--czm-line-light) !important;\r\n    border-bottom: 1px solid var(--czm-line-light) !important;\r\n  }\r\n  .czm-cs-glance-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 36px 40px !important;\r\n    margin-top: 36px !important;\r\n  }\r\n  .czm-cs-glance-item-label {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n  .czm-cs-glance-item-val {\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    color: var(--czm-dark-text) !important;\r\n    line-height: 1.45em !important;\r\n  }\r\n\r\n  \/* SECTION 6: CLIENT TESTIMONIAL (Oxblood Background) *\/\r\n  .czm-cs-testimonial-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-oxblood) !important;\r\n    background: var(--czm-oxblood) !important;\r\n  }\r\n  .czm-cs-testimonial-box {\r\n    max-width: 860px !important;\r\n    margin: 0 auto !important;\r\n    border: 1px dashed rgba(201, 38, 107, 0.5) !important;\r\n    border-radius: 16px !important;\r\n    padding: 36px 36px !important;\r\n    background: rgba(64, 23, 20, 0.35) !important;\r\n    text-align: center !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .czm-cs-testimonial-text {\r\n    font-size: 16.5px !important;\r\n    line-height: 1.65em !important;\r\n    color: var(--czm-bone) !important;\r\n    max-width: 720px !important;\r\n    margin: 18px auto 0 !important;\r\n  }\r\n\r\n  \/* SECTION 7: OTHER THINGS WE'VE BUILT (Clay Background) *\/\r\n  .czm-cs-other-section {\r\n    padding: 100px 0 !important;\r\n    background-color: var(--czm-clay) !important;\r\n    background: var(--czm-clay) !important;\r\n    border-top: 1px solid var(--czm-line-light) !important;\r\n    border-bottom: 1px solid var(--czm-line-light) !important;\r\n  }\r\n  .czm-cs-cards-row {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 28px !important;\r\n    margin-top: 40px !important;\r\n  }\r\n  .czm-cs-teaser-card {\r\n    display: block !important;\r\n    text-decoration: none !important;\r\n    background: var(--czm-parchment) !important;\r\n    border: 1px solid var(--czm-line-light) !important;\r\n    border-radius: 16px !important;\r\n    padding: 28px 24px !important;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .czm-cs-teaser-card:hover {\r\n    transform: translateY(-4px) !important;\r\n    box-shadow: 0 16px 32px rgba(22, 11, 11, 0.08) !important;\r\n  }\r\n  .czm-cs-card-tag {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n  .czm-cs-card-title {\r\n    font-size: 20px !important;\r\n    font-weight: 600 !important;\r\n    color: var(--czm-dark-text) !important;\r\n    margin: 0 0 10px 0 !important;\r\n  }\r\n  .czm-cs-card-desc {\r\n    font-size: 14px !important;\r\n    line-height: 1.55em !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* SECTION 8: NEXT STEP CTA (Oxblood Background + Subtle Ambient Glow) *\/\r\n  .czm-cs-nextstep-section {\r\n    padding: 110px 0 !important;\r\n    background-color: var(--czm-oxblood) !important;\r\n    background: var(--czm-oxblood) !important;\r\n    text-align: center !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n  }\r\n  .czm-cs-nextstep-section::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 600px !important;\r\n    height: 400px !important;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(201, 38, 107, 0.14) 0%,\r\n      rgba(22, 11, 11, 0) 70%\r\n    ) !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n  }\r\n  .czm-cs-nextstep-section .czm-cs-container {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-cs-nextstep-container {\r\n    max-width: 780px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n  .czm-cs-nextstep-lead {\r\n    font-size: 16.5px !important;\r\n    line-height: 1.6em !important;\r\n    color: var(--czm-dim) !important;\r\n    margin: 0 auto 36px auto !important;\r\n    max-width: 660px !important;\r\n  }\r\n  .czm-cs-nextstep-btnwrap {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 16px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n  .czm-btn-pill-pink-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    height: 48px !important;\r\n    padding: 0 32px !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    background-color: var(--czm-pink) !important;\r\n    color: #ffffff !important;\r\n    border-radius: 9999px !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    box-shadow: 0 4px 18px rgba(201, 38, 107, 0.28) !important;\r\n  }\r\n  .czm-btn-pill-pink-cta:hover {\r\n    background-color: var(--czm-pink-deep) !important;\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 8px 24px rgba(201, 38, 107, 0.45) !important;\r\n  }\r\n  .czm-btn-pill-outline-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    height: 48px !important;\r\n    padding: 0 28px !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    background: transparent !important;\r\n    color: var(--czm-bone) !important;\r\n    border: 1px solid var(--czm-line-dark) !important;\r\n    border-radius: 9999px !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.25s ease !important;\r\n  }\r\n  .czm-btn-pill-outline-cta:hover {\r\n    border-color: var(--czm-dim) !important;\r\n    background: rgba(242, 234, 230, 0.05) !important;\r\n    color: var(--czm-bone) !important;\r\n    transform: translateY(-2px) !important;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 900px) {\r\n    .czm-cs-hero-metabar {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n      gap: 20px !important;\r\n    }\r\n    .czm-cs-glance-grid {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n    .czm-cs-cards-row {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .czm-cs-breakdown-row {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 12px !important;\r\n    }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .czm-cs-hero-metabar {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .czm-cs-glance-grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .czm-cs-nextstep-btnwrap {\r\n      flex-direction: column !important;\r\n      width: 100% !important;\r\n    }\r\n    .czm-btn-pill-pink-cta,\r\n    .czm-btn-pill-outline-cta {\r\n      width: 100% !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cz-site-wrapper\">\r\n<div class=\"czm-single-cs-page\" id=\"czm-single-cs-root\">\r\n\r\n  <!-- ========================================================================\r\n       SECTION 1: HERO (OXBLOOD BACKGROUND + SUBTLE AMBIENT GLOW \/ SHADOW EFFECT)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-hero-section\" id=\"hero\">\r\n    <div class=\"czm-cs-container\">\r\n      \r\n      <!-- Breadcrumb -->\r\n      <nav class=\"czm-cs-breadcrumb\" aria-label=\"Breadcrumb\">\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/case-studies\/\">Case studies<\/a> \/ <span class=\"czm-cs-breadcrumb-current\">Follow the Camino<\/span>\r\n      <\/nav>\r\n\r\n      <!-- Main Headline -->\r\n      <h1 class=\"czm-cs-hero-title\">Follow the <span class=\"czm-pink-amp\">Camino<\/span><\/h1>\r\n\r\n      <!-- Hero Subtitle \/ Lead Statement -->\r\n      <p class=\"czm-cs-hero-lead\">Around 30,000 supplier invoices a year \u2014 handwritten, in different languages, in Word and PDF \u2014 now matched automatically with AI and OCR.<\/p>\r\n\r\n      <!-- 4-Column Metadata Strip -->\r\n      <div class=\"czm-cs-hero-metabar\">\r\n        <div class=\"czm-cs-metacol\">\r\n          <div class=\"czm-cs-metacol-label\">Sector<\/div>\r\n          <div class=\"czm-cs-metacol-val\">Travel<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-metacol\">\r\n          <div class=\"czm-cs-metacol-label\">What We Built<\/div>\r\n          <div class=\"czm-cs-metacol-val\">AI and OCR invoice-matching platform<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-metacol\">\r\n          <div class=\"czm-cs-metacol-label\">Volume<\/div>\r\n          <div class=\"czm-cs-metacol-val\">~30,000 invoices a year<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-metacol\">\r\n          <div class=\"czm-cs-metacol-label\">Outcome<\/div>\r\n          <div class=\"czm-cs-metacol-val\">Hours of manual admin saved for the team<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 2: THE PROBLEM (CLAY BACKGROUND)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-problem-section\" id=\"problem\">\r\n    <div class=\"czm-cs-container czm-cs-container-narrow\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\">The Problem<\/span>\r\n      \r\n      <h2 class=\"czm-cs-headline-cream\">30,000 invoices a year, and every one matched by hand.<\/h2>\r\n\r\n      <p class=\"czm-cs-problem-body\" style=\"margin-bottom: 24px !important;\">Follow the Camino received approximately 30,000 invoices a year. They didn't arrive in one tidy format: many were handwritten, they came in different languages, and they turned up sometimes as Word documents and sometimes as PDFs.<\/p>\r\n\r\n      <p class=\"czm-cs-problem-body\">The team matched every one of these invoices manually. That admin work took time away from the team \u2014 time that should have gone into the trips and the people walking them.<\/p>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 3: WHAT WE BUILT (OXBLOOD BACKGROUND + 4-ROW BREAKDOWN)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-built-section\" id=\"what-we-built\">\r\n    <div class=\"czm-cs-container\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\">What We Built<\/span>\r\n      \r\n      <h2 class=\"czm-cs-headline-dark\">\r\n        One platform that reads the invoice and makes the match.\r\n      <\/h2>\r\n\r\n      <div class=\"czm-cs-breakdown-list\">\r\n        \r\n        <!-- Row 1: Reading -->\r\n        <div class=\"czm-cs-breakdown-row\">\r\n          <div class=\"czm-cs-row-label\">Reading<\/div>\r\n          <div class=\"czm-cs-row-content\">\r\n            <h3 class=\"czm-cs-row-title\">OCR for every format<\/h3>\r\n            <p class=\"czm-cs-row-desc\">Invoices are read whatever form they arrive in \u2014 handwritten, Word or PDF \u2014 and turned into data the system can work with.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 2: Understanding -->\r\n        <div class=\"czm-cs-breakdown-row\">\r\n          <div class=\"czm-cs-row-label\">Understanding<\/div>\r\n          <div class=\"czm-cs-row-content\">\r\n            <h3 class=\"czm-cs-row-title\">AI across languages<\/h3>\r\n            <p class=\"czm-cs-row-desc\">An AI layer interprets invoices written in different languages, so a supplier's language no longer decides how long an invoice takes to process.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 3: Matching -->\r\n        <div class=\"czm-cs-breakdown-row\">\r\n          <div class=\"czm-cs-row-label\">Matching<\/div>\r\n          <div class=\"czm-cs-row-content\">\r\n            <h3 class=\"czm-cs-row-title\">Automated invoice matching<\/h3>\r\n            <p class=\"czm-cs-row-desc\">The matching the team used to do by hand is now done by the platform, automating the process end to end.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Row 4: The Result -->\r\n        <div class=\"czm-cs-breakdown-row\">\r\n          <div class=\"czm-cs-row-label\">The Result<\/div>\r\n          <div class=\"czm-cs-row-content\">\r\n            <h3 class=\"czm-cs-row-title\">Time back for the team<\/h3>\r\n            <p class=\"czm-cs-row-desc\">Instead of spending hours on admin, the team gets that time back for the work that actually needs them.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 4: WHAT CHANGED (RICH BURGUNDY \/ OXBLOOD TRUE BACKGROUND)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-means-section\" id=\"what-changed\">\r\n    <div class=\"czm-cs-container czm-cs-container-narrow\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\">What Changed<\/span>\r\n      \r\n      <h2 class=\"czm-cs-headline-dark\" style=\"margin-bottom: 24px;\">\r\n        30,000 invoices a year, no longer matched by hand.\r\n      <\/h2>\r\n\r\n      <p class=\"czm-cs-lead-dark\">\r\n        Manual invoice matching has been replaced with an automated process built on AI and OCR, saving the team hours of admin work.\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 5: AT A GLANCE (CLAY BACKGROUND + 6-GRID)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-glance-section\" id=\"at-a-glance\">\r\n    <div class=\"czm-cs-container\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\">At A Glance<\/span>\r\n\r\n      <!-- 6-Grid Details -->\r\n      <div class=\"czm-cs-glance-grid\">\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Client<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">Follow the Camino<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Sector<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">Travel<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Volume<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">Approximately 30,000 invoices a year<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Invoice Formats<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">Handwritten, Word and PDF, in different languages<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Technology<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">AI and OCR<\/div>\r\n        <\/div>\r\n        <div class=\"czm-cs-glance-item\">\r\n          <div class=\"czm-cs-glance-item-label\">Outcome<\/div>\r\n          <div class=\"czm-cs-glance-item-val\">Invoice matching automated; hours of admin saved<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 6: OTHER THINGS WE'VE BUILT (CLAY BACKGROUND + 3 CARDS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-other-section\" id=\"related-work\">\r\n    <div class=\"czm-cs-container\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\">More Work<\/span>\r\n      \r\n      <h2 class=\"czm-cs-headline-cream\">\r\n        Other things we've built.\r\n      <\/h2>\r\n\r\n      <div class=\"czm-cs-cards-row\">\r\n        <!-- Card 1: daa International -->\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/daa-international\/\" class=\"czm-cs-teaser-card\">\r\n          <div class=\"czm-cs-card-tag\">Aviation<\/div>\r\n          <h3 class=\"czm-cs-card-title\">daa International<\/h3>\r\n          <p class=\"czm-cs-card-desc\">Paper assessments replaced with an online platform and AI board summaries. 3\u20134 hours saved on every assessment.<\/p>\r\n        <\/a>\r\n\r\n        <!-- Card 2: Ailtire -->\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/ailtire\/\" class=\"czm-cs-teaser-card\">\r\n          <div class=\"czm-cs-card-tag\">Cybersecurity<\/div>\r\n          <h3 class=\"czm-cs-card-title\">Ailtire<\/h3>\r\n          <p class=\"czm-cs-card-desc\">The whole product, front end and AI backend. Working MVP in 8 weeks, live within 14.<\/p>\r\n        <\/a>\r\n\r\n        <!-- Card 3: Click&Go -->\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/click-go-holidays\/\" class=\"czm-cs-teaser-card\">\r\n          <div class=\"czm-cs-card-tag\">Travel<\/div>\r\n          <h3 class=\"czm-cs-card-title\">Click&amp;Go<\/h3>\r\n          <p class=\"czm-cs-card-desc\">One system carrying a booking enquiry from first contact to a priced quote, with the reservation platform kept in step.<\/p>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 7: NEXT STEP CTA (OXBLOOD BACKGROUND + AMBIENT GLOW + BUTTONS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-cs-nextstep-section\" id=\"next-step\">\r\n    <div class=\"czm-cs-container czm-cs-nextstep-container\">\r\n      \r\n      <span class=\"czm-cs-eyebrow\" style=\"color: var(--czm-pink);\">Next Step<\/span>\r\n      \r\n      <h2 class=\"czm-cs-headline-dark\" style=\"margin-bottom: 16px;\">\r\n        Is your team still doing admin a machine could do?\r\n      <\/h2>\r\n\r\n      <p class=\"czm-cs-nextstep-lead\">\r\n        Book a free 30-minute call. We'll map one of your processes and show you where the hours are going \u2014 yours to keep, whether you work with us or not.\r\n      <\/p>\r\n\r\n      <div class=\"czm-cs-nextstep-btnwrap\">\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/contact-us\/\" class=\"czm-btn-pill-pink-cta\">\r\n          <span>Book a free 30-minute call<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/case-studies\/\" class=\"czm-btn-pill-outline-cta\">\r\n          <span>See more case studies<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n<\/div>\r\n\t\t\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>Follow the Camino Case Study | Cozmotec Software Architecture Case studies \/ Follow the Camino Follow the Camino Around 30,000 supplier invoices a year \u2014 handwritten, in different languages, in Word and PDF \u2014 now matched automatically with AI and OCR. Sector Travel What We Built AI and OCR invoice-matching platform Volume ~30,000 invoices a [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-4048","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/comments?post=4048"}],"version-history":[{"count":32,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4048\/revisions"}],"predecessor-version":[{"id":5356,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4048\/revisions\/5356"}],"wp:attachment":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/media?parent=4048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}