:root{font-family:"DM Sans",Arial,sans-serif;color:#1d3029;background:#fbfcfa;font-synthesis:none;text-rendering:optimizeLegibility;--green:#17664d;--green-dark:#104e3a;--green-soft:#eaf3ee;--ink:#1d3029;--muted:#77837d;--line:#e8ede9;--gold:#c7a36c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-width:320px;margin:0}
a{color:inherit;text-decoration:none}
.site-header{height:82px;max-width:1240px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:white;font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:800;overflow:hidden}
.brand-mark svg{width:32px;height:32px}
.brand-name{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.5px;color:var(--ink)}
.brand-name strong{font-weight:800;color:var(--green)}
.header-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#5f6d66}
.header-nav a{transition:color .2s}
.header-nav a:hover,.footer-admin:hover{color:var(--green)}
.nav-admin{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.nav-admin span{margin-left:5px;color:var(--green)}
.hero{position:relative;max-width:1240px;min-height:520px;margin:0 auto;padding:68px 76px 76px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#f0f5f1 0%,#f5f7f2 56%,#e7f0e9 100%)}
.hero-copy{position:relative;z-index:2;max-width:580px}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 19px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:1.65px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #c7a36c20}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,"DM Sans",Arial,sans-serif}
h1{margin-bottom:17px;color:#1d3029;font-size:clamp(39px,5vw,60px);font-weight:700;line-height:1.13;letter-spacing:-2.5px}
h1 span{color:var(--green)}
.hero-description{max-width:450px;margin-bottom:28px;color:#69766f;font-size:15px;line-height:1.75}
.tracking-form{max-width:545px;padding:19px 20px 13px;border:1px solid #fff;border-radius:12px;background:#fff;box-shadow:0 12px 34px #2448330c}
.tracking-form label{display:block;margin-bottom:10px;color:#34453d;font-size:12px;font-weight:700}
.tracking-input-row{display:flex;align-items:center;gap:9px}
.input-icon{width:40px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;color:#8a978f}
.input-icon svg{width:20px;height:20px}
.tracking-input-row input{height:42px;min-width:0;flex:1;margin-left:-9px;padding:0 10px;border:1px solid var(--line);border-left:0;border-radius:0;outline:none;color:var(--ink);font:inherit;font-size:12px;letter-spacing:.15px}
.tracking-input-row input:focus{border-color:#a9c7b6}
.tracking-input-row input::placeholder{color:#aab4ae}
.tracking-input-row button{height:42px;padding:0 15px;border:0;border-radius:7px;background:var(--green);color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}
.tracking-input-row button:hover{background:var(--green-dark)}
.tracking-input-row button:disabled{cursor:wait;opacity:.7}
.tracking-input-row button span{margin-left:6px;font-size:16px}
.field-hint{margin:10px 0 0;color:#8a958f;font-size:10px;line-height:1.5}
.form-message{min-height:17px;margin:5px 0 0;color:#a23a35;font-size:12px}
.form-message:empty{min-height:0}
.trust-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:#77847c;font-size:11px}
.trust-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#deeee5;color:var(--green);font-size:10px;font-weight:800}
.hero-visual{position:relative;height:365px;max-width:450px;width:100%;justify-self:end}
.visual-glow{position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d9e9de 0%,#e5eee6a8 49%,transparent 72%)}
.visual-orbit{position:absolute;left:50%;top:50%;border:1px solid #4d81632a;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.orbit-a{width:370px;height:220px}.orbit-b{width:400px;height:280px;transform:translate(-50%,-50%) rotate(27deg)}
.route-line{position:absolute;z-index:1;left:62px;top:186px;width:270px;height:1px;border-top:1px dashed #81a591;transform:rotate(-24deg)}
.route-line-two{left:87px;top:211px;width:250px;transform:rotate(27deg)}
.route-point{position:absolute;z-index:2;width:21px;height:21px;display:grid;place-items:center;border:1px solid #c9ded0;border-radius:50%;background:#f1f7f2}
.route-point span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.point-one{left:47px;top:168px}.point-two{right:39px;top:112px}.point-three{right:51px;bottom:78px}
.parcel-card{position:absolute;z-index:3;top:76px;left:95px;width:253px;height:219px;padding:18px 20px 14px;border:1px solid #ffffffc9;border-radius:14px;background:#ffffffea;box-shadow:0 24px 55px #254a341c;transform:rotate(-3deg)}
.parcel-card-top{display:flex;justify-content:space-between;align-items:center;color:#92a097}
.parcel-chip{padding:4px 7px;border-radius:4px;background:#edf4ef;color:var(--green);font-size:8px;font-weight:800;letter-spacing:1px}
.parcel-dots{letter-spacing:2px;font-size:12px}
.box-illustration{position:relative;width:116px;height:112px;margin:7px auto 3px}
.box-front{position:absolute;left:13px;top:34px;width:71px;height:62px;transform:skewY(29deg);border-radius:4px 0 2px 5px;background:linear-gradient(135deg,#d6b388,#b68a5d);box-shadow:inset 0 -6px #a77d52}
.box-front span{position:absolute;right:10px;bottom:10px;width:20px;height:20px;border:1px solid #fff8;border-radius:2px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px)}
.box-side{position:absolute;right:6px;top:34px;width:39px;height:62px;transform:skewY(-29deg);transform-origin:left top;border-radius:0 4px 4px 0;background:linear-gradient(150deg,#a77b50,#8d6847)}
.box-top{position:absolute;z-index:2;left:17px;top:14px;width:74px;height:41px;transform:skewY(-29deg) rotate(0deg);border-radius:4px;background:linear-gradient(135deg,#e1c39e,#c49c70)}
.box-tape{position:absolute;z-index:3;left:48px;top:19px;width:14px;height:78px;transform:rotate(-29deg);border-radius:2px;background:#f0dfc6a8}
.parcel-card-footer{display:flex;align-items:center;gap:7px;color:#738078;font-size:9px}
.parcel-status-dot{width:7px;height:7px;border-radius:50%;background:#70a384;box-shadow:0 0 0 3px #70a38422}
.floating-label{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #fff;border-radius:8px;background:#fff;box-shadow:0 8px 24px #254a3412}
.label-origin{left:2px;top:66px}.label-destination{right:-3px;bottom:55px}
.label-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#e8f2eb;color:var(--green);font-size:17px}
.label-icon-light{background:#f5efe2;color:#a17d41}
.floating-label small,.floating-label strong{display:block}
.floating-label small{margin-bottom:3px;color:#9aa49e;font-size:7px;font-weight:700;letter-spacing:.8px}
.floating-label strong{color:#36473e;font-size:9px}
.tracking-result{max-width:940px;margin:32px auto 0;padding:29px 34px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 12px 35px #1d302908}
.tracking-result[hidden]{display:none}
.result-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}
.result-topline .eyebrow{margin-bottom:8px}
.result-topline h2{margin:0;font-size:25px;letter-spacing:-.8px}
.status-pill{padding:8px 12px;border-radius:30px;background:#eaf3ee;color:var(--green);font-size:11px;font-weight:700}
.result-code-row{display:flex;justify-content:space-between;gap:12px;margin:23px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.result-code-row strong{color:var(--ink);letter-spacing:.6px}
.result-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-10px 0 22px}
.result-actions p{margin:0;color:#89958e;font-size:10px;line-height:1.5}
.download-confirmation{display:inline-flex;align-items:center;gap:9px;min-height:39px;padding:0 14px;border:1px solid #cfe1d4;border-radius:7px;background:#f0f7f2;color:var(--green-dark);font-size:11px;font-weight:700;white-space:nowrap}
.download-confirmation:hover{background:#e5f1e9}
.download-confirmation span{font-size:17px}
.download-confirmation[hidden]{display:none}
.timeline{display:grid;gap:0;margin:0;padding:3px 0 0;list-style:none}
.timeline-item{position:relative;display:grid;grid-template-columns:24px 1fr;gap:13px;min-height:66px}
.timeline-marker{position:relative;z-index:1;width:18px;height:18px;margin-top:2px;border:5px solid #e5eae6;border-radius:50%;background:#9ba89f}
.timeline-item.is-current .timeline-marker{border-color:#d9e9de;background:var(--green)}
.timeline-item:not(:last-child)::before{position:absolute;top:18px;bottom:-2px;left:8px;width:2px;background:#e5eae6;content:""}
.timeline-copy strong{display:block;margin:0 0 5px;color:#34473d;font-size:13px}
.timeline-copy span{display:block;color:#7b8880;font-size:11px;line-height:1.55}
.service-strip{max-width:1088px;margin:30px auto 0;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:#fff}
.service-item{display:flex;align-items:center;gap:13px}
.service-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#eef5f0;color:var(--green);font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800}
.service-item strong,.service-item span:last-child{display:block}
.service-item strong{margin-bottom:3px;color:#34453d;font-size:11px}
.service-item div span{color:#8a958f;font-size:10px}
.service-divider{width:1px;height:36px;background:var(--line)}
.how-section{max-width:1088px;margin:94px auto 90px}
.section-heading{margin-bottom:34px;text-align:center}
.section-heading .eyebrow{justify-content:center;margin-bottom:12px}
.section-heading h2{margin:0 0 10px;font-size:30px;letter-spacing:-1.2px}
.section-heading>p:last-child{margin:0;color:var(--muted);font-size:13px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.step-card{position:relative;min-height:205px;padding:25px 24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.step-number{position:absolute;top:22px;right:23px;color:#a5b2a9;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px}
.step-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:20px;border-radius:11px;background:#eef5f0;color:var(--green)}
.step-icon svg{width:22px;height:22px}
.step-card h3{margin:0 0 8px;color:#304138;font-size:14px}
.step-card p{max-width:280px;margin:0;color:#7d8982;font-size:11px;line-height:1.7}
.confirmation-info{max-width:1088px;margin:0 auto 78px;padding:27px 30px;display:flex;align-items:center;gap:22px;border:1px solid #e1ebe4;border-radius:13px;background:linear-gradient(110deg,#f0f6f1,#f8faf8)}
.confirmation-icon{width:49px;height:49px;display:grid;place-items:center;flex:none;border-radius:13px;background:#fff;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.4px;box-shadow:0 5px 16px #2448330c}
.confirmation-copy{flex:1}
.confirmation-copy .eyebrow{margin-bottom:7px}
.confirmation-copy h2{margin:0 0 6px;color:var(--ink);font-size:18px;letter-spacing:-.5px}
.confirmation-copy>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.confirmation-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dce8df;border-radius:7px;background:#fff;color:var(--green-dark);font-size:10px;font-weight:700;white-space:nowrap}
.confirmation-link:hover{border-color:#bcd4c3}
.contact-section{max-width:1088px;margin:0 auto 86px;padding:38px;display:grid;grid-template-columns:.76fr 1.24fr;gap:48px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 38px #1d302906}
.contact-copy{padding:7px 0}
.contact-copy .eyebrow{margin-bottom:14px}
.contact-copy h2{margin:0 0 12px;color:var(--ink);font-size:27px;letter-spacing:-1px;line-height:1.2}
.contact-copy>p:not(.eyebrow){margin:0;color:#758179;font-size:12px;line-height:1.8}
.contact-note{display:flex;align-items:flex-start;gap:9px;margin-top:22px;color:#6d7c72;font-size:10px;line-height:1.6}
.contact-note span{width:18px;height:18px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e8f2eb;color:var(--green);font-size:10px;font-weight:800}
.contact-form{display:grid;gap:14px;padding:21px;border:1px solid #edf1ed;border-radius:10px;background:#fbfcfb}
.contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-field label{display:block;margin-bottom:7px;color:#3d5045;font-size:10px;font-weight:700}
.contact-field label span{color:#8a958f;font-size:9px;font-weight:400}
.contact-field input,.contact-field textarea{width:100%;padding:10px 11px;border:1px solid #e1e8e2;border-radius:6px;background:#fff;color:var(--ink);outline:none;font:inherit;font-size:11px;transition:border .15s,box-shadow .15s}
.contact-field input{height:39px}
.contact-field textarea{min-height:110px;resize:vertical;line-height:1.6}
.contact-field input:focus,.contact-field textarea:focus{border-color:#8db49c;box-shadow:0 0 0 3px #17664d12}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#a3ada6}
.contact-submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.contact-submit{min-height:39px;padding:0 14px;border:0;border-radius:6px;background:var(--green);color:white;font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
.contact-submit:hover{background:var(--green-dark)}
.contact-submit:disabled{cursor:wait;opacity:.65}
.contact-submit span{margin-left:5px;font-size:14px}
.contact-feedback{min-height:14px;margin:0;color:#a23a35;font-size:10px;line-height:1.5}
.contact-feedback:empty{min-height:0}
.contact-feedback.is-success{color:var(--green)}
.contact-privacy{margin:0;color:#8a958f;font-size:9px;line-height:1.55}
.site-footer{max-width:1240px;min-height:82px;margin:0 auto;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}
.footer-brand .brand-mark{width:30px;height:30px;border-radius:9px;font-size:15px}
.footer-brand .brand-name{font-size:14px}
.footer-copy,.footer-admin{color:#8a958f;font-size:10px}
.footer-admin{font-weight:600}
.footer-links{display:flex;gap:16px;align-items:center}
@media(max-width:1120px){.confirmation-info,.contact-section{margin-right:24px;margin-left:24px}}
@media(max-width:960px){.hero{margin:0 18px;padding:55px 42px;grid-template-columns:1fr .8fr}.hero-visual{transform:scale(.88);transform-origin:center right}.service-strip,.how-section{margin-right:24px;margin-left:24px}.tracking-result{margin-right:24px;margin-left:24px}.contact-section{grid-template-columns:.8fr 1.2fr;gap:28px;padding:30px}}
@media(max-width:700px){.site-header{height:70px;padding:0 19px}.header-nav{gap:9px}.header-nav>a:first-child,.header-nav .nav-confirmation{display:none}.nav-admin{padding:9px 11px;font-size:10px}.header-nav>a[href="#contact"]{font-size:11px}.brand-name{font-size:15px}.brand-mark{width:34px;height:34px}.hero{min-height:0;margin:0 10px;padding:43px 22px 31px;grid-template-columns:1fr;border-radius:14px}.hero-visual{display:none}.hero-copy{max-width:none}h1{font-size:42px;letter-spacing:-1.8px}.hero-description{font-size:13px}.tracking-form{padding:15px}.tracking-input-row{flex-wrap:wrap}.tracking-input-row input{font-size:11px}.tracking-input-row button{flex:1}.service-strip{margin:20px 14px 0;padding:17px;align-items:flex-start;gap:14px;flex-direction:column}.service-divider{width:100%;height:1px}.service-item{gap:11px}.how-section{margin:68px 17px 65px}.section-heading h2{font-size:25px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:0;padding:21px}.step-icon{margin-bottom:14px}.tracking-result{margin:20px 12px 0;padding:22px}.result-topline h2{font-size:22px}.result-actions{align-items:flex-start;flex-direction:column;margin-top:-7px}.result-code-row{align-items:flex-start;flex-direction:column}.confirmation-info{margin:0 14px 57px;padding:21px;align-items:flex-start;gap:14px;flex-wrap:wrap}.confirmation-copy{min-width:calc(100% - 64px)}.confirmation-copy h2{font-size:16px}.confirmation-link{margin-left:63px}.contact-section{margin:0 12px 60px;padding:20px;grid-template-columns:1fr;gap:19px}.contact-copy h2{font-size:23px}.contact-form{padding:15px}.contact-fields-row{grid-template-columns:1fr}.contact-submit-row{align-items:flex-start;flex-direction:column-reverse}.contact-submit{width:100%}.site-footer{min-height:0;padding:18px 20px;gap:13px;flex-wrap:wrap}.footer-copy{order:3;width:100%}.footer-links{margin-left:auto;gap:12px}}
@media(max-width:420px){.site-header{padding:0 13px}.header-nav .nav-admin{display:none}}

/* Parcel tracking view inspired by familiar postal tracking patterns, branded for Colibri Express. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.saved-trackings{max-width:1088px;margin:22px auto 0;padding:20px 23px;border:1px solid var(--line);border-radius:12px;background:#fff}
.saved-trackings[hidden]{display:none}
.saved-trackings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.saved-trackings-heading .eyebrow{margin-bottom:6px}
.saved-trackings-heading h2{margin:0;font-size:19px;letter-spacing:-.4px}
.saved-tracking-list{display:grid;gap:8px}
.saved-tracking-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #edf0ed;border-radius:8px;background:#fbfcfb}
.saved-tracking-open{min-width:0;display:grid;gap:4px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.saved-tracking-open strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.saved-tracking-open span{color:#78847d;font-size:10px;letter-spacing:.2px}
.saved-tracking-remove{padding:7px 10px;border:1px solid #e1e7e2;border-radius:6px;background:#fff;color:#65736b;font:inherit;font-size:10px;cursor:pointer}
.saved-tracking-remove:hover{border-color:#b9c8bd;color:var(--green-dark)}
body.has-tracking-result{background:#fff}
body.has-tracking-result .site-header,body.has-tracking-result .site-footer{display:none}
body.has-tracking-result main>section:not(#tracking-result){display:none}
body.has-tracking-result .tracking-result{display:block;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}
.tracking-result[hidden]{display:none!important}
.tracking-toolbar{height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:0 max(20px,calc((100% - 760px)/2));background:var(--green);color:#fff}
.tracking-toolbar button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.tracking-toolbar button:hover{background:#ffffff20}
.tracking-back{font-size:29px;font-weight:300;line-height:1}
.tracking-toolbar-title{display:grid;justify-items:center;gap:2px;text-align:center}
.tracking-toolbar-title span{font-size:8px;font-weight:800;letter-spacing:1.3px}
.tracking-toolbar-title strong{font-family:Manrope,"DM Sans",Arial,sans-serif;font-size:19px;font-weight:800}
.tracking-save svg{width:25px;height:25px}
.tracking-save.is-saved{color:#fff}
.tracking-help{height:57px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 20px;border-bottom:1px solid #e7e7e7;color:#383838;font-size:13px;font-weight:700}
.tracking-help:hover{background:#fafafa}
.help-icon{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid #515151;border-radius:50%;font-family:Georgia,serif;font-size:17px;font-weight:700}
.help-arrow{margin-left:3px;color:#656565;font-size:17px}
.tracking-content{width:min(760px,100%);margin:0 auto;padding:22px 30px 48px}
.save-notice{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:13px;margin:0 0 31px;padding:20px 18px;border:1px solid #b9d0c0;border-radius:7px;background:#eef5f0;color:#39485e}
.save-notice[hidden]{display:none}
.notice-icon{width:23px;height:23px;display:grid;place-items:center;border:2px solid #6d7a89;border-radius:50%;font-family:Georgia,serif;font-weight:700}
.notice-copy strong{display:block;margin:0 0 4px;color:var(--green-dark);font-size:14px}
.notice-copy p{max-width:560px;margin:0;color:#505a68;font-size:13px;line-height:1.5}
.notice-copy button{margin-top:14px;padding:0;border:0;background:transparent;color:var(--green-dark);font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer}
.notice-copy button:hover{text-decoration:underline}
.notice-dismiss{align-self:start;padding:0;border:0;background:transparent;color:#4e5b6b;font-size:27px;font-weight:300;line-height:1;cursor:pointer}
.shipment-heading{display:grid;justify-items:center;padding:10px 0 25px;text-align:center}
.shipment-kind{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#4a4a4a;font-size:14px;font-weight:700}
.shipment-kind svg{width:23px;height:23px}
.shipment-code{max-width:100%;color:#373737;font-family:Manrope,"DM Sans",Arial,sans-serif;font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:.1px;overflow-wrap:anywhere}
.rename-toggle{display:flex;align-items:center;gap:9px;margin-top:17px;padding:9px 18px;border:2px solid var(--green);border-radius:30px;background:#fff;color:var(--green);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.rename-toggle span{font-size:15px}
.rename-toggle:hover{background:var(--green-soft)}
.rename-form{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px}
.rename-form[hidden]{display:none}
.rename-form input{width:min(230px,100%);min-height:38px;padding:0 10px;border:1px solid #cbd9e5;border-radius:6px;font:inherit;font-size:12px}
.rename-form button{padding:0 12px;border:0;border-radius:6px;background:var(--green);color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.rename-form .rename-cancel{border:1px solid #dce3e8;background:#fff;color:#57636b}
.tracking-feedback{min-height:16px;margin:9px 0 0;color:#52745d;font-size:11px}
.tracking-feedback:empty{min-height:0}
.progress-summary{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:20px;border-top:1px solid #d9d9d9}
.progress-endpoint{display:grid;align-content:start;gap:5px;color:#5c5c5c;font-size:14px;line-height:1.35}
.progress-endpoint strong{color:#3a3a3a;font-family:Manrope,"DM Sans",Arial,sans-serif;font-size:16px;font-weight:800}
.progress-endpoint-destination{text-align:right}
.progress-track-wrap{position:relative;margin:24px 0 28px;padding:0}
.progress-track{position:absolute;top:9px;right:8.333333%;left:8.333333%;height:6px;overflow:hidden;border-radius:10px;background:#e5ebe7}
.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .3s ease}
.progress-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.progress-step{display:grid;justify-items:center;gap:8px;min-width:0;text-align:center}
.progress-dot{z-index:1;width:19px;height:19px;border:2px solid #d5d5d5;border-radius:50%;background:#eee}
.progress-step.is-complete .progress-dot{border:0;background:var(--green)}
.progress-step.is-current .progress-dot{border:5px solid var(--green);background:#fff}
.progress-step.has-incident .progress-dot{border-color:#bd3d35;background:#bd3d35}
.progress-step small{max-width:94px;color:#656565;font-size:9px;line-height:1.25}
.progress-step.is-current small{color:#292929;font-weight:800}
.current-status-card{position:relative;margin:0 0 33px;padding:25px 20px 23px;border-top:5px solid var(--green);background:#fff;box-shadow:0 5px 17px #00000012;text-align:center}
.current-status-card.has-incident{border-top-color:#bd3d35}
.current-status-card.has-incident .current-status-kicker,.current-status-card.has-incident h2{color:#9e302b}
.current-status-card.has-incident::before{border-bottom-color:#bd3d35}
.current-status-card::before{position:absolute;top:-14px;left:var(--progress-caret-position, 8.333333%);width:0;height:0;transform:translateX(-50%);border-right:11px solid transparent;border-bottom:11px solid var(--green);border-left:11px solid transparent;content:""}
.current-status-kicker{display:block;margin-bottom:8px;color:#858585;font-size:9px;font-weight:800;letter-spacing:1px}
.current-status-card h2{margin:0 0 8px;color:#353535;font-family:Manrope,"DM Sans",Arial,sans-serif;font-size:clamp(18px,3vw,23px);font-weight:800;line-height:1.3}
.current-status-card time{display:block;color:#424242;font-size:15px;font-weight:800}
.current-status-card p{margin:9px 0 0;color:#666;font-size:12px;line-height:1.5}
.stage-details{padding:22px 0 0;border-top:1px solid #ededed}
.stage-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#3b3b3b;font-family:Manrope,"DM Sans",Arial,sans-serif;font-size:20px;font-weight:800;list-style:none;cursor:pointer}
.stage-details summary::-webkit-details-marker{display:none}
.stage-chevron{font-size:27px;font-weight:400;line-height:1;transition:transform .2s}
.stage-details:not([open]) .stage-chevron{transform:rotate(180deg)}
.tracking-timeline{position:relative;display:grid;gap:0;margin:20px 0 0;padding:0 0 0 14px;list-style:none}
.tracking-timeline::before{position:absolute;top:0;bottom:8px;left:8px;width:2px;background:#9ebca8;content:""}
.tracking-event{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:11px;min-height:84px;padding-bottom:17px}
.tracking-event:last-child{min-height:0;padding-bottom:0}
.tracking-event-marker{z-index:1;width:12px;height:12px;margin:6px 0 0 -11px;border:3px solid #9ebca8;border-radius:50%;background:#fff}
.tracking-event.is-current .tracking-event-marker{width:14px;height:14px;margin-top:5px;border-width:4px}
.tracking-event.has-incident .tracking-event-marker{border-color:#bd3d35}
.tracking-event-copy{min-width:0}
.tracking-event-date{display:inline-block;margin:0 0 7px;padding:4px 11px;border-radius:20px;background:#e8f1eb;color:var(--green-dark);font-size:12px;font-weight:800}
.tracking-event-copy p{margin:0;color:#3f3f3f;font-size:14px;line-height:1.45}
.tracking-event-location{display:block;margin-top:5px;color:#777;font-size:11px}
.tracking-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #ededed}
.download-confirmation{min-height:42px;padding:0 15px;border-color:var(--green);border-radius:6px;background:var(--green);color:#fff;font-size:11px}
.download-confirmation:hover{background:var(--green-dark)}
.download-confirmation[hidden]{display:none}
.copy-tracking-link{min-height:42px;padding:0 14px;border:1px solid #d9dfe2;border-radius:6px;background:#fff;color:#3f4a4c;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.copy-tracking-link:hover{background:#f8f9f9}
.tracking-disclaimer{margin:14px 0 0;color:#8b8b8b;font-size:10px;line-height:1.5}
@media(max-width:1120px){.saved-trackings{margin-right:24px;margin-left:24px}}
@media(max-width:700px){
  .saved-trackings{margin:18px 14px 0;padding:17px}
  .tracking-toolbar{height:70px;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;padding:0 15px}
  .tracking-toolbar button{width:38px;height:38px}
  .tracking-toolbar-title strong{font-size:18px}
  .tracking-help{height:54px;gap:8px;font-size:12px}
  .help-icon{width:23px;height:23px;font-size:15px}
  .tracking-content{padding:18px 19px 38px}
  .save-notice{grid-template-columns:24px minmax(0,1fr) 22px;gap:10px;margin-bottom:23px;padding:17px 13px}
  .notice-icon{width:21px;height:21px}
  .notice-copy strong{font-size:13px}
  .notice-copy p,.notice-copy button{font-size:12px}
  .shipment-heading{padding:5px 0 22px}
  .shipment-kind{margin-bottom:11px;font-size:13px}
  .shipment-code{font-size:25px}
  .progress-summary{gap:16px;padding-top:17px}
  .progress-endpoint{font-size:12px;line-height:1.3}
  .progress-endpoint strong{font-size:14px}
  .progress-track-wrap{margin:22px 0 24px;padding:0}
  .progress-track{right:8.333333%;left:8.333333%;height:5px;top:8px}
  .progress-step{gap:0}
  .progress-step small{display:none}
  .progress-dot{width:17px;height:17px}
  .progress-step.is-current .progress-dot{border-width:5px}
  .current-status-card{margin-bottom:27px;padding:22px 14px 20px}
  .current-status-kicker{font-size:8px}
  .current-status-card time{font-size:14px}
  .current-status-card p{font-size:12px}
  .stage-details{padding-top:19px}
  .stage-details summary{font-size:19px}
  .tracking-timeline{margin-top:18px;padding-left:12px}
  .tracking-event{grid-template-columns:14px minmax(0,1fr);gap:9px;min-height:80px;padding-bottom:15px}
  .tracking-event-marker{margin-left:-10px}
  .tracking-event-copy p{font-size:14px}
  .tracking-actions{display:grid;grid-template-columns:1fr;margin-top:24px}
  .tracking-actions a,.tracking-actions button{justify-content:center;width:100%}
}