.tobor-category-grid { box-sizing:border-box; width:100%; padding:32px; background:#fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.tobor-category-grid * { box-sizing:border-box; }
.tcg-track { display:grid; width:100%; max-width:1376px; margin-inline:auto; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tcg-card { position:relative; min-width:0; border-radius:16px; overflow:hidden; display:flex; align-items:flex-end; background:#242424; }
.tcg-card:nth-child(-n+3) { aspect-ratio:448/500; }
.tcg-card--teleoperation { grid-column:1; grid-row:2/4; aspect-ratio:448/500; }
.tcg-card--interaction { grid-column:2; grid-row:2/4; background:#7b7b7b; }
.tcg-card--rentals { grid-column:3; grid-row:2; aspect-ratio:448/324; }
.tcg-card--accessories { grid-column:3; grid-row:3; aspect-ratio:448/160; }
.tcg-media,.tcg-overlay { position:absolute; inset:0; pointer-events:none; }
.tcg-media .tcg-image { position:absolute; max-width:none; border:0; border-radius:0; object-fit:fill; }
.tcg-card--humanoids .tcg-image--0 { width:198.6%; height:104.66%; left:-84.44%; top:-4.69%; }
.tcg-card--humanoids .tcg-image--1 { width:199.25%; height:105%; left:-45.68%; top:-5%; }
.tcg-card--humanoids .tcg-overlay { background:linear-gradient(222.835deg,rgba(40,54,103,0) 23.651%,rgba(22,29,55,.474) 62.968%,#020203 100%); }
.tcg-card--quadrupeds .tcg-image { width:211.43%; height:162.07%; left:-61.65%; top:-38.03%; }
.tcg-card--performance .tcg-image { width:115.4%; height:137.87%; left:-2.43%; top:-27.89%; }
.tcg-card--performance .tcg-overlay { background:linear-gradient(7.637deg,rgba(0,0,0,.5) 3.5314%,rgba(0,0,0,.318) 26.407%,transparent 43.518%); }
.tcg-card--teleoperation .tcg-image { width:211.06%; height:110.29%; left:-43.97%; top:-7.16%; }
.tcg-card--teleoperation .tcg-overlay { background:linear-gradient(19.403deg,#1c1c1e 10.698%,transparent 27.227%); }
/* Figma's negative rental layer width represents a horizontal reflection. */
.tcg-card--rentals .tcg-image--0,.tcg-card--rentals .tcg-image--1 { width:109.49%; height:100.94%; left:-7%; top:.14%; transform:scaleX(-1); }
.tcg-card--rentals .tcg-image--2 { width:192.82%; height:177.7%; left:-56.32%; top:-70.89%; }
.tcg-card--rentals .tcg-overlay { background:linear-gradient(.694deg,rgba(0,0,0,.5) .94193%,transparent 25.989%),linear-gradient(52.284deg,rgba(0,0,0,.5) 26.212%,transparent 58.271%); }
.tcg-card--accessories .tcg-image--0 { width:124.12%; height:347.54%; left:.03%; top:-129.23%; }
.tcg-card--accessories .tcg-image--1 { width:85.03%; height:133.95%; left:32.45%; top:-29.43%; }
.tcg-card--accessories .tcg-image--2 { width:79.75%; height:125.64%; left:29.35%; top:-25.92%; }
.tcg-card--accessories .tcg-overlay { background:linear-gradient(89.834deg,#242424 28.932%,transparent 51.781%); }
.tcg-content { position:relative; width:100%; padding:32px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; color:#fff; }
.tobor-category-grid .tcg-title { margin:0; padding:0; color:inherit; font:700 32px/40px "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:0; text-transform:none; }
.tobor-category-grid .tcg-description,.tobor-category-grid .tcg-link { margin:0; padding:0; color:inherit; font:500 16px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:0; text-transform:none; }
.tcg-link { display:inline-flex; align-items:center; gap:5px; text-decoration:none; }
.tcg-link img { display:block; flex:none; max-width:none; border-radius:0; }
.tcg-link[href]:hover { text-decoration:underline; }
.tcg-link:focus-visible,.tcg-controls button:focus-visible,.tcg-track:focus-visible { outline:3px solid #29b6ff; outline-offset:-3px; }
.tcg-compact-title,.tcg-controls { display:none; }
@media (min-width:1025px) and (max-width:1300px) { .tcg-content { padding:24px; } .tobor-category-grid .tcg-title { font-size:28px; line-height:34px; } }
@media (max-width:1024px) {
 .tobor-category-grid { padding:16px; }
 .tcg-track { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr); }
 .tcg-card:nth-child(-n+4) { grid-column:auto; grid-row:auto; aspect-ratio:448/500; }
 .tcg-card--interaction { grid-column:1; grid-row:3/5; aspect-ratio:448/500; background:#5f5f5f; }
 .tcg-card--interaction .tcg-overlay { background:linear-gradient(7.637deg,rgba(0,0,0,.5) 3.5314%,rgba(0,0,0,.318) 26.407%,transparent 43.518%); }
 .tcg-card--rentals { grid-column:2; grid-row:3; aspect-ratio:auto; }
 .tcg-card--accessories { grid-column:2; grid-row:4; aspect-ratio:auto; }
 .tcg-content { padding:32px 16px; }
 .tcg-card--performance .tcg-content,.tcg-card--interaction .tcg-content { padding:32px; }
 .tcg-desktop-title { display:none; } .tcg-compact-title { display:inline; }
 .tcg-card--quadrupeds .tcg-image { width:196.05%; height:150.28%; left:-55.3%; top:-31.12%; }
 .tcg-card--rentals .tcg-image--2 { width:162.73%; height:202.31%; left:-41.4%; top:-83.48%; }
 .tcg-card--rentals .tcg-overlay { background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(2.135deg,rgba(0,0,0,.5) 3.718%,transparent 73.714%),linear-gradient(-.536deg,rgba(0,0,0,.5) 37.592%,transparent 75.521%); }
 .tcg-card--accessories .tcg-image--2 { width:131.31%; height:137.89%; left:-7.36%; top:-27.15%; }
}
@media (max-width:600px) {
 .tcg-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; }
 .tcg-track::-webkit-scrollbar { display:none; }
 .tcg-track .tcg-card { flex:0 0 90%; aspect-ratio:448/500; scroll-snap-align:start; }
 .tcg-track .tcg-content { padding:24px 20px; }
 .tobor-category-grid .tcg-title { font-size:28px; line-height:34px; }
 .tcg-card--rentals .tcg-image--2 { width:192.82%; height:100%; left:-56.32%; top:0; object-fit:cover; }
 .tcg-card--accessories .tcg-image--2 { width:auto; height:100%; left:-55%; top:0; }
 .tcg-controls:not([hidden]) { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:16px; }
 .tcg-controls button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ddd; border-radius:50%; background:#fff; color:#171717; font-size:22px; cursor:pointer; }
 .tcg-controls button:disabled { opacity:.35; cursor:default; }
 .tcg-status { color:#171717; font-size:14px; }
}