.tracking-board{align-items:start;gap:clamp(20px,2.4vw,34px);display:grid}@media (width>=1200px){.tracking-board{grid-template-columns:minmax(0,1fr) minmax(300px,372px)}}.tracking-board__cards{gap:16px;display:grid}.tracking-card{border-radius:var(--radius-lg);background:var(--color-surface-soft);cursor:pointer;transition:background var(--duration-micro) ease, border-color var(--duration-micro) ease, box-shadow var(--duration-micro) ease;border:1px solid #0000;grid-template-columns:52px minmax(0,1fr);display:grid;overflow:hidden}.tracking-card:hover{border-color:#dcd8d3}.tracking-card.is-selected{border-color:var(--color-accent);box-shadow:var(--shadow-card);background:#fff}.tracking-card:focus-visible{outline-offset:-3px}.tracking-card__date{background:var(--color-accent-surface);color:#fff;font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.4px;white-space:nowrap;writing-mode:vertical-rl;place-items:center;margin:0;padding:18px 0;font-weight:700;display:grid;transform:rotate(180deg)}.tracking-card__body{gap:2px;padding:clamp(16px,2vw,22px);display:grid}.tracking-card__number{font-size:var(--text-md);font-variant-numeric:tabular-nums;letter-spacing:.2px;margin:0;font-weight:900}.tracking-card__route{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.tracking-card__place{gap:2px;min-width:0;display:grid}.tracking-card__place--end{text-align:right}.tracking-card__place b{font-size:var(--text-base);font-weight:700}.tracking-card__place time{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tracking-rail{height:14px;margin:30px 0 16px;position:relative}.tracking-rail__line{background:#d3cfca;border-radius:1px;height:2px;position:absolute;top:6px;left:7px;right:7px}.tracking-rail__line--done{width:calc((100% - 14px) * var(--tracking-progress));background:var(--color-ink);right:auto}.tracking-rail__truck{bottom:calc(100% + 8px);left:calc(7px + (100% - 14px) * var(--tracking-progress));color:var(--color-accent-surface);transition:left var(--duration-panel) var(--ease-travel);position:absolute;transform:translate(-50%)}.tracking-rail__steps{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.tracking-rail__step{color:#fff;background:#fff;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;display:grid;box-shadow:inset 0 0 0 2px #c9c5c0}.tracking-rail__step.is-done,.tracking-rail__step.is-current{background:var(--color-ink);box-shadow:none}.tracking-rail__step.is-arrived{box-shadow:none;background:#157347}.tracking-card__status{color:var(--color-muted);font-size:var(--text-base);margin:0;font-weight:700}.tracking-card__status.is-arrived{color:#157347}.tracking-recap{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);background:#fff;padding:clamp(18px,2.2vw,26px)}@media (width>=1200px){.tracking-recap{top:var(--sticky-top);position:sticky}}.tracking-recap__title{font-size:var(--text-lg);letter-spacing:-.2px;margin:0;font-weight:900}.tracking-recap__number{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.2px;margin:2px 0 0}.tracking-recap__lines{margin:var(--heading-space) 0 0;gap:12px;padding:0;list-style:none;display:grid}.tracking-recap__line{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:10px;display:grid}.tracking-recap__quantity{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tracking-recap__name{color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.tracking-recap__sum{font-size:var(--text-base);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.tracking-recap__totals{border-top:1px solid var(--color-border);gap:8px;margin:18px 0 0;padding-top:18px;display:grid}.tracking-recap__totals>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tracking-recap__totals dt{color:var(--color-muted);font-size:var(--text-base)}.tracking-recap__totals dd{font-size:var(--text-base);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.tracking-recap__total{border-top:1px solid var(--color-border);font-size:var(--text-md);justify-content:space-between;align-items:baseline;gap:16px;margin:18px 0 0;padding-top:18px;font-weight:900;display:flex}.tracking-recap__total b{color:var(--color-accent-ink);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.tracking-recap__payment-title{font-size:var(--text-md);margin:24px 0 0;font-weight:900}.tracking-recap__payment-note{color:var(--color-muted);font-size:var(--text-xs);margin:4px 0 0}.tracking-recap__payment{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tracking-recap__rail{color:var(--color-muted);font-size:var(--text-base);align-items:center;gap:12px;display:flex}.tracking-recap__rail.is-chosen{color:var(--color-ink);font-weight:700}.tracking-recap__mark{border-radius:var(--radius-xs);color:#fff;background:#fff;border:2px solid #c9c5c0;flex:none;place-items:center;width:20px;height:20px;display:grid}.tracking-recap__rail.is-chosen .tracking-recap__mark{border-color:var(--color-accent-surface);background:var(--color-accent-surface)}.tracking-recap__action{border-radius:var(--radius-sm);background:var(--color-accent-surface);color:#fff;min-height:48px;font-size:var(--text-base);letter-spacing:.6px;text-transform:uppercase;transition:background var(--duration-micro) ease;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:0 20px;font-weight:900;text-decoration:none;display:flex}.tracking-recap__action:hover{background:var(--color-accent-surface-hover)}.tracking-recap__disclaimer{color:var(--color-muted);font-size:var(--text-xs);margin:14px 0 0;line-height:1.6}.tracking-board__empty{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);text-align:center;grid-column:1/-1;padding:clamp(28px,4vw,48px) 24px}.tracking-board__empty-title{font-size:var(--text-lg);font-weight:700;display:block}.tracking-board__empty-hint{max-width:48ch;color:var(--color-muted);font-size:var(--text-base);margin:8px auto 0;line-height:1.6}.tracking-board__empty-action{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink);font-size:var(--text-base);transition:border-color var(--duration-micro) ease;background:#fff;align-items:center;margin-top:20px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.tracking-board__empty-action:hover{border-color:#d5d1cc}@media (width<=460px){.tracking-card{grid-template-columns:minmax(0,1fr)}.tracking-card__date{writing-mode:horizontal-tb;justify-content:start;padding:10px 16px;transform:none}}@media (prefers-reduced-motion:reduce){.tracking-card,.tracking-rail__truck,.tracking-recap__action,.tracking-board__empty-action{transition:none}}.ps-controls{align-items:center;gap:var(--ps-controls-gap,8px);flex:none;display:flex}.brand-strip{margin-block:var(--band-space);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:clamp(12px,2vw,28px);display:grid}.brand-strip__arrow{color:#181818}.ps-scroller.brand-strip__scroller{--ps-bleed-inline:7px;--ps-bleed-top:10px;--ps-bleed-bottom:10px}.ps-track.brand-strip__track{align-items:center;gap:clamp(28px,3vw,46px)}.brand-chip{flex:0 0 clamp(96px,7.5vw,116px)}.brand-chip__mark{color:#6f6f6c;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.brand-chip svg{flex:none;width:25px;height:25px}.brand-chip strong{color:currentColor;font-size:var(--text-lg);white-space:nowrap;font-weight:900;line-height:1}.brand-chip.is-word strong{letter-spacing:-1.2px;font-size:21px}.brand-chip.is-dots strong{letter-spacing:.2px;font-size:20px;position:relative}.brand-chip.is-dots strong:before,.brand-chip.is-dots strong:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;left:1px}.brand-chip.is-dots strong:before{bottom:-7px}.brand-chip.is-dots strong:after{bottom:-4px;left:9px}.brand-chip.is-bolt strong{font-style:italic}@media (width<=920px){.brand-strip__track{gap:28px}}@media (width<=560px){.brand-strip{gap:10px}.brand-strip__track{gap:20px}.brand-chip{flex-basis:104px}.brand-chip strong{font-size:var(--text-md)}}.tracking-hero{margin-top:var(--heading-space);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,44px);padding:clamp(24px,3.4vw,48px);display:grid;position:relative;overflow:hidden}.tracking-hero__map{width:100%;height:100%;position:absolute;inset:0}.tracking-hero:after{content:"";background:linear-gradient(100deg,#fffffff5 0%,#ffffffe0 34%,#fff0 68%);position:absolute;inset:0}.tracking-hero__copy,.tracking-hero__truck{z-index:var(--z-raised);position:relative}.tracking-hero__heading{font-size:var(--display-lg);letter-spacing:-.4px;text-wrap:balance;margin:0;font-weight:900;line-height:1.15}.tracking-hero__intro{max-width:54ch;color:var(--color-muted);font-size:var(--text-md);margin:14px 0 0;line-height:1.7}.tracking-hero__truck{justify-self:end;width:clamp(168px,24vw,320px);height:auto}@media (width<=720px){.tracking-hero{grid-template-columns:minmax(0,1fr)}.tracking-hero:after{background:linear-gradient(#fffffff0 0%,#ffffffdb 56%,#ffffff47 100%)}.tracking-hero__truck{justify-self:center;width:min(220px,62%)}}