{"product_id":"techscribe™-facial-cleanser","title":"TechScribe™ Facial Cleanser","description":"\u003c!-- TECHSCRIBE™ PREMIUM FACIAL CLEANSER --\u003e\n\u003csection class=\"ts-cleanser\"\u003e\n\n  \u003cdiv class=\"ts-glow ts-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ts-glow ts-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ts-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"ts-hero\"\u003e\n      \u003cdiv class=\"ts-badge\"\u003e\n        \u003cspan class=\"ts-pulse\"\u003e\u003c\/span\u003e\n        SMART SKINCARE TECHNOLOGY\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        ✨ Your Skin Deserves\n        \u003cspan\u003eAn Upgrade.\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"ts-intro\"\u003e\n        Meet the \u003cstrong\u003eTechScribe™ Facial Cleanser\u003c\/strong\u003e — a sleek,\n        cordless sonic cleansing device designed to elevate your everyday\n        skincare routine with powerful yet gentle cleansing technology.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ts-hero-line\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"ts-tagline\"\u003e\n        Cleaner Skin. Smoother Feel. \u003cstrong\u003eClearer Confidence.\u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURE GRID --\u003e\n    \u003cdiv class=\"ts-features\"\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eDeep Pore Cleansing\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps lift away dirt, excess oil, impurities and leftover makeup\n          from your skin for a cleaner, fresher feel.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e01\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eSmoother-Looking Skin\u003c\/h3\u003e\n        \u003cp\u003e\n          Gentle sonic movement helps remove surface buildup and dead skin\n          cells, leaving your complexion feeling soft and refreshed.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e02\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eSonic Technology\u003c\/h3\u003e\n        \u003cp\u003e\n          High-frequency vibrations help turn an ordinary cleansing routine\n          into a more advanced skincare experience.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e03\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eRechargeable \u0026amp; Cordless\u003c\/h3\u003e\n        \u003cp\u003e\n          No tangled cables while cleansing. Recharge it and keep your\n          skincare routine simple, convenient and ready to go.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e04\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e💆\u003c\/div\u003e\n        \u003ch3\u003eAt-Home Spa Feel\u003c\/h3\u003e\n        \u003cp\u003e\n          Enjoy a relaxing, refreshing cleansing experience from the comfort\n          of your own bathroom — without needing a salon appointment.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e05\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-card\"\u003e\n        \u003cdiv class=\"ts-icon\"\u003e🧴\u003c\/div\u003e\n        \u003ch3\u003eWorks With Your Cleanser\u003c\/h3\u003e\n        \u003cp\u003e\n          Simply pair it with your favourite facial cleanser and make it a\n          seamless upgrade to the routine you already love.\n        \u003c\/p\u003e\n        \u003cspan class=\"ts-number\"\u003e06\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PREMIUM EXPERIENCE --\u003e\n    \u003cdiv class=\"ts-experience\"\u003e\n\n      \u003cdiv class=\"ts-experience-content\"\u003e\n\n        \u003cdiv class=\"ts-small-title\"\u003e\n          THE TECHSCRIBE™ EXPERIENCE\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your Daily\n          \u003cspan\u003eSkin Reset.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          From your first cleanse in the morning to your evening wind-down,\n          TechScribe™ makes skincare feel effortless. The compact design fits\n          naturally into your routine while sonic vibration helps deliver a\n          deeper-feeling cleanse.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ts-checks\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cstrong\u003eMorning refresh\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cstrong\u003ePost-workout cleanse\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cstrong\u003eEvening skincare routine\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cstrong\u003ePerfect for everyday use\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ts-orb\"\u003e\n\n        \u003cdiv class=\"ts-orb-ring ring-one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ts-orb-ring ring-two\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ts-orb-center\"\u003e\n          \u003cspan\u003eTS\u003c\/span\u003e\n          \u003csmall\u003eTECHSCRIBE™\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FOR EVERYONE --\u003e\n    \u003cdiv class=\"ts-everyone\"\u003e\n\n      \u003cdiv class=\"ts-small-title\"\u003eDESIGNED FOR EVERY ROUTINE\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Skincare Has No\n        \u003cspan\u003eGender.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Whether you're upgrading your grooming routine or building a dedicated\n        skincare ritual, TechScribe™ is designed to fit seamlessly into your\n        lifestyle.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ts-gender-grid\"\u003e\n\n        \u003cdiv class=\"ts-mini-card\"\u003e\n          \u003cspan\u003e👨\u003c\/span\u003e\n          \u003ch3\u003eFor Him\u003c\/h3\u003e\n          \u003cp\u003e\n            Refresh your skin after workouts, shaving or a long day.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ts-mini-card\"\u003e\n          \u003cspan\u003e👩\u003c\/span\u003e\n          \u003ch3\u003eFor Her\u003c\/h3\u003e\n          \u003cp\u003e\n            Elevate your cleansing routine and enjoy a smoother-feeling,\n            refreshed complexion.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ts-mini-card\"\u003e\n          \u003cspan\u003e🌎\u003c\/span\u003e\n          \u003ch3\u003eFor Everyone\u003c\/h3\u003e\n          \u003cp\u003e\n            A simple, modern skincare upgrade designed for everyday life.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFIT STRIP --\u003e\n    \u003cdiv class=\"ts-benefits\"\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e💧\u003c\/span\u003e\n        \u003cstrong\u003eDeep Clean\u003c\/strong\u003e\n        \u003csmall\u003eFresh-feeling skin\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e✨\u003c\/span\u003e\n        \u003cstrong\u003eSmoother Feel\u003c\/strong\u003e\n        \u003csmall\u003eGentle exfoliation\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e⚡\u003c\/span\u003e\n        \u003cstrong\u003eSonic Power\u003c\/strong\u003e\n        \u003csmall\u003eAdvanced cleansing\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan\u003e🔋\u003c\/span\u003e\n        \u003cstrong\u003eCordless\u003c\/strong\u003e\n        \u003csmall\u003eMade for convenience\u003c\/small\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003cdiv class=\"ts-final\"\u003e\n\n      \u003cdiv class=\"ts-final-badge\"\u003e\n        TECHSCRIBE™\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Upgrade The Way\n        \u003cspan\u003eYou Cleanse.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Your skincare routine should feel better, look better and work smarter.\n        Make TechScribe™ part of your daily reset.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ts-cta\"\u003e\n        CLEANER SKIN. CLEARER CONFIDENCE. ✨\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================\n   TECHSCRIBE™ CORE\n========================= *\/\n\n.ts-cleanser {\n  --teal: #16d9c5;\n  --teal-dark: #0a8f88;\n  --teal-light: #9efff5;\n  --black: #05090a;\n  --black-2: #091314;\n  --white: #ffffff;\n  --muted: #a9b8b8;\n\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 15% 10%, rgba(22,217,197,.13), transparent 30%),\n    radial-gradient(circle at 90% 60%, rgba(22,217,197,.08), transparent 30%),\n    linear-gradient(145deg, #030707, #071112 55%, #020505);\n\n  color: var(--white);\n  padding: 90px 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\/* Ambient glow *\/\n\n.ts-glow {\n  position: absolute;\n  width: 350px;\n  height: 350px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: .15;\n  background: var(--teal);\n  pointer-events: none;\n  animation: tsFloat 7s ease-in-out infinite;\n}\n\n.ts-glow-1 {\n  top: 5%;\n  left: -180px;\n}\n\n.ts-glow-2 {\n  right: -180px;\n  bottom: 15%;\n  animation-delay: -3s;\n}\n\n.ts-container {\n  max-width: 1180px;\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =========================\n   HERO\n========================= *\/\n\n.ts-hero {\n  text-align: center;\n  max-width: 850px;\n  margin: 0 auto 75px;\n  animation: tsFadeUp 1s ease forwards;\n}\n\n.ts-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 17px;\n  border: 1px solid rgba(22,217,197,.3);\n  background: rgba(22,217,197,.06);\n  border-radius: 100px;\n  color: var(--teal-light);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  margin-bottom: 25px;\n  box-shadow: 0 0 30px rgba(22,217,197,.08);\n}\n\n.ts-pulse {\n  width: 7px;\n  height: 7px;\n  background: var(--teal);\n  border-radius: 50%;\n  box-shadow: 0 0 12px var(--teal);\n  animation: tsPulse 1.5s infinite;\n}\n\n.ts-hero h1 {\n  font-size: clamp(42px, 7vw, 78px);\n  line-height: .98;\n  letter-spacing: -3px;\n  margin: 0 0 28px;\n  font-weight: 800;\n}\n\n.ts-hero h1 span,\n.ts-experience h2 span,\n.ts-everyone h2 span,\n.ts-final h2 span {\n  display: block;\n  background: linear-gradient(\n    90deg,\n    #ffffff,\n    var(--teal),\n    #ffffff\n  );\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: tsGradient 4s linear infinite;\n}\n\n.ts-intro {\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.8;\n  max-width: 700px;\n  margin: auto;\n}\n\n.ts-intro strong {\n  color: white;\n}\n\n.ts-hero-line {\n  width: 80px;\n  height: 2px;\n  background: var(--teal);\n  margin: 30px auto;\n  box-shadow: 0 0 20px var(--teal);\n}\n\n.ts-tagline {\n  font-size: 14px;\n  letter-spacing: 1px;\n  color: #d9e5e4;\n}\n\n.ts-tagline strong {\n  color: var(--teal);\n}\n\n\n\/* =========================\n   FEATURE CARDS\n========================= *\/\n\n.ts-features {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-bottom: 100px;\n}\n\n.ts-card {\n  position: relative;\n  padding: 32px 27px;\n  min-height: 230px;\n  border-radius: 22px;\n  border: 1px solid rgba(255,255,255,.07);\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.015)\n    );\n  backdrop-filter: blur(15px);\n  overflow: hidden;\n  transition:\n    transform .45s cubic-bezier(.2,.8,.2,1),\n    border-color .45s,\n    box-shadow .45s;\n}\n\n.ts-card::before {\n  content: \"\";\n  position: absolute;\n  width: 150px;\n  height: 150px;\n  background: var(--teal);\n  filter: blur(80px);\n  opacity: 0;\n  top: -80px;\n  right: -80px;\n  transition: opacity .45s;\n}\n\n.ts-card:hover {\n  transform: translateY(-10px);\n  border-color: rgba(22,217,197,.45);\n  box-shadow:\n    0 20px 50px rgba(0,0,0,.35),\n    0 0 35px rgba(22,217,197,.08);\n}\n\n.ts-card:hover::before {\n  opacity: .18;\n}\n\n.ts-icon {\n  font-size: 30px;\n  margin-bottom: 20px;\n  transition: transform .4s;\n}\n\n.ts-card:hover .ts-icon {\n  transform: scale(1.18) rotate(-5deg);\n}\n\n.ts-card h3 {\n  font-size: 19px;\n  margin: 0 0 10px;\n  letter-spacing: -.3px;\n}\n\n.ts-card p {\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.ts-number {\n  position: absolute;\n  right: 22px;\n  bottom: 18px;\n  color: rgba(255,255,255,.12);\n  font-size: 35px;\n  font-weight: 800;\n}\n\n\n\/* =========================\n   EXPERIENCE\n========================= *\/\n\n.ts-experience {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n  padding: 80px 0;\n  border-top: 1px solid rgba(255,255,255,.06);\n  border-bottom: 1px solid rgba(255,255,255,.06);\n}\n\n.ts-small-title {\n  color: var(--teal);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 3px;\n  margin-bottom: 18px;\n}\n\n.ts-experience h2,\n.ts-everyone h2,\n.ts-final h2 {\n  font-size: clamp(38px, 5vw, 60px);\n  line-height: 1;\n  letter-spacing: -2px;\n  margin: 0 0 25px;\n}\n\n.ts-experience-content \u003e p,\n.ts-everyone \u003e p,\n.ts-final \u003e p {\n  color: var(--muted);\n  line-height: 1.8;\n  font-size: 15px;\n  max-width: 570px;\n}\n\n.ts-checks {\n  display: grid;\n  gap: 13px;\n  margin-top: 28px;\n}\n\n.ts-checks div {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #dfe9e8;\n  font-size: 14px;\n}\n\n.ts-checks span {\n  width: 25px;\n  height: 25px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: rgba(22,217,197,.1);\n  color: var(--teal);\n}\n\n\n\/* Orb *\/\n\n.ts-orb {\n  position: relative;\n  width: 360px;\n  height: 360px;\n  margin: auto;\n  display: grid;\n  place-items: center;\n}\n\n.ts-orb-center {\n  width: 145px;\n  height: 145px;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background:\n    radial-gradient(circle, #133b3a, #061010);\n  border: 1px solid rgba(22,217,197,.5);\n  box-shadow:\n    0 0 50px rgba(22,217,197,.15),\n    inset 0 0 35px rgba(22,217,197,.08);\n  z-index: 3;\n  animation: tsOrb 4s ease-in-out infinite;\n}\n\n.ts-orb-center span {\n  color: var(--teal);\n  font-size: 42px;\n  font-weight: 900;\n}\n\n.ts-orb-center small {\n  font-size: 8px;\n  letter-spacing: 2px;\n  color: #a7bdbc;\n}\n\n.ts-orb-ring {\n  position: absolute;\n  border: 1px solid rgba(22,217,197,.2);\n  border-radius: 50%;\n}\n\n.ring-one {\n  width: 260px;\n  height: 260px;\n  animation: tsSpin 14s linear infinite;\n}\n\n.ring-two {\n  width: 350px;\n  height: 350px;\n  border-style: dashed;\n  animation: tsSpinReverse 20s linear infinite;\n}\n\n\n\/* =========================\n   EVERYONE\n========================= *\/\n\n.ts-everyone {\n  text-align: center;\n  padding: 100px 0 60px;\n}\n\n.ts-everyone \u003e p {\n  margin: auto;\n}\n\n.ts-gender-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-top: 45px;\n}\n\n.ts-mini-card {\n  padding: 30px 20px;\n  border-radius: 20px;\n  background: rgba(255,255,255,.025);\n  border: 1px solid rgba(255,255,255,.06);\n  transition: .4s ease;\n}\n\n.ts-mini-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(22,217,197,.35);\n  background: rgba(22,217,197,.045);\n}\n\n.ts-mini-card span {\n  font-size: 32px;\n}\n\n.ts-mini-card h3 {\n  margin: 15px 0 7px;\n}\n\n.ts-mini-card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\n\/* =========================\n   BENEFITS\n========================= *\/\n\n.ts-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border: 1px solid rgba(255,255,255,.07);\n  border-radius: 20px;\n  overflow: hidden;\n  margin: 40px 0 100px;\n  background: rgba(255,255,255,.025);\n}\n\n.ts-benefits div {\n  padding: 28px 20px;\n  text-align: center;\n  border-right: 1px solid rgba(255,255,255,.07);\n}\n\n.ts-benefits div:last-child {\n  border-right: none;\n}\n\n.ts-benefits span {\n  display: block;\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n\n.ts-benefits strong,\n.ts-benefits small {\n  display: block;\n}\n\n.ts-benefits strong {\n  font-size: 14px;\n}\n\n.ts-benefits small {\n  color: #819393;\n  margin-top: 5px;\n  font-size: 11px;\n}\n\n\n\/* =========================\n   FINAL CTA\n========================= *\/\n\n.ts-final {\n  text-align: center;\n  padding: 80px 20px;\n  border-radius: 30px;\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(22,217,197,.13),\n      transparent 55%\n    ),\n    rgba(255,255,255,.025);\n  border: 1px solid rgba(22,217,197,.13);\n}\n\n.ts-final-badge {\n  display: inline-block;\n  color: var(--teal);\n  letter-spacing: 4px;\n  font-weight: 800;\n  font-size: 11px;\n  margin-bottom: 20px;\n}\n\n.ts-final h2 {\n  margin-bottom: 20px;\n}\n\n.ts-final \u003e p {\n  margin: auto auto 30px;\n}\n\n.ts-cta {\n  display: inline-block;\n  padding: 15px 25px;\n  border-radius: 100px;\n  background: var(--teal);\n  color: #031111;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  box-shadow: 0 0 35px rgba(22,217,197,.2);\n  animation: tsButtonGlow 2.5s ease-in-out infinite;\n}\n\n\n\/* =========================\n   ANIMATIONS\n========================= *\/\n\n@keyframes tsFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tsFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-30px);\n  }\n}\n\n@keyframes tsPulse {\n  0%,100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.7);\n    opacity: .5;\n  }\n}\n\n@keyframes tsGradient {\n  0% {\n    background-position: 0% center;\n  }\n  100% {\n    background-position: 200% center;\n  }\n}\n\n@keyframes tsOrb {\n  0%,100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n}\n\n@keyframes tsSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes tsSpinReverse {\n  to {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes tsButtonGlow {\n  0%,100% {\n    box-shadow: 0 0 20px rgba(22,217,197,.15);\n  }\n  50% {\n    box-shadow: 0 0 35px rgba(22,217,197,.4);\n  }\n}\n\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 850px) {\n\n  .ts-cleanser {\n    padding: 65px 16px;\n  }\n\n  .ts-features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ts-experience {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .ts-experience-content \u003e p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ts-checks {\n    text-align: left;\n    max-width: 350px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ts-gender-grid {\n    grid-template-columns: 1fr;\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ts-benefits {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ts-benefits div:nth-child(2) {\n    border-right: none;\n  }\n\n  .ts-benefits div {\n    border-bottom: 1px solid rgba(255,255,255,.07);\n  }\n\n  .ts-benefits div:nth-child(3),\n  .ts-benefits div:nth-child(4) {\n    border-bottom: none;\n  }\n}\n\n\n@media (max-width: 550px) {\n\n  .ts-hero h1 {\n    letter-spacing: -2px;\n  }\n\n  .ts-features {\n    grid-template-columns: 1fr;\n  }\n\n  .ts-card {\n    min-height: auto;\n  }\n\n  .ts-orb {\n    width: 280px;\n    height: 280px;\n  }\n\n  .ring-one {\n    width: 205px;\n    height: 205px;\n  }\n\n  .ring-two {\n    width: 275px;\n    height: 275px;\n  }\n\n  .ts-orb-center {\n    width: 120px;\n    height: 120px;\n  }\n\n  .ts-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .ts-benefits div {\n    padding: 22px 10px;\n  }\n\n  .ts-final {\n    padding: 60px 18px;\n  }\n}\n\n\u003c\/style\u003e","brand":"TechScribe","offers":[{"title":"Default Title","offer_id":67622624395581,"sku":null,"price":389.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/2191\/5197\/files\/white-product-unboxing-shot_a0ba2284-2474-42bd-9e76-c290a6108d1d.png?v=1791055024","url":"https:\/\/techscribe.co.za\/products\/techscribe%e2%84%a2-facial-cleanser","provider":"TechScribe","version":"1.0","type":"link"}