:root {
  --ink: #18242a;
  --deep: #102a31;
  --deep-2: #173b42;
  --orange: #f36a2d;
  --orange-dark: #d95720;
  --teal: #13837b;
  --paper: #ffffff;
  --canvas: #f2f5f3;
  --mist: #e6ece9;
  --muted: #657176;
  --line: #d8dfdc;
  --header-height: 78px;
  --shadow: 0 24px 70px rgba(16, 42, 49, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--header-height); }
body {
  margin: 0;
  color: var(--ink);
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  background: var(--canvas);
  line-height: 1.65;
  letter-spacing: 0;
}
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.16; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  padding: 0 clamp(20px, 4.7vw, 82px);
  color: var(--paper);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  transition: background 240ms ease, color 240ms ease, box-shadow 240ms ease;
}
.site-header.scrolled {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(216, 223, 220, 0.9);
  box-shadow: 0 8px 26px rgba(16, 42, 49, 0.08);
  backdrop-filter: blur(14px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 260px; }
.brand-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: var(--paper);
  background: var(--orange);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 800;
}
.brand-name strong, .brand-name small { display: block; }
.brand-name strong { font-size: 17px; line-height: 1.3; }
.brand-name small { margin-top: 2px; opacity: 0.68; font-size: 9px; }
.main-nav { display: flex; align-items: center; gap: 4px; }
.main-nav a {
  position: relative;
  padding: 10px 13px;
  font-size: 14px;
  font-weight: 600;
}
.main-nav a::after {
  position: absolute;
  right: 13px;
  bottom: 4px;
  left: 13px;
  height: 2px;
  content: "";
  background: var(--orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}
.main-nav a:hover::after, .main-nav a:focus-visible::after, .main-nav a.active::after { transform: scaleX(1); }
.main-nav .nav-cta { margin-left: 8px; padding: 10px 16px; color: var(--paper); background: var(--orange); }
.main-nav .nav-cta:hover { background: var(--orange-dark); }
.main-nav .nav-cta::after { display: none; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; }
.menu-toggle span { display: block; width: 23px; height: 2px; margin: 5px auto; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }

.hero {
  position: relative;
  display: flex;
  min-height: min(860px, 88vh);
  align-items: center;
  overflow: hidden;
  color: var(--paper);
  background: var(--deep);
}
.hero-media, .hero-shade { position: absolute; inset: 0; }
.hero-media {
  background-image: url("assets/hero-logistics.png");
  background-position: center 54%;
  background-size: cover;
  transform: scale(1.025);
  animation: heroZoom 12s ease-out both;
}
.hero-shade {
  background:
    linear-gradient(90deg, rgba(11, 31, 37, 0.91) 0%, rgba(11, 31, 37, 0.74) 36%, rgba(11, 31, 37, 0.18) 70%, rgba(11, 31, 37, 0.08) 100%),
    linear-gradient(0deg, rgba(10, 25, 30, 0.4), transparent 52%);
}
.hero-content {
  position: relative;
  z-index: 2;
  width: min(760px, 86vw);
  margin-left: clamp(20px, 7vw, 120px);
  padding-top: var(--header-height);
}
.eyebrow {
  margin-bottom: 14px;
  color: var(--orange);
  font-size: 13px;
  font-weight: 800;
}
.eyebrow.light { color: #ffae83; }
.hero h1 { max-width: 780px; margin-bottom: 22px; font-size: clamp(42px, 5.4vw, 78px); font-weight: 760; }
.hero h1 span { display: block; margin-bottom: 15px; color: rgba(255, 255, 255, 0.76); font-size: clamp(18px, 2vw, 28px); font-weight: 500; }
.hero-text { max-width: 660px; margin-bottom: 0; color: rgba(255, 255, 255, 0.82); font-size: clamp(16px, 1.4vw, 19px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 11px 22px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: 700;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: var(--paper); background: var(--orange); }
.btn-primary:hover, .btn-primary:focus-visible { background: var(--orange-dark); }
.btn-ghost { color: var(--paper); border-color: rgba(255, 255, 255, 0.52); background: rgba(16, 42, 49, 0.2); }
.btn-ghost:hover { background: rgba(255, 255, 255, 0.14); }
.btn-dark { color: var(--paper); background: var(--deep); }
.btn-dark:hover { background: var(--teal); }
.hero-status {
  position: absolute;
  z-index: 2;
  right: clamp(20px, 5vw, 80px);
  bottom: 34px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 12px;
  align-items: center;
  min-width: 330px;
  padding: 17px 20px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(16, 42, 49, 0.7);
  backdrop-filter: blur(14px);
}
.status-dot { grid-row: span 2; width: 9px; height: 9px; background: #5bd0a9; border-radius: 50%; box-shadow: 0 0 0 5px rgba(91, 208, 169, 0.15); }
.hero-status small, .hero-status strong { display: block; }
.hero-status small { color: rgba(255, 255, 255, 0.62); font-size: 11px; }
.hero-status p { grid-column: 2; margin: 3px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 12px; }
.scroll-cue { position: absolute; z-index: 2; bottom: 32px; left: clamp(20px, 2.8vw, 48px); display: grid; gap: 7px; color: rgba(255, 255, 255, 0.65); font-size: 9px; }
.scroll-cue i { display: block; width: 1px; height: 34px; margin: auto; background: rgba(255, 255, 255, 0.7); animation: scrollLine 1.8s ease-in-out infinite; }

.quick-actions { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--paper); border-bottom: 1px solid var(--line); }
.quick-actions > a { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; min-height: 126px; padding: 25px clamp(20px, 3.8vw, 60px); border-right: 1px solid var(--line); transition: color 180ms ease, background 180ms ease; }
.quick-actions > a:last-child { border-right: 0; }
.quick-actions > a:hover { color: var(--paper); background: var(--deep-2); }
.quick-actions > a:hover small, .quick-actions > a:hover .action-index { color: rgba(255, 255, 255, 0.66); }
.action-index { align-self: start; color: var(--orange); font-size: 11px; font-weight: 800; }
.quick-actions strong, .quick-actions small { display: block; }
.quick-actions strong { font-size: 19px; }
.quick-actions small { color: var(--muted); font-size: 13px; transition: color 180ms ease; }
.action-arrow { font-size: 24px; }

.section { padding: clamp(74px, 9vw, 132px) clamp(20px, 6.5vw, 112px); }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr); gap: 8vw; align-items: end; max-width: 1380px; margin: 0 auto 54px; }
.section-heading h2 { max-width: 790px; margin-bottom: 0; color: var(--deep); font-size: clamp(30px, 3.4vw, 49px); }
.section-heading > p { max-width: 510px; margin-bottom: 2px; color: var(--muted); }
.services-section { background: var(--canvas); }
.service-list { max-width: 1380px; margin: auto; border-top: 1px solid var(--line); }
.service-item { display: grid; grid-template-columns: 55px minmax(180px, 0.66fr) minmax(260px, 1.12fr) minmax(230px, 0.72fr); gap: clamp(18px, 3vw, 48px); align-items: start; padding: 34px 0; border-bottom: 1px solid var(--line); transition: padding 180ms ease, background 180ms ease; }
.service-item:hover { padding-right: 18px; padding-left: 18px; background: var(--paper); }
.service-no { color: var(--orange); font-size: 13px; font-weight: 800; }
.service-title p { margin-bottom: 7px; color: var(--teal); font-size: 10px; font-weight: 800; }
.service-title h3 { margin-bottom: 0; color: var(--deep); font-size: 28px; }
.service-copy { margin-bottom: 0; color: var(--muted); }
.service-item ul { margin: 0; padding: 0; list-style: none; }
.service-item li { position: relative; padding: 3px 0 3px 16px; color: #445157; font-size: 14px; }
.service-item li::before { position: absolute; top: 13px; left: 0; width: 5px; height: 5px; content: ""; background: var(--orange); }

.route-band { overflow: hidden; padding: 18px 0; color: var(--paper); background: var(--orange); }
.route-track { display: flex; width: max-content; align-items: center; gap: 20px; animation: routeMove 28s linear infinite; }
.route-track span { font-size: 16px; font-weight: 700; white-space: nowrap; }
.route-track b { font-size: 22px; font-weight: 400; }
.route-track i { width: 5px; height: 5px; margin: 0 18px; background: rgba(255, 255, 255, 0.72); border-radius: 50%; }

.promise-section { display: grid; grid-template-columns: minmax(290px, 0.75fr) minmax(520px, 1.25fr); gap: 8vw; color: var(--paper); background: var(--deep); }
.promise-intro { align-self: center; }
.promise-intro h2 { margin-bottom: 24px; font-size: clamp(32px, 3.8vw, 52px); }
.promise-intro > p:not(.eyebrow) { color: rgba(255, 255, 255, 0.67); }
.text-link { display: inline-flex; gap: 28px; margin-top: 16px; padding-bottom: 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.36); font-weight: 700; }
.text-link:hover { color: #ffae83; }
.promise-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.17); border-left: 1px solid rgba(255, 255, 255, 0.17); }
.promise-grid article { min-height: 230px; padding: 30px; border-right: 1px solid rgba(255, 255, 255, 0.17); border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
.promise-grid span { color: #ffae83; font-size: 12px; font-weight: 800; }
.promise-grid h3 { margin: 30px 0 12px; font-size: 23px; }
.promise-grid p { margin: 0; color: rgba(255, 255, 255, 0.62); font-size: 14px; }

.tool-section { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(460px, 1.2fr); gap: 8vw; align-items: center; background: var(--paper); }
.tool-copy h2 { color: var(--deep); font-size: clamp(32px, 4vw, 52px); }
.tool-copy > p:not(.eyebrow) { max-width: 500px; color: var(--muted); }
.tool-note { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.tool-note span { color: var(--teal); font-size: 12px; font-weight: 800; }
.tool-note strong { font-size: 13px; }
.tool-form { padding: clamp(24px, 4vw, 46px); background: var(--canvas); border: 1px solid var(--line); }
.tool-form label, .request-form label, .quote-form label { display: grid; gap: 8px; color: var(--deep); font-size: 13px; font-weight: 700; }
.inline-field { display: grid; grid-template-columns: 1fr auto; margin-top: 10px; }
.inline-field input { border-right: 0; border-radius: 4px 0 0 4px; }
.inline-field .btn { border-radius: 0 4px 4px 0; }

input, select, textarea { width: 100%; min-width: 0; min-height: 50px; padding: 12px 14px; color: var(--ink); background: var(--paper); border: 1px solid #cbd4d0; border-radius: 4px; outline: none; transition: border-color 160ms ease, box-shadow 160ms ease; }
textarea { min-height: 124px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(19, 131, 123, 0.12); }
.request-section { background: var(--canvas); }
.request-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; max-width: 1120px; margin: auto; padding: clamp(24px, 4vw, 48px); background: var(--paper); border-top: 4px solid var(--orange); box-shadow: var(--shadow); }
.wide { grid-column: 1 / -1; }
.form-submit { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 6px; }
.form-submit p { margin: 0; color: var(--muted); font-size: 12px; }
.form-result { display: none; padding: 12px 14px; color: #095b55; background: #e3f3f0; border: 1px solid #abd8d2; border-radius: 4px; font-size: 13px; }
.form-result.show { display: block; animation: resultIn 220ms ease both; }

.rates-section { background: var(--paper); }
.rates-heading, .rates-availability { max-width: 1380px; margin: 0 auto; }
.rates-heading h2 { margin-bottom: 18px; color: var(--deep); font-size: 36px; }
.rates-heading > p:last-child { max-width: 680px; margin-bottom: 32px; color: var(--muted); }
.rates-availability { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.rates-availability > div { min-width: 0; }
.rates-availability h3 { margin-bottom: 10px; color: var(--deep); font-size: 21px; }
.rates-availability p { margin: 0; color: var(--muted); font-size: 14px; }
.rates-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; }
.rates-inquiry { display: inline-flex; align-items: center; gap: 14px; min-height: 48px; color: var(--teal); font-size: 14px; font-weight: 700; }
.rates-inquiry:hover { text-decoration: underline; text-underline-offset: 4px; }

.quote-section { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(500px, 1.22fr); gap: 8vw; color: var(--paper); background: var(--deep-2); }
.quote-copy h2 { font-size: clamp(32px, 4vw, 52px); }
.quote-copy > p:not(.eyebrow) { color: rgba(255, 255, 255, 0.65); }
.quote-copy > a { display: inline-grid; margin-top: 20px; color: #ffae83; }
.quote-copy > a strong { color: var(--paper); font-size: 26px; }
.quote-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; padding: clamp(24px, 4vw, 42px); color: var(--ink); background: var(--paper); }
.quote-form .btn { margin-top: 4px; }

.process-section { background: var(--paper); }
.timeline { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1380px; margin: 0 auto; padding: 0; list-style: none; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.timeline li { min-height: 220px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.timeline span { color: var(--orange); font-size: 12px; font-weight: 800; }
.timeline strong { display: block; margin: 50px 0 12px; color: var(--deep); font-size: 21px; }
.timeline p { margin: 0; color: var(--muted); font-size: 14px; }

.site-footer { padding: clamp(58px, 7vw, 100px) clamp(20px, 6.5vw, 112px) 34px; color: var(--paper); background: #0b2026; }
.footer-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 54px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.footer-label { color: #ffae83; font-size: 11px; font-weight: 800; }
.footer-top h2 { max-width: 720px; margin: 0; font-size: clamp(30px, 3.6vw, 50px); }
.footer-phone { display: grid; flex: 0 0 auto; color: #ffae83; font-size: clamp(22px, 2.7vw, 34px); font-weight: 800; text-align: right; }
.footer-phone small { color: rgba(255, 255, 255, 0.55); font-size: 11px; }
.warehouse-section { padding: 38px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.warehouse-section > h2 { margin-bottom: 28px; font-size: 22px; }
.warehouse-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.warehouse { min-width: 0; }
.warehouse + .warehouse { padding-left: 40px; border-left: 1px solid rgba(255, 255, 255, 0.16); }
.warehouse h3 { margin-bottom: 16px; color: #ffae83; font-size: 20px; }
.warehouse address { color: rgba(255, 255, 255, 0.8); font-size: 14px; overflow-wrap: anywhere; }
.warehouse-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 12px 0 20px; font-size: 14px; }
.warehouse-contact a { padding: 6px 0; color: #ffae83; text-decoration: underline; text-underline-offset: 4px; }
.warehouse-contact a:hover { color: var(--paper); }
.warehouse h4 { margin: 0 0 10px; font-size: 13px; }
.warehouse-hours { margin: 0; color: rgba(255, 255, 255, 0.8); font-size: 14px; }
.warehouse-hours > div { display: flex; flex-wrap: wrap; gap: 4px 20px; padding: 5px 0; }
.warehouse-hours dt { flex: 0 0 100px; }
.warehouse-hours dd { margin: 0; font-variant-numeric: tabular-nums; }
.warehouse-note { margin: 18px 0 0; padding-left: 12px; border-left: 2px solid var(--orange); color: #ffae83; font-size: 13px; }
.footer-bottom { display: grid; grid-template-columns: 0.7fr 1.3fr auto; gap: 40px; align-items: end; padding-top: 34px; color: rgba(255, 255, 255, 0.62); font-size: 13px; }
.footer-brand strong { color: var(--paper); font-size: 18px; }
.footer-brand p { margin: 5px 0 0; }
address { font-style: normal; }
.back-top { align-self: start; color: var(--paper); }
.footer-compliance { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.54); font-size: 13px; text-align: center; }
.footer-compliance a:hover { color: var(--paper); text-decoration: underline; text-underline-offset: 4px; }
.floating-contact { position: fixed; z-index: 45; right: 18px; bottom: 18px; display: grid; padding: 10px 15px; color: var(--paper); background: var(--orange); box-shadow: 0 12px 30px rgba(16, 42, 49, 0.2); }
.floating-contact span { font-size: 10px; opacity: 0.82; }
.floating-contact strong { font-size: 14px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 660ms ease var(--delay, 0ms), transform 660ms ease var(--delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes heroZoom { from { transform: scale(1.08); } to { transform: scale(1.025); } }
@keyframes scrollLine { 0%, 100% { transform: scaleY(0.3); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } }
@keyframes routeMove { to { transform: translateX(-50%); } }
@keyframes resultIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1020px) {
  :root { --header-height: 70px; }
  .site-header { padding: 0 22px; }
  .menu-toggle { display: block; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .main-nav { position: fixed; inset: var(--header-height) 0 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 22px; overflow-y: auto; color: var(--ink); background: var(--paper); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; }
  .main-nav.open { opacity: 1; visibility: visible; transform: translateY(0); }
  .main-nav a { padding: 18px 4px; border-bottom: 1px solid var(--line); font-size: 18px; }
  .main-nav a::after { display: none; }
  .main-nav .nav-cta { margin: 18px 0 0; padding: 15px; text-align: center; }
  .hero { min-height: 760px; }
  .hero-media { background-position: 60% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(11, 31, 37, 0.92), rgba(11, 31, 37, 0.56) 78%, rgba(11, 31, 37, 0.26)); }
  .hero-status { right: 22px; bottom: 26px; }
  .scroll-cue { display: none; }
  .service-item { grid-template-columns: 45px minmax(150px, 0.6fr) 1.2fr; }
  .service-item ul { grid-column: 3; }
  .promise-section, .tool-section, .quote-section { grid-template-columns: 1fr; }
  .promise-intro, .tool-copy, .quote-copy { max-width: 720px; }
  .timeline { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .brand { min-width: 0; gap: 9px; }
  .brand-mark { width: 38px; height: 38px; font-size: 11px; }
  .brand-name strong { font-size: 14px; }
  .brand-name small { display: none; }
  .hero { min-height: 720px; align-items: flex-start; }
  .hero-media { background-position: 66% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(11, 31, 37, 0.9), rgba(11, 31, 37, 0.46)), linear-gradient(0deg, rgba(11, 31, 37, 0.65), transparent 55%); }
  .hero-content { width: auto; margin: 0; padding: 148px 20px 160px; }
  .hero h1 { font-size: 40px; }
  .hero h1 span { font-size: 18px; }
  .hero-text { font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; width: min(100%, 290px); }
  .hero-status { right: 20px; bottom: 24px; left: 20px; min-width: 0; }
  .hero-status p { overflow-wrap: anywhere; }
  .quick-actions { grid-template-columns: 1fr; }
  .quick-actions > a { min-height: 102px; border-right: 0; border-bottom: 1px solid var(--line); }
  .quick-actions > a:last-child { border-bottom: 0; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; }
  .service-item { grid-template-columns: 36px 1fr; gap: 14px 18px; }
  .service-copy, .service-item ul { grid-column: 2; }
  .service-item:hover { padding-right: 0; padding-left: 0; background: transparent; }
  .promise-grid { grid-template-columns: 1fr; }
  .promise-grid article { min-height: 190px; }
  .inline-field { grid-template-columns: 1fr; gap: 10px; }
  .inline-field input, .inline-field .btn { border: 1px solid #cbd4d0; border-radius: 4px; }
  .request-form, .quote-form { grid-template-columns: 1fr; }
  .wide { grid-column: auto; }
  .form-submit { align-items: stretch; flex-direction: column; }
  .form-submit .btn { width: 100%; }
  .timeline { grid-template-columns: 1fr; }
  .timeline li { min-height: 170px; }
  .timeline strong { margin-top: 28px; }
  .footer-top { align-items: flex-start; flex-direction: column; }
  .footer-phone { text-align: left; }
  .warehouse-grid { grid-template-columns: 1fr; gap: 28px; }
  .warehouse + .warehouse { padding: 28px 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.16); }
  .footer-bottom { grid-template-columns: 1fr; gap: 22px; }
  .floating-contact { right: 12px; bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .reveal { opacity: 1; transform: none; }
}