{"id":1401,"date":"2026-09-04T23:37:02","date_gmt":"2026-09-04T23:37:02","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1401"},"modified":"2026-09-04T23:37:06","modified_gmt":"2026-09-04T23:37:06","slug":"dot-matrix-pattern","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/","title":{"rendered":"Dot Matrix Pattern"},"content":{"rendered":"<div id=\"pl-1401\"  class=\"panel-layout\" ><div id=\"pg-1401-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1401-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1401-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><style>\r\nhtml,\r\nbody {\r\n  overflow-x: hidden;\r\n}\r\n\r\n#cp-clearproof,\r\n#cp-clearproof * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cp-clearproof {\r\n  --cp-navy: #1d2329;\r\n  --cp-navy-2: #2b333b;\r\n  --cp-navy-3: #3c4650;\r\n  --cp-teal: #e36b21;\r\n  --cp-teal-dark: #a84412;\r\n  --cp-aqua: #f5b14c;\r\n  --cp-mint: #fff3e8;\r\n  --cp-mint-2: #ffe4cf;\r\n  --cp-ice: #f5f3ef;\r\n  --cp-white: #ffffff;\r\n  --cp-ink: #24282c;\r\n  --cp-slate: #62676c;\r\n  --cp-line: #ddd7d0;\r\n  --cp-shadow: 0 24px 70px rgba(29, 35, 41, 0.14);\r\n  --cp-shadow-soft: 0 14px 40px rgba(29, 35, 41, 0.09);\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: var(--cp-white);\r\n  color: var(--cp-ink);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  line-height: 1.55;\r\n  -webkit-text-size-adjust: 100%;\r\n}\r\n\r\n#cp-clearproof img,\r\n#cp-clearproof svg {\r\n  display: block;\r\n  max-width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n#cp-clearproof table,\r\n#cp-clearproof tbody,\r\n#cp-clearproof tr,\r\n#cp-clearproof td {\r\n  margin: 0;\r\n  border: 0;\r\n  background: transparent;\r\n}\r\n\r\n#cp-clearproof table {\r\n  margin-bottom: 0;\r\n}\r\n\r\n#cp-clearproof td {\r\n  text-align: inherit;\r\n}\r\n\r\n#cp-clearproof a {\r\n  text-decoration: none;\r\n}\r\n\r\n#cp-clearproof h1,\r\n#cp-clearproof h2,\r\n#cp-clearproof h3,\r\n#cp-clearproof p {\r\n  margin-top: 0;\r\n}\r\n\r\n#cp-clearproof [id] {\r\n  scroll-margin-top: 28px;\r\n}\r\n\r\n#cp-clearproof .cp-shell {\r\n  width: 100%;\r\n  max-width: 1260px;\r\n  margin: 0 auto;\r\n  padding-left: 30px;\r\n  padding-right: 30px;\r\n}\r\n\r\n#cp-clearproof .cp-top-table,\r\n#cp-clearproof .cp-hero-table,\r\n#cp-clearproof .cp-proofbar-table,\r\n#cp-clearproof .cp-confidence-table,\r\n#cp-clearproof .cp-intro-table,\r\n#cp-clearproof .cp-signal-table,\r\n#cp-clearproof .cp-bento-table,\r\n#cp-clearproof .cp-side-service-table,\r\n#cp-clearproof .cp-audience-table,\r\n#cp-clearproof .cp-audience-grid,\r\n#cp-clearproof .cp-process-table,\r\n#cp-clearproof .cp-purpose-table,\r\n#cp-clearproof .cp-readiness-grid,\r\n#cp-clearproof .cp-faq-table,\r\n#cp-clearproof .cp-footer-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  table-layout: fixed;\r\n}\r\n\r\n\/* TOP BAR *\/\r\n\r\n#cp-clearproof .cp-topbar {\r\n  position: relative;\r\n  z-index: 20;\r\n  background: #ffffff;\r\n  border-bottom: 1px solid rgba(29, 35, 41, 0.08);\r\n}\r\n\r\n#cp-clearproof .cp-top-table {\r\n  max-width: 1260px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#cp-clearproof .cp-brand-cell,\r\n#cp-clearproof .cp-nav-cell {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n  padding: 14px 30px;\r\n}\r\n\r\n#cp-clearproof .cp-brand-cell {\r\n  width: 44%;\r\n}\r\n\r\n#cp-clearproof .cp-nav-cell {\r\n  width: 56%;\r\n  text-align: right;\r\n}\r\n\r\n#cp-clearproof .cp-brand {\r\n  display: inline-block;\r\n  width: 100%;\r\n  max-width: 460px;\r\n  color: var(--cp-navy);\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-brand-logo {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 460px;\r\n  height: auto;\r\n}\r\n\r\n#cp-clearproof .cp-nav-cell a {\r\n  display: inline-block;\r\n  margin: 4px 0 4px 20px;\r\n  color: var(--cp-navy);\r\n  font-size: 17px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-nav-cell a:hover,\r\n#cp-clearproof .cp-nav-cell a:focus {\r\n  color: var(--cp-teal-dark);\r\n}\r\n\r\n#cp-clearproof .cp-nav-cell .cp-nav-cta {\r\n  padding: 15px 21px;\r\n  border-radius: 6px;\r\n  background: var(--cp-navy);\r\n  color: #ffffff;\r\n  box-shadow: 0 9px 24px rgba(29, 35, 41, 0.16);\r\n}\r\n\r\n#cp-clearproof .cp-nav-cell .cp-nav-cta:hover,\r\n#cp-clearproof .cp-nav-cell .cp-nav-cta:focus {\r\n  background: var(--cp-teal-dark);\r\n  color: #ffffff;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n#cp-clearproof .cp-hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cp-navy);\r\n}\r\n\r\n#cp-clearproof .cp-hero:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  left: -150px;\r\n  top: -170px;\r\n  width: 460px;\r\n  height: 460px;\r\n  border: 1px solid rgba(245, 177, 76, 0.13);\r\n  border-radius: 50%;\r\n  box-shadow:\r\n    0 0 0 48px rgba(245, 177, 76, 0.035),\r\n    0 0 0 96px rgba(245, 177, 76, 0.025);\r\n}\r\n\r\n#cp-clearproof .cp-hero-copy,\r\n#cp-clearproof .cp-hero-visual-cell {\r\n  display: table-cell;\r\n  position: relative;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-hero-copy {\r\n  z-index: 3;\r\n  width: 56%;\r\n  min-height: 730px;\r\n  padding: 92px max(58px, calc((100vw - 1260px) \/ 2 + 30px)) 90px max(30px, calc((100vw - 1260px) \/ 2 + 30px));\r\n  color: #ffffff;\r\n  background:\r\n    linear-gradient(rgba(245, 177, 76, 0.08) 1px, transparent 1px) 0 0 \/ 38px 38px,\r\n    linear-gradient(90deg, rgba(245, 177, 76, 0.08) 1px, transparent 1px) 0 0 \/ 38px 38px,\r\n    linear-gradient(135deg, #1d2329 0%, #0a2743 100%);\r\n}\r\n\r\n#cp-clearproof .cp-hero-copy:after {\r\n  content: \"TRUCK\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  left: max(30px, calc((100vw - 1260px) \/ 2 + 30px));\r\n  bottom: -18px;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.08);\r\n  font-size: clamp(112px, 14vw, 220px);\r\n  line-height: 0.72;\r\n  font-weight: 900;\r\n  letter-spacing: -0.08em;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-live-label {\r\n  display: inline-table;\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 25px;\r\n  padding: 8px 12px;\r\n  border: 1px solid rgba(245, 177, 76, 0.26);\r\n  border-radius: 999px;\r\n  background: rgba(245, 177, 76, 0.07);\r\n}\r\n\r\n#cp-clearproof .cp-live-dot,\r\n#cp-clearproof .cp-live-text {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-live-dot {\r\n  width: 18px;\r\n}\r\n\r\n#cp-clearproof .cp-live-dot span {\r\n  display: block;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cp-aqua);\r\n  box-shadow: 0 0 0 0 rgba(245, 177, 76, 0.45);\r\n  animation: cpPulse 2.3s ease-out infinite;\r\n}\r\n\r\n#cp-clearproof .cp-live-text {\r\n  color: #a9efe3;\r\n  font-size: 10px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.17em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-hero h1 {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 720px;\r\n  margin-bottom: 26px;\r\n  color: #ffffff;\r\n  font-size: clamp(49px, 5.8vw, 86px);\r\n  line-height: 0.91;\r\n  font-weight: 900;\r\n  letter-spacing: -0.06em;\r\n}\r\n\r\n#cp-clearproof .cp-hero h1 .cp-pop-word {\r\n  display: inline-block;\r\n  position: relative;\r\n  color: var(--cp-aqua);\r\n}\r\n\r\n#cp-clearproof .cp-hero h1 .cp-pop-word:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 3px;\r\n  right: 0;\r\n  bottom: -7px;\r\n  height: 8px;\r\n  border-radius: 99px;\r\n  background: var(--cp-teal);\r\n  transform: none;\r\n  opacity: 0.9;\r\n}\r\n\r\n#cp-clearproof .cp-hero-lead {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 630px;\r\n  margin-bottom: 32px;\r\n  color: #d0e0e9;\r\n  font-size: 18px;\r\n  line-height: 1.68;\r\n}\r\n\r\n#cp-clearproof .cp-button-row {\r\n  position: relative;\r\n  z-index: 3;\r\n  margin: 0 -5px 26px;\r\n}\r\n\r\n#cp-clearproof .cp-btn {\r\n  display: inline-block;\r\n  margin: 5px;\r\n  padding: 15px 22px;\r\n  border: 2px solid transparent;\r\n  border-radius: 7px;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n#cp-clearproof .cp-btn:hover,\r\n#cp-clearproof .cp-btn:focus {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#cp-clearproof .cp-btn-primary {\r\n  background: var(--cp-teal);\r\n  color: #ffffff;\r\n  box-shadow: 0 13px 30px rgba(227, 107, 33, 0.25);\r\n}\r\n\r\n#cp-clearproof .cp-btn-primary:hover,\r\n#cp-clearproof .cp-btn-primary:focus {\r\n  background: #16c7b0;\r\n  color: #ffffff;\r\n  box-shadow: 0 18px 38px rgba(227, 107, 33, 0.32);\r\n}\r\n\r\n#cp-clearproof .cp-btn-outline {\r\n  border-color: rgba(255, 255, 255, 0.34);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-btn-outline:hover,\r\n#cp-clearproof .cp-btn-outline:focus {\r\n  border-color: #ffffff;\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-hero-note {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 0;\r\n  color: #87a0b3;\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n  font-weight: 800;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-hero-visual-cell {\r\n  z-index: 2;\r\n  width: 44%;\r\n  background: #caeee7;\r\n}\r\n\r\n#cp-clearproof .cp-hero-visual {\r\n  position: relative;\r\n  min-height: 730px;\r\n  overflow: hidden;\r\n  background: var(--cp-mint-2);\r\n}\r\n\r\n#cp-clearproof .cp-hero-photo {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 12%);\r\n  background: #dfeceb;\r\n}\r\n\r\n#cp-clearproof .cp-hero-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: 56% center;\r\n}\r\n\r\n#cp-clearproof .cp-hero-photo:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(29, 35, 41, 0) 48%, rgba(29, 35, 41, 0.42) 100%),\r\n    linear-gradient(90deg, rgba(29, 35, 41, 0.18) 0%, rgba(29, 35, 41, 0) 30%);\r\n}\r\n\r\n#cp-clearproof .cp-scanline {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 0;\r\n  right: 0;\r\n  top: 22%;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent 0%, var(--cp-aqua) 50%, transparent 100%);\r\n  box-shadow: 0 0 18px rgba(245, 177, 76, 0.5);\r\n  opacity: 0.7;\r\n  animation: cpScan 7s ease-in-out infinite;\r\n}\r\n\r\n#cp-clearproof .cp-orbit {\r\n  position: absolute;\r\n  z-index: 3;\r\n  right: -78px;\r\n  top: 75px;\r\n  width: 270px;\r\n  height: 270px;\r\n  border: 1px solid rgba(255, 255, 255, 0.5);\r\n  border-radius: 50%;\r\n  animation: cpRotate 22s linear infinite;\r\n}\r\n\r\n#cp-clearproof .cp-orbit:before,\r\n#cp-clearproof .cp-orbit:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof .cp-orbit:before {\r\n  inset: 33px;\r\n  border: 1px dashed rgba(255, 255, 255, 0.56);\r\n}\r\n\r\n#cp-clearproof .cp-orbit:after {\r\n  width: 15px;\r\n  height: 15px;\r\n  left: 22px;\r\n  top: 45px;\r\n  background: var(--cp-aqua);\r\n  box-shadow: 0 0 0 8px rgba(245, 177, 76, 0.17);\r\n}\r\n\r\n#cp-clearproof .cp-service-chip {\r\n  position: absolute;\r\n  z-index: 5;\r\n  left: 20px;\r\n  top: 42px;\r\n  width: 230px;\r\n  padding: 17px 18px;\r\n  border-radius: 10px;\r\n  background: rgba(255, 255, 255, 0.94);\r\n  box-shadow: var(--cp-shadow);\r\n  animation: cpFloat 5.5s ease-in-out infinite;\r\n}\r\n\r\n#cp-clearproof .cp-service-chip span {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 9px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.17em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-service-chip strong {\r\n  display: block;\r\n  color: var(--cp-navy);\r\n  font-size: 19px;\r\n  line-height: 1.12;\r\n  font-weight: 900;\r\n  letter-spacing: -0.025em;\r\n}\r\n\r\n#cp-clearproof .cp-proof-stamp {\r\n  position: absolute;\r\n  z-index: 5;\r\n  right: 26px;\r\n  bottom: 28px;\r\n  width: 178px;\r\n  height: 178px;\r\n  padding: 34px 25px 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.37);\r\n  border-radius: 50%;\r\n  background: rgba(29, 35, 41, 0.88);\r\n  color: #ffffff;\r\n  text-align: center;\r\n  box-shadow: 0 18px 45px rgba(29, 35, 41, 0.28);\r\n}\r\n\r\n#cp-clearproof .cp-proof-stamp:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 9px;\r\n  border: 1px dashed rgba(245, 177, 76, 0.55);\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof .cp-proof-stamp strong,\r\n#cp-clearproof .cp-proof-stamp span {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: block;\r\n}\r\n\r\n#cp-clearproof .cp-proof-stamp strong {\r\n  color: var(--cp-aqua);\r\n  font-size: 26px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n#cp-clearproof .cp-proof-stamp span {\r\n  margin-top: 8px;\r\n  color: #d5e6ed;\r\n  font-size: 10px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* TEAL SERVICE RAIL *\/\r\n\r\n#cp-clearproof .cp-proofbar {\r\n  position: relative;\r\n  z-index: 9;\r\n  background: var(--cp-teal);\r\n  box-shadow: 0 15px 40px rgba(29, 35, 41, 0.14);\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell {\r\n  display: table-cell;\r\n  width: 24%;\r\n  padding: 23px 25px;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.26);\r\n  vertical-align: middle;\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell:first-child {\r\n  width: 28%;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell a {\r\n  display: block;\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-num {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 17px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cell span {\r\n  display: block;\r\n  margin-top: 4px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cta {\r\n  background: rgba(29, 35, 41, 0.14);\r\n}\r\n\r\n#cp-clearproof .cp-proofbar-cta strong:after {\r\n  content: \"\\2192\";\r\n  margin-left: 9px;\r\n}\r\n\r\n\/* CONFIDENCE STRIP *\/\r\n\r\n#cp-clearproof .cp-confidence {\r\n  background: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-confidence-cell {\r\n  display: table-cell;\r\n  width: 25%;\r\n  padding: 27px 24px 29px;\r\n  border-right: 1px solid var(--cp-line);\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-confidence-cell:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n#cp-clearproof .cp-confidence-icon {\r\n  display: table-cell;\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 8px;\r\n  background: var(--cp-mint);\r\n  color: var(--cp-teal-dark);\r\n  font-size: 17px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-confidence-cell strong {\r\n  display: block;\r\n  margin-top: 14px;\r\n  color: var(--cp-navy);\r\n  font-size: 14px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-confidence-cell span {\r\n  display: block;\r\n  margin-top: 5px;\r\n  color: var(--cp-slate);\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* SHARED SECTION TYPE *\/\r\n\r\n#cp-clearproof .cp-section {\r\n  padding: 104px 0;\r\n}\r\n\r\n#cp-clearproof .cp-kicker {\r\n  display: block;\r\n  margin-bottom: 17px;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 10px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.19em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-kicker:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 28px;\r\n  height: 3px;\r\n  margin-right: 10px;\r\n  vertical-align: middle;\r\n  border-radius: 99px;\r\n  background: var(--cp-teal);\r\n}\r\n\r\n#cp-clearproof .cp-section-title,\r\n#cp-clearproof .cp-section h2 {\r\n  margin-bottom: 21px;\r\n  color: var(--cp-navy);\r\n  font-size: clamp(39px, 4.5vw, 66px);\r\n  line-height: 0.98;\r\n  font-weight: 900;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n#cp-clearproof .cp-section-lead {\r\n  max-width: 760px;\r\n  margin-bottom: 0;\r\n  color: var(--cp-slate);\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* INTRO \/ NO GUESSWORK *\/\r\n\r\n#cp-clearproof .cp-intro {\r\n  position: relative;\r\n  background: var(--cp-white);\r\n}\r\n\r\n#cp-clearproof .cp-intro:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -180px;\r\n  bottom: -210px;\r\n  width: 520px;\r\n  height: 520px;\r\n  border: 86px solid rgba(227, 107, 33, 0.07);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-intro-art,\r\n#cp-clearproof .cp-intro-copy {\r\n  display: table-cell;\r\n  position: relative;\r\n  z-index: 2;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-intro-art {\r\n  width: 45%;\r\n  padding-right: 48px;\r\n}\r\n\r\n#cp-clearproof .cp-intro-copy {\r\n  width: 55%;\r\n  padding-left: 28px;\r\n}\r\n\r\n#cp-clearproof .cp-type-card {\r\n  position: relative;\r\n  min-height: 650px;\r\n  padding: 54px 36px;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  background:\r\n    radial-gradient(circle at 88% 16%, rgba(245, 177, 76, 0.78) 0, rgba(245, 177, 76, 0.78) 5px, transparent 6px) 0 0 \/ 34px 34px,\r\n    linear-gradient(145deg, #e36b21 0%, #a84412 100%);\r\n  color: #ffffff;\r\n  box-shadow: var(--cp-shadow);\r\n}\r\n\r\n#cp-clearproof .cp-type-card:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -92px;\r\n  bottom: -80px;\r\n  width: 270px;\r\n  height: 270px;\r\n  border: 44px solid rgba(255, 255, 255, 0.12);\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof .cp-type-card:after {\r\n  content: \"TRUCK\";\r\n  position: absolute;\r\n  left: -4px;\r\n  bottom: -20px;\r\n  color: rgba(255, 255, 255, 0.1);\r\n  font-size: 120px;\r\n  line-height: 0.8;\r\n  font-weight: 900;\r\n  letter-spacing: -0.08em;\r\n}\r\n\r\n#cp-clearproof .cp-type-small,\r\n#cp-clearproof .cp-type-big,\r\n#cp-clearproof .cp-type-caption {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: block;\r\n}\r\n\r\n#cp-clearproof .cp-type-small {\r\n  margin-bottom: 72px;\r\n  color: #d4fff8;\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n  font-weight: 900;\r\n  letter-spacing: 0.19em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-type-big {\r\n  color: #ffffff;\r\n  font-size: clamp(50px, 4.6vw, 72px);\r\n  line-height: 0.9;\r\n  font-weight: 900;\r\n  letter-spacing: -0.065em;\r\n  white-space: nowrap;\r\n  overflow-wrap: normal;\r\n  word-break: normal;\r\n}\r\n\r\n#cp-clearproof .cp-type-caption {\r\n  max-width: 270px;\r\n  margin-top: 31px;\r\n  color: #d8fff9;\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n}\r\n\r\n#cp-clearproof .cp-intro-copy h2 {\r\n  max-width: 720px;\r\n}\r\n\r\n#cp-clearproof .cp-intro-copy > p {\r\n  max-width: 720px;\r\n  margin-bottom: 33px;\r\n  color: var(--cp-slate);\r\n  font-size: 18px;\r\n  line-height: 1.72;\r\n}\r\n\r\n#cp-clearproof .cp-signal-row {\r\n  border-top: 1px solid var(--cp-line);\r\n}\r\n\r\n#cp-clearproof .cp-signal-num,\r\n#cp-clearproof .cp-signal-copy,\r\n#cp-clearproof .cp-signal-arrow {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n  padding-top: 18px;\r\n  padding-bottom: 18px;\r\n}\r\n\r\n#cp-clearproof .cp-signal-num {\r\n  width: 54px;\r\n  padding-right: 16px;\r\n  color: var(--cp-teal);\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n#cp-clearproof .cp-signal-copy strong {\r\n  display: block;\r\n  color: var(--cp-navy);\r\n  font-size: 16px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-signal-copy span {\r\n  display: block;\r\n  margin-top: 4px;\r\n  color: var(--cp-slate);\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n#cp-clearproof .cp-signal-arrow {\r\n  width: 34px;\r\n  padding-left: 10px;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 20px;\r\n  font-weight: 900;\r\n  text-align: right;\r\n}\r\n\r\n\/* SERVICES \/ ASYMMETRICAL BENTO *\/\r\n\r\n#cp-clearproof .cp-services {\r\n  position: relative;\r\n  background: var(--cp-ice);\r\n}\r\n\r\n#cp-clearproof .cp-services:before {\r\n  content: \"TRUCK SERVICE\";\r\n  position: absolute;\r\n  right: 18px;\r\n  top: 42px;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(29, 35, 41, 0.055);\r\n  font-size: clamp(90px, 15vw, 210px);\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.07em;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-section-head {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 880px;\r\n  margin-bottom: 52px;\r\n}\r\n\r\n#cp-clearproof .cp-bento-main-cell,\r\n#cp-clearproof .cp-bento-side-cell {\r\n  display: table-cell;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-bento-main-cell {\r\n  width: 56%;\r\n  padding-right: 15px;\r\n}\r\n\r\n#cp-clearproof .cp-bento-side-cell {\r\n  width: 44%;\r\n  padding-left: 15px;\r\n}\r\n\r\n#cp-clearproof .cp-service-main,\r\n#cp-clearproof .cp-side-service {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 18px;\r\n  box-shadow: var(--cp-shadow-soft);\r\n}\r\n\r\n#cp-clearproof .cp-service-main {\r\n  min-height: 665px;\r\n  background: var(--cp-navy);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-photo {\r\n  position: relative;\r\n  height: 365px;\r\n  overflow: hidden;\r\n  background: #d5e8e6;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 50%;\r\n  transition: transform 0.55s ease;\r\n}\r\n\r\n#cp-clearproof .cp-service-main:hover .cp-service-main-photo img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n#cp-clearproof .cp-service-main-photo:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(29, 35, 41, 0) 42%, rgba(29, 35, 41, 0.76) 100%);\r\n}\r\n\r\n#cp-clearproof .cp-service-main-num {\r\n  position: absolute;\r\n  z-index: 3;\r\n  left: 30px;\r\n  bottom: 18px;\r\n  color: var(--cp-aqua);\r\n  font-size: 76px;\r\n  line-height: 0.8;\r\n  font-weight: 900;\r\n  letter-spacing: -0.07em;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-tag {\r\n  position: absolute;\r\n  z-index: 3;\r\n  right: 22px;\r\n  top: 22px;\r\n  padding: 10px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, 0.92);\r\n  color: var(--cp-teal-dark);\r\n  font-size: 9px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-body {\r\n  padding: 34px 35px 38px;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-body h3 {\r\n  margin-bottom: 14px;\r\n  color: #ffffff;\r\n  font-size: 38px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.045em;\r\n}\r\n\r\n#cp-clearproof .cp-service-main-body p {\r\n  max-width: 620px;\r\n  margin-bottom: 24px;\r\n  color: #c8d9e3;\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#cp-clearproof .cp-service-link {\r\n  display: inline-block;\r\n  color: var(--cp-aqua);\r\n  font-size: 12px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n#cp-clearproof .cp-service-link:after {\r\n  content: \"\\2192\";\r\n  display: inline-block;\r\n  margin-left: 9px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n#cp-clearproof .cp-service-link:hover:after,\r\n#cp-clearproof .cp-service-link:focus:after {\r\n  transform: translateX(4px);\r\n}\r\n\r\n#cp-clearproof .cp-side-service {\r\n  min-height: 318px;\r\n  background: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-side-service + .cp-side-service {\r\n  margin-top: 30px;\r\n}\r\n\r\n#cp-clearproof .cp-side-photo,\r\n#cp-clearproof .cp-side-copy {\r\n  display: table-cell;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-side-photo {\r\n  position: relative;\r\n  width: 42%;\r\n  overflow: hidden;\r\n  background: #dceae9;\r\n}\r\n\r\n#cp-clearproof .cp-side-photo img {\r\n  width: 100%;\r\n  height: 318px;\r\n  object-fit: cover;\r\n  transition: transform 0.55s ease;\r\n}\r\n\r\n#cp-clearproof .cp-side-service:hover .cp-side-photo img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n#cp-clearproof .cp-side-photo:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(29, 35, 41, 0.02), rgba(29, 35, 41, 0.28));\r\n}\r\n\r\n#cp-clearproof .cp-side-num {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 17px;\r\n  bottom: 16px;\r\n  color: #ffffff;\r\n  font-size: 46px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.06em;\r\n}\r\n\r\n#cp-clearproof .cp-side-copy {\r\n  width: 58%;\r\n  padding: 28px 28px 26px;\r\n}\r\n\r\n#cp-clearproof .cp-side-copy .cp-mini-label {\r\n  display: block;\r\n  margin-bottom: 18px;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 9px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-side-copy h3 {\r\n  margin-bottom: 12px;\r\n  color: var(--cp-navy);\r\n  font-size: 27px;\r\n  line-height: 1.04;\r\n  font-weight: 900;\r\n  letter-spacing: -0.035em;\r\n}\r\n\r\n#cp-clearproof .cp-side-copy p {\r\n  margin-bottom: 19px;\r\n  color: var(--cp-slate);\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n#cp-clearproof .cp-side-copy .cp-service-link {\r\n  color: var(--cp-teal-dark);\r\n}\r\n\r\n#cp-clearproof .cp-service-note {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 30px;\r\n  padding: 24px 28px;\r\n  border: 1px solid #cfe4e8;\r\n  border-radius: 12px;\r\n  background: #ffffff;\r\n  color: var(--cp-slate);\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n#cp-clearproof .cp-service-note strong {\r\n  color: var(--cp-navy);\r\n}\r\n\r\n\/* AUDIENCE \/ DARK SIGNAL FIELD *\/\r\n\r\n#cp-clearproof .cp-audience {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(rgba(245, 177, 76, 0.055) 1px, transparent 1px) 0 0 \/ 42px 42px,\r\n    linear-gradient(90deg, rgba(245, 177, 76, 0.055) 1px, transparent 1px) 0 0 \/ 42px 42px,\r\n    var(--cp-navy);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-audience:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -140px;\r\n  bottom: -230px;\r\n  width: 560px;\r\n  height: 560px;\r\n  border: 82px solid rgba(227, 107, 33, 0.13);\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof .cp-audience-copy,\r\n#cp-clearproof .cp-audience-grid-cell {\r\n  display: table-cell;\r\n  position: relative;\r\n  z-index: 2;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-audience-copy {\r\n  width: 42%;\r\n  padding-right: 70px;\r\n}\r\n\r\n#cp-clearproof .cp-audience-grid-cell {\r\n  width: 58%;\r\n  padding-left: 20px;\r\n}\r\n\r\n#cp-clearproof .cp-audience .cp-kicker {\r\n  color: var(--cp-aqua);\r\n}\r\n\r\n#cp-clearproof .cp-audience .cp-kicker:before {\r\n  background: var(--cp-aqua);\r\n}\r\n\r\n#cp-clearproof .cp-audience h2 {\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-audience-copy p {\r\n  margin-bottom: 29px;\r\n  color: #c7d7e1;\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n}\r\n\r\n#cp-clearproof .cp-audience-callout {\r\n  padding: 20px 22px;\r\n  border-left: 4px solid var(--cp-teal);\r\n  border-radius: 0 10px 10px 0;\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n}\r\n\r\n#cp-clearproof .cp-audience-item {\r\n  display: table-cell;\r\n  width: 50%;\r\n  padding: 8px;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-audience-box {\r\n  min-height: 145px;\r\n  padding: 25px 24px;\r\n  border: 1px solid rgba(255, 255, 255, 0.13);\r\n  border-radius: 12px;\r\n  background: rgba(255, 255, 255, 0.055);\r\n  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n#cp-clearproof .cp-audience-box:hover {\r\n  transform: translateY(-3px);\r\n  border-color: rgba(245, 177, 76, 0.4);\r\n  background: rgba(227, 107, 33, 0.14);\r\n}\r\n\r\n#cp-clearproof .cp-audience-box .cp-audience-code {\r\n  display: block;\r\n  margin-bottom: 18px;\r\n  color: var(--cp-aqua);\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n#cp-clearproof .cp-audience-box strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 17px;\r\n  line-height: 1.22;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-audience-box span {\r\n  display: block;\r\n  margin-top: 7px;\r\n  color: #9fb5c5;\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* PROCESS *\/\r\n\r\n#cp-clearproof .cp-process {\r\n  position: relative;\r\n  background: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-process .cp-section-head {\r\n  margin-bottom: 62px;\r\n}\r\n\r\n#cp-clearproof .cp-process-cell {\r\n  display: table-cell;\r\n  position: relative;\r\n  width: 25%;\r\n  padding: 0 12px;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-process-cell:first-child {\r\n  padding-left: 0;\r\n  padding-right: 18px;\r\n}\r\n\r\n#cp-clearproof .cp-process-cell:last-child {\r\n  padding-left: 18px;\r\n  padding-right: 0;\r\n}\r\n\r\n#cp-clearproof .cp-process-cell:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 24px;\r\n  height: 2px;\r\n  background: var(--cp-line);\r\n}\r\n\r\n#cp-clearproof .cp-process-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: 310px;\r\n  padding: 0 24px 28px;\r\n  border-radius: 14px;\r\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #ffffff 25%);\r\n}\r\n\r\n#cp-clearproof .cp-process-node {\r\n  display: table-cell;\r\n  position: relative;\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 7px solid #ffffff;\r\n  border-radius: 50%;\r\n  background: var(--cp-teal);\r\n  color: #ffffff;\r\n  box-shadow: 0 0 0 1px var(--cp-line), 0 10px 24px rgba(227, 107, 33, 0.2);\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-process-card h3 {\r\n  margin: 34px 0 13px;\r\n  color: var(--cp-navy);\r\n  font-size: 23px;\r\n  line-height: 1.08;\r\n  font-weight: 900;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n#cp-clearproof .cp-process-card p {\r\n  margin-bottom: 0;\r\n  color: var(--cp-slate);\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#cp-clearproof .cp-process-big-num {\r\n  position: absolute;\r\n  right: 9px;\r\n  bottom: 8px;\r\n  color: rgba(29, 35, 41, 0.04);\r\n  font-size: 90px;\r\n  line-height: 0.8;\r\n  font-weight: 900;\r\n  letter-spacing: -0.07em;\r\n}\r\n\r\n\/* PURPOSE FEATURE *\/\r\n\r\n#cp-clearproof .cp-purpose {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cp-mint);\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo-cell,\r\n#cp-clearproof .cp-purpose-copy-cell {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo-cell {\r\n  width: 50%;\r\n  padding-right: 60px;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-copy-cell {\r\n  width: 50%;\r\n  padding-left: 30px;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo-shell {\r\n  position: relative;\r\n  padding: 34px 0 0 34px;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo-shell:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 72%;\r\n  height: 72%;\r\n  border-radius: 24px;\r\n  background: var(--cp-teal);\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo-shell:after {\r\n  content: \"INSPECT \/ DIAGNOSE \/ REPAIR\";\r\n  position: absolute;\r\n  z-index: 3;\r\n  left: -29px;\r\n  bottom: 45px;\r\n  padding: 12px 15px;\r\n  border-radius: 6px;\r\n  background: var(--cp-navy);\r\n  color: var(--cp-aqua);\r\n  font-size: 9px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: 0.15em;\r\n  transform: rotate(-90deg);\r\n  transform-origin: center;\r\n  box-shadow: 0 12px 30px rgba(29, 35, 41, 0.18);\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo {\r\n  position: relative;\r\n  z-index: 2;\r\n  height: 610px;\r\n  overflow: hidden;\r\n  border-radius: 24px;\r\n  box-shadow: var(--cp-shadow);\r\n}\r\n\r\n#cp-clearproof .cp-purpose-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-copy-cell h2 {\r\n  max-width: 660px;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-copy-cell > p {\r\n  max-width: 660px;\r\n  margin-bottom: 19px;\r\n  color: var(--cp-slate);\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-callout {\r\n  margin-top: 31px;\r\n  padding: 26px 28px;\r\n  border-radius: 14px;\r\n  background: var(--cp-navy);\r\n  color: #ffffff;\r\n  box-shadow: var(--cp-shadow-soft);\r\n}\r\n\r\n#cp-clearproof .cp-purpose-callout strong {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: var(--cp-aqua);\r\n  font-size: 17px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-purpose-callout span {\r\n  display: block;\r\n  color: #c8d9e2;\r\n  font-size: 13px;\r\n  line-height: 1.58;\r\n}\r\n\r\n\r\n\/* REQUEST READINESS FIELD *\/\r\n\r\n#cp-clearproof .cp-readiness {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 118px 0 126px;\r\n  background-color: var(--cp-navy);\r\n  \/* Free stock source: Pexels \/ Pavel Danilyuk - https:\/\/www.pexels.com\/photo\/close-up-shot-of-test-tubes-8442374\/ *\/\r\n  background-image:\r\n    linear-gradient(115deg, rgba(29, 35, 41, 0.95) 0%, rgba(29, 35, 41, 0.86) 44%, rgba(29, 35, 41, 0.74) 100%),\r\n    url(\"https:\/\/images.pexels.com\/photos\/8442374\/pexels-photo-8442374.jpeg?auto=compress&cs=tinysrgb&w=2000\");\r\n  background-position: center center;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-readiness:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(rgba(245, 177, 76, 0.05) 1px, transparent 1px) 0 0 \/ 44px 44px,\r\n    linear-gradient(90deg, rgba(245, 177, 76, 0.05) 1px, transparent 1px) 0 0 \/ 44px 44px;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-readiness:after {\r\n  content: \"TRUCK\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  right: -20px;\r\n  top: 34px;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.08);\r\n  font-size: clamp(112px, 15vw, 220px);\r\n  line-height: 0.8;\r\n  font-weight: 900;\r\n  letter-spacing: -0.075em;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-readiness .cp-shell {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-head {\r\n  max-width: 920px;\r\n  margin-bottom: 54px;\r\n}\r\n\r\n#cp-clearproof .cp-readiness .cp-kicker {\r\n  color: var(--cp-aqua);\r\n}\r\n\r\n#cp-clearproof .cp-readiness .cp-kicker:before {\r\n  background: var(--cp-aqua);\r\n}\r\n\r\n#cp-clearproof .cp-readiness h2 {\r\n  max-width: 900px;\r\n  margin-bottom: 22px;\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-lead {\r\n  max-width: 810px;\r\n  margin-bottom: 0;\r\n  color: #d1e0e9;\r\n  font-size: 18px;\r\n  line-height: 1.72;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-cell {\r\n  display: table-cell;\r\n  width: 33.333%;\r\n  padding: 0 12px;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-cell:first-child {\r\n  padding-left: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-cell:last-child {\r\n  padding-left: 16px;\r\n  padding-right: 0;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-card {\r\n  position: relative;\r\n  min-height: 695px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.5);\r\n  border-radius: 17px;\r\n  background: rgba(255, 255, 255, 0.98);\r\n  color: var(--cp-ink);\r\n  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);\r\n  transition: transform 0.24s ease, box-shadow 0.24s ease;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 34px 82px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-photo {\r\n  position: relative;\r\n  height: 270px;\r\n  overflow: hidden;\r\n  background: #dbe8e7;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.55s ease;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-card:hover .cp-readiness-photo img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-photo:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(29, 35, 41, 0.02) 38%, rgba(29, 35, 41, 0.7) 100%);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-num {\r\n  position: absolute;\r\n  z-index: 2;\r\n  right: 20px;\r\n  bottom: 14px;\r\n  color: #ffffff;\r\n  font-size: 58px;\r\n  line-height: 0.9;\r\n  font-weight: 900;\r\n  letter-spacing: -0.065em;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-photo-label {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 18px;\r\n  top: 18px;\r\n  padding: 9px 11px;\r\n  border-radius: 999px;\r\n  background: rgba(29, 35, 41, 0.86);\r\n  color: var(--cp-aqua);\r\n  font-size: 9px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-body {\r\n  padding: 28px 29px 32px;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-mark {\r\n  display: table-cell;\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 8px;\r\n  background: var(--cp-mint);\r\n  color: var(--cp-teal-dark);\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.08em;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-body h3 {\r\n  margin: 19px 0 12px;\r\n  color: var(--cp-navy);\r\n  font-size: 29px;\r\n  line-height: 1.02;\r\n  font-weight: 900;\r\n  letter-spacing: -0.04em;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-body > p {\r\n  min-height: 116px;\r\n  margin-bottom: 18px;\r\n  color: var(--cp-slate);\r\n  font-size: 13px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-list {\r\n  margin-bottom: 24px;\r\n  border-top: 1px solid var(--cp-line);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-list span {\r\n  display: block;\r\n  position: relative;\r\n  padding: 10px 0 10px 24px;\r\n  border-bottom: 1px solid #e6eef1;\r\n  color: var(--cp-navy);\r\n  font-size: 11px;\r\n  line-height: 1.42;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-list span:before {\r\n  content: \"\\2713\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 10px;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-link {\r\n  display: inline-block;\r\n  color: var(--cp-teal-dark);\r\n  font-size: 12px;\r\n  line-height: 1.3;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-link:after {\r\n  content: \"\\2192\";\r\n  display: inline-block;\r\n  margin-left: 9px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n#cp-clearproof .cp-readiness-link:hover:after,\r\n#cp-clearproof .cp-readiness-link:focus:after {\r\n  transform: translateX(4px);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-note {\r\n  max-width: 960px;\r\n  margin: 38px auto 0;\r\n  padding: 20px 24px;\r\n  border: 1px solid rgba(245, 177, 76, 0.24);\r\n  border-radius: 10px;\r\n  background: rgba(29, 35, 41, 0.78);\r\n  color: #c9dce5;\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n#cp-clearproof .cp-readiness-note strong {\r\n  color: var(--cp-aqua);\r\n}\r\n\r\n\/* FAQ *\/\r\n\r\n#cp-clearproof .cp-faq {\r\n  background: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-faq-col {\r\n  display: table-cell;\r\n  width: 50%;\r\n  vertical-align: top;\r\n}\r\n\r\n#cp-clearproof .cp-faq-col:first-child {\r\n  padding-right: 18px;\r\n}\r\n\r\n#cp-clearproof .cp-faq-col:last-child {\r\n  padding-left: 18px;\r\n}\r\n\r\n#cp-clearproof .cp-faq-item {\r\n  position: relative;\r\n  min-height: 190px;\r\n  margin-bottom: 24px;\r\n  padding: 29px 30px 27px 77px;\r\n  border: 1px solid var(--cp-line);\r\n  border-radius: 14px;\r\n  background: var(--cp-ice);\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n#cp-clearproof .cp-faq-item:hover {\r\n  transform: translateY(-2px);\r\n  border-color: #badfd8;\r\n  box-shadow: var(--cp-shadow-soft);\r\n}\r\n\r\n#cp-clearproof .cp-faq-num {\r\n  position: absolute;\r\n  left: 25px;\r\n  top: 30px;\r\n  color: var(--cp-teal);\r\n  font-size: 12px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n#cp-clearproof .cp-faq-item h3 {\r\n  margin-bottom: 11px;\r\n  color: var(--cp-navy);\r\n  font-size: 19px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#cp-clearproof .cp-faq-item p {\r\n  margin-bottom: 0;\r\n  color: var(--cp-slate);\r\n  font-size: 13px;\r\n  line-height: 1.62;\r\n}\r\n\r\n\/* BIG CTA *\/\r\n\r\n#cp-clearproof .cp-cta {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 92px 0;\r\n  background: var(--cp-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-cta:before {\r\n  content: \"GET MOVING\";\r\n  position: absolute;\r\n  left: -16px;\r\n  bottom: -36px;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.22);\r\n  font-size: clamp(115px, 17vw, 255px);\r\n  line-height: 0.8;\r\n  font-weight: 900;\r\n  letter-spacing: -0.075em;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof .cp-cta:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -95px;\r\n  top: -120px;\r\n  width: 360px;\r\n  height: 360px;\r\n  border: 58px solid rgba(29, 35, 41, 0.11);\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof .cp-cta-inner {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 880px;\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-kicker {\r\n  color: #e4fff9;\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-kicker:before {\r\n  background: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-cta h2 {\r\n  max-width: 840px;\r\n  margin-bottom: 22px;\r\n  color: var(--cp-navy);\r\n  font-size: clamp(50px, 6.5vw, 90px);\r\n  line-height: 0.9;\r\n  font-weight: 900;\r\n  letter-spacing: -0.065em;\r\n}\r\n\r\n#cp-clearproof .cp-cta p {\r\n  max-width: 700px;\r\n  margin-bottom: 30px;\r\n  color: #083f49;\r\n  font-size: 18px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-btn-dark {\r\n  background: var(--cp-navy);\r\n  color: #ffffff;\r\n  box-shadow: 0 14px 32px rgba(29, 35, 41, 0.24);\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-btn-dark:hover,\r\n#cp-clearproof .cp-cta .cp-btn-dark:focus {\r\n  background: var(--cp-navy-2);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-btn-light {\r\n  border-color: rgba(29, 35, 41, 0.35);\r\n  color: var(--cp-navy);\r\n}\r\n\r\n#cp-clearproof .cp-cta .cp-btn-light:hover,\r\n#cp-clearproof .cp-cta .cp-btn-light:focus {\r\n  border-color: var(--cp-navy);\r\n  background: rgba(255, 255, 255, 0.16);\r\n  color: var(--cp-navy);\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\n#cp-clearproof .cp-footer {\r\n  position: relative;\r\n  left: 50%;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  padding: 34px 0;\r\n  overflow: hidden;\r\n  background: var(--cp-navy);\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-clearproof .cp-footer:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  width: 100vw;\r\n  background: var(--cp-navy);\r\n}\r\n\r\n#cp-clearproof .cp-footer .cp-shell {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#cp-clearproof .cp-footer-brand,\r\n#cp-clearproof .cp-footer-copy {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof .cp-footer-brand {\r\n  width: 45%;\r\n  padding-right: 40px;\r\n}\r\n\r\n#cp-clearproof .cp-footer-copy {\r\n  width: 55%;\r\n  color: #829cad;\r\n  font-size: 10px;\r\n  line-height: 1.55;\r\n  text-align: right;\r\n}\r\n\r\n#cp-clearproof .cp-footer-brand strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof .cp-footer-brand span {\r\n  display: block;\r\n  margin-top: 6px;\r\n  color: var(--cp-aqua);\r\n  font-size: 9px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* MOTION *\/\r\n\r\n@keyframes cpPulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(245, 177, 76, 0.48);\r\n  }\r\n  70% {\r\n    box-shadow: 0 0 0 11px rgba(245, 177, 76, 0);\r\n  }\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(245, 177, 76, 0);\r\n  }\r\n}\r\n\r\n@keyframes cpFloat {\r\n  0%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(9px);\r\n  }\r\n}\r\n\r\n@keyframes cpRotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes cpScan {\r\n  0%,\r\n  100% {\r\n    top: 16%;\r\n    opacity: 0.25;\r\n  }\r\n  50% {\r\n    top: 79%;\r\n    opacity: 0.85;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #cp-clearproof *,\r\n  #cp-clearproof *:before,\r\n  #cp-clearproof *:after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1040px) {\r\n  #cp-clearproof .cp-brand-cell {\r\n    width: 42%;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell {\r\n    width: 58%;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand {\r\n    max-width: 390px;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand-logo {\r\n    max-width: 390px;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell a {\r\n    margin-left: 10px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-copy {\r\n    width: 55%;\r\n    padding-top: 76px;\r\n    padding-bottom: 76px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-visual-cell {\r\n    width: 45%;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-copy,\r\n  #cp-clearproof .cp-hero-visual {\r\n    min-height: 670px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-chip {\r\n    left: 18px;\r\n    top: 28px;\r\n    width: 205px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp {\r\n    width: 154px;\r\n    height: 154px;\r\n    right: 18px;\r\n    bottom: 21px;\r\n    padding-top: 31px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp strong {\r\n    font-size: 23px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proofbar-cell {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n\r\n  #cp-clearproof .cp-intro-art {\r\n    padding-right: 34px;\r\n  }\r\n\r\n  #cp-clearproof .cp-intro-copy {\r\n    padding-left: 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-type-card {\r\n    min-height: 610px;\r\n    padding: 45px 32px;\r\n  }\r\n\r\n  #cp-clearproof .cp-bento-main-cell {\r\n    width: 53%;\r\n  }\r\n\r\n  #cp-clearproof .cp-bento-side-cell {\r\n    width: 47%;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-photo {\r\n    width: 39%;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-copy {\r\n    width: 61%;\r\n    padding: 24px 22px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-copy h3 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-copy {\r\n    padding-right: 45px;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-grid-cell {\r\n    padding-left: 10px;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-card {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-card h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-cell {\r\n    padding-right: 40px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-copy-cell {\r\n    padding-left: 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell {\r\n    padding-left: 9px;\r\n    padding-right: 9px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell:first-child {\r\n    padding-right: 12px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell:last-child {\r\n    padding-left: 12px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-card {\r\n    min-height: 710px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body {\r\n    padding-left: 23px;\r\n    padding-right: 23px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body h3 {\r\n    font-size: 25px;\r\n  }\r\n}\r\n\r\n\r\n\/* READINESS TABLET STACK *\/\r\n\r\n@media (max-width: 900px) {\r\n  #cp-clearproof .cp-readiness {\r\n    background-attachment: scroll;\r\n    background-position: 56% center;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell,\r\n  #cp-clearproof .cp-readiness-cell:first-child,\r\n  #cp-clearproof .cp-readiness-cell:last-child {\r\n    display: block;\r\n    width: 100%;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-card {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-photo {\r\n    height: 340px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body > p {\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n\/* MOBILE STACK *\/\r\n\r\n@media (max-width: 780px) {\r\n  #cp-clearproof .cp-shell {\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand-cell,\r\n  #cp-clearproof .cp-nav-cell,\r\n  #cp-clearproof .cp-hero-copy,\r\n  #cp-clearproof .cp-hero-visual-cell,\r\n  #cp-clearproof .cp-proofbar-cell,\r\n  #cp-clearproof .cp-confidence-cell,\r\n  #cp-clearproof .cp-intro-art,\r\n  #cp-clearproof .cp-intro-copy,\r\n  #cp-clearproof .cp-bento-main-cell,\r\n  #cp-clearproof .cp-bento-side-cell,\r\n  #cp-clearproof .cp-side-photo,\r\n  #cp-clearproof .cp-side-copy,\r\n  #cp-clearproof .cp-audience-copy,\r\n  #cp-clearproof .cp-audience-grid-cell,\r\n  #cp-clearproof .cp-audience-item,\r\n  #cp-clearproof .cp-process-cell,\r\n  #cp-clearproof .cp-purpose-photo-cell,\r\n  #cp-clearproof .cp-purpose-copy-cell,\r\n  #cp-clearproof .cp-readiness-cell,\r\n  #cp-clearproof .cp-faq-col,\r\n  #cp-clearproof .cp-footer-brand,\r\n  #cp-clearproof .cp-footer-copy {\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand-cell,\r\n  #cp-clearproof .cp-nav-cell {\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand-cell {\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  #cp-clearproof .cp-brand,\r\n  #cp-clearproof .cp-brand-logo {\r\n    max-width: 360px;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell {\r\n    padding-top: 0;\r\n    padding-bottom: 15px;\r\n    text-align: left;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell a {\r\n    margin: 6px 16px 6px 0;\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell .cp-nav-cta {\r\n    margin-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-copy {\r\n    min-height: 0;\r\n    padding: 69px 22px 75px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-copy:after {\r\n    left: 16px;\r\n    bottom: -4px;\r\n    font-size: 112px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero h1 {\r\n    max-width: 610px;\r\n    font-size: clamp(47px, 12.6vw, 68px);\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-lead {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-visual {\r\n    min-height: 520px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-photo {\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\r\n  }\r\n\r\n  #cp-clearproof .cp-service-chip {\r\n    left: 20px;\r\n    top: 20px;\r\n    width: calc(100% - 40px);\r\n    max-width: 240px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp {\r\n    width: 150px;\r\n    height: 150px;\r\n    right: 18px;\r\n    bottom: 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proofbar-cell,\r\n  #cp-clearproof .cp-proofbar-cell:first-child {\r\n    width: 100%;\r\n    padding: 19px 22px;\r\n    border-right: 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.24);\r\n  }\r\n\r\n  #cp-clearproof .cp-proofbar-cell:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-confidence-cell {\r\n    padding: 22px;\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--cp-line);\r\n  }\r\n\r\n  #cp-clearproof .cp-confidence-cell:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-section {\r\n    padding: 76px 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-section-title,\r\n  #cp-clearproof .cp-section h2 {\r\n    font-size: clamp(38px, 10.7vw, 56px);\r\n  }\r\n\r\n  #cp-clearproof .cp-section-lead {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-intro-art,\r\n  #cp-clearproof .cp-intro-copy {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-intro-art {\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  #cp-clearproof .cp-type-card {\r\n    min-height: 470px;\r\n    padding: 40px 30px;\r\n  }\r\n\r\n  #cp-clearproof .cp-type-small {\r\n    margin-bottom: 58px;\r\n  }\r\n\r\n  #cp-clearproof .cp-intro-copy > p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-bento-main-cell,\r\n  #cp-clearproof .cp-bento-side-cell {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-bento-main-cell {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-photo {\r\n    height: 340px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-num {\r\n    left: 22px;\r\n    font-size: 64px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-body {\r\n    padding: 30px 25px 33px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-body h3 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-service,\r\n  #cp-clearproof .cp-side-service + .cp-side-service {\r\n    margin-top: 0;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-photo {\r\n    height: 270px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-photo img {\r\n    height: 270px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-copy {\r\n    padding: 28px 25px 30px;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-copy,\r\n  #cp-clearproof .cp-audience-grid-cell {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-copy {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-item {\r\n    padding: 7px 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-box {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-process .cp-section-head {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-cell,\r\n  #cp-clearproof .cp-process-cell:first-child,\r\n  #cp-clearproof .cp-process-cell:last-child {\r\n    padding: 0 0 0 24px;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-cell:before {\r\n    left: 24px;\r\n    right: auto;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 2px;\r\n    height: auto;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-cell:last-child:before {\r\n    bottom: 70%;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-card {\r\n    min-height: 0;\r\n    padding: 0 0 50px 45px;\r\n    background: transparent;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-node {\r\n    position: absolute;\r\n    left: -25px;\r\n    top: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-card h3 {\r\n    margin-top: 0;\r\n    padding-top: 4px;\r\n    font-size: 23px;\r\n  }\r\n\r\n  #cp-clearproof .cp-process-big-num {\r\n    right: 0;\r\n    bottom: 42px;\r\n    font-size: 70px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-cell,\r\n  #cp-clearproof .cp-purpose-copy-cell {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-cell {\r\n    margin-bottom: 55px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-shell {\r\n    padding: 24px 0 0 24px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo {\r\n    height: 500px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-shell:after {\r\n    left: -34px;\r\n    bottom: 62px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-copy-cell > p {\r\n    font-size: 16px;\r\n  }\r\n\r\n\r\n\r\n  #cp-clearproof .cp-readiness {\r\n    padding: 78px 0 84px;\r\n    background-attachment: scroll;\r\n    background-position: 56% center;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness:after {\r\n    right: -8px;\r\n    top: 30px;\r\n    font-size: 108px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-head {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-lead {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell,\r\n  #cp-clearproof .cp-readiness-cell:first-child,\r\n  #cp-clearproof .cp-readiness-cell:last-child {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-cell:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-card {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-photo {\r\n    height: 320px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body {\r\n    padding: 29px 27px 32px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body > p {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-note {\r\n    margin-top: 32px;\r\n    text-align: left;\r\n  }\r\n\r\n  #cp-clearproof .cp-faq-col:first-child,\r\n  #cp-clearproof .cp-faq-col:last-child {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-faq-item {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-cta {\r\n    padding: 74px 0 90px;\r\n  }\r\n\r\n  #cp-clearproof .cp-cta h2 {\r\n    font-size: clamp(48px, 13vw, 68px);\r\n  }\r\n\r\n  #cp-clearproof .cp-cta p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #cp-clearproof .cp-cta:before {\r\n    bottom: -8px;\r\n    font-size: 110px;\r\n  }\r\n\r\n  #cp-clearproof .cp-footer-brand,\r\n  #cp-clearproof .cp-footer-copy {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    text-align: left;\r\n  }\r\n\r\n  #cp-clearproof .cp-footer-brand {\r\n    margin-bottom: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  #cp-clearproof .cp-brand,\r\n  #cp-clearproof .cp-brand-logo {\r\n    max-width: 320px;\r\n  }\r\n\r\n  #cp-clearproof .cp-nav-cell a {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-copy {\r\n    padding-top: 58px;\r\n    padding-bottom: 64px;\r\n  }\r\n\r\n  #cp-clearproof .cp-live-label {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-hero h1 {\r\n    font-size: clamp(43px, 14.7vw, 60px);\r\n  }\r\n\r\n  #cp-clearproof .cp-hero h1 .cp-pop-word:after {\r\n    bottom: -4px;\r\n    height: 6px;\r\n  }\r\n\r\n  #cp-clearproof .cp-btn {\r\n    display: block;\r\n    width: calc(100% - 10px);\r\n  }\r\n\r\n  #cp-clearproof .cp-hero-visual {\r\n    min-height: 470px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-chip {\r\n    max-width: 210px;\r\n    padding: 14px 15px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-chip strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp {\r\n    width: 132px;\r\n    height: 132px;\r\n    right: 13px;\r\n    bottom: 15px;\r\n    padding: 27px 20px 15px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp strong {\r\n    font-size: 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-proof-stamp span {\r\n    font-size: 8px;\r\n  }\r\n\r\n  #cp-clearproof .cp-section {\r\n    padding: 66px 0;\r\n  }\r\n\r\n  #cp-clearproof .cp-type-card {\r\n    min-height: 430px;\r\n    padding: 34px 25px;\r\n  }\r\n\r\n  #cp-clearproof .cp-type-big {\r\n    font-size: clamp(44px, 14.5vw, 62px);\r\n  }\r\n\r\n  #cp-clearproof .cp-type-card:after {\r\n    font-size: 90px;\r\n  }\r\n\r\n  #cp-clearproof .cp-signal-num {\r\n    width: 43px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  #cp-clearproof .cp-signal-arrow {\r\n    display: none;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-photo {\r\n    height: 300px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-tag {\r\n    left: 18px;\r\n    right: auto;\r\n    top: 18px;\r\n  }\r\n\r\n  #cp-clearproof .cp-service-main-num {\r\n    left: 20px;\r\n    bottom: 16px;\r\n    font-size: 55px;\r\n  }\r\n\r\n  #cp-clearproof .cp-side-photo,\r\n  #cp-clearproof .cp-side-photo img {\r\n    height: 230px;\r\n  }\r\n\r\n  #cp-clearproof .cp-audience-box {\r\n    padding: 22px 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo {\r\n    height: 410px;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-photo-shell:after {\r\n    display: none;\r\n  }\r\n\r\n  #cp-clearproof .cp-purpose-callout {\r\n    padding: 23px 22px;\r\n  }\r\n\r\n\r\n\r\n  #cp-clearproof .cp-readiness {\r\n    padding-top: 66px;\r\n    padding-bottom: 70px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-photo {\r\n    height: 250px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-num {\r\n    right: 16px;\r\n    bottom: 13px;\r\n    font-size: 50px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body {\r\n    padding: 26px 22px 29px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-body h3 {\r\n    font-size: 27px;\r\n  }\r\n\r\n  #cp-clearproof .cp-readiness-note {\r\n    padding: 18px 20px;\r\n  }\r\n\r\n  #cp-clearproof .cp-faq-item {\r\n    padding: 25px 22px 24px 58px;\r\n  }\r\n\r\n  #cp-clearproof .cp-faq-num {\r\n    left: 20px;\r\n    top: 27px;\r\n  }\r\n\r\n  #cp-clearproof .cp-cta h2 {\r\n    font-size: clamp(45px, 14.4vw, 61px);\r\n  }\r\n}\r\n\r\n\/* CLEAR PROOF LEFT-SLIDE FEATURE *\/\r\n#cp-clearproof #cp-proof-reveal,\r\n#cp-clearproof #cp-proof-reveal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-height: 760px;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background:\r\n    linear-gradient(rgba(245, 177, 76, 0.05) 1px, transparent 1px) 0 0 \/ 42px 42px,\r\n    linear-gradient(90deg, rgba(245, 177, 76, 0.05) 1px, transparent 1px) 0 0 \/ 42px 42px,\r\n    var(--cp-navy);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal:before {\r\n  content: \"TRUCK\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  right: -18px;\r\n  bottom: -29px;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px rgba(245, 177, 76, 0.09);\r\n  font-size: clamp(120px, 18vw, 260px);\r\n  line-height: 0.78;\r\n  font-weight: 900;\r\n  letter-spacing: -0.08em;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-panel {\r\n  position: absolute;\r\n  z-index: 1;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  background: linear-gradient(118deg, var(--cp-teal-dark) 0%, var(--cp-teal) 58%, #19c5ae 100%);\r\n  transform: translate3d(-101%, 0, 0);\r\n  transition: transform 1100ms cubic-bezier(0.77, 0, 0.175, 1);\r\n  will-change: transform;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-panel {\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-panel:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 82% 50%, rgba(255, 255, 255, 0.16) 0, rgba(255, 255, 255, 0.16) 4px, transparent 5px) 0 0 \/ 34px 34px,\r\n    linear-gradient(115deg, rgba(29, 35, 41, 0.03) 0%, rgba(29, 35, 41, 0.18) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-shell {\r\n  position: relative;\r\n  z-index: 5;\r\n  width: 100%;\r\n  max-width: 1260px;\r\n  min-height: 760px;\r\n  margin: 0 auto;\r\n  padding: 78px 30px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-table {\r\n  width: 100%;\r\n  min-height: 604px;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  table-layout: fixed;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-copy,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail {\r\n  display: table-cell;\r\n  position: relative;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-copy {\r\n  width: 65%;\r\n  padding: 8px 78px 8px 18px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail {\r\n  width: 35%;\r\n  padding: 8px 10px 8px 46px;\r\n  border-left: 1px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-kicker {\r\n  display: block;\r\n  margin: 0 0 31px;\r\n  color: #dcfff8;\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n  font-weight: 900;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  opacity: 0;\r\n  transform: translate3d(-42px, 0, 0);\r\n  transition: opacity 600ms ease 720ms, transform 750ms cubic-bezier(0.22, 1, 0.36, 1) 720ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-kicker:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 34px;\r\n  height: 3px;\r\n  margin-right: 12px;\r\n  border-radius: 99px;\r\n  background: var(--cp-navy);\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-heading {\r\n  max-width: 790px;\r\n  margin: 0 !important;\r\n  color: #ffffff !important;\r\n  font-size: clamp(52px, 6.3vw, 92px) !important;\r\n  line-height: 0.91 !important;\r\n  font-weight: 900 !important;\r\n  letter-spacing: -0.065em !important;\r\n  word-break: normal !important;\r\n  overflow-wrap: normal !important;\r\n  hyphens: none !important;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-line {\r\n  display: block;\r\n  overflow: hidden;\r\n  padding: 0.02em 0 0.1em;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-line > span {\r\n  display: block;\r\n  opacity: 0;\r\n  transform: translate3d(0, 118%, 0);\r\n  will-change: transform;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-line:nth-child(1) > span {\r\n  transition: transform 850ms cubic-bezier(0.22, 1, 0.36, 1) 840ms, opacity 300ms ease 840ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-line:nth-child(2) > span {\r\n  color: var(--cp-navy);\r\n  transition: transform 850ms cubic-bezier(0.22, 1, 0.36, 1) 960ms, opacity 300ms ease 960ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-copytext {\r\n  width: 100%;\r\n  max-width: 720px;\r\n  margin: 24px 0 0 !important;\r\n  color: #e4fff9 !important;\r\n  font-size: 17px !important;\r\n  line-height: 1.7 !important;\r\n  font-weight: 400;\r\n  opacity: 0;\r\n  transform: translate3d(-34px, 0, 0);\r\n  transition: opacity 600ms ease 1080ms, transform 750ms cubic-bezier(0.22, 1, 0.36, 1) 1080ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta {\r\n  display: inline-table !important;\r\n  width: auto !important;\r\n  max-width: 100%;\r\n  margin: 36px 0 0;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  opacity: 0;\r\n  transform: translate3d(-34px, 0, 0);\r\n  transition: opacity 600ms ease 1200ms, transform 750ms cubic-bezier(0.22, 1, 0.36, 1) 1200ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta-text,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-arrow {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc {\r\n  position: relative;\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 50%;\r\n  background: var(--cp-navy);\r\n  box-shadow: 0 12px 30px rgba(29, 35, 41, 0.22);\r\n  transition: transform 250ms ease, background-color 250ms ease;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc:before,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  background: var(--cp-aqua);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc:before {\r\n  width: 18px;\r\n  height: 2px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-disc:after {\r\n  width: 2px;\r\n  height: 18px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta-text {\r\n  padding-left: 18px;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-arrow {\r\n  padding-left: 22px;\r\n  color: var(--cp-navy);\r\n  font-size: 23px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  transition: transform 250ms ease;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta:hover .cp-proof-reveal-disc,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta:focus .cp-proof-reveal-disc {\r\n  transform: scale(1.08);\r\n  background: var(--cp-navy-2);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta:hover .cp-proof-reveal-arrow,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta:focus .cp-proof-reveal-arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail-label {\r\n  display: block;\r\n  margin: 0 0 26px;\r\n  color: #dcfff8;\r\n  font-size: 9px;\r\n  line-height: 1.3;\r\n  font-weight: 900;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  opacity: 0;\r\n  transform: translate3d(34px, 0, 0);\r\n  transition: opacity 600ms ease 1060ms, transform 750ms cubic-bezier(0.22, 1, 0.36, 1) 1060ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service {\r\n  position: relative;\r\n  margin: 0 0 12px;\r\n  padding: 20px 20px 20px 70px;\r\n  border: 1px solid rgba(255, 255, 255, 0.28);\r\n  border-radius: 12px;\r\n  background: rgba(29, 35, 41, 0.12);\r\n  opacity: 0;\r\n  transform: translate3d(42px, 0, 0);\r\n  transition: border-color 220ms ease, background 220ms ease, transform 750ms cubic-bezier(0.22, 1, 0.36, 1), opacity 600ms ease;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service:nth-of-type(1) {\r\n  transition-delay: 1120ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service:nth-of-type(2) {\r\n  transition-delay: 1200ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service:nth-of-type(3) {\r\n  margin-bottom: 0;\r\n  transition-delay: 1280ms;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service:hover {\r\n  border-color: rgba(255, 255, 255, 0.58);\r\n  background: rgba(29, 35, 41, 0.2);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-number {\r\n  position: absolute;\r\n  left: 19px;\r\n  top: 21px;\r\n  color: var(--cp-navy);\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.04em;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service strong,\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service span {\r\n  display: block;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service strong {\r\n  color: #ffffff;\r\n  font-size: 17px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-service span {\r\n  margin-top: 5px;\r\n  color: #d7fff7;\r\n  font-size: 11px;\r\n  line-height: 1.45;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 59%;\r\n  top: 50%;\r\n  width: 780px;\r\n  height: 780px;\r\n  border: 1px solid rgba(255, 255, 255, 0.18);\r\n  border-radius: 50%;\r\n  opacity: 0;\r\n  transform: translateY(-50%);\r\n  transition: opacity 900ms ease 1120ms;\r\n  pointer-events: none;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 64px;\r\n  border: 1px dashed rgba(255, 255, 255, 0.15);\r\n  border-radius: 50%;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 98px;\r\n  top: 112px;\r\n  width: 14px;\r\n  height: 14px;\r\n  border-radius: 50%;\r\n  background: var(--cp-aqua);\r\n  box-shadow: 0 0 0 9px rgba(245, 177, 76, 0.14);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-kicker,\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-copytext,\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-cta,\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-rail-label,\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-service {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-line > span {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal.cp-proof-is-visible .cp-proof-reveal-orbit {\r\n  opacity: 1;\r\n}\r\n\r\n@media (max-width: 1040px) {\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copy {\r\n    width: 61%;\r\n    padding-right: 48px;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail {\r\n    width: 39%;\r\n    padding-left: 34px;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-heading {\r\n    font-size: clamp(49px, 6.8vw, 76px) !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 780px) {\r\n  #cp-clearproof #cp-proof-reveal {\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal:before {\r\n    right: -8px;\r\n    bottom: -5px;\r\n    font-size: 120px;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-panel {\r\n    position: relative;\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-shell {\r\n    min-height: 0;\r\n    padding: 70px 22px 76px;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-table,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copy,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail {\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 0;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copy {\r\n    padding: 0;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail {\r\n    margin-top: 48px;\r\n    padding: 37px 0 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.3);\r\n    border-left: 0;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-heading {\r\n    max-width: 100%;\r\n    font-size: clamp(46px, 13.5vw, 67px) !important;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copytext {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit {\r\n    left: 32%;\r\n    top: 30%;\r\n    width: 520px;\r\n    height: 520px;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-shell {\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-heading {\r\n    font-size: 43px !important;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta-text {\r\n    padding-left: 14px;\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-arrow {\r\n    padding-left: 13px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-panel,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-kicker,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-line > span,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copytext,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail-label,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-service,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit {\r\n    transition: none !important;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-panel,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-kicker,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-line > span,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-copytext,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-cta,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-rail-label,\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-service {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  #cp-clearproof #cp-proof-reveal .cp-proof-reveal-orbit {\r\n    opacity: 1 !important;\r\n  }\r\n}\r\n\r\n\r\n\/* JW WordPress \/ SiteOrigin \/ Vantage navigation isolation *\/\r\n#masthead.site-header,\r\n#masthead.site-header .main-navigation,\r\n#site-navigation.site-navigation.main-navigation,\r\n#site-navigation.main-navigation,\r\n#sticky-container > #masthead.site-header,\r\n#sticky-container > #site-navigation.site-navigation.main-navigation,\r\n#sticky-container > #site-navigation.main-navigation,\r\n#sticky-container > .site-navigation.main-navigation,\r\n#masthead.site-header .mobile-nav-frame {\r\n  display: none !important;\r\n  visibility: hidden !important;\r\n  height: 0 !important;\r\n  min-height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.cp-jw-theme-nav-suppressed {\r\n  display: none !important;\r\n  visibility: hidden !important;\r\n  height: 0 !important;\r\n  min-height: 0 !important;\r\n  max-height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/*\r\n   VIEWPORT NAVIGATION PORTAL\r\n   Keeps the custom navigation outside SiteOrigin\/Vantage\/body positioning\r\n   so the fixed menu cannot be shifted by builder wrappers or body offsets.\r\n*\/\r\n#cp-nav-portal,\r\n#cp-nav-portal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cp-nav-portal {\r\n  position: fixed !important;\r\n  top: 0 !important;\r\n  right: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  height: 0 !important;\r\n  min-height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  overflow: visible !important;\r\n  z-index: 99990 !important;\r\n  transform: none !important;\r\n  filter: none !important;\r\n  perspective: none !important;\r\n  contain: none !important;\r\n}\r\n\r\n.cp-jw-fixed-nav {\r\n  position: fixed !important;\r\n  top: var(--jw-admin-bar-offset, 0px) !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  width: auto !important;\r\n  max-width: none !important;\r\n  z-index: 99990 !important;\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  background: #ffffff !important;\r\n  border-bottom: 1px solid rgba(29, 35, 41, 0.08) !important;\r\n  max-height: calc(100vh - var(--jw-admin-bar-offset, 0px)) !important;\r\n  overflow-x: hidden !important;\r\n  overflow-y: auto !important;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.cp-jw-fixed-nav,\r\n.cp-jw-fixed-nav * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-top-table {\r\n  width: 100%;\r\n  max-width: 1260px;\r\n  margin: 0 auto;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  table-layout: fixed;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand-cell,\r\n.cp-jw-fixed-nav .cp-nav-cell {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n  padding: 14px 30px;\r\n  border: 0;\r\n  background: transparent;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand-cell {\r\n  width: 44%;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell {\r\n  width: 56%;\r\n  text-align: right;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand {\r\n  display: inline-block;\r\n  width: 100%;\r\n  max-width: 460px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand-logo {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 460px;\r\n  height: auto;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell a {\r\n  display: inline-block;\r\n  margin: 4px 0 4px 20px;\r\n  color: #1d2329;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  text-decoration: none;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell a:hover,\r\n.cp-jw-fixed-nav .cp-nav-cell a:focus {\r\n  color: #a84412;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell .cp-nav-cta {\r\n  padding: 15px 21px;\r\n  border-radius: 6px;\r\n  background: #1d2329;\r\n  color: #ffffff;\r\n  box-shadow: 0 9px 24px rgba(29, 35, 41, 0.16);\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell .cp-nav-cta:hover,\r\n.cp-jw-fixed-nav .cp-nav-cell .cp-nav-cta:focus {\r\n  background: #a84412;\r\n  color: #ffffff;\r\n}\r\n\r\n#cp-nav-spacer {\r\n  display: block;\r\n  width: 100%;\r\n  height: var(--cp-nav-height, 0px);\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n#cp-clearproof [id] {\r\n  scroll-margin-top: var(--cp-anchor-offset, 28px);\r\n}\r\n\r\n@media (max-width: 780px) {\r\n  .cp-jw-fixed-nav .cp-brand-cell,\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    display: block;\r\n    width: 100%;\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-brand-cell {\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-brand,\r\n  .cp-jw-fixed-nav .cp-brand-logo {\r\n    max-width: 360px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    padding-top: 0;\r\n    padding-bottom: 15px;\r\n    text-align: left;\r\n    white-space: normal;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell a {\r\n    margin: 6px 16px 6px 0;\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .cp-jw-fixed-nav .cp-brand-cell,\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-brand,\r\n  .cp-jw-fixed-nav .cp-brand-logo {\r\n    max-width: 300px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell a {\r\n    margin-right: 12px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell .cp-nav-cta {\r\n    padding: 12px 15px;\r\n  }\r\n}\r\n\r\n\r\n\/* NOBLE TRUCK REPAIRS NAVIGATION FIT *\/\r\n#cp-clearproof .cp-brand-cell{width:25%;}\r\n#cp-clearproof .cp-nav-cell{width:75%;}\r\n#cp-clearproof .cp-nav-cell a{margin-left:7px;font-size:11px;white-space:nowrap;}\r\n@media (max-width:1040px){\r\n  #cp-clearproof .cp-brand-cell{width:28%;}\r\n  #cp-clearproof .cp-nav-cell{width:72%;}\r\n  #cp-clearproof .cp-nav-cell a{margin-left:5px;font-size:10px;}\r\n}\r\n@media (max-width:780px){\r\n  #cp-clearproof .cp-brand-cell,#cp-clearproof .cp-nav-cell{width:100%;}\r\n  #cp-clearproof .cp-nav-cell{max-height:42vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}\r\n  #cp-clearproof .cp-nav-cell a{display:inline-block;margin:5px 12px 5px 0;font-size:13px;}\r\n}\r\n\r\n\/* FINAL LAYOUT CORRECTIONS *\/\r\n#cp-clearproof .cp-section-anchor {\r\n  position: absolute;\r\n  z-index: -1;\r\n  top: 0;\r\n  left: 0;\r\n  width: 1px;\r\n  height: 1px;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-top-table {\r\n  width: 100%;\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand-cell {\r\n  width: 31%;\r\n  padding: 13px 24px;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell {\r\n  width: 69%;\r\n  padding: 12px 24px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-brand,\r\n.cp-jw-fixed-nav .cp-brand-logo {\r\n  max-width: 390px;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell a {\r\n  margin: 4px 0 4px 14px;\r\n  font-size: 12px;\r\n  line-height: 1.25;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.cp-jw-fixed-nav .cp-nav-cell .cp-nav-cta {\r\n  padding: 12px 16px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal {\r\n  min-height: 700px;\r\n}\r\n\r\n#cp-clearproof #cp-proof-reveal .cp-proof-reveal-shell {\r\n  min-height: 700px;\r\n  padding-top: 72px;\r\n  padding-bottom: 72px;\r\n}\r\n\r\n@media (max-width: 1180px) {\r\n  .cp-jw-fixed-nav .cp-brand-cell {\r\n    width: 28%;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    width: 72%;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell a {\r\n    margin-left: 9px;\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .cp-jw-fixed-nav .cp-brand-cell,\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    display: block;\r\n    width: 100%;\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-brand-cell {\r\n    padding-top: 10px;\r\n    padding-bottom: 7px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell {\r\n    max-height: min(48vh, 320px);\r\n    padding-top: 4px;\r\n    padding-bottom: 12px;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    text-align: left;\r\n    white-space: normal;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell a {\r\n    margin: 5px 13px 5px 0;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .cp-jw-fixed-nav .cp-brand,\r\n  .cp-jw-fixed-nav .cp-brand-logo {\r\n    max-width: 285px;\r\n  }\r\n\r\n  .cp-jw-fixed-nav .cp-nav-cell a {\r\n    margin-right: 10px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<div id=\"cp-clearproof\">\r\n<header class=\"cp-topbar cp-jw-fixed-nav\" id=\"cp-custom-navigation\">\r\n<table class=\"cp-top-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-brand-cell\">\r\n<div class=\"cp-brand\">\r\n<img decoding=\"async\" alt=\"Noble Truck Repairs\" class=\"cp-brand-logo\" data-jw-image-slot=\"image-1\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20760%20120%22%3E%3Crect%20width%3D%22760%22%20height%3D%22120%22%20rx%3D%228%22%20fill%3D%22%231d2329%22%2F%3E%3Cpath%20d%3D%22M28%2078h62l15-28h72l22%2028h34v20h-16a25%2025%200%200%200-49%200H94a25%2025%200%200%200-49%200H28z%22%20fill%3D%22%23e36b21%22%2F%3E%3Ccircle%20cx%3D%2269%22%20cy%3D%2298%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%2298%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Ctext%20x%3D%22255%22%20y%3D%2254%22%20font-family%3D%22Arial%2Csans-serif%22%20font-size%3D%2234%22%20font-weight%3D%22900%22%20fill%3D%22%23fff%22%3ENOBLE%20TRUCK%3C%2Ftext%3E%3Ctext%20x%3D%22255%22%20y%3D%2292%22%20font-family%3D%22Arial%2Csans-serif%22%20font-size%3D%2230%22%20font-weight%3D%22800%22%20fill%3D%22%23f5b14c%22%3EREPAIRS%3C%2Ftext%3E%3C%2Fsvg%3E\"\/>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-nav-cell\"><a href=\"#home\">Home<\/a><a href=\"#service\">Services<\/a><a href=\"#diagnostics\">Diagnostics<\/a><a href=\"#repair-process\">Repair Process<\/a><a href=\"#brake-service\">Brakes<\/a><a href=\"#electrical\">Electrical<\/a><a href=\"#preventive-maintenance\">Maintenance<\/a><a href=\"#fleet-service\">Fleet Service<\/a><a href=\"#roadside-help\">Roadside Help<\/a><a href=\"#about-us\">About Us<\/a><a href=\"#faq\">FAQ<\/a><a href=\"#contact-us-image-top\">Contact<\/a><a class=\"cp-nav-cta\" href=\"tel:6182468822\">Call 618-246-8822<\/a><\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/header>\r\n<div aria-hidden=\"true\" id=\"cp-nav-spacer\"><\/div>\r\n<section aria-label=\"Professional truck repair services\" class=\"cp-hero\" id=\"home\">\r\n<table class=\"cp-hero-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-hero-copy\">\r\n<div class=\"cp-live-label\">\r\n<span class=\"cp-live-dot\"><span><\/span><\/span>\r\n<span class=\"cp-live-text\">Dependable truck repairs start with the right diagnosis<\/span>\r\n<\/div>\r\n<h1>Repairs before <span class=\"cp-pop-word\">guesswork.<\/span><\/h1>\r\n<p class=\"cp-hero-lead\">Noble Truck Repairs provides professional repair and maintenance support for truck owners, drivers, and fleets. Frank Byas helps customers start with the symptoms, identify the right diagnostic path, and move forward with practical repair recommendations.<\/p>\r\n<div class=\"cp-button-row\">\r\n<a class=\"cp-btn cp-btn-primary\" href=\"tel:6182468822\">Call 618-246-8822<\/a>\r\n<a class=\"cp-btn cp-btn-outline\" href=\"#service\">Explore Truck Services<\/a>\r\n<\/div>\r\n<p class=\"cp-hero-note\">Diagnostics \u2022 Repairs \u2022 Preventive maintenance<\/p>\r\n<\/td>\r\n<td class=\"cp-hero-visual-cell\">\r\n<div class=\"cp-hero-visual\">\r\n<div class=\"cp-hero-photo\">\r\n<!-- Free stock source: Pexels \/ cottonbro studio - truck engine repair -->\r\n<img decoding=\"async\" alt=\"Truck mechanic repairing a diesel engine\" data-jw-image-slot=\"image-2\" fetchpriority=\"high\" src=\"https:\/\/images.pexels.com\/photos\/7564861\/pexels-photo-7564861.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1600\"\/>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"cp-scanline\"><\/div>\r\n<div aria-hidden=\"true\" class=\"cp-orbit\"><\/div>\r\n<div class=\"cp-service-chip\">\r\n<span>Start with your truck problem<\/span>\r\n<strong>Frank Byas helps you identify the service path that fits your truck and the problem you are experiencing.<\/strong>\r\n<\/div>\r\n<div aria-label=\"Clear process from request to next step\" class=\"cp-proof-stamp\">\r\n<strong>Reliable.<\/strong>\r\n<span>From truck problem to repair plan<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/section>\r\n<nav aria-label=\"Primary truck repair services\" class=\"cp-proofbar\">\r\n<table class=\"cp-proofbar-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-proofbar-cell\">\r\n<a href=\"#service\">\r\n<span class=\"cp-proofbar-num\">01 \/ ENGINE<\/span>\r\n<strong>Engine &amp; Drivetrain Repair<\/strong>\r\n<span>Engine, drivetrain, and performance concerns<\/span>\r\n<\/a>\r\n<\/td>\r\n<td class=\"cp-proofbar-cell\">\r\n<a href=\"#diagnostics\">\r\n<span class=\"cp-proofbar-num\">02 \/ DIAGNOSTICS<\/span>\r\n<strong>Truck Diagnostics<\/strong>\r\n<span>Electrical, warning-light, and performance diagnostics<\/span>\r\n<\/a>\r\n<\/td>\r\n<td class=\"cp-proofbar-cell\">\r\n<a href=\"#fleet-service\">\r\n<span class=\"cp-proofbar-num\">03 \/ FLEET<\/span>\r\n<strong>Fleet Truck Service<\/strong>\r\n<span>Scheduled maintenance and repair support for working trucks<\/span>\r\n<\/a>\r\n<\/td>\r\n<td class=\"cp-proofbar-cell cp-proofbar-cta\">\r\n<a href=\"tel:6182468822\">\r\n<span class=\"cp-proofbar-num\">NOT SURE WHAT'S WRONG?<\/span>\r\n<strong>Tell us what the truck is doing<\/strong>\r\n<span>Call 618-246-8822 and describe the symptoms, warning lights, noises, or service you need.<\/span>\r\n<\/a>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/nav>\r\n<section aria-label=\"Noble Truck Repairs truck repair service principles\" class=\"cp-confidence\" id=\"roadside-help\">\r\n<div class=\"cp-shell\">\r\n<table class=\"cp-confidence-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-confidence-cell\">\r\n<span class=\"cp-confidence-icon\">01<\/span>\r\n<strong>Professional Truck Service<\/strong>\r\n<span>Noble Truck Repairs provides focused repair support for truck owners, drivers, and fleet operators.<\/span>\r\n<\/td>\r\n<td class=\"cp-confidence-cell\">\r\n<span class=\"cp-confidence-icon\">02<\/span>\r\n<strong>Direct Repair Conversation<\/strong>\r\n<span>Call 618-246-8822 to discuss the truck, the symptoms, and the service you need.<\/span>\r\n<\/td>\r\n<td class=\"cp-confidence-cell\">\r\n<span class=\"cp-confidence-icon\">03<\/span>\r\n<strong>Clear Starting Information<\/strong>\r\n<span>Vehicle details, symptoms, warning lights, noises, and operating conditions help define the right starting point.<\/span>\r\n<\/td>\r\n<td class=\"cp-confidence-cell\">\r\n<span class=\"cp-confidence-icon\">04<\/span>\r\n<strong>Diagnosis-first repair guidance<\/strong>\r\n<span>The symptoms, operating conditions, and inspection findings help shape the right repair route.<\/span>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section class=\"cp-section cp-intro\" id=\"about-us\">\r\n<div class=\"cp-shell\">\r\n<table class=\"cp-intro-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-intro-art\">\r\n<div class=\"cp-type-card\">\r\n<span class=\"cp-type-small\">The Noble Truck Repairs approach<\/span>\r\n<strong class=\"cp-type-big\">TRUCK<br\/>REPAIR<br\/>CLARITY.<\/strong>\r\n<span class=\"cp-type-caption\">The repair process should match the truck's symptoms, condition, and operating demands.<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-intro-copy\">\r\n<span class=\"cp-kicker\">About Noble Truck Repairs<\/span>\r\n<h2>Professional truck repair guidance built around clear communication, practical diagnostics, and dependable next steps.<\/h2>\r\n<p>Noble Truck Repairs helps truck owners, drivers, and fleet operators understand repair options before work begins. Frank Byas focuses on making the process easier to understand by identifying the concern, explaining the diagnostic and repair path, and keeping the next steps visible. The goal is straightforward: practical service guidance that helps get the truck back to dependable operation.<\/p>\r\n<table class=\"cp-signal-table\" role=\"presentation\">\r\n<tr class=\"cp-signal-row\">\r\n<td class=\"cp-signal-num\">01<\/td>\r\n<td class=\"cp-signal-copy\">\r\n<strong>Start with the symptoms<\/strong>\r\n<span>Tell us what the truck is doing, when the problem occurs, and how the vehicle is being used.<\/span>\r\n<\/td>\r\n<td class=\"cp-signal-arrow\">\u2192<\/td>\r\n<\/tr>\r\n<tr class=\"cp-signal-row\">\r\n<td class=\"cp-signal-num\">02<\/td>\r\n<td class=\"cp-signal-copy\">\r\n<strong>Match the diagnostic path<\/strong>\r\n<span>Different symptoms call for different inspection, diagnostic, and repair procedures.<\/span>\r\n<\/td>\r\n<td class=\"cp-signal-arrow\">\u2192<\/td>\r\n<\/tr>\r\n<tr class=\"cp-signal-row\">\r\n<td class=\"cp-signal-num\">03<\/td>\r\n<td class=\"cp-signal-copy\">\r\n<strong>Keep the repair plan visible<\/strong>\r\n<span>Clear communication helps you understand what was found, what should be repaired, and what comes next.<\/span>\r\n<\/td>\r\n<td class=\"cp-signal-arrow\">\u2192<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section class=\"cp-section cp-services\" id=\"service\">\r\n<div class=\"cp-shell\">\r\n<div class=\"cp-section-head\">\r\n<span class=\"cp-kicker\">Truck repair services<\/span>\r\n<h2 class=\"cp-section-title\">Three core service paths. One dependable starting point.<\/h2>\r\n<p class=\"cp-section-lead\">Choose the service category that best matches the problem, or describe the symptoms and let Frank Byas help you discuss the available repair route.<\/p>\r\n<\/div>\r\n<table class=\"cp-bento-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-bento-main-cell\">\r\n<article class=\"cp-service-main\">\r\n<div class=\"cp-service-main-photo\">\r\n<!-- Free stock source: Pexels \/ cottonbro studio - truck repair workshop -->\r\n<img decoding=\"async\" alt=\"Mechanic working on a truck engine in a repair shop\" data-jw-image-slot=\"image-3\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/7541360\/pexels-photo-7541360.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-service-main-num\">01<\/span>\r\n<span class=\"cp-service-main-tag\">Engine diagnostics<\/span>\r\n<\/div>\r\n<div class=\"cp-service-main-body\">\r\n<h3>Engine &amp; Drivetrain Repair<\/h3>\r\n<p>Engine and drivetrain service can address power loss, rough running, leaks, overheating, unusual noises, and other performance concerns. The right repair begins with a focused inspection and diagnosis.<\/p>\r\n<a class=\"cp-service-link\" href=\"#repair-process\">Explore engine repair<\/a>\r\n<\/div>\r\n<\/article>\r\n<\/td>\r\n<td class=\"cp-bento-side-cell\">\r\n<article class=\"cp-side-service\">\r\n<table class=\"cp-side-service-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-side-photo\">\r\n<!-- Free stock source: Pexels \/ cottonbro studio - truck maintenance -->\r\n<img decoding=\"async\" alt=\"Mechanics performing truck maintenance in a service bay\" data-jw-image-slot=\"image-4\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/7019371\/pexels-photo-7019371.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-side-num\">02<\/span>\r\n<\/td>\r\n<td class=\"cp-side-copy\">\r\n<span class=\"cp-mini-label\">Electrical &amp; diagnostics<\/span>\r\n<h3>Truck Diagnostics<\/h3>\r\n<p>Diagnostic service helps track down warning lights, starting issues, charging problems, electrical faults, and other concerns that need a clear cause before parts are replaced.<\/p>\r\n<a class=\"cp-service-link\" href=\"#diagnostics\">Explore diagnostics<\/a>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/article>\r\n<article class=\"cp-side-service\">\r\n<table class=\"cp-side-service-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-side-photo\">\r\n<!-- Free stock source: Pexels \/ cottonbro studio - truck maintenance team -->\r\n<img decoding=\"async\" alt=\"Truck mechanics working together during maintenance\" data-jw-image-slot=\"image-5\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/7018506\/pexels-photo-7018506.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-side-num\">03<\/span>\r\n<\/td>\r\n<td class=\"cp-side-copy\">\r\n<span class=\"cp-mini-label\">Fleet maintenance<\/span>\r\n<h3>Fleet Truck Service<\/h3>\r\n<p>Fleet service can combine inspections, preventive maintenance, and needed repairs to help working trucks stay ready for the road.<\/p>\r\n<a class=\"cp-service-link\" href=\"#fleet-service\">Explore fleet service<\/a>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/article>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<div class=\"cp-service-note\"><strong>Not sure which service fits?<\/strong> You do not need to know the technical repair name. Describe the symptoms, warning lights, noises, operating conditions, and any timing concerns.<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"cp-section cp-audience\" id=\"diagnostics\">\r\n<div class=\"cp-shell\">\r\n<table class=\"cp-audience-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-audience-copy\">\r\n<span class=\"cp-kicker\">Who Noble Truck Repairs can support<\/span>\r\n<h2>Reliable truck service matters whether you operate one truck or manage multiple vehicles.<\/h2>\r\n<p>Truck problems can interrupt schedules, reduce performance, and create costly downtime. Frank Byas helps customers begin with the symptoms and move toward an appropriate diagnostic and repair path.<\/p>\r\n<div class=\"cp-audience-callout\">One truck repair business. Many service needs. A clearer way to start the conversation.<\/div>\r\n<\/td>\r\n<td class=\"cp-audience-grid-cell\">\r\n<table class=\"cp-audience-grid\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 01<\/span>\r\n<strong>Owner-Operators<\/strong>\r\n<span>Repair, maintenance, and diagnostic needs for independently operated trucks<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 02<\/span>\r\n<strong>Local Truck Owners<\/strong>\r\n<span>Practical service for trucks used for work, hauling, and everyday operation<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 03<\/span>\r\n<strong>Fleet Managers<\/strong>\r\n<span>Maintenance and repair coordination for commercial truck fleets<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 04<\/span>\r\n<strong>Commercial Drivers<\/strong>\r\n<span>Repair support focused on dependable operation and reduced downtime<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 05<\/span>\r\n<strong>Businesses With Trucks<\/strong>\r\n<span>Service support for companies that depend on trucks to keep work moving<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-audience-item\">\r\n<div class=\"cp-audience-box\">\r\n<span class=\"cp-audience-code\">NTR \/ 06<\/span>\r\n<strong>Scheduled Maintenance<\/strong>\r\n<span>Inspection and maintenance planning for routine service needs<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section aria-labelledby=\"cp-proof-reveal-heading\" id=\"cp-proof-reveal\">\r\n<span aria-hidden=\"true\" class=\"cp-section-anchor\" id=\"fleet-service\"><\/span>\r\n<div class=\"cp-proof-reveal-panel\">\r\n<div aria-hidden=\"true\" class=\"cp-proof-reveal-orbit\"><\/div>\r\n<div class=\"cp-proof-reveal-shell\">\r\n<table class=\"cp-proof-reveal-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-proof-reveal-copy\">\r\n<span class=\"cp-proof-reveal-kicker\">Repair clarity that gets the truck moving<\/span>\r\n<h2 class=\"cp-proof-reveal-heading\" id=\"cp-proof-reveal-heading\">\r\n<span class=\"cp-proof-reveal-line\"><span>One clear truck problem.<\/span><\/span>\r\n<span class=\"cp-proof-reveal-line\"><span>One practical repair plan.<\/span><\/span>\r\n<\/h2>\r\n<p class=\"cp-proof-reveal-copytext\">Whether the need involves an engine concern, electrical fault, brake issue, preventive maintenance, or fleet service, Noble Truck Repairs connects the symptoms to the appropriate inspection, repair path, and practical next step.<\/p>\r\n<a aria-label=\"Start with your truck repair question\" class=\"cp-proof-reveal-cta\" href=\"tel:6182468822\">\r\n<span aria-hidden=\"true\" class=\"cp-proof-reveal-disc\"><\/span>\r\n<span class=\"cp-proof-reveal-cta-text\">Call Frank Byas<\/span>\r\n<span aria-hidden=\"true\" class=\"cp-proof-reveal-arrow\">\u2192<\/span>\r\n<\/a>\r\n<\/td>\r\n<td class=\"cp-proof-reveal-rail\">\r\n<span class=\"cp-proof-reveal-rail-label\">Three core services \/ one dependable starting point<\/span>\r\n<div class=\"cp-proof-reveal-service\">\r\n<span class=\"cp-proof-reveal-number\">01<\/span>\r\n<strong>Engine &amp; Drivetrain Repair<\/strong>\r\n<span>Engine, drivetrain, performance, leak, and overheating concerns<\/span>\r\n<\/div>\r\n<div class=\"cp-proof-reveal-service\">\r\n<span class=\"cp-proof-reveal-number\">02<\/span>\r\n<strong>Truck Diagnostics<\/strong>\r\n<span>Warning lights, starting, charging, electrical, and performance diagnostics<\/span>\r\n<\/div>\r\n<div class=\"cp-proof-reveal-service\">\r\n<span class=\"cp-proof-reveal-number\">03<\/span>\r\n<strong>Fleet Truck Service<\/strong>\r\n<span>Maintenance planning, inspections, and repairs for working trucks<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<script>\r\n  (function () {\r\n    var section = document.getElementById(\"cp-proof-reveal\");\r\n    if (!section) {\r\n      return;\r\n    }\r\n\r\n    var reducedMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n    if (reducedMotion || !(\"IntersectionObserver\" in window)) {\r\n      section.classList.add(\"cp-proof-is-visible\");\r\n      return;\r\n    }\r\n\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      for (var i = 0; i < entries.length; i += 1) {\r\n        if (entries[i].isIntersecting) {\r\n          section.classList.add(\"cp-proof-is-visible\");\r\n          observer.unobserve(section);\r\n          break;\r\n        }\r\n      }\r\n    }, {\r\n      threshold: 0.2,\r\n      rootMargin: \"0px 0px -8% 0px\"\r\n    });\r\n\r\n    observer.observe(section);\r\n  }());\r\n  <\/script>\r\n<section class=\"cp-section cp-process\" id=\"repair-process\">\r\n<div class=\"cp-shell\">\r\n<div class=\"cp-section-head\">\r\n<span class=\"cp-kicker\">A visible truck repair process<\/span>\r\n<h2 class=\"cp-section-title\">Four clear moves from truck problem to repair plan.<\/h2>\r\n<p class=\"cp-section-lead\">The details vary by vehicle and problem. Frank Byas keeps the starting logic clear: identify the symptoms, inspect and diagnose the concern, complete the approved repair steps, and move forward with a clearer understanding of the truck's condition.<\/p>\r\n<\/div>\r\n<table class=\"cp-process-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-process-cell\">\r\n<div class=\"cp-process-card\">\r\n<span class=\"cp-process-node\">01<\/span>\r\n<h3>Tell us what the truck is doing<\/h3>\r\n<p>Share the symptoms, warning lights, noises, operating conditions, and any timing concerns.<\/p>\r\n<span class=\"cp-process-big-num\">01<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-process-cell\">\r\n<div class=\"cp-process-card\">\r\n<span class=\"cp-process-node\">02<\/span>\r\n<h3>Confirm the diagnostic path<\/h3>\r\n<p>Discuss the inspection and diagnostic route that best matches the reported concern.<\/p>\r\n<span class=\"cp-process-big-num\">02<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-process-cell\">\r\n<div class=\"cp-process-card\">\r\n<span class=\"cp-process-node\">03<\/span>\r\n<h3>Complete the approved repairs<\/h3>\r\n<p>Follow the inspection, authorization, repair, and verification steps connected to the approved service plan.<\/p>\r\n<span class=\"cp-process-big-num\">03<\/span>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-process-cell\">\r\n<div class=\"cp-process-card\">\r\n<span class=\"cp-process-node\">04<\/span>\r\n<h3>Return to service with clarity<\/h3>\r\n<p>After repairs, the completed work and recommended next steps are reviewed so you know what follows.<\/p>\r\n<span class=\"cp-process-big-num\">04<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section class=\"cp-section cp-purpose\" id=\"brake-service\">\r\n<div class=\"cp-shell\">\r\n<table class=\"cp-purpose-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-purpose-photo-cell\">\r\n<div class=\"cp-purpose-photo-shell\">\r\n<div class=\"cp-purpose-photo\">\r\n<!-- Free stock source: Pexels \/ cottonbro studio - truck repair shop -->\r\n<img decoding=\"async\" alt=\"Semi truck in a repair workshop\" data-jw-image-slot=\"image-6\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/7019372\/pexels-photo-7019372.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<\/div>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-purpose-copy-cell\">\r\n<span class=\"cp-kicker\">Symptoms shape diagnostics<\/span>\r\n<h2>Choose the repair route after the truck is properly inspected.<\/h2>\r\n<p>The same symptom can have different causes. That is why Noble Truck Repairs starts with the reported concern and inspection findings instead of assuming every truck needs the same repair.<\/p>\r\n<p>Tell Frank Byas what the truck is doing. He can discuss the available diagnostic route and the repair steps connected to the findings.<\/p>\r\n<div class=\"cp-purpose-callout\">\r\n<strong>You can start without knowing the exact repair name.<\/strong>\r\n<span>Describe the symptoms, warning lights, noises, leaks, or performance changes. That gives Noble Truck Repairs a better place to begin the conversation.<\/span>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section aria-label=\"Practical details that help truck repair requests move forward\" class=\"cp-readiness\" id=\"electrical\">\r\n<div class=\"cp-shell\">\r\n<div class=\"cp-readiness-head\">\r\n<span class=\"cp-kicker\">Before, during &amp; after truck repair<\/span>\r\n<h2 class=\"cp-section-title\">The repair matters. Good information and preparation keep the process moving.<\/h2>\r\n<p class=\"cp-readiness-lead\">A truck repair can lose time when symptoms are unclear, maintenance history is missing, or approval steps are uncertain. Noble Truck Repairs keeps the practical pieces visible so the service process stays understandable.<\/p>\r\n<\/div>\r\n<table class=\"cp-readiness-grid\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-readiness-cell\">\r\n<article class=\"cp-readiness-card\">\r\n<div class=\"cp-readiness-photo\">\r\n<!-- Free stock source: Pexels \/ Gustavo Fring - truck engine inspection -->\r\n<img decoding=\"async\" alt=\"Mechanic inspecting a truck engine\" data-jw-image-slot=\"image-7\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/6720524\/pexels-photo-6720524.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-readiness-photo-label\">Start with the truck symptoms<\/span>\r\n<span class=\"cp-readiness-num\">01<\/span>\r\n<\/div>\r\n<div class=\"cp-readiness-body\">\r\n<span class=\"cp-readiness-mark\">WHY<\/span>\r\n<h3>Describe the problem.<\/h3>\r\n<p>The clearest repair requests begin in plain language. Tell us what the truck is doing, when it happens, what warning lights are on, and how the vehicle is normally used.<\/p>\r\n<div class=\"cp-readiness-list\">\r\n<span>Symptoms are described early<\/span>\r\n<span>Truck, mileage, and timing are identified<\/span>\r\n<span>Unknowns surface before repairs<\/span>\r\n<\/div>\r\n<a class=\"cp-readiness-link\" href=\"tel:6182468822\">Call 618-246-8822<\/a>\r\n<\/div>\r\n<\/article>\r\n<\/td>\r\n<td class=\"cp-readiness-cell\">\r\n<article class=\"cp-readiness-card\">\r\n<div class=\"cp-readiness-photo\">\r\n<!-- Free stock source: Pexels \/ Jonathan Reynaga - roadside truck service -->\r\n<img decoding=\"async\" alt=\"Mechanic providing roadside truck service\" data-jw-image-slot=\"image-8\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/17429094\/pexels-photo-17429094.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-readiness-photo-label\">Prepare for inspection<\/span>\r\n<span class=\"cp-readiness-num\">02<\/span>\r\n<\/div>\r\n<div class=\"cp-readiness-body\">\r\n<span class=\"cp-readiness-mark\">READY<\/span>\r\n<h3>Prepare for service.<\/h3>\r\n<p>A smooth repair visit starts with useful vehicle information. Frank Byas helps make the expected inspection, service details, and immediate next step easier to understand.<\/p>\r\n<div class=\"cp-readiness-list\">\r\n<span>Vehicle details are clarified<\/span>\r\n<span>Inspection expectations are reviewed<\/span>\r\n<span>Maintenance history is discussed<\/span>\r\n<\/div>\r\n<a class=\"cp-readiness-link\" href=\"#cp-process\">Review the four-step process<\/a>\r\n<\/div>\r\n<\/article>\r\n<\/td>\r\n<td class=\"cp-readiness-cell\">\r\n<article class=\"cp-readiness-card\">\r\n<div class=\"cp-readiness-photo\">\r\n<!-- Free stock source: Pexels \/ Gustavo Fring - truck wheel service -->\r\n<img decoding=\"async\" alt=\"Mechanic servicing a truck wheel and brake area\" data-jw-image-slot=\"image-9\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/6720551\/pexels-photo-6720551.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1500\"\/>\r\n<span class=\"cp-readiness-photo-label\">Know what follows the repair<\/span>\r\n<span class=\"cp-readiness-num\">03<\/span>\r\n<\/div>\r\n<div class=\"cp-readiness-body\">\r\n<span class=\"cp-readiness-mark\">NEXT<\/span>\r\n<h3>Understand what comes next.<\/h3>\r\n<p>Truck repair should not become a black box after service begins. Understand what was found, what was approved, and where follow-up begins.<\/p>\r\n<div class=\"cp-readiness-list\">\r\n<span>Repair expectations stay visible<\/span>\r\n<span>Completed work is reviewed<\/span>\r\n<span>Follow-up has a clear starting point<\/span>\r\n<\/div>\r\n<a class=\"cp-readiness-link\" href=\"tel:6182468822\">Ask Frank Byas before you begin<\/a>\r\n<\/div>\r\n<\/article>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<div class=\"cp-readiness-note\"><strong>Truck repair does not have to feel complicated.<\/strong> Start with the symptoms and vehicle information you know. The conversation can help organize what still needs to be inspected or diagnosed.<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"cp-section cp-faq\" id=\"faq\">\r\n<div class=\"cp-shell\">\r\n<div class=\"cp-section-head\">\r\n<span class=\"cp-kicker\">Frequently asked questions<\/span>\r\n<h2 class=\"cp-section-title\">Clear answers help make repair decisions easier.<\/h2>\r\n<\/div>\r\n<table class=\"cp-faq-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-faq-col\">\r\n<div class=\"cp-faq-item\">\r\n<span class=\"cp-faq-num\">01<\/span>\r\n<h3>What kinds of truck repair services are available?<\/h3>\r\n<p>Noble Truck Repairs can help with diagnostics, engine and drivetrain concerns, brake service, electrical issues, preventive maintenance, and other common truck repair needs. Call with the symptoms so the appropriate service path can be discussed.<\/p>\r\n<\/div>\r\n<div class=\"cp-faq-item\">\r\n<span class=\"cp-faq-num\">02<\/span>\r\n<h3>How do I know which repair service is appropriate?<\/h3>\r\n<p>Start by explaining what the truck is doing and when the problem occurs. Inspection and diagnostic steps can differ depending on the symptoms and vehicle condition.<\/p>\r\n<\/div>\r\n<\/td>\r\n<td class=\"cp-faq-col\">\r\n<div class=\"cp-faq-item\">\r\n<span class=\"cp-faq-num\">03<\/span>\r\n<h3>Can you help with preventive maintenance as well as repairs?<\/h3>\r\n<p>Yes. Preventive maintenance can help identify wear and service needs before they become larger problems. Frank Byas can discuss a maintenance path based on the truck's use and current condition.<\/p>\r\n<\/div>\r\n<div class=\"cp-faq-item\">\r\n<span class=\"cp-faq-num\">04<\/span>\r\n<h3>What is the fastest way to get started with a truck repair?<\/h3>\r\n<p>Call 618-246-8822 and describe the truck, symptoms, warning lights, and timing concerns. Frank Byas can then help identify the appropriate starting point.<\/p>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/section>\r\n<section aria-label=\"Request truck repair\" class=\"cp-cta\" id=\"preventive-maintenance\">\r\n<div class=\"cp-shell\">\r\n<div class=\"cp-cta-inner\">\r\n<span class=\"cp-kicker\">Start with your truck problem<\/span>\r\n<h2>Need a truck repaired? Get clear on the process.<\/h2>\r\n<p>Tell Noble Truck Repairs what the truck is doing and what service you need. Frank Byas can help you discuss the diagnostic path, repair expectations, and next steps. Call 618-246-8822 to discuss your truck repair need.<\/p>\r\n<div class=\"cp-button-row\" style=\"margin-bottom:0;\">\r\n<a class=\"cp-btn cp-btn-dark\" href=\"tel:6182468822\">Call 618-246-8822<\/a>\r\n<a class=\"cp-btn cp-btn-light\" href=\"#service\">Review Truck Services<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<footer class=\"cp-footer\">\r\n<div class=\"cp-shell\">\r\n<table class=\"cp-footer-table\" role=\"presentation\">\r\n<tr>\r\n<td class=\"cp-footer-brand\">\r\n<strong>Noble Truck Repairs<\/strong>\r\n<span>Engine Repair \u2022 Diagnostics \u2022 Fleet Service \u2022 <a href=\"tel:6182468822\">618-246-8822<\/a><\/span>\r\n<\/td>\r\n<td class=\"cp-footer-copy\">Repair availability, diagnostic steps, parts needs, and turnaround expectations vary by vehicle and service request. Call Frank Byas at 618-246-8822 to discuss your truck repair need.<\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/div>\r\n<\/footer>\r\n<\/div>\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var siteRoot = document.getElementById(\"cp-clearproof\");\r\n  var customNavigation = document.getElementById(\"cp-custom-navigation\");\r\n  var spacer = document.getElementById(\"cp-nav-spacer\");\r\n  var adminBar = document.getElementById(\"wpadminbar\");\r\n  var rafPending = false;\r\n  var observer = null;\r\n\r\n  if (!siteRoot || !customNavigation || !spacer) {\r\n    return;\r\n  }\r\n\r\n  var themeSelectors = [\r\n    \"#masthead.site-header\",\r\n    \"#masthead.site-header .main-navigation\",\r\n    \"#site-navigation.site-navigation.main-navigation\",\r\n    \"#site-navigation.main-navigation\",\r\n    \"#sticky-container > #masthead.site-header\",\r\n    \"#sticky-container > #site-navigation.site-navigation.main-navigation\",\r\n    \"#sticky-container > #site-navigation.main-navigation\",\r\n    \"#sticky-container > .site-navigation.main-navigation\",\r\n    \"#masthead.site-header .mobile-nav-frame\"\r\n  ];\r\n\r\n  function isPrincipalWrapper(element) {\r\n    if (!(element instanceof Element)) return false;\r\n    return element.matches(\"#page, #main, #primary, .site-content, .panel-layout, .panel-grid, .so-panel\");\r\n  }\r\n\r\n  function isPositivelyIdentifiedThemeNavigation(element) {\r\n    if (!(element instanceof Element)) return false;\r\n    for (var i = 0; i < themeSelectors.length; i += 1) {\r\n      try {\r\n        if (element.matches(themeSelectors[i])) return true;\r\n      } catch (error) {}\r\n    }\r\n    return false;\r\n  }\r\n\r\n  function maySuppress(element) {\r\n    if (!(element instanceof Element)) return false;\r\n    if (element === document.documentElement || element === document.body) return false;\r\n\r\n    var portal = document.getElementById(\"cp-nav-portal\");\r\n    if (portal && (element === portal || element.contains(portal) || portal.contains(element))) {\r\n      return false;\r\n    }\r\n\r\n    if (element === siteRoot || element === customNavigation) return false;\r\n    if (element.contains(siteRoot) || siteRoot.contains(element)) return false;\r\n    if (adminBar && (element === adminBar || element.closest(\"#wpadminbar\"))) return false;\r\n    if (isPrincipalWrapper(element)) return false;\r\n    if (!isPositivelyIdentifiedThemeNavigation(element)) return false;\r\n    return true;\r\n  }\r\n\r\n  function suppressThemeNavigation() {\r\n    try {\r\n      themeSelectors.forEach(function (selector) {\r\n        var matches = document.querySelectorAll(selector);\r\n        for (var i = 0; i < matches.length; i += 1) {\r\n          if (maySuppress(matches[i])) {\r\n            matches[i].classList.add(\"cp-jw-theme-nav-suppressed\");\r\n            matches[i].setAttribute(\"aria-hidden\", \"true\");\r\n          }\r\n        }\r\n      });\r\n    } catch (error) {}\r\n  }\r\n\r\n  function getAdminOffset() {\r\n    adminBar = document.getElementById(\"wpadminbar\");\r\n    if (!adminBar) return 0;\r\n\r\n    try {\r\n      var style = window.getComputedStyle(adminBar);\r\n      var rect = adminBar.getBoundingClientRect();\r\n\r\n      if (\r\n        style.display === \"none\" ||\r\n        style.visibility === \"hidden\" ||\r\n        rect.height <= 0\r\n      ) {\r\n        return 0;\r\n      }\r\n\r\n      \/*\r\n         Reserve only the portion of the WordPress admin toolbar that is\r\n         visibly occupying the top edge of the viewport.\r\n\r\n         This prevents a stale full-height toolbar measurement from pushing\r\n         the custom navigation down after the toolbar has moved away, while\r\n         still keeping the navigation below the toolbar when it is visible.\r\n      *\/\r\n      if (rect.bottom <= 0 || rect.top > 1) {\r\n        return 0;\r\n      }\r\n\r\n      return Math.max(\r\n        0,\r\n        Math.round(Math.min(rect.height, rect.bottom))\r\n      );\r\n    } catch (error) {\r\n      return 0;\r\n    }\r\n  }\r\n\r\n  function getNavigationPortal() {\r\n    var portal = document.getElementById(\"cp-nav-portal\");\r\n\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = \"cp-nav-portal\";\r\n      portal.setAttribute(\"data-cp-navigation-portal\", \"true\");\r\n      document.documentElement.appendChild(portal);\r\n    }\r\n\r\n    return portal;\r\n  }\r\n\r\n  function ensureViewportParent() {\r\n    try {\r\n      var portal = getNavigationPortal();\r\n\r\n      if (customNavigation.parentNode !== portal) {\r\n        portal.appendChild(customNavigation);\r\n      }\r\n    } catch (error) {}\r\n  }\r\n\r\n  function recalculate() {\r\n    try {\r\n      ensureViewportParent();\r\n\r\n      var adminOffset = getAdminOffset();\r\n\r\n      document.documentElement.style.setProperty(\"--jw-admin-bar-offset\", adminOffset + \"px\");\r\n      siteRoot.style.setProperty(\"--jw-admin-bar-offset\", adminOffset + \"px\");\r\n      customNavigation.style.setProperty(\"--jw-admin-bar-offset\", adminOffset + \"px\");\r\n\r\n      customNavigation.style.setProperty(\"position\", \"fixed\", \"important\");\r\n      customNavigation.style.setProperty(\"top\", adminOffset + \"px\", \"important\");\r\n      customNavigation.style.setProperty(\"left\", \"0\", \"important\");\r\n      customNavigation.style.setProperty(\"right\", \"0\", \"important\");\r\n      customNavigation.style.setProperty(\"width\", \"auto\", \"important\");\r\n      customNavigation.style.setProperty(\"max-width\", \"none\", \"important\");\r\n      customNavigation.style.setProperty(\"margin\", \"0\", \"important\");\r\n      customNavigation.style.setProperty(\"transform\", \"none\", \"important\");\r\n\r\n      \/*\r\n         Verify the ACTUAL rendered top. If another browser\/theme rule still\r\n         displaces the navigation, counter-shift only by the measured error.\r\n      *\/\r\n      var renderedTop = customNavigation.getBoundingClientRect().top;\r\n      var topError = renderedTop - adminOffset;\r\n\r\n      if (Math.abs(topError) > 0.5) {\r\n        customNavigation.style.setProperty(\r\n          \"transform\",\r\n          \"translate3d(0,\" + (-topError) + \"px,0)\",\r\n          \"important\"\r\n        );\r\n      }\r\n\r\n      var navHeight = customNavigation.getBoundingClientRect().height || 0;\r\n      siteRoot.style.setProperty(\"--cp-nav-height\", navHeight + \"px\");\r\n      spacer.style.height = navHeight + \"px\";\r\n\r\n      var anchorOffset = adminOffset + navHeight + 8;\r\n      siteRoot.style.setProperty(\"--cp-anchor-offset\", anchorOffset + \"px\");\r\n\r\n      var destinations = siteRoot.querySelectorAll(\"[id]\");\r\n      for (var i = 0; i < destinations.length; i += 1) {\r\n        destinations[i].style.scrollMarginTop = anchorOffset + \"px\";\r\n      }\r\n    } catch (error) {}\r\n  }\r\n\r\n  function recoverNavigation() {\r\n    try {\r\n      ensureViewportParent();\r\n      suppressThemeNavigation();\r\n      recalculate();\r\n\r\n      var adminOffset = getAdminOffset();\r\n      var computed = window.getComputedStyle(customNavigation);\r\n      var rect = customNavigation.getBoundingClientRect();\r\n      if (computed.position !== \"fixed\" || Math.abs(rect.top - adminOffset) > 2) {\r\n        customNavigation.classList.add(\"cp-jw-fixed-nav\");\r\n        ensureViewportParent();\r\n        customNavigation.style.setProperty(\"position\", \"fixed\", \"important\");\r\n        customNavigation.style.setProperty(\"top\", adminOffset + \"px\", \"important\");\r\n        customNavigation.style.setProperty(\"left\", \"0\", \"important\");\r\n        customNavigation.style.setProperty(\"right\", \"0\", \"important\");\r\n        customNavigation.style.setProperty(\"width\", \"auto\", \"important\");\r\n        customNavigation.style.setProperty(\"max-width\", \"none\", \"important\");\r\n        customNavigation.style.setProperty(\"margin\", \"0\", \"important\");\r\n      }\r\n\r\n      \/*\r\n         recalculate() performs the final rendered-coordinate verification\r\n         and keeps the menu aligned with the visible WordPress toolbar.\r\n      *\/\r\n      recalculate();\r\n    } catch (error) {}\r\n  }\r\n\r\n  function scheduleRecovery() {\r\n    if (rafPending) return;\r\n    rafPending = true;\r\n    window.requestAnimationFrame(function () {\r\n      rafPending = false;\r\n      recoverNavigation();\r\n    });\r\n  }\r\n\r\n  function init() {\r\n    suppressThemeNavigation();\r\n    recoverNavigation();\r\n\r\n    try {\r\n      observer = new MutationObserver(function (mutations) {\r\n        var relevant = false;\r\n        for (var i = 0; i < mutations.length; i += 1) {\r\n          if (mutations[i].addedNodes && mutations[i].addedNodes.length) {\r\n            relevant = true;\r\n            break;\r\n          }\r\n        }\r\n        if (relevant) scheduleRecovery();\r\n      });\r\n      observer.observe(document.body, { childList: true, subtree: true });\r\n    } catch (error) {}\r\n\r\n    window.addEventListener(\"load\", scheduleRecovery, { passive: true });\r\n    window.addEventListener(\"resize\", scheduleRecovery, { passive: true });\r\n    window.addEventListener(\"orientationchange\", scheduleRecovery, { passive: true });\r\n    window.addEventListener(\"scroll\", scheduleRecovery, { passive: true });\r\n\r\n    customNavigation.addEventListener(\"click\", scheduleRecovery, true);\r\n\r\n    if (document.fonts && document.fonts.ready) {\r\n      document.fonts.ready.then(scheduleRecovery).catch(function () {});\r\n    }\r\n\r\n    window.setTimeout(scheduleRecovery, 120);\r\n    window.setTimeout(scheduleRecovery, 600);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init, { once: true });\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>HomeServicesDiagnosticsRepair ProcessBrakesElectricalMaintenanceFleet ServiceRoadside HelpAbout UsFAQContactCall 618-246-8822 Dependable truck repairs start with the right diagnosis Repairs before guesswork. Noble Truck Repairs provides professional repair and maintenance support for truck owners, drivers, and fleets. Frank Byas helps customers start with the symptoms, identify the right diagnostic path, and move forward with practical repair recommendations. Call 618-246-8822 Explore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"folder":[],"class_list":["post-1401","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dot Matrix Pattern -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dot Matrix Pattern -\" \/>\n<meta property=\"og:description\" content=\"HomeServicesDiagnosticsRepair ProcessBrakesElectricalMaintenanceFleet ServiceRoadside HelpAbout UsFAQContactCall 618-246-8822 Dependable truck repairs start with the right diagnosis Repairs before guesswork. Noble Truck Repairs provides professional repair and maintenance support for truck owners, drivers, and fleets. Frank Byas helps customers start with the symptoms, identify the right diagnostic path, and move forward with practical repair recommendations. Call 618-246-8822 Explore [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T23:37:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/dot-matrix-pattern\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/dot-matrix-pattern\\\/\",\"name\":\"Dot Matrix Pattern -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-09-04T23:37:02+00:00\",\"dateModified\":\"2026-09-04T23:37:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/dot-matrix-pattern\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/dot-matrix-pattern\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/dot-matrix-pattern\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dot Matrix Pattern\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dot Matrix Pattern -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/","og_locale":"en_US","og_type":"article","og_title":"Dot Matrix Pattern -","og_description":"HomeServicesDiagnosticsRepair ProcessBrakesElectricalMaintenanceFleet ServiceRoadside HelpAbout UsFAQContactCall 618-246-8822 Dependable truck repairs start with the right diagnosis Repairs before guesswork. Noble Truck Repairs provides professional repair and maintenance support for truck owners, drivers, and fleets. Frank Byas helps customers start with the symptoms, identify the right diagnostic path, and move forward with practical repair recommendations. Call 618-246-8822 Explore [&hellip;]","og_url":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/","article_modified_time":"2026-09-04T23:37:06+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/","url":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/","name":"Dot Matrix Pattern -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-09-04T23:37:02+00:00","dateModified":"2026-09-04T23:37:06+00:00","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/dot-matrix-pattern\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"Dot Matrix Pattern"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/frederick-young\/#website","url":"https:\/\/jwwebsites.com\/frederick-young\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/frederick-young\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1401\/revisions"}],"predecessor-version":[{"id":1403,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1401\/revisions\/1403"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1401"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}