@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17211f;--muted:#77837d;--paper:#f7f8f5;--white:#fff;--line:#e4eae5;--orange:#ff6845;--orange-soft:#fff0eb;--green:#4a9d70;--green-soft:#e8f5ed;--blue:#47799e;--shadow:0 18px 45px #1831270b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark{background:var(--orange);color:#fff;display:grid;place-items:center;width:32px;height:32px;border-radius:10px 10px 10px 3px;font-weight:800}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:16px;letter-spacing:-.5px}.brand-lockup small{font:8px 'DM Mono',monospace;color:#9ca7a1;letter-spacing:.5px;margin-top:2px}.public-nav{display:flex;gap:31px;color:#78837d;font-size:11px;font-weight:700}.public-nav a:first-child{color:var(--orange)}.admin-link{font-size:10px;font-weight:800}.admin-link span{color:var(--orange);font-size:14px;margin-left:4px}.hero{min-height:615px;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:90px 11vw 64px;overflow:hidden;background:#f8faf7}.hero-copy{position:relative;z-index:2}.eyebrow{font:500 9px 'DM Mono',monospace;letter-spacing:1.1px;color:#9aa59f}.accent{color:var(--orange)}h1{font-size:clamp(46px,5.8vw,78px);line-height:1.02;letter-spacing:-4px;margin:19px 0 21px;font-weight:800}h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:420px;color:#77837d;font-size:14px;line-height:1.7;margin-bottom:30px}.tracking-form{max-width:510px}.tracking-form label{display:block;font-size:10px;font-weight:800;margin-bottom:8px}.tracking-input{height:58px;background:#fff;border:1px solid #dfe7e0;border-radius:7px;display:flex;align-items:center;padding:5px 5px 5px 16px;box-shadow:0 8px 20px #172d2410}.tracking-input>span{color:#acb6b0;font-size:22px;margin-right:9px}.tracking-input input{border:0;outline:0;flex:1;min-width:0;color:var(--ink);font-size:13px}.tracking-input input::placeholder{color:#b5beb9}.tracking-input button{height:48px;border:0;border-radius:5px;background:var(--orange);color:#fff;padding:0 18px;font-size:10px;font-weight:800}.tracking-input button b{font-size:17px;font-weight:400;margin-left:8px}.tracking-form small{display:block;color:#a0aaa5;font-size:9px;margin-top:9px}.hero-trust{display:flex;align-items:center;gap:11px;margin-top:41px;color:#8d9892;font-size:9px;line-height:1.5}.hero-trust strong{color:#52605a}.trust-avatars{display:flex}.trust-avatars i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:2px solid #f8faf7;margin-right:-6px;background:#cde3d7;color:#478364;font-size:7px;font-weight:800}.trust-avatars i:nth-child(2){background:#f6dacd;color:#b56e55}.trust-avatars i:nth-child(3){background:#d8e2ec;color:#537897}.hero-art{min-height:440px;position:relative}.sun-disc{position:absolute;width:310px;height:310px;border-radius:50%;background:#f6d8bb;right:11%;top:25px;opacity:.75}.route-path{position:absolute;inset:37px 16% 100px 4%;border:1.5px dashed #d3b99f;border-color:#d3b99f transparent transparent transparent;border-radius:50%;transform:rotate(-10deg)}.route-dot{position:absolute;width:9px;height:9px;background:var(--orange);border:3px solid #fff;border-radius:50%;box-sizing:content-box}.route-dot.start{left:-1px;top:47%}.route-dot.end{right:-1px;top:0}.route-plane{position:absolute;right:35%;top:8%;font-size:22px;color:var(--orange);transform:rotate(22deg)}.luggage-illustration{position:absolute;left:26%;top:105px;width:190px;height:250px;transform:rotate(7deg)}.handle{width:65px;height:39px;border:11px solid #477967;border-bottom:0;border-radius:35px 35px 0 0;margin:0 auto -3px}.case{height:183px;background:#61977f;border-radius:12px 12px 17px 17px;box-shadow:inset -12px 0 #558a73,10px 15px 0 #dbb099;display:grid;place-items:center}.case:after{content:'';height:176px;border-left:1px solid #9fc0a9;position:absolute}.case-label{font:500 15px 'DM Mono',monospace;color:#d2ead8;border:1px solid #a8c9b4;padding:8px 6px}.wheel{position:absolute;width:22px;height:10px;border-radius:50%;background:#376554;bottom:-8px}.wheel.left{left:26px}.wheel.right{right:15px}.location-card{position:absolute;right:1%;bottom:56px;background:#fff;padding:14px 15px;border-radius:7px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);min-width:195px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);flex-shrink:0}.location-card small,.location-card strong{display:block}.location-card small{font:8px 'DM Mono',monospace;color:#a0aaa5}.location-card strong{font-size:11px;margin-top:5px}.signal{margin-left:auto;color:var(--green);font-size:18px}.art-stamp{position:absolute;left:4%;bottom:56px;color:#d4b294;font:10px 'DM Mono',monospace;line-height:1.5;letter-spacing:2px}.art-stamp strong{color:#bb8868}.section-wrap{max-width:1100px;margin:0 auto;padding:83px 30px}.tracking-result{padding-top:62px;padding-bottom:65px}.result-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.result-heading h2,.section-intro h2,.promise-band h2{font-size:27px;letter-spacing:-1.3px;margin:9px 0 6px}.result-heading p{color:#8c9791;font-size:11px;margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.in-transit{color:#d4694e;background:#fff0ea}.pending{color:#ad874c;background:#fff6df}.delivered{color:#478f68;background:#eaf6ee}.result-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:15px}.route-card,.shipment-info{background:#fff;border:1px solid var(--line);border-radius:8px;padding:29px;box-shadow:var(--shadow)}.route-line-head{display:flex;align-items:center;justify-content:space-between}.route-code{font:500 25px 'DM Mono',monospace;display:block}.route-line-head small{display:block;color:#9ca6a0;font-size:10px;margin-top:5px}.destination{text-align:right}.route-visual{flex:1;height:1px;background:#dfe7e1;margin:0 25px;position:relative}.route-visual span{position:absolute;background:#fff;color:var(--orange);padding:0 10px;left:calc(50% - 17px);top:-12px;font-size:18px}.progress-route{position:relative;height:8px;background:#edf2ee;border-radius:10px;margin:34px 2px 16px}.progress-route:before{content:'';position:absolute;height:100%;width:50%;border-radius:10px;background:var(--orange)}.progress-route.pending:before{width:5%;background:#e0bb73}.progress-route.delivered:before{width:100%;background:var(--green)}.progress-position{position:absolute;width:14px;height:14px;background:var(--orange);border:4px solid #ffddd4;border-radius:50%;left:calc(50% - 7px);top:-3px}.progress-route.delivered .progress-position{left:calc(100% - 7px);background:var(--green);border-color:#cce9d8}.route-meta{display:flex;justify-content:space-between;color:#9ca6a0;font-size:9px;line-height:1.7}.route-meta strong{color:#53605a;font-size:10px}.text-right{text-align:right}.shipment-info>div{border-bottom:1px solid var(--line);padding:14px 0}.shipment-info>div span,.shipment-info>div strong{display:block}.shipment-info>div span{color:#9ca6a0;font-size:9px}.shipment-info>div strong{font-size:11px;margin-top:5px}.live-note{display:flex;align-items:center;gap:9px;color:#7e8b84;font-size:9px;padding:15px 3px}.live-time{margin-left:auto;color:#a6afaa}.steps-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.5fr;gap:70px}.section-intro h2{margin-top:13px}.section-intro p{font-size:11px;color:#939e98;line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-grid article{border-left:1px solid var(--line);padding-left:18px}.step-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;font:500 10px 'DM Mono',monospace;margin-bottom:25px}.step-icon.orange{background:var(--orange-soft);color:var(--orange)}.step-icon.green{background:var(--green-soft);color:var(--green)}.step-icon.blue{background:#e8f1f7;color:var(--blue)}.steps-grid h3{font-size:12px;margin:0 0 9px}.steps-grid p{font-size:10px;color:#89958e;line-height:1.7;margin:0}.promise-band{background:var(--ink);color:#fff;padding:47px max(30px,calc((100% - 1040px)/2));display:flex;align-items:center;gap:70px}.promise-band .eyebrow{color:#8ea198}.promise-band h2{margin-bottom:0}.promise-band p{font-size:11px;color:#aebbb4;flex:1}.promise-band a{background:var(--orange);padding:13px 17px;border-radius:5px;font-size:10px;font-weight:800}.promise-band a span{font-size:15px;margin-left:8px}.site-footer{padding:29px 6vw;background:#fff;display:flex;align-items:center;justify-content:space-between;color:#9ba59f;font-size:9px}.site-footer .brand-mark{width:25px;height:25px;font-size:12px}.site-footer .brand-lockup strong{font-size:13px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:13px 17px;border-radius:6px;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:5}.toast.show{opacity:1;transform:none}@media(max-width:800px){.site-header{padding:0 20px}.public-nav{display:none}.admin-link{font-size:9px}.hero{grid-template-columns:1fr;padding:59px 24px 50px;min-height:auto}.hero-art{height:360px;min-height:0}.hero-copy>p{font-size:12px}.tracking-input button{padding:0 10px}.tracking-input button b{display:none}.luggage-illustration{left:25%;top:70px}.location-card{bottom:20px;right:0}.art-stamp{bottom:20px}.section-wrap{padding:56px 20px}.result-heading{align-items:flex-start;gap:15px;flex-direction:column}.result-grid,.steps-section{grid-template-columns:1fr;gap:18px}.steps-grid{gap:12px}.steps-grid article{padding:0 0 18px;border-left:0;border-bottom:1px solid var(--line)}.promise-band{padding:38px 20px;display:block}.promise-band p{margin:14px 0 23px}.site-footer{padding:25px 20px;gap:15px;flex-wrap:wrap}.site-footer>span:nth-child(2){order:3;width:100%}}
