--- title: "AI, Automation & Blockchain Solutions | Performix" description: "Explore Performix AI, RAG, blockchain, SEO automation and PII protection solutions designed to help businesses automate workflows, protect data and scale smarter." featured_image: "https://www.performixbiz.com/wp-content/uploads/2026/08/ai-automation-blockchain-solutions.webp" url: "https://www.performixbiz.com/ai-automation-blockchain-solutions-performix/" date_modified: "2026-08-18T12:40:09-05:00" --- ### --- Performix Technology Solutions | AI, Blockchain, Automation & More #performix-hub{ --teal:#005A6C; --teal-dark:#003F4B; --deep:#002D36; --gold:#FFD700; --ink:#17343B; --body:#566B72; --muted:#71848A; --line:#DCE7EA; --soft:#F5F9FA; --white:#FFFFFF; font-family:"Poppins",Arial,sans-serif; color:var(--body); background:#fff; line-height:1.7; overflow:hidden; } #performix-hub *{box-sizing:border-box} #performix-hub h1, #performix-hub h2, #performix-hub h3, #performix-hub p, #performix-hub a, #performix-hub span, #performix-hub div{ font-family:"Poppins",Arial,sans-serif; } #performix-hub h1, #performix-hub h2, #performix-hub h3{ margin:0; line-height:1.18; } #performix-hub h1{ color:var(--ink); font-size:clamp(38px,5.3vw,64px); font-weight:700; letter-spacing:-.045em; } #performix-hub h2{ color:var(--ink); font-size:clamp(29px,3.5vw,44px); font-weight:700; letter-spacing:-.025em; } #performix-hub p{margin:0 0 16px} .ph-wrap{width:min(1180px,92%);margin:0 auto} .ph-section{padding:84px 0} .ph-center{text-align:center} .ph-center .ph-lead{margin-left:auto;margin-right:auto} .ph-lead{ max-width:780px; color:var(--body); font-size:17px!important; line-height:1.8!important; } .ph-eyebrow{ display:inline-block; margin-bottom:15px; padding:6px 12px; border-radius:30px; background:#E7F3F5; color:var(--teal); font-size:11px!important; line-height:1.25!important; font-weight:700!important; letter-spacing:.08em; text-transform:uppercase; } .ph-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; } .ph-btn{ display:inline-flex!important; align-items:center; justify-content:center; min-height:49px; padding:12px 22px!important; border-radius:6px; font-size:14px!important; line-height:1.2!important; font-weight:700!important; text-decoration:none!important; transition:.22s ease; } .ph-btn-gold{ background:var(--gold); border:1px solid var(--gold); color:var(--teal-dark)!important; } .ph-btn-gold:hover{ background:#fff; border-color:#fff; color:var(--teal)!important; transform:translateY(-2px); } .ph-btn-outline{ background:#fff; border:1px solid var(--teal); color:var(--teal)!important; } .ph-btn-outline:hover{ background:var(--teal); color:#fff!important; transform:translateY(-2px); } /* HERO */ .ph-hero{ padding:86px 0 72px; background:#fff; } .ph-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:65px; align-items:center; } .ph-hero h1{margin-bottom:20px} .ph-highlight{color:var(--teal)} .ph-hero-copy .ph-lead{max-width:740px} .ph-proof{ display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; } .ph-proof span{ padding:7px 10px; border:1px solid var(--line); border-radius:5px; background:#fff; color:var(--teal); font-size:11px!important; font-weight:600!important; } .ph-hero-visual{ min-height:410px; position:relative; display:flex; align-items:center; justify-content:center; } .ph-orbit{ position:absolute; border:1px solid rgba(0,90,108,.15); border-radius:50%; } .ph-orbit.one{width:365px;height:365px} .ph-orbit.two{ width:270px; height:270px; border-color:rgba(255,215,0,.65); } .ph-core{ position:relative; z-index:3; width:188px; height:188px; border-radius:28px; background:var(--teal); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 25px 55px rgba(0,90,108,.20); } .ph-core strong{ color:var(--gold)!important; font-size:30px!important; line-height:1.1!important; text-align:center; } .ph-core span{ color:#fff!important; margin-top:9px; font-size:10px!important; line-height:1.3!important; text-transform:uppercase; letter-spacing:.08em; font-weight:600!important; } .ph-node{ position:absolute; z-index:4; min-width:75px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--teal); text-align:center; font-size:9px!important; line-height:1.25!important; font-weight:700!important; box-shadow:0 9px 22px rgba(0,45,54,.08); } .ph-node.ai{top:20px;left:10%} .ph-node.agentic{top:90px;right:1%} .ph-node.blockchain{bottom:45px;right:3%} .ph-node.iot{bottom:12px;left:10%} .ph-node.software{top:47%;left:0} /* CAPABILITY STRIP */ .ph-cap-strip{ padding:24px 0; background:var(--teal); } .ph-cap-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; } .ph-cap{ text-align:center; padding:6px; } .ph-cap strong{ display:block; color:#fff!important; font-size:13px!important; line-height:1.3!important; } .ph-cap span{ display:block; margin-top:3px; color:#DDECEF!important; font-size:10px!important; line-height:1.35!important; } /* WHY PERFORMIX */ .ph-dark{ background:var(--deep); } .ph-dark h2{color:#fff!important} .ph-dark .ph-lead{color:#E5F0F2!important} .ph-dark .ph-eyebrow{ background:rgba(255,215,0,.12); border:1px solid rgba(255,215,0,.28); color:var(--gold)!important; } .ph-why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:40px; } .ph-why{ padding:23px 20px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(255,255,255,.05); } .ph-why-icon{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:rgba(255,215,0,.12); color:var(--gold)!important; font-size:9px!important; font-weight:700!important; } .ph-why h3{ margin-top:14px; color:#fff!important; font-size:15px!important; } .ph-why p{ margin-top:5px; color:#DCECEF!important; font-size:11px!important; } /* PRODUCTS */ .ph-products-section{background:#fff} .ph-products{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; margin-top:45px; } .ph-product{ grid-column:span 2; padding:29px 25px; border:1px solid var(--line); border-radius:15px; background:#fff; text-align:center; display:flex; flex-direction:column; align-items:center; transition:.22s ease; } .ph-product:hover{ transform:translateY(-5px); border-color:rgba(0,90,108,.30); box-shadow:0 18px 38px rgba(0,90,108,.10); } .ph-product:nth-child(4){grid-column:2 / span 2} .ph-product:nth-child(5){grid-column:4 / span 2} .ph-product.featured{ grid-column:2 / span 4; background:var(--teal); border-color:var(--teal); color:#fff; } .ph-product-label{ display:inline-block; padding:5px 9px; margin-bottom:13px; border-radius:5px; background:#E7F3F5; border:1px solid var(--line); color:var(--teal)!important; font-size:9px!important; line-height:1.25!important; font-weight:700!important; letter-spacing:.06em; } .ph-product.featured .ph-product-label{ background:rgba(255,215,0,.12); border-color:rgba(255,215,0,.28); color:var(--gold)!important; } .ph-product h3{ color:var(--teal); font-size:22px!important; margin:0 0 9px; } .ph-product.featured h3{color:#fff!important} .ph-product p{ max-width:570px; color:var(--body)!important; font-size:13px!important; line-height:1.7!important; } .ph-product.featured p{color:#E5F0F2!important} .ph-product-tag{ display:inline-block; padding:5px 8px; margin-top:2px; border-radius:4px; background:#F1F7F8; color:var(--teal)!important; font-size:9px!important; font-weight:700!important; } .ph-product.featured .ph-product-tag{ background:rgba(255,215,0,.12); color:var(--gold)!important; } .ph-product-flow{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin-top:18px; } .ph-product-flow span{ padding:6px 8px; border-radius:5px; background:var(--soft); border:1px solid var(--line); color:var(--teal)!important; font-size:8px!important; line-height:1.25!important; font-weight:700!important; } .ph-product.featured .ph-product-flow span{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.15); color:#fff!important; } .ph-product-flow b{ color:var(--gold)!important; font-size:12px!important; } .ph-explore{ display:inline-flex!important; align-items:center; justify-content:center; min-width:190px; min-height:43px; margin-top:18px; padding:10px 17px!important; border-radius:6px; background:var(--teal); border:1px solid var(--teal); color:#fff!important; font-size:12px!important; line-height:1.2!important; font-weight:700!important; text-decoration:none!important; transition:.2s ease; } .ph-explore:hover{ background:var(--gold); border-color:var(--gold); color:var(--teal-dark)!important; } .ph-product.featured .ph-explore{ background:var(--gold); border-color:var(--gold); color:var(--teal-dark)!important; } .ph-product.featured .ph-explore:hover{ background:#fff; border-color:#fff; color:var(--teal)!important; } /* PRODUCT VECTORS */ .ph-vector{ width:155px; height:88px; position:relative; margin:0 auto 13px; } .ph-phone{ position:absolute; left:54px; top:2px; width:48px; height:82px; border:3px solid var(--teal); border-radius:10px; background:#fff; } .ph-phone:before{ content:""; position:absolute; left:10px; top:18px; width:23px; height:5px; border-radius:5px; background:#DCE7EA; box-shadow:0 12px 0 #DCE7EA,0 24px 0 #FFD700; } .ph-bubble{ position:absolute; padding:5px 8px; border-radius:8px; background:var(--gold); color:var(--teal-dark)!important; font-size:8px!important; font-weight:700!important; } .ph-bubble.a{left:4px;top:14px} .ph-bubble.b{right:3px;bottom:14px} .ph-doc{ position:absolute; width:38px; height:51px; border:2px solid var(--teal); border-radius:6px; background:#F5F9FA; } .ph-doc.one{left:4px;top:29px} .ph-doc.two{left:20px;top:19px} .ph-doc.three{left:36px;top:9px} .ph-doc:after{ content:""; position:absolute; left:8px; top:15px; width:20px; height:4px; border-radius:4px; background:#DCE7EA; box-shadow:0 9px 0 #DCE7EA,0 18px 0 #FFD700; } .ph-arrow{ position:absolute; left:60px; top:45px; width:45px; height:2px; background:var(--gold); } .ph-arrow:after{ content:""; position:absolute; right:-1px; top:-4px; border-left:8px solid var(--gold); border-top:5px solid transparent; border-bottom:5px solid transparent; } .ph-answer{ position:absolute; right:2px; top:28px; width:55px; height:48px; border-radius:10px; background:var(--teal); color:#fff!important; display:flex; align-items:center; justify-content:center; font-size:8px!important; font-weight:700!important; } .ph-ticket{ position:absolute; left:5px; top:28px; width:61px; height:38px; border:2px solid var(--teal); border-radius:7px; background:#fff; transform:rotate(-5deg); } .ph-ticket:after{ content:"RAFFLE"; position:absolute; left:10px; top:11px; color:var(--teal); font-size:8px; font-weight:700; } .ph-chain{ position:absolute; left:59px; top:46px; width:38px; height:2px; background:var(--gold); } .ph-chain:after{ content:""; position:absolute; right:-1px; top:-4px; border-left:8px solid var(--gold); border-top:5px solid transparent; border-bottom:5px solid transparent; } .ph-block{ position:absolute; width:32px; height:32px; border:2px solid var(--teal); border-radius:7px; background:#E7F3F5; transform:rotate(45deg); } .ph-block.one{right:38px;top:34px} .ph-block.two{right:4px;top:18px} .ph-page{ position:absolute; left:48px; top:4px; width:67px; height:79px; border:2px solid var(--teal); border-radius:8px; background:#fff; box-shadow:7px 7px 0 #E7F3F5; } .ph-page:before{ content:"SEO"; position:absolute; left:11px; top:11px; color:var(--teal); font-size:13px; font-weight:700; } .ph-page:after{ content:""; position:absolute; left:11px; top:38px; width:42px; height:5px; border-radius:5px; background:#DCE7EA; box-shadow:0 11px 0 #DCE7EA,0 22px 0 #FFD700; } .ph-spark{ position:absolute; width:15px; height:15px; background:var(--gold); clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); } .ph-spark.one{left:20px;top:19px} .ph-spark.two{right:10px;bottom:10px} .ph-data{ position:absolute; left:3px; top:29px; width:60px; height:39px; border:2px solid var(--teal); border-radius:8px; background:#F5F9FA; color:var(--teal)!important; display:flex; align-items:center; justify-content:center; font-size:7px!important; font-weight:700!important; } .ph-shield{ position:absolute; right:18px; top:9px; width:58px; height:70px; background:#E7F3F5; border:3px solid var(--teal); clip-path:polygon(50% 0,94% 15%,85% 67%,50% 100%,15% 67%,6% 15%); color:var(--teal)!important; display:flex; align-items:center; justify-content:center; text-align:center; font-size:8px!important; font-weight:700!important; } .ph-data-arrow{ position:absolute; left:57px; top:47px; width:46px; height:2px; background:var(--gold); } .ph-data-arrow:after{ content:""; position:absolute; right:-1px; top:-4px; border-left:8px solid var(--gold); border-top:5px solid transparent; border-bottom:5px solid transparent; } /* CAPABILITY MATRIX */ .ph-capabilities{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:42px; } .ph-capability{ padding:25px 21px; border:1px solid var(--line); border-radius:12px; background:#fff; } .ph-capability h3{ color:var(--teal); font-size:18px!important; margin-bottom:8px; } .ph-capability p{ color:var(--muted); font-size:12px!important; line-height:1.65!important; } .ph-capability-icon{ width:40px; height:40px; margin-bottom:15px; border-radius:9px; background:#E7F3F5; color:var(--teal); display:flex; align-items:center; justify-content:center; font-size:9px!important; font-weight:700!important; } /* CUSTOM SOLUTION */ .ph-custom{ background:var(--soft); } .ph-custom-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; max-width:900px; margin:42px auto 0; } .ph-custom-step{ position:relative; padding:20px 12px; text-align:center; border:1px solid var(--line); border-radius:10px; background:#fff; } .ph-custom-step strong{ display:block; color:var(--teal)!important; font-size:12px!important; } .ph-custom-step span{ display:block; margin-top:4px; color:var(--muted)!important; font-size:10px!important; } .ph-custom-step:not(:last-child):after{ content:"→"; position:absolute; right:-15px; top:50%; transform:translateY(-50%); color:var(--gold); font-size:20px!important; font-weight:700!important; z-index:2; } /* TECHNOLOGY CTA */ .ph-tech-cta{ margin-top:38px; display:flex; justify-content:center; } /* FINAL CTA */ .ph-final{ padding:82px 0; background:var(--teal); } .ph-final-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:55px; align-items:center; } .ph-final h2{color:#fff!important} .ph-final p{color:#fff!important} .ph-final .ph-eyebrow{ background:rgba(255,215,0,.12); border:1px solid rgba(255,215,0,.28); color:var(--gold)!important; } .ph-final-card{ padding:28px; border-radius:15px; background:#fff; box-shadow:0 20px 45px rgba(0,45,54,.22); } .ph-final-card strong{ display:block; color:var(--teal)!important; font-size:20px!important; } .ph-final-card span{ display:block; color:var(--body)!important; font-size:12px!important; margin-top:5px; } .ph-final-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:20px; } .ph-final-flow div{ padding:9px 4px; border-radius:5px; background:var(--soft); color:var(--teal)!important; text-align:center; font-size:8px!important; font-weight:700!important; } /* ========================================================= FIVE-SOLUTION HUB — SECONDARY STATIC NAVIGATION The interactive explorer is the primary presentation. The static cards remain as a compact fallback/navigation layer. ========================================================= */ #performix-hub .ph-products-secondary{ margin-top:28px !important; padding-top:24px; border-top:1px solid #DCE7EA; } #performix-hub .ph-products-secondary .ph-product{ padding:20px 18px; border-radius:11px; } #performix-hub .ph-products-secondary .ph-vector{ width:105px; height:62px; transform:scale(.78); transform-origin:center; margin-bottom:2px; } #performix-hub .ph-products-secondary .ph-product h3{ font-size:17px!important; } #performix-hub .ph-products-secondary .ph-product p{ font-size:11px!important; line-height:1.55!important; } #performix-hub .ph-products-secondary .ph-product-flow{ margin-top:10px; } #performix-hub .ph-products-secondary .ph-explore{ min-height:38px; margin-top:12px; padding:8px 13px!important; font-size:10px!important; } #performix-hub .ph-products-secondary .ph-product-label{ font-size:8px!important; } /* ========================================================= AI CAPABILITIES GATEWAY ========================================================= */ #performix-hub .ph-ai-gateway{ background:#F5F9FA; padding-top:70px; padding-bottom:70px; } #performix-hub .ph-ai-links{ display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:36px; } #performix-hub .ph-ai-link{ display:block; padding:20px 18px; background:#fff; border:1px solid #DCE7EA; border-radius:11px; text-decoration:none!important; transition:.2s ease; } #performix-hub .ph-ai-link:hover{ transform:translateY(-3px); border-color:rgba(0,90,108,.3); box-shadow:0 12px 26px rgba(0,90,108,.08); } #performix-hub .ph-ai-link strong{ display:block; color:#005A6C!important; font-size:14px!important; line-height:1.3!important; } #performix-hub .ph-ai-link span{ display:block; margin-top:6px; color:#71848A!important; font-size:10px!important; line-height:1.5!important; } /* ========================================================= EIGHT CORE TECHNOLOGY PAGES ========================================================= */ #performix-hub .ph-technology-pages{ background:#F5F9FA; } #performix-hub .ph-technology-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:40px; } #performix-hub .ph-technology-card{ display:block; padding:22px 20px; min-height:190px; background:#fff; border:1px solid #DCE7EA; border-radius:12px; text-decoration:none!important; transition:.22s ease; } #performix-hub .ph-technology-card:hover{ transform:translateY(-4px); border-color:rgba(0,90,108,.30); box-shadow:0 14px 30px rgba(0,90,108,.08); } #performix-hub .ph-technology-icon{ display:flex; width:42px; height:42px; align-items:center; justify-content:center; margin-bottom:14px; border-radius:9px; background:#E7F3F5; color:#005A6C!important; font-size:8px!important; line-height:1!important; font-weight:700!important; letter-spacing:.02em; } #performix-hub .ph-technology-card h3{ color:#17343B!important; font-size:16px!important; line-height:1.3!important; margin:0 0 7px; } #performix-hub .ph-technology-card p{ color:#71848A!important; font-size:11px!important; line-height:1.6!important; margin:0; } #performix-hub .ph-technology-link{ display:inline-block; margin-top:12px; color:#005A6C!important; font-size:10px!important; line-height:1.3!important; font-weight:700!important; } #performix-hub .ph-technology-cta{ display:flex; justify-content:center; margin-top:34px; } /* ========================================================= AI SERVICES — VISUAL GATEWAY ========================================================= */ #performix-hub .ph-ai-services{ background:#fff; } #performix-hub .ph-ai-services-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:40px; } #performix-hub .ph-ai-service-card{ display:flex; flex-direction:column; min-height:305px; padding:20px; background:linear-gradient(180deg,#F5FAFB 0%,#FFFFFF 58%); border:1px solid #DCE7EA; border-radius:14px; text-decoration:none!important; overflow:hidden; position:relative; transition:.22s ease; } #performix-hub .ph-ai-service-card::after{ content:""; position:absolute; width:90px; height:90px; right:-42px; bottom:-42px; border:1px solid rgba(0,90,108,.10); border-radius:50%; } #performix-hub .ph-ai-service-card:hover{ transform:translateY(-4px); border-color:rgba(0,90,108,.28); box-shadow:0 14px 32px rgba(0,90,108,.09); } #performix-hub .ph-ai-art{ display:flex; align-items:center; justify-content:center; width:100%; height:82px; margin-bottom:16px; border-radius:10px; background:#E7F3F5; overflow:hidden; } #performix-hub .ph-ai-art svg{ width:92px; height:64px; fill:none; stroke:#005A6C; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } #performix-hub .ph-ai-art circle{ fill:#FFD700; stroke:#005A6C; } #performix-hub .ph-ai-service-label{ display:block; margin-bottom:7px; color:#005A6C!important; font-size:8px!important; font-weight:700!important; letter-spacing:.10em; } #performix-hub .ph-ai-service-card h3{ margin:0 0 7px; color:#17343B!important; font-size:16px!important; line-height:1.3!important; } #performix-hub .ph-ai-service-card p{ margin:0; color:#71848A!important; font-size:11px!important; line-height:1.6!important; } #performix-hub .ph-ai-service-link{ display:inline-block; margin-top:auto; padding-top:14px; color:#005A6C!important; font-size:10px!important; font-weight:700!important; } /* Small decorative technology network above the common technology CTA */ #performix-hub .ph-technology-pages::before{ content:""; display:block; width:130px; height:32px; margin:-2px auto 25px; background: radial-gradient(circle at 8% 50%,#FFD700 0 3px,transparent 4px), radial-gradient(circle at 50% 20%,#005A6C 0 3px,transparent 4px), radial-gradient(circle at 92% 50%,#FFD700 0 3px,transparent 4px), linear-gradient(25deg,transparent 48%,rgba(0,90,108,.18) 49%,rgba(0,90,108,.18) 51%,transparent 52%), linear-gradient(-25deg,transparent 48%,rgba(0,90,108,.18) 49%,rgba(0,90,108,.18) 51%,transparent 52%); } /* Common CTA: make the technology CTA feel like one shared gateway */ #performix-hub .ph-technology-cta{ position:relative; } #performix-hub .ph-technology-cta::before{ content:""; position:absolute; width:230px; height:1px; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,90,108,.08); z-index:0; } #performix-hub .ph-technology-cta .ph-btn{ position:relative; z-index:1; } /* Responsive */ @media(max-width:1000px){ #performix-hub .ph-ai-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:600px){ #performix-hub .ph-ai-services-grid{grid-template-columns:1fr} #performix-hub .ph-ai-service-card{min-height:275px} } #performix-hub .ph-common-tech-cta-copy{ display:flex; flex-direction:column; align-items:center; margin-bottom:13px; text-align:center; } #performix-hub .ph-common-tech-cta-copy strong{ color:#005A6C; font-size:14px; line-height:1.3; } #performix-hub .ph-common-tech-cta-copy span{ margin-top:3px; color:#71848A; font-size:10px; line-height:1.5; } /* RESPONSIVE */ @media(max-width:1000px){ #performix-hub .ph-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #performix-hub .ph-ai-links{grid-template-columns:repeat(2,1fr)} .ph-hero-grid,.ph-final-grid{grid-template-columns:1fr} .ph-hero-copy{text-align:center} .ph-hero-copy .ph-lead{margin-left:auto;margin-right:auto} .ph-actions,.ph-proof{justify-content:center} .ph-why-grid{grid-template-columns:repeat(2,1fr)} .ph-capabilities{grid-template-columns:repeat(2,1fr)} } @media(max-width:800px){ .ph-products{grid-template-columns:repeat(2,minmax(0,1fr))} .ph-product, .ph-product:nth-child(4), .ph-product:nth-child(5), .ph-product.featured{grid-column:span 1} .ph-product.featured{grid-column:1 / -1} .ph-cap-grid{grid-template-columns:repeat(3,1fr)} .ph-custom-flow{grid-template-columns:repeat(2,1fr)} .ph-custom-step:not(:last-child):after{display:none} } @media(max-width:600px){ #performix-hub .ph-technology-grid{grid-template-columns:1fr} #performix-hub .ph-ai-links{grid-template-columns:1fr} .ph-section{padding:58px 0} .ph-hero{padding:58px 0} .ph-hero-visual{min-height:300px} .ph-orbit.one{width:275px;height:275px} .ph-orbit.two{width:205px;height:205px} .ph-core{width:145px;height:145px} .ph-core strong{font-size:23px!important} .ph-node{font-size:8px!important;min-width:62px} .ph-node.ai{top:8px;left:2%} .ph-node.agentic{top:65px;right:0} .ph-node.blockchain{bottom:25px;right:0} .ph-node.iot{bottom:5px;left:3%} .ph-node.software{left:0} .ph-products{grid-template-columns:1fr} .ph-product, .ph-product:nth-child(4), .ph-product:nth-child(5), .ph-product.featured{grid-column:1!important} .ph-cap-grid{grid-template-columns:repeat(2,1fr)} .ph-why-grid,.ph-capabilities{grid-template-columns:1fr} .ph-custom-flow{grid-template-columns:1fr} .ph-actions{flex-direction:column} .ph-btn{width:100%} .ph-final-card{width:100%} .ph-final-flow{grid-template-columns:repeat(2,1fr)} } /* ========================================================= INDUSTRIES SECTION + SECTION SEPARATION FIX ========================================================= */ #performix-hub .ph-section{ position:relative; clear:both; } #performix-hub .ph-capabilities{ margin-bottom:0 !important; } #performix-hub .ph-industries{ background:#F5F9FA; position:relative; clear:both; overflow:hidden; } #performix-hub .ph-industries-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; } #performix-hub .ph-industry{ position:relative; padding:25px 22px; min-height:145px; background:#fff; border:1px solid #DCE7EA; border-radius:13px; transition:.22s ease; overflow:hidden; } #performix-hub .ph-industry:hover{ transform:translateY(-4px); border-color:rgba(0,90,108,.30); box-shadow:0 16px 32px rgba(0,90,108,.09); } #performix-hub .ph-industry-icon{ width:42px; height:42px; margin-bottom:14px; border-radius:10px; background:#E7F3F5; color:#005A6C !important; display:flex; align-items:center; justify-content:center; font-size:9px !important; line-height:1 !important; font-weight:700 !important; } #performix-hub .ph-industry h3{ color:#17343B !important; font-size:17px !important; margin-bottom:5px; } #performix-hub .ph-industry p{ color:#71848A !important; font-size:11px !important; line-height:1.6 !important; margin:0; } #performix-hub .ph-industry-arrow{ position:absolute; right:18px; top:22px; color:#FFD700 !important; font-size:18px !important; font-weight:700 !important; } #performix-hub .ph-industries-cta{ display:flex; justify-content:center; margin-top:34px; } /* More breathing room before the final CTA */ #performix-hub .ph-final{ margin-top:0 !important; clear:both; } @media(max-width:800px){ #performix-hub .ph-industries-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:600px){ #performix-hub .ph-industries-grid{ grid-template-columns:1fr; } } /* ========================================================= FINAL PRODUCT LIST — FIVE PRODUCTS ONLY 3 + 2, WITH SECOND ROW CENTRED ========================================================= */ #performix-hub .ph-products{ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:22px !important; align-items:stretch !important; } #performix-hub .ph-products .ph-product{ grid-column:span 2 !important; width:100% !important; } #performix-hub .ph-products .ph-product:nth-child(4){ grid-column:2 / span 2 !important; } #performix-hub .ph-products .ph-product:nth-child(5){ grid-column:4 / span 2 !important; } /* Product section ends cleanly after the 5th product */ #performix-hub .ph-products{ margin-bottom:0 !important; } /* Clear distinction between the 5 products and broader capabilities */ #performix-hub .ph-capabilities{ margin-top:42px !important; } /* Capability section introduction */ #performix-hub .ph-capabilities-intro{ max-width:820px; margin:0 auto; } /* Prevent any section overlap */ #performix-hub .ph-products-section, #performix-hub .ph-section, #performix-hub .ph-industries, #performix-hub .ph-final{ position:relative; clear:both; overflow:hidden; } /* Tablet */ @media(max-width:800px){ #performix-hub .ph-products{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #performix-hub .ph-products .ph-product, #performix-hub .ph-products .ph-product:nth-child(4), #performix-hub .ph-products .ph-product:nth-child(5){ grid-column:span 1 !important; } } /* Mobile */ @media(max-width:600px){ #performix-hub .ph-products{ grid-template-columns:1fr !important; } #performix-hub .ph-products .ph-product, #performix-hub .ph-products .ph-product:nth-child(4), #performix-hub .ph-products .ph-product:nth-child(5){ grid-column:1 !important; } } /* ========================================================= INTERACTIVE FIVE-PRODUCT EXPLORER ========================================================= */ #performix-hub .ph-product-explorer{ margin:42px auto 38px; max-width:1080px; border:1px solid #DCE7EA; border-radius:18px; background:#F5F9FA; padding:28px; box-shadow:0 16px 35px rgba(0,90,108,.07); } #performix-hub .ph-explorer-intro{text-align:center;margin-bottom:24px} #performix-hub .ph-explorer-intro h3{ color:#17343B!important; font-size:24px!important; margin:0 0 5px; } #performix-hub .ph-explorer-intro p{ color:#71848A!important; font-size:12px!important; margin:0; } #performix-hub .ph-explorer-tabs{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; } #performix-hub .ph-explorer-tab{ min-height:76px; padding:10px 8px; border:1px solid #DCE7EA; border-radius:9px; background:#fff; color:#005A6C; cursor:pointer; display:flex; align-items:center; gap:8px; text-align:left; transition:.2s ease; } #performix-hub .ph-explorer-tab:hover{ border-color:#005A6C; transform:translateY(-2px); } #performix-hub .ph-explorer-tab.active{ background:#005A6C; border-color:#005A6C; box-shadow:0 9px 20px rgba(0,90,108,.16); } #performix-hub .ph-tab-number{ flex:0 0 auto; color:#005A6C!important; background:#E7F3F5; border-radius:5px; padding:5px 6px; font-size:9px!important; font-weight:700!important; } #performix-hub .ph-explorer-tab.active .ph-tab-number{ color:#003F4B!important; background:#FFD700; } #performix-hub .ph-explorer-tab strong{ display:block; color:#17343B!important; font-size:10px!important; line-height:1.25!important; } #performix-hub .ph-explorer-tab small{ display:block; color:#71848A!important; font-size:8px!important; line-height:1.3!important; margin-top:2px; } #performix-hub .ph-explorer-tab.active strong, #performix-hub .ph-explorer-tab.active small{ color:#fff!important; } #performix-hub .ph-explorer-panel{ margin-top:10px; border-radius:12px; background:#fff; border:1px solid #DCE7EA; overflow:hidden; } #performix-hub .ph-product-detail{ display:none; grid-template-columns:.8fr 1.2fr; min-height:300px; } #performix-hub .ph-product-detail.active{ display:grid; animation:phFadeIn .25s ease; } @keyframes phFadeIn{ from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} } #performix-hub .ph-detail-visual{ min-height:300px; background:#005A6C; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; } #performix-hub .ph-detail-copy{ padding:35px 38px; display:flex; flex-direction:column; justify-content:center; } #performix-hub .ph-detail-label{ color:#005A6C!important; font-size:10px!important; line-height:1.2!important; font-weight:700!important; letter-spacing:.08em; margin-bottom:10px; } #performix-hub .ph-detail-copy h3{ color:#17343B!important; font-size:27px!important; margin-bottom:11px; } #performix-hub .ph-detail-copy p{ color:#566B72!important; font-size:13px!important; line-height:1.7!important; } #performix-hub .ph-detail-points{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 7px; } #performix-hub .ph-detail-points span{ padding:6px 8px; border-radius:4px; background:#F5F9FA; color:#005A6C!important; border:1px solid #DCE7EA; font-size:9px!important; line-height:1.25!important; font-weight:600!important; } #performix-hub .ph-detail-cta{ display:inline-flex; width:max-content; min-height:43px; align-items:center; justify-content:center; margin-top:12px; padding:10px 17px; border-radius:6px; background:#FFD700; color:#003F4B!important; border:1px solid #FFD700; font-size:12px!important; font-weight:700!important; line-height:1.2!important; text-decoration:none!important; transition:.2s ease; } #performix-hub .ph-detail-cta:hover{ background:#005A6C; border-color:#005A6C; color:#fff!important; } /* Explorer visuals */ #performix-hub .ph-detail-phone{ width:105px;height:188px; border:4px solid #fff; border-radius:18px; background:#F5F9FA; position:relative; box-shadow:0 18px 35px rgba(0,45,54,.25); } #performix-hub .ph-detail-phone:after{ content:"AI ASSISTANT"; position:absolute; left:15px;right:15px;top:64px; padding:9px 4px; border-radius:6px; background:#E7F3F5; color:#005A6C; font-size:8px; font-weight:700; text-align:center; } #performix-hub .ph-detail-bubble{ position:absolute; padding:8px 11px; border-radius:9px; background:#FFD700; color:#003F4B!important; font-size:9px!important; font-weight:700!important; } #performix-hub .ph-detail-bubble.left{left:25px;top:73px} #performix-hub .ph-detail-bubble.right{right:18px;bottom:75px} #performix-hub .ph-detail-doc{ position:absolute; width:80px;height:70px; border:2px solid #fff; border-radius:8px; background:#F5F9FA; color:#005A6C; display:flex; align-items:center; justify-content:center; font-size:8px; font-weight:700; } #performix-hub .ph-detail-doc.d1{left:40px;top:45px} #performix-hub .ph-detail-doc.d2{left:75px;top:78px} #performix-hub .ph-detail-doc.d3{left:110px;top:111px} #performix-hub .ph-detail-flow-arrow{ position:absolute; left:190px; top:145px; color:#FFD700!important; font-size:30px!important; font-weight:700!important; } #performix-hub .ph-detail-answer{ position:absolute; right:42px; top:116px; width:115px; height:70px; border-radius:11px; background:#FFD700; color:#003F4B!important; display:flex; align-items:center; justify-content:center; text-align:center; font-size:9px!important; font-weight:700!important; } #performix-hub .ph-detail-ticket{ position:absolute; left:50px;top:105px; width:120px;height:65px; border:3px solid #fff; border-radius:9px; background:#F5F9FA; color:#005A6C; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; transform:rotate(-6deg); } #performix-hub .ph-detail-chain-line{ position:absolute; left:160px;top:137px; width:70px;height:3px; background:#FFD700; } #performix-hub .ph-detail-chain-block{ position:absolute; right:82px;top:92px; width:65px;height:65px; border-radius:10px; background:#F5F9FA; color:#005A6C; display:flex; align-items:center; justify-content:center; font-size:8px; font-weight:700; border:3px solid #fff; } #performix-hub .ph-detail-chain-block.second{right:32px;top:135px} #performix-hub .ph-detail-page{ width:145px; height:190px; padding:25px 17px; border-radius:9px; background:#fff; color:#005A6C; box-shadow:10px 12px 0 rgba(255,215,0,.7); display:flex; flex-direction:column; gap:9px; } #performix-hub .ph-detail-page strong{font-size:22px!important} #performix-hub .ph-detail-page span{ padding:7px; background:#E7F3F5; border-radius:4px; font-size:8px!important; font-weight:700!important; } #performix-hub .ph-detail-spark{ position:absolute; right:60px; top:72px; color:#FFD700!important; font-size:35px!important; } #performix-hub .ph-detail-data{ width:125px;height:80px; border:3px solid #fff; border-radius:10px; background:#F5F9FA; color:#005A6C!important; display:flex; align-items:center; justify-content:center; text-align:center; font-size:9px!important; font-weight:700!important; } #performix-hub .ph-detail-arrow{ color:#FFD700!important; font-size:32px!important; margin:0 16px; } #performix-hub .ph-detail-shield{ width:105px;height:125px; background:#E7F3F5; border:4px solid #fff; clip-path:polygon(50% 0,94% 15%,85% 67%,50% 100%,15% 67%,6% 15%); color:#005A6C!important; display:flex; align-items:center; justify-content:center; text-align:center; font-size:11px!important; font-weight:700!important; } /* Make the five existing cards visually secondary to the interactive explorer */ #performix-hub .ph-products{ margin-top:26px; } #performix-hub .ph-product{ padding-top:23px; } #performix-hub .ph-product-explorer + .ph-products{ margin-top:26px; } @media(max-width:850px){ #performix-hub .ph-explorer-tabs{ grid-template-columns:repeat(3,1fr); } #performix-hub .ph-product-detail.active{ grid-template-columns:1fr; } #performix-hub .ph-detail-visual{ min-height:250px; } #performix-hub .ph-detail-copy{ padding:27px; } } @media(max-width:600px){ #performix-hub .ph-product-explorer{ padding:16px; margin-top:30px; } #performix-hub .ph-explorer-tabs{ grid-template-columns:repeat(2,1fr); } #performix-hub .ph-explorer-tab{ min-height:68px; } #performix-hub .ph-detail-copy h3{ font-size:22px!important; } #performix-hub .ph-detail-visual{ min-height:225px; transform:none; } #performix-hub .ph-detail-doc.d1{left:15px} #performix-hub .ph-detail-doc.d2{left:50px} #performix-hub .ph-detail-doc.d3{left:85px} #performix-hub .ph-detail-flow-arrow{left:160px} #performix-hub .ph-detail-answer{right:18px} #performix-hub .ph-detail-ticket{left:22px} #performix-hub .ph-detail-chain-block{right:45px} #performix-hub .ph-detail-chain-block.second{right:8px} } Performix Technology Solutions One Technology Partner. Five Focused Solutions. Performix helps businesses solve complex technology challenges through practical, scalable solutions across AI-powered applications, enterprise knowledge, blockchain, AI content automation and data protection. Explore five focused solutions built around real business problems. Explore Our Solutions → Book a Discovery Call AI & AI Agents Agentic AI Enterprise RAG Blockchain IoT Custom Software PERFORMIX Technology Partner AI AGENTIC AI BLOCKCHAIN IoT SOFTWARE AI Intelligent solutions Agentic AI Autonomous workflows Blockchain Trusted digital systems IoT Connected intelligence Software Enterprise applications Why Performix More Than a Product. A Technology Partner. Technology should solve a business problem — not create another layer of complexity. Performix brings product thinking, engineering expertise and modern technologies together to build solutions around your goals. AI Intelligent by Design Apply AI, generative AI and agentic workflows where they create practical value. BUILD Built Around Your Business Technology choices start with your workflow, users, data and business objectives. SCALE Designed to Scale Build solutions that can evolve as your products, teams and operations grow. TECH Broad Technology Expertise Access capabilities across AI, blockchain, IoT, software, data and digital platforms. Explore Performix Solutions Five Solutions. Real Business Problems. Explore five focused Performix solutions — each built around a specific business problem. Choose a solution to understand the challenge it addresses, then explore the full product page. Interactive Product Explorer Which Business Challenge Are You Solving? Choose a solution to see what it does, the problem it addresses and how it creates value. 01 BizBot App intelligence 02 RAG Enterprise knowledge 03 Raffle Maniac Blockchain & Web3 04 SEO AI Agent Content operations 05 AI-Driven PII Data protection ASK AI → ACTION AI-POWERED APPLICATION ASSISTANT Make Your Application Talk to Your Users. BizBot brings contextual AI assistance directly into business applications, helping users find information, understand features and take action without leaving the workflow. Contextual assistance Natural-language interaction Smarter application engagement Explore BizBot → DATA DOCS KNOWLEDGE → GROUNDED ANSWER ENTERPRISE RAG Turn Business Knowledge Into Useful Answers. RAG-powered AI assistants connect enterprise knowledge with retrieval and contextual generation, helping teams access relevant information when they need it. Enterprise knowledge Context-aware answers Grounded AI responses Explore RAG → RAFFLE CHAIN VERIFY BLOCKCHAIN & WEB3 Build More Transparent Digital Raffle Experiences. Raffle Maniac demonstrates how blockchain can support verifiable raffle workflows, digital ticketing and transparent winner-selection experiences. Blockchain workflows Transparent verification Digital raffle experiences Explore Raffle Maniac → SEO Research Write Optimize ✦ AI CONTENT OPERATIONS Move From Content Brief to Optimized Draft Faster. The SEO Content Writer AI Agent helps connect research, writing and SEO-focused content production into a more scalable workflow. AI-assisted research Content generation SEO optimization Explore SEO AI Agent → SENSITIVE DATA → PII SAFE DATA PROTECTION Protect Sensitive Data Without Losing Its Business Value. AI-driven PII protection helps identify and mask personally identifiable information so organizations can work with useful data while reducing exposure. PII detection Data masking Safer data workflows Explore AI-Driven PII → 01 / INTELLIGENT APPLICATIONS ASK AI BizBot An AI-powered app assistant that makes business applications more intelligent, interactive and easier to use through contextual assistance and smart engagement. AI-Powered App Assistant USER → AI → CONTEXT → ACTION Explore BizBot → 02 / ENTERPRISE KNOWLEDGE ANSWER RAG-Powered AI Assistants Connect enterprise knowledge to grounded AI assistants that retrieve relevant information and provide contextual answers for business operations. Enterprise RAG DATA → RETRIEVE → GROUND → ANSWER Explore Enterprise RAG → 03 / BLOCKCHAIN & WEB3 Raffle Maniac A blockchain raffle platform concept for transparent, automated and verifiable digital raffle experiences for relevant Web3 and brand campaigns. Blockchain Raffle Platform TICKET → CHAIN → VERIFY → WINNER Explore Raffle Maniac → 04 / AI CONTENT OPERATIONS SEO Content Writer AI Agent An AI-powered content workflow that connects research, writing, SEO optimization and content production to help teams scale their organic content operations. AI Content Automation BRIEF → RESEARCH → WRITE → SEO Explore SEO Content Writer → 05 / DATA PROTECTION SENSITIVE DATA PII SAFE AI-Driven PII Protection An AI-driven approach to identifying and masking personally identifiable information while helping businesses preserve useful data for operational use. Data Masking & Protection SOURCE → DETECT → MASK → USE Explore AI-Driven PII → AI Services From AI Ideas to Intelligent Business Systems. Explore the broader AI capabilities behind Performix — from strategy and implementation to agentic AI and responsible AI. 01 / AI Artificial Intelligence Build practical AI solutions around real business use cases, data and workflows. Explore AI → 02 / STRATEGY AI Consulting Turn AI opportunities into practical roadmaps, use cases and implementation plans. Explore AI Consulting → 03 / AUTONOMOUS AI Agentic AI & AI Agents Design AI systems that can reason through tasks, coordinate steps and take action. Explore Agentic AI → 04 / RESPONSIBLE AI AI Governance & Compliance Build the controls, policies and safeguards needed for responsible AI adoption. Explore AI Governance → Performix Technology Explore Our Technology Capabilities. Explore the core technologies Performix uses to build, modernize and scale digital solutions across industries. IoT Internet of Things (IoT) Connected devices, real-time data and intelligent IoT solutions. Explore IoT → WEB3 Web 3.0 Decentralized technologies and next-generation digital experiences. Explore Web 3.0 → AI Generative AI AI-powered applications and intelligent solutions for modern businesses. Explore Generative AI → CLOUD Cloud Services Scalable cloud solutions, modernization and connected infrastructure. Explore Cloud Services → CHAIN Enterprise Blockchain Blockchain development for secure, transparent and trusted business systems. Explore Blockchain → CODE Software Development Purpose-built software, applications and platforms for business needs. Explore Software Development → WEB Web Development Modern, responsive web experiences and business-focused digital platforms. Explore Web Development → DATA Data Science Data-driven insights, analytics and intelligent decision support. Explore Data Science → Have a technology challenge? Explore the right capability for your next initiative. Explore All Performix Technologies → Industries We Serve Technology Expertise Across Industries. Performix applies AI, IoT, blockchain, cloud, analytics and custom software expertise to solve industry-specific business challenges. MFG → Manufacturing & Automation Smart manufacturing, industrial automation, IoT, analytics and connected operations. HLTH → Healthcare & Life Sciences Digital healthcare applications, data solutions, automation and intelligent workflows. GOV → Government & Public Services Secure digital platforms, workflow modernization and technology solutions for public services. RETAIL → Retail & eCommerce Commerce platforms, customer experiences, POS, CRM, analytics and workflow automation. EDU → Education & EdTech Learning platforms, digital applications, data solutions and technology-enabled education. LOG → Logistics & Transportation Connected operations, workflow automation, mobile applications and data-driven visibility. BANK → Banking & Finance Digital platforms, secure data workflows, automation and intelligent financial applications. SAAS → SaaS & Technology AI-powered products, enterprise software, integrations, automation and scalable platforms. ENERGY → Energy & Utilities IoT, monitoring, analytics, automation and connected technology for operational efficiency. Explore Performix Industries → Let's Build What's Next Have a Technology Challenge? Let's Talk. Tell us what you want to build, automate, protect or transform. Talk to Performix experts about the right technology approach for your business. Book a Discovery Call → Talk to Performix Experts → From Business Challenge to Technology Solution One partner across modern technologies. CHALLENGE EXPERTS SOLUTION OUTCOME (function(){ const root = document.getElementById('performix-hub'); if(!root) return; const tabs = root.querySelectorAll('.ph-explorer-tab'); const details = root.querySelectorAll('.ph-product-detail'); tabs.forEach(function(tab){ tab.addEventListener('click', function(){ const product = tab.getAttribute('data-product'); tabs.forEach(function(t){ const active = t === tab; t.classList.toggle('active', active); t.setAttribute('aria-selected', active ? 'true' : 'false'); }); details.forEach(function(detail){ detail.classList.toggle( 'active', detail.getAttribute('data-detail') === product ); }); }); }); })();