/* Homepage compositions extend brand-system.css. */
.lp-hero { position: relative; background: radial-gradient(ellipse at 80% 35%, #f5ecdc 0%, transparent 53%), var(--lp-paper); }
.lp-hero-grid { display: grid; grid-template-columns: 1fr 1.12fr; align-items: center; gap: 48px; padding-top: 54px; padding-bottom: 42px; }
.lp-hero-copy { padding-bottom: 25px; }
.lp-hero h1 { font-size: clamp(58px, 6.1vw, 88px); font-weight: 800; line-height: 1.05; letter-spacing: -4.7px; margin-bottom: 26px; }
.lp-hero h1 span { color: var(--lp-orange); }
.lp-hero-description { font-size: 17px; line-height: 1.8; color: var(--lp-muted); max-width: 470px; margin-bottom: 30px !important; }
.lp-hero-assurance { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 30px; font-size: 12px; color: #59675f; }
.lp-hero-assurance span { display: inline-flex; align-items: center; gap: 8px; }
.lp-hero-assurance i { color: #3e6758; }
.lp-hero-visual { position: relative; min-width: 0; height: 590px; }
.lp-scene-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-left: 30px; }
.lp-scene-topline > span, .lp-network-label > span:first-child { display: inline-flex; align-items: center; gap: 8px; font-size: 9px; letter-spacing: 1.3px; font-weight: 800; color: #526862; }
.lp-status-dot { display: inline-block; width: 6px; height: 6px; background: #46866a; border-radius: 50%; flex-shrink: 0; }
.lp-motion-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; min-height: 36px; background: #ffffff75; border: 1px solid #d9ded2; border-radius: 6px; color: #54655e; font-size: 10px !important; font-weight: 700 !important; }
.lp-motion-toggle:disabled { cursor: default; }
.lp-delivery-scene { display: block; width: 100%; height: auto; position: absolute; top: 36px; left: 0; }
.lp-floating-note { position: absolute; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 11px; background: #fffffff2; border: 1px solid #fff; box-shadow: 0 14px 35px #2837290c; animation: lp-float 7s ease-in-out infinite; }
.lp-note-route { top: 103px; left: 0; transform: rotate(-3deg); }
.lp-note-parcel { bottom: 129px; right: -8px; animation-delay: -3s; }
.lp-floating-note small { display: block; color: #6c746b; letter-spacing: 1px; font-size: 8px; font-weight: 800; margin-bottom: 4px; }
.lp-floating-note strong { display: block; font-size: 12px; color: var(--lp-ink); }
.lp-floating-note div > span { font-size: 10px; color: #6c746b; }
.lp-note-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #fff0e3; color: var(--lp-orange); font-size: 16px; }
.lp-note-green { background: #e7f0e6; color: #38604b; }
.lp-journey-card { position: absolute; bottom: 2px; left: 34px; right: 24px; background: #fff; padding: 20px 24px; border: 1px solid #e0e3d9; border-radius: 12px; box-shadow: 0 8px 24px #28372906; }
.lp-journey-caption { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 19px; }
.lp-journey-caption strong { font-size: 12px; font-weight: 800; }
.lp-journey-caption > span { font-size: 9px; color: #5b695b; background: #f2f5ee; padding: 3px 8px; border-radius: 4px; }
.lp-journey-card ol { display: flex; justify-content: space-between; gap: 10px; padding: 0; margin: 0; }
.lp-journey-card li { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #68736c; position: relative; }
.lp-journey-card li > span { width: 8px; height: 8px; background: #d9ded5; border-radius: 50%; transition: background .3s, box-shadow .3s; }
.lp-journey-card li.is-current { color: #305846; font-weight: 800; }
.lp-journey-card li.is-current > span { background: #438164; box-shadow: 0 0 0 4px #e9f1e8; }
.lp-hero-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--lp-border); padding-block: 23px; }
.lp-hero-bottom > span { font-size: 10px; font-weight: 700; letter-spacing: 1.4px; color: #6b776c; }
.lp-hero-bottom a { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; color: var(--lp-ink); font-size: 12px; font-weight: 800; }
.lp-hero-bottom a i { color: var(--lp-orange); }

/* Tracking remains a real GET form connected to the existing AWB route. */
.lp-tracking-section { padding-block: 28px 0; }
.lp-tracking-panel { display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: center; padding: 30px 36px; border: 1px solid var(--lp-border); background: #fff; border-radius: 14px; box-shadow: 0 8px 30px #142b3605; }
.lp-tracking-intro { display: flex; align-items: center; gap: 18px; }
.lp-tracking-icon { display: grid; place-items: center; width: 62px; height: 62px; flex-shrink: 0; border-radius: 14px; background: #f4eee1; color: var(--lp-orange); font-size: 23px; }
.lp-home .lp-tracking-intro h2 { font-size: 23px; line-height: 1.3; letter-spacing: -.7px; margin-bottom: 5px; }
.lp-tracking-intro p { color: var(--lp-muted); font-size: 12px; }
.lp-tracking-form label { display: block; font-size: 11px; font-weight: 800; color: var(--lp-ink); margin-bottom: 7px; }
.lp-tracking-input { display: flex; gap: 6px; border: 1px solid #c9d0c9; padding: 5px; border-radius: 9px; background: #fafbf8; }
.lp-tracking-input:focus-within { border-color: #65857a; box-shadow: 0 0 0 3px #65857a12; }
.lp-tracking-input input { min-width: 0; width: 100%; border: 0; background: transparent; padding: 10px 14px; color: var(--lp-ink); font-size: 14px; }
.lp-tracking-input input::placeholder { color: #697875; }
.lp-tracking-input .lp-button { min-height: 44px; padding: 12px 19px; gap: 15px; font-size: 13px; }
.lp-input-help { font-size: 10px; color: #627167; margin-top: 8px !important; }
.lp-input-help a { color: var(--lp-ink); text-decoration: underline; text-underline-offset: 3px; }

.lp-service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lp-service-card { display: flex; flex-direction: column; padding: 26px; background: #fff; border: 1px solid #e0e3d9; border-radius: 12px; transition: transform .25s, box-shadow .25s, border-color .25s; }
.lp-service-card:hover { transform: translateY(-6px); border-color: #d89b7a; box-shadow: 0 14px 28px #172d3708; }
.lp-service-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.lp-service-icon { display: grid; place-items: center; width: 48px; height: 48px; background: #f5f1e9; color: #c54113; border-radius: 12px; font-size: 20px; transition: background .25s, transform .25s; }
.lp-service-card:hover .lp-service-icon { background: #ffe5d5; transform: rotate(-5deg); }
.lp-card-number { color: #6d786c; font-size: 11px; font-weight: 700; }
.lp-service-tag { font-size: 9px; color: #6a756b; text-transform: uppercase; letter-spacing: .7px; font-weight: 700; margin-bottom: 8px; }
.lp-home .lp-service-card h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.5px; font-weight: 800; margin-bottom: 12px; }
.lp-service-card p { font-size: 13px; line-height: 1.8; color: var(--lp-muted); margin-bottom: 22px; }
.lp-service-link { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; border-top: 1px solid #e7e9e1; padding-top: 14px; color: var(--lp-ink); font-size: 11px; font-weight: 800; }
.lp-service-link i { font-size: 12px; color: var(--lp-orange); }
.lp-service-link:hover { color: var(--lp-orange); }

.lp-process { background: #f0f1e9; }
.lp-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 0; margin: 0; }
.lp-step { position: relative; }
.lp-step-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; position: relative; }
.lp-step-top::after { content: ''; position: absolute; height: 1px; left: 70px; right: 25px; top: 28px; background: #c4cbc1; }
.lp-step-icon { display: grid; place-items: center; width: 57px; height: 57px; background: #fff; color: var(--lp-orange); border: 1px solid #d7ddd1; border-radius: 50%; font-size: 21px; z-index: 1; }
.lp-step-number { font-size: 10px; color: #5e6a61; font-weight: 800; }
.lp-home .lp-step h3 { font-size: 17px; font-weight: 800; letter-spacing: -.4px; margin-bottom: 12px; }
.lp-step p { font-size: 13px; color: var(--lp-muted); line-height: 1.8; }
.lp-process-bottom { display: flex; justify-content: center; align-items: center; gap: 18px; padding-top: 36px; margin-top: 38px; border-top: 1px solid #d3d9cc; font-size: 13px; color: #52625a; }

.lp-why-grid { display: grid; grid-template-columns: .95fr 1.15fr; gap: 90px; align-items: start; }
.lp-why-story h2 { margin-bottom: 25px; }
.lp-why-story p { font-size: 15px; color: var(--lp-muted); line-height: 1.9; margin-bottom: 16px; }
.lp-why-story .lp-text-link { margin-top: 10px; }
.lp-story-signature { display: flex; align-items: center; gap: 20px; margin-top: 35px; padding-top: 28px; border-top: 1px solid var(--lp-border); }
.lp-story-signature > span { color: var(--lp-orange); font-size: 37px; font-weight: 800; letter-spacing: -3px; font-style: italic; }
.lp-story-signature div { font-size: 11px; line-height: 1.8; color: #647267; border-left: 1px solid #c7cfc1; padding-left: 20px; }
.lp-benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 34px; }
.lp-benefit { padding-bottom: 25px; border-bottom: 1px solid var(--lp-border); }
.lp-benefit > i { display: block; color: var(--lp-orange); font-size: 22px; margin-bottom: 18px; }
.lp-home .lp-benefit h3 { font-size: 15px; font-weight: 800; margin-bottom: 10px; }
.lp-benefit p { color: var(--lp-muted); font-size: 12px; line-height: 1.8; }

.lp-network { background: #102b38; color: #c0d1d6; padding-block: 68px 36px; }
.lp-network-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 34px; }
.lp-network .lp-kicker { color: #ffab7c; }
.lp-network h2 { color: #fff; }
.lp-network h2 span { color: #b9cac8; }
.lp-network-heading > p { max-width: 340px; font-size: 14px; line-height: 1.8; color: #b2c7cf; }
.lp-network-figure { margin: 0; border: 1px solid #3e5763; border-radius: 14px; background: #0d2531; padding: 24px 28px 19px; }
.lp-network-label { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lp-network-label > span:first-child { color: #c2d4d7; font-size: 10px; }
.lp-network-label > span:last-child { border: 1px solid #48616a; border-radius: 4px; font-size: 10px; padding: 4px 9px; color: #bdd1d4; }
.lp-network-label .lp-status-dot { background: #f49f6d; }
.lp-network-svg { display: block; width: 100%; height: auto; max-height: 410px; margin-top: 14px; }
.lp-network-mobile { display: none; }
.lp-network-figure figcaption { text-align: center; color: #a3bbc2; font-size: 10px; margin-top: 10px; }
.lp-network-bottom { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding-top: 22px; font-size: 12px; color: #bdd1d4; }
.lp-network-bottom .lp-text-link { color: #fff; font-size: 12px; }
.lp-network-bottom .lp-text-link i { color: #ffab7c; }

.lp-statistics { background: #fff; }
.lp-stats-intro { text-align: center; margin-bottom: 40px; }
.lp-stats-intro .lp-kicker { margin-bottom: 14px; }
.lp-home .lp-stats-intro h2 { font-size: 32px; letter-spacing: -1px; margin-bottom: 12px; }
.lp-stats-intro p { color: var(--lp-muted); font-size: 14px; }
.lp-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.lp-stat { padding-inline: 28px; border-right: 1px solid var(--lp-border); text-align: center; }
.lp-stat:last-child { border-right: 0; }
.lp-stat-number { display: block; color: var(--lp-orange); font-size: 56px; line-height: 1.2; font-weight: 800; letter-spacing: -2px; font-variant-numeric: tabular-nums; margin-bottom: 13px; }
.lp-home .lp-stat h3 { font-size: 12px; font-weight: 800; margin-bottom: 8px; }
.lp-stat p { font-size: 11px; color: var(--lp-muted); line-height: 1.8; }

.lp-quote { background: #f2f1e9; }
.lp-quote-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.lp-quote-copy h2 { font-size: clamp(40px, 4.9vw, 66px); letter-spacing: -2.9px; margin-bottom: 24px; }
.lp-quote-copy > p { font-size: 15px; line-height: 1.9; color: var(--lp-muted); max-width: 380px; }
.lp-quote-contact { display: flex; align-items: center; gap: 18px; margin-block: 38px 18px; }
.lp-contact-icon { width: 58px; height: 58px; background: #fff; border-radius: 50%; display: grid; place-items: center; color: var(--lp-orange); font-size: 21px; }
.lp-quote-contact div > span, .lp-quote-contact small { display: block; font-size: 11px; color: #5a6b61; }
.lp-quote-contact a { display: inline-flex; align-items: center; min-height: 44px; font-size: 22px; color: var(--lp-ink); font-weight: 800; letter-spacing: -.5px; }
.lp-quote-panel { background: #fff; border-radius: 15px; border: 1px solid #dde1d4; padding: 32px; box-shadow: 0 10px 30px #142b3605; }
.lp-home .lp-form-heading h3 { font-size: 20px; font-weight: 800; letter-spacing: -.6px; }
.lp-form-heading p { color: #667466; font-size: 11px; margin-block: 7px 22px; }
.lp-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 18px; }
.lp-field { min-width: 0; }
.lp-field-full { grid-column: 1 / -1; }
.lp-field label { display: block; font-size: 11px; font-weight: 800; color: var(--lp-ink); margin-bottom: 7px; }
.lp-field input, .lp-field select { width: 100%; min-width: 0; min-height: 46px; border: 1px solid #cbd2c5; border-radius: 6px; background: #fafbf7; padding: 11px 13px; color: var(--lp-ink); font-size: 13px; transition: border-color .2s; }
.lp-field input::placeholder { color: #697569; }
.lp-field input:hover, .lp-field select:hover { border-color: #809782; }
.lp-parcel-details { margin-block: 20px; border-top: 1px solid #e3e7dc; border-bottom: 1px solid #e3e7dc; }
.lp-parcel-details summary { display: flex; align-items: center; gap: 10px; padding-block: 15px; min-height: 48px; font-size: 12px; font-weight: 800; color: var(--lp-ink); cursor: pointer; list-style: none; }
.lp-parcel-details summary::-webkit-details-marker { display: none; }
.lp-parcel-details summary > span { font-size: 10px; font-weight: 500; color: #667466; }
.lp-parcel-details summary > i { margin-left: auto; color: var(--lp-orange); font-size: 12px; transition: transform .2s; }
.lp-parcel-details[open] summary > i { transform: rotate(45deg); }
.lp-parcel-details fieldset { border: 0; padding: 0 0 20px; margin: 0; }
.lp-submit { width: 100%; }
.lp-submit:disabled { opacity: .7; cursor: wait; transform: none !important; }
.lp-form-footnote { font-size: 10px; text-align: center; color: #647263; margin-top: 13px !important; }
.lp-form-status { font-size: 13px; line-height: 1.7; border: 1px solid #7d9e86; background: #eef5ed; color: #295439; padding: 14px; border-radius: 6px; margin-bottom: 16px; }
.lp-form-status[data-state="error"] { color: #8d2814; border-color: #d8a696; background: #fff2ed; }
.lp-form-status[data-state="pending"] { color: #6b4b10; border-color: #c6b072; background: #fff8df; }
.lp-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.lp-final-cta { padding-block: 55px; background: #eae6d8; border-top: 1px solid #ddd7c4; }
.lp-final-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.lp-home .lp-final-cta h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.2; letter-spacing: -1.3px; }
.lp-final-cta .lp-kicker { margin-bottom: 16px; }
.lp-final-inner > div:last-child { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.lp-cta-contact { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: var(--lp-ink); font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }

/* Motion uses transforms and vector strokes; the pause control covers continuous motion. */
.lp-hero-enter { animation: lp-enter .75s ease-out both; }
.lp-hero-copy > :nth-child(2) { animation-delay: .1s; }
.lp-hero-copy > :nth-child(3) { animation-delay: .2s; }
.lp-hero-copy > :nth-child(4) { animation-delay: .3s; }
.lp-hero-copy > :nth-child(5) { animation-delay: .4s; }
.lp-reveal.is-pending { opacity: 0; transform: translateY(20px); }
.lp-reveal { transition: opacity .65s ease, transform .65s ease; }
.lp-truck-travel { animation: lp-drive 8s ease-in-out infinite alternate; }
.lp-van-travel { animation: lp-van 9s ease-in-out infinite alternate; }
.lp-floating-parcel, .lp-destination-pin { animation: lp-float 6s ease-in-out infinite; }
.lp-plane { animation: lp-plane 11s ease-in-out infinite alternate; }
.lp-orbit-route { animation: lp-dash 18s linear infinite; }
.lp-road-markings { animation: lp-road 3s linear infinite; }
.lp-network-flow { animation: lp-dash 12s linear infinite; }
.lp-network-parcel { offset-path: path('M105 205C210 205 190 107 325 107S450 254 551 254S638 131 748 131'); offset-rotate: 0deg; animation: lp-parcel-route 15s linear infinite; }
.lp-network-parcel-two { animation-delay: -7.5s; }
.lp-mobile-parcel { offset-path: path('M75 60C180 60 180 168 285 168S180 283 75 283S180 396 285 396'); }
.lp-hub-ring { transform-box: fill-box; transform-origin: center; animation: lp-hub 5s ease-in-out infinite; }
body.lp-motion-paused .lp-home *, .lp-scene.is-offscreen * { animation-play-state: paused !important; }
@keyframes lp-enter { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes lp-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes lp-drive { from { transform: translate(-16px, 10px); } to { transform: translate(22px, -13px); } }
@keyframes lp-van { from { transform: translate(-8px, 0); } to { transform: translate(24px, 0); } }
@keyframes lp-plane { from { transform: translate(-12px, 4px); } to { transform: translate(18px, -7px); } }
@keyframes lp-dash { to { stroke-dashoffset: -180; } }
@keyframes lp-road { to { stroke-dashoffset: -30; } }
@keyframes lp-parcel-route { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes lp-hub { 0%, 100% { opacity: .4; scale: 1; } 50% { opacity: .8; scale: 1.08; } }

@media (min-width: 1600px) { .lp-hero-grid { padding-block: 70px 50px; } }
@media (max-width: 1199px) {
    .lp-hero-grid { gap: 25px; padding-top: 38px; }
    .lp-hero h1 { font-size: 65px; letter-spacing: -3.7px; }
    .lp-hero-description { font-size: 15px; }
    .lp-hero-visual { height: 520px; }
    .lp-floating-note { padding: 10px 12px; }
    .lp-note-route { top: 85px; left: 0; }
    .lp-note-parcel { bottom: 126px; right: 0; }
    .lp-journey-card { left: 12px; right: 0; }
    .lp-service-grid { grid-template-columns: repeat(2, 1fr); }
    .lp-service-card { padding: 25px; }
    .lp-service-card-top { margin-bottom: 20px; }
    .lp-why-grid, .lp-quote-grid { gap: 48px; }
    .lp-tracking-panel { gap: 30px; padding: 25px; }
    .lp-tracking-intro { gap: 12px; }
    .lp-home .lp-tracking-intro h2 { font-size: 20px; }
}
@media (max-width: 899px) {
    .lp-section { padding-block: 65px; }
    .lp-container { width: calc(100% - 48px); }
    .lp-hero-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .lp-hero h1 { font-size: 54px; letter-spacing: -2.9px; }
    .lp-hero .lp-kicker { font-size: 9px; letter-spacing: 1px; }
    .lp-hero-description { font-size: 14px; margin-bottom: 22px !important; }
    .lp-hero .lp-button { font-size: 12px; padding: 12px 15px; min-height: 48px; gap: 10px; }
    .lp-hero-assurance { font-size: 10px; gap: 10px; margin-top: 22px; }
    .lp-hero-visual { height: 450px; }
    .lp-scene-topline { padding-left: 0; }
    .lp-scene-topline > span { font-size: 7px; letter-spacing: .7px; }
    .lp-note-route { top: 70px; }
    .lp-note-parcel { bottom: 109px; }
    .lp-floating-note strong { font-size: 10px; }
    .lp-floating-note small { font-size: 7px; }
    .lp-note-icon { width: 28px; height: 28px; font-size: 13px; }
    .lp-journey-card { padding: 15px; }
    .lp-journey-card li { font-size: 9px; gap: 5px; }
    .lp-tracking-panel { grid-template-columns: 1fr; gap: 20px; }
    .lp-tracking-intro { gap: 18px; }
    .lp-tracking-intro p { font-size: 13px; }
    .lp-section-heading { gap: 25px; }
    .lp-heading-aside { max-width: 260px; font-size: 13px; }
    .lp-heading-aside p { font-size: 13px; }
    .lp-step-grid { grid-template-columns: repeat(2, 1fr); gap: 34px; }
    .lp-why-grid, .lp-quote-grid { grid-template-columns: 1fr; gap: 40px; }
    .lp-why-story p { max-width: 650px; }
    .lp-story-signature { margin-top: 20px; }
    .lp-benefit-grid { gap: 28px 38px; }
    .lp-network-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
    .lp-network-heading > p { max-width: 620px; }
    .lp-stats-grid { grid-template-columns: 1fr 1fr; gap: 32px 0; }
    .lp-stat:nth-child(2) { border-right: 0; }
    .lp-quote-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; align-items: start; }
    .lp-quote-copy .lp-kicker { grid-column: 1 / -1; }
    .lp-quote-copy h2 { grid-row: 2 / 5; font-size: 52px; }
    .lp-quote-contact { margin-block: 18px 10px; }
    .lp-quote-copy .lp-text-link { font-size: 12px; }
    .lp-final-inner { gap: 25px; }
    .lp-final-cta .lp-kicker { font-size: 9px; }
}
@media (max-width: 639px) {
    .lp-container { width: calc(100% - 36px); }
    .lp-section { padding-block: 50px; }
    .lp-home h2 { font-size: 33px; letter-spacing: -1.2px; }
    .lp-kicker { font-size: 9px; letter-spacing: 1.3px; margin-bottom: 16px; }
    .lp-hero-grid { grid-template-columns: 1fr; padding-top: 36px; padding-bottom: 22px; gap: 18px; }
    .lp-hero-copy { padding-bottom: 0; }
    .lp-hero h1 { font-size: clamp(52px, 12vw, 72px); letter-spacing: -3px; margin-bottom: 20px; }
    .lp-hero-description { font-size: 15px; line-height: 1.8; max-width: 450px; }
    .lp-hero .lp-button { font-size: 13px; padding: 14px 18px; }
    .lp-hero-assurance { font-size: 10px; gap: 16px; }
    .lp-hero-visual { width: min(100%, 480px); margin-inline: auto; height: auto; aspect-ratio: 1 / 1.18; }
    .lp-delivery-scene { top: 32px; }
    .lp-scene-topline { padding-top: 10px; }
    .lp-scene-topline > span { font-size: 7px; }
    .lp-note-route { top: 70px; left: 0; }
    .lp-note-parcel { right: 0; bottom: 103px; }
    .lp-floating-note { gap: 9px; }
    .lp-journey-card { bottom: 0; left: 0; right: 0; }
    .lp-journey-caption strong { font-size: 11px; }
    .lp-journey-caption { margin-bottom: 15px; }
    .lp-hero-bottom { padding-block: 16px; gap: 15px; }
    .lp-hero-bottom > span { max-width: 175px; font-size: 8px; line-height: 1.9; letter-spacing: 1px; }
    .lp-hero-bottom a { font-size: 10px; gap: 8px; }
    .lp-tracking-section { padding-top: 20px; }
    .lp-tracking-panel { padding: 22px 18px; gap: 18px; }
    .lp-tracking-icon { width: 45px; height: 45px; border-radius: 10px; font-size: 19px; }
    .lp-home .lp-tracking-intro h2 { font-size: 20px; }
    .lp-tracking-intro { gap: 12px; }
    .lp-tracking-intro p { font-size: 11px; line-height: 1.7; }
    .lp-tracking-input input { padding-inline: 9px; font-size: 12px; }
    .lp-tracking-input .lp-button { padding-inline: 13px; gap: 8px; font-size: 12px; }
    .lp-input-help { font-size: 9px; }
    .lp-section-heading { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 28px; }
    .lp-heading-aside { max-width: 100%; font-size: 14px; }
    .lp-heading-aside p { font-size: 14px; }
    .lp-heading-aside .lp-text-link { margin-top: 10px; }
    .lp-service-grid { gap: 12px; }
    .lp-service-card { padding: 18px; }
    .lp-service-card-top { margin-bottom: 20px; }
    .lp-service-icon { width: 38px; height: 38px; border-radius: 9px; font-size: 16px; }
    .lp-home .lp-service-card h3 { font-size: 16px; letter-spacing: -.4px; }
    .lp-service-tag { font-size: 8px; letter-spacing: .4px; }
    .lp-service-card p { font-size: 12px; line-height: 1.8; margin-bottom: 14px; }
    .lp-service-link { font-size: 10px; gap: 7px; align-items: flex-start; }
    .lp-service-link i { padding-top: 4px; font-size: 10px; }
    .lp-step-grid { gap: 28px 22px; }
    .lp-step-top { margin-bottom: 18px; }
    .lp-home .lp-step h3 { font-size: 15px; line-height: 1.5; }
    .lp-step p { font-size: 12px; }
    .lp-process-bottom { flex-direction: column; gap: 3px; padding-top: 23px; margin-top: 28px; font-size: 12px; }
    .lp-why-story p { font-size: 14px; }
    .lp-benefit-grid { gap: 23px 22px; }
    .lp-home .lp-benefit h3 { font-size: 14px; }
    .lp-benefit p { font-size: 11px; }
    .lp-network { padding-block: 48px 28px; }
    .lp-network-figure { padding: 17px 12px; }
    .lp-network-label { gap: 8px; }
    .lp-network-label > span:first-child { font-size: 7px; letter-spacing: .5px; }
    .lp-network-label > span:last-child { font-size: 8px; padding: 3px 5px; }
    .lp-network-desktop { display: none; }
    .lp-network-mobile { display: block; width: 100%; height: auto; max-height: none; }
    .lp-network-figure figcaption { text-align: left; max-width: 270px; font-size: 9px; }
    .lp-network-bottom { flex-direction: column; align-items: flex-start; gap: 4px; font-size: 11px; }
    .lp-home .lp-stats-intro h2 { font-size: 28px; }
    .lp-stats-intro p { font-size: 12px; }
    .lp-stat { padding-inline: 12px; }
    .lp-stat-number { font-size: 43px; }
    .lp-home .lp-stat h3 { font-size: 11px; }
    .lp-stat p { font-size: 10px; }
    .lp-quote-copy { display: block; }
    .lp-quote-copy h2 { font-size: 48px; }
    .lp-quote-copy > p { font-size: 14px; }
    .lp-quote-contact { margin-top: 25px; }
    .lp-quote-contact a { font-size: 21px; }
    .lp-quote-panel { padding: 23px 20px; }
    .lp-home .lp-form-heading h3 { font-size: 18px; }
    .lp-form-grid { gap: 15px 12px; }
    .lp-field input, .lp-field select { font-size: 16px; padding: 10px; }
    .lp-field label { font-size: 10px; }
    .lp-field input::placeholder { font-size: 11px; }
    .lp-parcel-details summary { font-size: 11px; }
    .lp-final-inner { flex-direction: column; align-items: flex-start; gap: 28px; }
    .lp-home .lp-final-cta h2 { font-size: 30px; }
    .lp-final-inner > div:last-child { flex-direction: row; gap: 20px; flex-wrap: wrap; }
}
@media (max-width: 374px) {
    .lp-service-grid { grid-template-columns: 1fr; }
    .lp-service-card { padding: 23px; }
    .lp-form-grid { grid-template-columns: 1fr; }
    .lp-hero .lp-button { padding-inline: 14px; gap: 10px; font-size: 12px; }
    .lp-floating-note strong { font-size: 9px; }
    .lp-floating-note { padding: 9px; }
    .lp-note-route { top: 64px; }
    .lp-note-parcel { bottom: 101px; }
    .lp-home .lp-hero h1 { font-size: 50px; }
    .lp-hero-assurance { gap: 10px; font-size: 9px; }
    .lp-journey-card li { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(body.dtd-home-page) { scroll-behavior: auto !important; }
    .lp-home *, .lp-home *::before, .lp-home *::after { animation: none !important; transition: none !important; }
    .lp-reveal.is-pending { opacity: 1; transform: none; }
    .lp-network-parcel { offset-distance: 45%; }
    .lp-network-parcel-two { offset-distance: 80%; }
}