{"product_id":"readbostu™-study-timer","title":"readbostu™ Study Timer","description":"\u003c!-- =========================================================\nREADBOSTU™ STUDY TIMER\nShopify Custom Liquid\nStudy Essentials Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rst-page\"\u003e\n\u003cdiv class=\"rst-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"rst-hero\"\u003e\n\u003cdiv class=\"rst-eyebrow\"\u003e\n\u003cspan class=\"rst-dot\"\u003e\u003c\/span\u003e STUDY ESSENTIALS COLLECTION\u003c\/div\u003e\n\u003ch1\u003eFocus You\u003cimg\u003e\u003cimg\u003e\u003cimg\u003er Time.\u003cbr\u003e\u003cstrong\u003eBuild Better Study Habits.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eBuild better study habits with a simple time management tool designed for focused learning sessions.\u003c\/p\u003e\n\u003cdiv class=\"rst-tags\"\u003e\n\u003cspan\u003e⏱ Focus Sessions\u003c\/span\u003e \u003cspan\u003e📚 Study Planning\u003c\/span\u003e \u003cspan\u003e✓ Daily Routine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01\n         LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rst-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_65281ab4-72d0-47c0-bcc5-fd49771a0304.png?v=1790674924\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"rst-section\"\u003e\n\u003cdiv class=\"rst-section-number\"\u003e01 · FOCUSED LEARNING\u003c\/div\u003e\n\u003ch2\u003eMake Time \u003cspan\u003eFor What Matters.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Study Timer\u003c\/strong\u003e helps students and learners organize study periods, reading sessions, and daily tasks with a clear and convenient desktop design.\u003c\/p\u003e\n\u003cp\u003eBy giving each learning session a defined period of time, it can become easier to create a more structured routine for homework, reading, revision, and personal learning goals.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"rst-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rst-feature rst-feature-green\"\u003e\n\u003cdiv class=\"rst-feature-top\"\u003e\n\u003cdiv class=\"rst-feature-icon\"\u003e⏱\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFocused Study Sessions\u003c\/h3\u003e\n\u003cp\u003eGive study and reading periods a clear beginning and end.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rst-feature rst-feature-orange\"\u003e\n\u003cdiv class=\"rst-feature-top\"\u003e\n\u003cdiv class=\"rst-feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eStructured Daily Routine\u003c\/h3\u003e\n\u003cp\u003eBring more organization to homework, reading, and everyday learning tasks.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rst-feature rst-feature-blue\"\u003e\n\u003cdiv class=\"rst-feature-top\"\u003e\n\u003cdiv class=\"rst-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCompact Desktop Design\u003c\/h3\u003e\n\u003cp\u003eKeep your timer conveniently positioned beside books and study materials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FOCUS STRIP\n    ====================================================== --\u003e\n\u003csection class=\"rst-focus-strip\"\u003e\n\u003cdiv class=\"rst-focus-badge\"\u003eFOCUS\u003c\/div\u003e\n\u003cdiv class=\"rst-focus-copy\"\u003e\n\u003ch3\u003eOne Session At A Time.\u003c\/h3\u003e\n\u003cp\u003eTurn larger study goals into manageable learning sessions and create a simple rhythm for reading, homework, revision, and everyday tasks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-focus-art\"\u003e\n\u003cdiv class=\"rst-clock\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ci\u003e\u003c\/i\u003e \u003cb\u003e\u003c\/b\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 02\n         LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rst-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_0d10d8e7-f45c-4cd7-beaa-0d025cacd1a5.png?v=1790674923\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"rst-section\"\u003e\n\u003cdiv class=\"rst-section-number\"\u003e02 · CREATE YOUR STUDY RHYTHM\u003c\/div\u003e\n\u003ch2\u003ePlan The Session. \u003cspan\u003eFocus On The Task.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact size makes the readbostu™ Study Timer easy to place on desks, study tables, and workspaces while supporting a more structured learning routine.\u003c\/p\u003e\n\u003cp\u003eKeep it close to books, notebooks, and everyday learning materials to create a dedicated place for managing focused study periods throughout the day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         STACKED BENEFITS\n    ====================================================== --\u003e\n\u003csection class=\"rst-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rst-benefit rst-benefit-mint\"\u003e\n\u003cdiv class=\"rst-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-copy\"\u003e\n\u003csmall\u003e FOCUS \u003c\/small\u003e\n\u003ch3\u003eGive Every Study Session A Clear Time\u003c\/h3\u003e\n\u003cp\u003eCreate defined periods for reading, homework, revision, and other everyday learning activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-symbol\"\u003e⏱\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rst-benefit rst-benefit-yellow\"\u003e\n\u003cdiv class=\"rst-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-copy\"\u003e\n\u003csmall\u003e ROUTINE \u003c\/small\u003e\n\u003ch3\u003eBuild A More Structured Learning Routine\u003c\/h3\u003e\n\u003cp\u003eUse simple timed sessions to organize everyday study activities and personal learning goals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-symbol\"\u003e✓\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rst-benefit rst-benefit-blue\"\u003e\n\u003cdiv class=\"rst-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-copy\"\u003e\n\u003csmall\u003e DESKTOP \u003c\/small\u003e\n\u003ch3\u003eKeep Time Within Easy View\u003c\/h3\u003e\n\u003cp\u003eThe compact desktop design fits naturally beside books, notebooks, stationery, and other study essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-benefit-symbol\"\u003e◷\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         STUDY ROUTINE SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rst-routine\"\u003e\n\u003cdiv class=\"rst-routine-head\"\u003e\n\u003csmall\u003e DESIGNED FOR EVERYDAY LEARNING \u003c\/small\u003e\n\u003ch2\u003eOne Timer.\u003cbr\u003e\u003cspan\u003eMore Ways To Stay Focused.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eUse simple timed sessions throughout your learning routine—from homework and reading to revision and personal goals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-routine-grid\"\u003e\n\u003cdiv class=\"rst-routine-item\"\u003e\n\u003cdiv class=\"rst-routine-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Homework \u003c\/strong\u003e \u003cspan\u003e Plan study periods \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-routine-item\"\u003e\n\u003cdiv class=\"rst-routine-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Reading \u003c\/strong\u003e \u003cspan\u003e Create focus time \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-routine-item\"\u003e\n\u003cdiv class=\"rst-routine-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Revision \u003c\/strong\u003e \u003cspan\u003e Organize review time \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rst-routine-item\"\u003e\n\u003cdiv class=\"rst-routine-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Goals \u003c\/strong\u003e \u003cspan\u003e Build daily routines \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03\n         LARGE 1:1\n         IMAGE ONLY\n    ====================================================== --\u003e\n\u003cdiv class=\"rst-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_a038d803-3d59-44ff-a9f1-bd59e3ed525a.png?v=1790674924\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL SECTION\n    ====================================================== --\u003e\n\u003csection class=\"rst-final\"\u003e\n\u003cdiv class=\"rst-final-label\"\u003e03 · BUILD YOUR STUDY ROUTINE\u003c\/div\u003e\n\u003ch2\u003eBetter Structure. \u003cspan\u003eMore Focused Learning.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether using focus sessions, homework planning, or personal goals, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps create a more productive study experience.\u003c\/p\u003e\n\u003cp\u003eKeep your learning time organized with a simple desktop tool designed to fit naturally into study desks, learning spaces, and everyday routines.\u003c\/p\u003e\n\u003cdiv class=\"rst-brand\"\u003e\n\u003cdiv class=\"rst-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rst-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rst-brand-copy\"\u003eREADING · LEARNING · GROWING\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   READBOSTU™ STUDY TIMER\n   STUDY ESSENTIALS VISUAL SYSTEM\n========================================================= *\/\n\n\n.rst-page{\n\n  --rst-green:#0f513f;\n  --rst-green-2:#176b50;\n\n  --rst-orange:#e48a2a;\n  --rst-orange-2:#f2a33b;\n\n  --rst-yellow:#f6cf67;\n  --rst-yellow-soft:#ffe4a1;\n\n  --rst-mint:#dcebd3;\n\n  --rst-blue:#78b8d7;\n  --rst-blue-soft:#dceff5;\n\n  --rst-cream:#fffaf0;\n  --rst-cream-2:#f8f0df;\n\n  --rst-text:#19372f;\n  --rst-body:#61736c;\n\n  width:100%;\n\n  overflow:hidden;\n\n  background:\n\n    radial-gradient(\n      circle at 2% 8%,\n      rgba(228,138,42,.14),\n      transparent 22%\n    ),\n\n    radial-gradient(\n      circle at 98% 32%,\n      rgba(120,184,215,.14),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 8% 72%,\n      rgba(134,166,109,.13),\n      transparent 25%\n    ),\n\n    #fffaf0;\n\n  color:var(--rst-text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n.rst-page *{\n  box-sizing:border-box;\n}\n\n\n.rst-wrap{\n\n  width:100%;\n\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:\n    0\n    28px;\n\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n\n.rst-hero{\n\n  max-width:900px;\n\n  padding:\n    78px\n    0\n    52px;\n\n}\n\n\n.rst-eyebrow{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:22px;\n\n  color:var(--rst-green);\n\n  font-size:11px;\n\n  line-height:1.3;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n}\n\n\n.rst-dot{\n\n  width:11px;\n  height:11px;\n\n  flex:0 0 11px;\n\n  border-radius:50%;\n\n  background:var(--rst-orange);\n\n  box-shadow:\n    0 0 0 6px\n    rgba(228,138,42,.11);\n\n}\n\n\n.rst-hero h1{\n\n  max-width:880px;\n\n  margin:0;\n\n  color:var(--rst-green);\n\n  font-size:\n    clamp(\n      43px,\n      5.8vw,\n      68px\n    );\n\n  line-height:1.02;\n\n  letter-spacing:-.045em;\n\n  font-weight:850;\n\n}\n\n\n.rst-hero h1 strong{\n\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--rst-orange);\n\n  font-weight:850;\n\n}\n\n\n.rst-hero p{\n\n  max-width:690px;\n\n  margin:\n    27px\n    0\n    0;\n\n  color:var(--rst-body);\n\n  font-size:17px;\n\n  line-height:1.75;\n\n}\n\n\n.rst-tags{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:28px;\n\n}\n\n\n.rst-tags span{\n\n  padding:\n    9px\n    14px;\n\n  border:\n    1px solid\n    rgba(15,81,63,.10);\n\n  border-radius:100px;\n\n  background:#fff;\n\n  box-shadow:\n    0 6px 20px\n    rgba(49,82,68,.05);\n\n  color:#426158;\n\n  font-size:11px;\n\n  line-height:1;\n\n  font-weight:750;\n\n}\n\n\n\n\/* =========================================================\n   LARGE 1:1 IMAGE CONTAINERS\n========================================================= *\/\n\n\n.rst-image{\n\n  width:100%;\n\n  aspect-ratio:1 \/ 1;\n\n  margin:\n    0\n    0\n    78px;\n\n  overflow:hidden;\n\n  border-radius:30px;\n\n  background:#f2eadb;\n\n  box-shadow:\n    0\n    22px\n    60px\n    rgba(43,71,58,.10);\n\n}\n\n\n.rst-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n   CONTENT SECTIONS\n========================================================= *\/\n\n\n.rst-section{\n\n  max-width:850px;\n\n  padding:\n    8px\n    0\n    60px;\n\n}\n\n\n.rst-section-number{\n\n  margin-bottom:14px;\n\n  color:var(--rst-orange);\n\n  font-size:10px;\n\n  line-height:1.4;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n}\n\n\n.rst-section h2{\n\n  max-width:720px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--rst-green);\n\n  font-size:\n    clamp(\n      33px,\n      4.2vw,\n      49px\n    );\n\n  line-height:1.06;\n\n  letter-spacing:-.035em;\n\n  font-weight:850;\n\n}\n\n\n.rst-section h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--rst-orange);\n\n}\n\n\n.rst-section p{\n\n  max-width:760px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color:var(--rst-body);\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n.rst-section p strong{\n\n  color:var(--rst-green);\n\n}\n\n\n\n\/* =========================================================\n   SMALL FEATURE CARDS\n========================================================= *\/\n\n\n.rst-feature-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  gap:13px;\n\n  width:100%;\n\n  margin-bottom:65px;\n\n}\n\n\n.rst-feature{\n\n  min-width:0;\n\n  min-height:210px;\n\n  padding:\n    23px\n    21px;\n\n  overflow:hidden;\n\n  border-radius:22px;\n\n}\n\n\n.rst-feature-green{\n\n  background:#dfeeda;\n\n  color:#174b3b;\n\n}\n\n\n.rst-feature-orange{\n\n  background:#ffe3b8;\n\n  color:#70451f;\n\n}\n\n\n.rst-feature-blue{\n\n  background:#dceff5;\n\n  color:#27576c;\n\n}\n\n\n.rst-feature-top{\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:center;\n\n  margin-bottom:25px;\n\n}\n\n\n.rst-feature-top \u003e span{\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n\n  opacity:.5;\n\n}\n\n\n.rst-feature-icon{\n\n  width:38px;\n  height:38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.70);\n\n  font-size:17px;\n\n  font-weight:900;\n\n}\n\n\n.rst-feature h3{\n\n  margin:\n    0\n    0\n    10px;\n\n  font-size:19px;\n\n  line-height:1.15;\n\n  letter-spacing:-.025em;\n\n}\n\n\n.rst-feature p{\n\n  margin:0;\n\n  font-size:12px;\n\n  line-height:1.65;\n\n  opacity:.78;\n\n}\n\n\n\n\/* =========================================================\n   FOCUS STRIP\n========================================================= *\/\n\n\n.rst-focus-strip{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    100px\n    minmax(0,1fr)\n    170px;\n\n  align-items:center;\n\n  gap:28px;\n\n  width:100%;\n\n  margin-bottom:78px;\n\n  padding:\n    35px\n    38px;\n\n  overflow:hidden;\n\n  border-radius:28px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #0e503e,\n      #17694f\n    );\n\n  color:#fff;\n\n}\n\n\n.rst-focus-strip::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:260px;\n  height:260px;\n\n  right:-95px;\n  top:-145px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(246,207,103,.24),\n      transparent 68%\n    );\n\n}\n\n\n.rst-focus-badge{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:75px;\n  height:75px;\n\n  border-radius:50%;\n\n  background:var(--rst-orange);\n\n  color:#fff;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.11em;\n\n  box-shadow:\n    0 0 0 9px\n    rgba(228,138,42,.10);\n\n}\n\n\n.rst-focus-copy{\n\n  position:relative;\n\n  z-index:2;\n\n  min-width:0;\n\n}\n\n\n.rst-focus-copy h3{\n\n  margin:\n    0\n    0\n    10px;\n\n  font-size:\n    clamp(\n      22px,\n      2.8vw,\n      32px\n    );\n\n  line-height:1.12;\n\n  letter-spacing:-.025em;\n\n}\n\n\n.rst-focus-copy p{\n\n  max-width:590px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.73);\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n\n\n\/* =========================================================\n   TIMER ART\n========================================================= *\/\n\n\n.rst-focus-art{\n\n  position:relative;\n\n  z-index:2;\n\n  width:150px;\n  height:105px;\n\n}\n\n\n.rst-clock{\n\n  position:absolute;\n\n  width:76px;\n  height:76px;\n\n  right:18px;\n  top:12px;\n\n  border:\n    8px solid\n    var(--rst-yellow);\n\n  border-radius:50%;\n\n}\n\n\n.rst-clock::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:5px;\n  height:25px;\n\n  left:28px;\n  top:11px;\n\n  border-radius:20px;\n\n  background:#fff;\n\n  transform-origin:\n    50%\n    100%;\n\n  transform:rotate(0deg);\n\n}\n\n\n.rst-clock::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:22px;\n  height:5px;\n\n  left:31px;\n  top:33px;\n\n  border-radius:20px;\n\n  background:#fff;\n\n  transform:\n    rotate(35deg);\n\n  transform-origin:\n    left center;\n\n}\n\n\n.rst-clock span{\n\n  position:absolute;\n\n  width:10px;\n  height:10px;\n\n  left:25px;\n  top:28px;\n\n  border-radius:50%;\n\n  background:var(--rst-orange);\n\n}\n\n\n.rst-focus-art i{\n\n  position:absolute;\n\n  width:42px;\n  height:10px;\n\n  left:6px;\n  top:25px;\n\n  border-radius:100px;\n\n  background:var(--rst-blue);\n\n  transform:rotate(-22deg);\n\n}\n\n\n.rst-focus-art b{\n\n  position:absolute;\n\n  width:31px;\n  height:10px;\n\n  left:20px;\n  bottom:16px;\n\n  border-radius:100px;\n\n  background:var(--rst-orange);\n\n  transform:rotate(20deg);\n\n}\n\n\n\n\/* =========================================================\n   STACKED BENEFITS\n========================================================= *\/\n\n\n.rst-benefits{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:11px;\n\n  width:100%;\n\n  margin-bottom:78px;\n\n}\n\n\n.rst-benefit{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    65px\n    minmax(0,1fr)\n    65px;\n\n  gap:24px;\n\n  align-items:center;\n\n  width:100%;\n\n  padding:\n    30px\n    32px;\n\n  overflow:hidden;\n\n  border-radius:24px;\n\n}\n\n\n.rst-benefit-mint{\n\n  background:#dcebd3;\n\n  color:#174a39;\n\n}\n\n\n.rst-benefit-yellow{\n\n  background:#ffe4a1;\n\n  color:#60451f;\n\n}\n\n\n.rst-benefit-blue{\n\n  background:#d8edf5;\n\n  color:#24556b;\n\n}\n\n\n.rst-benefit-number{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:53px;\n  height:53px;\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.64);\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:.1em;\n\n}\n\n\n.rst-benefit-copy small{\n\n  display:block;\n\n  margin-bottom:7px;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n  opacity:.58;\n\n}\n\n\n.rst-benefit-copy h3{\n\n  margin:\n    0\n    0\n    8px;\n\n  font-size:\n    clamp(\n      22px,\n      2.8vw,\n      30px\n    );\n\n  line-height:1.1;\n\n  letter-spacing:-.025em;\n\n}\n\n\n.rst-benefit-copy p{\n\n  max-width:660px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.65;\n\n  opacity:.76;\n\n}\n\n\n.rst-benefit-symbol{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:54px;\n  height:54px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.62);\n\n  font-size:20px;\n\n  font-weight:900;\n\n}\n\n\n\n\/* =========================================================\n   STUDY ROUTINE\n========================================================= *\/\n\n\n.rst-routine{\n\n  position:relative;\n\n  width:100%;\n\n  margin-bottom:78px;\n\n  padding:\n    54px\n    45px;\n\n  overflow:hidden;\n\n  border-radius:30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0d4c3b,\n      #17684f\n    );\n\n  color:#fff;\n\n}\n\n\n.rst-routine::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:310px;\n  height:310px;\n\n  right:-150px;\n  top:-180px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(246,207,103,.25),\n      rgba(228,138,42,.08),\n      transparent 70%\n    );\n\n}\n\n\n.rst-routine::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:180px;\n  height:180px;\n\n  left:-100px;\n  bottom:-100px;\n\n  border-radius:50%;\n\n  background:\n    rgba(120,184,215,.13);\n\n}\n\n\n.rst-routine-head{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n}\n\n\n.rst-routine-head small{\n\n  display:block;\n\n  margin-bottom:14px;\n\n  color:#ffc46f;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.19em;\n\n}\n\n\n.rst-routine-head h2{\n\n  margin:\n    0\n    0\n    19px;\n\n  font-size:\n    clamp(\n      34px,\n      4.3vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-.04em;\n\n}\n\n\n.rst-routine-head h2 span{\n\n  color:#ffb34e;\n\n}\n\n\n.rst-routine-head p{\n\n  max-width:610px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.73);\n\n  font-size:14px;\n\n  line-height:1.75;\n\n}\n\n\n.rst-routine-grid{\n\n  position:relative;\n\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  gap:9px;\n\n  margin-top:38px;\n\n}\n\n\n.rst-routine-item{\n\n  min-width:0;\n\n  padding:\n    18px\n    16px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.07);\n\n}\n\n\n.rst-routine-number{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:31px;\n  height:31px;\n\n  margin-bottom:17px;\n\n  border-radius:50%;\n\n  background:var(--rst-orange);\n\n  font-size:8px;\n\n  font-weight:900;\n\n}\n\n\n.rst-routine-item strong{\n\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:14px;\n\n}\n\n\n.rst-routine-item span{\n\n  display:block;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:10px;\n\n  line-height:1.5;\n\n}\n\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n\n.rst-final{\n\n  max-width:850px;\n\n  padding:\n    5px\n    0\n    95px;\n\n}\n\n\n.rst-final-label{\n\n  margin-bottom:14px;\n\n  color:var(--rst-orange);\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n\n}\n\n\n.rst-final h2{\n\n  max-width:720px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--rst-green);\n\n  font-size:\n    clamp(\n      33px,\n      4.2vw,\n      49px\n    );\n\n  line-height:1.06;\n\n  letter-spacing:-.035em;\n\n}\n\n\n.rst-final h2 span{\n\n  display:block;\n\n  color:var(--rst-orange);\n\n}\n\n\n.rst-final p{\n\n  max-width:760px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color:var(--rst-body);\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n.rst-final p strong{\n\n  color:var(--rst-green);\n\n}\n\n\n\n\/* =========================================================\n   BRAND SIGNATURE\n========================================================= *\/\n\n\n.rst-brand{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:17px;\n\n  width:100%;\n\n  margin-top:38px;\n\n  padding-top:21px;\n\n  border-top:\n    1px solid\n    rgba(15,81,63,.13);\n\n}\n\n\n.rst-brand-name{\n\n  flex:0 0 auto;\n\n  color:var(--rst-green);\n\n  font-size:18px;\n\n  font-weight:900;\n\n  letter-spacing:-.03em;\n\n}\n\n\n.rst-brand-name span{\n\n  color:var(--rst-orange);\n\n}\n\n\n.rst-brand-line{\n\n  flex:1;\n\n  min-width:30px;\n\n  height:2px;\n\n  border-radius:100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--rst-green),\n      var(--rst-orange),\n      var(--rst-yellow),\n      var(--rst-blue),\n      transparent\n    );\n\n}\n\n\n.rst-brand-copy{\n\n  flex:0 0 auto;\n\n  color:#7e9189;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n\n@media(max-width:768px){\n\n\n  .rst-wrap{\n\n    padding:\n      0\n      18px;\n\n  }\n\n\n  .rst-hero{\n\n    padding:\n      62px\n      0\n      44px;\n\n  }\n\n\n  .rst-feature-grid{\n\n    gap:9px;\n\n  }\n\n\n  .rst-feature{\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .rst-focus-strip{\n\n    grid-template-columns:\n      80px\n      minmax(0,1fr);\n\n  }\n\n\n  .rst-focus-art{\n\n    display:none;\n\n  }\n\n\n  .rst-routine-grid{\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n\n@media(max-width:520px){\n\n\n  .rst-wrap{\n\n    padding:\n      0\n      15px;\n\n  }\n\n\n\n  \/* HERO *\/\n\n  .rst-hero{\n\n    padding:\n      48px\n      0\n      35px;\n\n  }\n\n\n  .rst-eyebrow{\n\n    margin-bottom:16px;\n\n    font-size:8px;\n\n    letter-spacing:.13em;\n\n  }\n\n\n  .rst-dot{\n\n    width:9px;\n    height:9px;\n\n    flex-basis:9px;\n\n  }\n\n\n  .rst-hero h1{\n\n    font-size:37px;\n\n    line-height:1.03;\n\n  }\n\n\n  .rst-hero h1 strong{\n\n    font-size:34px;\n\n  }\n\n\n  .rst-hero p{\n\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rst-tags{\n\n    gap:5px;\n\n    margin-top:22px;\n\n  }\n\n\n  .rst-tags span{\n\n    padding:\n      8px\n      10px;\n\n    font-size:8px;\n\n  }\n\n\n\n  \/* IMAGE *\/\n\n  .rst-image{\n\n    width:100%;\n\n    aspect-ratio:1 \/ 1;\n\n    margin-bottom:56px;\n\n    border-radius:21px;\n\n  }\n\n\n\n  \/* TEXT *\/\n\n  .rst-section{\n\n    padding:\n      4px\n      1px\n      48px;\n\n  }\n\n\n  .rst-section-number{\n\n    margin-bottom:12px;\n\n    font-size:8px;\n\n  }\n\n\n  .rst-section h2{\n\n    margin-bottom:20px;\n\n    font-size:30px;\n\n    line-height:1.07;\n\n  }\n\n\n  .rst-section p{\n\n    margin-bottom:13px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n\n  \/* FEATURE CARDS *\/\n\n  .rst-feature-grid{\n\n    grid-template-columns:1fr;\n\n    gap:8px;\n\n    margin-bottom:55px;\n\n  }\n\n\n  .rst-feature{\n\n    min-height:0;\n\n    padding:\n      20px\n      19px;\n\n    border-radius:18px;\n\n  }\n\n\n  .rst-feature-top{\n\n    margin-bottom:17px;\n\n  }\n\n\n  .rst-feature-icon{\n\n    width:34px;\n    height:34px;\n\n    font-size:15px;\n\n  }\n\n\n  .rst-feature h3{\n\n    font-size:18px;\n\n  }\n\n\n  .rst-feature p{\n\n    max-width:310px;\n\n    font-size:11px;\n\n  }\n\n\n\n  \/* FOCUS STRIP *\/\n\n  .rst-focus-strip{\n\n    grid-template-columns:1fr;\n\n    gap:20px;\n\n    margin-bottom:56px;\n\n    padding:\n      26px\n      22px;\n\n    border-radius:21px;\n\n  }\n\n\n  .rst-focus-badge{\n\n    width:57px;\n    height:57px;\n\n    font-size:7px;\n\n  }\n\n\n  .rst-focus-copy h3{\n\n    font-size:23px;\n\n  }\n\n\n  .rst-focus-copy p{\n\n    font-size:12px;\n\n  }\n\n\n\n  \/* BENEFITS *\/\n\n  .rst-benefits{\n\n    gap:8px;\n\n    margin-bottom:56px;\n\n  }\n\n\n  .rst-benefit{\n\n    grid-template-columns:\n      45px\n      minmax(0,1fr);\n\n    gap:15px;\n\n    padding:\n      23px\n      18px;\n\n    border-radius:19px;\n\n  }\n\n\n  .rst-benefit-number{\n\n    width:42px;\n    height:42px;\n\n    border-radius:13px;\n\n    font-size:9px;\n\n  }\n\n\n  .rst-benefit-copy h3{\n\n    font-size:20px;\n\n  }\n\n\n  .rst-benefit-copy p{\n\n    font-size:11px;\n\n  }\n\n\n  .rst-benefit-symbol{\n\n    display:none;\n\n  }\n\n\n\n  \/* ROUTINE *\/\n\n  .rst-routine{\n\n    margin-bottom:56px;\n\n    padding:\n      37px\n      23px;\n\n    border-radius:22px;\n\n  }\n\n\n  .rst-routine-head h2{\n\n    font-size:30px;\n\n  }\n\n\n  .rst-routine-head p{\n\n    font-size:12px;\n\n  }\n\n\n  .rst-routine-grid{\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n    gap:7px;\n\n    margin-top:28px;\n\n  }\n\n\n  .rst-routine-item{\n\n    padding:\n      15px\n      13px;\n\n  }\n\n\n  .rst-routine-item strong{\n\n    font-size:12px;\n\n  }\n\n\n  .rst-routine-item span{\n\n    font-size:9px;\n\n  }\n\n\n\n  \/* FINAL *\/\n\n  .rst-final{\n\n    padding-bottom:70px;\n\n  }\n\n\n  .rst-final-label{\n\n    font-size:8px;\n\n  }\n\n\n  .rst-final h2{\n\n    font-size:30px;\n\n  }\n\n\n  .rst-final p{\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  .rst-brand{\n\n    gap:9px;\n\n    margin-top:30px;\n\n  }\n\n\n  .rst-brand-name{\n\n    font-size:14px;\n\n  }\n\n\n  .rst-brand-copy{\n\n    display:none;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n\n@media(max-width:390px){\n\n\n  .rst-wrap{\n\n    padding:\n      0\n      12px;\n\n  }\n\n\n  .rst-hero h1{\n\n    font-size:33px;\n\n  }\n\n\n  .rst-hero h1 strong{\n\n    font-size:30px;\n\n  }\n\n\n  .rst-section h2,\n  .rst-final h2{\n\n    font-size:28px;\n\n  }\n\n\n  .rst-routine-head h2{\n\n    font-size:28px;\n\n  }\n\n\n  .rst-routine{\n\n    padding:\n      32px\n      18px;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559176638722,"sku":"readbostu*1","price":16.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559176671490,"sku":"readbostu*2","price":29.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559176704258,"sku":"readbostu*4","price":49.87,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_ef90b88c-7e2a-444c-bbf8-9469a0776817.png?v=1790674810","url":"https:\/\/readbostu.com\/products\/readbostu%e2%84%a2-study-timer","provider":"Readbostu™","version":"1.0","type":"link"}