.dispatcher-page .dispatcher-detail-truck{width:min(1320px,96vw);max-width:96vw;padding:0;background:#101316;color:#eee}.dispatcher-detail-truck dispatcher-truck-demo{display:block;padding:36px 44px 28px;font-family:Arial,Helvetica,sans-serif}.dt-heading{display:flex;justify-content:space-between;gap:24px;padding-right:48px}.dt-heading .dt-kicker{font-size:12px;letter-spacing:.16em;color:#eaba73;margin:0 0 14px}.dispatcher-page .dt-heading h3{font-size:clamp(25px,3vw,38px);margin:0 0 12px;letter-spacing:-.025em}.dt-heading p{font-size:15px;color:#b0bac4}.dt-sample{font-size:11px!important;color:#aeb9c6;letter-spacing:.02em;white-space:nowrap}.dt-switch{display:flex;gap:6px;margin:22px 0 0}.dispatcher-page .dt-switch button{border:1px solid #49505a;border-radius:6px;padding:10px 22px;background:transparent;color:#e3e8ed;font:inherit;font-size:15px;cursor:pointer}.dispatcher-page .dt-switch button[aria-pressed=true]{border-color:#eaba73;color:#f0c98c;background:#28231b}.dt-stage{overflow:hidden;position:relative;aspect-ratio:3.7;background:#101316;cursor:default}.dt-vehicle{position:absolute;inset:0;transition:transform .45s ease;transform-origin:0 50%}.dt-vehicle img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.dt-hotspot{position:absolute!important;top:15%;height:70%;border:2px solid transparent!important;background:transparent!important;border-radius:12px!important;padding:0!important;cursor:pointer;box-shadow:none!important}.dt-hotspot-tractor{left:1%;width:42%}.dt-hotspot-trailer{left:44%;width:55%}.dt-hotspot:hover,.dt-hotspot:focus-visible{border-color:#eaba73!important;background:#eaba7310!important;outline-offset:3px}.dt-readings{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:14px}.dt-readings section+section{border-left:1px solid #363b42;padding-left:42px}.dispatcher-page .dt-readings h4{font-family:inherit;color:#eaba73;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}.dt-reading{display:grid;grid-template-columns:142px minmax(40px,1fr) 48px;gap:16px;align-items:center;margin:14px 0;font-size:17px}.dt-reading strong{text-align:right;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.dt-reading meter{width:100%;height:12px;appearance:none;border:0;background:#293039;border-radius:8px;overflow:hidden}.dt-reading meter::-webkit-meter-bar{background:#293039;border:0;border-radius:8px}.dt-reading meter::-webkit-meter-optimum-value{background:#42a5e9;border-radius:8px}.dt-reading meter::-moz-meter-bar{background:#42a5e9}.dt-footer{margin-top:22px;border-top:1px solid #30363d;padding-top:16px;color:#b4bdc7;font-size:13px}.dt-footer small{display:block;color:#85909d;font-size:11px;margin-top:8px}dispatcher-truck-demo[data-view=tractor] .dt-vehicle{transform:translateX(5%) scale(2.05)}dispatcher-truck-demo[data-view=trailer] .dt-vehicle{transform:translateX(-38%) scale(1.4)}dispatcher-truck-demo:not([data-view=overview]) .dt-readings{grid-template-columns:1fr;max-width:840px;margin-left:auto;margin-right:auto}dispatcher-truck-demo[data-view=tractor] [data-truck-group=trailer],dispatcher-truck-demo[data-view=trailer] [data-truck-group=tractor]{display:none}dispatcher-truck-demo[data-view=trailer] [data-truck-group=trailer]{border:0;padding-left:0}.dt-compact{width:100%;padding:12px;align-self:center}.dispatcher-page .dispatcher-addon-truck .dispatcher-addon-image{height:auto;min-height:230px}.dispatcher-page .dt-compact img{width:100%;height:auto;object-fit:contain;transform:none}.dt-compact .dt-sample{margin:6px 0 10px;text-align:center;font-size:10px!important}.dt-mini-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dt-mini-groups>div>strong{display:block;color:#eaba73;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:6px}.dt-mini-groups span{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#bac3cd;line-height:1.8}.dt-mini-groups b{color:#f0f3f6;font-variant-numeric:tabular-nums}.dt-switch button:focus-visible{outline:2px solid #8ccaff;outline-offset:3px}@media(max-width:700px){.dispatcher-detail-truck dispatcher-truck-demo{padding:28px 20px}.dt-heading{display:block}.dt-heading>.dt-sample{display:block;margin-top:10px}.dt-switch button{flex:1;padding:9px 10px!important}.dt-readings{grid-template-columns:1fr;gap:18px}.dt-readings section+section{border-left:0;border-top:1px solid #363b42;padding:20px 0 0}.dt-reading{grid-template-columns:120px minmax(30px,1fr) 45px;gap:12px;font-size:15px}.dt-stage{aspect-ratio:2.5}.dt-reading strong{font-size:18px}.dt-mini-groups span{font-size:12px}.dt-compact{padding:18px}}@media(prefers-reduced-motion:reduce){.dt-vehicle{transition:none}}
.dispatcher-detail-truck dispatcher-truck-demo{padding:22px 36px 18px}.dt-heading .dt-kicker{margin-bottom:8px}.dispatcher-page .dt-heading h3{font-size:28px;margin-bottom:6px}.dt-heading p{margin:0}.dt-switch{margin-top:14px}.dt-stage{aspect-ratio:5}.dt-readings{margin-top:6px}.dispatcher-page .dt-readings h4{margin-bottom:10px}.dt-reading{margin:9px 0}.dt-footer{margin-top:14px;padding-top:10px}dispatcher-truck-demo[data-view=tractor] .dt-vehicle{transform:translateX(7%) scale(1.45)}dispatcher-truck-demo[data-view=trailer] .dt-vehicle{transform:translateX(-22%) scale(1.3)}@media(max-width:700px){.dispatcher-detail-truck dispatcher-truck-demo{padding:24px 18px}.dt-stage{aspect-ratio:2.5}.dt-heading{padding-right:25px}.dispatcher-page .dt-heading h3{font-size:25px}}
.dt-hotspot:hover,.dt-hotspot:focus-visible{border-color:transparent!important;background:transparent!important}.dt-hotspot:focus-visible{outline:2px solid #80c9ee}.dt-vehicle img{transition:transform .35s ease,filter .35s ease}.dt-vehicle:has(.dt-hotspot-tractor:hover) img{transform-origin:28% 60%;transform:perspective(1000px) rotateY(-3deg) scale(1.1);filter:drop-shadow(0 12px 8px #0008)}.dt-vehicle:has(.dt-hotspot-trailer:hover) img{transform-origin:70% 55%;transform:perspective(1000px) rotateY(3deg) scale(1.1);filter:drop-shadow(0 12px 8px #0008)}.dispatcher-page .dt-switch .dt-connection{margin-left:auto;font-size:13px;color:#a8d8f2}.dt-connection-note{background:#1b2831;color:#c7e5f5;padding:12px 16px;border-radius:8px;font-size:13px}.dt-label-icon{display:inline-block;width:22px;color:#8195a5;font-size:15px}.dt-icon{width:15px;height:15px;flex:none;color:#8da5b8}.dt-compact{display:grid;grid-template-columns:46% 54%;align-items:center;gap:0;padding:12px 8px}.dispatcher-page .dt-compact img{width:100%;height:auto}.dt-compact .dt-sample{grid-column:1/-1;white-space:normal;font-size:9px!important}.dt-mini-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dt-mini-reading{min-width:0;text-align:center}.dt-mini-reading>b{font-size:12px}.dt-mini-reading meter{display:block;width:100%;height:6px;margin:5px 0;accent-color:#42a5e9}.dt-mini-groups .dt-mini-reading span{display:flex;flex-direction:column;align-items:center;font-size:8px;line-height:1.3;gap:4px}.dispatcher-page .dispatcher-addon-truck .dispatcher-addon-image{min-height:180px}@media(max-width:700px){.dt-switch{flex-wrap:wrap}.dispatcher-page .dt-switch .dt-connection{flex:0 0 auto;margin-left:auto}.dt-mini-groups .dt-mini-reading span{font-size:10px}}@media(prefers-reduced-motion:reduce){.dt-vehicle img{transition:none}.dt-vehicle:has(.dt-hotspot:hover) img{transform:none}}