{"id":2587,"date":"2026-05-22T16:41:21","date_gmt":"2026-05-22T11:11:21","guid":{"rendered":"https:\/\/veetragaqua.com\/?page_id=2587"},"modified":"2026-07-24T17:09:36","modified_gmt":"2026-07-24T11:39:36","slug":"demo","status":"publish","type":"page","link":"https:\/\/veetragaqua.com\/index.php\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2587\" class=\"elementor elementor-2587\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df7e394 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"df7e394\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0cf58 elementor-widget elementor-widget-html\" data-id=\"af0cf58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MEGSYS DIGITAL \u00d7 CHEMMEXCO \u2014 CASE STUDY\r\n     Paste this entire block into an Elementor \"HTML\" widget.\r\n\r\n     THEME INTEGRATION: reads the site's own theme variables\r\n     (--accent-red, --bg-card, --bg-hover, --text-main, --text-muted,\r\n     --border-color, --shadow-color) and switches on the same toggle\r\n     hooks used across the site: html[data-theme=\"light-mode\"] and\r\n     body.light-mode. No hardcoded backgrounds anywhere.\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"cmx-root\">\r\n\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=Manrope:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --accent-red: #E61D27;\r\n    --bg-card: #0f0f0f;\r\n    --bg-hover: #151515;\r\n    --text-main: #ffffff;\r\n    --text-muted: #888888;\r\n    --border-color: rgba(255, 255, 255, 0.08);\r\n    --shadow-color: rgba(230, 29, 39, 0.1);\r\n}\r\nhtml[data-theme=\"light-mode\"],\r\nbody.light-mode {\r\n    --bg-card: #ffffff;\r\n    --bg-hover: #fcfcfc;\r\n    --text-main: #000000;\r\n    --text-muted: #555555;\r\n    --border-color: rgba(0, 0, 0, 0.08);\r\n    --shadow-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n#cmx-root{ font-family:'Manrope',sans-serif; background:var(--bg-card); color:var(--text-main); overflow-x:hidden; position:relative; transition:background .35s ease, color .35s ease; }\r\n#cmx-root *{ box-sizing:border-box; font-family:'Manrope',sans-serif; }\r\n#cmx-root .cmx-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }\r\n#cmx-root section{ padding:120px 0; position:relative; transition:background .35s ease; }\r\n#cmx-root .cmx-red{ color:var(--accent-red); }\r\n@media(max-width:768px){ #cmx-root section{ padding:72px 0; } #cmx-root .cmx-wrap{ padding:0 20px; } }\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n#cmx-nav{ position:sticky; top:0; z-index:40; background:color-mix(in srgb, var(--bg-card) 86%, transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--border-color); }\r\n.cmx-nav-row{ display:flex; align-items:center; justify-content:space-between; padding:16px 0; }\r\n.cmx-nav-logo img{ height:34px; width:auto; display:block; transition:transform .35s cubic-bezier(.34,1.56,.64,1); }\r\n.cmx-nav-logo:hover img{ transform:scale(1.06) rotate(-1deg); }\r\n.cmx-nav-badge{ font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); border:1px solid var(--border-color); padding:7px 14px; border-radius:999px; }\r\n\r\n\/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\r\n#cmx-root .cmx-eyebrow{ display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-red); margin-bottom:22px; }\r\n#cmx-root .cmx-eyebrow::before{ content:''; width:22px; height:1px; background:var(--accent-red); }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n#cmx-hero{ padding-top:96px; border-bottom:1px solid var(--border-color); background:var(--bg-card); }\r\n.cmx-lockup{ font-size:clamp(30px,5.4vw,58px); font-weight:900; line-height:1.08; letter-spacing:-.02em; margin-bottom:24px; color:var(--text-main); max-width:840px; }\r\n.cmx-lockup .cmx-gradient{ background:linear-gradient(95deg, var(--accent-red) 10%, #ff6a5c 55%, var(--accent-red) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block; }\r\n.cmx-hero-sub{ font-size:18px; font-weight:500; line-height:1.7; color:var(--text-muted); max-width:640px; margin-bottom:40px; }\r\n.cmx-cta-row{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px; }\r\n.cmx-btn{ display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:15px; padding:0 26px; height:54px; border-radius:999px; cursor:pointer; text-decoration:none; transition:all .3s ease; border:1px solid transparent; }\r\n.cmx-btn-fill{ background:var(--accent-red); color:#ffffff !important; box-shadow:0 8px 24px var(--shadow-color); position:relative; overflow:hidden; }\r\n.cmx-btn-fill::before{ content:''; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(115deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg); animation:cmxShimmer 3.2s ease-in-out infinite; }\r\n@keyframes cmxShimmer{ 0%{ left:-60%; } 45%,100%{ left:130%; } }\r\n.cmx-btn-fill:hover{ background:#ff2d33; transform:translateY(-3px); box-shadow:0 14px 34px var(--shadow-color), 0 0 0 4px var(--shadow-color); }\r\n.cmx-btn-outline{ background:transparent; color:var(--text-main); border-color:var(--border-color); }\r\n.cmx-btn-outline:hover{ border-color:var(--accent-red); color:var(--accent-red); transform:translateY(-3px); }\r\n\r\n.cmx-hero-showcase{ position:relative; padding:20px 0 40px; }\r\n.cmx-hero-showcase-stage{ position:relative; display:flex; justify-content:center; perspective:1400px; }\r\n.cmx-hero-glow{ position:absolute; top:8%; left:50%; transform:translateX(-50%); width:min(900px,86%); height:70%; pointer-events:none; z-index:0; background:radial-gradient(ellipse at center, var(--shadow-color) 0%, transparent 72%); filter:blur(18px); animation:cmxGlowPulse 5s ease-in-out infinite; }\r\n@keyframes cmxGlowPulse{ 0%,100%{ opacity:.6; transform:translateX(-50%) scale(1); } 50%{ opacity:1; transform:translateX(-50%) scale(1.05); } }\r\n.cmx-hero-showcase-frame{ position:relative; z-index:1; width:100%; max-width:980px; will-change:transform; transform-style:preserve-3d; animation:cmxHeroFloat 6s ease-in-out infinite; transition:transform .15s ease-out; opacity:0; animation:cmxHeroIn .9s cubic-bezier(.16,1,.3,1) .2s forwards, cmxHeroFloat 6s ease-in-out 1.1s infinite; }\r\n@keyframes cmxHeroIn{ 0%{ opacity:0; transform:translateY(36px) scale(.97); } 100%{ opacity:1; transform:translateY(0) scale(1); } }\r\n@keyframes cmxHeroFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }\r\n.cmx-hero-showcase-frame img{ width:100%; height:auto; display:block; border-radius:22px; filter:drop-shadow(0 40px 70px var(--shadow-color)) drop-shadow(0 10px 22px rgba(0,0,0,.25)); }\r\n.cmx-hero-logo-badge{ position:absolute; z-index:2; bottom:-22px; left:6%; display:flex; align-items:center; gap:10px; background:color-mix(in srgb, var(--bg-card) 82%, transparent); backdrop-filter:blur(10px); border:1px solid var(--border-color); padding:10px 18px 10px 12px; border-radius:999px; box-shadow:0 14px 34px var(--shadow-color); opacity:0; animation:cmxBadgeIn .8s cubic-bezier(.34,1.56,.64,1) 1s forwards, cmxBadgeFloat 4.5s ease-in-out 1.9s infinite; }\r\n@keyframes cmxBadgeIn{ 0%{ opacity:0; transform:translateY(14px) scale(.85); } 100%{ opacity:1; transform:translateY(0) scale(1); } }\r\n@keyframes cmxBadgeFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }\r\n.cmx-hero-logo-badge img{ height:22px; width:auto; display:block; }\r\n.cmx-hero-logo-badge span{ font-size:11.5px; font-weight:700; color:var(--text-muted); letter-spacing:.02em; }\r\n.cmx-hero-showcase-tag{ position:absolute; z-index:2; top:20px; left:6%; display:flex; align-items:center; gap:8px; background:color-mix(in srgb, var(--bg-card) 78%, transparent); backdrop-filter:blur(8px); border:1px solid var(--border-color); padding:9px 16px; border-radius:999px; font-size:12px; font-weight:700; color:var(--text-main); opacity:0; animation:cmxBadgeIn .7s cubic-bezier(.34,1.56,.64,1) .7s forwards; }\r\n.cmx-hero-showcase-tag .dot{ width:7px; height:7px; border-radius:50%; background:#1eb15a; animation:cmxDotPulse 2s ease-in-out infinite; }\r\n@keyframes cmxDotPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(30,177,90,.4); } 50%{ box-shadow:0 0 0 6px rgba(30,177,90,0); } }\r\n@media(max-width:640px){ .cmx-hero-logo-badge{ left:4%; } .cmx-hero-showcase-tag{ left:4%; } }\r\n\r\n.cmx-facts{ display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; }\r\n.cmx-fact{ display:flex; align-items:center; gap:8px; border:1px solid var(--border-color); border-radius:999px; padding:9px 16px; font-size:12.5px; font-weight:600; color:var(--text-muted); transition:border-color .3s ease; }\r\n.cmx-fact:hover{ border-color:var(--accent-red); }\r\n.cmx-fact b{ color:var(--text-main); font-weight:800; }\r\n.cmx-fact .dot{ width:6px; height:6px; border-radius:50%; background:var(--accent-red); flex-shrink:0; }\r\n\r\n\/* \u2500\u2500 SECTION HEADS \u2500\u2500 *\/\r\n.cmx-h2{ font-size:clamp(30px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:-.02em; margin-bottom:22px; color:var(--text-main); }\r\n.cmx-lede{ font-size:16.5px; font-weight:500; line-height:1.8; color:var(--text-muted); max-width:620px; margin-bottom:48px; }\r\n\r\n\/* \u2500\u2500 OVERVIEW \u2500\u2500 *\/\r\n#cmx-overview{ background:var(--bg-hover); border-bottom:1px solid var(--border-color); }\r\n.cmx-overview-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }\r\n.cmx-overview-copy p{ font-size:15.5px; font-weight:500; line-height:1.85; color:var(--text-muted); margin-bottom:18px; }\r\n.cmx-overview-stats{ display:flex; gap:28px; margin-top:32px; flex-wrap:wrap; }\r\n.cmx-overview-stat .n{ font-size:26px; font-weight:800; color:var(--accent-red); display:block; }\r\n.cmx-overview-stat .l{ font-size:12px; font-weight:600; color:var(--text-muted); }\r\n.cmx-overview-img{ position:relative; border-radius:22px; overflow:hidden; border:1px solid var(--border-color); box-shadow:0 30px 60px var(--shadow-color); }\r\n.cmx-overview-img img{ width:100%; height:100%; min-height:340px; object-fit:cover; display:block; transition:transform .6s ease; }\r\n.cmx-overview-img:hover img{ transform:scale(1.05); }\r\n@media(max-width:900px){ .cmx-overview-grid{ grid-template-columns:1fr; } .cmx-overview-img{ order:-1; } }\r\n\r\n\/* \u2500\u2500 PLATFORM PILLARS \u2500\u2500 *\/\r\n#cmx-pillars{ background:var(--bg-card); }\r\n.cmx-pillar-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }\r\n.cmx-pillar-card{ border:1px solid var(--border-color); border-radius:18px; padding:26px 22px; background:var(--bg-hover); transition:transform .3s ease, box-shadow .3s ease; }\r\n.cmx-pillar-card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px var(--shadow-color); }\r\n.cmx-pillar-icon{ width:38px; height:38px; border-radius:10px; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; margin-bottom:18px; background:var(--bg-card); animation:cmxIconFloat 4.2s ease-in-out infinite; }\r\n.cmx-pillar-card:nth-of-type(2n) .cmx-pillar-icon{ animation-delay:.6s; animation-duration:4.8s; }\r\n.cmx-pillar-card:nth-of-type(3n) .cmx-pillar-icon{ animation-delay:1.1s; animation-duration:3.9s; }\r\n@keyframes cmxIconFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }\r\n.cmx-pillar-icon svg{ width:18px; height:18px; stroke:var(--accent-red); }\r\n.cmx-pillar-title{ font-weight:800; font-size:15.5px; margin-bottom:8px; color:var(--text-main); }\r\n.cmx-pillar-body{ font-size:13.5px; font-weight:500; color:var(--text-muted); line-height:1.6; }\r\n@media(max-width:900px){ .cmx-pillar-grid{ grid-template-columns:1fr 1fr; } }\r\n@media(max-width:560px){ .cmx-pillar-grid{ grid-template-columns:1fr; } }\r\n\r\n\/* \u2500\u2500 PAIN POINTS \u2500\u2500 *\/\r\n#cmx-challenge{ background:var(--bg-hover); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }\r\n.cmx-pain-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\r\n.cmx-pain-card{ border:1px solid var(--border-color); border-radius:18px; padding:28px 24px; background:var(--bg-card); transition:transform .3s ease, box-shadow .3s ease; }\r\n.cmx-pain-card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px var(--shadow-color); }\r\n.cmx-pain-mark{ width:38px; height:38px; border-radius:10px; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; margin-bottom:18px; background:var(--bg-hover); }\r\n.cmx-pain-mark svg{ width:18px; height:18px; stroke:var(--accent-red); }\r\n.cmx-pain-title{ font-weight:800; font-size:16px; margin-bottom:8px; color:var(--text-main); }\r\n.cmx-pain-body{ font-size:14px; font-weight:500; color:var(--text-muted); line-height:1.65; }\r\n.cmx-quote-box{ margin-top:36px; padding:22px 26px; border-left:3px solid var(--accent-red); background:var(--bg-card); border-radius:0 14px 14px 0; font-size:16px; font-weight:700; font-style:italic; color:var(--text-main); }\r\n@media(max-width:860px){ .cmx-pain-grid{ grid-template-columns:1fr; } }\r\n\r\n\/* \u2500\u2500 SOLUTION TABS \u2500\u2500 *\/\r\n#cmx-solution{ background:var(--bg-card); }\r\n.cmx-tab-nav{ display:flex; gap:6px; border-bottom:1px solid var(--border-color); margin-bottom:40px; overflow-x:auto; scrollbar-width:none; }\r\n.cmx-tab-nav::-webkit-scrollbar{ display:none; }\r\n.cmx-tab-btn{ flex:0 0 auto; display:flex; align-items:center; gap:10px; background:transparent; border:none; cursor:pointer; padding:16px 22px; font-weight:800; font-size:14px; color:var(--text-muted); position:relative; white-space:nowrap; transition:color .25s ease; }\r\n.cmx-tab-btn::after{ content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--accent-red); transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.16,1,.3,1); }\r\n.cmx-tab-btn.active{ color:var(--text-main); }\r\n.cmx-tab-btn.active::after{ transform:scaleX(1); }\r\n.cmx-tab-btn:hover{ color:var(--text-main); }\r\n.cmx-tab-panel{ display:none; }\r\n.cmx-tab-panel.active{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; animation:cmxPanelIn .5s ease; }\r\n@keyframes cmxPanelIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:translateY(0);} }\r\n.cmx-tab-icon{ width:56px; height:56px; border-radius:16px; border:1px solid var(--border-color); display:flex; align-items:center; justify-content:center; margin-bottom:22px; background:var(--bg-hover); }\r\n.cmx-tab-icon svg{ width:26px; height:26px; stroke:var(--accent-red); }\r\n.cmx-tab-panel h3{ font-weight:800; font-size:25px; margin-bottom:14px; letter-spacing:-.01em; color:var(--text-main); }\r\n.cmx-tab-panel p{ font-size:15.5px; font-weight:500; line-height:1.8; color:var(--text-muted); margin-bottom:22px; }\r\n.cmx-deliver{ list-style:none; display:flex; flex-direction:column; gap:12px; }\r\n.cmx-deliver li{ display:flex; gap:10px; font-size:14px; color:var(--text-main); font-weight:600; align-items:flex-start; }\r\n.cmx-deliver li svg{ width:16px; height:16px; stroke:var(--accent-red); flex-shrink:0; margin-top:3px; }\r\n.cmx-tab-visual{ border:1px solid var(--border-color); border-radius:20px; overflow:hidden; position:relative; min-height:320px; background:var(--bg-hover); transition:transform .4s ease, box-shadow .4s ease; }\r\n.cmx-tab-visual:hover{ transform:translateY(-6px); box-shadow:0 24px 50px var(--shadow-color); }\r\n.cmx-tab-visual img{ width:100%; height:100%; min-height:320px; object-fit:cover; display:block; transition:transform .6s ease; }\r\n.cmx-tab-visual:hover img{ transform:scale(1.08); }\r\n.cmx-tab-visual-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.78) 100%); }\r\n.cmx-tab-visual-num{ position:absolute; top:18px; left:18px; font-size:13px; font-weight:800; color:#fff; background:var(--accent-red); padding:5px 12px; border-radius:999px; letter-spacing:.04em; }\r\n.cmx-tab-visual-caption{ position:absolute; left:20px; bottom:18px; right:20px; }\r\n.cmx-tab-visual-caption .t{ font-size:16px; font-weight:800; color:#fff; margin-bottom:3px; }\r\n.cmx-tab-visual-caption .s{ font-size:12px; font-weight:600; color:rgba(255,255,255,.75); }\r\n@media(max-width:860px){ .cmx-tab-panel.active{ grid-template-columns:1fr; } .cmx-tab-visual{ order:-1; min-height:220px; } .cmx-tab-visual img{ min-height:220px; } }\r\n\r\n\/* \u2500\u2500 RESULTS \u2500\u2500 *\/\r\n#cmx-results{ background:var(--bg-hover); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }\r\n.cmx-metrics-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:56px; }\r\n.cmx-metric{ border:1px solid var(--border-color); border-radius:16px; padding:26px 20px; background:var(--bg-card); text-align:center; transition:transform .3s ease, box-shadow .3s ease; }\r\n.cmx-metric:hover{ transform:translateY(-5px); box-shadow:0 16px 34px var(--shadow-color); }\r\n.cmx-metric-num{ font-weight:800; font-size:26px; color:var(--accent-red); margin-bottom:6px; }\r\n.cmx-metric-lbl{ font-size:12px; font-weight:600; color:var(--text-muted); line-height:1.4; }\r\n@media(max-width:860px){ .cmx-metrics-grid{ grid-template-columns:1fr 1fr; } }\r\n.cmx-outcomes{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }\r\n.cmx-outcome{ display:flex; gap:14px; align-items:flex-start; border:1px solid var(--border-color); border-radius:14px; padding:18px 20px; background:var(--bg-card); transition:transform .3s ease, box-shadow .3s ease; }\r\n.cmx-outcome:hover{ transform:translateY(-4px); box-shadow:0 14px 30px var(--shadow-color); }\r\n.cmx-outcome svg{ width:20px; height:20px; stroke:var(--accent-red); flex-shrink:0; margin-top:2px; }\r\n.cmx-outcome-t{ font-weight:800; font-size:14.5px; margin-bottom:3px; color:var(--text-main); }\r\n.cmx-outcome-s{ font-size:12.5px; font-weight:500; color:var(--text-muted); line-height:1.5; }\r\n@media(max-width:700px){ .cmx-outcomes{ grid-template-columns:1fr; } }\r\n\r\n\/* \u2500\u2500 TESTIMONIAL \u2500\u2500 *\/\r\n#cmx-testimonial{ text-align:center; background:var(--bg-card); }\r\n.cmx-t-mark{ font-size:66px; font-weight:800; color:var(--accent-red); opacity:.35; line-height:.5; display:block; margin-bottom:20px; }\r\n.cmx-t-text{ font-size:clamp(19px,2.4vw,26px); font-weight:700; line-height:1.55; max-width:780px; margin:0 auto 28px; color:var(--text-main); }\r\n.cmx-t-name{ font-weight:800; font-size:14.5px; color:var(--text-main); }\r\n.cmx-t-role{ font-size:12.5px; font-weight:600; color:var(--text-muted); margin-top:2px; }\r\n\r\n\/* \u2500\u2500 CTA + FOOTER BRAND \u2500\u2500 *\/\r\n#cmx-cta{ padding:120px 0 60px; background:var(--bg-card); }\r\n.cmx-cta-box{ border:1px solid var(--border-color); border-radius:28px; padding:64px 48px; background:var(--bg-hover); display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }\r\n.cmx-cta-box h2{ max-width:520px; }\r\n.cmx-cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }\r\n@media(max-width:768px){ .cmx-cta-box{ text-align:center; justify-content:center; padding:48px 28px; } .cmx-cta-box h2{ max-width:100%; } .cmx-cta-actions{ justify-content:center; } }\r\n.cmx-footer-brand{ display:flex; align-items:center; justify-content:center; gap:12px; padding:36px 0 0; }\r\n.cmx-footer-brand img{ height:24px; width:auto; opacity:.85; }\r\n.cmx-footer-brand span{ font-size:12.5px; font-weight:600; color:var(--text-muted); }\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n#cmx-root .cmx-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }\r\n#cmx-root .cmx-reveal.in{ opacity:1; transform:translateY(0); }\r\n@media (prefers-reduced-motion:reduce){\r\n  #cmx-root .cmx-reveal{ opacity:1; transform:none; transition:none; }\r\n  #cmx-root .cmx-hero-showcase-frame, #cmx-root .cmx-hero-logo-badge, #cmx-root .cmx-hero-showcase-tag{ opacity:1; animation:none; transform:none; }\r\n  #cmx-root .cmx-hero-glow, #cmx-root .cmx-pillar-icon, #cmx-root .cmx-btn-fill::before{ animation:none; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<header id=\"cmx-nav\">\r\n  <div class=\"cmx-wrap cmx-nav-row\">\r\n    <a href=\"https:\/\/megsys.digital\" class=\"cmx-nav-logo\" aria-label=\"Megsys Digital home\">\r\n      <img decoding=\"async\" src=\"https:\/\/megsys.digital\/wp-content\/uploads\/2026\/07\/Untitled-1200-x-628-px.png\" alt=\"Megsys Digital logo\" loading=\"eager\">\r\n    <\/a>\r\n    <span class=\"cmx-nav-badge\">Case Study<\/span>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-hero\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow\">Case Study \/ B2B Chemical Marketplace<\/div>\r\n    <h1 class=\"cmx-lockup\">ChemMexco: building India's<br><span class=\"cmx-gradient\">B2B marketplace for chemicals.<\/span><\/h1>\r\n    <p class=\"cmx-hero-sub\">ChemMexco set out to do something no one had done well for the Indian chemical trade \u2014 a single platform where buyers and sellers could list, search, and transact bulk and lab chemicals with logistics and insurance built in. Megsys Digital designed and built the platform from the ground up.<\/p>\r\n\r\n    <div class=\"cmx-cta-row\">\r\n      <a href=\"https:\/\/megsys.digital\/contact\/\" class=\"cmx-btn cmx-btn-fill\">\r\n        Start Your Project\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/main.d2hgoydkd7xohp.amplifyapp.com\/\" target=\"_blank\" rel=\"noopener\" class=\"cmx-btn cmx-btn-outline\">Visit Live Platform<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"cmx-hero-showcase\">\r\n      <div class=\"cmx-hero-showcase-stage\" id=\"cmx-hero-stage\">\r\n        <div class=\"cmx-hero-glow\"><\/div>\r\n        <div class=\"cmx-hero-showcase-frame\" id=\"cmx-hero-frame\">\r\n          <span class=\"cmx-hero-showcase-tag\"><span class=\"dot\"><\/span>Live product build<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/megsys.digital\/wp-content\/uploads\/2026\/07\/Chemmexco-scaled.png\" alt=\"ChemMexco chemical marketplace platform showcase\" loading=\"eager\">\r\n          <div class=\"cmx-hero-logo-badge\">\r\n            <img decoding=\"async\" src=\"https:\/\/main.d2hgoydkd7xohp.amplifyapp.com\/assets\/chemmexco.png\" alt=\"ChemMexco logo\" loading=\"lazy\">\r\n            <span>Built &amp; shipped by Megsys Digital<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cmx-facts\">\r\n      <div class=\"cmx-fact\"><span class=\"dot\"><\/span>Industry: <b>&nbsp;Chemical Trade \/ B2B Marketplace<\/b><\/div>\r\n      <div class=\"cmx-fact\"><span class=\"dot\"><\/span>Engagement: <b>&nbsp;Full Platform Build<\/b><\/div>\r\n      <div class=\"cmx-fact\"><span class=\"dot\"><\/span>Scope: <b>&nbsp;Marketplace, Logistics, Jobs, Content<\/b><\/div>\r\n      <div class=\"cmx-fact\"><span class=\"dot\"><\/span>Built by: <b>&nbsp;Megsys Digital<\/b><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OVERVIEW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-overview\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow cmx-reveal\">The Project<\/div>\r\n    <h2 class=\"cmx-h2 cmx-reveal\">More than a marketplace \u2014<br>a full <span class=\"cmx-red\">trade platform<\/span>.<\/h2>\r\n\r\n    <div class=\"cmx-overview-grid\" style=\"margin-top:48px;\">\r\n      <div class=\"cmx-overview-copy cmx-reveal\">\r\n        <p>ChemMexco needed to bring an industry that still runs on phone calls, brokers, and paper trails onto one digital platform \u2014 without losing the trust that chemical buyers and sellers expect from every transaction.<\/p>\r\n        <p>Megsys Digital built a multi-vertical marketplace spanning bulk chemicals, lab chemicals, active pharmaceutical ingredients, cosmetics chemicals, and industrial equipment \u2014 with GST-verified seller profiles, ratings, MOQ-based listings, and category-first browsing designed around how chemical buyers actually search.<\/p>\r\n        <div class=\"cmx-overview-stats\">\r\n          <div class=\"cmx-overview-stat\"><span class=\"n\">9+<\/span><span class=\"l\">Product categories live<\/span><\/div>\r\n          <div class=\"cmx-overview-stat\"><span class=\"n\">1<\/span><span class=\"l\">Unified buyer\/seller platform<\/span><\/div>\r\n          <div class=\"cmx-overview-stat\"><span class=\"n\">2<\/span><span class=\"l\">Mobile apps (iOS &amp; Android)<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"cmx-overview-img cmx-reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=900&q=80\" alt=\"ChemMexco logistics and transport booking feature\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PLATFORM PILLARS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-pillars\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow cmx-reveal\">What We Built<\/div>\r\n    <h2 class=\"cmx-h2 cmx-reveal\">One platform,<br>four <span class=\"cmx-red\">working systems<\/span>.<\/h2>\r\n    <p class=\"cmx-lede cmx-reveal\">ChemMexco isn't just a product catalogue \u2014 it's a working ecosystem for the chemical trade, all built and shipped by Megsys Digital.<\/p>\r\n\r\n    <div class=\"cmx-pillar-grid\">\r\n      <div class=\"cmx-pillar-card cmx-reveal\">\r\n        <div class=\"cmx-pillar-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pillar-title\">Marketplace &amp; Search<\/div>\r\n        <div class=\"cmx-pillar-body\">Category-first browsing across bulk chemicals, lab chemicals, APIs, cosmetics, and equipment, with fast search and quick listing.<\/div>\r\n      <\/div>\r\n      <div class=\"cmx-pillar-card cmx-reveal\">\r\n        <div class=\"cmx-pillar-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pillar-title\">Logistics &amp; Insurance<\/div>\r\n        <div class=\"cmx-pillar-body\">In-platform transport booking with verified partners, chemical-grade handling, and shipment insurance built into the flow.<\/div>\r\n      <\/div>\r\n      <div class=\"cmx-pillar-card cmx-reveal\">\r\n        <div class=\"cmx-pillar-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7h-9m9 5h-9m9 5h-9M5 7h.01M5 12h.01M5 17h.01\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pillar-title\">Job Portal<\/div>\r\n        <div class=\"cmx-pillar-body\">A built-in job board for the chemical industry \u2014 manufacturing, R&amp;D, QA, and EHS roles alongside the marketplace.<\/div>\r\n      <\/div>\r\n      <div class=\"cmx-pillar-card cmx-reveal\">\r\n        <div class=\"cmx-pillar-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pillar-title\">News, Reports &amp; App<\/div>\r\n        <div class=\"cmx-pillar-body\">Industry news, market reports, and a companion mobile app so buyers and sellers stay connected on the go.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CHALLENGE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-challenge\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow cmx-reveal\">The Challenge<\/div>\r\n    <h2 class=\"cmx-h2 cmx-reveal\">A trade built on trust,<br>with no <span class=\"cmx-red\">digital layer<\/span>.<\/h2>\r\n    <p class=\"cmx-lede cmx-reveal\">Chemical trading runs on relationships, compliance, and precision \u2014 none of which translate easily to a generic e-commerce template.<\/p>\r\n\r\n    <div class=\"cmx-pain-grid\">\r\n      <div class=\"cmx-pain-card cmx-reveal\">\r\n        <div class=\"cmx-pain-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69z\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pain-title\">No trust signal at scale<\/div>\r\n        <div class=\"cmx-pain-body\">Buyers need to know a supplier is GST-verified and reliable before they'll commit to a bulk order \u2014 that couldn't be assumed, it had to be built in.<\/div>\r\n      <\/div>\r\n      <div class=\"cmx-pain-card cmx-reveal\">\r\n        <div class=\"cmx-pain-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pain-title\">Logistics is part of the sale<\/div>\r\n        <div class=\"cmx-pain-body\">Chemical shipments need compliant handling and insurance \u2014 a marketplace that only lists products and stops at checkout wasn't enough.<\/div>\r\n      <\/div>\r\n      <div class=\"cmx-pain-card cmx-reveal\">\r\n        <div class=\"cmx-pain-mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18M3 9v10a2 2 0 0 0 2 2h4M21 9v10a2 2 0 0 1-2 2H9\"\/><\/svg><\/div>\r\n        <div class=\"cmx-pain-title\">Every product category is different<\/div>\r\n        <div class=\"cmx-pain-body\">A drum of bulk acid and a box of lab consumables need completely different listing fields, units, and MOQ logic \u2014 one generic form wouldn't work.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cmx-quote-box cmx-reveal\">\"We didn't just need a storefront. We needed a platform that understood how chemicals actually get bought, sold, and shipped.\"<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SOLUTION \/ TABS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-solution\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow cmx-reveal\">The Solution<\/div>\r\n    <h2 class=\"cmx-h2 cmx-reveal\">Four phases.<br>One <span class=\"cmx-red\">working marketplace<\/span>.<\/h2>\r\n    <p class=\"cmx-lede cmx-reveal\">Megsys Digital ran the build as a structured product engagement \u2014 from category architecture to a live, multi-sided platform.<\/p>\r\n\r\n    <div class=\"cmx-tabs cmx-reveal\">\r\n      <div class=\"cmx-tab-nav\" role=\"tablist\">\r\n        <button class=\"cmx-tab-btn active\" data-tab=\"1\" role=\"tab\">Marketplace Architecture<\/button>\r\n        <button class=\"cmx-tab-btn\" data-tab=\"2\" role=\"tab\">Trust &amp; Verification<\/button>\r\n        <button class=\"cmx-tab-btn\" data-tab=\"3\" role=\"tab\">Logistics &amp; Insurance<\/button>\r\n        <button class=\"cmx-tab-btn\" data-tab=\"4\" role=\"tab\">Ecosystem &amp; Launch<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"cmx-tab-panel active\" data-panel=\"1\">\r\n        <div>\r\n          <div class=\"cmx-tab-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg><\/div>\r\n          <h3>Marketplace Architecture<\/h3>\r\n          <p>We mapped how chemical buyers actually search \u2014 by category, grade, and packaging \u2014 then designed a listing structure flexible enough to cover bulk chemicals, lab reagents, APIs, and equipment without feeling generic.<\/p>\r\n          <ul class=\"cmx-deliver\">\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Multi-vertical category system (chemicals, lab, equipment)<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Flexible listing fields per product type (grade, MOQ, packaging)<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Fast search and quick-listing flows for sellers<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"cmx-tab-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=900&q=80\" alt=\"Planning session mapping marketplace categories\">\r\n          <div class=\"cmx-tab-visual-overlay\"><\/div>\r\n          <span class=\"cmx-tab-visual-num\">Phase 01<\/span>\r\n          <div class=\"cmx-tab-visual-caption\"><div class=\"t\">Structure locked<\/div><div class=\"s\">Category system signed off<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmx-tab-panel\" data-panel=\"2\">\r\n        <div>\r\n          <div class=\"cmx-tab-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><path d=\"m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69z\"\/><\/svg><\/div>\r\n          <h3>Trust &amp; Verification<\/h3>\r\n          <p>To make first-time buyers comfortable, we built GST verification, seller ratings, and clear supplier profiles directly into every listing \u2014 so trust doesn't depend on a phone call before the first order.<\/p>\r\n          <ul class=\"cmx-deliver\">\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>GST-verified seller badges on every listing<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Ratings and supplier profile pages<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Transparent MOQ and stock availability on listings<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"cmx-tab-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=900&q=80\" alt=\"Verification and compliance workflow\">\r\n          <div class=\"cmx-tab-visual-overlay\"><\/div>\r\n          <span class=\"cmx-tab-visual-num\">Phase 02<\/span>\r\n          <div class=\"cmx-tab-visual-caption\"><div class=\"t\">Trust built in<\/div><div class=\"s\">Verification live on every listing<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmx-tab-panel\" data-panel=\"3\">\r\n        <div>\r\n          <div class=\"cmx-tab-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\r\n          <h3>Logistics &amp; Insurance<\/h3>\r\n          <p>We built transport booking directly into the platform, connecting buyers and sellers with verified logistics partners and giving every shipment the option of insurance cover against damage, leakage, and handling risk.<\/p>\r\n          <ul class=\"cmx-deliver\">\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>In-platform transport booking flow<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Verified transport partner network<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Shipment insurance with a simple claims path<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"cmx-tab-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553413077-190dd305871c?auto=format&fit=crop&w=900&q=80\" alt=\"ChemMexco mobile logistics booking experience\">\r\n          <div class=\"cmx-tab-visual-overlay\"><\/div>\r\n          <span class=\"cmx-tab-visual-num\">Phase 03<\/span>\r\n          <div class=\"cmx-tab-visual-caption\"><div class=\"t\">Shipping, solved<\/div><div class=\"s\">Transport and insurance in one flow<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmx-tab-panel\" data-panel=\"4\">\r\n        <div>\r\n          <div class=\"cmx-tab-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><path d=\"M12 2 3 7v6c0 5 4 9 9 9s9-4 9-9V7z\"\/><\/svg><\/div>\r\n          <h3>Ecosystem &amp; Launch<\/h3>\r\n          <p>Beyond the marketplace, we shipped a job portal, an industry news and reports hub, and companion iOS\/Android apps \u2014 then launched and monitored the full platform against real buyer and seller behavior.<\/p>\r\n          <ul class=\"cmx-deliver\">\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Job portal for chemical industry roles<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>News, articles, and exportable market reports<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>iOS and Android companion apps<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"cmx-tab-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=80\" alt=\"Server infrastructure representing the launch\">\r\n          <div class=\"cmx-tab-visual-overlay\"><\/div>\r\n          <span class=\"cmx-tab-visual-num\">Phase 04<\/span>\r\n          <div class=\"cmx-tab-visual-caption\"><div class=\"t\">Live &amp; monitored<\/div><div class=\"s\">Full ecosystem shipped and supported<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESULTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-results\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-eyebrow cmx-reveal\">The Result<\/div>\r\n    <h2 class=\"cmx-h2 cmx-reveal\">A live marketplace,<br>not just a <span class=\"cmx-red\">website<\/span>.<\/h2>\r\n    <p class=\"cmx-lede cmx-reveal\">ChemMexco launched as a working, multi-sided platform \u2014 buyers, sellers, logistics partners, and job seekers all operating in one place.<\/p>\r\n\r\n    <div class=\"cmx-metrics-grid\">\r\n      <div class=\"cmx-metric cmx-reveal\"><div class=\"cmx-metric-num\">9+<\/div><div class=\"cmx-metric-lbl\">Live product categories<\/div><\/div>\r\n      <div class=\"cmx-metric cmx-reveal\"><div class=\"cmx-metric-num\">4<\/div><div class=\"cmx-metric-lbl\">Integrated systems (market, logistics, jobs, content)<\/div><\/div>\r\n      <div class=\"cmx-metric cmx-reveal\"><div class=\"cmx-metric-num\">2<\/div><div class=\"cmx-metric-lbl\">Native mobile apps shipped<\/div><\/div>\r\n      <div class=\"cmx-metric cmx-reveal\"><div class=\"cmx-metric-num\">100%<\/div><div class=\"cmx-metric-lbl\">Mobile-responsive experience<\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cmx-outcomes\">\r\n      <div class=\"cmx-outcome cmx-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><div><div class=\"cmx-outcome-t\">Buyers and sellers in one place<\/div><div class=\"cmx-outcome-s\">Sourcing and selling chemicals no longer depends on a phone directory.<\/div><\/div><\/div>\r\n      <div class=\"cmx-outcome cmx-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><div><div class=\"cmx-outcome-t\">Trust built into every listing<\/div><div class=\"cmx-outcome-s\">GST verification and ratings give new buyers a reason to transact with confidence.<\/div><\/div><\/div>\r\n      <div class=\"cmx-outcome cmx-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><div><div class=\"cmx-outcome-t\">Shipping handled end to end<\/div><div class=\"cmx-outcome-s\">Transport booking and insurance mean the sale doesn't stop at \"add to cart.\"<\/div><\/div><\/div>\r\n      <div class=\"cmx-outcome cmx-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><div><div class=\"cmx-outcome-t\">Room to grow<\/div><div class=\"cmx-outcome-s\">The platform's category system is built to add new chemical verticals without a rebuild.<\/div><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-testimonial\">\r\n  <div class=\"cmx-wrap cmx-reveal\">\r\n    <span class=\"cmx-t-mark\">\"<\/span>\r\n    <p class=\"cmx-t-text\">Megsys Digital helped us build something the chemical trade genuinely didn't have \u2014 a marketplace that understands our industry, not a generic storefront wearing our logo.<\/p>\r\n    <div class=\"cmx-t-name\">ChemMexco<\/div>\r\n    <div class=\"cmx-t-role\">B2B Chemical Marketplace<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cmx-cta\">\r\n  <div class=\"cmx-wrap\">\r\n    <div class=\"cmx-cta-box cmx-reveal\">\r\n      <h2 class=\"cmx-h2\" style=\"margin-bottom:0;\">Ready to build your<br>own <span class=\"cmx-red\">marketplace?<\/span><\/h2>\r\n      <div class=\"cmx-cta-actions\">\r\n        <a href=\"https:\/\/megsys.digital\/contact\/\" class=\"cmx-btn cmx-btn-fill\">\r\n          Start Your Project\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cmx-footer-brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/megsys.digital\/wp-content\/uploads\/2026\/07\/Untitled-1200-x-628-px.png\" alt=\"Megsys Digital logo\" loading=\"lazy\">\r\n      <span>Built by Megsys Digital \u2014 turning business ideas into scalable digital products.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('cmx-root');\r\n  var revealEls = root.querySelectorAll('.cmx-reveal');\r\n  revealEls.forEach(function(el, i){ el.style.transitionDelay = ((i % 6) * 80) + 'ms'; });\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  revealEls.forEach(function(el){ io.observe(el); });\r\n\r\n  \/* \u2500\u2500 hero showcase: subtle mouse-move 3D tilt \u2500\u2500 *\/\r\n  var heroFrame = document.getElementById('cmx-hero-frame');\r\n  var heroStage = document.getElementById('cmx-hero-stage');\r\n  var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if (heroFrame && heroStage && !reducedMotion){\r\n    var tiltMax = 5;\r\n    heroStage.addEventListener('mousemove', function(e){\r\n      var rect = heroStage.getBoundingClientRect();\r\n      var px = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n      var py = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n      heroFrame.style.transform =\r\n        'rotateY(' + (px * tiltMax * 2) + 'deg) rotateX(' + (-py * tiltMax) + 'deg) translateY(-6px)';\r\n    });\r\n    heroStage.addEventListener('mouseleave', function(){\r\n      heroFrame.style.transform = '';\r\n    });\r\n  }\r\n\r\n  var tabBtns = root.querySelectorAll('.cmx-tab-btn');\r\n  var panels  = root.querySelectorAll('.cmx-tab-panel');\r\n  tabBtns.forEach(function(b){\r\n    b.addEventListener('click', function(){\r\n      var id = b.getAttribute('data-tab');\r\n      tabBtns.forEach(function(x){ x.classList.remove('active'); });\r\n      panels.forEach(function(x){ x.classList.remove('active'); });\r\n      b.classList.add('active');\r\n      root.querySelector('.cmx-tab-panel[data-panel=\"'+id+'\"]').classList.add('active');\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case Study Case Study \/ B2B Chemical Marketplace ChemMexco: building India&#8217;sB2B marketplace for chemicals. ChemMexco set out to do something no one had done well for the Indian chemical trade \u2014 a single platform where buyers and sellers could list, search, and transact bulk and lab chemicals with logistics and insurance built in. Megsys Digital designed and built the platform from the ground up. Start Your Project Visit Live Platform Live product build Built &amp; shipped by Megsys Digital Industry: &nbsp;Chemical Trade \/ B2B Marketplace Engagement: &nbsp;Full Platform Build Scope: &nbsp;Marketplace, Logistics, Jobs, Content Built by: &nbsp;Megsys Digital The Project More than a marketplace \u2014a full trade platform. ChemMexco needed to bring an industry that still runs on phone calls, brokers, and paper trails onto one digital platform \u2014 without losing the trust that chemical buyers and sellers expect from every transaction. Megsys Digital built a multi-vertical marketplace spanning bulk chemicals, lab chemicals, active pharmaceutical ingredients, cosmetics chemicals, and industrial equipment \u2014 with GST-verified seller profiles, ratings, MOQ-based listings, and category-first browsing designed around how chemical buyers actually search. 9+Product categories live 1Unified buyer\/seller platform 2Mobile apps (iOS &amp; Android) What We Built One platform,four working systems. ChemMexco isn&#8217;t just a product catalogue \u2014 it&#8217;s a working ecosystem for the chemical trade, all built and shipped by Megsys Digital. Marketplace &amp; Search Category-first browsing across bulk chemicals, lab chemicals, APIs, cosmetics, and equipment, with fast search and quick listing. Logistics &amp; Insurance In-platform transport booking with verified partners, chemical-grade handling, and shipment insurance built into the flow. Job Portal A built-in job board for the chemical industry \u2014 manufacturing, R&amp;D, QA, and EHS roles alongside the marketplace. News, Reports &amp; App Industry news, market reports, and a companion mobile app so buyers and sellers stay connected on the go. The Challenge A trade built on trust,with no digital layer. Chemical trading runs on relationships, compliance, and precision \u2014 none of which translate easily to a generic e-commerce template. No trust signal at scale Buyers need to know a supplier is GST-verified and reliable before they&#8217;ll commit to a bulk order \u2014 that couldn&#8217;t be assumed, it had to be built in. Logistics is part of the sale Chemical shipments need compliant handling and insurance \u2014 a marketplace that only lists products and stops at checkout wasn&#8217;t enough. Every product category is different A drum of bulk acid and a box of lab consumables need completely different listing fields, units, and MOQ logic \u2014 one generic form wouldn&#8217;t work. &#8220;We didn&#8217;t just need a storefront. We needed a platform that understood how chemicals actually get bought, sold, and shipped.&#8221; The Solution Four phases.One working marketplace. Megsys Digital ran the build as a structured product engagement \u2014 from category architecture to a live, multi-sided platform. Marketplace Architecture Trust &amp; Verification Logistics &amp; Insurance Ecosystem &amp; Launch Marketplace Architecture We mapped how chemical buyers actually search \u2014 by category, grade, and packaging \u2014 then designed a listing structure flexible enough to cover bulk chemicals, lab reagents, APIs, and equipment without feeling generic. Multi-vertical category system (chemicals, lab, equipment) Flexible listing fields per product type (grade, MOQ, packaging) Fast search and quick-listing flows for sellers Phase 01 Structure lockedCategory system signed off Trust &amp; Verification To make first-time buyers comfortable, we built GST verification, seller ratings, and clear supplier profiles directly into every listing \u2014 so trust doesn&#8217;t depend on a phone call before the first order. GST-verified seller badges on every listing Ratings and supplier profile pages Transparent MOQ and stock availability on listings Phase 02 Trust built inVerification live on every listing Logistics &amp; Insurance We built transport booking directly into the platform, connecting buyers and sellers with verified logistics partners and giving every shipment the option of insurance cover against damage, leakage, and handling risk. In-platform transport booking flow Verified transport partner network Shipment insurance with a simple claims path Phase 03 Shipping, solvedTransport and insurance in one flow Ecosystem &amp; Launch Beyond the marketplace, we shipped a job portal, an industry news and reports hub, and companion iOS\/Android apps \u2014 then launched and monitored the full platform against real buyer and seller behavior. Job portal for chemical industry roles News, articles, and exportable market reports iOS and Android companion apps Phase 04 Live &amp; monitoredFull ecosystem shipped and supported The Result A live marketplace,not just a website. ChemMexco launched as a working, multi-sided platform \u2014 buyers, sellers, logistics partners, and job seekers all operating in one place. 9+Live product categories 4Integrated systems (market, logistics, jobs, content) 2Native mobile apps shipped 100%Mobile-responsive experience Buyers and sellers in one placeSourcing and selling chemicals no longer depends on a phone directory. Trust built into every listingGST verification and ratings give new buyers a reason to transact with confidence. Shipping handled end to endTransport booking and insurance mean the sale doesn&#8217;t stop at &#8220;add to cart.&#8221; Room to growThe platform&#8217;s category system is built to add new chemical verticals without a rebuild. &#8220; Megsys Digital helped us build something the chemical trade genuinely didn&#8217;t have \u2014 a marketplace that understands our industry, not a generic storefront wearing our logo. ChemMexco B2B Chemical Marketplace Ready to build yourown marketplace? Start Your Project Built by Megsys Digital \u2014 turning business ideas into scalable digital products.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/pages\/2587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/comments?post=2587"}],"version-history":[{"count":25,"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/pages\/2587\/revisions"}],"predecessor-version":[{"id":2629,"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/pages\/2587\/revisions\/2629"}],"wp:attachment":[{"href":"https:\/\/veetragaqua.com\/index.php\/wp-json\/wp\/v2\/media?parent=2587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}