{"id":3029,"date":"2026-03-17T00:32:31","date_gmt":"2026-03-17T00:32:31","guid":{"rendered":"https:\/\/ferstaging.site\/FC-2026\/?page_id=3029"},"modified":"2026-04-05T23:36:40","modified_gmt":"2026-04-05T23:36:40","slug":"automotive-dealership","status":"publish","type":"page","link":"https:\/\/financialcorp.com\/index.php\/automotive-dealership\/","title":{"rendered":"Automotive Dealership"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3029\" class=\"elementor elementor-3029\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04c2db e-con-full e-flex e-con e-parent\" data-id=\"d04c2db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc5e59 elementor-widget elementor-widget-html\" data-id=\"5fc5e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Automotive Dealerships<\/title>\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=Playfair+Display:ital@1&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <style>\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0\r\n        }\r\n\r\n        :root {\r\n            --ink: #0a0b0d;\r\n            --steel: #111418;\r\n            --carbon: #1a1d23;\r\n            --chrome: #c8d0dc;\r\n            --gold: #c9a84c;\r\n            --amber: #e8b84b;\r\n            --red: #c0392b;\r\n            --border: rgba(200, 208, 220, 0.1);\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth\r\n        }\r\n\r\n        body {\r\n            background: var(--ink);\r\n            color: var(--chrome);\r\n            font-family: 'DM Sans', sans-serif;\r\n            font-weight: 300;\r\n            line-height: 1.7;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        body::before {\r\n            content: '';\r\n            position: fixed;\r\n            inset: 0;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n            pointer-events: none;\r\n            z-index: 999;\r\n            opacity: .35;\r\n        }\r\n\r\n        section {\r\n            position: relative\r\n        }\r\n\r\n        .hero {\r\n            min-height: 100vh;\r\n            display: grid;\r\n            place-items: center;\r\n            background: linear-gradient(160deg, #0a0b0d 0%, #111820 50%, #0d0f14 100%);\r\n            overflow: hidden;\r\n            padding: 80px 40px;\r\n        }\r\n\r\n        .hero-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201, 168, 76, 0.06) 0%, transparent 70%), radial-gradient(ellipse 50% 80% at 20% 80%, rgba(192, 57, 43, 0.05) 0%, transparent 60%);\r\n        }\r\n\r\n        .hero-lines {\r\n            position: absolute;\r\n            inset: 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-lines span {\r\n            position: absolute;\r\n            display: block;\r\n            background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.15), transparent);\r\n            height: 1px;\r\n            width: 100%;\r\n            animation: sweep 8s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-lines span:nth-child(1) {\r\n            top: 30%;\r\n            animation-delay: 0s\r\n        }\r\n\r\n        .hero-lines span:nth-child(2) {\r\n            top: 55%;\r\n            animation-delay: 2.5s;\r\n            opacity: .5\r\n        }\r\n\r\n        .hero-lines span:nth-child(3) {\r\n            top: 75%;\r\n            animation-delay: 5s;\r\n            opacity: .3\r\n        }\r\n\r\n        @keyframes sweep {\r\n            0% {\r\n                transform: translateX(-100%);\r\n                opacity: 0\r\n            }\r\n\r\n            20% {\r\n                opacity: 1\r\n            }\r\n\r\n            80% {\r\n                opacity: 1\r\n            }\r\n\r\n            100% {\r\n                transform: translateX(100%);\r\n                opacity: 0\r\n            }\r\n        }\r\n\r\n        .hero-inner {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            max-width: 1400px;\r\n            width: 100%;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-label {\r\n            font-size: 11px;\r\n            letter-spacing: 0.4em;\r\n            text-transform: uppercase;\r\n            color: var(--gold);\r\n            margin-bottom: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            opacity: 0;\r\n            animation: fadeUp 0.8s ease forwards 0.3s;\r\n        }\r\n\r\n        .hero-label::before {\r\n            content: '';\r\n            width: 40px;\r\n            height: 1px;\r\n            background: var(--gold);\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: clamp(72px, 10vw, 140px);\r\n            line-height: 0.9;\r\n            letter-spacing: -0.02em;\r\n            color: #fff;\r\n            opacity: 0;\r\n            animation: fadeUp 0.8s ease forwards 0.5s;\r\n        }\r\n\r\n        .hero-title em {\r\n            font-family: 'Playfair Display', serif;\r\n            color: var(--gold);\r\n            font-style: italic;\r\n            display: block;\r\n        }\r\n\r\n        .hero-desc {\r\n            margin-top: 32px;\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: rgba(200, 208, 220, 0.6);\r\n            max-width: 480px;\r\n            opacity: 0;\r\n            animation: fadeUp 0.8s ease forwards 0.7s;\r\n        }\r\n\r\n        .hero-cta {\r\n            margin-top: 48px;\r\n            display: flex;\r\n            gap: 20px;\r\n            align-items: center;\r\n            opacity: 0;\r\n            animation: fadeUp 0.8s ease forwards 0.9s;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--gold);\r\n            color: var(--ink);\r\n            padding: 16px 36px;\r\n            font-family: 'DM Sans', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            letter-spacing: 0.12em;\r\n            text-transform: uppercase;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--amber);\r\n            transform: translateY(-2px)\r\n        }\r\n\r\n        .btn-ghost {\r\n            color: var(--chrome);\r\n            font-size: 13px;\r\n            letter-spacing: 0.1em;\r\n            text-transform: uppercase;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            cursor: pointer;\r\n            transition: color 0.3s;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .btn-ghost:hover {\r\n            color: var(--gold)\r\n        }\r\n\r\n        .btn-ghost svg {\r\n            transition: transform 0.3s\r\n        }\r\n\r\n        .btn-ghost:hover svg {\r\n            transform: translateX(4px)\r\n        }\r\n\r\n        .hero-visual {\r\n            position: relative;\r\n            opacity: 0;\r\n            animation: fadeLeft 1s ease forwards 0.6s;\r\n        }\r\n\r\n        .car-img-wrap {\r\n            position: relative;\r\n            border: 1px solid var(--border);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .car-img-wrap::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, rgba(201, 168, 76, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .car-img-wrap img {\r\n            width: 100%;\r\n            height: 380px;\r\n            object-fit: cover;\r\n            display: block;\r\n            filter: contrast(1.1) brightness(0.9);\r\n            transition: transform 8s ease;\r\n        }\r\n\r\n        .car-img-wrap:hover img {\r\n            transform: scale(1.05)\r\n        }\r\n\r\n        .car-badge {\r\n            position: absolute;\r\n            bottom: -1px;\r\n            left: -1px;\r\n            background: var(--gold);\r\n            color: var(--ink);\r\n            padding: 10px 20px;\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 13px;\r\n            letter-spacing: 0.15em;\r\n            z-index: 2;\r\n        }\r\n\r\n        .stats-strip {\r\n            position: absolute;\r\n            right: -40px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2px;\r\n        }\r\n\r\n        .stat-box {\r\n            background: var(--carbon);\r\n            border: 1px solid var(--border);\r\n            padding: 20px 24px;\r\n            text-align: center;\r\n            width: 120px;\r\n            transition: border-color 0.3s;\r\n        }\r\n\r\n        .stat-box:hover {\r\n            border-color: var(--gold)\r\n        }\r\n\r\n        .stat-num {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 36px;\r\n            color: var(--gold);\r\n            line-height: 1;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 10px;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            color: rgba(200, 208, 220, 0.4);\r\n            margin-top: 4px;\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px)\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(40px)\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0)\r\n            }\r\n        }\r\n\r\n        .marquee-bar {\r\n            background: var(--gold);\r\n            padding: 14px 0;\r\n            overflow: hidden;\r\n            display: flex;\r\n        }\r\n\r\n        .marquee-track {\r\n            display: flex;\r\n            animation: marquee 20s linear infinite;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .marquee-track span {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 14px;\r\n            letter-spacing: 0.25em;\r\n            color: var(--ink);\r\n            padding: 0 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .marquee-track span::after {\r\n            content: '?';\r\n            font-size: 8px;\r\n        }\r\n\r\n        @keyframes marquee {\r\n            0% {\r\n                transform: translateX(0)\r\n            }\r\n\r\n            100% {\r\n                transform: translateX(-50%)\r\n            }\r\n        }\r\n\r\n        .section-pad {\r\n            padding: 120px 40px\r\n        }\r\n\r\n        .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto\r\n        }\r\n\r\n        .section-tag {\r\n            font-size: 10px;\r\n            letter-spacing: 0.5em;\r\n            text-transform: uppercase;\r\n            color: var(--gold);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-tag::before {\r\n            content: '';\r\n            width: 32px;\r\n            height: 1px;\r\n            background: var(--gold);\r\n        }\r\n\r\n        .section-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: clamp(48px, 6vw, 88px);\r\n            line-height: 0.95;\r\n            color: #fff;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .solutions {\r\n            background: var(--steel);\r\n        }\r\n\r\n        .solutions-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 1px;\r\n            background: var(--border);\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .sol-card {\r\n            background: var(--steel);\r\n            padding: 52px 48px;\r\n            transition: background 0.3s;\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: default;\r\n        }\r\n\r\n        .sol-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: var(--gold);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .sol-card:hover {\r\n            background: var(--carbon)\r\n        }\r\n\r\n        .sol-card:hover::after {\r\n            transform: scaleX(1)\r\n        }\r\n\r\n        .sol-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            margin-bottom: 28px;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .sol-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 28px;\r\n            letter-spacing: 0.05em;\r\n            color: #fff;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .sol-text {\r\n            font-size: 15px;\r\n            color: rgba(200, 208, 220, 0.55);\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .features {\r\n            background: var(--ink);\r\n        }\r\n\r\n        .features-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 100px;\r\n            align-items: center;\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .feature-img-col {\r\n            position: relative;\r\n        }\r\n\r\n        .feature-img-main {\r\n            width: 100%;\r\n            height: 520px;\r\n            object-fit: cover;\r\n            filter: contrast(1.05) brightness(0.85);\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .feature-img-accent {\r\n            position: absolute;\r\n            width: 220px;\r\n            height: 160px;\r\n            object-fit: cover;\r\n            right: -30px;\r\n            bottom: -30px;\r\n            border: 4px solid var(--ink);\r\n            filter: contrast(1.1);\r\n        }\r\n\r\n        .feature-accent-bar {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 60%;\r\n            background: var(--gold);\r\n        }\r\n\r\n        .feature-list {\r\n            margin-top: 48px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .feat-item {\r\n            display: flex;\r\n            gap: 24px;\r\n            padding: 28px 0;\r\n            border-bottom: 1px solid var(--border);\r\n            align-items: flex-start;\r\n            transition: padding-left 0.3s;\r\n            cursor: default;\r\n        }\r\n\r\n        .feat-item:hover {\r\n            padding-left: 8px\r\n        }\r\n\r\n        .feat-num {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 13px;\r\n            color: var(--gold);\r\n            letter-spacing: 0.2em;\r\n            min-width: 36px;\r\n            margin-top: 3px;\r\n        }\r\n\r\n        .feat-body h4 {\r\n            font-family: 'DM Sans', sans-serif;\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n            color: #fff;\r\n            margin-bottom: 6px;\r\n            letter-spacing: 0.02em;\r\n        }\r\n\r\n        .feat-body p {\r\n            font-size: 14px;\r\n            color: rgba(200, 208, 220, 0.5);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .payments {\r\n            background: var(--carbon);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .payments-inner {\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        .pay-methods {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 16px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .pay-chip {\r\n            background: var(--steel);\r\n            border: 1px solid var(--border);\r\n            padding: 20px 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .pay-chip:hover {\r\n            border-color: var(--gold);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .pay-chip svg {\r\n            color: var(--gold);\r\n            flex-shrink: 0\r\n        }\r\n\r\n        .pay-chip span {\r\n            font-size: 13px;\r\n            font-weight: 400;\r\n            letter-spacing: 0.05em;\r\n            color: var(--chrome);\r\n        }\r\n\r\n        .dashboard-mock {\r\n            background: var(--steel);\r\n            border: 1px solid var(--border);\r\n            border-radius: 2px;\r\n            padding: 28px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .dashboard-mock::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--gold), var(--red));\r\n        }\r\n\r\n        .dash-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .dash-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 16px;\r\n            letter-spacing: 0.15em;\r\n            color: #fff;\r\n        }\r\n\r\n        .dash-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: var(--gold);\r\n            animation: pulse 2s ease infinite;\r\n        }\r\n\r\n        @keyframes pulse {\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: 0.5;\r\n                transform: scale(1.4)\r\n            }\r\n        }\r\n\r\n        .dash-bars {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            gap: 10px;\r\n            height: 120px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .dash-bar {\r\n            flex: 1;\r\n            background: rgba(201, 168, 76, 0.15);\r\n            border-top: 2px solid var(--gold);\r\n            border-radius: 1px;\r\n        }\r\n\r\n        .dash-nums {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 12px;\r\n        }\r\n\r\n        .dash-num-box {\r\n            background: var(--carbon);\r\n            padding: 12px;\r\n            text-align: center;\r\n        }\r\n\r\n        .dash-num-box .n {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 22px;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .dash-num-box .l {\r\n            font-size: 10px;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            color: rgba(200, 208, 220, 0.35);\r\n        }\r\n\r\n        .financing {\r\n            background: var(--steel);\r\n        }\r\n\r\n        .financing-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 1px;\r\n            background: var(--border);\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .fin-card {\r\n            background: var(--steel);\r\n            padding: 48px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: background 0.3s;\r\n        }\r\n\r\n        .fin-card:hover {\r\n            background: var(--carbon)\r\n        }\r\n\r\n        .fin-card.featured {\r\n            background: var(--gold);\r\n        }\r\n\r\n        .fin-card.featured .fin-title {\r\n            color: var(--ink)\r\n        }\r\n\r\n        .fin-card.featured .fin-text {\r\n            color: rgba(10, 11, 13, 0.7)\r\n        }\r\n\r\n        .fin-card.featured .fin-icon {\r\n            color: var(--ink)\r\n        }\r\n\r\n        .fin-icon {\r\n            color: var(--gold);\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fin-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: 26px;\r\n            letter-spacing: 0.05em;\r\n            color: #fff;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .fin-text {\r\n            font-size: 14px;\r\n            color: rgba(200, 208, 220, 0.5);\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .experience {\r\n            background: var(--carbon);\r\n        }\r\n\r\n        .exp-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 1px;\r\n            background: var(--border);\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .exp-item {\r\n            background: var(--carbon);\r\n            padding: 40px 32px;\r\n            text-align: center;\r\n            transition: background 0.3s;\r\n        }\r\n\r\n        .exp-item:hover {\r\n            background: var(--steel)\r\n        }\r\n\r\n        .exp-icon {\r\n            color: var(--gold);\r\n            margin: 0 auto 20px;\r\n            display: block;\r\n        }\r\n\r\n        .exp-label {\r\n            font-size: 13px;\r\n            letter-spacing: 0.05em;\r\n            color: rgba(200, 208, 220, 0.55);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .scalable {\r\n            background: var(--steel);\r\n        }\r\n\r\n        .scale-layout {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr;\r\n            gap: 100px;\r\n            align-items: center;\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .scale-img {\r\n            width: 100%;\r\n            height: 480px;\r\n            object-fit: cover;\r\n            filter: brightness(0.8) contrast(1.1);\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .scale-features {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 24px;\r\n            margin-top: 48px;\r\n        }\r\n\r\n        .scale-feat {\r\n            background: var(--carbon);\r\n            border: 1px solid var(--border);\r\n            padding: 28px;\r\n            transition: border-color 0.3s;\r\n        }\r\n\r\n        .scale-feat:hover {\r\n            border-color: var(--gold)\r\n        }\r\n\r\n        .scale-feat svg {\r\n            color: var(--gold);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .scale-feat h4 {\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            color: #fff;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .scale-feat p {\r\n            font-size: 13px;\r\n            color: rgba(200, 208, 220, 0.45);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .cta-section {\r\n            background: var(--ink);\r\n            padding: 160px 40px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(201, 168, 76, 0.08) 0%, transparent 70%);\r\n        }\r\n\r\n        .cta-title {\r\n            font-family: 'Bebas Neue', sans-serif;\r\n            font-size: clamp(60px, 8vw, 120px);\r\n            line-height: 0.9;\r\n            color: #fff;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .cta-title span {\r\n            color: var(--gold)\r\n        }\r\n\r\n        .cta-desc {\r\n            font-size: 17px;\r\n            color: rgba(200, 208, 220, 0.55);\r\n            max-width: 580px;\r\n            margin: 0 auto 48px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .divider-line {\r\n            height: 1px;\r\n            background: var(--border);\r\n        }\r\n\r\n        .scroll-reveal {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 0.7s ease, transform 0.7s ease;\r\n        }\r\n\r\n        .scroll-reveal.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        @media(max-width:900px) {\r\n\r\n            .hero-inner,\r\n            .solutions-grid,\r\n            .features-layout,\r\n            .payments-inner,\r\n            .financing-layout,\r\n            .scale-layout,\r\n            .exp-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .hero-visual {\r\n                display: none\r\n            }\r\n\r\n            .stats-strip {\r\n                display: none\r\n            }\r\n\r\n            .pay-methods {\r\n                grid-template-columns: 1fr 1fr\r\n            }\r\n\r\n            .exp-grid {\r\n                grid-template-columns: 1fr 1fr\r\n            }\r\n\r\n            .scale-features {\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    <section class=\"hero\">\r\n        <div class=\"hero-bg\"><\/div>\r\n        <div class=\"hero-lines\"><span><\/span><span><\/span><span><\/span><\/div>\r\n        <div class=\"hero-inner\">\r\n            <div class=\"hero-content\">\r\n                <p class=\"hero-label\">Financial Technology<\/p>\r\n                <h1 class=\"hero-title\">Automotive<br><em>Dealerships<\/em><\/h1>\r\n                <p class=\"hero-desc\">From vehicle sales to service departments and financing offices \u2014 dealerships\r\n                    manage multiple high-value transactions every day. The right financial infrastructure changes\r\n                    everything.<\/p>\r\n                <div class=\"hero-cta\">\r\n                    <a href=\"https:\/\/financialcorp.com\/index.php\/industry-experties\/\" class=\"btn-primary\">Explore Solutions<\/a>\r\n                    <a href=\"https:\/\/financialcorp.com\/index.php\/industry-experties\/\" class=\"btn-ghost\">View Features\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n                            <polyline points=\"12 5 19 12 12 19\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <div style=\"position:relative\">\r\n                    <div class=\"car-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568605117036-5fe5e7bab0b7?w=800&q=80\"\r\n                            alt=\"Luxury automotive dealership vehicle\">\r\n                        <div class=\"car-badge\">Premium Fleet<\/div>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"marquee-bar\">\r\n        <div class=\"marquee-track\">\r\n            <span>Real-Time Processing<\/span><span>Secure Transactions<\/span><span>Vehicle Financing<\/span><span>Digital\r\n                Payments<\/span><span>Fleet Management<\/span><span>Auto\r\n                Reconciliation<\/span><span>Multi-Location<\/span><span>Analytics Dashboard<\/span>\r\n            <span>Real-Time Processing<\/span><span>Secure Transactions<\/span><span>Vehicle Financing<\/span><span>Digital\r\n                Payments<\/span><span>Fleet Management<\/span><span>Auto\r\n                Reconciliation<\/span><span>Multi-Location<\/span><span>Analytics Dashboard<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"solutions section-pad\" id=\"solutions\">\r\n        <div class=\"container\">\r\n            <div class=\"scroll-reveal\">\r\n                <p class=\"section-tag\">Smart Solutions<\/p>\r\n                <h2 class=\"section-title\">Built for the<br>Modern Lot<\/h2>\r\n                <p style=\"max-width:560px;color:rgba(200,208,220,0.55);font-size:16px;\">Financial service providers help\r\n                    businesses evaluate their operational goals and implement the right technology for their specific\r\n                    needs \u2014 integrated directly with existing dealership infrastructure.<\/p>\r\n            <\/div>\r\n            <div class=\"solutions-grid scroll-reveal\">\r\n                <div class=\"sol-card\">\r\n                    <svg class=\"sol-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                        <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\" \/>\r\n                        <line x1=\"7\" y1=\"15\" x2=\"7.01\" y2=\"15\" stroke-width=\"2.5\" \/>\r\n                        <line x1=\"11\" y1=\"15\" x2=\"13\" y2=\"15\" stroke-width=\"2.5\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"sol-title\">Payment Processing<\/h3>\r\n                    <p class=\"sol-text\">Accept credit cards, debit cards, digital wallets, and remote payments \u2014 all\r\n                        processed in real time with full transaction tracking and transparent reporting built in.<\/p>\r\n                <\/div>\r\n                <div class=\"sol-card\">\r\n                    <svg class=\"sol-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                        <polyline points=\"9 12 11 14 15 10\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"sol-title\">Security & Compliance<\/h3>\r\n                    <p class=\"sol-text\">Every transaction \u2014 in person, online, or remote \u2014 is protected by advanced\r\n                        authorization systems. Maintain customer trust and meet regulatory compliance standards\r\n                        effortlessly.<\/p>\r\n                <\/div>\r\n                <div class=\"sol-card\">\r\n                    <svg class=\"sol-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=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                        <path d=\"M3 9h18\" \/>\r\n                        <path d=\"M9 21V9\" \/>\r\n                        <path d=\"M15 12v3\" \/>\r\n                        <path d=\"M12 12v6\" \/>\r\n                        <path d=\"M18 12v1\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"sol-title\">Analytics & Reporting<\/h3>\r\n                    <p class=\"sol-text\">Centralized dashboards give managers complete visibility into financial activity\r\n                        across all departments. Make better decisions with real-time data and automated reconciliation.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"sol-card\">\r\n                    <svg class=\"sol-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                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\r\n                        <path\r\n                            d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"sol-title\">Digital & Remote Payments<\/h3>\r\n                    <p class=\"sol-text\">Web-based tools and secure customer payment portals extend your dealership's\r\n                        reach beyond the showroom floor \u2014 connecting with buyers wherever they are.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"divider-line\"><\/div>\r\n\r\n    <section class=\"features section-pad\" id=\"features\">\r\n        <div class=\"container\">\r\n            <div class=\"features-layout\">\r\n                <div class=\"feature-img-col scroll-reveal\">\r\n                    <div class=\"feature-accent-bar\"><\/div>\r\n                    <img decoding=\"async\" class=\"feature-img-main\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1580273916550-e323be2ae537?w=800&q=80\"\r\n                        alt=\"Luxury car detail\">\r\n                    <img decoding=\"async\" class=\"feature-img-accent\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70?w=400&q=80\"\r\n                        alt=\"Car dealership\">\r\n                <\/div>\r\n                <div class=\"scroll-reveal\">\r\n                    <p class=\"section-tag\">Fast & Secure<\/p>\r\n                    <h2 class=\"section-title\">Payment<br>Processing<\/h2>\r\n                    <p style=\"color:rgba(200,208,220,0.55);font-size:15px;line-height:1.8;\">Automotive transactions\r\n                        often involve large payment amounts and multiple payment methods. Secure processing systems\r\n                        allow dealerships to operate safely and efficiently at every touchpoint.<\/p>\r\n                    <div class=\"feature-list\">\r\n                        <div class=\"feat-item\"><span class=\"feat-num\">01<\/span>\r\n                            <div class=\"feat-body\">\r\n                                <h4>Real-Time Transaction Processing<\/h4>\r\n                                <p>Payments are authorized and confirmed instantly \u2014 eliminating delays that slow down\r\n                                    the customer experience.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"feat-item\"><span class=\"feat-num\">02<\/span>\r\n                            <div class=\"feat-body\">\r\n                                <h4>Secure Payment Authorization<\/h4>\r\n                                <p>Multi-layer authentication ensures every transaction is verified and protected before\r\n                                    completion.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"feat-item\"><span class=\"feat-num\">03<\/span>\r\n                            <div class=\"feat-body\">\r\n                                <h4>Transparent Reporting<\/h4>\r\n                                <p>Access complete statements and transaction histories across every payment channel in\r\n                                    one place.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"feat-item\"><span class=\"feat-num\">04<\/span>\r\n                            <div class=\"feat-body\">\r\n                                <h4>Reliable Transaction Tracking<\/h4>\r\n                                <p>Every dollar is accounted for \u2014 from deposit to final sale \u2014 with automated\r\n                                    reconciliation built in.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"payments section-pad\" id=\"payments\">\r\n        <div class=\"container\">\r\n            <div class=\"payments-inner\">\r\n                <div class=\"scroll-reveal\">\r\n                    <p class=\"section-tag\">Integrated Technology<\/p>\r\n                    <h2 class=\"section-title\">Dealership<br>Operations<\/h2>\r\n                    <p style=\"color:rgba(200,208,220,0.55);font-size:15px;line-height:1.8;margin-bottom:16px;\">\r\n                        Integrated payment platforms connect with dealership management systems, enabling businesses to\r\n                        track financial activity across multiple departments from a single interface.<\/p>\r\n                    \r\n                <\/div>\r\n                <div class=\"scroll-reveal\">\r\n                    <div class=\"pay-methods\">\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" \/>\r\n                                <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\" \/>\r\n                            <\/svg><span>Credit Card<\/span><\/div>\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" \/>\r\n                                <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke-width=\"2.5\" \/>\r\n                            <\/svg><span>Mobile Pay<\/span><\/div>\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M21 12V7H5a2 2 0 0 1 0-4h14v4\" \/>\r\n                                <path d=\"M3 5v14a2 2 0 0 0 2 2h16v-5\" \/>\r\n                                <path d=\"M18 12a2 2 0 0 0 0 4h4v-4z\" \/>\r\n                            <\/svg><span>Digital Wallet<\/span><\/div>\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" 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                                <polyline points=\"9 22 9 12 15 12 15 22\" \/>\r\n                            <\/svg><span>In-Person<\/span><\/div>\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n                            <\/svg><span>Remote<\/span><\/div>\r\n                        <div class=\"pay-chip\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\" \/>\r\n                            <\/svg><span>ACH Transfer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"divider-line\"><\/div>\r\n\r\n    <section class=\"financing section-pad\" id=\"financing\">\r\n        <div class=\"container\">\r\n            <div class=\"scroll-reveal\">\r\n                <p class=\"section-tag\">Vehicle Financing<\/p>\r\n                <h2 class=\"section-title\">Support Every<br>Purchase Path<\/h2>\r\n                <p style=\"max-width:560px;color:rgba(200,208,220,0.55);font-size:16px;\">Dealership finance departments\r\n                    commonly assist customers in arranging loans or leases through third-party lenders \u2014 helping buyers\r\n                    complete purchases more easily while generating service fees.<\/p>\r\n            <\/div>\r\n            <div class=\"financing-layout scroll-reveal\">\r\n                <div class=\"fin-card\">\r\n                    <svg class=\"fin-icon\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n                        <path d=\"M2 17l10 5 10-5\" \/>\r\n                        <path d=\"M2 12l10 5 10-5\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"fin-title\">Flexible Loan Arrangements<\/h3>\r\n                    <p class=\"fin-text\">Connect customers to a wide network of third-party lenders. Offer competitive\r\n                        financing terms that match buyer needs and budget requirements to close more deals.<\/p>\r\n                <\/div>\r\n                <div class=\"fin-card featured\">\r\n                    <svg class=\"fin-icon\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M20 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\" \/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"2\" \/>\r\n                        <line x1=\"6\" y1=\"12\" x2=\"6.01\" y2=\"12\" stroke-width=\"2.5\" \/>\r\n                        <line x1=\"18\" y1=\"12\" x2=\"18.01\" y2=\"12\" stroke-width=\"2.5\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"fin-title\">Lease Programs<\/h3>\r\n                    <p class=\"fin-text\">Provide customers with lease options that lower monthly costs and increase\r\n                        vehicle turnover. Structured lease agreements that benefit buyers and dealership revenue alike.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"fin-card\">\r\n                    <svg class=\"fin-icon\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\" \/>\r\n                        <polyline points=\"16 7 22 7 22 13\" \/>\r\n                    <\/svg>\r\n                    <h3 class=\"fin-title\">Faster Approvals<\/h3>\r\n                    <p class=\"fin-text\">Digital financing tools accelerate credit decisions \u2014 reducing wait times in the\r\n                        finance office and delivering a smoother, faster approval experience for every buyer.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"experience section-pad\" id=\"experience\">\r\n        <div class=\"container\">\r\n            <div class=\"scroll-reveal\">\r\n                <p class=\"section-tag\">Customer Experience<\/p>\r\n                <h2 class=\"section-title\">Elevate Every<br>Interaction<\/h2>\r\n                <p style=\"max-width:540px;color:rgba(200,208,220,0.55);font-size:16px;\">Customer expectations continue\r\n                    to evolve. Financial technology plays a critical role in delivering convenient, fast, and secure\r\n                    purchasing experiences that build lasting relationships.<\/p>\r\n            <\/div>\r\n            <div class=\"exp-grid scroll-reveal\">\r\n                <div class=\"exp-item\">\r\n                    <svg class=\"exp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                        <polyline points=\"12 6 12 12 16 14\" \/>\r\n                    <\/svg>\r\n                    <p class=\"exp-label\">Reduced Wait Times at Checkout<\/p>\r\n                <\/div>\r\n                <div class=\"exp-item\">\r\n                    <svg class=\"exp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" 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                    <p class=\"exp-label\">Multiple Secure Payment Options<\/p>\r\n                <\/div>\r\n                <div class=\"exp-item\">\r\n                    <svg class=\"exp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n                        <line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\" \/>\r\n                        <line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\" \/>\r\n                        <line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\" stroke-width=\"2.5\" \/>\r\n                        <line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\" stroke-width=\"2.5\" \/>\r\n                        <line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\" stroke-width=\"2.5\" \/>\r\n                    <\/svg>\r\n                    <p class=\"exp-label\">Full Transaction Transparency<\/p>\r\n                <\/div>\r\n                <div class=\"exp-item\">\r\n                    <svg class=\"exp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"13 2 13 9 20 9\" \/>\r\n                        <path d=\"M20 14v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7\" \/>\r\n                        <polyline points=\"9 15 11 17 15 13\" \/>\r\n                    <\/svg>\r\n                    <p class=\"exp-label\">Faster Financing Approvals<\/p>\r\n                <\/div>\r\n                <div class=\"exp-item\">\r\n                    <svg class=\"exp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                        stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" \/>\r\n                        <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke-width=\"2.5\" \/>\r\n                        <line x1=\"9\" y1=\"7\" x2=\"15\" y2=\"7\" \/>\r\n                        <line x1=\"9\" y1=\"11\" x2=\"13\" y2=\"11\" \/>\r\n                    <\/svg>\r\n                    <p class=\"exp-label\">Seamless Digital Payments<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"divider-line\"><\/div>\r\n\r\n    <section class=\"scalable section-pad\" id=\"scale\">\r\n        <div class=\"container\">\r\n            <div class=\"scale-layout\">\r\n                <div class=\"scroll-reveal\">\r\n                    <p class=\"section-tag\">Scalable Infrastructure<\/p>\r\n                    <h2 class=\"section-title\">Grow Without<br>Limits<\/h2>\r\n                    <p style=\"color:rgba(200,208,220,0.55);font-size:15px;line-height:1.8;\">As automotive businesses\r\n                        expand, their financial systems must scale with them. Advanced platforms are engineered to\r\n                        support multiple locations, higher transaction volumes, and evolving business needs.<\/p>\r\n                    <div class=\"scale-features\">\r\n                        <div class=\"scale-feat\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" 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                                <polyline points=\"9 22 9 12 15 12 15 22\" \/>\r\n                            <\/svg>\r\n                            <h4>Multi-Location<\/h4>\r\n                            <p>Unified platform across every dealership in your network.<\/p>\r\n                        <\/div>\r\n                        <div class=\"scale-feat\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\" \/>\r\n                                <polyline points=\"16 7 22 7 22 13\" \/>\r\n                            <\/svg>\r\n                            <h4>High Volume<\/h4>\r\n                            <p>Process thousands of transactions daily without slowdowns.<\/p>\r\n                        <\/div>\r\n                        <div class=\"scale-feat\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path\r\n                                    d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\r\n                            <\/svg>\r\n                            <h4>Modular Design<\/h4>\r\n                            <p>Add capabilities as your business needs evolve over time.<\/p>\r\n                        <\/div>\r\n                        <div class=\"scale-feat\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M18 20V10\" \/>\r\n                                <path d=\"M12 20V4\" \/>\r\n                                <path d=\"M6 20v-6\" \/>\r\n                            <\/svg>\r\n                            <h4>Performance Analytics<\/h4>\r\n                            <p>Track growth metrics across all locations from one view.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"scroll-reveal\">\r\n                    <img decoding=\"async\" class=\"scale-img\" src=\"https:\/\/images.unsplash.com\/photo-1583121274602-3e2820c69888?w=800&q=80\"\r\n                        alt=\"Modern automotive dealership\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-section\">\r\n        <div class=\"cta-bg\"><\/div>\r\n        <div class=\"container\" style=\"position:relative;z-index:2\">\r\n            <p class=\"section-tag\" style=\"justify-content:center\">\r\n                <span style=\"width:32px;height:1px;background:var(--gold);display:inline-block;margin-right:8px\"><\/span>\r\n                Get Started\r\n                <span style=\"width:32px;height:1px;background:var(--gold);display:inline-block;margin-left:8px\"><\/span>\r\n            <\/p>\r\n            <h2 class=\"cta-title scroll-reveal\">Drive Your<br><span>Business<\/span><br>Forward<\/h2>\r\n            <p class=\"cta-desc scroll-reveal\">With the right financial infrastructure in place, automotive dealerships\r\n                can focus on what matters most \u2014 selling vehicles, serving customers, and growing their business.<\/p>\r\n            <div class=\"scroll-reveal\">\r\n                <a href=\"https:\/\/financialcorp.com\/index.php\/book-a-demo\/\" class=\"btn-primary\" style=\"font-size:14px;padding:18px 48px\">Explore Solutions<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        const reveals = document.querySelectorAll('.scroll-reveal');\r\n        const io = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry, i) => {\r\n                if (entry.isIntersecting) {\r\n                    setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n                    io.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.12 });\r\n        reveals.forEach(el => io.observe(el));\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>Automotive Dealerships Financial Technology AutomotiveDealerships From vehicle sales to service departments and financing offices \u2014 dealerships manage multiple high-value transactions every day. [&hellip;]<\/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-3029","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3029","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=3029"}],"version-history":[{"count":16,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3029\/revisions"}],"predecessor-version":[{"id":3275,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3029\/revisions\/3275"}],"wp:attachment":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=3029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}