{"product_id":"the-strategist-personality-band","title":"The Strategist Personality Band (Deep Blue – Steel Blue)","description":"\u003cdiv style=\"max-width:680px;margin:0 auto;font-family:inherit;color:#f0e4dc;\"\u003e\n\n  \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#7fb0e0;margin:0 0 6px;\"\u003eDeep Blue — Steel Blue\u003c\/p\u003e\n  \u003ch2 style=\"font-size:16px;color:#8fb3d9;margin:0 0 24px;\"\u003eWhile others react, you're already three moves ahead.\u003c\/h2\u003e\n\n  \u003cp style=\"font-size:14px;color:#a8a49a;margin:0 0 14px;\"\u003eTap to find out what's true.\u003c\/p\u003e\n  \u003cdiv id=\"str-cards\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 32px;\"\u003e\u003c\/div\u003e\n\n  \u003ch3 style=\"font-size:20px;color:#ffffff;margin:0 0 12px;\"\u003eYou already know if this is you.\u003c\/h3\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 16px;\"\u003eWhile others react, you're already three moves ahead. You think before you speak, plan before you act, and you're almost always right about how things will unfold — not because you're lucky, but because you saw it coming before anyone else bothered to look.\u003c\/p\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 16px;\"\u003eYou don't chase opportunities — you engineer them. While everyone else is scrambling to catch up, you're already onto the next calculation, quietly building toward something they haven't noticed yet.\u003c\/p\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 32px;\"\u003eYour mind is your greatest asset, and you know it, even if you'd never say it out loud. People come to you not for comfort, but for clarity — because you're the one person in the room who actually thought it through.\u003c\/p\u003e\n\n  \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#7fb0e0;margin:0 0 14px;\"\u003eWhich side are you today? Tap to flip.\u003c\/p\u003e\n\n  \u003cdiv id=\"str-single\" class=\"str-card\"\u003e\n    \u003cdiv class=\"str-card-inner\"\u003e\n      \u003cdiv class=\"str-face str-front str-front-power\"\u003e\n        \u003cspan class=\"icon\"\u003e⚡\u003c\/span\u003e\n        \u003cp class=\"label\"\u003ePower side — Deep Blue\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eThis is you calculating. Sharp, precise, always thinking two steps past where the conversation currently is. You don't guess — you've already run the scenarios and know which one wins.\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eYou've been the one who saw the problem coming weeks before it landed. People underestimate how much thinking happens behind your quiet exterior, right up until you're proven right, again.\u003c\/p\u003e\n        \u003cp class=\"tap\"\u003eTap to flip\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"str-face str-back str-back-peace\"\u003e\n        \u003cspan class=\"icon\"\u003e🍃\u003c\/span\u003e\n        \u003cp class=\"label\"\u003ePeace side — Steel Blue\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eFlip the band and this is you between calculations — still sharp, still yours, just not actively solving anything right now. The Strategist never fully switches off, it just idles at a lower frequency.\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eThis is you reviewing the day's moves in your head, satisfied with the ones that landed, already quietly adjusting the ones that didn't.\u003c\/p\u003e\n        \u003cp class=\"tap\"\u003eTap to flip back\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-top:1px solid #4a4842;border-bottom:1px solid #4a4842;padding:24px 0;margin:32px 0;\"\u003e\n    \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#7fb0e0;margin:0 0 6px;\"\u003eFind your fictional twins\u003c\/p\u003e\n    \u003cp style=\"font-size:14px;color:#a8a49a;margin:0 0 16px;\"\u003eTap each name.\u003c\/p\u003e\n    \u003cdiv id=\"str-twins\" style=\"display:flex;flex-direction:column;gap:10px;\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-top:8px;padding-top:24px;border-top:1px solid #4a4842;\"\u003e\n    \u003ch3 style=\"font-size:16px;color:#ffffff;margin:0 0 12px;\"\u003eThe band\u003c\/h3\u003e\n    \u003cp style=\"font-size:15px;line-height:1.6;color:#c9beb4;margin:0 0 16px;\"\u003ePremium silicone \u0026amp; magnetic fidget band, dual-sided — flip between Power (Deep Blue) and Peace (Steel Blue) depending on which version of you shows up that day.\u003c\/p\u003e\n    \u003cul style=\"font-size:14px;line-height:1.9;color:#c9beb4;margin:0 0 16px;padding-left:20px;\"\u003e\n      \u003cli\u003ePremium silicone, magnetic closure\u003c\/li\u003e\n      \u003cli\u003eOne size, adjustable fit\u003c\/li\u003e\n      \u003cli\u003eDual-tone: Power \/ Peace\u003c\/li\u003e\n      \u003cli\u003ePart of the 8 Base Personality Bands\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp style=\"font-size:13px;color:#8a8078;margin:0;\"\u003e\u003cstrong\u003eCare:\u003c\/strong\u003e Wipe clean with a damp cloth. Avoid prolonged direct sunlight to preserve color.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .str-card-mini { position:relative; height:90px; perspective:800px; cursor:pointer; }\n  .str-card-mini-inner { position:relative; width:100%; height:100%; transition:transform 0.5s cubic-bezier(.34,1.56,.64,1); transform-style:preserve-3d; }\n  .str-card-mini.flipped .str-card-mini-inner { transform:rotateY(180deg); }\n  .str-face-mini { position:absolute; inset:0; backface-visibility:hidden; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:10px; text-align:center; }\n  .str-front-mini { background:#2a2a27; border:1px solid #5f5e5a; }\n  .str-front-mini span { font-size:22px; }\n  .str-back-mini { background:#1b3a6b; transform:rotateY(180deg); }\n  .str-back-mini p { font-size:15px; font-weight:600; letter-spacing:0.02em; text-transform:uppercase; color:#fff; margin:0; }\n  @keyframes str-pulse { 0% { box-shadow:0 0 0 0 rgba(27,58,107,0.4); } 100% { box-shadow:0 0 0 10px rgba(27,58,107,0); } }\n  .str-pulse { animation: str-pulse 0.5s ease-out; }\n\n  .twin-row { border:1px solid #4a4842; border-radius:10px; overflow:hidden; cursor:pointer; }\n  .twin-head { padding:14px 16px; font-size:16px; font-weight:600; color:#7fb0e0; background:#2a2a27; transition:background 0.2s ease; }\n  .twin-row:hover .twin-head { background:#3a3a35; }\n  .twin-body { max-height:0; overflow:hidden; transition:max-height 0.35s ease, padding 0.35s ease; background:#2a2a27; }\n  .twin-row.open .twin-body { max-height:200px; padding:0 16px 16px; }\n  .twin-body p { font-size:14.5px; line-height:1.6; color:#e8ded6; margin:0; }\n\n  .str-card { position:relative; height:340px; perspective:1200px; cursor:pointer; }\n  .str-card-inner { position:relative; width:100%; height:100%; transition:transform 0.6s cubic-bezier(.34,1.2,.64,1); transform-style:preserve-3d; }\n  .str-card.flipped .str-card-inner { transform:rotateY(180deg); }\n  .str-face { position:absolute; inset:0; backface-visibility:hidden; border-radius:12px; padding:22px; display:flex; flex-direction:column; align-items:center; text-align:center; overflow-y:auto; }\n  .str-front-power { background:#1b3a6b; animation: str-breathe 2.6s ease-in-out infinite; }\n  .str-back-peace { transform:rotateY(180deg); background:#2c4a6e; border:1px solid #5c88b8; }\n  .str-face .icon { font-size:24px; margin-bottom:10px; }\n  .str-face p.label { font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin:0 0 10px; }\n  .str-front-power p.label { color:#c5dcf2; }\n  .str-back-peace p.label { color:#8fb3d9; }\n  .str-face p.body { font-size:14px; line-height:1.65; margin:0 0 10px; text-align:left; }\n  .str-front-power p.body { color:#fff; }\n  .str-back-peace p.body { color:#e6f0fb; }\n  .str-face p.tap { font-size:11px; opacity:0.75; margin:6px 0 0; }\n  .str-front-power p.tap { color:#c5dcf2; }\n  .str-back-peace p.tap { color:#a8c8e8; }\n  @keyframes str-breathe {\n    0%, 100% { box-shadow:0 0 0 0 rgba(27,58,107,0.35); }\n    50% { box-shadow:0 0 0 8px rgba(27,58,107,0); }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n  var words = [\"Sharp\", \"Calculated\", \"Precise\", \"Visionary\"];\n  var cardWrap = document.getElementById('str-cards');\n\n  words.forEach(function(word) {\n    var card = document.createElement('div');\n    card.className = 'str-card-mini';\n    card.innerHTML =\n      '\u003cdiv class=\"str-card-mini-inner\"\u003e' +\n        '\u003cdiv class=\"str-face-mini str-front-mini\"\u003e\u003cspan\u003e\u0026#10024;\u003c\/span\u003e\u003c\/div\u003e' +\n        '\u003cdiv class=\"str-face-mini str-back-mini\"\u003e\u003cp\u003e' + word + '\u003c\/p\u003e\u003c\/div\u003e' +\n      '\u003c\/div\u003e';\n    card.addEventListener('click', function() {\n      card.classList.toggle('flipped');\n      if (card.classList.contains('flipped')) {\n        card.classList.add('str-pulse');\n        setTimeout(function(){ card.classList.remove('str-pulse'); }, 500);\n      }\n    });\n    cardWrap.appendChild(card);\n  });\n\n  var twins = [\n    { name: \"Batman\", text: \"Has already run every possible outcome before walking into the room — preparation as a form of power.\" },\n    { name: \"Sherlock Holmes\", text: \"Sees the whole picture from three details everyone else walked right past, then explains it like it was obvious.\" },\n    { name: \"Tyrion Lannister\", text: \"Outmaneuvers people twice his size using nothing but a sharper mind and better timing.\" }\n  ];\n  var twinWrap = document.getElementById('str-twins');\n\n  twins.forEach(function(t) {\n    var row = document.createElement('div');\n    row.className = 'twin-row';\n    row.innerHTML = '\u003cdiv class=\"twin-head\"\u003e' + t.name + '\u003c\/div\u003e\u003cdiv class=\"twin-body\"\u003e\u003cp\u003e' + t.text + '\u003c\/p\u003e\u003c\/div\u003e';\n    row.addEventListener('click', function() {\n      row.classList.toggle('open');\n    });\n    twinWrap.appendChild(row);\n  });\n\n  document.getElementById('str-single').addEventListener('click', function() {\n    this.classList.toggle('flipped');\n  });\n})();\n\u003c\/script\u003e","brand":"bondsband","offers":[{"title":"Default Title","offer_id":51725716586677,"sku":null,"price":99.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0976\/9553\/1189\/files\/IMG_9856.jpg?v=1777924783","url":"https:\/\/16by2.com\/products\/the-strategist-personality-band","provider":"16\/2","version":"1.0","type":"link"}