{"product_id":"ttracing-tilvo-active-tech-desk-howlite","title":"TTRacing TILVO Active Tech Desk - Howlite","description":"\u003cstyle\u003e\n  .rte a:not(.btn):not(.mxp-btn-outline):after,\n  .rte-setting a:not(.btn):not(.mxp-btn-outline):after { all: unset; }\n\n  \/* ── Buttons ── *\/\n  .mxp-btn-shop:hover{background:transparent !important;border-color:rgba(255,255,255,0.53) !important;color:#fff !important;}\n  .mxp-btn-shop{\n    padding: 0.3rem 0.8rem;background:#ed1f24;color:#fff !important;\n    font-family:'gotham-book','Gotham';font-size:14px;\n    border: 1px solid transparent;border-radius:999px;cursor:pointer;\n    transition:background .2s, border-color .2s; text-decoration:none;display:inline-block;\n  }\n  .mxp-btn-shop{background:#88c8f6;border:1px solid #88c8f6;color:#000 !important;font-weight:600;transition:background .2s,color .2s,border-color .2s;}\n  .mxp-btn-shop:hover{transition-delay: 0.25s;background: transparent !important; border-color: rgba(255,255,255,0.53);}\n  .mxp-btn-outline,\n  .mxp-btn-red,\n  .mxp-btn-shop {\n    position: relative;\n    overflow: hidden;\n  }\n  .rte a.mxp-btn-outline::after,\n  .mxp-btn-red::after,\n  .mxp-btn-shop::after{\n    background-image: linear-gradient(90deg, transparent, hsl(0 0% 100% \/ .25), transparent);\n    content: \"\";\n    height: 100%;\n    left: 150%;\n    position: absolute;\n    top: 0;\n    transform: skewX(-20deg);\n    width: 200%;\n  }\n  .rte a.mxp-btn-outline:hover::after,\n  .mxp-btn-red:hover::after,\n  .mxp-btn-shop:hover::after {\n    animation: .75s cubic-bezier(.01, .56, 1, 1) shine;\n  }\n\n  .mxp-btn-outline{\n    padding: 0.3rem 0.8rem;border:1.5px solid #ed1f23 !important;background:#ed1f23;color:#fff !important;\n    font-family:'gotham-book','Gotham';font-size:14px;\n    border-radius:999px;cursor:pointer;transition:background .2s,color .2s, border-color .2s;;transition-delay: 0.25s;\n    text-decoration:none;display:inline-block;font-weight: 400;height: max-content;\n  }\n  .mxp-btn-outline:hover{background: transparent !important; border-color: rgba(255,255,255,0.53) !important; color: #fff !important;}\n  .mxp-btn-outline{background:transparent;border-color:#88c8f6 !important;color:#88c8f6 !important;font-weight:600;}\n  .mxp-btn-outline:hover{border-color:#88c8f6 !important;color:#88c8f6 !important;}\n  .rte a.mxp-btn-outline::after {\n    border-bottom: none;\n    bottom: auto;\n    transition: none;\n  }\n\n  \/* ── Scroll Animations ── *\/\n  .image-animate-top { opacity: 0; }\n  .image-animate-top.animate { animation: fadeInTop 1s forwards; }\n  @keyframes fadeInTop {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── Section 1: Hero ── *\/\n  .mach-s1 {\n    width: 100%;\n    aspect-ratio: 1920 \/ 1100;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-1.jpg?v=1789100056');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s1__inner {\n    height: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n    padding-top: 4%;\n  }\n\n  .mach-s1__logo {\n    width: clamp(120px, 22%, 320px);\n    height: auto;\n  }\n\n  \/* ── Section 2: Adaptive Movement ── *\/\n  .mach-s2 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n    background-size: cover;\n    background-position: top 20% center;\n    text-align: center;\n  }\n\n  .mach-s2__content {\n    padding-top: 100px;\n  }\n\n  .mach-s2__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(30px, 6vw, 45px);\n    line-height: 1;\n    margin: 0 auto 16px;\n    width: max-content;\n    max-width: 100%;\n    letter-spacing: -1px;\n  }\n\n  .mach-s2__title--gradient {\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s2__subtitle {\n    font-size: 15px !important;\n    color: #98969b;\n    margin: 0 auto 48px !important;\n    line-height: 1.6;\n    font-weight: 400 !important;\n    max-width: 560px;\n  }\n\n  .mach-s2__main-img {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* ── Section 3: Precision In Every Position ── *\/\n  .mach-s3 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s3__img {\n    width: 100%;\n    max-width: 860px;\n    height: auto;\n    display: block;\n    margin: 48px auto 0;\n  }\n\n  \/* ── Section 4: The Right Height ── *\/\n  .mach-s4 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s4__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    margin-top: 48px;\n  }\n\n  \/* ── Section 5: Refined Surface ── *\/\n  .mach-s5 {\n    width: 100%;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect5-bg.jpg?v=1789102080');\n    background-size: cover;\n    background-position: center;\n    text-align: center;\n  }\n\n  .mach-s5__content {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n\n  .mach-s5__main-img {\n    width: 100%;\n    max-width: 1200px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .mach-s5__text {\n    padding: 0 24px;\n  }\n\n  \/* ── Section 6: Everything to support the workflow ── *\/\n  .mach-s6 {\n    width: 100%;\n    background: #000;\n    text-align: center;\n    padding: 100px 0;\n  }\n\n  .mach-s6 .mach-s2__subtitle {\n    margin-bottom: 0 !important;\n  }\n\n  .tm-hexasync__media {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    --eye-x: 39%;\n    --eye-y: 30%;\n  }\n\n  .tm-hexasync__media::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 32%);\n    pointer-events: none;\n  }\n\n  .tm-hexasync__bg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .tm-hexasync__point {\n    position: absolute;\n    left: var(--x);\n    top: var(--y);\n    z-index: 2;\n    transform: translate(-50%, -50%);\n    background: none;\n    border: none;\n    padding: 12px;\n    margin: -12px;\n    cursor: pointer;\n  }\n\n  .tm-hexasync__point[data-point='eyes'] {\n    left: var(--eye-x);\n    top: var(--eye-y);\n  }\n\n  .tm-hexasync__point:hover,\n  .tm-hexasync__point:focus-visible {\n    z-index: 10;\n  }\n\n  .tm-hexasync__point:focus-visible {\n    outline: 2px solid #87e7f8;\n    outline-offset: 4px;\n    border-radius: 50%;\n  }\n\n  .tm-hexasync__dot {\n    position: relative;\n    display: block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(135, 231, 248, 0.9);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85);\n    animation: tm-hex-pulse 1.8s ease-out infinite;\n  }\n\n  .tm-hexasync__dot::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border: 1px solid rgba(135, 231, 248, 0.5);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  @keyframes tm-hex-pulse {\n    0% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0.5); }\n    70% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 14px rgba(135, 231, 248, 0); }\n    100% { box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 0 rgba(135, 231, 248, 0); }\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__dot,\n  .tm-hexasync__point:focus-visible .tm-hexasync__dot {\n    animation-play-state: paused;\n    background: rgba(135, 231, 248, 0.85);\n    box-shadow: 0 0 6px 2px rgba(135, 231, 248, 0.85), 0 0 0 4px rgba(135, 231, 248, 0.35);\n  }\n\n  .tm-hexasync__tooltip {\n    position: absolute;\n    left: 50%;\n    bottom: calc(100% + 14px);\n    transform: translate(-50%, 6px);\n    min-width: 150px;\n    max-width: 210px;\n    background: rgba(10, 14, 22, 0.92);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 0.6rem 0.85rem;\n    text-align: left;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .tm-hexasync__point:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point:focus-visible .tm-hexasync__tooltip {\n    opacity: 1;\n    visibility: visible;\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__tooltip-title {\n    display: block;\n    font-size: 0.8rem;\n    font-family: 'gotham-medium';\n    color: #fff;\n    margin: 0 0 0.2rem;\n  }\n\n  .tm-hexasync__tooltip-desc {\n    display: block;\n    font-size: 0.78rem;\n    font-family: 'gotham-book';\n    color: #c7c7c7;\n    line-height: 1.3;\n  }\n\n  .tm-hexasync__point--below .tm-hexasync__tooltip {\n    bottom: auto;\n    top: calc(100% + 14px);\n    transform: translate(-50%, -6px);\n  }\n\n  .tm-hexasync__point--below:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--below:focus-visible .tm-hexasync__tooltip {\n    transform: translate(-50%, 0);\n  }\n\n  .tm-hexasync__point--left .tm-hexasync__tooltip {\n    left: auto;\n    right: calc(100% + 14px);\n    bottom: auto;\n    top: 50%;\n    transform: translate(6px, -50%);\n  }\n\n  .tm-hexasync__point--left:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--left:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--right .tm-hexasync__tooltip {\n    left: calc(100% + 14px);\n    right: auto;\n    bottom: auto;\n    top: 50%;\n    transform: translate(-6px, -50%);\n  }\n\n  .tm-hexasync__point--right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, -50%);\n  }\n\n  .tm-hexasync__point--bottom-right .tm-hexasync__tooltip {\n    left: calc(90%);\n    bottom: auto;\n    top: calc(100% + 8px);\n    transform: translate(0, -6px);\n  }\n\n  .tm-hexasync__point--bottom-right:hover .tm-hexasync__tooltip,\n  .tm-hexasync__point--bottom-right:focus-visible .tm-hexasync__tooltip {\n    transform: translate(0, 0);\n  }\n\n  .tm-hexasync__eye-line {\n    position: absolute;\n    left: var(--eye-x);\n    top: var(--eye-y);\n    transform: translateY(-50%);\n    width: 0;\n    height: 1px;\n    background-image: repeating-linear-gradient(\n      to right,\n      rgba(135, 231, 248, 0.85) 0,\n      rgba(135, 231, 248, 0.85) 4px,\n      transparent 4px,\n      transparent 8px\n    );\n    overflow: hidden;\n    opacity: 0;\n    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 100%);\n    transition: width 0.7s ease, opacity 0.4s ease;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n  .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n    width: min(23%, 50%);\n    opacity: 1;\n    transition: width 0.7s ease, opacity 0.3s ease;\n  }\n\n  @media (max-width: 768px) {\n    .tm-hexasync__dot { width: 6px; height: 6px; }\n    .tm-hexasync__tooltip { min-width: 100px; max-width: 130px; padding: 0.4rem 0.55rem; }\n    .tm-hexasync__tooltip-title { font-size: 0.8rem; }\n    .tm-hexasync__tooltip-desc { font-size: 0.7rem; line-height: 1.2; }\n    .tm-hexasync__point[data-point='head'] { --x: 17% !important; --y: 38% !important; }\n    .tm-hexasync__point[data-point='lumbar'] { --x: 40% !important; --y: 55% !important; }\n    .tm-hexasync__point[data-point='arms'] { --x: 46% !important; --y: 51% !important; }\n    .tm-hexasync__point[data-point='hands'] { --x: 55% !important; --y: 48% !important; }\n    .tm-hexasync__point[data-point='calves'] { --x: 45% !important; --y: 59% !important; }\n    .tm-hexasync__media { --eye-x: 25%; --eye-y: 31%; }\n    .tm-hexasync__point[data-point='eyes']:hover ~ .tm-hexasync__eye-line,\n    .tm-hexasync__point[data-point='eyes']:focus-visible ~ .tm-hexasync__eye-line {\n      width: min(50%, 60%);\n    }\n  }\n\n  \/* ── Section 7: USP Grid ── *\/\n  .mach-s7 {\n    width: 100%;\n    background: #000;\n  }\n\n  @media (min-width: 641px) {\n    .mach-s7 {\n      padding-bottom: 200px;\n    }\n  }\n\n  .mach-s7__grid {\n    display: grid;\n    grid-template-columns: 675fr 611fr;\n    gap: 8px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .mach-s7__col {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .mach-s7__img-wrap {\n    overflow: hidden;\n    border-radius: 12px;\n    display: block;\n  }\n\n  .mach-s7__img-wrap:hover .mach-s7__img {\n    transform: scale(1.02);\n  }\n\n  .mach-s7__img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  @media (max-width: 640px) {\n    .mach-s7 {\n      padding-bottom: 80px;\n    }\n\n    .mach-s7__grid {\n      grid-template-columns: 1fr;\n      height: auto;\n    }\n\n    .mach-s7__img {\n      flex: none !important;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  \/* ── Section 8: Control That Senses Everything ── *\/\n  .mach-s8 {\n    width: 100%;\n    position: relative;\n    min-height: clamp(500px, 55vw, 700px);\n    display: flex;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-bg.jpg?v=1789102779');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .mach-s8__inner {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  .mach-s8__left {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .mach-s8__pic {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: bottom;\n    display: block;\n  }\n\n  @media (min-width: 1537px) {\n    .mach-s8__pic {\n      width: 80%;\n    }\n  }\n\n  .mach-s8__right {\n    width: 50%;\n    padding: 48px 48px 48px 40px;\n    position: relative;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n  }\n\n  .mach-s8__content {\n    width: 90%;\n  }\n\n  .mach-s8__right::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to left, rgba(0, 0, 0, 0.88) 30%, transparent 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .mach-s8__right \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .mach-s8__title {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(26px, 3.5vw, 42px);\n    line-height: 1.1;\n    margin-bottom: 32px;\n    letter-spacing: -1px;\n    background: linear-gradient(178deg, #6d6d6d 5%, #ffffff 20%, #ffffff 70%, #888888 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__list {\n    list-style: none;\n    margin-left: 0px;\n  }\n\n  .mach-s8__item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px 0;\n  }\n\n  .mach-s8__item + .mach-s8__item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 0.5px;\n    max-width: 360px;\n    background: rgba(255, 255, 255, 0.3);\n  }\n\n  .mach-s8__num {\n    font-family: 'gotham-medium', 'Gotham', sans-serif;\n    font-weight: 400;\n    font-size: clamp(38px, 4vw, 45px);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 60px;\n    padding-left: 10px;\n    background: linear-gradient(to bottom, #1d262b 0%, #90e4f1 15%, #90e4f1 50%, #1d262b 84%, #000000 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-body {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .mach-s8__item-title {\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.3;\n    background: linear-gradient(to bottom, #6d6d6d 0%, #ffffff 5%, #ffffff 95%, #6d6d6d 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .mach-s8__item-sub {\n    font-size: 13px;\n    color: #98969b;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 768px) {\n    .mach-s8__inner {\n      flex-direction: column;\n      justify-content: flex-start;\n      min-height: 0;\n    }\n\n    .mach-s8__left {\n      position: static;\n      width: 100%;\n      height: auto;\n      order: 2;\n    }\n\n    .mach-s8__pic {\n      height: auto;\n      object-fit: initial;\n    }\n\n    .mach-s8__inner {\n      padding: 0;\n    }\n\n    .mach-s8__right {\n      width: 100%;\n      order: 1;\n      padding: 32px 17px;\n    }\n\n    .mach-s8__content {\n      width: 100%;\n    }\n\n    .mach-s8__num {\n      width: 50px;\n    }\n\n    .mach-s8__right::before {\n      background: linear-gradient(to bottom, rgba(0, 5, 20, 0.88) 0%, transparent 100%);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .mach-s2 {\n      background: #000;\n      position: relative;\n    }\n    .mach-s2::before {\n      content: '';\n      position: absolute;\n      top: 32%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-bg.jpg?v=1789100719');\n      background-size: cover;\n      background-position: top center;\n      z-index: 0;\n    }\n    .mach-s2 \u003e * {\n      position: relative;\n      z-index: 1;\n    }\n    .mach-s2__content {\n      padding-top: 60px;\n    }\n    .mach-s9__content {\n      margin-top: 0;\n    }\n    .mach-s9__content .mach-s2__subtitle {\n      margin: 0 auto 24px !important;\n    }\n    .mach-s2__subtitle {\n      font-size: 13px !important;\n    }\n    .mach-s5__text { padding-top: 20px; }\n    .mach-s4 { padding-top: 0; }\n  }\n\n  \/* ── Section 9: Closing CTA ── *\/\n  .mach-s9 {\n    width: 100%;\n    background: #000;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    text-align: center;\n  }\n\n  .mach-s9__bg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .mach-s9__content {\n    width: 100%;\n    padding: 0 24px;\n    position: relative;\n    z-index: 1;\n    margin-top: -8%;\n  }\n  @media (max-width: 768px) {\n    .mach-s9__content { margin-top: 0; }\n  }\n\n  .mach-s9__content .mach-s2__title {\n    font-size: clamp(22px, 4vw, 35px);\n    margin-bottom: 10px;\n  }\n\n  .mach-s9__content .mach-s2__subtitle {\n    margin: 0 auto 42px !important;\n  }\n\n  .mach-s9__cta {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .mach-s9__cta form {\n    margin: 0;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mach-pdp\"\u003e\n\n  \u003c!-- Section 1: Hero --\u003e\n  \u003cdiv class=\"mach-s1\"\u003e\n    \u003cdiv class=\"page-width mach-s1__inner\"\u003e\n      \u003cimg class=\"mach-s1__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect1-mainpic-logo.png?v=1789100056\" alt=\"TILVO logo\" width=\"260\" height=\"100\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 2: Adaptive Movement --\u003e\n  \u003cdiv class=\"mach-s2\"\u003e\n    \u003cdiv class=\"mach-s2__content page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eGerakan Adaptif. Ritme Kerja Lebih Mudah.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eTILVO dirancang untuk menyesuaikan dengan caramu bekerja melalui pengaturan tinggi, kemiringan, dan posisi maju yang presisi. Setiap bagian TILVO dirancang untuk menciptakan standing desk responsif dengan area kerja yang fleksibel dan terasa terpadu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"mach-s2__main-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect2-pic-1.png?v=1789100720\" alt=\"TILVO desk with chair\" width=\"900\" height=\"600\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 3: Precision In Every Position --\u003e\n  \u003cdiv class=\"mach-s3\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePresisi di Setiap Posisi\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eArea kerja bukan sesuatu yang bisa dibuat sama untuk semua orang. Karena itu, kami merancang meja yang bergerak mengikuti kebutuhanmu.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s3__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect3-combine-ID.jpg?v=1789621481\" alt=\"TILVO desk precision positioning\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 4: The Right Height --\u003e\n  \u003cdiv class=\"mach-s4\"\u003e\n    \u003cdiv class=\"page-width\"\u003e\n      \u003cdiv class=\"image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eKetinggian yang Tepat. Setiap Saat.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003ePengaturan tinggi 75–122 cm yang mulus memudahkanmu beralih antara duduk dan berdiri. Apa pun posisi tubuhmu, meja tetap berada di ketinggian yang terasa pas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s4__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect4-pic1.png?v=1789101692\" alt=\"TILVO height adjustment range\" width=\"860\" height=\"560\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Section 5: Refined Surface --\u003e\n  \u003cdiv class=\"mach-s5\"\u003e\n    \u003cdiv class=\"mach-s5__content page-width\"\u003e\n      \u003cimg class=\"mach-s5__main-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect5-pic1-ID.png?v=1789621484\" alt=\"TILVO desk top-down view\" width=\"760\" height=\"720\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mach-s5__text image-animate-top\"\u003e\n        \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePermukaan yang \u003cbr\u003eLebih Premium\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003ePermukaan dual-surface premium memadukan tampilan metalik yang rapih dengan bagian depan berbahan PU yang lembut. Bahkan saat meja dimiringkan penuh, desain permukaan-gandamembantu menjaga perlengkapan tetap pada tempatnya dan area kerja tetap rapi.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 6: Everything to support the workflow --\u003e\n  \u003cdiv class=\"mach-s6\"\u003e\n    \u003cdiv class=\"page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eSemua yang Mendukung\u003cbr\u003eRitme Kerja-mu\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eDilengkapi berbagai aksesori terintegrasi untuk menjaga setup tetap praktis dan berfungsi optimal di setiap posisi.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tm-hexasync__media\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync-mb.png?v=1789453668\"\u003e\n        \u003cimg class=\"tm-hexasync__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/lp-active-tech-Hexasync.png?v=1789359955\" alt=\"Hexasync — six points of contact\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--right\" data-point=\"head\" style=\"--x: 35%; --y: 36%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e01 - Kepala\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003ePosisi kepala yang alami\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--bottom-right\" data-point=\"eyes\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e02 - Mata\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eKetinggian pandangan yang tepat\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"lumbar\" style=\"--x: 46%; --y: 53%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e03 - Pinggang\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eDukungan punggung bawah\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"arms\" style=\"--x: 50%; --y: 51%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e04 - Lengan\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eSiku tetap tertopang\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point\" data-point=\"hands\" style=\"--x: 55%; --y: 48%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e05 - Tangan\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eJangkauan yang alami\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"tm-hexasync__point tm-hexasync__point--below\" data-point=\"calves\" style=\"--x: 49%; --y: 58%;\" type=\"button\"\u003e\n        \u003cspan class=\"tm-hexasync__dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"tm-hexasync__tooltip\"\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-title\"\u003e06 - Betis\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eDukungan yang seimbang\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/button\u003e\n\n      \u003cspan class=\"tm-hexasync__eye-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 7: USP Grid --\u003e\n  \u003cdiv class=\"mach-s7\"\u003e\n    \u003cdiv class=\"mach-s7__grid page-width image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cdiv class=\"mach-s7__img-wrap\"\u003e\n          \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect7-usp1-ID.png?v=1789621495\" alt=\"Magnetic Cable Clips\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mach-s7__img-wrap\"\u003e\n          \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect7-usp2-ID.png?v=1789621495\" alt=\"Magnetic Cable Organizers\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cdiv class=\"mach-s7__img-wrap\"\u003e\n          \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect7-usp3-ID.png?v=1789621494\" alt=\"Lockable TILVO Casters and Underside Cable Tray\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mach-s7__img-wrap\"\u003e\n          \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect7-usp4-ID.png?v=1789621495\" alt=\"Magnetic wrist rest\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 8: Control That Senses Everything --\u003e\n  \u003cdiv class=\"mach-s8\"\u003e\n    \u003cdiv class=\"page-width mach-s8__inner\"\u003e\n    \u003cdiv class=\"mach-s8__left\"\u003e\n      \u003cimg class=\"mach-s8__pic image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-pdp-sect8-pic2mobile-new-ID.png?v=1789621487\" alt=\"TILVO control panel close-up\" width=\"720\" height=\"600\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s8__right image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s8__content\"\u003e\n      \u003ch2 class=\"mach-s8__title\"\u003eKontrol Cerdas\u003cbr\u003eyang Responsif\u003c\/h2\u003e\n      \u003cul class=\"mach-s8__list\"\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e1.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eAnti-Tabrakan\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eMendeteksi. Berhenti. Melindungi.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e2.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003eChild Lock Pintar\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eMengunci kontrol agar tidak diubah oleh anak-anak.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"mach-s8__item\"\u003e\n          \u003cspan class=\"mach-s8__num\"\u003e3.\u003c\/span\u003e\n          \u003cdiv class=\"mach-s8__item-body\"\u003e\n            \u003cspan class=\"mach-s8__item-title\"\u003ePengaturan Memori\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eMengingat ketinggian favoritmu.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Section 9: Closing CTA --\u003e\n  \u003cdiv class=\"mach-s9\"\u003e\n    \u003cimg class=\"mach-s9__bg image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect9-pic1-mobile.jpg?v=1789375283\" alt=\"TILVO Active Tech Desk lifestyle\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s9__content page-width image-animate-top\"\u003e\n      \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eTILVO menghadirkan gerakan \u003cbr\u003eresponsif ke dalam area kerja-mu.\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eDengan pengaturan tinggi, kemiringan, dan posisi maju yang mulus, setiap bagian TILVO bergerak untuk menyesuaikan dengan perubahan postur dan rutinitasmu.\u003c\/p\u003e\n      \u003cdiv class=\"mach-s9__cta\"\u003e\n        \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n          \u003cinput type=\"hidden\" name=\"id\" value=\"48817704272117\"\u003e\n          \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBeli\u003c\/button\u003e\n        \u003c\/form\u003e\n        \u003ca href=\"\/pages\/active-tech\" class=\"mxp-btn-outline\"\u003eInfo Selengkapnya\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/* ── Hexasync eye-line: pin its start to the Eyes dot's real rendered center ── *\/\n  (function () {\n    var media = document.querySelector('.tm-hexasync__media');\n    var eyeDot = media \u0026\u0026 media.querySelector('[data-point=\"eyes\"] .tm-hexasync__dot');\n    var eyeLine = media \u0026\u0026 media.querySelector('.tm-hexasync__eye-line');\n    var bgImg = media \u0026\u0026 media.querySelector('.tm-hexasync__bg');\n    if (!media || !eyeDot || !eyeLine) return;\n\n    function syncEyeLine() {\n      var mediaRect = media.getBoundingClientRect();\n      var dotRect = eyeDot.getBoundingClientRect();\n      var x = dotRect.left + dotRect.width \/ 2 - mediaRect.left;\n      var y = dotRect.top + dotRect.height \/ 2 - mediaRect.top;\n      eyeLine.style.left = x + 'px';\n      eyeLine.style.top = y + 'px';\n    }\n\n    syncEyeLine();\n    window.addEventListener('load', syncEyeLine);\n    window.addEventListener('resize', syncEyeLine);\n    if (document.fonts \u0026\u0026 document.fonts.ready) {\n      document.fonts.ready.then(syncEyeLine);\n    }\n\n    if (bgImg) {\n      if (bgImg.complete) {\n        syncEyeLine();\n      } else {\n        bgImg.addEventListener('load', syncEyeLine);\n      }\n    }\n\n    if ('IntersectionObserver' in window) {\n      var eyeLineObserver = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            setTimeout(syncEyeLine, 50);\n            setTimeout(syncEyeLine, 300);\n          }\n        });\n      });\n      eyeLineObserver.observe(media);\n    }\n\n    if ('ResizeObserver' in window) {\n      var eyeLineResizeObserver = new ResizeObserver(function () {\n        syncEyeLine();\n      });\n      eyeLineResizeObserver.observe(media);\n    }\n  })();\n\u003c\/script\u003e\n","brand":"TTRacing","offers":[{"title":"M (140 x 78 cm)","offer_id":48817704272117,"sku":"TTRTLVOACTDSK-001-HW","price":8250000.0,"currency_code":"IDR","in_stock":true},{"title":"L (160 x 78 cm)","offer_id":48817704304885,"sku":"TTRTLVOACTDSK-002-HW","price":8790000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-howlite-M-2.png?v=1789462048","url":"https:\/\/ttracing.co.id\/products\/ttracing-tilvo-active-tech-desk-howlite","provider":"TTRacing Indonesia","version":"1.0","type":"link"}