{"id":2,"date":"2026-04-19T09:55:00","date_gmt":"2026-04-19T09:55:00","guid":{"rendered":"https:\/\/solidwiki.com\/?page_id=2"},"modified":"2026-04-29T02:10:11","modified_gmt":"2026-04-29T02:10:11","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/solidwiki.com\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40acbe8 e-flex e-con-boxed e-con e-parent\" data-id=\"40acbe8\" 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-be0d32b elementor-widget elementor-widget-html\" data-id=\"be0d32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" prefix=\"og: https:\/\/ogp.me\/ns#\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,viewport-fit=cover\"\/>\r\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"\/>\r\n<title>Confrontiers Conclave | AI & Data Analytics to Scale Your Business | CCPL.ai<\/title>\r\n<meta name=\"description\" content=\"Enterprise AI & Data Analytics solutions delivering 247% avg ROI. Book a free consultation. Data Analytics, AI\/ML, Business Intelligence, Predictive Analytics. 200+ enterprise clients.\"\/>\r\n<meta name=\"robots\" content=\"index,follow,max-snippet:-1,max-image-preview:large\"\/>\r\n<link rel=\"canonical\" href=\"https:\/\/ccpl.ai\/\"\/>\r\n<meta property=\"og:type\" content=\"website\"\/>\r\n<meta property=\"og:url\" content=\"https:\/\/ccpl.ai\/\"\/>\r\n<meta property=\"og:title\" content=\"Confrontiers Conclave \u2014 AI & Data Analytics to Scale Your Business\"\/>\r\n<meta property=\"og:description\" content=\"Enterprise AI & Data Analytics. 200+ clients. 247% avg ROI. Book your free consultation today.\"\/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\"\/>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@graph\":[\r\n  {\"@type\":\"Organization\",\"@id\":\"https:\/\/ccpl.ai\/#org\",\"name\":\"Confrontiers Conclave\",\"alternateName\":\"CCPL\",\"url\":\"https:\/\/ccpl.ai\",\"description\":\"Enterprise AI & Data Analytics solutions for B2B companies.\",\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"email\":\"hello@ccpl.ai\",\"telephone\":\"+1-917-420-9467\"}},\r\n  {\"@type\":\"WebPage\",\"@id\":\"https:\/\/ccpl.ai\/#page\",\"url\":\"https:\/\/ccpl.ai\/\",\"name\":\"AI & Data Analytics Solutions \u2014 Confrontiers Conclave\",\"description\":\"Enterprise AI, Data Analytics & BI solutions delivering 247% avg ROI. 200+ global enterprise clients.\"},\r\n  {\"@type\":\"FAQPage\",\"mainEntity\":[\r\n    {\"@type\":\"Question\",\"name\":\"How long does implementation take?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Most clients see a working MVP within 4 weeks. Full enterprise deployments typically take 8\u201318 weeks depending on complexity.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"What ROI can I expect?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Our enterprise clients average 247% ROI within 12 months, with many clients seeing measurable cost reductions within 60\u201390 days.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Do you offer ongoing support?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. All engagements include dedicated support, model retraining schedules, and quarterly business reviews.\"}}\r\n  ]}\r\n]}\r\n<\/script>\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=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&family=Familjen+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\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\r\n   DESIGN TOKENS\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 *\/\r\n:root{\r\n  --bg0:#030912;\r\n  --bg1:#060f1e;\r\n  --bg2:#0a1628;\r\n  --bg3:#0e1f35;\r\n  --g1:#06ff8e;\r\n  --g2:#00c96e;\r\n  --c1:#00d4ff;\r\n  --c2:#0099bb;\r\n  --w:#eef2ff;\r\n  --w2:#b8c5e0;\r\n  --w3:#6b7fa3;\r\n  --w4:#2d3f5e;\r\n  --border:rgba(238,242,255,.07);\r\n  --border2:rgba(6,255,142,.12);\r\n  --border3:rgba(0,212,255,.12);\r\n  --grad-g:linear-gradient(135deg,var(--g1),var(--c1));\r\n  --grad-gb:linear-gradient(135deg,var(--g2),var(--c2));\r\n  --glow-g:0 0 40px rgba(6,255,142,.2),0 0 80px rgba(6,255,142,.08);\r\n  --glow-c:0 0 40px rgba(0,212,255,.2),0 0 80px rgba(0,212,255,.08);\r\n  --glass:rgba(255,255,255,.04);\r\n  --glass2:rgba(255,255,255,.02);\r\n  --ease:cubic-bezier(.22,1,.36,1);\r\n  --spring:cubic-bezier(.34,1.56,.64,1);\r\n  --fh:'Familjen Grotesk',sans-serif;\r\n  --fb:'Plus Jakarta Sans',sans-serif;\r\n  --fm:'JetBrains Mono',monospace;\r\n  --r:10px;--r2:16px;--r3:24px;\r\n  --nav-h:72px;\r\n}\r\n\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\r\n   RESET\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 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\r\nbody{\r\n  background:var(--bg0);color:var(--w);\r\n  font-family:var(--fb);font-size:16px;line-height:1.7;\r\n  overflow-x:hidden;cursor:none;\r\n}\r\na{color:inherit;text-decoration:none}\r\nul{list-style:none}\r\nimg{display:block;max-width:100%}\r\nbutton{border:none;background:none;font:inherit;color:inherit;cursor:none}\r\n::-webkit-scrollbar{width:3px}\r\n::-webkit-scrollbar-track{background:var(--bg0)}\r\n::-webkit-scrollbar-thumb{background:var(--g2);border-radius:2px}\r\n@media(pointer:coarse){body{cursor:auto}button{cursor:pointer}}\r\n\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\r\n   CURSOR\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 *\/\r\n#cursor{position:fixed;width:8px;height:8px;background:var(--g1);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .25s var(--ease),height .25s var(--ease),background .25s}\r\n#cursor-ring{position:fixed;width:30px;height:30px;border:1px solid rgba(0,212,255,.5);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:all .12s var(--ease)}\r\n@media(pointer:coarse){#cursor,#cursor-ring{display:none}body{cursor:auto}}\r\n\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\r\n   PROGRESS BAR\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 *\/\r\n#prog{position:fixed;top:0;left:0;height:2px;background:var(--grad-g);z-index:10001;width:0}\r\n\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\r\n   NAV \u2014 STICKY\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 *\/\r\n#nav{\r\n  position:fixed;top:0;left:0;right:0;z-index:1000;\r\n  height:var(--nav-h);\r\n  display:flex;align-items:center;\r\n  transition:background .4s,border-color .4s,backdrop-filter .4s;\r\n}\r\n#nav.scrolled{\r\n  background:rgba(3,9,18,.88);\r\n  border-bottom:1px solid var(--border);\r\n  backdrop-filter:blur(24px);\r\n}\r\n.nav-inner{\r\n  width:min(1300px,92vw);margin-inline:auto;\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  gap:2rem;\r\n}\r\n.nav-logo{display:flex;align-items:center;gap:.65rem;flex-shrink:0}\r\n.nav-logo-mark{width:36px;height:36px;flex-shrink:0}\r\n.nav-logo-text{font-family:var(--fh);font-weight:700;font-size:.9rem;line-height:1.2;letter-spacing:.01em}\r\n.nav-logo-sub{font-family:var(--fm);font-size:.52rem;color:var(--g1);letter-spacing:.12em;display:block;margin-top:.1rem}\r\n\r\n.nav-links{\r\n  display:flex;align-items:center;gap:2rem;\r\n  font-size:.88rem;font-weight:500;\r\n}\r\n.nav-links a{color:var(--w2);transition:color .25s}\r\n.nav-links a:hover{color:var(--w)}\r\n.nav-cta{\r\n  display:inline-flex;align-items:center;gap:.45rem;\r\n  background:var(--grad-g);color:var(--bg0);\r\n  font-family:var(--fh);font-weight:700;font-size:.85rem;\r\n  padding:.6rem 1.4rem;border-radius:var(--r);\r\n  transition:transform .3s var(--spring),box-shadow .3s;flex-shrink:0;\r\n}\r\n.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-g)}\r\n.nav-mobile-btn{display:none;font-size:1.4rem;color:var(--w);cursor:pointer}\r\n\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\r\n   LAYOUT HELPERS\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 *\/\r\n.wrap{width:min(1300px,92vw);margin-inline:auto}\r\n.sec{padding:100px 0;position:relative;overflow:hidden}\r\n.sec-alt{background:var(--bg1);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}\r\n.sec-dark{background:var(--bg2)}\r\n\r\n.sec-label{\r\n  display:inline-flex;align-items:center;gap:.5rem;\r\n  font-family:var(--fm);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;\r\n  color:var(--g1);margin-bottom:1rem;\r\n}\r\n.sec-label::before{content:'';width:18px;height:1px;background:var(--g1)}\r\n\r\n.sec-title{\r\n  font-family:var(--fh);font-weight:700;\r\n  font-size:clamp(2rem,4vw,3.4rem);\r\n  letter-spacing:-.03em;line-height:1.05;\r\n}\r\n.sec-sub{\r\n  font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--w3);\r\n  max-width:52ch;line-height:1.7;margin-top:.9rem;\r\n}\r\n.clip{\r\n  background:var(--grad-g);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n}\r\n\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\r\n   BUTTONS\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 *\/\r\n.btn-primary{\r\n  display:inline-flex;align-items:center;gap:.55rem;\r\n  background:var(--grad-g);color:var(--bg0);\r\n  font-family:var(--fh);font-weight:700;font-size:.95rem;\r\n  padding:.9rem 2rem;border-radius:var(--r);\r\n  transition:transform .3s var(--spring),box-shadow .3s;\r\n  white-space:nowrap;\r\n}\r\n.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--glow-g)}\r\n.btn-ghost{\r\n  display:inline-flex;align-items:center;gap:.55rem;\r\n  background:rgba(255,255,255,.05);\r\n  border:1px solid var(--border);\r\n  color:var(--w);font-family:var(--fh);font-weight:600;font-size:.95rem;\r\n  padding:.9rem 2rem;border-radius:var(--r);\r\n  backdrop-filter:blur(12px);\r\n  transition:transform .3s var(--spring),border-color .3s,background .3s;\r\n  white-space:nowrap;\r\n}\r\n.btn-ghost:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.3);background:rgba(0,212,255,.06)}\r\n.arr{transition:transform .3s var(--spring);font-style:normal}\r\n.btn-primary:hover .arr,.btn-ghost:hover .arr{transform:translateX(4px)}\r\n\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\r\n   REVEAL ANIMATIONS\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 *\/\r\n.rv{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}\r\n.rv.in{opacity:1;transform:none}\r\n.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}\r\n.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}\r\n.rv.d5{transition-delay:.5s}.rv.d6{transition-delay:.6s}\r\n\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\r\n   HERO\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 *\/\r\n#hero{\r\n  min-height:100svh;\r\n  padding:calc(var(--nav-h) + 70px) 0 80px;\r\n  position:relative;overflow:hidden;\r\n  display:flex;align-items:center;\r\n}\r\n\r\n\/* Layered grid + mesh bg *\/\r\n.hero-bg{\r\n  position:absolute;inset:0;z-index:0;\r\n  background:\r\n    radial-gradient(ellipse 80% 70% at 10% 60%,rgba(6,255,142,.07) 0%,transparent 60%),\r\n    radial-gradient(ellipse 60% 60% at 90% 30%,rgba(0,212,255,.07) 0%,transparent 60%),\r\n    radial-gradient(ellipse 50% 50% at 50% 100%,rgba(6,255,142,.04) 0%,transparent 60%);\r\n}\r\n.hero-grid{\r\n  position:absolute;inset:0;z-index:0;\r\n  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);\r\n  background-size:64px 64px;\r\n  mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 30%,transparent 80%);\r\n}\r\n.hero-glow{\r\n  position:absolute;top:20%;left:50%;transform:translateX(-50%);\r\n  width:600px;height:2px;\r\n  background:var(--grad-g);\r\n  filter:blur(40px);opacity:.3;z-index:0;\r\n  animation:glow-pulse 4s ease-in-out infinite;\r\n}\r\n@keyframes glow-pulse{0%,100%{opacity:.2;width:400px}50%{opacity:.45;width:700px}}\r\n\r\n.hero-inner{\r\n  position:relative;z-index:1;\r\n  display:grid;grid-template-columns:1fr 1fr;\r\n  gap:4rem;align-items:center;\r\n  width:min(1300px,92vw);margin-inline:auto;\r\n}\r\n.hero-left{}\r\n.hero-right{display:flex;align-items:center;justify-content:center}\r\n\r\n\/* Status badge *\/\r\n.hero-status{\r\n  display:inline-flex;align-items:center;gap:.55rem;\r\n  background:rgba(6,255,142,.07);border:1px solid rgba(6,255,142,.2);\r\n  border-radius:100px;padding:.35rem .95rem .35rem .6rem;\r\n  margin-bottom:2rem;font-family:var(--fm);font-size:.68rem;\r\n  letter-spacing:.06em;color:var(--g1);\r\n  animation:fadeUp .8s var(--ease) both;\r\n}\r\n.status-dot{width:6px;height:6px;border-radius:50%;background:var(--g1);animation:blink 2s ease-in-out infinite;flex-shrink:0}\r\n@keyframes blink{0%,100%{box-shadow:0 0 0 0 rgba(6,255,142,.6)}50%{box-shadow:0 0 0 5px rgba(6,255,142,0)}}\r\n\r\n\/* H1 *\/\r\n.hero-h1{\r\n  font-family:var(--fh);font-weight:700;\r\n  font-size:clamp(2.6rem,5.5vw,5.5rem);\r\n  letter-spacing:-.04em;line-height:.98;\r\n  animation:fadeUp .9s .1s var(--ease) both;\r\n}\r\n.hero-h1 .line{display:block;overflow:hidden}\r\n.hero-h1 .line span{display:block;animation:slideUp .9s var(--ease) both}\r\n.hero-h1 .line:nth-child(2) span{animation-delay:.08s}\r\n.hero-h1 .line:nth-child(3) span{animation-delay:.16s}\r\n.hero-h1 .line:nth-child(4) span{animation-delay:.24s}\r\n\r\n.hero-sub{\r\n  font-size:clamp(1rem,1.5vw,1.15rem);color:var(--w2);\r\n  max-width:46ch;margin-top:1.5rem;line-height:1.7;font-weight:400;\r\n  animation:fadeUp .9s .3s var(--ease) both;\r\n}\r\n\r\n\/* Bullet checkmarks *\/\r\n.hero-checks{\r\n  display:flex;flex-direction:column;gap:.65rem;\r\n  margin-top:1.8rem;\r\n  animation:fadeUp .9s .4s var(--ease) both;\r\n}\r\n.hero-check{\r\n  display:flex;align-items:center;gap:.7rem;\r\n  font-size:.92rem;color:var(--w2);font-weight:500;\r\n}\r\n.hero-check-ic{\r\n  width:22px;height:22px;border-radius:6px;flex-shrink:0;\r\n  background:rgba(6,255,142,.1);border:1px solid rgba(6,255,142,.25);\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:.8rem;color:var(--g1);\r\n}\r\n\r\n.hero-ctas{\r\n  display:flex;flex-wrap:wrap;gap:.85rem;\r\n  margin-top:2.5rem;\r\n  animation:fadeUp .9s .5s var(--ease) both;\r\n}\r\n\r\n\/* Trust bar *\/\r\n.hero-trust{\r\n  display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;\r\n  margin-top:2.8rem;padding-top:2.2rem;\r\n  border-top:1px solid var(--border);\r\n  animation:fadeUp .9s .65s var(--ease) both;\r\n}\r\n.trust-stat{display:flex;flex-direction:column;gap:.15rem}\r\n.trust-val{\r\n  font-family:var(--fh);font-weight:700;font-size:1.4rem;line-height:1;\r\n  background:var(--grad-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.trust-lbl{font-family:var(--fm);font-size:.6rem;color:var(--w3);letter-spacing:.08em;text-transform:uppercase}\r\n.trust-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}\r\n\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\r\n   FLOATING DASHBOARD \u2014 Hero right\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 *\/\r\n.dash-float{\r\n  position:relative;width:100%;max-width:580px;\r\n  animation:fadeUp .9s .25s var(--ease) both;\r\n}\r\n\r\n\/* Main dashboard card *\/\r\n.df-card{\r\n  background:rgba(6,15,30,.92);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--r3);\r\n  overflow:hidden;\r\n  backdrop-filter:blur(24px);\r\n  box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px var(--border),var(--glow-c);\r\n  animation:float 6s ease-in-out infinite;\r\n}\r\n@keyframes float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.3deg)}}\r\n\r\n.df-top{\r\n  padding:.75rem 1.25rem;\r\n  border-bottom:1px solid var(--border);\r\n  display:flex;align-items:center;justify-content:space-between;\r\n}\r\n.df-dots{display:flex;gap:.4rem}\r\n.df-dot{width:10px;height:10px;border-radius:50%}\r\n.df-dot:nth-child(1){background:#ff5f56}\r\n.df-dot:nth-child(2){background:#febc2e}\r\n.df-dot:nth-child(3){background:#28c840}\r\n.df-title{font-family:var(--fm);font-size:.65rem;color:var(--w3);letter-spacing:.08em}\r\n.df-live{display:flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.62rem;color:var(--g1)}\r\n.df-live-dot{width:5px;height:5px;border-radius:50%;background:var(--g1);animation:blink 2s infinite}\r\n\r\n.df-body{padding:1.25rem}\r\n\r\n\/* Mini KPI row *\/\r\n.df-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem}\r\n.df-kpi{\r\n  background:rgba(255,255,255,.03);border:1px solid var(--border);\r\n  border-radius:var(--r);padding:.8rem .75rem;\r\n}\r\n.df-kpi-val{font-family:var(--fh);font-weight:700;font-size:1.2rem;line-height:1;margin-bottom:.2rem}\r\n.df-kpi-val.g{color:var(--g1)}.df-kpi-val.c{color:var(--c1)}.df-kpi-val.w{color:var(--w)}\r\n.df-kpi-lbl{font-family:var(--fm);font-size:.58rem;color:var(--w3);letter-spacing:.06em}\r\n.df-kpi-delta{font-family:var(--fm);font-size:.6rem;color:var(--g1);margin-top:.15rem}\r\n\r\n\/* Sparkline area *\/\r\n.df-chart-label{font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.07em;margin-bottom:.6rem}\r\n.df-chart{position:relative;height:80px;margin-bottom:1rem}\r\n.df-chart svg{width:100%;height:100%}\r\n\r\n\/* Mini bar chart bottom *\/\r\n.df-bars{display:flex;align-items:flex-end;gap:4px;height:48px;margin-bottom:1rem}\r\n.df-bar{\r\n  flex:1;border-radius:3px 3px 0 0;\r\n  animation:barUp 1.2s var(--ease) both;\r\n  transform-origin:bottom;\r\n}\r\n@keyframes barUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}\r\n\r\n\/* Donut + legend *\/\r\n.df-bottom{display:flex;align-items:center;gap:1.25rem;padding-top:.75rem;border-top:1px solid var(--border)}\r\n.df-legend{display:flex;flex-direction:column;gap:.4rem;flex:1}\r\n.df-leg-item{display:flex;align-items:center;gap:.45rem;font-family:var(--fm);font-size:.62rem;color:var(--w3)}\r\n.df-leg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}\r\n\r\n\/* Floating mini cards *\/\r\n.df-mini{\r\n  position:absolute;\r\n  background:rgba(6,15,30,.95);border:1px solid var(--border);\r\n  border-radius:var(--r2);padding:.85rem 1rem;\r\n  backdrop-filter:blur(20px);\r\n  box-shadow:0 20px 50px rgba(0,0,0,.5);\r\n  font-family:var(--fm);font-size:.62rem;\r\n}\r\n.df-mini-1{top:-32px;right:-32px;animation:float2 5s 1s ease-in-out infinite}\r\n.df-mini-2{bottom:-28px;left:-28px;animation:float3 5.5s .5s ease-in-out infinite}\r\n@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n@keyframes float3{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}\r\n.df-mini-label{color:var(--w3);letter-spacing:.07em;margin-bottom:.3rem}\r\n.df-mini-val{font-family:var(--fh);font-weight:700;font-size:1.1rem;color:var(--g1);line-height:1}\r\n.df-mini-sub{font-family:var(--fm);font-size:.58rem;color:var(--w3);margin-top:.15rem}\r\n.df-mini-badge{\r\n  display:inline-flex;align-items:center;gap:.3rem;\r\n  background:rgba(6,255,142,.1);border:1px solid rgba(6,255,142,.2);\r\n  border-radius:100px;padding:.15rem .5rem;\r\n  color:var(--g1);font-size:.58rem;margin-top:.4rem;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\r\n@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}\r\n\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\r\n   LOGOS STRIP\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 *\/\r\n.logos-sec{\r\n  padding:40px 0;\r\n  background:var(--bg1);\r\n  border-top:1px solid var(--border);\r\n  border-bottom:1px solid var(--border);\r\n}\r\n.logos-label{\r\n  text-align:center;font-family:var(--fm);font-size:.68rem;\r\n  letter-spacing:.12em;text-transform:uppercase;color:var(--w3);\r\n  margin-bottom:2rem;\r\n}\r\n.logos-grid{\r\n  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;\r\n  background:var(--border);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;\r\n}\r\n.logo-pill{\r\n  background:var(--bg1);padding:1.25rem 1.5rem;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:var(--fh);font-weight:700;font-size:.95rem;\r\n  color:var(--w3);letter-spacing:.01em;\r\n  transition:background .3s,color .3s;\r\n}\r\n.logo-pill:hover{background:var(--bg2);color:var(--w)}\r\n\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\r\n   METRICS STRIP\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 *\/\r\n.metrics-strip{padding:80px 0;background:var(--bg0)}\r\n.metrics-grid{\r\n  display:grid;grid-template-columns:repeat(4,1fr);\r\n  gap:1px;background:var(--border);\r\n  border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;\r\n}\r\n.metric-box{\r\n  background:var(--bg1);padding:2.5rem 2rem;text-align:center;\r\n  position:relative;overflow:hidden;\r\n  transition:background .4s;\r\n}\r\n.metric-box::before{\r\n  content:'';position:absolute;bottom:0;left:0;right:0;\r\n  height:2px;background:var(--grad-g);\r\n  transform:scaleX(0);transition:transform .4s var(--ease);transform-origin:left;\r\n}\r\n.metric-box:hover{background:var(--bg2)}\r\n.metric-box:hover::before{transform:scaleX(1)}\r\n.metric-val{\r\n  font-family:var(--fh);font-weight:700;\r\n  font-size:clamp(2.4rem,4vw,3.8rem);line-height:1;letter-spacing:-.04em;\r\n  background:var(--grad-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n  margin-bottom:.6rem;\r\n}\r\n.metric-lbl{font-family:var(--fh);font-weight:600;font-size:1rem;color:var(--w);margin-bottom:.3rem}\r\n.metric-desc{font-size:.82rem;color:var(--w3);line-height:1.5}\r\n\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\r\n   SERVICES\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 *\/\r\n.services-grid{\r\n  display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;\r\n  margin-top:3.5rem;\r\n}\r\n.svc-card{\r\n  background:var(--glass);border:1px solid var(--border);\r\n  border-radius:var(--r3);padding:2.5rem;\r\n  position:relative;overflow:hidden;\r\n  transition:transform .4s var(--spring),border-color .35s,box-shadow .4s,background .35s;\r\n}\r\n.svc-card::before{\r\n  content:'';position:absolute;inset:0;border-radius:inherit;\r\n  background:var(--grad-g);opacity:0;transition:opacity .4s;z-index:0;\r\n}\r\n.svc-card:hover{transform:translateY(-8px);border-color:rgba(6,255,142,.22);box-shadow:var(--glow-g);background:rgba(6,255,142,.03)}\r\n.svc-card:hover::before{opacity:.04}\r\n.svc-inner{position:relative;z-index:1}\r\n\r\n.svc-icon{\r\n  width:52px;height:52px;border-radius:14px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.4rem;margin-bottom:1.5rem;\r\n  flex-shrink:0;\r\n}\r\n.svc-icon-g{background:rgba(6,255,142,.08);border:1px solid rgba(6,255,142,.15)}\r\n.svc-icon-c{background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.15)}\r\n\r\n.svc-card h3{font-family:var(--fh);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;margin-bottom:.6rem}\r\n.svc-card p{font-size:.88rem;color:var(--w2);line-height:1.65;margin-bottom:1.4rem}\r\n.svc-outcome{\r\n  background:rgba(6,255,142,.06);border:1px solid rgba(6,255,142,.15);\r\n  border-radius:var(--r);padding:.7rem 1rem;\r\n  font-family:var(--fm);font-size:.68rem;color:var(--g1);letter-spacing:.04em;\r\n  line-height:1.55;\r\n}\r\n.svc-outcome::before{content:'\u2197 ';font-weight:700}\r\n.svc-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.25rem}\r\n.svc-li{\r\n  display:flex;align-items:center;gap:.6rem;\r\n  font-size:.85rem;color:var(--w2);\r\n}\r\n.svc-li::before{content:'\u2713';color:var(--g1);font-weight:700;flex-shrink:0;font-size:.8rem}\r\n\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\r\n   INDUSTRIES\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 *\/\r\n.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-top:3.5rem}\r\n.ind-box{\r\n  background:var(--bg2);padding:2rem 1.75rem;\r\n  transition:background .35s;position:relative;overflow:hidden;\r\n}\r\n.ind-box::after{\r\n  content:'';position:absolute;top:0;left:0;right:0;height:2px;\r\n  background:var(--grad-g);transform:scaleX(0);transform-origin:left;\r\n  transition:transform .4s var(--ease);\r\n}\r\n.ind-box:hover{background:var(--bg3)}\r\n.ind-box:hover::after{transform:scaleX(1)}\r\n.ind-icon{font-size:2rem;margin-bottom:1rem}\r\n.ind-box h3{font-family:var(--fh);font-weight:700;font-size:1.05rem;margin-bottom:.5rem}\r\n.ind-box p{font-size:.82rem;color:var(--w3);line-height:1.6}\r\n.ind-tag{\r\n  margin-top:1rem;font-family:var(--fm);font-size:.6rem;\r\n  color:var(--c1);letter-spacing:.06em;\r\n  display:flex;align-items:center;gap:.35rem;\r\n}\r\n.ind-tag::before{content:'';width:12px;height:1px;background:var(--c1)}\r\n\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\r\n   CASE STUDIES\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 *\/\r\n.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}\r\n.case-card{\r\n  border:1px solid var(--border);border-radius:var(--r3);\r\n  background:var(--glass2);overflow:hidden;\r\n  transition:transform .45s var(--spring),border-color .35s,box-shadow .45s;\r\n  display:flex;flex-direction:column;\r\n}\r\n.case-card:hover{transform:translateY(-10px);border-color:rgba(0,212,255,.25);box-shadow:var(--glow-c)}\r\n.case-thumb{\r\n  height:160px;position:relative;overflow:hidden;\r\n  flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n}\r\n.case-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--bg1))}\r\n.case-tag{\r\n  position:absolute;top:.85rem;left:.85rem;\r\n  font-family:var(--fm);font-size:.6rem;letter-spacing:.09em;\r\n  padding:.22rem .6rem;border-radius:6px;\r\n  background:rgba(6,255,142,.1);color:var(--g1);border:1px solid rgba(6,255,142,.2);\r\n}\r\n.case-result{\r\n  position:absolute;bottom:.85rem;right:.85rem;\r\n  font-family:var(--fh);font-weight:700;font-size:1.3rem;color:var(--g1);\r\n}\r\n.case-body{padding:1.6rem;flex:1;display:flex;flex-direction:column}\r\n.case-problem{font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.08em;margin-bottom:.6rem;text-transform:uppercase}\r\n.case-body h3{font-family:var(--fh);font-weight:700;font-size:1rem;letter-spacing:-.01em;margin-bottom:.55rem;line-height:1.3}\r\n.case-body p{font-size:.83rem;color:var(--w2);line-height:1.6;flex:1}\r\n.case-metrics{\r\n  display:flex;gap:1.25rem;margin-top:1.2rem;padding-top:1.2rem;\r\n  border-top:1px solid var(--border);\r\n}\r\n.case-m-val{font-family:var(--fh);font-weight:700;font-size:1.3rem;color:var(--g1);line-height:1}\r\n.case-m-lbl{font-family:var(--fm);font-size:.58rem;color:var(--w3);letter-spacing:.05em;margin-top:.15rem}\r\n.case-cta{\r\n  display:inline-flex;align-items:center;gap:.35rem;\r\n  margin-top:1rem;font-family:var(--fh);font-weight:700;font-size:.8rem;color:var(--c1);\r\n  transition:gap .3s var(--spring);\r\n}\r\n.case-card:hover .case-cta{gap:.6rem}\r\n\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\r\n   FEATURES \/ VALUE PROPS\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 *\/\r\n.features-grid{\r\n  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;\r\n  background:var(--border);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;\r\n  margin-top:3.5rem;\r\n}\r\n.feat-box{\r\n  background:var(--bg1);padding:2.5rem;\r\n  position:relative;overflow:hidden;\r\n  transition:background .35s;\r\n}\r\n.feat-box:hover{background:var(--bg2)}\r\n.feat-num{\r\n  font-family:var(--fm);font-size:2.5rem;font-weight:500;\r\n  color:rgba(6,255,142,.08);position:absolute;top:1rem;right:1.5rem;\r\n  line-height:1;letter-spacing:-.05em;\r\n}\r\n.feat-icon{\r\n  width:48px;height:48px;border-radius:12px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.3rem;margin-bottom:1.25rem;\r\n}\r\n.feat-icon-g{background:rgba(6,255,142,.08);border:1px solid rgba(6,255,142,.15)}\r\n.feat-icon-c{background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.15)}\r\n.feat-box h3{font-family:var(--fh);font-weight:700;font-size:1.1rem;margin-bottom:.55rem}\r\n.feat-box p{font-size:.85rem;color:var(--w3);line-height:1.65}\r\n.feat-stat{\r\n  margin-top:1.25rem;\r\n  font-family:var(--fh);font-weight:700;font-size:1.6rem;letter-spacing:-.03em;\r\n  background:var(--grad-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.feat-stat-lbl{font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.06em}\r\n\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\r\n   PROCESS SECTION\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 *\/\r\n.process-steps{\r\n  display:grid;grid-template-columns:repeat(4,1fr);gap:0;\r\n  margin-top:4rem;position:relative;\r\n}\r\n.process-steps::before{\r\n  content:'';position:absolute;\r\n  top:2.8rem;left:calc(12.5%);right:calc(12.5%);\r\n  height:1px;background:linear-gradient(to right,var(--g1) 0%,var(--c1) 50%,rgba(0,212,255,0) 100%);\r\n  z-index:0;\r\n}\r\n.pstep{padding:0 1.5rem;position:relative;z-index:1}\r\n.pstep-num{\r\n  width:56px;height:56px;border-radius:50%;\r\n  background:var(--bg0);border:2px solid var(--g2);\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:var(--fh);font-weight:700;font-size:1.1rem;color:var(--g1);\r\n  margin-bottom:1.5rem;\r\n  transition:box-shadow .35s,border-color .35s;\r\n}\r\n.pstep:hover .pstep-num{border-color:var(--g1);box-shadow:var(--glow-g)}\r\n.pstep h3{font-family:var(--fh);font-weight:700;font-size:1rem;margin-bottom:.5rem}\r\n.pstep p{font-size:.83rem;color:var(--w3);line-height:1.6}\r\n.pstep-time{font-family:var(--fm);font-size:.62rem;color:var(--g1);margin-top:.6rem;letter-spacing:.05em}\r\n\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\r\n   ANALYTICS DASHBOARD SECTION\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 *\/\r\n.analytic-showcase{\r\n  background:rgba(6,15,30,.95);border:1px solid var(--border);\r\n  border-radius:var(--r3);overflow:hidden;\r\n  box-shadow:0 40px 100px rgba(0,0,0,.5),var(--glow-c);\r\n  margin-top:3.5rem;\r\n}\r\n.as-topbar{\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:1rem 1.5rem;border-bottom:1px solid var(--border);\r\n  background:rgba(255,255,255,.02);\r\n}\r\n.as-dots{display:flex;gap:.4rem}\r\n.as-dot{width:10px;height:10px;border-radius:50%}\r\n.as-dot:nth-child(1){background:#ff5f56}\r\n.as-dot:nth-child(2){background:#febc2e}\r\n.as-dot:nth-child(3){background:#28c840}\r\n.as-title{font-family:var(--fm);font-size:.65rem;color:var(--w3);letter-spacing:.08em}\r\n.as-badge{\r\n  display:flex;align-items:center;gap:.35rem;\r\n  font-family:var(--fm);font-size:.62rem;color:var(--g1);\r\n  background:rgba(6,255,142,.08);border:1px solid rgba(6,255,142,.15);\r\n  border-radius:100px;padding:.2rem .6rem;\r\n}\r\n.as-live-dot{width:5px;height:5px;border-radius:50%;background:var(--g1);animation:blink 2s infinite}\r\n\r\n.as-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border)}\r\n.as-panel{background:var(--bg1);padding:1.5rem}\r\n\r\n\/* Panel 1 \u2014 KPI grid *\/\r\n.as-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}\r\n.as-kpi{\r\n  padding:.9rem;border:1px solid var(--border);border-radius:var(--r);\r\n  background:var(--bg0);\r\n}\r\n.as-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}\r\n.as-kpi-lbl{font-family:var(--fm);font-size:.58rem;color:var(--w3);letter-spacing:.06em}\r\n.as-kpi-chg{font-family:var(--fm);font-size:.58rem}\r\n.as-kpi-chg.up{color:var(--g1)}.as-kpi-chg.dn{color:#ff6b6b}\r\n.as-kpi-val{font-family:var(--fh);font-weight:700;font-size:1.3rem;line-height:1;color:var(--w)}\r\n\r\n\/* Panel 2 \u2014 area chart *\/\r\n.as-chart-label{font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.07em;margin-bottom:.75rem}\r\n.as-area{width:100%;height:120px}\r\n\r\n\/* Panel 3 \u2014 donut + table *\/\r\n.as-table{width:100%;border-collapse:collapse;margin-top:.75rem}\r\n.as-table th{font-family:var(--fm);font-size:.58rem;color:var(--w3);letter-spacing:.07em;padding:.4rem 0;border-bottom:1px solid var(--border);text-align:left}\r\n.as-table td{font-size:.78rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.03)}\r\n.as-table td:last-child{text-align:right;font-family:var(--fm);font-size:.7rem}\r\n.as-badge-g{color:var(--g1)}.as-badge-c{color:var(--c1)}.as-badge-w{color:var(--w2)}\r\n\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\r\n   TESTIMONIALS\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 *\/\r\n.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}\r\n.test-card{\r\n  background:var(--glass);border:1px solid var(--border);\r\n  border-radius:var(--r3);padding:2rem;\r\n  transition:transform .4s var(--spring),border-color .35s,box-shadow .4s;\r\n}\r\n.test-card:hover{transform:translateY(-6px);border-color:rgba(6,255,142,.2);box-shadow:var(--glow-g)}\r\n.test-stars{display:flex;gap:.2rem;margin-bottom:1.2rem}\r\n.test-star{color:var(--g1);font-size:.9rem}\r\n.test-quote{font-size:.9rem;color:var(--w2);line-height:1.7;font-style:italic;margin-bottom:1.5rem}\r\n.test-quote::before{content:'\"';color:var(--g1);font-size:1.5rem;font-style:normal;line-height:0;vertical-align:-.3rem;margin-right:.2rem}\r\n.test-client{display:flex;align-items:center;gap:.85rem}\r\n.test-avatar{\r\n  width:40px;height:40px;border-radius:50%;flex-shrink:0;\r\n  background:var(--grad-g);display:flex;align-items:center;justify-content:center;\r\n  font-family:var(--fh);font-weight:700;font-size:.85rem;color:var(--bg0);\r\n}\r\n.test-name{font-family:var(--fh);font-weight:700;font-size:.88rem;margin-bottom:.1rem}\r\n.test-co{font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.05em}\r\n\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\r\n   FAQ\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 *\/\r\n.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:3.5rem}\r\n.faq-left h2{font-family:var(--fh);font-weight:700;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}\r\n.faq-left p{color:var(--w3);font-size:.95rem;line-height:1.7;margin-bottom:2rem}\r\n.faq-list{display:flex;flex-direction:column;gap:.6rem}\r\n.faq-item{border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:border-color .3s}\r\n.faq-item.open{border-color:rgba(6,255,142,.25)}\r\n.faq-btn{\r\n  width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;\r\n  padding:1.25rem 1.5rem;background:var(--glass2);\r\n  transition:background .3s;cursor:none;\r\n}\r\n.faq-item.open .faq-btn{background:rgba(6,255,142,.04)}\r\n.faq-btn h3{font-family:var(--fh);font-weight:600;font-size:.95rem;letter-spacing:-.01em}\r\n.faq-ico{\r\n  width:24px;height:24px;border-radius:50%;border:1px solid var(--border);\r\n  display:flex;align-items:center;justify-content:center;\r\n  color:var(--g1);font-size:1rem;flex-shrink:0;\r\n  transition:transform .35s var(--ease),background .3s;\r\n}\r\n.faq-item.open .faq-ico{transform:rotate(45deg);background:rgba(6,255,142,.1)}\r\n.faq-ans{\r\n  max-height:0;overflow:hidden;padding:0 1.5rem;\r\n  font-size:.87rem;color:var(--w3);line-height:1.75;\r\n  transition:max-height .4s var(--ease),padding .35s;\r\n}\r\n.faq-item.open .faq-ans{max-height:300px;padding:.1rem 1.5rem 1.25rem}\r\n\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\r\n   FINAL CTA\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 *\/\r\n.cta-final{\r\n  padding:120px 0;\r\n  position:relative;overflow:hidden;\r\n}\r\n.cta-final::before{\r\n  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n  width:1000px;height:600px;border-radius:50%;\r\n  background:radial-gradient(ellipse,rgba(6,255,142,.07) 0%,rgba(0,212,255,.05) 40%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n.cta-box{\r\n  background:rgba(6,15,30,.9);\r\n  border:1px solid var(--border);border-radius:var(--r3);\r\n  padding:clamp(3.5rem,6vw,6rem);text-align:center;\r\n  position:relative;overflow:hidden;\r\n  backdrop-filter:blur(24px);\r\n}\r\n.cta-box::before{\r\n  content:'';position:absolute;inset:0;border-radius:inherit;\r\n  background:linear-gradient(135deg,rgba(6,255,142,.04),rgba(0,212,255,.04));\r\n}\r\n.cta-box-inner{position:relative;z-index:1}\r\n.cta-urgency{\r\n  display:inline-flex;align-items:center;gap:.55rem;\r\n  background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.2);\r\n  border-radius:100px;padding:.3rem .9rem;\r\n  font-family:var(--fm);font-size:.65rem;letter-spacing:.08em;color:#ff6b6b;\r\n  margin-bottom:1.5rem;\r\n}\r\n.cta-urg-dot{width:5px;height:5px;border-radius:50%;background:#ff6b6b;animation:blink 1.5s infinite}\r\n.cta-h2{font-family:var(--fh);font-weight:700;font-size:clamp(2rem,4.5vw,4rem);letter-spacing:-.04em;line-height:1.05;max-width:700px;margin:0 auto 1.25rem}\r\n.cta-sub{color:var(--w3);font-size:1.05rem;max-width:46ch;margin:0 auto 2.75rem;line-height:1.7}\r\n.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}\r\n.cta-note{font-family:var(--fm);font-size:.68rem;color:var(--w3);letter-spacing:.06em;margin-top:1.5rem}\r\n\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\r\n   FOOTER\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 *\/\r\nfooter{\r\n  background:var(--bg1);\r\n  border-top:1px solid var(--border);\r\n  padding:80px 0 40px;\r\n}\r\n.footer-grid{\r\n  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;\r\n  margin-bottom:4rem;\r\n}\r\n.foot-brand{}\r\n.foot-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}\r\n.foot-logo-text{font-family:var(--fh);font-weight:700;font-size:.95rem}\r\n.foot-logo-sub{font-family:var(--fm);font-size:.52rem;color:var(--g1);letter-spacing:.12em;display:block}\r\n.foot-desc{font-size:.87rem;color:var(--w3);line-height:1.7;max-width:30ch;margin-bottom:1.5rem}\r\n.foot-newsletter{display:flex;gap:.5rem}\r\n.foot-email{\r\n  flex:1;background:rgba(255,255,255,.05);border:1px solid var(--border);\r\n  border-radius:var(--r);padding:.65rem 1rem;color:var(--w);\r\n  font-family:var(--fb);font-size:.85rem;outline:none;\r\n  transition:border-color .3s;\r\n}\r\n.foot-email::placeholder{color:var(--w3)}\r\n.foot-email:focus{border-color:rgba(6,255,142,.35)}\r\n.foot-submit{\r\n  background:var(--grad-g);color:var(--bg0);\r\n  font-family:var(--fh);font-weight:700;font-size:.82rem;\r\n  padding:.65rem 1.1rem;border-radius:var(--r);\r\n  transition:transform .25s var(--spring),box-shadow .25s;cursor:pointer;white-space:nowrap;\r\n}\r\n.foot-submit:hover{transform:translateY(-2px);box-shadow:var(--glow-g)}\r\n.foot-col h4{font-family:var(--fh);font-weight:700;font-size:.9rem;margin-bottom:1.25rem;color:var(--w)}\r\n.foot-links{display:flex;flex-direction:column;gap:.65rem}\r\n.foot-links a{font-size:.85rem;color:var(--w3);transition:color .25s}\r\n.foot-links a:hover{color:var(--g1)}\r\n.foot-bottom{\r\n  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;\r\n  padding-top:2rem;border-top:1px solid var(--border);\r\n}\r\n.foot-copy{font-family:var(--fm);font-size:.68rem;color:var(--w3);letter-spacing:.06em}\r\n.foot-social{display:flex;gap:.75rem}\r\n.foot-soc{\r\n  width:34px;height:34px;border-radius:var(--r);\r\n  border:1px solid var(--border);background:var(--glass);\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:.85rem;color:var(--w3);\r\n  transition:border-color .25s,color .25s,background .25s,transform .25s var(--spring);\r\n}\r\n.foot-soc:hover{border-color:var(--g1);color:var(--g1);background:rgba(6,255,142,.06);transform:translateY(-3px)}\r\n.foot-trust{display:flex;align-items:center;gap:.75rem}\r\n.foot-badge{\r\n  font-family:var(--fm);font-size:.6rem;letter-spacing:.08em;\r\n  padding:.3rem .7rem;border-radius:6px;\r\n  border:1px solid var(--border);color:var(--w3);\r\n}\r\n\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\r\n   BACK TO TOP\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 *\/\r\n#btt{\r\n  position:fixed;bottom:2rem;right:2rem;\r\n  width:44px;height:44px;border-radius:50%;\r\n  background:var(--grad-g);display:flex;align-items:center;justify-content:center;\r\n  color:var(--bg0);font-size:1rem;z-index:999;\r\n  opacity:0;transform:translateY(20px) scale(.85);\r\n  transition:opacity .3s,transform .35s var(--spring);\r\n  box-shadow:var(--glow-g);cursor:none;\r\n}\r\n#btt.on{opacity:1;transform:none}\r\n\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\r\n   MOBILE NAV\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 *\/\r\n.mob-nav{\r\n  display:none;position:fixed;inset:0;z-index:999;\r\n  background:rgba(3,9,18,.98);backdrop-filter:blur(24px);\r\n  flex-direction:column;align-items:center;justify-content:center;gap:2rem;\r\n  font-family:var(--fh);font-size:1.5rem;font-weight:700;\r\n}\r\n.mob-nav.open{display:flex}\r\n.mob-nav a{color:var(--w);transition:color .25s}\r\n.mob-nav a:hover{color:var(--g1)}\r\n.mob-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.6rem;cursor:pointer;color:var(--w2)}\r\n\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\r\n   RESPONSIVE\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 *\/\r\n@media(max-width:1100px){\r\n  .hero-inner{grid-template-columns:1fr;min-height:auto}\r\n  .hero-right{display:none}\r\n  .nav-links{display:none}\r\n  .nav-mobile-btn{display:block}\r\n  .services-grid{grid-template-columns:1fr}\r\n  .cases-grid{grid-template-columns:1fr 1fr}\r\n  .ind-grid{grid-template-columns:repeat(2,1fr)}\r\n  .features-grid{grid-template-columns:1fr}\r\n  .process-steps::before{display:none}\r\n  .process-steps{grid-template-columns:1fr 1fr;gap:2rem}\r\n  .as-body{grid-template-columns:1fr 1fr}\r\n  .as-panel:last-child{grid-column:span 2}\r\n  .testimonials-grid{grid-template-columns:1fr 1fr}\r\n  .faq-cols{grid-template-columns:1fr}\r\n  .footer-grid{grid-template-columns:1fr 1fr}\r\n  .logos-grid{grid-template-columns:repeat(3,1fr)}\r\n  .metrics-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n\r\n@media(max-width:768px){\r\n  .sec{padding:70px 0}\r\n  .services-grid{grid-template-columns:1fr}\r\n  .cases-grid{grid-template-columns:1fr}\r\n  .ind-grid{grid-template-columns:1fr 1fr}\r\n  .process-steps{grid-template-columns:1fr}\r\n  .testimonials-grid{grid-template-columns:1fr}\r\n  .as-body{grid-template-columns:1fr}\r\n  .as-panel:last-child{grid-column:span 1}\r\n  .metrics-grid{grid-template-columns:1fr 1fr}\r\n  .logos-grid{grid-template-columns:1fr 1fr 1fr}\r\n  .footer-grid{grid-template-columns:1fr}\r\n  .foot-newsletter{flex-direction:column}\r\n  .cta-btns{flex-direction:column;align-items:center}\r\n  .features-grid{grid-template-columns:1fr}\r\n  .hero-ctas{flex-direction:column}\r\n  .btn-primary,.btn-ghost{justify-content:center;width:100%}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- CURSOR -->\r\n<div id=\"cursor\"><\/div>\r\n<div id=\"cursor-ring\"><\/div>\r\n<div id=\"prog\"><\/div>\r\n<button id=\"btt\" aria-label=\"Back to top\">\u2191<\/button>\r\n\r\n<!-- MOBILE NAV -->\r\n<nav class=\"mob-nav\" id=\"mob-nav\" aria-label=\"Mobile navigation\">\r\n  <span class=\"mob-close\" onclick=\"closeMob()\" aria-label=\"Close menu\">\u2715<\/span>\r\n  <a href=\"#services\" onclick=\"closeMob()\">Services<\/a>\r\n  <a href=\"#industries\" onclick=\"closeMob()\">Industries<\/a>\r\n  <a href=\"#case-studies\" onclick=\"closeMob()\">Case Studies<\/a>\r\n  <a href=\"#process\" onclick=\"closeMob()\">Process<\/a>\r\n  <a href=\"#faq\" onclick=\"closeMob()\">FAQ<\/a>\r\n  <a href=\"#contact\" class=\"btn-primary\" style=\"font-size:1rem\" onclick=\"closeMob()\">Book Free Consultation<\/a>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<header id=\"nav\" role=\"banner\">\r\n  <div class=\"nav-inner\">\r\n    <a href=\"https:\/\/ccpl.ai\" class=\"nav-logo\" aria-label=\"Confrontiers Conclave home\">\r\n      <svg class=\"nav-logo-mark\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" aria-hidden=\"true\">\r\n        <defs><linearGradient id=\"ngl\" x1=\"0\" y1=\"0\" x2=\"36\" y2=\"36\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#06ff8e\"\/><stop offset=\"1\" stop-color=\"#00d4ff\"\/><\/linearGradient><\/defs>\r\n        <path d=\"M18 3L7 9.5V19C7 25 12 30.5 18 32C24 30.5 29 25 29 19V9.5Z\" fill=\"url(#ngl)\" opacity=\".1\"\/>\r\n        <path d=\"M12 15.5L18 7L24 15.5L18 21Z\" fill=\"url(#ngl)\"\/>\r\n        <path d=\"M9 20L18 27L27 20\" stroke=\"url(#ngl)\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n      <\/svg>\r\n      <div>\r\n        <div class=\"nav-logo-text\">CONFRONTIERS CONCLAVE<\/div>\r\n        <span class=\"nav-logo-sub\">CCPL.AI<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <nav class=\"nav-links\" aria-label=\"Main navigation\">\r\n      <a href=\"#services\">Services<\/a>\r\n      <a href=\"#industries\">Industries<\/a>\r\n      <a href=\"#case-studies\">Case Studies<\/a>\r\n      <a href=\"#process\">Process<\/a>\r\n      <a href=\"#faq\">FAQ<\/a>\r\n    <\/nav>\r\n\r\n    <a href=\"#contact\" class=\"nav-cta\" aria-label=\"Book a free consultation\">\r\n      Book Free Consultation <em class=\"arr\" aria-hidden=\"true\">\u2192<\/em>\r\n    <\/a>\r\n    <button class=\"nav-mobile-btn\" onclick=\"openMob()\" aria-label=\"Open menu\" aria-expanded=\"false\">\u2630<\/button>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO SECTION\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 -->\r\n<section id=\"hero\" aria-label=\"Hero \u2014 AI & Data Analytics Solutions\">\r\n  <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero-inner\">\r\n    <!-- LEFT -->\r\n    <div class=\"hero-left\">\r\n      <div class=\"hero-status\" role=\"status\" aria-live=\"polite\">\r\n        <span class=\"status-dot\" aria-hidden=\"true\"><\/span>\r\n        Serving 200+ enterprises globally\r\n      <\/div>\r\n\r\n      <h1 class=\"hero-h1\" aria-label=\"AI and Data Analytics Solutions to Scale Your Business Faster\">\r\n        <span class=\"line\"><span>AI & Data<\/span><\/span>\r\n        <span class=\"line\"><span>Analytics to<\/span><\/span>\r\n        <span class=\"line\"><span>Scale Your<\/span><\/span>\r\n        <span class=\"line\"><span class=\"clip\">Business Faster<\/span><\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-sub\">\r\n        We engineer enterprise AI systems, data pipelines and business intelligence platforms that turn your data into measurable competitive advantage \u2014 fast.\r\n      <\/p>\r\n\r\n      <ul class=\"hero-checks\" aria-label=\"Core capabilities\">\r\n        <li class=\"hero-check\">\r\n          <div class=\"hero-check-ic\" aria-hidden=\"true\">\u2726<\/div>\r\n          Data Analytics & Business Intelligence\r\n        <\/li>\r\n        <li class=\"hero-check\">\r\n          <div class=\"hero-check-ic\" aria-hidden=\"true\">\u2726<\/div>\r\n          AI Automation & ML Pipelines\r\n        <\/li>\r\n        <li class=\"hero-check\">\r\n          <div class=\"hero-check-ic\" aria-hidden=\"true\">\u2726<\/div>\r\n          Predictive Insights & Decision Intelligence\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"hero-ctas\">\r\n        <a href=\"#contact\" class=\"btn-primary\" aria-label=\"Book your free consultation\">\r\n          Book Free Consultation <em class=\"arr\" aria-hidden=\"true\">\u2192<\/em>\r\n        <\/a>\r\n        <a href=\"#case-studies\" class=\"btn-ghost\" aria-label=\"View case studies\">\r\n          View Case Studies <em class=\"arr\" aria-hidden=\"true\">\u2193<\/em>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"hero-trust\" role=\"list\" aria-label=\"Trust metrics\">\r\n        <div class=\"trust-stat\" role=\"listitem\">\r\n          <span class=\"trust-val\" data-count=\"200\" data-sfx=\"+\">200+<\/span>\r\n          <span class=\"trust-lbl\">Enterprise Clients<\/span>\r\n        <\/div>\r\n        <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"trust-stat\" role=\"listitem\">\r\n          <span class=\"trust-val\" data-count=\"247\" data-sfx=\"%\">247%<\/span>\r\n          <span class=\"trust-lbl\">Avg Client ROI<\/span>\r\n        <\/div>\r\n        <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"trust-stat\" role=\"listitem\">\r\n          <span class=\"trust-val\" data-count=\"98\" data-sfx=\"%\">98%<\/span>\r\n          <span class=\"trust-lbl\">Client Satisfaction<\/span>\r\n        <\/div>\r\n        <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"trust-stat\" role=\"listitem\">\r\n          <span class=\"trust-val\" data-count=\"30\" data-sfx=\"%\">30%<\/span>\r\n          <span class=\"trust-lbl\">Avg Cost Reduction<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2014 Floating Dashboard -->\r\n    <div class=\"hero-right\">\r\n      <div class=\"dash-float\" aria-label=\"Enterprise analytics dashboard preview\">\r\n\r\n        <!-- Floating mini card \u2014 top right -->\r\n        <div class=\"df-mini df-mini-1\" aria-hidden=\"true\">\r\n          <div class=\"df-mini-label\">ROI GENERATED<\/div>\r\n          <div class=\"df-mini-val\">$4.2M<\/div>\r\n          <div class=\"df-mini-sub\">This quarter<\/div>\r\n          <div class=\"df-mini-badge\">\r\n            <span style=\"width:4px;height:4px;border-radius:50%;background:var(--g1);display:inline-block\"><\/span>\r\n            +247%\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Main dashboard -->\r\n        <div class=\"df-card\">\r\n          <div class=\"df-top\">\r\n            <div class=\"df-dots\" aria-hidden=\"true\">\r\n              <span class=\"df-dot\"><\/span><span class=\"df-dot\"><\/span><span class=\"df-dot\"><\/span>\r\n            <\/div>\r\n            <span class=\"df-title\">ENTERPRISE ANALYTICS PLATFORM<\/span>\r\n            <span class=\"df-live\"><span class=\"df-live-dot\" aria-hidden=\"true\"><\/span>LIVE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"df-body\">\r\n            <!-- KPIs -->\r\n            <div class=\"df-kpis\" role=\"list\" aria-label=\"Dashboard KPIs\">\r\n              <div class=\"df-kpi\" role=\"listitem\">\r\n                <div class=\"df-kpi-val g\">$12.4M<\/div>\r\n                <div class=\"df-kpi-lbl\">REVENUE IMPACT<\/div>\r\n                <div class=\"df-kpi-delta\">\u2191 34% vs last Q<\/div>\r\n              <\/div>\r\n              <div class=\"df-kpi\" role=\"listitem\">\r\n                <div class=\"df-kpi-val c\">98.7%<\/div>\r\n                <div class=\"df-kpi-lbl\">MODEL ACCURACY<\/div>\r\n                <div class=\"df-kpi-delta\">\u2191 2.3% this month<\/div>\r\n              <\/div>\r\n              <div class=\"df-kpi\" role=\"listitem\">\r\n                <div class=\"df-kpi-val w\">500TB<\/div>\r\n                <div class=\"df-kpi-lbl\">DATA PROCESSED<\/div>\r\n                <div class=\"df-kpi-delta\">\u2191 180TB new<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Chart label -->\r\n            <div class=\"df-chart-label\">REVENUE ANALYTICS \u2014 Q1 TO Q4<\/div>\r\n\r\n            <!-- SVG Sparkline -->\r\n            <div class=\"df-chart\" role=\"img\" aria-label=\"Revenue trend chart\">\r\n              <svg class=\"df-area-svg\" viewBox=\"0 0 520 80\" preserveAspectRatio=\"none\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <defs>\r\n                  <linearGradient id=\"hg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                    <stop offset=\"0%\" stop-color=\"#06ff8e\" stop-opacity=\".3\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#06ff8e\" stop-opacity=\"0\"\/>\r\n                  <\/linearGradient>\r\n                  <linearGradient id=\"hg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                    <stop offset=\"0%\" stop-color=\"#00d4ff\" stop-opacity=\".2\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#00d4ff\" stop-opacity=\"0\"\/>\r\n                  <\/linearGradient>\r\n                <\/defs>\r\n                <!-- Green area -->\r\n                <path d=\"M0 65 C40 55 80 50 130 42 C180 34 220 28 270 20 C320 12 360 10 410 8 C450 6 490 5 520 4 L520 80 L0 80 Z\" fill=\"url(#hg1)\"\/>\r\n                <path d=\"M0 65 C40 55 80 50 130 42 C180 34 220 28 270 20 C320 12 360 10 410 8 C450 6 490 5 520 4\" stroke=\"#06ff8e\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <!-- Blue area -->\r\n                <path d=\"M0 72 C40 68 80 62 130 58 C180 54 220 50 270 44 C320 38 360 34 410 28 C450 24 490 20 520 18 L520 80 L0 80 Z\" fill=\"url(#hg2)\"\/>\r\n                <path d=\"M0 72 C40 68 80 62 130 58 C180 54 220 50 270 44 C320 38 360 34 410 28 C450 24 490 20 520 18\" stroke=\"#00d4ff\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".7\"\/>\r\n                <!-- Data point -->\r\n                <circle cx=\"410\" cy=\"8\" r=\"4\" fill=\"#06ff8e\"\/>\r\n                <line x1=\"410\" y1=\"0\" x2=\"410\" y2=\"80\" stroke=\"rgba(6,255,142,.2)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <!-- Bars -->\r\n            <div class=\"df-bars\" role=\"img\" aria-label=\"Monthly performance bars\">\r\n              <div class=\"df-bar\" style=\"height:35%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.3;animation-delay:.05s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:50%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.45;animation-delay:.1s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:42%;background:linear-gradient(to top,#0099bb,#00d4ff);opacity:.4;animation-delay:.15s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:68%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.6;animation-delay:.2s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:75%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.75;animation-delay:.25s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:58%;background:linear-gradient(to top,#0099bb,#00d4ff);opacity:.55;animation-delay:.3s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:88%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.9;animation-delay:.35s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:94%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:1;animation-delay:.4s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:82%;background:linear-gradient(to top,#0099bb,#00d4ff);opacity:.8;animation-delay:.45s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:100%;background:linear-gradient(to top,#02a857,#06ff8e);animation-delay:.5s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:90%;background:linear-gradient(to top,#02a857,#06ff8e);opacity:.9;animation-delay:.55s\"><\/div>\r\n              <div class=\"df-bar\" style=\"height:96%;background:linear-gradient(to top,#0099bb,#00d4ff);opacity:.95;animation-delay:.6s\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Donut + legend -->\r\n            <div class=\"df-bottom\">\r\n              <svg width=\"72\" height=\"72\" viewBox=\"0 0 72 72\" aria-label=\"Service distribution\">\r\n                <circle cx=\"36\" cy=\"36\" r=\"28\" fill=\"none\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"10\"\/>\r\n                <circle cx=\"36\" cy=\"36\" r=\"28\" fill=\"none\" stroke=\"#06ff8e\" stroke-width=\"9\" stroke-dasharray=\"88 176\" stroke-linecap=\"round\" transform=\"rotate(-90 36 36)\"\/>\r\n                <circle cx=\"36\" cy=\"36\" r=\"28\" fill=\"none\" stroke=\"#00d4ff\" stroke-width=\"9\" stroke-dasharray=\"53 176\" stroke-dashoffset=\"-88\" stroke-linecap=\"round\" transform=\"rotate(-90 36 36)\"\/>\r\n                <circle cx=\"36\" cy=\"36\" r=\"28\" fill=\"none\" stroke=\"rgba(255,255,255,.12)\" stroke-width=\"9\" stroke-dasharray=\"35 176\" stroke-dashoffset=\"-141\" stroke-linecap=\"round\" transform=\"rotate(-90 36 36)\"\/>\r\n              <\/svg>\r\n              <div class=\"df-legend\">\r\n                <div class=\"df-leg-item\"><span class=\"df-leg-dot\" style=\"background:var(--g1)\"><\/span>Analytics \u2014 50%<\/div>\r\n                <div class=\"df-leg-item\"><span class=\"df-leg-dot\" style=\"background:var(--c1)\"><\/span>AI\/ML \u2014 30%<\/div>\r\n                <div class=\"df-leg-item\"><span class=\"df-leg-dot\" style=\"background:rgba(255,255,255,.2)\"><\/span>Cloud \u2014 20%<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating mini card bottom left -->\r\n        <div class=\"df-mini df-mini-2\" aria-hidden=\"true\">\r\n          <div class=\"df-mini-label\">COST SAVINGS<\/div>\r\n          <div class=\"df-mini-val\">30%<\/div>\r\n          <div class=\"df-mini-sub\">Avg reduction<\/div>\r\n          <div class=\"df-mini-badge\">\r\n            <span style=\"width:4px;height:4px;border-radius:50%;background:var(--g1);display:inline-block\"><\/span>\r\n            Verified\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CLIENT LOGOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"logos-sec\" aria-label=\"Trusted by leading companies\">\r\n  <div class=\"wrap\">\r\n    <div class=\"logos-label\">Trusted by leading enterprises worldwide<\/div>\r\n    <div class=\"logos-grid\" role=\"list\" aria-label=\"Partner companies\">\r\n      <div class=\"logo-pill\" role=\"listitem\">Verint<\/div>\r\n      <div class=\"logo-pill\" role=\"listitem\">NobiQ<\/div>\r\n      <div class=\"logo-pill\" role=\"listitem\">DeltaMine<\/div>\r\n      <div class=\"logo-pill\" role=\"listitem\">Azentio<\/div>\r\n      <div class=\"logo-pill\" role=\"listitem\">PaynGo<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 METRICS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"metrics-strip\" aria-label=\"Company performance metrics\">\r\n  <div class=\"wrap\">\r\n    <div class=\"metrics-grid\" role=\"list\">\r\n      <div class=\"metric-box rv\" role=\"listitem\">\r\n        <div class=\"metric-val\" data-count=\"200\" data-sfx=\"+\">200+<\/div>\r\n        <div class=\"metric-lbl\">Enterprise Clients<\/div>\r\n        <div class=\"metric-desc\">Across 12+ countries and 8 major industries<\/div>\r\n      <\/div>\r\n      <div class=\"metric-box rv d1\" role=\"listitem\">\r\n        <div class=\"metric-val\" data-count=\"98\" data-sfx=\"%\">98%<\/div>\r\n        <div class=\"metric-lbl\">Client Satisfaction<\/div>\r\n        <div class=\"metric-desc\">Measured across all active engagements<\/div>\r\n      <\/div>\r\n      <div class=\"metric-box rv d2\" role=\"listitem\">\r\n        <div class=\"metric-val\" data-count=\"30\" data-sfx=\"%\">30%<\/div>\r\n        <div class=\"metric-lbl\">Cost Reduction<\/div>\r\n        <div class=\"metric-desc\">Average operational cost savings delivered<\/div>\r\n      <\/div>\r\n      <div class=\"metric-box rv d3\" role=\"listitem\">\r\n        <div class=\"metric-val\" data-count=\"247\" data-sfx=\"%\">247%<\/div>\r\n        <div class=\"metric-lbl\">Average ROI<\/div>\r\n        <div class=\"metric-desc\">Measured within 12 months of deployment<\/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 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"services\" class=\"sec sec-alt\" aria-labelledby=\"svc-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\">\r\n      <span class=\"sec-label\">02 \u2014 Our Services<\/span>\r\n      <h2 class=\"sec-title\" id=\"svc-heading\" style=\"margin-top:.75rem\">\r\n        Enterprise AI Services<br\/><span class=\"clip\">That Drive Revenue<\/span>\r\n      <\/h2>\r\n      <p class=\"sec-sub\">Every service we deliver is engineered for one outcome: measurable business growth. No fluff, no vanity metrics.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\" role=\"list\">\r\n\r\n      <article class=\"svc-card rv\" role=\"listitem\" aria-label=\"Data Analytics service\">\r\n        <div class=\"svc-inner\">\r\n          <div class=\"svc-icon svc-icon-g\" aria-hidden=\"true\">\ud83d\udcca<\/div>\r\n          <h3>Data Analytics & BI<\/h3>\r\n          <p>Real-time and batch analytics pipelines that surface exactly the intelligence your decision-makers need \u2014 across every system in your enterprise.<\/p>\r\n          <ul class=\"svc-list\" aria-label=\"Capabilities\">\r\n            <li class=\"svc-li\">Real-time streaming dashboards & reporting<\/li>\r\n            <li class=\"svc-li\">Power BI, Tableau & custom BI platforms<\/li>\r\n            <li class=\"svc-li\">Data warehouse design & optimisation<\/li>\r\n            <li class=\"svc-li\">Self-serve analytics for non-technical teams<\/li>\r\n          <\/ul>\r\n          <div class=\"svc-outcome\">Clients cut reporting time by 80% and increase data-driven decisions by 3\u00d7<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"svc-card rv d1\" role=\"listitem\" aria-label=\"AI and ML service\">\r\n        <div class=\"svc-inner\">\r\n          <div class=\"svc-icon svc-icon-c\" aria-hidden=\"true\">\ud83e\udde0<\/div>\r\n          <h3>AI & ML Solutions<\/h3>\r\n          <p>Custom machine learning models, MLOps pipelines and AI automation systems built on your proprietary data \u2014 not generic models.<\/p>\r\n          <ul class=\"svc-list\" aria-label=\"Capabilities\">\r\n            <li class=\"svc-li\">Custom model training & fine-tuning<\/li>\r\n            <li class=\"svc-li\">NLP, computer vision & anomaly detection<\/li>\r\n            <li class=\"svc-li\">MLOps, monitoring & continuous retraining<\/li>\r\n            <li class=\"svc-li\">AI-powered process automation<\/li>\r\n          <\/ul>\r\n          <div class=\"svc-outcome\">Automate repetitive tasks and reduce operational costs by up to 60%<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"svc-card rv d2\" role=\"listitem\" aria-label=\"Business Intelligence service\">\r\n        <div class=\"svc-inner\">\r\n          <div class=\"svc-icon svc-icon-g\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\r\n          <h3>Business Intelligence<\/h3>\r\n          <p>End-to-end BI transformations \u2014 from fragmented data silos to a unified, trusted single source of truth powering your entire organisation.<\/p>\r\n          <ul class=\"svc-list\" aria-label=\"Capabilities\">\r\n            <li class=\"svc-li\">Azure Synapse, Fabric & Databricks<\/li>\r\n            <li class=\"svc-li\">KPI frameworks & executive dashboards<\/li>\r\n            <li class=\"svc-li\">Data governance & quality management<\/li>\r\n            <li class=\"svc-li\">Multi-cloud BI architecture<\/li>\r\n          <\/ul>\r\n          <div class=\"svc-outcome\">Achieve 360\u00b0 business visibility and reduce finance close cycles by 50%<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"svc-card rv d3\" role=\"listitem\" aria-label=\"Predictive Analytics service\">\r\n        <div class=\"svc-inner\">\r\n          <div class=\"svc-icon svc-icon-c\" aria-hidden=\"true\">\ud83c\udfaf<\/div>\r\n          <h3>Predictive Analytics<\/h3>\r\n          <p>Forecast demand, detect anomalies and predict outcomes before they happen \u2014 giving your team a sustainable competitive edge in any market.<\/p>\r\n          <ul class=\"svc-list\" aria-label=\"Capabilities\">\r\n            <li class=\"svc-li\">Demand forecasting & inventory optimisation<\/li>\r\n            <li class=\"svc-li\">Customer churn & LTV prediction<\/li>\r\n            <li class=\"svc-li\">Risk scoring & fraud detection<\/li>\r\n            <li class=\"svc-li\">Predictive maintenance & operations<\/li>\r\n          <\/ul>\r\n          <div class=\"svc-outcome\">Predict outcomes with 91%+ accuracy, reducing costly surprises by 76%<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INDUSTRIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"industries\" class=\"sec\" aria-labelledby=\"ind-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\">\r\n      <span class=\"sec-label\">03 \u2014 Industries We Serve<\/span>\r\n      <h2 class=\"sec-title\" id=\"ind-heading\" style=\"margin-top:.75rem\">\r\n        Built for Your<br\/><span class=\"clip\">Industry's Challenges<\/span>\r\n      <\/h2>\r\n      <p class=\"sec-sub\">Deep domain expertise across 8 major sectors. We speak your language, understand your compliance requirements, and know your KPIs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ind-grid rv\" role=\"list\">\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Healthcare industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83c\udfe5<\/div>\r\n        <h3>Healthcare<\/h3>\r\n        <p>Patient outcome prediction, clinical analytics, claims processing automation and HIPAA-compliant data infrastructure.<\/p>\r\n        <div class=\"ind-tag\">Reduce readmissions by 28%<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Finance industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83c\udfe6<\/div>\r\n        <h3>Finance & Banking<\/h3>\r\n        <p>Real-time fraud detection, risk modelling, regulatory compliance analytics and algorithmic trading intelligence systems.<\/p>\r\n        <div class=\"ind-tag\">Cut fraud losses by 68%<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Manufacturing industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83c\udfed<\/div>\r\n        <h3>Manufacturing<\/h3>\r\n        <p>Predictive maintenance, quality control vision systems, supply chain optimisation and OEE improvement analytics.<\/p>\r\n        <div class=\"ind-tag\">Reduce downtime by 45%<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"E-commerce industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83d\uded2<\/div>\r\n        <h3>E-Commerce<\/h3>\r\n        <p>Personalisation engines, demand forecasting, customer LTV prediction and conversion rate optimisation at scale.<\/p>\r\n        <div class=\"ind-tag\">Lift conversion 82%<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Oil and Gas industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\u26a1<\/div>\r\n        <h3>Oil & Gas<\/h3>\r\n        <p>Sensor data analytics, equipment failure prediction, safety monitoring and production optimisation intelligence.<\/p>\r\n        <div class=\"ind-tag\">Prevent $5M+ downtime<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Insurance industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/div>\r\n        <h3>Insurance<\/h3>\r\n        <p>Claims intelligence, underwriting automation, fraud detection and actuarial analytics platforms built for precision.<\/p>\r\n        <div class=\"ind-tag\">Speed claims 68% faster<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Real Estate industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83c\udfe2<\/div>\r\n        <h3>Real Estate<\/h3>\r\n        <p>Portfolio analytics, property valuation models, occupancy prediction and investor reporting intelligence platforms.<\/p>\r\n        <div class=\"ind-tag\">18% yield improvement<\/div>\r\n      <\/div>\r\n      <div class=\"ind-box\" role=\"listitem\" aria-label=\"Pharma industry\">\r\n        <div class=\"ind-icon\" aria-hidden=\"true\">\ud83d\udd2c<\/div>\r\n        <h3>Pharma & Life Sciences<\/h3>\r\n        <p>Drug discovery analytics, clinical trial intelligence, manufacturing QC vision and regulatory compliance systems.<\/p>\r\n        <div class=\"ind-tag\">91% defect detection rate<\/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 CASE STUDIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"case-studies\" class=\"sec sec-alt\" aria-labelledby=\"cs-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\">\r\n      <span class=\"sec-label\">04 \u2014 Case Studies<\/span>\r\n      <h2 class=\"sec-title\" id=\"cs-heading\" style=\"margin-top:.75rem\">\r\n        Proof Over<br\/><span class=\"clip\">Promises<\/span>\r\n      <\/h2>\r\n      <p class=\"sec-sub\">Real problems. Real solutions. Real numbers. Every case study is a story of measurable transformation.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cases-grid\" role=\"list\">\r\n\r\n      <article class=\"case-card rv\" role=\"listitem\" aria-label=\"FMCG case study\">\r\n        <div class=\"case-thumb\" style=\"background:linear-gradient(135deg,#041428,#082040)\">\r\n          <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 380 160\" aria-hidden=\"true\">\r\n            <rect x=\"20\" y=\"50\" width=\"26\" height=\"85\" rx=\"3\" fill=\"rgba(6,255,142,.2)\"\/>\r\n            <rect x=\"62\" y=\"68\" width=\"26\" height=\"67\" rx=\"3\" fill=\"rgba(0,212,255,.2)\"\/>\r\n            <rect x=\"104\" y=\"36\" width=\"26\" height=\"99\" rx=\"3\" fill=\"rgba(6,255,142,.4)\"\/>\r\n            <rect x=\"146\" y=\"60\" width=\"26\" height=\"75\" rx=\"3\" fill=\"rgba(0,212,255,.3)\"\/>\r\n            <rect x=\"188\" y=\"20\" width=\"26\" height=\"115\" rx=\"3\" fill=\"rgba(6,255,142,.65)\"\/>\r\n            <rect x=\"230\" y=\"44\" width=\"26\" height=\"91\" rx=\"3\" fill=\"rgba(0,212,255,.45)\"\/>\r\n            <rect x=\"272\" y=\"8\" width=\"26\" height=\"127\" rx=\"3\" fill=\"rgba(6,255,142,.9)\"\/>\r\n            <polyline points=\"33,92 75,77 117,58 159,70 201,40 243,56 285,26\" fill=\"none\" stroke=\"#06ff8e\" stroke-width=\"2\" opacity=\".7\"\/>\r\n          <\/svg>\r\n          <div class=\"case-thumb-overlay\"><\/div>\r\n          <div class=\"case-tag\">FMCG<\/div>\r\n          <div class=\"case-result\">\u221234%<\/div>\r\n        <\/div>\r\n        <div class=\"case-body\">\r\n          <div class=\"case-problem\">Client Problem<\/div>\r\n          <h3>FMCG retailer losing $2M+ annually to inventory mismanagement across 12 markets<\/h3>\r\n          <p>We built a unified demand forecasting platform with real-time analytics across all regions, eliminating blind spots and synchronising supply chain decisions.<\/p>\r\n          <div class=\"case-metrics\" aria-label=\"Results\">\r\n            <div><div class=\"case-m-val\">34%<\/div><div class=\"case-m-lbl\">Inventory Cost \u2193<\/div><\/div>\r\n            <div><div class=\"case-m-val\">$2.4M<\/div><div class=\"case-m-lbl\">Annual Savings<\/div><\/div>\r\n            <div><div class=\"case-m-val\">6mo<\/div><div class=\"case-m-lbl\">Time to ROI<\/div><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/ccpl.ai\/case-studies\/fmcg\/\" class=\"case-cta\" aria-label=\"Read full FMCG case study\">Read full story \u2192<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"case-card rv d1\" role=\"listitem\" aria-label=\"Insurance case study\">\r\n        <div class=\"case-thumb\" style=\"background:linear-gradient(135deg,#030e22,#051830)\">\r\n          <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 380 160\" aria-hidden=\"true\">\r\n            <circle cx=\"190\" cy=\"80\" r=\"55\" fill=\"none\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"12\"\/>\r\n            <circle cx=\"190\" cy=\"80\" r=\"55\" fill=\"none\" stroke=\"#06ff8e\" stroke-width=\"10\" stroke-dasharray=\"173 346\" stroke-linecap=\"round\" transform=\"rotate(-90 190 80)\"\/>\r\n            <circle cx=\"190\" cy=\"80\" r=\"55\" fill=\"none\" stroke=\"#00d4ff\" stroke-width=\"10\" stroke-dasharray=\"104 346\" stroke-dashoffset=\"-173\" stroke-linecap=\"round\" transform=\"rotate(-90 190 80)\"\/>\r\n            <text x=\"190\" y=\"75\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\" font-family=\"Familjen Grotesk,sans-serif\">Claims<\/text>\r\n            <text x=\"190\" y=\"92\" text-anchor=\"middle\" fill=\"#06ff8e\" font-size=\"12\" font-family=\"JetBrains Mono,monospace\">68% faster<\/text>\r\n          <\/svg>\r\n          <div class=\"case-thumb-overlay\"><\/div>\r\n          <div class=\"case-tag\">INSURANCE<\/div>\r\n          <div class=\"case-result\">$800K<\/div>\r\n        <\/div>\r\n        <div class=\"case-body\">\r\n          <div class=\"case-problem\">Client Problem<\/div>\r\n          <h3>Insurance firm processing 10,000+ claims manually, losing $800K+ annually to fraud<\/h3>\r\n          <p>AI-powered claims triage and fraud detection models slashed manual review time and flagged fraudulent claims with 94% precision from day one.<\/p>\r\n          <div class=\"case-metrics\" aria-label=\"Results\">\r\n            <div><div class=\"case-m-val\">68%<\/div><div class=\"case-m-lbl\">Processing Time \u2193<\/div><\/div>\r\n            <div><div class=\"case-m-val\">$800K<\/div><div class=\"case-m-lbl\">Fraud Prevented<\/div><\/div>\r\n            <div><div class=\"case-m-val\">94%<\/div><div class=\"case-m-lbl\">Model Precision<\/div><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/ccpl.ai\/case-studies\/insurance\/\" class=\"case-cta\" aria-label=\"Read full Insurance case study\">Read full story \u2192<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"case-card rv d2\" role=\"listitem\" aria-label=\"Oil and Gas case study\">\r\n        <div class=\"case-thumb\" style=\"background:linear-gradient(135deg,#020c1e,#051522)\">\r\n          <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 380 160\" aria-hidden=\"true\">\r\n            <path d=\"M20 145 L70 105 L120 118 L170 75 L220 88 L270 38 L320 52 L370 44\" fill=\"none\" stroke=\"#00d4ff\" stroke-width=\"2.5\"\/>\r\n            <path d=\"M20 145 L70 105 L120 118 L170 75 L220 88 L270 38 L320 52 L370 44 L370 155 L20 155 Z\" fill=\"rgba(0,212,255,.05)\"\/>\r\n            <circle cx=\"270\" cy=\"38\" r=\"5\" fill=\"#06ff8e\"\/>\r\n            <line x1=\"270\" y1=\"38\" x2=\"270\" y2=\"155\" stroke=\"rgba(6,255,142,.15)\" stroke-dasharray=\"4 3\" stroke-width=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"case-thumb-overlay\"><\/div>\r\n          <div class=\"case-tag\">OIL & GAS<\/div>\r\n          <div class=\"case-result\">$5.1M<\/div>\r\n        <\/div>\r\n        <div class=\"case-body\">\r\n          <div class=\"case-problem\">Client Problem<\/div>\r\n          <h3>Oil & gas operator losing $5M+ per year to unplanned equipment downtime at 3 facilities<\/h3>\r\n          <p>Real-time sensor analytics and predictive maintenance models across 200+ critical assets \u2014 alerting engineers 72 hours before failure events.<\/p>\r\n          <div class=\"case-metrics\" aria-label=\"Results\">\r\n            <div><div class=\"case-m-val\">$5.1M<\/div><div class=\"case-m-lbl\">Downtime Prevented<\/div><\/div>\r\n            <div><div class=\"case-m-val\">76%<\/div><div class=\"case-m-lbl\">Alert Accuracy<\/div><\/div>\r\n            <div><div class=\"case-m-val\">72h<\/div><div class=\"case-m-lbl\">Early Warning<\/div><\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/ccpl.ai\/case-studies\/oil-gas\/\" class=\"case-cta\" aria-label=\"Read full Oil and Gas case study\">Read full story \u2192<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURES \/ VALUE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"features\" class=\"sec\" aria-labelledby=\"feat-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\">\r\n      <span class=\"sec-label\">05 \u2014 Why CCPL<\/span>\r\n      <h2 class=\"sec-title\" id=\"feat-heading\" style=\"margin-top:.75rem\">\r\n        How We Help Your<br\/><span class=\"clip\">Business Grow<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n    <div class=\"features-grid rv\" role=\"list\">\r\n      <div class=\"feat-box\" role=\"listitem\">\r\n        <div class=\"feat-num\" aria-hidden=\"true\">01<\/div>\r\n        <div class=\"feat-icon feat-icon-g\" aria-hidden=\"true\">\u26a1<\/div>\r\n        <h3>Faster Decision Making<\/h3>\r\n        <p>Real-time dashboards and automated reporting eliminate the lag between data and action. Your leaders make better decisions, faster \u2014 every single day.<\/p>\r\n        <div class=\"feat-stat\" data-count=\"80\" data-sfx=\"%\">80%<\/div>\r\n        <div class=\"feat-stat-lbl\">FASTER REPORTING CYCLES<\/div>\r\n      <\/div>\r\n      <div class=\"feat-box\" role=\"listitem\">\r\n        <div class=\"feat-num\" aria-hidden=\"true\">02<\/div>\r\n        <div class=\"feat-icon feat-icon-c\" aria-hidden=\"true\">\ud83d\udcb0<\/div>\r\n        <h3>Measurable Cost Reduction<\/h3>\r\n        <p>AI automation removes costly manual processes, optimises resource allocation and surfaces waste you didn't know existed. Clients average 30% cost reduction.<\/p>\r\n        <div class=\"feat-stat\" data-count=\"30\" data-sfx=\"%\">30%<\/div>\r\n        <div class=\"feat-stat-lbl\">AVERAGE COST REDUCTION<\/div>\r\n      <\/div>\r\n      <div class=\"feat-box\" role=\"listitem\">\r\n        <div class=\"feat-num\" aria-hidden=\"true\">03<\/div>\r\n        <div class=\"feat-icon feat-icon-g\" aria-hidden=\"true\">\ud83c\udfaf<\/div>\r\n        <h3>Data-Driven Strategy<\/h3>\r\n        <p>Replace gut-feel decisions with predictive intelligence. Know what your customers need next, where risk is building, and where growth opportunities are hiding.<\/p>\r\n        <div class=\"feat-stat\" data-count=\"3\" data-sfx=\"\u00d7\">3\u00d7<\/div>\r\n        <div class=\"feat-stat-lbl\">MORE DATA-DRIVEN DECISIONS<\/div>\r\n      <\/div>\r\n      <div class=\"feat-box\" role=\"listitem\">\r\n        <div class=\"feat-num\" aria-hidden=\"true\">04<\/div>\r\n        <div class=\"feat-icon feat-icon-c\" aria-hidden=\"true\">\ud83d\udcd0<\/div>\r\n        <h3>Scalable Systems<\/h3>\r\n        <p>Built on enterprise cloud infrastructure that grows with you. From startup scale to petabyte volumes \u2014 the same architecture, no re-platforming required.<\/p>\r\n        <div class=\"feat-stat\">500TB+<\/div>\r\n        <div class=\"feat-stat-lbl\">DATA PROCESSED AT SCALE<\/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 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"process\" class=\"sec sec-alt\" aria-labelledby=\"proc-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin-inline:auto\">\r\n      <span class=\"sec-label\">06 \u2014 How We Work<\/span>\r\n      <h2 class=\"sec-title\" id=\"proc-heading\" style=\"margin-top:.75rem\">\r\n        From Discovery to<br\/><span class=\"clip\">Live in Weeks<\/span>\r\n      <\/h2>\r\n      <p class=\"sec-sub\" style=\"margin-inline:auto\">A proven delivery framework. No 12-month waterfall projects. You see results fast.<\/p>\r\n    <\/div>\r\n    <div class=\"process-steps rv\" role=\"list\">\r\n      <div class=\"pstep\" role=\"listitem\">\r\n        <div class=\"pstep-num\" aria-hidden=\"true\">01<\/div>\r\n        <h3>Discovery<\/h3>\r\n        <p>We audit your current data stack, infrastructure and business objectives. Identify the highest-impact opportunities and quick wins.<\/p>\r\n        <div class=\"pstep-time\">Week 1\u20132<\/div>\r\n      <\/div>\r\n      <div class=\"pstep rv d1\" role=\"listitem\">\r\n        <div class=\"pstep-num\" aria-hidden=\"true\">02<\/div>\r\n        <h3>Strategy<\/h3>\r\n        <p>Architecture blueprint, technology selection and phased delivery roadmap. Every decision tied to a specific business KPI.<\/p>\r\n        <div class=\"pstep-time\">Week 2\u20133<\/div>\r\n      <\/div>\r\n      <div class=\"pstep rv d2\" role=\"listitem\">\r\n        <div class=\"pstep-num\" aria-hidden=\"true\">03<\/div>\r\n        <h3>Implementation<\/h3>\r\n        <p>Sprint-based agile build with CI\/CD pipelines, QA gates and weekly demos. A working product in your hands within 4 weeks.<\/p>\r\n        <div class=\"pstep-time\">Week 4\u201312<\/div>\r\n      <\/div>\r\n      <div class=\"pstep rv d3\" role=\"listitem\">\r\n        <div class=\"pstep-num\" aria-hidden=\"true\">04<\/div>\r\n        <h3>Optimisation<\/h3>\r\n        <p>Post-launch monitoring, model retraining, quarterly business reviews and continuous improvement for compounding ROI.<\/p>\r\n        <div class=\"pstep-time\">Ongoing<\/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 ANALYTICS DASHBOARD SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"analytics\" class=\"sec\" aria-labelledby=\"anal-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\">\r\n      <span class=\"sec-label\">07 \u2014 Real Results<\/span>\r\n      <h2 class=\"sec-title\" id=\"anal-heading\" style=\"margin-top:.75rem\">\r\n        What Your Business<br\/><span class=\"clip\">Looks Like After CCPL<\/span>\r\n      <\/h2>\r\n      <p class=\"sec-sub\">A live view of the kind of intelligence platform we build \u2014 and the outcomes it drives.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"analytic-showcase rv\" aria-label=\"Enterprise analytics platform demo\">\r\n      <div class=\"as-topbar\">\r\n        <div class=\"as-dots\" aria-hidden=\"true\">\r\n          <span class=\"as-dot\"><\/span><span class=\"as-dot\"><\/span><span class=\"as-dot\"><\/span>\r\n        <\/div>\r\n        <span class=\"as-title\">CCPL ENTERPRISE INTELLIGENCE PLATFORM \u2014 CLIENT VIEW<\/span>\r\n        <span class=\"as-badge\"><span class=\"as-live-dot\" aria-hidden=\"true\"><\/span>LIVE DATA<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"as-body\">\r\n        <!-- Panel 1 \u2014 KPIs -->\r\n        <div class=\"as-panel\">\r\n          <div style=\"font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.08em;margin-bottom:.85rem\">KEY PERFORMANCE INDICATORS<\/div>\r\n          <div class=\"as-kpis\">\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">REVENUE<\/span>\r\n                <span class=\"as-kpi-chg up\">\u2191 34%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\">$12.4M<\/div>\r\n            <\/div>\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">COSTS<\/span>\r\n                <span class=\"as-kpi-chg up\">\u2193 30%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\">$3.1M<\/div>\r\n            <\/div>\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">MODEL ACC.<\/span>\r\n                <span class=\"as-kpi-chg up\">\u2191 2.3%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\">98.7%<\/div>\r\n            <\/div>\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">CHURN RISK<\/span>\r\n                <span class=\"as-kpi-chg dn\">\u2193 18%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\">4.2%<\/div>\r\n            <\/div>\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">ROI<\/span>\r\n                <span class=\"as-kpi-chg up\">\u2191 247%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\" style=\"color:var(--g1)\">247%<\/div>\r\n            <\/div>\r\n            <div class=\"as-kpi\">\r\n              <div class=\"as-kpi-top\">\r\n                <span class=\"as-kpi-lbl\">UPTIME<\/span>\r\n                <span class=\"as-kpi-chg up\">\u2191 99.1%<\/span>\r\n              <\/div>\r\n              <div class=\"as-kpi-val\" style=\"color:var(--c1)\">99.1%<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 2 \u2014 Area chart -->\r\n        <div class=\"as-panel\">\r\n          <div class=\"as-chart-label\">REVENUE TREND \u2014 LAST 12 MONTHS (PRE vs POST CCPL)<\/div>\r\n          <svg class=\"as-area\" viewBox=\"0 0 400 120\" preserveAspectRatio=\"none\" aria-label=\"Revenue trend comparison chart\">\r\n            <defs>\r\n              <linearGradient id=\"ag1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#06ff8e\" stop-opacity=\".4\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#06ff8e\" stop-opacity=\"0\"\/>\r\n              <\/linearGradient>\r\n              <linearGradient id=\"ag2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d4ff\" stop-opacity=\".25\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d4ff\" stop-opacity=\"0\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n            <!-- Pre CCPL (blue - lower) -->\r\n            <path d=\"M0 100 C30 98 60 94 100 90 C140 86 170 84 200 80 C230 76 260 72 300 70 C340 68 370 66 400 64 L400 120 L0 120 Z\" fill=\"url(#ag2)\"\/>\r\n            <path d=\"M0 100 C30 98 60 94 100 90 C140 86 170 84 200 80 C230 76 260 72 300 70 C340 68 370 66 400 64\" stroke=\"#00d4ff\" stroke-width=\"1.5\" opacity=\".7\"\/>\r\n            <!-- Post CCPL (green - higher) -->\r\n            <path d=\"M0 100 C30 90 60 78 100 68 C140 58 170 44 200 34 C230 24 260 16 300 10 C340 4 370 2 400 0 L400 120 L0 120 Z\" fill=\"url(#ag1)\"\/>\r\n            <path d=\"M0 100 C30 90 60 78 100 68 C140 58 170 44 200 34 C230 24 260 16 300 10 C340 4 370 2 400 0\" stroke=\"#06ff8e\" stroke-width=\"2\"\/>\r\n            <!-- CCPL deployment marker -->\r\n            <line x1=\"120\" y1=\"0\" x2=\"120\" y2=\"120\" stroke=\"rgba(6,255,142,.25)\" stroke-dasharray=\"4 3\" stroke-width=\"1\"\/>\r\n            <text x=\"124\" y=\"14\" fill=\"#06ff8e\" font-size=\"7\" font-family=\"JetBrains Mono,monospace\">CCPL Deployed<\/text>\r\n            <circle cx=\"120\" cy=\"68\" r=\"3\" fill=\"#06ff8e\"\/>\r\n          <\/svg>\r\n\r\n          <div style=\"display:flex;gap:1.5rem;margin-top:.75rem\">\r\n            <div style=\"display:flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.6rem;color:var(--w3)\">\r\n              <span style=\"width:20px;height:2px;background:var(--g1);border-radius:1px;display:block\"><\/span>Post CCPL\r\n            <\/div>\r\n            <div style=\"display:flex;align-items:center;gap:.4rem;font-family:var(--fm);font-size:.6rem;color:var(--w3)\">\r\n              <span style=\"width:20px;height:2px;background:var(--c1);border-radius:1px;display:block;opacity:.7\"><\/span>Pre CCPL\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 3 \u2014 table -->\r\n        <div class=\"as-panel\">\r\n          <div style=\"font-family:var(--fm);font-size:.62rem;color:var(--w3);letter-spacing:.08em;margin-bottom:.85rem\">SERVICE PERFORMANCE<\/div>\r\n          <table class=\"as-table\" aria-label=\"Service performance table\">\r\n            <thead>\r\n              <tr>\r\n                <th scope=\"col\">Service<\/th>\r\n                <th scope=\"col\">Status<\/th>\r\n                <th scope=\"col\">Perf.<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n              <tr><td>Analytics Pipeline<\/td><td><span class=\"as-badge-g\">\u25cf<\/span><\/td><td class=\"as-badge-g\">\u2191 99.8%<\/td><\/tr>\r\n              <tr><td>ML Models<\/td><td><span class=\"as-badge-g\">\u25cf<\/span><\/td><td class=\"as-badge-g\">\u2191 98.7%<\/td><\/tr>\r\n              <tr><td>BI Dashboards<\/td><td><span class=\"as-badge-g\">\u25cf<\/span><\/td><td class=\"as-badge-g\">\u2191 99.1%<\/td><\/tr>\r\n              <tr><td>Cloud Infra<\/td><td><span class=\"as-badge-g\">\u25cf<\/span><\/td><td class=\"as-badge-g\">\u2191 99.9%<\/td><\/tr>\r\n              <tr><td>Data Warehouse<\/td><td><span class=\"as-badge-c\">\u25cf<\/span><\/td><td class=\"as-badge-c\">\u2192 97.2%<\/td><\/tr>\r\n              <tr><td>Fraud Detection<\/td><td><span class=\"as-badge-g\">\u25cf<\/span><\/td><td class=\"as-badge-g\">\u2191 94.0%<\/td><\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"testimonials\" class=\"sec sec-alt\" aria-labelledby=\"test-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"rv\" style=\"text-align:center;max-width:600px;margin-inline:auto\">\r\n      <span class=\"sec-label\">08 \u2014 Client Stories<\/span>\r\n      <h2 class=\"sec-title\" id=\"test-heading\" style=\"margin-top:.75rem\">\r\n        What Our Clients<br\/><span class=\"clip\">Say About Results<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n    <div class=\"testimonials-grid\" role=\"list\">\r\n\r\n      <article class=\"test-card rv\" role=\"listitem\" aria-label=\"Testimonial from Sarah Chen\">\r\n        <div class=\"test-stars\" aria-label=\"5 star rating\">\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n        <\/div>\r\n        <p class=\"test-quote\">CCPL reduced our inventory costs by 34% in just 5 months. The demand forecasting platform they built is now core to how we operate. Best tech investment we've made in 5 years.<\/p>\r\n        <div class=\"test-client\">\r\n          <div class=\"test-avatar\" aria-hidden=\"true\">SC<\/div>\r\n          <div>\r\n            <div class=\"test-name\">Sarah Chen<\/div>\r\n            <div class=\"test-co\">COO \u2014 GlobalRetail FMCG<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"test-card rv d1\" role=\"listitem\" aria-label=\"Testimonial from Marcus Johnson\">\r\n        <div class=\"test-stars\" aria-label=\"5 star rating\">\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n        <\/div>\r\n        <p class=\"test-quote\">We went from manual claims reviews taking 4 days to AI-powered processing in under 6 hours. The fraud detection alone saved us $800K in year one. CCPL is a true partner, not just a vendor.<\/p>\r\n        <div class=\"test-client\">\r\n          <div class=\"test-avatar\" aria-hidden=\"true\">MJ<\/div>\r\n          <div>\r\n            <div class=\"test-name\">Marcus Johnson<\/div>\r\n            <div class=\"test-co\">VP Technology \u2014 Meridian Insurance<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"test-card rv d2\" role=\"listitem\" aria-label=\"Testimonial from Priya Sharma\">\r\n        <div class=\"test-stars\" aria-label=\"5 star rating\">\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span><span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n          <span class=\"test-star\" aria-hidden=\"true\">\u2605<\/span>\r\n        <\/div>\r\n        <p class=\"test-quote\">Our executive team now has a single real-time view of our entire 4,000-property portfolio. Decisions that used to take weeks now take minutes. The ROI was visible in the first quarter.<\/p>\r\n        <div class=\"test-client\">\r\n          <div class=\"test-avatar\" aria-hidden=\"true\">PS<\/div>\r\n          <div>\r\n            <div class=\"test-name\">Priya Sharma<\/div>\r\n            <div class=\"test-co\">CEO \u2014 Apex Real Estate Group<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"faq\" class=\"sec\" aria-labelledby=\"faq-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"faq-cols\">\r\n      <div class=\"faq-left rv\">\r\n        <span class=\"sec-label\">09 \u2014 FAQ<\/span>\r\n        <h2 id=\"faq-heading\" style=\"font-family:var(--fh);font-weight:700;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.03em;line-height:1.1;margin-top:.75rem margin-bottom:1rem\">\r\n          Everything You<br\/>Need to <span class=\"clip\">Know<\/span>\r\n        <\/h2>\r\n        <p style=\"color:var(--w3);font-size:.95rem;line-height:1.7;margin-top:1rem;margin-bottom:2rem;max-width:36ch\">\r\n          Straight answers to the questions your leadership team always asks before engaging us.\r\n        <\/p>\r\n        <a href=\"#contact\" class=\"btn-primary\" aria-label=\"Book your free consultation now\">\r\n          Book Free Consultation <em class=\"arr\" aria-hidden=\"true\">\u2192<\/em>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"faq-list rv d1\" role=\"list\">\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa1\"><h3>How quickly will we see results?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa1\">Most clients see measurable cost reductions within 60\u201390 days of going live. A working MVP is typically delivered within 4 weeks of project kickoff. Full ROI is usually realised within 6\u201318 months.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa2\"><h3>What is the typical investment range?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa2\">Engagements are scoped to your specific requirements. Projects range from targeted 8-week analytics implementations ($40K\u2013$80K) to full enterprise AI platform builds. We offer outcome-based pricing options for qualified clients \u2014 book a call to discuss.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa3\"><h3>What ROI can we realistically expect?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa3\">Our enterprise clients average 247% ROI within 12 months. Cost reduction averages 30%, while revenue impact from improved decisions and automation typically adds 15\u201340% uplift depending on your starting baseline and industry.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa4\"><h3>Do you support our existing tech stack?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa4\">Yes. We integrate natively with Microsoft Azure, AWS, Oracle, SAP, Salesforce, Databricks and 50+ enterprise systems. We build to your stack \u2014 not ours. No rip-and-replace required.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa5\"><h3>What does ongoing support look like?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa5\">All engagements include a dedicated customer success manager, monthly performance reviews, model retraining schedules, SLA-backed uptime monitoring and a shared Slack channel with your CCPL engineering team.<\/div>\r\n        <\/div>\r\n        <div class=\"faq-item\" role=\"listitem\">\r\n          <button class=\"faq-btn\" aria-expanded=\"false\" aria-controls=\"fa6\"><h3>Is our data safe and compliant?<\/h3><span class=\"faq-ico\" aria-hidden=\"true\">+<\/span><\/button>\r\n          <div class=\"faq-ans\" id=\"fa6\">All CCPL solutions are built to GDPR, SOC 2 Type II, HIPAA and ISO 27001 standards. Data residency, role-based access control and full audit trails are included \u2014 not optional add-ons.<\/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 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"contact\" class=\"cta-final\" aria-labelledby=\"cta-heading\">\r\n  <div class=\"wrap\">\r\n    <div class=\"cta-box rv\">\r\n      <div class=\"cta-box-inner\">\r\n        <div class=\"cta-urgency\">\r\n          <span class=\"cta-urg-dot\" aria-hidden=\"true\"><\/span>\r\n          Limited consultation slots available this month\r\n        <\/div>\r\n        <h2 class=\"cta-h2\" id=\"cta-heading\">\r\n          Ready to Transform<br\/>Your Business <span class=\"clip\">with AI?<\/span>\r\n        <\/h2>\r\n        <p class=\"cta-sub\">Book your free 45-minute strategy call. We'll audit your current data stack and show you exactly where AI can deliver measurable ROI \u2014 fast.<\/p>\r\n        <div class=\"cta-btns\">\r\n          <a href=\"https:\/\/ccpl.ai\/contact\/\" class=\"btn-primary\" aria-label=\"Book your free consultation\">\r\n            Book Free Consultation <em class=\"arr\" aria-hidden=\"true\">\u2192<\/em>\r\n          <\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/case-studies\/\" class=\"btn-ghost\" aria-label=\"View all case studies\">\r\n            View All Case Studies\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"cta-note\">No commitment required \u00b7 Free 45-min strategy call \u00b7 Results in 90 days<\/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 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer aria-label=\"Site footer\">\r\n  <div class=\"wrap\">\r\n    <div class=\"footer-grid\">\r\n\r\n      <div class=\"foot-brand\">\r\n        <div class=\"foot-logo\" aria-label=\"Confrontiers Conclave\">\r\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\r\n            <defs><linearGradient id=\"fgl\" x1=\"0\" y1=\"0\" x2=\"32\" y2=\"32\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#06ff8e\"\/><stop offset=\"1\" stop-color=\"#00d4ff\"\/><\/linearGradient><\/defs>\r\n            <path d=\"M16 3L6 9V17C6 22.5 10.5 27.5 16 29C21.5 27.5 26 22.5 26 17V9Z\" fill=\"url(#fgl)\" opacity=\".1\"\/>\r\n            <path d=\"M11 14L16 7L21 14L16 19Z\" fill=\"url(#fgl)\"\/>\r\n            <path d=\"M8 18.5L16 24.5L24 18.5\" stroke=\"url(#fgl)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\r\n          <\/svg>\r\n          <div>\r\n            <div class=\"foot-logo-text\">CONFRONTIERS CONCLAVE<\/div>\r\n            <span class=\"foot-logo-sub\">CCPL.AI<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"foot-desc\">Enterprise AI & Data Analytics solutions engineered for measurable business outcomes. 200+ clients. 247% avg ROI.<\/p>\r\n        <div class=\"foot-newsletter\" role=\"form\" aria-label=\"Newsletter signup\">\r\n          <label for=\"foot-email\" style=\"position:absolute;opacity:0;pointer-events:none\">Email address<\/label>\r\n          <input type=\"email\" id=\"foot-email\" class=\"foot-email\" placeholder=\"Work email\" aria-label=\"Your work email\" autocomplete=\"email\"\/>\r\n          <button class=\"foot-submit\" type=\"button\" onclick=\"handleNewsletter()\" aria-label=\"Subscribe to newsletter\">Subscribe<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"foot-col\">\r\n        <h4>Services<\/h4>\r\n        <nav class=\"foot-links\" aria-label=\"Services links\">\r\n          <a href=\"https:\/\/ccpl.ai\/services\/data-analytics\/\">Data Analytics<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/services\/ai-ml\/\">AI & ML Solutions<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/services\/bi\/\">Business Intelligence<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/services\/predictive-analytics\/\">Predictive Analytics<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/services\/cloud\/\">Cloud Applications<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/services\/b2b-migration\/\">B2B Migration<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <div class=\"foot-col\">\r\n        <h4>Company<\/h4>\r\n        <nav class=\"foot-links\" aria-label=\"Company links\">\r\n          <a href=\"https:\/\/ccpl.ai\/about\/\">About CCPL<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/case-studies\/\">Case Studies<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/industries\/\">Industries<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/partners\/\">Partners<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/careers\/\">Careers<\/a>\r\n          <a href=\"https:\/\/ccpl.ai\/blog\/\">Insights<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <div class=\"foot-col\">\r\n        <h4>Contact<\/h4>\r\n        <nav class=\"foot-links\" aria-label=\"Contact information\">\r\n          <a href=\"mailto:hello@ccpl.ai\" aria-label=\"Email hello@ccpl.ai\">hello@ccpl.ai<\/a>\r\n          <a href=\"tel:+19174209467\" aria-label=\"Call +1 917 420 9467\">+1 (917) 420-9467<\/a>\r\n          <address style=\"font-style:normal;color:var(--w3);font-size:.85rem;line-height:1.6\">520 W 45th St<br\/>New York, NY 10036<\/address>\r\n          <address style=\"font-style:normal;color:var(--w3);font-size:.85rem;line-height:1.6;margin-top:.5rem\">Hyderabad, Telangana<br\/>India 500081<\/address>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"foot-bottom\">\r\n      <div class=\"foot-copy\">\r\n        \u00a9 2025 Confrontiers Conclave Pvt Ltd. All rights reserved.\r\n      <\/div>\r\n      <div class=\"foot-trust\" aria-label=\"Compliance badges\">\r\n        <span class=\"foot-badge\">SOC 2 Type II<\/span>\r\n        <span class=\"foot-badge\">GDPR<\/span>\r\n        <span class=\"foot-badge\">ISO 27001<\/span>\r\n      <\/div>\r\n      <div class=\"foot-social\" aria-label=\"Social media links\">\r\n        <a href=\"https:\/\/linkedin.com\/company\/ccpl-ai\" class=\"foot-soc\" aria-label=\"LinkedIn\">in<\/a>\r\n        <a href=\"https:\/\/twitter.com\/ccpl_ai\" class=\"foot-soc\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n        <a href=\"https:\/\/github.com\/ccpl-ai\" class=\"foot-soc\" aria-label=\"GitHub\">\u2328<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\r\n(()=>{\r\n  const c=document.getElementById('cursor'),r=document.getElementById('cursor-ring');\r\n  if(!c||matchMedia('(pointer:coarse)').matches)return;\r\n  document.addEventListener('mousemove',e=>{\r\n    c.style.left=r.style.left=e.clientX+'px';\r\n    c.style.top=r.style.top=e.clientY+'px';\r\n  },{passive:true});\r\n  const hov='a,button,.svc-card,.case-card,.test-card,.faq-btn,.metric-box,.ind-box,.feat-box,.pstep,.foot-soc';\r\n  document.querySelectorAll(hov).forEach(el=>{\r\n    el.addEventListener('mouseenter',()=>{c.style.width=c.style.height='18px';c.style.background='var(--c1)';r.style.width=r.style.height='44px'});\r\n    el.addEventListener('mouseleave',()=>{c.style.width=c.style.height='8px';c.style.background='var(--g1)';r.style.width=r.style.height='30px'});\r\n  });\r\n})();\r\n\r\n\/* \u2500\u2500 NAV SCROLL \u2500\u2500 *\/\r\nconst nav=document.getElementById('nav');\r\nwindow.addEventListener('scroll',()=>{\r\n  nav.classList.toggle('scrolled',window.scrollY>60);\r\n},{passive:true});\r\n\r\n\/* \u2500\u2500 PROGRESS + BACK TO TOP \u2500\u2500 *\/\r\nconst prog=document.getElementById('prog'),btt=document.getElementById('btt');\r\nwindow.addEventListener('scroll',()=>{\r\n  const p=window.scrollY\/(document.documentElement.scrollHeight-innerHeight)*100;\r\n  prog.style.width=p+'%';\r\n  btt.classList.toggle('on',window.scrollY>600);\r\n},{passive:true});\r\nbtt.addEventListener('click',()=>window.scrollTo({top:0,behavior:'smooth'}));\r\n\r\n\/* \u2500\u2500 MOBILE NAV \u2500\u2500 *\/\r\nfunction openMob(){document.getElementById('mob-nav').classList.add('open')}\r\nfunction closeMob(){document.getElementById('mob-nav').classList.remove('open')}\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n(()=>{\r\n  const all=document.querySelectorAll('.rv');\r\n  const io=new IntersectionObserver(es=>{\r\n    es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}});\r\n  },{threshold:.1});\r\n  all.forEach(el=>io.observe(el));\r\n})();\r\n\r\n\/* \u2500\u2500 COUNTERS \u2500\u2500 *\/\r\n(()=>{\r\n  document.querySelectorAll('[data-count]').forEach(el=>{\r\n    const io=new IntersectionObserver(([e])=>{\r\n      if(!e.isIntersecting)return;io.unobserve(el);\r\n      const target=+el.dataset.count,sfx=el.dataset.sfx||'';\r\n      let t0=0;\r\n      const run=ts=>{\r\n        if(!t0)t0=ts;\r\n        const prog=Math.min((ts-t0)\/1800,1);\r\n        const ease=1-Math.pow(1-prog,3);\r\n        el.textContent=Math.round(ease*target)+sfx;\r\n        if(prog<1)requestAnimationFrame(run);\r\n      };\r\n      requestAnimationFrame(run);\r\n    },{threshold:.6});\r\n    io.observe(el);\r\n  });\r\n})();\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n(()=>{\r\n  document.querySelectorAll('.faq-btn').forEach(btn=>{\r\n    btn.addEventListener('click',()=>{\r\n      const item=btn.closest('.faq-item'),open=item.classList.contains('open');\r\n      document.querySelectorAll('.faq-item.open').forEach(i=>{\r\n        i.classList.remove('open');i.querySelector('.faq-btn').setAttribute('aria-expanded','false');\r\n      });\r\n      if(!open){item.classList.add('open');btn.setAttribute('aria-expanded','true')}\r\n    });\r\n  });\r\n})();\r\n\r\n\/* \u2500\u2500 GSAP \u2500\u2500 *\/\r\n(()=>{\r\n  if(!window.gsap||!window.ScrollTrigger)return;\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  \/* Stagger case cards *\/\r\n  gsap.from('.case-card',{\r\n    scrollTrigger:{trigger:'.cases-grid',start:'top 80%',once:true},\r\n    y:70,opacity:0,duration:.9,stagger:.12,ease:'power3.out'\r\n  });\r\n\r\n  \/* Stagger svc cards *\/\r\n  gsap.from('.svc-card',{\r\n    scrollTrigger:{trigger:'.services-grid',start:'top 80%',once:true},\r\n    y:60,opacity:0,duration:.85,stagger:.1,ease:'power3.out'\r\n  });\r\n\r\n  \/* Metric boxes *\/\r\n  gsap.from('.metric-box',{\r\n    scrollTrigger:{trigger:'.metrics-grid',start:'top 80%',once:true},\r\n    scale:.9,opacity:0,duration:.7,stagger:.08,ease:'back.out(2)'\r\n  });\r\n\r\n  \/* Hero floating card subtle pulse *\/\r\n  gsap.to('.df-card',{\r\n    y:-6,duration:3,yoyo:true,repeat:-1,ease:'sine.inOut'\r\n  });\r\n\r\n  \/* Process steps *\/\r\n  gsap.from('.pstep',{\r\n    scrollTrigger:{trigger:'.process-steps',start:'top 80%',once:true},\r\n    y:50,opacity:0,duration:.8,stagger:.15,ease:'power3.out'\r\n  });\r\n})();\r\n\r\n\/* \u2500\u2500 FORM HANDLERS \u2500\u2500 *\/\r\nfunction handleNewsletter(){\r\n  const inp=document.getElementById('foot-email'),v=inp.value.trim();\r\n  if(!v||!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v)){\r\n    inp.style.borderColor='#ff4444';inp.focus();\r\n    setTimeout(()=>inp.style.borderColor='',2500);return;\r\n  }\r\n  inp.value='Subscribed! \u2713';inp.disabled=true;\r\n  inp.style.color='var(--g1)';inp.style.borderColor='rgba(6,255,142,.3)';\r\n}\r\n\r\n\/* \u2500\u2500 PREFETCH \u2500\u2500 *\/\r\ndocument.querySelectorAll('a[href^=\"https:\/\/ccpl.ai\"]').forEach(a=>{\r\n  a.addEventListener('mouseenter',()=>{\r\n    const l=document.createElement('link');l.rel='prefetch';l.href=a.href;\r\n    document.head.appendChild(l);\r\n  },{once:true});\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Confrontiers Conclave | AI &#038; Data Analytics to Scale Your Business | CCPL.ai \u2191 \u2715 Services Industries Case Studies Process FAQ Book Free Consultation CONFRONTIERS CONCLAVE CCPL.AI Services Industries Case Studies Process FAQ Book Free Consultation \u2192 \u2630 Serving 200+ enterprises globally AI &#038; Data Analytics to Scale Your Business Faster We engineer enterprise AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":9,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}