.track-page{max-width:720px;margin:0 auto;padding-block:48px 24px;display:grid;gap:22px}.track-hero{text-align:center;display:grid;gap:14px;justify-items:center}.track-hero h1{font-size:clamp(34px,5vw,54px)}.track-hero p{color:var(--muted);margin:0}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:var(--soft);border-radius:var(--r-xl);padding:20px}.track-form .field input{background:var(--bg);border-color:transparent}.saved{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.saved button{border:0;background:var(--soft);border-radius:999px;padding:7px 14px;font-weight:600;font-size:13px;color:var(--ink)}.saved button:hover{background:var(--soft-2)}.track-res{display:grid;gap:16px}.order{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;display:grid;gap:20px;box-shadow:var(--shadow);animation:rise .5s var(--ease) both}.order-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:start}.order-top b{font-size:16px;font-family:var(--display)}.order-top small{display:block;color:var(--muted)}.order-top .amt{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;list-style:none;margin:0;padding:0}.steps li{display:grid;justify-items:center;gap:8px;text-align:center;font-size:13px;color:var(--muted);position:relative;z-index:1}.steps li i{width:32px;height:32px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;transition:all .3s}.steps li.done i{background:var(--ink);color:#fff}.steps li.now i{box-shadow:0 0 0 6px var(--sage)}.steps li.done{color:var(--ink);font-weight:600}.steps:before,.steps .bar{content:"";position:absolute;top:15px;inset-inline-start:12.5%;height:2px;background:var(--soft-2)}.steps:before{inset-inline-end:12.5%}.steps .bar{background:var(--ink);transition:width .8s var(--ease);z-index:0}.state{display:flex;gap:12px;align-items:center;background:var(--sage);color:var(--sage-ink);border-radius:var(--r);padding:14px 16px}.state b{display:block}.state span{font-size:14px;opacity:.85}.state.bad{background:var(--blush);color:var(--blush-ink)}.its{margin:0;padding:0;list-style:none;display:grid;gap:4px;color:var(--ink-2);font-size:14px}.tracking{font-size:14px;color:var(--muted)}.tracking code{background:var(--soft);padding:3px 8px;border-radius:6px;color:var(--ink);font-size:13px}.none{text-align:center;color:var(--muted);padding:20px}@media(max-width:640px){.track-form{grid-template-columns:1fr;border-radius:var(--r-lg)}}