{"id":2,"date":"2020-12-23T03:42:33","date_gmt":"2020-12-23T03:42:33","guid":{"rendered":"https:\/\/revtechteam.com\/?page_id=2"},"modified":"2026-04-11T00:34:21","modified_gmt":"2026-04-11T00:34:21","slug":"home","status":"publish","type":"page","link":"https:\/\/revtechteam.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-027aae0 e-flex e-con-boxed e-con e-parent\" data-id=\"027aae0\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2838b elementor-widget elementor-widget-html\" data-id=\"6e2838b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>REV Tech Team | Revenue Operations &amp; AI Automation<\/title>\n    <meta name=\"description\" content=\"We design and build revenue systems that scale. From CRM and quote-to-cash automation to AI workflows and data infrastructure, REV Tech Team turns manual operations into fully automated revenue engines.\">\n    <meta name=\"keywords\" content=\"revenue operations consulting, revops consulting services, hubspot implementation consultant, quote to cash automation, crm automation consulting, ai workflow automation, revenue systems architecture\">\n    <link rel=\"canonical\" href=\"https:\/\/revtechteam.com\/\">\n    <meta property=\"og:title\" content=\"REV Tech Team | Revenue Operations & AI Automation\">\n    <meta property=\"og:description\" content=\"We design and build revenue systems that scale. From CRM and quote-to-cash automation to AI workflows and data infrastructure \u201a\u00c4\u00ee we turn manual operations into automated revenue engines.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/revtechteam.com\/\">\n    <meta property=\"og:site_name\" content=\"REV Tech Team\">\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"REV Tech Team | Revenue Operations & AI Automation\">\n    <meta name=\"twitter:description\" content=\"Revenue operations consulting, CRM automation, and AI workflow design for scaling companies. We build the systems that run your revenue lifecycle.\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"ProfessionalService\",\n        \"name\": \"REV Tech Team\",\n        \"url\": \"https:\/\/revtechteam.com\",\n        \"description\": \"Revenue operations consulting firm specializing in CRM automation, quote-to-cash systems, AI workflow automation, and data infrastructure for scaling companies.\",\n        \"serviceType\": [\"Revenue Operations Consulting\", \"CRM Automation\", \"HubSpot Implementation\", \"Quote-to-Cash Automation\", \"AI Workflow Automation\", \"Data Infrastructure\"],\n        \"areaServed\": \"US\",\n        \"knowsAbout\": [\"Revenue Operations\", \"HubSpot\", \"CRM Architecture\", \"Quote-to-Cash\", \"AI Automation\", \"Data Pipelines\", \"Business Process Automation\"]\n    }\n    <\/script>\n    <style>\n        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n        :root {\n            --bg-primary: #09090b;\n            --bg-secondary: #0f0f12;\n            --bg-card: #16161a;\n            --bg-card-hover: #1c1c22;\n            --border: #27272a;\n            --border-light: #3f3f46;\n            --text-primary: #fafafa;\n            --text-secondary: #b0b0b8;\n            --text-muted: #8a8a96;\n            --accent: #7b6bff;\n            --accent-light: #9b8fff;\n            --accent-glow: rgba(123, 107, 255, 0.15);\n            --green: #34d472;\n            --green-glow: rgba(52, 212, 114, 0.12);\n            --gradient-1: linear-gradient(135deg, #7b6bff 0%, #b49dff 100%);\n            --gradient-2: linear-gradient(135deg, #7b6bff 0%, #34d472 100%);\n            --focus-ring: 0 0 0 3px rgba(123, 107, 255, 0.5);\n            --radius: 12px;\n            --radius-lg: 16px;\n            --radius-xl: 24px;\n        }\n\n        \/* ===== WORDPRESS \/ PORTO \/ ELEMENTOR OVERRIDES ===== *\/\n        \/* Fix white background from Porto theme #main wrapper *\/\n        #main,\n        #main .container-fluid,\n        #main .main-content-wrap,\n        #main .main-content,\n        .page-wrapper {\n            background: var(--bg-primary) !important;\n            background-color: var(--bg-primary) !important;\n        }\n\n        \/* Remove padding from WordPress wrappers *\/\n        #main .container-fluid {\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n        #main .main-content {\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Hide Porto theme header \u201a\u00c4\u00ee we use our own nav *\/\n        #header.header-builder,\n        #header.header-builder-p {\n            display: none !important;\n        }\n\n        \/* Hide Porto theme footer \u201a\u00c4\u00ee we use our own footer *\/\n        .footer-wrapper {\n            display: none !important;\n        }\n\n        \/* Override Porto heading\/text color overrides *\/\n        #main h1, #main h2, #main h3, #main h4, #main h5, #main h6,\n        #main p, #main span, #main li, #main div,\n        #main label, #main legend, #main a {\n            color: inherit !important;\n        }\n\n        \/* Fix form inputs for dark theme in WordPress context *\/\n        #main input:not([type=\"submit\"]),\n        #main select,\n        #main textarea {\n            background-color: rgba(255, 255, 255, 0.05) !important;\n            color: var(--text-primary) !important;\n            border-color: var(--border) !important;\n        }\n\n        \/* Ensure body background in WordPress *\/\n        body.wp-singular,\n        body.theme-porto,\n        body.elementor-page {\n            background: var(--bg-primary) !important;\n            color: var(--text-primary) !important;\n        }\n\n        \/* Remove any Porto content padding\/margins *\/\n        .no-breadcrumbs {\n            margin-top: 0 !important;\n            padding-top: 0 !important;\n        }\n\n        \/* Offset nav for WordPress admin bar when logged in *\/\n        body.admin-bar #nav {\n            top: 32px !important;\n        }\n        @media (max-width: 782px) {\n            body.admin-bar #nav {\n                top: 46px !important;\n            }\n        }\n\n        \/* ===== SKIP NAVIGATION ===== *\/\n        .skip-link {\n            position: absolute;\n            top: -100px;\n            left: 16px;\n            background: var(--accent);\n            color: white;\n            padding: 12px 24px;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 600;\n            z-index: 200;\n            text-decoration: none;\n            transition: top 0.2s;\n        }\n\n        .skip-link:focus {\n            top: 16px;\n            outline: none;\n            box-shadow: var(--focus-ring);\n        }\n\n        \/* ===== REDUCED MOTION ===== *\/\n        @media (prefers-reduced-motion: reduce) {\n            *, *::before, *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n                scroll-behavior: auto !important;\n            }\n\n            html { scroll-behavior: auto; }\n            .hero-grid { animation: none; }\n            .fade-up { opacity: 1; transform: none; }\n        }\n\n        html { scroll-behavior: smooth; }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: var(--bg-primary);\n            color: var(--text-primary);\n            font-size: 16px;\n            line-height: 1.6;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n            -webkit-tap-highlight-color: rgba(123, 107, 255, 0.15);\n            -webkit-text-size-adjust: 100%;\n        }\n\n        \/* ===== GLOBAL FOCUS STYLES ===== *\/\n        :focus-visible {\n            outline: 2px solid var(--accent);\n            outline-offset: 3px;\n            border-radius: 4px;\n        }\n\n        :focus:not(:focus-visible) {\n            outline: none;\n        }\n\n        \/* ===== NAVIGATION ===== *\/\n        #nav {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            z-index: 100 !important;\n            padding: 16px 0 !important;\n            background: rgba(9, 9, 11, 0.8) !important;\n            backdrop-filter: blur(20px);\n            border-bottom: 1px solid transparent;\n            transition: border-color 0.3s;\n            width: 100% !important;\n            box-sizing: border-box !important;\n        }\n\n        #nav.scrolled { border-bottom-color: var(--border); }\n\n        .nav-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .logo {\n            font-size: 20px;\n            font-weight: 800;\n            letter-spacing: -0.5px;\n            color: var(--text-primary);\n            text-decoration: none;\n        }\n\n        .logo span { color: var(--accent); }\n\n        .nav-links { display: flex; align-items: center; gap: 32px; }\n        .nav-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            font-size: 15px;\n            font-weight: 500;\n            transition: color 0.2s;\n        }\n        .nav-links a:hover,\n        .nav-links a:focus-visible { color: var(--text-primary); }\n\n        .nav-cta {\n            background: var(--accent) !important;\n            color: white !important;\n            padding: 8px 20px;\n            border-radius: 8px;\n            font-weight: 600 !important;\n            transition: opacity 0.2s !important;\n        }\n        .nav-cta:hover,\n        .nav-cta:focus-visible { opacity: 0.9; }\n\n        .mobile-menu-btn {\n            display: none;\n            background: none;\n            border: none;\n            color: var(--text-primary);\n            cursor: pointer;\n            padding: 10px;\n            min-width: 44px;\n            min-height: 44px;\n        }\n\n        \/* ===== LAYOUT ===== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        #main-content section { padding: 120px 0; }\n\n        .section-label {\n            font-size: 14px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent-light);\n            margin-bottom: 16px;\n        }\n\n        .section-title {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 800;\n            letter-spacing: -1.5px;\n            line-height: 1.1;\n            margin-bottom: 20px;\n        }\n\n        .section-subtitle {\n            font-size: 18px;\n            color: var(--text-secondary);\n            max-width: 600px;\n            line-height: 1.7;\n        }\n\n        \/* ===== HERO ===== *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            position: relative;\n            padding-top: 80px;\n            overflow: hidden;\n        }\n\n        .hero-bg {\n            position: absolute;\n            inset: 0;\n            overflow: hidden;\n        }\n\n        .hero-grid {\n            position: absolute;\n            inset: -50%;\n            background-image:\n                linear-gradient(rgba(109, 92, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(109, 92, 255, 0.03) 1px, transparent 1px);\n            background-size: 60px 60px;\n            transform: perspective(500px) rotateX(60deg);\n            animation: gridMove 20s linear infinite;\n        }\n\n        @keyframes gridMove {\n            0% { transform: perspective(500px) rotateX(60deg) translateY(0); }\n            100% { transform: perspective(500px) rotateX(60deg) translateY(60px); }\n        }\n\n        .hero-glow {\n            position: absolute;\n            top: -200px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 800px;\n            height: 600px;\n            background: radial-gradient(ellipse, rgba(109, 92, 255, 0.12) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 800px;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: var(--accent-glow);\n            border: 1px solid rgba(123, 107, 255, 0.25);\n            border-radius: 100px;\n            font-size: 13px;\n            font-weight: 500;\n            color: var(--accent-light);\n            margin-bottom: 32px;\n        }\n\n        .hero-badge .dot {\n            width: 6px;\n            height: 6px;\n            background: var(--green);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.4; }\n        }\n\n        .hero h1 {\n            font-size: clamp(44px, 7vw, 76px);\n            font-weight: 800;\n            letter-spacing: -3px;\n            line-height: 1.05;\n            margin-bottom: 24px;\n        }\n\n        .hero h1 .gradient-text {\n            background: var(--gradient-1);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .hero p {\n            font-size: 19px;\n            color: var(--text-secondary);\n            line-height: 1.7;\n            max-width: 580px;\n            margin-bottom: 40px;\n        }\n\n        .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 14px 28px;\n            border-radius: 10px;\n            font-size: 15px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.2s;\n            cursor: pointer;\n            border: none;\n            font-family: inherit;\n        }\n\n        .btn-primary {\n            background: var(--accent);\n            color: white;\n            box-shadow: 0 0 20px rgba(123, 107, 255, 0.3);\n        }\n\n        .btn-primary:hover,\n        .btn-primary:focus-visible {\n            background: var(--accent-light);\n            box-shadow: 0 0 30px rgba(123, 107, 255, 0.4);\n            transform: translateY(-1px);\n        }\n\n        .btn-primary:focus-visible {\n            outline: 2px solid white;\n            outline-offset: 3px;\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: var(--text-primary);\n            border: 1px solid var(--border-light);\n        }\n\n        .btn-secondary:hover,\n        .btn-secondary:focus-visible {\n            border-color: var(--text-secondary);\n            background: rgba(255, 255, 255, 0.05);\n        }\n\n        .btn-secondary:focus-visible {\n            outline: 2px solid var(--accent);\n            outline-offset: 3px;\n        }\n\n        .btn-arrow { transition: transform 0.2s; }\n        .btn:hover .btn-arrow { transform: translateX(3px); }\n\n        \/* ===== LOGOS ===== *\/\n        .logos-section {\n            padding: 60px 0;\n            border-top: 1px solid var(--border);\n            border-bottom: 1px solid var(--border);\n        }\n\n        .logos-label {\n            text-align: center;\n            font-size: 14px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--text-muted);\n            margin-bottom: 32px;\n        }\n\n        .logos-grid {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 48px;\n            flex-wrap: wrap;\n            opacity: 0.4;\n        }\n\n        .logos-grid span {\n            font-size: 18px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n            color: var(--text-secondary);\n        }\n\n        \/* ===== PROBLEM ===== *\/\n        .problem { background: var(--bg-secondary); }\n\n        .problem-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n            margin-top: 48px;\n        }\n\n        .problem-list { display: flex; flex-direction: column; gap: 20px; }\n\n        .problem-item {\n            display: flex;\n            gap: 16px;\n            align-items: flex-start;\n            padding: 20px;\n            background: rgba(255, 255, 255, 0.02);\n            border: 1px solid var(--border);\n            border-radius: var(--radius);\n            transition: border-color 0.2s;\n        }\n\n        .problem-item:hover { border-color: var(--border-light); }\n\n        .problem-icon {\n            flex-shrink: 0;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(239, 68, 68, 0.1);\n            border-radius: 10px;\n            color: #ef4444;\n            font-size: 18px;\n        }\n\n        .problem-item h4 {\n            font-size: 16px;\n            font-weight: 600;\n            margin-bottom: 4px;\n        }\n\n        .problem-item p {\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        .problem-visual {\n            position: relative;\n            height: 400px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .chaos-diagram {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }\n\n        .chaos-node {\n            position: absolute;\n            padding: 12px 20px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: 10px;\n            font-size: 13px;\n            font-weight: 500;\n            color: var(--text-secondary);\n            white-space: nowrap;\n        }\n\n        .chaos-node.crm { top: 10%; left: 15%; }\n        .chaos-node.billing { top: 5%; right: 15%; }\n        .chaos-node.support { top: 40%; left: 5%; }\n        .chaos-node.sheets { top: 45%; right: 10%; }\n        .chaos-node.slack { top: 75%; left: 20%; }\n        .chaos-node.email { top: 70%; right: 20%; }\n\n        .chaos-line {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 2px;\n            height: 100px;\n            background: linear-gradient(to bottom, rgba(239, 68, 68, 0.3), transparent);\n            transform-origin: top center;\n        }\n\n        .chaos-center {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 80px;\n            height: 80px;\n            background: rgba(239, 68, 68, 0.08);\n            border: 1px dashed rgba(239, 68, 68, 0.3);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n        }\n\n        .problem-close {\n            margin-top: 48px;\n            padding: 24px;\n            background: var(--accent-glow);\n            border: 1px solid rgba(109, 92, 255, 0.2);\n            border-radius: var(--radius);\n            text-align: center;\n        }\n\n        .problem-close p {\n            font-size: 20px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n        }\n\n        .problem-close p span { color: var(--accent-light); }\n\n        \/* ===== SOLUTION ===== *\/\n        .pillars {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n            margin-top: 48px;\n        }\n\n        .pillar {\n            padding: 32px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius-lg);\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .pillar::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: var(--gradient-1);\n            opacity: 0;\n            transition: opacity 0.3s;\n        }\n\n        .pillar:hover {\n            border-color: var(--border-light);\n            transform: translateY(-4px);\n        }\n\n        .pillar:hover::before { opacity: 1; }\n\n        .pillar-icon {\n            width: 48px;\n            height: 48px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--accent-glow);\n            border-radius: 12px;\n            margin-bottom: 20px;\n            font-size: 22px;\n        }\n\n        .pillar h3 {\n            font-size: 20px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n            margin-bottom: 12px;\n        }\n\n        .pillar p {\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n\n        .pillar-features {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .pillar-features li {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 15px;\n            color: var(--text-secondary);\n        }\n\n        .pillar-features li::before {\n            content: '';\n            width: 5px;\n            height: 5px;\n            background: var(--accent);\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n\n        \/* ===== WHAT WE BUILD ===== *\/\n        .builds { background: var(--bg-secondary); }\n\n        .builds-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 16px;\n            margin-top: 48px;\n        }\n\n        .build-card {\n            padding: 24px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius);\n            transition: all 0.2s;\n            cursor: default;\n        }\n\n        .build-card:hover {\n            border-color: var(--border-light);\n            background: var(--bg-card-hover);\n        }\n\n        .build-card-icon {\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--accent-glow);\n            border-radius: 10px;\n            margin-bottom: 16px;\n            font-size: 18px;\n        }\n\n        .build-card h4 {\n            font-size: 16px;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .build-card p {\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* ===== CASE STUDY ===== *\/\n        .case-study-card {\n            margin-top: 48px;\n            padding: 48px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius-xl);\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 48px;\n        }\n\n        .case-label {\n            font-size: 13px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent-light);\n            margin-bottom: 16px;\n        }\n\n        .case-study-card h3 {\n            font-size: 24px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n            margin-bottom: 20px;\n        }\n\n        .case-bullets {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .case-bullets li {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.5;\n        }\n\n        .case-bullets li .check {\n            flex-shrink: 0;\n            color: var(--green);\n            margin-top: 2px;\n        }\n\n        .outcomes {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .outcome {\n            padding: 20px;\n            background: var(--green-glow);\n            border: 1px solid rgba(34, 197, 94, 0.15);\n            border-radius: var(--radius);\n        }\n\n        .outcome-value {\n            font-size: 28px;\n            font-weight: 800;\n            color: var(--green);\n            letter-spacing: -1px;\n        }\n\n        .outcome-label {\n            font-size: 15px;\n            color: var(--text-secondary);\n            margin-top: 4px;\n        }\n\n        \/* ===== PROCESS ===== *\/\n        .process { background: var(--bg-secondary); }\n\n        .process-steps {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin-top: 48px;\n            position: relative;\n        }\n\n        .process-steps::before {\n            content: '';\n            position: absolute;\n            top: 36px;\n            left: 12.5%;\n            right: 12.5%;\n            height: 2px;\n            background: var(--border);\n        }\n\n        .process-step {\n            text-align: center;\n            position: relative;\n        }\n\n        .step-number {\n            width: 72px;\n            height: 72px;\n            margin: 0 auto 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--bg-card);\n            border: 2px solid var(--border);\n            border-radius: 50%;\n            font-size: 24px;\n            font-weight: 800;\n            color: var(--accent);\n            position: relative;\n            z-index: 2;\n            transition: all 0.3s;\n        }\n\n        .process-step:hover .step-number {\n            border-color: var(--accent);\n            box-shadow: 0 0 20px var(--accent-glow);\n        }\n\n        .process-step h4 {\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .process-step p {\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* ===== FORM SECTION ===== *\/\n        .form-section { position: relative; }\n\n        .form-section .container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: start;\n        }\n\n        .form-intro h2 {\n            font-size: clamp(32px, 4vw, 44px);\n            font-weight: 800;\n            letter-spacing: -1.5px;\n            line-height: 1.1;\n            margin-bottom: 20px;\n        }\n\n        .form-intro p {\n            font-size: 17px;\n            color: var(--text-secondary);\n            line-height: 1.7;\n            margin-bottom: 32px;\n        }\n\n        .form-benefits {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .form-benefits li {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 15px;\n            color: var(--text-secondary);\n        }\n\n        .form-benefits li .icon {\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--accent-glow);\n            border-radius: 8px;\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n\n        .lead-form {\n            padding: 40px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius-xl);\n            position: relative;\n        }\n\n        .lead-form::before {\n            content: '';\n            position: absolute;\n            inset: -1px;\n            border-radius: var(--radius-xl);\n            background: var(--gradient-1);\n            z-index: -1;\n            opacity: 0.1;\n        }\n\n        .form-title {\n            font-size: 22px;\n            font-weight: 700;\n            margin-bottom: 4px;\n        }\n\n        .form-subtitle {\n            font-size: 14px;\n            color: var(--text-secondary);\n            margin-bottom: 28px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .form-group {\n            margin-bottom: 16px;\n        }\n\n        .form-group label {\n            display: block;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--text-secondary);\n            margin-bottom: 6px;\n        }\n\n        .form-group input,\n        .form-group select,\n        .form-group textarea {\n            width: 100%;\n            padding: 12px 16px;\n            background: var(--bg-primary);\n            border: 1px solid var(--border-light);\n            border-radius: 8px;\n            color: var(--text-primary);\n            font-size: 16px;\n            font-family: inherit;\n            transition: border-color 0.2s;\n        }\n\n        .form-group input:focus,\n        .form-group select:focus,\n        .form-group textarea:focus {\n            border-color: var(--accent);\n            box-shadow: 0 0 0 3px var(--accent-glow);\n            outline: none;\n        }\n\n        .form-group input:focus-visible,\n        .form-group select:focus-visible,\n        .form-group textarea:focus-visible {\n            border-color: var(--accent);\n            box-shadow: 0 0 0 3px var(--accent-glow);\n            outline: none;\n        }\n\n        .form-group .error-message {\n            font-size: 13px;\n            color: #f87171;\n            margin-top: 4px;\n            display: none;\n        }\n\n        .form-group.has-error .error-message { display: block; }\n\n        .form-group.has-error input,\n        .form-group.has-error select,\n        .form-group.has-error textarea {\n            border-color: #f87171;\n            box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.15);\n        }\n\n        .form-group textarea { resize: vertical; min-height: 80px; }\n\n        .form-group select {\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 16px center;\n            padding-right: 40px;\n        }\n\n        .form-group select option {\n            background: var(--bg-card);\n            color: var(--text-primary);\n        }\n\n        .form-submit {\n            width: 100%;\n            padding: 14px;\n            background: var(--accent);\n            color: white;\n            border: none;\n            border-radius: 10px;\n            font-size: 16px;\n            font-weight: 600;\n            font-family: inherit;\n            cursor: pointer;\n            transition: all 0.2s;\n            margin-top: 8px;\n        }\n\n        .form-submit:hover,\n        .form-submit:focus-visible {\n            background: var(--accent-light);\n            box-shadow: 0 0 20px rgba(123, 107, 255, 0.3);\n        }\n\n        .form-submit:focus-visible {\n            outline: 2px solid white;\n            outline-offset: 3px;\n        }\n\n        .form-submit:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .form-footer {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 13px;\n            color: var(--text-muted);\n        }\n\n        .form-success {\n            display: none;\n            text-align: center;\n            padding: 48px 32px;\n        }\n\n        .form-success.active { display: block; }\n        .form-fields.hidden { display: none; }\n\n        .form-success .success-icon {\n            width: 64px;\n            height: 64px;\n            margin: 0 auto 20px;\n            background: var(--green-glow);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n            color: var(--green);\n        }\n\n        .form-success h3 {\n            font-size: 22px;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .form-success p {\n            font-size: 15px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* ===== CTA SECTION ===== *\/\n        .cta-section {\n            background: var(--bg-secondary);\n            text-align: center;\n        }\n\n        .cta-card {\n            padding: 80px 48px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius-xl);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-card::before {\n            content: '';\n            position: absolute;\n            top: -100px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 600px;\n            height: 300px;\n            background: radial-gradient(ellipse, rgba(109, 92, 255, 0.1) 0%, transparent 70%);\n        }\n\n        .cta-card h2 {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 800;\n            letter-spacing: -2px;\n            line-height: 1.1;\n            margin-bottom: 16px;\n            position: relative;\n        }\n\n        .cta-card p {\n            font-size: 18px;\n            color: var(--text-secondary);\n            margin-bottom: 36px;\n            position: relative;\n        }\n\n        .cta-card .btn { position: relative; }\n\n        \/* ===== FOOTER ===== *\/\n        footer[role=\"contentinfo\"] {\n            padding: 48px 0;\n            border-top: 1px solid var(--border);\n        }\n\n        .footer-inner {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 24px;\n        }\n\n        .footer-left p {\n            font-size: 14px;\n            color: var(--text-muted);\n            margin-top: 8px;\n        }\n\n        .footer-links {\n            display: flex;\n            gap: 32px;\n        }\n\n        .footer-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            font-size: 15px;\n            transition: color 0.2s;\n        }\n\n        .footer-links a:hover,\n        .footer-links a:focus-visible { color: var(--text-primary); }\n\n        \/* ===== ANIMATIONS ===== *\/\n        .fade-up {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .fade-up.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n\n        \/* --- Tablet (max-width: 968px) --- *\/\n        @media (max-width: 968px) {\n            .problem-grid,\n            .form-section .container,\n            .case-study-card {\n                grid-template-columns: 1fr;\n            }\n\n            .problem-visual { display: none; }\n            .pillars { grid-template-columns: 1fr; }\n            .process-steps { grid-template-columns: repeat(2, 1fr); }\n            .process-steps::before { display: none; }\n\n            #main-content section { padding: 96px 0; }\n\n            .hero { min-height: auto; padding-top: 120px; padding-bottom: 80px; }\n            .hero p { font-size: 17px; }\n\n            .hero-glow { width: 600px; height: 450px; top: -100px; }\n\n            .logos-grid { gap: 32px; }\n\n            .case-study-card { padding: 36px; gap: 32px; }\n\n            .cta-card { padding: 56px 32px; }\n\n            .form-section .container { gap: 40px; }\n\n            .lead-form { padding: 32px; }\n\n            .footer-links { gap: 24px; }\n        }\n\n        \/* --- Large mobile \/ small tablet (max-width: 768px) --- *\/\n        @media (max-width: 768px) {\n            .nav-links { display: none; }\n            .mobile-menu-btn { display: block; }\n\n            .container { padding: 0 20px; }\n\n            #main-content section { padding: 72px 0; }\n\n            .hero { padding-top: 100px; padding-bottom: 64px; }\n            .hero h1 { letter-spacing: -2px; }\n            .hero p { font-size: 16px; max-width: 100%; }\n            .hero-content { max-width: 100%; }\n\n            .hero-glow { width: 400px; height: 300px; top: -60px; }\n\n            .section-title { font-size: clamp(26px, 5vw, 40px); letter-spacing: -1px; }\n            .section-subtitle { font-size: 16px; }\n\n            .pillars { gap: 16px; }\n            .pillar { padding: 24px; }\n            .pillar h3 { font-size: 18px; }\n\n            .builds-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n            .build-card { padding: 20px; }\n            .build-card h4 { font-size: 15px; }\n            .build-card p { font-size: 14px; }\n\n            .case-study-card { padding: 28px; gap: 28px; }\n            .case-study-card h3 { font-size: 20px; }\n            .outcome-value { font-size: 24px; }\n            .outcome { padding: 16px; }\n\n            .process-step h4 { font-size: 16px; }\n            .process-step p { font-size: 14px; }\n            .step-number { width: 56px; height: 56px; font-size: 20px; }\n\n            .problem-close p { font-size: 17px; }\n            .problem-item { padding: 16px; }\n\n            .form-intro h2 { margin-bottom: 16px; }\n            .form-intro p { font-size: 15px; margin-bottom: 24px; }\n            .form-benefits li { font-size: 14px; }\n\n            .cta-card { padding: 48px 24px; }\n            .cta-card p { font-size: 16px; margin-bottom: 28px; }\n\n            .logos-section { padding: 40px 0; }\n            .logos-grid { gap: 24px; }\n            .logos-grid span { font-size: 15px; }\n            .logos-label { font-size: 12px; margin-bottom: 24px; }\n\n            .audience-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n            .audience-card { padding: 20px; }\n            .audience-card h4 { font-size: 15px; }\n            .audience-card p { font-size: 13px; }\n\n            .footer-inner { flex-direction: column; text-align: center; gap: 20px; }\n            .footer-links { gap: 20px; flex-wrap: wrap; justify-content: center; }\n        }\n\n        \/* --- Mobile (max-width: 480px) --- *\/\n        @media (max-width: 480px) {\n            .container { padding: 0 16px; }\n\n            #main-content section { padding: 56px 0; }\n\n            .hero { padding-top: 88px; padding-bottom: 48px; }\n            .hero h1 { letter-spacing: -1.5px; margin-bottom: 16px; }\n            .hero p { font-size: 15px; line-height: 1.6; margin-bottom: 28px; }\n            .hero-badge { font-size: 12px; padding: 5px 12px; margin-bottom: 24px; }\n            .hero-buttons { flex-direction: column; }\n            .hero-buttons .btn { width: 100%; justify-content: center; }\n\n            .hero-glow { width: 300px; height: 200px; top: -40px; }\n\n            .section-label { font-size: 12px; letter-spacing: 1px; }\n            .section-title { font-size: clamp(24px, 6vw, 32px); letter-spacing: -0.5px; margin-bottom: 12px; }\n            .section-subtitle { font-size: 15px; }\n\n            .logos-section { padding: 32px 0; }\n            .logos-grid { gap: 16px; }\n            .logos-grid span { font-size: 13px; }\n\n            .problem-item { gap: 12px; padding: 14px; }\n            .problem-icon { width: 36px; height: 36px; font-size: 16px; }\n            .problem-item h4 { font-size: 15px; }\n            .problem-item p { font-size: 14px; }\n            .problem-close { padding: 16px; margin-top: 32px; }\n            .problem-close p { font-size: 15px; }\n\n            .pillars { gap: 12px; margin-top: 32px; }\n            .pillar { padding: 20px; }\n            .pillar-icon { width: 40px; height: 40px; font-size: 18px; margin-bottom: 14px; }\n            .pillar h3 { font-size: 17px; margin-bottom: 8px; }\n            .pillar p { font-size: 14px; margin-bottom: 14px; }\n            .pillar-features li { font-size: 14px; }\n\n            .builds-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 32px; }\n            .build-card { padding: 18px; }\n            .build-card-icon { width: 36px; height: 36px; font-size: 16px; margin-bottom: 12px; }\n\n            .case-study-card { padding: 20px; gap: 24px; margin-top: 32px; border-radius: var(--radius-lg); }\n            .case-study-card h3 { font-size: 18px; margin-bottom: 14px; }\n            .case-label { font-size: 11px; margin-bottom: 10px; }\n            .case-bullets li { font-size: 14px; }\n            .outcome { padding: 14px; }\n            .outcome-value { font-size: 22px; }\n            .outcome-label { font-size: 13px; }\n\n            .process-steps { grid-template-columns: 1fr; gap: 20px; margin-top: 32px; }\n            .step-number { width: 48px; height: 48px; font-size: 18px; margin-bottom: 12px; }\n            .process-step h4 { font-size: 15px; }\n            .process-step p { font-size: 13px; }\n\n            .audience-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 32px; }\n            .audience-card { padding: 18px; }\n            .audience-card-icon { width: 36px; height: 36px; font-size: 16px; margin-bottom: 12px; }\n\n            .form-row { grid-template-columns: 1fr; }\n            .lead-form { padding: 20px; border-radius: var(--radius-lg); }\n            .form-title { font-size: 19px; }\n            .form-subtitle { font-size: 13px; margin-bottom: 20px; }\n            .form-group label { font-size: 13px; }\n            .form-group input,\n            .form-group select,\n            .form-group textarea { font-size: 16px; padding: 11px 14px; min-height: 44px; }\n            .form-submit { padding: 13px; font-size: 15px; min-height: 44px; }\n            .form-footer { font-size: 12px; }\n\n            .cta-card { padding: 40px 20px; border-radius: var(--radius-lg); }\n            .cta-card p { font-size: 15px; margin-bottom: 24px; }\n\n            .btn { padding: 12px 22px; font-size: 14px; }\n\n            footer[role=\"contentinfo\"] { padding: 32px 0; }\n            .footer-links { gap: 16px; }\n            .footer-links a { font-size: 14px; }\n            .footer-left p { font-size: 13px; }\n\n            .nav-inner { padding: 0 16px; }\n            .logo { font-size: 18px; }\n        }\n\n        \/* ===== MOBILE MENU ===== *\/\n        .mobile-nav {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(9, 9, 11, 0.95);\n            backdrop-filter: blur(20px);\n            z-index: 99;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 32px;\n        }\n\n        .mobile-nav.open { display: flex; }\n\n        .mobile-nav a {\n            color: var(--text-primary);\n            text-decoration: none;\n            font-size: 24px;\n            font-weight: 600;\n        }\n\n        .mobile-nav-close {\n            position: absolute;\n            top: 24px;\n            right: 24px;\n            background: none;\n            border: none;\n            color: var(--text-primary);\n            font-size: 28px;\n            cursor: pointer;\n        }\n\n        \/* ===== FLOATING PARTICLES ===== *\/\n        .particle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: var(--accent);\n            border-radius: 50%;\n            opacity: 0.15;\n            pointer-events: none;\n        }\n\n        \/* ===== WHO WE HELP ===== *\/\n        .audience-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 20px;\n            margin-top: 48px;\n        }\n\n        .audience-card {\n            padding: 28px;\n            background: var(--bg-card);\n            border: 1px solid var(--border);\n            border-radius: var(--radius);\n            transition: all 0.2s;\n        }\n\n        .audience-card:hover {\n            border-color: var(--border-light);\n            background: var(--bg-card-hover);\n        }\n\n        .audience-card-icon {\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--accent-glow);\n            border-radius: 10px;\n            margin-bottom: 16px;\n            font-size: 18px;\n        }\n\n        .audience-card h4 {\n            font-size: 16px;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .audience-card p {\n            font-size: 14px;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n<!-- Skip Navigation -->\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n\n<!-- Navigation -->\n<header>\n<nav id=\"nav\" aria-label=\"Main navigation\">\n    <div class=\"nav-inner\">\n        <a href=\"#\" class=\"logo\" aria-label=\"REV Tech Team \u201a\u00c4\u00ee Home\"><span>REV<\/span> Tech Team<\/a>\n        <div class=\"nav-links\">\n            <a href=\"#solutions\">Solutions<\/a>\n            <a href=\"#builds\">What We Build<\/a>\n            <a href=\"#audience\">Who We Help<\/a>\n            <a href=\"#process\">Process<\/a>\n            <a href=\"#contact\" class=\"nav-cta\">Book a Strategy Call<\/a>\n        <\/div>\n        <button class=\"mobile-menu-btn\" onclick=\"toggleMobileMenu()\" aria-label=\"Menu\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n        <\/button>\n    <\/div>\n<\/nav>\n\n<\/header>\n\n<!-- Mobile Menu -->\n<div class=\"mobile-nav\" id=\"mobileNav\" role=\"dialog\" aria-label=\"Mobile navigation menu\" aria-modal=\"true\">\n    <button class=\"mobile-nav-close\" onclick=\"toggleMobileMenu()\" aria-label=\"Close navigation menu\">&times;<\/button>\n    <a href=\"#solutions\" onclick=\"toggleMobileMenu()\">Solutions<\/a>\n    <a href=\"#builds\" onclick=\"toggleMobileMenu()\">What We Build<\/a>\n    <a href=\"#audience\" onclick=\"toggleMobileMenu()\">Who We Help<\/a>\n    <a href=\"#process\" onclick=\"toggleMobileMenu()\">Process<\/a>\n    <a href=\"#contact\" onclick=\"toggleMobileMenu()\">Book a Strategy Call<\/a>\n<\/div>\n\n<main id=\"main-content\">\n\n<!-- Hero -->\n<section class=\"hero\" aria-labelledby=\"hero-heading\">\n    <div class=\"hero-bg\" aria-hidden=\"true\">\n        <div class=\"hero-grid\"><\/div>\n        <div class=\"hero-glow\"><\/div>\n    <\/div>\n    <div class=\"container\">\n        <div class=\"hero-content\">\n            <div class=\"hero-badge\">\n                <span class=\"dot\" aria-hidden=\"true\"><\/span>\n                Revenue Operations Consulting &middot; AI &middot; Automation\n            <\/div>\n            <h1 id=\"hero-heading\">Your Revenue Engine.<br><span class=\"gradient-text\">Built Right.<\/span><\/h1>\n            <p>Revenue operations consulting for companies that refuse to scale on spreadsheets. We architect and build the systems that power your entire revenue lifecycle &mdash; from lead to cash &mdash; with CRM automation, AI workflows, and clean data infrastructure.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#contact\" class=\"btn btn-primary\">\n                    Book a Strategy Call\n                    <span class=\"btn-arrow\" aria-hidden=\"true\">&rarr;<\/span>\n                <\/a>\n                <a href=\"#builds\" class=\"btn btn-secondary\">\n                    See What We Build\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Logos -->\n<div class=\"logos-section\">\n    <div class=\"container\">\n        <p class=\"logos-label\">Platforms We Integrate &amp; Automate<\/p>\n        <div class=\"logos-grid\">\n            <span>HubSpot<\/span>\n            <span>Stripe<\/span>\n            <span>BigQuery<\/span>\n            <span>Power BI<\/span>\n            <span>Slack<\/span>\n            <span>Zendesk<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Problem -->\n<section class=\"problem fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">The Problem<\/div>\n        <h2 class=\"section-title\">Most Revenue Teams Are<br>Operating in Chaos<\/h2>\n        <div class=\"problem-grid\">\n            <div class=\"problem-list\">\n                <div class=\"problem-item\">\n                    <div class=\"problem-icon\" aria-hidden=\"true\">&#9888;<\/div>\n                    <div>\n                        <h4>Manual Processes Slowing Growth<\/h4>\n                        <p>Sales, finance, and onboarding teams copy-pasting between spreadsheets and disconnected tools. Revenue process automation doesn't exist.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"problem-item\">\n                    <div class=\"problem-icon\" aria-hidden=\"true\">&#10060;<\/div>\n                    <div>\n                        <h4>Disconnected CRM, Billing &amp; Support<\/h4>\n                        <p>Your CRM, billing, and support systems don't talk to each other. Broken handoffs create inconsistent data and lost revenue.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"problem-item\">\n                    <div class=\"problem-icon\" aria-hidden=\"true\">&#128065;<\/div>\n                    <div>\n                        <h4>No Revenue Visibility<\/h4>\n                        <p>No real-time view into pipeline, onboarding, billing, or churn. Leadership can't forecast what they can't see.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"problem-item\">\n                    <div class=\"problem-icon\" aria-hidden=\"true\">&#127922;<\/div>\n                    <div>\n                        <h4>Unreliable Forecasting<\/h4>\n                        <p>Revenue projections built on gut feel and duplicate data instead of a single source of truth.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"problem-visual\" aria-hidden=\"true\">\n                <div class=\"chaos-diagram\">\n                    <div class=\"chaos-node crm\">CRM<\/div>\n                    <div class=\"chaos-node billing\">Billing<\/div>\n                    <div class=\"chaos-node support\">Support<\/div>\n                    <div class=\"chaos-node sheets\">Spreadsheets<\/div>\n                    <div class=\"chaos-node slack\">Slack<\/div>\n                    <div class=\"chaos-node email\">Email<\/div>\n                    <div class=\"chaos-center\">?<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"problem-close\">\n            <p>You don't need more tools. You need <span>a revenue operations system.<\/span><\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Solution -->\n<section id=\"solutions\" class=\"fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">RevOps Consulting Services<\/div>\n        <h2 class=\"section-title\">We Build Revenue Infrastructure<br>That Scales<\/h2>\n        <div class=\"section-subtitle\">End-to-end revenue systems architecture &mdash; from lead capture to cash collection &mdash; designed to eliminate manual processes, unify your data, and support scalable growth.<\/div>\n        <div class=\"pillars\">\n            <div class=\"pillar\">\n                <div class=\"pillar-icon\" aria-hidden=\"true\">&#9881;<\/div>\n                <h3>Revenue Systems Architecture<\/h3>\n                <p>We design and build your entire revenue lifecycle so every handoff is automated, every metric is tracked, and your CRM becomes a single source of truth.<\/p>\n                <ul class=\"pillar-features\">\n                    <li>Lead-to-revenue automation (lead &rarr; close &rarr; onboard &rarr; retain)<\/li>\n                    <li>CRM architecture, data modeling &amp; cleanup<\/li>\n                    <li>Sales and finance system integration<\/li>\n                    <li>HubSpot implementation &amp; automation workflows<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"pillar\">\n                <div class=\"pillar-icon\" aria-hidden=\"true\">&#9889;<\/div>\n                <h3>AI Workflow Automation for Business<\/h3>\n                <p>We replace repetitive manual work with intelligent automation &mdash; purpose-built AI workflows and custom applications that eliminate duplicate work and broken handoffs.<\/p>\n                <ul class=\"pillar-features\">\n                    <li>AI-powered decisioning &amp; lead routing<\/li>\n                    <li>Custom CRM development &amp; internal tools<\/li>\n                    <li>Automate onboarding and billing workflows<\/li>\n                    <li>Document generation &amp; processing<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"pillar\">\n                <div class=\"pillar-icon\" aria-hidden=\"true\">&#128202;<\/div>\n                <h3>Data &amp; Analytics Infrastructure<\/h3>\n                <p>We build unified data layers that eliminate data inconsistencies and give you real-time revenue visibility you can actually trust.<\/p>\n                <ul class=\"pillar-features\">\n                    <li>Data pipelines &amp; warehousing (BigQuery, SQL)<\/li>\n                    <li>BI dashboards (Power BI, Looker)<\/li>\n                    <li>Revenue attribution &amp; forecasting<\/li>\n                    <li>Data quality, governance &amp; deduplication<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- What We Build -->\n<section id=\"builds\" class=\"builds fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">Capabilities<\/div>\n        <h2 class=\"section-title\">What We Build<\/h2>\n        <div class=\"section-subtitle\">From custom CRM development to AI workflow automation &mdash; we build the revenue operations infrastructure that scaling companies depend on.<\/div>\n        <div class=\"builds-grid\">\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128736;<\/div>\n                <h4>Custom CRM Development<\/h4>\n                <p>HubSpot implementation, CRM architecture, data migration, and automation workflows &mdash; built for how you actually sell and operate.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128176;<\/div>\n                <h4>Quote-to-Cash Automation<\/h4>\n                <p>Automate the entire quote-to-cash process &mdash; from proposal generation and contract signing to payment collection and revenue recognition.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#129302;<\/div>\n                <h4>AI Workflow Automation<\/h4>\n                <p>AI workflow automation for business &mdash; intelligent systems that route leads, classify data, and execute decisions without manual intervention.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128421;<\/div>\n                <h4>Internal Tools &amp; Partner Portals<\/h4>\n                <p>Custom-built partner portals, client dashboards, and operational tools designed to replace manual processes across your organization.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128640;<\/div>\n                <h4>Data Pipelines &amp; Warehousing<\/h4>\n                <p>BigQuery, SQL Server, and custom ETL pipelines that unify CRM, billing, and operational data into a single source of truth.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128200;<\/div>\n                <h4>BI Dashboards &amp; Reporting<\/h4>\n                <p>Power BI and custom reporting dashboards that improve revenue visibility and give leadership real-time insight into pipeline and performance.<\/p>\n            <\/div>\n            <div class=\"build-card\">\n                <div class=\"build-card-icon\" aria-hidden=\"true\">&#128279;<\/div>\n                <h4>System Integrations<\/h4>\n                <p>Connect HubSpot, Stripe, Zendesk, Slack, and your entire stack so data flows automatically and systems stay in sync.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Case Study -->\n<section class=\"fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">Results<\/div>\n        <h2 class=\"section-title\">Built for Real Operators<\/h2>\n        <div class=\"case-study-card\">\n            <div>\n                <div class=\"case-label\">Case Study<\/div>\n                <h3>Quote-to-Cash Transformation<\/h3>\n                <ul class=\"case-bullets\">\n                    <li>\n                        <span class=\"check\" aria-hidden=\"true\">&#10003;<\/span>\n                        <span>Unified contracts, payments, and onboarding into a single automated workflow<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"check\" aria-hidden=\"true\">&#10003;<\/span>\n                        <span>Eliminated manual handoffs between sales, finance, and operations<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"check\" aria-hidden=\"true\">&#10003;<\/span>\n                        <span>Created real-time revenue visibility across the entire customer lifecycle<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"check\" aria-hidden=\"true\">&#10003;<\/span>\n                        <span>Built custom HubSpot + Stripe integration for automated billing<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"outcomes\">\n                <div class=\"outcome\">\n                    <div class=\"outcome-value\">3x<\/div>\n                    <div class=\"outcome-label\">Faster client onboarding<\/div>\n                <\/div>\n                <div class=\"outcome\">\n                    <div class=\"outcome-value\">100%<\/div>\n                    <div class=\"outcome-label\">Clean, structured system data<\/div>\n                <\/div>\n                <div class=\"outcome\">\n                    <div class=\"outcome-value\">&infin;<\/div>\n                    <div class=\"outcome-label\">Scalable operations without added headcount<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Who We Help -->\n<section id=\"audience\" class=\"fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">Who We Help<\/div>\n        <h2 class=\"section-title\">Revenue Operations for Scaling Companies<\/h2>\n        <div class=\"section-subtitle\">We work with founders, CROs, and operators who need systems that scale &mdash; not more headcount or another disconnected tool.<\/div>\n        <div class=\"audience-grid\">\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#128640;<\/div>\n                <h4>SaaS Companies Scaling Revenue Operations<\/h4>\n                <p>You've outgrown your current systems. Spreadsheets, manual handoffs, and duct-taped workflows are holding back growth. You need revenue systems architecture that supports your next stage.<\/p>\n            <\/div>\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#9881;<\/div>\n                <h4>Teams Stuck in Manual CRM Processes<\/h4>\n                <p>Your CRM is a mess &mdash; inconsistent data, duplicate records, and no automation. You need a HubSpot implementation consultant or CRM automation consulting partner who can fix it at the root.<\/p>\n            <\/div>\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#128279;<\/div>\n                <h4>Businesses Running on Disconnected Systems<\/h4>\n                <p>You're using HubSpot, Stripe, Zendesk, Slack, and a dozen other tools &mdash; but none of them talk to each other. You need sales and finance system integration that creates a unified revenue layer.<\/p>\n            <\/div>\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#128202;<\/div>\n                <h4>Operators Who Need Revenue Visibility<\/h4>\n                <p>You can't see pipeline, onboarding status, billing health, or retention metrics in one place. You need real-time dashboards and a single source of truth for revenue data.<\/p>\n            <\/div>\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#129302;<\/div>\n                <h4>Companies Ready to Automate Instead of Hire<\/h4>\n                <p>You need to scale operations without scaling headcount. AI workflow automation and revenue process automation let you do more with the team you already have.<\/p>\n            <\/div>\n            <div class=\"audience-card\">\n                <div class=\"audience-card-icon\" aria-hidden=\"true\">&#128176;<\/div>\n                <h4>Teams Automating Quote-to-Cash<\/h4>\n                <p>Your quote-to-cash process runs on emails, PDFs, and manual follow-ups. You need to automate the entire flow &mdash; from proposal to payment &mdash; with HubSpot and Stripe working together.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Process -->\n<section id=\"process\" class=\"process fade-up\">\n    <div class=\"container\">\n        <div class=\"section-label\">Our Process<\/div>\n        <h2 class=\"section-title\">How We Work<\/h2>\n        <div class=\"section-subtitle\">A proven framework for building revenue operations systems &mdash; from audit through ongoing optimization.<\/div>\n        <div class=\"process-steps\">\n            <div class=\"process-step\">\n                <div class=\"step-number\">01<\/div>\n                <h4>Audit<\/h4>\n                <p>We map your current systems, data flows, and revenue processes to find gaps and bottlenecks.<\/p>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">02<\/div>\n                <h4>Architect<\/h4>\n                <p>We design the target-state system architecture with clear milestones and integration points.<\/p>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">03<\/div>\n                <h4>Build<\/h4>\n                <p>We build, integrate, and automate your systems with precision. No shortcuts, no technical debt.<\/p>\n            <\/div>\n            <div class=\"process-step\">\n                <div class=\"step-number\">04<\/div>\n                <h4>Operate<\/h4>\n                <p>We monitor, optimize, and evolve your systems as your business scales and requirements change.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Form Section -->\n<section id=\"contact\" class=\"form-section fade-up\">\n    <div class=\"container\">\n        <div class=\"form-intro\">\n            <div class=\"section-label\">Get Started<\/div>\n            <h2>Book a Revenue Operations Strategy Call<\/h2>\n            <p>Tell us about your business and the revenue challenges you're facing. Our RevOps consulting team will review your submission and reach out within 24 hours with a tailored strategy recommendation.<\/p>\n            <ul class=\"form-benefits\">\n                <li>\n                    <span class=\"icon\" aria-hidden=\"true\">&#9889;<\/span>\n                    Free 30-minute strategy consultation\n                <\/li>\n                <li>\n                    <span class=\"icon\" aria-hidden=\"true\">&#128202;<\/span>\n                    Custom systems audit and recommendations\n                <\/li>\n                <li>\n                    <span class=\"icon\" aria-hidden=\"true\">&#128736;<\/span>\n                    Implementation roadmap for your revenue stack\n                <\/li>\n                <li>\n                    <span class=\"icon\" aria-hidden=\"true\">&#129302;<\/span>\n                    AI and automation opportunity assessment\n                <\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"lead-form\">\n            <div class=\"form-fields\" id=\"formFields\">\n                <div class=\"form-title\">Book a Strategy Call<\/div>\n                <div class=\"form-subtitle\">Fill out the form and we'll get back to you within 24 hours.<\/div>\n                <form id=\"leadForm\" novalidate aria-label=\"Strategy call request form\">\n                    <!-- Hidden Fields -->\n                    <input type=\"hidden\" name=\"lead_source\" value=\"REV Tech Team Website\">\n                    <input type=\"hidden\" name=\"lifecycle_stage\" value=\"Lead\">\n                    <input type=\"hidden\" name=\"original_source_drilldown\" value=\"Consulting Landing Page\">\n\n                    <!-- Form Error Summary -->\n                    <div id=\"formErrorSummary\" role=\"alert\" aria-live=\"polite\" style=\"display:none; padding:12px 16px; background:rgba(248,113,113,0.1); border:1px solid rgba(248,113,113,0.3); border-radius:8px; margin-bottom:16px; font-size:14px; color:#f87171;\">\n                        Please fill in all required fields below.\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\" id=\"fg-firstName\">\n                            <label for=\"firstName\">First Name <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                            <input type=\"text\" id=\"firstName\" name=\"firstname\" required placeholder=\"John\" autocomplete=\"given-name\" aria-required=\"true\" aria-describedby=\"err-firstName\">\n                            <div class=\"error-message\" id=\"err-firstName\">First name is required.<\/div>\n                        <\/div>\n                        <div class=\"form-group\" id=\"fg-lastName\">\n                            <label for=\"lastName\">Last Name <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                            <input type=\"text\" id=\"lastName\" name=\"lastname\" required placeholder=\"Smith\" autocomplete=\"family-name\" aria-required=\"true\" aria-describedby=\"err-lastName\">\n                            <div class=\"error-message\" id=\"err-lastName\">Last name is required.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\" id=\"fg-email\">\n                        <label for=\"email\">Work Email <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"john@company.com\" autocomplete=\"email\" aria-required=\"true\" aria-describedby=\"err-email\">\n                        <div class=\"error-message\" id=\"err-email\">A valid email address is required.<\/div>\n                    <\/div>\n                    <div class=\"form-row\">\n                        <div class=\"form-group\" id=\"fg-company\">\n                            <label for=\"company\">Company Name <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                            <input type=\"text\" id=\"company\" name=\"company\" required placeholder=\"Acme Inc.\" autocomplete=\"organization\" aria-required=\"true\" aria-describedby=\"err-company\">\n                            <div class=\"error-message\" id=\"err-company\">Company name is required.<\/div>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"website\">Website<\/label>\n                            <input type=\"url\" id=\"website\" name=\"website\" placeholder=\"https:\/\/company.com\" autocomplete=\"url\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-row\">\n                        <div class=\"form-group\" id=\"fg-companySize\">\n                            <label for=\"companySize\">Company Size <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                            <select id=\"companySize\" name=\"company_size\" required aria-required=\"true\" aria-describedby=\"err-companySize\">\n                                <option value=\"\" disabled selected>Select size<\/option>\n                                <option value=\"1-10\">1&ndash;10 employees<\/option>\n                                <option value=\"11-50\">11&ndash;50 employees<\/option>\n                                <option value=\"51-200\">51&ndash;200 employees<\/option>\n                                <option value=\"200+\">200+ employees<\/option>\n                            <\/select>\n                            <div class=\"error-message\" id=\"err-companySize\">Please select a company size.<\/div>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"currentCRM\">Current CRM<\/label>\n                            <select id=\"currentCRM\" name=\"current_crm\">\n                                <option value=\"\" disabled selected>Select CRM<\/option>\n                                <option value=\"HubSpot\">HubSpot<\/option>\n                                <option value=\"Salesforce\">Salesforce<\/option>\n                                <option value=\"None\">None<\/option>\n                                <option value=\"Other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\" id=\"fg-challenge\">\n                        <label for=\"challenge\">Biggest Challenge <abbr title=\"required\" style=\"text-decoration:none; color:#f87171;\">*<\/abbr><\/label>\n                        <textarea id=\"challenge\" name=\"challenge\" required placeholder=\"Tell us about the operational or revenue challenge you're trying to solve...\" aria-required=\"true\" aria-describedby=\"err-challenge\"><\/textarea>\n                        <div class=\"error-message\" id=\"err-challenge\">Please describe your challenge.<\/div>\n                    <\/div>\n                    <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">\n                        Submit &amp; Book Your Call &rarr;\n                    <\/button>\n                    <p class=\"form-footer\">We respect your privacy. No spam, ever.<\/p>\n                <\/form>\n            <\/div>\n            <div class=\"form-success\" id=\"formSuccess\" role=\"status\" aria-live=\"polite\">\n                <div class=\"success-icon\" aria-hidden=\"true\">&#10003;<\/div>\n                <h3>We're on it.<\/h3>\n                <p>Thanks for reaching out. We'll review your information and get back to you within 24 hours with a tailored strategy recommendation.<br><br>In the meantime, check your inbox for a confirmation email with next steps.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-section fade-up\">\n    <div class=\"container\">\n        <div class=\"cta-card\">\n            <h2>Stop Operating Manually.<br>Start Scaling With Systems.<\/h2>\n            <p>Let's build the revenue operations infrastructure your business deserves &mdash; automated, unified, and ready to grow.<\/p>\n            <a href=\"#contact\" class=\"btn btn-primary\">\n                Book a Strategy Call\n                <span class=\"btn-arrow\" aria-hidden=\"true\">&rarr;<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/main>\n\n<!-- Footer -->\n<footer role=\"contentinfo\">\n    <div class=\"container\">\n        <div class=\"footer-inner\">\n            <div class=\"footer-left\">\n                <a href=\"#\" class=\"logo\"><span>REV<\/span> Tech Team<\/a>\n                <p>&copy; 2026 REV Tech Team. All rights reserved.<\/p>\n            <\/div>\n            <div class=\"footer-links\">\n                <a href=\"mailto:info@revtechteam.com\">Contact<\/a>\n                <a href=\"https:\/\/www.linkedin.com\/company\/revtechteam\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\n                <a href=\"#contact\">Book a Call<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<script>\n    \/\/ ===== NAV SCROLL EFFECT =====\n    const nav = document.getElementById('nav');\n    window.addEventListener('scroll', () => {\n        nav.classList.toggle('scrolled', window.scrollY > 50);\n    });\n\n    \/\/ ===== MOBILE MENU =====\n    function toggleMobileMenu() {\n        document.getElementById('mobileNav').classList.toggle('open');\n    }\n\n    \/\/ ===== INTERSECTION OBSERVER FOR ANIMATIONS =====\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n\n    document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n\n    \/\/ ===== FORM HANDLING =====\n    const leadForm = document.getElementById('leadForm');\n    const formFields = document.getElementById('formFields');\n    const formSuccess = document.getElementById('formSuccess');\n    const submitBtn = document.getElementById('submitBtn');\n\n    leadForm.addEventListener('submit', async (e) => {\n        e.preventDefault();\n\n        \/\/ Clear previous errors\n        document.querySelectorAll('.form-group.has-error').forEach(g => g.classList.remove('has-error'));\n        const errorSummary = document.getElementById('formErrorSummary');\n        errorSummary.style.display = 'none';\n\n        \/\/ Validate required fields\n        const required = leadForm.querySelectorAll('[required]');\n        let valid = true;\n        let firstInvalid = null;\n\n        required.forEach(field => {\n            const group = field.closest('.form-group');\n            if (!field.value.trim()) {\n                if (group) group.classList.add('has-error');\n                field.setAttribute('aria-invalid', 'true');\n                valid = false;\n                if (!firstInvalid) firstInvalid = field;\n            } else {\n                if (group) group.classList.remove('has-error');\n                field.removeAttribute('aria-invalid');\n            }\n        });\n\n        \/\/ Email format check\n        const emailField = document.getElementById('email');\n        if (emailField.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailField.value)) {\n            const emailGroup = emailField.closest('.form-group');\n            if (emailGroup) emailGroup.classList.add('has-error');\n            emailField.setAttribute('aria-invalid', 'true');\n            valid = false;\n            if (!firstInvalid) firstInvalid = emailField;\n        }\n\n        if (!valid) {\n            errorSummary.style.display = 'block';\n            if (firstInvalid) firstInvalid.focus();\n            return;\n        }\n\n        submitBtn.disabled = true;\n        submitBtn.textContent = 'Submitting...';\n\n        \/\/ Collect form data\n        const formData = new FormData(leadForm);\n        const data = Object.fromEntries(formData.entries());\n\n        \/\/ ===== LEAD QUALIFICATION LOGIC =====\n        const leadScore = calculateLeadScore(data);\n        data.lead_score = leadScore.score;\n        data.lead_segment = leadScore.segment;\n        data.lead_qualification = leadScore.qualification;\n\n        \/\/ ===== HUBSPOT FORM SUBMISSION =====\n        \/\/ Replace PORTAL_ID and FORM_GUID with your actual HubSpot values\n        const HUBSPOT_PORTAL_ID = 'YOUR_PORTAL_ID';\n        const HUBSPOT_FORM_GUID = 'YOUR_FORM_GUID';\n\n        const hubspotData = {\n            fields: [\n                { name: 'firstname', value: data.firstname },\n                { name: 'lastname', value: data.lastname },\n                { name: 'email', value: data.email },\n                { name: 'company', value: data.company },\n                { name: 'website', value: data.website || '' },\n                { name: 'company_size', value: data.company_size },\n                { name: 'current_crm', value: data.current_crm || '' },\n                { name: 'biggest_challenge', value: data.challenge },\n            ],\n            context: {\n                pageUri: window.location.href,\n                pageName: document.title,\n            },\n            legalConsentOptions: {\n                consent: {\n                    consentToProcess: true,\n                    text: 'I agree to receive communications from REV Tech Team.',\n                }\n            }\n        };\n\n        try {\n            \/\/ Send to HubSpot Forms API\n            const response = await fetch(\n                `https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/${HUBSPOT_PORTAL_ID}\/${HUBSPOT_FORM_GUID}`,\n                {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application\/json' },\n                    body: JSON.stringify(hubspotData),\n                }\n            );\n\n            if (!response.ok) {\n                \/\/ If HubSpot submission fails, log but still show success\n                \/\/ (form data can be retried via webhook\/queue)\n                console.warn('HubSpot submission failed:', await response.text());\n            }\n        } catch (err) {\n            console.warn('HubSpot submission error:', err);\n        }\n\n        \/\/ Show success state\n        formFields.classList.add('hidden');\n        formSuccess.classList.add('active');\n\n        \/\/ Track conversion event\n        if (typeof gtag === 'function') {\n            gtag('event', 'generate_lead', {\n                event_category: 'form',\n                event_label: 'strategy_call',\n                value: leadScore.score,\n            });\n        }\n    });\n\n    \/\/ ===== LEAD SCORING & QUALIFICATION ENGINE =====\n    function calculateLeadScore(data) {\n        let score = 0;\n        let segment = 'Small';\n\n        \/\/ Company Size Scoring\n        switch (data.company_size) {\n            case '200+':   score += 40; segment = 'Scale'; break;\n            case '51-200': score += 30; segment = 'Scale'; break;\n            case '11-50':  score += 20; segment = 'Growth'; break;\n            case '1-10':   score += 5;  segment = 'Small'; break;\n        }\n\n        \/\/ CRM Scoring\n        switch (data.current_crm) {\n            case 'HubSpot':    score += 25; break; \/\/ Strong fit\n            case 'Salesforce': score += 20; break;\n            case 'None':       score += 10; break;\n            case 'Other':      score += 15; break;\n        }\n\n        \/\/ Challenge Quality Scoring\n        const challenge = (data.challenge || '').toLowerCase();\n        const highValueKeywords = [\n            'automation', 'revenue', 'scale', 'integrate', 'pipeline',\n            'hubspot', 'crm', 'quote', 'billing', 'onboarding',\n            'data', 'dashboard', 'reporting', 'api', 'workflow',\n            'salesforce', 'migration', 'custom', 'ai', 'efficiency'\n        ];\n        const matchCount = highValueKeywords.filter(kw => challenge.includes(kw)).length;\n        if (matchCount >= 3) score += 30;\n        else if (matchCount >= 1) score += 15;\n        else if (challenge.length > 50) score += 10;\n\n        \/\/ Qualification determination\n        let qualification = 'Nurture';\n        if (score >= 60) qualification = 'SQL'; \/\/ Sales Qualified Lead\n        else if (score >= 35) qualification = 'MQL'; \/\/ Marketing Qualified Lead\n\n        return { score, segment, qualification };\n    }\n\n    \/\/ ===== SMOOTH SCROLL FOR ANCHOR LINKS =====\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                e.preventDefault();\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ ===== FIELD VALIDATION RESET =====\n    document.querySelectorAll('#leadForm input, #leadForm select, #leadForm textarea').forEach(field => {\n        field.addEventListener('input', () => {\n            const group = field.closest('.form-group');\n            if (group) group.classList.remove('has-error');\n            field.removeAttribute('aria-invalid');\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>REV Tech Team | Revenue Operations &amp; AI Automation Skip to main content REV Tech Team Solutions What We Build Who We Help Process Book a Strategy Call &times; Solutions What We Build Who We Help Process Book a Strategy Call Revenue Operations Consulting &middot; AI &middot; Automation Your Revenue Engine.Built Right. Revenue operations consulting [&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-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - REV<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/revtechteam.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - REV\" \/>\n<meta property=\"og:description\" content=\"REV Tech Team | Revenue Operations &amp; AI Automation Skip to main content REV Tech Team Solutions What We Build Who We Help Process Book a Strategy Call &times; Solutions What We Build Who We Help Process Book a Strategy Call Revenue Operations Consulting &middot; AI &middot; Automation Your Revenue Engine.Built Right. Revenue operations consulting [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/revtechteam.com\/\" \/>\n<meta property=\"og:site_name\" content=\"REV\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-11T00:34:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"29 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/revtechteam.com\\\/\",\"url\":\"https:\\\/\\\/revtechteam.com\\\/\",\"name\":\"Home - REV\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/revtechteam.com\\\/#website\"},\"datePublished\":\"2020-12-23T03:42:33+00:00\",\"dateModified\":\"2026-04-11T00:34:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/revtechteam.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/revtechteam.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/revtechteam.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/revtechteam.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/revtechteam.com\\\/#website\",\"url\":\"http:\\\/\\\/revtechteam.com\\\/\",\"name\":\"REV\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/revtechteam.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - REV","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/revtechteam.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - REV","og_description":"REV Tech Team | Revenue Operations &amp; AI Automation Skip to main content REV Tech Team Solutions What We Build Who We Help Process Book a Strategy Call &times; Solutions What We Build Who We Help Process Book a Strategy Call Revenue Operations Consulting &middot; AI &middot; Automation Your Revenue Engine.Built Right. Revenue operations consulting [&hellip;]","og_url":"https:\/\/revtechteam.com\/","og_site_name":"REV","article_modified_time":"2026-04-11T00:34:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/revtechteam.com\/","url":"https:\/\/revtechteam.com\/","name":"Home - REV","isPartOf":{"@id":"http:\/\/revtechteam.com\/#website"},"datePublished":"2020-12-23T03:42:33+00:00","dateModified":"2026-04-11T00:34:21+00:00","breadcrumb":{"@id":"https:\/\/revtechteam.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/revtechteam.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/revtechteam.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/revtechteam.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"http:\/\/revtechteam.com\/#website","url":"http:\/\/revtechteam.com\/","name":"REV","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/revtechteam.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revtechteam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":2939,"href":"https:\/\/revtechteam.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/2939"}],"wp:attachment":[{"href":"https:\/\/revtechteam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}