{"title":"✏️ Study Essentials","description":null,"products":[{"product_id":"readbostu™-rotating-pen-holder","title":"readbostu™ Rotating Pen Holder","description":"\u003c!-- =========================================================\nREADBOSTU™ ROTATING PEN HOLDER\nShopify Custom Liquid\nStudy Essentials Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-pen-page\"\u003e\n\u003cdiv class=\"rb-pen-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-hero\"\u003e\n\u003cdiv class=\"rb-pen-eyebrow\"\u003e\n\u003cspan class=\"rb-pen-dot\"\u003e\u003c\/span\u003e STUDY ESSENTIALS COLLECTION\u003c\/div\u003e\n\u003ch1\u003eOrganize Your Tools.\u003cbr\u003e\u003cstrong\u003eCreate With Ease.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eKeep your desk organized with a practical storage solution designed for everyday study and creative work.\u003c\/p\u003e\n\u003cdiv class=\"rb-pen-tags\"\u003e\n\u003cspan\u003e✏️ Easy Organization\u003c\/span\u003e \u003cspan\u003e↻ Rotating Access\u003c\/span\u003e \u003cspan\u003e🎨 Creative Workspace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — 1:1 IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-pen-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_67ac14e5-4b5a-4249-846f-f25bae300e27.png?v=1790674879\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-section\"\u003e\n\u003cdiv class=\"rb-pen-section-label\"\u003e01 · ORGANIZED EVERYDAY\u003c\/div\u003e\n\u003ch2\u003eEverything Has \u003cspan\u003eIts Place.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Rotating Pen Holder\u003c\/strong\u003e features a rotating storage design that allows easy access to pens, pencils, markers, and small stationery items.\u003c\/p\u003e\n\u003cp\u003eKeep frequently used study and creative tools together in one practical desktop organizer while creating a cleaner space for everyday learning.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SMALL FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-feature-grid\"\u003e\n\u003carticle class=\"rb-pen-feature rb-pen-feature-green\"\u003e\n\u003cdiv class=\"rb-pen-feature-head\"\u003e\n\u003cdiv class=\"rb-pen-feature-icon\"\u003e↻\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRotating Access\u003c\/h3\u003e\n\u003cp\u003eRotate your organizer to reach everyday stationery more conveniently.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-pen-feature rb-pen-feature-orange\"\u003e\n\u003cdiv class=\"rb-pen-feature-head\"\u003e\n\u003cdiv class=\"rb-pen-feature-icon\"\u003e✎\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOrganized Storage\u003c\/h3\u003e\n\u003cp\u003eKeep pens, pencils, markers, and small stationery together in one place.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-pen-feature rb-pen-feature-blue\"\u003e\n\u003cdiv class=\"rb-pen-feature-head\"\u003e\n\u003cdiv class=\"rb-pen-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\u003eAdd useful organization without taking over your everyday work surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOR STRIP\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-strip\"\u003e\n\u003cdiv class=\"rb-pen-strip-badge\"\u003e\u003cspan\u003e↻\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-strip-copy\"\u003e\n\u003csmall\u003e ORGANIZE · ROTATE · CREATE \u003c\/small\u003e\n\u003ch3\u003eFind What You Need. Keep Creating.\u003c\/h3\u003e\n\u003cp\u003eKeep everyday stationery visible, organized, and conveniently within reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-strip-art\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — 1:1 IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-pen-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_67ac14e5-4b5a-4249-846f-f25bae300e27.png?v=1790674879\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-section\"\u003e\n\u003cdiv class=\"rb-pen-section-label\"\u003e02 · MADE FOR BUSY DESKS\u003c\/div\u003e\n\u003ch2\u003eLess Clutter. \u003cspan\u003eMore Room To Create.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact desktop-friendly structure helps reduce clutter while keeping frequently used tools within reach.\u003c\/p\u003e\n\u003cp\u003eFrom pencils for homework to markers for creative projects, the rotating design helps make everyday stationery easier to organize and access.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STACKED BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-benefits\"\u003e\n\u003carticle class=\"rb-pen-benefit rb-pen-benefit-mint\"\u003e\n\u003cdiv class=\"rb-pen-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-copy\"\u003e\n\u003csmall\u003e EASY ACCESS \u003c\/small\u003e\n\u003ch3\u003eRotate To Find What You Need\u003c\/h3\u003e\n\u003cp\u003eKeep everyday writing and creative tools conveniently accessible from different positions around your desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-symbol\"\u003e↻\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-pen-benefit rb-pen-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-pen-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-copy\"\u003e\n\u003csmall\u003e ORGANIZATION \u003c\/small\u003e\n\u003ch3\u003eGive Small Essentials A Dedicated Place\u003c\/h3\u003e\n\u003cp\u003eBring pens, pencils, markers, and other small stationery together instead of leaving them scattered across your desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-symbol\"\u003e✎\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"rb-pen-benefit rb-pen-benefit-blue\"\u003e\n\u003cdiv class=\"rb-pen-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-copy\"\u003e\n\u003csmall\u003e DESKTOP SPACE \u003c\/small\u003e\n\u003ch3\u003eStay Organized Without The Bulk\u003c\/h3\u003e\n\u003cp\u003eThe compact desktop-friendly structure creates useful storage while helping preserve space for reading and creative work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n CREATIVE STUDY SECTION\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-creative\"\u003e\n\u003cdiv class=\"rb-pen-creative-shape rb-shape-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-creative-shape rb-shape-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-creative-head\"\u003e\n\u003csmall\u003e MADE FOR EVERYDAY CREATIVITY \u003c\/small\u003e\n\u003ch2\u003eOne Organizer.\u003cbr\u003e\u003cspan\u003eMore Ways To Create.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom homework and note-taking to drawing and creative projects, keep the tools you use most ready for every idea.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-creative-grid\"\u003e\n\u003carticle class=\"rb-pen-creative-item\"\u003e\n\u003cdiv class=\"rb-pen-creative-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Write \u003c\/strong\u003e \u003cspan\u003e Pens \u0026amp; pencils \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-pen-creative-item\"\u003e\n\u003cdiv class=\"rb-pen-creative-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Draw \u003c\/strong\u003e \u003cspan\u003e Markers \u0026amp; colors \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-pen-creative-item\"\u003e\n\u003cdiv class=\"rb-pen-creative-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Study \u003c\/strong\u003e \u003cspan\u003e Everyday essentials \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle class=\"rb-pen-creative-item\"\u003e\n\u003cdiv class=\"rb-pen-creative-number\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Create \u003c\/strong\u003e \u003cspan\u003e Tools for new ideas \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — 1:1 IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-pen-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_2b273fc0-e35d-4731-ae93-f1d4eadecc9d.png?v=1790674879\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL\n ====================================================== --\u003e\n\u003csection class=\"rb-pen-final\"\u003e\n\u003cdiv class=\"rb-pen-final-label\"\u003e03 · CREATE A BETTER STUDY SPACE\u003c\/div\u003e\n\u003ch2\u003eA Cleaner Desk. \u003cspan\u003eA Better Place To Create.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePerfect for students, artists, writers, and anyone who wants a cleaner and more organized workspace, the \u003cstrong\u003ereadbostu™ Rotating Pen Holder\u003c\/strong\u003e brings practical storage to everyday study and creative activities.\u003c\/p\u003e\n\u003cp\u003eKeep your favorite tools close, reduce everyday desktop clutter, and create an organized space ready for the next idea.\u003c\/p\u003e\n\u003cdiv class=\"rb-pen-brand\"\u003e\n\u003cdiv class=\"rb-pen-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-pen-brand-copy\"\u003eSTUDY · CREATE · GROW\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™ ROTATING PEN HOLDER\n STUDY ESSENTIALS VISUAL SYSTEM\n========================================================= *\/\n\n.rb-pen-page{\n\n --green:#0f513f;\n --green2:#176b50;\n\n --orange:#e48a2a;\n --orange2:#f2a33b;\n\n --yellow:#f6cf67;\n --yellow-soft:#ffe7a4;\n\n --mint:#dcebd3;\n --sage:#86a66d;\n\n --blue:#78b8d7;\n --blue-soft:#dceff5;\n\n --pink:#f3c7b8;\n --cream:#fffaf0;\n --cream2:#f8f0df;\n\n --text:#19372f;\n --body:#61736c;\n\n width:100%;\n\n overflow:hidden;\n\n color:var(--text);\n\n background:\n radial-gradient(\n circle at 0% 7%,\n rgba(228,138,42,.13),\n transparent 22%\n ),\n radial-gradient(\n circle at 100% 30%,\n rgba(120,184,215,.15),\n transparent 24%\n ),\n radial-gradient(\n circle at 5% 72%,\n rgba(134,166,109,.14),\n transparent 24%\n ),\n var(--cream);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Arial,\n Helvetica,\n sans-serif;\n\n}\n\n\n.rb-pen-page *{\n box-sizing:border-box;\n}\n\n\n.rb-pen-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.rb-pen-hero{\n\n max-width:880px;\n\n padding:\n 78px\n 0\n 52px;\n\n}\n\n\n.rb-pen-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n gap:11px;\n\n margin-bottom:22px;\n\n color:var(--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.rb-pen-dot{\n\n width:11px;\n height:11px;\n\n flex:0 0 11px;\n\n border-radius:\n 50%\n 50%\n 50%\n 4px;\n\n background:var(--orange);\n\n transform:rotate(-20deg);\n\n}\n\n\n.rb-pen-hero h1{\n\n max-width:820px;\n\n margin:0;\n\n color:var(--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.rb-pen-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n color:var(--orange);\n\n font-weight:850;\n\n}\n\n\n.rb-pen-hero p{\n\n max-width:690px;\n\n margin:\n 27px\n 0\n 0;\n\n color:var(--body);\n\n font-size:17px;\n\n line-height:1.75;\n\n}\n\n\n.rb-pen-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:28px;\n\n}\n\n\n.rb-pen-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 LARGE 1:1 IMAGE AREAS\n========================================================= *\/\n\n.rb-pen-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.rb-pen-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT SECTIONS\n========================================================= *\/\n\n.rb-pen-section{\n\n max-width:850px;\n\n padding:\n 8px\n 0\n 60px;\n\n}\n\n\n.rb-pen-section-label{\n\n margin-bottom:14px;\n\n color:var(--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.rb-pen-section h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--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.rb-pen-section h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.rb-pen-section p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-pen-section p strong{\n color:var(--green);\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.rb-pen-feature-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap:13px;\n\n width:100%;\n\n margin-bottom:65px;\n\n}\n\n\n.rb-pen-feature{\n\n min-width:0;\n\n min-height:205px;\n\n padding:\n 22px\n 20px;\n\n overflow:hidden;\n\n border-radius:22px;\n\n}\n\n\n.rb-pen-feature-green{\n\n background:#dcebd3;\n\n color:#174b3b;\n\n}\n\n\n.rb-pen-feature-orange{\n\n background:#ffe2b6;\n\n color:#70451f;\n\n}\n\n\n.rb-pen-feature-blue{\n\n background:#dceff5;\n\n color:#27576c;\n\n}\n\n\n.rb-pen-feature-head{\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:23px;\n\n}\n\n\n.rb-pen-feature-head \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.rb-pen-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:18px;\n\n font-weight:900;\n\n}\n\n\n.rb-pen-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.rb-pen-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 COLOR STRIP\n========================================================= *\/\n\n.rb-pen-strip{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 90px\n minmax(0,1fr)\n 180px;\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 #e58a2a,\n #f1b64f\n );\n\n color:#513719;\n\n}\n\n\n.rb-pen-strip-badge{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:70px;\n height:70px;\n\n border-radius:\n 23px\n 23px\n 23px\n 7px;\n\n background:\n rgba(255,255,255,.82);\n\n}\n\n\n.rb-pen-strip-badge span{\n\n color:var(--green);\n\n font-size:30px;\n\n font-weight:900;\n\n}\n\n\n.rb-pen-strip-copy small{\n\n display:block;\n\n margin-bottom:8px;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n opacity:.6;\n\n}\n\n\n.rb-pen-strip-copy h3{\n\n margin:\n 0\n 0\n 9px;\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.rb-pen-strip-copy p{\n\n max-width:570px;\n\n margin:0;\n\n font-size:13px;\n\n line-height:1.65;\n\n opacity:.72;\n\n}\n\n\n.rb-pen-strip-art{\n\n position:relative;\n\n width:160px;\n height:100px;\n\n}\n\n\n.rb-pen-strip-art i{\n\n position:absolute;\n\n display:block;\n\n bottom:5px;\n\n width:17px;\n\n border-radius:\n 20px\n 20px\n 6px\n 6px;\n\n background:\n rgba(255,255,255,.75);\n\n transform-origin:bottom center;\n\n}\n\n\n.rb-pen-strip-art i:nth-child(1){\n\n height:78px;\n\n left:22px;\n\n transform:rotate(-12deg);\n\n}\n\n\n.rb-pen-strip-art i:nth-child(2){\n\n height:91px;\n\n left:60px;\n\n background:#dcebd3;\n\n transform:rotate(-3deg);\n\n}\n\n\n.rb-pen-strip-art i:nth-child(3){\n\n height:70px;\n\n left:97px;\n\n background:#dceff5;\n\n transform:rotate(9deg);\n\n}\n\n\n.rb-pen-strip-art i:nth-child(4){\n\n height:83px;\n\n left:128px;\n\n background:#fff0a9;\n\n transform:rotate(15deg);\n\n}\n\n\n\/* =========================================================\n STACKED BENEFITS\n========================================================= *\/\n\n.rb-pen-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.rb-pen-benefit{\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.rb-pen-benefit-mint{\n\n background:#dcebd3;\n\n color:#174a39;\n\n}\n\n\n.rb-pen-benefit-yellow{\n\n background:#ffe4a1;\n\n color:#60451f;\n\n}\n\n\n.rb-pen-benefit-blue{\n\n background:#d8edf5;\n\n color:#24556b;\n\n}\n\n\n.rb-pen-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.rb-pen-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.rb-pen-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.rb-pen-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.rb-pen-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:22px;\n\n font-weight:800;\n\n}\n\n\n\/* =========================================================\n CREATIVE STUDY SECTION\n========================================================= *\/\n\n.rb-pen-creative{\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.rb-pen-creative-shape{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n}\n\n\n.rb-shape-one{\n\n width:280px;\n height:280px;\n\n right:-130px;\n top:-160px;\n\n background:\n rgba(244,157,54,.18);\n\n}\n\n\n.rb-shape-two{\n\n width:190px;\n height:190px;\n\n left:-100px;\n bottom:-100px;\n\n background:\n rgba(120,184,215,.14);\n\n}\n\n\n.rb-pen-creative-head{\n\n position:relative;\n\n z-index:2;\n\n max-width:720px;\n\n}\n\n\n.rb-pen-creative-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.rb-pen-creative-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.rb-pen-creative-head h2 span{\n color:#ffb34e;\n}\n\n\n.rb-pen-creative-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.rb-pen-creative-grid{\n\n position:relative;\n\n z-index:2;\n\n display:grid;\n\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n gap:9px;\n\n margin-top:38px;\n\n}\n\n\n.rb-pen-creative-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.rb-pen-creative-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(--orange);\n\n font-size:8px;\n\n font-weight:900;\n\n}\n\n\n.rb-pen-creative-item strong{\n\n display:block;\n\n margin-bottom:5px;\n\n font-size:14px;\n\n}\n\n\n.rb-pen-creative-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 FINAL\n========================================================= *\/\n\n.rb-pen-final{\n\n max-width:850px;\n\n padding:\n 5px\n 0\n 95px;\n\n}\n\n\n.rb-pen-final-label{\n\n margin-bottom:14px;\n\n color:var(--orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-pen-final h2{\n\n max-width:720px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--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.rb-pen-final h2 span{\n\n display:block;\n\n color:var(--orange);\n\n}\n\n\n.rb-pen-final p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-pen-final p strong{\n color:var(--green);\n}\n\n\n\/* =========================================================\n BRAND\n========================================================= *\/\n\n.rb-pen-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.rb-pen-brand-name{\n\n flex:0 0 auto;\n\n color:var(--green);\n\n font-size:18px;\n\n font-weight:900;\n\n letter-spacing:-.03em;\n\n}\n\n\n.rb-pen-brand-name span{\n color:var(--orange);\n}\n\n\n.rb-pen-brand-line{\n\n flex:1;\n\n height:2px;\n\n border-radius:100px;\n\n background:\n linear-gradient(\n 90deg,\n var(--green),\n var(--orange),\n var(--yellow),\n var(--blue),\n transparent\n );\n\n}\n\n\n.rb-pen-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 TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .rb-pen-wrap{\n padding:0 18px;\n }\n\n\n .rb-pen-hero{\n padding:62px 0 44px;\n }\n\n\n .rb-pen-feature-grid{\n gap:9px;\n }\n\n\n .rb-pen-feature{\n padding:20px 17px;\n }\n\n\n .rb-pen-strip{\n\n grid-template-columns:\n 75px\n minmax(0,1fr);\n\n }\n\n\n .rb-pen-strip-art{\n display:none;\n }\n\n\n .rb-pen-creative-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .rb-pen-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .rb-pen-hero{\n padding:48px 0 35px;\n }\n\n\n .rb-pen-eyebrow{\n\n margin-bottom:16px;\n\n font-size:8px;\n\n letter-spacing:.13em;\n\n }\n\n\n .rb-pen-dot{\n\n width:9px;\n height:9px;\n\n flex-basis:9px;\n\n }\n\n\n .rb-pen-hero h1{\n\n font-size:38px;\n\n line-height:1.02;\n\n }\n\n\n .rb-pen-hero h1 strong{\n font-size:36px;\n }\n\n\n .rb-pen-hero p{\n\n margin-top:20px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-pen-tags{\n\n gap:5px;\n\n margin-top:22px;\n\n }\n\n\n .rb-pen-tags span{\n\n padding:\n 8px\n 10px;\n\n font-size:8px;\n\n }\n\n\n \/* LARGE IMAGE *\/\n\n .rb-pen-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 \/* TEXT *\/\n\n .rb-pen-section{\n\n padding:\n 4px\n 1px\n 48px;\n\n }\n\n\n .rb-pen-section-label{\n\n margin-bottom:12px;\n\n font-size:8px;\n\n }\n\n\n .rb-pen-section h2{\n\n margin-bottom:20px;\n\n font-size:30px;\n\n line-height:1.07;\n\n }\n\n\n .rb-pen-section p{\n\n margin-bottom:13px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* FEATURE CARDS *\/\n\n .rb-pen-feature-grid{\n\n grid-template-columns:1fr;\n\n gap:8px;\n\n margin-bottom:55px;\n\n }\n\n\n .rb-pen-feature{\n\n min-height:0;\n\n padding:\n 20px\n 19px;\n\n border-radius:18px;\n\n }\n\n\n .rb-pen-feature-head{\n margin-bottom:17px;\n }\n\n\n .rb-pen-feature-icon{\n\n width:34px;\n height:34px;\n\n font-size:15px;\n\n }\n\n\n .rb-pen-feature h3{\n font-size:18px;\n }\n\n\n .rb-pen-feature p{\n\n max-width:300px;\n\n font-size:11px;\n\n }\n\n\n \/* COLOR STRIP *\/\n\n .rb-pen-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 .rb-pen-strip-badge{\n\n width:57px;\n height:57px;\n\n border-radius:\n 18px\n 18px\n 18px\n 6px;\n\n }\n\n\n .rb-pen-strip-badge span{\n font-size:24px;\n }\n\n\n .rb-pen-strip-copy h3{\n font-size:23px;\n }\n\n\n .rb-pen-strip-copy p{\n font-size:12px;\n }\n\n\n \/* BENEFITS *\/\n\n .rb-pen-benefits{\n\n gap:8px;\n\n margin-bottom:56px;\n\n }\n\n\n .rb-pen-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 .rb-pen-benefit-number{\n\n width:42px;\n height:42px;\n\n border-radius:13px;\n\n font-size:9px;\n\n }\n\n\n .rb-pen-benefit-copy h3{\n font-size:20px;\n }\n\n\n .rb-pen-benefit-copy p{\n font-size:11px;\n }\n\n\n .rb-pen-benefit-symbol{\n display:none;\n }\n\n\n \/* CREATIVE *\/\n\n .rb-pen-creative{\n\n margin-bottom:56px;\n\n padding:\n 37px\n 23px;\n\n border-radius:22px;\n\n }\n\n\n .rb-pen-creative-head h2{\n font-size:30px;\n }\n\n\n .rb-pen-creative-head p{\n font-size:12px;\n }\n\n\n .rb-pen-creative-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:7px;\n\n margin-top:28px;\n\n }\n\n\n .rb-pen-creative-item{\n\n padding:\n 15px\n 13px;\n\n }\n\n\n .rb-pen-creative-item strong{\n font-size:12px;\n }\n\n\n .rb-pen-creative-item span{\n font-size:9px;\n }\n\n\n \/* FINAL *\/\n\n .rb-pen-final{\n padding-bottom:70px;\n }\n\n\n .rb-pen-final-label{\n font-size:8px;\n }\n\n\n .rb-pen-final h2{\n font-size:30px;\n }\n\n\n .rb-pen-final p{\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-pen-brand{\n\n gap:9px;\n\n margin-top:30px;\n\n }\n\n\n .rb-pen-brand-name{\n font-size:14px;\n }\n\n\n .rb-pen-brand-copy{\n display:none;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n .rb-pen-wrap{\n padding:0 12px;\n }\n\n\n .rb-pen-hero h1{\n font-size:34px;\n }\n\n\n .rb-pen-hero h1 strong{\n font-size:32px;\n }\n\n\n .rb-pen-section h2,\n .rb-pen-final h2{\n font-size:28px;\n }\n\n\n .rb-pen-creative-head h2{\n font-size:28px;\n }\n\n\n .rb-pen-creative{\n padding:32px 18px;\n }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559172968706,"sku":"readbostu*1","price":14.65,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559173001474,"sku":"readbostu*2","price":24.65,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559173034242,"sku":"readbostu*4","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_884edc30-5827-4352-81b7-672941eab68b.png?v=1790674798"},{"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"},{"product_id":"readbostu™-desktop-stationery-organizer","title":"readbostu™ Desktop Stationery Organizer","description":"\u003c!-- =========================================================\nREADBOSTU™ DESKTOP STATIONERY ORGANIZER\nShopify Custom Liquid\nStudy Essentials Collection\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"rb-org-page\"\u003e\n\u003cdiv class=\"rb-org-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"rb-org-hero\"\u003e\n\u003cdiv class=\"rb-org-eyebrow\"\u003e\n\u003cspan class=\"rb-org-dot\"\u003e\u003c\/span\u003e STUDY ESSENTIALS COLLECTION\u003c\/div\u003e\n\u003ch1\u003eClear The Clutter.\u003cbr\u003e\u003cstrong\u003eMake Space To Create.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCreate a cleaner study space with a practical organizer designed for everyday stationery storage.\u003c\/p\u003e\n\u003cdiv class=\"rb-org-tags\"\u003e\n\u003cspan\u003e✏️ Stationery Storage\u003c\/span\u003e \u003cspan\u003e🌿 Organized Learning\u003c\/span\u003e \u003cspan\u003e✨ Easy Access\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-org-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/7_4920ece6-93d9-43d3-9f9c-63e6ca80ee8b.png?v=1790674973\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"rb-org-section\"\u003e\n\u003cdiv class=\"rb-org-section-number\"\u003e01 · ORGANIZE YOUR STUDY SPACE\u003c\/div\u003e\n\u003ch2\u003eEverything Together. \u003cspan\u003eEverything Within Reach.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003ereadbostu™ Desktop Stationery Organizer\u003c\/strong\u003e helps store pens, pencils, rulers, scissors, and other small learning essentials in one convenient place.\u003c\/p\u003e\n\u003cp\u003eInstead of leaving frequently used supplies scattered across the desktop, create a dedicated organization area that keeps everyday learning tools easier to find and use.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"rb-org-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"rb-org-feature rb-org-feature-green\"\u003e\n\u003cdiv class=\"rb-org-feature-top\"\u003e\n\u003cdiv class=\"rb-org-feature-icon\"\u003e▦\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMultiple Sections\u003c\/h3\u003e\n\u003cp\u003eSeparate everyday stationery into practical storage areas for easier organization.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"rb-org-feature rb-org-feature-orange\"\u003e\n\u003cdiv class=\"rb-org-feature-top\"\u003e\n\u003cdiv class=\"rb-org-feature-icon\"\u003e✎\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEasy Access\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used learning supplies visible and conveniently within reach.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"rb-org-feature rb-org-feature-blue\"\u003e\n\u003cdiv class=\"rb-org-feature-top\"\u003e\n\u003cdiv class=\"rb-org-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\u003eOrganize essential supplies without taking over your everyday study surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n ORGANIZATION STRIP\n ====================================================== --\u003e\n\u003csection class=\"rb-org-strip\"\u003e\n\u003cdiv class=\"rb-org-strip-badge\"\u003eTIDY\u003c\/div\u003e\n\u003cdiv class=\"rb-org-strip-copy\"\u003e\n\u003ch3\u003eA Tidy Desk Makes Room For Bigger Ideas.\u003c\/h3\u003e\n\u003cp\u003eGive pens, pencils, rulers, scissors, and creative supplies their own place and build a study space that feels cleaner and ready for learning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-org-strip-art\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-org-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/6_dad77a53-012c-45c9-a1dd-86e95196a2d4.png?v=1790674973\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"rb-org-section\"\u003e\n\u003cdiv class=\"rb-org-section-number\"\u003e02 · DESIGNED FOR EVERYDAY ESSENTIALS\u003c\/div\u003e\n\u003ch2\u003eSort Your Supplies. \u003cspan\u003eSimplify Your Desk.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing multiple storage sections and a compact desktop design, the readbostu™ Desktop Stationery Organizer keeps frequently used supplies organized and easy to access.\u003c\/p\u003e\n\u003cp\u003eUse the different sections to create a more intentional place for writing tools, rulers, scissors, and other small learning essentials used throughout the day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STACKED BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"rb-org-benefits\"\u003e\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"rb-org-benefit rb-org-benefit-mint\"\u003e\n\u003cdiv class=\"rb-org-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-copy\"\u003e\n\u003csmall\u003e SORT \u003c\/small\u003e\n\u003ch3\u003eGive Every Essential Its Own Place\u003c\/h3\u003e\n\u003cp\u003eUse multiple storage sections to separate pens, pencils, rulers, scissors, and other everyday stationery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-symbol\"\u003e▦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"rb-org-benefit rb-org-benefit-yellow\"\u003e\n\u003cdiv class=\"rb-org-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-copy\"\u003e\n\u003csmall\u003e REACH \u003c\/small\u003e\n\u003ch3\u003eFind What You Need Without The Search\u003c\/h3\u003e\n\u003cp\u003eKeep commonly used learning tools conveniently positioned so they are ready when study or creative time begins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-symbol\"\u003e↗\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"rb-org-benefit rb-org-benefit-blue\"\u003e\n\u003cdiv class=\"rb-org-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-copy\"\u003e\n\u003csmall\u003e SPACE \u003c\/small\u003e\n\u003ch3\u003eCreate A Cleaner Learning Surface\u003c\/h3\u003e\n\u003cp\u003eBring loose stationery together in one dedicated area and create more usable space for reading, writing, drawing, and learning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-org-benefit-symbol\"\u003e✦\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n ORGANIZATION SYSTEM\n ====================================================== --\u003e\n\u003csection class=\"rb-org-system\"\u003e\n\u003cdiv class=\"rb-org-system-head\"\u003e\n\u003csmall\u003e ORGANIZED AROUND EVERYDAY LEARNING \u003c\/small\u003e\n\u003ch2\u003eOne Organizer.\u003cbr\u003e\u003cspan\u003eMore Room For Ideas.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeep the small essentials that support everyday learning together in one practical desktop space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rb-org-system-grid\"\u003e\n\u003c!-- ITEM 01 --\u003e\n\u003cdiv class=\"rb-org-system-item\"\u003e\n\u003cdiv class=\"rb-org-system-num\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Write \u003c\/strong\u003e \u003cspan\u003e Pens \u0026amp; pencils \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 02 --\u003e\n\u003cdiv class=\"rb-org-system-item\"\u003e\n\u003cdiv class=\"rb-org-system-num\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Measure \u003c\/strong\u003e \u003cspan\u003e Rulers \u0026amp; tools \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 03 --\u003e\n\u003cdiv class=\"rb-org-system-item\"\u003e\n\u003cdiv class=\"rb-org-system-num\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Create \u003c\/strong\u003e \u003cspan\u003e Scissors \u0026amp; supplies \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- ITEM 04 --\u003e\n\u003cdiv class=\"rb-org-system-item\"\u003e\n\u003cdiv class=\"rb-org-system-num\"\u003e04\u003c\/div\u003e\n\u003cstrong\u003e Organize \u003c\/strong\u003e \u003cspan\u003e Everyday essentials \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — 1:1\n IMAGE ONLY\n ====================================================== --\u003e\n\u003cdiv class=\"rb-org-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/8_d366119c-ad0f-4816-8133-f1d4b3569db2.png?v=1790674974\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL SECTION\n ====================================================== --\u003e\n\u003csection class=\"rb-org-final\"\u003e\n\u003cdiv class=\"rb-org-final-label\"\u003e03 · CREATE A CLEANER STUDY SPACE\u003c\/div\u003e\n\u003ch2\u003eLess Desk Clutter. \u003cspan\u003eMore Space To Learn.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIdeal for students, home offices, classrooms, and creative workspaces that need a simple organization solution.\u003c\/p\u003e\n\u003cp\u003eFrom homework and everyday writing to drawing and creative projects, \u003cstrong\u003ereadbostu™\u003c\/strong\u003e helps keep the small essentials that support learning organized and ready to use.\u003c\/p\u003e\n\u003cdiv class=\"rb-org-brand\"\u003e\n\u003cdiv class=\"rb-org-brand-name\"\u003eread\u003cspan\u003ebostu\u003c\/span\u003e™\u003c\/div\u003e\n\u003cdiv class=\"rb-org-brand-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rb-org-brand-copy\"\u003eORGANIZE · LEARN · CREATE\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™ DESKTOP STATIONERY ORGANIZER\n STUDY ESSENTIALS VISUAL SYSTEM\n========================================================= *\/\n\n.rb-org-page{\n\n --green:#0f513f;\n --green2:#176b50;\n\n --orange:#e48a2a;\n --orange2:#f3a33b;\n\n --sage:#86a66d;\n\n --mint:#dcebd3;\n --mint2:#e8f3e1;\n\n --yellow:#f6cf67;\n --yellow2:#ffe4a1;\n\n --blue:#78b8d7;\n --blue2:#d8edf5;\n\n --cream:#fffaf0;\n --cream2:#f8f0df;\n\n --text:#19372f;\n --body:#61736c;\n\n width:100%;\n\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 0% 7%,\n rgba(228,138,42,.13),\n transparent 22%\n ),\n radial-gradient(\n circle at 100% 30%,\n rgba(120,184,215,.14),\n transparent 24%\n ),\n radial-gradient(\n circle at 8% 72%,\n rgba(134,166,109,.13),\n transparent 24%\n ),\n var(--cream);\n\n color:var(--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.rb-org-page *{\n box-sizing:border-box;\n}\n\n\n.rb-org-wrap{\n\n width:100%;\n max-width:1180px;\n\n margin:auto;\n\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.rb-org-hero{\n\n max-width:900px;\n\n padding:\n 78px\n 0\n 52px;\n\n}\n\n\n.rb-org-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n gap:11px;\n\n margin-bottom:22px;\n\n color:var(--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.rb-org-dot{\n\n width:11px;\n height:11px;\n\n flex:0 0 11px;\n\n border-radius:\n 4px\n 50%\n 50%\n 50%;\n\n background:var(--orange);\n\n transform:rotate(12deg);\n\n box-shadow:\n 0 0 0 5px\n rgba(228,138,42,.10);\n\n}\n\n\n.rb-org-hero h1{\n\n max-width:850px;\n\n margin:0;\n\n color:var(--green);\n\n font-size:\n clamp(43px,5.8vw,68px);\n\n line-height:1.02;\n\n letter-spacing:-.045em;\n\n font-weight:850;\n\n}\n\n\n.rb-org-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n color:var(--orange);\n\n font-weight:850;\n\n}\n\n\n.rb-org-hero p{\n\n max-width:700px;\n\n margin:\n 27px\n 0\n 0;\n\n color:var(--body);\n\n font-size:17px;\n\n line-height:1.75;\n\n}\n\n\n.rb-org-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:8px;\n\n margin-top:28px;\n\n}\n\n\n.rb-org-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 LARGE 1:1 IMAGES\n========================================================= *\/\n\n.rb-org-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 22px 60px\n rgba(43,71,58,.10);\n\n}\n\n\n.rb-org-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT SECTIONS\n========================================================= *\/\n\n.rb-org-section{\n\n max-width:850px;\n\n padding:\n 8px\n 0\n 60px;\n\n}\n\n\n.rb-org-section-number{\n\n margin-bottom:14px;\n\n color:var(--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.rb-org-section h2{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--green);\n\n font-size:\n clamp(33px,4.2vw,49px);\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n font-weight:850;\n\n}\n\n\n.rb-org-section h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.rb-org-section p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-org-section p strong{\n color:var(--green);\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.rb-org-feature-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n gap:13px;\n\n width:100%;\n\n margin-bottom:65px;\n\n}\n\n\n.rb-org-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.rb-org-feature-green{\n\n background:#dfeeda;\n\n color:#174b3b;\n\n}\n\n\n.rb-org-feature-orange{\n\n background:#ffe3b8;\n\n color:#70451f;\n\n}\n\n\n.rb-org-feature-blue{\n\n background:#dceff5;\n\n color:#27576c;\n\n}\n\n\n.rb-org-feature-top{\n\n display:flex;\n\n justify-content:space-between;\n align-items:center;\n\n margin-bottom:24px;\n\n}\n\n\n.rb-org-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.rb-org-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,.72);\n\n font-size:17px;\n\n font-weight:900;\n\n}\n\n\n.rb-org-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.rb-org-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 ORGANIZATION STRIP\n========================================================= *\/\n\n.rb-org-strip{\n\n position:relative;\n\n display:grid;\n\n grid-template-columns:\n 100px\n minmax(0,1fr)\n 180px;\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 135deg,\n #0f513f,\n #176b50\n );\n\n color:#fff;\n\n}\n\n\n.rb-org-strip-badge{\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n width:75px;\n height:75px;\n\n border-radius:\n 22px\n 22px\n 22px\n 7px;\n\n background:var(--orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.13em;\n\n}\n\n\n.rb-org-strip-copy h3{\n\n margin:\n 0\n 0\n 10px;\n\n font-size:\n clamp(22px,2.8vw,32px);\n\n line-height:1.12;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-org-strip-copy p{\n\n max-width:590px;\n\n margin:0;\n\n color:\n rgba(255,255,255,.74);\n\n font-size:13px;\n\n line-height:1.7;\n\n}\n\n\n\/* Decorative organizer compartments *\/\n\n.rb-org-strip-art{\n\n position:relative;\n\n width:165px;\n height:105px;\n\n}\n\n\n.rb-org-strip-art span{\n\n position:absolute;\n\n bottom:0;\n\n display:block;\n\n border-radius:\n 8px\n 8px\n 3px\n 3px;\n\n}\n\n\n.rb-org-strip-art span:nth-child(1){\n\n left:3px;\n\n width:28px;\n height:76px;\n\n background:var(--yellow);\n\n}\n\n\n.rb-org-strip-art span:nth-child(2){\n\n left:40px;\n\n width:32px;\n height:55px;\n\n background:var(--blue);\n\n}\n\n\n.rb-org-strip-art span:nth-child(3){\n\n left:82px;\n\n width:30px;\n height:90px;\n\n background:var(--orange);\n\n}\n\n\n.rb-org-strip-art span:nth-child(4){\n\n left:122px;\n\n width:38px;\n height:64px;\n\n background:#a8c58d;\n\n}\n\n\n\/* =========================================================\n STACKED BENEFITS\n========================================================= *\/\n\n.rb-org-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.rb-org-benefit{\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.rb-org-benefit-mint{\n\n background:#dcebd3;\n\n color:#174a39;\n\n}\n\n\n.rb-org-benefit-yellow{\n\n background:#ffe4a1;\n\n color:#60451f;\n\n}\n\n\n.rb-org-benefit-blue{\n\n background:#d8edf5;\n\n color:#24556b;\n\n}\n\n\n.rb-org-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.rb-org-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.rb-org-benefit-copy h3{\n\n margin:\n 0\n 0\n 8px;\n\n font-size:\n clamp(22px,2.8vw,30px);\n\n line-height:1.1;\n\n letter-spacing:-.025em;\n\n}\n\n\n.rb-org-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.rb-org-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:22px;\n\n font-weight:900;\n\n}\n\n\n\/* =========================================================\n ORGANIZATION SYSTEM\n========================================================= *\/\n\n.rb-org-system{\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.rb-org-system::before{\n\n content:\"\";\n\n position:absolute;\n\n width:320px;\n height:320px;\n\n right:-160px;\n top:-190px;\n\n border-radius:50%;\n\n background:\n rgba(244,157,54,.18);\n\n}\n\n\n.rb-org-system::after{\n\n content:\"\";\n\n position:absolute;\n\n width:190px;\n height:190px;\n\n left:-110px;\n bottom:-110px;\n\n border-radius:50%;\n\n background:\n rgba(120,184,215,.14);\n\n}\n\n\n.rb-org-system-head{\n\n position:relative;\n\n z-index:2;\n\n max-width:720px;\n\n}\n\n\n.rb-org-system-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.rb-org-system-head h2{\n\n margin:\n 0\n 0\n 19px;\n\n font-size:\n clamp(34px,4.3vw,50px);\n\n line-height:1.04;\n\n letter-spacing:-.04em;\n\n}\n\n\n.rb-org-system-head h2 span{\n\n color:#ffb34e;\n\n}\n\n\n.rb-org-system-head p{\n\n max-width:620px;\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.rb-org-system-grid{\n\n position:relative;\n\n z-index:2;\n\n display:grid;\n\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n gap:9px;\n\n margin-top:38px;\n\n}\n\n\n.rb-org-system-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.rb-org-system-num{\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(--orange);\n\n font-size:8px;\n\n font-weight:900;\n\n}\n\n\n.rb-org-system-item strong{\n\n display:block;\n\n margin-bottom:5px;\n\n font-size:14px;\n\n}\n\n\n.rb-org-system-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 FINAL\n========================================================= *\/\n\n.rb-org-final{\n\n max-width:850px;\n\n padding:\n 5px\n 0\n 95px;\n\n}\n\n\n.rb-org-final-label{\n\n margin-bottom:14px;\n\n color:var(--orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:.17em;\n\n}\n\n\n.rb-org-final h2{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 24px;\n\n color:var(--green);\n\n font-size:\n clamp(33px,4.2vw,49px);\n\n line-height:1.06;\n\n letter-spacing:-.035em;\n\n}\n\n\n.rb-org-final h2 span{\n\n display:block;\n\n color:var(--orange);\n\n}\n\n\n.rb-org-final p{\n\n max-width:760px;\n\n margin:\n 0\n 0\n 16px;\n\n color:var(--body);\n\n font-size:16px;\n\n line-height:1.8;\n\n}\n\n\n.rb-org-final p strong{\n color:var(--green);\n}\n\n\n\/* BRAND *\/\n\n.rb-org-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.rb-org-brand-name{\n\n flex:0 0 auto;\n\n color:var(--green);\n\n font-size:18px;\n\n font-weight:900;\n\n letter-spacing:-.03em;\n\n}\n\n\n.rb-org-brand-name span{\n color:var(--orange);\n}\n\n\n.rb-org-brand-line{\n\n flex:1;\n\n height:2px;\n\n border-radius:100px;\n\n background:\n linear-gradient(\n 90deg,\n var(--green),\n var(--orange),\n var(--yellow),\n var(--blue),\n transparent\n );\n\n}\n\n\n.rb-org-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 TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .rb-org-wrap{\n padding:0 18px;\n }\n\n\n .rb-org-hero{\n padding:62px 0 44px;\n }\n\n\n .rb-org-feature-grid{\n gap:9px;\n }\n\n\n .rb-org-feature{\n padding:20px 17px;\n }\n\n\n .rb-org-strip{\n\n grid-template-columns:\n 80px\n minmax(0,1fr);\n\n }\n\n\n .rb-org-strip-art{\n display:none;\n }\n\n\n .rb-org-system-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .rb-org-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .rb-org-hero{\n padding:48px 0 35px;\n }\n\n\n .rb-org-eyebrow{\n\n margin-bottom:16px;\n\n font-size:8px;\n\n letter-spacing:.13em;\n\n }\n\n\n .rb-org-dot{\n\n width:9px;\n height:9px;\n\n flex-basis:9px;\n\n }\n\n\n .rb-org-hero h1{\n\n font-size:38px;\n\n line-height:1.02;\n\n }\n\n\n .rb-org-hero h1 strong{\n font-size:36px;\n }\n\n\n .rb-org-hero p{\n\n margin-top:20px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-org-tags{\n\n gap:5px;\n\n margin-top:22px;\n\n }\n\n\n .rb-org-tags span{\n\n padding:\n 8px\n 10px;\n\n font-size:8px;\n\n }\n\n\n \/* IMAGES *\/\n\n .rb-org-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 \/* TEXT *\/\n\n .rb-org-section{\n\n padding:\n 4px\n 1px\n 48px;\n\n }\n\n\n .rb-org-section-number{\n\n margin-bottom:12px;\n\n font-size:8px;\n\n }\n\n\n .rb-org-section h2{\n\n margin-bottom:20px;\n\n font-size:30px;\n\n line-height:1.07;\n\n }\n\n\n .rb-org-section p{\n\n margin-bottom:13px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* FEATURE CARDS *\/\n\n .rb-org-feature-grid{\n\n grid-template-columns:1fr;\n\n gap:8px;\n\n margin-bottom:55px;\n\n }\n\n\n .rb-org-feature{\n\n min-height:0;\n\n padding:\n 20px\n 19px;\n\n border-radius:18px;\n\n }\n\n\n .rb-org-feature-top{\n margin-bottom:17px;\n }\n\n\n .rb-org-feature-icon{\n\n width:34px;\n height:34px;\n\n font-size:15px;\n\n }\n\n\n .rb-org-feature h3{\n font-size:18px;\n }\n\n\n .rb-org-feature p{\n\n max-width:310px;\n\n font-size:11px;\n\n }\n\n\n \/* STRIP *\/\n\n .rb-org-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 .rb-org-strip-badge{\n\n width:57px;\n height:57px;\n\n border-radius:\n 17px\n 17px\n 17px\n 6px;\n\n font-size:8px;\n\n }\n\n\n .rb-org-strip-copy h3{\n font-size:23px;\n }\n\n\n .rb-org-strip-copy p{\n font-size:12px;\n }\n\n\n \/* BENEFITS *\/\n\n .rb-org-benefits{\n\n gap:8px;\n\n margin-bottom:56px;\n\n }\n\n\n .rb-org-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 .rb-org-benefit-number{\n\n width:42px;\n height:42px;\n\n border-radius:13px;\n\n font-size:9px;\n\n }\n\n\n .rb-org-benefit-copy h3{\n font-size:20px;\n }\n\n\n .rb-org-benefit-copy p{\n font-size:11px;\n }\n\n\n .rb-org-benefit-symbol{\n display:none;\n }\n\n\n \/* SYSTEM *\/\n\n .rb-org-system{\n\n margin-bottom:56px;\n\n padding:\n 37px\n 23px;\n\n border-radius:22px;\n\n }\n\n\n .rb-org-system-head h2{\n font-size:30px;\n }\n\n\n .rb-org-system-head p{\n font-size:12px;\n }\n\n\n .rb-org-system-grid{\n\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n\n gap:7px;\n\n margin-top:28px;\n\n }\n\n\n .rb-org-system-item{\n\n padding:\n 15px\n 13px;\n\n }\n\n\n .rb-org-system-item strong{\n font-size:12px;\n }\n\n\n .rb-org-system-item span{\n font-size:9px;\n }\n\n\n \/* FINAL *\/\n\n .rb-org-final{\n padding-bottom:70px;\n }\n\n\n .rb-org-final-label{\n font-size:8px;\n }\n\n\n .rb-org-final h2{\n font-size:30px;\n }\n\n\n .rb-org-final p{\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n .rb-org-brand{\n\n gap:9px;\n\n margin-top:30px;\n\n }\n\n\n .rb-org-brand-name{\n font-size:14px;\n }\n\n\n .rb-org-brand-copy{\n display:none;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n .rb-org-wrap{\n padding:0 12px;\n }\n\n\n .rb-org-hero h1{\n font-size:34px;\n }\n\n\n .rb-org-hero h1 strong{\n font-size:32px;\n }\n\n\n .rb-org-section h2,\n .rb-org-final h2{\n font-size:28px;\n }\n\n\n .rb-org-system-head h2{\n font-size:28px;\n }\n\n\n .rb-org-system{\n padding:32px 18px;\n }\n\n}\n\n\u003c\/style\u003e","brand":"Readbostu™","offers":[{"title":"1 pc","offer_id":50559178146050,"sku":"readbostu*1","price":19.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50559178178818,"sku":"readbostu*2","price":34.54,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50559178211586,"sku":"readbostu*4","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/7624\/8834\/files\/1_ba791d0d-9be6-46fa-a103-e9850076cbf1.png?v=1790674819"}],"url":"https:\/\/readbostu.com\/collections\/%e2%9c%8f%ef%b8%8f-study-essentials.oembed","provider":"Readbostu™","version":"1.0","type":"link"}