{"product_id":"carfit™-instantair-fast-effortless-inflation","title":"CarFit™ InstantAir – fast, effortless inflation","description":"\u003cstyle\u003e\n\n\/* =========================================================\n   INSTANTAIR™ PREMIUM SHOPIFY SECTION\n   LUXURY BLACK + RED + BLUE GLOW\n========================================================= *\/\n\n.instantair-section {\n  --ia-red: #ff1738;\n  --ia-blue: #087cff;\n  --ia-white: #ffffff;\n  --ia-grey: #c4c8cf;\n\n  position: relative;\n  overflow: hidden;\n  color: #fff;\n\n  background:\n    radial-gradient(\n      circle at 12% 20%,\n      rgba(255, 20, 55, .14),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 88% 20%,\n      rgba(0, 110, 255, .16),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(255,255,255,.05),\n      transparent 35%\n    ),\n    linear-gradient(\n      180deg,\n      #020305 0%,\n      #07090d 48%,\n      #020305 100%\n    );\n\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n.instantair-section *,\n.instantair-section *::before,\n.instantair-section *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   AMBIENT RED LIGHT\n========================================================= *\/\n\n.instantair-section::before {\n  content: \"\";\n  position: absolute;\n  width: 750px;\n  height: 750px;\n  left: -420px;\n  top: 300px;\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255, 15, 50, .23) 0%,\n      rgba(255, 15, 50, .08) 35%,\n      transparent 70%\n    );\n\n  filter: blur(50px);\n\n  animation: iaRedAmbient 7s ease-in-out infinite;\n\n  pointer-events: none;\n  z-index: 0;\n}\n\n\n\/* =========================================================\n   AMBIENT BLUE LIGHT\n========================================================= *\/\n\n.instantair-section::after {\n  content: \"\";\n  position: absolute;\n  width: 750px;\n  height: 750px;\n  right: -420px;\n  top: 300px;\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0, 105, 255, .24) 0%,\n      rgba(0, 105, 255, .08) 35%,\n      transparent 70%\n    );\n\n  filter: blur(50px);\n\n  animation: iaBlueAmbient 7s ease-in-out infinite;\n\n  pointer-events: none;\n  z-index: 0;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ia-container {\n  width: min(1180px, 92%);\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.ia-hero {\n  min-height: 650px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  position: relative;\n\n  padding: 100px 0 90px;\n\n  isolation: isolate;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   HERO GRID\n========================================================= *\/\n\n.ia-grid {\n  position: absolute;\n  inset: 0;\n\n  opacity: .12;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.045) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.045) 1px,\n      transparent 1px\n    );\n\n  background-size: 50px 50px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 90%\n    );\n\n  z-index: -3;\n}\n\n\n\/* =========================================================\n   HERO CONTENT\n========================================================= *\/\n\n.ia-hero-content {\n  max-width: 900px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 3;\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.ia-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  padding: 9px 17px;\n\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,20,55,.10),\n      rgba(255,255,255,.035),\n      rgba(0,110,255,.10)\n    );\n\n  backdrop-filter: blur(12px);\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: 3px;\n  text-transform: uppercase;\n\n  color: #f2f4f7;\n\n  box-shadow:\n    0 0 25px rgba(255,20,55,.05),\n    0 0 25px rgba(0,110,255,.05);\n\n  margin-bottom: 28px;\n}\n\n\n\/* =========================================================\n   STATUS DOT\n========================================================= *\/\n\n.ia-status-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--ia-red);\n\n  box-shadow:\n    0 0 8px var(--ia-red),\n    0 0 20px var(--ia-red),\n    0 0 35px rgba(255,23,56,.8);\n\n  animation: iaPulse 1.6s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   HERO TITLE\n========================================================= *\/\n\n.ia-title {\n  margin: 0 0 28px;\n\n  font-size: clamp(55px, 8vw, 100px);\n\n  line-height: .88;\n\n  letter-spacing: -6px;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  color: #ffffff;\n\n  text-shadow: 0 15px 40px rgba(0,0,0,.5);\n}\n\n.ia-title span {\n  display: block;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ff1738 0%,\n      #ffffff 38%,\n      #ffffff 62%,\n      #087cff 100%\n    );\n\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  background-size: 200% auto;\n\n  animation: iaGradientMove 5s linear infinite;\n}\n\n\n\/* =========================================================\n   HERO SUBTITLE\n========================================================= *\/\n\n.ia-subtitle {\n  max-width: 720px;\n\n  margin: 0 auto 38px;\n\n  color: #d5d9df;\n\n  font-size: 19px;\n\n  line-height: 1.7;\n}\n\n.ia-highlight {\n  color: #ffffff;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   HERO BUTTONS\n========================================================= *\/\n\n.ia-buttons {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 15px;\n}\n\n.ia-btn {\n  min-height: 57px;\n\n  padding: 0 30px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  position: relative;\n\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  text-decoration: none;\n\n  font-size: 13px;\n\n  font-weight: 900;\n\n  letter-spacing: .5px;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\/* =========================================================\n   PRIMARY BUTTON\n========================================================= *\/\n\n.ia-btn-primary {\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      110deg,\n      #ff1738 0%,\n      #e4002d 42%,\n      #074fff 100%\n    );\n\n  box-shadow:\n    0 10px 30px rgba(255,20,55,.22),\n    0 10px 35px rgba(0,100,255,.20),\n    inset 0 1px rgba(255,255,255,.4);\n}\n\n.ia-btn-primary::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 80%;\n  height: 100%;\n\n  top: 0;\n  left: -120%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.5),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  animation: iaButtonShine 3.5s infinite;\n}\n\n.ia-btn-primary:hover {\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n  box-shadow:\n    0 18px 45px rgba(255,20,55,.32),\n    0 18px 50px rgba(0,100,255,.27);\n}\n\n\n\/* =========================================================\n   SECONDARY BUTTON\n========================================================= *\/\n\n.ia-btn-secondary {\n  color: #ffffff !important;\n\n  background: rgba(255,255,255,.055);\n\n  border: 1px solid rgba(255,255,255,.25);\n}\n\n.ia-btn-secondary:hover {\n  transform: translateY(-3px);\n\n  background: rgba(255,255,255,.11);\n\n  border-color: rgba(255,255,255,.45);\n}\n\n\n\/* =========================================================\n   RED \/ BLUE LIGHT STREAKS\n========================================================= *\/\n\n.ia-light-streak {\n  position: absolute;\n\n  height: 1px;\n\n  opacity: .7;\n\n  pointer-events: none;\n\n  z-index: 1;\n}\n\n.ia-light-streak-red {\n  width: 42%;\n\n  left: -10%;\n  top: 42%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--ia-red),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px var(--ia-red),\n    0 0 30px rgba(255,23,56,.7);\n\n  animation: iaStreakRight 5s linear infinite;\n}\n\n.ia-light-streak-blue {\n  width: 42%;\n\n  right: -10%;\n  top: 58%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--ia-blue),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px var(--ia-blue),\n    0 0 30px rgba(8,124,255,.7);\n\n  animation: iaStreakLeft 5s linear infinite;\n}\n\n\n\/* =========================================================\n   TRUST BAR\n========================================================= *\/\n\n.ia-trust {\n  position: relative;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n  border-bottom: 1px solid rgba(255,255,255,.12);\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,20,55,.05),\n      rgba(255,255,255,.035),\n      rgba(0,110,255,.06)\n    );\n\n  padding: 27px 0;\n\n  z-index: 3;\n}\n\n.ia-trust-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4,1fr);\n\n  gap: 20px;\n\n  text-align: center;\n}\n\n.ia-trust-item {\n  color: #c5cad1;\n\n  font-size: 10px;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n.ia-trust-item strong {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: #ffffff;\n\n  font-size: 17px;\n\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   SECTIONS\n========================================================= *\/\n\n.ia-section {\n  position: relative;\n\n  padding: 110px 0;\n\n  z-index: 2;\n}\n\n.ia-section-heading {\n  max-width: 720px;\n\n  margin: 0 auto 60px;\n\n  text-align: center;\n}\n\n.ia-section-heading small {\n  color: #d5d9df;\n\n  font-size: 10px;\n\n  letter-spacing: 3px;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n}\n\n.ia-section-heading h2 {\n  margin: 14px 0 18px;\n\n  font-size: clamp(38px, 5vw, 62px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  font-weight: 900;\n\n  color: #ffffff;\n}\n\n.ia-section-heading p {\n  color: #d5d9df;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  margin: 0;\n}\n\n\n\/* =========================================================\n   SPEED SECTION\n========================================================= *\/\n\n.ia-speed {\n  display: grid;\n\n  grid-template-columns: .9fr 1.1fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.ia-speed-number {\n  font-size: clamp(110px, 15vw, 200px);\n\n  line-height: .75;\n\n  font-weight: 900;\n\n  letter-spacing: -12px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #9da3ad\n    );\n\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.ia-speed-unit {\n  color: var(--ia-red);\n\n  font-size: 13px;\n\n  letter-spacing: 6px;\n\n  font-weight: 900;\n\n  text-shadow: 0 0 20px rgba(255,20,55,.6);\n}\n\n.ia-speed-copy h3 {\n  margin: 0 0 15px;\n\n  font-size: 38px;\n\n  letter-spacing: -1px;\n\n  color: #ffffff;\n}\n\n.ia-speed-copy p {\n  color: #d5d9df;\n\n  font-size: 16px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   MODE CARDS\n========================================================= *\/\n\n.ia-mode-grid {\n  display: grid;\n\n  grid-template-columns: repeat(5,1fr);\n\n  gap: 14px;\n}\n\n.ia-mode-card {\n  position: relative;\n\n  min-height: 175px;\n\n  padding: 28px 20px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255,255,255,.12);\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.08),\n      rgba(255,255,255,.025)\n    );\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.ia-mode-card:hover {\n  transform: translateY(-8px);\n\n  border-color: rgba(255,255,255,.35);\n\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.45),\n    0 0 30px rgba(0,100,255,.10);\n}\n\n.ia-mode-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  right: -100px;\n  bottom: -100px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0,110,255,.2),\n      transparent 70%\n    );\n\n  filter: blur(10px);\n\n  transition: all .5s ease;\n}\n\n.ia-mode-card:hover::after {\n  right: -30px;\n  bottom: -30px;\n}\n\n.ia-mode-icon {\n  font-size: 29px;\n\n  margin-bottom: 18px;\n\n  filter:\n    drop-shadow(\n      0 0 8px rgba(255,255,255,.2)\n    );\n}\n\n.ia-mode-card h4 {\n  margin: 0 0 7px;\n\n  font-size: 15px;\n\n  color: #ffffff;\n}\n\n.ia-mode-card p {\n  margin: 0;\n\n  color: #c4cad2;\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   FEATURE GRID\n========================================================= *\/\n\n.ia-feature-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3,1fr);\n\n  gap: 18px;\n}\n\n.ia-feature {\n  position: relative;\n\n  min-height: 230px;\n\n  padding: 35px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255,255,255,.12);\n\n  border-radius: 17px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.08),\n      rgba(255,255,255,.025)\n    );\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease;\n}\n\n.ia-feature:hover {\n  transform: translateY(-7px);\n\n  border-color: rgba(255,255,255,.32);\n}\n\n.ia-feature::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  right: -100px;\n  bottom: -100px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0,110,255,.2),\n      transparent 70%\n    );\n\n  filter: blur(10px);\n\n  transition: all .5s ease;\n}\n\n.ia-feature:hover::after {\n  right: -30px;\n  bottom: -30px;\n}\n\n.ia-feature-icon {\n  font-size: 32px;\n\n  margin-bottom: 22px;\n}\n\n.ia-feature h3 {\n  margin: 0 0 10px;\n\n  font-size: 20px;\n\n  color: #ffffff;\n}\n\n.ia-feature p {\n  margin: 0;\n\n  color: #c8cdd4;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.ia-final {\n  position: relative;\n\n  padding: 120px 0;\n\n  text-align: center;\n\n  overflow: hidden;\n}\n\n.ia-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 650px;\n  height: 350px;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%,-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,20,55,.13),\n      rgba(0,110,255,.13) 40%,\n      transparent 70%\n    );\n\n  filter: blur(70px);\n\n  animation: iaFinalGlow 5s ease-in-out infinite;\n}\n\n.ia-final-inner {\n  position: relative;\n  z-index: 2;\n}\n\n.ia-final h2 {\n  max-width: 850px;\n\n  margin: 0 auto 20px;\n\n  font-size: clamp(42px, 6vw, 74px);\n\n  line-height: .92;\n\n  letter-spacing: -4px;\n\n  font-weight: 900;\n\n  color: #ffffff;\n}\n\n.ia-final h2 span {\n  background:\n    linear-gradient(\n      90deg,\n      #ff1738,\n      #ffffff,\n      #087cff\n    );\n\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  background-size: 200% auto;\n\n  animation: iaGradientMove 5s linear infinite;\n}\n\n.ia-final p {\n  max-width: 650px;\n\n  margin: 0 auto 30px;\n\n  color: #d5d9df;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SCROLL ANIMATION\n========================================================= *\/\n\n.ia-reveal {\n  opacity: 0;\n\n  transform: translateY(35px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n.ia-reveal.ia-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes iaPulse {\n  0%,100% {\n    opacity: .5;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n\n@keyframes iaRedAmbient {\n  0%,100% {\n    transform: translate(0,0) scale(1);\n    opacity: .6;\n  }\n\n  50% {\n    transform: translate(70px,30px) scale(1.15);\n    opacity: 1;\n  }\n}\n\n\n@keyframes iaBlueAmbient {\n  0%,100% {\n    transform: translate(0,0) scale(1);\n    opacity: .6;\n  }\n\n  50% {\n    transform: translate(-70px,30px) scale(1.15);\n    opacity: 1;\n  }\n}\n\n\n@keyframes iaButtonShine {\n  0% {\n    left: -120%;\n  }\n\n  45% {\n    left: 140%;\n  }\n\n  100% {\n    left: 140%;\n  }\n}\n\n\n@keyframes iaGradientMove {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 200% center;\n  }\n}\n\n\n@keyframes iaStreakRight {\n  0% {\n    transform: translateX(-20vw);\n    opacity: 0;\n  }\n\n  20% {\n    opacity: .8;\n  }\n\n  80% {\n    opacity: .8;\n  }\n\n  100% {\n    transform: translateX(100vw);\n    opacity: 0;\n  }\n}\n\n\n@keyframes iaStreakLeft {\n  0% {\n    transform: translateX(20vw);\n    opacity: 0;\n  }\n\n  20% {\n    opacity: .8;\n  }\n\n  80% {\n    opacity: .8;\n  }\n\n  100% {\n    transform: translateX(-100vw);\n    opacity: 0;\n  }\n}\n\n\n@keyframes iaFinalGlow {\n  0%,100% {\n    transform:\n      translate(-50%,-50%)\n      scale(.9);\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      scale(1.15);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px) {\n\n  .ia-hero {\n    min-height: 600px;\n    padding: 80px 0;\n  }\n\n  .ia-speed {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .ia-mode-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .ia-mode-card:last-child {\n    grid-column: span 2;\n  }\n\n  .ia-feature-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .ia-trust-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:550px) {\n\n  .ia-hero {\n    min-height: 570px;\n    padding: 70px 0;\n  }\n\n  .ia-title {\n    font-size: 49px;\n    letter-spacing: -3px;\n  }\n\n  .ia-subtitle {\n    font-size: 16px;\n  }\n\n  .ia-buttons {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .ia-btn {\n    width: 100%;\n  }\n\n  .ia-section {\n    padding: 75px 0;\n  }\n\n  .ia-section-heading h2 {\n    font-size: 40px;\n    letter-spacing: -2px;\n  }\n\n  .ia-mode-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  .ia-mode-card {\n    min-height: 145px;\n    padding: 22px 15px;\n  }\n\n  .ia-mode-card:last-child {\n    grid-column: span 2;\n  }\n\n  .ia-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ia-feature {\n    min-height: 200px;\n    padding: 28px;\n  }\n\n  .ia-display {\n    width: 290px;\n  }\n\n  .ia-final {\n    padding: 90px 0;\n  }\n\n  .ia-final h2 {\n    font-size: 44px;\n    letter-spacing: -2px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"instantair-section\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"ia-hero\"\u003e\n\n    \u003cdiv class=\"ia-grid\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"ia-light-streak ia-light-streak-red\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"ia-light-streak ia-light-streak-blue\"\u003e\u003c\/div\u003e\n\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-hero-content ia-reveal\"\u003e\n\n        \u003cdiv class=\"ia-eyebrow\"\u003e\n\n          \u003cspan class=\"ia-status-dot\"\u003e\u003c\/span\u003e\n\n          INSTANTAIR™ — ROAD READY\n\n        \u003c\/div\u003e\n\n\n        \u003ch1 class=\"ia-title\"\u003e\n\n          NEVER GET\n\n          \u003cspan\u003eSTRANDED.\u003c\/span\u003e\n\n        \u003c\/h1\u003e\n\n\n        \u003cp class=\"ia-subtitle\"\u003e\n\n          Your compact, cordless roadside companion —\n          built for\n\n          \u003cspan class=\"ia-highlight\"\u003e\n            South African roads\n          \u003c\/span\u003e\n\n          and ready whenever you need it most.\n\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"ia-buttons\"\u003e\n\n          \u003ca href=\"#\" class=\"ia-btn ia-btn-primary\"\u003e\n\n            GET INSTANTAIR™ →\n\n          \u003c\/a\u003e\n\n\n          \u003ca href=\"#ia-features\" class=\"ia-btn ia-btn-secondary\"\u003e\n\n            EXPLORE FEATURES\n\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- TRUST BAR --\u003e\n\n  \u003cdiv class=\"ia-trust\"\u003e\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-trust-grid\"\u003e\n\n        \u003cdiv class=\"ia-trust-item\"\u003e\n\n          \u003cstrong\u003e60 SEC\u003c\/strong\u003e\n\n          25 → 36 PSI\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-trust-item\"\u003e\n\n          \u003cstrong\u003e150 PSI\u003c\/strong\u003e\n\n          MAX PRESSURE\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-trust-item\"\u003e\n\n          \u003cstrong\u003e5 MODES\u003c\/strong\u003e\n\n          SMART INFLATION\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-trust-item\"\u003e\n\n          \u003cstrong\u003eCORDLESS\u003c\/strong\u003e\n\n          READY ANYWHERE\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- 60 SECOND SECTION --\u003e\n\n  \u003csection class=\"ia-section\"\u003e\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-speed ia-reveal\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"ia-speed-number\"\u003e\n            60\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ia-speed-unit\"\u003e\n            SECONDS\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-speed-copy\"\u003e\n\n          \u003ch3\u003e\n            Inflate. Drive. Done.\n          \u003c\/h3\u003e\n\n\n          \u003cp\u003e\n\n            Go from\n\n            \u003cstrong style=\"color:#fff;\"\u003e\n              25 PSI to 36 PSI\n            \u003c\/strong\u003e\n\n            in approximately one minute.\n\n            No petrol station.\n            No queues.\n            No searching for a working air machine.\n\n          \u003c\/p\u003e\n\n\n          \u003cp\u003e\n\n            InstantAir™ gives you the freedom to handle\n            a low tyre wherever the road takes you.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FIVE MODES --\u003e\n\n  \u003csection class=\"ia-section\"\u003e\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-section-heading ia-reveal\"\u003e\n\n        \u003csmall\u003e\n          ONE DEVICE. FIVE MODES.\n        \u003c\/small\u003e\n\n\n        \u003ch2\u003e\n\n          Pressure for\u003cbr\u003e\n\n          whatever you're driving.\n\n        \u003c\/h2\u003e\n\n\n        \u003cp\u003e\n\n          From your bakkie to your bicycle and everything\n          in between, InstantAir™ has a mode ready for the job.\n\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ia-mode-grid\"\u003e\n\n\n        \u003cdiv class=\"ia-mode-card ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-mode-icon\"\u003e🚗\u003c\/div\u003e\n\n          \u003ch4\u003eCar Tyres\u003c\/h4\u003e\n\n          \u003cp\u003e26–50 PSI\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-mode-card ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-mode-icon\"\u003e🏍️\u003c\/div\u003e\n\n          \u003ch4\u003eMotorcycles\u003c\/h4\u003e\n\n          \u003cp\u003e26–45 PSI\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-mode-card ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-mode-icon\"\u003e🚲\u003c\/div\u003e\n\n          \u003ch4\u003eBicycles\u003c\/h4\u003e\n\n          \u003cp\u003e30–145 PSI\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-mode-card ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-mode-icon\"\u003e🏀\u003c\/div\u003e\n\n          \u003ch4\u003eSports Balls\u003c\/h4\u003e\n\n          \u003cp\u003e4–16 PSI\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-mode-card ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-mode-icon\"\u003e⚙️\u003c\/div\u003e\n\n          \u003ch4\u003eCustom Mode\u003c\/h4\u003e\n\n          \u003cp\u003e3–150 PSI\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003csection class=\"ia-section\" id=\"ia-features\"\u003e\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-section-heading ia-reveal\"\u003e\n\n        \u003csmall\u003e\n          MORE THAN A PUMP\n        \u003c\/small\u003e\n\n\n        \u003ch2\u003e\n\n          Your roadside\u003cbr\u003e\n\n          backup system.\n\n        \u003c\/h2\u003e\n\n\n        \u003cp\u003e\n\n          Compact enough to keep with you.\n          Powerful enough to get you moving again.\n\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ia-feature-grid\"\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e🔋\u003c\/div\u003e\n\n          \u003ch3\u003e\n            Built-In Power Bank\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            Keep your phone powered when you need it most.\n            Perfect for emergencies, road trips and everyday use.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e💡\u003c\/div\u003e\n\n          \u003ch3\u003e\n            LED Flashlight\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            Light up your tyre, engine bay or roadside\n            workspace when you're dealing with a problem after dark.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e🆘\u003c\/div\u003e\n\n          \u003ch3\u003e\n            SOS Emergency Light\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            A dedicated emergency signal designed to help\n            make you visible when you need assistance.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e📟\u003c\/div\u003e\n\n          \u003ch3\u003e\n            Digital Display\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            Monitor pressure clearly with readings available\n            in PSI, Bar, KPA and Kg\/cm².\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e⚡\u003c\/div\u003e\n\n          \u003ch3\u003e\n            12V DC Compatible\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            Use InstantAir™ cordless when you need portability,\n            or connect to 12V DC power when required.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ia-feature ia-reveal\"\u003e\n\n          \u003cdiv class=\"ia-feature-icon\"\u003e🛑\u003c\/div\u003e\n\n          \u003ch3\u003e\n            Automatic Stop\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n\n            Select your target pressure and let InstantAir™\n            automatically stop when the target is reached.\n\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n\n  \u003c!-- FINAL CTA --\u003e\n\n  \u003csection class=\"ia-final\"\u003e\n\n    \u003cdiv class=\"ia-container\"\u003e\n\n      \u003cdiv class=\"ia-final-inner ia-reveal\"\u003e\n\n        \u003cdiv class=\"ia-eyebrow\"\u003e\n\n          \u003cspan class=\"ia-status-dot\"\u003e\u003c\/span\u003e\n\n          ALWAYS READY\n\n        \u003c\/div\u003e\n\n\n        \u003ch2\u003e\n\n          DON'T WAIT FOR THE\n\n          \u003cspan\u003e\n            NEXT FLAT.\n          \u003c\/span\u003e\n\n        \u003c\/h2\u003e\n\n\n        \u003cp\u003e\n\n          Keep InstantAir™ in your car, bakkie or gym bag.\n\n          Because the best roadside emergency is the one\n          you're already prepared for.\n\n        \u003c\/p\u003e\n\n\n        \u003ca href=\"#\" class=\"ia-btn ia-btn-primary\"\u003e\n\n          GET YOUR INSTANTAIR™ NOW →\n\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n\n(function() {\n\n  const elements =\n    document.querySelectorAll(\n      '.instantair-section .ia-reveal'\n    );\n\n\n  if ('IntersectionObserver' in window) {\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(\n\n            function(entry) {\n\n              if (entry.isIntersecting) {\n\n                entry.target.classList.add(\n                  'ia-visible'\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n\n          );\n\n        },\n\n        {\n          threshold: 0.12\n        }\n\n      );\n\n\n    elements.forEach(\n\n      function(element) {\n\n        observer.observe(\n          element\n        );\n\n      }\n\n    );\n\n  } else {\n\n    elements.forEach(\n\n      function(element) {\n\n        element.classList.add(\n          'ia-visible'\n        );\n\n      }\n\n    );\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"CarFit","offers":[{"title":"Default Title","offer_id":47936538411157,"sku":null,"price":649.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0801\/9037\/4037\/files\/d457d31f-c84c-42b9-beed-5af456ff26ca.png?v=1787767158","url":"https:\/\/carfit.co.za\/products\/carfit%e2%84%a2-instantair-fast-effortless-inflation","provider":"Oak \u0026 Hide","version":"1.0","type":"link"}