{"id":153,"date":"2026-05-07T15:25:12","date_gmt":"2026-05-07T15:25:12","guid":{"rendered":"https:\/\/solidwiki.com\/?page_id=153"},"modified":"2026-05-08T05:59:00","modified_gmt":"2026-05-08T05:59:00","slug":"demo-3","status":"publish","type":"page","link":"https:\/\/solidwiki.com\/index.php\/demo-3\/","title":{"rendered":"Demo 3"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCCPL.AI \u2014 AI & Data Analytics Solutions<\/title>\r\n<meta name=\"description\" content=\"CCPL.AI \u2014 Premium AI & Data Analytics Solutions. Power BI, ML, Cloud Engineering for growing businesses.\">\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=Cinzel:wght@400;500;600;700;900&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;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\u2550\u2550\u2550\r\n LUXURY TOKENS \u2014 CCPL.AI (UPDATED PALETTE)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n \/* BACKGROUNDS *\/\r\n --black: #020817;\r\n --black-deep: #020817;\r\n --black-card: #0A1224;\r\n --black-alt: #061126;\r\n\r\n \/* PRIMARY BRAND COLORS *\/\r\n --gold: #00D9FF;\r\n --gold-light: #0066FF;\r\n --gold-pale: #7B3EFF;\r\n --gold-dim: #8FA3BF;\r\n\r\n \/* GLOWS & BORDERS *\/\r\n --gold-glow: rgba(0, 217, 255, 0.18);\r\n --gold-border: rgba(0, 217, 255, 0.20);\r\n --gold-border-strong: rgba(0, 217, 255, 0.45);\r\n\r\n \/* TEXT COLORS *\/\r\n --silver: #FFFFFF;\r\n --silver-mid: #D9E1F2;\r\n --silver-muted: #B8CCE4;\r\n\r\n --white: #FFFFFF;\r\n\r\n \/* ACCENT COLORS *\/\r\n --purple: #7B3EFF;\r\n --purple-glow: rgba(123, 62, 255, 0.18);\r\n\r\n \/* TEXT SYSTEM *\/\r\n --text-bright: rgba(255,255,255,0.98);\r\n --text-main: rgba(255,255,255,0.88);\r\n --text-muted: #B8CCE4;\r\n --text-dim: rgba(143,163,191,0.55);\r\n\r\n \/* BORDERS *\/\r\n --border-subtle: rgba(255,255,255,0.08);\r\n --border-soft: rgba(255,255,255,0.12);\r\n\r\n \/* SHADOWS *\/\r\n --shadow-gold: 0 8px 40px rgba(0,217,255,0.28);\r\n --shadow-gold-sm: 0 4px 20px rgba(0,217,255,0.18);\r\n --shadow-card: 0 4px 32px rgba(0,0,0,0.65);\r\n --shadow-xl: 0 20px 80px rgba(0,0,0,0.80);\r\n\r\n \/* RADIUS *\/\r\n --r-sm: 6px;\r\n --r-md: 12px;\r\n --r-lg: 18px;\r\n --r-xl: 24px;\r\n\r\n \/* FONTS *\/\r\n --f-display: 'Cinzel', serif;\r\n --f-body: 'Raleway', sans-serif;\r\n --f-mono: 'JetBrains Mono', monospace;\r\n\r\n \/* ANIMATION *\/\r\n --ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n --spring: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: var(--f-body);\r\n background: var(--black);\r\n color: var(--text-main);\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.65;\r\n font-size: 17px;\r\n}\r\na { text-decoration: none; color: inherit; }\r\nimg { max-width: 100%; display: block; }\r\nul { list-style: none; }\r\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; }\r\n\r\n.wrap { max-width: 1220px; margin: 0 auto; padding: 0 36px; }\r\n.wrap-sm { max-width: 880px; margin: 0 auto; padding: 0 36px; }\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\u2550\u2550\u2550\r\n TYPOGRAPHY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.d-hero {\r\n font-family: var(--f-display);\r\n font-size: clamp(2.8rem, 5.2vw, 5rem);\r\n font-weight: 700;\r\n line-height: 1.05;\r\n letter-spacing: 0.04em;\r\n color: var(--text-bright);\r\n}\r\n.d-xl {\r\n font-family: var(--f-display);\r\n font-size: clamp(2.1rem, 3.8vw, 3.8rem);\r\n font-weight: 600;\r\n line-height: 1.1;\r\n letter-spacing: 0.035em;\r\n color: var(--text-bright);\r\n}\r\n.d-lg {\r\n font-family: var(--f-display);\r\n font-size: clamp(1.7rem, 2.8vw, 2.8rem);\r\n font-weight: 600;\r\n line-height: 1.15;\r\n letter-spacing: 0.03em;\r\n color: var(--text-bright);\r\n}\r\n.d-md {\r\n font-family: var(--f-display);\r\n font-size: clamp(1.2rem, 1.8vw, 1.6rem);\r\n font-weight: 600;\r\n letter-spacing: 0.025em;\r\n color: var(--text-bright);\r\n}\r\n\r\n.eyebrow {\r\n font-family: var(--f-mono);\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:linear-gradient(90deg,var(--gold),transparent); flex-shrink:0; }\r\n.eyebrow::after { content:''; width:28px; height:1.5px; background:linear-gradient(90deg,transparent,var(--gold)); flex-shrink:0; }\r\n.eyebrow-left::after { display:none; }\r\n.eyebrow-left::before { background: var(--gold); }\r\n\r\n.g-gold {\r\n background: linear-gradient(120deg, var(--gold-pale) 0%, var(--gold) 45%, var(--gold-light) 75%, var(--silver) 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.g-silver {\r\n background: linear-gradient(120deg, var(--silver) 0%, var(--white) 50%, var(--silver-mid) 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.text-gold { color: var(--gold); }\r\n.text-silver { color: var(--silver); }\r\n\r\n.gold-line { width:60px; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); margin:20px 0; }\r\n.gold-line-center { margin-left:auto; margin-right: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\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\u2550\u2550\u2550 *\/\r\n.btn {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n font-family: var(--f-display); font-size: 12px; font-weight: 600;\r\n letter-spacing: 0.12em; text-transform: uppercase;\r\n padding: 15px 34px; border-radius: 4px;\r\n cursor: pointer; border: none; white-space: nowrap;\r\n position: relative; overflow: hidden;\r\n transition: transform 0.2s var(--spring), box-shadow 0.2s ease, background 0.2s;\r\n}\r\n.btn:hover { transform: translateY(-2px); }\r\n.btn:active { transform: translateY(0) scale(0.985); }\r\n.btn::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,0.10),transparent); opacity:0; transition:opacity 0.2s; }\r\n.btn:hover::before { opacity:1; }\r\n\r\n.btn-gold { \r\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 60%, var(--gold) 100%); \r\n color: #fff; \r\n box-shadow: var(--shadow-gold-sm);\r\n font-weight: 700;\r\n}\r\n.btn-gold:hover { box-shadow: var(--shadow-gold); }\r\n.btn-outline-gold { \r\n background: transparent; \r\n color: var(--gold); \r\n border: 1.5px solid var(--gold-border-strong);\r\n font-weight: 600;\r\n}\r\n.btn-outline-gold:hover { background: var(--gold-glow); border-color: var(--gold); color: #fff; }\r\n.btn-silver { background:transparent; color:var(--silver); border:1px solid rgba(201,205,211,0.30); }\r\n.btn-silver:hover { border-color:var(--silver); background:rgba(201,205,211,0.09); }\r\n.btn-lg { padding:17px 42px; font-size:12px; }\r\n.arr { transition:transform 0.2s; }\r\n.btn: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\u2550\u2550\u2550\r\n NAV \u2014 IMPROVED VISIBILITY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 800;\r\n padding: 16px 0;\r\n background: rgba(2, 8, 23, 0.96);\r\n backdrop-filter: blur(32px) saturate(200%);\r\n border-bottom: 1px solid transparent;\r\n transition: all 0.4s ease;\r\n}\r\n#nav.scrolled {\r\n padding: 11px 0;\r\n border-bottom-color: var(--gold-border);\r\n box-shadow: 0 4px 40px rgba(0,217,255,0.10);\r\n}\r\n.nav-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }\r\n\r\n.nav-logo-wrap { display:flex; align-items:center; gap:12px; flex-shrink:0; }\r\n.nav-logo-img { width:50px; height:50px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(0,217,255,0.4)); transition:filter 0.3s; border-radius: 6px; }\r\n.nav-logo-wrap:hover .nav-logo-img { filter:drop-shadow(0 0 16px rgba(0,217,255,0.7)); }\r\n.nav-logo-text { \r\n font-family:var(--f-display); font-size:18px; font-weight:700; letter-spacing:0.1em; \r\n background:linear-gradient(120deg,var(--gold) 0%,var(--gold-light) 50%,var(--silver) 100%); \r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; \r\n}\r\n.nav-logo-text span { \r\n font-size:11px; letter-spacing:0.06em; display:block; \r\n -webkit-text-fill-color: var(--silver-muted); \r\n background:none; font-weight:500; margin-top:3px; color:var(--silver-muted); \r\n}\r\n\r\n\/* NAV LINKS \u2014 HIGHLY VISIBLE *\/\r\n.nav-links { display:flex; align-items:center; gap:0; flex:1; justify-content:center; }\r\n.nav-links a { \r\n font-family: var(--f-display); \r\n font-size: 11px; \r\n font-weight: 600; \r\n letter-spacing: 0.1em; \r\n text-transform: uppercase; \r\n color: rgba(255,255,255,0.82); \r\n padding: 8px 14px; \r\n border-radius: 3px; \r\n transition: color 0.2s, background 0.2s; \r\n position: relative;\r\n white-space: nowrap;\r\n}\r\n.nav-links a::after { \r\n content:''; position:absolute; bottom:3px; left:50%; right:50%; \r\n height:1.5px; background:var(--gold); \r\n transition:left 0.25s, right 0.25s; \r\n border-radius: 2px;\r\n}\r\n.nav-links a:hover { color: var(--gold); background: rgba(0,217,255,0.06); }\r\n.nav-links a:hover::after { left:14px; right:14px; }\r\n\r\n.nav-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }\r\n.nav-talk { \r\n font-family: var(--f-display); font-size: 10.5px; font-weight: 600;\r\n letter-spacing: 0.1em; text-transform: uppercase; \r\n color: rgba(255,255,255,0.78); \r\n padding: 9px 18px; border-radius: 3px; \r\n border: 1px solid rgba(255,255,255,0.18); \r\n transition: all 0.2s; \r\n white-space: nowrap;\r\n}\r\n.nav-talk:hover { color: var(--silver); border-color: rgba(255,255,255,0.38); background: rgba(255,255,255,0.05); }\r\n\r\n\/* Hamburger *\/\r\n.nav-hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 44px; height: 44px;\r\n border-radius: 6px;\r\n border: 1.5px solid var(--gold-border-strong);\r\n background: rgba(0,217,255,0.08);\r\n cursor: pointer;\r\n gap: 5px;\r\n flex-shrink: 0;\r\n transition: background 0.2s, border-color 0.2s;\r\n}\r\n.nav-hamburger:hover { background: rgba(0,217,255,0.16); border-color: var(--gold); }\r\n.nav-hamburger span {\r\n display: block;\r\n width: 20px; height: 2px;\r\n background: var(--gold);\r\n border-radius: 2px;\r\n transition: all 0.3s var(--ease);\r\n transform-origin: center;\r\n}\r\n.nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\r\n.nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n\/* Mobile menu drawer *\/\r\n.nav-mobile {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index: 790;\r\n background: rgba(2, 8, 23, 0.99);\r\n backdrop-filter: blur(40px);\r\n padding: 100px 36px 48px;\r\n flex-direction: column;\r\n gap: 0;\r\n overflow-y: auto;\r\n transform: translateX(100%);\r\n transition: transform 0.4s var(--ease);\r\n}\r\n.nav-mobile.open {\r\n transform: translateX(0);\r\n}\r\n.nm-links { display:flex; flex-direction:column; gap:4px; margin-bottom:32px; }\r\n.nm-links a {\r\n font-family: var(--f-display);\r\n font-size: 22px; font-weight: 600;\r\n letter-spacing: 0.06em;\r\n color: rgba(255,255,255,0.80);\r\n padding: 16px 0;\r\n border-bottom: 1px solid var(--border-subtle);\r\n transition: color 0.2s, padding-left 0.2s;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.nm-links a:hover { color: var(--gold); padding-left: 8px; }\r\n.nm-links a::after { content: '\u2192'; font-size: 18px; color: var(--gold); opacity: 0; transition: opacity 0.2s; }\r\n.nm-links a:hover::after { opacity: 1; }\r\n.nm-btns { display: flex; flex-direction: column; gap: 12px; margin-bottom: 36px; }\r\n.nm-btns .btn { justify-content: center; width: 100%; padding: 18px; font-size: 12px; }\r\n.nm-contact { border-top: 1px solid var(--gold-border); padding-top: 24px; }\r\n.nm-contact a { display: flex; align-items: center; gap: 10px; font-size: 15px; color: rgba(255,255,255,0.70); padding: 10px 0; transition: color 0.2s; font-weight: 500; }\r\n.nm-contact a:hover { color: var(--gold); }\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\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\u2550\u2550\u2550 *\/\r\n#hero {\r\n min-height: 100vh;\r\n padding: 148px 0 100px;\r\n background: var(--black);\r\n position: relative; overflow: hidden;\r\n}\r\n#hero::before {\r\n content:''; position:absolute; inset:0;\r\n background:\r\n radial-gradient(ellipse 55% 70% at 95% 15%, rgba(0,217,255,0.09) 0%, transparent 55%),\r\n radial-gradient(ellipse 40% 50% at 5% 85%, rgba(123,62,255,0.08) 0%, transparent 55%),\r\n radial-gradient(ellipse 60% 60% at 50% 50%, rgba(0,102,255,0.04) 0%, transparent 65%);\r\n pointer-events: none;\r\n}\r\n#hero::after {\r\n content:''; position:absolute; inset:0;\r\n background-image: radial-gradient(rgba(0,217,255,0.07) 1px, transparent 1px);\r\n background-size: 36px 36px;\r\n mask-image: radial-gradient(ellipse 85% 75% at 70% 0%, black 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.hero-accent-line { position:absolute; top:0; right:0; width:2px; height:45%; background:linear-gradient(to bottom,transparent,var(--gold),transparent); opacity:0.5; }\r\n\r\n.hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:64px; align-items:center; position:relative; z-index:2; }\r\n\r\n.hero-badge {\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:8px 18px 8px 8px; border-radius:3px;\r\n background:rgba(0,217,255,0.10); border:1px solid var(--gold-border-strong);\r\n font-family:var(--f-mono); font-size:11px; color:var(--gold);\r\n letter-spacing:0.1em; text-transform:uppercase;\r\n margin-bottom:36px;\r\n animation: fadeUp 0.8s var(--ease) both;\r\n font-weight: 500;\r\n}\r\n.badge-pulse { width:7px; height:7px; border-radius:50%; background:var(--gold); animation:gPulse 2s ease-in-out infinite; }\r\n@keyframes gPulse { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,217,255,0.5)} 50%{opacity:0.8;box-shadow:0 0 0 8px rgba(0,217,255,0)} }\r\n\r\n.hero-h1 { margin-bottom:26px; animation:fadeUp 0.8s 0.08s var(--ease) both; }\r\n.hero-sub { \r\n font-size:1.1rem; font-weight:500; color:var(--text-main); \r\n line-height:1.85; max-width:500px; margin-bottom:24px; \r\n animation:fadeUp 0.8s 0.15s var(--ease) both; \r\n}\r\n\r\n\/* Trust bullets *\/\r\n.hero-bullets {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 36px;\r\n animation: fadeUp 0.8s 0.2s var(--ease) both;\r\n}\r\n.hero-bullet {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--f-mono);\r\n font-size: 12px;\r\n color: var(--text-main);\r\n letter-spacing: 0.06em;\r\n font-weight: 500;\r\n}\r\n.hero-bullet::before {\r\n content: '\u2714';\r\n color: var(--gold);\r\n font-size: 12px;\r\n font-weight: 700;\r\n flex-shrink: 0;\r\n width: 22px; height: 22px;\r\n background: rgba(0,217,255,0.12);\r\n border: 1px solid var(--gold-border);\r\n border-radius: 4px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: inherit;\r\n}\r\n\r\n.hero-proof { display:flex; align-items:center; gap:10px; font-family:var(--f-mono); font-size:11px; font-weight:600; color:var(--gold); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:40px; animation:fadeUp 0.8s 0.22s var(--ease) both; }\r\n.hero-proof::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--gold); flex-shrink:0; box-shadow: 0 0 10px var(--gold); }\r\n.hero-btns { display:flex; gap:14px; flex-wrap:wrap; animation:fadeUp 0.8s 0.28s var(--ease) both; }\r\n\r\n.hero-stats { display:flex; gap:12px; flex-wrap:wrap; margin-top:52px; animation:fadeUp 0.8s 0.36s var(--ease) both; }\r\n.h-stat { padding:14px 20px; border-radius:6px; background:var(--black-card); border:1px solid var(--gold-border); position:relative; overflow:hidden; }\r\n.h-stat::before { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.h-stat-n { font-family:var(--f-display); font-size:1.4rem; font-weight:700; letter-spacing:0.04em; color:var(--gold); line-height:1; }\r\n.h-stat-l { font-family:var(--f-mono); font-size:9.5px; color:var(--text-muted); letter-spacing:0.1em; text-transform:uppercase; margin-top:5px; font-weight:500; }\r\n\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n\/* HERO RIGHT *\/\r\n.hero-right { position:relative; height:580px; animation:fadeUp 0.8s 0.22s var(--ease) both; }\r\n.h-orb { position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(0,217,255,0.08) 0%,rgba(123,62,255,0.05) 50%,transparent 70%); top:50%;left:50%;transform:translate(-50%,-50%); pointer-events:none; }\r\n\r\n.hdb { position:absolute; top:50%;left:50%;transform:translate(-50%,-50%); width:340px; background:var(--black-card); border:1px solid var(--gold-border); border-radius:10px; box-shadow:var(--shadow-card),0 0 60px rgba(0,217,255,0.10); overflow:hidden; z-index:3; animation:floatA 7s ease-in-out infinite; }\r\n.hdb-top { padding:12px 18px; display:flex; align-items:center; gap:9px; background:rgba(0,217,255,0.06); border-bottom:1px solid var(--gold-border); }\r\n.hdb-dots { display:flex; gap:5px; }\r\n.hdb-dots span { width:8px;height:8px;border-radius:50%; }\r\n.hdb-title { margin-left:auto; font-family:var(--f-mono);font-size:9.5px;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;font-weight:500; }\r\n.hdb-body { padding:18px; }\r\n.hdb-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }\r\n.hkpi { padding:11px 8px; border-radius:6px; text-align:center; background:rgba(0,217,255,0.05); border:1px solid var(--gold-border); position:relative; overflow:hidden; }\r\n.hkpi::before { content:''; position:absolute;top:0;left:0;right:0;height:2px; }\r\n.hkpi1::before { background:linear-gradient(90deg,var(--gold),var(--gold-light)); }\r\n.hkpi2::before { background:linear-gradient(90deg,var(--silver-mid),var(--silver)); }\r\n.hkpi3::before { background:linear-gradient(90deg,var(--purple),#9c73ff); }\r\n.hkpi-val { font-family:var(--f-display);font-size:1.2rem;font-weight:700;letter-spacing:0.04em;color:var(--gold);line-height:1; }\r\n.hkpi2 .hkpi-val { color:var(--silver); }\r\n.hkpi3 .hkpi-val { color:#a78bfa; }\r\n.hkpi-lbl { font-family:var(--f-mono);font-size:8.5px;color:var(--text-muted);letter-spacing:0.08em;margin-top:3px;font-weight:500; }\r\n.hkpi-trend { font-family:var(--f-mono);font-size:9.5px;color:#4ade80;font-weight:600;margin-top:2px; }\r\n.hdb-chart { background:rgba(0,217,255,0.04);border:1px solid var(--gold-border);border-radius:7px;padding:14px; }\r\n.hdb-chart-lbl { font-family:var(--f-mono);font-size:9px;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;font-weight:500; }\r\n\r\n.hfc { position:absolute; z-index:4; background:var(--black-card); border:1px solid var(--gold-border); border-radius:8px; box-shadow:var(--shadow-card); transition:transform 0.25s var(--spring),box-shadow 0.25s; cursor:default; }\r\n.hfc:hover { box-shadow:var(--shadow-gold-sm); transform:scale(1.05) !important; }\r\n.hfc::before { content:''; position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.hfc-1 { top:28px; right:4px; padding:16px 20px; min-width:155px; animation:floatB 5.5s ease-in-out infinite; }\r\n.hfc-2 { bottom:80px; left:-4px; padding:15px 18px; min-width:145px; animation:floatC 6.5s ease-in-out infinite; }\r\n.hfc-3 { top:204px; right:-8px; padding:14px 18px; animation:floatD 5s ease-in-out infinite; }\r\n.hfc-4 { bottom:18px; right:28px; padding:12px 16px; animation:floatB 7s ease-in-out infinite; animation-delay:-2.5s; }\r\n.hfc-icon { font-size:18px; margin-bottom:9px; }\r\n.hfc-val { font-family:var(--f-display);font-size:1.45rem;font-weight:700;letter-spacing:0.04em;color:var(--gold);line-height:1; }\r\n.hfc-val.sv { color:var(--silver); }\r\n.hfc-val.pp { color:#a78bfa; }\r\n.hfc-val.gn { color:#4ade80; }\r\n.hfc-lbl { font-family:var(--f-mono);font-size:9.5px;color:var(--text-muted);letter-spacing:0.08em;margin-top:4px;font-weight:500; }\r\n.hfc-trend { font-family:var(--f-mono);font-size:9.5px;color:#4ade80;font-weight:600;margin-top:3px; }\r\n\r\n@keyframes floatA { 0%,100%{transform:translate(-50%,-50%)} 50%{transform:translate(-50%,calc(-50% - 10px))} }\r\n@keyframes floatB { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes floatC { 0%,100%{transform:translateY(-5px)} 50%{transform:translateY(7px)} }\r\n@keyframes floatD { 0%,100%{transform:translateY(3px)} 50%{transform:translateY(-8px)} }\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\u2550\u2550\u2550\r\n CLIENT LOGOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#clients {\r\n padding: 44px 0;\r\n background: var(--black-alt);\r\n border-top: 1px solid var(--gold-border);\r\n border-bottom: 1px solid var(--gold-border);\r\n}\r\n.clients-head { text-align:center; font-family:var(--f-mono); font-size:11px; letter-spacing:0.20em; text-transform:uppercase; color:var(--text-muted); margin-bottom:32px; font-weight:500; }\r\n.logo-overflow { overflow:hidden; position:relative; }\r\n.logo-overflow::before,.logo-overflow::after { content:''; position:absolute; top:0;bottom:0;width:160px;z-index:2;pointer-events:none; }\r\n.logo-overflow::before { left:0; background:linear-gradient(to right,var(--black-alt),transparent); }\r\n.logo-overflow::after { right:0; background:linear-gradient(to left,var(--black-alt),transparent); }\r\n.logo-belt { display:flex; align-items:center; width:max-content; animation:beltScroll 30s linear infinite; }\r\n.logo-belt:hover { animation-play-state:paused; }\r\n@keyframes beltScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }\r\n.logo-cell { display:flex; align-items:center; justify-content:center; padding:0 56px; height:64px; border-right:1px solid rgba(0,217,255,0.12); flex-shrink:0; }\r\n.logo-cell img { max-height:34px; max-width:130px; object-fit:contain; filter:grayscale(100%) brightness(0.6) sepia(0.2); transition:filter 0.4s ease,transform 0.3s ease; }\r\n.logo-cell:hover img { filter:grayscale(0%) brightness(1) sepia(0); transform:scale(1.08); }\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\u2550\u2550\u2550\r\n TRUST 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\u2550\u2550\u2550 *\/\r\n#strip { padding:22px 0; border-bottom:1px solid var(--border-subtle); overflow:hidden; background:var(--black-card); }\r\n.strip-belt { display:flex; align-items:center; width:max-content; animation:beltScroll 35s linear infinite; }\r\n.strip-cell { display:flex; align-items:center; gap:9px; padding:0 36px; font-family:var(--f-mono);font-size:11px; font-weight:500;color:var(--text-muted);white-space:nowrap; border-right:1px solid var(--border-subtle);letter-spacing:0.06em; }\r\n.strip-cell strong { color:var(--gold);font-weight:600; }\r\n\r\n\/* Tech strip logos *\/\r\n.tech-strip { padding:40px 0; border-bottom:1px solid var(--border-subtle); background:var(--black-card); }\r\n.tech-strip-head { text-align:center; font-family:var(--f-mono); font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); margin-bottom:28px; font-weight:500; }\r\n.tech-logos { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }\r\n.tl-item {\r\n display: flex; align-items: center; gap: 9px;\r\n padding: 10px 20px; border-radius: 6px;\r\n border: 1px solid var(--border-subtle);\r\n background: rgba(0,217,255,0.03);\r\n font-family: var(--f-mono); font-size: 11.5px;\r\n color: rgba(255,255,255,0.72); letter-spacing: 0.06em;\r\n transition: all 0.25s var(--ease);\r\n font-weight: 500;\r\n}\r\n.tl-item:hover { border-color: var(--gold-border); color: var(--silver); background: rgba(0,217,255,0.07); }\r\n.tl-item em { font-size: 18px; font-style: normal; }\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\u2550\u2550\u2550\r\n METRICS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#metrics { padding:0; background:var(--black); border-top:1px solid var(--gold-border); border-bottom:1px solid var(--gold-border); }\r\n.met-grid { display:grid; grid-template-columns:repeat(4,1fr); }\r\n.met-item { padding:56px 40px; border-right:1px solid var(--gold-border); position:relative; overflow:hidden; transition:background 0.3s; }\r\n.met-item::before { content:''; position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity 0.3s; }\r\n.met-item:hover::before { opacity:1; }\r\n.met-item:hover { background:rgba(0,217,255,0.04); }\r\n.met-item:last-child { border-right:none; }\r\n.met-icon { font-size:28px; margin-bottom:22px; }\r\n.met-num { font-family:var(--f-display); font-size:clamp(2.4rem,4vw,3.8rem); font-weight:700; line-height:1; letter-spacing:0.04em; background:linear-gradient(120deg,var(--gold-pale),var(--gold),var(--gold-light)); -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; margin-bottom:12px; }\r\n.met-desc { font-size:14.5px; color:var(--text-main); line-height:1.6; font-weight:500; }\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\u2550\u2550\u2550\r\n SECTIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sec-dark { padding:108px 0; background:var(--black); }\r\n.sec-alt { padding:108px 0; background:var(--black-alt); }\r\n.sec-card-bg { padding:108px 0; background:var(--black-card); }\r\n\r\n.sec-head { margin-bottom:72px; }\r\n.sec-head p { font-size:1.05rem;line-height:1.85;margin-top:16px;max-width:560px;color:var(--text-muted);font-weight:500; }\r\n.sec-cta { display:flex;justify-content:center;gap:16px;margin-top:56px;flex-wrap:wrap; }\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\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\u2550\u2550\u2550 *\/\r\n.svc-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gold-border);border:1px solid var(--gold-border);border-radius:10px;overflow:hidden;margin-bottom:1px; }\r\n.svc-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold-border);border:1px solid var(--gold-border);border-radius:10px;overflow:hidden; }\r\n\r\n.svc-card { background:var(--black-card); padding:44px 40px; position:relative; overflow:hidden; transition:background 0.3s; }\r\n.svc-card::after { content:''; position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,217,255,0.02));pointer-events:none; }\r\n.svc-card:hover { background:#0b1628; }\r\n.svc-card:hover .svc-num { opacity:0.10; }\r\n\r\n.svc-badge { display:inline-flex;align-items:center;gap:8px; font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase; padding:5px 13px;border-radius:2px;margin-bottom:24px; color:var(--gold);background:rgba(0,217,255,0.09);border:1px solid var(--gold-border); }\r\n.svc-badge.sb-s { color:var(--silver);background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.22); }\r\n.svc-badge.sb-p { color:#a78bfa;background:rgba(123,62,255,0.10);border-color:rgba(123,62,255,0.28); }\r\n\r\n.svc-card h3 { font-family:var(--f-display);font-size:1.25rem;font-weight:600;letter-spacing:0.04em;margin-bottom:14px;color:var(--text-bright); }\r\n.svc-card p { font-size:14.5px;color:var(--text-muted);line-height:1.85;margin-bottom:20px;max-width:380px;font-weight:500; }\r\n.svc-link { display:inline-flex;align-items:center;gap:7px; font-family:var(--f-mono);font-size:10.5px;font-weight:600; letter-spacing:0.12em;text-transform:uppercase; color:var(--gold);transition:gap 0.2s; }\r\n.svc-link:hover { gap:12px; }\r\n.svc-num { position:absolute;bottom:28px;right:28px; font-family:var(--f-display);font-size:5rem;font-weight:900;letter-spacing:-0.04em; color:var(--gold);opacity:0.05;line-height:1;pointer-events:none; transition:opacity 0.3s; }\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\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\u2550\u2550\u2550 *\/\r\n.cs-controls { display:flex;align-items:flex-end;justify-content:space-between; margin-bottom:48px; }\r\n.cs-arrows { display:flex;align-items:center;gap:10px; }\r\n.cs-btn { width:46px;height:46px;border-radius:50%; display:flex;align-items:center;justify-content:center; background:rgba(0,217,255,0.08);border:1px solid var(--gold-border); color:var(--gold);font-size:18px;cursor:pointer; transition:all 0.2s var(--spring);user-select:none;flex-shrink:0; }\r\n.cs-btn:hover { background:var(--gold);color:var(--black);transform:scale(1.08);box-shadow:var(--shadow-gold-sm); }\r\n.cs-btn:disabled { opacity:0.25;pointer-events:none; }\r\n.cs-dots-row { display:flex;gap:6px;align-items:center;margin-right:8px; }\r\n.cs-dot { width:6px;height:6px;border-radius:50%;background:var(--gold-dim); border:none;cursor:pointer;padding:0; transition:all 0.3s var(--spring); }\r\n.cs-dot.on { width:24px;border-radius:3px;background:var(--gold); }\r\n\r\n.cs-viewport { overflow:hidden;border-radius:10px; }\r\n.cs-track { display:flex;gap:22px;transition:transform 0.55s var(--ease);will-change:transform; }\r\n.cs-slide { flex-shrink:0; }\r\n\r\n.cs-card { background:var(--black-card);border:1px solid var(--gold-border); border-radius:10px;overflow:hidden;height:100%; display:flex;flex-direction:column;cursor:default; transition:transform 0.3s var(--ease),box-shadow 0.3s,border-color 0.3s; }\r\n.cs-card::before { content:''; position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.cs-card:hover { transform:translateY(-6px);box-shadow:var(--shadow-gold-sm);border-color:var(--gold-border-strong); }\r\n.cs-stripe { height:3px; }\r\n.cs-visual { height:148px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px; }\r\n.cv1 { background:linear-gradient(135deg,#020e1a,#050f1e); }\r\n.cv2 { background:linear-gradient(135deg,#020d0e,#030f10); }\r\n.cv3 { background:linear-gradient(135deg,#060217,#0a051e); }\r\n.cv4 { background:linear-gradient(135deg,#0e0a04,#161008); }\r\n.cv5 { background:linear-gradient(135deg,#020817,#06112a); }\r\n.cv6 { background:linear-gradient(135deg,#020d0a,#041108); }\r\n\r\n.mdb { width:100%;max-width:286px; background:rgba(0,217,255,0.06); border:1px solid var(--gold-border); border-radius:9px;padding:14px 16px; box-shadow:0 4px 24px rgba(0,0,0,0.5); }\r\n.mdb-kpis { display:flex;gap:8px;margin-bottom:10px; }\r\n.mk { flex:1;background:rgba(0,217,255,0.05);border:1px solid var(--gold-border);border-radius:7px;padding:7px 8px;text-align:center; }\r\n.mk-n { font-family:var(--f-display);font-size:13.5px;font-weight:700;color:var(--gold);line-height:1;letter-spacing:0.04em; }\r\n.mk-n.sv { color:var(--silver); }\r\n.mk-n.gn { color:#4ade80; }\r\n.mk-l { font-family:var(--f-mono);font-size:7.5px;color:var(--text-muted);letter-spacing:0.06em;margin-top:2px;font-weight:500; }\r\n.mbar { display:flex;align-items:center;gap:6px;margin-top:5px; }\r\n.mbar-l { font-family:var(--f-mono);font-size:8px;color:var(--text-muted);width:34px;flex-shrink:0;letter-spacing:0.04em;font-weight:500; }\r\n.mbar-t { flex:1;height:4px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden; }\r\n.mbar-f { height:100%;border-radius:3px; }\r\n.mbar-v { font-family:var(--f-mono);font-size:8px;color:var(--text-muted);width:26px;text-align:right;flex-shrink:0;font-weight:500; }\r\n.mline { height:30px;margin-top:8px; }\r\n.mline svg { width:100%;height:100%; }\r\n\r\n.cs-body { padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;position:relative; }\r\n.cs-tag { font-family:var(--f-mono);font-size:9.5px;font-weight:600; letter-spacing:0.14em;text-transform:uppercase; padding:4px 11px;border-radius:2px;display:inline-block; margin-bottom:14px;width:fit-content; color:var(--gold);background:rgba(0,217,255,0.10);border:1px solid var(--gold-border); }\r\n.cs-tag.cs-silver { color:var(--silver);background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.22); }\r\n.cs-tag.cs-purple { color:#a78bfa;background:rgba(123,62,255,0.10);border-color:rgba(123,62,255,0.28); }\r\n.cs-tag.cs-green { color:#4ade80;background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.22); }\r\n.cs-body h3 { font-family:var(--f-display);font-size:14.5px;font-weight:600;margin-bottom:14px;line-height:1.45;letter-spacing:0.02em;color:var(--text-bright); }\r\n.cs-row { margin-bottom:10px; }\r\n.cs-rl { font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:3px; }\r\n.rl-p { color:#f87171; } .rl-s { color:var(--gold); } .rl-r { color:#4ade80; }\r\n.cs-row p { font-size:12.5px;color:var(--text-muted);line-height:1.7;font-weight:500; }\r\n.cs-result { margin-top:auto;padding-top:18px; border-top:1px solid var(--gold-border); display:flex;align-items:center;gap:14px; }\r\n.cs-num { font-family:var(--f-display);font-size:2rem;font-weight:700;line-height:1;letter-spacing:0.04em; background:linear-gradient(120deg,var(--gold-pale),var(--gold)); -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }\r\n.cs-ntxt { font-size:12px;color:var(--text-muted);font-weight:500;line-height:1.4; }\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\u2550\u2550\u2550\r\n DATA VIZ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.dv-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px; }\r\n.dvk { padding:28px 22px;border-radius:8px;text-align:center; background:rgba(0,217,255,0.05);border:1px solid var(--gold-border); position:relative;overflow:hidden; transition:background 0.3s,border-color 0.3s,transform 0.3s var(--spring); }\r\n.dvk::before { content:''; position:absolute;top:0;left:0;right:0;height:2px; }\r\n.dvk1::before { background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.dvk2::before { background:linear-gradient(90deg,transparent,var(--silver),transparent); }\r\n.dvk3::before { background:linear-gradient(90deg,transparent,var(--gold-light),transparent); }\r\n.dvk4::before { background:linear-gradient(90deg,transparent,#a78bfa,transparent); }\r\n.dvk:hover { background:rgba(0,217,255,0.08);border-color:var(--gold-border-strong);transform:translateY(-4px); }\r\n.dvk-num { font-family:var(--f-display);font-size:2.1rem;font-weight:700;letter-spacing:0.04em;color:var(--gold);margin-bottom:6px;line-height:1; }\r\n.dvk2 .dvk-num { color:var(--silver); }\r\n.dvk4 .dvk-num { color:#a78bfa; }\r\n.dvk-lbl { font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase;font-weight:500; }\r\n.dvk-trend { font-family:var(--f-mono);font-size:10.5px;color:#4ade80;font-weight:600;margin-top:5px; }\r\n\r\n.dv-charts { display:grid;grid-template-columns:1fr 1fr;gap:18px; }\r\n.dvc { background:rgba(0,217,255,0.04);border:1px solid var(--gold-border); border-radius:10px;padding:24px; transition:background 0.3s,border-color 0.3s; }\r\n.dvc:hover { background:rgba(0,217,255,0.06);border-color:var(--gold-border-strong); }\r\n.dvc-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px; }\r\n.dvc-title { font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.12em;text-transform:uppercase;font-weight:500; }\r\n.dvc-badge { font-family:var(--f-mono);font-size:9px;padding:3px 10px;border-radius:2px;letter-spacing:0.1em;font-weight:600; }\r\n.db-live { background:rgba(74,222,128,0.12);color:#4ade80;border:1px solid rgba(74,222,128,0.25); }\r\n.db-ai { background:rgba(0,217,255,0.12);color:var(--gold);border:1px solid var(--gold-border); }\r\n.db-opt { background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.20); }\r\n.db-proc { background:rgba(123,62,255,0.12);color:#a78bfa;border:1px solid rgba(123,62,255,0.25); }\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\u2550\u2550\u2550\r\n WHY US\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.why-layout { display:grid;grid-template-columns:1fr 1.15fr;gap:88px;align-items:center; }\r\n.why-l p { font-size:1.05rem;color:var(--text-muted);line-height:1.85;margin:18px 0 36px;font-weight:500; }\r\n.why-btns { display:flex;gap:14px;flex-wrap:wrap; }\r\n.why-cards { display:grid;grid-template-columns:1fr 1fr;gap:14px; }\r\n.why-c { padding:26px 24px;border-radius:8px; background:rgba(0,217,255,0.04);border:1px solid var(--gold-border); transition:all 0.25s var(--ease);position:relative;overflow:hidden; }\r\n.why-c::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity 0.3s; }\r\n.why-c:hover::before { opacity:1; }\r\n.why-c:hover { background:rgba(0,217,255,0.07);border-color:var(--gold-border-strong);transform:translateY(-3px); }\r\n.why-c.feat { border-color:var(--gold-border-strong);background:rgba(0,217,255,0.06); }\r\n.why-c.feat::before { opacity:1; }\r\n.why-c-icon { font-size:24px;margin-bottom:14px; }\r\n.why-c h4 { font-family:var(--f-display);font-size:13.5px;font-weight:600;letter-spacing:0.04em;margin-bottom:8px;color:var(--text-bright); }\r\n.why-c p { font-size:13.5px;color:var(--text-muted);line-height:1.75;font-weight:500; }\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\u2550\u2550\u2550\r\n HUMAN TOUCH\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ht-layout { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2; }\r\n.ht-l h2 { color:var(--text-bright);margin-top:14px;margin-bottom:18px; }\r\n.ht-l p { color:var(--text-muted);font-size:1.05rem;line-height:1.85;margin-bottom:28px;font-weight:500; }\r\n.ht-facts { display:flex;flex-direction:column;gap:20px;margin-bottom:36px; }\r\n.ht-fact { display:flex;align-items:flex-start;gap:16px; }\r\n.ht-fi { width:40px;height:40px;border-radius:6px;flex-shrink:0;margin-top:2px; background:rgba(0,217,255,0.10);border:1px solid var(--gold-border); display:flex;align-items:center;justify-content:center;font-size:18px; }\r\n.ht-ft strong { display:block;font-family:var(--f-display);font-size:13px;font-weight:600;letter-spacing:0.04em;color:var(--text-bright);margin-bottom:4px; }\r\n.ht-ft span { font-size:13.5px;color:var(--text-muted);line-height:1.65;font-weight:500; }\r\n\r\n.ht-r { background:rgba(0,217,255,0.04);border:1px solid var(--gold-border); border-radius:12px;padding:28px;position:relative;overflow:hidden; }\r\n.ht-r::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.ht-team { background:rgba(0,217,255,0.05);border:1px solid var(--gold-border); border-radius:9px;padding:30px;text-align:center;margin-bottom:18px; }\r\n.ht-avs { display:flex;justify-content:center;margin-bottom:18px; }\r\n.ht-av { width:52px;height:52px;border-radius:50%;border:2px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-size:22px;margin-left:-10px;background:rgba(0,217,255,0.09); }\r\n.ht-av:first-child { margin-left:0; }\r\n.ht-tl { font-family:var(--f-mono);font-size:9.5px;color:var(--text-muted);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:6px;font-weight:500; }\r\n.ht-tm { font-family:var(--f-display);font-size:1rem;font-weight:600;letter-spacing:0.05em;color:var(--gold); }\r\n.ht-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }\r\n.ht-st { text-align:center;padding:18px 10px;background:rgba(0,217,255,0.05);border:1px solid var(--gold-border);border-radius:7px; }\r\n.ht-sn { font-family:var(--f-display);font-size:1.5rem;font-weight:700;letter-spacing:0.04em;color:var(--gold);line-height:1;margin-bottom:5px; }\r\n.ht-sl { font-family:var(--f-mono);font-size:9px;color:var(--text-muted);letter-spacing:0.12em;text-transform:uppercase;font-weight:500; }\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\u2550\u2550\u2550\r\n PARTNERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.pt-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }\r\n.pt-card { padding:34px 24px;text-align:center; background:rgba(0,217,255,0.04);border:1px solid var(--gold-border); border-radius:10px; transition:all 0.25s var(--ease);position:relative;overflow:hidden; }\r\n.pt-card::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity 0.3s; }\r\n.pt-card:hover::before { opacity:1; }\r\n.pt-card:hover { background:rgba(0,217,255,0.08);border-color:var(--gold-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-gold-sm); }\r\n.pt-em { font-size:38px;margin-bottom:14px;display:block; }\r\n.pt-name { font-family:var(--f-display);font-size:1.05rem;font-weight:600;letter-spacing:0.06em;margin-bottom:8px;color:var(--text-bright); }\r\n.pt-desc { font-size:13px;color:var(--text-muted);line-height:1.65;margin-bottom:16px;font-weight:500; }\r\n.pt-chips { display:flex;flex-wrap:wrap;justify-content:center;gap:6px; }\r\n.pt-chip { font-family:var(--f-mono);font-size:9.5px;padding:3px 9px;border-radius:2px;background:rgba(0,217,255,0.08);border:1px solid var(--gold-border);color:var(--gold);letter-spacing:0.06em;font-weight:500; }\r\n.pt-note { text-align:center;font-family:var(--f-mono);font-size:10px;color:var(--text-dim);max-width:640px;margin:32px auto 0;padding:14px 24px;background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle);border-radius:6px;line-height:1.8;letter-spacing:0.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\u2550\u2550\u2550\r\n PROCESS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.process-wrap { display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:64px; }\r\n.proc-line { position:absolute;top:32px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,var(--gold-border),rgba(0,217,255,0.5),var(--gold-border),transparent);pointer-events:none; }\r\n.p-step { text-align:center;padding:0 24px; }\r\n.p-num { width:64px;height:64px;border-radius:50%; display:flex;align-items:center;justify-content:center;margin:0 auto 24px; background:rgba(0,217,255,0.08);border:1.5px solid var(--gold-border); font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:0.08em;color:var(--gold); position:relative;z-index:1;box-shadow:0 0 0 8px rgba(0,217,255,0.04); transition:all 0.3s var(--spring); }\r\n.p-step:hover .p-num { background:rgba(0,217,255,0.18);border-color:var(--gold);box-shadow:0 0 0 12px rgba(0,217,255,0.07),var(--shadow-gold-sm);transform:scale(1.1); }\r\n.p-step h4 { font-family:var(--f-display);font-size:14.5px;font-weight:600;letter-spacing:0.05em;color:var(--text-bright);margin-bottom:10px; }\r\n.p-step p { font-size:13.5px;color:var(--text-muted);line-height:1.75;font-weight:500; }\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\u2550\u2550\u2550\r\n GOLD BAND\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#gold-band { padding:48px 0; background:linear-gradient(135deg,rgba(0,217,255,0.08) 0%,rgba(0,102,255,0.06) 50%,rgba(123,62,255,0.06) 100%); border-top:1px solid var(--gold-border);border-bottom:1px solid var(--gold-border); text-align:center; }\r\n.gb-text { font-family:var(--f-body);font-size:1.1rem;color:var(--text-main);line-height:1.85;max-width:760px;margin:0 auto;font-weight:500; }\r\n.gb-text strong { color:var(--gold);font-family:var(--f-display);font-weight:600;letter-spacing:0.04em; }\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\u2550\u2550\u2550\r\n 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\u2550\u2550\u2550 *\/\r\n#cta { padding:108px 0; background:var(--black); position:relative;overflow:hidden; }\r\n#cta::before { content:'';position:absolute;inset:0; background: radial-gradient(ellipse 70% 80% at 50% 50%,rgba(0,217,255,0.07) 0%,transparent 65%), radial-gradient(ellipse 40% 40% at 20% 20%,rgba(123,62,255,0.05) 0%,transparent 60%); }\r\n#cta::after { content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(0,217,255,0.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 75%);pointer-events:none; }\r\n.cta-line { position:absolute;top:0;left:10%;right:10%;height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }\r\n.cta-inner { position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto; }\r\n.cta-inner h2 { margin-bottom:16px; }\r\n.cta-inner p { color:var(--text-muted);font-size:1.1rem;line-height:1.85;margin-bottom:40px;font-weight:500; }\r\n.cta-chips { display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:48px; }\r\n.cta-chip { display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:10.5px;color:var(--text-main);letter-spacing:0.1em;text-transform:uppercase;font-weight:500; }\r\n.cta-chip::before { content:'\u2713';color:var(--gold);font-weight:700;font-size:13px; }\r\n.cta-btns { display:flex;justify-content:center;gap:16px;flex-wrap:wrap; }\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\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\u2550\u2550\u2550 *\/\r\n.faq-list { max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px; }\r\n.faq-i { background:rgba(0,217,255,0.04);border:1px solid var(--gold-border); border-radius:8px;overflow:hidden;transition:border-color 0.2s; }\r\n.faq-i:hover { border-color:var(--gold-border-strong); }\r\n.faq-i.open { border-color:var(--gold-border-strong);box-shadow:0 0 0 3px rgba(0,217,255,0.07); }\r\n.faq-q { display:flex;align-items:center;justify-content:space-between; padding:22px 28px;gap:24px; font-family:var(--f-display);font-size:14.5px;font-weight:600; letter-spacing:0.04em;cursor:pointer;user-select:none; color:var(--text-bright); }\r\n.faq-tog { width:30px;height:30px;flex-shrink:0;border-radius:4px; background:rgba(0,217,255,0.08);border:1px solid var(--gold-border); display:flex;align-items:center;justify-content:center;font-size:16px; color:var(--gold);transition:transform 0.25s,background 0.2s; }\r\n.faq-i.open .faq-tog { transform:rotate(45deg);background:rgba(0,217,255,0.18);border-color:var(--gold-border-strong); }\r\n.faq-a { max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease),padding 0.25s;padding:0 28px;font-size:14.5px;color:var(--text-muted);line-height:1.85;font-weight:500; }\r\n.faq-i.open .faq-a { max-height:300px;padding:0 28px 24px; }\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\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\u2550\u2550\u2550 *\/\r\nfooter { background:var(--black-deep); padding:80px 0 40px; color:var(--text-muted); border-top:1px solid var(--gold-border); }\r\n.foot-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid var(--border-subtle); }\r\n.foot-logo { display:flex;align-items:center;gap:12px;margin-bottom:18px; }\r\n.foot-logo img { width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,217,255,0.35)); border-radius:6px; }\r\n.foot-logo-text { font-family:var(--f-display);font-size:17px;font-weight:700;letter-spacing:0.1em;background:linear-gradient(120deg,var(--gold),var(--gold-light),var(--silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }\r\n.foot-brand p { font-size:14.5px;line-height:1.8;max-width:260px;margin-bottom:22px;font-weight:500;color:var(--text-muted); }\r\n.foot-contact { display:flex;flex-direction:column;gap:10px; }\r\n.foot-contact a { display:flex;align-items:center;gap:9px;font-size:14.5px;transition:color 0.2s;font-weight:500; }\r\n.foot-contact a:hover { color:var(--gold); }\r\n.foot-chips { display:flex;flex-wrap:wrap;gap:7px;margin-top:18px; }\r\n.foot-chip { font-family:var(--f-mono);font-size:9.5px;padding:3px 10px;border-radius:2px;background:rgba(0,217,255,0.07);border:1px solid var(--gold-border);color:var(--gold);letter-spacing:0.08em;font-weight:500; }\r\n.foot-col h5 { font-family:var(--f-display);font-size:11.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-weight:600; }\r\n.foot-col ul { display:flex;flex-direction:column;gap:11px; }\r\n.foot-col a { font-size:14.5px;transition:color 0.2s;font-weight:500; }\r\n.foot-col a:hover { color:var(--gold); }\r\n.foot-bottom { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px; }\r\n.foot-bottom p { font-family:var(--f-mono);font-size:10.5px;letter-spacing:0.08em;color:var(--text-dim); }\r\n.foot-socs { display:flex;gap:10px; }\r\n.soc-btn { width:38px;height:38px;border-radius:4px; display:flex;align-items:center;justify-content:center; background:rgba(0,217,255,0.07);border:1px solid var(--gold-border); font-size:13px;color:var(--gold); transition:all 0.2s var(--spring);font-weight:600; }\r\n.soc-btn:hover { background:var(--gold);color:var(--black);transform:translateY(-2px);box-shadow:var(--shadow-gold-sm); }\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\u2550\u2550\u2550\r\n SCROLL REVEAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sr { opacity:0;transform:translateY(28px);transition:opacity 0.75s var(--ease),transform 0.75s var(--ease); }\r\n.sr.vis { opacity:1;transform:translateY(0); }\r\n.sd1{transition-delay:0.07s}.sd2{transition-delay:0.14s}.sd3{transition-delay:0.21s}.sd4{transition-delay:0.28s}.sd5{transition-delay:0.35s}\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\u2550\u2550\u2550\r\n RESPONSIVE \u2014 TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n .hero-grid { grid-template-columns:1fr; }\r\n .hero-right { display:none; }\r\n .met-grid { grid-template-columns:repeat(2,1fr); }\r\n .met-item:nth-child(2) { border-right:none; }\r\n .why-layout { grid-template-columns:1fr; gap:52px; }\r\n .ht-layout { grid-template-columns:1fr; gap:48px; }\r\n .pt-grid { grid-template-columns:repeat(2,1fr); }\r\n .process-wrap { grid-template-columns:1fr 1fr; row-gap:44px; }\r\n .proc-line { display:none; }\r\n .foot-top { grid-template-columns:1fr 1fr; }\r\n .dv-kpis { grid-template-columns:repeat(2,1fr); }\r\n .dv-charts { grid-template-columns:1fr; }\r\n .cs-slide { width:calc(50% - 11px) !important; }\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\u2550\u2550\u2550\r\n RESPONSIVE \u2014 MOBILE NAV BREAKPOINT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:900px){\r\n .nav-links { display:none; }\r\n .nav-talk { display:none; }\r\n .nav-hamburger { display:flex; }\r\n .nav-mobile { display:flex; }\r\n .nav-actions .btn { display:none; }\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\u2550\u2550\u2550\r\n RESPONSIVE \u2014 MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:768px){\r\n body { font-size:16px; }\r\n .wrap, .wrap-sm { padding:0 18px; }\r\n\r\n \/* NAV mobile *\/\r\n #nav { padding:12px 0; }\r\n .nav-logo-text { font-size:15px; }\r\n .nav-logo-img { width:38px; height:38px; }\r\n .nav-inner { gap:12px; }\r\n\r\n \/* Hero *\/\r\n #hero { padding:100px 0 64px; }\r\n .d-hero { font-size: clamp(2rem, 8.5vw, 3rem); }\r\n .hero-sub { font-size: 1rem; }\r\n .hero-btns { flex-direction: column; align-items: stretch; }\r\n .hero-btns .btn { width: 100%; justify-content: center; padding: 16px 24px; }\r\n .hero-stats { gap: 10px; }\r\n .h-stat { flex: 1; min-width: calc(50% - 5px); }\r\n .hero-bullets { gap: 8px; }\r\n .hero-badge { font-size: 10px; padding: 7px 14px 7px 7px; }\r\n\r\n \/* Sections *\/\r\n .sec-dark, .sec-alt, .sec-card-bg { padding: 64px 0; }\r\n .sec-head { margin-bottom: 44px; }\r\n .sec-head p { font-size: 1rem; }\r\n .sec-cta { gap: 12px; }\r\n .sec-cta .btn { width: 100%; max-width: 340px; justify-content: center; }\r\n\r\n \/* Eyebrow *\/\r\n .eyebrow { font-size: 10px; }\r\n\r\n \/* D-xl and D-lg sizing *\/\r\n .d-xl { font-size: clamp(1.7rem, 7vw, 2.6rem); }\r\n .d-lg { font-size: clamp(1.5rem, 6vw, 2.2rem); }\r\n\r\n \/* Metrics *\/\r\n .met-grid { grid-template-columns: 1fr 1fr; }\r\n .met-item { padding: 32px 20px; }\r\n .met-item:nth-child(2) { border-right: none; }\r\n .met-item:nth-child(3) { border-top: 1px solid var(--gold-border); border-right: 1px solid var(--gold-border); }\r\n .met-item:nth-child(4) { border-top: 1px solid var(--gold-border); border-right: none; }\r\n .met-num { font-size: clamp(2rem, 6vw, 2.8rem); }\r\n .met-desc { font-size: 13px; }\r\n\r\n \/* Services *\/\r\n .svc-2 { grid-template-columns: 1fr; }\r\n .svc-3 { grid-template-columns: 1fr; }\r\n .svc-card { padding: 28px 22px; }\r\n .svc-card h3 { font-size: 1.1rem; }\r\n .svc-num { font-size: 3.5rem; }\r\n\r\n \/* Case studies *\/\r\n .cs-slide { width: 100% !important; }\r\n .cs-controls { flex-direction: column; gap: 18px; align-items: flex-start; }\r\n .cs-arrows { align-self: flex-end; }\r\n .cs-body h3 { font-size: 13.5px; }\r\n\r\n \/* Data viz *\/\r\n .dv-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }\r\n .dvk { padding: 18px 12px; }\r\n .dvk-num { font-size: 1.6rem; }\r\n .dvk-lbl { font-size: 9px; }\r\n .dv-charts { grid-template-columns: 1fr; }\r\n\r\n \/* Why *\/\r\n .why-layout { grid-template-columns: 1fr; gap: 40px; }\r\n .why-cards { grid-template-columns: 1fr; }\r\n .why-btns { flex-direction: column; }\r\n .why-btns .btn { width: 100%; justify-content: center; }\r\n\r\n \/* Human touch *\/\r\n .ht-layout { grid-template-columns: 1fr; gap: 36px; }\r\n .ht-stats { grid-template-columns: repeat(3, 1fr); }\r\n\r\n \/* Partners *\/\r\n .pt-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\r\n .pt-card { padding: 22px 14px; }\r\n .pt-em { font-size: 28px; }\r\n .pt-name { font-size: 0.95rem; }\r\n .pt-desc { font-size: 12px; }\r\n\r\n \/* Process *\/\r\n .process-wrap { grid-template-columns: 1fr; row-gap: 36px; }\r\n .proc-line { display: none; }\r\n\r\n \/* CTA *\/\r\n #cta { padding: 64px 0; }\r\n .cta-chips { flex-direction: column; align-items: center; gap: 12px; }\r\n .cta-btns { flex-direction: column; align-items: center; }\r\n .cta-btns .btn { width: 100%; max-width: 340px; justify-content: center; }\r\n\r\n \/* FAQ *\/\r\n .faq-q { padding: 18px 20px; font-size: 13px; }\r\n .faq-a { padding: 0 20px; font-size: 13.5px; }\r\n .faq-i.open .faq-a { padding: 0 20px 20px; }\r\n\r\n \/* Footer *\/\r\n .foot-top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 36px; padding-bottom: 36px; }\r\n .foot-brand p { max-width: 100%; }\r\n .foot-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n footer { padding: 56px 0 32px; }\r\n\r\n \/* Tech strip *\/\r\n .tech-logos { gap: 8px; }\r\n .tl-item { font-size: 10.5px; padding: 8px 14px; }\r\n\r\n \/* Strip *\/\r\n .strip-cell { font-size: 10px; padding: 0 24px; }\r\n\r\n \/* Gold band *\/\r\n .gb-text { font-size: 1rem; }\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\u2550\u2550\u2550\r\n RESPONSIVE \u2014 SMALL MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:480px){\r\n .wrap, .wrap-sm { padding: 0 16px; }\r\n .d-xl { font-size: 1.65rem; }\r\n .d-lg { font-size: 1.45rem; }\r\n .d-hero { font-size: 1.9rem; }\r\n .hero-stats { flex-direction: column; }\r\n .h-stat { width: 100%; }\r\n .met-grid { grid-template-columns: 1fr; }\r\n .met-item { border-right: none !important; border-bottom: 1px solid var(--gold-border) !important; border-top: none !important; }\r\n .met-item:first-child { border-top: none !important; }\r\n .met-item:last-child { border-bottom: none !important; }\r\n .dv-kpis { grid-template-columns: 1fr 1fr; }\r\n .pt-grid { grid-template-columns: 1fr; }\r\n .ht-stats { grid-template-columns: repeat(3, 1fr); }\r\n .logo-overflow::before,.logo-overflow::after { width: 60px; }\r\n .nm-links a { font-size: 18px; }\r\n .nav-mobile { padding: 90px 24px 40px; }\r\n .cs-result { flex-direction: column; align-items: flex-start; gap: 6px; }\r\n .cs-num { font-size: 1.6rem; }\r\n .faq-q { font-size: 12.5px; gap: 16px; }\r\n .svc-card { padding: 24px 18px; }\r\n .why-c { padding: 20px 18px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<nav id=\"nav\">\r\n <div class=\"wrap\">\r\n <div class=\"nav-inner\">\r\n <a href=\"\/\" class=\"nav-logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/Image-43.jpg\" class=\"nav-logo-img\" alt=\"CCPL.AI Logo\">\r\n <div class=\"nav-logo-text\">\r\n CCPL.AI\r\n <span>AI & Data Analytics<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <nav class=\"nav-links\">\r\n <a href=\"https:\/\/solidwiki.com\/index.php\/about-us-2\/\">About Us<\/a>\r\n <a href=\"https:\/\/solidwiki.com\/index.php\/services\/\">Services<\/a>\r\n <a href=\"#case-studies\">Case Studies<\/a>\r\n <a href=\"#data-viz\">Insights<\/a>\r\n <a href=\"#why\">Why Us<\/a>\r\n <a href=\"#process\">Process<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <\/nav>\r\n\r\n <div class=\"nav-actions\">\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"nav-talk\">Talk to an Expert<\/a>\r\n <a href=\"#cta\" class=\"btn btn-gold\" style=\"padding:10px 22px;font-size:10.5px;letter-spacing:0.1em;\">\r\n Book Free Call\r\n <svg class=\"arr\" width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <button class=\"nav-hamburger\" id=\"nav-hamburger\" aria-label=\"Toggle menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- Mobile Nav Drawer -->\r\n<div class=\"nav-mobile\" id=\"nav-mobile\">\r\n <div class=\"nm-links\">\r\n <a href=\"#services\" class=\"nm-link\">Services<\/a>\r\n <a href=\"#case-studies\" class=\"nm-link\">Case Studies<\/a>\r\n <a href=\"#data-viz\" class=\"nm-link\">Insights<\/a>\r\n <a href=\"#why\" class=\"nm-link\">Why Us<\/a>\r\n <a href=\"#process\" class=\"nm-link\">Process<\/a>\r\n <a href=\"#faq\" class=\"nm-link\">FAQ<\/a>\r\n <\/div>\r\n <div class=\"nm-btns\">\r\n <a href=\"#cta\" class=\"btn btn-gold btn-lg nm-link\">\r\n Book Free Consultation\r\n <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-outline-gold btn-lg\">Talk to an Expert<\/a>\r\n <\/div>\r\n <div class=\"nm-contact\">\r\n <a href=\"mailto:hello@ccpl.ai\">\u2709  hello@ccpl.ai<\/a>\r\n <a href=\"#\">\ud83d\udccd  Remote-first \u00b7 Available globally<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\">\r\n <div class=\"hero-accent-line\"><\/div>\r\n <div class=\"wrap\">\r\n <div class=\"hero-grid\">\r\n\r\n <!-- LEFT -->\r\n <div>\r\n <div class=\"hero-badge\">\r\n <div class=\"badge-pulse\"><\/div>\r\n AI & Data Solutions for Growing Businesses\r\n <\/div>\r\n\r\n <h1 class=\"d-hero hero-h1\">\r\n Transform Your<br>\r\n Business With<br>\r\n <span class=\"g-gold\">AI & Data<\/span>\r\n <\/h1>\r\n\r\n <div class=\"gold-line\"><\/div>\r\n\r\n <p class=\"hero-sub\">We help organizations analyze data, automate workflows, and build scalable AI solutions using modern cloud and analytics technologies \u2014 built for real outcomes, not demos.<\/p>\r\n\r\n <!-- Trust bullets -->\r\n <div class=\"hero-bullets\">\r\n <div class=\"hero-bullet\">AI & Data Analytics<\/div>\r\n <div class=\"hero-bullet\">Power BI Dashboards<\/div>\r\n <div class=\"hero-bullet\">Cloud & Data Engineering<\/div>\r\n <div class=\"hero-bullet\">Enterprise AI Solutions<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-btns\">\r\n <a href=\"#cta\" class=\"btn btn-gold btn-lg\">\r\n Book Free Consultation\r\n <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-outline-gold btn-lg\">Talk to an Expert<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"h-stat\"><div class=\"h-stat-n\">3\u20136wk<\/div><div class=\"h-stat-l\">First Results Delivered<\/div><\/div>\r\n <div class=\"h-stat\"><div class=\"h-stat-n\">3.8\u00d7<\/div><div class=\"h-stat-l\">Average ROI<\/div><\/div>\r\n <div class=\"h-stat\"><div class=\"h-stat-n\">67%<\/div><div class=\"h-stat-l\">Reporting Time Saved<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT \u2014 Dashboard -->\r\n <div class=\"hero-right\" aria-hidden=\"true\">\r\n <div class=\"h-orb\"><\/div>\r\n <div class=\"hdb\">\r\n <div class=\"hdb-top\">\r\n <div class=\"hdb-dots\">\r\n <span style=\"background:#ff5f57\"><\/span>\r\n <span style=\"background:#febc2e\"><\/span>\r\n <span style=\"background:#28c840\"><\/span>\r\n <\/div>\r\n <div class=\"hdb-title\">CCPL.AI \u00b7 Analytics Console<\/div>\r\n <\/div>\r\n <div class=\"hdb-body\">\r\n <div class=\"hdb-kpis\">\r\n <div class=\"hkpi hkpi1\"><div class=\"hkpi-val\" id=\"kpi1\">0K<\/div><div class=\"hkpi-lbl\">Data Pts<\/div><div class=\"hkpi-trend\">\u219124.5%<\/div><\/div>\r\n <div class=\"hkpi hkpi2\"><div class=\"hkpi-val\" id=\"kpi2\">0%<\/div><div class=\"hkpi-lbl\">Efficiency<\/div><div class=\"hkpi-trend\">\u21918.2%<\/div><\/div>\r\n <div class=\"hkpi hkpi3\"><div class=\"hkpi-val\" id=\"kpi3\">$0K<\/div><div class=\"hkpi-lbl\">Saved<\/div><div class=\"hkpi-trend\">\u219131%<\/div><\/div>\r\n <\/div>\r\n <div class=\"hdb-chart\">\r\n <div class=\"hdb-chart-lbl\">Revenue Intelligence \u00b7 Real-Time<\/div>\r\n <canvas id=\"heroChart\" height=\"90\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hfc hfc-1\">\r\n <div class=\"hfc-icon\">\ud83d\udcca<\/div>\r\n <div class=\"hfc-val\">94%<\/div>\r\n <div class=\"hfc-lbl\">Automation Rate<\/div>\r\n <div class=\"hfc-trend\">\u2191 18% this quarter<\/div>\r\n <\/div>\r\n <div class=\"hfc hfc-2\">\r\n <div class=\"hfc-icon\">\ud83d\ude80<\/div>\r\n <div class=\"hfc-val sv\">3.8\u00d7<\/div>\r\n <div class=\"hfc-lbl\">Avg. ROI on projects<\/div>\r\n <div class=\"hfc-trend\">\u2191 0.4\u00d7 vs last year<\/div>\r\n <\/div>\r\n <div class=\"hfc hfc-3\">\r\n <div style=\"display:flex;align-items:center;gap:9px;\">\r\n <span style=\"font-size:16px;\">\u26a1<\/span>\r\n <div>\r\n <div class=\"hfc-val gn\" style=\"font-size:1.15rem;\">99%<\/div>\r\n <div class=\"hfc-lbl\" style=\"font-size:9px;\">Uptime SLA<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hfc hfc-4\" style=\"display:flex;align-items:center;gap:10px;\">\r\n <span style=\"font-size:16px;\">\ud83c\udfaf<\/span>\r\n <div>\r\n <div class=\"hfc-val pp\" style=\"font-size:1.1rem;\">67%<\/div>\r\n <div class=\"hfc-lbl\" style=\"font-size:9px;\">Report time saved<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CLIENT LOGOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"clients\">\r\n <div class=\"wrap\">\r\n <div class=\"clients-head\">Trusted by Industry Leaders<\/div>\r\n <\/div>\r\n <div class=\"logo-overflow\">\r\n <div class=\"logo-belt\">\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/pepsico.png\" alt=\"PepsiCo\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/aurobindo.png\" alt=\"Aurobindo Pharma\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/zettamine.png\" alt=\"ZettaMine\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/noblq.png\" alt=\"NoblQ\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/verint.png\" alt=\"Verint\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/pepsico.png\" alt=\"PepsiCo\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/aurobindo.png\" alt=\"Aurobindo Pharma\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/zettamine.png\" alt=\"ZettaMine\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/noblq.png\" alt=\"NoblQ\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/verint.png\" alt=\"Verint\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/pepsico.png\" alt=\"PepsiCo\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/aurobindo.png\" alt=\"Aurobindo Pharma\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/zettamine.png\" alt=\"ZettaMine\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/noblq.png\" alt=\"NoblQ\"><\/div>\r\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/verint.png\" alt=\"Verint\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TECH TRUST STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"tech-strip\">\r\n <div class=\"wrap\">\r\n <div class=\"tech-strip-head\">We build solutions using industry-leading technologies including Microsoft Azure and Power BI<\/div>\r\n <div class=\"tech-logos\">\r\n <div class=\"tl-item\"><em>\ud83d\udd37<\/em> Microsoft Azure<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\udcca<\/em> Power BI<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\udfe0<\/em> AWS<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\udd35<\/em> Oracle<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\udfe1<\/em> SAP<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\udc0d<\/em> Python<\/div>\r\n <div class=\"tl-item\"><em>\ud83d\uddc4\ufe0f<\/em> SQL<\/div>\r\n <div class=\"tl-item\"><em>\ud83e\udd16<\/em> ML \/ AI<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 METRICS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"metrics\">\r\n <div class=\"met-grid\">\r\n <div class=\"met-item sr\">\r\n <div class=\"met-icon\">\ud83d\udcca<\/div>\r\n <div class=\"met-num\" data-count=\"94\" data-suffix=\"%\">0%<\/div>\r\n <div class=\"met-desc\">Process Automation<br>Rate Achieved<\/div>\r\n <\/div>\r\n <div class=\"met-item sr sd1\">\r\n <div class=\"met-icon\">\ud83d\ude80<\/div>\r\n <div class=\"met-num\" data-count=\"3.8\" data-decimal=\"true\" data-suffix=\"\u00d7\">0\u00d7<\/div>\r\n <div class=\"met-desc\">Average ROI<br>on Engagements<\/div>\r\n <\/div>\r\n <div class=\"met-item sr sd2\">\r\n <div class=\"met-icon\">\u23f1\ufe0f<\/div>\r\n <div class=\"met-num\" data-count=\"67\" data-suffix=\"%\">0%<\/div>\r\n <div class=\"met-desc\">Reporting Time<br>Saved Per Week<\/div>\r\n <\/div>\r\n <div class=\"met-item sr sd3\">\r\n <div class=\"met-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"met-num\" data-count=\"99\" data-suffix=\"%\">0%<\/div>\r\n <div class=\"met-desc\">Data Pipeline<br>Uptime Reliability<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TRUST STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"strip\">\r\n <div class=\"strip-belt\">\r\n <div class=\"strip-cell\">\ud83d\udd37 Built on <strong>Microsoft Azure & Power BI<\/strong><\/div>\r\n <div class=\"strip-cell\">\u2601\ufe0f Cloud platforms \u2014 <strong>AWS \u00b7 Azure \u00b7 GCP<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83c\udfaf Focused on <strong>real business outcomes<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83d\udee1\ufe0f <strong>GDPR compliant<\/strong> \u00b7 Data privacy first<\/div>\r\n <div class=\"strip-cell\">\u26a1 First results in <strong>3\u20136 weeks<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83e\udd1d <strong>Direct team access<\/strong> \u00b7 No handoffs<\/div>\r\n <div class=\"strip-cell\">\ud83d\udd12 <strong>NDA<\/strong> available day one<\/div>\r\n <div class=\"strip-cell\">\ud83d\udd37 Built on <strong>Microsoft Azure & Power BI<\/strong><\/div>\r\n <div class=\"strip-cell\">\u2601\ufe0f Cloud platforms \u2014 <strong>AWS \u00b7 Azure \u00b7 GCP<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83c\udfaf Focused on <strong>real business outcomes<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83d\udee1\ufe0f <strong>GDPR compliant<\/strong> \u00b7 Data privacy first<\/div>\r\n <div class=\"strip-cell\">\u26a1 First results in <strong>3\u20136 weeks<\/strong><\/div>\r\n <div class=\"strip-cell\">\ud83e\udd1d <strong>Direct team access<\/strong> \u00b7 No handoffs<\/div>\r\n <div class=\"strip-cell\">\ud83d\udd12 <strong>NDA<\/strong> available day one<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"services\" class=\"sec-dark\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head sr\">\r\n <div class=\"eyebrow eyebrow-left\">What We Build<\/div>\r\n <h2 class=\"d-xl\">AI & Data Services That<br><span class=\"g-gold\">Actually Deliver<\/span><\/h2>\r\n <p>Every service is scoped around a specific business outcome. We don't sell capabilities \u2014 we solve problems and measure success in your numbers.<\/p>\r\n <\/div>\r\n\r\n <div class=\"svc-2 sr\">\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge\">\ud83e\udd16 AI Automation<\/div>\r\n <h3>Replace Manual Work With<br>Intelligent Workflows<\/h3>\r\n <p>Identify the most time-consuming manual work in your business and replace it with intelligent, reliable workflows. Document processing, approval flows, customer routing \u2014 highest-ROI opportunities first.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\">Reduce workload by 40\u201380% <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">01<\/div>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge sb-s\">\ud83d\udcca Power BI Dashboards<\/div>\r\n <h3>Dashboards Your Entire<br>Team Actually Uses<\/h3>\r\n <p>Turn scattered, raw data into clear dashboards connected to your live data so decisions happen on real numbers \u2014 not last week's exports. Interactive analytics built for everyone, not just the data team.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\">Real-time clarity, not stale reports <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">02<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-3 sr sd1\" style=\"margin-top:1px;\">\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge\">\ud83e\udde0 Data Analytics<\/div>\r\n <h3>Deep Business Intelligence<\/h3>\r\n <p>Predictive analytics, customer insights, and operational data modeled and analyzed to surface the decisions that move your business forward.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Explore Analytics <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">03<\/div>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge sb-s\">\u2601\ufe0f Cloud Engineering<\/div>\r\n <h3>Scalable Data Pipelines<\/h3>\r\n <p>Data warehouses and lakes on Azure, AWS, or GCP. Clean, reliable infrastructure that supports your entire data stack without compromise.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Explore Cloud <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">04<\/div>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge sb-p\">\u2699\ufe0f AI Consulting<\/div>\r\n <h3>Find Your Highest-ROI AI<\/h3>\r\n <p>Audit your current state, map highest-impact AI opportunities, and build a practical roadmap \u2014 no hype, no jargon, just results your team can act on.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Get Strategy Call <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">05<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"svc-3 sr sd2\" style=\"margin-top:1px;\">\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge\">\ud83c\udfd7\ufe0f Data Warehousing<\/div>\r\n <h3>One Source of Truth<\/h3>\r\n <p>Consolidate fragmented data from every source into a single, governed warehouse \u2014 so every team works from the same accurate numbers.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Explore Warehousing <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">06<\/div>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge sb-s\">\ud83d\udcc8 Predictive Analytics<\/div>\r\n <h3>Forecast Before It Happens<\/h3>\r\n <p>Custom ML models trained on your data \u2014 predicting demand, flagging churn risk, and identifying opportunities your team hasn't spotted yet.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Explore Predictive <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">07<\/div>\r\n <\/div>\r\n <div class=\"svc-card\">\r\n <div class=\"svc-badge sb-p\">\ud83d\udd0d Business Intelligence<\/div>\r\n <h3>Turn Data Into Decisions<\/h3>\r\n <p>End-to-end BI \u2014 from raw data modeling to boardroom-ready reports. Every stakeholder gets the clarity they need, when they need it.<\/p>\r\n <a href=\"#cta\" class=\"svc-link\" style=\"margin-top:16px;\">Explore BI <svg class=\"arr\" width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <div class=\"svc-num\">08<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sec-cta sr\">\r\n <a href=\"#cta\" class=\"btn btn-gold btn-lg\">Discuss Your Use Case <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <a href=\"#case-studies\" class=\"btn btn-outline-gold btn-lg\">See Case Studies<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CASE STUDIES SLIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"case-studies\" class=\"sec-alt\">\r\n <div class=\"wrap\">\r\n <div class=\"cs-controls\">\r\n <div class=\"sr\">\r\n <div class=\"eyebrow eyebrow-left\">Real Work, Real Results<\/div>\r\n <h2 class=\"d-xl\" style=\"margin-top:8px;\">Case Studies: <span class=\"g-gold\">Solutions We've Built<\/span><\/h2>\r\n <\/div>\r\n <div class=\"cs-arrows\">\r\n <div class=\"cs-dots-row\" id=\"cs-dots\"><\/div>\r\n <button class=\"cs-btn\" id=\"cs-prev\" aria-label=\"Previous\">←<\/button>\r\n <button class=\"cs-btn\" id=\"cs-next\" aria-label=\"Next\">→<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sr\">\r\n <div class=\"cs-viewport\">\r\n <div class=\"cs-track\" id=\"cs-track\">\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,var(--gold),var(--gold-light))\"><\/div>\r\n <div class=\"cs-visual cv1\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n\">4h\u219210m<\/div><div class=\"mk-l\">Report Time<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n gn\">95%\u2193<\/div><div class=\"mk-l\">Time Saved<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n sv\">Live<\/div><div class=\"mk-l\">Data Feed<\/div><\/div>\r\n <\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">North<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:88%;background:var(--gold)\"><\/div><\/div><div class=\"mbar-v\">$88K<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">South<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:72%;background:rgba(0,217,255,0.5)\"><\/div><\/div><div class=\"mbar-v\">$72K<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">East<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:61%;background:rgba(0,102,255,0.6)\"><\/div><\/div><div class=\"mbar-v\">$61K<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag\">Power BI<\/span>\r\n <h3>Sales Performance Dashboard \u2014 Retail Distribution<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Reports from 3 spreadsheets, took 4 hrs weekly \u2014 always out of date by the time anyone saw them.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Live Power BI dashboard connected to their sales DB \u2014 regional breakdowns and auto-digest reports.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>Reporting dropped from 4 hours to under 10 minutes. Manager reviews performance every single morning.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">95%<\/div><div class=\"cs-ntxt\">Reduction in<br>manual reporting time<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,var(--silver-mid),var(--silver))\"><\/div>\r\n <div class=\"cs-visual cv2\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n sv\">30%<\/div><div class=\"mk-l\">Budget Shift<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n gn\">\u219118%<\/div><div class=\"mk-l\">True ROAS<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n\">Multi<\/div><div class=\"mk-l\">Sources<\/div><\/div>\r\n <\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Paid<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:84%;background:var(--silver-mid)\"><\/div><\/div><div class=\"mbar-v\">84%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Email<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:58%;background:#9da4ae88\"><\/div><\/div><div class=\"mbar-v\">58%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Social<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:36%;background:#5a607088\"><\/div><\/div><div class=\"mbar-v\">36%<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag cs-silver\">Analytics<\/span>\r\n <h3>E-Commerce Order Analytics \u2014 DTC Fashion Brand<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Couldn't answer which channels were profitable after returns \u2014 flying blind on ad spend.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Centralized analytics layer from Shopify, ad platforms, and returns \u2014 showing true channel profitability.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>Reallocated 30% of ad budget within two weeks. A product category was quietly losing money undetected.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">30%<\/div><div class=\"cs-ntxt\">Ad budget reallocation<br>within 2 weeks<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,#7c3aed,#a78bfa)\"><\/div>\r\n <div class=\"cs-visual cv3\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n\" style=\"color:#a78bfa\">\u219122%<\/div><div class=\"mk-l\">Fleet Util.<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n sv\">14-day<\/div><div class=\"mk-l\">Forecast<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n\">3yr<\/div><div class=\"mk-l\">History<\/div><\/div>\r\n <\/div>\r\n <div class=\"mline\">\r\n <svg viewBox=\"0 0 260 30\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs><linearGradient id=\"vg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#a78bfa\" stop-opacity=\"0.3\"\/><stop offset=\"100%\" stop-color=\"#a78bfa\" stop-opacity=\"0\"\/><\/linearGradient><\/defs>\r\n <path d=\"M0,24 C30,20 60,14 90,16 C120,18 150,6 180,4 C210,2 240,6 260,2 L260,30 L0,30Z\" fill=\"url(#vg1)\"\/>\r\n <path d=\"M0,24 C30,20 60,14 90,16 C120,18 150,6 180,4 C210,2 240,6 260,2\" fill=\"none\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag cs-purple\">Machine Learning<\/span>\r\n <h3>Demand Forecasting \u2014 Regional Logistics Provider<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Fleet scheduling done manually using last year's volumes \u2014 idle vehicles or expensive scrambles.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Demand forecasting model on 3 years of data, outputting rolling 14-day forecasts into their scheduler.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>Fleet utilization improved 22% in Q1. Ops manager stopped getting weekend emergency calls.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">\u219122%<\/div><div class=\"cs-ntxt\">Fleet utilization<br>improvement Q1<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,#d97706,#fbbf24)\"><\/div>\r\n <div class=\"cs-visual cv4\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n\" style=\"color:#fbbf24\">80%<\/div><div class=\"mk-l\">Auto-Proc<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n gn\">15hr\/wk<\/div><div class=\"mk-l\">Saved<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n sv\">OCR<\/div><div class=\"mk-l\">Engine<\/div><\/div>\r\n <\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Auto<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:80%;background:#d97706\"><\/div><\/div><div class=\"mbar-v\">80%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Review<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:15%;background:#fbbf2480\"><\/div><\/div><div class=\"mbar-v\">15%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Manual<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:5%;background:#fcd34d80\"><\/div><\/div><div class=\"mbar-v\">5%<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag\" style=\"color:#fbbf24;border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.08)\">Automation<\/span>\r\n <h3>Invoice Processing Automation \u2014 Professional Services<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Finance spent 15+ hrs\/week extracting from PDF invoices, matching POs \u2014 error-prone, tedious.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Automated document pipeline using OCR. Invoices processed automatically \u2014 flagging only exceptions.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>Finance handles 80% fewer touchpoints on routine invoices. Hours freed for actual human judgement.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">80%<\/div><div class=\"cs-ntxt\">Fewer manual<br>invoice touchpoints<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,var(--gold),var(--silver))\"><\/div>\r\n <div class=\"cs-visual cv5\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n\">1 day<\/div><div class=\"mk-l\">Board Deck<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n gn\">Hourly<\/div><div class=\"mk-l\">Refresh<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n sv\">5+<\/div><div class=\"mk-l\">Sources<\/div><\/div>\r\n <\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Stripe<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:90%;background:var(--gold)\"><\/div><\/div><div class=\"mbar-v\">\u2713<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Intercom<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:90%;background:var(--silver-mid)\"><\/div><\/div><div class=\"mbar-v\">\u2713<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Postgres<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:90%;background:#4ade80\"><\/div><\/div><div class=\"mbar-v\">\u2713<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag cs-silver\">Cloud Engineering<\/span>\r\n <h3>Data Warehouse Migration \u2014 SaaS Startup<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Data across product DB, Stripe, Intercom, and 5 spreadsheets. Cross-system queries always conflicted.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Modern data warehouse on Azure Synapse with automated pipelines \u2014 one source of truth, refreshed hourly.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>First board deck built in an afternoon instead of a week. CEO pulls numbers himself before investor calls.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">1 day<\/div><div class=\"cs-ntxt\">Board deck prep<br>down from 1 week<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <div class=\"cs-slide\"><div class=\"cs-card\" style=\"position:relative;\">\r\n <div class=\"cs-stripe\" style=\"background:linear-gradient(90deg,#059669,#4ade80)\"><\/div>\r\n <div class=\"cs-visual cv6\">\r\n <div class=\"mdb\">\r\n <div class=\"mdb-kpis\">\r\n <div class=\"mk\"><div class=\"mk-n gn\">\u219318%<\/div><div class=\"mk-l\">Churn Rate<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n sv\">Weekly<\/div><div class=\"mk-l\">Scoring<\/div><\/div>\r\n <div class=\"mk\"><div class=\"mk-n\">ML<\/div><div class=\"mk-l\">Model<\/div><\/div>\r\n <\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">At-Risk<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:28%;background:#f87171\"><\/div><\/div><div class=\"mbar-v\">28%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Healthy<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:72%;background:#059669\"><\/div><\/div><div class=\"mbar-v\">72%<\/div><\/div>\r\n <div class=\"mbar\"><div class=\"mbar-l\">Saved<\/div><div class=\"mbar-t\"><div class=\"mbar-f\" style=\"width:65%;background:#4ade80\"><\/div><\/div><div class=\"mbar-v\">65%<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-body\">\r\n <span class=\"cs-tag cs-green\">Business Intelligence<\/span>\r\n <h3>Customer Churn Analysis \u2014 Subscription Business<\/h3>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-p\">The Problem<\/div><p>Churn trending wrong. Didn't know which segments, when in lifecycle, or what signals came first.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-s\">What We Built<\/div><p>Churn dashboard + early-warning ML model scoring customers weekly \u2014 flagging at-risk accounts early.<\/p><\/div>\r\n <div class=\"cs-row\"><div class=\"cs-rl rl-r\">What Changed<\/div><p>CS team shifted from reactive to proactive. Churn in target segment dropped 18% as they caught accounts early.<\/p><\/div>\r\n <div class=\"cs-result\"><div class=\"cs-num\">\u219318%<\/div><div class=\"cs-ntxt\">Churn reduction<br>in target segment<\/div><\/div>\r\n <\/div>\r\n <\/div><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sec-cta sr\">\r\n <a href=\"#cta\" class=\"btn btn-gold btn-lg\">Discuss Your Use Case <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-outline-gold btn-lg\">Talk to an Expert<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DATA VIZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"data-viz\" class=\"sec-dark\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head sr\">\r\n <div class=\"eyebrow eyebrow-left\">In Action<\/div>\r\n <h2 class=\"d-xl\">Data-Driven Insights for <span class=\"g-gold\">Better Decisions<\/span><\/h2>\r\n <p>What your business data looks like when properly connected, modeled, and visualized \u2014 tracking revenue, customer behavior, and performance in real time.<\/p>\r\n <\/div>\r\n <div class=\"dv-kpis sr\">\r\n <div class=\"dvk dvk1\"><div class=\"dvk-num\" data-count=\"94\" data-suffix=\"%\">0%<\/div><div class=\"dvk-lbl\">Process Automation<\/div><div class=\"dvk-trend\">\u2191 18% this quarter<\/div><\/div>\r\n <div class=\"dvk dvk2\"><div class=\"dvk-num\" data-count=\"3.8\" data-decimal=\"true\" data-suffix=\"\u00d7\">0\u00d7<\/div><div class=\"dvk-lbl\">Average ROI<\/div><div class=\"dvk-trend\">\u2191 0.4\u00d7 vs last year<\/div><\/div>\r\n <div class=\"dvk dvk3\"><div class=\"dvk-num\" data-count=\"67\" data-suffix=\"%\">0%<\/div><div class=\"dvk-lbl\">Reporting Time Saved<\/div><div class=\"dvk-trend\">\u2191 12% improvement<\/div><\/div>\r\n <div class=\"dvk dvk4\"><div class=\"dvk-num\" data-count=\"99\" data-suffix=\"%\">0%<\/div><div class=\"dvk-lbl\">Pipeline Reliability<\/div><div class=\"dvk-trend\">Consistent uptime<\/div><\/div>\r\n <\/div>\r\n <div class=\"dv-charts sr sd1\">\r\n <div class=\"dvc\"><div class=\"dvc-head\"><span class=\"dvc-title\">Revenue Growth \u00b7 Monthly<\/span><span class=\"dvc-badge db-live\">Live<\/span><\/div><canvas id=\"lineChart\" height=\"180\"><\/canvas><\/div>\r\n <div class=\"dvc\"><div class=\"dvc-head\"><span class=\"dvc-title\">Performance \u00b7 By Segment<\/span><span class=\"dvc-badge db-ai\">AI Analyzed<\/span><\/div><canvas id=\"barChart\" height=\"180\"><\/canvas><\/div>\r\n <div class=\"dvc\"><div class=\"dvc-head\"><span class=\"dvc-title\">Customer Behavior \u00b7 Neural<\/span><span class=\"dvc-badge db-proc\">Processing<\/span><\/div><canvas id=\"neuralCanvas\" height=\"200\"><\/canvas><\/div>\r\n <div class=\"dvc\">\r\n <div class=\"dvc-head\"><span class=\"dvc-title\">Automation Coverage<\/span><span class=\"dvc-badge db-opt\">Optimized<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:22px;padding-top:8px\">\r\n <canvas id=\"doughnutChart\" width=\"148\" height=\"148\" style=\"flex-shrink:0\"><\/canvas>\r\n <div style=\"flex:1;display:flex;flex-direction:column;gap:11px\" id=\"donut-legend\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sec-cta sr\">\r\n <a href=\"#cta\" class=\"btn btn-gold btn-lg\">Start Your Project <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY US \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"why\" class=\"sec-alt\">\r\n <div class=\"wrap\">\r\n <div class=\"why-layout\">\r\n <div class=\"why-l sr\">\r\n <div class=\"eyebrow eyebrow-left\">Why Work With Us<\/div>\r\n <h2 class=\"d-xl\" style=\"margin-top:0\">A Different Kind of <span class=\"g-gold\">AI Partner<\/span><\/h2>\r\n <div class=\"gold-line\"><\/div>\r\n <p>Most AI vendors lead with their technology stack. We lead with your problem. We work directly alongside your team, measure success by outcomes visible in your numbers, and stay involved until it sticks.<\/p>\r\n <div class=\"why-btns\">\r\n <a href=\"#cta\" class=\"btn btn-gold\">Start a Conversation<\/a>\r\n <a href=\"#process\" class=\"btn btn-outline-gold\">See Our Process<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-cards sr sd2\">\r\n <div class=\"why-c feat\"><div class=\"why-c-icon\">\ud83d\udc64<\/div><h4>Personalized Approach<\/h4><p>Senior-level attention on your project \u2014 not handed to juniors after the contract is signed.<\/p><\/div>\r\n <div class=\"why-c\"><div class=\"why-c-icon\">\ud83d\udd27<\/div><h4>Flexible & Scalable<\/h4><p>Engagement models that adapt to your budget, timeline, and where your team actually is today.<\/p><\/div>\r\n <div class=\"why-c\"><div class=\"why-c-icon\">\ud83c\udfaf<\/div><h4>Strong Data Understanding<\/h4><p>We start with your goals and work backwards to the solution \u2014 never the other way around.<\/p><\/div>\r\n <div class=\"why-c\"><div class=\"why-c-icon\">\ud83d\ude80<\/div><h4>Practical Solutions<\/h4><p>Built for your real environment, with your real data and constraints \u2014 not clean sandbox demos.<\/p><\/div>\r\n <div class=\"why-c\"><div class=\"why-c-icon\">\ud83d\udcac<\/div><h4>Transparent Communication<\/h4><p>Weekly updates, honest progress, and direct access to the people actually building your solution.<\/p><\/div>\r\n <div class=\"why-c\"><div class=\"why-c-icon\">\ud83d\udcc8<\/div><h4>Built to Grow With You<\/h4><p>Solutions designed to scale as your business does \u2014 no lock-in, no dependency on us long-term.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HUMAN TOUCH \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"human\" class=\"sec-card-bg\">\r\n <div class=\"wrap\">\r\n <div class=\"ht-layout\">\r\n <div class=\"ht-l sr\">\r\n <div class=\"eyebrow eyebrow-left\">About Our Team<\/div>\r\n <h2 class=\"d-xl\">Real People.<br><span class=\"g-gold\">Real Partnership.<\/span><\/h2>\r\n <div class=\"gold-line\"><\/div>\r\n <p>We focus on solving real-world business problems through practical AI and data solutions. We're not a faceless agency or offshore vendor \u2014 we're a focused team who cares about outcomes, not just contracts.<\/p>\r\n <div class=\"ht-facts\">\r\n <div class=\"ht-fact\"><div class=\"ht-fi\">\ud83e\udd1d<\/div><div class=\"ht-ft\"><strong>Direct Access, Always<\/strong><span>You work with the person building your solution \u2014 never a PM acting as a relay between you.<\/span><\/div><\/div>\r\n <div class=\"ht-fact\"><div class=\"ht-fi\">\ud83d\udcd0<\/div><div class=\"ht-ft\"><strong>Honest Scoping<\/strong><span>We tell you what's realistic in your timeline and budget before anything starts \u2014 not after.<\/span><\/div><\/div>\r\n <div class=\"ht-fact\"><div class=\"ht-fi\">\ud83d\udd01<\/div><div class=\"ht-ft\"><strong>Long-Term Thinking<\/strong><span>We design solutions you can maintain and grow \u2014 not ones that create dependency on us.<\/span><\/div><\/div>\r\n <\/div>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-outline-gold btn-lg\">Meet the Team \u2192 hello@ccpl.ai<\/a>\r\n <\/div>\r\n <div class=\"sr sd2\">\r\n <div class=\"ht-r\">\r\n <div class=\"ht-team\">\r\n <div class=\"ht-avs\">\r\n <div class=\"ht-av\">\ud83d\udc69\u200d\ud83d\udcbb<\/div>\r\n <div class=\"ht-av\">\ud83d\udc68\u200d\ud83d\udd2c<\/div>\r\n <div class=\"ht-av\">\ud83d\udc69\u200d\ud83d\udcca<\/div>\r\n <div class=\"ht-av\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n <\/div>\r\n <div class=\"ht-tl\">Your Dedicated Team<\/div>\r\n <div class=\"ht-tm\">Data Engineers \u00b7 ML Specialists \u00b7 BI Analysts<\/div>\r\n <\/div>\r\n <div class=\"ht-stats\">\r\n <div class=\"ht-st\"><div class=\"ht-sn\">3\u20136wk<\/div><div class=\"ht-sl\">First Results<\/div><\/div>\r\n <div class=\"ht-st\"><div class=\"ht-sn\">100%<\/div><div class=\"ht-sl\">Senior Team<\/div><\/div>\r\n <div class=\"ht-st\"><div class=\"ht-sn\">NDA<\/div><div class=\"ht-sl\">Day One<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PARTNERS \/ TECHNOLOGIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"partners\" class=\"sec-dark\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head sr\" style=\"text-align:center\">\r\n <div class=\"eyebrow\" style=\"justify-content:center\">Technologies We Work With<\/div>\r\n <h2 class=\"d-xl\">The Platforms Behind <span class=\"g-gold\">Our Solutions<\/span><\/h2>\r\n <div class=\"gold-line gold-line-center\"><\/div>\r\n <p style=\"text-align:center;margin:0 auto;max-width:520px\">Industry-leading platforms chosen for your specific needs \u2014 not a fixed tech stack forced on every project.<\/p>\r\n <\/div>\r\n <div class=\"pt-grid sr\">\r\n <div class=\"pt-card sd1\"><span class=\"pt-em\">\ud83d\udd37<\/span><div class=\"pt-name\">Microsoft<\/div><div class=\"pt-desc\">Cloud, data, and BI for enterprise-grade solutions<\/div><div class=\"pt-chips\"><span class=\"pt-chip\">Azure<\/span><span class=\"pt-chip\">Power BI<\/span><span class=\"pt-chip\">Synapse<\/span><span class=\"pt-chip\">Fabric<\/span><\/div><\/div>\r\n <div class=\"pt-card sd2\"><span class=\"pt-em\">\ud83d\udfe0<\/span><div class=\"pt-name\">AWS<\/div><div class=\"pt-desc\">Scalable cloud infrastructure and managed data services<\/div><div class=\"pt-chips\"><span class=\"pt-chip\">Redshift<\/span><span class=\"pt-chip\">S3<\/span><span class=\"pt-chip\">Glue<\/span><span class=\"pt-chip\">SageMaker<\/span><\/div><\/div>\r\n <div class=\"pt-card sd3\"><span class=\"pt-em\">\ud83d\udd35<\/span><div class=\"pt-name\">Oracle<\/div><div class=\"pt-desc\">Enterprise data management and cloud database platform<\/div><div class=\"pt-chips\"><span class=\"pt-chip\">Oracle DB<\/span><span class=\"pt-chip\">OCI<\/span><span class=\"pt-chip\">Analytics<\/span><\/div><\/div>\r\n <div class=\"pt-card sd4\"><span class=\"pt-em\">\ud83d\udfe1<\/span><div class=\"pt-name\">SAP<\/div><div class=\"pt-desc\">ERP data integration and enterprise analytics connectivity<\/div><div class=\"pt-chips\"><span class=\"pt-chip\">SAP HANA<\/span><span class=\"pt-chip\">BTP<\/span><span class=\"pt-chip\">Analytics<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"pt-note sr\">We build solutions using these platforms and tools. We are not affiliated with, endorsed by, or an official partner of any of these companies. All platform names belong to their respective owners.<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"process\" class=\"sec-alt\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head sr\" style=\"text-align:center\">\r\n <div class=\"eyebrow\" style=\"justify-content:center\">How We Work<\/div>\r\n <h2 class=\"d-xl\">From Conversation to <span class=\"g-gold\">Working System<\/span><\/h2>\r\n <div class=\"gold-line gold-line-center\"><\/div>\r\n <p style=\"text-align:center;margin:0 auto;max-width:520px\">Four clear steps designed to move fast without cutting corners. Real progress in weeks, not months.<\/p>\r\n <\/div>\r\n <div class=\"process-wrap\">\r\n <div class=\"proc-line\"><\/div>\r\n <div class=\"p-step sr sd1\"><div class=\"p-num\">01<\/div><h4>Understand Business Needs<\/h4><p>Deep-dive into your workflows, data landscape, pain points, and the outcomes you actually care about. No templated discovery, no assumptions.<\/p><\/div>\r\n <div class=\"p-step sr sd2\"><div class=\"p-num\">02<\/div><h4>Identify Opportunities<\/h4><p>Map your highest-ROI AI and data opportunities. Build a prioritized roadmap \u2014 quick wins first, solid architecture underneath.<\/p><\/div>\r\n <div class=\"p-step sr sd3\"><div class=\"p-num\">03<\/div><h4>Build Solution<\/h4><p>Agile development with bi-weekly demos. Every sprint delivers something you can test with real users on real data.<\/p><\/div>\r\n <div class=\"p-step sr sd4\"><div class=\"p-num\">04<\/div><h4>Deploy & Optimize<\/h4><p>Launch is the beginning, not the end. We monitor, gather feedback, and continuously improve as your business grows.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GOLD BAND \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"gold-band\">\r\n <div class=\"wrap\">\r\n <div class=\"gb-text sr\">We are currently working with <strong>growing businesses<\/strong> building real-world AI solutions. Our engagements are hands-on, practical, and focused on measurable outcomes \u2014 not slide decks about what's theoretically possible.<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cta\">\r\n <div class=\"cta-line\"><\/div>\r\n <div class=\"wrap\">\r\n <div class=\"cta-inner sr\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:22px\">Let's Talk<\/div>\r\n <h2 class=\"d-xl\">Book Your Free<br><span class=\"g-gold\">Consultation<\/span><\/h2>\r\n <div class=\"gold-line gold-line-center\"><\/div>\r\n <p>Let's discuss how AI, analytics, and automation can support your business goals. A real, no-pressure conversation \u2014 we'll tell you honestly what's possible and what it takes.<\/p>\r\n <div class=\"cta-chips\">\r\n <div class=\"cta-chip\">Free 45-minute strategy call<\/div>\r\n <div class=\"cta-chip\">No commitment required<\/div>\r\n <div class=\"cta-chip\">Honest data assessment<\/div>\r\n <div class=\"cta-chip\">Practical roadmap you can act on<\/div>\r\n <\/div>\r\n <div class=\"cta-btns\">\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-gold btn-lg\">\r\n Schedule Consultation\r\n <svg class=\"arr\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"btn btn-outline-gold btn-lg\">Talk to Expert<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"faq\" class=\"sec-alt\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head sr\" style=\"text-align:center\">\r\n <div class=\"eyebrow\" style=\"justify-content:center\">Questions<\/div>\r\n <h2 class=\"d-lg\">Common Questions, <span class=\"g-gold\">Straight Answers<\/span><\/h2>\r\n <div class=\"gold-line gold-line-center\"><\/div>\r\n <\/div>\r\n <div class=\"faq-list sr\">\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>What services does CCPL.AI provide?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">We offer Data Analytics and Power BI dashboards, AI\/ML solutions, cloud data engineering on Azure and AWS, business intelligence, process automation, data warehousing, predictive analytics, and AI strategy consulting. Every engagement is scoped around your specific business problem \u2014 no generic templates.<\/div><\/div>\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>Do you work with startups and small businesses?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">Absolutely \u2014 that's a big part of who we serve. We work with startups, growing businesses, and teams beginning to take their data seriously. Flexible engagement models, straightforward pricing, no enterprise-scale minimums, and none of the unnecessary complexity.<\/div><\/div>\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>What technologies do you use?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">We build solutions using Microsoft Azure and Power BI, AWS, Python, SQL, and modern ML frameworks \u2014 chosen based on what's right for your specific situation. If you have infrastructure in place, we'll work with it rather than forcing you to change.<\/div><\/div>\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>How long does implementation take?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">A focused dashboard or automation project typically delivers first results within 3\u20134 weeks. More complex ML or data infrastructure projects run 8\u201312 weeks depending on scope. We give you an honest timeline before anything starts \u2014 not an optimistic estimate designed to win the deal.<\/div><\/div>\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>Do you build custom Power BI dashboards?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">Yes \u2014 Power BI dashboards are one of our core offerings. We design and build custom dashboards connected to your live data sources, built for your specific KPIs and the people who'll use them every day. Not templates \u2014 built around how your business actually works.<\/div><\/div>\r\n <div class=\"faq-i\"><div class=\"faq-q\"><span>Do you provide AI consulting?<\/span><div class=\"faq-tog\">+<\/div><\/div><div class=\"faq-a\">Yes. We offer AI strategy consulting to help you identify the highest-ROI AI opportunities in your business, assess your data readiness, and build a practical implementation roadmap. We focus on pragmatic next steps \u2014 not theoretical possibilities.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"foot-top\">\r\n <div class=\"foot-brand\">\r\n <div class=\"foot-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/solidwiki.com\/wp-content\/uploads\/2026\/05\/Image-43.jpg\" alt=\"CCPL.AI\">\r\n <div class=\"foot-logo-text\">CCPL.AI<\/div>\r\n <\/div>\r\n <p>We help businesses analyze data, automate workflows, and make smarter decisions with practical AI solutions built for the real world.<\/p>\r\n <div class=\"foot-contact\">\r\n <a href=\"mailto:hello@ccpl.ai\">\u2709 hello@ccpl.ai<\/a>\r\n <a href=\"#\">\ud83d\udccd Remote-first \u00b7 Available globally<\/a>\r\n <\/div>\r\n <div class=\"foot-chips\">\r\n <span class=\"foot-chip\">Azure<\/span><span class=\"foot-chip\">Power BI<\/span><span class=\"foot-chip\">AWS<\/span><span class=\"foot-chip\">Python<\/span><span class=\"foot-chip\">ML\/AI<\/span><span class=\"foot-chip\">SQL<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-col\"><h5>Services<\/h5><ul>\r\n <li><a href=\"#services\">AI Automation<\/a><\/li>\r\n <li><a href=\"#services\">Data Analytics<\/a><\/li>\r\n <li><a href=\"#services\">Power BI Dashboards<\/a><\/li>\r\n <li><a href=\"#services\">Machine Learning<\/a><\/li>\r\n <li><a href=\"#services\">Cloud Engineering<\/a><\/li>\r\n <li><a href=\"#services\">AI Strategy<\/a><\/li>\r\n <li><a href=\"#services\">Data Warehousing<\/a><\/li>\r\n <li><a href=\"#services\">Business Intelligence<\/a><\/li>\r\n <\/ul><\/div>\r\n <div class=\"foot-col\"><h5>Company<\/h5><ul>\r\n <li><a href=\"#case-studies\">Case Studies<\/a><\/li>\r\n <li><a href=\"#process\">How We Work<\/a><\/li>\r\n <li><a href=\"#partners\">Technologies<\/a><\/li>\r\n <li><a href=\"#why\">Why Us<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#cta\">Book Consultation<\/a><\/li>\r\n <li><a href=\"mailto:hello@ccpl.ai\">Contact<\/a><\/li>\r\n <\/ul><\/div>\r\n <div class=\"foot-col\">\r\n <h5>Connect<\/h5>\r\n <div class=\"foot-socs\" style=\"margin-bottom:24px\">\r\n <a href=\"#\" class=\"soc-btn\" title=\"LinkedIn\">in<\/a>\r\n <a href=\"#\" class=\"soc-btn\" title=\"X \/ Twitter\">\ud835\udd4f<\/a>\r\n <a href=\"mailto:hello@ccpl.ai\" class=\"soc-btn\" title=\"Email\">\u2709<\/a>\r\n <\/div>\r\n <h5 style=\"margin-top:0\">Standards<\/h5>\r\n <div style=\"display:flex;flex-direction:column;gap:9px;margin-top:4px\">\r\n <div style=\"font-size:14.5px;display:flex;align-items:center;gap:9px;color:var(--text-muted);font-weight:500\"><span class=\"text-gold\">\u2713<\/span> GDPR Compliant<\/div>\r\n <div style=\"font-size:14.5px;display:flex;align-items:center;gap:9px;color:var(--text-muted);font-weight:500\"><span class=\"text-gold\">\u2713<\/span> NDA Available Day One<\/div>\r\n <div style=\"font-size:14.5px;display:flex;align-items:center;gap:9px;color:var(--text-muted);font-weight:500\"><span class=\"text-gold\">\u2713<\/span> Data Privacy First<\/div>\r\n <\/div>\r\n <div style=\"margin-top:24px\">\r\n <h5 style=\"margin-top:0\">Location<\/h5>\r\n <div style=\"font-size:14.5px;color:var(--text-muted);line-height:1.7;margin-top:4px;font-weight:500\">\ud83d\udccd Remote-first<br>Available globally<br><span style=\"color:var(--gold)\">hello@ccpl.ai<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <p>\u00a9 2026 CCPL.AI \u00b7 All Rights Reserved \u00b7 Building Practical AI Solutions for Forward-Thinking Businesses<\/p>\r\n <div class=\"foot-socs\">\r\n <a href=\"#\" class=\"soc-btn\" onclick=\"window.scrollTo({top:0,behavior:'smooth'});return false\" title=\"Back to top\">\u2191<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\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\u2550\r\n SCRIPTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\r\n<script>\r\n\/* \u2500\u2500 NAV SCROLL \u2500\u2500 *\/\r\nwindow.addEventListener('scroll',()=>{\r\n document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 40);\r\n});\r\n\r\n\/* \u2500\u2500 MOBILE NAV HAMBURGER \u2500\u2500 *\/\r\nconst hamburger = document.getElementById('nav-hamburger');\r\nconst mobileNav = document.getElementById('nav-mobile');\r\nconst nmLinks = document.querySelectorAll('.nm-link');\r\n\r\nfunction openMenu(){\r\n hamburger.classList.add('open');\r\n mobileNav.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n}\r\nfunction closeMenu(){\r\n hamburger.classList.remove('open');\r\n mobileNav.classList.remove('open');\r\n document.body.style.overflow = '';\r\n}\r\n\r\nhamburger.addEventListener('click', () => {\r\n hamburger.classList.contains('open') ? closeMenu() : openMenu();\r\n});\r\n\r\nnmLinks.forEach(link => link.addEventListener('click', closeMenu));\r\ndocument.addEventListener('keydown', e => { if(e.key === 'Escape') closeMenu(); });\r\n\r\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\nconst srObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('vis'); srObs.unobserve(e.target); } });\r\n}, { threshold: 0.07, rootMargin: '0px 0px -30px 0px' });\r\ndocument.querySelectorAll('.sr').forEach(el => srObs.observe(el));\r\n\r\n\/* \u2500\u2500 NUMBER COUNTER \u2500\u2500 *\/\r\nfunction animNum(el){\r\n const t=parseFloat(el.dataset.count), s=el.dataset.suffix||'', d=el.dataset.decimal==='true';\r\n const dur=2200, t0=performance.now();\r\n (function tick(now){\r\n const p=Math.min((now-t0)\/dur,1), e=1-Math.pow(1-p,4);\r\n el.textContent=(d?(t*e).toFixed(1):Math.round(t*e))+s;\r\n if(p<1) requestAnimationFrame(tick);\r\n })(performance.now());\r\n}\r\nconst numObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if(e.isIntersecting){ animNum(e.target); numObs.unobserve(e.target); } });\r\n}, { threshold: 0.4 });\r\ndocument.querySelectorAll('[data-count]').forEach(el => numObs.observe(el));\r\n\r\n\/* \u2500\u2500 HERO KPIs \u2500\u2500 *\/\r\nfunction hKPI(id, to, sfx, delay){\r\n setTimeout(() => {\r\n const el = document.getElementById(id); if(!el) return;\r\n const dur=2000, t0=performance.now();\r\n (function tick(now){\r\n const p=Math.min((now-t0)\/dur,1), e=1-Math.pow(1-p,3);\r\n el.textContent = Math.round(to*e)+sfx;\r\n if(p<1) requestAnimationFrame(tick);\r\n })(performance.now());\r\n }, delay);\r\n}\r\nwindow.addEventListener('load', () => {\r\n hKPI('kpi1',1240,'K+',600);\r\n hKPI('kpi2',68,'%',800);\r\n hKPI('kpi3',124,'K',1000);\r\n});\r\n\r\n\/* \u2500\u2500 CHART DEFAULTS \u2014 Updated to cyan palette \u2500\u2500 *\/\r\nconst GOLD='#00D9FF', GOLD_L='#0066FF', SIL='#D9E1F2', SIL_M='#8FA3BF',\r\n PURP='#7B3EFF', GRN='#4ade80', RED='#f87171';\r\nconst GD='rgba(0,217,255,0.07)';\r\nChart.defaults.color='rgba(255,255,255,0.45)';\r\nChart.defaults.font.family=\"'Raleway', sans-serif\";\r\nChart.defaults.font.size=11;\r\n\r\n\/* Hero sparkline *\/\r\n(function(){\r\n const c=document.getElementById('heroChart'); if(!c) return;\r\n const ctx=c.getContext('2d');\r\n const g=ctx.createLinearGradient(0,0,0,80);\r\n g.addColorStop(0,'rgba(0,217,255,0.25)'); g.addColorStop(1,'rgba(0,217,255,0)');\r\n new Chart(c,{type:'line',data:{\r\n labels:['J','F','M','A','M','J','J','A'],\r\n datasets:[{data:[38,62,55,80,74,93,89,116],borderColor:GOLD,backgroundColor:g,borderWidth:2,fill:true,tension:0.45,pointRadius:0}]\r\n },options:{responsive:true,plugins:{legend:{display:false},tooltip:{enabled:false}},scales:{x:{display:false},y:{display:false}},animation:{duration:2400}}});\r\n})();\r\n\r\n\/* Revenue line *\/\r\n(function(){\r\n const c=document.getElementById('lineChart'); if(!c) return;\r\n const ctx=c.getContext('2d');\r\n const g=ctx.createLinearGradient(0,0,0,180);\r\n g.addColorStop(0,'rgba(0,217,255,0.22)'); g.addColorStop(1,'rgba(0,217,255,0)');\r\n new Chart(c,{type:'line',data:{\r\n labels:['Q1','Q2','Q3','Q4','Q1','Q2','Q3','Q4','Q1'],\r\n datasets:[\r\n {label:'With AI',data:[42,60,64,82,85,98,108,122,138],borderColor:GOLD,backgroundColor:g,borderWidth:2.5,fill:true,tension:0.4,pointRadius:4,pointBackgroundColor:GOLD,pointBorderColor:'#050505',pointBorderWidth:2},\r\n {label:'Baseline',data:[42,44,47,50,52,53,55,57,59],borderColor:'rgba(255,255,255,0.18)',borderWidth:1.5,borderDash:[5,4],fill:false,tension:0.4,pointRadius:0}\r\n ]\r\n },options:{\r\n responsive:true,interaction:{mode:'index',intersect:false},\r\n plugins:{legend:{position:'top',labels:{boxWidth:10,padding:16,color:'rgba(255,255,255,0.55)'}},tooltip:{backgroundColor:'#0a1224',borderColor:GOLD,borderWidth:1,padding:12,titleColor:'rgba(255,255,255,0.95)',bodyColor:'rgba(255,255,255,0.65)'}},\r\n scales:{x:{grid:{color:GD},border:{display:false}},y:{grid:{color:GD},border:{display:false}}}\r\n }});\r\n})();\r\n\r\n\/* Bar chart *\/\r\n(function(){\r\n const c=document.getElementById('barChart'); if(!c) return;\r\n new Chart(c,{type:'bar',data:{\r\n labels:['Ops','Finance','Sales','Mktg','Support','Product'],\r\n datasets:[\r\n {label:'Automated',data:[78,65,88,72,91,60],backgroundColor:GOLD,borderRadius:4,borderSkipped:false},\r\n {label:'Manual',data:[22,35,12,28,9,40],backgroundColor:'rgba(255,255,255,0.07)',borderRadius:4,borderSkipped:false}\r\n ]\r\n },options:{\r\n responsive:true,\r\n plugins:{legend:{position:'top',labels:{boxWidth:10,padding:16,color:'rgba(255,255,255,0.55)'}},tooltip:{backgroundColor:'#0a1224',borderColor:GOLD,borderWidth:1,padding:12,titleColor:'rgba(255,255,255,0.95)',bodyColor:'rgba(255,255,255,0.65)'}},\r\n scales:{x:{stacked:true,grid:{display:false},border:{display:false}},y:{stacked:true,grid:{color:GD},border:{display:false}}}\r\n }});\r\n})();\r\n\r\n\/* Doughnut *\/\r\n(function(){\r\n const c=document.getElementById('doughnutChart'); if(!c) return;\r\n const DL=['Data Ingestion','Reporting','Communication','Manual Entry'];\r\n const DC=[GOLD,SIL_M,GOLD_L,PURP];\r\n const DV=[94,87,76,62];\r\n new Chart(c,{type:'doughnut',data:{labels:DL,datasets:[{data:DV,backgroundColor:DC,borderColor:'#0a1224',borderWidth:3,hoverOffset:8}]},\r\n options:{responsive:false,cutout:'72%',plugins:{legend:{display:false},tooltip:{backgroundColor:'#0a1224',borderColor:GOLD,borderWidth:1,padding:12}},animation:{duration:2000}}\r\n });\r\n const leg=document.getElementById('donut-legend');\r\n if(leg) DL.forEach((l,i)=>{\r\n leg.innerHTML+=`<div style=\"display:flex;align-items:center;gap:10px\"><div style=\"width:10px;height:10px;border-radius:2px;background:${DC[i]};flex-shrink:0\"><\/div><div><div style=\"font-family:'Raleway';font-size:12px;font-weight:600;color:rgba(255,255,255,0.85)\">${l}<\/div><div style=\"font-family:'JetBrains Mono';font-size:10px;color:rgba(255,255,255,0.42)\">${DV[i]}% automated<\/div><\/div><\/div>`;\r\n });\r\n})();\r\n\r\n\/* Neural canvas *\/\r\n(function(){\r\n const NC=document.getElementById('neuralCanvas'); if(!NC) return;\r\n const nc=NC.getContext('2d');\r\n NC.width=NC.offsetWidth||380; NC.height=NC.offsetHeight||200;\r\n const W=NC.width, H=NC.height, layers=[4,6,6,4], nodePos=[];\r\n const lx=layers.map((_,i)=>(W\/(layers.length+1))*(i+1));\r\n layers.forEach((cnt,li)=>{\r\n const ln=[];\r\n for(let i=0;i<cnt;i++) ln.push({x:lx[li],y:(H\/(cnt+1))*(i+1),r:5,g:Math.random(),gd:Math.random()>.5?1:-1,gs:.015+Math.random()*.02,active:false,at:0});\r\n nodePos.push(ln);\r\n });\r\n let sigs=[];\r\n setInterval(()=>{\r\n const li=Math.floor(Math.random()*(layers.length-1));\r\n const a=Math.floor(Math.random()*nodePos[li].length);\r\n const b=Math.floor(Math.random()*nodePos[li+1].length);\r\n sigs.push({x1:nodePos[li][a].x,y1:nodePos[li][a].y,x2:nodePos[li+1][b].x,y2:nodePos[li+1][b].y,t:0,c:[GOLD,SIL_M,GOLD_L][Math.floor(Math.random()*3)],dn:[li+1,b]});\r\n },320);\r\n (function draw(){\r\n nc.clearRect(0,0,W,H);\r\n for(let li=0;li<layers.length-1;li++) nodePos[li].forEach(s=>nodePos[li+1].forEach(d=>{nc.beginPath();nc.moveTo(s.x,s.y);nc.lineTo(d.x,d.y);nc.strokeStyle='rgba(0,217,255,0.07)';nc.lineWidth=.8;nc.stroke();}));\r\n sigs=sigs.filter(s=>s.t<1);\r\n sigs.forEach(s=>{\r\n s.t+=.022;\r\n const x=s.x1+(s.x2-s.x1)*s.t, y=s.y1+(s.y2-s.y1)*s.t;\r\n nc.beginPath();nc.moveTo(s.x1+(s.x2-s.x1)*Math.max(0,s.t-.2),s.y1+(s.y2-s.y1)*Math.max(0,s.t-.2));\r\n nc.lineTo(x,y);nc.strokeStyle=s.c;nc.globalAlpha=.75*(1-s.t);nc.lineWidth=1.8;nc.stroke();nc.globalAlpha=1;\r\n nc.beginPath();nc.arc(x,y,2.5,0,Math.PI*2);nc.fillStyle=s.c;nc.shadowColor=s.c;nc.shadowBlur=10;nc.fill();nc.shadowBlur=0;\r\n if(s.t>.85){const[dl,dn]=s.dn;nodePos[dl][dn].active=true;nodePos[dl][dn].at=18;}\r\n });\r\n nodePos.forEach(layer=>layer.forEach(n=>{\r\n n.g+=n.gd*n.gs; if(n.g>1||n.g<0)n.gd*=-1;\r\n if(n.at>0)n.at--;else n.active=false;\r\n nc.beginPath();nc.arc(n.x,n.y,n.r,0,Math.PI*2);\r\n nc.fillStyle=n.active?GRN:GOLD;nc.globalAlpha=n.active?1:.25+n.g*.35;\r\n nc.shadowColor=n.active?GRN:GOLD;nc.shadowBlur=n.active?16:8;nc.fill();nc.shadowBlur=0;nc.globalAlpha=1;\r\n }));\r\n requestAnimationFrame(draw);\r\n })();\r\n})();\r\n\r\n\/* \u2500\u2500 CASE STUDIES SLIDER \u2500\u2500 *\/\r\n(function(){\r\n const track=document.getElementById('cs-track');\r\n const dotsEl=document.getElementById('cs-dots');\r\n const btnP=document.getElementById('cs-prev');\r\n const btnN=document.getElementById('cs-next');\r\n if(!track) return;\r\n const slides=Array.from(track.querySelectorAll('.cs-slide'));\r\n let cur=0, pv=3, auto;\r\n\r\n const getPV=()=>window.innerWidth<=768?1:window.innerWidth<=1100?2:3;\r\n const maxI=()=>Math.max(0,slides.length-pv);\r\n\r\n function buildDots(){\r\n dotsEl.innerHTML='';\r\n for(let i=0;i<=maxI();i++){\r\n const d=document.createElement('button');\r\n d.className='cs-dot'+(i===cur?' on':'');\r\n d.onclick=()=>go(i); dotsEl.appendChild(d);\r\n }\r\n }\r\n function syncDots(){ dotsEl.querySelectorAll('.cs-dot').forEach((d,i)=>d.classList.toggle('on',i===cur)); }\r\n\r\n function go(idx){\r\n cur=Math.max(0,Math.min(idx,maxI()));\r\n const gap=22, sw=slides[0].offsetWidth+gap;\r\n track.style.transform=`translateX(-${cur*sw}px)`;\r\n syncDots(); btnP.disabled=cur===0; btnN.disabled=cur>=maxI();\r\n }\r\n\r\n function init(){\r\n pv=getPV(); const gap=22, vpW=track.parentElement.offsetWidth, sw=(vpW-gap*(pv-1))\/pv;\r\n slides.forEach(s=>s.style.width=sw+'px');\r\n if(cur>maxI()) cur=maxI(); buildDots(); go(cur);\r\n }\r\n\r\n btnP.onclick=()=>go(cur-1); btnN.onclick=()=>go(cur+1);\r\n init(); window.addEventListener('resize',init);\r\n\r\n const startA=()=>{auto=setInterval(()=>{cur<maxI()?go(cur+1):go(0);},5800);};\r\n const stopA=()=>clearInterval(auto);\r\n startA(); track.addEventListener('mouseenter',stopA); track.addEventListener('mouseleave',startA);\r\n\r\n let sX=0, drag=false;\r\n track.addEventListener('mousedown',e=>{sX=e.clientX;drag=true;stopA();});\r\n track.addEventListener('touchstart',e=>{sX=e.touches[0].clientX;drag=true;stopA();},{passive:true});\r\n document.addEventListener('mouseup',e=>{if(!drag)return;drag=false;const dx=e.clientX-sX;if(dx<-45)go(cur+1);else if(dx>45)go(cur-1);startA();});\r\n document.addEventListener('touchend',e=>{if(!drag)return;drag=false;const dx=e.changedTouches[0].clientX-sX;if(dx<-45)go(cur+1);else if(dx>45)go(cur-1);startA();});\r\n})();\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\ndocument.querySelectorAll('.faq-i').forEach(item=>{\r\n item.querySelector('.faq-q').addEventListener('click',()=>{\r\n const open=item.classList.contains('open');\r\n document.querySelectorAll('.faq-i.open').forEach(el=>el.classList.remove('open'));\r\n if(!open) item.classList.add('open');\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>CCPL.AI \u2014 AI & Data Analytics Solutions CCPL.AI AI & Data Analytics About Us Services Case Studies Insights Why Us Process FAQ Talk to an Expert Book Free Call Services Case Studies Insights Why Us Process FAQ Book Free Consultation Talk to an Expert \u2709  hello@ccpl.ai \ud83d\udccd  Remote-first \u00b7 Available globally AI & Data Solutions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/153","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=153"}],"version-history":[{"count":13,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/solidwiki.com\/index.php\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}