{"product_id":"techscribe™-smartscoop-scale-spoon","title":"TechScribe™ SmartScoop Scale Spoon","description":"\u003c!-- ================================\n     TECHSCRIBE™ SMARTSCOOP\n     PREMIUM PRODUCT SECTION\n     ================================ --\u003e\n\u003cstyle\u003e\n    \/* ---------- ROOT ---------- *\/\n    .ts-product {\n      --ts-teal: #0f766e;\n      --ts-teal-dark: #064e4a;\n      --ts-teal-light: #ccfbf1;\n      --ts-mint: #ecfdf9;\n      --ts-white: #ffffff;\n      --ts-black: #10201e;\n      --ts-gray: #667572;\n      --ts-border: rgba(15, 118, 110, 0.13);\n\n      position: relative;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 10% 10%, rgba(45,212,191,.12), transparent 28%),\n        radial-gradient(circle at 90% 30%, rgba(20,184,166,.10), transparent 25%),\n        linear-gradient(180deg, #f8fffd 0%, #ffffff 50%, #f2fcfa 100%);\n      color: var(--ts-black);\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\",\n                   Roboto, Helvetica, Arial, sans-serif;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .ts-product *,\n    .ts-product *::before,\n    .ts-product *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ---------- FLOATING BACKGROUND ---------- *\/\n\n    .ts-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(1px);\n      pointer-events: none;\n      animation: tsFloat 7s ease-in-out infinite;\n    }\n\n    .ts-orb-1 {\n      width: 180px;\n      height: 180px;\n      background: rgba(45,212,191,.08);\n      top: 8%;\n      left: -80px;\n    }\n\n    .ts-orb-2 {\n      width: 260px;\n      height: 260px;\n      background: rgba(13,148,136,.06);\n      right: -120px;\n      top: 35%;\n      animation-delay: -2s;\n    }\n\n    .ts-orb-3 {\n      width: 120px;\n      height: 120px;\n      background: rgba(20,184,166,.08);\n      left: 45%;\n      bottom: 5%;\n      animation-delay: -4s;\n    }\n\n    @keyframes tsFloat {\n      0%,100% { transform: translate3d(0,0,0); }\n      50% { transform: translate3d(0,-22px,0); }\n    }\n\n    \/* ---------- HERO ---------- *\/\n\n    .ts-hero {\n      min-height: 720px;\n      max-width: 1250px;\n      margin: auto;\n      padding: 80px 28px 90px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 70px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ts-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 9px 15px;\n      border-radius: 999px;\n      background: rgba(204,251,241,.7);\n      border: 1px solid rgba(15,118,110,.12);\n      color: var(--ts-teal-dark);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      margin-bottom: 22px;\n      animation: tsFadeUp .8s ease both;\n    }\n\n    .ts-eyebrow-dot {\n      width: 7px;\n      height: 7px;\n      background: #14b8a6;\n      border-radius: 50%;\n      box-shadow: 0 0 0 5px rgba(20,184,166,.12);\n      animation: tsPulse 2s infinite;\n    }\n\n    @keyframes tsPulse {\n      0%,100% { box-shadow: 0 0 0 4px rgba(20,184,166,.12); }\n      50% { box-shadow: 0 0 0 9px rgba(20,184,166,.03); }\n    }\n\n    .ts-title {\n      font-size: clamp(44px, 6vw, 76px);\n      line-height: .98;\n      letter-spacing: -.055em;\n      margin: 0 0 25px;\n      font-weight: 800;\n      max-width: 680px;\n      animation: tsFadeUp .9s .08s ease both;\n    }\n\n    .ts-title-gradient {\n      background: linear-gradient(\n        120deg,\n        #064e4a,\n        #0f766e,\n        #14b8a6,\n        #0f766e\n      );\n      background-size: 250% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: tsGradient 5s linear infinite;\n    }\n\n    @keyframes tsGradient {\n      to { background-position: 250% center; }\n    }\n\n    .ts-subtitle {\n      color: var(--ts-gray);\n      font-size: 18px;\n      line-height: 1.75;\n      max-width: 570px;\n      margin: 0 0 30px;\n      animation: tsFadeUp .9s .16s ease both;\n    }\n\n    @keyframes tsFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(24px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .ts-checks {\n      display: grid;\n      gap: 12px;\n      margin: 0 0 34px;\n      animation: tsFadeUp .9s .24s ease both;\n    }\n\n    .ts-check {\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      font-size: 14px;\n      color: #334744;\n    }\n\n    .ts-check-icon {\n      display: grid;\n      place-items: center;\n      width: 23px;\n      height: 23px;\n      flex: 0 0 23px;\n      border-radius: 50%;\n      background: var(--ts-teal-light);\n      color: var(--ts-teal-dark);\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    \/* ---------- CTA ---------- *\/\n\n    .ts-cta-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 13px;\n      align-items: center;\n      animation: tsFadeUp .9s .32s ease both;\n    }\n\n    .ts-button {\n      position: relative;\n      overflow: hidden;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 25px;\n      min-width: 190px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, #0f766e, #064e4a);\n      color: white !important;\n      text-decoration: none !important;\n      font-size: 14px;\n      font-weight: 750;\n      box-shadow:\n        0 12px 30px rgba(15,118,110,.23),\n        inset 0 1px 0 rgba(255,255,255,.18);\n      transition: transform .3s ease, box-shadow .3s ease;\n    }\n\n    .ts-button::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      transform: translateX(-120%);\n      background: linear-gradient(\n        100deg,\n        transparent,\n        rgba(255,255,255,.28),\n        transparent\n      );\n      transition: transform .65s ease;\n    }\n\n    .ts-button:hover {\n      transform: translateY(-4px);\n      box-shadow:\n        0 18px 38px rgba(15,118,110,.32),\n        inset 0 1px 0 rgba(255,255,255,.2);\n    }\n\n    .ts-button:hover::before {\n      transform: translateX(120%);\n    }\n\n    .ts-button-secondary {\n      background: rgba(255,255,255,.75);\n      color: var(--ts-teal-dark) !important;\n      border: 1px solid var(--ts-border);\n      box-shadow: 0 8px 25px rgba(0,0,0,.04);\n    }\n\n    \/* ---------- PRODUCT VISUAL ---------- *\/\n\n    .ts-visual {\n      position: relative;\n      min-height: 550px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ts-glow {\n      position: absolute;\n      width: 390px;\n      height: 390px;\n      border-radius: 50%;\n      background: radial-gradient(\n        circle,\n        rgba(20,184,166,.23) 0%,\n        rgba(20,184,166,.08) 40%,\n        transparent 70%\n      );\n      animation: tsGlow 4s ease-in-out infinite;\n    }\n\n    @keyframes tsGlow {\n      0%,100% { transform: scale(.95); opacity: .75; }\n      50% { transform: scale(1.08); opacity: 1; }\n    }\n\n    .ts-product-card {\n      width: min(440px, 88%);\n      min-height: 440px;\n      position: relative;\n      border-radius: 38px;\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.95),\n          rgba(236,253,249,.72)\n        );\n      border: 1px solid rgba(255,255,255,.9);\n      box-shadow:\n        0 35px 80px rgba(6,78,74,.13),\n        0 5px 20px rgba(0,0,0,.04),\n        inset 0 1px 0 rgba(255,255,255,.9);\n      backdrop-filter: blur(20px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: rotate(2deg);\n      animation: tsCardFloat 5s ease-in-out infinite;\n    }\n\n    @keyframes tsCardFloat {\n      0%,100% { transform: translateY(0) rotate(2deg); }\n      50% { transform: translateY(-13px) rotate(-1deg); }\n    }\n\n    \/*\n      Replace the URL below with your actual product image.\n      A transparent PNG works best.\n    *\/\n\n    .ts-product-image {\n      width: 85%;\n      max-width: 390px;\n      height: auto;\n      object-fit: contain;\n      filter:\n        drop-shadow(0 25px 20px rgba(6,78,74,.17));\n      animation: tsProductFloat 5s ease-in-out infinite;\n      position: relative;\n      z-index: 2;\n    }\n\n    @keyframes tsProductFloat {\n      0%,100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-9px) scale(1.015); }\n    }\n\n    .ts-badge {\n      position: absolute;\n      z-index: 4;\n      padding: 12px 16px;\n      background: rgba(255,255,255,.88);\n      backdrop-filter: blur(14px);\n      border: 1px solid rgba(255,255,255,.8);\n      border-radius: 16px;\n      box-shadow: 0 15px 35px rgba(0,0,0,.08);\n      font-size: 12px;\n      font-weight: 750;\n      color: var(--ts-teal-dark);\n      animation: tsBadgeFloat 4s ease-in-out infinite;\n    }\n\n    .ts-badge-1 {\n      left: -25px;\n      top: 80px;\n    }\n\n    .ts-badge-2 {\n      right: -20px;\n      bottom: 90px;\n      animation-delay: -1.5s;\n    }\n\n    @keyframes tsBadgeFloat {\n      0%,100% { transform: translateY(0); }\n      50% { transform: translateY(-8px); }\n    }\n\n    \/* ---------- TRUST STRIP ---------- *\/\n\n    .ts-trust {\n      position: relative;\n      z-index: 3;\n      max-width: 1100px;\n      margin: -15px auto 0;\n      padding: 0 25px;\n    }\n\n    .ts-trust-inner {\n      display: grid;\n      grid-template-columns: repeat(4,1fr);\n      border: 1px solid var(--ts-border);\n      border-radius: 22px;\n      background: rgba(255,255,255,.72);\n      backdrop-filter: blur(18px);\n      box-shadow: 0 20px 55px rgba(6,78,74,.07);\n      overflow: hidden;\n    }\n\n    .ts-trust-item {\n      padding: 24px 15px;\n      text-align: center;\n      border-right: 1px solid var(--ts-border);\n    }\n\n    .ts-trust-item:last-child {\n      border-right: 0;\n    }\n\n    .ts-trust-number {\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--ts-teal-dark);\n      margin-bottom: 4px;\n    }\n\n    .ts-trust-label {\n      font-size: 11px;\n      color: #72817e;\n      text-transform: uppercase;\n      letter-spacing: .08em;\n    }\n\n    \/* ---------- SECTION ---------- *\/\n\n    .ts-section {\n      max-width: 1150px;\n      margin: auto;\n      padding: 120px 25px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ts-section-header {\n      text-align: center;\n      max-width: 720px;\n      margin: 0 auto 55px;\n    }\n\n    .ts-kicker {\n      color: var(--ts-teal);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .15em;\n      text-transform: uppercase;\n      margin-bottom: 13px;\n    }\n\n    .ts-heading {\n      font-size: clamp(34px, 5vw, 54px);\n      letter-spacing: -.045em;\n      line-height: 1.05;\n      margin: 0 0 17px;\n      font-weight: 800;\n    }\n\n    .ts-heading span {\n      color: var(--ts-teal);\n    }\n\n    .ts-section-text {\n      color: var(--ts-gray);\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    \/* ---------- BENEFITS ---------- *\/\n\n    .ts-benefits {\n      display: grid;\n      grid-template-columns: repeat(3,1fr);\n      gap: 18px;\n    }\n\n    .ts-benefit {\n      position: relative;\n      padding: 32px 27px;\n      border-radius: 24px;\n      background: rgba(255,255,255,.8);\n      border: 1px solid var(--ts-border);\n      box-shadow: 0 15px 45px rgba(6,78,74,.055);\n      transition:\n        transform .4s cubic-bezier(.2,.8,.2,1),\n        box-shadow .4s ease,\n        border-color .4s ease;\n    }\n\n    .ts-benefit:hover {\n      transform: translateY(-9px);\n      box-shadow: 0 25px 60px rgba(6,78,74,.12);\n      border-color: rgba(15,118,110,.25);\n    }\n\n    .ts-icon {\n      width: 48px;\n      height: 48px;\n      display: grid;\n      place-items: center;\n      border-radius: 15px;\n      background: var(--ts-mint);\n      color: var(--ts-teal-dark);\n      font-size: 22px;\n      margin-bottom: 22px;\n      transition: transform .4s ease;\n    }\n\n    .ts-benefit:hover .ts-icon {\n      transform: rotate(-7deg) scale(1.08);\n    }\n\n    .ts-benefit h3 {\n      font-size: 18px;\n      margin: 0 0 9px;\n      letter-spacing: -.02em;\n    }\n\n    .ts-benefit p {\n      margin: 0;\n      color: var(--ts-gray);\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    \/* ---------- EXPERIENCE SECTION ---------- *\/\n\n    .ts-experience {\n      background:\n        linear-gradient(135deg,#064e4a,#0f766e);\n      color: white;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ts-experience::before {\n      content: \"\";\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.1);\n      right: -150px;\n      top: -180px;\n      box-shadow:\n        0 0 0 70px rgba(255,255,255,.025),\n        0 0 0 140px rgba(255,255,255,.02);\n    }\n\n    .ts-experience-inner {\n      max-width: 1100px;\n      margin: auto;\n      padding: 105px 25px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 75px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ts-experience .ts-kicker {\n      color: #99f6e4;\n    }\n\n    .ts-experience .ts-heading {\n      color: white;\n    }\n\n    .ts-experience .ts-section-text {\n      color: rgba(255,255,255,.72);\n    }\n\n    \/* ---------- SCALE DEMO ---------- *\/\n\n    .ts-scale-demo {\n      border-radius: 30px;\n      padding: 35px;\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.14);\n      backdrop-filter: blur(20px);\n      box-shadow: 0 30px 80px rgba(0,0,0,.15);\n    }\n\n    .ts-display {\n      background: #061f1d;\n      border-radius: 19px;\n      padding: 28px 25px;\n      text-align: center;\n      box-shadow:\n        inset 0 0 25px rgba(45,212,191,.07),\n        0 12px 30px rgba(0,0,0,.15);\n      margin-bottom: 20px;\n    }\n\n    .ts-display-label {\n      color: #5eead4;\n      font-size: 10px;\n      text-transform: uppercase;\n      letter-spacing: .15em;\n      margin-bottom: 8px;\n    }\n\n    .ts-display-value {\n      font-size: 50px;\n      font-weight: 800;\n      letter-spacing: -.05em;\n      color: #ccfbf1;\n      text-shadow: 0 0 25px rgba(45,212,191,.25);\n    }\n\n    .ts-display-unit {\n      font-size: 15px;\n      color: #5eead4;\n      margin-left: 5px;\n    }\n\n    .ts-demo-buttons {\n      display: flex;\n      gap: 9px;\n      justify-content: center;\n    }\n\n    .ts-demo-btn {\n      border: 1px solid rgba(255,255,255,.13);\n      background: rgba(255,255,255,.07);\n      color: white;\n      border-radius: 10px;\n      padding: 9px 14px;\n      cursor: pointer;\n      font-size: 11px;\n      font-weight: 700;\n      transition: all .25s ease;\n    }\n\n    .ts-demo-btn:hover,\n    .ts-demo-btn.active {\n      background: rgba(255,255,255,.17);\n      border-color: rgba(153,246,228,.35);\n      transform: translateY(-2px);\n    }\n\n    \/* ---------- WOMEN BENEFIT SECTION ---------- *\/\n\n    .ts-lifestyle {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 70px;\n      align-items: center;\n    }\n\n    .ts-lifestyle-card {\n      position: relative;\n      min-height: 440px;\n      border-radius: 32px;\n      background:\n        radial-gradient(circle at 30% 30%, rgba(45,212,191,.22), transparent 30%),\n        linear-gradient(145deg,#e7faf6,#f9fffe);\n      border: 1px solid var(--ts-border);\n      overflow: hidden;\n      box-shadow: 0 25px 70px rgba(6,78,74,.09);\n    }\n\n    .ts-lifestyle-circle {\n      position: absolute;\n      width: 270px;\n      height: 270px;\n      border-radius: 50%;\n      background: rgba(20,184,166,.08);\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n    }\n\n    .ts-lifestyle-emoji {\n      position: absolute;\n      font-size: 70px;\n      animation: tsFloat 5s ease-in-out infinite;\n    }\n\n    .ts-emoji-1 { left: 18%; top: 18%; }\n    .ts-emoji-2 { right: 17%; top: 30%; animation-delay: -1s; }\n    .ts-emoji-3 { left: 25%; bottom: 18%; animation-delay: -2s; }\n    .ts-emoji-4 { right: 22%; bottom: 15%; animation-delay: -3s; }\n\n    .ts-lifestyle-content h3 {\n      font-size: 27px;\n      line-height: 1.2;\n      letter-spacing: -.035em;\n      margin: 0 0 18px;\n    }\n\n    .ts-lifestyle-content p {\n      color: var(--ts-gray);\n      line-height: 1.75;\n      font-size: 15px;\n      margin-bottom: 25px;\n    }\n\n    .ts-lifestyle-list {\n      display: grid;\n      gap: 15px;\n    }\n\n    .ts-lifestyle-list-item {\n      display: flex;\n      gap: 13px;\n      align-items: flex-start;\n    }\n\n    .ts-lifestyle-list-icon {\n      flex: 0 0 25px;\n      width: 25px;\n      height: 25px;\n      display: grid;\n      place-items: center;\n      border-radius: 50%;\n      background: var(--ts-teal-light);\n      color: var(--ts-teal-dark);\n      font-size: 11px;\n      font-weight: 800;\n    }\n\n    .ts-lifestyle-list-item strong {\n      display: block;\n      font-size: 14px;\n      margin-bottom: 3px;\n    }\n\n    .ts-lifestyle-list-item span {\n      color: var(--ts-gray);\n      font-size: 13px;\n      line-height: 1.5;\n    }\n\n    \/* ---------- FINAL CTA ---------- *\/\n\n    .ts-final {\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: 110px 25px 130px;\n      text-align: center;\n    }\n\n    .ts-final-box {\n      position: relative;\n      overflow: hidden;\n      padding: 70px 30px;\n      border-radius: 35px;\n      background:\n        radial-gradient(circle at 20% 20%, rgba(94,234,212,.22), transparent 25%),\n        linear-gradient(135deg,#064e4a,#0f766e);\n      box-shadow: 0 30px 90px rgba(6,78,74,.2);\n      color: white;\n    }\n\n    .ts-final-box::after {\n      content: \"\";\n      position: absolute;\n      width: 300px;\n      height: 300px;\n      border: 1px solid rgba(255,255,255,.1);\n      border-radius: 50%;\n      right: -100px;\n      bottom: -150px;\n    }\n\n    .ts-final h2 {\n      position: relative;\n      z-index: 2;\n      font-size: clamp(34px,5vw,55px);\n      line-height: 1;\n      letter-spacing: -.05em;\n      margin: 0 0 17px;\n    }\n\n    .ts-final p {\n      position: relative;\n      z-index: 2;\n      max-width: 560px;\n      margin: 0 auto 28px;\n      color: rgba(255,255,255,.75);\n      line-height: 1.65;\n      font-size: 15px;\n    }\n\n    .ts-final .ts-button {\n      z-index: 3;\n      position: relative;\n      background: white;\n      color: var(--ts-teal-dark) !important;\n      box-shadow: 0 15px 35px rgba(0,0,0,.13);\n    }\n\n    .ts-small-note {\n      position: relative;\n      z-index: 2;\n      display: block;\n      margin-top: 17px;\n      font-size: 11px;\n      color: rgba(255,255,255,.52);\n    }\n\n    \/* ---------- SCROLL REVEAL ---------- *\/\n\n    .ts-reveal {\n      opacity: 0;\n      transform: translateY(35px);\n      transition:\n        opacity .8s ease,\n        transform .8s cubic-bezier(.2,.8,.2,1);\n    }\n\n    .ts-reveal.ts-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* ---------- MOBILE ---------- *\/\n\n    @media (max-width: 850px) {\n\n      .ts-hero {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 30px;\n        padding-top: 60px;\n      }\n\n      .ts-subtitle {\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .ts-checks {\n        text-align: left;\n        max-width: 390px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .ts-cta-row {\n        justify-content: center;\n      }\n\n      .ts-visual {\n        min-height: 470px;\n      }\n\n      .ts-product-card {\n        width: min(400px,88vw);\n      }\n\n      .ts-badge-1 {\n        left: 0;\n      }\n\n      .ts-badge-2 {\n        right: 0;\n      }\n\n      .ts-benefits {\n        grid-template-columns: 1fr;\n      }\n\n      .ts-experience-inner {\n        grid-template-columns: 1fr;\n        gap: 45px;\n      }\n\n      .ts-lifestyle {\n        grid-template-columns: 1fr;\n        gap: 45px;\n      }\n    }\n\n    @media (max-width: 600px) {\n\n      .ts-hero {\n        padding-left: 18px;\n        padding-right: 18px;\n      }\n\n      .ts-title {\n        font-size: 45px;\n      }\n\n      .ts-subtitle {\n        font-size: 16px;\n      }\n\n      .ts-trust {\n        padding: 0 14px;\n      }\n\n      .ts-trust-inner {\n        grid-template-columns: repeat(2,1fr);\n      }\n\n      .ts-trust-item:nth-child(2) {\n        border-right: 0;\n      }\n\n      .ts-trust-item:nth-child(-n+2) {\n        border-bottom: 1px solid var(--ts-border);\n      }\n\n      .ts-section {\n        padding: 80px 18px;\n      }\n\n      .ts-product-card {\n        min-height: 360px;\n      }\n\n      .ts-glow {\n        width: 300px;\n        height: 300px;\n      }\n\n      .ts-badge {\n        font-size: 10px;\n        padding: 9px 11px;\n      }\n\n      .ts-badge-1 {\n        left: -5px;\n        top: 50px;\n      }\n\n      .ts-badge-2 {\n        right: -5px;\n        bottom: 50px;\n      }\n\n      .ts-scale-demo {\n        padding: 20px;\n      }\n\n      .ts-display-value {\n        font-size: 42px;\n      }\n\n      .ts-final {\n        padding: 70px 15px 90px;\n      }\n\n      .ts-final-box {\n        padding: 55px 22px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ts-product *,\n      .ts-product *::before,\n      .ts-product *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .01ms !important;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"ts-product\"\u003e\u003c!-- BACKGROUND ORBS --\u003e\n\u003cdiv class=\"ts-orb ts-orb-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ts-orb ts-orb-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ts-orb ts-orb-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003cdiv class=\"ts-hero\"\u003e\n\u003cdiv class=\"ts-hero-copy\"\u003e\n\u003cdiv class=\"ts-eyebrow\"\u003e\n\u003cspan class=\"ts-eyebrow-dot\"\u003e\u003c\/span\u003e Smart kitchen technology\u003c\/div\u003e\n\u003ch1 class=\"ts-title\"\u003eMeasure smarter.\u003cbr\u003eCook with \u003cspan class=\"ts-title-gradient\"\u003econfidence.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ts-subtitle\"\u003eMeet the TechScribe™ SmartScoop Scale Spoon — precision measurement built directly into the spoon you already use. Less guessing. Less mess. Better results.\u003c\/p\u003e\n\u003cdiv class=\"ts-checks\"\u003e\n\u003cdiv class=\"ts-check\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Precise measurements directly in your scoop\u003c\/div\u003e\n\u003cdiv class=\"ts-check\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Switch effortlessly between g, oz \u0026amp; ml\u003c\/div\u003e\n\u003cdiv class=\"ts-check\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Perfect for baking, coffee, spices \u0026amp; everyday cooking\u003c\/div\u003e\n\u003cdiv class=\"ts-check\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Compact, sleek \u0026amp; easy to clean\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-cta-row\"\u003e\n\u003c!-- CHANGE THIS LINK TO YOUR PRODUCT PAGE --\u003e \u003ca href=\"#shop\" class=\"ts-button\"\u003e Get Your SmartScoop \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"#benefits\" class=\"ts-button ts-button-secondary\"\u003e Discover More \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT VISUAL --\u003e\n\u003cdiv class=\"ts-visual\"\u003e\n\u003cdiv class=\"ts-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ts-product-card\"\u003e\n\u003c!--\n          REPLACE THE IMAGE URL BELOW\n          WITH YOUR ACTUAL PRODUCT IMAGE\n        --\u003e \u003cimg class=\"ts-product-image\" src=\"https:\/\/placehold.co\/700x700\/e7faf6\/0f766e?text=SmartScoop\" alt=\"TechScribe SmartScoop Scale Spoon\"\u003e\n\u003cdiv class=\"ts-badge ts-badge-1\"\u003e⚖️ Precision measuring\u003c\/div\u003e\n\u003cdiv class=\"ts-badge ts-badge-2\"\u003e✨ Kitchen essential\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= TRUST ================= --\u003e\n\u003cdiv class=\"ts-trust\"\u003e\n\u003cdiv class=\"ts-trust-inner\"\u003e\n\u003cdiv class=\"ts-trust-item\"\u003e\n\u003cdiv class=\"ts-trust-number\"\u003eg · oz · ml\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-label\"\u003eMultiple units\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-item\"\u003e\n\u003cdiv class=\"ts-trust-number\"\u003e1 Spoon\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-label\"\u003eLess clutter\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-item\"\u003e\n\u003cdiv class=\"ts-trust-number\"\u003eEasy\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-label\"\u003eClean \u0026amp; use\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-item\"\u003e\n\u003cdiv class=\"ts-trust-number\"\u003eSmart\u003c\/div\u003e\n\u003cdiv class=\"ts-trust-label\"\u003eEveryday measuring\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= BENEFITS ================= --\u003e\n\u003cdiv class=\"ts-section\" id=\"benefits\"\u003e\n\u003cdiv class=\"ts-section-header ts-reveal\"\u003e\n\u003cdiv class=\"ts-kicker\"\u003eWhy you'll love it\u003c\/div\u003e\n\u003ch2 class=\"ts-heading\"\u003eYour new favorite \u003cspan\u003ekitchen shortcut.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ts-section-text\"\u003eDesigned for busy women who want beautiful results without unnecessary mess, effort or guesswork.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefits\"\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003ePrecision without the fuss\u003c\/h3\u003e\n\u003cp\u003eMeasure ingredients directly from the spoon instead of grabbing multiple cups, bowls and scales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e🍰\u003c\/div\u003e\n\u003ch3\u003eBetter baking results\u003c\/h3\u003e\n\u003cp\u003eConsistent measurements make it easier to follow recipes and recreate your favorite treats again and again.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e☕\u003c\/div\u003e\n\u003ch3\u003eYour perfect coffee ritual\u003c\/h3\u003e\n\u003cp\u003eGet repeatable coffee measurements without reaching for a separate kitchen scale every morning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eLess ingredient waste\u003c\/h3\u003e\n\u003cp\u003eTake control of portions and avoid accidentally over-pouring expensive spices, powders and ingredients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eBeautifully minimal\u003c\/h3\u003e\n\u003cp\u003eA sleek modern design that looks at home beside your favorite kitchen tools instead of hiding in a drawer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-benefit ts-reveal\"\u003e\n\u003cdiv class=\"ts-icon\"\u003e⏱\u003c\/div\u003e\n\u003ch3\u003eSave precious time\u003c\/h3\u003e\n\u003cp\u003eScoop, measure and add — all in one simple motion. Perfect for busy mornings and quick meals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= EXPERIENCE ================= --\u003e\n\u003cdiv class=\"ts-experience\"\u003e\n\u003cdiv class=\"ts-experience-inner\"\u003e\n\u003cdiv class=\"ts-reveal\"\u003e\n\u003cdiv class=\"ts-kicker\"\u003ePrecision at your fingertips\u003c\/div\u003e\n\u003ch2 class=\"ts-heading\"\u003eOne scoop.\u003cbr\u003eNo guesswork.\u003c\/h2\u003e\n\u003cp class=\"ts-section-text\"\u003eWhether you're baking something special, preparing your morning coffee or seasoning tonight's dinner, SmartScoop helps you measure with confidence.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 25px; display: grid; gap: 12px;\"\u003e\n\u003cdiv class=\"ts-check\" style=\"color: rgba(255,255,255,.82);\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Read measurements instantly\u003c\/div\u003e\n\u003cdiv class=\"ts-check\" style=\"color: rgba(255,255,255,.82);\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Switch measurement units with ease\u003c\/div\u003e\n\u003cdiv class=\"ts-check\" style=\"color: rgba(255,255,255,.82);\"\u003e\n\u003cspan class=\"ts-check-icon\"\u003e✓\u003c\/span\u003e Keep your countertop clutter-free\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE DISPLAY --\u003e\n\u003cdiv class=\"ts-scale-demo ts-reveal\"\u003e\n\u003cdiv class=\"ts-display\"\u003e\n\u003cdiv class=\"ts-display-label\"\u003eSmartScoop reading\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ts-display-value\" id=\"tsValue\"\u003e25\u003c\/span\u003e \u003cspan class=\"ts-display-unit\" id=\"tsUnit\"\u003eg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-demo-buttons\"\u003e\n\u003cbutton class=\"ts-demo-btn active\"\u003e GRAMS \u003c\/button\u003e \u003cbutton class=\"ts-demo-btn\"\u003e OUNCES \u003c\/button\u003e \u003cbutton class=\"ts-demo-btn\"\u003e ML \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= LIFESTYLE ================= --\u003e\n\u003cdiv class=\"ts-section\"\u003e\n\u003cdiv class=\"ts-lifestyle\"\u003e\n\u003cdiv class=\"ts-lifestyle-card ts-reveal\"\u003e\n\u003cdiv class=\"ts-lifestyle-circle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-emoji ts-emoji-1\"\u003e☕\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-emoji ts-emoji-2\"\u003e🍪\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-emoji ts-emoji-3\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-emoji ts-emoji-4\"\u003e🥣\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-content ts-reveal\"\u003e\n\u003cdiv class=\"ts-kicker\"\u003eMade for real life\u003c\/div\u003e\n\u003ch2 class=\"ts-heading\"\u003eA little more \u003cspan\u003eease\u003c\/span\u003e in every day.\u003c\/h2\u003e\n\u003cp\u003eFrom your first coffee in the morning to weekend baking, SmartScoop takes one more little hassle off your plate.\u003c\/p\u003e\n\u003cdiv class=\"ts-lifestyle-list\"\u003e\n\u003cdiv class=\"ts-lifestyle-list-item\"\u003e\n\u003cdiv class=\"ts-lifestyle-list-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePerfect for busy mornings\u003c\/strong\u003e \u003cspan\u003e Measure coffee, protein powders and ingredients quickly without pulling out a full kitchen scale. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-list-item\"\u003e\n\u003cdiv class=\"ts-lifestyle-list-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMade for beautiful baking\u003c\/strong\u003e \u003cspan\u003e Take the uncertainty out of measuring when you're creating cakes, cookies and desserts. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-lifestyle-list-item\"\u003e\n\u003cdiv class=\"ts-lifestyle-list-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLess mess on your countertop\u003c\/strong\u003e \u003cspan\u003e One compact tool replaces another measuring gadget cluttering your kitchen drawer. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FINAL CTA ================= --\u003e\n\u003cdiv class=\"ts-final\" id=\"shop\"\u003e\n\u003cdiv class=\"ts-final-box ts-reveal\"\u003e\n\u003ch2\u003eMake measuring\u003cbr\u003efeel effortless.\u003c\/h2\u003e\n\u003cp\u003eUpgrade your everyday kitchen routine with the TechScribe™ SmartScoop Scale Spoon.\u003c\/p\u003e\n\u003c!-- CHANGE THIS LINK TO YOUR CHECKOUT \/ PRODUCT PAGE --\u003e \u003ca href=\"\/products\/techscribe-smartscoop\" class=\"ts-button\"\u003e Shop SmartScoop \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003cspan class=\"ts-small-note\"\u003e ⚖️ Measure smarter · Cook easier · Enjoy more \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= JAVASCRIPT ================= --\u003e \u003cscript\u003e\n\n    document.addEventListener(\"DOMContentLoaded\", function() {\n\n      \/* ---------- SCROLL ANIMATIONS ---------- *\/\n\n      const revealElements =\n        document.querySelectorAll(\".ts-reveal\");\n\n      const observer = new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n\n              entry.target.classList.add(\"ts-visible\");\n\n              observer.unobserve(entry.target);\n\n            }\n\n          });\n\n        },\n        {\n          threshold: 0.12\n        }\n      );\n\n      revealElements.forEach(function(el) {\n        observer.observe(el);\n      });\n\n\n      \/* ---------- MEASUREMENT DEMO ---------- *\/\n\n      const value = document.getElementById(\"tsValue\");\n      const unit = document.getElementById(\"tsUnit\");\n      const buttons =\n        document.querySelectorAll(\".ts-demo-btn\");\n\n      const measurements = {\n        g: \"25\",\n        oz: \"0.88\",\n        ml: \"25\"\n      };\n\n      buttons.forEach(function(button) {\n\n        button.addEventListener(\"click\", function() {\n\n          const selected =\n            button.getAttribute(\"data-unit\");\n\n          buttons.forEach(function(btn) {\n            btn.classList.remove(\"active\");\n          });\n\n          button.classList.add(\"active\");\n\n          value.style.transform = \"translateY(-8px)\";\n          value.style.opacity = \"0\";\n\n          setTimeout(function() {\n\n            value.textContent =\n              measurements[selected];\n\n            unit.textContent = selected;\n\n            value.style.transform =\n              \"translateY(0)\";\n\n            value.style.opacity = \"1\";\n\n          }, 180);\n\n        });\n\n      });\n\n      \/* ---------- SMOOTH SCROLL ---------- *\/\n\n      document.querySelectorAll(\n        '.ts-product a[href^=\"#\"]'\n      ).forEach(function(link) {\n\n        link.addEventListener(\"click\", function(e) {\n\n          const target =\n            document.querySelector(\n              link.getAttribute(\"href\")\n            );\n\n          if (target) {\n\n            e.preventDefault();\n\n            target.scrollIntoView({\n              behavior: \"smooth\",\n              block: \"start\"\n            });\n\n          }\n\n        });\n\n      });\n\n    });\n\n  \u003c\/script\u003e\u003c\/section\u003e","brand":"TechScribe","offers":[{"title":"Default Title","offer_id":53008870080829,"sku":null,"price":529.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/2191\/5197\/files\/studio-packaging.png?v=1790617523","url":"https:\/\/techscribe.co.za\/products\/techscribe%e2%84%a2-smartscoop-scale-spoon","provider":"TechScribe","version":"1.0","type":"link"}