{"title":"Teknologi Aktif","description":null,"products":[{"product_id":"ttracing-mach-active-tech-chair","title":"TTRacing MACH Active Tech Chair","description":"\u003cstyle\u003e\n.rte a:not(.btn):not(.mxp-btn-outline):after, .rte-setting a:not(.btn):not(.mxp-btn-outline):after{all: unset;}\n.mxp-pdp,.mxp-pdp *{box-sizing:border-box;}\n.mxp-pdp{background:#000;color:#fff;font-family:'gotham-book','Gotham';overflow:clip;}\n.mxp-pw{margin:0 auto;padding: 0 20px;}\n@media(max-width:768px){.mxp-pw{padding:0;}}\n.rte:has(.mxp-pdp){overflow:visible !important;}\n\n\/* ── Buttons ── *\/\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{background:transparent !important;border-color:rgba(255,255,255,0.53) !important;color:#fff !important;}\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.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.image-animate-top {opacity: 0;}\n.image-animate-top.animate {animation: fadeInTop 1.2s forwards;}\n@keyframes fadeInTop {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ── S1: Hero ── *\/\n.mach-s1{\n  width:100%;aspect-ratio:1920\/1080;\n  background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Header-Banner.jpg?v=1789360698');\n  background-size:cover;background-position:center;\n  position:relative;overflow:hidden;\n}\n.mach-s1__logo{\n  position:absolute;top:32%;left:9%;\n  width:26%;height:auto;\n}\n.mach-s1__titles{position:absolute;inset:0;pointer-events:none;}\n.mach-s1__product{\n  position:absolute;top:34%;pointer-events:auto;\n  line-height:1;\n}\n.mach-s1__product:first-child{right:49%;}\n.mach-s1__product:last-child{right:7.5%;}\n.mach-s1__name{\n  font-family:'gotham-medium','Gotham';font-weight:400;\n  font-size:clamp(12px,2vw,26px);\n  display:block;line-height:1;color:#fff;\n  letter-spacing:2px;\n}\n.mach-s1__series{\n  font-family:'gotham-book','Gotham';font-weight:400;\n  font-size:clamp(8px,1vw,13px);\n  display:block;letter-spacing:3px;text-transform:uppercase;color:#b7eaf8;margin-bottom:5px;\n}\n\n@media(max-width:768px){\n  .mach-s1{\n    background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-header-banner-mobile.jpg?v=1789458001');\n    aspect-ratio:1\/1;\n  }\n  .mach-s1__logo{position:static;display:block;margin:0 auto;padding-top:5%;width:30%;}\n  .mach-s1__product{top:34%;}\n  .mach-s1__product:first-child{right:auto;left:6%;}\n  .mach-s1__product:last-child{right:6%;}\n}\n\n\/* ── S2: Intelligent Comfort ── *\/\n.mach-s2{width:100%;background:#000;text-align:center;}\n.mach-s2__content{padding-top:100px;position:relative;z-index:2;}\n.mach-s2__title{\n  font-family:'gotham-medium','Gotham',sans-serif;font-weight:400;\n  font-size:clamp(30px,6vw,45px);line-height:1;\n  margin:0 auto 16px;width:max-content;max-width:100%;letter-spacing:-1px;\n}\n.mach-s2__title--gradient{\n  background:linear-gradient(178deg,#6d6d6d 5%,#ffffff 35%,#ffffff 55%,#888888 100%);\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n}\n.mach-s2__subtitle{\n  font-size:15px !important;color:#98969b;\n  margin:0 auto 48px !important;line-height:1.6;\n  font-weight:400 !important;max-width:560px;\n}\n.mach-s2 .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s2__main-img{width:100%;height:auto;display:block;}\n@media (min-width: 769px){\n  .mach-s2__main-img{margin:-10% auto 0;}\n}\n.mach-br-mobile{display:none;}\n@media (max-width: 768px){\n  .mach-br-mobile{display:block;}\n  .mach-s2__content{padding-top:60px;}\n  .mach-s2__subtitle{font-size:13px !important;}\n  .mach-s2 .mach-s2__subtitle{margin-bottom:0 !important;}\n}\n\n\/* ── S3: 4 Modes. 4 Motions. ── *\/\n.mach-s3{padding-top:6rem;padding-bottom:6rem;background:#000;text-align:center;}\n.mach-s3__header{margin-bottom:2rem;}\n.mxp-s5-img-wrap{position:relative;max-width:1100px;margin:0 auto 2rem;overflow:hidden;aspect-ratio:16\/9;}\n.mxp-s5-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.45s ease;}\n.mxp-s5-img.is-active{opacity:1;}\n.mxp-s5-tabs{display:inline-flex;justify-content:center;gap:0.25rem;margin-bottom:1rem;background:rgba(60,60,60,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;padding:5px;position:relative;}\n.mxp-s5-tab{padding:0.4rem 1.2rem;border-radius:30px;border:none;cursor:pointer;font-size:0.82rem;font-weight:600;font-family:'gotham-book','Gotham';background:transparent;color:#fff;transition:color .25s;position:relative;z-index:1;}\n.mxp-s5-tab.is-active{color:#000;}\n.mxp-s5-pill{position:absolute;top:5px;height:calc(100% - 10px);background:#fff;border-radius:30px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0;}\n.mxp-s5-panel{display:none;}\n.mxp-s5-panel.is-active{display:block;}\n.mxp-s5-panel-title{font-size:1.2rem !important;font-family:'gotham-medium','Gotham' !important;font-weight:700 !important;color:#fff !important;margin:0 0 4px !important;text-align:center !important;line-height:1.3 !important;}\n.mxp-s5-panel-desc{font-size:0.85rem !important;font-family:'gotham-book','Gotham' !important;color:#fff !important;line-height:1.3 !important;margin:0 !important;text-align:center !important;font-weight:400 !important;}\n.mach-s3 .mach-s2__title{margin-bottom:10px;}\n.mach-s3 .mach-s2__subtitle{margin-bottom:25px !important;}\n.mach-s3__header{margin-bottom:0;}\n@media (max-width: 1537px){.mxp-s5-img-wrap{max-width:800px;}}\n@media(max-width:900px){.mach-s3{padding-top:64px;padding-bottom:64px;}}\n@media(max-width:480px){.mxp-s5-img-wrap{max-width:100%;}}\n@media(max-width:400px){.mxp-s5-tab{padding:0.4rem 0.8rem;font-size:0.7rem;}}\n\n\/* ── S4: Choose Your Edge ── *\/\n.mach-s4{position:relative;width:100%;background:url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Chair-BG.jpg?v=1789371777') center\/cover no-repeat;overflow:hidden;}\n.mach-s4__header{text-align:center;padding:80px 20px 0;position:relative;z-index:2;}\n.mach-s4__header .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s4__row{display:flex;align-items:center;padding:70px 0 60px;}\n.mach-s4__side{\n  flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;\n  transition:transform 0.65s cubic-bezier(.4,0,.2,1);cursor:default;\n}\n.mach-s4__side--left{padding-right:60px;align-items:flex-end;text-align:right;}\n.mach-s4__side--right{padding-left:60px;align-items:flex-start;text-align:left;}\n.mach-s4__side-divider{width:100%;height:1px;background:rgba(255,255,255,0.25);margin:14px 0;}\n.mach-s4__stage{position:relative;max-width:450px;width:100%;flex-shrink:0;}\n.mach-s4__img--dawn{width:100%;height:auto;display:block;position:relative;z-index:1;pointer-events:none;user-select:none;}\n.mach-s4__img--dusk{\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;\n  z-index:2;clip-path:inset(0 0 0 50%);\n  transition:clip-path 0.65s cubic-bezier(.4,0,.2,1);\n  pointer-events:none;user-select:none;\n}\n.mach-s4__row.hover-left .mach-s4__img--dusk{clip-path:inset(0 0 0 99%);}\n.mach-s4__row.hover-right .mach-s4__img--dusk{clip-path:inset(0 0 0 1%);}\n.mach-s4__divider{\n  position:absolute;top:-20px;bottom:-20px;left:50%;width:2px;\n  background:rgba(255,255,255,0.35);transform:translateX(-50%);\n  z-index:4;pointer-events:none;\n  transition:left 0.65s cubic-bezier(.4,0,.2,1);\n}\n.mach-s4__row.hover-left .mach-s4__divider{left:99%;}\n.mach-s4__row.hover-right .mach-s4__divider{left:1%;}\n.mach-s4__zone{position:absolute;top:0;bottom:0;width:50%;z-index:5;cursor:pointer;}\n.mach-s4__zone--left{left:0;}\n.mach-s4__zone--right{right:0;}\n.mach-s4__row.hover-left .mach-s4__side--right{transform:translateX(20px);}\n.mach-s4__row.hover-right .mach-s4__side--left{transform:translateX(-20px);}\n.mach-s4__lname{display:block;font-family:'gotham-medium','Gotham';font-size:clamp(30px,6vw,45px);line-height:1;}\n.mach-s4__ldesc{display:block;font-size:15px;color:rgba(255,255,255,0.65);line-height:1.6;}\n@media(max-width:900px){\n  .mach-s4__row{padding:40px 0 60px;position:relative;justify-content:center;}\n  .mach-s4__stage{max-width:90%;position:relative;z-index:1;}\n  .mach-s4__side{\n    position:absolute;top:50%;z-index:10;\n    opacity:0;pointer-events:none;\n    transition:opacity 0.45s 0s cubic-bezier(.4,0,.2,1),transform 0.45s 0s cubic-bezier(.4,0,.2,1);\n  }\n  .mach-s4__side--left{left:0;right:30%;padding-right:12px;transform:translateY(-50%) translateX(-24px);}\n  .mach-s4__side--right{left:30%;right:0;padding-left:12px;transform:translateY(-50%) translateX(24px);}\n  .mach-s4__row.hover-left .mach-s4__side--left,\n  .mach-s4__row.hover-right .mach-s4__side--right{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;transition-delay:0.2s;}\n  .mach-s4__row.hover-left .mach-s4__side--right{transform:translateY(-50%) translateX(24px);}\n  .mach-s4__row.hover-right .mach-s4__side--left{transform:translateY(-50%) translateX(-24px);}\n  .mach-s4__side-divider{background:rgba(255,255,255,0.75);}\n  .mach-s4__ldesc{color:rgba(255,255,255,1);text-shadow:0 1px 8px rgba(0,0,0,0.55);}\n  .mach-s4__lname{filter:drop-shadow(0 1px 8px rgba(0,0,0,0.55));}\n}\n@media(max-width:768px){\n  .mach-s4__header{padding:60px 17px 0;}\n}\n\n\/* ── S5: A Fit That Works Both Ways ── *\/\n.mach-s5{width:100%;background:#000;text-align:center;padding:80px 0 0;}\n.mach-s5__header{padding:0 20px 0;}\n.mach-s5__header .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s5__stage{position:relative;max-width:900px;margin:0 auto;}\n.mach-s5__img{width:100%;height:auto;display:block;}\n.mach-s5__labels{position:absolute;inset:0;pointer-events:none;}\n.mach-s5__label{position:absolute;}\n.mach-s5__label-title{display:block;font-family:'gotham-medium','Gotham';font-size:clamp(9px,1.5vw,17px);color:#fff;line-height:1.2;margin-bottom:3px;}\n.mach-s5__label-desc{display:block;font-size:clamp(8px,1vw,13px);color:#c2e6fe;line-height:1.1;}\n.mach-s5__label--neck{left:50%;top:18%;transform:translateX(-50%);}\n.mach-s5__label--armrest{left:50%;top:45%;transform:translateX(-50%);}\n.mach-s5__frame-label{display:block;font-family:'gotham-medium','Gotham';font-size:clamp(9px,1vw,15px);color:#c2e6fe;letter-spacing:1px;text-transform:uppercase;}\n.mach-s5__label--larger{left:9%;bottom:15%;}\n.mach-s5__label--smaller{right:9%;bottom:15%;}\n@media(max-width:768px){\n  .mach-s5{padding:60px 0;}\n  .mach-s5__header{padding:0 17px 32px;}\n  .mach-s5__img{padding-left:10px;padding-right:3px;}\n  .mach-s5__label--smaller{right:10%;}\n  .mach-s5__label--armrest{left:51%;}\n}\n\n\/* ── S6: Dynamic Lumbar Support ── *\/\n.mach-s6{position:relative;width:100%;background:#000;}\n.mach-s6__img-wrap{position:relative;}\n.mach-s6__bg{display:block;width:100%;height:auto;}\n.mach-s6__boxes{position:absolute;top:50%;left:9%;width:20%;display:flex;flex-direction:column;gap:20px;transform:translateY(-50%);}\n.mach-s6__box-wrap{display:flex;flex-direction:column;}\n.mach-s6__box{border:1px solid #bebdc0;overflow:hidden;margin-bottom:10px;}\n.mach-s6__box-img{width:100%;height:auto;display:block;}\n.mach-s6__box-text{padding:4px 0;}\n.mach-s6__box-label{display:block;font-family:'gotham-medium','Gotham';font-size:14px;color:#fff;font-weight:700;line-height:1.3;margin-bottom:2px;}\n.mach-s6__box-desc{display:block;font-size:13px;color:#c2e6fe;line-height:1.3;}\n.mach-s6__box-desc--plain{color:rgba(255,255,255,0.75);}\n.mach-s6__pb{position:absolute;right:15.5%;bottom:29.4%;text-align:right;}\n.mach-s6__pb-title{display:block;font-family:'gotham-medium','Gotham';font-size:clamp(9px,0.9vw,14px);color:#fff;font-weight:700;}\n.mach-s6__pb-sub{display:block;font-size:clamp(7px,0.7vw,11px);color:#c2e6fe;}\n@media(min-width:1537px){.mach-s6__pb{right:16.5%;bottom:30%;}}\n@media(max-width:768px){\n  .mach-s6__boxes{position:static;width:100%;transform:none;padding:20px 17px;}\n  .mach-s6__pb{right:21.5%;bottom:29.7%;}\n}\n@media(max-width:460px){.mach-s6__pb{right:15.5%;bottom:28%;}.mach-s6__pb-title{font-size:2.2vw;}.mach-s6__pb-sub{font-size:1.7vw;}}\n\n\/* ── S7: Spinal Auto Stretch Mode ── *\/\n.mach-s7{width:100%;background:#000;padding-top:100px;}\n.mach-s7__stage{position:relative;width:100%;}\n.mach-s7__img{width:100%;height:auto;display:block;}\n.mach-s7__overlay{position:absolute;left:24.8%;bottom:11%;}\n.mach-s7__overlay-text{display:block;font-size:clamp(7px,0.9vw,14px);color:rgba(255,255,255,0.75);line-height:1.4;text-align:center;}\n@media(max-width:460px){.mach-s7__overlay{left:21.7%;bottom:7%;}.mach-s7__overlay-text{font-size:1.6vw;}}\n.mach-s7__text{text-align:center;padding:60px 20px;}\n.mach-s7__text .mach-s2__title{margin-bottom:16px;}\n.mach-s7__text .mach-s2__subtitle{margin-bottom:0 !important;}\n@media(max-width:768px){.mach-s7{padding-top:60px;}}\n\n\/* ── S8: Adaptive Head Support ── *\/\n.mach-s8{\n  padding-top:100px;padding-bottom:0;position:relative;overflow:hidden;\n  background:\n    linear-gradient(to right,#000 25%,transparent 65%),\n    url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s8-Neck-Pillow_BG.png?v=1789448148') right center\/cover no-repeat,\n    #000;\n}\n.mach-s8__grid{display:grid;grid-template-columns:2fr 3fr;gap:10px;align-items:center;}\n.mach-s8__content{padding-top:50px;padding-bottom:70px;z-index:10;}\n.mach-s8__label{font-family:'gotham-medium','Gotham';font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#88c8f6;display:block;margin-bottom:10px;}\n.mach-s8__chair{height:100%;display:flex;align-items:flex-end;justify-content:center;}\n.mach-s8__chair img{width:auto;object-fit:contain;display:block;max-height:600px;}\n.mach-s8__features{list-style:none;margin:40px 0 0 0;padding:0;display:flex;flex-direction:column;}\n.mach-s8__feature{display:flex;gap:18px;align-items:center;padding:10px 0;position:relative;}\n.mach-s8__feature:first-child{padding-top:0;}\n.mach-s8__feature:last-child{padding-bottom:0;}\n.mach-s8__feature+.mach-s8__feature::before{content:'';position:absolute;top:0;left:10px;right:0;height:0.5px;background:rgba(255,255,255,0.2);max-width:375px;}\n.mach-s8__feat-icon{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}\n.mach-s8__feat-title{font-family:'gotham-medium','Gotham';font-size:15px;display:block;margin-bottom:2px;color:#fff;}\n.mach-s8__feat-desc{font-size:13px;color:rgba(255,255,255,0.5);display:block;line-height:1.1;}\n.mach-s8__title{\n  font-family:'gotham-medium','Gotham';font-weight:400;\n  font-size:clamp(30px,4vw,45px);line-height:1;\n  width:max-content;margin-bottom:18px !important;margin-top:0 !important;padding-bottom:2.2px;\n  background:linear-gradient(133deg,#6d6d6d 10%,#ffffff 50%,#888888 100%);\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n}\n@media(max-width:1367px){\n  .mach-s8__content{padding-bottom:50px;padding-top:50px;}\n}\n@media(max-width:900px){\n  .mach-s8{\n    padding-top:64px;padding-bottom:64px;\n    background:\n      linear-gradient(to bottom,#000 50%,transparent 65%),\n      url('https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s8-Neck-Pillow_BG.png?v=1789448148') center bottom\/130% auto no-repeat,\n      #000;\n  }\n  .mach-s8__grid{grid-template-columns:1fr;}\n  .mach-s8__content{padding-top:0;}\n}\n@media(max-width:480px){\n  .mach-s8{padding-bottom:0;}\n}\n@media(max-width:361px){\n  .mach-s8{padding-top:52px;}\n}\n\n\/* ── S9: Move Freely, Work Sweat-Free ── *\/\n.mach-s9{width:100%;background:#000;padding-top:100px;}\n.mach-s9__text{text-align:center;padding:0 20px 60px;}\n.mach-s9__subtitle{font-size:15px !important;color:#98969b;margin:0 auto !important;line-height:1.6;font-weight:400 !important;max-width:560px;}\n.mach-s9__subtitle strong{font-family:'gotham-medium','Gotham';color:#fff;font-weight:400;}\n.mach-s9__video{width:100%;height:auto;display:block;}\n@media(max-width:768px){.mach-s9{padding-top:60px;}.mach-s9__subtitle{font-size:13px !important;}}\n\n\/* ── S10: Support That Moves With You ── *\/\n.mach-s10{width:100%;background:#000;padding-top:100px;}\n.mach-s10__text{text-align:center;padding:0 20px 60px;}\n.mach-s10__text .mach-s2__subtitle{margin-bottom:0 !important;}\n.mach-s10__stage{position:relative;width:100%;}\n.mach-s10__bg{width:100%;height:auto;display:block;}\n.mach-s10__overlay{position:absolute;inset:0;display:flex;align-items:center;}\n.mach-s10__boxes{display:flex;flex-direction:column;width:50%;}\n.mach-s10__box{display:flex;gap:28px;align-items:center;padding:40px 0;}\n.mach-s10__box-img{border-radius:15px;border:1px solid #c2e6fe;box-shadow:0 4px 24px rgba(0,0,0,0.55);width:45%;height:auto;flex-shrink:0;display:block;object-fit:cover;}\n.mach-s10__box-title{display:block;font-family:'gotham-medium','Gotham';font-size:clamp(14px,1.2vw,20px);color:#fff;margin-bottom:4px;}\n.mach-s10__box-desc{display:block;font-size:13px;color:rgba(255,255,255,0.7);line-height:1.4;}\n.mach-s10__divider{width:100%;height:0.5px;background:rgba(255,255,255,0.3);}\n.mach-s10__mobile-img{display:none;width:100%;height:auto;}\n@media(max-width:768px){\n  .mach-s10{padding-top:60px;}\n  .mach-s10__text{padding:0 20px 40px;}\n  .mach-s10__overlay{position:static;padding-bottom:20px;}\n  .mach-s10__boxes{width:100%;}\n  .mach-s10__bg{display:none;}\n  .mach-s10__box{gap:20px;padding:20px 0;}\n  .mach-s10__mobile-img{display:block;padding-bottom:60px;}\n}\n\n\/* ── S11 Closing Banner ── *\/\n.mach-s11{width:100%;background:#000;}\n.mach-s11__stage{position:relative;width:100%;}\n.mach-s11__bg{width:100%;height:auto;display:block;}\n.mach-s11__logo{position:absolute;top:10%;left:0;right:0;margin:auto;width:24%;height:auto;display:block;}\n.mach-s11__footer{position:absolute;bottom:0;left:0;right:0;padding-bottom:32px;padding-left:20px;padding-right:20px;}\n.mach-s11__footer .page-width{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}\n.mach-s11__tagline{font-size:14px !important;color:#fff !important;line-height:1.5 !important;text-align:left !important;margin:0 !important;font-weight:400 !important;}\n.mach-s11__btns{display:flex;gap:12px;align-items:center;flex-shrink:0;}\n@media(max-width:900px){\n  .mach-s11__footer{position:relative;padding:0 0 24px;}\n  .mach-s11__footer .page-width{justify-content:center;flex-direction:column;align-items:center;gap:20px;}\n  .mach-s11__tagline{text-align:center !important;}\n  .mach-s11__logo{top:20px;}\n}\n@media(max-width:460px){\n  .mach-s11__logo{top:10px;width:30%;}\n}\n@media(max-width:480px){\n  .mach-s11__footer .page-width{flex-direction:column;gap:20px;align-items:center;}\n}\n\n\/* ── S12 Specs ── *\/\n.mxp-s7{padding-top:80px;padding-bottom:80px;background:#080813;}\n.mxp-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding: 0 1px;}\n.mxp-spec{\n  background:#141414;\n  border-radius:32px;\n  padding:32px 24px 24px;\n  border:1px solid rgba(255,255,255,0.4);\n  transition:opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n  cursor:pointer;\n  aspect-ratio: 5\/4;\n  position:relative;\n}\n.mxp-specs-grid:hover .mxp-spec{\n  opacity:0.5;\n}\n.mxp-specs-grid .mxp-spec:hover{\n  opacity:1;\n  background:#000e33;\n  border-color:rgba(255,255,255,0.4);\n}\n.mxp-spec.hl{background:#6e0000;}\n.mxp-spec-title{\n  font-family:'gotham-medium','Gotham';\n  font-size: clamp(26px, 2.5vw, 35px);\n  line-height:1;margin-bottom:16px;\n}\n.mxp-spec-desc{\n  font-size:14px;color:#fff;line-height:1.2;\n}\n\n@media (max-width: 1281px){\n  .mxp-spec{aspect-ratio: auto;}\n  .mxp-spec-title{font-size: clamp(20px, 2vw, 37px);}\n  .mxp-spec-desc{width:85%;}\n}\n@media(max-width:900px){\n  .mxp-spec-title{font-size: clamp(26px, 2.5vw, 35px);}\n  .mxp-specs-grid{grid-template-columns:repeat(2,1fr);}\n  .mxp-spec{aspect-ratio: auto;}\n}\n@media(max-width:480px){\n  .mxp-specs-grid:hover .mxp-spec:not(.mxp-spec-in){opacity:0;}\n  .mxp-specs-grid:hover .mxp-spec.mxp-spec-in{opacity:1;}\n  .mxp-specs-grid .mxp-spec:hover{background:#141414;border-color:rgba(255,255,255,0.4);}\n  .mxp-spec{\n    transform:translateX(-60px);\n    opacity:0;\n    transition:transform 0.7s ease-out,opacity 0.7s ease-out;\n  }\n  .mxp-spec.mxp-spec-in{\n    transform:translateX(0);\n    opacity:1;\n  }\n  .mxp-specs-grid{grid-template-columns:1fr;}\n  .mxp-s7 .mxp-pw{padding:0;}\n}\n@media (max-width: 361px){\n  .mxp-s7{padding-top: 52px;}\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"mxp-pdp\"\u003e\n\n\u003c!-- S1: Hero --\u003e\n\u003cdiv class=\"mach-s1\"\u003e\n  \u003cimg class=\"mach-s1__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Logo.png?v=1789360697\" alt=\"Mach logo\" width=\"180\" height=\"auto\"\u003e\n  \u003cdiv class=\"mach-s1__titles\"\u003e\n    \u003cdiv class=\"mach-s1__product image-animate-top\"\u003e\n      \u003cspan class=\"mach-s1__series\"\u003eSERI\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDUSK\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s1__product image-animate-top\"\u003e\n      \u003cspan class=\"mach-s1__series\"\u003eSERI\u003c\/span\u003e\n      \u003cspan class=\"mach-s1__name\"\u003eDAWN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S2: Intelligent Comfort --\u003e\n\u003cdiv class=\"mach-s2\"\u003e\n  \u003cdiv class=\"mach-s2__content page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eKenyamanan Cerdas. \u003cbr class=\"mach-br-mobile\"\u003eMenyesuaikan Denganmu.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eMACH mengikuti setiap gerakanmu dengan pengaturan presisi pada sandaran kepala, sandaran tangan, rebah, dan penyangga pinggang. Baik saat fokus maupun beristirahat, sistem dukungan responsif ini menghadirkan kenyamanan optimal secara mudah di seluruh tubuh.\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\/mach-pdp-s2-ENG.jpg?v=1789362797\" alt=\"Intelligent Comfort. Adapts To You.\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- S3: 4 Modes. 4 Motions. --\u003e\n\u003cdiv class=\"mach-s3\"\u003e\n  \u003cdiv class=\"page-width image-animate-top mach-s3__header\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003e4 Mode. 4 Posisi.\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eKursimu, rutinitasmu.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"page-width image-animate-top\"\u003e\n    \u003cdiv class=\"mxp-s5-img-wrap\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-90-degree.png?v=1789374462\" class=\"mxp-s5-img is-active\" alt=\"Focus Mode 90°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-115-degree.png?v=1789374388\" class=\"mxp-s5-img\" alt=\"Chill Mode 115°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-140-degree.png?v=1789374565\" class=\"mxp-s5-img\" alt=\"Immerse Mode 140°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-165-degree.png?v=1789374619\" class=\"mxp-s5-img\" alt=\"Recharge Mode 165°\" width=\"1100\" height=\"619\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-tabs\"\u003e\n      \u003cdiv class=\"mxp-s5-pill\"\u003e\u003c\/div\u003e\n      \u003cbutton class=\"mxp-s5-tab is-active\" data-idx=\"0\"\u003eMode Focus\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"1\"\u003eMode Chill\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"2\"\u003eMode Immerse\u003c\/button\u003e\n      \u003cbutton class=\"mxp-s5-tab\" data-idx=\"3\"\u003eMode Recharge\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel is-active\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e90°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eFokus mendalam \u0026amp; pekerjaan detail\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e115°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003ePekerjaan santai \u0026amp; relaksasi\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e140°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eStreaming \u0026amp; gaming\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mxp-s5-panel\"\u003e\n      \u003cp class=\"mxp-s5-panel-title\"\u003e165°\u003c\/p\u003e\n      \u003cp class=\"mxp-s5-panel-desc\"\u003eIstirahat \u0026amp; relaksasi\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S4: Choose Your Edge --\u003e\n\u003cdiv class=\"mach-s4\"\u003e\n  \u003cdiv class=\"mach-s4__header image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePilih Gayamu\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eDirancang untuk bergerak, hadir dengan gaya pilihanmu.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s4__row image-animate-top\" id=\"machS4Row\"\u003e\n    \u003cdiv class=\"mach-s4__side mach-s4__side--left\" id=\"machS4LeftSide\"\u003e\n      \u003cspan class=\"mach-s4__lname mach-s2__title--gradient\"\u003eSeri Dawn\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eTampilan lembut dan cerah untuk\u003cbr\u003e suasana kerja yang tenang dan santai\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s4__stage\" id=\"machS4Stage\"\u003e\n      \u003cimg class=\"mach-s4__img--dawn\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach_DAWN.png?v=1789371835\" alt=\"MACH Dawn Series\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n      \u003cimg class=\"mach-s4__img--dusk\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach_Dusk.png?v=1789371789\" alt=\"MACH Dusk Series\" width=\"1440\" height=\"900\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mach-s4__divider\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mach-s4__zone mach-s4__zone--left\" id=\"machS4Left\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mach-s4__zone mach-s4__zone--right\" id=\"machS4Right\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s4__side mach-s4__side--right\" id=\"machS4RightSide\"\u003e\n      \u003cspan class=\"mach-s4__lname mach-s2__title--gradient\"\u003eSeri Dusk\u003c\/span\u003e\n      \u003cdiv class=\"mach-s4__side-divider\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"mach-s4__ldesc\"\u003eTampilan gelap dan tegas untuk\u003cbr\u003e kamu yang ingin tampil maksimal\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S5: A Fit That Works Both Ways --\u003e\n\u003cdiv class=\"mach-s5\"\u003e\n  \u003cdiv class=\"mach-s5__header page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003ePas untuk Berbagai Bentuk Tubuh\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eDukungan yang dapat disesuaikan untuk tubuh besar maupun kecil.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s5__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s5__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s4-main-pic.jpg?v=1789377202\" alt=\"A Fit That Works Both Ways\" width=\"900\" height=\"600\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s5__labels\"\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--neck\"\u003e\n        \u003cspan class=\"mach-s5__label-title\"\u003ePengaturan Bantal Leher\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eAtur ke ketinggian idealmu.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--armrest\"\u003e\n        \u003cspan class=\"mach-s5__label-title\"\u003eSandaran Tangan \u003cbr\u003eyang Dapat Disesuaikan\u003c\/span\u003e\n        \u003cspan class=\"mach-s5__label-desc\"\u003eGeser ke luar untuk tubuh\u003cbr\u003elebih lebar, atau ke dalam\u003cbr\u003euntuk tubuh lebih ramping.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--larger\"\u003e\n        \u003cspan class=\"mach-s5__frame-label\"\u003eTubuh Lebih Besar\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s5__label mach-s5__label--smaller\"\u003e\n        \u003cspan class=\"mach-s5__frame-label\"\u003eTubuh Lebih Kecil\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S6: Dynamic Lumbar Support --\u003e\n\u003cdiv class=\"mach-s6 image-animate-top\"\u003e\n  \u003cdiv class=\"mach-s6__img-wrap\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-s5-bg-ID-mobile-new.jpg?v=1789546983\"\u003e\n      \u003cimg class=\"mach-s6__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-s5-bg-ID-new.jpg?v=1789546983\" alt=\"Dynamic Lumbar Support\" width=\"1917\" height=\"1281\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n    \u003cdiv class=\"mach-s6__pb\"\u003e\n      \u003cspan class=\"mach-s6__pb-title\"\u003ePower Bank\u003c\/span\u003e\n      \u003cspan class=\"mach-s6__pb-sub\"\u003e*power bank tidak termasuk\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s6__boxes\"\u003e\n    \u003cdiv class=\"mach-s6__box-wrap image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s6__box\"\u003e\n        \u003cimg class=\"mach-s6__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s5-Box-1.png?v=1789379561\" alt=\"Powered by a power bank\" width=\"260\" height=\"180\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s6__box-text\"\u003e\n        \u003cspan class=\"mach-s6__box-label\"\u003eMenggunakan power bank\u003c\/span\u003e\n        \u003cspan class=\"mach-s6__box-desc\"\u003eTanpa stopkontak. Tanpa kabel berantakan\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mach-s6__box-wrap image-animate-top\"\u003e\n      \u003cdiv class=\"mach-s6__box\"\u003e\n        \u003cimg class=\"mach-s6__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3340\/8406\/files\/mach-s5-Box-2.png?v=1789379561\" alt=\"Electric lumbar support\" width=\"260\" height=\"180\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s6__box-text\"\u003e\n        \u003cspan class=\"mach-s6__box-desc mach-s6__box-desc--plain\"\u003ePenyangga pinggang elektrik menghadirkan pengaturan presisi langsung dalam kendalimu\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S7: Spinal Auto Stretch Mode --\u003e\n\u003cdiv class=\"mach-s7\"\u003e\n  \u003cdiv class=\"mach-s7__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s7__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-s6-mainpic-ID.jpg?v=1789546989\" alt=\"Spinal Auto Stretch Mode\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s7__overlay\"\u003e\n      \u003cspan class=\"mach-s7__overlay-text\"\u003eNikmati lima menit \u003cbr\u003epijatan lembut.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s7__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eMode Peregangan Punggung Otomatis\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eCukup tekan sekali dan penyangga pinggang elektrik akan otomatis bergerak naik turun mengikuti punggungmu. Ideal untuk membantu meredakan rasa pegal dengan cepat, tanpa perlu beranjak dari kursi.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S8: Adaptive Head Support --\u003e\n\u003csection class=\"mach-s8 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mach-s8__grid\"\u003e\n      \u003cdiv class=\"mach-s8__content\"\u003e\n        \u003cdiv class=\"image-animate-top\"\u003e\n          \u003cspan class=\"mach-s8__label\"\u003eDukungan Kepala Adaptif\u003c\/span\u003e\n          \u003ch2 class=\"mach-s8__title\"\u003eTetap Fokus \u003cbr\u003edalam Permainan\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"mach-s8__features image-animate-top\"\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/icon-magnetic.png?v=1778832727\" alt=\"\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003eBantal Leher Magnetik\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eMudah disesuaikan, tetap terpasang dengan aman.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-icon2.png?v=1789446465\" alt=\"\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003ePenyesuaian vertikal 25 cm\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eCocok untuk rentang tinggi badan yang lebih luas.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"mach-s8__feature\"\u003e\n            \u003cdiv class=\"mach-s8__feat-icon\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-icon3-resized.png?v=1789447498\" alt=\"\" width=\"60\" height=\"60\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong class=\"mach-s8__feat-title\"\u003ePIVOTHEAD™ Kemiringan 15°\u003c\/strong\u003e\n              \u003cspan class=\"mach-s8__feat-desc\"\u003eMiring secara alami mengikuti posturmu.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mach-s8__chair image-animate-top\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-Neck-PillowINDO.png?v=1789547119\" alt=\"Magnetic Neck Pillow\" width=\"600\" height=\"800\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- S9: Move Freely, Work Sweat-Free --\u003e\n\u003cdiv class=\"mach-s9\"\u003e\n  \u003cdiv class=\"mach-s9__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eBergerak Bebas, Tetap Sejuk Saat Bekerja\u003c\/h2\u003e\n    \u003cp class=\"mach-s9__subtitle\"\u003e\u003cstrong style=\"color:#c2e6fe;\"\u003eKain Flex Threads\u003c\/strong\u003e ─ Dirancang agar terasa ringan, menjaga sirkulasi udara, dan mengikuti setiap gerakanmu dengan nyaman.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cvideo class=\"mach-s9__video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6934cdbfd83e4918bd77fee8a55bd576.mp4\" autoplay muted loop playsinline\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- S10: Support That Moves With You --\u003e\n\u003cdiv class=\"mach-s10\"\u003e\n  \u003cdiv class=\"mach-s10__text page-width image-animate-top\"\u003e\n    \u003ch2 class=\"mach-s2__title mach-s2__title--gradient\"\u003eDukungan yang Mengikuti Gerakmu\u003c\/h2\u003e\n    \u003cp class=\"mach-s2__subtitle\"\u003eSandaran tangan 4D MACH dapat disesuaikan dengan postur dan aktivitasmu, menjaga lengan serta bahu tetap tertopang saat bekerja, gaming, maupun berkreasi.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mach-s10__stage image-animate-top\"\u003e\n    \u003cimg class=\"mach-s10__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-image.jpg?v=1789448783\" alt=\"Support That Moves With You\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s10__overlay page-width\"\u003e\n      \u003cdiv class=\"mach-s10__boxes image-animate-top\"\u003e\n        \u003cdiv class=\"mach-s10__box\"\u003e\n          \u003cimg class=\"mach-s10__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-BOX-2.png?v=1789448484\" alt=\"Desk Mode\" width=\"300\" height=\"200\" loading=\"lazy\"\u003e\n          \u003cdiv\u003e\n            \u003cstrong class=\"mach-s10__box-title\"\u003eMode Meja\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003ePosisi sejajar untuk bekerja \u003cbr class=\"d-none d-md-block\"\u003edengan fokus dan nyaman \u003cbr class=\"d-none d-md-block\"\u003esepanjang hari.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mach-s10__divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"mach-s10__box\"\u003e\n          \u003cimg class=\"mach-s10__box-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-BOX-1.png?v=1789448485\" alt=\"Mobile Mode\" width=\"300\" height=\"200\" loading=\"lazy\"\u003e\n          \u003cdiv\u003e\n            \u003cstrong class=\"mach-s10__box-title\"\u003eMode Mobile\u003c\/strong\u003e\n            \u003cspan class=\"mach-s10__box-desc\"\u003ePosisi lebih dekat untuk \u003cbr class=\"d-none d-md-block\"\u003ebermain dengan lebih \u003cbr class=\"d-none d-md-block\"\u003estabil dan santai..\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cimg class=\"mach-s10__mobile-img image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s10-image-mobile-new.jpg?v=1789457908\" alt=\"Support That Moves With You\" width=\"768\" height=\"600\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- S11: Closing Banner --\u003e\n\u003cdiv class=\"mach-s11\"\u003e\n  \u003cdiv class=\"mach-s11__stage\"\u003e\n    \u003cimg class=\"mach-s11__bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/mach-s11-Last-Banner-resized.jpg?v=1789453396\" alt=\"MACH Active Tech Chair\" width=\"1440\" height=\"810\" loading=\"lazy\"\u003e\n    \u003cimg class=\"mach-s11__logo image-animate-top\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2021\/9723\/files\/Mach-Logo2.png?v=1789450460\" alt=\"MACH logo\" width=\"200\" height=\"80\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"mach-s11__footer image-animate-top\"\u003e\n      \u003cdiv class=\"page-width\"\u003e\n        \u003cp class=\"mach-s11__tagline\"\u003eMACH memadukan pengaturan presisi pada \u003cbr class=\"d-none d-md-block\"\u003esandaran kepala, sandaran tangan, rebahan, dan \u003cbr class=\"d-none d-md-block\"\u003epenyangga pinggang untuk kenyamanan yang menyesuaikan.\u003c\/p\u003e\n        \u003cdiv class=\"mach-s11__btns\"\u003e\n          \u003cform action=\"\/cart\/add\" method=\"post\"\u003e\n            \u003cinput type=\"hidden\" name=\"id\" value=\"48817672913141\"\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  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003cdiv class=\"mxp-s7-pin\"\u003e\n\u003csection class=\"mxp-s7 page-width\"\u003e\n  \u003cdiv class=\"mxp-pw\"\u003e\n    \u003cdiv class=\"mxp-specs-grid image-animate-top\"\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eRebah\u003cbr\u003e165°\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eKenyamanan yang terasa ringan saat mobile gaming maupun bersantai\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eHidrolik SGS\u003cbr\u003eClass 4\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eStabil dan tahan lama, bahkan pada ketinggian kursi maksimum.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eDudukan Terbuka\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eLebih banyak ruang untuk bebas mengubah posisi duduk\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mxp-spec\"\u003e\n        \u003cdiv class=\"mxp-spec-title\"\u003eRoda PU\u003c\/div\u003e\n        \u003cdiv class=\"mxp-spec-desc\"\u003eDirancang untuk bergerak mulus dan aman bagi lantai\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\u003cscript\u003e\n  (function(){\n    var stage = document.getElementById('machS4Stage');\n    if(!stage) return;\n    var row = document.getElementById('machS4Row');\n    var leftZone = document.getElementById('machS4Left');\n    var rightZone = document.getElementById('machS4Right');\n    var leftSide = document.getElementById('machS4LeftSide');\n    var rightSide = document.getElementById('machS4RightSide');\n    function setHover(side){\n      row.classList.remove('hover-left','hover-right');\n      if(side) row.classList.add('hover-'+side);\n    }\n    leftZone.addEventListener('mouseenter', function(){ setHover('left'); });\n    rightZone.addEventListener('mouseenter', function(){ setHover('right'); });\n    leftSide.addEventListener('mouseenter', function(){ setHover('left'); });\n    rightSide.addEventListener('mouseenter', function(){ setHover('right'); });\n    leftSide.addEventListener('mouseleave', function(){ setHover(null); });\n    rightSide.addEventListener('mouseleave', function(){ setHover(null); });\n    row.addEventListener('mouseleave', function(){ setHover(null); });\n    var touchStartY = 0, touchStartX = 0;\n    document.addEventListener('touchstart', function(e){ touchStartY = e.touches[0].clientY; touchStartX = e.touches[0].clientX; }, {passive:true});\n    function isVerticalScroll(e){\n      var dy = Math.abs(e.changedTouches[0].clientY - touchStartY);\n      var dx = Math.abs(e.changedTouches[0].clientX - touchStartX);\n      return dy \u003e dx \u0026\u0026 dy \u003e 10;\n    }\n    leftZone.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('left'); });\n    rightZone.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('right'); });\n    leftSide.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('left'); });\n    rightSide.addEventListener('touchend', function(e){ if(!isVerticalScroll(e)) setHover('right'); });\n    document.addEventListener('touchend', function(e){ if(!row.contains(e.target)) setHover(null); });\n  })();\n\n  (function(){\n    var s3tabs = document.querySelectorAll('.mach-s3 .mxp-s5-tab');\n    var s3imgs = document.querySelectorAll('.mach-s3 .mxp-s5-img');\n    var s3panels = document.querySelectorAll('.mach-s3 .mxp-s5-panel');\n    var s3pill = document.querySelector('.mach-s3 .mxp-s5-pill');\n    if(!s3pill) return;\n    function moveS3Pill(tab){ s3pill.style.left = tab.offsetLeft+'px'; s3pill.style.width = tab.offsetWidth+'px'; }\n    document.fonts.ready.then(function(){ moveS3Pill(document.querySelector('.mach-s3 .mxp-s5-tab.is-active')); });\n    s3tabs.forEach(function(tab){\n      tab.addEventListener('click', function(){\n        var idx = +this.getAttribute('data-idx');\n        s3tabs.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        s3imgs.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        s3panels.forEach(function(t,i){ t.classList.toggle('is-active',i===idx); });\n        moveS3Pill(tab);\n      });\n    });\n  })();\n\n  if(window.innerWidth \u003c= 480){\n    document.querySelector('.mxp-specs-grid').classList.remove('image-animate-top');\n    function mxpInitSpecs(){\n      gsap.registerPlugin(ScrollTrigger);\n      var specs = document.querySelectorAll('.mxp-spec');\n      gsap.set(specs, {x: -60, opacity: 0});\n      var tl = gsap.timeline({paused: true});\n      var hlBg = '#000e33', hlBorder = 'rgba(255,255,255,0.4)';\n      var normBg = '#141414', normBorder = 'rgba(255,255,255,0.4)';\n      specs.forEach(function(spec, i) {\n        if (i \u003e 0) {\n          tl.to(Array.from(specs).slice(0, i), {\n            opacity: 0.5, backgroundColor: normBg, borderColor: normBorder, duration: 0.2\n          });\n        }\n        tl.to(spec, {\n          x: 0, opacity: 1, backgroundColor: hlBg, borderColor: hlBorder,\n          duration: 0.4, ease: 'power2.out'\n        }, i \u003e 0 ? '\u003c' : undefined);\n      });\n      var mxpSnapTimer;\n      ScrollTrigger.create({\n        trigger: '.mxp-specs-grid',\n        start: 'top 40%',\n        end: 'bottom 45%',\n        scrub: true,\n        animation: tl,\n        onUpdate: function(self) {\n          clearTimeout(mxpSnapTimer);\n          mxpSnapTimer = setTimeout(function() {\n            var nearest = Math.round(self.progress * specs.length) \/ specs.length;\n            gsap.to(tl, {totalProgress: nearest, duration: 0.35, ease: 'power1.inOut', overwrite: true});\n          }, 150);\n        }\n      });\n    }\n    var s1 = document.createElement('script');\n    s1.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js';\n    s1.onload = function(){\n      var s2 = document.createElement('script');\n      s2.src = 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js';\n      s2.onload = mxpInitSpecs;\n      document.head.appendChild(s2);\n    };\n    document.head.appendChild(s1);\n  }\n\n\u003c\/script\u003e\n","brand":"TTRacing","offers":[{"title":"Dusk","offer_id":48817672913141,"sku":"TTRMACH-001","price":7910000.0,"currency_code":"IDR","in_stock":true},{"title":"Dawn","offer_id":48817672945909,"sku":"TTRMACH-002","price":7910000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/mach-dusk-360-2.png?v=1788853824"},{"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, 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=\"48817694245109\"\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":48817694245109,"sku":"TTRTLVOACTDSK-001-OX","price":8250000.0,"currency_code":"IDR","in_stock":true},{"title":"L (160 x 78 cm)","offer_id":48817694277877,"sku":"TTRTLVOACTDSK-002-OX","price":8790000.0,"currency_code":"IDR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/5698\/4053\/files\/tilvo-onyx-M-2.png?v=1789462030"},{"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\/collections\/teknologi-aktif.oembed","provider":"TTRacing Indonesia","version":"1.0","type":"link"}