.vehicle-tracking { background:#0a0a0a; border-top:1px solid var(--line); padding:88px var(--gutter); scroll-margin-top:var(--header); }
.tracking-inner { max-width:1600px; margin:auto; }
.tracking-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:40px; }
.tracking-heading h2 { font-size:clamp(34px,3.5vw,52px); font-weight:500; line-height:1.13; letter-spacing:-.035em; }
.tracking-heading p { max-width:45ch; color:var(--muted); font-size:16px; line-height:1.7; }
.tracking-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(36px,5vw,80px); align-items:start; }
.tracking-form-area { padding-top:4px; min-width:0; }
.tracking-form-area label { display:block; font-size:20px; margin-bottom:14px; font-weight:500; }
.tracking-field { display:flex; background:#202020; border:1px solid #686868; }
.tracking-field:focus-within { outline:2px solid var(--green); outline-offset:3px; }
.tracking-field input { width:100%; min-width:0; padding:18px 16px; font:500 19px/1.4 Manrope,Arial,sans-serif; letter-spacing:.075em; text-transform:uppercase; background:none; color:#f0f3ef; border:0; outline:0; caret-color:var(--green); border-radius:0; }
.tracking-field input::placeholder { text-transform:none; letter-spacing:0; font-size:16px; color:#b9b9b9; font-weight:400; }
.tracking-count { align-self:center; flex-shrink:0; font-size:12px; color:#c0c0c0; padding:0 14px 0 2px; font-variant-numeric:tabular-nums; }
.tracking-hint { margin:12px 0 20px; color:var(--muted); font-size:14px; line-height:1.7; max-width:62ch; }
.tracking-submit { width:100%; justify-content:space-between; min-height:50px; }
.tracking-submit:disabled { opacity:.65; cursor:wait; }
.tracking-message { font-size:15px; line-height:1.6; margin-top:14px; min-height:24px; color:#f0c9bd; }
.tracking-message:empty { margin:0; min-height:0; }
.tracking-support { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:4px; margin-top:10px; }
.tracking-support svg { width:17px; height:17px; }
.tracking-guide { background:#141414; border:1px solid var(--line); min-width:0; }
.tracking-guide-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 24px; border-bottom:1px solid var(--line); }
.tracking-guide-top h3 { font-size:16px; font-weight:500; }
.tracking-guide-top span { font-size:12px; color:var(--muted); }
.tracking-instructions { padding:20px 24px 0; margin:0; list-style:none; display:flex; gap:14px; }
.tracking-instructions li { flex:1; min-width:0; color:#b9b9b9; font-size:13px; line-height:1.6; padding-top:10px; border-top:1px solid #555; transition:color .2s,border-color .2s; }
.tracking-instructions b { font-weight:500; }
.tracking-instructions li[aria-current=step] { color:#f0f3ef; border-color:var(--green); }
.vin-guide-scene { padding:27px 24px 20px; min-height:219px; }
.vin-sample-label { color:var(--muted); font-size:12px; margin-bottom:9px; }
.vin-sample { display:flex; position:relative; gap:1px; justify-content:space-between; border-top:1px solid #555; border-bottom:1px solid #555; padding:15px 0; overflow:hidden; }
.vin-sample span { font:500 clamp(12px,1.2vw,19px)/1.5 Manrope,Arial,sans-serif; text-align:center; width:1.2ch; }
.vin-guide-scan { position:absolute; inset:0 auto 0 0; width:2px; background:var(--green); opacity:0; }
.vin-guide-input { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; margin-top:15px; background:#202020; border:1px solid #565656; }
.vin-guide-typed { min-height:24px; overflow:hidden; white-space:nowrap; font-size:15px; letter-spacing:.045em; color:var(--ink); }
.vin-guide-input svg { width:21px; height:21px; color:var(--green); flex-shrink:0; }
.vin-guide-result { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 0 0; color:var(--green); font-size:15px; }
.vin-guide-result span:last-child { font-size:12px; color:var(--muted); }
.tracking-guide-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 24px 12px; border-top:1px solid var(--line); }
.tracking-guide-caption { font-size:12px; color:var(--muted); max-width:40ch; line-height:1.6; }
.tracking-guide-controls { display:flex; gap:12px; flex-shrink:0; }
.tracking-guide-controls button { min-width:44px; min-height:44px; font-size:13px; background:none; text-decoration:underline; text-underline-offset:4px; }
.tracking-guide [hidden],.vehicle-tracking [hidden] { display:none; }
.tracking-result { margin-top:36px; padding-top:28px; border-top:1px solid var(--line); scroll-margin-top:calc(var(--header) + 20px); }
.tracking-result-head { display:flex; align-items:start; justify-content:space-between; gap:24px; margin-bottom:24px; }
.tracking-result h3 { font-size:clamp(24px,2.2vw,34px); font-weight:500; line-height:1.3; letter-spacing:-.025em; outline:none; overflow-wrap:anywhere; }
.tracking-vin-suffix { margin-top:7px; font-size:14px; color:var(--muted); }
.tracking-refresh { display:inline-flex; gap:9px; align-items:center; min-height:44px; padding:8px 0; font-size:14px; background:none; text-decoration:underline; text-underline-offset:4px; flex-shrink:0; }
.tracking-refresh svg { width:17px; height:17px; }
.tracking-result-facts { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:24px; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.tracking-result-facts dt { font-size:13px; color:var(--muted); margin-bottom:8px; }
.tracking-result-facts dd { font-size:clamp(18px,1.8vw,26px); line-height:1.4; margin:0; font-variant-numeric:tabular-nums; }
.tracking-result-facts small { font-size:12px; color:var(--muted); display:block; margin-top:6px; }
.tracking-stages { list-style:none; padding:0; margin:30px 0 24px; display:flex; gap:18px; }
.tracking-stages li { flex:1; min-width:0; position:relative; padding-top:22px; font-size:14px; color:#b9b9b9; border-top:1px solid #555; }
.tracking-stages li::before { content:""; width:8px; height:8px; background:#555; position:absolute; top:-5px; left:0; border-radius:50%; }
.tracking-stages li.is-reached { border-color:var(--green); color:#d0e6da; }
.tracking-stages li.is-reached::before { background:var(--green); }
.tracking-stages li[aria-current=step] { color:#fff; font-weight:600; }
.tracking-stages time { display:block; font-size:12px; font-weight:400; color:var(--muted); margin-top:7px; line-height:1.6; }
.tracking-freshness,.tracking-date-note { font-size:13px; line-height:1.7; color:var(--muted); max-width:85ch; }
.tracking-freshness { margin-top:10px; }
.tracking-details { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; margin-bottom:24px; border-bottom:1px solid var(--line); }
.tracking-details h4 { margin:0; font-size:20px; font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.tracking-details p { max-width:60ch; margin-top:7px; font-size:14px; line-height:1.7; color:var(--muted); }
.tracking-details-link { min-height:50px; flex-shrink:0; gap:24px; }
.tracking-details-link:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.tracking-stale { color:#f0c9bd; font-size:14px; margin:12px 0; }
.tracking-entry { font-size:12px; white-space:nowrap; display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
.tracking-entry:hover { text-decoration:underline; }
.tracking-preview-note { padding:12px 0; font-size:13px; color:var(--muted); line-height:1.7; }
.tracking-preview-note button { background:none; text-decoration:underline; text-underline-offset:4px; min-height:44px; margin-left:5px; color:var(--ink); }
.tracking-guide-motion .vin-guide-result { opacity:0; }
.tracking-guide-motion[data-guide-step="2"] .vin-guide-result { opacity:1; transition:opacity .25s; }
.tracking-guide-motion.is-guide-playing[data-guide-step="0"] .vin-guide-scan { opacity:1; animation:vin-guide-scan 1.8s cubic-bezier(.16,1,.3,1) both; }
.tracking-guide.is-guide-paused * { animation-play-state:paused!important; }
@keyframes vin-guide-scan { from { transform:translateX(0); } to { transform:translateX(var(--vin-scan-travel,520px)); } }
@media(min-width:1281px) and (max-width:1480px) { .tracking-entry { font-size:11px; } .header-actions { gap:10px; } }
@media(max-width:1000px) { .tracking-layout { gap:32px; } .tracking-heading { align-items:start; } .tracking-guide-top,.tracking-guide-bottom { padding-left:18px; padding-right:18px; } .vin-guide-scene { padding-left:18px; padding-right:18px; } .tracking-instructions { padding-left:18px; padding-right:18px; gap:10px; } .tracking-guide-controls { gap:8px; } }
@media(max-width:700px) {
  .vehicle-tracking { padding:56px var(--gutter); }
  .tracking-heading { display:block; margin-bottom:28px; }
  .tracking-heading h2 { font-size:36px; }
  .tracking-heading p { margin-top:18px; font-size:15px; }
  .tracking-layout { grid-template-columns:1fr; gap:28px; }
  .tracking-field input { font-size:16px; padding:17px 12px; letter-spacing:.055em; }
  .tracking-count { padding-right:10px; font-size:11px; }
  .tracking-guide-top { padding:16px; }
  .tracking-instructions { padding:18px 16px 0; }
  .vin-guide-scene { padding:22px 16px 20px; min-height:209px; }
  .vin-sample span { font-size:15px; }
  .tracking-guide-bottom { padding:8px 16px 10px; }
  .tracking-guide-caption { max-width:24ch; }
  .tracking-result-head { gap:15px; }
  .tracking-details { flex-direction:column; align-items:stretch; gap:18px; padding:20px 0; }
  .tracking-details-link { width:100%; justify-content:space-between; gap:12px; }
  .tracking-result-facts { grid-template-columns:1fr 1fr; gap:20px; }
  .tracking-result-facts > div:first-child { grid-column:1/-1; }
  .tracking-stages { flex-direction:column; margin-top:24px; gap:0; }
  .tracking-stages li { border-top:0; border-left:1px solid #555; margin-left:4px; padding:0 0 22px 23px; }
  .tracking-stages li.is-reached { border-left-color:var(--green); }
  .tracking-stages li::before { left:-4.5px; top:7px; }
  .tracking-stages li:last-child { border-left:0; padding-bottom:0; }
  .tracking-stages time { margin-top:3px; }
  .tracking-entry { font-size:11px; }
}
@media(max-width:370px) { .tracking-entry { max-width:50px; white-space:normal; font-size:10px; line-height:1.3; } .tracking-guide-top { gap:8px; } .tracking-guide-top span { font-size:10px; } .tracking-instructions { gap:8px; } .tracking-instructions li { font-size:12px; } .vin-sample span { font-size:13px; } .vin-guide-typed { font-size:13px; } .tracking-guide-controls { gap:5px; } .tracking-result-head { flex-direction:column; gap:8px; } }
@media(prefers-reduced-motion:reduce) { .vehicle-tracking *,.vehicle-tracking *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .vin-guide-scan { display:none; } }