--- 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-28T11:34:06-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) --- BUSINESS CHALLENGE → TECHNOLOGY SOLUTION START WITH THE PROBLEM What are you looking to solve? Tell us what's holding your business back. We'll help connect the challenge to the right AI, data, automation or technology solution. BUSINESS CHALLENGE AI DATA AUTOMATION SOFTWARE 01 We know AI can help — but where do we start? Identify high-value AI opportunities, practical use cases and a roadmap aligned to business outcomes. AI STRATEGY 02 Our systems don't work together. Connect applications, APIs and workflows so information moves where your business needs it. INTEGRATION 03 We have data — but not enough insight. Turn fragmented data into dashboards, intelligence and decision-ready information. DATA & ANALYTICS 04 We want AI that works inside our business. Build AI assistants, RAG solutions and intelligent agents connected to enterprise knowledge and workflows. ENTERPRISE AI 05 We need to automate repetitive work. Reduce manual effort with AI agents, workflow automation and intelligent systems built around your operations. AUTOMATION 06 AI is exciting — but what about risk? Put governance, privacy, security and responsible AI controls in place before scaling AI across the enterprise. AI GOVERNANCE NOT SURE WHERE TO START? Start with the challenge. We'll help identify the right path. Tell Us Your Challenge → Find Answers To Your Challenge ↗ AI Strategy Data & Analytics AI Agents Automation Enterprise Software /* ========================================================= RESET ========================================================= */ .px-solve-section, .px-solve-section * { box-sizing:border-box; } /* ========================================================= ROOT ========================================================= */ .px-solve-section { --px-teal:#003F4B; --px-teal-dark:#002F38; --px-teal-mid:#005A6C; --px-gold:#FFD700; width:100%; max-width:100%; position:relative; overflow:hidden; padding: 88px 30px 70px; background: radial-gradient( circle at 85% 10%, rgba(255,215,0,.13), transparent 24% ), linear-gradient( 135deg, #003F4B 0%, #005A6C 52%, #003F4B 100% ); font-family: "Poppins", Arial, sans-serif !important; color:#FFFFFF; } /* ========================================================= BACKGROUND GRID ========================================================= */ .px-solve-bg-grid { position:absolute; inset:0; opacity:.065; background-image: linear-gradient( rgba(255,255,255,.35) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.35) 1px, transparent 1px ); background-size: 48px 48px; pointer-events:none; } /* ========================================================= ORBS ========================================================= */ .px-solve-orb { position:absolute; border-radius:50%; border: 1px solid rgba(255,215,0,.18); pointer-events:none; animation: pxFloat 8s ease-in-out infinite; } .px-solve-orb-one { width:280px; height:280px; right:-140px; top:80px; } .px-solve-orb-two { width:180px; height:180px; left:-110px; bottom:80px; animation-delay:2s; } @keyframes pxFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-16px); } } /* ========================================================= CONTAINER ========================================================= */ .px-solve-container { position:relative; z-index:2; width:100%; max-width:1380px; margin: 0 auto; } /* ========================================================= EYEBROW ========================================================= */ .px-solve-eyebrow { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:14px; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.12em; line-height:1.4; text-align:center; } .px-eyebrow-line { width:38px; height:1px; background: rgba(255,215,0,.65); } /* ========================================================= HEADING ========================================================= */ .px-solve-heading-wrap { display:flex; align-items:center; justify-content:space-between; gap:55px; margin-bottom:46px; } .px-solve-heading-copy { flex:1; min-width:0; } .px-mini-label { display:block; margin-bottom:9px; color: rgba(255,255,255,.65) !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.12em; } .px-solve-heading-copy h2 { margin:0; max-width:760px; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:50px !important; line-height:1.08; font-weight:700 !important; letter-spacing:-.035em; } .px-solve-heading-copy h2 span { display:block; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; } .px-solve-heading-copy p { max-width:690px; margin: 17px 0 0; color:#E6F3F5 !important; -webkit-text-fill-color:#E6F3F5 !important; font-size:18px !important; line-height:1.6; } /* ========================================================= VECTOR VISUAL ========================================================= */ .px-solve-visual { position:relative; width:310px; height:260px; flex: 0 0 310px; } .px-visual-ring { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); border-radius:50%; border: 1px solid rgba(255,215,0,.28); } .px-ring-one { width:170px; height:170px; animation: pxPulse 4s ease-in-out infinite; } .px-ring-two { width:245px; height:245px; border-color: rgba(255,255,255,.13); animation: pxRotate 18s linear infinite; } @keyframes pxPulse { 0%, 100% { transform: translate(-50%,-50%) scale(1); opacity:.5; } 50% { transform: translate(-50%,-50%) scale(1.08); opacity:1; } } @keyframes pxRotate { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } } /* ========================================================= ORBIT DOTS ========================================================= */ .px-orbit-dot { position:absolute; left:50%; top:50%; width:7px; height:7px; border-radius:50%; background:#FFD700; box-shadow: 0 0 12px rgba(255,215,0,.8); } .px-orbit-dot-one { animation: pxOrbitOne 6s linear infinite; } .px-orbit-dot-two { animation: pxOrbitTwo 8s linear infinite; } @keyframes pxOrbitOne { from { transform: translate(-50%,-50%) rotate(0deg) translateX(92px); } to { transform: translate(-50%,-50%) rotate(360deg) translateX(92px); } } @keyframes pxOrbitTwo { from { transform: translate(-50%,-50%) rotate(180deg) translateX(120px); } to { transform: translate(-50%,-50%) rotate(540deg) translateX(120px); } } /* ========================================================= CENTER ========================================================= */ .px-visual-center { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:116px; height:116px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; background: rgba(0,47,56,.96); border: 1px solid rgba(255,215,0,.62); box-shadow: 0 0 0 8px rgba(255,215,0,.05), 0 18px 45px rgba(0,0,0,.25); } .px-center-dot { width:9px; height:9px; margin-bottom:7px; border-radius:50%; background:#FFD700; box-shadow: 0 0 17px rgba(255,215,0,.85); animation: pxBlink 1.8s ease-in-out infinite; } @keyframes pxBlink { 0%, 100% { opacity:.45; transform:scale(1); } 50% { opacity:1; transform:scale(1.45); } } .px-visual-center strong { color:#FFFFFF !important; font-size:11px !important; letter-spacing:.1em; } .px-visual-center small { margin-top:3px; color:#B9DDE1 !important; font-size:9px !important; letter-spacing:.12em; } /* ========================================================= NODES ========================================================= */ .px-visual-node { position:absolute; display:flex; align-items:center; justify-content:center; min-width:70px; height:32px; padding: 0 11px; border-radius:20px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); color:#FFFFFF !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.05em; backdrop-filter: blur(6px); animation: pxNodeFloat 4s ease-in-out infinite; } .px-node-one { left:0; top:34px; } .px-node-two { right:0; top:45px; animation-delay:.8s; } .px-node-three { left:5px; bottom:30px; animation-delay:1.4s; } .px-node-four { right:0; bottom:28px; animation-delay:2s; } @keyframes pxNodeFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-7px); } } /* ========================================================= CONNECTIONS ========================================================= */ .px-connect { position:absolute; height:1px; background: linear-gradient( 90deg, transparent, rgba(255,215,0,.75), transparent ); transform-origin:left center; animation: pxLinePulse 2.8s ease-in-out infinite; } .px-connect-one { width:85px; left:67px; top:72px; transform:rotate(27deg); } .px-connect-two { width:82px; right:67px; top:79px; transform:rotate(153deg); animation-delay:.5s; } .px-connect-three { width:88px; left:68px; bottom:71px; transform:rotate(-27deg); animation-delay:1s; } .px-connect-four { width:85px; right:67px; bottom:69px; transform:rotate(207deg); animation-delay:1.5s; } @keyframes pxLinePulse { 0%, 100% { opacity:.25; } 50% { opacity:1; } } /* ========================================================= PROBLEM GRID ========================================================= */ .px-problem-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; } /* ========================================================= PROBLEM CARD ========================================================= */ .px-problem-card { position:relative; display:flex; align-items:flex-start; gap:17px; min-height:225px; padding:24px; border: 1px solid rgba(255,255,255,.14); border-radius:14px; background: rgba(255,255,255,.075); backdrop-filter: blur(10px); transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; } .px-problem-card::before { content:""; position:absolute; left:0; top:0; width:4px; height:0; border-radius: 14px 0 0 14px; background:#FFD700; transition: height .3s ease; } .px-problem-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.12); border-color: rgba(255,215,0,.4); box-shadow: 0 18px 45px rgba(0,0,0,.18); } .px-problem-card:hover::before { height:100%; } /* ========================================================= ICON ========================================================= */ .px-card-icon { width:52px; height:52px; flex: 0 0 52px; display:flex; align-items:center; justify-content:center; border-radius:12px; background: rgba(255,215,0,.11); border: 1px solid rgba(255,215,0,.24); transition: transform .25s ease, background .25s ease; } .px-problem-card:hover .px-card-icon { transform: rotate(-4deg) scale(1.06); background: rgba(255,215,0,.17); } .px-card-icon svg { width:29px; height:29px; fill:none; stroke:#FFD700; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } /* ========================================================= CARD CONTENT ========================================================= */ .px-card-content { min-width:0; } .px-card-number { display:block; margin-bottom:5px; color: rgba(255,215,0,.8) !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.1em; } .px-card-content h3 { margin:0; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:19px !important; line-height:1.3; font-weight:600 !important; } .px-card-content p { margin: 10px 0 13px; color:#D0E7EA !important; -webkit-text-fill-color:#D0E7EA !important; font-size:15px !important; line-height:1.55; } .px-card-tag { display:inline-flex; align-items:center; padding: 4px 8px; border-radius:20px; background: rgba(255,215,0,.09); color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.08em; } /* ========================================================= CTA AREA ========================================================= */ .px-solve-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:25px; padding: 27px 30px; border: 1px solid rgba(255,215,0,.3); border-radius:15px; background: linear-gradient( 100deg, rgba(0,47,56,.95), rgba(0,90,108,.78) ); box-shadow: 0 15px 45px rgba(0,0,0,.12); } /* ========================================================= CTA COPY ========================================================= */ .px-cta-copy { min-width:0; } .px-cta-copy span { display:block; margin-bottom:6px; color:#FFD700 !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.1em; } .px-cta-copy strong { display:block; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:19px !important; line-height:1.4; font-weight:600 !important; } /* ========================================================= CTA ACTIONS ========================================================= */ .px-cta-actions { display:flex; align-items:center; justify-content:flex-end; gap:11px; flex: 0 0 auto; } /* ========================================================= PRIMARY CTA → HOMEPAGE FORM ========================================================= */ .px-main-cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:53px; padding: 0 22px; border-radius:8px; background:#FFD700; color:#002F38 !important; -webkit-text-fill-color:#002F38 !important; text-decoration:none !important; font-family: "Poppins", Arial, sans-serif !important; font-size:14px !important; font-weight:700 !important; box-shadow: 0 8px 24px rgba(0,0,0,.18); transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } .px-main-cta:hover { transform: translateY(-2px); background:#FFE43B; box-shadow: 0 12px 30px rgba(0,0,0,.25); } .px-main-cta b { font-size:18px; transition: transform .2s ease; } .px-main-cta:hover b { transform: translateX(4px); } /* ========================================================= SECONDARY CTA → BEST AI COMPANY ========================================================= */ .px-secondary-cta { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:53px; padding: 0 20px; border: 1px solid rgba(255,255,255,.3); border-radius:8px; background: rgba(255,255,255,.06); color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; text-decoration:none !important; font-family: "Poppins", Arial, sans-serif !important; font-size:13px !important; font-weight:600 !important; transition: background .22s ease, border-color .22s ease, transform .22s ease; } .px-secondary-cta:hover { transform: translateY(-2px); background: rgba(255,255,255,.12); border-color: rgba(255,215,0,.5); } .px-secondary-cta b { color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:16px; } /* ========================================================= TRUST STRIP ========================================================= */ .px-trust-strip { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:28px; margin-top:29px; } .px-trust-strip div { display:flex; align-items:center; gap:7px; color: rgba(255,255,255,.75) !important; font-size:13px !important; font-weight:500 !important; } .px-trust-dot { width:6px; height:6px; border-radius:50%; background:#FFD700; box-shadow: 0 0 9px rgba(255,215,0,.5); } /* ========================================================= TABLET ========================================================= */ @media (max-width:1100px) { .px-solve-section { padding: 75px 24px 60px; } .px-solve-heading-copy h2 { font-size:43px !important; } .px-solve-heading-copy p { font-size:17px !important; } .px-solve-visual { width:260px; flex-basis:260px; } .px-problem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } /* ========================================================= TABLET / SMALL LAPTOP ========================================================= */ @media (max-width:850px) { .px-solve-heading-wrap { flex-direction:column; align-items:center; text-align:center; } .px-solve-heading-copy h2 { margin: 0 auto; } .px-solve-heading-copy p { margin-left:auto; margin-right:auto; } .px-solve-visual { margin: 0 auto; } .px-solve-cta { flex-direction:column; align-items:flex-start; } .px-cta-actions { width:100%; justify-content:flex-start; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:700px) { .px-solve-section { padding: 58px 17px 48px; } .px-solve-eyebrow { font-size:10px !important; letter-spacing:.08em; } .px-eyebrow-line { width:20px; } .px-mini-label { font-size:11px !important; } .px-solve-heading-copy h2 { font-size:34px !important; } .px-solve-heading-copy p { font-size:15px !important; line-height:1.55; } .px-solve-heading-wrap { margin-bottom:34px; } .px-solve-visual { width:280px; max-width:100%; height:205px; } .px-problem-grid { grid-template-columns: 1fr; gap:12px; } .px-problem-card { min-height:auto; padding:20px; } .px-card-content h3 { font-size:18px !important; } .px-card-content p { font-size:14px !important; } .px-solve-cta { padding: 22px; } .px-cta-copy strong { font-size:17px !important; } .px-cta-actions { flex-direction:column; width:100%; align-items:stretch; } .px-main-cta, .px-secondary-cta { width:100%; } .px-trust-strip { justify-content:flex-start; gap: 13px 20px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:430px) { .px-solve-section { padding: 50px 15px 42px; } .px-solve-heading-copy h2 { font-size:30px !important; } .px-solve-heading-copy p { font-size:14px !important; } .px-solve-visual { width:260px; height:195px; } .px-visual-center { width:100px; height:100px; } .px-visual-center strong { font-size:10px !important; } .px-visual-center small { font-size:8px !important; } .px-visual-node { min-width:60px; height:29px; font-size:9px !important; } .px-card-icon { width:45px; height:45px; flex-basis:45px; } .px-card-icon svg { width:24px; height:24px; } .px-problem-card { gap:13px; padding:17px; } .px-card-content h3 { font-size:17px !important; } .px-card-content p { font-size:13px !important; } .px-cta-copy strong { font-size:16px !important; } .px-trust-strip div { font-size:12px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ .px-solve-section * { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .px-main-cta:focus-visible, .px-secondary-cta:focus-visible { outline: 3px solid #FFD700; outline-offset:4px; } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .px-solve-section *, .px-solve-section *::before, .px-solve-section *::after { animation:none !important; transition:none !important; } } (function () { function performixScrollToForm(event) { const trigger = event.target.closest( '.px-form-scroll-trigger' ); if (!trigger) { return; } const target = document.getElementById( 'performix-home-contact-form' ); /* * If the form section is not present, * allow the normal anchor behaviour. */ if (!target) { return; } event.preventDefault(); /* * Adjust this value if your * sticky header is taller/shorter. */ const headerOffset = 90; const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerOffset; window.scrollTo({ top:targetPosition, behavior:'smooth' }); /* * Keep the URL clean while still * allowing the browser history to * reflect the destination. */ if ( window.history && window.history.pushState ) { window.history.pushState( null, '', '#performix-home-contact-form' ); } } document.addEventListener( 'click', performixScrollToForm ); })(); --- ⌁ ⌁ ⌕ 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? Let's discuss your business challenge. Tell Us Your Challenge → /* ========================================================= PERFORMIX — AI SOLUTIONS BY INDUSTRY ========================================================= */ .performix-industry-ai-section, .performix-industry-ai-section * { box-sizing:border-box; } .performix-industry-ai-section { position:relative; width:100%; max-width:100%; margin:0; padding: 85px 24px; overflow:hidden; background: linear-gradient( 180deg, #F7FBFC 0%, #FFFFFF 100% ); font-family: "Poppins", Arial, sans-serif !important; } /* ========================================================= CONTAINER ========================================================= */ .pias-container { position:relative; z-index:2; width:100%; max-width:1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .pias-header { width:100%; max-width:800px; margin: 0 auto 45px; text-align:center; } .pias-eyebrow { display:block; margin-bottom:11px; color:#007083 !important; -webkit-text-fill-color:#007083 !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.14em; line-height:1.4; } .pias-header h2 { margin:0; color:#163F47 !important; -webkit-text-fill-color:#163F47 !important; font-size:42px !important; line-height:1.15; font-weight:700 !important; letter-spacing:-.03em; } .pias-header h2 span { color:#006879 !important; -webkit-text-fill-color:#006879 !important; } .pias-header p { max-width:740px; margin: 17px auto 0; color:#526B72 !important; -webkit-text-fill-color:#526B72 !important; font-size:16px !important; font-weight:400 !important; line-height:1.7; } /* ========================================================= CARD GRID ========================================================= */ .pias-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:22px; width:100%; } /* ========================================================= CARD ========================================================= */ .pias-card { position:relative; display:flex; flex-direction:column; min-width:0; padding: 30px 27px 25px; 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:13px; margin-bottom:21px; } .pias-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex: 0 0 44px; border-radius:11px; background:#005A6C; color:#FFD700 !important; font-size:23px !important; font-weight:700 !important; } .pias-industry-label { color:#007083 !important; -webkit-text-fill-color:#007083 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.12em; line-height:1.4; } /* ========================================================= CARD TITLE ========================================================= */ .pias-card h3 { margin:0; color:#163F47 !important; -webkit-text-fill-color:#163F47 !important; font-size:25px !important; line-height:1.2; font-weight:700 !important; letter-spacing:-.02em; } .pias-card h3 span { display:block; color:#006879 !important; -webkit-text-fill-color:#006879 !important; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .pias-card > p { margin: 14px 0 20px; color:#526B72 !important; -webkit-text-fill-color:#526B72 !important; font-size:14px !important; font-weight:400 !important; line-height:1.65; } /* ========================================================= TAGS ========================================================= */ .pias-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:23px; } .pias-tags span { padding: 6px 9px; border-radius:5px; background:#F0F7F8; color:#35616A !important; -webkit-text-fill-color:#35616A !important; font-size:10px !important; font-weight:500 !important; line-height:1.35; } /* ========================================================= CARD CTA ========================================================= */ .pias-card-bottom { margin-top:auto; padding-top:17px; border-top: 1px solid #E5EFF1; } .pias-card-bottom a { display:inline-flex; align-items:center; gap:8px; color:#006879 !important; -webkit-text-fill-color:#006879 !important; font-size:13px !important; font-weight:700 !important; text-decoration:none !important; } .pias-card-bottom a span { transition: transform .2s ease; } .pias-card-bottom a:hover { color:#B37B00 !important; -webkit-text-fill-color:#B37B00 !important; } .pias-card-bottom a:hover span { transform: translateX(5px); } /* ========================================================= BOTTOM CTA ========================================================= */ .pias-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; width:100%; margin-top:30px; padding: 21px 23px; background: linear-gradient( 135deg, #003F4B 0%, #005A6C 100% ); border-radius:13px; box-shadow: 0 12px 30px rgba(0,63,75,.10); } /* ========================================================= CTA COPY ========================================================= */ .pias-bottom-copy { display:flex; align-items:center; gap:12px; min-width:0; } .pias-bottom-icon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex: 0 0 38px; border-radius:50%; background: rgba(255,215,0,.13); color:#FFD700 !important; font-size:19px !important; } .pias-bottom p { margin:0; color:#E3F2F4 !important; -webkit-text-fill-color:#E3F2F4 !important; font-size:14px !important; font-weight:400 !important; line-height:1.5; } .pias-bottom p strong { display:block; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:14px !important; font-weight:600 !important; } /* ========================================================= MAIN CTA — LARGER ========================================================= */ .pias-main-cta { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:52px; padding: 0 23px; flex: 0 0 auto; background:#FFD700; color:#005A6C !important; -webkit-text-fill-color:#005A6C !important; border: 2px solid #FFD700; border-radius:8px; font-family: "Poppins", Arial, sans-serif !important; font-size:14px !important; font-weight:700 !important; text-decoration:none !important; white-space:nowrap; box-shadow: 0 8px 20px rgba(0,0,0,.16); transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; } .pias-main-cta b { font-size:21px !important; line-height:1; transition: transform .2s ease; } .pias-main-cta:hover { transform: translateY(-3px); background:#FFFFFF; border-color:#FFFFFF; color:#005A6C !important; -webkit-text-fill-color:#005A6C !important; box-shadow: 0 12px 28px rgba(0,0,0,.20); } .pias-main-cta:hover b { transform: translateX(5px); } /* ========================================================= TABLET ========================================================= */ @media (max-width:950px) { .performix-industry-ai-section { padding: 70px 22px; } .pias-grid { grid-template-columns: 1fr; max-width:700px; margin: 0 auto; } .pias-card { padding: 28px 25px; } .pias-bottom { max-width:700px; margin-left:auto; margin-right:auto; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:600px) { .performix-industry-ai-section { padding: 58px 17px; } .pias-header { margin-bottom:34px; } .pias-eyebrow { font-size:12px !important; } .pias-header h2 { font-size:32px !important; } .pias-header p { font-size:14px !important; line-height:1.65; } .pias-card { padding: 25px 21px; } .pias-card h3 { font-size:23px !important; } .pias-card > p { font-size:14px !important; } .pias-tags span { font-size:10px !important; } .pias-card-bottom a { font-size:13px !important; } .pias-bottom { flex-direction:column; align-items:stretch; gap:18px; padding: 20px; } .pias-bottom-copy { align-items:flex-start; } .pias-main-cta { width:100%; min-height:55px; font-size:15px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:430px) { .performix-industry-ai-section { padding: 50px 14px; } .pias-header h2 { font-size:29px !important; } .pias-header p { font-size:14px !important; } .pias-card { padding: 23px 18px; } .pias-card-top { gap:10px; } .pias-icon { width:41px; height:41px; flex-basis:41px; font-size:21px !important; } .pias-industry-label { font-size:10px !important; } .pias-card h3 { font-size:21px !important; } .pias-card > p { font-size:13px !important; } .pias-bottom p, .pias-bottom p strong { font-size:13px !important; } .pias-main-cta { min-height:54px; font-size:14px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ .pias-card a:focus-visible, .pias-main-cta:focus-visible { outline: 3px solid #FFD700; outline-offset: 4px; } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .pias-card, .pias-card-bottom a span, .pias-main-cta, .pias-main-cta b { 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/) --- ⌁ ⌁ 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. /* ========================================================= PERFORMIX — START A CONVERSATION ========================================================= */ .performix-start-conversation, .performix-start-conversation * { box-sizing:border-box; } .performix-start-conversation { position:relative; width:100%; max-width:100%; margin:0; padding: 58px 24px; overflow:hidden; background: radial-gradient( circle at 88% 12%, rgba(255,215,0,.10), transparent 28% ), radial-gradient( circle at 8% 92%, rgba(0,150,170,.10), transparent 30% ), linear-gradient( 135deg, #005A6C 0%, #006879 52%, #004F60 100% ); font-family: "Poppins", Arial, sans-serif !important; } /* ========================================================= DECORATIVE CIRCLE ========================================================= */ .performix-start-conversation::before { content:""; position:absolute; width:340px; height:340px; right:-180px; top:-180px; border-radius:50%; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 0 0 28px rgba(255,255,255,.025); pointer-events:none; } /* ========================================================= SECOND DECORATION ========================================================= */ .performix-start-conversation::after { content:""; position:absolute; width:170px; height:170px; left:-100px; bottom:-100px; border-radius:50%; border: 1px solid rgba(255,215,0,.12); pointer-events:none; } /* ========================================================= CONTAINER ========================================================= */ .psc-container { position:relative; z-index:2; width:100%; max-width:1120px; margin: 0 auto; } /* ========================================================= CONTENT ========================================================= */ .psc-content { width:100%; color:#FFFFFF !important; } /* ========================================================= EYEBROW ========================================================= */ .psc-eyebrow { display:block; margin-bottom:9px; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.14em; line-height:1.4; } /* ========================================================= HEADING ========================================================= */ .psc-content h2 { max-width:800px; margin: 0 0 14px; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:40px !important; font-weight:700 !important; line-height:1.13; letter-spacing:-.025em; } .psc-content h2 span { display:block; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; } /* ========================================================= INTRO ========================================================= */ .psc-intro { max-width:820px; margin: 0 0 25px; color:#E1F1F3 !important; -webkit-text-fill-color:#E1F1F3 !important; font-size:16px !important; font-weight:400 !important; line-height:1.65; } /* ========================================================= AREAS ========================================================= */ .psc-areas { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 28px; width:100%; max-width:980px; margin: 0 0 28px; } /* ========================================================= AREA ========================================================= */ .psc-area { display:flex; align-items:center; gap:10px; min-width:0; padding: 7px 0; } /* ========================================================= CHECK ========================================================= */ .psc-area-check { display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex: 0 0 24px; border-radius:50%; background: rgba(255,215,0,.15); border: 1px solid rgba(255,215,0,.25); color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:13px !important; font-weight:800 !important; } /* ========================================================= AREA TEXT ========================================================= */ .psc-area strong { color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-size:14px !important; font-weight:500 !important; line-height:1.4; } /* ========================================================= HOW IT STARTS ========================================================= */ .psc-next { width:100%; max-width:980px; padding-top:20px; border-top: 1px solid rgba(255,255,255,.16); } /* ========================================================= HEADING ========================================================= */ .psc-next-heading { margin-bottom:12px; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.12em; } /* ========================================================= STEPS ========================================================= */ .psc-steps { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:24px; } /* ========================================================= STEP ========================================================= */ .psc-step { display:flex; align-items:flex-start; gap:10px; min-width:0; } /* ========================================================= STEP NUMBER ========================================================= */ .psc-step-number { flex: 0 0 auto; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:13px !important; font-weight:700 !important; line-height:1.5; } /* ========================================================= STEP TEXT ========================================================= */ .psc-step p { margin:0; color:#D8EEF1 !important; -webkit-text-fill-color:#D8EEF1 !important; font-size:13px !important; line-height:1.5; } /* ========================================================= TABLET ========================================================= */ @media (max-width:900px) { .performix-start-conversation { padding: 50px 22px; } .psc-content h2 { font-size:36px !important; } .psc-areas { grid-template-columns: repeat(2,minmax(0,1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:650px) { .performix-start-conversation { padding: 43px 18px; } .psc-eyebrow { font-size:12px !important; } .psc-content h2 { font-size:30px !important; } .psc-intro { font-size:14px !important; } .psc-areas { grid-template-columns:1fr; gap:7px; } .psc-area strong { font-size:13px !important; } .psc-steps { grid-template-columns:1fr; gap:10px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:430px) { .performix-start-conversation { padding: 38px 15px; } .psc-content h2 { font-size:27px !important; } .psc-intro { font-size:14px !important; } .psc-step p { font-size:13px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ .performix-start-conversation * { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .performix-start-conversation * { transition:none !important; animation:none !important; } } ✦ START THE CONVERSATION Ready to talk about your challenge? No complicated brief required. Tell us what you're trying to solve, and we'll help identify the right next step. /* ========================================================= PERFORMIX — FORM INTRO ========================================================= */ .psc-form-intro { width:100%; max-width:1100px; margin: 0 auto 22px; padding: 22px 24px; display:flex; align-items:center; gap:16px; border: 1px solid rgba(255,215,0,.25); border-radius:12px; background: linear-gradient( 135deg, #003F4B 0%, #005A6C 100% ); font-family: "Poppins", Arial, sans-serif !important; } /* ========================================================= ICON ========================================================= */ .psc-form-intro-icon { display:flex; align-items:center; justify-content:center; width:43px; height:43px; flex: 0 0 43px; border-radius:50%; background: rgba(255,215,0,.13); border: 1px solid rgba(255,215,0,.28); color:#FFD700 !important; font-size:21px !important; line-height:1; } /* ========================================================= CONTENT ========================================================= */ .psc-form-intro-content { min-width:0; } /* ========================================================= EYEBROW ========================================================= */ .psc-form-intro-eyebrow { display:block; margin-bottom:3px; color:#FFD700 !important; -webkit-text-fill-color:#FFD700 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.13em; line-height:1.4; } /* ========================================================= HEADING ========================================================= */ .psc-form-intro-content h3 { margin:0; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; font-family: "Poppins", Arial, sans-serif !important; font-size:21px !important; font-weight:600 !important; line-height:1.35; } /* ========================================================= DESCRIPTION ========================================================= */ .psc-form-intro-content p { margin: 4px 0 0; color:#D8EEF1 !important; -webkit-text-fill-color:#D8EEF1 !important; font-size:13px !important; font-weight:400 !important; line-height:1.5; } /* ========================================================= MOBILE ========================================================= */ @media (max-width:600px) { .psc-form-intro { align-items:flex-start; gap:12px; margin-bottom:18px; padding: 18px; } .psc-form-intro-icon { width:38px; height:38px; flex-basis:38px; font-size:18px !important; } .psc-form-intro-eyebrow { font-size:10px !important; } .psc-form-intro-content h3 { font-size:18px !important; } .psc-form-intro-content p { font-size:13px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:420px) { .psc-form-intro { padding: 16px; } .psc-form-intro-content h3 { font-size:17px !important; } } Name Email Phone Message Send