{"product_id":"ttracing-tilvo-active-tech-desk-onyx","title":"TTRacing TILVO Active Tech Desk - Onyx","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, 18%, 260px);\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    height: auto;\n    display: block;\n    margin-top: 48px;\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    max-width: 860px;\n    height: auto;\n    display: block;\n    margin: 48px auto 0;\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 {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\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  @media (min-width: 1537px) {\n    .mach-s8__pic {\n      width: 80%;\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  }\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    .mach-s5__text{padding-top: 20px;}\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\"\u003eAdaptive Movement. Easy Workflow.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eTILVO is designed to adapt to the way you work with precise height, tilt, and forward adjustments. Every part of the TILVO is crafted to create a responsive standing desk that delivers a seamless and flexible workspace.\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\"\u003ePrecision In Every Position\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eA workspace is not a one-size-fits-all.\u003cbr\u003eThat's why we designed one that moves with you.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"mach-s3__img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect3-combine.jpg?v=1789101309\" 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\"\u003eThe right height. Everytime.\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eSeamless 75-122 cm height adjustment allows you to transition between sitting and standing. Your desk will always feel right, no matter your posture.\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\/2021\/9723\/files\/tilvo-pdp-sect5-pic1.png?v=1789102080\" 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\"\u003eRefined surface\u003c\/h2\u003e\n        \u003cp class=\"mach-s2__subtitle\"\u003eA premium dual-surface brings together smooth metallic elegance and a soft PU front section. Even when fully tilted, the dual surface keeps all of your equipment in one place and your workplace organized.\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\"\u003eEverything to\u003cbr\u003esupport the workflow\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eComes with a suite of integrated accessories to keep your \u003cbr class=\"d-none d-md-block\"\u003edesk performing well for you at every angle.\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 - Head\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural head placement\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 - Eyes\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eProper eye level\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 - Lumbar\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eLower-back support\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 - Arms\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eSupported elbows\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 - Hands\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eNatural reach\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 - Calves\u003c\/span\u003e\n          \u003cspan class=\"tm-hexasync__tooltip-desc\"\u003eBalanced support\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        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-1.jpg?v=1789102346\" alt=\"Magnetic Cable Clips\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-2.jpg?v=1789102345\" alt=\"Magnetic Cable Organizers\" width=\"700\" height=\"360\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s7__col\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-3.jpg?v=1789102345\" alt=\"Lockable TILVO Casters and Underside Cable Tray\" width=\"700\" height=\"460\" loading=\"lazy\"\u003e\n        \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect7-usp-4-new.jpg?v=1789114786\" alt=\"Magnetic wrist rest\" width=\"700\" height=\"360\" loading=\"lazy\"\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      \u003cpicture\u003e\n        \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2mobile-new.png?v=1789537225\"\u003e\n        \u003cimg class=\"mach-s8__pic image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/tilvo-pdp-sect8-pic2.png?v=1789109238\" alt=\"TILVO control panel close-up\" width=\"720\" height=\"600\" loading=\"lazy\"\u003e\u003c\/picture\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\"\u003eControl That\u003cbr\u003eSenses Everything\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-Collision\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eDetects. Stops. Protects.\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\"\u003eSmart Child Lock\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eLocks the controls from little hands.\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\"\u003eMemory Presets\u003c\/span\u003e\n            \u003cspan class=\"mach-s8__item-sub\"\u003eRemembers your perfect height.\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 brings responsive \u003cbr\u003emovement to your workspace.\u003c\/h2\u003e\n      \u003cp class=\"mach-s2__subtitle\"\u003eEquipped with smooth height, tilt, and forward adjustments, every part of the TILVO moves to meet your ever-changing posture and routine.\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=\"46550476882070\"\u003e\n          \u003cbutton type=\"submit\" class=\"mxp-btn-shop\"\u003eBuy\u003c\/button\u003e\n        \u003c\/form\u003e\n        \u003ca href=\"\/pages\/active-tech\" class=\"mxp-btn-outline\"\u003eMore Info\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 United States","offers":[{"title":"M (55.1 x 30.7'')","offer_id":46550476882070,"sku":"TTRTLVOACTDSK-001-OX","price":749.0,"currency_code":"USD","in_stock":true},{"title":"L (63 x 30.7'')","offer_id":46550476914838,"sku":"TTRTLVOACTDSK-002-OX","price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/tilvo-onyx-M-2.png?v=1789460597","url":"https:\/\/ttracing.co\/products\/ttracing-tilvo-active-tech-desk-onyx","provider":"TTRacing United States","version":"1.0","type":"link"}