/* Hallmark · v2.0.0 | shape: editorial service LP | theme: Leveler lineage | genre: editorial | job: enquire | nav: reference inline | footer: reference compact | signature: warehouse dispatch and conditions */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3 · weakest: V; added warehouse material, condition examples and the consultation-to-contract diagram within the approved section lineage. */
/* Hallmark · surface: absolute · hero: photographic banner · copy: verbatim */
/* Hallmark · waive 7b · white surface from the fixed Leveler reference · Leveler warehouse page preserves the user-specified white and navy palette. */
/* Hallmark · waive 24b · measured spacing from the fixed Leveler stylesheet · Leveler warehouse adaptation keeps the inherited header, type and button spacing rather than re-spacing the whole reference. */
/* Hallmark · answered F15 · Leveler warehouse body stays at 1120px; narrow prose and FAQ measures plus functional grid gaps follow the fixed reference and the reading task. */
/* Hallmark · waive 39b · inherited 56px primary button from the fixed reference · Leveler warehouse enquiry actions keep generous mobile touch targets and the same CTA grammar as the approved lineage. */
/* Hallmark · waive 44c · photographic banner with a measured 520px height · Leveler warehouse hero exposes the next decision section within the first screen, matching the fixed reference instead of enlarging the photo. */
/* Hallmark · waive 77 · FAQ and final enquiry use narrow readable text inside a 1120px shell · Leveler warehouse retains the established FAQ measure and short final action section rather than adding filler material. */
/* Hallmark · waive 78 · reference section headings render at 34px on desktop · Leveler warehouse uses the supplied Mincho hierarchy and does not replace it with oversized generic display headings. */
/* Hallmark · waive 59 · twelve sections follow the user's full-page sequence · Leveler warehouse includes each requested decision role and does not cut the pricing, process, FAQ or final consultation to meet a section quota. */
/* Hallmark · answered F19 · Leveler warehouse uses 400 for prose, 500 for Mincho display, 600 for consultation examples and 700 for calls to action; distinct roles preserve the reference hierarchy. */
/* Private comp adaptations: retain the approved SaaS type, spacing and CTA. */
/* Logistics private comp: the reference chrome and type are preview copies only. */
/* Runtime: all declarations are limited to the logistics body; shared chrome is inherited. */
[data-theme="leveler-logistics-marketing"] {
  --color-white: #ffffff;
  --color-navy: #102c3a;
  --color-text: #243944;
  --color-muted: #5c6d73;
  --color-neutral: #f4f5f4;
  --color-border: #d9e0e3;
  --color-green: #137a52;
  --color-green-dark: #0f6544;
  --color-overlay: rgba(16, 44, 58, 0.78);
  --color-overlay-strong: rgba(16, 44, 58, 0.95);
  --color-overlay-soft: rgba(16, 44, 58, 0.18);
  --font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --content-width: 1120px;
  --section-space: 80px;
  --mobile-space: 56px;
  --shell-gutter: 48px;
  --mobile-gutter: 48px;
  --radius: 4px;
  --focus-ring: 3px solid var(--color-green);
}

main#logistics-marketing[data-page="logistics-marketing"] {
  overflow-x: clip;
  margin: 0;
  background: var(--color-white);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

main#logistics-marketing[data-page="logistics-marketing"] *,
main#logistics-marketing[data-page="logistics-marketing"] *::before,
main#logistics-marketing[data-page="logistics-marketing"] *::after {
  box-sizing: border-box;
}

main#logistics-marketing[data-page="logistics-marketing"] img {
  display: block;
  max-width: 100%;
  height: auto;
}

main#logistics-marketing[data-page="logistics-marketing"] a {
  color: inherit;
}

main#logistics-marketing[data-page="logistics-marketing"] h1,
main#logistics-marketing[data-page="logistics-marketing"] h2,
main#logistics-marketing[data-page="logistics-marketing"] h3,
main#logistics-marketing[data-page="logistics-marketing"] p,
main#logistics-marketing[data-page="logistics-marketing"] ol {
  min-width: 0;
  margin: 0;
}

main#logistics-marketing[data-page="logistics-marketing"] h1,
main#logistics-marketing[data-page="logistics-marketing"] h2,
main#logistics-marketing[data-page="logistics-marketing"] h3 {
  overflow-wrap: break-word;
  color: var(--color-navy);
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.4;
  text-wrap: balance;
}

main#logistics-marketing[data-page="logistics-marketing"] p {
  overflow-wrap: anywhere;
}

main#logistics-marketing[data-page="logistics-marketing"] a:focus-visible,
main#logistics-marketing[data-page="logistics-marketing"] summary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 4px;
}

main#logistics-marketing[data-page="logistics-marketing"] .site-shell {
  width: min(var(--content-width), calc(100% - var(--shell-gutter)));
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}

main#logistics-marketing[data-page="logistics-marketing"] .narrow-shell {
  width: min(800px, calc(100% - var(--shell-gutter)));
}

main#logistics-marketing[data-page="logistics-marketing"] .text-link:hover,
main#logistics-marketing[data-page="logistics-marketing"] .section-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

main#logistics-marketing[data-page="logistics-marketing"] .button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border: 1px solid var(--color-green);
  border-radius: var(--radius);
  background: var(--color-green);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

main#logistics-marketing[data-page="logistics-marketing"] .button:hover {
  background: var(--color-green-dark);
  border-color: var(--color-green-dark);
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .hero {
  display: flex;
  min-height: 520px;
  align-items: stretch;
  background-color: var(--color-navy);
  background-image: linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay) 48%, var(--color-overlay-soft) 100%), none;
  background-position: center;
  background-size: cover;
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .hero__inner {
  display: flex;
  min-height: 520px;
  align-items: center;
}

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {
  width: min(700px, 100%);
  padding: 72px 0;
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .hero h1 {
  max-width: 760px;
  margin-bottom: 26px;
  color: var(--color-white);
  font-size: 48px;
  letter-spacing: 0.01em;
}

main#logistics-marketing[data-page="logistics-marketing"] .hero p {
  max-width: 680px;
  margin-bottom: 32px;
  color: var(--color-white);
  font-size: 17px;
  line-height: 1.9;
}

main#logistics-marketing[data-page="logistics-marketing"] .button--primary {
  min-width: 260px;
  min-height: 56px;
  padding: 14px 26px;
  font-size: 16px;
}

main#logistics-marketing[data-page="logistics-marketing"] .section-cta {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

main#logistics-marketing[data-page="logistics-marketing"] .section {
  padding: var(--section-space) 0;
}

main#logistics-marketing[data-page="logistics-marketing"] .section--white {
  background: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .section--neutral {
  background: var(--color-neutral);
}

main#logistics-marketing[data-page="logistics-marketing"] .section--navy {
  background: var(--color-navy);
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .section--navy h2 {
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .section h2 {
  max-width: 960px;
  margin-inline: auto;
  margin-bottom: 48px;
  font-size: 34px;
  text-align: center;
}

main#logistics-marketing[data-page="logistics-marketing"] .section-lead {
  max-width: 760px;
  margin: -20px auto 42px;
  text-align: center;
}

main#logistics-marketing[data-page="logistics-marketing"] .flat-grid,
main#logistics-marketing[data-page="logistics-marketing"] .work-grid,
main#logistics-marketing[data-page="logistics-marketing"] .case-grid,
main#logistics-marketing[data-page="logistics-marketing"] .plan-grid,
main#logistics-marketing[data-page="logistics-marketing"] .alternative-grid,
main#logistics-marketing[data-page="logistics-marketing"] .flow-list {
  display: grid;
  min-width: 0;
}

main#logistics-marketing[data-page="logistics-marketing"] .flat-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
}

main#logistics-marketing[data-page="logistics-marketing"] .flat-item {
  min-width: 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-navy);
}

main#logistics-marketing[data-page="logistics-marketing"] .section--neutral .flat-item {
  border-top-color: var(--color-text);
}

main#logistics-marketing[data-page="logistics-marketing"] .flat-item h3,
main#logistics-marketing[data-page="logistics-marketing"] .work-item h3,
main#logistics-marketing[data-page="logistics-marketing"] .case-item h3,
main#logistics-marketing[data-page="logistics-marketing"] .alternative-item h3,
main#logistics-marketing[data-page="logistics-marketing"] .flow-item h3 {
  margin-bottom: 14px;
  font-size: 21px;
}

main#logistics-marketing[data-page="logistics-marketing"] .flat-item p,
main#logistics-marketing[data-page="logistics-marketing"] .work-item p,
main#logistics-marketing[data-page="logistics-marketing"] .case-item p,
main#logistics-marketing[data-page="logistics-marketing"] .alternative-item p,
main#logistics-marketing[data-page="logistics-marketing"] .flow-item p {
  font-size: 15px;
}

main#logistics-marketing[data-page="logistics-marketing"] .approach-grid .flat-item {
  padding-top: 24px;
}

main#logistics-marketing[data-page="logistics-marketing"] .work-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 56px;
}

main#logistics-marketing[data-page="logistics-marketing"] .work-item {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}

main#logistics-marketing[data-page="logistics-marketing"] .section-note {
  max-width: 920px;
  margin: 48px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}

main#logistics-marketing[data-page="logistics-marketing"] .case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

main#logistics-marketing[data-page="logistics-marketing"] .case-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-navy);
  background: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .case-item h3 {
  margin-bottom: 16px;
}

main#logistics-marketing[data-page="logistics-marketing"] .case-item p {
  margin-bottom: 28px;
}

main#logistics-marketing[data-page="logistics-marketing"] .text-link,
main#logistics-marketing[data-page="logistics-marketing"] .section-link {
  color: var(--color-text);
  font-weight: 700;
  text-underline-offset: 4px;
}

main#logistics-marketing[data-page="logistics-marketing"] .case-item .text-link {
  margin-top: auto;
}

main#logistics-marketing[data-page="logistics-marketing"] .section-link {
  display: inline-block;
  margin-top: 42px;
}

main#logistics-marketing[data-page="logistics-marketing"] .section--navy .text-link,
main#logistics-marketing[data-page="logistics-marketing"] .section--navy .section-link {
  color: var(--color-white);
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-item {
  min-width: 0;
  min-height: 184px;
  padding: 24px 0;
  border-top: 3px solid var(--color-green);
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-summary {
  font-size: 16px;
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-summary > span:first-child {
  font-weight: 700;
}

main#logistics-marketing[data-page="logistics-marketing"] .phrase {
  display: inline-block;
  max-width: 100%;
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-summary strong {
  display: block;
  margin: 14px 0 8px;
  color: var(--color-navy);
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-terms {
  max-width: 920px;
  margin: 28px auto 0;
  padding-top: 28px;
  border-top: 1px solid var(--color-border);
}

main#logistics-marketing[data-page="logistics-marketing"] .plan-terms p + p {
  margin-top: 18px;
}

main#logistics-marketing[data-page="logistics-marketing"] .alternative-grid {
  grid-template-columns: minmax(0, 1fr);
  max-width: 760px;
  margin-inline: auto;
  gap: 0;
}

main#logistics-marketing[data-page="logistics-marketing"] .alternative-item {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-navy);
}

main#logistics-marketing[data-page="logistics-marketing"] .alternative-item p {
  margin-bottom: 24px;
}

main#logistics-marketing[data-page="logistics-marketing"] .flow-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 0;
  list-style: none;
}

main#logistics-marketing[data-page="logistics-marketing"] .flow-item {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--color-navy);
}

main#logistics-marketing[data-page="logistics-marketing"] .flow-item__index {
  display: block;
  margin-bottom: 12px;
  color: var(--color-green);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list {
  border-top: 1px solid var(--color-border);
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list details {
  border-bottom: 1px solid var(--color-border);
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary {
  position: relative;
  padding: 22px 48px 22px 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary::-webkit-details-marker {
  display: none;
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary::after {
  position: absolute;
  top: 28px;
  right: 8px;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--color-green);
  border-bottom: 2px solid var(--color-green);
  content: "";
  transform: rotate(45deg);
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list details[open] summary::after {
  top: 33px;
  transform: rotate(225deg);
}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list details p {
  max-width: 760px;
  padding: 0 48px 24px 0;
}

main#logistics-marketing[data-page="logistics-marketing"] .final-section {
  text-align: center;
}

main#logistics-marketing[data-page="logistics-marketing"] .final-section h2 {
  margin-bottom: 24px;
}

main#logistics-marketing[data-page="logistics-marketing"] .final-section p {
  max-width: 720px;
  margin: 0 auto 32px;
}

@media (max-width: 900px) {
[data-theme="leveler-logistics-marketing"] {
    --shell-gutter: var(--mobile-gutter);
  }

main#logistics-marketing[data-page="logistics-marketing"] .hero,
main#logistics-marketing[data-page="logistics-marketing"] .hero__inner {
    min-height: 500px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .hero {
    background-position: 62% center;
  }

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {
    padding: 56px 0;
  }

main#logistics-marketing[data-page="logistics-marketing"] .hero h1 {
    margin-bottom: 22px;
    font-size: 28px;
    line-height: 1.55;
  }

main#logistics-marketing[data-page="logistics-marketing"] .hero p {
    margin-bottom: 28px;
    font-size: 16px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .section {
    padding: var(--mobile-space) 0;
  }

main#logistics-marketing[data-page="logistics-marketing"] .section h2 {
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 1.55;
  }

main#logistics-marketing[data-page="logistics-marketing"] .section-lead {
    margin: -8px auto 32px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .flat-grid--three,
main#logistics-marketing[data-page="logistics-marketing"] .work-grid,
main#logistics-marketing[data-page="logistics-marketing"] .case-grid,
main#logistics-marketing[data-page="logistics-marketing"] .plan-grid,
main#logistics-marketing[data-page="logistics-marketing"] .alternative-grid,
main#logistics-marketing[data-page="logistics-marketing"] .flow-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .flat-item,
main#logistics-marketing[data-page="logistics-marketing"] .work-item,
main#logistics-marketing[data-page="logistics-marketing"] .alternative-item,
main#logistics-marketing[data-page="logistics-marketing"] .flow-item {
    padding-top: 18px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .case-item {
    padding: 24px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .section-note,
main#logistics-marketing[data-page="logistics-marketing"] .plan-terms {
    margin-top: 32px;
    padding-top: 20px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .plan-item {
    min-height: 0;
    padding: 20px 0;
  }

main#logistics-marketing[data-page="logistics-marketing"] .plan-summary strong {
    font-size: 28px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary {
    padding: 19px 42px 19px 0;
    font-size: 17px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary::after {
    top: 25px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .faq-list details[open] summary::after {
    top: 30px;
  }

main#logistics-marketing[data-page="logistics-marketing"] .faq-list details p {
    padding: 0 24px 22px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
main#logistics-marketing[data-page="logistics-marketing"] *,
main#logistics-marketing[data-page="logistics-marketing"] *::before,
main#logistics-marketing[data-page="logistics-marketing"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

[data-theme="leveler-logistics-marketing"] {
  --color-header-text: #222222;
  --color-hero-target-border: rgba(255, 255, 255, 0.55);
  --color-hero-target-surface: rgba(255, 255, 255, 0.06);
}

main#logistics-marketing[data-page="logistics-marketing"] .hero p {font-size: 16px; max-width: 650px}

main#logistics-marketing[data-page="logistics-marketing"] .hero__targets {display: grid; grid-template-columns: repeat(3, max-content); gap: 8px; width: fit-content; max-width: 100%; margin: 0 0 24px; padding: 0; list-style: none; letter-spacing: 0}

main#logistics-marketing[data-page="logistics-marketing"] .hero__target {border: 1px solid var(--color-hero-target-border); border-radius: 4px; background: var(--color-hero-target-surface); padding: 6px 10px; color: var(--color-white); font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.6; text-align: center; white-space: nowrap}

main#logistics-marketing[data-page="logistics-marketing"] .no-break {white-space: nowrap}

main#logistics-marketing[data-page="logistics-marketing"] .rationale-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px}

main#logistics-marketing[data-page="logistics-marketing"] .rationale-grid h3 {font-size: 23px}

main#logistics-marketing[data-page="logistics-marketing"] .solution-list {border-top: 1px solid var(--color-border)}

main#logistics-marketing[data-page="logistics-marketing"] .solution-row {display: grid; grid-template-columns: minmax(0, 0.9fr) 32px minmax(0, 1.6fr); align-items: start; gap: 32px; padding: 32px 0; border-bottom: 1px solid var(--color-border)}

main#logistics-marketing[data-page="logistics-marketing"] .solution-row .solution-problem {font-size: 21px; line-height: 1.65; margin: 0}

main#logistics-marketing[data-page="logistics-marketing"] .solution-arrow {font-size: 28px; line-height: 1.4; color: var(--color-navy)}

main#logistics-marketing[data-page="logistics-marketing"] .solution-response h3 {font-size: 25px; line-height: 1.5; margin-bottom: 16px}

main#logistics-marketing[data-page="logistics-marketing"] .solution-response p {font-size: 16px; line-height: 1.95}

main#logistics-marketing[data-page="logistics-marketing"] .profession-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 42px}

main#logistics-marketing[data-page="logistics-marketing"] .profession-grid h3 {font-size: 21px}

main#logistics-marketing[data-page="logistics-marketing"] .profession-grid p {font-size: 15px}

main#logistics-marketing[data-page="logistics-marketing"] .work-list {border-top: 1px solid var(--color-border)}

main#logistics-marketing[data-page="logistics-marketing"] .work-row {display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.55fr) minmax(0, 1.05fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--color-border)}

main#logistics-marketing[data-page="logistics-marketing"] .work-row h3 {font-size: 22px}

main#logistics-marketing[data-page="logistics-marketing"] .work-row p,
main#logistics-marketing[data-page="logistics-marketing"] .work-output {font-size: 15px}

main#logistics-marketing[data-page="logistics-marketing"] .work-output {margin: 0; padding: 18px 20px; background: var(--color-neutral)}

main#logistics-marketing[data-page="logistics-marketing"] .work-output dt {font-weight: 700; margin-bottom: 8px}

main#logistics-marketing[data-page="logistics-marketing"] .work-output dd {margin: 0}

main#logistics-marketing[data-page="logistics-marketing"] .role-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; margin-top: 38px}

main#logistics-marketing[data-page="logistics-marketing"] .role-item {border-top: 1px solid var(--color-border); padding-top: 22px}

main#logistics-marketing[data-page="logistics-marketing"] .role-item h3 {font-size: 24px; color: var(--color-white); margin-bottom: 14px}

main#logistics-marketing[data-page="logistics-marketing"] .role-item p {font-size: 15px}

main#logistics-marketing[data-page="logistics-marketing"] .section--navy .section-lead {max-width: 820px}

main#logistics-marketing[data-page="logistics-marketing"] .fee-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px}

main#logistics-marketing[data-page="logistics-marketing"] .fee-grid h3 {font-size: 22px}

main#logistics-marketing[data-page="logistics-marketing"] .fee-grid p {font-size: 15px}

main#logistics-marketing[data-page="logistics-marketing"] .flow-list {counter-reset: process}

main#logistics-marketing[data-page="logistics-marketing"] .flow-item::before {counter-increment: process; content: counter(process, decimal-leading-zero); display: block; color: var(--color-navy); font-family: var(--font-display); font-size: 32px; line-height: 1.3; margin-bottom: 16px}

main#logistics-marketing[data-page="logistics-marketing"] .flow-item h3 {font-size: 19px}

main#logistics-marketing[data-page="logistics-marketing"] .section-note {font-size: 14px; line-height: 1.9}

main#logistics-marketing[data-page="logistics-marketing"] .final-section .section-lead {margin: 0 auto 30px}

main#logistics-marketing[data-page="logistics-marketing"] .final-section .section-cta {margin-top: 0}

@media (max-width: 900px) {
main#logistics-marketing[data-page="logistics-marketing"] .hero__targets {grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(360px, 100%); margin-bottom: 24px}

main#logistics-marketing[data-page="logistics-marketing"] .hero__target {padding: 6px; font-size: 13px}

main#logistics-marketing[data-page="logistics-marketing"] .solution-row {grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 28px 0}

main#logistics-marketing[data-page="logistics-marketing"] .solution-row .solution-problem {font-size: 20px}

main#logistics-marketing[data-page="logistics-marketing"] .solution-arrow {justify-self: start; transform: rotate(90deg); line-height: 1}

main#logistics-marketing[data-page="logistics-marketing"] .solution-response h3 {font-size: 23px; margin-bottom: 12px}

main#logistics-marketing[data-page="logistics-marketing"] .rationale-grid {grid-template-columns: minmax(0, 1fr); gap: 28px}

main#logistics-marketing[data-page="logistics-marketing"] .profession-grid,
main#logistics-marketing[data-page="logistics-marketing"] .role-grid,
main#logistics-marketing[data-page="logistics-marketing"] .fee-grid {grid-template-columns: minmax(0, 1fr); gap: 28px}

main#logistics-marketing[data-page="logistics-marketing"] .work-row {grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 26px 0}

main#logistics-marketing[data-page="logistics-marketing"] .work-row h3 {font-size: 23px}

main#logistics-marketing[data-page="logistics-marketing"] .work-output {padding: 16px 18px}

main#logistics-marketing[data-page="logistics-marketing"] .profession-grid h3,
main#logistics-marketing[data-page="logistics-marketing"] .fee-grid h3 {font-size: 22px}

main#logistics-marketing[data-page="logistics-marketing"] .role-grid {margin-top: 30px}

main#logistics-marketing[data-page="logistics-marketing"] .role-item h3 {font-size: 23px}

main#logistics-marketing[data-page="logistics-marketing"] .hero {background-position: 65% center}

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {width: 100%}

main#logistics-marketing[data-page="logistics-marketing"] .hero .button--primary,
main#logistics-marketing[data-page="logistics-marketing"] .section-cta .button--primary {width: 100%; min-width: 0}

main#logistics-marketing[data-page="logistics-marketing"] .section-note {margin-top: 32px}
}

[data-theme="leveler-logistics-marketing"] {
  --color-photo-shade: rgba(16, 44, 58, 0.2);
  --color-condition-surface: #edf3f0;
  --color-photo-note: rgba(16, 44, 58, 0.88);
}

main#logistics-marketing[data-page="logistics-marketing"] .hero {position: relative; isolation: isolate; background-image: none;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__visual {position: absolute; inset: 0; z-index: -2;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__visual img {width: 100%; height: 100%; object-fit: cover; object-position: center 54%;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__shade {position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay) 44%, var(--color-photo-shade) 100%);}

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {width: min(740px, 100%); padding: 64px 0;}

main#logistics-marketing[data-page="logistics-marketing"] .hero h1 {font-size: 46px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero p {max-width: 690px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__targets {grid-template-columns: repeat(2, minmax(0, 1fr)); width: 424px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__image-note {position: absolute; right: 16px; bottom: 12px; margin: 0 !important; padding: 3px 8px; background: var(--color-photo-note); font-size: 12px !important; line-height: 1.5 !important;}

main#logistics-marketing[data-page="logistics-marketing"] .problem-grid {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 30px;}

main#logistics-marketing[data-page="logistics-marketing"] .problem-grid h3 {font-size: 22px; line-height: 1.65; margin-bottom: 16px;}

main#logistics-marketing[data-page="logistics-marketing"] .problem-grid p {font-size: 16px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-diagram {margin-top: 40px; padding: 32px; background: var(--color-white);}

main#logistics-marketing[data-page="logistics-marketing"] .journey-diagram > h3 {font-size: 24px; margin-bottom: 28px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 0; gap: 32px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list li {position: relative; border-top: 3px solid var(--color-green); padding: 16px 0 0;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list li + li::before {content: ''; position: absolute; width: 9px; height: 9px; border-right: 1.5px solid var(--color-navy); border-top: 1.5px solid var(--color-navy); left: -24px; top: 25px; transform: rotate(45deg);}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list h4 {margin: 0 0 8px; color: var(--color-navy); font-size: 18px; line-height: 1.5;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list p {font-size: 14px; line-height: 1.7;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-note {margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--color-border); font-size: 15px;}

main#logistics-marketing[data-page="logistics-marketing"] .examples-intro {display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: 64px; margin-bottom: 48px;}

main#logistics-marketing[data-page="logistics-marketing"] .packing-photo {margin: 0; min-width: 0;}

main#logistics-marketing[data-page="logistics-marketing"] .packing-photo img {width: 100%; aspect-ratio: 1.65; object-fit: cover;}

main#logistics-marketing[data-page="logistics-marketing"] .packing-photo figcaption {font-size: 12px; color: var(--color-muted); line-height: 1.7; margin-top: 10px;}

main#logistics-marketing[data-page="logistics-marketing"] .condition-explanation h3 {font-size: 28px; line-height: 1.65; margin-bottom: 18px;}

main#logistics-marketing[data-page="logistics-marketing"] .condition-list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; list-style: none; margin: 22px 0 0; padding: 0;}

main#logistics-marketing[data-page="logistics-marketing"] .condition-list li {padding: 7px 0; border-bottom: 1px solid var(--color-border); font-size: 15px; color: var(--color-navy);}

main#logistics-marketing[data-page="logistics-marketing"] .examples-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 64px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-item {border-top: 1px solid var(--color-navy); padding-top: 24px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-item h3 {font-size: 24px; margin-bottom: 14px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-wish {font-weight: 600; margin-bottom: 14px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-conditions {margin: 22px 0 0; padding: 14px 18px; background: var(--color-condition-surface); font-size: 14px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-conditions dt {font-weight: 600; margin-bottom: 4px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-conditions dd {margin: 0;}

main#logistics-marketing[data-page="logistics-marketing"] .work-row p,
main#logistics-marketing[data-page="logistics-marketing"] .work-output,
main#logistics-marketing[data-page="logistics-marketing"] .fee-grid p,
main#logistics-marketing[data-page="logistics-marketing"] .role-item p {font-size: 16px;}

main#logistics-marketing[data-page="logistics-marketing"] .work-row h3 {font-size: 22px; line-height: 1.6;}

main#logistics-marketing[data-page="logistics-marketing"] .section-note {max-width: 920px;}

main#logistics-marketing[data-page="logistics-marketing"] .image-disclosure {padding: 0 24px 20px; text-align: center; font-size: 12px; color: var(--color-muted);}

main#logistics-marketing[data-page="logistics-marketing"] .faq-list summary {min-height: 66px;}

@media (max-width:1100px) and (min-width:901px) {
main#logistics-marketing[data-page="logistics-marketing"] .problem-grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 40px;}

main#logistics-marketing[data-page="logistics-marketing"] .work-row {grid-template-columns: minmax(0,.8fr) minmax(0,1.4fr) minmax(0,1fr); gap: 22px;}
}

@media (max-width:900px) {
main#logistics-marketing[data-page="logistics-marketing"] .hero,
main#logistics-marketing[data-page="logistics-marketing"] .hero__inner {min-height: 520px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {padding: 48px 0 64px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero h1 {font-size: 32px; line-height: 1.5; margin-bottom: 22px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero p {font-size: 16px; line-height: 1.95;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__visual img {object-position: 68% center;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__shade {background: linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay) 85%, var(--color-overlay) 100%);}

main#logistics-marketing[data-page="logistics-marketing"] .hero__targets {width: 100%; max-width: 380px; margin-bottom: 24px;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__image-note {font-size: 11px !important; right: 12px; bottom: 9px;}

main#logistics-marketing[data-page="logistics-marketing"] .problem-grid {grid-template-columns: minmax(0,1fr); gap: 28px;}

main#logistics-marketing[data-page="logistics-marketing"] .problem-grid h3 {font-size: 23px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-diagram {margin-top: 30px; padding: 26px 22px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-diagram > h3 {font-size: 23px; line-height: 1.65; margin-bottom: 24px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list {grid-template-columns: minmax(0,1fr); gap: 24px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list li {border-top: 1px solid var(--color-border); padding: 14px 0 4px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list li + li::before {left: 22px; top: -19px; transform: rotate(135deg);}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list h4 {font-size: 18px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list p {font-size: 15px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-note {font-size: 15px;}

main#logistics-marketing[data-page="logistics-marketing"] .examples-intro {grid-template-columns: minmax(0,1fr); gap: 28px; margin-bottom: 40px;}

main#logistics-marketing[data-page="logistics-marketing"] .packing-photo img {aspect-ratio: 1.5;}

main#logistics-marketing[data-page="logistics-marketing"] .condition-explanation h3 {font-size: 26px;}

main#logistics-marketing[data-page="logistics-marketing"] .examples-grid {grid-template-columns: minmax(0,1fr); gap: 32px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-item h3 {font-size: 24px;}

main#logistics-marketing[data-page="logistics-marketing"] .example-item {padding-top: 22px;}

main#logistics-marketing[data-page="logistics-marketing"] .work-row h3 {font-size: 23px;}

main#logistics-marketing[data-page="logistics-marketing"] .role-item h3 {font-size: 23px;}

main#logistics-marketing[data-page="logistics-marketing"] .flow-item h3 {font-size: 22px;}
}

@media (min-width:600px) and (max-width:900px) {
main#logistics-marketing[data-page="logistics-marketing"] .problem-grid,
main#logistics-marketing[data-page="logistics-marketing"] .examples-grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 28px;}

main#logistics-marketing[data-page="logistics-marketing"] .journey-list li + li::before {display:none;}

main#logistics-marketing[data-page="logistics-marketing"] .hero__content {width:min(680px,100%);}

main#logistics-marketing[data-page="logistics-marketing"] .hero h1 {font-size:42px;}

main#logistics-marketing[data-page="logistics-marketing"] .fee-grid,
main#logistics-marketing[data-page="logistics-marketing"] .flow-list {grid-template-columns: repeat(2,minmax(0,1fr));}
}

main#logistics-marketing[data-page="logistics-marketing"] a:active,
main#logistics-marketing[data-page="logistics-marketing"] summary:active {filter: brightness(.94); }

main#logistics-marketing[data-page="logistics-marketing"] .hero a:focus-visible,
main#logistics-marketing[data-page="logistics-marketing"] .section--navy a:focus-visible {outline-color:var(--color-white); }