.tr,.hx{--tr-tap: #f2a93b;--tr-net: #5aa9f0;--tr-nav: #c9a06a;--tr-ai: #b49cf5;--tr-err: #f0645a}:root[data-palette=bright] :is(.tr,.hx){--tr-tap: #935c00;--tr-net: #1f68b0;--tr-nav: #7a5a2c;--tr-ai: #5f45b8;--tr-err: #b8342a}.tr{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.b-hero-stage.tr-hero-stage>.b-hero{max-width:min(1520px,max(var(--max),88vw));padding-top:clamp(40px,7vh,96px);padding-bottom:clamp(48px,8vh,112px)}.hx{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,780px);gap:clamp(32px,3.2vw,56px);align-items:center}.tr-hero-stage .tr-h1{max-width:10ch;text-wrap:balance}.b-hero-stage.tr-hero-stage .tr-h1{font-size:clamp(44px,4.6vw,88px);margin-top:0}.hx .tr-hero-tv{margin-bottom:0}.hx .b-sub{text-wrap:pretty}.hx .tr-hero-tv a{white-space:nowrap}.hx-lead{margin:0 0 10px;font-size:15px;color:var(--ink-2)}.hx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.hx-tab{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--hair);background:transparent;color:var(--ink-2);font:inherit;font-size:15px;font-weight:500;cursor:pointer}.hx-tab:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--hx-k)}.hx-tab:hover{border-color:var(--ink-3);color:var(--ink)}.hx-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.hx-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hx-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);border:1px solid var(--hair);border-radius:18px;background:var(--bg-2);overflow:hidden}.hx-cards{display:grid;container-type:inline-size}.hx-cards>.hx-card{grid-area:1 / 1}.hx-card[data-off]{visibility:hidden}.hx-screen{position:relative;margin:0;min-height:380px;container-type:size;background:var(--bg-3);border-right:1px solid var(--hair)}.hx-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hx-circle{position:absolute;left:29cqh;top:43cqh;width:23cqh;height:34cqh;border:2px solid #e5484d;border-radius:50%}.hx-screen figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#080a0ec7;color:#f1f5fc;font-size:12.5px;font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hx-info{display:flex;flex-direction:column;padding:26px 28px 24px;min-width:0}.hx-badge{margin:0;font-size:14px;font-weight:500;color:var(--hx-k)}.hx-title{margin:10px 0 0;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}.hx-meta{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--ink-3)}.hx-trail{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:11px}.hx-trail li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:22px}.hx-trail li:before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:50%;background:var(--hx-dot)}.hx-trail li:not(:last-child):after{content:"";position:absolute;left:4px;top:19px;bottom:-7px;width:1px;background:var(--hair)}.hx-when{font-family:var(--fnt-mono);font-size:12px;color:var(--ink-3)}.hx-when b{margin-left:6px;font-weight:500;color:var(--hx-dot)}.hx-what{font-size:15px;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}.hx-attached{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:18px 0 0;list-style:none;font-size:13px}.hx-attached li{padding:4px 10px;border:1px solid var(--hair);border-radius:6px;color:var(--ink-2)}@container (max-width: 720px){.hx-card{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.hx-info{padding:22px 22px 20px}.hx-title{font-size:17px}.hx-meta{font-size:13px;gap:2px 12px}}@media(max-width:1180px){.hx{grid-template-columns:minmax(0,1fr)}.tr-hero-stage .tr-h1{max-width:12ch}}@media(max-width:760px){.b-hero-stage.tr-hero-stage>.b-hero{padding-top:44px;padding-bottom:40px}}@media(max-width:640px){.hx-card{grid-template-columns:minmax(0,1fr)}.hx-screen{min-height:0;aspect-ratio:16 / 10;border-right:0;border-bottom:1px solid var(--hair)}.hx-info{padding:22px 20px 20px}}.tr .k-tap{color:var(--tr-tap)}.tr .k-net{color:var(--tr-net)}.tr .k-nav{color:var(--tr-nav)}.tr .k-ai{color:var(--tr-ai)}.tr .k-err{color:var(--tr-err)}.tr-head{padding-block:32px 18px;border-bottom:1px solid var(--hair)}.tr-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;line-height:1.1;margin:0;font-weight:600;color:var(--ink)}.tr-trail{list-style:none;margin:0;padding:0}.tr-ev{padding-block:clamp(48px,6vw,80px);border-bottom:1px solid var(--hair)}.tr-body{display:grid;gap:22px;min-width:0}.tr-body h3{font-size:clamp(32px,4.2vw,56px);line-height:1;letter-spacing:-.045em;font-weight:600;margin:0;text-wrap:balance;color:var(--ink)}.tr-body p{margin:0;color:var(--ink-2);max-width:60ch;font-size:17px;line-height:1.6}.tr-body .tr-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 -10px;font-size:14px;font-weight:500;color:var(--ink-3)}.tr-body .tr-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tr-tap)}.tr-body .tr-label.k-net:before{background:var(--tr-net)}.tr-body .tr-label.k-nav:before{background:var(--tr-nav)}.tr-body .tr-label.k-ai:before{background:var(--tr-ai)}.tr-body .tr-label.k-err:before{background:var(--tr-err)}.tr-body .tr-cap{font-size:14px;color:var(--ink-3)}.tr-body .tr-cap code{font:500 13px var(--fnt-mono);color:var(--ink-2)}.tr-chip{justify-self:start;font:600 11px/1 var(--fnt-mono);letter-spacing:.06em;padding:6px 10px;border-radius:7px;border:1px solid currentColor}.tr-shot{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--hair);background:var(--bg-3)}.tr-shot img{display:block;width:100%;height:auto}.tr-tabs{display:flex;flex-wrap:wrap;gap:8px}.tr-tab,.tr-sdk-tab{all:unset;box-sizing:border-box;cursor:pointer;font:500 14px var(--fnt);padding:8px 14px;border-radius:999px;border:1px solid var(--hair);color:var(--ink-2);transition:border-color .2s,color .2s,background-color .2s}.tr-tab:hover,.tr-sdk-tab:hover{color:var(--ink);border-color:color-mix(in oklab,var(--tr-tap) 45%,var(--hair))}.tr-tab:focus-visible,.tr-sdk-tab:focus-visible{outline:2px solid var(--tr-tap);outline-offset:2px}.tr-tab[aria-selected=true],.tr-sdk-tab[aria-selected=true]{color:var(--ink);border-color:var(--tr-tap);background:color-mix(in oklab,var(--tr-tap) 10%,transparent)}.tr-seq{position:relative;height:230vh}.tr-seq[hidden]{display:none}.tr-seq-stage{position:sticky;top:84px;display:grid;gap:14px}.tr-seq-frames{position:relative;aspect-ratio:1268 / 752}.tr-seq-frames{width:min(100%,max(280px,(100svh - 190px) * 1268 / 752));justify-self:center}.tr-seq-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.tr-seq-frames img:first-child{opacity:1}.tr-seq-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.tr-seq-dots{display:flex;gap:6px}.tr-seq-dot{width:28px;height:6px;border-radius:3px;border:0;padding:0;cursor:pointer;background:color-mix(in oklab,var(--ink) 16%,transparent);transition:background-color .2s}.tr-seq-dot.on{background:var(--tr-tap)}.tr-seq-dot:focus-visible{outline:2px solid var(--tr-tap);outline-offset:3px}.tr-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 0;padding:0;list-style:none}.tr-platforms li{font-size:13px;color:var(--ink-2);border:1px solid var(--hair);border-radius:999px;padding:5px 12px}.tr-platforms a{color:inherit;text-decoration:none}.tr-platforms li:has(a:hover){color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,var(--hair))}.b-cta-row:has(+.tr-hero-tv){margin-bottom:16px}.tr-hero-tv{margin:0 0 40px;font-size:14px;line-height:1.6;color:var(--ink-3)}.tr-hero-tv a{color:var(--ink-2);text-decoration:none}.tr-hero-tv a:hover{color:var(--accent);text-decoration:underline}@media(max-width:760px){.tr-seq{height:190vh}.tr-seq-stage{top:72px}}.tr-win{margin:0;border-radius:12px;overflow:hidden;background:#0d0f13;box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 14%,transparent),0 40px 80px -30px #000000bf}.tr-win img{display:block;width:100%;height:auto}.tr-win-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#16181d;border-bottom:1px solid #262930}.tr-win-bar i{width:9px;height:9px;border-radius:50%;background:#3a3d44}.tr-win-bar span{flex:1;text-align:center;font:500 11px var(--fnt-mono);color:#8a8f99;margin-right:33px}.tr-phone{margin:0;padding:7px;border-radius:32px;background:#08090b;box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 14%,transparent),0 40px 70px -30px #000c}.tr-phone img{display:block;width:100%;height:auto;border-radius:25px}.tr-tvset{margin:0;display:grid;justify-items:center}.tr-tvset-screen{width:100%;padding:10px;border-radius:14px;background:#08090b;box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 10%,transparent),0 40px 80px -40px #000000b3}.tr-tvset-screen img{display:block;width:100%;height:auto;border-radius:4px}.tr-tvset-stand{width:34%;height:14px;background:linear-gradient(#1a1c20,#0e0f12);border-radius:0 0 10px 10px}.tr-demo{--tr-demo-ar: calc(1100 / 690);width:min(100%,max(280px,(100svh - 170px) * var(--tr-demo-ar)));justify-self:center;margin-inline:auto}.tr-demo iframe{display:block;width:100%;aspect-ratio:1100 / 690;border:0;background:#0e1714}@media(max-width:760px){.tr-demo{--tr-demo-ar: .75 }.tr-demo iframe{aspect-ratio:3 / 4}}.tr-demo-out{min-height:54px}.tr-body .tr-demo-hint{color:var(--ink-2);font-size:15px;max-width:none}.tr-demo-hint b{color:var(--ink);font-weight:600}.tr-demo-hint[hidden],.tr-demo-result[hidden]{display:none}.tr-demo-result{border:1px solid color-mix(in oklab,var(--tr-tap) 45%,var(--hair));background:color-mix(in oklab,var(--tr-tap) 7%,var(--bg-2));border-radius:14px;padding:16px 18px;display:grid;gap:10px}.tr-demo-result h4{margin:0;font-size:16px;font-weight:600;color:var(--ink)}.tr-demo-result ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.tr-demo-result li{font:500 12px var(--fnt-mono);padding:5px 10px;border-radius:999px;border:1px solid var(--hair);color:var(--ink-2)}.tr-demo-result li b{color:var(--ink);font-weight:600}.tr-demo-result small{color:var(--ink-3);font:500 12px var(--fnt-mono)}.tr-rail-wrap{--tr-bleed: calc(var(--gutter) + max(0px, (100vw - var(--max)) / 2));display:grid;gap:14px;min-width:0}.tr-rail-ctl{display:flex;align-items:center;justify-content:flex-end;gap:8px}.tr-rail-count{font:500 13px var(--fnt-mono);color:var(--ink-3);margin-right:6px;font-variant-numeric:tabular-nums}.tr-rail-count b{color:var(--ink);font-weight:500}.tr-rail-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--bg-2);color:var(--ink);font:500 20px/1 var(--fnt);cursor:pointer;display:grid;place-items:center;transition:border-color .2s,opacity .2s}.tr-rail-btn:hover:not(:disabled){border-color:color-mix(in oklab,var(--tr-tap) 50%,var(--hair))}.tr-rail-btn:disabled{opacity:.35;cursor:default}.tr-rail-btn:focus-visible{outline:2px solid var(--tr-tap);outline-offset:2px}.tr-rail{list-style:none;margin:0 calc(-1 * var(--tr-bleed));padding:4px var(--tr-bleed) 28px;scroll-padding-inline:var(--tr-bleed);display:grid;grid-auto-flow:column;grid-auto-columns:min(92%,1000px);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}@property --tr-fl{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tr-fr{syntax: "<length>"; inherits: false; initial-value: 0px;}.tr-rail{--tr-fl: 72px;--tr-fr: 96px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--tr-fl),#000 calc(100% - var(--tr-fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--tr-fl),#000 calc(100% - var(--tr-fr)),transparent 100%);transition:--tr-fl .35s ease,--tr-fr .35s ease}.tr-rail[data-start]{--tr-fl: 0px}.tr-rail[data-end]{--tr-fr: 0px}.tr-rail:focus-visible{outline:2px solid var(--tr-tap);outline-offset:4px;border-radius:16px}.tr-rail-card{scroll-snap-align:start;display:grid;gap:16px;align-content:start;min-width:0}.tr-body .tr-rail-cap{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-2);margin:0}.tr-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,26%,300px);align-items:end}.tr-card>.tr-shot{grid-column:1 / -1;grid-row:1;margin-right:clamp(36px,10%,120px)}.tr-card>.tr-shot picture,.tr-card>.tr-shot img{display:block;width:100%;height:auto}.tr-card>.tr-dev{grid-column:2;grid-row:1;margin-bottom:-18px;position:relative;z-index:1}.tr-card>.tr-dev-narrow{justify-self:end;width:62%}@media(max-width:760px){.tr-rail{grid-auto-columns:92%;gap:16px;--tr-fl: 32px;--tr-fr: 40px}.tr-card{grid-template-columns:minmax(0,1fr) 34%}.tr-card>.tr-shot{margin-right:14%}}.tr-shot picture,.tr-shot picture img{display:block;width:100%;height:auto}.tr-qc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.tr-qc-step{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:18px;border:1px solid var(--hair);border-radius:16px;background:var(--bg-2)}.tr-body .tr-qc-n{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink)}.tr-qc-n b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:600 12px/1 var(--fnt-mono);color:var(--tr-ai);border:1px solid currentColor}.tr-body .tr-qc-cap{font-size:14px;line-height:1.5;color:var(--ink-3)}.tr-qc-media{display:grid;align-content:start;gap:10px}.tr-qc-shot{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--hair);background:var(--bg-3)}.tr-qc-shot img{display:block;width:100%;height:auto}.tr-body .tr-qc-more a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.tr-qc{grid-template-columns:1fr}}.tr-close{padding-bottom:clamp(72px,9vw,120px)}.tr-band{padding-block:clamp(64px,8vw,104px);border-top:1px solid var(--hair);display:grid;gap:32px}.tr-band-head{display:grid;gap:14px}.tr-band>*,.tr-sdk>*,.tr-sdk-panel>*{min-width:0}.tr-band h2,.tr-final h2{font-size:clamp(32px,4.2vw,56px);letter-spacing:-.045em;line-height:1;margin:0;font-weight:600;text-wrap:balance;color:var(--ink)}.tr-band-head p,.tr-final>p{margin:0;color:var(--ink-2);max-width:60ch;font-size:17px;line-height:1.6}.tr-sdk{display:grid;gap:16px}.tr-sdk-tabs{display:flex;flex-wrap:wrap;gap:8px}.tr-sdk-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:16px 32px;align-items:start}.tr-sdk-panel[hidden]{display:none}.tr-install{display:block;margin:0;white-space:pre;font-size:14px;line-height:1.8;padding:18px 22px;min-width:0}.tr-install b{color:var(--ink);font-weight:500}.tr-install-c{color:var(--ink-3)}.tr-sdk-meta{margin:0;display:grid;gap:12px}.tr-sdk-meta div{display:grid;grid-template-columns:84px 1fr;gap:12px;border-bottom:1px solid var(--hair);padding-bottom:10px}.tr-sdk-meta dt{color:var(--ink-3);font-size:14px}.tr-sdk-meta dd{margin:0;color:var(--ink);font-size:14px}.tr-sdk-meta div:first-child dd{font-family:var(--fnt-mono);font-size:13px}.tr-sdk-more{margin:0;font-size:15px}.tr-sdk-more a,.tr-cmp-foot a{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--tr-tap) 60%,transparent);text-underline-offset:4px}.tr-sdk-more a:hover,.tr-cmp-foot a:hover{text-decoration-color:var(--tr-tap)}.tr-cmp{display:grid;border-top:1px solid var(--hair)}.tr-cmp-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(64px,120px));align-items:center;border-bottom:1px solid var(--hair)}.tr-cmp-row>*{padding:14px 12px}.tr-cmp-cols>*{font-size:13px;color:var(--ink-3);text-align:center;padding-block:12px}.tr-cmp-cols .is-us{color:var(--ink);font-weight:600}.tr-cmp-label{color:var(--ink-2);font-size:15px;line-height:1.5;padding-left:0!important}.tr-cmp-mark{display:grid;place-items:center;align-self:stretch}.tr-cmp .is-us{background:color-mix(in oklab,var(--tr-tap) 7%,transparent)}.tr-cmp-mark i{width:10px;height:10px;border-radius:50%}.tr-cmp-mark.m-yes i{background:var(--ink-2)}.tr-cmp-mark.m-yes.is-us i{background:var(--tr-tap);box-shadow:0 0 0 4px color-mix(in oklab,var(--tr-tap) 18%,transparent)}.tr-cmp-mark.m-partial i{background:linear-gradient(90deg,var(--ink-3) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--ink-3)}.tr-cmp-mark.m-no i{width:10px;height:10px;border-radius:0;background:linear-gradient(transparent 4.25px,var(--hair) 4.25px,var(--hair) 5.75px,transparent 5.75px)}.tr-cmp-foot{margin:0;color:var(--ink-3);font-size:14px;max-width:80ch;display:flex;flex-wrap:wrap;gap:8px 24px}.tr-final{padding-block:clamp(72px,9vw,120px) 0;border-top:1px solid var(--hair);display:grid;gap:22px;justify-items:start}.tr-final h2{font-size:clamp(38px,5.6vw,76px);max-width:16ch}.tr-final .b-cta-row{margin:6px 0 0}.tr-final-facts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--ink-3);font-size:14px}.tr-final-facts li{display:inline-flex;align-items:center;gap:8px}.tr-final-facts li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tr-tap)}@media(max-width:900px){.tr-sdk-panel{grid-template-columns:1fr}}@media(max-width:640px){.tr-cmp-cols{display:none}.tr-cmp-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-block:14px}.tr-cmp-row>*{padding:0}.tr-cmp-label{grid-column:1 / -1;font-size:15px;color:var(--ink);margin-bottom:6px}.tr-cmp-mark{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;border-radius:8px}.tr-cmp-mark:after{content:attr(data-col);font-size:11px;color:var(--ink-3)}.tr-cmp-mark.is-us:after{color:var(--ink);font-weight:600}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.tr-shot{animation:tr-develop linear both;animation-timeline:view();animation-range:entry 0% cover 38%;transform-origin:50% 100%}.tr-shot img{animation:tr-settle linear both;animation-timeline:view();animation-range:entry 0% cover 50%}.tr-seq-frames img{animation:none}}.tr-seq[data-switched]:not([hidden]){animation:tr-swap .45s var(--ease-out) both}}@keyframes tr-develop{0%{opacity:0;transform:perspective(1400px) translateY(64px) rotateX(9deg) scale(.95);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes tr-settle{0%{transform:scale(1.06)}to{transform:none}}@keyframes tr-swap{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}