.arrow-icon{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-cta .arrow-icon{color:var(--accent)}
.button .button-label{font:inherit;letter-spacing:inherit;min-width:0}
.button .arrow-icon{width:20px;height:20px}
.service-arrow{width:22px;height:22px}
.back-top{display:inline-flex;align-items:center;gap:9px}
.back-top .arrow-icon{width:16px;height:16px}

.tracking-demo{margin-top:70px;background:#111b1e;color:#f4f7f5;overflow:hidden;box-shadow:0 25px 70px rgba(21,38,37,.13)}
.tracking-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 38px 28px}
.tracking-overline{display:block;color:#f87336;font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:10px}
.tracking-heading h3{font-size:clamp(22px,2.6vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0 0 7px}
.tracking-heading p{margin:0;color:#adbcba;font-size:14px;line-height:1.5}
.tracking-badge{color:#a9bbb8;border:1px solid #415255;padding:8px 10px;flex:none;font-size:10px;font-weight:700;letter-spacing:.11em;white-space:nowrap}
.tracking-map{height:350px;position:relative;overflow:hidden;background:#172326}
.tracking-map-svg{display:block;width:100%;height:100%}
.map-areas path{fill:#243338;stroke:#33464a;stroke-width:2}
.map-streets{fill:none;stroke:#546669;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;opacity:.36}
.map-streets-minor{stroke-width:5;opacity:.34}
.map-route-base,.map-route-line,.map-route-progress{fill:none;stroke-linecap:round;stroke-linejoin:round}
.map-route-base{stroke:#091416;stroke-width:18}
.map-route-line{stroke:#9cb2b0;stroke-width:9;opacity:.72}
.map-route-progress{stroke:#f87336;stroke-width:9;stroke-dasharray:0 100;filter:drop-shadow(0 0 5px rgba(248,115,54,.4))}
.map-endpoint circle:first-child{fill:#132024;stroke:#f2f7f5;stroke-width:2}
.map-endpoint circle:last-child{fill:#f87336}
.map-endpoint.destination circle:last-child{fill:#eaf3ef}
.map-vehicle-halo{fill:#f87336;opacity:.14}
.map-vehicle-body{fill:#f87336;stroke:#ffe1d3;stroke-width:2}
.map-vehicle path{fill:none;stroke:#131b1b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-vehicle>circle:not(.map-vehicle-halo):not(.map-vehicle-body){fill:#131b1b}
.map-label{fill:#b6c6c2;font:700 11px "DM Sans",sans-serif;letter-spacing:2.5px}
.map-status{position:absolute;left:32px;top:28px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:rgba(13,24,27,.93);color:white;min-width:194px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.map-status-label{display:flex;align-items:center;gap:8px;color:#a9bfba;font-size:9px;font-weight:700;letter-spacing:.12em}
.status-dot{width:7px;height:7px;border-radius:50%;background:#f87336;box-shadow:0 0 0 3px rgba(248,115,54,.15)}
.map-status strong{font:600 22px/1.2 Sora,sans-serif;letter-spacing:-.035em}
.map-status>span:last-child{color:#c6d1ce;font-size:12px}
.map-watermark{position:absolute;right:24px;bottom:18px;color:#b8c9c6;font-size:9px;font-weight:700;letter-spacing:.15em;text-shadow:0 1px 4px #122023}
.tracking-controls{display:flex;align-items:end;gap:24px;padding:24px 38px 30px}
.tracking-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-width:136px;min-height:48px;padding:0 15px;border:1px solid #72817e;background:transparent;color:#f4f7f5;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}
.tracking-play:hover{background:#253437;border-color:#c0ceca}
.tracking-play svg{width:18px;height:18px;fill:currentColor}
.tracking-play:focus-visible,.tracking-scrub input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.tracking-scrub{flex:1;min-width:0;padding-bottom:5px}
.tracking-points{display:flex;justify-content:space-between;gap:8px;color:#9cafaa;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}
.tracking-scrub input{display:block;width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}
.tracking-scrub input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#f87336 0 var(--range-value,32%),#62736f var(--range-value,32%) 100%)}
.tracking-scrub input::-moz-range-track{height:4px;background:#62736f}
.tracking-scrub input::-moz-range-progress{height:4px;background:#f87336}
.tracking-scrub input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:3px solid #f87336;border-radius:50%;background:#f4f7f5;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tracking-scrub input::-moz-range-thumb{width:13px;height:13px;border:3px solid #f87336;border-radius:50%;background:#f4f7f5}
.tracking-percent{min-width:45px;color:#f87336;font:700 17px Sora,sans-serif;text-align:right;font-variant-numeric:tabular-nums}

@media(max-width:780px){
  .hero-copy{position:relative;z-index:2}
  .tracking-demo{margin-top:42px}
  .tracking-heading{padding:25px 22px 22px;align-items:start;flex-direction:column;gap:16px}
  .tracking-map{height:300px}
  .tracking-controls{padding:22px;gap:16px}
}
@media(max-width:520px){
  .hero-grid{padding-top:104px}
  .eyebrow{margin-bottom:15px}
  .hero-copy h1{font-size:clamp(43px,11.4vw,55px);line-height:1.04;margin-bottom:15px}
  .hero-subtitle{line-height:1.48;margin-bottom:17px}
  .hero-copy .button{position:relative;z-index:6;max-width:100%;min-height:54px;gap:12px;padding:10px 16px 10px 18px;white-space:normal;text-align:left}
  .transport-scene{--scene-start:max(470px,56dvh);top:calc(var(--scene-start) * (1 - var(--expand,0)));height:calc(100% - var(--scene-start) - 16px + (var(--scene-start) + 16px) * var(--expand,0))}
  .scene-status{grid-template-columns:auto 1fr;gap:8px 12px}
  .scene-status-hint{grid-column:1/-1;justify-self:start}
  .tracking-map{height:270px}
  .map-status{left:14px;top:14px;min-width:150px;padding:11px 12px;gap:3px}
  .map-status strong{font-size:17px}
  .map-status-label{font-size:8px}
  .map-status>span:last-child{font-size:10px}
  .map-watermark{right:12px;bottom:12px;font-size:8px}
  .tracking-controls{display:grid;grid-template-columns:1fr auto;gap:16px 12px;padding:19px 20px 22px}
  .tracking-play{grid-column:1/-1;width:100%;min-height:48px}
  .tracking-points{font-size:8px;letter-spacing:.07em}
  .tracking-percent{font-size:14px}
  .form-submit{min-width:0;gap:12px;white-space:normal;text-align:left;padding:10px 15px 10px 17px}
  .form-submit .button-label{overflow-wrap:anywhere}
}
@media(max-width:520px) and (max-height:720px){
  .hero-grid{padding-top:94px}
  .hero-copy h1{font-size:clamp(40px,11vw,49px)}
  .hero-subtitle{font-size:14px;line-height:1.42}
  .transport-scene{--scene-start:420px}
}
@media(prefers-reduced-motion:reduce){
  .tracking-play,.tracking-scrub input{scroll-behavior:auto}
  .transport-scene{transition:none}
}