{"id":4053,"date":"2026-08-24T10:03:59","date_gmt":"2026-08-24T09:03:59","guid":{"rendered":"https:\/\/cozmotec.ie\/staging\/7865\/?page_id=4053"},"modified":"2026-10-04T22:44:27","modified_gmt":"2026-10-04T21:44:27","slug":"maor-compliance","status":"publish","type":"page","link":"https:\/\/cozmotec.ie\/staging\/7865\/maor-compliance\/","title":{"rendered":"Maor Compliance"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4053\" class=\"elementor elementor-4053\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eae4178 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eae4178\" 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-8f05e82\" data-id=\"8f05e82\" 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-927b639 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"927b639\" 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-a64a277\" data-id=\"a64a277\" 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-0a24591 elementor-widget elementor-widget-html\" data-id=\"0a24591\" 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<!-- Critical Anti-FOUC Background & Pure Deep Black Canvas -->\r\n<style>\r\nhtml, body {\r\n  background-color: #000000 !important;\r\n  background: #000000 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.cz-site-wrapper {\r\n  opacity: 1 !important;\r\n}\r\nscript,\r\n  script[type=\"application\/ld+json\"] {\r\n    display: none !important;\r\n  }\r\n  html,\r\n  body,\r\n  .elementor,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  main,\r\n  section,\r\n  footer {\r\n    background-color: #000000 !important;\r\n  }\r\n  html,\r\n  body,\r\n  .elementor,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  main,\r\n  section,\r\n  footer {\r\n    background-color: #000000 !important;\r\n  }\r\n  html {\r\n    background-color: #000000 !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-x: hidden !important;\r\n  }\r\n  body {\r\n    background-color: #000000 !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-x: hidden !important;\r\n    opacity: 1;\r\n    transition: opacity 0.15s ease-in;\r\n  }\r\n  .czm-home-page,\r\n  .czm-about-page,\r\n  .czm-services-page,\r\n  .czm-case-studies-page,\r\n  .czm-blogs-page,\r\n  .czm-talk-page,\r\n  .czm-bdetail-page,\r\n  .czm-single-case-page,\r\n  .czm-section,\r\n  .czm-footer-wrapper {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    box-sizing: border-box !important;\r\n    background-color: #000000 !important;\r\n  }\r\n\r\n  \/* Auto-scale Customs Wise & MAOR Compliance logos to match 0-padding visual size of other cards *\/\r\n  \r\n  \r\n\r\n  \/* --- Universal Search & Popup Zero-FOUC Guards --- *\/\r\n  .czm-search-autocomplete-dropdown,\r\n  .czm-search-dropdown,\r\n  .czm-search-suggestions,\r\n  .czm-search-results,\r\n  .czm-search-preview-popup,\r\n  [data-search-dropdown] {\r\n    display: none !important;\r\n  }\r\n  .czm-search-autocomplete-dropdown.is-active,\r\n  .czm-search-dropdown.is-active,\r\n  .czm-search-suggestions.is-active,\r\n  .czm-search-results.is-active,\r\n  .czm-search-preview-popup.is-active,\r\n  [data-search-dropdown].is-active {\r\n    display: block !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- ==========================================================================\r\n   COZMOTEC CASE STUDY: OROKO TRAVELS (WORDPRESS & ELEMENTOR READY)\r\n   ========================================================================== -->\r\n\r\n<!-- Font Assets -->\r\n<meta\r\n  name=\"viewport\"\r\n  content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\r\n\/>\r\n<!-- Universal High-Performance Typography (Non-Blocking Preconnects) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&family=Outfit:wght@300;400;500;600;700&family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Geist+Mono:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=general-sans@400,500,600,700&f[]=urbanist@400,500,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"cz-site-wrapper\" style=\"opacity: 0; transition: opacity 0.15s ease-in;\">\r\n<div class=\"czm-single-cs-page\" id=\"czm-single-cs-root\">\r\n  <!-- ========================================================================\r\n       SECTION 1: PROJECT HERO HEADER (BRAND LOGO + TITLE + CATEGORY TAGS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-hero-section\" id=\"project-hero\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-hero-layout\">\r\n        <!-- Left: Large Featured Brand Logo -->\r\n        <div class=\"czm-single-hero-logo-box\">\r\n          <!-- REPLACEABLE BRAND LOGO -->\r\n          <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/maor-compliance-logo.png\" alt=\"MAOR COMPLIANCE Logo\" class=\"czm-single-hero-logo\" loading=\"lazy\" \/>\r\n        <\/div>\r\n\r\n        <!-- Right: Project Title & Category Tag Pills -->\r\n        <div class=\"czm-single-hero-meta-box\">\r\n          <!-- CASE STUDY TITLE -->\r\n          <h1 class=\"czm-single-hero-title\">MAOR COMPLIANCE<\/h1>\r\n\r\n          <!-- CATEGORY TAG PILLS -->\r\n          <div class=\"czm-single-tags-wrap\">\r\n            <span class=\"czm-single-tag-pill\">AI Compliance<\/span>\r\n            <span class=\"czm-single-tag-pill\">Cybersecurity<\/span>\r\n            <span class=\"czm-single-tag-pill\">SaaS Platform<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 2: PROJECT OVERVIEW & PROCESS\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-content-section\" id=\"overview-process\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-content-layout\">\r\n        <!-- Block 1: Overview -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Overview<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- OVERVIEW TEXT -->\r\n            <p>\r\n              MAOR Compliance combines AI-assisted compliance automation with expert auditor and cybersecurity guidance, helping organisations simplify ISO\/IEC 27001 and other regulatory requirements. Its SaaS platform centralises ISMS documentation, evidence, risks, controls, tasks and audit preparation while supporting multiple frameworks including ISO\/IEC 27001, NIS2, DORA and TISAX.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Block 2: Process -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Process<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- PROCESS TEXT -->\r\n            <p>\r\n              MAOR helps organisations assess their current compliance position, identify gaps and implement a practical ISMS tailored to their business. Its platform then supports documentation management, risk assessment, evidence collection, task tracking, internal audits and ongoing compliance through automated workflows and AI-supported insights\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 3: DUAL SCREEN MOCKUP SHOWCASE\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-mockup-section\" id=\"mockup-gallery\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-mockup-grid\">\r\n        <!-- Mockup Card 1 (Left Screen) -->\r\n        <div class=\"czm-single-mockup-card\">\r\n          <!-- REPLACEABLE LEFT SHOWCASE IMAGE -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/MAOR1.png\"\r\n            alt=\"OROKO Travel Interface Showcase 1\"\r\n            class=\"czm-single-mockup-img\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <!-- Mockup Card 2 (Right Screen) -->\r\n        <div class=\"czm-single-mockup-card\">\r\n          <!-- REPLACEABLE RIGHT SHOWCASE IMAGE -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/MAOR2.png\"\r\n            alt=\"OROKO Travel Interface Showcase 2\"\r\n            class=\"czm-single-mockup-img\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 4: OUTCOMES & IMPACT\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-single-content-section\" id=\"outcomes\">\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-single-content-layout\">\r\n        <!-- Block 3: Outcomes -->\r\n        <div class=\"czm-single-narrative-block\">\r\n          <h2 class=\"czm-single-sec-title\">Outcomes<\/h2>\r\n          <div class=\"czm-single-sec-body\">\r\n            <!-- OUTCOMES TEXT -->\r\n            <p>\r\n              MAOR transforms complex, manual compliance activities into a centralised and continuously managed digital experience, helping organisations reduce duplicated work, improve visibility across their ISMS and stay prepared for audits and changing regulatory requirements.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 5: INTERACTIVE CASE STUDIES SHOWCASE GRID (EXPLORE MORE PROJECTS)\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-cs-grid-section\" id=\"case-studies-grid\">\r\n    <div class=\"czm-container\">\r\n            <!-- 3-Column Interactive Case Studies Cards -->\r\n      <div class=\"czm-cs-cards-grid\" id=\"czm-cs-cards-grid\">\r\n        <!-- Card 1: Cyberminds (1st) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/cyberminds\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/cyber_mind_logo.png\" alt=\"Cyberminds Logo\" class=\"czm-cs-brand-logo czm-logo-cyberminds\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Cyberminds<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Practical cybersecurity and AI learning, built for real-world skills.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Cyberminds<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Practical cybersecurity and AI learning, built for real-world skills.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/cybermind_hover.png\" alt=\"Cyberminds Project Preview\" class=\"czm-cs-mockup-img\" loading=\"lazy\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 2: MAOR Compliance (2nd) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/maor-compliance\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/maor-compliance-logo.png\" alt=\"MAOR Compliance Logo\" class=\"czm-cs-brand-logo czm-logo-maor\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">MAOR Compliance<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  AI regulatory compliance and automated security auditing for\r\n                  modern enterprises.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">MAOR Compliance<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  AI regulatory compliance and automated security auditing for\r\n                  modern enterprises.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/maor_hover.png\" alt=\"MAOR Compliance Project Preview\" class=\"czm-cs-mockup-img\" loading=\"lazy\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 3: DAA International (3rd) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/daa-international\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/UvA0BZgfbCC5HLrd9q4zzxKauC4.png\"\r\n                  alt=\"DAA International Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">DAA International<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Global airport management, consultancy, and investment\r\n                  solutions.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">DAA International<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Global airport management, consultancy, and investment\r\n                  solutions.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/daa-international-image-scaled.png\"\r\n                  alt=\"DAA International Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 4: Customs Wise (4th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"enterprise digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/customs-wise\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/custom-wise.png\" alt=\"Customs Wise Logo\" class=\"czm-cs-brand-logo czm-logo-customs-wise\" loading=\"lazy\" \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Customs Wise<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Streamlined customs compliance and global trade logistics\r\n                  management.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Customs Wise<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Streamlined customs compliance and global trade logistics\r\n                  management.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/CustomsWise.png\"\r\n                  alt=\"Customs Wise Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 5: Alupress (5th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/alupress\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/y12MgDgeEnhEKbwVZZSFpMBAVw.png\"\r\n                  alt=\"Alupress Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Alupress<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Precision aluminium die\u2013casting solutions for automotive\r\n                  industries.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Alupress<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Precision aluminium die\u2013casting solutions for automotive\r\n                  industries.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/alupress-image.png\"\r\n                  alt=\"Alupress Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 6: Lazy Tiger (6th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/lazy-tiger\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/LSJPtmziNTeSj0s7e45yExQd18.png\"\r\n                  alt=\"Lazy Tiger Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Lazy Tiger<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A fitness tracking app for gym cardio machines like rowers,\r\n                  SkiErgs, and bikes.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Lazy Tiger<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A fitness tracking app for gym cardio machines like rowers,\r\n                  SkiErgs, and bikes.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/lazy-tiger-image.png\"\r\n                  alt=\"Lazy Tiger Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 7: Building Bones (7th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"mobile digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/building-bones\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/gVXC0WYbjhnybIJ0FqbZrwgaM6s.png\"\r\n                  alt=\"Building Bones Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Building Bones<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A simple app focused on improving bone health and wellness.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Building Bones<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A simple app focused on improving bone health and wellness.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/building-bones-image.png\"\r\n                  alt=\"Building Bones Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 8: OROKO Travels (8th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a href=\"https:\/\/cozmotec.ie\/staging\/7865\/oroko\/\" class=\"czm-cs-card\">\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/7EtLUTGiNQOOhMgrsBx3smm6gI.png\"\r\n                  alt=\"OROKO Travels Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">OROKO Travels<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  Bespoke luxury travel journeys designed around you.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">OROKO Travels<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  Bespoke luxury travel journeys designed around you.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/oroko-image.png\"\r\n                  alt=\"OROKO Travels Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Card 9: Click&Go (9th) -->\r\n        <div class=\"czm-cs-card-item\" data-category=\"branding digital\">\r\n          <a\r\n            href=\"https:\/\/cozmotec.ie\/staging\/7865\/click-go-holidays\/\"\r\n            class=\"czm-cs-card\"\r\n          >\r\n            <div class=\"czm-cs-normal-content\">\r\n              <div class=\"czm-cs-logo-box\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/framerusercontent.com\/images\/6lAdVcusYnireqlQDIF91OyETug.png\"\r\n                  alt=\"Click&Go Logo\"\r\n                  class=\"czm-cs-brand-logo\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n              <div class=\"czm-cs-text-wrap\">\r\n                <h3 class=\"czm-cs-title\">Click&amp;Go<\/h3>\r\n                <p class=\"czm-cs-desc\">\r\n                  A marketplace for curated tours, getaways, and local\r\n                  experiences.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"czm-cs-hover-overlay\">\r\n              <div class=\"czm-cs-hover-header\">\r\n                <h3 class=\"czm-cs-hover-title\">Click&amp;Go<\/h3>\r\n                <p class=\"czm-cs-hover-desc\">\r\n                  A marketplace for curated tours, getaways, and local\r\n                  experiences.\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"czm-cs-device-mockup\">\r\n                <img decoding=\"async\"\r\n                  src=\"https:\/\/cozmotec.ie\/staging\/7865\/wp-content\/uploads\/2026\/08\/click-go-image.png\"\r\n                  alt=\"Click&Go Project Preview\"\r\n                  class=\"czm-cs-mockup-img\"\r\n                  loading=\"lazy\"\r\n                \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div><\/div>\r\n  <\/section>\r\n\r\n  <!-- ========================================================================\r\n       SECTION 6: CONTACT DETAILS & DIRECT QUERY FORM\r\n       ======================================================================== -->\r\n  <section class=\"czm-section czm-about-query-section\" id=\"contact-queries\">\r\n    <div class=\"czm-about-query-ambient-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"czm-container\">\r\n      <div class=\"czm-about-query-layout\">\r\n        <!-- Left Side: Heading & Contact Info -->\r\n        <div class=\"czm-about-query-left\">\r\n          <h2 class=\"czm-query-sec-title\">\r\n            Ask whatever you<br \/>have in your mind\r\n          <\/h2>\r\n          <p class=\"czm-query-sec-subtitle\">\r\n            Whether you have questions or are ready to discuss your business,\r\n            we\u2019re here to help. Reach out today.\r\n          <\/p>\r\n\r\n          <div class=\"czm-about-contact-items\">\r\n            <a href=\"mailto:info@cozmotec.ie\" class=\"czm-about-contact-row\">\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <path\r\n                    d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\r\n                  ><\/path>\r\n                  <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">info@cozmotec.ie<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/cozmotec.ie\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              class=\"czm-about-contact-row\"\r\n            >\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                  <path\r\n                    d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\r\n                  ><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">cozmotec.ie<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"czm-about-contact-row\">\r\n              <div class=\"czm-about-contact-icon\">\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  width=\"18\"\r\n                  height=\"18\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <path\r\n                    d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\r\n                  ><\/path>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"czm-about-contact-val\">Dublin, Ireland<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Side: Contact Query Form -->\r\n        <div class=\"czm-about-query-right\">\r\n          <div class=\"czm-about-query-card czm-glass-card\">\r\n            <form\r\n              class=\"czm-about-form\"\r\n              id=\"czm-about-query-form\"\r\n              method=\"POST\"\r\n              onsubmit=\"handleCozmotecFormSubmit(event)\"\r\n            >\r\n              <input type=\"hidden\" name=\"service\" value=\"General Inquiry\" \/>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-name\">Name<\/label>\r\n                <input\r\n                  type=\"text\"\r\n                  id=\"czm-ab-name\"\r\n                  name=\"name\"\r\n                  class=\"czm-aform-input\"\r\n                  placeholder=\"Jane Smith\"\r\n                  required\r\n                \/>\r\n              <\/div>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-email\">Email<\/label>\r\n                <input\r\n                  type=\"email\"\r\n                  id=\"czm-ab-email\"\r\n                  name=\"email\"\r\n                  class=\"czm-aform-input\"\r\n                  placeholder=\"jane@framer.com\"\r\n                  required\r\n                \/>\r\n              <\/div>\r\n\r\n              <div class=\"czm-aform-field\">\r\n                <label class=\"czm-aform-label\" for=\"czm-ab-msg\">Message<\/label>\r\n                <textarea\r\n                  id=\"czm-ab-msg\"\r\n                  name=\"message\"\r\n                  class=\"czm-aform-textarea\"\r\n                  rows=\"4\"\r\n                  placeholder=\"Hi, I am reaching out for...\"\r\n                  required\r\n                ><\/textarea>\r\n              <\/div>\r\n\r\n              <button type=\"submit\" class=\"czm-btn-pill-pink czm-btn-full\">\r\n                <span>Submit<\/span>\r\n              <\/button>\r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================================================\r\n     CSS STYLES (STRICT WORDPRESS ISOLATION & LUXURY DARK THEMING)\r\n     ========================================================================== -->\r\n<style>\r\n  \/* --- Anti-FOUC Critical Styling --- *\/\r\n  html {\r\n    background-color: #000000 !important;\r\n  }\r\n  body {\r\n    background-color: #000000 !important;\r\n    opacity: 1;\r\n    transition: opacity 0.15s ease-in;\r\n  }\r\n\r\n  \/* --- Universal Responsive Viewport & Overflow Hygiene --- *\/\r\n  html,\r\n  body {\r\n    max-width: 100% !important;\r\n    overflow-x: hidden !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  img,\r\n  video {\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n  }\r\n\r\n  \/* --- Strict Reset to Override All WordPress Themes --- *\/\r\n  .czm-single-cs-page,\r\n  .czm-single-cs-page *,\r\n  .czm-single-cs-page *::before,\r\n  .czm-single-cs-page *::after {\r\n    box-sizing: border-box !important;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n  }\r\n\r\n  .czm-single-cs-page {\r\n    background-color: #000000 !important;\r\n    color: #f6f8f7 !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .czm-single-cs-page button {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    color: inherit !important;\r\n    font-size: inherit !important;\r\n    font-weight: inherit !important;\r\n    line-height: normal !important;\r\n    cursor: pointer !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  .czm-single-cs-page p,\r\n  .czm-single-cs-page h1,\r\n  .czm-single-cs-page h2,\r\n  .czm-single-cs-page h3,\r\n  .czm-single-cs-page h4 {\r\n    margin-top: 0 !important;\r\n  }\r\n\r\n  .czm-container {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 24px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-section {\r\n    padding: 70px 0 !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  .czm-highlight-pink {\r\n    color: #c9266b !important;\r\n  }\r\n\r\n  .czm-section-header {\r\n    text-align: center !important;\r\n    max-width: 890px !important;\r\n    margin: 0 auto 48px !important;\r\n  }\r\n\r\n  .czm-section-title {\r\n    font-size: 44px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -1.5px !important;\r\n    color: #f6f8f7 !important;\r\n    margin: 0 0 14px !important;\r\n  }\r\n\r\n  .czm-section-subtitle {\r\n    font-size: 16.5px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.5em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 auto !important;\r\n    max-width: 680px !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    gap: 10px !important;\r\n    height: 46px !important;\r\n    padding: 0 34px !important;\r\n    background-color: #c9266b !important;\r\n    color: #ffffff !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    text-decoration: none !important;\r\n    border-radius: 9999px !important;\r\n    border: none !important;\r\n    cursor: pointer !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.3) !important;\r\n    line-height: normal !important;\r\n  }\r\n\r\n  .czm-btn-pill-pink:hover {\r\n    background-color: #e02f7a !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 8px 25px rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-btn-full {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .czm-glass-card {\r\n    background-color: #150507 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 24px !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    transition:\r\n      transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),\r\n      border-color 0.3s ease,\r\n      box-shadow 0.3s ease !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     1. PROJECT HERO HEADER (MATCHING SCREENSHOT 1)\r\n     ======================================================================== *\/\r\n  .czm-single-hero-section {\r\n    padding: 120px 0 70px !important;\r\n    background: #000000 !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  }\r\n\r\n  .czm-single-hero-layout {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.2fr !important;\r\n    align-items: center !important;\r\n    gap: 60px !important;\r\n  }\r\n\r\n  .czm-single-hero-logo-box {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    max-width: 320px !important;\r\n    height: 90px !important;\r\n  }\r\n\r\n  .czm-single-hero-logo {\r\n    max-width: 100% !important;\r\n    width: auto !important;\r\n    max-height: 80px !important;\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n    object-position: left center !important;\r\n    image-rendering: auto !important;\r\n    display: block !important;\r\n    transform: scale(1.6) !important;\r\n    transform-origin: left center !important;\r\n  }\r\n\r\n  .czm-single-hero-meta-box {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  .czm-single-hero-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(36px, 4.5vw, 56px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -1px !important;\r\n    line-height: 1.1em !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-single-tags-wrap {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  .czm-single-tag-pill {\r\n    display: inline-block !important;\r\n    padding: 7px 18px !important;\r\n    background: rgba(255, 255, 255, 0.08) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 999px !important;\r\n    font-size: 13.5px !important;\r\n    font-weight: 500 !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     2. NARRATIVE SECTIONS (OVERVIEW, PROCESS & OUTCOMES)\r\n     ======================================================================== *\/\r\n  .czm-single-content-section {\r\n    padding: 60px 0 !important;\r\n  }\r\n\r\n  .czm-single-content-layout {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 60px !important;\r\n    max-width: 1140px !important;\r\n  }\r\n\r\n  .czm-single-narrative-block {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  .czm-single-sec-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(28px, 3.2vw, 36px) !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: -0.8px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-single-sec-body p {\r\n    font-size: clamp(16px, 1.8vw, 18.5px) !important;\r\n    line-height: 1.65em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 !important;\r\n    max-width: 1050px !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     3. DUAL SCREEN MOCKUP SHOWCASE\r\n     ======================================================================== *\/\r\n  .czm-single-mockup-section {\r\n    padding: 50px 0 70px !important;\r\n  }\r\n\r\n  .czm-single-mockup-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 28px !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .czm-single-mockup-card {\r\n    background: #0d0608 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 26px !important;\r\n    overflow: hidden !important;\r\n    aspect-ratio: 1.45 \/ 1 !important;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;\r\n    transition:\r\n      transform 0.35s ease,\r\n      border-color 0.35s ease !important;\r\n  }\r\n\r\n  .czm-single-mockup-card:hover {\r\n    transform: translateY(-6px) !important;\r\n    border-color: rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-single-mockup-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: center !important;\r\n    display: block !important;\r\n    transition: transform 0.4s ease !important;\r\n  }\r\n\r\n  .czm-single-mockup-card:hover .czm-single-mockup-img {\r\n    transform: scale(1.03) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     5. CASE STUDIES GRID\r\n     ======================================================================== *\/\r\n  .czm-cs-grid-section {\r\n    padding: 90px 0 100px !important;\r\n    background: #020205 !important;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  }\r\n\r\n  .czm-cs-cards-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 24px !important;\r\n    max-width: 1160px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .czm-cs-card-item {\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.3s ease !important;\r\n  }\r\n\r\n  .czm-cs-card {\r\n    display: block !important;\r\n    height: 310px !important;\r\n    background-color: #14000d !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.07) !important;\r\n    border-radius: 25px !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n  }\r\n\r\n  .czm-cs-card:hover {\r\n    border-color: rgba(201, 38, 107, 0.6) !important;\r\n    box-shadow:\r\n      0 18px 45px rgba(0, 0, 0, 0.7),\r\n      0 0 35px rgba(201, 38, 107, 0.25) !important;\r\n    transform: translateY(-6px) !important;\r\n  }\r\n\r\n  .czm-cs-normal-content {\r\n    height: 100% !important;\r\n    padding: 36px 30px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .czm-cs-logo-box {\r\n    height: 52px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    text-align: left !important;\r\n    margin: 0 0 24px !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .czm-cs-brand-logo {\r\n    max-height: 48px !important;\r\n    max-width: 160px !important;\r\n    object-fit: contain !important;\r\n    object-position: left center !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    transform: none !important;\r\n    filter: brightness(0.95) contrast(1.1) !important;\r\n  }\r\n  .czm-logo-customs-wise {\r\n    height: 140px !important;\r\n    max-height: 140px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -35px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .czm-logo-maor {\r\n    height: 52px !important;\r\n    max-height: 52px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -18px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .czm-logo-cyberminds {\r\n    height: 48px !important;\r\n    max-height: 48px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin-left: -14px !important;\r\n    margin-top: 0 !important;\r\n    display: block !important;\r\n  }\r\n\r\n\r\n  .czm-cs-text-wrap {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .czm-cs-title {\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    font-size: 24px !important;\r\n    font-weight: 600 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.3px !important;\r\n  }\r\n\r\n  .czm-cs-desc {\r\n    font-size: 14.5px !important;\r\n    line-height: 1.55em !important;\r\n    color: rgba(255, 255, 255, 0.68) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-cs-hover-overlay {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(145deg, #b8346c 0%, #801d46 100%) !important;\r\n    padding: 30px 26px 0 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    z-index: 2 !important;\r\n    transition:\r\n      opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),\r\n      visibility 0.35s ease !important;\r\n  }\r\n\r\n  .czm-cs-card:hover .czm-cs-hover-overlay {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n  }\r\n\r\n  .czm-cs-hover-header {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 6px !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  .czm-cs-hover-title {\r\n    font-family: \"Schibsted Grotesk\", sans-serif !important;\r\n    font-size: 22px !important;\r\n    font-weight: 600 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.3px !important;\r\n  }\r\n\r\n  .czm-cs-hover-desc {\r\n    font-size: 13.5px !important;\r\n    line-height: 1.45em !important;\r\n    color: rgba(255, 255, 255, 0.9) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .czm-cs-device-mockup {\r\n    flex: 1 !important;\r\n    width: 100% !important;\r\n    border-radius: 14px 14px 0 0 !important;\r\n    overflow: hidden !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    transform: translateY(12px);\r\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    display: flex !important;\r\n    align-items: flex-end !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .czm-cs-card:hover .czm-cs-device-mockup {\r\n    transform: translateY(0) !important;\r\n  }\r\n\r\n  .czm-cs-mockup-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: top center !important;\r\n    display: block !important;\r\n    border-radius: 12px 12px 0 0 !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .czm-cs-view-more-wrap {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    margin-top: 56px !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     6. CONTACT DETAILS & DIRECT QUERY FORM\r\n     ======================================================================== *\/\r\n  .czm-about-query-section {\r\n    padding: 100px 0 120px !important;\r\n    position: relative !important;\r\n    background: #000000 !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .czm-about-query-ambient-glow {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    right: 15% !important;\r\n    width: 600px !important;\r\n    height: 400px !important;\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      rgba(201, 38, 107, 0.15) 0%,\r\n      transparent 70%\r\n    ) !important;\r\n    filter: blur(90px) !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .czm-about-query-layout {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.1fr !important;\r\n    gap: 60px !important;\r\n    align-items: center !important;\r\n    max-width: 1100px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .czm-query-sec-title {\r\n    font-family: \"Outfit\", sans-serif !important;\r\n    font-size: clamp(34px, 4vw, 48px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.15em !important;\r\n    letter-spacing: -1.5px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 16px !important;\r\n  }\r\n\r\n  .czm-query-sec-subtitle {\r\n    font-size: 16.5px !important;\r\n    line-height: 1.55em !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    margin: 0 0 36px !important;\r\n    max-width: 440px !important;\r\n  }\r\n\r\n  .czm-about-contact-items {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 16px !important;\r\n  }\r\n\r\n  .czm-about-contact-row {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 14px !important;\r\n    color: rgba(255, 255, 255, 0.8) !important;\r\n    text-decoration: none !important;\r\n    font-size: 16px !important;\r\n    font-weight: 500 !important;\r\n    transition: color 0.25s ease !important;\r\n  }\r\n\r\n  .czm-about-contact-row:hover {\r\n    color: #c9266b !important;\r\n  }\r\n\r\n  .czm-about-contact-icon {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    color: #c9266b !important;\r\n    flex-shrink: 0 !important;\r\n    transition: all 0.25s ease !important;\r\n  }\r\n\r\n  .czm-about-contact-row:hover .czm-about-contact-icon {\r\n    background: #c9266b !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 0 14px rgba(201, 38, 107, 0.5) !important;\r\n  }\r\n\r\n  .czm-about-query-card {\r\n    padding: 38px 36px !important;\r\n    background: #11080b !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 26px !important;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;\r\n  }\r\n\r\n  .czm-about-form {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 18px !important;\r\n  }\r\n\r\n  .czm-aform-field {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .czm-aform-label {\r\n    font-size: 13px !important;\r\n    font-weight: 500 !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n  }\r\n\r\n  .czm-aform-input,\r\n  .czm-aform-textarea {\r\n    width: 100% !important;\r\n    background-color: rgba(255, 255, 255, 0.06) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n    border-radius: 12px !important;\r\n    padding: 14px 18px !important;\r\n    font-size: 14.5px !important;\r\n    color: #ffffff !important;\r\n    outline: none !important;\r\n    transition: all 0.2s ease !important;\r\n  }\r\n\r\n  .czm-aform-input:focus,\r\n  .czm-aform-textarea:focus {\r\n    border-color: #c9266b !important;\r\n    background-color: rgba(255, 255, 255, 0.09) !important;\r\n    box-shadow: 0 0 16px rgba(201, 38, 107, 0.3) !important;\r\n  }\r\n\r\n  \/* ========================================================================\r\n     RESPONSIVE MEDIA QUERIES\r\n     ======================================================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .czm-single-hero-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 36px !important;\r\n    }\r\n    .czm-single-mockup-grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    .czm-cs-cards-grid {\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n    .czm-about-query-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 48px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .czm-section {\r\n      padding: 50px 0 !important;\r\n    }\r\n    .czm-single-hero-section {\r\n      padding: 90px 0 50px !important;\r\n    }\r\n    .czm-single-hero-title {\r\n      font-size: 34px !important;\r\n    }\r\n    .czm-cs-cards-grid {\r\n      grid-template-columns: 1fr !important;\r\n      max-width: 420px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n    .czm-cs-card {\r\n      height: 300px !important;\r\n    }\r\n    .czm-about-query-card {\r\n      padding: 26px 20px !important;\r\n    }\r\n  }\r\n\r\n  \/* Single Case Study Responsive Layout Adjustments *\/\r\n  @media (max-width: 992px) {\r\n    .czm-single-hero-layout {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 32px !important;\r\n      text-align: center !important;\r\n    }\r\n    .czm-single-hero-logo-box {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: flex-start !important;\r\n      max-width: 320px !important;\r\n      height: 90px !important;\r\n    }\r\n    .czm-single-tags-wrap {\r\n      justify-content: center !important;\r\n    }\r\n    .czm-single-mockup-grid {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 24px !important;\r\n    }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .czm-single-hero-title {\r\n      font-size: clamp(26px, 7vw, 38px) !important;\r\n    }\r\n    .czm-single-tag-pill {\r\n      min-height: 36px !important;\r\n      padding: 6px 14px !important;\r\n      font-size: 12px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ========================================================================\r\n     ASYNCHRONOUS AJAX FORM SUBMIT HANDLER & REST API INTEGRATION\r\n     ======================================================================== -->\r\n<script>\r\n  function handleCozmotecFormSubmit(event) {\r\n    event.preventDefault();\r\n    const form = event.target;\r\n    const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n    const submitBtnSpan = submitBtn ? submitBtn.querySelector(\"span\") : null;\r\n    const originalBtnText = submitBtnSpan\r\n      ? submitBtnSpan.textContent\r\n      : submitBtn\r\n        ? submitBtn.textContent\r\n        : \"Submit\";\r\n\r\n    \/\/ Remove existing error notification\r\n    const existingError = form.querySelector(\".czm-form-error-msg\");\r\n    if (existingError) {\r\n      existingError.remove();\r\n    }\r\n\r\n    \/\/ Collect form parameters\r\n    const formData = new FormData(form);\r\n    const data = {\r\n      name: (formData.get(\"name\") || \"\").trim(),\r\n      email: (formData.get(\"email\") || \"\").trim(),\r\n      service:\r\n        (formData.get(\"service\") || \"\").trim() ||\r\n        (document.querySelector(\".czm-single-hero-title\")\r\n          ? document.querySelector(\".czm-single-hero-title\").textContent.trim()\r\n          : document.title\r\n            ? document.title.split(\"\u2013\")[0].split(\"|\")[0].trim()\r\n            : \"General Inquiry\"),\r\n      message: (formData.get(\"message\") || \"\").trim(),\r\n    };\r\n\r\n    \/\/ UX Feedback: Show 'Sending...' and disable submit button\r\n    if (submitBtn) {\r\n      submitBtn.disabled = true;\r\n      if (submitBtnSpan) {\r\n        submitBtnSpan.textContent = \"Sending...\";\r\n      } else {\r\n        submitBtn.textContent = \"Sending...\";\r\n      }\r\n    }\r\n\r\n    \/\/ WordPress REST API endpoint\r\n    const endpoint = `${window.location.origin}${window.location.pathname.startsWith(\"\/staging\/7865\") ? \"\/staging\/7865\" : \"\"}\/wp-json\/cozmotec\/v1\/contact`;\r\n\r\n    fetch(endpoint, {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Content-Type\": \"application\/json\",\r\n        Accept: \"application\/json\",\r\n      },\r\n      body: JSON.stringify(data),\r\n    })\r\n      .then(function (response) {\r\n        if (response.ok) {\r\n          return response.json().catch(function () {\r\n            return { success: true };\r\n          });\r\n        } else {\r\n          throw new Error(\"Form submission failed\");\r\n        }\r\n      })\r\n      .then(function (result) {\r\n        \/\/ UX Feedback: Replace form content with clean green message\r\n        form.innerHTML = `\r\n      <div class=\"czm-form-success-box\" style=\"padding: 32px 24px; text-align: center; background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); border-radius: 16px; margin: 16px 0;\">\r\n        <div style=\"width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 50%; background: rgba(34, 197, 94, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4 style=\"font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 600; color: #22c55e; margin: 0 0 8px;\">Message Sent<\/h4>\r\n        <p style=\"font-family: 'Schibsted Grotesk', sans-serif; font-size: 15px; color: #ffffff; margin: 0; line-height: 1.5;\">\r\n          Thank you! Your message has been sent successfully.\r\n        <\/p>\r\n      <\/div>\r\n    `;\r\n      })\r\n      .catch(function (error) {\r\n        \/\/ Restore button state\r\n        if (submitBtn) {\r\n          submitBtn.disabled = false;\r\n          if (submitBtnSpan) {\r\n            submitBtnSpan.textContent = originalBtnText;\r\n          } else {\r\n            submitBtn.textContent = originalBtnText;\r\n          }\r\n        }\r\n\r\n        \/\/ UX Feedback: Show inline red error message below submit button\r\n        const errorDiv = document.createElement(\"div\");\r\n        errorDiv.className = \"czm-form-error-msg\";\r\n        errorDiv.style.cssText =\r\n          'font-family: \"Schibsted Grotesk\", sans-serif; font-size: 14px; color: #ef4444; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 8px; padding: 10px 14px; margin-top: 12px; text-align: center;';\r\n        errorDiv.textContent =\r\n          \"Something went wrong. Please try again or email us directly at info@cozmotec.ie.\";\r\n        form.appendChild(errorDiv);\r\n      });\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    document\r\n      .querySelectorAll(\"form.czm-query-form, form.czm-about-form\")\r\n      .forEach(function (f) {\r\n        f.addEventListener(\"submit\", handleCozmotecFormSubmit);\r\n      });\r\n  });\r\n<\/script>\r\n<script>\r\n  \/\/ ==========================================================================\r\n  \/\/ ZERO-FOUC SEARCH AUTOCOMPLETE & DROPDOWN DISPLAY TOGGLE\r\n  \/\/ ==========================================================================\r\n  (function initSearchDropdownGuards() {\r\n    function bindSearchEvents() {\r\n      var searchInputs = document.querySelectorAll('.czm-real-input, input[type=\"search\"], input.search-field, input[name=\"s\"]');\r\n      searchInputs.forEach(function (inp) {\r\n        var wrap = inp.closest('.czm-search-pill-wrap') || inp.closest('.czm-search-pill') || inp.parentElement;\r\n        var dropdown = wrap ? wrap.querySelector('.czm-search-autocomplete-dropdown, .czm-search-dropdown, .czm-search-suggestions, .czm-search-results, .czm-search-preview-popup, [data-search-dropdown]') : null;\r\n        \r\n        if (dropdown) {\r\n          dropdown.style.setProperty('display', 'none', 'important');\r\n          \r\n          function showDropdown() {\r\n            dropdown.style.setProperty('display', 'block', 'important');\r\n            dropdown.classList.add('is-active');\r\n          }\r\n          \r\n          function hideDropdown() {\r\n            dropdown.style.setProperty('display', 'none', 'important');\r\n            dropdown.classList.remove('is-active');\r\n          }\r\n          \r\n          inp.addEventListener('focus', showDropdown);\r\n          inp.addEventListener('input', showDropdown);\r\n          \r\n          inp.addEventListener('blur', function () {\r\n            setTimeout(hideDropdown, 250);\r\n          });\r\n          \r\n          document.addEventListener('click', function (e) {\r\n            if (!wrap.contains(e.target) && !dropdown.contains(e.target)) {\r\n              hideDropdown();\r\n            }\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', bindSearchEvents);\r\n    } else {\r\n      bindSearchEvents();\r\n    }\r\n  })();\r\n<\/script>\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>MAOR COMPLIANCE AI Compliance Cybersecurity SaaS Platform Overview MAOR Compliance combines AI-assisted compliance automation with expert auditor and cybersecurity guidance, helping organisations simplify ISO\/IEC 27001 and other regulatory requirements. Its SaaS platform centralises ISMS documentation, evidence, risks, controls, tasks and audit preparation while supporting multiple frameworks including ISO\/IEC 27001, NIS2, DORA and TISAX. Process MAOR [&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-4053","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4053","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=4053"}],"version-history":[{"count":25,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4053\/revisions"}],"predecessor-version":[{"id":5293,"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/pages\/4053\/revisions\/5293"}],"wp:attachment":[{"href":"https:\/\/cozmotec.ie\/staging\/7865\/wp-json\/wp\/v2\/media?parent=4053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}