{"product_id":"the-weight-loss-30-days-extreme-experiment-a-30-day-behavior-first-workbook-for-understanding-cravings-changing-habits-building-a-routine-that-fits-your-life","title":"The Weight-Loss 30 Days Extreme Experiment - A 30-Day Behavior-First Workbook for Understanding Cravings, Changing Habits \u0026 Building a Routine That Fits Your Life","description":"\u003csection class=\"wle-section\"\u003e\n\n  \u003cdiv class=\"wle-bg-glow wle-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"wle-bg-glow wle-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"wle-card\"\u003e\n\n    \u003c!-- TOP BUY BUTTON --\u003e\n    \u003ca href=\"https:\/\/sapphireclub.gumroad.com\/l\/kzzlzt\" class=\"wle-top-buy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cspan class=\"wle-top-spark\"\u003e✦\u003c\/span\u003e\n      \u003cspan\u003eBUY NOW\u003c\/span\u003e\n      \u003cspan class=\"wle-top-arrow\"\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003c!-- TOP LABEL --\u003e\n    \u003cdiv class=\"wle-label\"\u003e\n      \u003cspan class=\"wle-pulse\"\u003e\u003c\/span\u003e\n      THE 30-DAY EXPERIMENT\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wle-grid\"\u003e\n\n      \u003c!-- LEFT CONTENT --\u003e\n      \u003cdiv class=\"wle-copy\"\u003e\n\n        \u003cdiv class=\"wle-eyebrow\"\u003e\n          A BEHAVIOR-FIRST WORKBOOK\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          Change Your Habits.\n          \u003cspan\u003eUnderstand Yourself.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"wle-intro\"\u003e\n          A 150-page, 30-day workbook for understanding cravings,\n          changing habits, and building a routine that actually fits\n          your life.\n        \u003c\/p\u003e\n\n        \u003cp class=\"wle-description\"\u003e\n          Instead of giving you another rigid diet to follow,\n          \u003cstrong\u003eThe Weight-Loss Experiment\u003c\/strong\u003e helps you\n          investigate your own patterns and test small changes\n          in real life.\n        \u003c\/p\u003e\n\n        \u003c!-- METHOD --\u003e\n        \u003cdiv class=\"wle-method\"\u003e\n\n          \u003cdiv class=\"wle-method-title\"\u003e\n            YOUR 5-STEP METHOD\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wle-steps\"\u003e\n\n            \u003cdiv class=\"wle-step\"\u003e\n              \u003cspan\u003e01\u003c\/span\u003e\n              \u003cstrong\u003eOBSERVE\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-line\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"wle-step\"\u003e\n              \u003cspan\u003e02\u003c\/span\u003e\n              \u003cstrong\u003eEXPERIMENT\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-line\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"wle-step\"\u003e\n              \u003cspan\u003e03\u003c\/span\u003e\n              \u003cstrong\u003eTRACK\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-line\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"wle-step\"\u003e\n              \u003cspan\u003e04\u003c\/span\u003e\n              \u003cstrong\u003eREFLECT\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-line\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"wle-step\"\u003e\n              \u003cspan\u003e05\u003c\/span\u003e\n              \u003cstrong\u003eADJUST\u003c\/strong\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- CTA --\u003e\n        \u003ca href=\"https:\/\/sapphireclub.gumroad.com\/l\/kzzlzt\" class=\"wle-main-button\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n\n          \u003cspan class=\"wle-button-shine\"\u003e\u003c\/span\u003e\n\n          \u003cspan class=\"wle-button-icon\"\u003e\n            ↗\n          \u003c\/span\u003e\n\n          \u003cspan class=\"wle-button-text\"\u003e\n            \u003cstrong\u003eGET THE WORKBOOK\u003c\/strong\u003e\n            \u003csmall\u003e150+ pages • Instant digital PDF\u003c\/small\u003e\n          \u003c\/span\u003e\n\n          \u003cspan class=\"wle-button-arrow\"\u003e\n            →\n          \u003c\/span\u003e\n\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"wle-trust\"\u003e\n          ✓ Printable PDF    •   \n          ✓ Undated    •   \n          ✓ 30-Day Guided Experiment\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- RIGHT VISUAL --\u003e\n      \u003cdiv class=\"wle-visual\"\u003e\n\n        \u003cdiv class=\"wle-orbit orbit-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"wle-orbit orbit-2\"\u003e\u003c\/div\u003e\n\n        \u003c!-- FLOATING ELEMENTS --\u003e\n\n        \u003cdiv class=\"wle-floating floating-top\"\u003e\n          \u003csmall\u003e30\u003c\/small\u003e\n          DAYS\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wle-floating floating-left\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          TRACK\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wle-floating floating-right\"\u003e\n          \u003cspan\u003e↗\u003c\/span\u003e\n          ADJUST\n        \u003c\/div\u003e\n\n\n        \u003c!-- WORKBOOK --\u003e\n\n        \u003cdiv class=\"wle-book\"\u003e\n\n          \u003cdiv class=\"wle-book-accent\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"wle-book-top\"\u003e\n            \u003cspan\u003eSAPPHIRE CLUB\u003c\/span\u003e\n            \u003cspan\u003e01 \/ 30\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wle-book-main\"\u003e\n\n            \u003cdiv class=\"wle-book-small\"\u003e\n              THE\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-book-title\"\u003e\n              WEIGHT-LOSS\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-book-title\"\u003e\n              EXPERIMENT\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-book-subtitle\"\u003e\n              A BEHAVIOR-FIRST WORKBOOK\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wle-book-circle\"\u003e\n              \u003cdiv class=\"wle-circle-inner\"\u003e\n                \u003cstrong\u003e30\u003c\/strong\u003e\n                \u003cspan\u003eDAYS\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wle-book-bottom\"\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003e150+\u003c\/strong\u003e\n              \u003cspan\u003ePAGES\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003e30\u003c\/strong\u003e\n              \u003cspan\u003eDAYS\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003ePDF\u003c\/strong\u003e\n              \u003cspan\u003eDIGITAL\u003c\/span\u003e\n            \u003c\/div\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!-- FEATURE STRIP --\u003e\n\n    \u003cdiv class=\"wle-features\"\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eBASELINE\u003c\/strong\u003e\n          \u003cspan\u003eUnderstand where you are starting\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eCRAVING DETECTIVE\u003c\/strong\u003e\n          \u003cspan\u003eInvestigate triggers and patterns\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eFOOD \u0026amp; ENVIRONMENT\u003c\/strong\u003e\n          \u003cspan\u003eBuild practical strategies\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eMOVEMENT \u0026amp; ROUTINE\u003c\/strong\u003e\n          \u003cspan\u003eExperiment with realistic routines\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e05\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eSLEEP \u0026amp; RECOVERY\u003c\/strong\u003e\n          \u003cspan\u003eExplore stress and recovery\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wle-feature\"\u003e\n        \u003cdiv class=\"wle-feature-icon\"\u003e06\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eWEEKEND \u0026amp; SOCIAL\u003c\/strong\u003e\n          \u003cspan\u003eHandle real-life disruptions\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BOTTOM MESSAGE --\u003e\n\n    \u003cdiv class=\"wle-bottom-message\"\u003e\n\n      \u003cdiv class=\"wle-quote-mark\"\u003e“\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eThis isn't about being perfect.\u003c\/strong\u003e\n        \u003cspan\u003e\n          It's about collecting information about yourself\n          and discovering what actually fits your life.\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================\n   WEIGHT LOSS EXPERIMENT\n   ========================================= *\/\n\n.wle-section {\n  position: relative;\n  overflow: hidden;\n\n  padding: 80px 18px;\n\n  background:\n    radial-gradient(\n      circle at 10% 20%,\n      rgba(124,58,237,.20),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 90% 75%,\n      rgba(236,72,153,.15),\n      transparent 30%\n    ),\n    #0e0b13;\n\n  color: #fff;\n\n  font-family: inherit;\n}\n\n.wle-section * {\n  box-sizing: border-box;\n}\n\n\n\/* BACKGROUND GLOWS *\/\n\n.wle-bg-glow {\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  border-radius: 50%;\n\n  filter: blur(100px);\n\n  opacity: .22;\n\n  pointer-events: none;\n}\n\n.wle-glow-1 {\n  top: -220px;\n  left: -150px;\n\n  background: #7c3aed;\n}\n\n.wle-glow-2 {\n  right: -150px;\n  bottom: -250px;\n\n  background: #ec4899;\n}\n\n\n\/* CARD *\/\n\n.wle-card {\n  position: relative;\n\n  max-width: 1200px;\n\n  margin: auto;\n\n  overflow: hidden;\n\n  border-radius: 32px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(30,24,40,.98),\n      rgba(19,15,27,.98)\n    );\n\n  border: 1px solid rgba(255,255,255,.09);\n\n  box-shadow:\n    0 40px 100px rgba(0,0,0,.45),\n    inset 0 1px rgba(255,255,255,.05);\n}\n\n\n\/* TOP BUY *\/\n\n.wle-top-buy {\n  position: absolute;\n\n  top: 22px;\n  right: 24px;\n\n  z-index: 20;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 11px 12px 11px 15px;\n\n  border-radius: 999px;\n\n  color: #fff !important;\n  text-decoration: none !important;\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: .12em;\n\n  background:\n    linear-gradient(\n      110deg,\n      #7c3aed,\n      #a855f7,\n      #ec4899\n    );\n\n  background-size: 200% 200%;\n\n  box-shadow:\n    0 10px 30px rgba(124,58,237,.35);\n\n  animation:\n    wleTopGradient 4s ease infinite,\n    wleTopPulse 3s ease-in-out infinite;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.wle-top-buy:hover {\n  transform: translateY(-3px) scale(1.04);\n\n  box-shadow:\n    0 16px 40px rgba(124,58,237,.5),\n    0 0 25px rgba(236,72,153,.2);\n}\n\n.wle-top-spark {\n  font-size: 14px;\n\n  animation: wleSpark 1.5s ease-in-out infinite;\n}\n\n.wle-top-arrow {\n  display: grid;\n  place-items: center;\n\n  width: 24px;\n  height: 24px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.15);\n\n  transition: transform .25s ease;\n}\n\n.wle-top-buy:hover .wle-top-arrow {\n  transform: translateX(4px);\n}\n\n\n\/* LABEL *\/\n\n.wle-label {\n  position: absolute;\n\n  top: 25px;\n  left: 25px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 8px 13px;\n\n  border-radius: 999px;\n\n  color: #d8c8ff;\n\n  background: rgba(124,58,237,.12);\n\n  border: 1px solid rgba(167,139,250,.2);\n\n  font-size: 9px;\n  font-weight: 900;\n\n  letter-spacing: .16em;\n}\n\n.wle-pulse {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #a78bfa;\n\n  box-shadow:\n    0 0 0 0 rgba(167,139,250,.7);\n\n  animation: wlePulse 1.7s infinite;\n}\n\n\n\/* GRID *\/\n\n.wle-grid {\n  display: grid;\n\n  grid-template-columns:\n    1.08fr\n    .92fr;\n\n  align-items: center;\n\n  gap: 45px;\n\n  padding: 90px 65px 55px;\n}\n\n\n\/* COPY *\/\n\n.wle-copy {\n  position: relative;\n  z-index: 4;\n}\n\n.wle-eyebrow {\n  margin-bottom: 14px;\n\n  color: #a78bfa;\n\n  font-size: 11px;\n  font-weight: 900;\n\n  letter-spacing: .18em;\n}\n\n.wle-copy h1 {\n  max-width: 650px;\n\n  margin: 0 0 23px;\n\n  color: #fff;\n\n  font-size: clamp(43px,5vw,70px);\n\n  line-height: .94;\n\n  letter-spacing: -.055em;\n\n  font-weight: 900;\n}\n\n.wle-copy h1 span {\n  display: block;\n\n  background:\n    linear-gradient(\n      100deg,\n      #a78bfa,\n      #c084fc,\n      #f472b6\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  background-size: 200% auto;\n\n  animation: wleGradient 5s linear infinite;\n}\n\n.wle-intro {\n  max-width: 620px;\n\n  margin: 0 0 15px;\n\n  color: #e7e0ef;\n\n  font-size: 18px;\n\n  line-height: 1.65;\n}\n\n.wle-description {\n  max-width: 620px;\n\n  margin: 0 0 30px;\n\n  color: #9f96aa;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n.wle-description strong {\n  color: #c4b5fd;\n}\n\n\n\/* METHOD *\/\n\n.wle-method {\n  margin-bottom: 30px;\n}\n\n.wle-method-title {\n  margin-bottom: 13px;\n\n  color: #71697b;\n\n  font-size: 9px;\n  font-weight: 900;\n\n  letter-spacing: .17em;\n}\n\n.wle-steps {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n\n  gap: 7px;\n}\n\n.wle-step {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n\n.wle-step span {\n  display: grid;\n  place-items: center;\n\n  width: 24px;\n  height: 24px;\n\n  border-radius: 50%;\n\n  color: #c4b5fd;\n\n  background: rgba(124,58,237,.15);\n\n  border: 1px solid rgba(167,139,250,.2);\n\n  font-size: 8px;\n  font-weight: 900;\n}\n\n.wle-step strong {\n  color: #e7e0ef;\n\n  font-size: 9px;\n\n  letter-spacing: .08em;\n}\n\n.wle-line {\n  width: 14px;\n  height: 1px;\n\n  background: rgba(167,139,250,.25);\n}\n\n\n\/* MAIN BUTTON *\/\n\n.wle-main-button {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n  max-width: 520px;\n\n  min-height: 76px;\n\n  gap: 13px;\n\n  padding: 11px 13px 11px 15px;\n\n  overflow: hidden;\n\n  border-radius: 19px;\n\n  color: #fff !important;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      105deg,\n      #6d28d9,\n      #8b5cf6,\n      #ec4899\n    );\n\n  background-size: 220% 220%;\n\n  box-shadow:\n    0 18px 40px rgba(124,58,237,.3);\n\n  animation: wleButtonGradient 5s ease infinite;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.wle-main-button:hover {\n  transform: translateY(-5px) scale(1.015);\n\n  box-shadow:\n    0 25px 55px rgba(124,58,237,.42),\n    0 0 25px rgba(236,72,153,.16);\n}\n\n.wle-button-shine {\n  position: absolute;\n\n  top: 0;\n  left: -100%;\n\n  width: 45%;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.3),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  animation: wleShine 4s ease-in-out infinite;\n}\n\n.wle-button-icon {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  place-items: center;\n\n  width: 50px;\n  height: 50px;\n\n  flex: 0 0 50px;\n\n  border-radius: 15px;\n\n  background: rgba(255,255,255,.14);\n\n  font-size: 22px;\n}\n\n.wle-button-text {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n\n  flex: 1;\n}\n\n.wle-button-text strong {\n  font-size: 16px;\n\n  letter-spacing: .03em;\n}\n\n.wle-button-text small {\n  margin-top: 3px;\n\n  opacity: .75;\n\n  font-size: 10px;\n}\n\n.wle-button-arrow {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  place-items: center;\n\n  width: 46px;\n  height: 46px;\n\n  flex: 0 0 46px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.15);\n\n  font-size: 22px;\n\n  transition: transform .25s ease;\n}\n\n.wle-main-button:hover .wle-button-arrow {\n  transform: translateX(6px);\n}\n\n.wle-trust {\n  margin: 11px 0 0 5px;\n\n  color: #706878;\n\n  font-size: 9px;\n}\n\n\n\/* VISUAL *\/\n\n.wle-visual {\n  position: relative;\n\n  min-height: 510px;\n\n  display: grid;\n  place-items: center;\n}\n\n\n\/* ORBITS *\/\n\n.wle-orbit {\n  position: absolute;\n\n  border: 1px solid rgba(167,139,250,.1);\n\n  border-radius: 50%;\n\n  animation: wleOrbit 12s linear infinite;\n}\n\n.orbit-1 {\n  width: 400px;\n  height: 400px;\n}\n\n.orbit-2 {\n  width: 300px;\n  height: 300px;\n\n  animation-direction: reverse;\n  animation-duration: 9s;\n}\n\n\n\/* BOOK *\/\n\n.wle-book {\n  position: relative;\n\n  z-index: 5;\n\n  width: 285px;\n  min-height: 400px;\n\n  padding: 23px;\n\n  border-radius: 5px 18px 18px 5px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #282032,\n      #17121f\n    );\n\n  border: 1px solid rgba(255,255,255,.1);\n\n  box-shadow:\n    25px 30px 70px rgba(0,0,0,.5),\n    inset 0 0 30px rgba(124,58,237,.06);\n\n  transform: rotate(4deg);\n\n  animation: wleBook 6s ease-in-out infinite;\n}\n\n.wle-book-accent {\n  position: absolute;\n\n  left: 0;\n  top: 0;\n  bottom: 0;\n\n  width: 7px;\n\n  border-radius: 5px 0 0 5px;\n\n  background:\n    linear-gradient(\n      #8b5cf6,\n      #ec4899\n    );\n}\n\n.wle-book-top {\n  display: flex;\n  justify-content: space-between;\n\n  color: #8f82a5;\n\n  font-size: 7px;\n  font-weight: 900;\n\n  letter-spacing: .15em;\n}\n\n.wle-book-main {\n  margin-top: 37px;\n\n  text-align: center;\n}\n\n.wle-book-small {\n  color: #91869f;\n\n  font-size: 10px;\n\n  letter-spacing: .3em;\n}\n\n.wle-book-title {\n  color: #fff;\n\n  font-size: 27px;\n\n  line-height: .94;\n\n  font-weight: 900;\n\n  letter-spacing: -.045em;\n}\n\n.wle-book-subtitle {\n  margin-top: 9px;\n\n  color: #c084fc;\n\n  font-size: 7px;\n\n  font-weight: 900;\n\n  letter-spacing: .17em;\n}\n\n.wle-book-circle {\n  display: grid;\n  place-items: center;\n\n  width: 125px;\n  height: 125px;\n\n  margin: 28px auto;\n\n  border-radius: 50%;\n\n  background:\n    conic-gradient(\n      from 0deg,\n      #7c3aed,\n      #c084fc,\n      #ec4899,\n      #7c3aed\n    );\n\n  box-shadow:\n    0 0 45px rgba(139,92,246,.2);\n\n  animation: wleCircle 8s linear infinite;\n}\n\n.wle-circle-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 105px;\n  height: 105px;\n\n  border-radius: 50%;\n\n  background: #1b1623;\n}\n\n.wle-circle-inner strong {\n  font-size: 42px;\n\n  line-height: 1;\n}\n\n.wle-circle-inner span {\n  margin-top: 4px;\n\n  color: #a79aae;\n\n  font-size: 8px;\n  font-weight: 900;\n\n  letter-spacing: .18em;\n}\n\n.wle-book-bottom {\n  display: flex;\n  justify-content: space-between;\n\n  padding-top: 13px;\n\n  border-top: 1px solid rgba(255,255,255,.08);\n}\n\n.wle-book-bottom div {\n  display: flex;\n  flex-direction: column;\n}\n\n.wle-book-bottom strong {\n  color: #d8c8ff;\n\n  font-size: 11px;\n}\n\n.wle-book-bottom span {\n  margin-top: 3px;\n\n  color: #6e6678;\n\n  font-size: 6px;\n\n  letter-spacing: .1em;\n}\n\n\n\/* FLOATING BADGES *\/\n\n.wle-floating {\n  position: absolute;\n\n  z-index: 7;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 72px;\n  height: 72px;\n\n  border-radius: 20px;\n\n  background:\n    rgba(34,28,44,.92);\n\n  border: 1px solid rgba(255,255,255,.1);\n\n  box-shadow:\n    0 18px 40px rgba(0,0,0,.35);\n\n  color: #a78bfa;\n\n  font-size: 8px;\n  font-weight: 900;\n\n  letter-spacing: .1em;\n}\n\n.wle-floating small {\n  color: #fff;\n\n  font-size: 23px;\n\n  line-height: 1;\n}\n\n.wle-floating span {\n  margin-bottom: 4px;\n\n  color: #fff;\n\n  font-size: 20px;\n}\n\n.floating-top {\n  top: 28px;\n  right: 45px;\n\n  animation: wleFloatTop 4s ease-in-out infinite;\n}\n\n.floating-left {\n  bottom: 50px;\n  left: 15px;\n\n  animation: wleFloatLeft 4.5s ease-in-out infinite;\n}\n\n.floating-right {\n  right: 0;\n  bottom: 115px;\n\n  animation: wleFloatRight 5s ease-in-out infinite;\n}\n\n\n\/* FEATURES *\/\n\n.wle-features {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 1px;\n\n  margin: 0 35px;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  background: rgba(255,255,255,.07);\n}\n\n.wle-feature {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  padding: 17px;\n\n  background: rgba(255,255,255,.025);\n\n  transition:\n    background .25s ease,\n    transform .25s ease;\n}\n\n.wle-feature:hover {\n  background: rgba(124,58,237,.09);\n\n  transform: translateY(-2px);\n}\n\n.wle-feature-icon {\n  display: grid;\n  place-items: center;\n\n  width: 31px;\n  height: 31px;\n\n  flex: 0 0 31px;\n\n  border-radius: 9px;\n\n  color: #c4b5fd;\n\n  background: rgba(124,58,237,.14);\n\n  font-size: 8px;\n  font-weight: 900;\n}\n\n.wle-feature div:last-child {\n  display: flex;\n  flex-direction: column;\n}\n\n.wle-feature strong {\n  color: #e8e0ee;\n\n  font-size: 8px;\n\n  letter-spacing: .07em;\n}\n\n.wle-feature span {\n  margin-top: 4px;\n\n  color: #716978;\n\n  font-size: 8px;\n\n  line-height: 1.3;\n}\n\n\n\/* BOTTOM MESSAGE *\/\n\n.wle-bottom-message {\n  display: flex;\n  align-items: center;\n\n  max-width: 760px;\n\n  margin: 35px auto 0;\n\n  padding: 0 25px 40px;\n\n  gap: 15px;\n}\n\n.wle-quote-mark {\n  color: #8b5cf6;\n\n  font-size: 55px;\n\n  line-height: .5;\n}\n\n.wle-bottom-message strong {\n  display: block;\n\n  color: #eee8f4;\n\n  font-size: 14px;\n}\n\n.wle-bottom-message span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #756d7e;\n\n  font-size: 11px;\n\n  line-height: 1.5;\n}\n\n\n\/* ANIMATIONS *\/\n\n@keyframes wleGradient {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 200% center;\n  }\n}\n\n@keyframes wleButtonGradient {\n  0%,100% {\n    background-position: 0% 50%;\n  }\n\n  50% {\n    background-position: 100% 50%;\n  }\n}\n\n@keyframes wleTopGradient {\n  0%,100% {\n    background-position: 0% 50%;\n  }\n\n  50% {\n    background-position: 100% 50%;\n  }\n}\n\n@keyframes wleTopPulse {\n  0%,100% {\n    box-shadow:\n      0 10px 30px rgba(124,58,237,.35);\n  }\n\n  50% {\n    box-shadow:\n      0 15px 40px rgba(124,58,237,.5),\n      0 0 25px rgba(236,72,153,.15);\n  }\n}\n\n@keyframes wlePulse {\n  0% {\n    box-shadow:\n      0 0 0 0 rgba(167,139,250,.7);\n  }\n\n  70% {\n    box-shadow:\n      0 0 0 8px rgba(167,139,250,0);\n  }\n\n  100% {\n    box-shadow:\n      0 0 0 0 rgba(167,139,250,0);\n  }\n}\n\n@keyframes wleSpark {\n  0%,100% {\n    transform: scale(1) rotate(0deg);\n  }\n\n  50% {\n    transform: scale(1.35) rotate(20deg);\n  }\n}\n\n@keyframes wleShine {\n  0% {\n    left: -100%;\n  }\n\n  35%,100% {\n    left: 150%;\n  }\n}\n\n@keyframes wleBook {\n  0%,100% {\n    transform: rotate(4deg) translateY(0);\n  }\n\n  50% {\n    transform: rotate(2deg) translateY(-13px);\n  }\n}\n\n@keyframes wleCircle {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes wleOrbit {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes wleFloatTop {\n  0%,100% {\n    transform: translateY(0) rotate(4deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(7deg);\n  }\n}\n\n@keyframes wleFloatLeft {\n  0%,100% {\n    transform: translateY(0) rotate(-7deg);\n  }\n\n  50% {\n    transform: translateY(10px) rotate(-3deg);\n  }\n}\n\n@keyframes wleFloatRight {\n  0%,100% {\n    transform: translateY(0) rotate(7deg);\n  }\n\n  50% {\n    transform: translateY(-10px) rotate(3deg);\n  }\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 900px) {\n\n  .wle-grid {\n    grid-template-columns: 1fr;\n\n    padding: 90px 35px 45px;\n  }\n\n  .wle-visual {\n    min-height: 470px;\n\n    order: -1;\n  }\n\n  .wle-features {\n    grid-template-columns: 1fr 1fr;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 600px) {\n\n  .wle-section {\n    padding: 40px 10px;\n  }\n\n  .wle-card {\n    border-radius: 24px;\n  }\n\n  .wle-label {\n    top: 17px;\n    left: 17px;\n\n    font-size: 7px;\n  }\n\n  .wle-top-buy {\n    top: 14px;\n    right: 14px;\n\n    padding: 9px 10px 9px 12px;\n\n    font-size: 8px;\n  }\n\n  .wle-top-spark {\n    font-size: 11px;\n  }\n\n  .wle-top-arrow {\n    width: 21px;\n    height: 21px;\n  }\n\n  .wle-grid {\n    padding: 70px 20px 30px;\n  }\n\n  .wle-copy h1 {\n    font-size: 43px;\n  }\n\n  .wle-intro {\n    font-size: 15px;\n  }\n\n  .wle-description {\n    font-size: 13px;\n  }\n\n  .wle-steps {\n    gap: 6px;\n  }\n\n  .wle-line {\n    width: 7px;\n  }\n\n  .wle-step strong {\n    font-size: 7px;\n  }\n\n  .wle-visual {\n    min-height: 380px;\n  }\n\n  .wle-book {\n    width: 235px;\n    min-height: 335px;\n  }\n\n  .wle-book-title {\n    font-size: 23px;\n  }\n\n  .wle-book-circle {\n    width: 105px;\n    height: 105px;\n  }\n\n  .wle-circle-inner {\n    width: 87px;\n    height: 87px;\n  }\n\n  .wle-circle-inner strong {\n    font-size: 34px;\n  }\n\n  .wle-floating {\n    width: 57px;\n    height: 57px;\n\n    border-radius: 16px;\n  }\n\n  .floating-top {\n    top: 12px;\n    right: 5px;\n  }\n\n  .floating-left {\n    bottom: 35px;\n    left: 0;\n  }\n\n  .floating-right {\n    right: -3px;\n    bottom: 95px;\n  }\n\n  .wle-features {\n    grid-template-columns: 1fr;\n\n    margin: 0 15px;\n  }\n\n  .wle-bottom-message {\n    padding: 0 20px 30px;\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .wle-section *,\n  .wle-section *::before,\n  .wle-section *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"sapphire club kids","offers":[{"title":"Default Title","offer_id":48980769243391,"sku":null,"price":475.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/0144\/1535\/files\/pl5.png?v=1786186617","url":"https:\/\/sapphirekids.online\/products\/the-weight-loss-30-days-extreme-experiment-a-30-day-behavior-first-workbook-for-understanding-cravings-changing-habits-building-a-routine-that-fits-your-life","provider":"sapphire club kids","version":"1.0","type":"link"}