C&L Customs IT Services<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n navy: {\n DEFAULT: '#1F3864',\n dark: '#162a4a',\n deeper: '#0f1f36',\n },\n accent: {\n DEFAULT: '#2E75B6',\n bright: '#4A90D9',\n light: '#6AABEF',\n glow: 'rgba(74,144,217,0.25)',\n },\n surface: {\n light: '#F4F7FC',\n DEFAULT: '#FFFFFF',\n },\n },\n fontFamily: {\n sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\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;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --navy: #1F3864;\n --navy-dark: #162a4a;\n --navy-deeper: #0f1f36;\n --accent: #2E75B6;\n --accent-bright: #4A90D9;\n --accent-light: #6AABEF;\n --surface-light: #F4F7FC;\n --white: #FFFFFF;\n }\n\n * { box-sizing: border-box; }\n\n html { scroll-behavior: smooth; scroll-padding-top: 80px; }\n\n body {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n margin: 0;\n color: #1F3864;\n background: var(--white);\n overflow-x: hidden;\n }\n\n \/* Fade-in animation *\/\n .fade-section {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s cubic-bezier(.22,1,.36,1), transform 0.7s cubic-bezier(.22,1,.36,1);\n }\n .fade-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Hero circuit pattern *\/\n .circuit-pattern {\n position: absolute;\n inset: 0;\n opacity: 0.07;\n pointer-events: none;\n }\n\n \/* Service card hover *\/\n .service-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n border-left: 4px solid transparent;\n }\n .service-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 48px rgba(31,56,100,0.13);\n border-left-color: var(--accent-bright);\n }\n\n \/* Service card description *\/\n .service-desc {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s ease;\n margin-top: 0;\n }\n .service-card:hover .service-desc,\n .service-card.expanded .service-desc {\n max-height: 200px;\n opacity: 1;\n margin-top: 16px;\n }\n\n \/* Feature badge glow *\/\n .feature-badge {\n transition: box-shadow 0.3s ease, transform 0.3s ease;\n }\n .feature-badge:hover {\n box-shadow: 0 0 24px rgba(74,144,217,0.35);\n transform: translateY(-3px);\n }\n\n \/* Process connector *\/\n .process-line {\n position: absolute;\n top: 28px;\n left: 56px;\n right: 56px;\n height: 2px;\n border-top: 2px dashed var(--accent-bright);\n z-index: 0;\n }\n\n \/* Active nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.2s ease;\n }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--accent-bright);\n transform: scaleX(0);\n transition: transform 0.25s ease;\n }\n .nav-link.active::after {\n transform: scaleX(1);\n }\n\n \/* Step circle *\/\n .step-circle {\n width: 56px;\n height: 56px;\n min-width: 56px;\n border-radius: 50%;\n background: var(--navy);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.25rem;\n position: relative;\n z-index: 1;\n }\n\n \/* Contact form input styles *\/\n .cf7-input {\n background: var(--white);\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n padding: 13px 16px;\n color: var(--navy);\n font-size: 1rem;\n width: 100%;\n transition: border-color 0.25s ease, box-shadow 0.25s ease;\n outline: none;\n font-family: inherit;\n }\n .cf7-input::placeholder {\n color: #94a3b8;\n }\n .cf7-input:focus {\n border-color: var(--accent-bright);\n box-shadow: 0 0 0 4px rgba(74,144,217,0.15);\n }\n .cf7-input.error {\n border-color: #ef4444;\n box-shadow: 0 0 0 4px rgba(239,68,68,0.1);\n }\n .cf7-input option {\n color: var(--navy);\n background: white;\n }\n select.cf7-input {\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 14px center;\n padding-right: 40px;\n }\n\n \/* Spinner animation *\/\n .spinner {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255,255,255,0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n }\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* Success toast *\/\n .success-toast {\n animation: slideUp 0.5s cubic-bezier(.22,1,.36,1);\n }\n @keyframes slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Hero badge entrance *\/\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-animate {\n animation: fadeInUp 0.8s cubic-bezier(.22,1,.36,1) forwards;\n opacity: 0;\n }\n .hero-animate-d1 { animation-delay: 0.1s; }\n .hero-animate-d2 { animation-delay: 0.3s; }\n .hero-animate-d3 { animation-delay: 0.5s; }\n .hero-animate-d4 { animation-delay: 0.7s; }\n <\/style>\n <\/head>\n <body data-id=\"0\" class=\"antialiased\">\n <app-icon data-id=\"1\" hidden data-icon=\"server\" data-palette=\"Dark\"><\/app-icon>\n\n \n <header data-id=\"2\" id=\"navbar-g8k2\" class=\"fixed top-0 left-0 right-0 z-50 bg-navy-dark shadow-lg\" style=\"box-shadow: 0 2px 16px rgba(15,31,54,0.5);\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto flex items-center justify-between px-4 md:px-8 h-[72px]\">\n \n <a data-id=\"4\" href=\"\/\" id=\"logo-link-m3n1\" class=\"flex items-center gap-3 group\">\n <img decoding=\"async\" data-id=\"5\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:50px;width:auto;display:block;\">\n <\/a>\n\n \n <nav data-id=\"6\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"7\" href=\"\/#services\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"services\">Services<\/a>\n <a data-id=\"8\" href=\"\/#about\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"about\">About<\/a>\n <a data-id=\"9\" href=\"\/#process\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"process\">Process<\/a>\n <a data-id=\"10\" href=\"\/#contact\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"contact\">Contact<\/a>\n <a data-id=\"11\" href=\"\/#contact\" id=\"nav-cta-q4w9\" class=\"bg-accent-bright hover:bg-accent-light text-white text-sm font-semibold px-5 py-2.5 rounded-full transition-colors shadow-md\">Request a Quote<\/a>\n <\/nav>\n\n \n <button data-id=\"12\" id=\"mobile-menu-btn-v5j3\" class=\"md:hidden p-2 text-white\" aria-label=\"Open menu\">\n <i data-id=\"13\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/header>\n\n \n <nav data-id=\"14\" id=\"mobile-menu-x9k1\" class=\"hidden fixed inset-0 bg-navy-dark z-[60] flex flex-col p-6\">\n <div data-id=\"15\" class=\"flex items-center justify-between mb-10\">\n <div data-id=\"16\" class=\"flex items-center gap-3\">\n <img decoding=\"async\" data-id=\"17\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:50px;width:auto;display:block;\">\n <\/div>\n <button data-id=\"18\" id=\"mobile-menu-close-w2p8\" class=\"p-2 text-white\" aria-label=\"Close menu\">\n <i data-id=\"19\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"20\" class=\"flex flex-col gap-6\">\n <a data-id=\"21\" href=\"\/#services\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Services<\/a>\n <a data-id=\"22\" href=\"\/#about\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">About<\/a>\n <a data-id=\"23\" href=\"\/#process\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Process<\/a>\n <a data-id=\"24\" href=\"\/#contact\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Contact<\/a>\n <a data-id=\"25\" href=\"\/#contact\" class=\"bg-accent-bright text-white text-center font-semibold px-6 py-3 rounded-full mt-4 mobile-nav-link\">Request a Quote<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"26\">\n \n <section data-id=\"27\" id=\"hero-s4m7\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden\" style=\"background: linear-gradient(135deg, #0f1f36 0%, #1F3864 50%, #162a4a 100%);\">\n \n <svg data-id=\"28\" class=\"circuit-pattern\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\">\n <defs data-id=\"29\">\n <pattern data-id=\"30\" id=\"circuit\" x=\"0\" y=\"0\" width=\"120\" height=\"120\" patternUnits=\"userSpaceOnUse\">\n <path data-id=\"31\" d=\"M20 0 v30 h30 v-10 h20 v40 h-20 v10 h30\" stroke=\"#4A90D9\" stroke-width=\"1\" fill=\"none\"\/>\n <path data-id=\"32\" d=\"M0 60 h20 v30 h40 v-20 h20\" stroke=\"#4A90D9\" stroke-width=\"1\" fill=\"none\"\/>\n <circle data-id=\"33\" cx=\"20\" cy=\"30\" r=\"3\" fill=\"#4A90D9\"\/>\n <circle data-id=\"34\" cx=\"70\" cy=\"20\" r=\"3\" fill=\"#4A90D9\"\/>\n <circle data-id=\"35\" cx=\"50\" cy=\"60\" r=\"2\" fill=\"#4A90D9\"\/>\n <circle data-id=\"36\" cx=\"80\" cy=\"70\" r=\"3\" fill=\"#4A90D9\"\/>\n <path data-id=\"37\" d=\"M90 0 v50 h30\" stroke=\"#2E75B6\" stroke-width=\"0.7\" fill=\"none\"\/>\n <path data-id=\"38\" d=\"M0 100 h40 v20\" stroke=\"#2E75B6\" stroke-width=\"0.7\" fill=\"none\"\/>\n <circle data-id=\"39\" cx=\"90\" cy=\"50\" r=\"2\" fill=\"#2E75B6\"\/>\n <circle data-id=\"40\" cx=\"40\" cy=\"100\" r=\"2\" fill=\"#2E75B6\"\/>\n <path data-id=\"41\" d=\"M100 90 h20 v30\" stroke=\"#4A90D9\" stroke-width=\"0.7\" fill=\"none\"\/>\n <rect data-id=\"42\" x=\"118\" y=\"18\" width=\"4\" height=\"4\" rx=\"1\" fill=\"none\" stroke=\"#4A90D9\" stroke-width=\"0.6\"\/>\n <\/pattern>\n <\/defs>\n <rect data-id=\"43\" width=\"100%\" height=\"100%\" fill=\"url(#circuit)\"\/>\n <\/svg>\n \n <div data-id=\"44\" class=\"absolute inset-0 opacity-[0.04]\" style=\"background: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(74,144,217,0.3) 35px, rgba(74,144,217,0.3) 36px);\"><\/div>\n\n <div data-id=\"45\" class=\"relative z-10 max-w-5xl mx-auto px-5 md:px-8 text-center pt-24 pb-16\">\n <h1 data-id=\"46\" id=\"hero-headline-j2k5\" class=\"hero-animate hero-animate-d1 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6 tracking-tight\">\n Expert IT Field Services<span data-id=\"47\" class=\"block md:inline\"> \u2014 Done Right.<\/span>\n <\/h1>\n <p data-id=\"48\" id=\"hero-sub-r8q3\" class=\"hero-animate hero-animate-d2 text-base md:text-lg lg:text-xl text-white\/70 max-w-3xl mx-auto mb-10 leading-relaxed\">\n C&L Customs delivers certified LAN room cleanouts, IT hardware refresh logistics, and structured cabling solutions for enterprise clients across the US.\n <\/p>\n <div data-id=\"49\" class=\"hero-animate hero-animate-d3 flex flex-col sm:flex-row items-center justify-center gap-4 mb-14\">\n <a data-id=\"50\" href=\"\/#services\" id=\"hero-cta1-n5b2\" class=\"bg-accent-bright hover:bg-accent-light text-white font-semibold px-8 py-3.5 rounded-full transition-colors shadow-lg text-sm md:text-base min-w-[200px]\">View Our Services<\/a>\n <a data-id=\"51\" href=\"\/#contact\" id=\"hero-cta2-p3g7\" class=\"border-2 border-white\/40 hover:border-white text-white font-semibold px-8 py-3.5 rounded-full transition-colors text-sm md:text-base min-w-[200px]\">Get a Quote<\/a>\n <\/div>\n <div data-id=\"52\" class=\"hero-animate hero-animate-d4 flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-8\">\n <div data-id=\"53\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"54\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"55\">Certified Technicians<\/span>\n <\/div>\n <div data-id=\"56\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"57\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"58\">Chain-of-Custody Documented<\/span>\n <\/div>\n <div data-id=\"59\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"60\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"61\">Nationwide Coverage<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div data-id=\"62\" class=\"absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-surface-light to-transparent\"><\/div>\n <\/section>\n\n \n <section data-id=\"63\" id=\"services\" class=\"py-20 md:py-28 bg-surface-light\">\n <div data-id=\"64\" class=\"max-w-7xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"65\" class=\"text-center mb-16\">\n <h2 data-id=\"66\" id=\"services-title-k7r4\" class=\"text-2xl md:text-4xl font-extrabold text-navy mb-4\">Our Services<\/h2>\n <div data-id=\"67\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n <div data-id=\"68\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div data-id=\"69\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-lan-c3d9\">\n <div data-id=\"70\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"71\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"72\" x=\"6\" y=\"3\" width=\"20\" height=\"26\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <line data-id=\"73\" x1=\"10\" y1=\"9\" x2=\"22\" y2=\"9\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"74\" x1=\"10\" y1=\"13\" x2=\"22\" y2=\"13\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"75\" x1=\"10\" y1=\"17\" x2=\"22\" y2=\"17\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <circle data-id=\"76\" cx=\"12\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <circle data-id=\"77\" cx=\"16\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <circle data-id=\"78\" cx=\"20\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <line data-id=\"79\" x1=\"13\" y1=\"29\" x2=\"13\" y2=\"32\" stroke=\"#2E75B6\" stroke-width=\"1.5\"\/>\n <line data-id=\"80\" x1=\"19\" y1=\"29\" x2=\"19\" y2=\"32\" stroke=\"#2E75B6\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"81\" class=\"text-lg font-bold text-navy mb-3\">LAN Room Cleanout & Decommissioning<\/h3>\n <ul data-id=\"82\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"83\" class=\"flex items-start gap-2\"><i data-id=\"84\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Full rack & cabinet removal<\/li>\n <li data-id=\"85\" class=\"flex items-start gap-2\"><i data-id=\"86\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Patch panel & structured cabling removal<\/li>\n <li data-id=\"87\" class=\"flex items-start gap-2\"><i data-id=\"88\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> 66-block analog punch-down removal<\/li>\n <li data-id=\"89\" class=\"flex items-start gap-2\"><i data-id=\"90\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Compliant e-waste disposal<\/li>\n <\/ul>\n <a data-id=\"91\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"92\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"93\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n Our certified technicians perform complete LAN room decommissioning \u2014 safely shutting down, labeling, and removing all IT infrastructure including servers, security switches, patch panels, and cabinets. Every job is documented with chain-of-custody reporting.\n <\/div>\n <\/div>\n\n \n <div data-id=\"94\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-transport-f7h2\">\n <div data-id=\"95\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"96\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"97\" x=\"2\" y=\"10\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <path data-id=\"98\" d=\"M20 14 h6 l4 5 v3 h-10 v-8z\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <circle data-id=\"99\" cx=\"9\" cy=\"24\" r=\"3\" stroke=\"#4A90D9\" stroke-width=\"2\"\/>\n <circle data-id=\"100\" cx=\"25\" cy=\"24\" r=\"3\" stroke=\"#4A90D9\" stroke-width=\"2\"\/>\n <rect data-id=\"101\" x=\"6\" y=\"14\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#4A90D9\" opacity=\"0.3\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"102\" class=\"text-lg font-bold text-navy mb-3\">IT Hardware Refresh & Transport<\/h3>\n <ul data-id=\"103\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"104\" class=\"flex items-start gap-2\"><i data-id=\"105\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> On-site equipment collection & asset tagging<\/li>\n <li data-id=\"106\" class=\"flex items-start gap-2\"><i data-id=\"107\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Secure packing with anti-static materials<\/li>\n <li data-id=\"108\" class=\"flex items-start gap-2\"><i data-id=\"109\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Ground transport \u2014 any origin to any destination<\/li>\n <li data-id=\"110\" class=\"flex items-start gap-2\"><i data-id=\"111\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Delivery verification & sign-off<\/li>\n <\/ul>\n <a data-id=\"112\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"113\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"114\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n From printer fleets to enterprise hardware, C&L Customs manages the full logistics lifecycle \u2014 pickup, secure packing, transport, and delivery. We handled 3-unit Lexmark printer transport from Bloomington, MN to Glendale Heights, IL with full chain-of-custody documentation.\n <\/div>\n <\/div>\n\n \n <div data-id=\"115\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-cabling-a1s5\">\n <div data-id=\"116\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"117\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"118\" x=\"8\" y=\"2\" width=\"16\" height=\"10\" rx=\"3\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <line data-id=\"119\" x1=\"12\" y1=\"6\" x2=\"12\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line data-id=\"120\" x1=\"16\" y1=\"6\" x2=\"16\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line data-id=\"121\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path data-id=\"122\" d=\"M16 12 v6\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <path data-id=\"123\" d=\"M10 18 h12 v4 h-12 z\" stroke=\"#2E75B6\" stroke-width=\"2\" rx=\"1\"\/>\n <line data-id=\"124\" x1=\"12\" y1=\"22\" x2=\"12\" y2=\"28\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"125\" x1=\"16\" y1=\"22\" x2=\"16\" y2=\"30\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"126\" x1=\"20\" y1=\"22\" x2=\"20\" y2=\"26\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"127\" class=\"text-lg font-bold text-navy mb-3\">IT Cabling Infrastructure<\/h3>\n <ul data-id=\"128\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"129\" class=\"flex items-start gap-2\"><i data-id=\"130\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Structured cabling installation & removal<\/li>\n <li data-id=\"131\" class=\"flex items-start gap-2\"><i data-id=\"132\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Cable tracing, labeling & bundling<\/li>\n <li data-id=\"133\" class=\"flex items-start gap-2\"><i data-id=\"134\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Rack & wall hardware mounting<\/li>\n <li data-id=\"135\" class=\"flex items-start gap-2\"><i data-id=\"136\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Pre- and post-work site inspection<\/li>\n <\/ul>\n <a data-id=\"137\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"138\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"139\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n Whether installing new structured cabling or removing legacy systems, our team follows industry best practices for systematic tracing, labeling, and clean removal \u2014 leaving every site clean and fully documented.\n <\/div>\n <\/div>\n\n \n <div data-id=\"140\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-monitor-b2k7\">\n <div data-id=\"141\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"142\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect data-id=\"143\" x=\"3\" y=\"4\" width=\"26\" height=\"17\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n \n <rect data-id=\"144\" x=\"6\" y=\"7\" width=\"20\" height=\"11\" rx=\"1\" fill=\"#4A90D9\" opacity=\"0.15\"\/>\n \n <path data-id=\"145\" d=\"M14 21 v4 h4 v-4\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n \n <path data-id=\"146\" d=\"M10 25 h12\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n \n <path data-id=\"147\" d=\"M16 25 v3 c0 1.5 3 1.5 3 0\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n \n <path data-id=\"148\" d=\"M12 12 l3 3 l5 -5\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"149\" class=\"text-lg font-bold text-navy mb-3\">Monitor Bundle Installation & Workstation Deployment<\/h3>\n <ul data-id=\"150\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"151\" class=\"flex items-start gap-2\"><i data-id=\"152\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Full monitor demounting from arms & stands<\/li>\n <li data-id=\"153\" class=\"flex items-start gap-2\"><i data-id=\"154\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> E-waste staging & compliant disposal<\/li>\n <li data-id=\"155\" class=\"flex items-start gap-2\"><i data-id=\"156\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> New monitor unboxing & packaging debris removal<\/li>\n <li data-id=\"157\" class=\"flex items-start gap-2\"><i data-id=\"158\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Dual-monitor mounting & full cable management<\/li>\n <li data-id=\"159\" class=\"flex items-start gap-2\"><i data-id=\"160\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Per-workstation operational verification<\/li>\n <\/ul>\n <a data-id=\"161\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"162\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"163\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n C&L Customs manages the complete monitor refresh lifecycle \u2014 demounting existing equipment, staging for e-waste, unboxing and deploying new monitors, and completing professional cable management at every workstation. After-hours and weekend scheduling available to eliminate business disruption. Proven at enterprise scale: 600 monitors across 300 desks, completed within a tight project window.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"164\" id=\"about\" class=\"py-20 md:py-28 bg-white\">\n <div data-id=\"165\" class=\"max-w-7xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"166\" class=\"flex flex-col lg:flex-row gap-12 lg:gap-20 items-start\">\n \n <div data-id=\"167\" class=\"lg:w-5\/12\">\n <div data-id=\"168\" class=\"flex items-center gap-3 mb-6\">\n <div data-id=\"169\" class=\"w-1.5 h-12 bg-accent-bright rounded-full\"><\/div>\n <h2 data-id=\"170\" id=\"about-title-b4v8\" class=\"text-2xl md:text-4xl font-extrabold text-navy\">Why C&L Customs?<\/h2>\n <\/div>\n <p data-id=\"171\" id=\"about-text-u6y1\" class=\"text-navy\/70 text-base md:text-lg leading-relaxed mb-6\">\n We combine certified technical expertise with military-grade documentation standards. Every project \u2014 large or small \u2014 is treated with the same level of precision and professionalism.\n <\/p>\n <p data-id=\"172\" class=\"text-navy\/50 text-sm leading-relaxed\">\n Based in Rockford, IL, C&L Customs has built a reputation for reliability and meticulous attention to detail. Our field technicians are trained, certified, and equipped to handle enterprise-scale IT infrastructure projects anywhere in the country.\n <\/p>\n <\/div>\n\n \n <div data-id=\"173\" class=\"lg:w-7\/12 grid grid-cols-2 sm:grid-cols-3 gap-4\">\n <div data-id=\"174\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-coc-e3t6\">\n <div data-id=\"175\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"176\" data-lucide=\"shield-check\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"177\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Chain-of-Custody Documentation<\/p>\n <\/div>\n <div data-id=\"178\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-cert-h8w2\">\n <div data-id=\"179\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"180\" data-lucide=\"wrench\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"181\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Certified Technicians<\/p>\n <\/div>\n <div data-id=\"182\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-secure-m4n9\">\n <div data-id=\"183\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"184\" data-lucide=\"package\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"185\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Secure Equipment Handling<\/p>\n <\/div>\n <div data-id=\"186\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-nation-q7f1\">\n <div data-id=\"187\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"188\" data-lucide=\"globe\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"189\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Nationwide Service Coverage<\/p>\n <\/div>\n <div data-id=\"190\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-report-s2j8\">\n <div data-id=\"191\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"192\" data-lucide=\"clipboard-list\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"193\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Itemized Reporting<\/p>\n <\/div>\n <div data-id=\"194\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-fast-z5x3\">\n <div data-id=\"195\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"196\" data-lucide=\"zap\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"197\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Fast Project Turnaround<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"198\" id=\"process\" class=\"py-20 md:py-28 bg-surface-light\">\n <div data-id=\"199\" class=\"max-w-6xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"200\" class=\"text-center mb-16\">\n <h2 data-id=\"201\" id=\"process-title-d2w7\" class=\"text-2xl md:text-4xl font-extrabold text-navy mb-4\">Our Process<\/h2>\n <div data-id=\"202\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n\n \n <div data-id=\"203\" class=\"hidden md:block relative\">\n <div data-id=\"204\" class=\"process-line\"><\/div>\n <div data-id=\"205\" class=\"grid grid-cols-4 gap-6\">\n <div data-id=\"206\" class=\"text-center relative z-10\" id=\"step1-k3r8\">\n <div data-id=\"207\" class=\"step-circle mx-auto mb-5\">1<\/div>\n <h3 data-id=\"208\" class=\"font-bold text-navy mb-2 text-base\">Quote & Scope<\/h3>\n <p data-id=\"209\" class=\"text-sm text-navy\/60 leading-relaxed\">We assess your site and provide a detailed, itemized quote with clear scope of work.<\/p>\n <\/div>\n <div data-id=\"210\" class=\"text-center relative z-10\" id=\"step2-p7m1\">\n <div data-id=\"211\" class=\"step-circle mx-auto mb-5\">2<\/div>\n <h3 data-id=\"212\" class=\"font-bold text-navy mb-2 text-base\">Schedule & Coordinate<\/h3>\n <p data-id=\"213\" class=\"text-sm text-navy\/60 leading-relaxed\">A dedicated project coordinator handles scheduling, travel, and client communication.<\/p>\n <\/div>\n <div data-id=\"214\" class=\"text-center relative z-10\" id=\"step3-g5n4\">\n <div data-id=\"215\" class=\"step-circle mx-auto mb-5\">3<\/div>\n <h3 data-id=\"216\" class=\"font-bold text-navy mb-2 text-base\">On-Site Execution<\/h3>\n <p data-id=\"217\" class=\"text-sm text-navy\/60 leading-relaxed\">Certified technicians arrive on-site and complete all work per the agreed scope.<\/p>\n <\/div>\n <div data-id=\"218\" class=\"text-center relative z-10\" id=\"step4-t9q2\">\n <div data-id=\"219\" class=\"step-circle mx-auto mb-5\">4<\/div>\n <h3 data-id=\"220\" class=\"font-bold text-navy mb-2 text-base\">Documentation & Sign-Off<\/h3>\n <p data-id=\"221\" class=\"text-sm text-navy\/60 leading-relaxed\">Chain-of-custody reports, asset inventory, and client sign-off delivered on completion.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div data-id=\"222\" class=\"md:hidden space-y-8\">\n <div data-id=\"223\" class=\"flex gap-5 items-start\" id=\"m-step1-c2f6\">\n <div data-id=\"224\" class=\"flex flex-col items-center\">\n <div data-id=\"225\" class=\"step-circle\">1<\/div>\n <div data-id=\"226\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"227\" class=\"pt-3\">\n <h3 data-id=\"228\" class=\"font-bold text-navy mb-1 text-base\">Quote & Scope<\/h3>\n <p data-id=\"229\" class=\"text-sm text-navy\/60 leading-relaxed\">We assess your site and provide a detailed, itemized quote with clear scope of work.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"230\" class=\"flex gap-5 items-start\" id=\"m-step2-h8j3\">\n <div data-id=\"231\" class=\"flex flex-col items-center\">\n <div data-id=\"232\" class=\"step-circle\">2<\/div>\n <div data-id=\"233\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"234\" class=\"pt-3\">\n <h3 data-id=\"235\" class=\"font-bold text-navy mb-1 text-base\">Schedule & Coordinate<\/h3>\n <p data-id=\"236\" class=\"text-sm text-navy\/60 leading-relaxed\">A dedicated project coordinator handles scheduling, travel, and client communication.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"237\" class=\"flex gap-5 items-start\" id=\"m-step3-w4k7\">\n <div data-id=\"238\" class=\"flex flex-col items-center\">\n <div data-id=\"239\" class=\"step-circle\">3<\/div>\n <div data-id=\"240\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"241\" class=\"pt-3\">\n <h3 data-id=\"242\" class=\"font-bold text-navy mb-1 text-base\">On-Site Execution<\/h3>\n <p data-id=\"243\" class=\"text-sm text-navy\/60 leading-relaxed\">Certified technicians arrive on-site and complete all work per the agreed scope.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"244\" class=\"flex gap-5 items-start\" id=\"m-step4-a9v5\">\n <div data-id=\"245\" class=\"flex flex-col items-center\">\n <div data-id=\"246\" class=\"step-circle\">4<\/div>\n <\/div>\n <div data-id=\"247\" class=\"pt-3\">\n <h3 data-id=\"248\" class=\"font-bold text-navy mb-1 text-base\">Documentation & Sign-Off<\/h3>\n <p data-id=\"249\" class=\"text-sm text-navy\/60 leading-relaxed\">Chain-of-custody reports, asset inventory, and client sign-off delivered on completion.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"250\" id=\"contact\" class=\"py-20 md:py-28\" style=\"background: linear-gradient(160deg, #0f1f36 0%, #1F3864 100%);\">\n <div data-id=\"251\" class=\"max-w-6xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"252\" class=\"text-center mb-14\">\n <h2 data-id=\"253\" id=\"contact-title-r5s9\" class=\"text-2xl md:text-4xl font-extrabold text-white mb-4\">Request a Quote<\/h2>\n <div data-id=\"254\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div data-id=\"255\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16\">\n \n <div data-id=\"256\" class=\"flex flex-col justify-center\" id=\"contact-info-b3m7\">\n <div data-id=\"257\" class=\"space-y-6\">\n <div data-id=\"258\" class=\"flex items-start gap-4\">\n <div data-id=\"259\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"260\" data-lucide=\"building-2\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"261\">\n <p data-id=\"262\" class=\"text-white font-semibold text-base\">C&L Customs IT Services<\/p>\n <p data-id=\"263\" class=\"text-white\/50 text-sm\">Professional Technology Solutions<\/p>\n <\/div>\n <\/div>\n <div data-id=\"264\" class=\"flex items-start gap-4\">\n <div data-id=\"265\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"266\" data-lucide=\"map-pin\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"267\">\n <p data-id=\"268\" class=\"text-white\/80 text-sm leading-relaxed\">7739 Harrisville Road<br data-id=\"269\"\/>Rockford, IL 61109<\/p>\n <\/div>\n <\/div>\n <div data-id=\"270\" class=\"flex items-start gap-4\">\n <div data-id=\"271\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"272\" data-lucide=\"mail\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"273\">\n <p data-id=\"274\" class=\"text-white\/80 text-sm\">info@cl-customs.com<\/p>\n <\/div>\n <\/div>\n <div data-id=\"275\" class=\"flex items-start gap-4\">\n <div data-id=\"276\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"277\" data-lucide=\"phone\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"278\">\n <p data-id=\"279\" class=\"text-white\/80 text-sm\">815-742-7300<\/p>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"flex items-start gap-4\">\n <div data-id=\"281\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"282\" data-lucide=\"globe\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"283\">\n <p data-id=\"284\" class=\"text-white\/80 text-sm\"><a data-id=\"285\" href=\"https:\/\/cl-customs.com\/\" class=\"text-accent-light hover:text-white transition-colors underline\">cl-customs.com\/<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div data-id=\"286\" class=\"mt-10 p-5 rounded-xl border border-white\/10 bg-white\/5\">\n <p data-id=\"287\" class=\"text-accent-light text-sm font-semibold mb-1\">Response Time<\/p>\n <p data-id=\"288\" class=\"text-white\/60 text-sm\">We typically respond within 1 business day with a detailed project estimate.<\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"289\" id=\"quote-form-container-y2e4\">\n <div data-id=\"290\" id=\"cf7-form-card-k9p3\" class=\"bg-white rounded-2xl p-7 md:p-9\" style=\"box-shadow: 0 8px 40px rgba(15,31,54,0.25);\">\n <h3 data-id=\"291\" id=\"form-heading-w4t6\" class=\"text-xl font-bold text-navy mb-1\">Send Us a Message<\/h3>\n <p data-id=\"292\" id=\"form-subheading-r2q8\" class=\"text-navy\/50 text-sm mb-7\">Fill out the form below and we’ll get back to you within 24 hours.<\/p>\n\n <form data-id=\"293\" id=\"quote-form-x4l8\" class=\"space-y-5\" novalidate>\n <div data-id=\"294\">\n <label data-id=\"295\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-name-j8q2\">Name <span data-id=\"296\" class=\"text-red-500\">*<\/span><\/label>\n <input data-id=\"297\" type=\"text\" id=\"form-name-j8q2\" name=\"your-name\" class=\"cf7-input\" placeholder=\"Your full name\" required \/>\n <\/div>\n <div data-id=\"298\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div data-id=\"299\">\n <label data-id=\"300\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-email-n3k7\">Email <span data-id=\"301\" class=\"text-red-500\">*<\/span><\/label>\n <input data-id=\"302\" type=\"email\" id=\"form-email-n3k7\" name=\"your-email\" class=\"cf7-input\" placeholder=\"you@company.com\" required \/>\n <\/div>\n <div data-id=\"303\">\n <label data-id=\"304\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-phone-t6p4\">Phone<\/label>\n <input data-id=\"305\" type=\"tel\" id=\"form-phone-t6p4\" name=\"your-phone\" class=\"cf7-input\" placeholder=\"(555) 555-5555\" \/>\n <\/div>\n <\/div>\n <div data-id=\"306\">\n <label data-id=\"307\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-service-g2h9\">Service Type <span data-id=\"308\" class=\"text-red-500\">*<\/span><\/label>\n <select data-id=\"309\" id=\"form-service-g2h9\" name=\"your-service\" class=\"cf7-input\" required>\n <option data-id=\"310\" value=\"\" disabled selected>Select a service<\/option>\n <option data-id=\"311\" value=\"Computer Repair\">Computer Repair<\/option>\n <option data-id=\"312\" value=\"Network Setup\">Network Setup<\/option>\n <option data-id=\"313\" value=\"IT Support\">IT Support<\/option>\n <option data-id=\"314\" value=\"Security Camera Installation\">Security Camera Installation<\/option>\n <option data-id=\"315\" value=\"Custom PC Build\">Custom PC Build<\/option>\n <option data-id=\"316\" value=\"Data Recovery\">Data Recovery<\/option>\n <option data-id=\"317\" value=\"Other\">Other<\/option>\n <\/select>\n <\/div>\n <div data-id=\"318\">\n <label data-id=\"319\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-message-s8v3\">Message <span data-id=\"320\" class=\"text-red-500\">*<\/span><\/label>\n <textarea data-id=\"321\" id=\"form-message-s8v3\" name=\"your-message\" class=\"cf7-input\" rows=\"4\" placeholder=\"Describe your project \u2014 location, scope, timeline...\" required style=\"resize: vertical; min-height: 110px;\"><\/textarea>\n <\/div>\n <button data-id=\"322\" type=\"submit\" id=\"form-submit-m1c6\" class=\"w-full bg-accent-bright hover:bg-accent text-white font-bold py-4 rounded-xl transition-all text-base shadow-lg mt-1 flex items-center justify-center gap-2 min-h-[52px]\">\n <span data-id=\"323\" id=\"submit-text-f3a1\">Send Message<\/span>\n <span data-id=\"324\" id=\"submit-spinner-h7b4\" class=\"hidden\"><span data-id=\"325\" class=\"spinner\"><\/span><\/span>\n <\/button>\n <\/form>\n\n \n <div data-id=\"326\" id=\"form-success-a7d5\" class=\"hidden text-center py-10\">\n <div data-id=\"327\" class=\"w-16 h-16 bg-emerald-100 rounded-full flex items-center justify-center mx-auto mb-5\">\n <i data-id=\"328\" data-lucide=\"check\" class=\"w-8 h-8 text-emerald-600\"><\/i>\n <\/div>\n <h3 data-id=\"329\" class=\"text-navy text-xl font-bold mb-2\">Thank You!<\/h3>\n <p data-id=\"330\" class=\"text-navy\/60 text-sm\">We’ll be in touch within 24 hours.<\/p>\n <\/div>\n\n \n <div data-id=\"331\" id=\"form-error-d9e2\" class=\"hidden mt-4 p-4 bg-red-50 border border-red-200 rounded-xl text-center\">\n <div data-id=\"332\" class=\"flex items-center justify-center gap-2 mb-1\">\n <i data-id=\"333\" data-lucide=\"alert-circle\" class=\"w-5 h-5 text-red-500\"><\/i>\n <p data-id=\"334\" class=\"text-red-700 font-semibold text-sm\">Something went wrong.<\/p>\n <\/div>\n <p data-id=\"335\" class=\"text-red-600 text-sm\">Please call us at <strong data-id=\"336\">815-742-7300<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"337\" id=\"footer-v4b6\" class=\"bg-navy-deeper py-12 border-t border-white\/5\">\n <div data-id=\"338\" class=\"max-w-7xl mx-auto px-5 md:px-8\">\n <div data-id=\"339\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8 items-start mb-10\">\n \n <div data-id=\"340\" class=\"flex items-center gap-3\">\n <div data-id=\"341\">\n <img decoding=\"async\" data-id=\"342\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:36px;width:auto;display:block;margin-bottom:8px;\">\n <p data-id=\"343\" class=\"text-white\/40 text-xs\">Professional Technology Solutions<\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"344\" class=\"flex justify-start md:justify-center gap-6\">\n <a data-id=\"345\" href=\"\/#services\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Services<\/a>\n <a data-id=\"346\" href=\"\/#process\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Process<\/a>\n <a data-id=\"347\" href=\"\/#contact\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Contact<\/a>\n <\/div>\n\n \n <div data-id=\"348\" class=\"md:text-right\">\n <p data-id=\"349\" class=\"text-white\/40 text-sm\">7739 Harrisville Road<\/p>\n <p data-id=\"350\" class=\"text-white\/40 text-sm\">Rockford, IL 61109<\/p>\n <p data-id=\"351\" class=\"text-white\/40 text-sm\"><a data-id=\"352\" href=\"https:\/\/cl-customs.com\/\" class=\"text-white\/50 hover:text-white transition-colors underline\">cl-customs.com\/<\/a><\/p>\n <\/div>\n <\/div>\n\n <div data-id=\"353\" class=\"border-t border-white\/10 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3\">\n <p data-id=\"354\" class=\"text-white\/30 text-xs\">© 2026 C&L Customs IT Services. All rights reserved.<\/p>\n <p data-id=\"355\" class=\"text-white\/20 text-xs\">Made by Copilot<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ ===== ICONS (Progressive enhancement) =====\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ ===== MOBILE MENU =====\n const mobileMenuBtn = document.getElementById('mobile-menu-btn-v5j3');\n const mobileMenu = document.getElementById('mobile-menu-x9k1');\n const mobileMenuClose = document.getElementById('mobile-menu-close-w2p8');\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\n\n function openMobileMenu() {\n mobileMenu.classList.remove('hidden');\n mobileMenu.classList.add('flex');\n document.body.style.overflow = 'hidden';\n }\n function closeMobileMenu() {\n mobileMenu.classList.add('hidden');\n mobileMenu.classList.remove('flex');\n document.body.style.overflow = '';\n }\n\n mobileMenuBtn.addEventListener('click', openMobileMenu);\n mobileMenuClose.addEventListener('click', closeMobileMenu);\n mobileNavLinks.forEach(function(link) {\n link.addEventListener('click', closeMobileMenu);\n });\n\n \/\/ ===== SMOOTH SCROLL for Nav Links =====\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n var href = this.getAttribute('href');\n if (href === '#') return;\n var target = document.querySelector(href);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ ===== ACTIVE NAV HIGHLIGHT =====\n var sections = document.querySelectorAll('section[id]');\n var navLinks = document.querySelectorAll('.nav-link[data-nav]');\n\n function updateActiveNav() {\n var scrollY = window.scrollY + 120;\n var current = '';\n sections.forEach(function(section) {\n if (section.offsetTop <= scrollY) {\n current = section.getAttribute('id');\n }\n });\n navLinks.forEach(function(link) {\n link.classList.remove('active');\n if (link.dataset.nav === current) {\n link.classList.add('active');\n }\n });\n }\n window.addEventListener('scroll', updateActiveNav, { passive: true });\n updateActiveNav();\n\n \/\/ ===== FADE-IN ON SCROLL (IntersectionObserver) =====\n var fadeSections = document.querySelectorAll('.fade-section');\n if ('IntersectionObserver' in window) {\n var fadeObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n fadeObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n fadeSections.forEach(function(section) {\n fadeObserver.observe(section);\n });\n } else {\n fadeSections.forEach(function(s) { s.classList.add('visible'); });\n }\n\n \/\/ ===== SERVICE CARD TOGGLE (mobile tap) =====\n document.querySelectorAll('.service-card').forEach(function(card) {\n card.addEventListener('click', function() {\n if (window.innerWidth < 768) {\n this.classList.toggle('expanded');\n }\n });\n });\n\n \/\/ ===== LEARN MORE BUTTON \u2014 prevent anchor default =====\n document.querySelectorAll('.learn-more-btn').forEach(function(btn) {\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n var card = this.closest('.service-card');\n if (card) card.classList.toggle('expanded');\n });\n });\n\n \/\/ ===== CF7 FORM VALIDATION & SUBMIT =====\n var quoteForm = document.getElementById('quote-form-x4l8');\n var formSuccess = document.getElementById('form-success-a7d5');\n var formError = document.getElementById('form-error-d9e2');\n var submitBtn = document.getElementById('form-submit-m1c6');\n var submitText = document.getElementById('submit-text-f3a1');\n var submitSpinner = document.getElementById('submit-spinner-h7b4');\n\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n\n var nameField = document.getElementById('form-name-j8q2');\n var emailField = document.getElementById('form-email-n3k7');\n var phoneField = document.getElementById('form-phone-t6p4');\n var serviceField = document.getElementById('form-service-g2h9');\n var messageField = document.getElementById('form-message-s8v3');\n\n \/\/ Reset error styles\n [nameField, emailField, serviceField, messageField].forEach(function(el) {\n el.classList.remove('error');\n });\n formError.classList.add('hidden');\n\n \/\/ Client-side validation\n var valid = true;\n\n if (!nameField.value.trim()) {\n nameField.classList.add('error');\n valid = false;\n }\n if (!emailField.value.trim() || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailField.value)) {\n emailField.classList.add('error');\n valid = false;\n }\n if (!serviceField.value) {\n serviceField.classList.add('error');\n valid = false;\n }\n if (!messageField.value.trim()) {\n messageField.classList.add('error');\n valid = false;\n }\n\n if (!valid) return;\n\n \/\/ Disable button and show spinner\n submitBtn.disabled = true;\n submitBtn.style.opacity = '0.7';\n submitBtn.style.cursor = 'not-allowed';\n submitText.classList.add('hidden');\n submitSpinner.classList.remove('hidden');\n\n \/\/ Build FormData with CF7 field names\n var formData = new FormData();\n formData.append('your-name', nameField.value.trim());\n formData.append('your-email', emailField.value.trim());\n formData.append('your-phone', phoneField.value.trim());\n formData.append('your-service', serviceField.value);\n formData.append('your-message', messageField.value.trim());\n\n \/\/ POST to CF7 REST API\n fetch('https:\/\/cl-customs.com\/wp-json\/contact-form-7\/v1\/contact-forms\/1004\/feedback', {\n method: 'POST',\n body: formData\n })\n .then(function(response) {\n return response.json();\n })\n .then(function(data) {\n if (data.status === 'mail_sent') {\n \/\/ Success \u2014 hide form, show success message\n quoteForm.classList.add('hidden');\n formSuccess.classList.remove('hidden');\n formSuccess.classList.add('success-toast');\n \/\/ Re-init icons for the checkmark\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n } else {\n \/\/ CF7 returned an error status\n formError.classList.remove('hidden');\n formError.classList.add('success-toast');\n \/\/ Re-enable button\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n submitBtn.style.cursor = 'pointer';\n submitText.classList.remove('hidden');\n submitSpinner.classList.add('hidden');\n }\n })\n .catch(function(err) {\n \/\/ Network or fetch error\n formError.classList.remove('hidden');\n formError.classList.add('success-toast');\n \/\/ Re-enable button\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n submitBtn.style.cursor = 'pointer';\n submitText.classList.remove('hidden');\n submitSpinner.classList.add('hidden');\n });\n });\n\n \/\/ ===== NAVBAR BACKGROUND ON SCROLL =====\n var navbar = document.getElementById('navbar-g8k2');\n window.addEventListener('scroll', function() {\n if (window.scrollY > 20) {\n navbar.style.boxShadow = '0 4px 24px rgba(15,31,54,0.6)';\n } else {\n navbar.style.boxShadow = '0 2px 16px rgba(15,31,54,0.5)';\n }\n }, { passive: true });\n <\/script>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>C&L Customs IT Services Services About Process Contact Request a Quote Services About Process Contact Request a Quote Expert IT Field Services \u2014 Done Right. C&L Customs delivers certified LAN room cleanouts, IT hardware refresh logistics, and structured cabling solutions for enterprise clients across the US. View Our Services Get a Quote Certified Technicians Chain-of-Custody […]<\/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-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cl-customs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1006"}],"version-history":[{"count":0,"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages\/1006\/revisions"}],"wp:attachment":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1006,"date":"2026-08-07T12:01:00","date_gmt":"2026-08-07T12:01:00","guid":{"rendered":"https:\/\/cl-customs.com\/?page_id=1005"},"modified":"2026-08-07T12:01:00","modified_gmt":"2026-08-07T12:01:00","slug":"cl-customs-home","status":"publish","type":"page","link":"https:\/\/cl-customs.com\/?page_id=1006","title":{"rendered":"C&L Customs IT Services"},"content":{"rendered":"\n\n\n \n \n \n C&L Customs IT Services<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n navy: {\n DEFAULT: '#1F3864',\n dark: '#162a4a',\n deeper: '#0f1f36',\n },\n accent: {\n DEFAULT: '#2E75B6',\n bright: '#4A90D9',\n light: '#6AABEF',\n glow: 'rgba(74,144,217,0.25)',\n },\n surface: {\n light: '#F4F7FC',\n DEFAULT: '#FFFFFF',\n },\n },\n fontFamily: {\n sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\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;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --navy: #1F3864;\n --navy-dark: #162a4a;\n --navy-deeper: #0f1f36;\n --accent: #2E75B6;\n --accent-bright: #4A90D9;\n --accent-light: #6AABEF;\n --surface-light: #F4F7FC;\n --white: #FFFFFF;\n }\n\n * { box-sizing: border-box; }\n\n html { scroll-behavior: smooth; scroll-padding-top: 80px; }\n\n body {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n margin: 0;\n color: #1F3864;\n background: var(--white);\n overflow-x: hidden;\n }\n\n \/* Fade-in animation *\/\n .fade-section {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s cubic-bezier(.22,1,.36,1), transform 0.7s cubic-bezier(.22,1,.36,1);\n }\n .fade-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Hero circuit pattern *\/\n .circuit-pattern {\n position: absolute;\n inset: 0;\n opacity: 0.07;\n pointer-events: none;\n }\n\n \/* Service card hover *\/\n .service-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n border-left: 4px solid transparent;\n }\n .service-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 48px rgba(31,56,100,0.13);\n border-left-color: var(--accent-bright);\n }\n\n \/* Service card description *\/\n .service-desc {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s ease;\n margin-top: 0;\n }\n .service-card:hover .service-desc,\n .service-card.expanded .service-desc {\n max-height: 200px;\n opacity: 1;\n margin-top: 16px;\n }\n\n \/* Feature badge glow *\/\n .feature-badge {\n transition: box-shadow 0.3s ease, transform 0.3s ease;\n }\n .feature-badge:hover {\n box-shadow: 0 0 24px rgba(74,144,217,0.35);\n transform: translateY(-3px);\n }\n\n \/* Process connector *\/\n .process-line {\n position: absolute;\n top: 28px;\n left: 56px;\n right: 56px;\n height: 2px;\n border-top: 2px dashed var(--accent-bright);\n z-index: 0;\n }\n\n \/* Active nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.2s ease;\n }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--accent-bright);\n transform: scaleX(0);\n transition: transform 0.25s ease;\n }\n .nav-link.active::after {\n transform: scaleX(1);\n }\n\n \/* Step circle *\/\n .step-circle {\n width: 56px;\n height: 56px;\n min-width: 56px;\n border-radius: 50%;\n background: var(--navy);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.25rem;\n position: relative;\n z-index: 1;\n }\n\n \/* Contact form input styles *\/\n .cf7-input {\n background: var(--white);\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n padding: 13px 16px;\n color: var(--navy);\n font-size: 1rem;\n width: 100%;\n transition: border-color 0.25s ease, box-shadow 0.25s ease;\n outline: none;\n font-family: inherit;\n }\n .cf7-input::placeholder {\n color: #94a3b8;\n }\n .cf7-input:focus {\n border-color: var(--accent-bright);\n box-shadow: 0 0 0 4px rgba(74,144,217,0.15);\n }\n .cf7-input.error {\n border-color: #ef4444;\n box-shadow: 0 0 0 4px rgba(239,68,68,0.1);\n }\n .cf7-input option {\n color: var(--navy);\n background: white;\n }\n select.cf7-input {\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 14px center;\n padding-right: 40px;\n }\n\n \/* Spinner animation *\/\n .spinner {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 3px solid rgba(255,255,255,0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n }\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* Success toast *\/\n .success-toast {\n animation: slideUp 0.5s cubic-bezier(.22,1,.36,1);\n }\n @keyframes slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Hero badge entrance *\/\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-animate {\n animation: fadeInUp 0.8s cubic-bezier(.22,1,.36,1) forwards;\n opacity: 0;\n }\n .hero-animate-d1 { animation-delay: 0.1s; }\n .hero-animate-d2 { animation-delay: 0.3s; }\n .hero-animate-d3 { animation-delay: 0.5s; }\n .hero-animate-d4 { animation-delay: 0.7s; }\n <\/style>\n <\/head>\n <body data-id=\"0\" class=\"antialiased\">\n <app-icon data-id=\"1\" hidden data-icon=\"server\" data-palette=\"Dark\"><\/app-icon>\n\n \n <header data-id=\"2\" id=\"navbar-g8k2\" class=\"fixed top-0 left-0 right-0 z-50 bg-navy-dark shadow-lg\" style=\"box-shadow: 0 2px 16px rgba(15,31,54,0.5);\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto flex items-center justify-between px-4 md:px-8 h-[72px]\">\n \n <a data-id=\"4\" href=\"\/\" id=\"logo-link-m3n1\" class=\"flex items-center gap-3 group\">\n <img decoding=\"async\" data-id=\"5\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:50px;width:auto;display:block;\">\n <\/a>\n\n \n <nav data-id=\"6\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"7\" href=\"\/#services\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"services\">Services<\/a>\n <a data-id=\"8\" href=\"\/#about\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"about\">About<\/a>\n <a data-id=\"9\" href=\"\/#process\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"process\">Process<\/a>\n <a data-id=\"10\" href=\"\/#contact\" class=\"nav-link text-white\/80 hover:text-white text-sm font-medium\" data-nav=\"contact\">Contact<\/a>\n <a data-id=\"11\" href=\"\/#contact\" id=\"nav-cta-q4w9\" class=\"bg-accent-bright hover:bg-accent-light text-white text-sm font-semibold px-5 py-2.5 rounded-full transition-colors shadow-md\">Request a Quote<\/a>\n <\/nav>\n\n \n <button data-id=\"12\" id=\"mobile-menu-btn-v5j3\" class=\"md:hidden p-2 text-white\" aria-label=\"Open menu\">\n <i data-id=\"13\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/header>\n\n \n <nav data-id=\"14\" id=\"mobile-menu-x9k1\" class=\"hidden fixed inset-0 bg-navy-dark z-[60] flex flex-col p-6\">\n <div data-id=\"15\" class=\"flex items-center justify-between mb-10\">\n <div data-id=\"16\" class=\"flex items-center gap-3\">\n <img decoding=\"async\" data-id=\"17\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:50px;width:auto;display:block;\">\n <\/div>\n <button data-id=\"18\" id=\"mobile-menu-close-w2p8\" class=\"p-2 text-white\" aria-label=\"Close menu\">\n <i data-id=\"19\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"20\" class=\"flex flex-col gap-6\">\n <a data-id=\"21\" href=\"\/#services\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Services<\/a>\n <a data-id=\"22\" href=\"\/#about\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">About<\/a>\n <a data-id=\"23\" href=\"\/#process\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Process<\/a>\n <a data-id=\"24\" href=\"\/#contact\" class=\"mobile-nav-link text-white text-lg font-medium py-2 border-b border-white\/10\">Contact<\/a>\n <a data-id=\"25\" href=\"\/#contact\" class=\"bg-accent-bright text-white text-center font-semibold px-6 py-3 rounded-full mt-4 mobile-nav-link\">Request a Quote<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"26\">\n \n <section data-id=\"27\" id=\"hero-s4m7\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden\" style=\"background: linear-gradient(135deg, #0f1f36 0%, #1F3864 50%, #162a4a 100%);\">\n \n <svg data-id=\"28\" class=\"circuit-pattern\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\">\n <defs data-id=\"29\">\n <pattern data-id=\"30\" id=\"circuit\" x=\"0\" y=\"0\" width=\"120\" height=\"120\" patternUnits=\"userSpaceOnUse\">\n <path data-id=\"31\" d=\"M20 0 v30 h30 v-10 h20 v40 h-20 v10 h30\" stroke=\"#4A90D9\" stroke-width=\"1\" fill=\"none\"\/>\n <path data-id=\"32\" d=\"M0 60 h20 v30 h40 v-20 h20\" stroke=\"#4A90D9\" stroke-width=\"1\" fill=\"none\"\/>\n <circle data-id=\"33\" cx=\"20\" cy=\"30\" r=\"3\" fill=\"#4A90D9\"\/>\n <circle data-id=\"34\" cx=\"70\" cy=\"20\" r=\"3\" fill=\"#4A90D9\"\/>\n <circle data-id=\"35\" cx=\"50\" cy=\"60\" r=\"2\" fill=\"#4A90D9\"\/>\n <circle data-id=\"36\" cx=\"80\" cy=\"70\" r=\"3\" fill=\"#4A90D9\"\/>\n <path data-id=\"37\" d=\"M90 0 v50 h30\" stroke=\"#2E75B6\" stroke-width=\"0.7\" fill=\"none\"\/>\n <path data-id=\"38\" d=\"M0 100 h40 v20\" stroke=\"#2E75B6\" stroke-width=\"0.7\" fill=\"none\"\/>\n <circle data-id=\"39\" cx=\"90\" cy=\"50\" r=\"2\" fill=\"#2E75B6\"\/>\n <circle data-id=\"40\" cx=\"40\" cy=\"100\" r=\"2\" fill=\"#2E75B6\"\/>\n <path data-id=\"41\" d=\"M100 90 h20 v30\" stroke=\"#4A90D9\" stroke-width=\"0.7\" fill=\"none\"\/>\n <rect data-id=\"42\" x=\"118\" y=\"18\" width=\"4\" height=\"4\" rx=\"1\" fill=\"none\" stroke=\"#4A90D9\" stroke-width=\"0.6\"\/>\n <\/pattern>\n <\/defs>\n <rect data-id=\"43\" width=\"100%\" height=\"100%\" fill=\"url(#circuit)\"\/>\n <\/svg>\n \n <div data-id=\"44\" class=\"absolute inset-0 opacity-[0.04]\" style=\"background: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(74,144,217,0.3) 35px, rgba(74,144,217,0.3) 36px);\"><\/div>\n\n <div data-id=\"45\" class=\"relative z-10 max-w-5xl mx-auto px-5 md:px-8 text-center pt-24 pb-16\">\n <h1 data-id=\"46\" id=\"hero-headline-j2k5\" class=\"hero-animate hero-animate-d1 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6 tracking-tight\">\n Expert IT Field Services<span data-id=\"47\" class=\"block md:inline\"> \u2014 Done Right.<\/span>\n <\/h1>\n <p data-id=\"48\" id=\"hero-sub-r8q3\" class=\"hero-animate hero-animate-d2 text-base md:text-lg lg:text-xl text-white\/70 max-w-3xl mx-auto mb-10 leading-relaxed\">\n C&L Customs delivers certified LAN room cleanouts, IT hardware refresh logistics, and structured cabling solutions for enterprise clients across the US.\n <\/p>\n <div data-id=\"49\" class=\"hero-animate hero-animate-d3 flex flex-col sm:flex-row items-center justify-center gap-4 mb-14\">\n <a data-id=\"50\" href=\"\/#services\" id=\"hero-cta1-n5b2\" class=\"bg-accent-bright hover:bg-accent-light text-white font-semibold px-8 py-3.5 rounded-full transition-colors shadow-lg text-sm md:text-base min-w-[200px]\">View Our Services<\/a>\n <a data-id=\"51\" href=\"\/#contact\" id=\"hero-cta2-p3g7\" class=\"border-2 border-white\/40 hover:border-white text-white font-semibold px-8 py-3.5 rounded-full transition-colors text-sm md:text-base min-w-[200px]\">Get a Quote<\/a>\n <\/div>\n <div data-id=\"52\" class=\"hero-animate hero-animate-d4 flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-8\">\n <div data-id=\"53\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"54\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"55\">Certified Technicians<\/span>\n <\/div>\n <div data-id=\"56\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"57\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"58\">Chain-of-Custody Documented<\/span>\n <\/div>\n <div data-id=\"59\" class=\"flex items-center gap-2 text-accent-light text-sm font-medium\">\n <i data-id=\"60\" data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n <span data-id=\"61\">Nationwide Coverage<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div data-id=\"62\" class=\"absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-surface-light to-transparent\"><\/div>\n <\/section>\n\n \n <section data-id=\"63\" id=\"services\" class=\"py-20 md:py-28 bg-surface-light\">\n <div data-id=\"64\" class=\"max-w-7xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"65\" class=\"text-center mb-16\">\n <h2 data-id=\"66\" id=\"services-title-k7r4\" class=\"text-2xl md:text-4xl font-extrabold text-navy mb-4\">Our Services<\/h2>\n <div data-id=\"67\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n <div data-id=\"68\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div data-id=\"69\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-lan-c3d9\">\n <div data-id=\"70\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"71\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"72\" x=\"6\" y=\"3\" width=\"20\" height=\"26\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <line data-id=\"73\" x1=\"10\" y1=\"9\" x2=\"22\" y2=\"9\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"74\" x1=\"10\" y1=\"13\" x2=\"22\" y2=\"13\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"75\" x1=\"10\" y1=\"17\" x2=\"22\" y2=\"17\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <circle data-id=\"76\" cx=\"12\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <circle data-id=\"77\" cx=\"16\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <circle data-id=\"78\" cx=\"20\" cy=\"23\" r=\"1.5\" fill=\"#2E75B6\"\/>\n <line data-id=\"79\" x1=\"13\" y1=\"29\" x2=\"13\" y2=\"32\" stroke=\"#2E75B6\" stroke-width=\"1.5\"\/>\n <line data-id=\"80\" x1=\"19\" y1=\"29\" x2=\"19\" y2=\"32\" stroke=\"#2E75B6\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"81\" class=\"text-lg font-bold text-navy mb-3\">LAN Room Cleanout & Decommissioning<\/h3>\n <ul data-id=\"82\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"83\" class=\"flex items-start gap-2\"><i data-id=\"84\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Full rack & cabinet removal<\/li>\n <li data-id=\"85\" class=\"flex items-start gap-2\"><i data-id=\"86\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Patch panel & structured cabling removal<\/li>\n <li data-id=\"87\" class=\"flex items-start gap-2\"><i data-id=\"88\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> 66-block analog punch-down removal<\/li>\n <li data-id=\"89\" class=\"flex items-start gap-2\"><i data-id=\"90\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Compliant e-waste disposal<\/li>\n <\/ul>\n <a data-id=\"91\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"92\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"93\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n Our certified technicians perform complete LAN room decommissioning \u2014 safely shutting down, labeling, and removing all IT infrastructure including servers, security switches, patch panels, and cabinets. Every job is documented with chain-of-custody reporting.\n <\/div>\n <\/div>\n\n \n <div data-id=\"94\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-transport-f7h2\">\n <div data-id=\"95\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"96\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"97\" x=\"2\" y=\"10\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <path data-id=\"98\" d=\"M20 14 h6 l4 5 v3 h-10 v-8z\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <circle data-id=\"99\" cx=\"9\" cy=\"24\" r=\"3\" stroke=\"#4A90D9\" stroke-width=\"2\"\/>\n <circle data-id=\"100\" cx=\"25\" cy=\"24\" r=\"3\" stroke=\"#4A90D9\" stroke-width=\"2\"\/>\n <rect data-id=\"101\" x=\"6\" y=\"14\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#4A90D9\" opacity=\"0.3\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"102\" class=\"text-lg font-bold text-navy mb-3\">IT Hardware Refresh & Transport<\/h3>\n <ul data-id=\"103\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"104\" class=\"flex items-start gap-2\"><i data-id=\"105\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> On-site equipment collection & asset tagging<\/li>\n <li data-id=\"106\" class=\"flex items-start gap-2\"><i data-id=\"107\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Secure packing with anti-static materials<\/li>\n <li data-id=\"108\" class=\"flex items-start gap-2\"><i data-id=\"109\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Ground transport \u2014 any origin to any destination<\/li>\n <li data-id=\"110\" class=\"flex items-start gap-2\"><i data-id=\"111\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Delivery verification & sign-off<\/li>\n <\/ul>\n <a data-id=\"112\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"113\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"114\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n From printer fleets to enterprise hardware, C&L Customs manages the full logistics lifecycle \u2014 pickup, secure packing, transport, and delivery. We handled 3-unit Lexmark printer transport from Bloomington, MN to Glendale Heights, IL with full chain-of-custody documentation.\n <\/div>\n <\/div>\n\n \n <div data-id=\"115\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-cabling-a1s5\">\n <div data-id=\"116\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"117\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect data-id=\"118\" x=\"8\" y=\"2\" width=\"16\" height=\"10\" rx=\"3\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <line data-id=\"119\" x1=\"12\" y1=\"6\" x2=\"12\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line data-id=\"120\" x1=\"16\" y1=\"6\" x2=\"16\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <line data-id=\"121\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"8\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path data-id=\"122\" d=\"M16 12 v6\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n <path data-id=\"123\" d=\"M10 18 h12 v4 h-12 z\" stroke=\"#2E75B6\" stroke-width=\"2\" rx=\"1\"\/>\n <line data-id=\"124\" x1=\"12\" y1=\"22\" x2=\"12\" y2=\"28\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"125\" x1=\"16\" y1=\"22\" x2=\"16\" y2=\"30\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <line data-id=\"126\" x1=\"20\" y1=\"22\" x2=\"20\" y2=\"26\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"127\" class=\"text-lg font-bold text-navy mb-3\">IT Cabling Infrastructure<\/h3>\n <ul data-id=\"128\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"129\" class=\"flex items-start gap-2\"><i data-id=\"130\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Structured cabling installation & removal<\/li>\n <li data-id=\"131\" class=\"flex items-start gap-2\"><i data-id=\"132\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Cable tracing, labeling & bundling<\/li>\n <li data-id=\"133\" class=\"flex items-start gap-2\"><i data-id=\"134\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Rack & wall hardware mounting<\/li>\n <li data-id=\"135\" class=\"flex items-start gap-2\"><i data-id=\"136\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Pre- and post-work site inspection<\/li>\n <\/ul>\n <a data-id=\"137\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"138\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"139\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n Whether installing new structured cabling or removing legacy systems, our team follows industry best practices for systematic tracing, labeling, and clean removal \u2014 leaving every site clean and fully documented.\n <\/div>\n <\/div>\n\n \n <div data-id=\"140\" class=\"service-card bg-white rounded-xl p-7 md:p-8 cursor-pointer\" id=\"card-monitor-b2k7\">\n <div data-id=\"141\" class=\"w-14 h-14 bg-accent-bright\/10 rounded-xl flex items-center justify-center mb-5\">\n <svg data-id=\"142\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect data-id=\"143\" x=\"3\" y=\"4\" width=\"26\" height=\"17\" rx=\"2\" stroke=\"#2E75B6\" stroke-width=\"2\"\/>\n \n <rect data-id=\"144\" x=\"6\" y=\"7\" width=\"20\" height=\"11\" rx=\"1\" fill=\"#4A90D9\" opacity=\"0.15\"\/>\n \n <path data-id=\"145\" d=\"M14 21 v4 h4 v-4\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n \n <path data-id=\"146\" d=\"M10 25 h12\" stroke=\"#2E75B6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n \n <path data-id=\"147\" d=\"M16 25 v3 c0 1.5 3 1.5 3 0\" stroke=\"#4A90D9\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n \n <path data-id=\"148\" d=\"M12 12 l3 3 l5 -5\" stroke=\"#4A90D9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 data-id=\"149\" class=\"text-lg font-bold text-navy mb-3\">Monitor Bundle Installation & Workstation Deployment<\/h3>\n <ul data-id=\"150\" class=\"space-y-2 text-sm text-navy\/70 mb-2\">\n <li data-id=\"151\" class=\"flex items-start gap-2\"><i data-id=\"152\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Full monitor demounting from arms & stands<\/li>\n <li data-id=\"153\" class=\"flex items-start gap-2\"><i data-id=\"154\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> E-waste staging & compliant disposal<\/li>\n <li data-id=\"155\" class=\"flex items-start gap-2\"><i data-id=\"156\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> New monitor unboxing & packaging debris removal<\/li>\n <li data-id=\"157\" class=\"flex items-start gap-2\"><i data-id=\"158\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Dual-monitor mounting & full cable management<\/li>\n <li data-id=\"159\" class=\"flex items-start gap-2\"><i data-id=\"160\" data-lucide=\"chevron-right\" class=\"w-4 h-4 mt-0.5 text-accent-bright flex-shrink-0\"><\/i> Per-workstation operational verification<\/li>\n <\/ul>\n <a data-id=\"161\" href=\"\/\" class=\"learn-more-btn text-accent-bright text-sm font-semibold inline-flex items-center gap-1 mt-2\">\n Learn More <i data-id=\"162\" data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <div data-id=\"163\" class=\"service-desc text-sm text-navy\/60 leading-relaxed border-t border-surface-light pt-4\">\n C&L Customs manages the complete monitor refresh lifecycle \u2014 demounting existing equipment, staging for e-waste, unboxing and deploying new monitors, and completing professional cable management at every workstation. After-hours and weekend scheduling available to eliminate business disruption. Proven at enterprise scale: 600 monitors across 300 desks, completed within a tight project window.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"164\" id=\"about\" class=\"py-20 md:py-28 bg-white\">\n <div data-id=\"165\" class=\"max-w-7xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"166\" class=\"flex flex-col lg:flex-row gap-12 lg:gap-20 items-start\">\n \n <div data-id=\"167\" class=\"lg:w-5\/12\">\n <div data-id=\"168\" class=\"flex items-center gap-3 mb-6\">\n <div data-id=\"169\" class=\"w-1.5 h-12 bg-accent-bright rounded-full\"><\/div>\n <h2 data-id=\"170\" id=\"about-title-b4v8\" class=\"text-2xl md:text-4xl font-extrabold text-navy\">Why C&L Customs?<\/h2>\n <\/div>\n <p data-id=\"171\" id=\"about-text-u6y1\" class=\"text-navy\/70 text-base md:text-lg leading-relaxed mb-6\">\n We combine certified technical expertise with military-grade documentation standards. Every project \u2014 large or small \u2014 is treated with the same level of precision and professionalism.\n <\/p>\n <p data-id=\"172\" class=\"text-navy\/50 text-sm leading-relaxed\">\n Based in Rockford, IL, C&L Customs has built a reputation for reliability and meticulous attention to detail. Our field technicians are trained, certified, and equipped to handle enterprise-scale IT infrastructure projects anywhere in the country.\n <\/p>\n <\/div>\n\n \n <div data-id=\"173\" class=\"lg:w-7\/12 grid grid-cols-2 sm:grid-cols-3 gap-4\">\n <div data-id=\"174\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-coc-e3t6\">\n <div data-id=\"175\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"176\" data-lucide=\"shield-check\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"177\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Chain-of-Custody Documentation<\/p>\n <\/div>\n <div data-id=\"178\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-cert-h8w2\">\n <div data-id=\"179\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"180\" data-lucide=\"wrench\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"181\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Certified Technicians<\/p>\n <\/div>\n <div data-id=\"182\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-secure-m4n9\">\n <div data-id=\"183\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"184\" data-lucide=\"package\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"185\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Secure Equipment Handling<\/p>\n <\/div>\n <div data-id=\"186\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-nation-q7f1\">\n <div data-id=\"187\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"188\" data-lucide=\"globe\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"189\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Nationwide Service Coverage<\/p>\n <\/div>\n <div data-id=\"190\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-report-s2j8\">\n <div data-id=\"191\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"192\" data-lucide=\"clipboard-list\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"193\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Itemized Reporting<\/p>\n <\/div>\n <div data-id=\"194\" class=\"feature-badge bg-navy rounded-xl p-5 text-center\" id=\"feat-fast-z5x3\">\n <div data-id=\"195\" class=\"w-10 h-10 bg-accent-bright\/20 rounded-lg flex items-center justify-center mx-auto mb-3\">\n <i data-id=\"196\" data-lucide=\"zap\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <p data-id=\"197\" class=\"text-white text-xs md:text-sm font-medium leading-snug\">Fast Project Turnaround<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"198\" id=\"process\" class=\"py-20 md:py-28 bg-surface-light\">\n <div data-id=\"199\" class=\"max-w-6xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"200\" class=\"text-center mb-16\">\n <h2 data-id=\"201\" id=\"process-title-d2w7\" class=\"text-2xl md:text-4xl font-extrabold text-navy mb-4\">Our Process<\/h2>\n <div data-id=\"202\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n\n \n <div data-id=\"203\" class=\"hidden md:block relative\">\n <div data-id=\"204\" class=\"process-line\"><\/div>\n <div data-id=\"205\" class=\"grid grid-cols-4 gap-6\">\n <div data-id=\"206\" class=\"text-center relative z-10\" id=\"step1-k3r8\">\n <div data-id=\"207\" class=\"step-circle mx-auto mb-5\">1<\/div>\n <h3 data-id=\"208\" class=\"font-bold text-navy mb-2 text-base\">Quote & Scope<\/h3>\n <p data-id=\"209\" class=\"text-sm text-navy\/60 leading-relaxed\">We assess your site and provide a detailed, itemized quote with clear scope of work.<\/p>\n <\/div>\n <div data-id=\"210\" class=\"text-center relative z-10\" id=\"step2-p7m1\">\n <div data-id=\"211\" class=\"step-circle mx-auto mb-5\">2<\/div>\n <h3 data-id=\"212\" class=\"font-bold text-navy mb-2 text-base\">Schedule & Coordinate<\/h3>\n <p data-id=\"213\" class=\"text-sm text-navy\/60 leading-relaxed\">A dedicated project coordinator handles scheduling, travel, and client communication.<\/p>\n <\/div>\n <div data-id=\"214\" class=\"text-center relative z-10\" id=\"step3-g5n4\">\n <div data-id=\"215\" class=\"step-circle mx-auto mb-5\">3<\/div>\n <h3 data-id=\"216\" class=\"font-bold text-navy mb-2 text-base\">On-Site Execution<\/h3>\n <p data-id=\"217\" class=\"text-sm text-navy\/60 leading-relaxed\">Certified technicians arrive on-site and complete all work per the agreed scope.<\/p>\n <\/div>\n <div data-id=\"218\" class=\"text-center relative z-10\" id=\"step4-t9q2\">\n <div data-id=\"219\" class=\"step-circle mx-auto mb-5\">4<\/div>\n <h3 data-id=\"220\" class=\"font-bold text-navy mb-2 text-base\">Documentation & Sign-Off<\/h3>\n <p data-id=\"221\" class=\"text-sm text-navy\/60 leading-relaxed\">Chain-of-custody reports, asset inventory, and client sign-off delivered on completion.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div data-id=\"222\" class=\"md:hidden space-y-8\">\n <div data-id=\"223\" class=\"flex gap-5 items-start\" id=\"m-step1-c2f6\">\n <div data-id=\"224\" class=\"flex flex-col items-center\">\n <div data-id=\"225\" class=\"step-circle\">1<\/div>\n <div data-id=\"226\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"227\" class=\"pt-3\">\n <h3 data-id=\"228\" class=\"font-bold text-navy mb-1 text-base\">Quote & Scope<\/h3>\n <p data-id=\"229\" class=\"text-sm text-navy\/60 leading-relaxed\">We assess your site and provide a detailed, itemized quote with clear scope of work.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"230\" class=\"flex gap-5 items-start\" id=\"m-step2-h8j3\">\n <div data-id=\"231\" class=\"flex flex-col items-center\">\n <div data-id=\"232\" class=\"step-circle\">2<\/div>\n <div data-id=\"233\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"234\" class=\"pt-3\">\n <h3 data-id=\"235\" class=\"font-bold text-navy mb-1 text-base\">Schedule & Coordinate<\/h3>\n <p data-id=\"236\" class=\"text-sm text-navy\/60 leading-relaxed\">A dedicated project coordinator handles scheduling, travel, and client communication.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"237\" class=\"flex gap-5 items-start\" id=\"m-step3-w4k7\">\n <div data-id=\"238\" class=\"flex flex-col items-center\">\n <div data-id=\"239\" class=\"step-circle\">3<\/div>\n <div data-id=\"240\" class=\"w-0.5 h-full bg-accent-bright\/30 mt-2 min-h-[40px]\"><\/div>\n <\/div>\n <div data-id=\"241\" class=\"pt-3\">\n <h3 data-id=\"242\" class=\"font-bold text-navy mb-1 text-base\">On-Site Execution<\/h3>\n <p data-id=\"243\" class=\"text-sm text-navy\/60 leading-relaxed\">Certified technicians arrive on-site and complete all work per the agreed scope.<\/p>\n <\/div>\n <\/div>\n <div data-id=\"244\" class=\"flex gap-5 items-start\" id=\"m-step4-a9v5\">\n <div data-id=\"245\" class=\"flex flex-col items-center\">\n <div data-id=\"246\" class=\"step-circle\">4<\/div>\n <\/div>\n <div data-id=\"247\" class=\"pt-3\">\n <h3 data-id=\"248\" class=\"font-bold text-navy mb-1 text-base\">Documentation & Sign-Off<\/h3>\n <p data-id=\"249\" class=\"text-sm text-navy\/60 leading-relaxed\">Chain-of-custody reports, asset inventory, and client sign-off delivered on completion.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"250\" id=\"contact\" class=\"py-20 md:py-28\" style=\"background: linear-gradient(160deg, #0f1f36 0%, #1F3864 100%);\">\n <div data-id=\"251\" class=\"max-w-6xl mx-auto px-5 md:px-8 fade-section\">\n <div data-id=\"252\" class=\"text-center mb-14\">\n <h2 data-id=\"253\" id=\"contact-title-r5s9\" class=\"text-2xl md:text-4xl font-extrabold text-white mb-4\">Request a Quote<\/h2>\n <div data-id=\"254\" class=\"w-16 h-1 bg-accent-bright mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div data-id=\"255\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16\">\n \n <div data-id=\"256\" class=\"flex flex-col justify-center\" id=\"contact-info-b3m7\">\n <div data-id=\"257\" class=\"space-y-6\">\n <div data-id=\"258\" class=\"flex items-start gap-4\">\n <div data-id=\"259\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"260\" data-lucide=\"building-2\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"261\">\n <p data-id=\"262\" class=\"text-white font-semibold text-base\">C&L Customs IT Services<\/p>\n <p data-id=\"263\" class=\"text-white\/50 text-sm\">Professional Technology Solutions<\/p>\n <\/div>\n <\/div>\n <div data-id=\"264\" class=\"flex items-start gap-4\">\n <div data-id=\"265\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"266\" data-lucide=\"map-pin\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"267\">\n <p data-id=\"268\" class=\"text-white\/80 text-sm leading-relaxed\">7739 Harrisville Road<br data-id=\"269\"\/>Rockford, IL 61109<\/p>\n <\/div>\n <\/div>\n <div data-id=\"270\" class=\"flex items-start gap-4\">\n <div data-id=\"271\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"272\" data-lucide=\"mail\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"273\">\n <p data-id=\"274\" class=\"text-white\/80 text-sm\">info@cl-customs.com<\/p>\n <\/div>\n <\/div>\n <div data-id=\"275\" class=\"flex items-start gap-4\">\n <div data-id=\"276\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"277\" data-lucide=\"phone\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"278\">\n <p data-id=\"279\" class=\"text-white\/80 text-sm\">815-742-7300<\/p>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"flex items-start gap-4\">\n <div data-id=\"281\" class=\"w-11 h-11 rounded-lg bg-accent-bright\/20 flex items-center justify-center flex-shrink-0 mt-0.5\">\n <i data-id=\"282\" data-lucide=\"globe\" class=\"w-5 h-5 text-accent-bright\"><\/i>\n <\/div>\n <div data-id=\"283\">\n <p data-id=\"284\" class=\"text-white\/80 text-sm\"><a data-id=\"285\" href=\"https:\/\/cl-customs.com\/\" class=\"text-accent-light hover:text-white transition-colors underline\">cl-customs.com\/<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div data-id=\"286\" class=\"mt-10 p-5 rounded-xl border border-white\/10 bg-white\/5\">\n <p data-id=\"287\" class=\"text-accent-light text-sm font-semibold mb-1\">Response Time<\/p>\n <p data-id=\"288\" class=\"text-white\/60 text-sm\">We typically respond within 1 business day with a detailed project estimate.<\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"289\" id=\"quote-form-container-y2e4\">\n <div data-id=\"290\" id=\"cf7-form-card-k9p3\" class=\"bg-white rounded-2xl p-7 md:p-9\" style=\"box-shadow: 0 8px 40px rgba(15,31,54,0.25);\">\n <h3 data-id=\"291\" id=\"form-heading-w4t6\" class=\"text-xl font-bold text-navy mb-1\">Send Us a Message<\/h3>\n <p data-id=\"292\" id=\"form-subheading-r2q8\" class=\"text-navy\/50 text-sm mb-7\">Fill out the form below and we’ll get back to you within 24 hours.<\/p>\n\n <form data-id=\"293\" id=\"quote-form-x4l8\" class=\"space-y-5\" novalidate>\n <div data-id=\"294\">\n <label data-id=\"295\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-name-j8q2\">Name <span data-id=\"296\" class=\"text-red-500\">*<\/span><\/label>\n <input data-id=\"297\" type=\"text\" id=\"form-name-j8q2\" name=\"your-name\" class=\"cf7-input\" placeholder=\"Your full name\" required \/>\n <\/div>\n <div data-id=\"298\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div data-id=\"299\">\n <label data-id=\"300\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-email-n3k7\">Email <span data-id=\"301\" class=\"text-red-500\">*<\/span><\/label>\n <input data-id=\"302\" type=\"email\" id=\"form-email-n3k7\" name=\"your-email\" class=\"cf7-input\" placeholder=\"you@company.com\" required \/>\n <\/div>\n <div data-id=\"303\">\n <label data-id=\"304\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-phone-t6p4\">Phone<\/label>\n <input data-id=\"305\" type=\"tel\" id=\"form-phone-t6p4\" name=\"your-phone\" class=\"cf7-input\" placeholder=\"(555) 555-5555\" \/>\n <\/div>\n <\/div>\n <div data-id=\"306\">\n <label data-id=\"307\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-service-g2h9\">Service Type <span data-id=\"308\" class=\"text-red-500\">*<\/span><\/label>\n <select data-id=\"309\" id=\"form-service-g2h9\" name=\"your-service\" class=\"cf7-input\" required>\n <option data-id=\"310\" value=\"\" disabled selected>Select a service<\/option>\n <option data-id=\"311\" value=\"Computer Repair\">Computer Repair<\/option>\n <option data-id=\"312\" value=\"Network Setup\">Network Setup<\/option>\n <option data-id=\"313\" value=\"IT Support\">IT Support<\/option>\n <option data-id=\"314\" value=\"Security Camera Installation\">Security Camera Installation<\/option>\n <option data-id=\"315\" value=\"Custom PC Build\">Custom PC Build<\/option>\n <option data-id=\"316\" value=\"Data Recovery\">Data Recovery<\/option>\n <option data-id=\"317\" value=\"Other\">Other<\/option>\n <\/select>\n <\/div>\n <div data-id=\"318\">\n <label data-id=\"319\" class=\"block text-navy text-xs font-semibold mb-1.5 uppercase tracking-wider\" for=\"form-message-s8v3\">Message <span data-id=\"320\" class=\"text-red-500\">*<\/span><\/label>\n <textarea data-id=\"321\" id=\"form-message-s8v3\" name=\"your-message\" class=\"cf7-input\" rows=\"4\" placeholder=\"Describe your project \u2014 location, scope, timeline...\" required style=\"resize: vertical; min-height: 110px;\"><\/textarea>\n <\/div>\n <button data-id=\"322\" type=\"submit\" id=\"form-submit-m1c6\" class=\"w-full bg-accent-bright hover:bg-accent text-white font-bold py-4 rounded-xl transition-all text-base shadow-lg mt-1 flex items-center justify-center gap-2 min-h-[52px]\">\n <span data-id=\"323\" id=\"submit-text-f3a1\">Send Message<\/span>\n <span data-id=\"324\" id=\"submit-spinner-h7b4\" class=\"hidden\"><span data-id=\"325\" class=\"spinner\"><\/span><\/span>\n <\/button>\n <\/form>\n\n \n <div data-id=\"326\" id=\"form-success-a7d5\" class=\"hidden text-center py-10\">\n <div data-id=\"327\" class=\"w-16 h-16 bg-emerald-100 rounded-full flex items-center justify-center mx-auto mb-5\">\n <i data-id=\"328\" data-lucide=\"check\" class=\"w-8 h-8 text-emerald-600\"><\/i>\n <\/div>\n <h3 data-id=\"329\" class=\"text-navy text-xl font-bold mb-2\">Thank You!<\/h3>\n <p data-id=\"330\" class=\"text-navy\/60 text-sm\">We’ll be in touch within 24 hours.<\/p>\n <\/div>\n\n \n <div data-id=\"331\" id=\"form-error-d9e2\" class=\"hidden mt-4 p-4 bg-red-50 border border-red-200 rounded-xl text-center\">\n <div data-id=\"332\" class=\"flex items-center justify-center gap-2 mb-1\">\n <i data-id=\"333\" data-lucide=\"alert-circle\" class=\"w-5 h-5 text-red-500\"><\/i>\n <p data-id=\"334\" class=\"text-red-700 font-semibold text-sm\">Something went wrong.<\/p>\n <\/div>\n <p data-id=\"335\" class=\"text-red-600 text-sm\">Please call us at <strong data-id=\"336\">815-742-7300<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"337\" id=\"footer-v4b6\" class=\"bg-navy-deeper py-12 border-t border-white\/5\">\n <div data-id=\"338\" class=\"max-w-7xl mx-auto px-5 md:px-8\">\n <div data-id=\"339\" class=\"grid grid-cols-1 md:grid-cols-3 gap-8 items-start mb-10\">\n \n <div data-id=\"340\" class=\"flex items-center gap-3\">\n <div data-id=\"341\">\n <img decoding=\"async\" data-id=\"342\" src=\"data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYGRj\/2wBDAQQEBAYFBgsGBgsYEA0QGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBj\/wAARCABaAIcDASIAAhEBAxEB\/8QAHAABAQACAwEBAAAAAAAAAAAAAAcGCAQFCQMB\/8QANxAAAQQBBAEBBQUFCQAAAAAAAQACAwQFBgcREiExCBMUQVEVImGBoTJxcpGiFiMkM0NSYoKU\/8QAGgEBAQEBAQEBAAAAAAAAAAAAAAMCBAUBBv\/EACwRAAICAQEFBwQDAAAAAAAAAAABAgMRBBIhMZGxBSIyQXGBoRMVM9FhweH\/2gAMAwEAAhEDEQA\/AN\/EREAREQBERAEREAREQBERAEREAREQBERAEREARFLdzN+9D7ZWHY6\/LPksuACcfRAc9nP7Pdx8NJ+Q8uPjwrUUWXz2Ko5ZK26FMdqx4RUkUho7hb1ZXHsydLZCKtWkHdkGRz8cFlzfxj6fdP4O4K7nbvdeLWzdQ18tpu\/pjIafljiyFS+9rzGXtJHBb6+G8+nkEE88qk9HbCLk8NLjhp48vJmIaquUlHfv4ZTXVFFRY1DrXHzRV7RoZCKhYcWxXpI2iN3Hz\/a7AeDxyPPCxLevd+bZ3B4jMHTTc1VyFz4F3W58O6J5YXtPHRwcCGu+nHj6qdVE7pquCy2UsthXFzk9yKkiw3a\/XU24+3NXV0mHbiorUkjYq\/xHvz1Y8s7E9W8clp8fThZksW1yqm658VuZ9rsjZFTjwYREWDYREQBERAEREAREQHX53IOxOl8llGM7uqVZbAZ\/uLGF3H6Lzz9n+wdd+15pu3qGY3XunsZSQynt7yw2J8jXHn5h3BH04C9GZoY7Fd8EzGvjkaWPY70cCOCD+S80tc6O1r7K\/tBVdUV6E1nTcN34jFZXoXQOjPI+HmcP2HdXOYeeOR95vPy\/Q9h3Vqu6hvEprCfszx+06ZynXallReWuR6YDwFPdwTgcVTvmi2OPVGbZBHDDXYXz3TA4ujb1HyALx2PAAPk+Fi2lfar2U1LpqLJWNYVMJYLAZaeSJjfG7jyA4AtePoWnz+HopNT3cwGO9rV2s83mYrGm8hDIMZk2EuhdXe1rWOYf+Ja5rh6g9weCvJeluqb24tf2eh9euaTi0yv6MZf1RpjGaYzRbUq0P8RHCD\/e32NJ6M5PhgZyGu9SfHoCVgftPZnSGq9uGUM\/nLWmzhMw1\/Z1QWjYs+5lDK7WscPLvJ7egA5K5OrNWad1XuHjsjtHqG5ncnA82bFLEwPdDG5vn3kk\/HWJh8h7QHOcCQ1vZyi+5+ar7p7NQ6U0zHMdVVdSuy145RzajslzHIxzow8gRuBe0CF5BDR6k8hdOi7uohNvGHy5kNStqqUOO7mbO+y1KZ\/ZW0zKfUmzz\/6JFY1qTtJvpofZj2cMHpLXb8tS1VWdO37DONnbPI99h7mNa5zRGewc3z248qmar3czWFzmpoWz4nH\/AGLNTrtx1urLLNPHOa4fcMjXACCMzuHIaf8ALdyR6L5raJ26mySW5ttfzv8A9NaayNdEIvikuhakWvFvfbUkmQ70Y6PwVj7TfTigoyT3HMrusCGSWBz2uZE9lfsJQHDs4AtbyOeLW3q1pi8LUZNPjs5PUoQzztjoS+\/vxOx7rT7rXNd1bEx\/WLwD2eHD7pLWiC0NjXkUeqgjZFFBjufubj8i6PLN0y2OK6aUpfUsQRNcMX8Y9zpS93SOOQsjLuD27H0IVH2v1RkdYbd183lOPiZJpYndK3uWHo8sJjIe8SM5B6yNdw4cHgKdmmlXHabWDcLozeyjMkRFzlgiIgCIiAL42qlW9TlqXK0VivK3rJDMwPY8fQtPgj96+yICR5PYzQ1nLm5iNqtuKMvbt8TcxLbBJ+vuWBjf6l+5LZ7P5rExYnIa+ggx0PPuaOO01Qjhi\/gErJC38iq2ivHUzjw+Un1yTlVGXHq10IrHsTqajTFbC74ayxsTfLYq1enFGD\/BHE0LG83sFupYn+Jr7s43PS8cddQYKFzj+BkAcf0WxyK8O0boPdh+sYvqiM9HXNYefZtdGa4Q4Td7SumHVL23uH1C6JwLG4yVhiPB5Dmse5vV3IBBDF1cu926eKl6ZfbTcKkOfLoqLbbB+ZgB\/qW0aK33Guf5aIv0yujx8EI6CcH3LpL1w+qz8mtdff8A1XJAHQaZ1jZkJ49x\/ZZzn\/pKB+i7\/F7q7z5eQMxeyWbmB\/1sxLDiox+JDnPf\/IEq6\/mf5pwOeeFGeqpfhpXOX7RaFFq8Vjfsv0T7FY7dzNcSarz2C07XPk0tPQuszkH5OszjqP8ArF+4rOKVKGhUbBC6V\/HrJNI6R7z9XOcSSVyUXLOxz8seh0xgohERTNBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAf\/\/Z\" alt=\"C&L Customs\" style=\"height:36px;width:auto;display:block;margin-bottom:8px;\">\n <p data-id=\"343\" class=\"text-white\/40 text-xs\">Professional Technology Solutions<\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"344\" class=\"flex justify-start md:justify-center gap-6\">\n <a data-id=\"345\" href=\"\/#services\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Services<\/a>\n <a data-id=\"346\" href=\"\/#process\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Process<\/a>\n <a data-id=\"347\" href=\"\/#contact\" class=\"text-white\/50 hover:text-white text-sm transition-colors\">Contact<\/a>\n <\/div>\n\n \n <div data-id=\"348\" class=\"md:text-right\">\n <p data-id=\"349\" class=\"text-white\/40 text-sm\">7739 Harrisville Road<\/p>\n <p data-id=\"350\" class=\"text-white\/40 text-sm\">Rockford, IL 61109<\/p>\n <p data-id=\"351\" class=\"text-white\/40 text-sm\"><a data-id=\"352\" href=\"https:\/\/cl-customs.com\/\" class=\"text-white\/50 hover:text-white transition-colors underline\">cl-customs.com\/<\/a><\/p>\n <\/div>\n <\/div>\n\n <div data-id=\"353\" class=\"border-t border-white\/10 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3\">\n <p data-id=\"354\" class=\"text-white\/30 text-xs\">© 2026 C&L Customs IT Services. All rights reserved.<\/p>\n <p data-id=\"355\" class=\"text-white\/20 text-xs\">Made by Copilot<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ ===== ICONS (Progressive enhancement) =====\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ ===== MOBILE MENU =====\n const mobileMenuBtn = document.getElementById('mobile-menu-btn-v5j3');\n const mobileMenu = document.getElementById('mobile-menu-x9k1');\n const mobileMenuClose = document.getElementById('mobile-menu-close-w2p8');\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\n\n function openMobileMenu() {\n mobileMenu.classList.remove('hidden');\n mobileMenu.classList.add('flex');\n document.body.style.overflow = 'hidden';\n }\n function closeMobileMenu() {\n mobileMenu.classList.add('hidden');\n mobileMenu.classList.remove('flex');\n document.body.style.overflow = '';\n }\n\n mobileMenuBtn.addEventListener('click', openMobileMenu);\n mobileMenuClose.addEventListener('click', closeMobileMenu);\n mobileNavLinks.forEach(function(link) {\n link.addEventListener('click', closeMobileMenu);\n });\n\n \/\/ ===== SMOOTH SCROLL for Nav Links =====\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n var href = this.getAttribute('href');\n if (href === '#') return;\n var target = document.querySelector(href);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ ===== ACTIVE NAV HIGHLIGHT =====\n var sections = document.querySelectorAll('section[id]');\n var navLinks = document.querySelectorAll('.nav-link[data-nav]');\n\n function updateActiveNav() {\n var scrollY = window.scrollY + 120;\n var current = '';\n sections.forEach(function(section) {\n if (section.offsetTop <= scrollY) {\n current = section.getAttribute('id');\n }\n });\n navLinks.forEach(function(link) {\n link.classList.remove('active');\n if (link.dataset.nav === current) {\n link.classList.add('active');\n }\n });\n }\n window.addEventListener('scroll', updateActiveNav, { passive: true });\n updateActiveNav();\n\n \/\/ ===== FADE-IN ON SCROLL (IntersectionObserver) =====\n var fadeSections = document.querySelectorAll('.fade-section');\n if ('IntersectionObserver' in window) {\n var fadeObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n fadeObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n fadeSections.forEach(function(section) {\n fadeObserver.observe(section);\n });\n } else {\n fadeSections.forEach(function(s) { s.classList.add('visible'); });\n }\n\n \/\/ ===== SERVICE CARD TOGGLE (mobile tap) =====\n document.querySelectorAll('.service-card').forEach(function(card) {\n card.addEventListener('click', function() {\n if (window.innerWidth < 768) {\n this.classList.toggle('expanded');\n }\n });\n });\n\n \/\/ ===== LEARN MORE BUTTON \u2014 prevent anchor default =====\n document.querySelectorAll('.learn-more-btn').forEach(function(btn) {\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n var card = this.closest('.service-card');\n if (card) card.classList.toggle('expanded');\n });\n });\n\n \/\/ ===== CF7 FORM VALIDATION & SUBMIT =====\n var quoteForm = document.getElementById('quote-form-x4l8');\n var formSuccess = document.getElementById('form-success-a7d5');\n var formError = document.getElementById('form-error-d9e2');\n var submitBtn = document.getElementById('form-submit-m1c6');\n var submitText = document.getElementById('submit-text-f3a1');\n var submitSpinner = document.getElementById('submit-spinner-h7b4');\n\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n\n var nameField = document.getElementById('form-name-j8q2');\n var emailField = document.getElementById('form-email-n3k7');\n var phoneField = document.getElementById('form-phone-t6p4');\n var serviceField = document.getElementById('form-service-g2h9');\n var messageField = document.getElementById('form-message-s8v3');\n\n \/\/ Reset error styles\n [nameField, emailField, serviceField, messageField].forEach(function(el) {\n el.classList.remove('error');\n });\n formError.classList.add('hidden');\n\n \/\/ Client-side validation\n var valid = true;\n\n if (!nameField.value.trim()) {\n nameField.classList.add('error');\n valid = false;\n }\n if (!emailField.value.trim() || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailField.value)) {\n emailField.classList.add('error');\n valid = false;\n }\n if (!serviceField.value) {\n serviceField.classList.add('error');\n valid = false;\n }\n if (!messageField.value.trim()) {\n messageField.classList.add('error');\n valid = false;\n }\n\n if (!valid) return;\n\n \/\/ Disable button and show spinner\n submitBtn.disabled = true;\n submitBtn.style.opacity = '0.7';\n submitBtn.style.cursor = 'not-allowed';\n submitText.classList.add('hidden');\n submitSpinner.classList.remove('hidden');\n\n \/\/ Build FormData with CF7 field names\n var formData = new FormData();\n formData.append('your-name', nameField.value.trim());\n formData.append('your-email', emailField.value.trim());\n formData.append('your-phone', phoneField.value.trim());\n formData.append('your-service', serviceField.value);\n formData.append('your-message', messageField.value.trim());\n\n \/\/ POST to CF7 REST API\n fetch('https:\/\/cl-customs.com\/wp-json\/contact-form-7\/v1\/contact-forms\/1004\/feedback', {\n method: 'POST',\n body: formData\n })\n .then(function(response) {\n return response.json();\n })\n .then(function(data) {\n if (data.status === 'mail_sent') {\n \/\/ Success \u2014 hide form, show success message\n quoteForm.classList.add('hidden');\n formSuccess.classList.remove('hidden');\n formSuccess.classList.add('success-toast');\n \/\/ Re-init icons for the checkmark\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n } else {\n \/\/ CF7 returned an error status\n formError.classList.remove('hidden');\n formError.classList.add('success-toast');\n \/\/ Re-enable button\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n submitBtn.style.cursor = 'pointer';\n submitText.classList.remove('hidden');\n submitSpinner.classList.add('hidden');\n }\n })\n .catch(function(err) {\n \/\/ Network or fetch error\n formError.classList.remove('hidden');\n formError.classList.add('success-toast');\n \/\/ Re-enable button\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n submitBtn.style.cursor = 'pointer';\n submitText.classList.remove('hidden');\n submitSpinner.classList.add('hidden');\n });\n });\n\n \/\/ ===== NAVBAR BACKGROUND ON SCROLL =====\n var navbar = document.getElementById('navbar-g8k2');\n window.addEventListener('scroll', function() {\n if (window.scrollY > 20) {\n navbar.style.boxShadow = '0 4px 24px rgba(15,31,54,0.6)';\n } else {\n navbar.style.boxShadow = '0 2px 16px rgba(15,31,54,0.5)';\n }\n }, { passive: true });\n <\/script>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>C&L Customs IT Services Services About Process Contact Request a Quote Services About Process Contact Request a Quote Expert IT Field Services \u2014 Done Right. C&L Customs delivers certified LAN room cleanouts, IT hardware refresh logistics, and structured cabling solutions for enterprise clients across the US. View Our Services Get a Quote Certified Technicians Chain-of-Custody […]<\/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-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cl-customs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1006"}],"version-history":[{"count":0,"href":"https:\/\/cl-customs.com\/index.php?rest_route=\/wp\/v2\/pages\/1006\/revisions"}],"wp:attachment":[{"href":"https:\/\/cl-customs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}