@font-face{font-family:Montserrat;src:url('/assets/brand/montserrat.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url('/assets/brand/bebas-neue.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#f6f2ec;--muted:#bdb3a9;--orange:#f97316;--orange-soft:#302015;--green:#a9dcbe;--line:#342d27;--surface:#161616;--paper:#0a0a0a;--radius:22px;font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}:is(.intro,.lookup-card,.tracking-top,.status-card,.waiting-art,.map-heading,.pin-shape) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff9a4d;outline-offset:4px}button{transition:background-color .18s,box-shadow .18s}button:hover{filter:brightness(.97)}
.site-header{max-width:1200px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand img{display:block}.brand-sub{display:block;letter-spacing:3.5px;font-size:9px;font-weight:650;margin-top:2px}.header-label{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted)}.text-button{border:0;background:none;color:var(--ink);padding:10px 0;min-height:44px;font-size:13px;display:flex;gap:12px;align-items:center}.demo-banner{padding:9px 24px;background:#352310;color:#ffd297;font-size:12px;text-align:center;line-height:1.5}
main{max-width:1200px;padding:26px 32px 32px;margin:auto}.home{min-height:calc(100svh - 195px);display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center}.intro{max-width:565px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.6px;font-weight:700}.small-line{height:2px;width:24px;background:var(--orange)}.intro h1{font-size:clamp(40px,4.6vw,62px);line-height:1.12;letter-spacing:-2.6px;margin:22px 0 25px;font-weight:720}.intro h1 span{color:#ff8b35}.intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px}.journey-preview{display:flex;align-items:center;margin:38px 0;gap:13px}.preview-stop{display:flex;flex-direction:column;gap:12px;font-size:11px;color:var(--muted);line-height:1.6;white-space:nowrap}.preview-stop strong{font-size:12px;font-weight:650;color:var(--ink)}.preview-dot{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a3b31;border-radius:50%;background:var(--surface);font-weight:650;color:var(--ink)}.preview-dot.orange{background:var(--orange-soft);border-color:#7c4a26;color:#ffc78f}.preview-line{height:1px;width:40px;background:#49301e;align-self:flex-start;margin-top:17px}.intro .privacy-note{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.5}.privacy-note svg{width:17px;height:17px;color:#93ae9c}
.lookup-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:0 25px 65px #0008}.card-icon{display:grid;place-items:center;background:#271b13;color:var(--ink);width:46px;height:46px;border-radius:14px;margin-bottom:22px}.card-icon svg{width:25px;height:25px}.lookup-card h2{font-size:24px;letter-spacing:-.7px;margin:0 0 9px}.lookup-card>p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 25px}.lookup-card label{display:block;font-size:13px;font-weight:650;margin:21px 0 9px}input{width:100%;height:52px;border:1px solid #433a34;border-radius:10px;background:var(--surface);padding:0 15px;color:var(--ink);font-size:16px}input:focus{border-color:#f6f2ec}input::placeholder{color:#9e958c}small#pv-help{display:block;font-size:11px;margin-top:7px;color:var(--muted)}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 18px;min-height:52px;margin-top:26px;border:0;background:var(--ink);color:#fff;border-radius:10px;font-size:14px;font-weight:600}.link-note{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;display:flex;gap:12px;font-size:11px;line-height:1.75;color:var(--muted)}.link-note strong{font-weight:500;color:var(--ink)}.form-error{padding:12px;background:#3b1e18;border-radius:8px;font-size:13px;color:#ffada1;line-height:1.6;margin-bottom:0}.demo-tools{grid-column:1/-1;border:1px dashed #57402d;padding:14px 18px;border-radius:12px;font-size:12px;color:#ffd297}.demo-tools summary{cursor:pointer;min-height:28px}.demo-tools button{background:var(--surface);border:1px solid #57402d;border-radius:6px;min-height:44px;padding:9px 12px;margin:3px;color:#ffd297;font-size:12px}
.tracking-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px;gap:20px}.tracking-top h1{font-size:28px;letter-spacing:-1px;margin:12px 0 0}.tracking-top h1 span{font-weight:400;color:var(--muted)}.secondary-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:0 14px;background:var(--surface);font-size:12px;color:var(--ink)}.secondary-button svg{width:17px;height:17px}.tracking-grid{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:stretch}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.status-kicker{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#ffd2a7;display:flex;align-items:center;gap:7px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#ff8b35}.status-card h2{font-size:30px;line-height:1.18;font-weight:700;letter-spacing:-1px;margin:20px 0 14px}.status-card>p:not(.updated){font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 23px}.eta{background:var(--orange-soft);padding:18px 20px;border-radius:14px;margin-bottom:24px;display:flex;flex-direction:column;gap:6px}.eta>span{font-size:11px;color:#ffd2a7}.eta strong{font-size:34px;letter-spacing:-1px;color:#ff9c55}.eta small{font-size:10px;color:#dfb58c;line-height:1.6}.schedule{display:flex;gap:10px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.schedule>div{display:flex;flex-direction:column;gap:4px}.schedule span{font-size:11px;color:var(--muted)}.schedule strong{font-size:13px;font-weight:600}.schedule svg{width:18px;height:18px;color:var(--muted)}.step-mark{border:1px solid #49413a;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:var(--surface);font-size:11px;flex-shrink:0}.progress li.current{color:var(--ink)}.progress li.current .step-mark{background:var(--orange);color:white;border-color:var(--orange);box-shadow:0 0 0 4px #432a18}.progress li.done{color:#bbd4c4}.progress li.done .step-mark{background:#1e3027;color:var(--green);border-color:#3d6652}.updated{border-top:1px solid var(--line);padding-top:18px;margin:26px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}.connection-notice{background:#382715;color:#ffcc94;border:1px solid #694624;padding:13px 18px;border-radius:12px;margin-bottom:18px;font-size:13px;line-height:1.6}
.waiting-card{border:1px solid var(--line);background:#191613;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.waiting-art{width:180px;height:150px;margin-bottom:22px}.waiting-art svg{width:100%;height:100%;stroke-width:1.8}.art-line{stroke:#977961}.art-wheel{fill:#191613;stroke:#977961}.art-sun{stroke:#ff943c}.waiting-card h3{font-size:23px;letter-spacing:-.6px;margin:0 0 12px}.waiting-card p{font-size:13px;line-height:1.8;color:var(--muted);max-width:310px;margin:0}.map-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:540px}.map-heading{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.map-heading>span{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff913b;box-shadow:0 0 0 4px #40261a}.map-center{display:grid;place-items:center;width:44px;height:44px;background:#221c18;border:1px solid var(--line);border-radius:9px;color:var(--ink)}#map{flex:1;min-height:360px;background:#d6d5ca;z-index:0}.map-legend{display:flex;align-items:center;gap:15px;padding:15px 18px;color:var(--muted);font-size:10px}.map-legend>span{display:flex;align-items:center;gap:6px}.map-legend>span:last-child{margin-left:auto;font-size:9px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.truck-dot{background:var(--orange)}.destination-dot{background:var(--ink)}.route-note{font-size:10px;margin:0;padding:0 18px 14px;color:var(--muted);line-height:1.5}.truck-pin,.destination-pin{background:none;border:0}.pin-shape{display:grid;place-items:center;width:44px;height:44px;border:3px solid white;border-radius:15px;box-shadow:0 4px 12px #172e4729;background:var(--orange);color:white}.pin-shape svg{width:25px;height:25px;stroke-width:1.9}.destination-pin .pin-shape{width:36px;height:36px;background:var(--ink);border-radius:50%}.destination-pin svg{width:18px;height:18px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important}.leaflet-touch .leaflet-bar{border:1px solid #514336;box-shadow:0 2px 10px #0004}.leaflet-touch .leaflet-bar a{color:var(--ink);width:38px;height:38px;line-height:38px}
footer{max-width:1200px;padding:20px 32px 24px;margin:auto;display:flex;justify-content:space-between;color:#a99d91;font-size:10px;gap:12px;border-top:1px solid #2d2723}footer>span:first-child{font-weight:600}
@media(min-width:1400px){.tracking-grid{min-height:620px}.home{gap:100px}.lookup-card{max-width:470px}}@media(max-width:980px){.home{gap:34px}.intro h1{font-size:44px}.lookup-card{padding:27px}.journey-preview{gap:9px}.preview-line{width:22px}.tracking-grid{grid-template-columns:330px 1fr;gap:16px}.status-card{padding:24px}.status-card h2{font-size:28px}}
@media(max-width:760px){.site-header{padding:18px 20px}.brand{font-size:20px}.brand img{width:34px;height:34px}.brand-sub{font-size:8px}.header-label{display:none}main{padding:22px 20px 30px}.home{grid-template-columns:1fr;gap:26px;min-height:auto}.intro h1{font-size:42px;letter-spacing:-1.9px;margin:16px 0}.intro>p{font-size:14px;max-width:480px;margin:0}.journey-preview,.intro .privacy-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.lookup-card{padding:25px 23px;border-radius:20px}.card-icon{width:38px;height:38px;border-radius:11px;margin-bottom:17px}.lookup-card h2{font-size:21px}.lookup-card>p{font-size:12px;margin-bottom:19px}.lookup-card label{margin-top:19px}input{height:50px}.primary-button{margin-top:23px}.link-note{margin-top:23px;padding-top:20px}.demo-tools{font-size:11px}.tracking-top{margin:0 0 22px;gap:12px}.tracking-top h1{font-size:23px;margin-top:8px}.tracking-top h1 span{display:inline-block}.text-button{font-size:11px;gap:6px}.secondary-button{padding:0 11px;font-size:11px;min-height:42px}.tracking-grid{grid-template-columns:1fr;gap:16px}.status-card{border-radius:20px;padding:23px}.status-card h2{font-size:30px;max-width:290px;margin:16px 0 12px}.status-card>p:not(.updated){font-size:12px;line-height:1.7;margin-bottom:20px}.schedule{margin-bottom:20px;padding-bottom:18px}.updated{margin-top:22px;padding-top:15px}.waiting-card{padding:25px 24px;border-radius:20px}.waiting-art{width:135px;height:105px;margin-bottom:12px}.waiting-card h3{font-size:19px}.waiting-card p{font-size:12px}.map-card{min-height:420px;order:-1;border-radius:20px}#map{min-height:330px}.tracking-grid.has-map .status-card .schedule{margin-bottom:0;padding-bottom:0;border-bottom:0}.tracking-grid.has-map .status-card{order:-2}.tracking-grid.has-map .status-card .eta{margin-bottom:18px}.tracking-grid.has-map .status-card h2{font-size:27px;margin-top:12px}.eta{padding:16px 18px}.eta strong{font-size:32px}.eta small{font-size:10px}.map-legend{padding:12px;font-size:9px;gap:10px}.map-legend>span:last-child{font-size:8px}footer{padding:18px 20px;font-size:9px;flex-wrap:wrap}.demo-banner{font-size:10px;padding:7px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Visual identity from the customer registration site: charcoal, orange, and subtle wood grain. */
body{background:radial-gradient(ellipse at 80% 8%,#f9731611,transparent 38%),repeating-linear-gradient(97deg,transparent 0 2px,#f9731603 2px 4px);min-height:100svh}
.brand{gap:13px;font-size:17px;font-weight:800;letter-spacing:.01em}
.brand img{width:66px;height:auto;filter:drop-shadow(0 0 12px #f9731638)}
.brand-sub{color:#ff9853;letter-spacing:.24em;font-weight:700}
.eyebrow,.header-label{color:#ff9b55}
.intro h1,.lookup-card h2,.tracking-top h1,.status-card h2,.waiting-card h3{font-family:"Bebas Neue",Montserrat,sans-serif;font-weight:400;letter-spacing:.02em}
.intro h1{font-size:clamp(55px,6.8vw,94px);line-height:.96}
.intro h1 span{color:#ff8b35}
.lookup-card h2{font-size:37px;line-height:1.05}
.tracking-top h1{font-size:40px;line-height:1}
.tracking-top h1 span{font-family:Montserrat,system-ui,sans-serif;font-size:.51em;letter-spacing:.015em;font-weight:600}
.status-card h2{font-size:42px;line-height:1}
.waiting-card h3{font-size:31px}
.lookup-card,.status-card,.map-card{position:relative;box-shadow:0 24px 60px #0005}
.lookup-card::before,.status-card::before,.map-card::before{content:"";position:absolute;top:0;left:11%;right:11%;height:1px;background:linear-gradient(90deg,transparent,#f97316aa,transparent);pointer-events:none}
input{background:#0d0d0d;color:var(--ink)}
input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f9731635}
.primary-button{background:linear-gradient(135deg,#ff9a4d,#f97316);color:#1b1009;font-weight:800;box-shadow:0 7px 28px #f9731625}
.primary-button:hover{filter:brightness(1.1)}
.progress li.current .step-mark{color:#241308;font-weight:800}
.eta strong{font-variant-numeric:tabular-nums}
.leaflet-tile-pane{filter:saturate(.55) brightness(.92)}
.leaflet-touch .leaflet-bar a,.leaflet-bar a{background:#1c1815;color:#fff5ea;border-color:#41362d}
.leaflet-container .leaflet-control-attribution{background:#201a16e8;color:#fff1e4}
.leaflet-container .leaflet-control-attribution a{color:#ffbe8c}
.destination-pin .pin-shape{background:#211811;color:#ffba84;border-color:#fff2df}
.truck-pin{display:grid;place-items:center}
.truck-placeholder{grid-area:1/1;width:16px;height:16px;border:3px solid #fff3e6;border-radius:50%;background:var(--orange);box-shadow:0 2px 10px #0008}
.truck-model{grid-area:1/1;width:68px;height:68px;pointer-events:none;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 3px 5px #000b)}
.truck-pin:has(canvas[data-rendered]) .truck-placeholder{visibility:hidden}
@media(max-width:760px){
  .brand{font-size:15px;gap:9px}.brand img{width:48px;height:auto}
  .intro h1{font-size:clamp(46px,10vw,63px)}
  .lookup-card h2{font-size:32px}.tracking-top h1{font-size:34px}
  .status-card h2,.tracking-grid.has-map .status-card h2{font-size:36px}
  .waiting-card h3{font-size:27px}
}

/* Completed stages keep the same marker size and use a check instead of the numeral. */
.progress li.done .step-number{display:none}
.progress li.done .step-mark::after{content:"";width:10px;height:6px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:24px;padding:10px 17px;border:1px solid #407a58;border-radius:11px;background:#1c3528;color:#d5f7e2;text-decoration:none;font-size:13px;font-weight:750;line-height:1.4}
.whatsapp-button:hover{background:#284934}
.whatsapp-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}