.technical>.wrap{width:92%;max-width:1600px}
.technical #application{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.technical #application>.application-copy{order:-1;width:100%;max-width:none;grid-column:1/-1;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:12px 28px;padding:20px 0;margin:0}
.technical #application .application-copy #app-title{font-size:20px;margin:6px 0 0}
.technical #application .application-copy p{font-size:14px;line-height:1.6}
.technical #application .demo-state{grid-column:1/-1}
.technical #application .demo-links{grid-column:1/-1;display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;font-size:12px}
.technical #application #demo-resources{display:none}
.technical #application .demo-links .text-link,.technical #application .model-attribution{margin:0}
.technical .demo-version{font-size:14px;line-height:1.6;max-width:760px;margin:16px auto 0;color:#aeb6bd}
@media(max-width:650px){.technical #application>.application-copy{grid-template-columns:1fr}.technical #application .demo-description{grid-column:1}}
.technical .application-media{min-width:0}
#truck-viewer{position:relative;aspect-ratio:16/9;min-height:400px;background:#111315}
#sketchfab-truck{width:100%;height:100%;border:0;display:block}
#truck-viewer:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#111315}
.technical [hidden]{display:none!important}
.technical .application-copy{padding:28px 0;border-top:1px solid #30373c;display:grid;grid-template-columns:1fr 1.6fr 1fr 1.4fr;gap:28px;align-items:start}
.technical .application-copy>div{min-width:0}
.technical .application-copy #app-title{margin:12px 0 0;font-size:24px}
.technical .application-copy p,.technical .application-copy ul{margin-top:0}
.technical .application-copy .text-link{color:#5ce6f7;margin-top:12px}
.technical .tabs{display:flex;justify-content:center;flex-wrap:nowrap;gap:12px;padding:0 0 24px;border-bottom:1px solid #30373c;overflow-x:auto}
.technical .tabs button{flex:0 0 auto;font-size:14px;font-weight:600;text-transform:none;padding:12px 18px;line-height:1.4;border:1px solid #394147;border-radius:999px;background:#111416;color:#b8c4c9;white-space:nowrap}
.technical .tabs button:hover{border-color:#50cce4;color:#50cce4}
.technical .tabs button[aria-selected=true]{border-color:#50cce4;color:#50cce4;background:#102127}
.technical .tabs button:focus-visible{outline:2px solid #50cce4;outline-offset:3px}
.technical #application>.application-copy{border-top:0;padding:0}
.technical #application .demo-links{display:none}
.technical #application .demo-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:651px) and (max-width:1100px){.technical .tabs{gap:6px}.technical .tabs button{font-size:12px;padding:10px 12px}}
.technical .technical-heading{text-align:center}
.demo-animation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.demo-animation select,.demo-animation button{background:#15191c;color:#fff;border:1px solid #4b5c63;padding:10px;border-radius:4px;font:inherit}
.technical .application-copy h3{font-size:28px}
#viewer-status{font-size:12px;color:#5ce6f7}
#demo-resources{padding-left:18px;color:#aeb6bd;font-size:13px;line-height:1.8}
.application-copy .text-link{display:block;margin-top:20px;font-size:12px}
#model-source{display:none!important}
.technical .demo-project-cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:620px;min-height:58px;margin:32px auto 0;padding:16px 24px;background:#50cce4;color:#061014;border-radius:6px;font-size:18px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;box-sizing:border-box}
.technical .demo-project-cta:hover{background:#75dfef}
.technical .demo-project-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
#whatsapp-form{scroll-margin-top:140px}
@media(max-width:1100px){.technical .application-copy{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.technical .application-copy{grid-template-columns:1fr}.technical .tabs button{font-size:13px;padding:14px 10px}#truck-viewer{min-height:0;aspect-ratio:4/3}}
.application-media{position:relative}
.viewer-toolbar{position:absolute;z-index:2;bottom:56px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;background:rgba(15,17,20,.94);border:1px solid #ffffff38;border-radius:999px;color:#fff}
.viewer-views,.viewer-animations{display:flex;gap:4px;align-items:center}
.viewer-zoom{display:flex;gap:4px}
.viewer-motion,.viewer-zoom{border-left:1px solid #64717c;padding-left:12px}
.viewer-motion{display:flex;align-items:center;gap:4px}
.viewer-toolbar svg{width:24px;height:24px;display:block}
.viewer-toolbar button,.viewer-toolbar select{font:inherit;font-size:12px;line-height:1.4;color:#fff;background:#262a30;border:1px solid #64717c;border-radius:3px;min-height:36px;padding:7px 10px;cursor:pointer}
.viewer-toolbar label{font-size:11px;display:flex;align-items:center;gap:6px;min-width:0}
.viewer-toolbar select{max-width:180px}
.viewer-toolbar button[aria-pressed=true]{border-color:#5ce6f7;background:#12424d}
.viewer-toolbar button:disabled{opacity:.45;cursor:wait}
.viewer-toolbar button{display:grid;place-items:center;width:60px;height:44px;min-height:44px;padding:8px;border-radius:999px;background:#202427;border-color:#586169}
.viewer-toolbar button:hover{background:#30373c;border-color:#5ce6f7}
.viewer-toolbar button:focus-visible{outline:2px solid #5ce6f7;outline-offset:3px}
.model-attribution{font-size:11px;line-height:1.6;color:#c5cbd3;overflow-wrap:anywhere}
.model-attribution a{text-decoration:underline}
@media(max-width:900px){.viewer-toolbar{justify-content:center}}
@media(max-width:650px){.viewer-toolbar{gap:4px;padding:6px 4px;flex-wrap:wrap;border-radius:24px}.viewer-toolbar button{width:32px;height:44px;padding:4px}.viewer-toolbar svg{width:21px;height:21px}.viewer-motion,.viewer-zoom{padding-left:4px}.viewer-views,.viewer-animations,.viewer-motion,.viewer-zoom{gap:2px}}
@media(max-width:650px){.technical>.wrap{width:100%;padding-right:48px}.viewer-toolbar{padding:6px}.viewer-toolbar select{max-width:150px}.technical .tabs{justify-content:flex-start}.technical .application-copy{gap:16px}}
 .application-media .viewer-help{margin:14px 0 8px;font-size:13px;line-height:1.6;color:#b8c4c9;text-align:center}
 .viewer-help strong{color:#50cce4}
 .viewer-help-touch{display:none}
 @media(pointer:coarse){.viewer-help-mouse{display:none}.viewer-help-touch{display:inline}}
