{"id":3037,"date":"2026-03-17T00:38:35","date_gmt":"2026-03-17T00:38:35","guid":{"rendered":"https:\/\/ferstaging.site\/FC-2026\/?page_id=3037"},"modified":"2026-04-06T22:09:12","modified_gmt":"2026-04-06T22:09:12","slug":"b2b","status":"publish","type":"page","link":"https:\/\/financialcorp.com\/index.php\/b2b\/","title":{"rendered":"B2B"},"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 FinancialCorp \u2014 Full Width Sections<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --navy: #0B3A63;\r\n --blue: #1F6FEB;\r\n --gold: #F9A825;\r\n --bg: #F5F7FA;\r\n --white: #ffffff;\r\n --text: #1a2535;\r\n --muted: #6b7a93;\r\n --border: rgba(11, 58, 99, 0.1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n }\r\n\r\n section {\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .full-width {\r\n width: 100%;\r\n padding-left: 40px;\r\n padding-right: 40px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .full-width {\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n }\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(50px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes rotateRev {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(-360deg); }\r\n }\r\n\r\n @keyframes float {\r\n 0%,100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%,100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: .6; transform: scale(1.1); }\r\n }\r\n\r\n @keyframes drawLine {\r\n from { width: 0; }\r\n to { width: 72px; }\r\n }\r\n\r\n @keyframes scanline {\r\n 0% { top: -100%; }\r\n 100% { top: 200%; }\r\n }\r\n\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(0px) translateX(0px); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translateY(-120px) translateX(var(--dx)); opacity: 0; }\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0%,100% {\r\n box-shadow: 0 0 20px rgba(249,168,37,.3), 0 0 60px rgba(249,168,37,.1);\r\n }\r\n 50% {\r\n box-shadow: 0 0 40px rgba(249,168,37,.6), 0 0 100px rgba(249,168,37,.25);\r\n }\r\n }\r\n\r\n @keyframes lineExpand {\r\n 0% { transform: scaleX(0); }\r\n 100% { transform: scaleX(1); }\r\n }\r\n\r\n @keyframes orbitDot {\r\n from { transform: rotate(0deg) translateX(160px) rotate(0deg); }\r\n to { transform: rotate(360deg) translateX(160px) rotate(-360deg); }\r\n }\r\n\r\n @keyframes orbitDot2 {\r\n from { transform: rotate(120deg) translateX(220px) rotate(-120deg); }\r\n to { transform: rotate(480deg) translateX(220px) rotate(-480deg); }\r\n }\r\n\r\n @keyframes orbitDot3 {\r\n from { transform: rotate(240deg) translateX(130px) rotate(-240deg); }\r\n to { transform: rotate(600deg) translateX(130px) rotate(-600deg); }\r\n }\r\n\r\n @keyframes slideInWord {\r\n 0% { opacity: 0; transform: translateY(100%); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .reveal,\r\n .reveal-l,\r\n .reveal-r,\r\n .reveal-s {\r\n transition: opacity .75s ease, transform .75s ease;\r\n }\r\n\r\n .reveal { opacity: 0; transform: translateY(36px); }\r\n .reveal-l { opacity: 0; transform: translateX(-44px); }\r\n .reveal-r { opacity: 0; transform: translateX(44px); }\r\n .reveal-s { opacity: 0; transform: scale(.88); }\r\n\r\n .reveal.on,\r\n .reveal-l.on,\r\n .reveal-r.on,\r\n .reveal-s.on {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n .section-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: .65rem;\r\n font-weight: 700;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .section-label::before {\r\n content: '';\r\n width: 30px;\r\n height: 2px;\r\n background: var(--gold);\r\n border-radius: 2px;\r\n }\r\n\r\n .section-head {\r\n text-align: center;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .section-head h2 {\r\n font-size: clamp(1.6rem, 2.8vw, 2.4rem);\r\n font-weight: 800;\r\n color: var(--navy);\r\n letter-spacing: -.025em;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-head p {\r\n font-size: .84rem;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.75;\r\n font-weight: 400;\r\n }\r\n\r\n .section-divider {\r\n width: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--gold), var(--blue));\r\n border-radius: 2px;\r\n margin: 12px auto 0;\r\n }\r\n\r\n .section-divider.on {\r\n animation: drawLine .9s ease .2s forwards;\r\n }\r\n\r\n .btn-gold {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gold);\r\n color: var(--navy);\r\n font-size: .78rem;\r\n font-weight: 800;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n padding: 16px 38px;\r\n border-radius: 3px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all .3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-gold:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 48px rgba(249,168,37,.5);\r\n }\r\n\r\n .btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255,255,255,.75);\r\n font-size: .78rem;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border-bottom: 1px solid rgba(255,255,255,.3);\r\n padding-bottom: 2px;\r\n transition: all .3s ease;\r\n }\r\n\r\n .btn-ghost:hover {\r\n color: var(--gold);\r\n border-color: var(--gold);\r\n gap: 14px;\r\n }\r\n\r\n \/* HERO *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: #040e1c;\r\n overflow: hidden;\r\n padding: 60px 0 40px;\r\n }\r\n\r\n .hero-photo {\r\n position: absolute;\r\n inset: 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1900&q=85') center\/cover no-repeat;\r\n opacity: .12;\r\n }\r\n\r\n .hero-grad {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(125deg, rgba(4,14,28,.98) 0%, rgba(11,58,99,.92) 50%, rgba(31,111,235,.28) 100%);\r\n }\r\n\r\n .hero-orb {\r\n position: absolute;\r\n width: 700px;\r\n height: 700px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(31,111,235,.16) 0%, rgba(11,58,99,.08) 40%, transparent 70%);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-orb-gold {\r\n position: absolute;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(249,168,37,.1) 0%, transparent 65%);\r\n bottom: -100px;\r\n right: 8%;\r\n animation: float 7s ease-in-out infinite;\r\n }\r\n\r\n .hero-scan {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(249,168,37,.35) 50%, transparent);\r\n animation: scanline 7s linear infinite;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n width: 3px;\r\n height: 3px;\r\n background: var(--gold);\r\n animation: particleFloat var(--dur) ease-in-out infinite var(--delay);\r\n }\r\n\r\n .hero-orbit-wrap {\r\n position: absolute;\r\n right: 6%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 500px;\r\n height: 500px;\r\n pointer-events: none;\r\n }\r\n\r\n .orbit-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .orbit-ring-1 {\r\n width: 320px;\r\n height: 320px;\r\n border: 1px solid rgba(249,168,37,.18);\r\n animation: rotate 22s linear infinite;\r\n }\r\n\r\n .orbit-ring-2 {\r\n width: 440px;\r\n height: 440px;\r\n border: 1px solid rgba(31,111,235,.13);\r\n animation: rotateRev 32s linear infinite;\r\n }\r\n\r\n .orbit-ring-3 {\r\n width: 200px;\r\n height: 200px;\r\n border: 1px solid rgba(255,255,255,.07);\r\n animation: rotate 14s linear infinite;\r\n }\r\n\r\n .orbit-ring-dash {\r\n width: 500px;\r\n height: 500px;\r\n border: 1px dashed rgba(249,168,37,.09);\r\n animation: rotateRev 55s linear infinite;\r\n }\r\n\r\n .orb-dot {\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 50%;\r\n left: 50%;\r\n }\r\n\r\n .orb-dot-1 {\r\n width: 10px;\r\n height: 10px;\r\n margin: -5px 0 0 -5px;\r\n background: var(--gold);\r\n box-shadow: 0 0 16px var(--gold), 0 0 32px rgba(249,168,37,.5);\r\n animation: orbitDot 12s linear infinite;\r\n }\r\n\r\n .orb-dot-2 {\r\n width: 7px;\r\n height: 7px;\r\n margin: -3.5px 0 0 -3.5px;\r\n background: var(--blue);\r\n box-shadow: 0 0 12px var(--blue);\r\n animation: orbitDot2 18s linear infinite;\r\n }\r\n\r\n .orb-dot-3 {\r\n width: 5px;\r\n height: 5px;\r\n margin: -2.5px 0 0 -2.5px;\r\n background: rgba(255,255,255,.7);\r\n animation: orbitDot3 9s linear infinite;\r\n }\r\n\r\n .orbit-center {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 88px;\r\n height: 88px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--navy), var(--blue));\r\n border: 2px solid rgba(249,168,37,.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n animation: glowPulse 3s ease-in-out infinite;\r\n }\r\n\r\n .orbit-center svg {\r\n width: 36px;\r\n height: 36px;\r\n stroke: var(--gold);\r\n stroke-width: 1.5;\r\n fill: none;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n }\r\n\r\n .hero-content-inner {\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 0 40px;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(249,168,37,.09);\r\n border: 1px solid rgba(249,168,37,.22);\r\n border-radius: 2px;\r\n padding: 6px 14px;\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 16px;\r\n animation: fadeIn .7s ease .1s both;\r\n }\r\n\r\n .hero-tag-pulse {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(3rem, 6.2vw, 6.5rem);\r\n font-weight: 900;\r\n line-height: 1;\r\n color: var(--white);\r\n letter-spacing: -.04em;\r\n text-transform: uppercase;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .hero-line {\r\n display: block;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-line .inner {\r\n display: block;\r\n animation: slideInWord .75s cubic-bezier(.16,1,.3,1) both;\r\n }\r\n\r\n .hero-line:nth-child(1) .inner { animation-delay: .15s; }\r\n .hero-line:nth-child(2) .inner { animation-delay: .28s; }\r\n .hero-line:nth-child(3) .inner { animation-delay: .41s; }\r\n .hero-line:nth-child(4) .inner { animation-delay: .54s; }\r\n .hero-line:nth-child(5) .inner { animation-delay: .67s; }\r\n\r\n .hero-line.accent .inner {\r\n color: var(--gold);\r\n }\r\n\r\n .hero-title-underline {\r\n display: block;\r\n height: 4px;\r\n width: 200px;\r\n background: linear-gradient(90deg, var(--gold), var(--blue));\r\n border-radius: 2px;\r\n transform-origin: left;\r\n transform: scaleX(0);\r\n animation: lineExpand .9s cubic-bezier(.16,1,.3,1) .85s forwards;\r\n margin: 6px 0 16px;\r\n }\r\n\r\n .hero-desc {\r\n font-size: .88rem;\r\n line-height: 1.75;\r\n color: rgba(255,255,255,.58);\r\n max-width: 560px;\r\n margin-bottom: 24px;\r\n animation: fadeUp .8s ease .95s both;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 26px;\r\n animation: fadeUp .8s ease 1.1s both;\r\n }\r\n\r\n .hero-stats-row {\r\n display: flex;\r\n gap: 32px;\r\n margin-top: 28px;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255,255,255,.07);\r\n animation: fadeIn 1s ease 1.25s both;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-stat-n {\r\n font-size: 1.75rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n\r\n .hero-stat-n em {\r\n color: var(--gold);\r\n font-style: normal;\r\n }\r\n\r\n .hero-stat-l {\r\n font-size: .6rem;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.32);\r\n margin-top: 6px;\r\n }\r\n\r\n .hero-stat-divider {\r\n width: 1px;\r\n background: rgba(255,255,255,.09);\r\n }\r\n\r\n \/* ABOUT *\/\r\n #about {\r\n background: var(--white);\r\n padding: 80px 0;\r\n }\r\n\r\n .about-inner {\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .about-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .about-img-wrap::before {\r\n content: '';\r\n position: absolute;\r\n top: -20px;\r\n left: -20px;\r\n right: 20px;\r\n bottom: 20px;\r\n border: 2px solid rgba(249,168,37,.22);\r\n border-radius: 6px;\r\n }\r\n\r\n .about-img-wrap::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -14px;\r\n right: -14px;\r\n width: 100px;\r\n height: 100px;\r\n background: var(--navy);\r\n border-radius: 6px;\r\n z-index: 0;\r\n }\r\n\r\n .about-img {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n height: 480px;\r\n object-fit: cover;\r\n border-radius: 6px;\r\n display: block;\r\n }\r\n\r\n .about-float {\r\n position: absolute;\r\n bottom: 18px;\r\n left: -20px;\r\n z-index: 2;\r\n background: var(--white);\r\n border-radius: 8px;\r\n padding: 10px 14px;\r\n box-shadow: 0 12px 36px rgba(11,58,99,.15);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .about-float-icon {\r\n width: 42px;\r\n height: 42px;\r\n background: linear-gradient(135deg, var(--navy), var(--blue));\r\n border-radius: 9px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .about-float-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: #fff;\r\n stroke-width: 2;\r\n fill: none;\r\n }\r\n\r\n .about-float-text strong {\r\n display: block;\r\n font-size: 1rem;\r\n font-weight: 800;\r\n color: var(--navy);\r\n }\r\n\r\n .about-float-text span {\r\n font-size: .65rem;\r\n color: var(--muted);\r\n font-weight: 500;\r\n }\r\n\r\n .about-text h2 {\r\n font-size: clamp(1.5rem, 2.4vw, 2rem);\r\n font-weight: 800;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .about-text p {\r\n font-size: .82rem;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .about-list {\r\n list-style: none;\r\n margin-top: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .about-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n color: var(--text);\r\n }\r\n\r\n .about-list li::before {\r\n content: '';\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* SOLUTIONS *\/\r\n #solutions {\r\n background: var(--bg);\r\n padding: 80px 0;\r\n }\r\n\r\n .sol-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .sol-card {\r\n background: var(--white);\r\n border-radius: 8px;\r\n padding: 24px 22px;\r\n border: 1px solid var(--border);\r\n transition: all .4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sol-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0 auto auto 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue), var(--gold));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform .4s ease;\r\n }\r\n\r\n .sol-card:hover {\r\n transform: translateY(-9px);\r\n box-shadow: 0 28px 64px rgba(11,58,99,.13);\r\n border-color: transparent;\r\n }\r\n\r\n .sol-card:hover::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n .sol-icon-box {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 10px;\r\n background: rgba(31,111,235,.07);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 14px;\r\n transition: all .4s ease;\r\n }\r\n\r\n .sol-card:hover .sol-icon-box {\r\n background: linear-gradient(135deg, var(--navy), var(--blue));\r\n }\r\n\r\n .sol-icon-box svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--blue);\r\n stroke-width: 1.8;\r\n fill: none;\r\n transition: stroke .4s;\r\n }\r\n\r\n .sol-card:hover .sol-icon-box svg {\r\n stroke: #fff;\r\n }\r\n\r\n .sol-card h3 {\r\n font-size: .82rem;\r\n font-weight: 800;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sol-card p {\r\n font-size: .76rem;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n }\r\n\r\n .sol-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: .65rem;\r\n font-weight: 800;\r\n color: var(--blue);\r\n margin-top: 10px;\r\n opacity: 0;\r\n transform: translateX(-8px);\r\n transition: all .3s ease;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: .07em;\r\n }\r\n\r\n .sol-card:hover .sol-more {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n \/* BENEFITS *\/\r\n #benefits {\r\n background: var(--navy);\r\n padding: 80px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .benefits-glow {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .benefits-glow-1 {\r\n width: 600px;\r\n height: 600px;\r\n top: -150px;\r\n left: -150px;\r\n background: radial-gradient(circle, rgba(31,111,235,.2), transparent 60%);\r\n }\r\n\r\n .benefits-glow-2 {\r\n width: 500px;\r\n height: 500px;\r\n bottom: -100px;\r\n right: -100px;\r\n background: radial-gradient(circle, rgba(249,168,37,.08), transparent 60%);\r\n }\r\n\r\n #benefits .section-head h2 {\r\n color: var(--white);\r\n }\r\n\r\n #benefits .section-head p {\r\n color: rgba(255,255,255,.48);\r\n }\r\n\r\n .ben-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background: rgba(255,255,255,.04);\r\n margin-top: 32px;\r\n }\r\n\r\n .ben-item {\r\n background: rgba(11,58,99,.45);\r\n padding: 28px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: background .4s ease;\r\n }\r\n\r\n .ben-item::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(31,111,235,.25), transparent);\r\n opacity: 0;\r\n transition: opacity .4s ease;\r\n }\r\n\r\n .ben-item:hover {\r\n background: rgba(31,111,235,.18);\r\n }\r\n\r\n .ben-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .ben-icon-ring {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(249,168,37,.22);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 12px;\r\n transition: all .4s ease;\r\n }\r\n\r\n .ben-item:hover .ben-icon-ring {\r\n border-color: var(--gold);\r\n transform: scale(1.1);\r\n background: rgba(249,168,37,.1);\r\n }\r\n\r\n .ben-icon-ring svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--gold);\r\n stroke-width: 1.6;\r\n fill: none;\r\n }\r\n\r\n .ben-num {\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .ben-num span {\r\n color: var(--gold);\r\n }\r\n\r\n .ben-title {\r\n font-size: .72rem;\r\n font-weight: 700;\r\n color: rgba(255,255,255,.88);\r\n margin-bottom: 6px;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .ben-desc {\r\n font-size: .7rem;\r\n color: rgba(255,255,255,.4);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* BANNER *\/\r\n #banner {\r\n height: 380px;\r\n overflow: hidden;\r\n }\r\n\r\n .banner-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1521737852567-6949f3f9f2b5?w=1900&q=85') center\/cover no-repeat;\r\n transition: transform 9s ease;\r\n }\r\n\r\n #banner:hover .banner-bg {\r\n transform: scale(1.04);\r\n }\r\n\r\n .banner-cover {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, rgba(11,58,99,.96) 0%, rgba(11,58,99,.62) 55%, rgba(11,58,99,.22) 100%);\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .banner-inner h2 {\r\n font-size: clamp(1.5rem, 2.6vw, 2.4rem);\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1.2;\r\n margin-bottom: 12px;\r\n max-width: 700px;\r\n }\r\n\r\n .banner-inner h2 em {\r\n font-style: normal;\r\n color: var(--gold);\r\n }\r\n\r\n .banner-inner p {\r\n font-size: .82rem;\r\n color: rgba(255,255,255,.62);\r\n line-height: 1.75;\r\n max-width: 520px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n \/* CTA *\/\r\n #cta {\r\n background: var(--bg);\r\n padding: 80px 0;\r\n }\r\n\r\n .cta-box {\r\n background: var(--white);\r\n width: 100%;\r\n border-radius: 12px;\r\n padding: 50px 48px;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 20px 60px rgba(11,58,99,.09);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n .cta-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--navy), var(--blue), var(--gold));\r\n }\r\n\r\n .cta-glow-a {\r\n position: absolute;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 50%;\r\n top: -80px;\r\n right: -80px;\r\n background: radial-gradient(circle, rgba(31,111,235,.07), transparent 70%);\r\n }\r\n\r\n .cta-glow-b {\r\n position: absolute;\r\n width: 220px;\r\n height: 220px;\r\n border-radius: 50%;\r\n bottom: -60px;\r\n left: -60px;\r\n background: radial-gradient(circle, rgba(249,168,37,.06), transparent 70%);\r\n }\r\n\r\n .cta-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cta-eyebrow::before,\r\n .cta-eyebrow::after {\r\n content: '';\r\n width: 22px;\r\n height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .cta-box h2 {\r\n font-size: clamp(1.4rem, 2.2vw, 2rem);\r\n font-weight: 800;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 12px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-box p {\r\n font-size: .82rem;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n margin-bottom: 24px;\r\n position: relative;\r\n z-index: 1;\r\n max-width: 760px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-btns {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 18px;\r\n position: relative;\r\n z-index: 1;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-line {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: transparent;\r\n color: var(--navy);\r\n font-size: .78rem;\r\n font-weight: 700;\r\n padding: 15px 36px;\r\n border-radius: 3px;\r\n border: 2px solid var(--border);\r\n text-decoration: none;\r\n transition: all .3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: .06em;\r\n }\r\n\r\n .btn-line:hover {\r\n border-color: var(--navy);\r\n background: rgba(11,58,99,.05);\r\n }\r\n\r\n .cta-trust {\r\n font-size: .7rem;\r\n color: var(--muted);\r\n margin-top: 22px;\r\n font-weight: 500;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .cta-trust-dot {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .sol-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .ben-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .hero-orbit-wrap {\r\n display: none;\r\n }\r\n\r\n .about-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sol-grid,\r\n .ben-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .about-img-wrap {\r\n display: none;\r\n }\r\n\r\n .hero-content-inner {\r\n padding: 0 18px;\r\n }\r\n\r\n .hero-actions {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .hero-stats-row {\r\n gap: 16px;\r\n }\r\n\r\n .hero-stat-divider {\r\n display: none;\r\n }\r\n\r\n .cta-box {\r\n padding: 32px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO SECTION -->\r\n <section id=\"hero\">\r\n <div class=\"hero-photo\"><\/div>\r\n <div class=\"hero-grad\"><\/div>\r\n <div class=\"hero-orb\"><\/div>\r\n <div class=\"hero-orb-gold\"><\/div>\r\n <div class=\"hero-scan\"><\/div>\r\n\r\n <div class=\"particle\" style=\"left:15%;bottom:22%;--dur:6s;--delay:0s;--dx:20px\"><\/div>\r\n <div class=\"particle\" style=\"left:25%;bottom:32%;--dur:8s;--delay:1s;--dx:-15px;background:var(--blue)\"><\/div>\r\n <div class=\"particle\" style=\"left:60%;bottom:16%;--dur:7s;--delay:2s;--dx:10px\"><\/div>\r\n <div class=\"particle\" style=\"left:80%;bottom:26%;--dur:5s;--delay:.5s;--dx:-20px;background:rgba(255,255,255,.35)\"><\/div>\r\n\r\n <div class=\"hero-orbit-wrap\">\r\n <div class=\"orbit-ring orbit-ring-dash\"><\/div>\r\n <div class=\"orbit-ring orbit-ring-2\"><\/div>\r\n <div class=\"orbit-ring orbit-ring-1\"><\/div>\r\n <div class=\"orbit-ring orbit-ring-3\"><\/div>\r\n <div class=\"orb-dot orb-dot-1\"><\/div>\r\n <div class=\"orb-dot orb-dot-2\"><\/div>\r\n <div class=\"orb-dot orb-dot-3\"><\/div>\r\n <div class=\"orbit-center\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-content-inner\">\r\n <div class=\"hero-tag\">\r\n <span class=\"hero-tag-pulse\"><\/span>\r\n B2B Financial Technology\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <div class=\"hero-line\"><span class=\"inner\">Helping<\/span><\/div>\r\n <div class=\"hero-line\"><span class=\"inner\">Businesses<\/span><\/div>\r\n <div class=\"hero-line accent\"><span class=\"inner\">Simplify<\/span><\/div>\r\n <div class=\"hero-line\"><span class=\"inner\">Payments &<\/span><\/div>\r\n <div class=\"hero-line accent\"><span class=\"inner\">Finance<\/span><\/div>\r\n <\/h1>\r\n\r\n <span class=\"hero-title-underline\"><\/span>\r\n\r\n <p class=\"hero-desc\">\r\n FinancialCorp delivers powerful B2B payment and financial solutions\u2014helping companies manage\r\n transactions efficiently, reduce operational costs, and improve cash flow.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#cta\" class=\"btn-gold\">Get Started Today<\/a>\r\n <a href=\"#about\" class=\"btn-ghost\">Explore Services<\/a>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ABOUT SECTION -->\r\n <section id=\"about\">\r\n <div class=\"full-width\">\r\n <div class=\"about-inner\">\r\n <div class=\"about-img-wrap reveal-l\">\r\n <img decoding=\"async\" class=\"about-img\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=900&q=80\" alt=\"Business professionals\">\r\n <div class=\"about-float\">\r\n <div class=\"about-float-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"about-float-text\">\r\n <strong>ISO 27001<\/strong>\r\n <span>Certified & Compliant<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-text reveal-r\">\r\n <div class=\"section-label\">Who We Are<\/div>\r\n <h2>Your Trusted B2B Financial Technology Partner<\/h2>\r\n <p>We understand that businesses operate in complex environments where payment processing, financial management, and reporting must work seamlessly together.<\/p>\r\n <p>FinancialCorp delivers customized solutions that integrate with your existing systems while providing the flexibility needed to support your company's growth.<\/p>\r\n <ul class=\"about-list\">\r\n <li>Seamless integration with existing business platforms<\/li>\r\n <li>Customized payment solutions for every business model<\/li>\r\n <li>Real-time reporting and financial insights dashboard<\/li>\r\n <li>Dedicated account management and 24\/7 expert support<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SOLUTIONS SECTION -->\r\n <section id=\"solutions\">\r\n <div class=\"full-width\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-label\">Our Services<\/div>\r\n <h2>Comprehensive B2B Solutions<\/h2>\r\n <p>Purpose-built financial technology services designed to support organizations that require reliable, scalable, and secure payment systems.<\/p>\r\n <div class=\"section-divider\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-grid\">\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg>\r\n <\/div>\r\n <h3>Payment Processing<\/h3>\r\n <p>Secure and reliable payment processing across multiple channels\u2014online, phone, or integrated systems\u2014ensuring fast, accurate transactions.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <h3>Customized Financial Solutions<\/h3>\r\n <p>Our team designs payment solutions that match your operational structure, improving efficiency while maintaining full transparency and control.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\/><\/svg>\r\n <\/div>\r\n <h3>Technology Integration<\/h3>\r\n <p>Our systems connect seamlessly with existing platforms, letting companies manage payments without disrupting current operations.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg>\r\n <\/div>\r\n <h3>Business Insights & Reporting<\/h3>\r\n <p>Powerful reporting tools to monitor transactions, track performance, and gain insights that support smarter financial decisions.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\r\n <\/div>\r\n <h3>Secure Transactions<\/h3>\r\n <p>Advanced security measures ensure all business transactions remain protected and compliant with industry standards and regulations.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal\">\r\n <div class=\"sol-icon-box\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n <\/div>\r\n <h3>Dedicated Support<\/h3>\r\n <p>Our experienced team provides ongoing support and consultation to optimize payment systems and resolve issues quickly.<\/p>\r\n <a href=\"#cta\" class=\"sol-more\">Learn more ?<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BENEFITS SECTION -->\r\n <section id=\"benefits\">\r\n <div class=\"benefits-glow benefits-glow-1\"><\/div>\r\n <div class=\"benefits-glow benefits-glow-2\"><\/div>\r\n\r\n <div class=\"full-width\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-label\">Why FinancialCorp<\/div>\r\n <h2>Built for Business Performance<\/h2>\r\n <p>We combine financial expertise, advanced technology, and a consultative approach to deliver dependable payment solutions that scale with your business.<\/p>\r\n <div class=\"section-divider\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ben-grid\">\r\n \r\n\r\n <div class=\"ben-item reveal\">\r\n <div class=\"ben-icon-ring\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"ben-num\"><span class=\"counter\">100<\/span><span>%<\/span><\/div>\r\n <div class=\"ben-title\">Transaction Security<\/div>\r\n <div class=\"ben-desc\">Industry-leading uptime and zero-breach record across all client payment systems.<\/div>\r\n <\/div>\r\n\r\n <div class=\"ben-item reveal\">\r\n <div class=\"ben-icon-ring\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z\"\/><\/svg><\/div>\r\n <div class=\"ben-num\"><span class=\"counter\">200<\/span><span>+<\/span><\/div>\r\n <div class=\"ben-title\">Scalable Integrations<\/div>\r\n <div class=\"ben-desc\">Pre-built connectors with leading ERPs, CRMs, and business management platforms.<\/div>\r\n <\/div>\r\n\r\n <div class=\"ben-item reveal\">\r\n <div class=\"ben-icon-ring\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-14v4l3 3\"\/><\/svg><\/div>\r\n <div class=\"ben-num\"><span class=\"counter\">24<\/span><span>\/7<\/span><\/div>\r\n <div class=\"ben-title\">Dedicated Support<\/div>\r\n <div class=\"ben-desc\">Round-the-clock expert support and consultation to keep your operations running.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANNER SECTION -->\r\n <section id=\"banner\">\r\n <div class=\"banner-bg\"><\/div>\r\n <div class=\"banner-cover\">\r\n <div class=\"full-width banner-inner\">\r\n <h2 class=\"reveal\">Trusted by <em> Businesses<\/em><br>Across Every Industry<\/h2>\r\n <p class=\"reveal\">FinancialCorp's mission is to simplify financial operations while giving companies the tools they need to operate more efficiently and grow with confidence.<\/p>\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/become-a-partner\/\" class=\"btn-gold reveal\">Become a Partner<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA SECTION -->\r\n <section id=\"cta\">\r\n <div class=\"full-width\">\r\n <div class=\"cta-box reveal-s\">\r\n <div class=\"cta-glow-a\"><\/div>\r\n <div class=\"cta-glow-b\"><\/div>\r\n <div class=\"cta-eyebrow\">Get Started<\/div>\r\n <h2>Ready to Transform Your Business Payments?<\/h2>\r\n <p>Contact our team today to learn how our B2B financial solutions can support your company's goals. We offer the experience and technology to help your business succeed.<\/p>\r\n\r\n <div class=\"cta-btns\">\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/contact-us-2\/\" class=\"btn-gold\">Contact Our Team<\/a>\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/industry-experties\/\" class=\"btn-line\">View All Solutions<\/a>\r\n <\/div>\r\n\r\n <div class=\"cta-trust\">\r\n <span>No Setup Fees<\/span>\r\n <div class=\"cta-trust-dot\"><\/div>\r\n <span>Enterprise-Ready<\/span>\r\n <div class=\"cta-trust-dot\"><\/div>\r\n <span>Dedicated Onboarding<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('on');\r\n const div = e.target.querySelector('.section-divider');\r\n if (div) div.classList.add('on');\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('.reveal,.reveal-l,.reveal-r,.reveal-s,.section-head').forEach(el => obs.observe(el));\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n e.preventDefault();\r\n const t = document.querySelector(a.getAttribute('href'));\r\n if (t) t.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n });\r\n\r\n const heroPh = document.querySelector('.hero-photo');\r\n window.addEventListener('scroll', () => {\r\n if (heroPh && window.scrollY < window.innerHeight) {\r\n heroPh.style.transform = `translateY(${window.scrollY * 0.22}px)`;\r\n }\r\n }, { passive: true });\r\n\r\n const cObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (!e.isIntersecting) return;\r\n const el = e.target;\r\n const target = parseInt(el.textContent);\r\n const dur = 1800;\r\n const t0 = performance.now();\r\n\r\n const tick = now => {\r\n const p = Math.min((now - t0) \/ dur, 1);\r\n el.textContent = Math.round((1 - Math.pow(1 - p, 3)) * target);\r\n if (p < 1) requestAnimationFrame(tick);\r\n else el.textContent = target;\r\n };\r\n\r\n requestAnimationFrame(tick);\r\n cObs.unobserve(el);\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelectorAll('.counter').forEach(c => cObs.observe(c));\r\n\r\n const heroOrb = document.querySelector('.hero-orb');\r\n document.getElementById('hero').addEventListener('mousemove', e => {\r\n const r = e.currentTarget.getBoundingClientRect();\r\n const x = ((e.clientX - r.left) \/ r.width - 0.5) * 28;\r\n const y = ((e.clientY - r.top) \/ r.height - 0.5) * 18;\r\n if (heroOrb) heroOrb.style.transform = `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))`;\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FinancialCorp \u2014 Full Width Sections B2B Financial Technology Helping Businesses Simplify Payments & Finance FinancialCorp delivers powerful B2B payment and financial solutions\u2014helping […]<\/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-3037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3037","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=3037"}],"version-history":[{"count":31,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3037\/revisions"}],"predecessor-version":[{"id":3398,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3037\/revisions\/3398"}],"wp:attachment":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=3037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}