:root { --navy:#073b65; --navy-deep:#052945; --blue:#139bc6; --red:#df2638; --ink:#142437; --muted:#5d6d7e; --line:#dce4ea; --soft:#f4f7f9; --white:#fff; --shadow:0 18px 44px rgba(5,41,69,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:92px; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,Arial,sans-serif; line-height:1.6; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
img { max-width:100%; }
.skip-link { position:fixed; top:-60px; left:16px; z-index:100; padding:10px 14px; color:#fff; background:var(--navy-deep); }
.skip-link:focus { top:12px; }
.service-bar { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:5px clamp(20px,5vw,76px); color:#dce8f2; background:var(--navy-deep); font-size:12px; }
.service-bar p { display:flex; align-items:center; gap:7px; margin:0; }
.service-bar svg { width:15px; }
.service-bar a { font-weight:700; }
.site-header { position:sticky; top:0; z-index:50; min-height:78px; display:flex; align-items:center; justify-content:space-between; padding:10px clamp(20px,5vw,76px); background:rgba(255,255,255,.97); border-bottom:1px solid var(--line); box-shadow:0 4px 18px rgba(5,41,69,.05); }
.brand { display:flex; align-items:center; flex:0 0 auto; }
.brand-logo { display:block; width:clamp(150px,16vw,205px); height:54px; object-fit:contain; object-position:left center; }
.nav-links { display:flex; align-items:center; gap:clamp(16px,2vw,30px); color:#24384b; font-size:13px; font-weight:700; }
.nav-links>a:not(.account-link):hover { color:var(--red); }
.account-link { min-height:44px; display:inline-flex; align-items:center; gap:8px; padding:10px 16px; color:#fff; background:var(--navy); border-radius:5px; }
.account-link svg { width:18px; }
.menu-button { display:none; width:44px; height:44px; align-items:center; justify-content:center; color:var(--navy); background:#fff; border:1px solid var(--line); border-radius:5px; }
.hero { position:relative; min-height:650px; display:flex; align-items:center; overflow:hidden; color:#fff; background:url("assets/logistics-hero.png") 62% center/cover no-repeat; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,34,57,.96) 0%,rgba(5,41,69,.88) 38%,rgba(5,41,69,.43) 68%,rgba(5,41,69,.12) 100%); }
.hero-inner { position:relative; width:min(100% - 40px,1370px); margin:0 auto; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr); gap:clamp(40px,7vw,110px); align-items:center; padding:72px 0 106px; }
.hero-copy { max-width:700px; }
.eyebrow { margin:0 0 12px; color:var(--red); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero .eyebrow { color:#65d0ee; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:22px; font-size:clamp(46px,6.2vw,76px); line-height:1.02; letter-spacing:0; }
h2 { margin-bottom:18px; color:var(--navy-deep); font-size:clamp(32px,4vw,48px); line-height:1.1; letter-spacing:0; }
h3 { color:var(--navy-deep); font-size:19px; line-height:1.3; }
.hero-copy>p:not(.eyebrow) { max-width:630px; margin-bottom:30px; color:#e1edf4; font-size:18px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 20px; border:0; border-radius:5px; font-weight:800; }
.button svg { width:18px; }
.button.primary { color:#fff; background:var(--red); box-shadow:0 10px 24px rgba(223,38,56,.22); }
.button.primary:hover { background:#c91f31; }
.button.light { color:var(--navy-deep); background:#fff; }
.button.dark { color:#fff; background:var(--navy); }
.tracking-panel { padding:28px; color:var(--ink); background:rgba(255,255,255,.97); border-top:5px solid var(--red); border-radius:6px; box-shadow:0 22px 55px rgba(0,0,0,.22); }
.panel-heading { display:flex; gap:14px; align-items:center; margin-bottom:24px; }
.panel-icon { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--navy); border-radius:5px; }
.panel-heading p { margin:0; color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; }
.panel-heading h2 { margin:2px 0 0; font-size:22px; }
.tracking-panel label { color:var(--navy-deep); font-size:13px; font-weight:800; }
.tracking-input { display:grid; grid-template-columns:1fr 52px; margin-top:8px; }
.tracking-input input { min-width:0; height:52px; padding:0 14px; border:1px solid #bfcbd5; border-right:0; border-radius:5px 0 0 5px; }
.tracking-input button { color:#fff; background:var(--red); border:0; border-radius:0 5px 5px 0; }
.tracking-input button svg { width:20px; }
.form-note { margin:11px 0 0; color:var(--muted); font-size:12px; }
.form-note.error { color:var(--red); }
.tracking-fields { display:grid; grid-template-columns:1fr 52px; gap:10px; align-items:end; }
.tracking-fields label { min-width:0; }
.tracking-fields input { height:52px; }
.tracking-fields button { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--red); border:0; border-radius:5px; }
.tracking-fields button svg { width:20px; }
.quick-actions { position:relative; z-index:5; width:min(100% - 40px,1220px); display:grid; grid-template-columns:repeat(4,1fr); margin:-42px auto 0; background:#fff; border-radius:6px; box-shadow:var(--shadow); }
.quick-actions a { min-height:98px; display:grid; grid-template-columns:40px 1fr 18px; gap:12px; align-items:center; padding:18px 22px; border-right:1px solid var(--line); }
.quick-actions a:last-child { border-right:0; }
.quick-actions a>svg:first-child { width:30px; color:var(--red); }
.quick-actions a>svg:last-child { width:17px; color:#82909d; }
.quick-actions span { min-width:0; }
.quick-actions strong,.quick-actions small { display:block; }
.quick-actions strong { color:var(--navy-deep); font-size:14px; }
.quick-actions small { color:var(--muted); font-size:11px; }
.section { width:min(100% - 40px,1220px); margin:0 auto; padding:92px 0; }
.section-heading { max-width:800px; margin-bottom:38px; }
.section-heading>p:not(.eyebrow),.split-heading>p { color:var(--muted); }
.split-heading { max-width:none; display:grid; grid-template-columns:1fr .75fr; gap:60px; align-items:end; }
.split-heading h2 { margin-bottom:0; }
.split-heading>p { margin-bottom:4px; }
.centered { margin-right:auto; margin-left:auto; text-align:center; }
.centered>p:not(.eyebrow) { max-width:690px; margin-right:auto; margin-left:auto; }
.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.solution-card { position:relative; padding:30px; border:1px solid var(--line); border-radius:6px; background:#fff; box-shadow:0 10px 28px rgba(5,41,69,.07); }
.solution-card.featured { border-top:4px solid var(--red); padding-top:27px; }
.card-icon { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:24px; color:var(--blue); background:#eaf7fb; border-radius:5px; }
.card-kicker { margin-bottom:5px; color:var(--red); font-size:11px; font-weight:800; text-transform:uppercase; }
.solution-card h3 { margin-bottom:11px; font-size:23px; }
.solution-card>p:not(.card-kicker) { color:var(--muted); }
.solution-card ul { display:grid; gap:8px; margin:20px 0 25px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); list-style:none; }
.solution-card li { display:flex; gap:9px; color:#405263; font-size:13px; }
.solution-card li svg { width:16px; color:var(--red); }
.solution-card>a { display:inline-flex; align-items:center; gap:7px; color:var(--navy); font-size:13px; font-weight:800; }
.solution-card>a svg { width:16px; }
.service-section { background:var(--soft); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-grid article { min-height:240px; padding:30px; background:#fff; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-grid article>svg { width:32px; height:32px; margin-bottom:22px; color:var(--red); }
.service-grid h3 { margin-bottom:10px; }
.service-grid p { margin:0; color:var(--muted); font-size:14px; }
.international { min-height:600px; display:grid; grid-template-columns:1.08fr .92fr; background:var(--navy-deep); }
.international-image { min-height:500px; background:linear-gradient(90deg,transparent 70%,var(--navy-deep)),url("assets/logistics-hero.png") 77% center/cover no-repeat; }
.international-copy { align-self:center; max-width:650px; padding:70px clamp(30px,6vw,90px) 70px clamp(30px,5vw,75px); }
.international-copy h2 { color:#fff; }
.international-copy>p:not(.eyebrow) { color:#becddd; }
.feature-list { display:grid; gap:16px; margin:28px 0; }
.feature-list>div { display:flex; gap:14px; align-items:center; color:#fff; }
.feature-list svg { width:24px; color:#63cbe8; }
.feature-list strong,.feature-list small { display:block; }
.feature-list small { color:#aabccd; }
.tools-layout { border:1px solid var(--line); border-radius:6px; box-shadow:var(--shadow); overflow:hidden; }
.tool-tabs { display:flex; background:var(--soft); border-bottom:1px solid var(--line); }
.tool-tab { min-height:58px; display:inline-flex; align-items:center; gap:9px; padding:12px 22px; color:var(--muted); background:transparent; border:0; border-right:1px solid var(--line); font-size:13px; font-weight:800; }
.tool-tab svg { width:18px; }
.tool-tab.active { color:var(--navy); background:#fff; box-shadow:inset 0 3px var(--red); }
.tool-panel { padding:32px; }
.tool-panel.active { display:grid; grid-template-columns:.7fr 1.3fr 210px; gap:32px; align-items:end; }
.tool-copy p { margin-bottom:0; color:var(--muted); font-size:14px; }
.calculator-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
label { color:var(--navy-deep); font-size:12px; font-weight:800; }
input,select,textarea { width:100%; margin-top:7px; padding:12px 13px; color:var(--ink); background:#fff; border:1px solid #cbd6df; border-radius:4px; outline:none; }
input:focus,select:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(19,155,198,.12); }
.weight-result { min-height:150px; display:flex; flex-direction:column; justify-content:center; padding:24px; color:#fff; background:var(--navy); border-radius:5px; }
.weight-result span,.weight-result small { color:#c6d6e4; font-size:12px; }
.weight-result strong { margin:4px 0; font-size:30px; }
.checklist-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.checklist-grid span { color:var(--red); font-weight:800; }
.checklist-grid h3 { margin:10px 0 8px; }
.checklist-grid p { margin:0; color:var(--muted); font-size:13px; }
.company { color:#fff; background:var(--navy); }
.company-inner { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(40px,8vw,110px); }
.company h2,.company h3 { color:#fff; }
.company-copy>p:not(.eyebrow) { color:#c0d0de; }
.company-points { display:grid; grid-template-columns:1fr 1fr; }
.company-points article { display:flex; gap:16px; min-height:150px; padding:24px; border:1px solid rgba(255,255,255,.16); }
.company-points article:nth-child(even) { border-left:0; }
.company-points article:nth-child(n+3) { border-top:0; }
.company-points span { color:#65cde9; font-weight:800; }
.company-points h3 { margin-bottom:8px; font-size:17px; }
.company-points p { margin:0; color:#b5c7d6; font-size:13px; }
.franchise-strip { padding-top:82px; }
.franchise-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.franchise-grid article { padding:28px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:6px; box-shadow:var(--shadow); }
.franchise-grid article>svg { width:32px; height:32px; margin-bottom:18px; color:var(--red); }
.franchise-grid p { color:var(--muted); font-size:14px; }
.franchise-grid a { display:inline-flex; align-items:center; gap:7px; color:var(--navy); font-size:13px; font-weight:800; }
.material-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.material-grid article { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:var(--shadow); }
.material-grid img { width:100%; height:190px; object-fit:cover; display:block; }
.material-grid h3 { margin:22px 22px 8px; color:var(--navy); }
.material-grid p { margin:0 22px 24px; color:var(--muted); font-size:14px; line-height:1.65; }
.shop-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.shop-card { display:flex; flex-direction:column; min-height:280px; padding:22px; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:0 10px 28px rgba(5,41,69,.07); }
.shop-card .shop-icon { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; color:#fff; background:var(--navy); border-radius:6px; }
.shop-card .shop-icon svg { width:25px; }
.shop-card p { color:var(--muted); font-size:13px; }
.shop-card strong { margin-top:auto; color:var(--red); font-size:18px; }
.shop-hero { display:grid; grid-template-columns:1fr 340px; gap:32px; align-items:end; padding:76px max(20px,calc((100vw - 1220px)/2)); color:#fff; background:linear-gradient(90deg,rgba(5,34,57,.95),rgba(5,41,69,.75)),url("assets/logistics-hero.png") center/cover no-repeat; }
.shop-hero h1 { max-width:840px; margin-bottom:18px; }
.shop-hero p:not(.eyebrow) { max-width:720px; color:#d7e6f0; }
.shop-cart { display:grid; gap:8px; padding:24px; color:var(--ink); background:#fff; border-top:4px solid var(--red); border-radius:6px; box-shadow:var(--shadow); }
.shop-cart span { color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; }
.shop-cart strong { color:var(--navy-deep); font-size:34px; line-height:1.1; }
.shop-cart small { color:var(--muted); }
.shop-cart .button { margin-top:10px; }
.shop-toolbar { display:grid; grid-template-columns:1fr 260px; gap:16px; margin-bottom:24px; padding:18px; background:var(--soft); border:1px solid var(--line); border-radius:6px; }
.shop-qty { display:grid; grid-template-columns:42px 1fr 42px; gap:8px; align-items:center; margin-top:18px; }
.shop-qty button { height:42px; color:#fff; background:var(--navy); border:0; border-radius:5px; font-size:20px; font-weight:800; }
.shop-qty input { height:42px; margin:0; text-align:center; }
.process-steps { display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.process-steps::before { content:""; position:absolute; top:29px; left:12.5%; right:12.5%; height:1px; background:var(--line); }
.process-steps article { position:relative; padding:0 18px; text-align:center; }
.process-steps article>span { width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; color:#fff; background:var(--navy); border:6px solid #fff; outline:1px solid var(--line); border-radius:50%; }
.process-steps svg { width:20px; }
.process-steps strong { display:block; color:var(--navy-deep); }
.process-steps p { margin:7px 0 0; color:var(--muted); font-size:13px; }
.customer-services { display:grid; gap:28px; }
.service-form-panel { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(32px,6vw,80px); align-items:start; padding:38px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--red); border-radius:6px; box-shadow:var(--shadow); }
.service-form-panel.customer-access { border-top-color:var(--blue); }
.service-form-copy h2 { font-size:clamp(28px,3vw,38px); }
.service-form-copy>p:not(.eyebrow) { color:var(--muted); }
.online-form { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.compact-form { align-content:start; }
.api-status { min-height:20px; margin:0; color:var(--muted); font-size:13px; }
.api-status.success { color:#087647; font-weight:700; }
.api-status.error { color:var(--red); font-weight:700; }
.api-results { grid-column:1/-1; display:grid; gap:12px; margin-top:22px; }
.api-results[hidden] { display:none; }
.api-results.compact { margin-top:16px; }
.result-card { padding:18px; background:var(--soft); border-left:4px solid var(--blue); border-radius:4px; }
.result-card h3 { display:flex; justify-content:space-between; gap:14px; margin-bottom:10px; font-size:16px; }
.result-card h3 span { color:var(--red); font-size:12px; text-transform:uppercase; }
.result-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; color:var(--muted); font-size:12px; }
.result-empty { margin:0; padding:16px; color:var(--muted); background:var(--soft); border-radius:4px; }
.quote-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,8vw,100px); padding:88px max(20px,calc((100vw - 1220px)/2)); background:var(--soft); }
.quote-copy { padding-top:18px; }
.quote-copy>p:not(.eyebrow) { color:var(--muted); }
.quote-benefits { display:grid; gap:10px; margin-top:25px; }
.quote-benefits span { display:flex; align-items:center; gap:9px; color:var(--navy); font-size:13px; font-weight:700; }
.quote-benefits svg { width:18px; color:var(--red); }
.quote-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:30px; background:#fff; border-top:4px solid var(--red); border-radius:6px; box-shadow:var(--shadow); }
.quote-form textarea { resize:vertical; }
.full { grid-column:1/-1; }
.consent { display:flex; gap:8px; align-items:flex-start; color:var(--muted); font-weight:500; }
.consent input { width:16px; height:16px; margin:3px 0 0; }
.faq { max-width:900px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--navy-deep); font-weight:800; cursor:pointer; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary svg { width:18px; flex:0 0 auto; color:var(--red); transition:transform .2s; }
.faq-list details[open] summary svg { transform:rotate(45deg); }
.faq-list details p { max-width:760px; padding:0 40px 22px 0; color:var(--muted); font-size:14px; }
.site-footer { color:#c2d0dc; background:#031f34; }
.footer-main { width:min(100% - 40px,1220px); display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:54px; margin:0 auto; padding:66px 0; }
.footer-brand img { width:190px; padding:7px; background:#fff; }
.footer-brand p { max-width:350px; margin:20px 0; color:#9eb1c0; font-size:13px; }
.footer-button { color:#fff; background:#0c4d7d; font-size:13px; }
.footer-main h3 { margin:3px 0 18px; color:#fff; font-size:14px; }
.footer-main>div:not(.footer-brand) a { display:block; margin:10px 0; color:#aebfcb; font-size:13px; }
.footer-main>div:not(.footer-brand) a:hover { color:#fff; }
.footer-bottom { width:min(100% - 40px,1220px); display:flex; justify-content:space-between; gap:20px; margin:0 auto; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); font-size:11px; }
.footer-bottom p { margin:0; }
.live-chat-widget { position:fixed; right:18px; bottom:18px; z-index:60; display:grid; justify-items:end; gap:10px; }
.live-chat-toggle { min-height:48px; display:inline-flex; align-items:center; gap:9px; padding:12px 18px; color:#fff; background:var(--red); border:0; border-radius:999px; box-shadow:0 16px 38px rgba(5,41,69,.22); font-weight:800; cursor:pointer; }
.live-chat-toggle svg { width:18px; }
.live-chat-panel { width:min(360px,calc(100vw - 28px)); display:grid; gap:11px; padding:18px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:8px; box-shadow:0 18px 50px rgba(5,41,69,.22); }
.live-chat-panel[hidden] { display:none; }
.live-chat-head { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--navy-deep); }
.live-chat-close { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:var(--navy); background:var(--soft); border:1px solid var(--line); border-radius:50%; cursor:pointer; }
.live-chat-close svg { width:16px; }
.live-chat-panel p { margin:0; color:var(--muted); font-size:13px; }
.live-chat-panel .button { width:100%; justify-content:center; }
@media (max-width:1080px) { .nav-links{gap:14px}.nav-links>a:not(.account-link){display:none}.hero-inner{grid-template-columns:1fr .72fr}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions a:nth-child(2){border-right:0}.quick-actions a:nth-child(-n+2){border-bottom:1px solid var(--line)}.tool-panel.active{grid-template-columns:1fr 1.5fr}.weight-result{grid-column:1/-1;min-height:100px} }
@media (max-width:800px) { .service-bar{display:none}.site-header{min-height:68px;padding:7px 18px}.brand-logo{width:148px;height:48px}.nav-links{position:fixed;inset:68px 0 0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px;background:#fff}.nav-links.is-open{display:flex}.nav-links>a:not(.account-link){display:flex;padding:15px 6px;border-bottom:1px solid var(--line)}.account-link{margin-top:16px;justify-content:center}.menu-button{display:inline-flex}.hero{min-height:auto;background-position:67% center}.hero-shade{background:rgba(5,41,69,.86)}.hero-inner{grid-template-columns:1fr;gap:38px;padding:62px 0 88px}h1{font-size:clamp(42px,12vw,58px)}.tracking-panel{max-width:560px}.tracking-fields{grid-template-columns:1fr 52px}.quick-actions{margin-top:-28px}.split-heading,.solution-grid,.international,.company-inner,.quote-section,.service-form-panel{grid-template-columns:1fr}.split-heading,.service-form-panel{gap:16px}.service-grid{grid-template-columns:1fr 1fr}.international-image{min-height:340px;background:linear-gradient(180deg,transparent 70%,var(--navy-deep)),url("assets/logistics-hero.png") 75% center/cover no-repeat}.international-copy{padding:52px 20px 64px}.tool-panel.active{grid-template-columns:1fr}.weight-result{grid-column:auto}.checklist-grid,.process-steps{grid-template-columns:1fr 1fr;gap:34px}.process-steps::before{display:none}.quote-section{padding-right:20px;padding-left:20px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-brand{grid-column:1/-1} }
@media (max-width:560px) { .hero-inner,.section,.quick-actions,.footer-main,.footer-bottom{width:min(100% - 28px,1220px)}.hero-inner{padding-top:48px}h1{font-size:41px}h2{font-size:31px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions .button{width:100%}.tracking-panel{padding:22px 18px}.tracking-fields{grid-template-columns:1fr}.tracking-fields button{width:100%}.quick-actions{grid-template-columns:1fr}.quick-actions a,.quick-actions a:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.quick-actions a:last-child{border-bottom:0}.section{padding:68px 0}.solution-grid,.service-grid,.calculator-form,.company-points,.checklist-grid,.process-steps,.quote-form,.online-form{grid-template-columns:1fr}.service-form-panel{padding:26px 18px}.result-meta{grid-template-columns:1fr}.service-grid article{min-height:0}.company-points article:nth-child(even){border-left:1px solid rgba(255,255,255,.16)}.company-points article:nth-child(n+2){border-top:0}.tool-tabs{display:grid;grid-template-columns:1fr 1fr}.tool-tab{padding:10px;font-size:11px}.tool-panel{padding:22px 18px}.quote-section{padding:66px 14px}.quote-form{padding:24px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} }
@media (max-width:800px) { .franchise-grid,.material-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr 1fr}.shop-hero,.shop-toolbar{grid-template-columns:1fr}.shop-hero{padding:56px 20px} }
@media (max-width:560px) { .shop-grid{grid-template-columns:1fr}.shop-card{min-height:0}.shop-cart strong{font-size:28px}.material-grid img{height:170px} }
.tracking-detail-link {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  color: #0a4774;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Customer homepage refresh — September 2026 */
:root{--navy:#123f66;--navy-deep:#092a46;--red:#d53b27}
.service-bar{font-size:14px}.nav-links{font-size:14px}.eyebrow{font-size:14px}
.hero{background-image:url('assets/logistics-network-2026.webp');min-height:690px;background-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(5,27,46,.92),rgba(5,27,46,.63) 46%,rgba(5,27,46,.13))}
.hero-inner{grid-template-columns:1.2fr .8fr;align-items:end;max-width:1220px}
.hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.04em;line-height:1.03}.hero .eyebrow{color:#ffc68c}
.tracking-panel{border-top-color:#ef9d57}.comparison-section{padding-top:95px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.shipping-option{padding:32px;background:#fff;display:flex;flex-direction:column;position:relative}.shipping-option+.shipping-option{border-left:1px solid var(--line)}.shipping-option:nth-child(2){background:#f0f6fa}.option-number{color:#5d6d7e;font-size:14px;letter-spacing:.07em;font-weight:700;margin-bottom:28px}.shipping-option>svg{width:34px;height:34px;color:#c9472e;margin-bottom:18px}.shipping-option h3{font-size:25px}.shipping-option p{color:var(--muted)}.shipping-option dl{margin:4px 0 30px}.shipping-option dt{font-size:14px;font-weight:700;color:var(--navy);margin-top:20px}.shipping-option dd{margin:5px 0 0;font-size:16px}.shipping-option>a{font-weight:700;color:var(--navy);margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.comparison-note{font-size:14px;color:var(--muted);margin:20px 0 0;max-width:900px}
.platform-section{background:#eef3f7}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform-card{padding:44px;background:white}.trackmate-card{background:var(--navy-deep);color:#e6eef6}.platform-title{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.07em;margin-bottom:30px}.platform-title svg{width:30px;height:30px}.platform-card h3{font-size:40px;letter-spacing:-.025em;margin-bottom:18px}.trackmate-card h3{color:white}.platform-card ul{padding-left:20px;margin:25px 0 30px}.platform-card li{margin:12px 0}.platform-secondary{display:block;font-size:14px;margin-top:18px}.starman-card ol{padding-left:22px;margin:24px 0}.starman-card li span{display:block;color:var(--muted)}.pickup-footnote{font-size:14px;color:var(--muted);margin:16px 0 0}.international-image{background-image:url('assets/logistics-network-2026.webp')}
@media(max-width:900px){.comparison-grid{grid-template-columns:1fr}.shipping-option+.shipping-option{border-left:0;border-top:1px solid var(--line)}.platform-grid{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.hero{background-position:65% center}.hero-copy{max-width:670px}.tracking-panel{max-width:600px}.platform-card{padding:30px}}
@media(max-width:560px){.shipping-option{padding:24px}.platform-card h3{font-size:32px}.platform-card{padding:26px}.service-bar p{font-size:12px}.service-bar a{font-size:12px}.hero h1{font-size:49px}.platform-card .button{width:100%}}

.hero-inner{display:block}.hero-copy{max-width:650px}.tracking-dock{width:min(100% - 40px,1220px);margin:28px auto}.tracking-dock .tracking-panel{max-width:none;display:grid;grid-template-columns:1fr 1.25fr;gap:12px 32px;box-shadow:0 8px 30px rgba(5,41,69,.08)}.tracking-dock .panel-heading{margin:0}.tracking-dock .form-note,.tracking-dock .api-results{grid-column:1/-1;margin-bottom:0}.quick-actions{margin-top:0}.hero-shade{background:linear-gradient(90deg,rgba(5,27,46,.94),rgba(5,27,46,.70) 38%,rgba(5,27,46,.04) 72%)}@media(max-width:700px){.tracking-dock .tracking-panel{display:block}.tracking-dock .panel-heading{margin-bottom:20px}.tracking-dock{width:calc(100% - 28px)}}