--- title: "Performix Business Services LLC – Software Solutions and IT Consulting" description: "Performix: Innovative software solutions, IT training, temporary staffing, and project outsourcing for seamless business efficiency." featured_image: "https://www.performixbiz.com/wp-content/uploads/2025/10/674556f2717e6acaf51af5f8_Performix-newsletters.png" url: "https://www.performixbiz.com/" date_modified: "2026-08-19T14:02:00-05:00" --- # AI, Blockchain & Digital Transformation Solutions Empower your business with **next-generation Artificial Intelligence solutions**. From **AI-powered data agents** to **blockchain development, mobile app solutions, and staff augmentation**, Performix helps startups to large enterprises innovate, scale and grow faster [Get Free Consultation](https://performixbiz.com/contact-us/) [Build Your Custom Technology](https://performixbiz.com/technology/) --- ### [GSA certified](https://www.gsa.gov/) ### [SAM certified](https://sam.gov/) ### [NMSDC certified](https://nmsdc.org/) ### [UCP certified](https://www.dot.state.mn.us/civilrights/small-business-eligibility.html) --- ⌁ ⌁ ⌕ Looking for the secret to business success? Find our Hidden Genius 🐵 here. CURIOUS? FIND THE GENIUS → const jungleAudio = new Audio( "https://actions.google.com/sounds/v1/ambiences/rainforest_with_monkeys.ogg" ); const geniusButton = document.getElementById("btn-trigger"); if (geniusButton) { geniusButton.addEventListener("click", function () { jungleAudio.loop = true; jungleAudio.volume = 0.35; const playPromise = jungleAudio.play(); if (playPromise !== undefined) { playPromise.then(function () { setTimeout(function () { jungleAudio.pause(); jungleAudio.currentTime = 0; }, 30000); }).catch(function () { console.log("Audio interaction required."); }); } }); } /* ========================================================= PERFORMIX — HIDDEN GENIUS ========================================================= */ .performix-genius-bar { position: relative; display: flex; align-items: center; justify-content: center; gap: 28px; padding: 17px 30px; background: radial-gradient( circle at 15% 50%, rgba(255,215,0,.08), transparent 28% ), linear-gradient( 110deg, #004F60, #005A6C 55%, #004B5B ); border-bottom: 3px solid #FFD700; font-family: "Poppins", Arial, sans-serif; overflow: hidden; z-index: 99; } /* ========================================================= SUBTLE DECORATIVE LINES ========================================================= */ .performix-genius-bar::before { content: ""; position: absolute; width: 220px; height: 220px; left: -150px; top: -100px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; } .performix-genius-bar::after { content: ""; position: absolute; width: 280px; height: 280px; right: -180px; bottom: -160px; border: 1px solid rgba(255,215,0,.08); border-radius: 50%; } /* ========================================================= DECORATIVE ELEMENTS ========================================================= */ .genius-leaf { position: absolute; color: #9BD2D8; font-size: 58px; opacity: .16; pointer-events: none; } .genius-leaf-1 { left: 25px; top: -10px; transform: rotate(-25deg); } .genius-leaf-2 { right: 35px; bottom: -17px; transform: rotate(35deg); } /* ========================================================= SEARCH ICON ========================================================= */ .genius-search { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; flex-shrink: 0; } .genius-search-circle { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); box-shadow: 0 0 0 7px rgba(255,255,255,.025); } .genius-search-circle span { color: #FFD700; font-family: Arial, sans-serif; font-size: 30px; line-height: 1; transform: rotate(-15deg); display: inline-block; animation: genius-search-pulse 2.4s ease-in-out infinite; } @keyframes genius-search-pulse { 0%,100% { transform: rotate(-15deg) scale(1); opacity: .9; } 50% { transform: rotate(-15deg) scale(1.12); opacity: 1; } } /* ========================================================= MESSAGE ========================================================= */ .genius-message { position: relative; z-index: 2; min-width: 330px; } .genius-question { color: rgba(255,255,255,.88); font-size: 13px; font-weight: 400; line-height: 1.4; margin-bottom: 3px; } .genius-highlight { color: #FFD700; font-size: 20px; font-weight: 700; line-height: 1.3; } .genius-highlight strong { font-weight: 800; } .genius-monkey { display: inline-block; margin-left: 4px; font-size: 23px; vertical-align: -2px; animation: genius-monkey 2.8s ease-in-out infinite; } @keyframes genius-monkey { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } .genius-here { color: #FFFFFF; font-weight: 500; } /* ========================================================= CTA ========================================================= */ .genius-cta { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 170px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; background: #FFD700; color: #005A6C !important; text-decoration: none !important; box-shadow: 0 7px 18px rgba(0,0,0,.15); transition: all .25s ease; } .genius-cta:hover { background: #FFFFFF; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.18); } .genius-cta-small { font-size: 8px; font-weight: 700; letter-spacing: .13em; line-height: 1.2; } .genius-cta-main { margin-top: 2px; font-size: 13px; font-weight: 800; line-height: 1.3; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 850px) { .performix-genius-bar { flex-direction: column; gap: 10px; padding: 22px 18px; text-align: center; } .genius-search { width: 48px; height: 48px; } .genius-search-circle { width: 42px; height: 42px; } .genius-message { min-width: 0; } .genius-question { font-size: 12px; } .genius-highlight { font-size: 18px; } .genius-cta { min-width: 160px; } } @media (max-width: 480px) { .performix-genius-bar { padding: 20px 15px; } .genius-highlight { font-size: 17px; } .genius-cta { width: auto; } } --- EXPLORE PERFORMIX AI Go Beyond AI Tools. Build AI That Works for Your Business. From AI strategy and autonomous systems to responsible AI, Performix helps businesses move from experimentation to practical implementation. 01 / STRATEGY AI Consulting Identify the right AI opportunities, define practical use cases and build a roadmap aligned with your business goals. Explore AI Consulting → 02 / AUTONOMOUS AI Agentic AI & AI Agents Design AI systems that can reason through tasks, coordinate actions and work across business processes with greater autonomy. Explore Agentic AI → 03 / RESPONSIBLE AI AI Governance & Compliance Build the policies, controls and safeguards needed to adopt AI responsibly while managing risk and compliance. Explore AI Governance → /* ========================================================= PERFORMIX AI SERVICES FULLY SCOPED — WON'T DISTURB OTHER HOMEPAGE SECTIONS ========================================================= */ .performix-ai-services { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 72px 20px; background: radial-gradient( circle at 88% 15%, rgba(255,215,0,.10), transparent 28% ), radial-gradient( circle at 5% 90%, rgba(169,224,229,.08), transparent 25% ), #005A6C; font-family: "Poppins", Arial, sans-serif; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .performix-ai-services::before { content: ""; position: absolute; width: 420px; height: 420px; top: -230px; right: -170px; border-radius: 50%; border: 1px solid rgba(255,255,255,.10); pointer-events: none; } .performix-ai-services::after { content: ""; position: absolute; width: 250px; height: 250px; left: -150px; bottom: -130px; border-radius: 50%; background: rgba(255,215,0,.045); pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .pais-container { position: relative; z-index: 2; width: 100%; max-width: 1160px; margin: 0 auto; box-sizing: border-box; } /* ========================================================= HEADING ========================================================= */ .pais-heading { width: 100%; max-width: 780px; margin: 0 auto 42px; text-align: center; } .pais-eyebrow { display: inline-block; margin-bottom: 14px; color: #FFD700; font-size: 12px; font-weight: 700; letter-spacing: .15em; line-height: 1.4; } .pais-heading h2 { margin: 0; padding: 0; color: #FFFFFF; font-size: 38px; font-weight: 700; line-height: 1.18; letter-spacing: -.4px; } .pais-heading h2 span { color: #A9E0E5; } .pais-heading p { max-width: 690px; margin: 17px auto 0; color: #D8EEF1; font-size: 15px; font-weight: 400; line-height: 1.7; } /* ========================================================= CARD GRID ========================================================= */ .pais-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; } /* ========================================================= CARD ========================================================= */ .pais-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 330px; padding: 24px; box-sizing: border-box; background: #FFFFFF; border: 1px solid rgba(255,255,255,.65); border-radius: 13px; text-decoration: none !important; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } /* Decorative circle */ .pais-card::after { content: ""; position: absolute; width: 115px; height: 115px; right: -55px; bottom: -55px; border-radius: 50%; border: 1px solid rgba(0,90,108,.08); pointer-events: none; } .pais-card:hover { transform: translateY(-6px); border-color: rgba(0,90,108,.18); box-shadow: 0 20px 40px rgba(0,0,0,.16); } /* ========================================================= ICON AREA ========================================================= */ .pais-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 90px; margin-bottom: 17px; border-radius: 10px; background: linear-gradient( 135deg, #EAF6F7, #F5FBFC ); } /* ========================================================= SVG ========================================================= */ .pais-icon svg { width: 98px; height: 68px; overflow: visible; fill: none; stroke: #005A6C; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* Yellow nodes */ .pais-icon circle { fill: #FFD700; stroke: #005A6C; } /* Agentic AI central core */ .pais-icon .agent-core { fill: #005A6C; stroke: #005A6C; } /* Governance check */ .pais-icon .governance-check { stroke: #005A6C; stroke-width: 3; } /* ========================================================= CARD LABEL ========================================================= */ .pais-label { display: block; margin-bottom: 8px; color: #005A6C; font-size: 10px; font-weight: 700; letter-spacing: .11em; line-height: 1.4; } /* ========================================================= CARD TITLE ========================================================= */ .pais-card h3 { margin: 0 0 10px; padding: 0; color: #17343B; font-size: 20px; font-weight: 700; line-height: 1.3; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .pais-card p { margin: 0; padding: 0; color: #687B81; font-size: 14px; font-weight: 400; line-height: 1.7; } /* ========================================================= CARD LINK ========================================================= */ .pais-link { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 18px; color: #005A6C; font-size: 12px; font-weight: 700; line-height: 1.4; } .pais-arrow { display: inline-block; transition: transform .2s ease; } .pais-card:hover .pais-arrow { transform: translateX(4px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .performix-ai-services { padding: 65px 20px; } .pais-heading h2 { font-size: 34px; } .pais-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } .pais-card { min-height: 310px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-ai-services { padding: 55px 16px; } .pais-heading { margin-bottom: 30px; } .pais-eyebrow { font-size: 11px; } .pais-heading h2 { font-size: 29px; line-height: 1.22; } .pais-heading p { margin-top: 15px; font-size: 14px; line-height: 1.65; } .pais-card { min-height: 300px; padding: 22px; } .pais-icon { height: 86px; } .pais-card h3 { font-size: 19px; } .pais-card p { font-size: 13px; line-height: 1.65; } .pais-link { font-size: 12px; } } /* ========================================================= VERY SMALL SCREENS ========================================================= */ @media (max-width: 380px) { .pais-heading h2 { font-size: 27px; } .pais-card h3 { font-size: 18px; } } --- THE PERFORMIX AI JOURNEY From AI Idea to Enterprise Impact. AI adoption doesn't happen with a single tool. Performix helps you move from strategy to implementation, governance and scale — with the right technology at every stage. 01 Discover Identify where AI can create meaningful business value. AI Consulting → 02 Build Turn high-value opportunities into intelligent AI solutions. AI Agents & Automation → 03 Connect Bring enterprise knowledge and data into AI workflows. RAG & Enterprise Knowledge → 04 Protect Put governance, privacy and responsible AI controls in place. AI Governance & PII Protection → 05 Scale Expand successful AI initiatives across the enterprise. Enterprise AI → STRATEGY DISCOVER BUILD AGENTS CONNECT RAG PROTECT GOVERN SCALE IMPACT AI • DATA • GOVERNANCE • AUTOMATION /* ========================================================= PERFORMIX — AI JOURNEY ========================================================= */ .performix-ai-journey { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 82px 20px; background: radial-gradient( circle at 82% 45%, rgba(255,215,0,.10), transparent 30% ), linear-gradient( 135deg, #F8FCFD 0%, #FFFFFF 50%, #EDF8F9 100% ); font-family: "Poppins", Arial, sans-serif; } .paij-container { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: .95fr 1.05fr; gap: 55px; align-items: center; } /* ========================================================= CONTENT ========================================================= */ .paij-content { position: relative; z-index: 3; } .paij-eyebrow { display: inline-block; margin-bottom: 14px; color: #005A6C; font-size: 13px; font-weight: 700; letter-spacing: .15em; } .paij-content h2 { max-width: 650px; margin: 0; color: #17343B; font-size: 44px; font-weight: 700; line-height: 1.15; letter-spacing: -.5px; } .paij-content h2 span { color: #005A6C; } .paij-intro { max-width: 550px; margin: 18px 0 28px; color: #64777D; font-size: 16px; line-height: 1.75; } /* ========================================================= JOURNEY ========================================================= */ .paij-journey { position: relative; max-width: 590px; } .paij-journey::before { content: ""; position: absolute; left: 20px; top: 20px; bottom: 20px; width: 2px; background: linear-gradient( to bottom, #FFD700, #9FC8CE, #005A6C ); } /* CLICKABLE STEP */ .paij-step { position: relative; display: flex; gap: 17px; padding: 10px 12px 10px 0; border-radius: 8px; text-decoration: none !important; transition: background .25s ease, transform .25s ease; } .paij-step:hover { background: rgba(0,90,108,.045); transform: translateX(4px); } .paij-step-number { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; box-sizing: border-box; border-radius: 50%; background: #FFFFFF; border: 2px solid #C9E1E4; color: #005A6C; font-size: 12px; font-weight: 700; box-shadow: 0 4px 12px rgba(0,90,108,.08); transition: .3s ease; } .paij-step.active .paij-step-number, .paij-step:hover .paij-step-number { background: #005A6C; border-color: #005A6C; color: #FFD700; } .paij-step-content { padding: 1px 0 6px; } .paij-step-content h3 { margin: 0 0 3px; color: #17343B; font-size: 19px; font-weight: 700; line-height: 1.3; } .paij-step-content p { margin: 0 0 4px; color: #64777D; font-size: 14px; line-height: 1.5; } .paij-step-content span { color: #005A6C; font-size: 12px; font-weight: 700; } /* ========================================================= VECTOR ========================================================= */ .paij-visual { position: relative; min-height: 510px; display: flex; align-items: center; justify-content: center; } .paij-glow { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient( circle, rgba(0,90,108,.11), rgba(0,90,108,.025) 60%, transparent 72% ); filter: blur(2px); } .paij-vector { position: relative; z-index: 3; width: 100%; max-width: 510px; height: auto; } /* CONNECTIONS */ .paij-connections line { stroke: #9FC8CE; stroke-width: 1.6; stroke-dasharray: 5 5; opacity: .8; } /* RINGS */ .paij-ring { fill: none; stroke: #CDE4E7; stroke-width: 1.2; stroke-dasharray: 4 8; animation: paij-rotate 20s linear infinite; transform-origin: 250px 250px; } .paij-core-ring { fill: none; stroke: #FFD700; stroke-width: 2; stroke-dasharray: 6 5; animation: paij-rotate-reverse 12s linear infinite; transform-origin: 250px 250px; } /* CORE */ .paij-core { fill: #005A6C; stroke: #FFFFFF; stroke-width: 5; filter: drop-shadow( 0 10px 20px rgba(0,90,108,.20) ); } /* AI SYMBOL */ .paij-ai-symbol { fill: none; stroke: #A9E0E5; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .paij-ai-eye { fill: #FFD700; } .paij-ai-smile { fill: none; stroke: #FFD700; stroke-width: 2; stroke-linecap: round; } /* NODES */ .paij-node circle { fill: #FFFFFF; stroke: #005A6C; stroke-width: 2; filter: drop-shadow( 0 6px 12px rgba(0,90,108,.12) ); } .paij-node:nth-of-type(2) circle, .paij-node:nth-of-type(4) circle { stroke: #FFD700; } .paij-node text { fill: #005A6C; font-family: "Poppins", Arial, sans-serif; font-size: 10px; font-weight: 800; } .paij-node-small { fill: #718187 !important; font-size: 7px !important; font-weight: 600 !important; letter-spacing: .5px; } /* ========================================================= MOVING DATA ========================================================= */ .paij-data-dot { fill: #FFD700; filter: drop-shadow( 0 0 5px rgba(255,215,0,.5) ); } .dot-one { animation: paij-data-one 3s linear infinite; } .dot-two { animation: paij-data-two 3s linear infinite; } .dot-three { animation: paij-data-three 3s linear infinite; } .dot-four { animation: paij-data-four 3s linear infinite; } .dot-five { animation: paij-data-five 3s linear infinite; } /* ========================================================= LABEL ========================================================= */ .paij-visual-label { position: absolute; right: 0; bottom: 12px; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid #D8E7E9; border-radius: 20px; background: rgba(255,255,255,.94); color: #64777D; font-size: 10px; font-weight: 700; letter-spacing: .05em; box-shadow: 0 6px 18px rgba(0,90,108,.07); } .paij-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #FFD700; box-shadow: 0 0 0 4px rgba(255,215,0,.12); animation: paij-pulse 2s infinite; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes paij-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes paij-rotate-reverse { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes paij-pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.35); opacity: .6; } } @keyframes paij-data-one { 0% { transform: translateY(80px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(-80px); opacity: 0; } } @keyframes paij-data-two { 0% { transform: translate(-70px,40px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translate(70px,-40px); opacity: 0; } } @keyframes paij-data-three { 0% { transform: translate(-60px,-50px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translate(60px,50px); opacity: 0; } } @keyframes paij-data-four { 0% { transform: translate(60px,-50px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translate(-60px,50px); opacity: 0; } } @keyframes paij-data-five { 0% { transform: translate(70px,40px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translate(-70px,-40px); opacity: 0; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .performix-ai-journey { padding: 65px 20px; } .paij-container { grid-template-columns: 1fr; gap: 35px; } .paij-content { text-align: center; } .paij-content h2 { font-size: 39px; margin-left: auto; margin-right: auto; } .paij-intro { font-size: 15px; margin-left: auto; margin-right: auto; } .paij-journey { margin-left: auto; margin-right: auto; text-align: left; } .paij-visual { min-height: 450px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-ai-journey { padding: 55px 16px; } .paij-eyebrow { font-size: 11px; } .paij-content h2 { font-size: 32px; } .paij-intro { font-size: 14px; } .paij-step-number { width: 39px; height: 39px; flex-basis: 39px; font-size: 11px; } .paij-step-content h3 { font-size: 17px; } .paij-step-content p { font-size: 12px; } .paij-step-content span { font-size: 10px; } .paij-visual { min-height: 350px; } .paij-vector { width: 112%; max-width: none; margin-left: -6%; } .paij-node text { font-size: 8px; } .paij-node-small { font-size: 5px !important; } .paij-visual-label { right: 0; bottom: 0; font-size: 7px; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .paij-ring, .paij-core-ring, .paij-data-dot, .paij-live-dot { animation: none !important; } } --- ![httpselements.envato.comsearching-for-solution-SNKLA2A-1.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comsearching-for-solution-SNKLA2A-1.jpg) ## 25 ## Years Of Experience --- ### What We Offer --- ## Our Core Solutions ### Artificial Intelligence (AI) Agents Turn raw data into actionable insights with custom AI agents. Automate tasks.... ### IoT & Mobile App Development Seamlessly connect the physical and digital worlds with robust IoT applications and.... ### Custom Software Development Build scalable, reliable, and innovative software solutions tailored to your business goals. ### Blockchain Development Accelerate your Web3 journey with secure, transparent, and future-ready blockchain .... ### Web Development & AI Tools Develop smarter and faster with AI-powered web tools like Cursor, Cursive, and SmythOS. ### Staff Augmentation & Talent Solutions Scale your team with top-tier talent pipelines through our flexible staff augmentation services. [View All Solution](https://performixbiz.com/solutions/) --- AI SOLUTIONS FOR REAL-WORLD INDUSTRIES AI Built Around Your Industry. AI creates the most value when it is connected to the workflows, data and decisions that matter to your business. Explore how Performix applies AI, analytics, automation and intelligent software across key industries. + HEALTHCARE AI Healthcare AI for U.S. Health Systems Move from AI pilots to practical healthcare impact with solutions designed around clinical, administrative, operational and data workflows. Healthcare Analytics AI Agents Workflow Automation AI Governance Explore Healthcare AI → ⚙ INDUSTRY 4.0 + AI AI for U.S. Manufacturing Turn plant data into operational intelligence with AI, IoT, automation and analytics for quality, maintenance, production performance and supply chain operations. Smart Manufacturing Predictive Maintenance Computer Vision Industrial AI Explore Manufacturing AI → ⇄ SUPPLY CHAIN INTELLIGENCE AI-Powered Supply Chain Intelligence Connect supply chain data, business intelligence, analytics and AI to improve forecasting, inventory, procurement, logistics and operational decision-making. Demand Forecasting Inventory Intelligence Supply Chain Analytics AI Decision Support Explore Supply Chain AI → Don't see your industry? Performix can apply the same AI-first approach to your specific business workflows and challenges. Discuss Your AI Opportunity → /* ========================================================= PERFORMIX — AI SOLUTIONS BY INDUSTRY ========================================================= */ .performix-industry-ai-section { width: 100%; padding: 85px 24px; background: linear-gradient( 180deg, #F7FBFC 0%, #FFFFFF 100% ); font-family: "Poppins", Arial, sans-serif; } .pias-container { width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .pias-header { max-width: 780px; margin: 0 auto 42px; text-align: center; } .pias-eyebrow { display: block; margin-bottom: 9px; color: #007083; font-size: 11px; font-weight: 750; letter-spacing: .14em; } .pias-header h2 { margin: 0; color: #163F47; font-size: 40px; line-height: 1.15; font-weight: 750; letter-spacing: -.03em; } .pias-header h2 span { color: #006879; } .pias-header p { max-width: 700px; margin: 15px auto 0; color: #526B72; font-size: 14px; line-height: 1.75; } /* ========================================================= CARD GRID ========================================================= */ .pias-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } /* ========================================================= CARD ========================================================= */ .pias-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 28px 25px 24px; background: #FFFFFF; border: 1px solid #DCE9EC; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,63,75,.055); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .pias-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #005A6C, #FFD700 ); } .pias-card:hover { transform: translateY(-6px); border-color: #9CCBD1; box-shadow: 0 18px 42px rgba(0,63,75,.11); } /* ========================================================= CARD TOP ========================================================= */ .pias-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .pias-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 11px; background: #005A6C; color: #FFD700; font-size: 22px; font-weight: 700; } .pias-industry-label { color: #007083; font-size: 9px; font-weight: 750; letter-spacing: .12em; } /* ========================================================= CARD TITLE ========================================================= */ .pias-card h3 { margin: 0; color: #163F47; font-size: 23px; line-height: 1.2; font-weight: 750; letter-spacing: -.02em; } .pias-card h3 span { display: block; color: #006879; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .pias-card > p { margin: 13px 0 19px; color: #526B72; font-size: 12px; line-height: 1.7; } /* ========================================================= TAGS ========================================================= */ .pias-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 22px; } .pias-tags span { padding: 5px 8px; border-radius: 5px; background: #F0F7F8; color: #35616A; font-size: 8.5px; line-height: 1.3; } /* ========================================================= CARD CTA ========================================================= */ .pias-card-bottom { margin-top: auto; padding-top: 16px; border-top: 1px solid #E5EFF1; } .pias-card-bottom a { display: inline-flex; align-items: center; gap: 7px; color: #006879; font-size: 11px; font-weight: 750; text-decoration: none; } .pias-card-bottom a span { transition: transform .2s ease; } .pias-card-bottom a:hover { color: #B37B00; } .pias-card-bottom a:hover span { transform: translateX(4px); } /* ========================================================= BOTTOM CTA ========================================================= */ .pias-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 28px; padding: 18px 20px; background: #003F4B; border-radius: 12px; } .pias-bottom p { margin: 0; color: #E3F2F4; font-size: 12px; line-height: 1.55; } .pias-main-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; padding: 11px 16px; background: #FFD700; color: #005A6C !important; border: 2px solid #FFD700; border-radius: 7px; font-size: 10px; font-weight: 750; text-decoration: none; transition: all .2s ease; } .pias-main-cta:hover { background: #FFFFFF; border-color: #FFFFFF; color: #005A6C !important; transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 950px) { .pias-grid { grid-template-columns: 1fr; } .pias-card { padding: 25px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-industry-ai-section { padding: 60px 18px; } .pias-header h2 { font-size: 31px; } .pias-header p { font-size: 13px; } .pias-bottom { flex-direction: column; align-items: flex-start; } .pias-main-cta { width: 100%; } } /* ========================================================= ACCESSIBILITY ========================================================= */ .pias-card a:focus-visible, .pias-main-cta:focus-visible { outline: 3px solid #FFD700; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .pias-card, .pias-card-bottom a span, .pias-main-cta { transition: none !important; } } --- ## Why Choose Performix ? --- ![httpselements.envato.comgroup-of-business-consultant-working-management-bi-XPM22681.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comgroup-of-business-consultant-working-management-bi-XPM22681-1.jpg) ### Affordable AI Solutions ## Build AI assistants starting under $10,000. ![httpselements.envato.comprogramming-development-technology-work-at-night-Q2K77N31.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comprogramming-development-technology-work-at-night-Q2K77N31-1.jpg) #### Enterprise-Grade Security ## AI-driven PII protection for safe data sharing. ![httpselements.envato.comux-ui-and-programming-development-technology-MDD733G1.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comux-ui-and-programming-development-technology-MDD733G1-1.jpg) #### Proven Expertise ## Trusted by Fortune 500 companies and global enterprises. ![httpselements.envato.comhappy-co-workers-talking-about-business-developmen-8S2ZGKV-1.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comhappy-co-workers-talking-about-business-developmen-8S2ZGKV-1-1.jpg) #### Scalable Technology ## From startups to enterprises, we adapt to your needs. --- PERFORMIX SOLUTIONS Five Focused Solutions. Real Business Impact. From intelligent applications to enterprise knowledge, blockchain, AI content automation and data protection — Performix turns complex technology challenges into practical solutions. Explore All Five Solutions → PERFORMIX TECHNOLOGY AI BIZBOT RAG KNOWLEDGE WEB3 RAFFLE SEO AI AGENT PII PROTECTION Five solutions. One technology partner. /* ========================================================= PERFORMIX — FIVE FOCUSED SOLUTIONS ========================================================= */ .performix-five-solutions { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 72px 20px; background: radial-gradient( circle at 85% 45%, rgba(255,215,0,.10), transparent 32% ), linear-gradient( 135deg, #F8FCFD 0%, #FFFFFF 52%, #EEF8F9 100% ); font-family: "Poppins", Arial, sans-serif; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .performix-five-solutions::before { content: ""; position: absolute; width: 300px; height: 300px; top: -150px; left: -130px; border-radius: 50%; background: rgba(0,90,108,.035); pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .p5s-container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 50px; } /* ========================================================= LEFT CONTENT ========================================================= */ .p5s-content { position: relative; z-index: 3; } .p5s-eyebrow { display: inline-block; margin-bottom: 14px; color: #005A6C; font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.4; } .p5s-content h2 { margin: 0; padding: 0; color: #17343B; font-size: 40px; font-weight: 700; line-height: 1.16; letter-spacing: -.4px; } .p5s-content h2 span { color: #005A6C; } /* ========================================================= INTRO ========================================================= */ .p5s-intro { max-width: 530px; margin: 20px 0 27px; color: #64777D; font-size: 16px; font-weight: 400; line-height: 1.75; } /* ========================================================= CTA ========================================================= */ .p5s-main-cta { display: inline-flex; align-items: center; gap: 7px; padding: 13px 21px; border-radius: 5px; background: #005A6C; color: #FFFFFF !important; font-size: 13px; font-weight: 700; line-height: 1.4; text-decoration: none !important; box-shadow: 0 8px 20px rgba(0,90,108,.16); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; } .p5s-main-cta:hover { background: #004A59; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,90,108,.20); } /* ========================================================= VISUAL AREA ========================================================= */ .p5s-visual { position: relative; min-height: 430px; display: flex; align-items: center; justify-content: center; } .p5s-glow { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: rgba(0,90,108,.055); filter: blur(4px); } /* ========================================================= SVG ========================================================= */ .p5s-vector { position: relative; z-index: 2; width: 100%; max-width: 510px; height: auto; overflow: visible; } /* ========================================================= CONNECTIONS ========================================================= */ .p5s-lines path { fill: none; stroke: #9FC8CE; stroke-width: 1.6; stroke-dasharray: 5 5; opacity: .85; } /* ========================================================= CENTRAL CORE ========================================================= */ .p5s-core-ring { fill: none; stroke: #FFD700; stroke-width: 2; stroke-dasharray: 7 6; opacity: .85; } .p5s-core { fill: #005A6C; stroke: #FFFFFF; stroke-width: 5; filter: drop-shadow( 0 8px 16px rgba(0,90,108,.18) ); } .p5s-core-text { fill: #FFFFFF; font-family: "Poppins", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; } .p5s-core-sub { fill: #CDE9ED; font-family: "Poppins", Arial, sans-serif; font-size: 8px; font-weight: 600; letter-spacing: 1.2px; } /* ========================================================= NODES ========================================================= */ .p5s-node circle { fill: #FFFFFF; stroke: #005A6C; stroke-width: 2; filter: drop-shadow( 0 6px 12px rgba(0,90,108,.10) ); } /* Gold-accented nodes */ .p5s-node:nth-of-type(2) circle, .p5s-node:nth-of-type(4) circle { stroke: #FFD700; } /* ========================================================= NODE TITLES ========================================================= */ .p5s-node-title { fill: #005A6C; font-family: "Poppins", Arial, sans-serif; font-size: 14px; font-weight: 700; } /* ========================================================= NODE SUBTITLE ========================================================= */ .p5s-node-small { fill: #70838A !important; font-family: "Poppins", Arial, sans-serif; font-size: 7px !important; font-weight: 600; letter-spacing: .6px; } /* ========================================================= FLOATING LABEL ========================================================= */ .p5s-floating-label { position: absolute; right: 5px; bottom: 0; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid #D8E7E9; border-radius: 20px; background: rgba(255,255,255,.92); color: #64777D; font-size: 10px; font-weight: 600; line-height: 1.4; box-shadow: 0 6px 18px rgba(0,90,108,.06); } .p5s-floating-label span { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #FFD700; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .performix-five-solutions { padding: 65px 20px; } .p5s-container { grid-template-columns: 1fr; gap: 35px; } .p5s-content { text-align: center; } .p5s-intro { margin-left: auto; margin-right: auto; } .p5s-visual { min-height: 390px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-five-solutions { padding: 55px 16px; } .p5s-eyebrow { font-size: 11px; } .p5s-content h2 { font-size: 31px; line-height: 1.2; } .p5s-intro { font-size: 14px; line-height: 1.7; } .p5s-main-cta { padding: 12px 18px; font-size: 12px; } .p5s-visual { min-height: 310px; } .p5s-vector { width: 108%; margin-left: -4%; } .p5s-floating-label { right: 0; bottom: -2px; font-size: 9px; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .p5s-content h2 { font-size: 28px; } .p5s-intro { font-size: 13px; } } --- --- ### Our Process --- ## From Idea to Impact ### Discover ## Define your digital strategy and accelerate time-to-market. ### Design ## Transform visions into powerful, user-friendly interfaces. ### Develop ## Build enterprise-grade, market-ready applications with expert teams. [Get Started Today](https://performixbiz.com/contact-us/) --- --- ### Solutions --- ## for Every Business - Enterprises : Build digital dexterity and prepare for future business models. - Startups : Launch Proof of Concepts (POC) without heavy upfront costs. - Consortiums : Leverage our partner ecosystem to bid and deliver at scale. ![httpselements.envato.comfinding-solution-together-TKW3DNK-1.jpg](https://newer.performixbiz.com/wp-content/uploads/2025/09/httpselements.envato.comfinding-solution-together-TKW3DNK-1-1.jpg) ## 25 ## Years Of Experience --- ⌁ ⌁ HIDDEN GENIUS FOUND Congratulations! You found the Hidden Genius 🐵 Now, let's get to work. Pick your city — or the one closest to you — and enjoy a free coffee on us while we discover your business needs. CHOOSE YOUR CITY BELOW /* ========================================================= PERFORMIX — HIDDEN GENIUS HORIZONTAL BANNER ========================================================= */ .success-monkey-banner { position: relative; width: calc(100% - 40px); max-width: 1050px; min-height: 150px; margin: 40px auto; padding: 22px 30px; box-sizing: border-box; display: flex; align-items: center; gap: 25px; overflow: hidden; background: radial-gradient( circle at 20% 50%, rgba(255,215,0,.10), transparent 28% ), linear-gradient( 110deg, #004F60, #005A6C 55%, #004B5B ); border: 1px solid rgba(255,215,0,.22); border-radius: 14px; font-family: "Poppins", Arial, sans-serif; box-shadow: 0 12px 30px rgba(0,70,85,.15); } /* ========================================================= SUBTLE DECORATION ========================================================= */ .success-monkey-banner::before { content: ""; position: absolute; width: 230px; height: 230px; left: -150px; top: -80px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; } .success-monkey-banner::after { content: ""; position: absolute; width: 180px; height: 180px; right: -100px; bottom: -100px; border: 1px solid rgba(255,215,0,.08); border-radius: 50%; } /* ========================================================= DECORATIVE ELEMENTS ========================================================= */ .success-leaf { position: absolute; color: #A9DDE2; font-size: 55px; opacity: .10; pointer-events: none; } .leaf-1 { top: -12px; left: 22px; transform: rotate(-25deg); } .leaf-2 { bottom: -15px; right: 25px; transform: rotate(35deg); } /* ========================================================= COFFEE VISUAL ========================================================= */ .success-coffee-visual { position: relative; z-index: 2; flex: 0 0 125px; width: 125px; height: 105px; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.14); } .success-coffee-visual svg { width: 100px; height: 85px; overflow: visible; } /* Steam */ .coffee-steam { fill: none; stroke: #D9F0F2; stroke-width: 2.5; stroke-linecap: round; opacity: .75; } /* Cup */ .coffee-cup { fill: #FFD700; stroke: #FFFFFF; stroke-width: 2; stroke-linejoin: round; } /* Coffee surface */ .coffee-top { fill: #005A6C; stroke: #FFFFFF; stroke-width: 1.5; } /* Handle */ .coffee-handle { fill: none; stroke: #FFD700; stroke-width: 5; stroke-linecap: round; } /* Saucer */ .coffee-saucer { fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; opacity: .8; } /* ========================================================= CONTENT ========================================================= */ .success-banner-content { position: relative; z-index: 2; flex: 1; min-width: 0; } .success-eyebrow { display: block; margin-bottom: 4px; color: #A9DDE2; font-size: 9px; font-weight: 700; letter-spacing: .16em; } .success-banner-content h2 { margin: 0 0 6px; color: #FFFFFF; font-size: 21px; font-weight: 700; line-height: 1.3; } .success-banner-content h2 span { color: #FFD700; } .success-banner-content p { margin: 0; max-width: 620px; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.55; } .success-banner-content p strong { color: #FFFFFF; font-weight: 700; } /* ========================================================= CTA — SINGLE HORIZONTAL LINE ========================================================= */ .success-banner-cta { position: relative; z-index: 3; flex: 0 0 auto; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; min-width: 165px; padding: 11px 17px; box-sizing: border-box; border-radius: 6px; background: #FFD700; color: #005A6C !important; text-decoration: none !important; transition: all .2s ease; } .success-banner-cta:hover { background: #FFFFFF; transform: translateY(-2px); } .success-banner-cta span { font-size: 10px; font-weight: 800; letter-spacing: .08em; line-height: 1; } .success-banner-cta strong { margin: 0; font-size: 16px; font-weight: 800; line-height: 1; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 800px) { .success-monkey-banner { gap: 18px; padding: 20px; } .success-coffee-visual { flex-basis: 100px; width: 100px; } .success-coffee-visual svg { width: 82px; } .success-banner-content h2 { font-size: 18px; } .success-banner-cta { min-width: 140px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .success-monkey-banner { width: calc(100% - 28px); min-height: auto; padding: 22px 18px; flex-wrap: wrap; gap: 15px; } .success-coffee-visual { flex: 0 0 75px; width: 75px; height: 75px; border-right: 0; } .success-coffee-visual svg { width: 70px; height: 65px; } .success-banner-content { flex: 1 1 calc(100% - 100px); } .success-banner-content h2 { font-size: 16px; } .success-banner-content p { font-size: 10px; } .success-banner-cta { width: 100%; min-width: 0; padding: 9px 14px; } } --- LOCAL CONNECTIONS Meet Our Local Partners Let’s talk about your next technology challenge — and the coffee is on us. Dallas, TX Direct Meeting Expert software consulting and development leadership. Book a Coffee Chat → Washington, DC Direct Meeting Strategic SaaS solutions for capital enterprises. Let's Connect → Chicago, IL Direct Meeting Custom software development for the Midwest. Plan a Meeting → Minneapolis, MN Direct Meeting Local AI development and innovation experts. Reserve a Time → /* ========================================================= PERFORMIX — LOCAL PARTNERS ========================================================= */ .performix-locations { position: relative; max-width: 1280px; margin: 0 auto; padding: 35px 25px 55px; background: #FFFFFF; font-family: "Poppins", Arial, sans-serif; text-align: center; overflow: hidden; } /* ========================================================= MASCOT TRACK ========================================================= */ .mascot-track { position: relative; width: 100%; height: 105px; margin-bottom: 2px; overflow: visible; } .banana-monkey-group { position: absolute; left: -360px; height: 105px; display: flex; align-items: center; gap: 2px; animation: banana-journey 14s linear infinite; } /* ========================================================= BANANA BRANCH ========================================================= */ .banana-branch { width: 175px; height: 105px; display: flex; align-items: center; justify-content: center; animation: branch-bounce .8s ease-in-out infinite; } .banana-branch svg { width: 175px; height: 105px; overflow: visible; } .branch-main { fill: none; stroke: #69452C; stroke-width: 8; stroke-linecap: round; } .branch-small { fill: none; stroke: #69452C; stroke-width: 5; stroke-linecap: round; } .branch-leaf { fill: #5D8F55; stroke: #42683D; stroke-width: 1.5; } .branch-banana { fill: #FFD700; stroke: #C59D00; stroke-width: 2; } .banana-stem { fill: none; stroke: #6C5720; stroke-width: 4; stroke-linecap: round; } /* ========================================================= ROPE ========================================================= */ .branch-rope { width: 48px; height: 5px; position: relative; background: #AFC9CD; border-radius: 10px; transform: translateY(8px); } .branch-rope span { position: absolute; width: 6px; height: 6px; top: -.5px; border-radius: 50%; background: #005A6C; } .branch-rope span:nth-child(1) { left: 7px; } .branch-rope span:nth-child(2) { left: 21px; } .branch-rope span:nth-child(3) { right: 7px; } /* ========================================================= MONKEY ========================================================= */ .monkey-pulling { width: 115px; height: 105px; display: flex; align-items: center; justify-content: center; position: relative; transform-origin: center bottom; animation: monkey-pull-branch .8s ease-in-out infinite; } .monkey-pulling svg { width: 112px; height: 105px; display: block; overflow: visible; } /* ========================================================= MONKEY COLOURS ========================================================= */ .monkey-tail { fill: none; stroke: #69452C; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; } .monkey-fur { fill: #955D38; stroke: #613C27; stroke-width: 2; } .monkey-belly { fill: #C07C50; } .monkey-face { fill: #D99A6B; stroke: #613C27; stroke-width: 1.5; } .monkey-inner-ear { fill: #D99A6B; } .monkey-eye { fill: #263D43; } .monkey-highlight { fill: #FFFFFF; } .monkey-nose { fill: #71442E; } .monkey-smile { fill: none; stroke: #71442E; stroke-width: 2.2; stroke-linecap: round; } /* ========================================================= MONKEY LIMBS ========================================================= */ .monkey-arm, .monkey-leg { fill: none; stroke: #613C27; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; } .monkey-hand, .monkey-foot { fill: #D99A6B; stroke: #613C27; stroke-width: 1.5; } /* ========================================================= ANIMATION ========================================================= */ @keyframes banana-journey { 0% { left: -360px; opacity: 0; } 5% { opacity: 1; } 92% { opacity: 1; } 100% { left: 100%; opacity: 0; } } @keyframes monkey-pull-branch { 0%, 100% { transform: translateY(2px) rotate(-3deg); } 50% { transform: translateY(-3px) rotate(-6deg); } } @keyframes branch-bounce { 0%, 100% { transform: translateY(2px) rotate(1deg); } 50% { transform: translateY(5px) rotate(-2deg); } } /* ========================================================= HEADER ========================================================= */ .loc-header { margin-bottom: 30px; } .loc-eyebrow { display: inline-block; margin-bottom: 7px; color: #005A6C; font-size: 11px; font-weight: 700; letter-spacing: .16em; } .loc-header h2 { margin: 0 0 8px; color: #17343B; font-size: 34px; font-weight: 700; line-height: 1.2; } .loc-header p { max-width: 720px; margin: 0 auto; color: #63777D; font-size: 15px; line-height: 1.55; } .loc-header p strong { color: #005A6C; font-weight: 700; } /* ========================================================= LOCATION GRID ========================================================= */ .loc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; } /* ========================================================= LOCATION CARD ========================================================= */ .loc-card { display: flex; flex-direction: column; align-items: center; height: 100%; padding: 24px 18px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDE8EA; border-radius: 12px; text-decoration: none !important; text-align: center; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .loc-card:hover { transform: translateY(-5px); border-color: #8CBCC3; box-shadow: 0 14px 28px rgba(0,90,108,.10); } /* ========================================================= LOCATION ICON ========================================================= */ .loc-icon-wrapper { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; margin-bottom: 13px; border-radius: 12px; background: #EAF5F7; color: #005A6C; } .loc-icon-wrapper svg { width: 29px; height: 29px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= CARD TYPOGRAPHY ========================================================= */ .loc-city { margin-bottom: 7px; color: #263D43; font-size: 19px; font-weight: 700; line-height: 1.3; } .loc-tag { display: inline-block; margin-bottom: 10px; padding: 5px 10px; border-radius: 20px; background: #005A6C; color: #FFFFFF; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .loc-desc { margin: 0 0 15px; color: #687B81; font-size: 13px; line-height: 1.55; } .loc-link { margin-top: auto; color: #005A6C; font-size: 12px; font-weight: 700; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .loc-grid { grid-template-columns: repeat(2, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-locations { padding: 30px 16px 45px; } .mascot-track { height: 90px; } .banana-monkey-group { height: 90px; } .banana-branch { width: 130px; height: 90px; } .banana-branch svg { width: 130px; height: 90px; } .branch-rope { width: 38px; } .monkey-pulling { width: 90px; height: 90px; } .monkey-pulling svg { width: 88px; height: 88px; } .loc-header { margin-bottom: 25px; } .loc-header h2 { font-size: 28px; } .loc-header p { font-size: 14px; } .loc-grid { grid-template-columns: 1fr; gap: 14px; } .loc-card { padding: 23px 18px; } } --- CLIENT STORIES When Technology Has to Deliver. From enterprise transformation to technology delivery and talent, our clients turn complex challenges into meaningful progress. ENTERPRISE TRANSFORMATION TECHNOLOGY DELIVERY DIGITAL TRANSFORMATION STAFF AUGMENTATION ENTERPRISE TRANSFORMATION TECHNOLOGY DELIVERY DIGITAL TRANSFORMATION STAFF AUGMENTATION HONEYWELL ENTERPRISE ENGINEERING “ Performix helped Honeywell’s engineering team transition from a proof of concept to a multi-year digital upgrade project. CG Chris G. Engineering Leader FROM PROOF OF CONCEPT TO LONG-TERM TRANSFORMATION A technology initiative moved beyond the initial proof of concept and became part of a multi-year digital upgrade. SOURCEWELL 02 TECHNOLOGY DELIVERY “ They’ve been a reliable partner in full-stack development, architecture evaluation, and digital transformation. BS Bob S. VP, Sourcewell SCHNEIDER ELECTRIC 03 TALENT & STAFF AUGMENTATION “ Their staff augmentation services improved our customer satisfaction and market reach significantly. BM Barry M. Ex-CIO, Schneider Electric Trusted when technology needs to move from idea to execution. /* ========================================================= PERFORMIX — CLIENT STORIES FULLY SCOPED ========================================================= */ .performix-client-stories { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 78px 20px; background: radial-gradient( circle at 85% 20%, rgba(255,215,0,.07), transparent 28% ), linear-gradient( 135deg, #F7FBFC 0%, #FFFFFF 52%, #EEF8F9 100% ); font-family: "Poppins", Arial, sans-serif; } /* BACKGROUND DECORATION */ .performix-client-stories::before { content: ""; position: absolute; width: 420px; height: 420px; right: -220px; top: -220px; border-radius: 50%; border: 1px solid rgba(0,90,108,.08); animation: pcs-orbit 12s linear infinite; } .performix-client-stories::after { content: ""; position: absolute; width: 240px; height: 240px; left: -150px; bottom: -130px; border-radius: 50%; background: rgba(255,215,0,.045); } /* ========================================================= CONTAINER ========================================================= */ .pcs-container { position: relative; z-index: 2; max-width: 1160px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .pcs-header { max-width: 760px; margin: 0 auto 35px; text-align: center; } .pcs-eyebrow { display: inline-block; margin-bottom: 13px; color: #005A6C; font-size: 12px; font-weight: 700; letter-spacing: .15em; } .pcs-header h2 { margin: 0; color: #17343B; font-size: 40px; font-weight: 700; line-height: 1.18; } .pcs-header h2 span { color: #005A6C; } .pcs-header p { max-width: 680px; margin: 16px auto 0; color: #64777D; font-size: 15px; line-height: 1.7; } /* ========================================================= MOVING TRUST LINE ========================================================= */ .pcs-trust-line { width: 100%; overflow: hidden; margin-bottom: 24px; border-top: 1px solid #DCE8EA; border-bottom: 1px solid #DCE8EA; padding: 11px 0; } .pcs-trust-track { display: flex; align-items: center; width: max-content; gap: 22px; white-space: nowrap; animation: pcs-marquee 28s linear infinite; } .pcs-trust-track span { color: #6E858B; font-size: 10px; font-weight: 700; letter-spacing: .12em; } .pcs-trust-track i { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #FFD700; } /* ========================================================= FEATURED STORY ========================================================= */ .pcs-featured { position: relative; display: grid; grid-template-columns: 1.45fr .75fr; gap: 35px; padding: 38px 40px; margin-bottom: 20px; border-radius: 16px; overflow: hidden; background: linear-gradient( 135deg, #005A6C, #006D7E ); box-shadow: 0 20px 45px rgba(0,90,108,.16); } /* Subtle animated glow */ .pcs-featured::before { content: ""; position: absolute; width: 260px; height: 260px; right: -100px; top: -120px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); animation: pcs-float 6s ease-in-out infinite; } .pcs-featured-left { position: relative; z-index: 2; } /* ========================================================= COMPANY ROW ========================================================= */ .pcs-company-row { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; } .pcs-company-logo { display: flex; align-items: center; justify-content: center; min-width: 145px; height: 38px; padding: 0 13px; box-sizing: border-box; border-radius: 5px; background: #FFFFFF; color: #005A6C; font-size: 13px; font-weight: 800; letter-spacing: .06em; } .pcs-company-type { color: #A9E0E5; font-size: 9px; font-weight: 700; letter-spacing: .11em; } /* ========================================================= QUOTE ========================================================= */ .pcs-quote-symbol { position: absolute; left: -8px; top: 43px; color: #FFD700; font-family: Georgia, serif; font-size: 90px; line-height: .6; opacity: .85; } .pcs-featured blockquote { position: relative; margin: 0 0 28px; padding-left: 30px; color: #FFFFFF; font-size: 23px; font-weight: 500; line-height: 1.55; } /* ========================================================= PERSON ========================================================= */ .pcs-person { display: flex; align-items: center; gap: 11px; } .pcs-initials, .pcs-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; background: #FFD700; color: #005A6C; font-size: 12px; font-weight: 800; } .pcs-person-info strong, .pcs-card-footer strong { display: block; color: #FFFFFF; font-size: 14px; font-weight: 700; } .pcs-person-info span, .pcs-card-footer span { display: block; margin-top: 2px; color: #B9DCE0; font-size: 11px; } /* ========================================================= FEATURED RIGHT ========================================================= */ .pcs-featured-right { position: relative; z-index: 2; align-self: center; padding-left: 30px; border-left: 1px solid rgba(255,255,255,.18); } .pcs-story-label { color: #FFD700; font-size: 10px; font-weight: 700; letter-spacing: .12em; } .pcs-story-line { width: 45px; height: 2px; margin: 12px 0 18px; background: #FFD700; } .pcs-outcome-label { margin-top: 8px; } .pcs-featured-right p { margin: 10px 0 0; color: #D8EEF1; font-size: 13px; line-height: 1.65; } /* ========================================================= SECONDARY CARDS ========================================================= */ .pcs-story-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .pcs-story-card { position: relative; min-height: 275px; padding: 27px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DCE8EA; border-radius: 14px; box-shadow: 0 8px 25px rgba(0,90,108,.05); transition: transform .3s ease, box-shadow .3s ease; } .pcs-story-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px rgba(0,90,108,.11); } /* ========================================================= CARD HEADER ========================================================= */ .pcs-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .pcs-mini-logo { color: #005A6C; font-size: 13px; font-weight: 800; letter-spacing: .06em; } .pcs-mini-logo small { display: block; font-size: 7px; letter-spacing: .12em; } .pcs-card-header > span { color: #9AAEB3; font-size: 11px; font-weight: 700; } /* ========================================================= CARD CATEGORY ========================================================= */ .pcs-card-category { color: #6C8288; font-size: 9px; font-weight: 700; letter-spacing: .11em; } /* ========================================================= CARD QUOTE ========================================================= */ .pcs-card-quote { margin: 15px 0 0; color: #FFD700; font-family: Georgia, serif; font-size: 52px; line-height: .55; } .pcs-story-card blockquote { margin: 14px 0 24px; color: #263D43; font-size: 17px; font-weight: 500; line-height: 1.6; } /* ========================================================= CARD FOOTER ========================================================= */ .pcs-card-footer { display: flex; align-items: center; gap: 11px; } .pcs-card-footer .pcs-avatar { width: 40px; height: 40px; background: #EAF6F7; color: #005A6C; } .pcs-card-footer strong { color: #263D43; } .pcs-card-footer span { color: #718187; } /* ========================================================= BOTTOM TRUST MESSAGE ========================================================= */ .pcs-bottom { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 25px; color: #60777D; font-size: 12px; } .pcs-bottom-dot { width: 7px; height: 7px; border-radius: 50%; background: #FFD700; box-shadow: 0 0 0 5px rgba(255,215,0,.12); animation: pcs-pulse 2s infinite; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes pcs-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes pcs-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(12px); } } @keyframes pcs-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(1.25); } } @keyframes pcs-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 850px) { .performix-client-stories { padding: 65px 20px; } .pcs-header h2 { font-size: 34px; } .pcs-featured { grid-template-columns: 1fr; padding: 32px; } .pcs-featured-right { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .performix-client-stories { padding: 55px 16px; } .pcs-header { margin-bottom: 28px; } .pcs-header h2 { font-size: 29px; } .pcs-header p { font-size: 14px; } .pcs-featured { padding: 27px 21px; } .pcs-company-row { align-items: flex-start; flex-direction: column; gap: 8px; } .pcs-featured blockquote { padding-left: 15px; font-size: 19px; } .pcs-story-grid { grid-template-columns: 1fr; } .pcs-story-card { min-height: auto; padding: 24px; } .pcs-story-card blockquote { font-size: 16px; } .pcs-bottom { text-align: center; font-size: 11px; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .pcs-trust-track, .performix-client-stories::before, .pcs-featured::before, .pcs-bottom-dot { animation: none !important; } } --- LET'S BUILD WHAT'S NEXT Have a Technology Challenge in Mind? Tell us what you're trying to solve. Whether it's AI, automation, software, data, blockchain or digital transformation, let's start with the problem — not the technology. ✓ AI Strategy & Consulting ✓ AI Agents & Automation ✓ AI Governance & Data Protection ✓ RAG & Enterprise Knowledge ✓ Custom Software & Applications ✓ Blockchain, IoT & Digital Transformation How it starts 01 Tell us what you're working on. 02 We understand your requirement. 03 We discuss practical next steps. ✦ No complicated brief. Just start the conversation. /* ========================================================= PERFORMIX — START A CONVERSATION CONTENT ONLY ========================================================= */ .performix-start-conversation { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 42px 20px; background: radial-gradient( circle at 85% 20%, rgba(255,215,0,.08), transparent 28% ), linear-gradient( 135deg, #005A6C 0%, #006879 52%, #004F60 100% ); font-family: "Poppins", Arial, sans-serif; } /* Decorative circle */ .performix-start-conversation::before { content: ""; position: absolute; width: 320px; height: 320px; right: -170px; top: -170px; border-radius: 50%; border: 1px solid rgba(255,255,255,.10); pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .psc-container { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; } /* ========================================================= CONTENT ========================================================= */ .psc-content { color: #FFFFFF; } .psc-eyebrow { display: inline-block; margin-bottom: 8px; color: #FFD700; font-size: 11px; font-weight: 700; letter-spacing: .15em; } .psc-content h2 { max-width: 700px; margin: 0; color: #FFFFFF; font-size: 34px; font-weight: 700; line-height: 1.18; } .psc-content h2 span { color: #A9E0E5; } .psc-intro { max-width: 760px; margin: 13px 0 20px; color: #D8EEF1; font-size: 14px; line-height: 1.65; } /* ========================================================= AREAS ========================================================= */ .psc-areas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 25px; max-width: 900px; margin-bottom: 22px; } .psc-area { display: flex; align-items: center; gap: 8px; } .psc-area span { display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; flex: 0 0 19px; border-radius: 50%; background: rgba(255,215,0,.15); color: #FFD700; font-size: 10px; font-weight: 800; } .psc-area strong { color: #FFFFFF; font-size: 11px; font-weight: 500; line-height: 1.35; } /* ========================================================= HOW IT STARTS ========================================================= */ .psc-next { max-width: 900px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.15); } .psc-next-heading { margin-bottom: 10px; color: #FFD700; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; } .psc-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .psc-step { display: flex; align-items: flex-start; gap: 8px; } .psc-step-number { color: #A9E0E5; font-size: 10px; font-weight: 700; } .psc-step p { margin: 0; color: #D8EEF1; font-size: 10px; line-height: 1.45; } /* ========================================================= BOTTOM MESSAGE ========================================================= */ .psc-note { display: flex; align-items: center; gap: 8px; margin-top: 18px; color: #FFFFFF; font-size: 11px; } .psc-note-icon { color: #FFD700; font-size: 14px; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .performix-start-conversation { padding: 38px 20px; } .psc-content { text-align: center; } .psc-content h2 { font-size: 30px; } .psc-intro { margin-left: auto; margin-right: auto; } .psc-areas { grid-template-columns: repeat(2, 1fr); text-align: left; } .psc-next { text-align: left; } } @media (max-width: 600px) { .performix-start-conversation { padding: 35px 16px; } .psc-content h2 { font-size: 27px; } .psc-intro { font-size: 13px; } .psc-areas { grid-template-columns: 1fr; } .psc-steps { grid-template-columns: 1fr; gap: 8px; } .psc-note { justify-content: center; text-align: center; } } Get Started Name Email Phone Message Send