:root{--navy:#0c3049;--ink:#17354a;--muted:#6f808a;--orange:#ee7a32;--line:#e4e9e9;--cream:#f5f5f0;--green:#128371}*{box-sizing:border-box}body{margin:0;background:#e7eceb;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.app-shell{max-width:520px;margin:auto;min-height:100dvh;background:var(--cream);padding-bottom:100px;box-shadow:0 0 60px #16384a0c}.app-header{display:flex;align-items:center;justify-content:space-between;padding:26px 26px 14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:850;letter-spacing:2px;line-height:1.2}.brand small{display:block;font-size:7px;letter-spacing:1.9px;margin-top:4px;font-weight:600}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--navy);color:white;border-radius:12px;font-size:24px;position:relative}.brand-mark span{position:absolute;right:-4px;top:-8px;color:var(--orange);font-size:24px}.country-pill{font-size:11px;border:1px solid #d5dfdc;border-radius:20px;padding:6px 10px;font-weight:700}.country-pill span{color:var(--green);margin-left:5px;font-size:8px}.intro{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 20px;overflow:hidden}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:var(--green);margin:0 0 12px}h1{font-size:36px;line-height:1.14;font-weight:730;letter-spacing:-1.5px;margin:0 0 12px}.intro p:last-child{font-size:11px;color:var(--muted);margin:0}.parcel-art{position:relative;width:83px;height:82px;flex-shrink:0;background:#e7b080;transform:rotate(-9deg);border-radius:6px 7px 9px 9px;margin-right:3px;box-shadow:10px 12px 0 #ead8c04d;border-right:18px solid #cd9366}.parcel-art:before{content:'';position:absolute;left:24px;top:0;width:15px;height:82px;background:#f2caa4}.parcel-art:after{content:'';position:absolute;inset:8px -30px -20px -15px;border:1px dashed #9bb6b1;border-radius:50%;z-index:-1;transform:rotate(-35deg)}.parcel-art span{position:absolute;left:10px;bottom:8px;font-size:30px;color:var(--navy)}.route-strip{display:flex;justify-content:space-between;align-items:center;margin:2px 26px 23px;font-size:10px;color:#627b86;gap:6px}.route-strip b{letter-spacing:2px;color:#aabfba;font-weight:400}.route-strip strong{color:var(--green);font-weight:650}.route-strip i{display:inline-block;background:var(--orange);width:5px;height:5px;border-radius:50%;margin-right:5px}.workspace{margin:0 15px;background:#fff;border:1px solid #e7ece9;border-radius:23px;padding:18px;box-shadow:0 10px 25px #12382704}.tabs{display:flex;gap:5px;background:#f1f4f3;padding:5px;border-radius:13px;margin-bottom:25px}.tabs button{width:50%;border:0;background:transparent;border-radius:9px;padding:11px 5px;font-size:12px;font-weight:650;color:#687d87}.tabs button[aria-selected=true]{background:var(--navy);color:white;box-shadow:0 3px 8px #09273912}.section-heading{display:flex;gap:11px;align-items:center;margin:0 0 22px}.step{font-size:11px;color:var(--green);background:#e9f4ef;border-radius:11px;padding:9px;font-weight:700}.section-heading h2{font-size:18px;letter-spacing:-.4px;margin:0 0 2px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:block;font-size:11px;font-weight:650;color:#536c7b}input,select{width:100%;min-height:48px;padding:12px;border:1px solid #dce5e4;border-radius:10px;background:#fff;color:var(--ink);outline:none;margin-top:7px;font-size:14px;min-width:0}input::placeholder{color:#9aa8af;font-size:12px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #12837113}input:read-only{background:#eff5f1}.measurement{margin-top:18px}.measurement-head{display:flex;justify-content:space-between;align-items:center}.unit-toggle{display:flex;gap:10px}.unit-toggle label{display:flex;align-items:center;gap:4px;font-size:10px}.unit-toggle input{width:13px;height:13px;min-height:0;margin:0;accent-color:var(--green)}.input-unit{position:relative}.input-unit input{padding-right:50px}.input-unit>span{position:absolute;right:13px;top:21px;font-size:11px;color:#7e939f}.dimensions{margin:17px 0}.dimensions summary{font-size:11px;cursor:pointer;color:var(--green);list-style:none;font-weight:650}.dimensions summary span{float:right}.dimensions p{font-size:11px;color:var(--muted);margin-top:12px}.dimensions[open]{padding-bottom:12px;border-bottom:1px solid var(--line)}label small{display:block;margin-top:5px;font-weight:400;font-size:10px}.rate-panel{background:#f6f8f5;border:1px solid #e5ece5;border-radius:12px;padding:14px;margin:17px 0}.rate-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:750;letter-spacing:1px}.rate-title span:last-child{letter-spacing:0;background:white;border:1px solid #dde7dc;padding:3px 7px;border-radius:20px;color:var(--green)}.rate-panel p{font-size:11px;color:#72857b;margin:8px 0 13px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;border:0;border-radius:11px;padding:13px 17px;background:var(--orange);color:white;font-size:13px;font-weight:750;margin-top:17px}.primary span{font-size:20px}.primary:disabled{opacity:.6;cursor:wait}.error{font-size:12px;padding:12px;background:#fff0eb;border:1px solid #f3d6c9;border-radius:10px;color:#a44025}.estimate{background:var(--navy);color:white;border-radius:15px;padding:21px;margin:21px -3px -3px}.estimate-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#a4bfc9;font-weight:650}.outline-pill{letter-spacing:.3px;border:1px solid #64818d;border-radius:15px;padding:3px 8px;color:#c9dedf}.estimate-price{font-size:42px;letter-spacing:-1.5px;font-weight:700;line-height:1.2;margin:15px 0 7px}.estimate-price small{font-size:14px;letter-spacing:1px;color:#adc5cb;font-weight:500}.estimate p{font-size:11px;color:#bdd0d7;margin:0 0 15px}.estimate>small{font-size:9px;color:#93afb9;display:block;line-height:1.7;margin-top:13px}.estimate-link{display:flex;justify-content:space-between;color:#ffd0a2;text-decoration:none;font-size:11px;padding-top:14px;border-top:1px solid #385467}.breakdown-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#c2d6dc;margin:6px 0}.breakdown-row:last-child{margin-bottom:16px}.tracking-empty{text-align:center;padding:40px 14px}.tracking-empty>span{display:block;color:var(--green);font-size:45px}.tracking-empty h3{font-size:16px;margin:10px 0}.tracking-empty p{font-size:12px;color:var(--muted)}.shipment-card{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.shipment-card h3{font-size:17px;margin:5px 0}.status-pill{display:inline-block;background:#e9f4ef;color:var(--green);padding:7px 10px;border-radius:9px;font-size:11px;margin-top:9px}.shipment-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.shipment-meta small,.shipment-meta strong{display:block;font-size:10px;color:var(--muted)}.shipment-meta strong{font-size:12px;color:var(--ink);margin-top:4px;overflow-wrap:anywhere}.timeline{list-style:none;margin:25px 0 0;padding:0}.timeline li{position:relative;margin:0 0 0 9px;padding:0 0 23px 26px;border-left:2px solid #e4eae8;font-size:12px;color:#7f9198}.timeline li:last-child{border:0;padding-bottom:5px}.timeline li:before{content:'';position:absolute;left:-6px;top:4px;background:#d7e0dd;border:2px solid white;border-radius:50%;width:10px;height:10px}.timeline li.done{color:var(--ink);border-color:#93c4b3}.timeline li.done:before{background:var(--green)}.timeline li.current:before{box-shadow:0 0 0 4px #e2f1e9}.timeline strong{font-weight:600}.timeline small{display:block;font-size:10px;color:#8a9b9f;margin-top:4px}.contact-card{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none}.contact-card>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#e9f4ef;color:var(--green);border-radius:11px;font-size:12px}.contact-card div{flex:1;min-width:0}.contact-card strong,.contact-card small{display:block}.contact-card strong{font-size:13px}.contact-card small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.help-note{font-size:11px;color:var(--muted);line-height:1.9;margin:23px 0}.page-footer{font-size:9px;color:#84968e;text-align:center;padding:24px 8px}.page-footer span{padding:0 6px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:flex;justify-content:space-around;padding:9px 20px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e4eae5;background:#fffffff5;backdrop-filter:blur(12px);z-index:5}.bottom-nav button{background:transparent;border:0;display:grid;gap:2px;justify-items:center;font-size:10px;color:#8b9ba2;width:80px;padding:3px 10px;font-weight:600}.bottom-nav button>span{font-size:23px;line-height:1.4;width:50px;border-radius:15px}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active>span{background:#e4f1e9}@media(min-width:600px){.app-shell{margin:25px auto;border-radius:25px;overflow:hidden}.bottom-nav{bottom:15px;border:1px solid #e4eae5;border-radius:20px;width:490px}.app-header{padding-top:30px}}@media(max-width:350px){h1{font-size:30px}.parcel-art{width:65px;height:70px}.workspace{padding:14px;margin:0 10px}.route-strip{font-size:9px}.route-strip b{letter-spacing:0}.field-grid{gap:10px}.app-header,.intro{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:no-preference){.primary,.tabs button{transition:background .15s,box-shadow .15s}.primary:hover{background:#d96622}}
*{-webkit-user-select:none;user-select:none}body{touch-action:manipulation}