{"id":3596,"date":"2026-08-22T16:52:03","date_gmt":"2026-08-22T15:52:03","guid":{"rendered":"https:\/\/cozmotec.ie\/staging\/7865\/?page_id=3596"},"modified":"2026-10-05T14:16:38","modified_gmt":"2026-10-05T13:16:38","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/cozmotec.ie\/staging\/7865\/case-studies\/","title":{"rendered":"Case Studies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3596\" class=\"elementor elementor-3596\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ed24d8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ed24d8\" 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-d767b11\" data-id=\"d767b11\" 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-7d1be8d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d1be8d\" 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-465d41d\" data-id=\"465d41d\" 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-3593ccc elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3593ccc\" 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>Case Studies & Client Results | Cozmotec<\/title>\r\n<meta name=\"description\" content=\"Discover how Cozmotec transformed operations for Click&Go, DAA International, Customs Wise, and more with custom platforms and workflow automation.\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/cozmotec.ie\/case-studies\/\" \/>\r\n\r\n<!-- Open Graph \/ Facebook \/ LinkedIn -->\r\n<meta property=\"og:type\" content=\"website\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/cozmotec.ie\/case-studies\/\" \/>\r\n<meta property=\"og:title\" content=\"Case Studies & Client Results | Cozmotec\" \/>\r\n<meta property=\"og:description\" content=\"Discover how Cozmotec transformed operations for Click&Go, DAA International, Customs Wise, and more with custom platforms and workflow automation.\" \/>\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\/\" \/>\r\n<meta name=\"twitter:title\" content=\"Case Studies & Client Results | Cozmotec\" \/>\r\n<meta name=\"twitter:description\" content=\"Discover how Cozmotec transformed operations for Click&Go, DAA International, Customs Wise, and more with custom platforms and workflow automation.\" \/>\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\": \"CollectionPage\",\r\n  \"name\": \"Cozmotec Case Studies\",\r\n  \"url\": \"https:\/\/cozmotec.ie\/case-studies\/\",\r\n  \"description\": \"Proven software and AI automation case studies delivered by Cozmotec.\"\r\n}\r\n<\/script>\r\n\r\n<!-- ==========================================================================\r\n     COZMOTEC CASE STUDIES PAGE (SCREENSHOT-MATCHED & ELEMENTOR READY)\r\n     No header, no footer included as requested.\r\n     Typography: Schibsted Grotesk\r\n     Colors: Oxblood (#160B0B), Clay (#E7DCD5), Raspberry (#C9266B), Bone (#F2EAE6)\r\n     ========================================================================== -->\r\n\r\n<!-- Google Fonts: 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\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  \/* Universal Reset & WordPress \/ Elementor Anti-FOUC & Edge-to-Edge Breakout *\/\r\n  html,\r\n  body {\r\n    background-color: var(--czm-oxblood) !important;\r\n    overflow-x: hidden !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  #page,\r\n  #content,\r\n  .site,\r\n  .site-content,\r\n  .site-main,\r\n  main,\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\r\n    > .elementor-column\r\n    > .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  .czm-case-studies-page {\r\n    font-family: var(--czm-font) !important;\r\n    background-color: var(--czm-oxblood) !important;\r\n    color: var(--czm-bone) !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: visible !important;\r\n    box-sizing: border-box !important;\r\n    line-height: 1.5 !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n    -moz-osx-font-smoothing: grayscale !important;\r\n  }\r\n\r\n  .czm-case-studies-page,\r\n  .czm-case-studies-page *,\r\n  .czm-case-studies-page h1,\r\n  .czm-case-studies-page h2,\r\n  .czm-case-studies-page h3,\r\n  .czm-case-studies-page h4,\r\n  .czm-case-studies-page p,\r\n  .czm-case-studies-page span,\r\n  .czm-case-studies-page a,\r\n  .czm-case-studies-page blockquote,\r\n  .czm-case-studies-page div {\r\n    font-family: var(--czm-font) !important;\r\n  }\r\n\r\n  .czm-case-studies-page * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Full Bleed Viewport Sections *\/\r\n  .czm-full-bleed {\r\n    width: 100vw !important;\r\n    position: relative !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    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Centered Content Container *\/\r\n  .czm-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 32px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .czm-container {\r\n      padding: 0 20px !important;\r\n    }\r\n  }\r\n\r\n  \/* Eyebrows \/ Section Tags *\/\r\n  .czm-eyebrow {\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.12em !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 20px !important;\r\n    display: inline-block !important;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .czm-btn-pill-pink {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 13px 26px !important;\r\n    border-radius: 999px !important;\r\n    background: var(--czm-pink) !important;\r\n    color: #ffffff !important;\r\n    font-size: 14.5px !important;\r\n    font-weight: 600 !important;\r\n    text-decoration: none !important;\r\n    letter-spacing: -0.01em !important;\r\n    transition: all 0.22s 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\r\n  .czm-btn-pill-pink:hover {\r\n    background: var(--czm-pink-deep) !important;\r\n    transform: translateY(-1.5px) !important;\r\n    box-shadow: 0 8px 24px rgba(201, 38, 107, 0.38) !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .czm-btn-pill-dark {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 12px 24px !important;\r\n    border-radius: 999px !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    font-size: 14.5px !important;\r\n    font-weight: 500 !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.2s ease !important;\r\n  }\r\n\r\n  .czm-btn-pill-dark:hover {\r\n    border-color: var(--czm-pink) !important;\r\n    color: #ffffff !important;\r\n    background: rgba(201, 38, 107, 0.08) !important;\r\n  }\r\n\r\n  .czm-link-arrow {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    font-size: 14.5px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--czm-bone) !important;\r\n    text-decoration: none !important;\r\n    transition:\r\n      color 0.2s ease,\r\n      transform 0.2s ease !important;\r\n  }\r\n\r\n  .czm-link-arrow:hover {\r\n    color: var(--czm-pink-soft) !important;\r\n    transform: translateX(3px) !important;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     SECTION 1: HERO (Dark Oxblood)\r\n     ========================================================================== *\/\r\n  .czm-cs-hero {\r\n    background: var(--czm-oxblood) !important;\r\n    padding: 95px 0 80px !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* Ambient Glow matching screenshot *\/\r\n  .czm-cs-hero::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: -100px !important;\r\n    left: -150px !important;\r\n    width: 650px !important;\r\n    height: 650px !important;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(201, 38, 107, 0.16) 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\r\n  .czm-cs-hero-title {\r\n    font-size: clamp(38px, 4.6vw, 62px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.03em !important;\r\n    color: var(--czm-bone) !important;\r\n    max-width: 820px !important;\r\n    margin: 0 0 28px !important;\r\n  }\r\n\r\n  .czm-cs-hero-title .czm-pink-word {\r\n    color: var(--czm-pink) !important;\r\n  }\r\n\r\n  .czm-cs-hero-desc {\r\n    font-size: clamp(16px, 1.25vw, 18.5px) !important;\r\n    line-height: 1.62 !important;\r\n    color: var(--czm-dim) !important;\r\n    max-width: 680px !important;\r\n    margin: 0 0 36px !important;\r\n  }\r\n\r\n  .czm-cs-hero-actions {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 24px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .czm-cs-hero {\r\n      padding: 65px 0 50px !important;\r\n    }\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     SECTION 2: FEATURED CASE STUDY - DAA INTERNATIONAL (Light Clay)\r\n     ========================================================================== *\/\r\n  .czm-cs-featured {\r\n    background-color: var(--czm-clay) !important;\r\n    background: var(--czm-clay) !important;\r\n    color: var(--czm-dark-text) !important;\r\n    padding: 95px 0 105px !important;\r\n    box-shadow: 0 0 0 100vmax var(--czm-clay) !important;\r\n    clip-path: inset(0 -100vmax) !important;\r\n  }\r\n\r\n  .czm-featured-eyebrow-wrap {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    margin-bottom: 20px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  .czm-featured-tag {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.12em !important;\r\n    color: var(--czm-pink) !important;\r\n  }\r\n\r\n  .czm-featured-divider {\r\n    color: var(--czm-line-light) !important;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .czm-featured-sector {\r\n    font-size: 14px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--czm-warm-grey) !important;\r\n  }\r\n\r\n  .czm-featured-title {\r\n    font-size: clamp(38px, 4.4vw, 56px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -0.025em !important;\r\n    color: var(--czm-dark-text) !important;\r\n    margin: 0 0 46px !important;\r\n  }\r\n\r\n  \/* 3-Column Story Grid *\/\r\n  .czm-featured-story-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 40px !important;\r\n    margin-bottom: 60px !important;\r\n  }\r\n\r\n  .czm-story-col {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .czm-story-label {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.12em !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 14px !important;\r\n  }\r\n\r\n  .czm-story-text {\r\n    font-size: 15.5px !important;\r\n    line-height: 1.62 !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* 4 Metrics Bar *\/\r\n  .czm-featured-metrics-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: 32px !important;\r\n    padding-top: 48px !important;\r\n    border-top: 1px solid var(--czm-line-light) !important;\r\n  }\r\n\r\n  .czm-metric-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    cursor: default !important;\r\n    transition: transform 0.25s ease !important;\r\n  }\r\n\r\n  .czm-metric-item:hover {\r\n    transform: translateY(-2px) !important;\r\n  }\r\n\r\n  .czm-metric-value {\r\n    font-size: clamp(34px, 3.4vw, 44px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: var(--czm-dark-text) !important;\r\n    margin-bottom: 8px !important;\r\n    transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n  }\r\n\r\n  \/* All metric values turn hot pink on hover *\/\r\n  .czm-metric-item:hover .czm-metric-value {\r\n    color: var(--czm-pink) !important;\r\n  }\r\n\r\n  .czm-metric-label {\r\n    font-size: 13.5px !important;\r\n    line-height: 1.45 !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    transition: color 0.25s ease !important;\r\n  }\r\n\r\n  .czm-metric-item:hover .czm-metric-label {\r\n    color: var(--czm-dark-text) !important;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .czm-featured-story-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 32px !important;\r\n    }\r\n    .czm-featured-metrics-grid {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n      gap: 28px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    .czm-cs-featured {\r\n      padding: 70px 0 80px !important;\r\n    }\r\n    .czm-featured-metrics-grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     SECTION 3: SIX MORE IN THEIR OWN WORDS (Dark Oxblood)\r\n     ========================================================================== *\/\r\n  .czm-cs-grid-section {\r\n    background-color: var(--czm-oxblood) !important;\r\n    padding: 105px 0 115px !important;\r\n  }\r\n\r\n  .czm-grid-header {\r\n    margin-bottom: 56px !important;\r\n  }\r\n\r\n  .czm-grid-title {\r\n    font-size: clamp(32px, 3.8vw, 48px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -0.025em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* 2-Column Cards Grid *\/\r\n  .czm-cards-2col-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 32px !important;\r\n  }\r\n\r\n  .czm-cs-card {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    background: rgba(22, 11, 11, 0.6) !important;\r\n    border: 1px solid var(--czm-line-dark) !important;\r\n    border-radius: 18px !important;\r\n    padding: 38px 36px 34px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n  }\r\n\r\n  \/* Top pink accent line - shows on card hover *\/\r\n  .czm-cs-card::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    height: 2px !important;\r\n    background: var(--czm-pink) !important;\r\n    opacity: 0 !important;\r\n    transform: scaleX(0.85) !important;\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.3s ease !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  .czm-cs-card:hover {\r\n    border-color: rgba(201, 38, 107, 0.35) !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;\r\n  }\r\n\r\n  .czm-cs-card:hover::before {\r\n    opacity: 1 !important;\r\n    transform: scaleX(1) !important;\r\n  }\r\n\r\n  .czm-card-eyebrow {\r\n    font-size: 11.5px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.12em !important;\r\n    color: var(--czm-pink) !important;\r\n    margin-bottom: 12px !important;\r\n  }\r\n\r\n  .czm-card-title {\r\n    font-size: clamp(22px, 2.2vw, 28px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 0 16px !important;\r\n  }\r\n\r\n  .czm-card-desc {\r\n    font-size: 15.5px !important;\r\n    line-height: 1.62 !important;\r\n    color: var(--czm-dim) !important;\r\n    margin: 0 0 24px !important;\r\n  }\r\n\r\n  \/* Highlight\/Impact Box inside card *\/\r\n  .czm-card-impact {\r\n    padding-top: 20px !important;\r\n    border-top: 1px solid var(--czm-line-dark) !important;\r\n    margin-bottom: 24px !important;\r\n  }\r\n\r\n  .czm-card-impact-text {\r\n    font-size: 15px !important;\r\n    line-height: 1.55 !important;\r\n    font-weight: 500 !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  \/* Bottom horizontal action line under Read the story *\/\r\n  .czm-card-action {\r\n    width: 100% !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;\r\n    padding-bottom: 12px !important;\r\n    margin-top: auto !important;\r\n    transition: border-bottom-color 0.25s ease !important;\r\n  }\r\n\r\n  \/* By default \"Read the story\" is PINK across all six cards *\/\r\n  .czm-card-link {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    font-size: 14.5px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--czm-pink) !important;\r\n    text-decoration: none !important;\r\n    transition: color 0.25s ease !important;\r\n    cursor: pointer !important;\r\n  }\r\n\r\n  .czm-card-link .czm-link-arrow {\r\n    display: inline-block !important;\r\n    color: var(--czm-pink) !important;\r\n    transition:\r\n      transform 0.25s ease,\r\n      color 0.25s ease !important;\r\n  }\r\n\r\n  \/* When hovering directly on \"Read the story\":\r\n     - Text turns pure WHITE\r\n     - Arrow turns WHITE and nudges forward\r\n     - The line below it turns pure WHITE\r\n     (Hovering on the empty line space will NOT trigger color change)\r\n  *\/\r\n  .czm-card-link:hover,\r\n  .czm-card-link:hover * {\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .czm-card-link:hover .czm-link-arrow {\r\n    color: #ffffff !important;\r\n    transform: translateX(5px) !important;\r\n  }\r\n\r\n  .czm-card-action:has(.czm-card-link:hover),\r\n  .czm-card-action.czm-link-hovered {\r\n    border-bottom-color: #ffffff !important;\r\n  }\r\n\r\n  @media (max-width: 850px) {\r\n    .czm-cs-grid-section {\r\n      padding: 70px 0 80px !important;\r\n    }\r\n    .czm-cards-2col-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 24px !important;\r\n    }\r\n    .czm-cs-card {\r\n      padding: 30px 26px 28px !important;\r\n    }\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     SECTION 4: TESTIMONIAL QUOTE (Light Clay)\r\n     ========================================================================== *\/\r\n  .czm-cs-quote-section {\r\n    background-color: var(--czm-clay) !important;\r\n    background: var(--czm-clay) !important;\r\n    color: var(--czm-dark-text) !important;\r\n    padding: 105px 0 115px !important;\r\n    box-shadow: 0 0 0 100vmax var(--czm-clay) !important;\r\n    clip-path: inset(0 -100vmax) !important;\r\n  }\r\n\r\n  .czm-quote-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1.15fr 1fr !important;\r\n    gap: 60px !important;\r\n    align-items: start !important;\r\n  }\r\n\r\n  .czm-quote-left {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .czm-quote-text {\r\n    font-size: clamp(26px, 2.6vw, 36px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: var(--czm-dark-text) !important;\r\n    margin: 0 0 24px !important;\r\n  }\r\n\r\n  .czm-quote-author {\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    color: #401714 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-quote-right {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    padding-top: 36px !important;\r\n  }\r\n\r\n  .czm-quote-body {\r\n    font-size: 16px !important;\r\n    line-height: 1.68 !important;\r\n    color: var(--czm-warm-grey) !important;\r\n    margin: 0 0 32px !important;\r\n  }\r\n\r\n  \/* Tags \/ Deliverables List *\/\r\n  .czm-deliverables-list {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 10px !important;\r\n  }\r\n\r\n  .czm-deliverable-pill {\r\n    display: inline-block !important;\r\n    padding: 7px 16px !important;\r\n    border-radius: 999px !important;\r\n    background: var(--czm-parchment) !important;\r\n    border: 1px solid var(--czm-line-light) !important;\r\n    font-size: 13px !important;\r\n    font-weight: 600 !important;\r\n    color: var(--czm-dark-text) !important;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .czm-cs-quote-section {\r\n      padding: 70px 0 80px !important;\r\n    }\r\n    .czm-quote-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 36px !important;\r\n    }\r\n    .czm-quote-right {\r\n      padding-top: 0 !important;\r\n    }\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     SECTION 5: NEXT STEP \/ CTA (Dark Oxblood)\r\n     ========================================================================== *\/\r\n  .czm-cs-cta-section {\r\n    background-color: var(--czm-oxblood) !important;\r\n    padding: 110px 0 125px !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  .czm-cs-cta-wrap {\r\n    max-width: 720px !important;\r\n  }\r\n\r\n  .czm-cs-cta-title {\r\n    font-size: clamp(38px, 4.4vw, 56px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.03em !important;\r\n    color: var(--czm-bone) !important;\r\n    margin: 0 0 22px !important;\r\n  }\r\n\r\n  .czm-cs-cta-desc {\r\n    font-size: clamp(16px, 1.25vw, 18.5px) !important;\r\n    line-height: 1.62 !important;\r\n    color: var(--czm-dim) !important;\r\n    margin: 0 0 36px !important;\r\n  }\r\n\r\n  .czm-cs-cta-actions {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 20px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .czm-cs-cta-section {\r\n      padding: 70px 0 80px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"czm-case-studies-page\" id=\"czm-case-studies-page\">\r\n  <!-- ========================================================================\r\n       SECTION 1: HERO\r\n       ======================================================================== -->\r\n  <section class=\"czm-full-bleed czm-cs-hero\">\r\n    <div class=\"czm-container\">\r\n      <!-- Eyebrow -->\r\n      <span class=\"czm-eyebrow\">CASE STUDIES<\/span>\r\n\r\n      <!-- Headline -->\r\n      <h1 class=\"czm-cs-hero-title\">\r\n        What we built,<br \/>and what <span class=\"czm-pink-word\">changed.<\/span>\r\n      <\/h1>\r\n\r\n      <!-- Description -->\r\n      <p class=\"czm-cs-hero-desc\">\r\n        Every project here started with a process that was costing somebody\r\n        hours. Each one says what the problem was, what we built, and what\r\n        happened next. No case study on this page describes a client's business\r\n        without describing our exact work in it.\r\n      <\/p>\r\n\r\n      <!-- Action Buttons -->\r\n      <div class=\"czm-cs-hero-actions\">\r\n        <a\r\n          href=\"https:\/\/cozmotec.ie\/staging\/7865\/contact-us\/\"\r\n          class=\"czm-btn-pill-pink\"\r\n        >\r\n          Book a free 30-min call\r\n        <\/a>\r\n        <a\r\n          href=\"https:\/\/cozmotec.ie\/staging\/7865\/services\/\"\r\n          class=\"czm-link-arrow\"\r\n        >\r\n          See how we work <span>&rarr;<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 2: FEATURED CASE STUDY - DAA INTERNATIONAL\r\n       ======================================================================== -->\r\n  <section class=\"czm-full-bleed czm-cs-featured\" id=\"featured-case-study\">\r\n    <div class=\"czm-container\">\r\n      <!-- Eyebrow Header -->\r\n      <div class=\"czm-featured-eyebrow-wrap\">\r\n        <span class=\"czm-featured-tag\">CASE STUDY<\/span>\r\n        <span class=\"czm-featured-divider\">\/<\/span>\r\n        <span class=\"czm-featured-sector\"\r\n          >Aviation &amp; airport management, advisory and investment<\/span\r\n        >\r\n      <\/div>\r\n\r\n      <!-- Main Client Title -->\r\n      <h2 class=\"czm-featured-title\">daa International<\/h2>\r\n\r\n      <!-- 3-Column Story Grid -->\r\n      <div class=\"czm-featured-story-grid\">\r\n        <!-- Column 1: The Problem -->\r\n        <div class=\"czm-story-col\">\r\n          <span class=\"czm-story-label\">THE PROBLEM<\/span>\r\n          <p class=\"czm-story-text\">\r\n            daa International runs airport operations and advisory work\r\n            internationally, including Red Sea Airport operation in Riyadh. 74\r\n            talent assessments were held, done on paper. An assessor sits in a\r\n            room by hand, emails it to another, and the seeker or lawyer in\r\n            Riyadh reviews them. A trail of paper and email behind, and weeks of\r\n            time away to search, sort and track.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Column 2: What We Built -->\r\n        <div class=\"czm-story-col\">\r\n          <span class=\"czm-story-label\">WHAT WE BUILT<\/span>\r\n          <p class=\"czm-story-text\">\r\n            An online assessment capture platform. Assessors complete talent\r\n            mapping, surveys and evaluations digitally. Client dashboard gives\r\n            live index and candidate reports showing role and promotion\r\n            readiness generated automatically, and an AI layer summarizes them\r\n            for board presentation.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Column 3: What Changed -->\r\n        <div class=\"czm-story-col\">\r\n          <span class=\"czm-story-label\">WHAT CHANGED<\/span>\r\n          <p class=\"czm-story-text\">\r\n            Reporting went from four weeks to entirely real time. Decisions in\r\n            board meetings happen on what is happening today. Assessors work\r\n            three to four hours on every assessment, and the reports that used\r\n            to be a week to be typed were instantaneous, with zero paperwork for\r\n            the team.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4-Metrics Bar -->\r\n      <div class=\"czm-featured-metrics-grid\">\r\n        <div class=\"czm-metric-item\">\r\n          <span class=\"czm-metric-value\">3-4 hrs<\/span>\r\n          <span class=\"czm-metric-label\">saved on every assessment<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"czm-metric-item\">\r\n          <span class=\"czm-metric-value czm-counter-177\" data-target=\"177\"\r\n            >0<\/span\r\n          >\r\n          <span class=\"czm-metric-label\"\r\n            >assessments completed in the year<\/span\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"czm-metric-item\">\r\n          <span class=\"czm-metric-value\">2024<\/span>\r\n          <span class=\"czm-metric-label\">running since<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"czm-metric-item\">\r\n          <span class=\"czm-metric-value\">Zero<\/span>\r\n          <span class=\"czm-metric-label\">paper forms left in the process<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 3: SIX MORE IN THEIR OWN WORDS AND NUMBERS\r\n       ======================================================================== -->\r\n  <section class=\"czm-full-bleed czm-cs-grid-section\" id=\"case-studies-grid\">\r\n    <div class=\"czm-container\">\r\n      <!-- Section Header -->\r\n      <div class=\"czm-grid-header\">\r\n        <span class=\"czm-eyebrow\">THE REST<\/span>\r\n        <h2 class=\"czm-grid-title\">\r\n          Six more, in their own words and numbers.\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <!-- 2-Column Cards Grid -->\r\n      <div class=\"czm-cards-2col-grid\">\r\n        <!-- Card 1: Follow the Camino -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">TRAVEL \u00b7 ACCOUNTS PAYABLE<\/span>\r\n            <h3 class=\"czm-card-title\">Follow the Camino<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              Around 30,000 invoices a year, handwritten and in different languages, now matched automatically with AI and OCR.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                30,000+ invoices read and processed automatically. Around half the processing time saved.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/follow-the-camino\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Ailtire -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">CYBERSECURITY \u00b7 PRODUCT BUILD<\/span>\r\n            <h3 class=\"czm-card-title\">Ailtire<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              A startup needed a complex MVP built in less than 12 weeks. We took it on as a challenge and delivered a working product with real complexity behind it.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                Complex MVP successfully delivered in under 12 weeks.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/ailtire\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3: Comsyn -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">TEXTILE MANUFACTURING \u00b7 PRODUCTION PLANNING<\/span>\r\n            <h3 class=\"czm-card-title\">Comsyn<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              Production Planning Software, built in 12 weeks to replace paper records and Excel sheets with one centralised dashboard for every loom: what it's producing, how efficiently it's running, and when it's free next.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                Better visibility, less idle time, and better use of capacity across all looms.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/comsyn\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4: Click&Go -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">TRAVEL \u00b7 CRM<\/span>\r\n            <h3 class=\"czm-card-title\">Click&amp;Go<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              One system carrying a booking enquiry from first contact to a priced quote, with the reservation platform kept in step the whole way.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                One system tracking an enquiry from first contact to a live quote.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/click-go-holidays\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 5: OROKO Travel -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">TRAVEL \u00b7 CRM AND PORTAL<\/span>\r\n            <h3 class=\"czm-card-title\">OROKO Travel<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              The CRM behind every customer call, plus the app where travellers see trips, documents and payments.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                Travellers self-serve on the app what used to come through the office.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/oroko\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 6: Lazy Tiger -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">FITNESS \u00b7 MOBILE APPLICATION<\/span>\r\n            <h3 class=\"czm-card-title\">Lazy Tiger<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              A mobile app that connects to Concept2 machines in the gym and shows every member how they're performing, in real time, against a plan built just for them.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                Every person in the class training to their own plan, with live data to show for it.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/lazy-tiger\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 7: ICON Accounting -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">ACCOUNTING \u00b7 PAYROLL AUTOMATION<\/span>\r\n            <h3 class=\"czm-card-title\">ICON Accounting<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              Automated end-to-end contractor onboarding, timesheet processing, and payslip generation.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                +90% of payroll processes automated. Error rates dropped below 1%.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/icon-accounting\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 8: DAA International -->\r\n        <div class=\"czm-cs-card\">\r\n          <div class=\"czm-card-top\">\r\n            <span class=\"czm-card-eyebrow\">AVIATION \u00b7 PLATFORM<\/span>\r\n            <h3 class=\"czm-card-title\">daa International<\/h3>\r\n            <p class=\"czm-card-desc\">\r\n              Paper assessments replaced with an online platform and AI board summaries. 3\u20134 hours saved on every assessment.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"czm-card-bottom\">\r\n            <div class=\"czm-card-impact\">\r\n              <p class=\"czm-card-impact-text\">\r\n                3\u20134 hours saved on every assessment, with instant AI board summaries.\r\n              <\/p>\r\n            <\/div>\r\n            <div class=\"czm-card-action\">\r\n              <a\r\n                href=\"https:\/\/cozmotec.ie\/staging\/7865\/daa-international\/\"\r\n                class=\"czm-card-link\"\r\n              >\r\n                Read the story <span class=\"czm-link-arrow\">&rarr;<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 4: TESTIMONIAL QUOTE (Light Clay)\r\n       ======================================================================== -->\r\n  <section class=\"czm-full-bleed czm-cs-quote-section\" id=\"client-words\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-quote-grid\">\r\n        <!-- Left Column: Quote -->\r\n        <div class=\"czm-quote-left\">\r\n          <span class=\"czm-eyebrow\">IN THEIR WORDS<\/span>\r\n          <blockquote class=\"czm-quote-text\">\r\n            &ldquo;A bunch of lads with a mad idea, zero real backend knowledge,\r\n            and working across three different time zones. Taking a punt on\r\n            Cozmotec turned out to be an absolute home run.&rdquo;\r\n          <\/blockquote>\r\n          <span class=\"czm-quote-author\">Lazy Tiger<\/span>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Narrative & Tags -->\r\n        <div class=\"czm-quote-right\">\r\n          <p class=\"czm-quote-body\">\r\n            The project involved integrations with multiple hardware vendors and\r\n            building a cross platform for both iOS and Android. Not once in an\r\n            eight-plus-months build did Cozmotec drop the scope and the\r\n            inevitable roadblocks, they were always straightforward, and\r\n            properly collaborated on. We had direct communication with the dev\r\n            team the whole way through, with a steady cadence and at legendary\r\n            speed.\r\n          <\/p>\r\n\r\n          <div class=\"czm-deliverables-list\">\r\n            <span class=\"czm-deliverable-pill\">Hardware integration<\/span>\r\n            <span class=\"czm-deliverable-pill\">iOS + Android<\/span>\r\n            <span class=\"czm-deliverable-pill\">Cross-timezone build<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 5: NEXT STEP \/ CTA (Dark Oxblood)\r\n       ======================================================================== -->\r\n  <section class=\"czm-full-bleed czm-cs-cta-section\" id=\"book-call\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-cs-cta-wrap\">\r\n        <span class=\"czm-eyebrow\">NEXT STEP<\/span>\r\n        <h2 class=\"czm-cs-cta-title\">Your process,<br \/>mapped for free.<\/h2>\r\n        <p class=\"czm-cs-cta-desc\">\r\n          Book a 30-minute call and we will map one of your processes and show\r\n          you where the hours are going. You keep the map whether you work with\r\n          us or not.\r\n        <\/p>\r\n\r\n        <div class=\"czm-cs-cta-actions\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/contact-us\/\"\r\n            class=\"czm-btn-pill-pink\"\r\n          >\r\n            Book a Call\r\n          <\/a>\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/services\/\"\r\n            class=\"czm-btn-pill-dark\"\r\n          >\r\n            See what we do\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- Interactive Counter Script: Smooth Scroll Animation (0 -> 177) -->\r\n<script>\r\n  (function () {\r\n    function initMetricsCounter() {\r\n      var counterEl = document.querySelector(\".czm-counter-177\");\r\n      if (!counterEl || counterEl.dataset.counterRunning === \"true\") return;\r\n\r\n      var target = parseInt(counterEl.getAttribute(\"data-target\") || \"177\", 10);\r\n      var duration = 1600; \/\/ ms\r\n\r\n      function runAnimation() {\r\n        var startTime = null;\r\n\r\n        function step(timestamp) {\r\n          if (!startTime) startTime = timestamp;\r\n          var elapsed = timestamp - startTime;\r\n          var progress = Math.min(elapsed \/ duration, 1);\r\n          \/\/ Smooth cubic ease-out\r\n          var easeOut = 1 - Math.pow(1 - progress, 3);\r\n          var current = Math.floor(easeOut * target);\r\n          counterEl.textContent = current;\r\n\r\n          if (progress < 1) {\r\n            window.requestAnimationFrame(step);\r\n          } else {\r\n            counterEl.textContent = target;\r\n          }\r\n        }\r\n        window.requestAnimationFrame(step);\r\n      }\r\n\r\n      if (\"IntersectionObserver\" in window) {\r\n        var observer = new IntersectionObserver(\r\n          function (entries, obs) {\r\n            entries.forEach(function (entry) {\r\n              if (entry.isIntersecting) {\r\n                counterEl.dataset.counterRunning = \"true\";\r\n                obs.unobserve(entry.target);\r\n                runAnimation();\r\n              }\r\n            });\r\n          },\r\n          { threshold: 0.15 },\r\n        );\r\n        observer.observe(counterEl);\r\n      } else {\r\n        runAnimation();\r\n      }\r\n    }\r\n\r\n    function initCardHoverSync() {\r\n      document.querySelectorAll(\".czm-card-link\").forEach(function (link) {\r\n        var bar = link.closest(\".czm-card-action\");\r\n        if (bar) {\r\n          link.addEventListener(\"mouseenter\", function () {\r\n            bar.classList.add(\"czm-link-hovered\");\r\n          });\r\n          link.addEventListener(\"mouseleave\", function () {\r\n            bar.classList.remove(\"czm-link-hovered\");\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        initMetricsCounter();\r\n        initCardHoverSync();\r\n      });\r\n    } else {\r\n      initMetricsCounter();\r\n      initCardHoverSync();\r\n    }\r\n  })();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b9cb76f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b9cb76f\" 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-ab75ec1\" data-id=\"ab75ec1\" 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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case Studies &#038; Client Results | Cozmotec CASE STUDIES What we built,and what changed. Every project here started with a process that was costing somebody hours. Each one says what the problem was, what we built, and what happened next. No case study on this page describes a client&#8217;s business without describing our exact work [&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-3596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3596","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=3596"}],"version-history":[{"count":68,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3596\/revisions"}],"predecessor-version":[{"id":5359,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/3596\/revisions\/5359"}],"wp:attachment":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/media?parent=3596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}