:root{--bg:#0c0c0c;--panel:#181818;--line:#39302b;--text:#f5f4f2;--muted:#b8afab;--red:#e8290b;--orange:#ff6b1a;--gold:#ffb400;--green:#66dba4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:radial-gradient(ellipse 75% 35% at 90% 0%,#36120e,transparent 70%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.topbar{height:68px;padding:0 max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #272323;background:#0d0c0e;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar img{display:block;width:128px;max-width:35vw}.topbar>a:last-child{font-size:13px;font-weight:800;border:1px solid #6c3427;border-radius:9px;padding:10px 14px;min-height:44px;display:flex;align-items:center;gap:8px}
main{width:min(100% - 32px,1100px);margin:auto;padding:36px 0 70px}.hero{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px clamp(24px,5vw,62px);border:1px solid #6a251b;border-radius:20px;background:linear-gradient(115deg,#24100d 0%,#141213 60%,#2e120d 100%);overflow:hidden;position:relative}.hero::before{content:"";position:absolute;width:340px;height:340px;border:1px solid #863419;border-radius:50%;right:-130px;top:-120px;opacity:.55}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:800}.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,7vw,86px);line-height:.89;letter-spacing:.015em;margin:19px 0 17px}.hero h1 em{color:var(--orange);font-style:normal}.hero p{color:#d7c9c3;font-size:16px;line-height:1.55;margin:0}.hero-mark{font-family:'Bebas Neue',sans-serif;font-size:150px;line-height:1;color:#4b231a;transform:rotate(-12deg);white-space:nowrap}.hero-mark span{font-size:60px;color:var(--orange)}
.lookup{margin-top:25px;padding:28px clamp(20px,4vw,42px);border:1px solid var(--line);border-radius:18px;background:var(--panel)}.lookup-heading{display:flex;align-items:center;gap:15px}.step-number{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--red);font-family:'Bebas Neue',sans-serif;font-size:25px}.lookup h2,.results h2{font-family:'Bebas Neue',sans-serif;font-size:32px;line-height:1;margin:0}.lookup-heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.lookup form{margin-top:23px}.lookup label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.lookup-row{display:flex;gap:10px}.lookup input{flex:1;min-width:0;min-height:54px;padding:0 17px;border:1px solid #5b504d;border-radius:9px;background:#252224;color:#fff;font-size:17px;outline:none}.lookup input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e8290b33}.lookup button{min-height:54px;padding:0 24px;border:0;border-radius:9px;background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;font-weight:800;cursor:pointer}.lookup button:disabled{opacity:.65;cursor:wait}.feedback{min-height:20px;margin:12px 0 0;color:var(--muted);font-size:13px}.feedback.error{color:#ff9a87}
.results{margin-top:37px}.results-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:15px}.results h2{font-size:38px;margin-top:6px}.results-head>span{color:var(--muted);font-size:13px}.orders{display:grid;gap:13px}.order{border:1px solid var(--line);border-radius:15px;background:#191819;padding:20px 23px}.order-top{display:flex;align-items:start;justify-content:space-between;gap:14px}.order-number{display:block;color:var(--gold);font-size:17px;font-weight:800;letter-spacing:.03em;overflow-wrap:anywhere}.order-date{display:block;color:var(--muted);font-size:13px;margin-top:4px}.order-stage{display:inline-flex;align-items:center;min-height:33px;padding:6px 10px;border:1px solid #745127;border-radius:50px;background:#2e2114;color:#ffca72;font-size:12px;font-weight:800;text-align:center}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:23px}.progress-step{border-top:4px solid #403734;padding-top:9px;color:#8d8582;font-size:11px;font-weight:700}.progress-step.done{border-color:var(--green);color:#b7f2d4}.progress-step.current{border-color:var(--orange);color:#fff}.empty{border:1px dashed #685344;border-radius:14px;padding:26px;color:var(--muted);line-height:1.6}.help{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding:20px 23px;border:1px solid #4d3825;border-radius:14px;background:#211b17;color:#f1d7b8;font-size:14px}.help a{color:var(--gold);font-weight:800;text-decoration:underline;text-underline-offset:3px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #272323;padding:24px max(16px,calc((100vw - 1100px)/2));color:#8c8583;font-size:12px}footer a{text-decoration:underline}
@media(max-width:650px){.topbar{height:62px}main{width:min(100% - 24px,1100px);padding-top:17px}.hero{min-height:205px;padding:27px 23px}.hero h1{font-size:clamp(48px,13vw,67px)}.hero p{font-size:14px;max-width:300px}.hero-mark{position:absolute;right:-30px;bottom:-30px;font-size:115px;opacity:.45}.lookup{padding:23px 18px}.lookup-row{display:grid}.lookup button{width:100%}.results h2{font-size:32px}.order{padding:18px 16px}.order-top{display:block}.order-stage{margin-top:13px}.progress-step{font-size:9px}.help{display:block}.help a{display:block;margin-top:10px}footer{display:block}footer a{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.results-head>div>span:last-child{display:block;margin-top:6px;color:var(--muted);font-size:13px}.refresh-button{min-height:44px;padding:0 16px;border:1px solid #755039;border-radius:9px;background:#2b1c17;color:#ffd4ad;font-size:13px;font-weight:800;cursor:pointer}.refresh-button:disabled{opacity:.6;cursor:wait}
.order{max-width:720px;margin-inline:auto}.tracking-heading{display:flex;justify-content:space-between;gap:12px;margin-top:27px;font-size:13px}.tracking-heading span{color:var(--muted)}.tracking-progress{height:8px;margin:11px 0 25px;overflow:hidden;border-radius:100px;background:#493d39}.tracking-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .25s}.tracking-previous{display:block;width:100%;min-height:44px;margin:0 0 12px;padding:0 4px;border:0;background:none;color:#ffcd8b;font-size:13px;font-weight:800;text-align:left;cursor:pointer}.tracking-list{margin:0 0 0 16px;padding:0;border-left:2px solid #71402c;list-style:none}.tracking-step{position:relative;display:flex;gap:15px;min-height:62px;margin-left:-18px;padding-bottom:18px}.tracking-dot{z-index:1;display:grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid #655a55;border-radius:50%;background:#191819;color:#fff;font-size:13px;font-weight:800}.tracking-step.done .tracking-dot,.tracking-step.current .tracking-dot{border-color:var(--orange);background:var(--red)}.tracking-step-body{min-width:0;padding-top:4px}.tracking-step h3{margin:0;color:#b6aaa5;font-size:14px;line-height:1.3}.tracking-step.current h3{color:#fff;font-size:20px}.tracking-step.done h3{color:#ded8d4}.tracking-now{display:block;margin-top:4px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em}.tracking-step p{margin:7px 0 0;color:#c9beb8;font-size:13px;line-height:1.5}.tracking-more{min-height:44px;padding:0;border:0;background:none;color:#ffcd8b;font-size:12px;font-weight:700;cursor:pointer}.tracking-note{margin:20px 0 0;padding:14px 16px;border:1px solid #644328;border-radius:10px;background:#2a2118;color:#f5d7ae;font-size:13px;line-height:1.5}
.tracking-step.next .tracking-dot{border-color:var(--gold);background:#3b2b11;color:var(--gold);font-size:18px}.tracking-step.next .tracking-step-body{width:100%;margin:-8px 0 2px;padding:12px 14px;border:1px solid #785421;border-radius:11px;background:linear-gradient(110deg,#2b2118,#211b18)}.tracking-step.next h3{color:#fff;font-size:16px}.tracking-step.next p{color:#e3d2bc}.tracking-next{display:block;margin-bottom:6px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.13em}
@media(max-width:650px){.results-head{align-items:center}.refresh-button{flex:none;padding:0 10px}.tracking-step.current h3{font-size:18px}.tracking-heading{font-size:12px}}