{"id":3084,"date":"2026-03-17T08:34:30","date_gmt":"2026-03-17T08:34:30","guid":{"rendered":"https:\/\/ferstaging.site\/FC-2026\/?page_id=3084"},"modified":"2026-04-06T01:16:48","modified_gmt":"2026-04-06T01:16:48","slug":"retail-payment-solutions-financialcorp","status":"publish","type":"page","link":"https:\/\/financialcorp.com\/index.php\/retail-payment-solutions-financialcorp\/","title":{"rendered":"Retail Payment Solutions \u2014 FinancialCorp"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Retail Payment Solutions \u2014 FinancialCorp<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --black: #0a0a0a;\r\n --off-black: #111111;\r\n --dark: #1a1a1a;\r\n --gray: #6b6b6b;\r\n --off-white: #f5f5f0;\r\n --white: #ffffff;\r\n --lime: #c8f53a;\r\n --lime-dark: #a8d020;\r\n --lime-pale: #eefab8;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background: var(--off-white);\r\n color: var(--black);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 400;\r\n overflow-x: hidden;\r\n cursor: auto;\r\n }\r\n\r\n\r\n\r\n .hero {\r\n min-height: 100vh;\r\n background: var(--black);\r\n display: grid;\r\n grid-template-rows: 1fr;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg-word {\r\n position: absolute;\r\n bottom: -60px;\r\n left: -20px;\r\n font-size: 30vw;\r\n font-weight: 900;\r\n color: rgba(255, 255, 255, .025);\r\n line-height: 1;\r\n pointer-events: none;\r\n letter-spacing: -.04em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n }\r\n\r\n .hero-body {\r\n display: grid;\r\n grid-template-columns: 1fr 480px;\r\n gap: 0;\r\n padding: 100px 48px 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .hero-title-block {\r\n padding-top: 0;\r\n }\r\n\r\n .hero-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n text-transform: uppercase;\r\n color: var(--lime);\r\n margin-bottom: 36px;\r\n animation: fadeUp .9s ease .1s both;\r\n }\r\n\r\n .hero-eyebrow span {\r\n width: 44px;\r\n height: 1.5px;\r\n background: var(--lime);\r\n display: block;\r\n box-shadow: 0 0 6px rgba(200, 245, 58, .6);\r\n }\r\n\r\n .hero-eyebrow::after {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle at 35% 35%, #fff, var(--lime));\r\n box-shadow: 0 0 8px rgba(200, 245, 58, .9), 0 0 16px rgba(200, 245, 58, .4);\r\n display: block;\r\n flex-shrink: 0;\r\n animation: glowPulse 2.5s ease-in-out infinite;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.8rem, 5.5vw, 6rem);\r\n font-weight: 900;\r\n line-height: 1.05;\r\n color: var(--white);\r\n text-transform: uppercase;\r\n letter-spacing: -.03em;\r\n animation: fadeUp .9s ease .2s both;\r\n }\r\n\r\n .hero-title .lime {\r\n color: var(--lime);\r\n }\r\n\r\n .hero-sub {\r\n margin-top: 36px;\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, .45);\r\n max-width: 460px;\r\n line-height: 1.9;\r\n letter-spacing: .02em;\r\n animation: fadeUp .9s ease .35s both;\r\n }\r\n\r\n .hero-ctas {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 40px;\r\n animation: fadeUp .9s ease .5s both;\r\n }\r\n\r\n .btn-lime {\r\n background: var(--lime);\r\n color: var(--black);\r\n padding: 16px 36px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: background .25s, transform .2s;\r\n }\r\n\r\n .btn-lime:hover {\r\n background: var(--lime-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-lime svg,\r\n .btn-ghost svg {\r\n transition: transform .3s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .btn-lime:hover svg,\r\n .btn-ghost:hover svg {\r\n transform: translateX(6px);\r\n }\r\n\r\n .btn-ghost {\r\n background: transparent;\r\n color: var(--white);\r\n padding: 16px 28px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: .72rem;\r\n font-weight: 700;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n border: 1px solid rgba(255, 255, 255, .2);\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: border-color .25s, color .25s, transform .2s;\r\n }\r\n\r\n .btn-ghost:hover {\r\n border-color: var(--lime);\r\n color: var(--lime);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-right {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 24px;\r\n animation: fadeUp .9s ease .45s both;\r\n }\r\n\r\n .hero-img {\r\n position: relative;\r\n height: 320px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n filter: grayscale(20%);\r\n transition: transform 6s ease;\r\n }\r\n\r\n .hero-img:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .hero-img-badge {\r\n position: absolute;\r\n top: 16px;\r\n left: 16px;\r\n background: var(--lime);\r\n color: var(--black);\r\n font-size: .6rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n padding: 6px 12px;\r\n }\r\n\r\n .hero-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n border: 1px solid rgba(255, 255, 255, .1);\r\n }\r\n\r\n .hstat {\r\n padding: 20px;\r\n border-right: 1px solid rgba(255, 255, 255, .1);\r\n text-align: center;\r\n }\r\n\r\n .hstat:last-child {\r\n border-right: none;\r\n }\r\n\r\n .hstat-num {\r\n font-size: 1.5rem;\r\n font-weight: 900;\r\n color: var(--lime);\r\n letter-spacing: -.02em;\r\n line-height: 1;\r\n }\r\n\r\n .hstat-label {\r\n font-size: .58rem;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .3);\r\n margin-top: 6px;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-36px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fadeRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(36px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes scaleIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(.92);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @keyframes slideInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-60px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(60px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes countUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(16px) scale(.8);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes glowPulse {\r\n\r\n 0%,\r\n 100% {\r\n box-shadow: 0 0 8px rgba(200, 245, 58, .9), 0 0 14px rgba(200, 245, 58, .4);\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 0 14px rgba(200, 245, 58, 1), 0 0 28px rgba(200, 245, 58, .6);\r\n }\r\n }\r\n\r\n @keyframes borderDraw {\r\n from {\r\n width: 0;\r\n }\r\n\r\n to {\r\n width: 44px;\r\n }\r\n }\r\n\r\n @keyframes floatY {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n\r\n @keyframes rotateSlow {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% {\r\n background-position: -200% center;\r\n }\r\n\r\n 100% {\r\n background-position: 200% center;\r\n }\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity .75s ease, transform .75s ease;\r\n }\r\n\r\n .reveal.vis {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-left {\r\n opacity: 0;\r\n transform: translateX(-50px);\r\n transition: opacity .75s ease, transform .75s ease;\r\n }\r\n\r\n .reveal-left.vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-right {\r\n opacity: 0;\r\n transform: translateX(50px);\r\n transition: opacity .75s ease, transform .75s ease;\r\n }\r\n\r\n .reveal-right.vis {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-scale {\r\n opacity: 0;\r\n transform: scale(.94);\r\n transition: opacity .7s ease, transform .7s ease;\r\n }\r\n\r\n .reveal-scale.vis {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .stagger-1 {\r\n transition-delay: .1s !important;\r\n }\r\n\r\n .stagger-2 {\r\n transition-delay: .2s !important;\r\n }\r\n\r\n .stagger-3 {\r\n transition-delay: .3s !important;\r\n }\r\n\r\n .stagger-4 {\r\n transition-delay: .4s !important;\r\n }\r\n\r\n .kicker {\r\n font-size: .88rem;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n text-transform: uppercase;\r\n color: var(--lime-dark);\r\n margin-bottom: 24px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .kicker::before {\r\n content: '';\r\n width: 44px;\r\n height: 1.5px;\r\n background: var(--lime-dark);\r\n display: block;\r\n box-shadow: 0 0 5px rgba(168, 208, 32, .5);\r\n }\r\n\r\n .kicker::after {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle at 35% 35%, #fff, var(--lime-dark));\r\n box-shadow: 0 0 8px rgba(168, 208, 32, .8), 0 0 14px rgba(168, 208, 32, .35);\r\n display: block;\r\n flex-shrink: 0;\r\n animation: glowPulse 2.5s ease-in-out infinite;\r\n }\r\n\r\n .kicker.light::after {\r\n background: radial-gradient(circle at 35% 35%, #fff, var(--lime));\r\n box-shadow: 0 0 8px rgba(200, 245, 58, .9), 0 0 14px rgba(200, 245, 58, .4);\r\n animation: glowPulse 2.5s ease-in-out infinite;\r\n }\r\n\r\n .kicker.light::before {\r\n background: var(--lime);\r\n box-shadow: 0 0 5px rgba(200, 245, 58, .5);\r\n }\r\n\r\n .kicker.light::after {\r\n background: radial-gradient(circle at 35% 35%, #fff, var(--lime));\r\n box-shadow: 0 0 8px rgba(200, 245, 58, .9), 0 0 14px rgba(200, 245, 58, .4);\r\n }\r\n\r\n .intro-strip {\r\n background: var(--off-white);\r\n padding: 100px 48px;\r\n display: grid;\r\n grid-template-columns: 260px 1fr 1fr;\r\n gap: 60px;\r\n border-bottom: 1px solid rgba(0, 0, 0, .08);\r\n }\r\n\r\n .intro-bignum {\r\n font-size: 7rem;\r\n font-weight: 900;\r\n color: rgba(0, 0, 0, .05);\r\n line-height: 1;\r\n letter-spacing: -.04em;\r\n align-self: center;\r\n }\r\n\r\n .intro-heading {\r\n font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n font-weight: 900;\r\n line-height: 1.05;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n align-self: center;\r\n }\r\n\r\n .intro-heading em {\r\n font-style: normal;\r\n color: var(--gray);\r\n font-weight: 200;\r\n }\r\n\r\n .intro-col p {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.9;\r\n margin-bottom: 16px;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .intro-col p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .features-section {\r\n background: var(--black);\r\n padding: 100px 48px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .features-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(200, 245, 58, .06) 0%, transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .feat-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-bottom: 60px;\r\n gap: 40px;\r\n }\r\n\r\n .feat-title {\r\n font-size: clamp(2.2rem, 4vw, 4rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n\r\n .feat-title span {\r\n color: var(--lime);\r\n }\r\n\r\n .feat-desc {\r\n font-size: .97rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, .38);\r\n max-width: 280px;\r\n line-height: 1.85;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .feat-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1px;\r\n background: rgba(255, 255, 255, .06);\r\n }\r\n\r\n .feat-card {\r\n background: var(--black);\r\n padding: 44px 36px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: background .35s, transform .35s;\r\n }\r\n\r\n .feat-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: var(--lime);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform .4s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .feat-card:hover {\r\n background: #141414;\r\n transform: translateY(-4px);\r\n }\r\n\r\n .feat-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .feat-card:hover .feat-icon {\r\n animation: floatY 2s ease-in-out infinite;\r\n }\r\n\r\n .feat-num {\r\n font-size: .6rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .18);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .feat-icon {\r\n width: 42px;\r\n height: 42px;\r\n color: var(--lime);\r\n margin-bottom: 26px;\r\n }\r\n\r\n .feat-card h3 {\r\n font-size: 1rem;\r\n font-weight: 800;\r\n letter-spacing: -.01em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n margin-bottom: 14px;\r\n line-height: 1.2;\r\n }\r\n\r\n .feat-card p {\r\n font-size: .95rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, .42);\r\n line-height: 1.85;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .solutions-section {\r\n background: var(--off-white);\r\n padding: 100px 48px;\r\n }\r\n\r\n .sol-layout {\r\n display: grid;\r\n grid-template-columns: 380px 1fr;\r\n gap: 80px;\r\n margin-top: 60px;\r\n align-items: start;\r\n }\r\n\r\n .sol-sticky {\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .sol-bignum {\r\n font-size: 11rem;\r\n font-weight: 900;\r\n color: rgba(0, 0, 0, .05);\r\n line-height: .9;\r\n letter-spacing: -.05em;\r\n }\r\n\r\n .sol-head {\r\n font-size: clamp(2rem, 3.2vw, 3rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n line-height: 1;\r\n margin-top: 16px;\r\n }\r\n\r\n .sol-sub {\r\n font-size: .97rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.9;\r\n margin-top: 24px;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .sol-list {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sol-row {\r\n display: grid;\r\n grid-template-columns: 64px 1fr;\r\n gap: 28px;\r\n padding: 40px 0;\r\n border-bottom: 1px solid rgba(0, 0, 0, .1);\r\n align-items: start;\r\n transition: padding-left .35s cubic-bezier(.16, 1, .3, 1), border-color .3s;\r\n }\r\n\r\n .sol-row:first-child {\r\n border-top: 1px solid rgba(0, 0, 0, .1);\r\n }\r\n\r\n .sol-row:hover {\r\n padding-left: 12px;\r\n border-color: var(--lime-dark);\r\n }\r\n\r\n .sol-num {\r\n font-size: .65rem;\r\n font-weight: 800;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--lime-dark);\r\n padding-top: 6px;\r\n }\r\n\r\n .sol-row h3 {\r\n font-size: 1.1rem;\r\n font-weight: 800;\r\n letter-spacing: -.01em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .sol-row p {\r\n font-size: .97rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.85;\r\n }\r\n\r\n .banner-sec {\r\n position: relative;\r\n height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n .banner-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 8s ease;\r\n }\r\n\r\n .banner-sec:hover .banner-img {\r\n transform: scale(1.04);\r\n }\r\n\r\n .banner-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, rgba(10, 10, 10, .88) 40%, rgba(10, 10, 10, .3) 100%);\r\n }\r\n\r\n .banner-content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 0 80px;\r\n }\r\n\r\n .banner-eyebrow {\r\n font-size: .88rem;\r\n font-weight: 700;\r\n letter-spacing: .25em;\r\n text-transform: uppercase;\r\n color: var(--lime);\r\n margin-bottom: 28px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .banner-eyebrow::before {\r\n content: '';\r\n width: 44px;\r\n height: 1.5px;\r\n background: var(--lime);\r\n display: block;\r\n box-shadow: 0 0 6px rgba(200, 245, 58, .6);\r\n }\r\n\r\n .banner-eyebrow::after {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle at 35% 35%, #fff, var(--lime));\r\n box-shadow: 0 0 8px rgba(200, 245, 58, .9), 0 0 14px rgba(200, 245, 58, .4);\r\n display: block;\r\n flex-shrink: 0;\r\n }\r\n\r\n .banner-title {\r\n font-size: clamp(2.5rem, 5vw, 5rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1.05;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .banner-checks {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .bcheck {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: .97rem;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, .75);\r\n letter-spacing: .02em;\r\n }\r\n\r\n .bcheck-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--lime);\r\n flex-shrink: 0;\r\n }\r\n\r\n .sec-section {\r\n background: var(--off-white);\r\n padding: 100px 48px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sec-section::after {\r\n content: 'SECURE';\r\n position: absolute;\r\n right: -80px;\r\n top: 50%;\r\n transform: translateY(-50%) rotate(90deg);\r\n font-size: 15vw;\r\n font-weight: 900;\r\n letter-spacing: -.04em;\r\n text-transform: uppercase;\r\n color: rgba(0, 0, 0, .04);\r\n pointer-events: none;\r\n white-space: nowrap;\r\n }\r\n\r\n .sec-top {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n margin-bottom: 64px;\r\n align-items: end;\r\n }\r\n\r\n .sec-heading {\r\n font-size: clamp(2rem, 3.5vw, 3.5rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n line-height: 1.05;\r\n }\r\n\r\n .sec-heading span {\r\n color: var(--gray);\r\n font-weight: 200;\r\n }\r\n\r\n .sec-sub {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.9;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .sec-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1px;\r\n background: rgba(0, 0, 0, .08);\r\n }\r\n\r\n .sec-card {\r\n background: var(--off-white);\r\n padding: 44px 36px;\r\n transition: background .3s, transform .3s;\r\n }\r\n\r\n .sec-card:hover {\r\n background: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .sec-card-icon {\r\n width: 38px;\r\n height: 38px;\r\n color: var(--black);\r\n margin-bottom: 22px;\r\n opacity: .7;\r\n transition: opacity .3s, color .3s, transform .4s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .sec-card:hover .sec-card-icon {\r\n color: var(--lime-dark);\r\n opacity: 1;\r\n transform: scale(1.15) rotate(-5deg);\r\n }\r\n\r\n .sec-card h3 {\r\n font-size: .85rem;\r\n font-weight: 800;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sec-card p {\r\n font-size: .93rem;\r\n font-weight: 300;\r\n color: var(--gray);\r\n line-height: 1.85;\r\n }\r\n\r\n .analytics-sec {\r\n background: var(--dark);\r\n padding: 100px 48px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .analytics-heading {\r\n font-size: clamp(2rem, 3.2vw, 3.2rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1.05;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .analytics-heading .outline {\r\n color: var(--lime);\r\n }\r\n\r\n .analytics-body {\r\n font-size: .97rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, .4);\r\n line-height: 1.9;\r\n margin-bottom: 40px;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .arows {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .arow {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, .06);\r\n transition: padding-left .35s cubic-bezier(.16, 1, .3, 1), border-color .3s;\r\n }\r\n\r\n .arow:hover {\r\n padding-left: 10px;\r\n border-bottom-color: rgba(200, 245, 58, .25);\r\n }\r\n\r\n .arow:first-child {\r\n border-top: 1px solid rgba(255, 255, 255, .06);\r\n }\r\n\r\n .adot {\r\n width: 5px;\r\n height: 5px;\r\n background: var(--lime);\r\n flex-shrink: 0;\r\n border-radius: 50%;\r\n animation: glowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n .arow span {\r\n font-size: .95rem;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, .65);\r\n letter-spacing: .01em;\r\n }\r\n\r\n .chart-panel {\r\n background: #0f0f0f;\r\n padding: 44px;\r\n border: 1px solid rgba(255, 255, 255, .06);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .chart-panel::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -80px;\r\n left: -80px;\r\n width: 280px;\r\n height: 280px;\r\n background: radial-gradient(circle, rgba(200, 245, 58, .07) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .chart-top {\r\n font-size: .6rem;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .25);\r\n margin-bottom: 32px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .live-pill {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n color: var(--lime);\r\n }\r\n\r\n .live-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--lime);\r\n border-radius: 50%;\r\n animation: livep 1.5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes livep {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: .4;\r\n transform: scale(.7);\r\n }\r\n }\r\n\r\n .chart-bars {\r\n display: flex;\r\n align-items: flex-end;\r\n gap: 8px;\r\n height: 150px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .bcol {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n height: 100%;\r\n justify-content: flex-end;\r\n }\r\n\r\n .bfill {\r\n width: 100%;\r\n border-radius: 3px 3px 0 0;\r\n transition: height .9s cubic-bezier(.16, 1, .3, 1), background .3s;\r\n }\r\n\r\n .bfill.dim {\r\n background: rgba(255, 255, 255, .08);\r\n }\r\n\r\n .bfill.lit {\r\n background: var(--lime);\r\n }\r\n\r\n .bfill.midlit {\r\n background: rgba(200, 245, 58, .4);\r\n }\r\n\r\n .bfill:hover {\r\n background: var(--lime) !important;\r\n }\r\n\r\n .bmo {\r\n font-size: .55rem;\r\n font-weight: 700;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .22);\r\n }\r\n\r\n .chart-foot {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n border-top: 1px solid rgba(255, 255, 255, .06);\r\n padding-top: 20px;\r\n }\r\n\r\n .cf-label {\r\n font-size: .6rem;\r\n font-weight: 600;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, .22);\r\n }\r\n\r\n .cf-val {\r\n font-size: 2.4rem;\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n color: var(--lime);\r\n line-height: 1;\r\n }\r\n\r\n .types-section {\r\n background: var(--off-white);\r\n padding: 100px 48px;\r\n }\r\n\r\n .types-section h2 {\r\n font-size: clamp(2.2rem, 4vw, 4rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n line-height: 1;\r\n margin-top: 8px;\r\n }\r\n\r\n .types-section h2 em {\r\n font-style: normal;\r\n color: var(--gray);\r\n font-weight: 200;\r\n }\r\n\r\n .types-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 16px;\r\n margin-top: 60px;\r\n }\r\n\r\n .type-tile {\r\n background: var(--white);\r\n border: 1px solid rgba(0, 0, 0, .07);\r\n padding: 48px 24px 40px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n cursor: none;\r\n transition: all .3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .type-tile::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 3px;\r\n background: var(--lime);\r\n transition: width .3s;\r\n }\r\n\r\n .type-tile:hover {\r\n background: var(--black);\r\n transform: translateY(-6px);\r\n box-shadow: 0 24px 48px rgba(0, 0, 0, .18);\r\n }\r\n\r\n .type-tile:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .type-icon {\r\n width: 48px;\r\n height: 48px;\r\n color: var(--gray);\r\n transition: color .3s, transform .3s;\r\n }\r\n\r\n .type-tile:hover .type-icon {\r\n color: var(--lime);\r\n animation: floatY 2s ease-in-out infinite;\r\n }\r\n\r\n .type-name {\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n transition: color .3s;\r\n line-height: 1.3;\r\n }\r\n\r\n .type-tile:hover .type-name {\r\n color: var(--white);\r\n }\r\n\r\n .support-section {\r\n background: var(--black);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 600px;\r\n }\r\n\r\n .support-img {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .support-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n filter: grayscale(30%) contrast(1.1);\r\n transition: transform 6s ease;\r\n }\r\n\r\n .support-img:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .sup-badge {\r\n position: absolute;\r\n top: 40px;\r\n right: 40px;\r\n background: var(--lime);\r\n color: var(--black);\r\n padding: 24px 28px;\r\n animation: floatY 3s ease-in-out infinite;\r\n }\r\n\r\n .adot {\r\n width: 5px;\r\n height: 5px;\r\n background: var(--lime);\r\n flex-shrink: 0;\r\n animation: glowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n .sup-badge-num {\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n line-height: 1;\r\n }\r\n\r\n .sup-badge-label {\r\n font-size: .58rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n color: rgba(0, 0, 0, .6);\r\n margin-top: 4px;\r\n }\r\n\r\n .support-content {\r\n padding: 80px 64px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .support-heading {\r\n font-size: clamp(2rem, 3vw, 3rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1.05;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .support-heading .outline {\r\n color: var(--lime);\r\n }\r\n\r\n .support-body {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, .42);\r\n line-height: 1.9;\r\n margin-bottom: 44px;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .cta-band {\r\n background: var(--lime);\r\n padding: 80px 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-band::before {\r\n content: 'START';\r\n position: absolute;\r\n right: -60px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 18vw;\r\n font-weight: 900;\r\n letter-spacing: -.05em;\r\n text-transform: uppercase;\r\n color: rgba(0, 0, 0, .05);\r\n pointer-events: none;\r\n white-space: nowrap;\r\n }\r\n\r\n .cta-band h2 {\r\n font-size: clamp(1.8rem, 3vw, 3rem);\r\n font-weight: 900;\r\n letter-spacing: -.03em;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n line-height: 1.05;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cta-band h2 span {\r\n color: var(--off-black);\r\n font-weight: 200;\r\n }\r\n\r\n .cta-band p {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, .55);\r\n max-width: 400px;\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .btn-dark {\r\n background: var(--black);\r\n color: var(--white);\r\n padding: 18px 40px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: background .25s, transform .2s;\r\n }\r\n\r\n .btn-dark:hover {\r\n background: #222;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-dark svg {\r\n transition: transform .3s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .btn-dark:hover svg {\r\n transform: translateX(6px);\r\n }\r\n\r\n .btn-outline-dark {\r\n background: transparent;\r\n color: var(--black);\r\n padding: 18px 40px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n border: 2px solid var(--black);\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: all .25s;\r\n }\r\n\r\n .btn-outline-dark:hover {\r\n background: var(--black);\r\n color: var(--lime);\r\n transform: translateY(-2px);\r\n }\r\n\r\n @media (max-width: 1100px) {\r\n .hero-body {\r\n grid-template-columns: 1fr;\r\n padding-bottom: 100px;\r\n }\r\n\r\n .hero-right {\r\n display: none;\r\n }\r\n\r\n .intro-strip {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .intro-bignum {\r\n display: none;\r\n }\r\n\r\n .feat-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .sol-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .sol-sticky {\r\n position: static;\r\n }\r\n\r\n .sec-top {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n }\r\n\r\n .sec-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .analytics-sec {\r\n grid-template-columns: 1fr;\r\n padding: 80px 48px;\r\n }\r\n\r\n .types-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .support-section {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .support-img {\r\n height: 50vw;\r\n }\r\n\r\n .cta-band {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 720px) {\r\n\r\n .hero-body,\r\n .hero-nav {\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n }\r\n\r\n .intro-strip,\r\n .features-section,\r\n .solutions-section,\r\n .sec-section,\r\n .types-section,\r\n .support-content,\r\n .cta-band {\r\n padding: 72px 24px;\r\n }\r\n\r\n .analytics-sec {\r\n padding: 72px 24px;\r\n }\r\n\r\n .banner-content {\r\n padding: 0 36px;\r\n }\r\n\r\n .feat-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .sec-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .types-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .intro-strip {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n <section class=\"hero\">\r\n <div class=\"hero-bg-word\">PAY<\/div>\r\n\r\n <div class=\"hero-body\">\r\n <div class=\"hero-title-block\">\r\n <div class=\"hero-eyebrow\"><span><\/span>Smart Payment Tech<\/div>\r\n <h1 class=\"hero-title\">\r\n Retail <span class=\"lime\">Payment<\/span> Solutions\r\n <\/h1>\r\n <p class=\"hero-sub\">Advanced payment processing designed for the pace, scale, and complexity of modern retail \u2014\r\n in-store, online, and everywhere in between.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a class=\"btn-lime\" href=\"https:\/\/financialcorp.com\/index.php\/industry-experties\/\">Explore Solutions <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg><\/a>\r\n <a class=\"btn-ghost\" href=\"https:\/\/financialcorp.com\/index.php\/contact-us-2\/\">Contact Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742044-3c52d6e88c62?w=800&q=80&auto=format&fit=crop\"\r\n alt=\"Retail checkout\" \/>\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"intro-strip reveal\">\r\n <div class=\"intro-bignum\">01<\/div>\r\n <div>\r\n <div class=\"kicker\">Our Approach<\/div>\r\n <h2 class=\"intro-heading\">Smart Processing <em>for Modern Retail<\/em><\/h2>\r\n <\/div>\r\n <div class=\"intro-col\">\r\n <p>Retail businesses operate in a fast-paced environment where every transaction matters. Whether you run a local\r\n boutique, a convenience store, or a nationwide chain, a reliable payment system is essential to exceptional\r\n customer experiences.<\/p>\r\n <p>At FinancialCorp, we provide advanced retail payment processing solutions designed to simplify transactions,\r\n increase checkout speed, and ensure secure payment acceptance across all retail channels.<\/p>\r\n <p>Our platform supports modern retailers by integrating powerful technology, flexible payment tools, and\r\n dependable support \u2014 all in one seamless infrastructure.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"features-section reveal\">\r\n <div class=\"feat-header\">\r\n <div>\r\n <div class=\"kicker light\">Core Capabilities<\/div>\r\n <div class=\"feat-title\">Payment <span>Technology<\/span><\/div>\r\n <\/div>\r\n <p class=\"feat-desc\">A complete suite of tools built for retailers of every size \u2014 from single storefronts to\r\n complex multi-location networks.<\/p>\r\n <\/div>\r\n <div class=\"feat-grid\">\r\n <div class=\"feat-card reveal stagger-1\">\r\n <div class=\"feat-num\">01 \/ 04<\/div>\r\n <svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" \/>\r\n <path d=\"M2 10h20\" \/>\r\n <path d=\"M7 15h2M12 15h5\" \/>\r\n <\/svg>\r\n <h3>In-Store POS<\/h3>\r\n <p>Seamless point-of-sale integration accepting all major cards \u2014 engineered for speed and high transaction\r\n volumes.<\/p>\r\n <\/div>\r\n <div class=\"feat-card reveal stagger-2\">\r\n <div class=\"feat-num\">02 \/ 04<\/div>\r\n <svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0\" \/>\r\n <path d=\"M3.6 9h16.8M3.6 15h16.8\" \/>\r\n <path d=\"M12 3a14.5 14.5 0 0 0 0 18M12 3a14.5 14.5 0 0 1 0 18\" \/>\r\n <\/svg>\r\n <h3>Online & Remote<\/h3>\r\n <p>Secure e-commerce payment tools integrating directly with your existing platforms and digital storefronts.\r\n <\/p>\r\n <\/div>\r\n <div class=\"feat-card reveal stagger-3\">\r\n <div class=\"feat-num\">03 \/ 04<\/div>\r\n <svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" \/>\r\n <path d=\"M12 18h.01\" \/>\r\n <\/svg>\r\n <h3>Virtual Terminal<\/h3>\r\n <p>Accept payments from any device through secure virtual terminals \u2014 flexible, portable, always on.<\/p>\r\n <\/div>\r\n <div class=\"feat-card reveal stagger-4\">\r\n <div class=\"feat-num\">04 \/ 04<\/div>\r\n <svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 3v18h18\" \/>\r\n <path d=\"M18 9l-5 5-4-4-3 3\" \/>\r\n <\/svg>\r\n <h3>Data & Analytics<\/h3>\r\n <p>Real-time transaction insights and performance dashboards that power smarter business decisions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"solutions-section reveal\">\r\n <div class=\"kicker\">Technology Suite<\/div>\r\n <div class=\"sol-layout\">\r\n <div class=\"sol-sticky reveal-left\">\r\n <div class=\"sol-bignum\">04<\/div>\r\n <h2 class=\"sol-head\">Integrated Solutions<\/h2>\r\n <p class=\"sol-sub\">FinancialCorp offers a complete suite of payment technologies designed specifically for\r\n retail operations \u2014 adapting to your business model and transaction volume.<\/p>\r\n <\/div>\r\n <div class=\"sol-list reveal-right\">\r\n <div class=\"sol-row\">\r\n <div class=\"sol-num\">01<\/div>\r\n <div>\r\n <h3>Point-of-Sale Integration<\/h3>\r\n <p>Accept all major card payments at checkout with secure, efficient POS systems designed to reduce wait\r\n times and improve the customer experience at every transaction touchpoint.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-row\">\r\n <div class=\"sol-num\">02<\/div>\r\n <div>\r\n <h3>Online & Remote Payments<\/h3>\r\n <p>Enable customers to complete transactions online or remotely with secure payment tools that integrate\r\n easily with e-commerce platforms and any existing digital infrastructure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-row\">\r\n <div class=\"sol-num\">03<\/div>\r\n <div>\r\n <h3>Virtual Terminal Solutions<\/h3>\r\n <p>Process transactions from any device through secure virtual terminals \u2014 allowing retailers to accept\r\n payments anytime, anywhere, without fixed hardware dependencies.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-row\">\r\n <div class=\"sol-num\">04<\/div>\r\n <div>\r\n <h3>Transaction Monitoring<\/h3>\r\n <p>Access detailed transaction insights through powerful account management tools \u2014 monitor sales trends,\r\n track performance, and manage payment activity in real time.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"banner-sec reveal\">\r\n <img decoding=\"async\" class=\"banner-img\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?w=1400&q=80&auto=format&fit=crop\"\r\n alt=\"Retail store\" \/>\r\n <div class=\"banner-overlay\"><\/div>\r\n <div class=\"banner-content\">\r\n <div class=\"banner-eyebrow\">Retail Expertise<\/div>\r\n <h2 class=\"banner-title\">Built for Retail Scale<\/h2>\r\n <div class=\"banner-checks\">\r\n <div class=\"bcheck\">\r\n <div class=\"bcheck-dot\"><\/div>Seamless in-store payment processing across all terminals\r\n <\/div>\r\n <div class=\"bcheck\">\r\n <div class=\"bcheck-dot\"><\/div>Secure online and mobile payment acceptance\r\n <\/div>\r\n <div class=\"bcheck\">\r\n <div class=\"bcheck-dot\"><\/div>Fast and reliable high-volume transaction processing\r\n <\/div>\r\n <div class=\"bcheck\">\r\n <div class=\"bcheck-dot\"><\/div>Flexible integration with existing retail infrastructure\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sec-section reveal\">\r\n <div class=\"sec-top\">\r\n <div>\r\n <div class=\"kicker\">Security & Compliance<\/div>\r\n <h2 class=\"sec-heading\">Protected at <span>Every Transaction<\/span><\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">Payment security is critical in retail environments where thousands of transactions occur\r\n daily. Our platform incorporates advanced security technologies to safeguard sensitive financial data and ensure\r\n full compliance with industry standards \u2014 protecting both merchants and customers at every step.<\/p>\r\n <\/div>\r\n <div class=\"sec-grid\">\r\n <div class=\"sec-card reveal stagger-1\">\r\n <svg class=\"sec-card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <\/svg>\r\n <h3>256-bit Encryption<\/h3>\r\n <p>Every transaction protected with advanced encryption, safeguarding sensitive financial data from entry\r\n through settlement.<\/p>\r\n <\/div>\r\n <div class=\"sec-card reveal stagger-2\">\r\n <svg class=\"sec-card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" \/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" \/>\r\n <\/svg>\r\n <h3>PCI Compliance<\/h3>\r\n <p>Fully PCI-DSS compliant systems ensuring your retail operation meets the highest industry standards for data\r\n security.<\/p>\r\n <\/div>\r\n <div class=\"sec-card reveal stagger-3\">\r\n <svg class=\"sec-card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 8v4l3 3\" \/>\r\n <\/svg>\r\n <h3>Fraud Protection<\/h3>\r\n <p>Real-time fraud detection monitors transaction patterns and flags suspicious activity before it impacts your\r\n business.<\/p>\r\n <\/div>\r\n <div class=\"sec-card reveal stagger-4\">\r\n <svg class=\"sec-card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" \/>\r\n <\/svg>\r\n <h3>100% Uptime<\/h3>\r\n <p>Redundant processing infrastructure ensures your payment systems stay operational even during peak retail\r\n periods.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"analytics-sec reveal\">\r\n <div class=\"reveal-left\">\r\n <div class=\"kicker light\">Management Tools<\/div>\r\n <h2 class=\"analytics-heading\">Complete <span class=\"outline\">Payment<\/span> Visibility<\/h2>\r\n <p class=\"analytics-body\">Our web-based management platform provides comprehensive reporting and analytics that\r\n allow business owners and managers to track transactions and performance across every location with precision.\r\n <\/p>\r\n \r\n <\/div>\r\n <div class=\"arows\">\r\n <div class=\"arow\">\r\n <div class=\"adot\"><\/div><span>View transaction history in real time<\/span>\r\n <\/div>\r\n <div class=\"arow\">\r\n <div class=\"adot\"><\/div><span>Analyze sales trends and performance over time<\/span>\r\n <\/div>\r\n <div class=\"arow\">\r\n <div class=\"adot\"><\/div><span>Monitor payment activity across multiple locations<\/span>\r\n <\/div>\r\n <div class=\"arow\">\r\n <div class=\"adot\"><\/div><span>Access detailed reporting and financial insights<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"types-section reveal\">\r\n <div class=\"kicker\">Who We Serve<\/div>\r\n <h2>Solutions for Every <em>Retail Format<\/em><\/h2>\r\n <div class=\"types-grid\">\r\n <div class=\"type-tile reveal stagger-1\">\r\n <svg class=\"type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <rect x=\"9\" y=\"12\" width=\"6\" height=\"9\" \/>\r\n <\/svg>\r\n <span class=\"type-name\">Independent Retail<\/span>\r\n <\/div>\r\n <div class=\"type-tile reveal stagger-2\">\r\n <svg class=\"type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"1\" y=\"3\" width=\"22\" height=\"18\" rx=\"2\" \/>\r\n <path d=\"M1 9h22M8 3v6M16 3v6\" \/>\r\n <\/svg>\r\n <span class=\"type-name\">Multi-Location Chains<\/span>\r\n <\/div>\r\n <div class=\"type-tile reveal stagger-3\">\r\n <svg class=\"type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <span class=\"type-name\">Specialty Retail<\/span>\r\n <\/div>\r\n <div class=\"type-tile reveal stagger-4\">\r\n <svg class=\"type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"9\" cy=\"21\" r=\"1\" \/>\r\n <circle cx=\"20\" cy=\"21\" r=\"1\" \/>\r\n <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\" \/>\r\n <\/svg>\r\n <span class=\"type-name\">Convenience Stores<\/span>\r\n <\/div>\r\n <div class=\"type-tile reveal\" style=\"transition-delay:.5s\">\r\n <svg class=\"type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" \/>\r\n <path d=\"M8 21h8M12 17v4\" \/>\r\n <\/svg>\r\n <span class=\"type-name\">E-Commerce<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"support-section reveal\">\r\n <div class=\"support-img reveal-left\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=800&q=80&auto=format&fit=crop\"\r\n alt=\"Support team\" \/>\r\n <div class=\"sup-badge\">\r\n <div class=\"sup-badge-num\">24\/7<\/div>\r\n <div class=\"sup-badge-label\">Support<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"support-content reveal-right\">\r\n <div class=\"kicker light\">Merchant Support<\/div>\r\n <h2 class=\"support-heading\">Always <span class=\"outline\">Here<\/span> For You<\/h2>\r\n <p class=\"support-body\">Retail merchants partnering with FinancialCorp receive expert support and guidance from a\r\n dedicated team committed to ensuring uninterrupted service. Our support covers system integration, technical\r\n issues, transaction inquiries, and payment optimization \u2014 keeping your business running at full capacity at all\r\n times.<\/p>\r\n <a class=\"btn-lime\" hrefhttps:\/\/financialcorp.com\/index.php\/book-a-demo\/Talk to an Expert <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-band reveal\">\r\n <div>\r\n <h2>Ready to <span>Modernize<\/span> Your Payments?<\/h2>\r\n <p>Discover how FinancialCorp can help your business process faster, sell smarter, and grow with confidence across\r\n every channel.<\/p>\r\n <\/div>\r\n <div class=\"cta-actions\">\r\n <a class=\"btn-dark\" href=\"https:\/\/financialcorp.com\/index.php\/contact-us-2\/\">Get Started Now <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg><\/a>\r\n <a class=\"btn-outline-dark\" href=\"https:\/\/financialcorp.com\/index.php\/book-a-demo\/\">Schedule a Demo<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \r\n const revealObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('vis');\r\n revealObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08, rootMargin: '0px 0px -50px 0px' });\r\n document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale').forEach(el => revealObs.observe(el));\r\n\r\n \r\n const chartObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n document.querySelectorAll('.bfill').forEach((b, i) => {\r\n const h = b.style.height;\r\n b.style.height = '0';\r\n setTimeout(() => { b.style.height = h; }, 150 + i * 90);\r\n });\r\n chartObs.disconnect();\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n const cb = document.getElementById('chartBars');\r\n if (cb) chartObs.observe(cb);\r\n\r\n \r\n function animateCount(el, target, suffix, duration) {\r\n let start = 0;\r\n const step = target \/ (duration \/ 16);\r\n const tick = () => {\r\n start = Math.min(start + step, target);\r\n el.textContent = (Number.isInteger(target) ? Math.floor(start) : start.toFixed(1)) + suffix;\r\n if (start < target) requestAnimationFrame(tick);\r\n };\r\n requestAnimationFrame(tick);\r\n }\r\n const statObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const nums = e.target.querySelectorAll('.hstat-num');\r\n nums.forEach(n => {\r\n const text = n.textContent.trim();\r\n if (text === '99.9%') animateCount(n, 99.9, '%', 1200);\r\n else if (text === '24\/7') { n.textContent = '0\/7'; animateCount(n, 24, '\/7', 900); }\r\n });\r\n statObs.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n const heroStats = document.querySelector('.hero-stats');\r\n if (heroStats) statObs.observe(heroStats);\r\n\r\n const bgWord = document.querySelector('.hero-bg-word');\r\n window.addEventListener('scroll', () => {\r\n if (bgWord) bgWord.style.transform = `translateY(${window.scrollY * 0.25}px)`;\r\n }, { passive: true });\r\n\r\n document.querySelectorAll('.btn-lime, .btn-dark, .btn-ghost').forEach(btn => {\r\n btn.addEventListener('mousemove', e => {\r\n const r = btn.getBoundingClientRect();\r\n const x = e.clientX - r.left - r.width \/ 2;\r\n const y = e.clientY - r.top - r.height \/ 2;\r\n btn.style.transform = `translate(${x * 0.12}px, ${y * 0.18}px)`;\r\n });\r\n btn.addEventListener('mouseleave', () => {\r\n btn.style.transform = '';\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Retail Payment Solutions \u2014 FinancialCorp PAY Smart Payment Tech Retail Payment Solutions Advanced payment processing designed for the pace, scale, and complexity […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/comments?post=3084"}],"version-history":[{"count":13,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3084\/revisions"}],"predecessor-version":[{"id":3360,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3084\/revisions\/3360"}],"wp:attachment":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=3084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}