@font-face{font-family:'Chillax';src:url('assets/fonts/chillax-regular.woff2?v=bfdbe99248dd') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Chillax';src:url('assets/fonts/chillax-medium.woff2?v=66011a95eed5') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Chillax';src:url('assets/fonts/chillax-semibold.woff2?v=974d6085abac') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Chillax';src:url('assets/fonts/chillax-bold.woff2?v=e3a8687e3cd4') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* styles.css */
/* =====================================================================
   LASTMILELINK — DELIVERY PARTNER LANDING PAGE
   Brand guide: Blue Whale #082442 · Porcelain White #F2F2F2 · Blueish #347AB7
   Type: Chillax. Breakpoints: 1600 / 1199 / 1023 / 767 / 479 / 359.
   All classes belong to this standalone page; no frameworks are required.
   ===================================================================== */
:root {
  --navy: #082442;
  --paper: #f2f2f2;
  --blue: #347ab7;
  --white: #fff;
  --ink: #082442;
  --muted: rgba(8, 36, 66, .72);
  --line: rgba(8, 36, 66, .12);
  --tint: rgba(8, 36, 66, .045);
  --font: "Chillax", "Inter Display", Arial, sans-serif;
  --container: 1240px;
  --gutter: 48px;
  --section-space: 104px;
  --header-height: 100px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --shadow: 0 16px 42px -28px rgba(8, 36, 66, .35);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--font); font-size: 16px; font-weight: 400; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body, button, a { -webkit-tap-highlight-color: transparent; }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; cursor: pointer; }
button, a { touch-action: manipulation; }
button { -webkit-appearance: none; appearance: none; }
button:disabled { cursor: default; }
img { display: block; max-width: 100%; height: auto; }
svg { display: inline-block; vertical-align: middle; }
p, h1, h2, h3, ol { margin: 0; }
h1, h2, h3 { font-weight: 600; }
h1, h2 { text-wrap: balance; }
h2 { font-size: clamp(34px, 3.55vw, 48px); line-height: 1.16; letter-spacing: -.045em; }
h3 { letter-spacing: -.03em; }
p { color: var(--muted); }
[hidden] { display: none !important; }
::selection { background: var(--navy); color: var(--paper); }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; border-radius: 4px; }
.container { width: min(var(--container), calc(100% - var(--gutter) * 2)); margin-inline: auto; }
.section { padding-block: var(--section-space); }
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.icon { flex: 0 0 auto; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.eyebrow { margin-bottom: 17px; font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .145em; color: var(--navy); }
.eyebrow-dot { display: inline-block; width: 6px; height: 6px; margin: 0 9px 1px 0; background: var(--navy); border-radius: 50%; box-shadow: 0 0 0 5px rgba(8,36,66,.055); }
.section-lead { font-size: 17px; line-height: 1.85; margin-top: 24px; max-width: 450px; }
.section-heading { margin-bottom: 50px; }
.section-heading p:not(.eyebrow) { margin-top: 18px; }
.centered { text-align: center; max-width: 690px; margin-inline: auto; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 13px 22px; border: 1px solid var(--navy); border-radius: 999px; color: var(--paper); background: var(--navy); font-size: 14px; font-weight: 500; line-height: 1.5; transition: transform .25s var(--ease), background .25s, box-shadow .25s; }
.button .icon { width: 18px; height: 18px; transition: transform .25s var(--ease); }
.button--small { min-height: 46px; padding: 11px 18px; font-size: 12px; }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px -12px var(--navy); }
.button:hover .icon { transform: translate(2px,-2px); }
.text-link { display: inline-flex; align-items: center; gap: 13px; min-height: 44px; font-weight: 500; font-size: 14px; line-height: 1.5; }
.text-link .icon { width: 18px; height: 18px; transition: transform .3s var(--ease); }
.text-link:hover .icon { transform: translateX(4px); }
.text-link::after { content: none; }
.round-link { display: inline-grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid var(--line); border-radius: 50%; transition: color .25s, background .25s, transform .25s; }
.round-link .icon { width: 18px; height: 18px; }
.round-link:hover { color: var(--paper); background: var(--navy); transform: translate(2px,-2px); }
.skip-link { position: fixed; left: 16px; top: 10px; z-index: 150; padding: 12px 20px; background: var(--navy); color: var(--paper); border-radius: 8px; transform: translateY(-180%); }
.skip-link:focus { transform: none; }
/* HEADER */
.site-header { position: sticky; top: 0; z-index: 60; min-height: var(--header-height); background: rgba(242,242,242,.84); border-bottom: 1px solid transparent; transition: border-color .25s, background .25s, box-shadow .25s; }
.site-header.is-scrolled { background: rgba(242,242,242,.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom-color: var(--line); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: var(--header-height); }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 148px; min-height: 94px; padding: 22px 24px; }
.brand img { width: 100px; height: auto; }
.header-inner > .brand { margin-left: -24px; }
.primary-nav { display: flex; align-items: center; gap: clamp(20px,2.5vw,36px); }
.primary-nav > a { position: relative; display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; font-weight: 500; color: var(--muted); white-space: nowrap; transition: color .2s; }
.primary-nav > a::after { position: absolute; content: ""; height: 2px; width: 12px; background: var(--navy); bottom: 4px; left: 50%; border-radius: 3px; transform: translateX(-50%) scaleX(0); transition: transform .25s; }
.primary-nav > a:hover, .primary-nav > a[aria-current="location"] { color: var(--navy); }
.primary-nav > a[aria-current="location"]::after { transform: translateX(-50%) scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.menu-toggle, .nav-mobile-cta, .mobile-label { display: none !important; }
/* HERO */
.hero { position: relative; isolation: isolate; padding: 24px 0 14px; background: var(--paper); overflow: clip; }
.hero-ambient { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse 35% 55% at 43% 45%,rgba(52,122,183,.095),transparent), radial-gradient(ellipse 50% 65% at 95% 10%,rgba(255,255,255,.75),transparent); }
.hero-heading { position: relative; z-index: 3; text-align: center; }
.hero-heading .eyebrow { margin-bottom: 17px; }
.hero h1 { font-size: clamp(45px,5.05vw,69px); line-height: 1.12; letter-spacing: -.052em; font-weight: 600; }
.hero-emphasis { position: relative; display: inline-block; }
.hero-emphasis::after { position: absolute; content: ""; left: 2px; right: 0; bottom: -6px; height: 4px; background: linear-gradient(90deg,rgba(8,36,66,.19),rgba(8,36,66,.015)); border-radius: 100%; }
.hero-intro { font-size: 16px; line-height: 1.7; margin: 25px auto 0; max-width: 680px; }
.hero-layout { display: grid; grid-template-columns: .9fr 1.72fr 1fr; align-items: center; gap: 24px; margin-top: 4px; }
.hero-layout > * { min-width: 0; }
.hero-journey { position: relative; z-index: 2; width: 100%; max-width: 246px; padding: 22px 19px 0; background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.92); border-radius: 17px; box-shadow: var(--shadow); transform: translateY(-3px); }
.journey-header { display: flex; align-items: center; gap: 10px; margin-bottom: 19px; font-size: 11px; font-weight: 600; }
.journey-header > .icon { width: 19px; height: 19px; }
.hero-journey ol { list-style: none; padding: 0; }
.hero-journey li { display: flex; position: relative; align-items: center; gap: 10px; padding-bottom: 21px; }
.hero-journey li:not(:last-child)::after { content: ""; position: absolute; width: 1px; background: var(--line); top: 31px; bottom: 0; left: 14px; }
.hero-journey li:last-child .journey-dot { background: var(--navy); color: var(--paper); }
.hero-journey b { display: block; font-size: 12px; line-height: 1.6; font-weight: 600; }
.hero-journey small { display: block; font-size: 10px; line-height: 1.7; color: var(--muted); }
.journey-footer { display: flex; align-items: center; justify-content: space-between; padding: 11px 0 12px; border-top: 1px solid var(--line); font-size: 7px; font-weight: 600; letter-spacing: .06em; }
.journey-footer .icon { width: 14px; height: 14px; }
.hero-showcase { position: relative; width: 100%; height: 530px; isolation: isolate; }
.hero-showcase::after { content: ""; position: absolute; z-index: -1; width: 66%; height: 17px; background: rgba(8,36,66,.17); border-radius: 50%; bottom: 49px; left: 21%; filter: blur(12px); }
.showcase-rings { position: absolute; width: 400px; height: 350px; left: 50%; top: 46%; transform: translate(-50%,-50%); z-index: -1; }
.showcase-rings i { position: absolute; display: block; border: 1px solid rgba(8,36,66,.055); border-radius: 50%; inset: 0; }
.showcase-rings i:nth-child(2) { inset: 31px; }
.showcase-rings i:nth-child(3) { inset: 63px; }
.hero-route { position: absolute; z-index: -1; width: 112%; top: 50px; left: -6%; color: rgba(8,36,66,.26); }
.hero-route path { stroke: currentColor; stroke-width: 1; stroke-dasharray: 4 7; animation: route-travel 24s linear infinite; }
.hero-route circle { fill: var(--paper); stroke: currentColor; }
.hero-devices { position: absolute; width: 480px; height: 465px; left: 50%; top: 5px; transform: translateX(-50%); }
.hero-device-back { position: absolute; left: 37px; top: 21px; transform: rotate(-13deg) scale(.88); transform-origin: 50% 50%; }
.hero-device-front { position: absolute; left: 216px; top: 52px; transform: rotate(10deg) scale(.9); transform-origin: 50% 50%; }
.hero-device-back .device { animation: phone-float 7.5s ease-in-out infinite; }
.hero-device-front .device { animation: phone-float 7.5s ease-in-out -3.75s infinite; }
.animate-when-visible:not(.is-visible) *, .animate-when-visible:not(.is-visible) *::before, .animate-when-visible:not(.is-visible) *::after { animation-play-state: paused !important; }
.floating-parcel { display: flex; align-items: center; gap: 10px; position: absolute; z-index: 3; bottom: 104px; right: -13px; padding: 12px 13px; border-radius: 12px; background: rgba(255,255,255,.94); border: 1px solid rgba(8,36,66,.05); box-shadow: var(--shadow); }
.floating-parcel > .icon { width: 24px; height: 24px; }
.floating-parcel span { font-size: 7.5px; letter-spacing: .06em; line-height: 1.8; }
.floating-parcel b { font-weight: 600; }
.mockup-caption { position: absolute; bottom: 11px; left: 0; right: 0; text-align: center; font-size: 11px; line-height: 1.6; color: var(--muted); }
.hero-action { position: relative; z-index: 4; padding-left: 12px; margin-top: -5px; }
.hero-action .eyebrow { font-size: 8px; margin-bottom: 13px; letter-spacing: .12em; }
.hero-action h2 { font-size: clamp(23px,2vw,28px); line-height: 1.3; letter-spacing: -.04em; }
.hero-action > p:not(.eyebrow) { font-size: 14px; line-height: 1.85; margin-top: 15px; max-width: 250px; }
.hero-action .text-link { margin-top: 10px; font-size: 12px; gap: 11px; }
.store-links { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-store-links { flex-direction: column; align-items: flex-start; margin-top: 22px; gap: 9px; }
.store-link { display: inline-flex; position: relative; align-items: center; gap: 11px; padding: 9px 15px; min-height: 55px; min-width: 162px; border: 1px solid var(--navy); border-radius: 9px; color: var(--paper); background: var(--navy); line-height: 1.2; transition: transform .25s var(--ease), box-shadow .25s, background .25s; }
.store-link > .icon:first-child { width: 24px; height: 27px; }
.store-link span { display: flex; flex-direction: column; gap: 3px; }
.store-link small { font-size: 8px; font-weight: 400; }
.store-link strong { font-size: 15px; font-weight: 500; letter-spacing: -.02em; }
.store-link__arrow { display: none; width: 15px; height: 15px; margin-left: auto; }
.store-link:hover { transform: translateY(-3px); box-shadow: 0 10px 20px -16px var(--navy); }
.store-link--light { background: var(--paper); color: var(--navy); border-color: var(--paper); }
.store-link--light:hover { background: var(--white); }
/* DEVICE CONCEPTS — static explanatory UI, not a functioning native app. */
.device { position: relative; width: 230px; height: 460px; padding: 7px; border-radius: 39px; background: var(--navy); border: 1px solid rgba(255,255,255,.65); box-shadow: 1px 1px 0 2px rgba(8,36,66,.55), 12px 18px 32px -18px rgba(8,36,66,.5), inset 1px 1px 0 rgba(255,255,255,.8); }
.device::after { content: ""; position: absolute; top: 87px; right: -4px; width: 3px; height: 34px; border-radius: 0 2px 2px 0; background: var(--navy); }
.device-camera { position: absolute; z-index: 6; top: 15px; left: 50%; transform: translateX(-50%); width: 66px; height: 15px; border-radius: 14px; background: var(--navy); }
.device-home { position: absolute; z-index: 6; height: 3px; width: 72px; background: rgba(8,36,66,.6); bottom: 14px; left: 50%; transform: translateX(-50%); border-radius: 3px; }
.device-screen { position: relative; width: 100%; height: 100%; border-radius: 32px; background: var(--paper); overflow: hidden; }
.device-screen__fallback { height: 100%; padding: 37px 14px 22px; color: var(--navy); }
.screen-topline { display: flex; align-items: center; justify-content: space-between; font-size: 9px; font-weight: 500; line-height: 1.5; }
.screen-topline .icon { width: 15px; height: 15px; }
.screen-greeting { margin: 15px 0 13px; font-size: 15px; line-height: 1.45; letter-spacing: -.035em; }
.screen-greeting b { font-weight: 600; }
.screen-route { position: relative; border-radius: 14px; overflow: hidden; height: 136px; background: rgba(8,36,66,.025); }
.app-map { display: block; width: 100%; height: 100%; }
.map-block { fill: rgba(8,36,66,.045); }
.map-street { stroke: #fff; stroke-width: 9; }
.map-path { stroke: var(--navy); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.map-endpoint { stroke: var(--navy); stroke-width: 2; fill: var(--white); }
.map-label { position: absolute; bottom: 7px; left: 8px; background: var(--white); padding: 4px 6px; border-radius: 4px; font-size: 6px; font-weight: 600; letter-spacing: .04em; }
.screen-task { display: flex; align-items: center; gap: 8px; padding: 13px 0; }
.mini-icon { display: inline-grid; place-items: center; flex-shrink: 0; width: 29px; height: 29px; border: 1px solid var(--line); border-radius: 8px; }
.mini-icon .icon { width: 16px; height: 16px; }
.screen-task b { display: block; font-size: 8px; font-weight: 600; line-height: 1.5; }
.screen-task small { display: block; font-size: 6.5px; line-height: 1.8; opacity: .7; }
.screen-task > .icon { width: 12px; height: 12px; margin-left: auto; }
.screen-primary { display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 8px; font-weight: 500; padding: 11px 9px; border-radius: 8px; color: var(--paper); background: var(--navy); }
.screen-primary .icon { width: 12px; height: 12px; }
.screen-nav { display: flex; align-items: center; justify-content: space-around; margin-top: 15px; }
.screen-nav > span { display: inline-flex; align-items: center; flex-direction: column; gap: 4px; font-size: 6px; opacity: .7; }
.screen-nav .icon { width: 15px; height: 15px; }
.device--navy { background: var(--navy); }
.device--navy .device-screen { background: var(--navy); }
.device--navy .device-screen__fallback, .device--navy .screen-bottomline { color: var(--paper); }
.device--navy .device-camera { background: rgba(242,242,242,.09); }
.device--navy .device-home { background: rgba(242,242,242,.5); }
.screen-seven { display: flex; align-items: center; flex-direction: column; margin: 7px 0 19px; }
.screen-seven > span { font-size: 122px; line-height: 1.05; font-weight: 500; letter-spacing: -.07em; }
.screen-seven > small { font-size: 7px; letter-spacing: .2em; opacity: .75; }
.screen-payout { padding: 13px 12px; border-radius: 12px; background: rgba(242,242,242,.08); border: 1px solid rgba(242,242,242,.13); }
.screen-payout > span { display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 500; }
.screen-payout .icon { width: 16px; height: 16px; }
.screen-payout > small { display: block; margin: 10px 0 0 25px; font-size: 8px; line-height: 1.8; opacity: .7; }
.screen-line { width: 26px; height: 2px; margin: 18px auto 0; background: rgba(242,242,242,.4); }
.screen-bottomline { margin-top: 13px; text-align: center; font-size: 7px; line-height: 1.7; }
.screen-join-art { position: relative; display: grid; place-items: center; isolation: isolate; height: 153px; overflow: hidden; border-radius: 12px; background: rgba(8,36,66,.025); }
.screen-join-art > .icon { width: 73px; height: 73px; stroke-width: 1.1; }
.orbit { position: absolute; border: 1px solid var(--line); border-radius: 50%; z-index: -1; }
.orbit.o1 { width: 100px; height: 100px; }
.orbit.o2 { width: 160px; height: 160px; }
.orbit.o3 { width: 220px; height: 220px; }
.configured-image { position: absolute; z-index: 5; inset: 0; width: 100%; height: 100%; object-fit: var(--image-fit, cover); object-position: var(--image-position, 50% 50%); }
/* SIGNAL STRIP */
.signal-strip { border-bottom: 1px solid var(--line); background: var(--white); }
.signal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-block: 30px; }
.signal-grid > span { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 28px; font-size: 12px; font-weight: 500; text-align: center; }
.signal-grid > span + span { border-left: 1px solid var(--line); }
.signal-grid .icon { width: 20px; height: 20px; }
/* APP OVERVIEW */
.app-layout { display: grid; grid-template-columns: 1fr 1.06fr; gap: 90px; align-items: center; }
.app-layout > * { min-width: 0; }
.app-copy .section-lead { max-width: 438px; }
.app-tablist { display: flex; gap: 7px; margin-top: 32px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.app-tab { display: inline-flex; align-items: center; gap: 9px; padding: 11px 13px; min-height: 46px; border-radius: 9px; border: 1px solid transparent; background: transparent; font-size: 12px; font-weight: 500; white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.app-tab > span { font-size: 9px; opacity: .6; }
.app-tab:hover { background: var(--tint); }
.app-tab[aria-selected="true"] { background: var(--navy); color: var(--paper); }
.app-tab[aria-selected="true"] > span { opacity: .7; }
.app-panels { min-height: 153px; padding-top: 24px; }
.app-panel { animation: panel-in .4s var(--ease) both; }
.app-panel h3 { margin-bottom: 10px; font-size: 20px; line-height: 1.4; }
.app-panel p { max-width: 420px; font-size: 14px; line-height: 1.85; }
.app-copy > .text-link { margin-top: 3px; }
.app-stage { position: relative; height: 530px; isolation: isolate; }
.app-stage__background { position: absolute; inset: 29px 0 37px 32px; z-index: -1; border-radius: 26px; overflow: hidden; background: var(--paper); }
.app-stage__background::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg,rgba(242,242,242,.1),rgba(242,242,242,.5)); }
.app-stage__background img { width: 100%; height: 100%; object-fit: cover; opacity: .72; }
.stage-rail { position: absolute; z-index: 2; left: 55px; top: 75px; writing-mode: vertical-rl; font-size: 9px; letter-spacing: .19em; font-weight: 500; }
.walkthrough-phone { position: absolute; top: 15px; left: 50%; transform: translateX(-45%); }
.walkthrough-screen { animation: panel-in .45s var(--ease) both; }
.walkthrough-phone .device { width: 240px; height: 481px; }
.walkthrough-phone .device-screen__fallback { padding-inline: 17px; padding-top: 43px; }
.walkthrough-phone .screen-route { height: 144px; }
.walkthrough-phone .screen-join-art { height: 161px; }
.walkthrough-phone .screen-greeting { font-size: 17px; }
.walkthrough-phone .screen-topline { font-size: 10px; }
.stage-label { position: absolute; right: 0; bottom: 93px; z-index: 6; display: flex; align-items: center; gap: 13px; padding: 16px 18px; background: var(--white); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow); }
.stage-label > span:last-child { font-size: 8px; line-height: 1.9; letter-spacing: .08em; }
.stage-label b { font-size: 11px; letter-spacing: -.01em; font-weight: 500; }
.stage-label__icon { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 50%; }
.stage-label__icon .icon { width: 17px; height: 17px; }
.app-stage .mockup-caption { bottom: 0; }
/* BENEFITS */
.benefits-section { padding-top: 18px; padding-bottom: 112px; }
.benefit-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 23px; }
.benefit-card { position: relative; isolation: isolate; overflow: hidden; border-radius: 18px; padding: 26px; transition: transform .35s var(--ease); }
.benefit-card:hover { transform: translateY(-5px); }
.benefit-top { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 19px; }
.benefit-top .eyebrow { margin: 0; font-size: 8px; line-height: 1.6; letter-spacing: .115em; }
.benefit-card h3 { font-size: 25px; line-height: 1.3; font-weight: 500; }
.benefit-card--app { height: 390px; background: var(--paper); }
.benefit-card--app::before { content: ""; position: absolute; width: 300px; height: 300px; top: 165px; right: -155px; border: 1px solid rgba(8,36,66,.055); border-radius: 50%; box-shadow: 0 0 0 35px rgba(8,36,66,.02),0 0 0 70px rgba(8,36,66,.015); z-index: -1; }
.benefit-card--app h3 { position: relative; z-index: 3; max-width: 90%; }
.benefit-mini-phone { position: absolute; left: 38px; bottom: -96px; width: 199px; height: 312px; border-radius: 31px; padding: 6px; border: 1px solid rgba(255,255,255,.8); background: var(--navy); box-shadow: 9px 11px 28px -15px rgba(8,36,66,.65); transform: rotate(-14deg); }
.mini-phone-camera { position: absolute; z-index: 3; top: 11px; left: 74px; height: 11px; width: 53px; border-radius: 15px; background: var(--navy); }
.mini-phone-content { height: 100%; padding: 27px 14px; border-radius: 25px; background: var(--white); }
.mini-phone-icon { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--line); border-radius: 8px; }
.mini-phone-icon .icon { width: 17px; height: 17px; }
.mini-phone-greeting { display: block; font-size: 24px; letter-spacing: -.045em; line-height: 1.3; padding-top: 10px; }
.mini-phone-field { display: flex; align-items: center; gap: 6px; font-size: 8px; margin: 13px 0; border-block: 1px solid var(--line); padding: 11px 0; }
.mini-phone-field .icon { width: 14px; height: 14px; }
.mini-phone-button { display: flex; align-items: center; justify-content: space-between; font-size: 6px; padding: 10px 7px; border-radius: 6px; background: var(--navy); color: var(--paper); }
.mini-phone-button .icon { width: 12px; height: 12px; }
.benefit-caption { position: absolute; right: 20px; bottom: 22px; max-width: 100px; font-size: 10px; line-height: 1.7; text-align: right; }
.benefit-card--payout { display: flex; flex-direction: column; justify-content: space-between; height: 352px; color: var(--paper); background: var(--navy); }
.benefit-card--payout .eyebrow, .benefit-card--payout p, .benefit-card--partner .eyebrow, .benefit-card--partner p { color: rgba(242,242,242,.8); }
.benefit-card--payout .round-link, .benefit-card--partner .round-link { border-color: rgba(242,242,242,.3); }
.benefit-card--payout .round-link:hover, .benefit-card--partner .round-link:hover { background: var(--paper); color: var(--navy); }
.benefit-card--payout .benefit-top { margin-bottom: 0; }
.benefit-number { font-size: 112px; line-height: 1; letter-spacing: -.075em; font-weight: 500; margin-bottom: 15px; }
.benefit-number span { display: inline-block; font-size: 23px; letter-spacing: -.035em; font-weight: 400; margin-left: 12px; }
.benefit-card--payout h3 { font-size: 23px; }
.benefit-card--payout p:not(.eyebrow) { font-size: 12px; margin-top: 10px; }
.benefit-card--partner { display: flex; flex-direction: column; justify-content: space-between; height: 390px; color: var(--paper); background: var(--navy); }
.benefit-photo { position: absolute; inset: 0; z-index: -2; }
.benefit-photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); opacity: .75; }
.benefit-photo::after { content: ""; position: absolute; z-index: 6; inset: 0; background: linear-gradient(180deg,rgba(8,36,66,.22),rgba(8,36,66,.05) 18%,rgba(8,36,66,.78) 90%); }
.benefit-partner-copy { position: relative; z-index: 3; }
.partner-card-icon { display: inline-grid; place-items: center; width: 49px; height: 49px; margin-bottom: 15px; border: 1px solid rgba(242,242,242,.3); border-radius: 50%; }
.partner-card-icon .icon { width: 29px; height: 29px; }
.benefit-partner-copy p { font-size: 12px; margin-top: 12px; line-height: 1.8; }
/* HOW IT WORKS */
.how-section { background: var(--navy); color: var(--paper); padding-block: 85px 64px; }
.how-heading { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 70px; margin-bottom: 45px; }
.how-section .eyebrow { color: rgba(242,242,242,.65); }
.how-heading > div:last-child { padding-bottom: 3px; max-width: 300px; justify-self: end; }
.how-heading p:not(.eyebrow) { color: rgba(242,242,242,.75); font-size: 14px; line-height: 1.9; margin-bottom: 10px; }
.how-heading .text-link { font-size: 12px; }
.steps-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; list-style: none; padding: 0; }
.step-card { padding: 24px 21px 26px; border-radius: 15px; background: var(--paper); color: var(--navy); min-height: 234px; }
.step-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.step-icon { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(8,36,66,.18); border-radius: 50%; }
.step-icon .icon { width: 21px; height: 21px; }
.step-card h3 { font-size: 20px; line-height: 1.4; font-weight: 500; margin-bottom: 12px; }
.step-card p { font-size: 14px; line-height: 1.9; }
.how-footnote { padding-top: 29px; text-align: center; font-size: 11px; color: rgba(242,242,242,.65); }
/* PAYOUT */
.payout-section { padding-block: 112px; }
.payout-layout { display: grid; grid-template-columns: .9fr 1.15fr; gap: 70px; align-items: center; }
.payout-layout > * { min-width: 0; }
.payout-copy .text-link { margin-top: 24px; }
.payout-visual { padding: 28px; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(135deg,var(--paper),var(--white)); box-shadow: 0 12px 36px -32px var(--navy); }
.payout-visual__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 23px; border-bottom: 1px solid var(--line); }
.payout-visual__top > span { display: inline-flex; align-items: center; gap: 9px; font-size: 9px; letter-spacing: .09em; font-weight: 500; }
.payout-visual__top > span:last-child { font-size: 8px; letter-spacing: 0; }
.payout-visual__top .icon { width: 17px; height: 17px; }
.payout-visual__headline { margin: 24px 0 26px; }
.payout-visual__headline strong { display: block; font-size: clamp(25px,2.9vw,38px); font-weight: 500; letter-spacing: -.055em; line-height: 1.3; }
.payout-visual__headline p { margin-top: 8px; font-size: 12px; }
.payout-visual__bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 23px; }
.payout-visual__bottom > span { display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 500; }
.payout-visual__bottom .icon { width: 14px; height: 14px; }
.payout-visual__bottom small { font-size: 8px; color: var(--muted); }
/* FAQS — JS animates height; semantic <details> works without JS. */
.faq-section { border-top: 1px solid var(--line); padding-block: 96px 106px; }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 95px; }
.faq-intro > p:not(.eyebrow) { font-size: 15px; line-height: 1.9; margin-top: 22px; }
.faq-note { display: flex; align-items: center; gap: 15px; margin-top: 36px; }
.faq-note > .icon { width: 42px; height: 42px; stroke-width: 1.1; }
.faq-note > span { font-size: 11px; line-height: 1.8; }
.faq-list { min-width: 0; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: flex; align-items: center; gap: 14px; min-height: 79px; padding: 18px 0; cursor: pointer; list-style: none; font-size: 15px; font-weight: 500; line-height: 1.6; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-toggle { display: inline-grid; place-items: center; width: 33px; height: 33px; flex: 0 0 33px; margin-left: auto; background: var(--tint); border-radius: 50%; transition: background .25s, color .25s; }
.faq-toggle .icon { width: 15px; height: 15px; transition: transform .3s var(--ease); }
.faq-item[open] .faq-toggle { background: var(--navy); color: var(--paper); }
.faq-item[open] .faq-toggle .icon { transform: rotate(45deg); }
.faq-answer { padding: 0 40px 24px 36px; }
.faq-answer p { font-size: 14px; line-height: 1.9; }
/* DOWNLOAD */
.download-section { padding: 0 0 60px; scroll-margin-top: 30px; }
.download-card { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.2fr 1fr; overflow: hidden; min-height: 455px; background: var(--navy); color: var(--paper); border-radius: 27px; }
.download-copy { position: relative; z-index: 4; padding: 61px 20px 58px 60px; }
.download-copy .eyebrow { color: rgba(242,242,242,.64); }
.download-copy h2 { font-size: clamp(33px,3.65vw,48px); }
.download-copy > p:not(.eyebrow) { color: rgba(242,242,242,.76); font-size: 14px; margin-top: 23px; line-height: 1.9; }
.download-store-links { margin-top: 28px; }
.download-store-links .store-link { min-width: 168px; }
.download-note { display: block; margin-top: 15px; font-size: 10px; color: rgba(242,242,242,.67); }
.download-visual { position: relative; isolation: isolate; min-height: 430px; }
.download-visual__pattern { position: absolute; width: 460px; height: 460px; left: 50%; top: 40px; transform: translateX(-50%); border: 1px solid rgba(242,242,242,.09); border-radius: 50%; }
.download-visual__pattern::before, .download-visual__pattern::after { content: ""; position: absolute; border: 1px solid rgba(242,242,242,.07); border-radius: 50%; inset: 36px; }
.download-visual__pattern::after { inset: 75px; }
.download-brand-phone { position: absolute; width: 244px; height: 474px; padding: 7px; top: 46px; left: 50%; transform: translateX(-45%); border: 1px solid rgba(255,255,255,.5); border-radius: 38px; background: rgba(242,242,242,.6); box-shadow: 12px 15px 30px rgba(0,0,0,.15); }
.download-brand-screen { position: relative; height: 100%; overflow: hidden; border-radius: 31px; background: var(--paper); }
.download-brand-fallback { position: relative; isolation: isolate; height: 100%; padding-top: 35px; overflow: hidden; }
.download-brand-logo { width: 83px; margin: 18px auto 30px; }
.download-brand-fallback > p { color: var(--navy); text-align: left; font-size: 28px; line-height: 1.24; letter-spacing: -.05em; padding: 0 29px; }
.download-brand-fallback > p strong { font-weight: 600; }
.download-brand-texture { position: absolute; bottom: 0; width: 100%; height: 190px; object-fit: cover; z-index: -1; }
.download-parcel { display: flex; align-items: center; gap: 14px; position: absolute; z-index: 3; bottom: 62px; left: 5px; padding: 18px; background: var(--paper); color: var(--navy); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.download-parcel > .icon { width: 30px; height: 30px; stroke-width: 1.4; }
.download-parcel > span { font-size: 8px; line-height: 1.9; letter-spacing: .07em; }
.download-parcel b { font-size: 8px; font-weight: 600; }
/* FOOTER */
.site-footer { padding: 4px 0 0; background: var(--white); }
.footer-main { display: grid; grid-template-columns: 1.2fr .8fr .8fr 1.05fr; gap: 45px; padding-bottom: 39px; }
.footer-brand .brand { margin: -20px 0 0 -24px; }
.footer-brand > p { font-size: 12px; line-height: 1.8; margin-top: 1px; }
.footer-column h2 { font-size: 12px; letter-spacing: 0; margin: 8px 0 14px; }
.footer-column > a { display: flex; align-items: center; gap: 7px; width: fit-content; min-height: 37px; color: var(--muted); font-size: 11px; transition: color .2s; }
.footer-column > a:hover { color: var(--navy); }
.footer-column > a .icon { width: 14px; height: 14px; }
.footer-statement { justify-self: end; padding-top: 7px; }
.footer-statement__icon { display: inline-grid; place-items: center; width: 33px; height: 33px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 50%; }
.footer-statement__icon .icon { width: 18px; height: 18px; }
.footer-statement p { font-size: 13px; color: var(--navy); line-height: 1.65; }
.footer-statement strong { font-weight: 500; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 75px; padding-block: 12px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); }
.footer-bottom p { font-size: 10px; }
.legal-links { display: flex; gap: 20px; font-size: 10px; }
.legal-links a { min-height: 44px; display: inline-flex; align-items: center; }
.motion-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; border: 0; font-size: 10px; padding: 10px; min-height: 44px; margin-right: -10px; }
.motion-toggle .icon { width: 12px; height: 12px; }
/* MISSING-LINK DIALOG: never simulates an app download. */
.link-dialog { padding: 37px; width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px); border: 1px solid var(--line); border-radius: 21px; background: var(--paper); color: var(--navy); box-shadow: 0 30px 90px rgba(8,36,66,.23); }
.link-dialog::backdrop { background: rgba(8,36,66,.48); backdrop-filter: blur(5px); }
.dialog-close { position: absolute; top: 13px; right: 13px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 0; background: transparent; }
.dialog-close:hover { background: var(--tint); }
.dialog-icon { display: inline-grid; place-items: center; width: 49px; height: 49px; border: 1px solid var(--line); border-radius: 50%; margin-bottom: 22px; }
.link-dialog .eyebrow { margin-bottom: 12px; font-size: 9px; }
.link-dialog h2 { font-size: 29px; line-height: 1.25; }
.link-dialog > p:not(.eyebrow) { margin-top: 15px; font-size: 14px; }
.dialog-done { margin-top: 24px; }
.noscript-note { padding: 14px 24px; background: var(--paper); font-size: 13px; text-align: center; }
/* MOTION: opt-in observer classes; content remains visible if JS fails. */
.reveal-ready { transition: opacity .65s var(--ease), transform .65s var(--ease); transition-delay: var(--reveal-delay, 0ms); }
.reveal-ready:not(.is-revealed) { opacity: 0; transform: translateY(22px); }
@keyframes phone-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes route-travel { to { stroke-dashoffset: -330; } }
@keyframes panel-in { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
html[data-motion="off"] { scroll-behavior: auto; }
html[data-motion="off"] *, html[data-motion="off"] *::before, html[data-motion="off"] *::after { animation: none !important; transition: none !important; }
html[data-motion="off"] .reveal-ready { opacity: 1 !important; transform: none !important; }
/* LARGE DISPLAYS */
@media (min-width: 1600px) {
  :root { --container: 1280px; --section-space: 114px; }
  .hero { padding-top: 31px; }
  .hero h1 { font-size: 72px; }
  .hero-layout { margin-top: 16px; }
}
/* SMALL DESKTOP / LARGE TABLET */
@media (max-width: 1199px) {
  :root { --gutter: 34px; --section-space: 88px; }
  .primary-nav { gap: 22px; }
  .hero-layout { grid-template-columns: .82fr 1.65fr 1fr; gap: 17px; }
  .hero-journey { padding-inline: 13px; }
  .hero-journey b { font-size: 11px; }
  .hero-journey small { font-size: 9px; }
  .journey-header { gap: 7px; font-size: 10px; }
  .hero-showcase { height: 489px; }
  .hero-devices { transform: translateX(-50%) scale(.9); transform-origin: 50% 50%; top: -8px; }
  .showcase-rings { width: 340px; height: 310px; }
  .hero-action { padding-left: 5px; }
  .hero-action h2 { font-size: 23px; }
  .floating-parcel { right: -4px; bottom: 100px; padding: 10px; }
  .floating-parcel > .icon { width: 20px; }
  .floating-parcel span { font-size: 6.5px; }
  .app-layout { gap: 55px; grid-template-columns: 1fr 1fr; }
  .stage-rail { left: 48px; }
  .stage-label { right: -8px; padding: 13px; }
  .benefit-grid { gap: 18px; }
  .benefit-card { padding: 22px; }
  .benefit-card h3 { font-size: 23px; }
  .benefit-top .eyebrow { font-size: 7.5px; }
  .benefit-caption { right: 15px; font-size: 9px; max-width: 75px; }
  .benefit-mini-phone { left: 25px; }
  .payout-layout { gap: 45px; }
  .payout-visual { padding: 23px; }
  .faq-layout { gap: 60px; }
  .download-copy { padding-left: 42px; }
  .download-store-links .store-link { min-width: 154px; padding-inline: 12px; }
  .footer-main { gap: 30px; }
}
/* TABLET — semantic content reflows; decorative hero summary is redundant. */
@media (max-width: 1023px) {
  :root { --gutter: 30px; --header-height: 88px; --section-space: 76px; }
  .header-inner { gap: 16px; }
  .brand { width: 129px; min-height: 84px; padding: 20px 22px; }
  .brand img { width: 85px; }
  .header-inner > .brand { margin-left: -22px; }
  .has-js .menu-toggle { display: inline-grid !important; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; background: transparent; border: 1px solid var(--line); border-radius: 50%; }
  .menu-toggle .icon { width: 20px; height: 20px; }
  .menu-close-icon { display: none; }
  .menu-toggle[aria-expanded="true"] .menu-open-icon { display: none; }
  .menu-toggle[aria-expanded="true"] .menu-close-icon { display: inline-block; }
  .has-js .primary-nav { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 6px); left: var(--gutter); right: var(--gutter); display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 14px 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); box-shadow: var(--shadow); max-height: calc(100dvh - 110px); overflow-y: auto; transform: translateY(-8px); transition: visibility .2s, opacity .2s, transform .25s var(--ease); }
  .has-js .primary-nav.is-open { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
  .primary-nav > a { min-height: 49px; white-space: normal; font-size: 14px; }
  .primary-nav > a::after { display: none; }
  .primary-nav > a[aria-current="location"] { font-weight: 600; }
  .primary-nav > a + a { border-top: 1px solid var(--line); }
  .has-js .nav-mobile-cta { display: flex !important; justify-content: space-between; font-weight: 600; }
  html:not(.has-js) .header-inner { flex-wrap: wrap; }
  html:not(.has-js) .primary-nav { width: 100%; order: 3; flex-wrap: wrap; gap: 10px 18px; }
  html:not(.has-js) .primary-nav > a { border: 0; }
  .hero { padding-top: 30px; }
  .hero h1 { font-size: clamp(47px,6.3vw,62px); }
  .hero-layout { grid-template-columns: 1.35fr 1fr; gap: 40px; width: min(800px,100%); margin-inline: auto; margin-top: 15px; }
  .hero-journey { display: none; }
  .hero-showcase { height: 488px; }
  .hero-devices { transform: translateX(-50%) scale(.88); }
  .hero-action { padding: 0 15px 0 8px; margin-top: -15px; }
  .hero-action h2 { font-size: 25px; }
  .hero-action .eyebrow { font-size: 8px; }
  .hero-action > p:not(.eyebrow) { font-size: 14px; }
  .hero-action .text-link { font-size: 12px; }
  .floating-parcel { bottom: 95px; right: -12px; }
  .signal-grid { padding-block: 25px; }
  .signal-grid > span { gap: 9px; font-size: 10px; }
  .signal-grid .icon { width: 17px; height: 17px; }
  .app-layout { gap: 30px; }
  .app-copy h2 { font-size: clamp(33px,4.25vw,43px); }
  .section-lead { font-size: 15px; }
  .app-stage { height: 495px; }
  .walkthrough-phone { top: 20px; transform: translateX(-46%) scale(.9); transform-origin: 50% 0; }
  .stage-rail { left: 34px; top: 80px; font-size: 8px; }
  .app-stage__background { left: 16px; }
  .stage-label { bottom: 84px; right: -2px; gap: 8px; padding: 11px; }
  .stage-label b { font-size: 9px; }
  .stage-label > span:last-child { font-size: 7px; }
  .stage-label__icon { width: 27px; height: 27px; }
  .app-tablist { gap: 3px; margin-top: 25px; }
  .app-tab { font-size: 11px; padding-inline: 10px; gap: 6px; }
  .app-panel h3 { font-size: 18px; }
  .app-panel p { font-size: 13px; }
  .app-panels { min-height: 161px; padding-top: 22px; }
  .benefits-section { padding-top: 15px; padding-bottom: 80px; }
  .benefit-grid { gap: 13px; }
  .benefit-card { padding: 18px; border-radius: 15px; }
  .benefit-card--app, .benefit-card--partner { height: 350px; }
  .benefit-card--payout { height: 319px; }
  .benefit-card h3 { font-size: 21px; }
  .benefit-top .eyebrow { font-size: 7px; }
  .benefit-top { gap: 6px; }
  .round-link { width: 34px; height: 34px; flex-basis: 34px; }
  .benefit-number { font-size: 91px; }
  .benefit-number span { font-size: 19px; }
  .benefit-mini-phone { width: 185px; left: 11px; bottom: -115px; }
  .benefit-caption { font-size: 8px; max-width: 64px; }
  .benefit-card--payout p:not(.eyebrow), .benefit-partner-copy p { font-size: 10px; }
  .how-section { padding-block: 72px 48px; }
  .how-heading { gap: 45px; }
  .how-heading h2 { font-size: 38px; }
  .steps-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .step-card { padding: 24px; min-height: 220px; }
  .step-card h3 { font-size: 21px; }
  .step-card p { font-size: 14px; }
  .step-card__top { margin-bottom: 23px; }
  .payout-section { padding-block: 85px; }
  .payout-layout { grid-template-columns: .9fr 1.1fr; gap: 29px; }
  .payout-visual { padding: 19px; }
  .payout-visual__top { gap: 6px; }
  .payout-visual__top > span { font-size: 7px; gap: 5px; }
  .payout-visual__top > span:last-child { font-size: 7px; }
  .payout-visual__top .icon { width: 14px; height: 14px; }
  .payout-visual__bottom > span { font-size: 7px; }
  .payout-visual__bottom small { font-size: 7px; }
  .faq-section { padding-block: 80px; }
  .faq-layout { grid-template-columns: .8fr 1.2fr; gap: 38px; }
  .faq-item summary { font-size: 14px; gap: 10px; }
  .faq-answer { padding-left: 28px; padding-right: 12px; }
  .download-card { grid-template-columns: 1.2fr 1fr; min-height: 430px; }
  .download-copy { padding: 43px 0 43px 32px; }
  .download-copy > p:not(.eyebrow) { font-size: 12px; }
  .download-store-links { gap: 8px; }
  .download-store-links .store-link { min-width: 135px; padding-inline: 10px; gap: 8px; }
  .download-store-links .store-link strong { font-size: 13px; }
  .download-store-links .store-link small { font-size: 7px; }
  .download-store-links .store-link > .icon:first-child { width: 21px; height: 23px; }
  .download-brand-phone { transform: translateX(-45%) scale(.87); transform-origin: 50% 0; top: 45px; }
  .download-parcel { left: -8px; bottom: 69px; padding: 12px; gap: 10px; }
  .download-parcel > .icon { width: 26px; height: 26px; }
  .download-parcel > span, .download-parcel b { font-size: 6px; }
  .footer-main { grid-template-columns: 1.1fr .8fr .8fr; }
  .footer-statement { display: none; }
}
/* MOBILE */
@media (max-width: 767px) {
  :root { --gutter: 24px; --header-height: 84px; --section-space: 66px; }
  h2 { font-size: clamp(34px,7.7vw,42px); }
  .header-inner { gap: 10px; }
  .brand { width: 120px; min-height: 80px; padding: 20px; }
  .brand img { width: 80px; }
  .header-inner > .brand { margin-left: -20px; }
  .desktop-label { display: none; }
  .mobile-label { display: inline !important; }
  .header-cta { min-height: 42px; font-size: 11px; padding: 9px 14px; gap: 9px; }
  .header-cta .icon { width: 15px; height: 15px; }
  .hero { padding: 24px 0 10px; }
  .hero-heading .eyebrow { font-size: 9px; margin-bottom: 18px; letter-spacing: .13em; }
  .hero h1 { font-size: clamp(37px,7.6vw,57px); line-height: 1.14; letter-spacing: -.055em; }
  .hero-intro { max-width: 390px; font-size: 14px; margin-top: 22px; padding-inline: 2px; }
  .hero-layout { display: flex; flex-direction: column; gap: 0; margin-top: 23px; }
  .hero-action { order: 0; margin: 0; padding: 0; text-align: center; width: 100%; }
  .hero-action > .eyebrow, .hero-action > h2, .hero-action > p:not(.eyebrow) { display: none; }
  .hero-store-links { flex-direction: row; justify-content: center; margin: 0; gap: 10px; }
  .hero-store-links .store-link { min-width: 158px; text-align: left; }
  .hero-action .text-link { font-size: 11px; margin-top: 9px; min-height: 37px; }
  .hero-showcase { order: 1; width: min(470px,100%); height: 491px; margin: -2px auto 0; }
  .hero-devices { transform: translateX(-50%) scale(.9); top: -10px; }
  .hero-showcase::after { bottom: 36px; }
  .floating-parcel { right: 0; bottom: 88px; }
  .hero-showcase .mockup-caption { bottom: 0; }
  .hero-route { top: 52px; width: 110%; left: -5%; }
  .showcase-rings { width: 365px; height: 325px; }
  .signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding-block: 10px; }
  .signal-grid > span { justify-content: flex-start; min-height: 54px; padding: 9px 8px 9px 0; font-size: 11px; gap: 10px; }
  .signal-grid > span:nth-child(2n) { padding-left: 19px; }
  .signal-grid > span:nth-child(3) { border-left: 0; }
  .signal-grid > span:nth-child(n+3) { border-top: 1px solid var(--line); }
  .signal-grid .icon { width: 18px; height: 18px; }
  .section-heading { margin-bottom: 34px; }
  .section-heading p:not(.eyebrow) { font-size: 14px; max-width: 320px; margin-inline: auto; margin-top: 17px; }
  .app-layout { grid-template-columns: 1fr; gap: 35px; }
  .app-copy { max-width: 540px; }
  .app-copy h2 { font-size: clamp(35px,7.7vw,42px); }
  .section-lead { font-size: 16px; margin-top: 21px; line-height: 1.8; }
  .app-copy .section-lead { max-width: 460px; }
  .app-tablist { margin-top: 25px; gap: 6px; padding-bottom: 11px; }
  .app-tab { font-size: 13px; padding: 12px 15px; gap: 10px; }
  .app-tab > span { font-size: 10px; }
  .app-panels { min-height: 143px; padding-top: 23px; }
  .app-panel h3 { font-size: 20px; }
  .app-panel p { font-size: 14px; max-width: 470px; }
  .app-copy > .text-link { margin-top: 0; }
  .app-stage { width: min(470px,100%); height: 518px; justify-self: center; }
  .app-stage__background { inset: 29px 0 37px; }
  .walkthrough-phone { transform: translateX(-50%); top: 5px; }
  .stage-rail { left: 26px; top: 81px; font-size: 8px; }
  .stage-label { right: 0; bottom: 82px; padding: 12px 14px; }
  .stage-label b { font-size: 10px; }
  .benefits-section { padding-top: 7px; padding-bottom: 69px; }
  .benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
  .benefit-card--app { grid-column: 1 / -1; height: 312px; }
  .benefit-card--app h3 { font-size: 30px; max-width: 220px; }
  .benefit-card { padding: 23px; }
  .benefit-card--app .benefit-top { margin-bottom: 18px; }
  .benefit-top .eyebrow { font-size: 8px; }
  .benefit-mini-phone { left: auto; right: 48px; bottom: -90px; width: 193px; transform: rotate(-13deg); }
  .benefit-caption { max-width: 145px; text-align: left; bottom: 25px; left: 23px; right: auto; font-size: 11px; }
  .benefit-card--payout, .benefit-card--partner { height: 344px; padding: 19px; }
  .benefit-card--payout .benefit-top, .benefit-card--partner .benefit-top { align-items: flex-start; }
  .benefit-card--payout .eyebrow, .benefit-card--partner .eyebrow { max-width: 97px; font-size: 7.5px; }
  .benefit-card--payout h3, .benefit-card--partner h3 { font-size: 22px; }
  .benefit-number { font-size: 96px; }
  .benefit-number span { font-size: 19px; margin-left: 7px; }
  .benefit-card--payout p:not(.eyebrow), .benefit-partner-copy p { font-size: 11px; }
  .how-section { padding-block: 61px 38px; }
  .how-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 31px; }
  .how-heading h2 { font-size: clamp(34px,7.5vw,42px); }
  .how-heading > div:last-child { justify-self: start; max-width: none; }
  .how-heading > div:last-child p { font-size: 14px; margin-bottom: 5px; }
  .how-heading > div:last-child p br { display: none; }
  .steps-grid { gap: 14px; }
  .step-card { padding: 22px 20px; }
  .step-card h3 { font-size: 20px; }
  .step-card p { font-size: 13px; line-height: 1.85; }
  .step-card__top { margin-bottom: 23px; }
  .how-footnote { padding-top: 24px; font-size: 10px; }
  .payout-section { padding-block: 70px; }
  .payout-layout { grid-template-columns: 1fr; gap: 31px; }
  .payout-copy .section-lead { max-width: 340px; }
  .payout-copy .text-link { margin-top: 18px; }
  .payout-visual { padding: 27px; border-radius: 18px; }
  .payout-visual__top > span { font-size: 9px; gap: 8px; }
  .payout-visual__top > span:last-child { font-size: 8px; }
  .payout-visual__top .icon { width: 17px; height: 17px; }
  .payout-visual__headline strong { font-size: 35px; }
  .payout-visual__headline p { font-size: 13px; }
  .payout-visual__bottom > span { font-size: 9px; }
  .payout-visual__bottom small { font-size: 8px; }
  .faq-section { padding-block: 65px; }
  .faq-layout { grid-template-columns: 1fr; gap: 31px; }
  .faq-intro > p:not(.eyebrow) { font-size: 15px; margin-top: 20px; }
  .faq-intro > p:not(.eyebrow) br { display: none; }
  .faq-note { display: none; }
  .faq-item summary { min-height: 80px; font-size: 15px; gap: 10px; }
  .faq-answer { padding: 0 15px 24px 31px; }
  .faq-answer p { font-size: 14px; }
  .download-section { padding-bottom: 51px; }
  .download-card { grid-template-columns: 1fr; border-radius: 21px; }
  .download-copy { padding: 37px 28px 9px; }
  .download-copy h2 { font-size: clamp(34px,7.3vw,42px); }
  .download-copy > p:not(.eyebrow) { font-size: 14px; margin-top: 19px; }
  .download-store-links { gap: 10px; margin-top: 25px; }
  .download-store-links .store-link { min-width: 156px; padding-inline: 13px; }
  .download-store-links .store-link strong { font-size: 14px; }
  .download-store-links .store-link small { font-size: 8px; }
  .download-visual { min-height: 330px; }
  .download-brand-phone { top: 29px; transform: translateX(-50%) scale(.83); }
  .download-visual__pattern { width: 380px; height: 380px; top: 0; }
  .download-parcel { bottom: 34px; left: 50%; transform: translateX(-70%); padding: 15px 16px; white-space: nowrap; }
  .download-parcel > span, .download-parcel b { font-size: 7px; }
  .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 40px; padding-bottom: 28px; }
  .footer-brand { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
  .footer-brand .brand { margin: -20px 0 -17px -20px; }
  .footer-brand > p { font-size: 11px; margin: -3px 0 0; }
  .footer-column h2 { font-size: 13px; }
  .footer-column > a { font-size: 12px; min-height: 40px; }
  .footer-bottom { gap: 12px; flex-wrap: wrap; min-height: 70px; }
  .legal-links { order: 3; width: 100%; border-top: 1px solid var(--line); }
}
/* COMPACT PHONES */
@media (max-width: 479px) {
  :root { --gutter: 20px; --header-height: 80px; }
  .header-inner > .brand { margin-left: -18px; }
  .brand { width: 111px; padding: 18px; min-height: 76px; }
  .brand img { width: 75px; }
  .header-actions { gap: 7px; }
  .header-cta { padding-inline: 12px; gap: 7px; font-size: 10px; }
  .has-js .menu-toggle { width: 42px; height: 42px; }
  .hero { padding-top: 25px; }
  .hero h1 { font-size: clamp(35px,8.8vw,42px); letter-spacing: -.055em; }
  .hero-intro { font-size: 13px; max-width: 330px; padding-inline: 2px; }
  .hero-heading .eyebrow { font-size: 8px; letter-spacing: .1em; }
  .hero-store-links { gap: 9px; }
  .hero-store-links .store-link { flex: 1 1 0; max-width: 165px; min-width: 0; padding: 10px 12px; gap: 9px; min-height: 53px; }
  .hero-store-links .store-link strong { font-size: 14px; }
  .hero-store-links .store-link small { font-size: 7px; }
  .hero-store-links .store-link > .icon:first-child { width: 22px; height: 23px; }
  .hero-showcase { height: 427px; }
  .hero-devices { transform: translateX(-50%) scale(.77); top: -47px; }
  .showcase-rings { width: 315px; height: 285px; top: 43%; }
  .hero-route { top: 38px; }
  .floating-parcel { bottom: 78px; right: 1px; gap: 7px; padding: 9px; border-radius: 10px; }
  .floating-parcel > .icon { width: 17px; height: 17px; }
  .floating-parcel span { font-size: 6px; }
  .hero-showcase::after { width: 66%; bottom: 35px; height: 12px; }
  .hero-showcase .mockup-caption { font-size: 10px; bottom: 2px; }
  .signal-grid > span { font-size: 10px; gap: 8px; }
  .signal-grid > span:nth-child(2n) { padding-left: 14px; }
  .signal-grid .icon { width: 17px; height: 17px; }
  .app-layout { gap: 24px; }
  .app-tab { padding: 11px 13px; font-size: 12px; gap: 8px; }
  .app-tablist { gap: 5px; }
  .app-panels { min-height: 167px; }
  .app-stage { height: 482px; }
  .walkthrough-phone { top: 8px; transform: translateX(-50%) scale(.92); transform-origin: 50% 0; }
  .app-stage__background { inset: 28px 0 34px; border-radius: 20px; }
  .stage-rail { left: 16px; top: 66px; font-size: 7px; }
  .stage-label { right: -2px; bottom: 71px; padding: 10px; }
  .stage-label b { font-size: 8px; }
  .stage-label > span:last-child { font-size: 6px; }
  .stage-label__icon { width: 27px; height: 27px; }
  .app-stage .mockup-caption { font-size: 10px; }
  .benefit-grid { grid-template-columns: 1fr; gap: 17px; }
  .benefit-card { grid-column: auto; padding: 24px; border-radius: 17px; }
  .benefit-card--app { height: 334px; }
  .benefit-card--app h3 { font-size: 27px; max-width: 205px; }
  .benefit-mini-phone { width: 180px; right: 18px; bottom: -123px; }
  .benefit-caption { font-size: 10px; max-width: 111px; }
  .benefit-card--payout { min-height: 319px; height: auto; }
  .benefit-card--payout .eyebrow, .benefit-card--partner .eyebrow { font-size: 9px; max-width: none; }
  .benefit-number { font-size: 106px; margin-block: 11px; }
  .benefit-number span { font-size: 25px; margin-left: 15px; }
  .benefit-card--payout h3, .benefit-card--partner h3 { font-size: 27px; }
  .benefit-card--payout p:not(.eyebrow), .benefit-partner-copy p { font-size: 13px; }
  .benefit-card--partner { height: 348px; }
  .benefit-card .round-link { width: 40px; height: 40px; flex-basis: 40px; }
  .benefit-top .eyebrow { font-size: 9px; }
  .steps-grid { grid-template-columns: 1fr; }
  .step-card { position: relative; padding: 24px; min-height: 201px; }
  .step-card__top { margin-bottom: 18px; }
  .step-card h3 { font-size: 23px; margin-bottom: 9px; }
  .step-card p { font-size: 14px; max-width: 280px; }
  .payout-visual { padding: 22px 18px; }
  .payout-visual__top { padding-bottom: 19px; gap: 6px; }
  .payout-visual__top > span { font-size: 7px; gap: 6px; }
  .payout-visual__top > span:last-child { font-size: 7px; gap: 4px; }
  .payout-visual__top .icon { width: 15px; height: 15px; }
  .payout-visual__headline strong { font-size: 32px; }
  .payout-visual__headline p { font-size: 12px; }
  .payout-visual__bottom > span { font-size: 8px; gap: 6px; }
  .payout-visual__bottom small { font-size: 7px; }
  .faq-item summary { font-size: 14px; gap: 8px; }
  .faq-toggle { width: 30px; height: 30px; flex-basis: 30px; }
  .faq-answer { padding-inline: 27px 5px; }
  .faq-answer p { font-size: 14px; }
  .download-copy { padding: 33px 24px 8px; }
  .download-copy h2 { font-size: clamp(31px,7.4vw,38px); }
  .download-copy > p:not(.eyebrow) { font-size: 13px; }
  .download-copy .eyebrow { font-size: 9px; }
  .download-store-links { flex-direction: column; align-items: flex-start; gap: 10px; }
  .download-store-links .store-link { min-width: 170px; }
  .download-store-links .store-link strong { font-size: 15px; }
  .download-store-links .store-link > .icon:first-child { width: 24px; height: 26px; }
  .download-visual { min-height: 299px; }
  .download-brand-phone { top: 17px; transform: translateX(-50%) scale(.78); }
  .download-parcel { bottom: 30px; transform: translateX(-52%); padding: 12px; }
  .download-visual__pattern { width: 340px; height: 340px; }
  .footer-brand { gap: 8px; }
  .footer-brand > p { font-size: 10px; }
  .footer-brand .brand { margin-left: -18px; }
  .footer-column > a { font-size: 11px; }
  .footer-bottom p, .motion-toggle { font-size: 9px; }
  .link-dialog { padding: 30px 25px; }
}
/* 320px layouts and narrow split-screen windows. */
@media (max-width: 359px) {
  :root { --gutter: 16px; }
  .header-actions { gap: 5px; }
  .header-cta { font-size: 9px; padding-inline: 10px; }
  .hero h1 { font-size: 34px; }
  .hero-intro { font-size: 12px; }
  .hero-store-links .store-link { padding-inline: 9px; gap: 7px; }
  .hero-store-links .store-link strong { font-size: 13px; }
  .hero-store-links .store-link small { font-size: 6.5px; }
  .hero-showcase { height: 393px; }
  .hero-devices { transform: translateX(-50%) scale(.69); top: -65px; }
  .floating-parcel { right: -3px; bottom: 64px; }
  .showcase-rings { width: 280px; height: 260px; }
  .signal-grid > span { font-size: 9px; gap: 6px; }
  .signal-grid > span:nth-child(2n) { padding-left: 10px; }
  .app-tab { gap: 6px; padding-inline: 10px; font-size: 11px; }
  .app-tablist { gap: 4px; }
  .app-tab > span { font-size: 9px; }
  .app-stage { height: 455px; }
  .walkthrough-phone { transform: translateX(-50%) scale(.86); }
  .stage-rail { left: 11px; }
  .benefit-mini-phone { right: 2px; width: 172px; }
  .benefit-card--app h3 { font-size: 25px; }
  .payout-visual__top > span { font-size: 6px; }
  .payout-visual__top > span:last-child { font-size: 6px; }
  .payout-visual__bottom > span { font-size: 7px; }
  .payout-visual__bottom small { font-size: 6px; }
  .download-copy { padding-inline: 21px; }
  .download-copy h2 { font-size: 29px; }
  .footer-main { column-gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal-ready { opacity: 1 !important; transform: none !important; }
}
@media (forced-colors: active) {
  .button, .store-link, .round-link, .menu-toggle, .app-tab, .faq-toggle, .step-card, .benefit-card, .device { border: 1px solid ButtonText; }
  .reveal-ready { opacity: 1; transform: none; }
}
@media print {
  .site-header { position: static; }
  .menu-toggle, .motion-toggle, .link-dialog, .hero-showcase, .download-visual { display: none !important; }
  .reveal-ready { opacity: 1 !important; transform: none !important; }
  .hero-layout, .app-layout, .payout-layout, .faq-layout, .download-card { display: block; }
  .section { padding-block: 28px; }
  .hero-action { margin-top: 25px; }
  .app-stage { height: 500px; }
  .benefit-card, .step-card, .payout-visual { break-inside: avoid; }
}

/* =====================================================================
   V2 · ICONS + MOTION EDITION
   Readable first, motion second. No scroll hijacking or cursor replacement.
   Custom properties are written by one small requestAnimationFrame scheduler.
   ===================================================================== */
:root { --ease-out: cubic-bezier(.16,1,.3,1); --ease-soft: cubic-bezier(.4,0,.2,1); }
.reading-rail { position:absolute; inset:auto 0 -1px; height:2px; overflow:hidden; pointer-events:none; }
.reading-rail span { display:block; height:100%; background:var(--navy); transform:scaleX(var(--page-progress,0)); transform-origin:left center; opacity:.5; }
.site-header { transition:background .45s, border-color .45s, box-shadow .45s; }
.site-header.is-scrolled { box-shadow:0 12px 40px -30px rgba(8,36,66,.25); }
.motion-quick-toggle { display:inline-grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; border:1px solid var(--line); border-radius:50%; background:transparent; transition:background .25s,color .25s; }
.motion-quick-toggle .icon { width:15px; height:15px; }
.motion-quick-toggle:hover { background:var(--navy); color:var(--paper); }
.motion-quick-toggle:disabled { opacity:.55; }
.primary-nav > a::after { width:20px; bottom:3px; height:2px; transition:transform .5s var(--ease-out); }
.primary-nav > a:hover::after { transform:translateX(-50%) scaleX(.55); }
.primary-nav > a[aria-current="location"]::after { transform:translateX(-50%) scaleX(1); }

/* Buttons stay stationary enough to remain easy targets. A contained light sweep
   moves across the surface; only decorative arrows move a few pixels. */
.button, .store-link { position:relative; isolation:isolate; overflow:hidden; transition:transform .45s var(--ease-out),background .35s,box-shadow .45s; }
.button::before, .store-link::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-90% -55%; background:linear-gradient(115deg,transparent 35%,rgba(242,242,242,.14) 49%,transparent 62%); transform:translateX(-80%); transition:transform .9s var(--ease-out); }
.button:hover::before, .store-link:hover::before { transform:translateX(80%); }
.button:active, .store-link:active { transform:translateY(0) scale(.985); }
.button--small { white-space:nowrap; }
.text-link .icon { transition:transform .45s var(--ease-out); }
.text-link:hover .icon { transform:translate(4px,-2px); }

/* Hero: composed line entrances, quiet depth, and an illustrative delivery route. */
.hero { padding-top:30px; }
.hero-title-line { display:block; }
.hero-line-inner { display:inline-block; }
.hero-emphasis::after { bottom:-5px; height:4px; transform-origin:left; }
html.has-js[data-motion="on"] .hero-line-inner { animation:title-arrive 1.05s var(--ease-out) both; }
html.has-js[data-motion="on"] .hero-title-line:nth-child(2) .hero-line-inner { animation-delay:.12s; }
html.has-js[data-motion="on"] .hero-emphasis::after { animation:underline-arrive 1s var(--ease-out) .65s both; }
html.has-js[data-motion="on"] .hero-heading > .eyebrow { animation:soft-arrive .85s var(--ease-out) both; }
html.has-js[data-motion="on"] .hero-intro { animation:soft-arrive 1s var(--ease-out) .24s both; }
html.has-js[data-motion="on"] .hero-journey { animation:side-arrive 1.1s var(--ease-out) .35s both; }
html.has-js[data-motion="on"] .hero-action { animation:soft-arrive 1s var(--ease-out) .4s both; }
.hero-ambient::after { content:""; position:absolute; width:60%; height:68%; left:17%; top:28%; opacity:.35; background:radial-gradient(ellipse at center,rgba(255,255,255,.9),transparent 66%); transform:translate3d(var(--ambient-x,0px),0,0); }
.hero-journey { border-radius:21px; background:rgba(255,255,255,.88); box-shadow:0 2px 4px rgba(8,36,66,.015),0 24px 55px -36px rgba(8,36,66,.28); }
.journey-icon { display:inline-grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid rgba(8,36,66,.09); border-radius:11px; background:linear-gradient(145deg,#fff,var(--paper)); color:var(--navy); }
.journey-icon .icon { width:19px; height:19px; stroke-width:1.6; }
.hero-journey li { gap:11px; }
.hero-journey li:last-child .journey-icon { background:var(--navy); color:var(--paper); border-color:var(--navy); }
.hero-journey li:not(:last-child)::after { left:16px; top:36px; bottom:2px; background:linear-gradient(var(--line),rgba(8,36,66,.035)); }
.hero-journey b { font-size:12px; }
.hero-journey small { font-size:10px; }
.hero-journey li > div { min-width:0; }
.device-depth, .walkthrough-depth { width:100%; height:100%; transform:perspective(1100px) translate3d(var(--depth-x,0px),calc(var(--depth-y,0px) + var(--scroll-lift,0px)),0) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg)); transform-origin:center; }
.walkthrough-depth { height:auto; }
.device-screen::after { content:""; position:absolute; inset:0; z-index:7; pointer-events:none; border-radius:inherit; background:linear-gradient(130deg,rgba(255,255,255,.12),transparent 34%,transparent 64%,rgba(255,255,255,.04)); }
.hero-device-back .device { animation:phone-float 9s ease-in-out infinite; }
.hero-device-front .device { animation:phone-float 9s ease-in-out -4.5s infinite; }
.hero-showcase::after { opacity:var(--shadow-opacity,.8); }
.hero-route path { animation:none; stroke-linecap:round; stroke-dasharray:none; }
.hero-route .route-base { stroke:rgba(8,36,66,.11); stroke-width:1.15; }
.hero-route .route-ink { stroke:rgba(8,36,66,.2); stroke-width:1.15; stroke-dasharray:1; }
.hero-route .route-traveller { stroke:var(--navy); stroke-width:3.5; stroke-dasharray:.013 .987; opacity:.7; }
html[data-motion="on"] .hero-route .route-ink { animation:route-arrive 2.4s var(--ease-out) .45s both; }
html[data-motion="on"] .hero-route .route-traveller { animation:route-flow 9s linear 1.2s infinite; }
.map-traveller { stroke:var(--paper); stroke-width:3; stroke-linecap:round; stroke-dasharray:.035 .965; }
html[data-motion="on"] .map-traveller { animation:route-flow 6s linear infinite; }
.floating-parcel { translate:var(--badge-x,0px) var(--badge-y,0px); border:1px solid rgba(8,36,66,.075); box-shadow:0 12px 24px -20px rgba(8,36,66,.4); }
.showcase-rings i { border-color:rgba(8,36,66,.065); }
html[data-motion="on"] .showcase-rings i { animation:ring-breathe 11s ease-in-out infinite; }
html[data-motion="on"] .showcase-rings i:nth-child(2) { animation-delay:-3.6s; }
html[data-motion="on"] .showcase-rings i:nth-child(3) { animation-delay:-7.2s; }
.signal-grid > span .icon { transition:transform .6s var(--ease-out); }
.signal-grid > span:hover .icon { transform:translateY(-3px); }

/* App walkthrough: a real sliding selection plate, never auto-advancing content. */
.app-tablist { width:fit-content; max-width:100%; position:relative; isolation:isolate; padding:5px; border:1px solid rgba(8,36,66,.09); border-radius:16px; background:rgba(242,242,242,.78); gap:4px; }
.app-tablist.tab-track-ready::before { content:""; position:absolute; z-index:-1; height:calc(100% - 10px); top:5px; left:0; width:var(--tab-width,80px); border-radius:11px; background:var(--navy); box-shadow:0 4px 10px -7px rgba(8,36,66,.5); transform:translateX(var(--tab-left,5px)); transition:transform .65s var(--ease-out),width .65s var(--ease-out); }
.app-tab { position:relative; border-radius:11px; padding:11px 16px; gap:8px; min-height:47px; font-size:13px; transition:color .35s,background .35s; }
.app-tab > .tab-icon { display:inline-flex; opacity:.75; }
.tab-icon .icon { width:17px; height:17px; }
.app-tablist.tab-track-ready .app-tab[aria-selected="true"] { background:transparent; }
.app-tab[aria-selected="true"] > .tab-icon { opacity:1; }
.app-tab:not([aria-selected="true"]):hover { background:rgba(8,36,66,.045); }
.app-panel, .walkthrough-screen { animation:none; }
.app-stage__background { border-radius:32px; }
.app-stage__background img { transform:translate3d(0,var(--image-shift,0px),0) scale(1.1); }
.walkthrough-phone .device { box-shadow:1px 1px 0 2px rgba(8,36,66,.55),18px 30px 46px -26px rgba(8,36,66,.48),inset 1px 1px 0 rgba(255,255,255,.8); }
.stage-label { border:1px solid rgba(8,36,66,.06); translate:var(--badge-x,0px) var(--badge-y,0px); }
.stage-label__icon { border-radius:10px; width:38px; height:38px; background:var(--paper); }
.stage-label__icon .icon { width:20px; height:20px; }

/* Editorial cards: a shallow lift, directional light and monochrome photo depth. */
[data-light-card] { position:relative; }
.surface-light { position:absolute; inset:0; z-index:8; pointer-events:none; border-radius:inherit; opacity:0; background:radial-gradient(360px circle at var(--light-x,50%) var(--light-y,30%),rgba(255,255,255,.12),transparent 68%); transition:opacity .5s; }
[data-light-card]:hover > .surface-light { opacity:1; }
.benefit-card { border-radius:23px; border:1px solid rgba(8,36,66,.055); transition:transform .7s var(--ease-out),opacity .8s var(--ease-out),box-shadow .6s var(--ease-out); }
.benefit-mini-phone { transition:transform .85s var(--ease-out); }
.benefit-card--app:hover .benefit-mini-phone { transform:translateY(-7px) rotate(-10deg); }
.benefit-photo { overflow:hidden; border-radius:inherit; }
.benefit-photo img { transform:translate3d(0,var(--image-shift,0px),0) scale(1.12); }
.benefit-card--payout::before { content:""; position:absolute; z-index:-1; width:270px; height:270px; border:1px solid rgba(242,242,242,.12); border-radius:50%; right:-125px; bottom:40px; box-shadow:0 0 0 28px rgba(242,242,242,.025),0 0 0 56px rgba(242,242,242,.015); transform:translateY(var(--image-shift,0px)); }
.benefit-number { font-variant-numeric:lining-nums; }
.round-link { width:44px; height:44px; flex-basis:44px; transition:background .3s,color .3s,transform .5s var(--ease-out); }
.round-link:hover { transform:rotate(6deg); }

/* Onboarding: icon-led, not numbered; connectors remain decorative. */
.how-section { position:relative; isolation:isolate; overflow:clip; }
.how-architecture { position:absolute; inset:0 0 0 30%; z-index:-1; overflow:hidden; opacity:.65; pointer-events:none; }
.how-architecture svg { width:100%; height:100%; min-height:650px; transform:translateY(var(--image-shift,0px)); stroke:rgba(242,242,242,.1); stroke-width:.65; }
.steps-grid { position:relative; gap:24px; }
.step-card { position:relative; isolation:isolate; padding:27px 23px; border-radius:21px; background:linear-gradient(150deg,#fff,var(--paper)); border:1px solid rgba(242,242,242,.85); min-height:254px; transition:transform .65s var(--ease-out),opacity .8s var(--ease-out),box-shadow .5s; }
.step-card__top { margin-bottom:27px; }
.step-icon { position:relative; width:52px; height:52px; border-radius:16px; border:1px solid rgba(8,36,66,.1); background:linear-gradient(140deg,#fff,rgba(8,36,66,.055)); box-shadow:0 3px 5px -4px rgba(8,36,66,.3),inset 0 1px 0 #fff; transition:background .35s,color .35s,transform .55s var(--ease-out); }
.step-icon .icon { width:27px; height:27px; stroke-width:1.5; }
.step-card:last-child .step-icon { color:var(--paper); background:var(--navy); box-shadow:none; }
.step-card h3 { font-size:20px; font-weight:500; }
.step-card p { line-height:1.85; }
.step-connector { position:absolute; display:grid; place-items:center; width:28px; height:28px; right:-27px; top:39px; z-index:3; color:var(--paper); }
.step-connector .icon { width:17px; height:17px; opacity:.7; }
html[data-motion="on"] .how-section.is-visible .step-connector .icon { animation:connector-flow 3.8s ease-in-out infinite; }
html[data-motion="on"] .step-card:nth-child(2) .step-connector .icon { animation-delay:.4s; }
html[data-motion="on"] .step-card:nth-child(3) .step-connector .icon { animation-delay:.8s; }

/* Payout: the 7-day fact remains; arbitrary 01..07 labels are gone. */
.payout-visual { border-radius:27px; padding:28px; box-shadow:0 3px 5px rgba(8,36,66,.018),0 25px 60px -48px rgba(8,36,66,.35); background:linear-gradient(145deg,var(--paper),#fff 75%); }
.payout-visual__top { padding-bottom:19px; }
.payout-visual__top > span { font-size:10px; letter-spacing:.07em; }
.payout-visual__top > span:last-child { font-size:9px; }
.payout-visual__top .icon { width:18px; height:18px; }
.payout-orbit-layout { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-block:18px 21px; }
.payout-visual__headline { margin:0; min-width:0; flex:1; }
.payout-visual__headline strong { font-size:clamp(26px,2.65vw,36px); letter-spacing:-.045em; }
.payout-visual__headline p { font-size:12px; max-width:210px; }
.payout-dial { position:relative; flex:0 0 150px; width:150px; height:150px; }
.payout-dial__paths { display:block; width:100%; height:100%; }
.dial-track { stroke:rgba(8,36,66,.12); stroke-width:1; }
.dial-segments { stroke:rgba(8,36,66,.14); stroke-width:2.6; stroke-linecap:round; stroke-dasharray:.02 .98; }
.dial-beam { stroke:var(--navy); stroke-width:3.2; stroke-linecap:round; stroke-dasharray:.07 .93; transform:rotate(-90deg); transform-origin:50% 50%; }
html[data-motion="on"] .dial-beam { animation:route-flow 12s linear infinite; }
.dial-center { position:absolute; inset:30%; display:grid; place-items:center; border:1px solid rgba(8,36,66,.08); border-radius:20px; color:var(--navy); background:linear-gradient(145deg,#fff,var(--paper)); box-shadow:0 9px 18px -13px rgba(8,36,66,.35); }
.dial-center .icon { width:30px; height:30px; }
.dial-satellite { position:absolute; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:11px; background:#fff; box-shadow:0 4px 10px -8px var(--navy); }
.dial-satellite .icon { width:18px; height:18px; }
.dial-satellite--parcel { top:4%; left:8%; }
.dial-satellite--wallet { right:3%; bottom:6%; color:var(--paper); background:var(--navy); }
.payout-flow { display:grid; grid-template-columns:1fr .45fr 1fr .45fr 1fr; align-items:start; padding:20px 10px 18px; background:rgba(255,255,255,.82); border:1px solid rgba(8,36,66,.07); border-radius:17px; }
.payout-flow-item { display:flex; align-items:center; flex-direction:column; gap:10px; text-align:center; min-width:0; font-size:11px; font-weight:500; line-height:1.6; }
.payout-flow-icon { display:grid; place-items:center; width:43px; height:43px; border:1px solid var(--line); border-radius:13px; background:var(--paper); }
.payout-flow-icon .icon { width:22px; height:22px; }
.payout-flow-item--pay .payout-flow-icon { color:var(--paper); background:var(--navy); border-color:var(--navy); }
.payout-flow-line { position:relative; height:1px; margin-top:21px; background:var(--line); overflow:hidden; }
.payout-flow-line::after { content:""; position:absolute; inset:0; width:45%; background:var(--navy); transform:translateX(-120%); }
html[data-motion="on"] .payout-flow-line::after { animation:rail-flow 3.6s var(--ease-soft) infinite; }
html[data-motion="on"] .payout-flow-line:nth-child(4)::after { animation-delay:1.1s; }
.payout-visual__bottom { padding-top:19px; }
.payout-visual__bottom > span { font-size:10px; }
.payout-visual__bottom small { font-size:9px; }

/* FAQs: content-matched pictograms, stable hit areas and independent opening. */
.faq-list { border-top:0; }
.faq-item { border-bottom:1px solid var(--line); border-radius:14px; transition:background .4s; }
.faq-item:first-child { border-top:1px solid var(--line); }
.faq-item summary { padding:19px 8px; gap:15px; min-height:89px; }
.faq-item summary > span:nth-child(2) { flex:1; min-width:0; }
.faq-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border:1px solid rgba(8,36,66,.07); border-radius:13px; background:var(--paper); color:var(--navy); transition:background .4s,color .4s,border-color .4s; }
.faq-icon .icon { width:21px; height:21px; stroke-width:1.6; }
.faq-item[data-expanded="true"] .faq-icon { background:var(--navy); border-color:var(--navy); color:var(--paper); }
.faq-toggle { width:34px; height:34px; flex-basis:34px; background:transparent; border:1px solid var(--line); }
.faq-item[data-expanded="false"] .faq-toggle { background:transparent; color:var(--navy); }
.faq-item[data-expanded="false"] .faq-toggle .icon { transform:none; }
.faq-item[data-expanded="true"] .faq-toggle { background:var(--navy); color:var(--paper); }
.faq-item[data-expanded="true"] .faq-toggle .icon { transform:rotate(45deg); }
.faq-answer { padding:0 40px 28px 65px; }
.faq-answer p { line-height:1.95; }
.faq-item:hover { background:rgba(242,242,242,.55); }

/* Download end-cap: depth without changing or rotating the official logo. */
.download-card { border:1px solid rgba(8,36,66,.05); border-radius:32px; }
.download-brand-phone { translate:0 var(--scroll-lift,0px); }
.download-brand-texture { transform:translateY(var(--image-shift,0px)) scale(1.15); }
.download-visual__pattern { border-color:rgba(242,242,242,.12); }
.download-visual__pattern::after { border-color:rgba(242,242,242,.12); }
html[data-motion="on"] .download-visual__pattern::before { animation:ring-breathe 12s ease-in-out infinite; }
.download-parcel { translate:0 var(--badge-y,0px); }

/* Reveal effects never hide content unless their observer is running. */
.reveal-ready { transition:opacity .9s var(--ease-out),transform .95s var(--ease-out),box-shadow .5s; transition-delay:var(--reveal-delay,0ms); }
.reveal-ready:not(.is-revealed) { opacity:0; transform:translate3d(0,32px,0); }
.reveal-ready.is-revealed { opacity:1; transform:translate3d(0,0,0); }
.reveal-ready.reveal-settled { transition-delay:0ms; }
@media (hover:hover) and (pointer:fine) {
  .benefit-card.is-revealed:hover { transform:translate3d(0,-7px,0); box-shadow:0 25px 45px -36px rgba(8,36,66,.45); }
  .step-card.is-revealed:hover { transform:translate3d(0,-6px,0); box-shadow:0 22px 44px -22px rgba(0,0,0,.28); }
  .step-card:hover .step-icon { transform:translateY(-2px); background:var(--navy); color:var(--paper); }
}
@keyframes title-arrive { from { opacity:0; transform:translate3d(0,26px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes soft-arrive { from { opacity:0; translate:0 16px; } to { opacity:1; translate:0 0; } }
@keyframes side-arrive { from { opacity:0; translate:-14px 10px; } to { opacity:1; translate:0 0; } }
@keyframes underline-arrive { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes route-arrive { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes route-flow { to { stroke-dashoffset:-1; } }
@keyframes ring-breathe { 0%,100% { scale:.98; opacity:.7; } 50% { scale:1.035; opacity:1; } }
@keyframes connector-flow { 0%,20%,100% { opacity:.4; translate:-2px 0; } 48% { opacity:1; translate:2px 0; } }
@keyframes rail-flow { 0%,12% { transform:translateX(-120%); } 80%,100% { transform:translateX(350%); } }

/* V2 responsive refinements; original layout breakpoints remain intact. */
@media (max-width:1199px) {
  .header-inner { gap:18px; }
  .primary-nav { gap:19px; }
  .hero-journey { padding-inline:13px; }
  .journey-icon { width:31px; height:31px; flex-basis:31px; border-radius:10px; }
  .hero-journey li { gap:8px; }
  .hero-journey b { font-size:11px; }
  .hero-journey small { font-size:9px; }
  .hero-journey li:not(:last-child)::after { left:15px; }
  .steps-grid { gap:20px; }
  .step-card { padding:25px 19px; }
  .step-connector { right:-25px; }
  .app-tab { padding-inline:13px; }
  .payout-visual { padding:23px; }
  .payout-dial { flex-basis:125px; width:125px; height:125px; }
  .payout-visual__top > span { font-size:9px; }
  .payout-visual__top > span:last-child { font-size:8px; }
  .payout-visual__headline strong { font-size:29px; }
}
@media (min-width:768px) and (max-width:1023px) {
  .app-tab { gap:6px; padding-inline:10px; font-size:11px; }
  .tab-icon .icon { width:15px; height:15px; }
  .app-tablist { gap:0; }
  .payout-orbit-layout { flex-wrap:wrap; gap:2px; }
  .payout-visual__headline { flex:1 0 100%; }
  .payout-dial { margin:2px auto 5px; flex-basis:138px; width:138px; height:138px; }
  .payout-visual__top { flex-wrap:wrap; gap:8px; }
  .payout-visual__headline strong { font-size:30px; }
  .payout-visual__bottom { flex-wrap:wrap; gap:7px; }
}
@media (max-width:1023px) {
  .step-card { min-height:235px; padding:27px; }
  .step-card:nth-child(2) .step-connector { display:none; }
  .faq-item summary { font-size:14px; gap:11px; padding-inline:3px; }
  .faq-icon { width:38px; height:38px; flex-basis:38px; }
  .faq-answer { padding-left:52px; padding-right:12px; }
  .payout-flow { grid-template-columns:1fr .2fr 1fr .2fr 1fr; padding-inline:8px; }
  .payout-flow-item { font-size:10px; }
  .how-architecture { left:5%; }
}
@media (max-width:767px) {
  .hero { padding-top:24px; }
  .motion-quick-toggle { flex-basis:34px; width:34px; height:34px; }
  .header-actions { gap:8px; }
  .app-tab { padding:11px 17px; font-size:13px; }
  .payout-visual { padding:25px; }
  .payout-dial { width:154px; height:154px; flex-basis:154px; }
  .payout-visual__headline strong { font-size:34px; }
  .payout-visual__top > span { font-size:10px; }
  .payout-visual__top > span:last-child { font-size:9px; }
  .payout-flow { grid-template-columns:1fr .45fr 1fr .45fr 1fr; padding-block:21px; }
  .payout-flow-item { font-size:12px; }
  .step-card { padding:24px 20px; }
  .step-card h3 { font-size:21px; }
  .step-connector { right:-25px; }
  .benefit-card { border-radius:22px; }
  .faq-item summary { font-size:15px; padding-block:20px; gap:13px; }
  .faq-icon { width:42px; height:42px; flex-basis:42px; }
  .faq-answer { padding-left:58px; }
  .download-card { border-radius:25px; }
}
@media (max-width:479px) {
  .header-inner { gap:7px; }
  .header-actions { gap:6px; }
  .motion-quick-toggle { width:32px; height:32px; flex-basis:32px; }
  .header-cta { padding-inline:11px; }
  .hero { padding-top:25px; }
  .hero h1 { font-size:clamp(34px,8.55vw,41px); }
  .hero-intro { font-size:14px; }
  .app-tablist { width:100%; gap:0; }
  .app-tab { justify-content:center; flex:1; min-width:0; padding:11px 9px; font-size:12px; gap:7px; }
  .tab-icon .icon { width:17px; height:17px; }
  .stage-label__icon { width:31px; height:31px; }
  .stage-label__icon .icon { width:18px; height:18px; }
  .steps-grid { gap:24px; }
  .step-card { min-height:213px; padding:26px; }
  .step-card__top { margin-bottom:22px; }
  .step-card h3 { font-size:23px; }
  .step-icon { width:51px; height:51px; border-radius:15px; }
  .step-connector, .step-card:nth-child(2) .step-connector { display:grid; right:calc(50% - 14px); top:auto; bottom:-27px; transform:rotate(90deg); }
  .payout-visual { padding:21px 18px; border-radius:23px; }
  .payout-orbit-layout { gap:3px; padding-block:20px; }
  .payout-dial { width:112px; height:112px; flex-basis:112px; }
  .payout-visual__headline strong { font-size:27px; line-height:1.25; }
  .payout-visual__headline p { font-size:11px; line-height:1.7; margin-top:9px; }
  .dial-center { border-radius:13px; }
  .dial-center .icon { width:24px; height:24px; }
  .dial-satellite { width:27px; height:27px; border-radius:9px; }
  .dial-satellite .icon { width:15px; height:15px; }
  .payout-visual__top > span { font-size:8px; letter-spacing:.035em; gap:6px; }
  .payout-visual__top > span:last-child { font-size:8px; }
  .payout-visual__top .icon { width:15px; height:15px; }
  .payout-flow { grid-template-columns:1fr .22fr 1fr .22fr 1fr; padding:18px 8px; }
  .payout-flow-item { font-size:10px; }
  .payout-flow-icon { width:40px; height:40px; }
  .payout-flow-line { margin-top:20px; }
  .payout-visual__bottom > span { font-size:8px; gap:5px; }
  .payout-visual__bottom small { font-size:8px; }
  .payout-visual__bottom .icon { width:13px; height:13px; }
  .faq-item summary { font-size:14px; gap:11px; }
  .faq-icon { width:36px; height:36px; flex-basis:36px; border-radius:11px; }
  .faq-icon .icon { width:19px; height:19px; }
  .faq-toggle { width:29px; height:29px; flex-basis:29px; }
  .faq-answer { padding:0 7px 25px 50px; }
  .faq-answer p { font-size:14px; }
}
@media (max-width:359px) {
  .header-inner > .brand { width:102px; padding-inline:16px; }
  .header-inner > .brand img { width:70px; }
  .header-actions { gap:4px; }
  .header-cta { padding-inline:9px; font-size:9px; }
  .has-js .menu-toggle { width:38px; height:38px; }
  .motion-quick-toggle { width:30px; height:30px; flex-basis:30px; }
  .hero h1 { font-size:33px; }
  .hero-intro { font-size:13px; }
  .app-tab { font-size:11px; padding-inline:6px; gap:6px; }
  .tab-icon .icon { width:16px; height:16px; }
  .payout-visual { padding-inline:15px; }
  .payout-dial { width:96px; height:96px; flex-basis:96px; }
  .payout-visual__headline strong { font-size:24px; }
  .payout-visual__top > span, .payout-visual__top > span:last-child { font-size:7px; }
  .payout-flow-item { font-size:9px; }
  .payout-flow-icon { width:36px; height:36px; }
  .payout-flow-line { margin-top:18px; }
  .payout-visual__bottom { flex-wrap:wrap; gap:7px; }
  .faq-item summary { gap:9px; }
  .faq-answer { padding-left:0; }
}
/* Touch does not inherit desktop pointer effects. */
@media (hover:none), (pointer:coarse) {
  .surface-light { display:none; }
  .button:hover, .store-link:hover, .benefit-card:hover, .step-card:hover { transform:none; box-shadow:none; }
  .device-depth, .walkthrough-depth { transform:translate3d(0,var(--scroll-lift,0px),0); }
}
/* Pause really stops all nonessential motion. The original layout transforms
   (phone angles/scales) are left alone, so pause never breaks the composition. */
html[data-motion="off"] .device-depth, html[data-motion="off"] .walkthrough-depth { transform:none !important; }
html[data-motion="off"] .floating-parcel, html[data-motion="off"] .stage-label, html[data-motion="off"] .download-brand-phone, html[data-motion="off"] .download-parcel { translate:0 0 !important; }
html[data-motion="off"] .benefit-photo img, html[data-motion="off"] .app-stage__background img, html[data-motion="off"] .download-brand-texture { transform:none !important; }
html[data-motion="off"] .how-architecture svg { transform:none !important; }
html[data-motion="off"] .hero-route .route-traveller, html[data-motion="off"] .map-traveller { display:none; }
html[data-motion="off"] .reveal-ready { opacity:1 !important; transform:none !important; }
html[data-motion="off"] .surface-light { display:none; }
html[data-document-hidden="true"] *, html[data-document-hidden="true"] *::before, html[data-document-hidden="true"] *::after { animation-play-state:paused !important; }
@media (prefers-reduced-motion:reduce) {
  .device-depth, .walkthrough-depth { transform:none !important; }
  .hero-route .route-traveller, .map-traveller, .surface-light { display:none; }
  .hero-line-inner, .hero-intro, .hero-action, .hero-journey { opacity:1; translate:0 0; }
}
@media (forced-colors:active) {
  .app-tablist.tab-track-ready::before { display:none; }
  .app-tab[aria-selected="true"] { outline:2px solid Highlight; }
  .surface-light { display:none; }
  .journey-icon,.step-icon,.faq-icon,.payout-flow-icon,.dial-center { border:1px solid ButtonText; }
}
@media print {
  .reading-rail, .motion-quick-toggle, .step-connector { display:none !important; }
  .device-depth, .walkthrough-depth { transform:none; }
}


/* Requested V3 UI only: no public motion controls; store badges and footer social icons.
   V2 animations, reveal timings, layout and responsive rules above are unchanged. */
.motion-toggle, .motion-quick-toggle { display: none !important; }
.store-links { gap: 16px; }
.store-link.store-badge {
  min-height: 64px;
  min-width: 190px;
  padding: 12px 18px;
  gap: 12px;
  border-radius: 16px;
  border: 1px solid rgba(8,36,66,.16);
  background: #fff;
  color: var(--navy);
  box-shadow: 0 14px 34px -24px rgba(8,36,66,.28), inset 0 1px 0 rgba(255,255,255,.8);
}
.store-link.store-badge > .icon:first-child { width: 25px; height: 25px; }
.store-link.store-badge small { font-size: 11px; color: rgba(8,36,66,.72); line-height: 1.1; }
.store-link.store-badge strong { font-size: 23px; line-height: 1.02; font-weight: 600; letter-spacing: -.03em; }
.store-link.store-badge:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -24px rgba(8,36,66,.34); background: #fff; }
.store-link.store-badge::before { background: linear-gradient(120deg, transparent 28%, rgba(52,122,183,.10) 50%, transparent 70%); }
.hero-store-links { gap: 12px; margin-top: 26px; }
.footer-socials { display: inline-flex; align-items: center; gap: 10px; margin-left: auto; }
.footer-social {
  display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid rgba(8,36,66,.14); background: linear-gradient(180deg,#fff,#f8fbff); color: var(--navy);
  box-shadow: 0 10px 28px -22px rgba(8,36,66,.34); transition: transform .3s var(--ease), background .3s ease, color .3s ease, box-shadow .3s ease;
}
.footer-social .icon { width: 18px; height: 18px; }
.footer-social:hover { transform: translateY(-3px); background: var(--navy); color: var(--paper); box-shadow: 0 16px 34px -20px rgba(8,36,66,.38); }
.footer-bottom { align-items: center; }
@media (max-width: 767px) {
  .store-link.store-badge { min-width: 100%; justify-content: flex-start; }
  .store-link.store-badge strong { font-size: 20px; }
  .footer-bottom { gap: 14px; }
  .footer-socials { width: 100%; justify-content: flex-start; margin-left: 0; }
}


/* footer.css */
/* LastMileLink · footer extension only. No landing motion/layout overrides. */
.site-footer--extended { padding: 4px 0 0; }
.site-footer--extended .footer-main {
  grid-template-columns: minmax(175px,1.05fr) minmax(250px,1.4fr) minmax(168px,1fr) minmax(138px,.8fr);
  gap: clamp(24px,3.4vw,52px); padding-block: 8px 46px;
}
.site-footer--extended .footer-brand { display: block; min-width: 0; }
.site-footer--extended .footer-brand .brand { margin: -20px 0 0 -24px; }
.site-footer--extended .footer-brand > p { font-size: 14px; line-height: 1.8; margin-top: 6px; }
.site-footer--extended .footer-column { min-width: 0; }
.site-footer--extended .footer-column h2 { font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .13em; margin: 10px 0 17px; text-transform: uppercase; }
.site-footer--extended .footer-column > a { position: relative; font-size: 14px; line-height: 1.65; min-height: 42px; padding-block: 7px; color: rgba(8,36,66,.76); gap: 11px; max-width: 100%; overflow-wrap: anywhere; transition: color .3s, transform .4s var(--ease); }
.site-footer--extended .footer-column > a:hover { color: var(--navy); transform: translateX(3px); }
.site-footer--extended .footer-column > a[aria-current="page"] { color: var(--navy); text-decoration: underline; text-underline-offset: 5px; }
.site-footer--extended .footer-column > a .icon { width: 17px; height: 17px; flex-shrink: 0; }
.site-footer--extended .footer-contact > a .icon { opacity: .74; }
.site-footer--extended .footer-bottom { padding-block: 17px calc(17px + env(safe-area-inset-bottom)); min-height: 82px; gap: 20px; }
.site-footer--extended .footer-bottom p { font-size: 12px; }
.site-footer--extended .footer-social { width: 44px; height: 44px; }
.site-footer--extended .footer-socials { width: auto; margin-left: auto; }
@media (max-width: 1199px) {
  .site-footer--extended .footer-main { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 34px 60px; }
  .site-footer--extended .footer-brand { grid-column: auto; }
}
@media (max-width: 767px) {
  .site-footer--extended .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 32px; padding-bottom: 32px; }
  .site-footer--extended .footer-brand { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
  .site-footer--extended .footer-brand .brand { margin: -18px 0 -16px -20px; }
  .site-footer--extended .footer-brand > p { font-size: 12px; margin: 0; }
  .site-footer--extended .footer-contact { grid-column: 1 / -1; }
  .site-footer--extended .footer-column h2 { margin-bottom: 12px; }
  .site-footer--extended .footer-column > a { font-size: 14px; min-height: 44px; }
  .site-footer--extended .footer-bottom { gap: 14px; }
}
@media (max-width: 479px) {
  .site-footer--extended .footer-main { gap: 24px 18px; }
  .site-footer--extended .footer-column > a { font-size: 13px; }
  .site-footer--extended .footer-bottom { flex-wrap: wrap; }
  .site-footer--extended .footer-bottom p { font-size: 11px; }
  .site-footer--extended .footer-socials { gap: 7px; }
}
@media (max-width: 359px) {
  .site-footer--extended .footer-brand > p { font-size: 11px; }
  .site-footer--extended .footer-socials { width: 100%; justify-content: flex-start; margin-left: 0; }
}
@media (hover: none), (pointer: coarse) { .site-footer--extended .footer-column > a:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) { .site-footer--extended .footer-column > a:hover { transform: none; } }
@media print { .site-footer--extended { display: none; } }

/* partner.css */
/* PARTNER LAUNCH / scoped evolution of the approved motion system.
   No animation library, scroll hijacking, flashing counters or public motion toggles. */
:root { --container:1240px; --section-space:100px; --header-height:92px; --native-font:"Chillax",Arial,sans-serif; }
html { scrollbar-gutter:stable; }
body.partner-launch { font-family:var(--native-font); }
body.partner-launch :is(button,select,input) { font-family:inherit; }
body.partner-launch h1,body.partner-launch h2 { text-wrap:balance; }
body.partner-launch :is(p,span,small,b,strong,h1,h2,h3,a,button,dt,dd) { overflow-wrap:break-word; }
.partner-launch .header-inner { gap:18px; }
.partner-launch .primary-nav { gap:20px; }
.partner-launch .primary-nav > a { font-size:12px; }
.header-preferences { display:flex; gap:7px; align-items:center; margin-left:auto; min-width:0; }
.preference-control { display:flex; position:relative; align-items:center; gap:7px; min-height:42px; border:1px solid var(--line); background:rgba(255,255,255,.62); border-radius:999px; color:var(--navy); font-size:11px; padding:8px 12px; max-width:200px; line-height:1.5; }
.preference-control>.icon { width:16px; height:16px; }
.preference-control>.preference-chevron { width:10px; height:10px; transform:rotate(90deg); }
.location-control>span { max-width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.language-control { padding-right:10px; }
.language-select { appearance:none; border:0; color:inherit; background:transparent; min-width:55px; max-width:110px; padding:3px 13px 3px 0; cursor:pointer; font-size:12px; }
.language-control .preference-chevron { position:absolute; right:11px; pointer-events:none; }
.preference-control:hover { background:#fff; border-color:rgba(8,36,66,.3); }
.partner-launch .header-actions { gap:8px; }
.partner-launch .brand { width:140px; }
.partner-launch .header-cta { min-height:43px; padding:10px 15px; }
.partner-launch .hero { padding-top:35px; padding-bottom:22px; }
.partner-launch .hero-heading { max-width:940px; margin-inline:auto; }
.partner-launch .hero h1 { font-size:clamp(44px,4.7vw,65px); }
.partner-launch .hero-intro { max-width:710px; font-size:16px; margin-top:22px; line-height:1.8; }
.partner-launch .hero-ambient { background:radial-gradient(ellipse 40% 50% at 51% 50%,rgba(52,122,183,.115),transparent),radial-gradient(ellipse 55% 65% at 85% 0%,#fff,transparent); }
.hero-promises { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:18px; margin-top:22px; line-height:1.6; }
.hero-promises>span { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:500; }
.hero-promises b { font-size:16px; font-weight:600; }
.hero-promises i { height:14px; width:1px; background:var(--line); }
.hero-promises .icon { width:17px; height:17px; }
.partner-launch .hero-layout { margin-top:12px; grid-template-columns:.93fr 1.7fr 1fr; }
.partner-launch .hero-journey { max-width:252px; border-radius:22px; padding:23px 18px 0; }
.partner-launch .journey-header { font-size:12px; line-height:1.5; gap:9px; margin-bottom:23px; }
.partner-launch .hero-journey b { font-size:13px; }
.partner-launch .hero-journey small { font-size:11px; }
.partner-launch .journey-footer { gap:8px; align-items:center; font-size:9px; font-weight:500; padding-block:13px; letter-spacing:0; }
.partner-launch .hero-action>.eyebrow { font-size:10px; letter-spacing:.09em; }
.partner-launch .hero-action>h2 { font-size:28px; line-height:1.25; }
.partner-launch .hero-action>p:not(.eyebrow) { font-size:14px; line-height:1.85; max-width:none; }
.partner-launch .hero-action .text-link { margin-top:14px; font-size:12px; }
.partner-launch .floating-parcel { gap:9px; font-size:10px; max-width:210px; line-height:1.5; border-radius:15px; }
.partner-launch .floating-parcel>span { font-size:10px; letter-spacing:0; }
.hero-bottom-line { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:-12px; padding-bottom:8px; font-size:12px; font-weight:500; }
.hero-bottom-line .icon { width:21px; height:21px; }
.hero-bottom-line>span { margin-left:5px; }
.partner-launch .signal-strip { border-block:1px solid var(--line); }
.partner-launch .signal-grid { padding-block:27px; gap:16px; }
.partner-launch .signal-grid>span { font-size:12px; line-height:1.7; }
/* Local store lockups are fallbacks; official remote artwork can be enabled in config. */
.partner-launch .store-links { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.partner-launch .hero-store-links .store-links { flex-direction:column; align-items:flex-start; }
.partner-launch a.store-link.official-store { display:inline-flex; border:0; border-radius:8px; padding:0; min-width:0; min-height:50px; background:transparent; box-shadow:none; overflow:visible; line-height:1; flex:0 0 auto; }
.partner-launch .official-store img { height:50px; width:auto; max-width:none; border-radius:8px; }
.partner-launch .official-store::before { content:none; }
.partner-launch .official-store:hover { transform:translateY(-3px); filter:drop-shadow(0 9px 14px rgba(8,36,66,.14)); }
.partner-launch .hero-store-links { margin-top:22px; }
/* Concept screens are layout illustrations, never a live earnings feed. */
.local-screen { padding:19px 15px 14px; min-height:100%; display:flex; flex-direction:column; color:var(--navy); gap:0; background:linear-gradient(160deg,#fff,var(--paper)); }
.local-screen .screen-topline { padding-top:18px; font-size:9px; line-height:1.5; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:20px; color:inherit; }
.local-screen .screen-topline .icon { width:15px; height:15px; }
.mock-title { font-size:23px; font-weight:500; letter-spacing:-.035em; line-height:1.25; margin:0; }
.local-screen--pay { color:var(--paper); background:linear-gradient(145deg,#183951,var(--navy)); }
.local-screen--pay p { color:var(--paper); }
.screen-zero { display:flex; align-items:baseline; justify-content:center; font-family:"Chillax",Arial,sans-serif; font-size:100px; line-height:1.05; margin:19px 0 5px; font-weight:500; letter-spacing:-.08em; }
.screen-zero span { font-size:32px; margin-left:3px; letter-spacing:-.04em; }
.mock-kicker { font-size:8px; text-align:center; letter-spacing:.09em; margin-top:3px; line-height:1.6; font-weight:500; }
.mock-info { display:flex; align-items:flex-start; gap:10px; background:var(--paper); padding:13px 11px; border-radius:13px; margin-top:20px; }
.mock-info>.icon { width:18px; height:18px; }
.mock-info b { display:block; font-size:10px; line-height:1.5; font-weight:500; }
.mock-info small { display:block; font-size:8px; line-height:1.7; margin-top:4px; }
.light-info { color:var(--navy); background:rgba(242,242,242,.95); }
.mock-footer { font-size:9px; margin-top:auto; padding-top:20px; line-height:1.6; color:inherit; }
.mini-route { width:100%; height:83px; margin:13px 0 0; overflow:visible; }
.mini-route-base { stroke:rgba(8,36,66,.2); stroke-width:1.2; stroke-dasharray:3 5; }
.mini-route-travel { stroke:var(--blue); stroke-width:2; stroke-linecap:round; stroke-dasharray:.09 .91; animation:route-flow 7s linear infinite; }
.route-small-icon { stroke:var(--navy); stroke-width:1.5; fill:none; }
.route-small-icon--light { stroke:var(--paper); }
.mock-task { display:flex; align-items:center; gap:9px; margin-top:12px; border-bottom:1px solid var(--line); padding-bottom:12px; }
.task-icon { width:28px; height:28px; display:grid; place-items:center; background:rgba(8,36,66,.05); border-radius:9px; flex:0 0 auto; }
.task-icon .icon { width:16px; height:16px; }
.task-icon.dark { background:var(--navy); color:var(--paper); }
.mock-task b { font-size:10px; display:block; font-weight:500; line-height:1.5; }
.mock-task small { font-size:8px; display:block; margin-top:1px; line-height:1.5; }
.mock-task>.icon { margin-left:auto; width:14px; height:14px; }
.task-dot { display:block; width:5px; height:5px; border-radius:50%; margin-left:auto; background:var(--navy); }
.mock-product { font-size:10px; margin-top:14px; line-height:1.6; font-weight:500; }
.mock-bottom { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:16px; font-size:8px; line-height:1.6; }
.mock-bottom .icon { width:14px; height:14px; }
.mock-join-icon { display:flex; gap:16px; align-items:center; justify-content:center; height:120px; margin-top:10px; border:1px dashed var(--line); border-radius:15px; }
.mock-join-icon .icon { width:32px; height:32px; }
.partner-launch .app-copy>.section-lead { max-width:520px; }
.partner-launch .app-panels { min-height:160px; }
.partner-launch .app-panel p { font-size:15px; line-height:1.9; }
.partner-launch .app-panel h3 { font-size:21px; line-height:1.4; }
.partner-launch .app-tab { white-space:normal; min-width:0; font-size:13px; gap:7px; line-height:1.6; padding:13px 16px; }
.partner-launch .app-tablist { max-width:100%; width:fit-content; }
.partner-launch .app-stage { min-width:0; }
.stage-route-label { position:absolute; top:28px; left:26px; right:26px; display:flex; align-items:center; gap:10px; font-size:11px; z-index:2; }
.stage-route-label .icon { width:18px; height:18px; }
.partner-launch .stage-label small { max-width:150px; font-size:10px; line-height:1.6; }
.partner-launch .stage-label b { font-size:12px; }
.partner-launch .stage-label { right:-8px; max-width:220px; display:flex; gap:9px; align-items:center; }
.partner-launch .app-device-wrap { top:80px; }
/* Selectable vehicle bento. No invented capacity or weight limits. */
.vehicle-grid { display:grid; grid-template-columns:1fr .93fr 1fr; align-items:center; gap:24px; }
.vehicle-card { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; border:1px solid rgba(8,36,66,.09); border-radius:25px; background:var(--paper); padding:28px; overflow:hidden; transition:transform .55s var(--ease),border-color .3s,box-shadow .5s; }
.vehicle-card--two { min-height:410px; background:linear-gradient(150deg,#edf1f4,#f6f6f6); }
.vehicle-card--three { min-height:373px; background:var(--navy); color:var(--paper); }
.vehicle-card--four { min-height:435px; background:linear-gradient(130deg,#f2f2f2,#fff); }
.vehicle-card--four::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.04; background:url("assets/textures/fleet-wave.webp?v=44787f67cb8a") center/cover; }
.vehicle-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.vehicle-top h3 { font-size:26px; font-weight:500; line-height:1.4; }
.vehicle-chip { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--line); border-radius:50%; }
.vehicle-chip .icon { width:19px; height:19px; }
.vehicle-card--three .vehicle-chip { border-color:rgba(255,255,255,.2); }
.vehicle-illustration { position:relative; width:100%; aspect-ratio:2; margin:25px 0 20px; }
.vehicle-illustration .configured-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.vehicle-card p { font-size:14px; line-height:1.9; margin-bottom:24px; }
.vehicle-card--three p { color:rgba(242,242,242,.85); }
.vehicle-pick { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:auto; border:0; border-top:1px solid var(--line); background:transparent; padding:15px 0 0; min-height:47px; font-size:12px; line-height:1.6; text-align:left; color:inherit; }
.vehicle-pick .icon { width:18px; height:18px; transition:transform .35s; }
.vehicle-card--three .vehicle-pick { border-color:rgba(242,242,242,.2); }
.vehicle-pick:hover .icon { transform:translate(3px,-3px); }
.vehicle-card.is-selected { border-color:var(--blue); box-shadow:0 0 0 2px rgba(52,122,183,.18),0 25px 60px -48px var(--navy); }
.vehicle-disclaimer { max-width:790px; text-align:center; margin:30px auto 0; font-size:12px; line-height:1.8; }
.vehicle-art { width:100%; height:auto; overflow:visible; }
.vehicle-art .ground { stroke:currentColor; opacity:.16; stroke-width:1; }
.veh-fill { fill:var(--navy); stroke:var(--navy); stroke-width:2; stroke-linejoin:round; }
.veh-box { fill:#e5ebf0; stroke:var(--navy); stroke-width:1.6; }
.veh-stroke { fill:none; stroke:var(--navy); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.window { fill:var(--paper); }
.cargo-lines { fill:none; stroke:var(--navy); stroke-width:1; opacity:.35; }
.tyre { fill:var(--navy); stroke:var(--paper); stroke-width:2.3; }
.rim { fill:var(--paper); }
.spokes { stroke:var(--navy); stroke-width:1; transform-box:fill-box; transform-origin:center; }
.vehicle-card--three .veh-fill { fill:#7890a3; stroke:var(--paper); }
.vehicle-card--three .veh-box { fill:#f2f2f2; stroke:#f2f2f2; }
.vehicle-card--three .veh-stroke { stroke:#f2f2f2; }
html[data-motion="on"] .vehicle-chassis { animation:vehicle-idle 6s ease-in-out infinite; }
html[data-motion="on"] .vehicle-art .spokes { animation:wheel-turn 12s linear infinite; }
.vehicle-card:nth-child(2) .vehicle-chassis { animation-delay:-2s; }
.vehicle-card:nth-child(3) .vehicle-chassis { animation-delay:-4s; }
@keyframes vehicle-idle { 0%,100% { translate:0 0; } 50% { translate:0 -2px; } }
@keyframes wheel-turn { to { rotate:360deg; } }
.partner-launch .how-heading { display:grid; grid-template-columns:1.4fr 1fr; align-items:end; gap:70px; margin-bottom:45px; }
.partner-launch .how-heading p:not(.eyebrow) { font-size:15px; line-height:1.9; color:rgba(242,242,242,.8); max-width:400px; }
.partner-launch .how-heading .button { margin-top:20px; background:var(--paper); color:var(--navy); border-color:var(--paper); }
.partner-launch .step-card { min-height:285px; }
.partner-launch .step-card h3 { line-height:1.5; font-size:21px; }
.partner-launch .step-card p { font-size:14px; margin-top:12px; line-height:1.9; }
.partner-launch .how-footnote { display:flex; gap:9px; align-items:center; justify-content:center; margin-top:32px; font-size:12px; color:rgba(242,242,242,.8); }
.partner-launch .how-footnote .icon { width:17px; height:17px; }
/* Direct-payment receipt; no bank ticker, fixed rate or fabricated paid event. */
.partner-launch .payout-layout { grid-template-columns:1fr .98fr; gap:95px; align-items:center; }
.partner-launch .payout-copy>.section-lead { font-size:16px; }
.pay-highlights { display:flex; gap:35px; margin-top:30px; }
.pay-highlights>span { display:flex; flex-direction:column; gap:5px; font-size:13px; }
.pay-highlights>span+span { border-left:1px solid var(--line); padding-left:35px; }
.pay-highlights strong { font-family:"Chillax",Arial,sans-serif; font-size:42px; font-weight:500; letter-spacing:-.05em; line-height:1.15; }
.pay-rate-note { font-size:13px; margin-top:25px; line-height:1.9; }
.pay-cost-note { font-size:11px; line-height:1.9; margin-top:14px; max-width:480px; }
.payment-receipt { position:relative; isolation:isolate; min-width:0; background:linear-gradient(130deg,#f2f2f2,#fff); padding:32px; border:1px solid var(--line); border-radius:27px; box-shadow:0 26px 80px -57px rgba(8,36,66,.55); transform:translateY(var(--scroll-lift,0px)); }
.receipt-header { display:flex; align-items:center; gap:15px; padding-bottom:25px; border-bottom:1px solid var(--line); }
.receipt-icon { width:52px; height:52px; border-radius:17px; display:grid; place-items:center; background:var(--navy); color:var(--paper); flex:0 0 auto; }
.receipt-header h3 { font-size:21px; line-height:1.4; font-weight:500; }
.receipt-header p { font-size:12px; margin-top:5px; line-height:1.8; }
.receipt-route { display:flex; align-items:flex-start; gap:12px; padding:25px 0; }
.receipt-route>div { display:flex; flex-direction:column; align-items:center; flex:1; min-width:0; gap:10px; font-size:10px; text-align:center; }
.receipt-route>div>.icon { width:28px; height:28px; }
.receipt-route>.payout-flow-line { margin-top:13px; flex:.5; }
.receipt-items { margin:0; font-size:13px; }
.receipt-items>div { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding:15px 0; border-top:1px solid var(--line); }
.receipt-items dt { color:var(--muted); min-width:0; }
.receipt-items dd { font-weight:500; text-align:right; margin:0; max-width:50%; min-width:0; }
.receipt-items>div:not(:first-child) dd { font-size:18px; line-height:1.2; }
.receipt-total { display:flex; align-items:center; gap:15px; padding:20px; margin-top:15px; background:var(--navy); color:var(--paper); border-radius:15px; }
.receipt-total>.icon,.receipt-total>span .icon { width:31px; height:31px; }
.receipt-total small { display:block; opacity:.8; font-size:10px; line-height:1.6; }
.receipt-total strong { display:block; font-size:17px; font-weight:500; margin-top:4px; line-height:1.5; }
.receipt-fine { font-size:10px; margin-top:17px; line-height:1.9; }
.receipt-perforation { height:5px; background:radial-gradient(circle at center,rgba(8,36,66,.18) 1.8px,transparent 2.1px) center/11px 5px repeat-x; margin-top:22px; opacity:.6; }
/* Local-area motion is schematic: no unverified warehouse coordinates or numerical radius. */
.partner-launch .area-section { padding-top:10px; }
.area-panel { position:relative; isolation:isolate; display:grid; grid-template-columns:1.05fr 1fr; gap:35px; border:1px solid var(--line); border-radius:30px; padding:55px; background:var(--paper); overflow:hidden; }
.area-copy { min-width:0; }
.area-copy h2 { font-size:clamp(32px,3vw,42px); }
.area-copy .section-lead { font-size:15px; }
.area-copy .button { margin-top:26px; }
.area-note { font-size:11px; margin-top:18px; line-height:1.9; max-width:440px; }
.chosen-area { display:flex; gap:10px; flex-wrap:wrap; align-items:baseline; margin-top:22px; font-size:12px; }
.chosen-area>span { color:var(--muted); }
.chosen-area>strong { font-size:14px; font-weight:500; }
.area-visual { position:relative; width:100%; aspect-ratio:1.1; align-self:center; isolation:isolate; }
.area-grid { position:absolute; inset:10px; opacity:.1; background-image:linear-gradient(var(--navy) 1px,transparent 1px),linear-gradient(90deg,var(--navy) 1px,transparent 1px); background-size:40px 40px; mask-image:radial-gradient(ellipse at center,#000,transparent 67%); }
.radius-ring { position:absolute; border:1px dashed rgba(8,36,66,.17); border-radius:50%; }
.ring-one { inset:10%; }
.ring-two { inset:22%; border-style:solid; opacity:.65; }
.ring-three { inset:33%; border-style:solid; opacity:.5; }
html[data-motion="on"] .radius-ring { animation:local-breathe 9s ease-in-out infinite; }
.radius-ring.ring-two { animation-delay:-3s; }
.radius-ring.ring-three { animation-delay:-6s; }
.area-paths { position:absolute; inset:0; width:100%; height:100%; }
.area-paths .route-base { stroke:rgba(8,36,66,.2); stroke-width:1.3; stroke-dasharray:4 7; }
.area-route-beam { stroke:var(--navy); stroke-width:2.1; stroke-linecap:round; stroke-dasharray:.06 .94; }
html[data-motion="on"] .area-route-beam { animation:route-flow 8s linear infinite; }
.area-route-beam.second { animation-delay:-4s; }
.area-node { position:absolute; width:fit-content; max-width:120px; display:flex; flex-direction:column; align-items:center; gap:8px; font-size:11px; line-height:1.6; text-align:center; }
.area-node>.icon { box-sizing:content-box; padding:15px; width:28px; height:28px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 14px 28px -25px var(--navy); }
.node-warehouse { top:45%; left:7%; }
.node-warehouse>.icon { background:var(--navy); color:var(--paper); }
.node-dealer-one { top:18%; right:8%; }
.node-dealer-two { top:61%; right:4%; }
.area-partner { position:absolute; top:26%; left:41%; display:grid; place-items:center; width:47px; height:47px; border-radius:50%; color:var(--navy); background:var(--paper); border:1px solid var(--line); }
.area-partner .icon { width:25px; height:25px; }
html[data-motion="on"] .area-partner { animation:local-partner-float 7s ease-in-out infinite; }
.radius-caption { position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; gap:6px; align-items:center; justify-content:center; text-align:center; font-size:10px; width:85%; }
.radius-caption .icon { width:15px; height:15px; }
.area-illustration-label { position:absolute; width:100%; bottom:0; text-align:center; color:var(--muted); font-size:9px; }
@keyframes local-breathe { 0%,100% { scale:1; opacity:.4; } 50% { scale:1.04; opacity:.85; } }
@keyframes local-partner-float { 0%,100% { translate:0 0; } 50% { translate:6px -5px; } }
.partner-launch .faq-copy h2 { max-width:400px; }
.partner-launch .faq-answer p { font-size:14px; line-height:1.95; }
.partner-launch .faq-item summary { font-size:15px; }
.partner-launch .download-copy h2 { font-size:clamp(32px,3.5vw,46px); line-height:1.2; max-width:590px; }
.partner-launch .download-copy>p:not(.eyebrow) { max-width:480px; line-height:1.9; font-size:15px; }
.partner-launch .download-copy .store-links { margin-top:26px; }
.partner-launch .download-note { margin-top:18px; font-size:11px; line-height:1.8; }
.partner-launch .download-parcel { font-size:11px; line-height:1.6; gap:10px; }
.partner-launch .download-brand-fallback>p { font-size:33px; line-height:1.3; }
.partner-launch .footer-column>h2 { font-size:14px; }
.partner-launch .footer-column>a { font-size:12px; }
.partner-launch .footer-brand>p { max-width:170px; font-size:13px; }
.partner-launch .footer-social { width:42px; height:42px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.area-dialog { max-width:min(540px,calc(100vw - 32px)); padding:35px; }
.area-dialog>h2 { line-height:1.3; }
#area-form { margin-top:20px; }
#area-form label { display:block; font-size:13px; font-weight:500; margin:18px 0 7px; }
#area-form input,#area-form select { display:block; width:100%; min-height:50px; padding:12px 14px; font-size:14px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--navy); }
#area-form input[aria-invalid="true"] { border-color:#9c3434; }
#area-error { font-size:12px; line-height:1.7; margin-top:8px; color:#9c3434; }
#area-form .button { width:100%; margin-top:23px; }
/* Script shaping: keep brand type for Latin; readable local type without letter compression. */
html:not([lang="en"]) .partner-launch :is(h1,h2,h3,.mock-title) { letter-spacing:0; }
html:not([lang="en"]) .partner-launch .eyebrow { letter-spacing:.01em; }
html:not([lang="en"]) .partner-launch h1 { line-height:1.45; font-size:clamp(34px,4.2vw,57px); }
html:not([lang="en"]) .partner-launch h2 { line-height:1.5; }
html:not([lang="en"]) .partner-launch .hero-intro { margin-top:12px; line-height:1.9; }
html:not([lang="en"]) .partner-launch .mock-title { font-size:19px; line-height:1.65; }
html:not([lang="en"]) .partner-launch .hero-action>h2 { font-size:24px; }
html:not([lang="en"]) .partner-launch .mock-kicker { letter-spacing:0; line-height:1.9; }
html:not([lang="en"]) .partner-launch .vehicle-top h3 { font-size:24px; }
html:not([lang="en"]) .partner-launch .step-card { min-height:320px; }
html:not([lang="en"]) .partner-launch .primary-nav { gap:14px; }
html[lang="ta"] .partner-launch .primary-nav,html[lang="ml"] .partner-launch .primary-nav { gap:10px; }
html[lang="ta"] .partner-launch .primary-nav>a,html[lang="ml"] .partner-launch .primary-nav>a { font-size:11px; }
@media(min-width:1600px) { .partner-launch .hero { padding-top:45px; }.partner-launch .hero-layout { margin-top:22px; }.partner-launch .hero h1 { font-size:68px; } }
@media(max-width:1240px) { .partner-launch .primary-nav { gap:12px; }.partner-launch .primary-nav>a { font-size:11px; }.partner-launch .header-inner { gap:12px; }.location-control>span { max-width:85px; }.partner-launch .header-cta { padding-inline:12px; }.partner-launch .hero-action>h2 { font-size:25px; }.partner-launch .hero-layout { gap:15px; }.partner-launch .payout-layout { gap:50px; }.vehicle-card { padding:22px; }.area-panel { padding:40px; } }
@media(max-width:1120px) and (min-width:1024px) { .partner-launch .location-control { display:none; }.partner-launch .primary-nav { gap:18px; }.partner-launch .header-preferences { margin-left:0; } }
@media(max-width:1023px) {
 :root { --header-height:82px; --section-space:76px; }
 .partner-launch .header-inner { gap:12px; }
 .partner-launch .primary-nav { padding:14px 24px 20px; gap:0; }
 .partner-launch .primary-nav>a { font-size:15px; min-height:48px; }
 .partner-launch .hero { padding-top:28px; }
 .partner-launch .hero-layout { grid-template-columns:.95fr 1.6fr; gap:30px; }
 .partner-launch .hero-showcase { grid-column:2; grid-row:1 / span 2; }
 .partner-launch .hero-journey { grid-row:1; grid-column:1; align-self:end; margin:0; max-width:none; }
 .partner-launch .hero-action { grid-column:1; grid-row:2; text-align:left; margin:0; align-self:start; padding:0; }
 .partner-launch .hero-action>.eyebrow,.partner-launch .hero-action>h2,.partner-launch .hero-action>p { display:none; }
 .partner-launch .hero-action .hero-store-links { margin:0; }
 .partner-launch .hero-store-links .store-links { flex-direction:row; gap:8px; }
 .partner-launch .official-store img { height:45px; }
 .partner-launch .hero-action .text-link { margin-top:8px; }
 .hero-bottom-line { margin-top:14px; }
 .partner-launch .signal-grid { grid-template-columns:repeat(2,1fr); padding-block:23px; gap:19px; }
 .partner-launch .app-layout { gap:30px; }
 .partner-launch .app-tab { padding:11px 10px; font-size:12px; }
 .partner-launch .app-tab .tab-icon { display:none; }
 .stage-route-label { left:16px; right:16px; font-size:9px; gap:7px; }
 .stage-route-label .icon { width:16px; height:16px; }
 .partner-launch .stage-label { right:0; }
 .vehicle-grid { gap:16px; }
 .vehicle-card { padding:20px; }
 .vehicle-card--two,.vehicle-card--three,.vehicle-card--four { min-height:370px; }
 .vehicle-top h3 { font-size:22px; }
 .vehicle-chip { display:none; }
 .vehicle-card p { font-size:13px; }
 .vehicle-pick { font-size:11px; gap:8px; }
 .vehicle-illustration { margin-block:20px; }
 .partner-launch .how-heading { gap:30px; }
 .partner-launch .steps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 .partner-launch .step-card,html:not([lang="en"]) .partner-launch .step-card { min-height:265px; }
 .partner-launch .step-connector { display:none; }
 .partner-launch .payout-layout { gap:35px; }
 .payment-receipt { padding:24px; }
 .receipt-header { gap:12px; }
 .receipt-header h3 { font-size:19px; }
 .receipt-icon { width:42px; height:42px; border-radius:13px; }
 .receipt-items { font-size:12px; }
 .receipt-items>div { gap:15px; }
 .receipt-total { padding:15px; }
 .receipt-total strong { font-size:15px; }
 .area-panel { padding:35px; gap:15px; }
 .area-copy h2 { font-size:30px; }
 .area-node { font-size:10px; max-width:100px; }
 .area-node>.icon { padding:10px; width:22px; height:22px; border-radius:13px; }
 .area-partner { width:35px; height:35px; }
 .area-partner .icon { width:20px; height:20px; }
 .partner-launch .download-copy h2 { font-size:34px; }
}
@media(max-width:767px) {
 :root { --gutter:24px; --header-height:124px; --section-space:60px; }
 .partner-launch .header-inner { display:grid; grid-template-columns:1fr auto; gap:0 10px; min-height:var(--header-height); padding-bottom:10px; }
 .partner-launch .header-inner>.brand { width:120px; min-height:70px; padding:14px 20px; margin-left:-20px; }
 .partner-launch .header-inner>.brand img { width:85px; }
 .partner-launch .header-actions { grid-column:2; grid-row:1; }
 .partner-launch .header-cta { min-height:38px; font-size:12px; padding:8px 13px; }
 .partner-launch .header-cta>.icon { display:none; }
 .partner-launch .header-preferences { grid-row:2; grid-column:1 / -1; justify-content:space-between; margin:0; }
 .preference-control { min-height:36px; padding-block:6px; font-size:11px; max-width:60%; }
 .language-select { font-size:12px; max-width:115px; }
 .location-control>span { max-width:140px; }
 .partner-launch .primary-nav { top:calc(var(--header-height) - 1px); }
 .partner-launch .hero { padding-top:26px; padding-bottom:21px; }
 .partner-launch .hero h1 { font-size:clamp(31px,7.8vw,52px); line-height:1.18; letter-spacing:-.045em; }
 .partner-launch .hero-heading .eyebrow { font-size:9px; margin-bottom:15px; line-height:1.7; }
 .partner-launch .hero-intro { font-size:14px; line-height:1.9; margin-top:20px; max-width:540px; }
 .hero-promises { gap:9px 13px; margin-top:18px; }
 .hero-promises>span { font-size:10px; gap:5px; }
 .hero-promises b { font-size:14px; }
 .hero-promises i { height:12px; }
 .hero-promises .icon { width:14px; height:14px; }
 .partner-launch .hero-layout { display:flex; flex-direction:column; gap:0; margin-top:22px; }
 .partner-launch .hero-showcase { order:0; max-width:540px; width:100%; height:405px; }
 .partner-launch .hero-devices { transform:translateX(-50%) scale(.77); top:-24px; }
 .partner-launch .hero-showcase::after { bottom:42px; }
 .partner-launch .hero-journey { display:none; }
 .partner-launch .hero-action { order:1; width:100%; max-width:none; text-align:center; }
 .partner-launch .hero-store-links .store-links { flex-direction:row; justify-content:center; gap:10px; }
 .partner-launch .hero-action .text-link { justify-content:center; font-size:12px; }
 .partner-launch .floating-parcel { right:0; bottom:84px; max-width:180px; padding:10px 12px; }
 .partner-launch .floating-parcel>span { font-size:9px; }
 .hero-bottom-line { font-size:10px; gap:6px; margin-top:15px; }
 .hero-bottom-line .icon { width:17px; height:17px; }
 .partner-launch .signal-grid { gap:17px 22px; }
 .partner-launch .signal-grid>span { justify-content:flex-start; font-size:11px; gap:9px; }
 .partner-launch .signal-grid .icon { width:19px; height:19px; }
 .partner-launch .app-layout { display:flex; flex-direction:column; gap:35px; }
 .partner-launch .app-copy { width:100%; }
 .partner-launch .app-copy>h2 { font-size:34px; }
 .partner-launch .section-lead { font-size:15px; line-height:1.95; margin-top:18px; }
 .partner-launch .app-tablist { margin-top:25px; width:100%; display:flex; }
 .partner-launch .app-tab { flex:1; font-size:13px; padding:12px 8px; justify-content:center; }
 .partner-launch .app-tab .tab-icon { display:inline-grid; }
 .partner-launch .app-panels { min-height:0; }
 .partner-launch .app-panel h3 { font-size:20px; }
 .partner-launch .app-panel p { font-size:14px; }
 .partner-launch .app-stage { width:100%; max-width:530px; margin:auto; height:545px; }
 .partner-launch .stage-label { bottom:80px; }
 .stage-route-label { top:25px; font-size:11px; }
 .partner-launch .app-device-wrap { top:70px; }
 .vehicle-grid { grid-template-columns:1fr; gap:18px; }
 .vehicle-card,.vehicle-card--two,.vehicle-card--three,.vehicle-card--four { min-height:0; padding:24px; }
 .vehicle-top h3 { font-size:25px; }
 .vehicle-chip { display:grid; }
 .vehicle-illustration { max-width:330px; margin:13px auto 10px; }
 .vehicle-card p { font-size:14px; margin-bottom:18px; max-width:480px; }
 .vehicle-pick { font-size:13px; }
 .vehicle-disclaimer { font-size:11px; margin-top:24px; }
 .partner-launch .section-heading { margin-bottom:30px; }
 .partner-launch .section-heading>h2 { font-size:34px; }
 .partner-launch .section-heading>p:not(.eyebrow) { font-size:14px; line-height:1.9; }
 .partner-launch .how-heading { grid-template-columns:1fr; gap:20px; margin-bottom:30px; }
 .partner-launch .how-heading h2 { font-size:34px; }
 .partner-launch .how-heading p:not(.eyebrow) { font-size:14px; max-width:none; }
 .partner-launch .how-heading .button { margin-top:15px; }
 .partner-launch .steps-grid { gap:16px; }
 .partner-launch .step-card,html:not([lang="en"]) .partner-launch .step-card { padding:21px 18px; min-height:275px; }
 .partner-launch .step-card h3 { font-size:19px; }
 .partner-launch .step-card p { font-size:13px; }
 .partner-launch .step-card__top { margin-bottom:20px; }
 .partner-launch .step-icon { width:44px; height:44px; border-radius:13px; }
 .partner-launch .step-icon .icon { width:23px; height:23px; }
 .partner-launch .how-footnote { font-size:10px; align-items:flex-start; line-height:1.9; }
 .partner-launch .how-footnote .icon { margin-top:3px; }
 .partner-launch .payout-layout { display:flex; flex-direction:column; align-items:stretch; gap:35px; }
 .partner-launch .payout-copy>h2 { font-size:34px; }
 .partner-launch .payout-copy>.section-lead { font-size:15px; }
 .payment-receipt { padding:25px; }
 .receipt-header h3 { font-size:22px; }
 .receipt-items { font-size:13px; }
 .receipt-total strong { font-size:18px; }
 .area-panel { grid-template-columns:1fr; padding:28px 23px; gap:32px; border-radius:24px; }
 .area-copy h2 { font-size:30px; }
 .area-copy .section-lead { font-size:14px; }
 .area-copy>.eyebrow { font-size:10px; line-height:1.8; }
 .area-note { font-size:11px; }
 .area-visual { max-width:430px; margin:auto; }
 .area-node { font-size:11px; }
 .partner-launch .faq-layout { display:block; }
 .partner-launch .faq-copy { margin-bottom:25px; }
 .partner-launch .faq-copy h2 { font-size:34px; max-width:none; }
 .partner-launch .faq-item summary { font-size:14px; min-height:86px; gap:11px; }
 .partner-launch .faq-answer { padding:0 18px 24px 54px; }
 .partner-launch .faq-answer p { font-size:13px; }
 .partner-launch .faq-icon { width:35px; height:35px; flex-basis:35px; border-radius:11px; }
 .partner-launch .faq-icon .icon { width:18px; height:18px; }
 .partner-launch .faq-toggle { width:28px; height:28px; flex-basis:28px; }
 .partner-launch .download-copy h2 { font-size:33px; max-width:none; }
 .partner-launch .download-copy>p:not(.eyebrow) { font-size:14px; }
 .partner-launch .download-card { padding:34px 25px 0; border-radius:26px; }
 .partner-launch .download-copy .store-links { justify-content:flex-start; }
 .partner-launch .download-visual { margin-top:30px; height:340px; }
 .partner-launch .download-note { font-size:10px; }
 .partner-launch .download-brand-fallback>p { font-size:27px; }
 .partner-launch .footer-brand>p { max-width:170px; font-size:12px; }
 .partner-launch .footer-contact>a { font-size:12px; }
 .area-dialog { padding:28px; }
 html:not([lang="en"]) .partner-launch h1 { font-size:clamp(28px,7vw,44px); line-height:1.6; }
 html:not([lang="en"]) .partner-launch .hero-intro { font-size:14px; margin-top:10px; }
 html:not([lang="en"]) .partner-launch .hero-promises { gap:10px; }
 html:not([lang="en"]) .partner-launch .hero-promises>span { font-size:10px; }
 html:not([lang="en"]) .partner-launch .hero-promises i { display:none; }
 html:not([lang="en"]) .partner-launch h2 { font-size:30px; }
 html:not([lang="en"]) .partner-launch .app-tab { font-size:12px; }
 html:not([lang="en"]) .partner-launch .app-tab .tab-icon { display:none; }
 html:not([lang="en"]) .partner-launch .step-card h3 { font-size:18px; }
}
@media(max-width:479px) {
 .partner-launch .official-store img { height:43px; }
 .partner-launch .hero-showcase { height:353px; }
 .partner-launch .hero-devices { transform:translateX(-50%) scale(.65); top:-50px; }
 .partner-launch .showcase-rings { width:300px; height:270px; top:44%; }
 .partner-launch .hero-route { top:8px; width:112%; }
 .partner-launch .floating-parcel { bottom:59px; right:-3px; }
 .partner-launch .mockup-caption { bottom:20px; }
 .hero-bottom-line { flex-wrap:wrap; }
 .partner-launch .steps-grid { grid-template-columns:1fr; }
 .partner-launch .step-card,html:not([lang="en"]) .partner-launch .step-card { min-height:0; display:grid; grid-template-columns:auto 1fr; column-gap:17px; padding:23px; }
 .partner-launch .step-card__top { grid-column:1; grid-row:1 / span 2; margin:0; }
 .partner-launch .step-card h3 { grid-column:2; font-size:19px; }
 .partner-launch .step-card p { grid-column:2; margin-top:7px; font-size:13px; }
 .partner-launch .app-stage { height:510px; }
 .partner-launch .app-device-wrap { top:65px; }
 .partner-launch .app-stage .device { transform:scale(.9); transform-origin:top center; }
 .partner-launch .stage-label { bottom:68px; max-width:160px; padding:11px; }
 .partner-launch .stage-label b { font-size:10px; }
 .partner-launch .stage-label small { font-size:8px; }
 .partner-launch .stage-label>.icon,.partner-launch .stage-label>span>.icon { width:18px; height:18px; }
 .partner-launch .payout-copy>.eyebrow { font-size:10px; }
 .receipt-header h3 { font-size:20px; }
 .receipt-total strong { font-size:16px; }
 .partner-launch .download-card .official-store img { height:40px; }
 .partner-launch .download-copy .store-links { gap:9px; }
 .partner-launch .footer-main { column-gap:22px; }
}
@media(max-width:359px) {
 :root { --gutter:18px; }
 .partner-launch .hero h1 { font-size:29px; }
 .location-control>span { max-width:108px; }
 .language-select { max-width:91px; }
 .partner-launch .hero-promises>span { font-size:9px; }
 .partner-launch .hero-devices { transform:translateX(-50%) scale(.58); top:-61px; }
 .partner-launch .hero-showcase { height:320px; }
 .partner-launch .hero-route { top:0; }
 .partner-launch .hero-bottom-line { font-size:9px; }
 .partner-launch .official-store img { height:40px; }
 .partner-launch .download-card { padding:28px 20px 0; }
 .partner-launch .download-card .official-store img { height:36px; }
 .partner-launch .download-copy .store-links { gap:7px; }
 .payment-receipt { padding:20px; }
 .area-panel { padding:25px 19px; }
 .area-dialog { padding:26px 22px; }
 html:not([lang="en"]) .partner-launch h1 { font-size:27px; }
 html:not([lang="en"]) .partner-launch h2 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.partner-launch *, .partner-launch *::before,.partner-launch *::after { animation:none!important; transition:none!important; }.partner-launch .reveal-ready { opacity:1!important; transform:none!important; } }
@media print { .header-preferences,.header-actions,.primary-nav,.hero-showcase,.area-visual,.download-visual,.store-links,.vehicle-pick,.reading-rail { display:none!important; }.partner-launch .hero-layout,.partner-launch .vehicle-grid,.partner-launch .payout-layout { display:block; }.partner-launch .reveal-ready { opacity:1!important; transform:none!important; }.partner-launch .section { padding-block:24px; } }
/* Screen content owns its spacing (the previous fallback padding must not stack). */
.partner-launch .device-screen__fallback { padding:0!important; height:100%; }
.partner-launch .local-screen { height:100%; min-height:0; padding:16px 14px 17px; }
.partner-launch .local-screen .screen-topline { flex:0 0 auto; padding-top:20px; margin-bottom:16px; }
.partner-launch .mock-title { flex:0 0 auto; }
.partner-launch .mock-footer { font-size:8px; line-height:1.5; padding-top:13px; }
.partner-launch .mock-bottom { font-size:8px; padding-top:10px; }
.partner-launch .screen-zero { margin-top:14px; font-size:92px; }
.partner-launch .mock-info { margin-top:14px; }
.partner-launch .app-device-wrap { position:absolute; left:50%; top:60px; width:230px; height:460px; transform:translateX(-50%); z-index:3; }
.partner-launch .app-device-depth { transform:perspective(1000px) translate3d(var(--depth-x,0px),var(--depth-y,0px),0) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg)); }
.partner-launch .app-device-wrap .device { animation:phone-float 8s ease-in-out infinite; box-shadow:1px 1px 0 2px rgba(8,36,66,.55),18px 30px 46px -26px rgba(8,36,66,.48),inset 1px 1px 0 rgba(255,255,255,.8); }
.partner-launch .stage-backdrop { position:absolute; inset:28px 0 30px 15px; z-index:-2; background:var(--paper); border:1px solid var(--line); border-radius:30px; overflow:hidden; }
.partner-launch .stage-pattern { position:absolute; inset:30px 2px 32px 17px; z-index:-1; border-radius:28px; opacity:.12; background:url("assets/textures/app-stage-wave.webp?v=7492c4cb75bb") center/cover; transform:translateY(var(--image-shift,0px)); }
.partner-launch .stage-route-label { top:6px; justify-content:center; }
.partner-launch .app-stage-caption { position:absolute; bottom:-18px; left:0; width:100%; text-align:center; font-size:10px; }
html:not([lang="en"]) .partner-launch .screen-zero { font-size:80px; margin-block:11px 1px; }
html:not([lang="en"]) .partner-launch .local-screen .mock-title { font-size:18px; line-height:1.65; }
html:not([lang="en"]) .partner-launch .local-screen .mock-info { padding:10px 9px; }
html:not([lang="en"]) .partner-launch .local-screen .mock-info b { font-size:9px; }
html:not([lang="en"]) .partner-launch .local-screen .mock-info small { font-size:7px; }
@media(max-width:1023px) and (min-width:768px) { .partner-launch .app-device-wrap { transform:translateX(-50%) scale(.88); top:50px; transform-origin:top center; }.partner-launch .stage-label { bottom:65px; } }
@media(max-width:767px) { .partner-launch .app-device-wrap { top:58px; }.partner-launch .stage-backdrop { inset:28px 0 23px; }.partner-launch .stage-pattern { inset:30px 2px 25px; } }
@media(max-width:479px) { .partner-launch .app-device-wrap { top:58px; }.partner-launch .stage-label { bottom:62px; } }
/* Shared document pages retain a compact header; only the landing has preference controls. */
.document-page .header-inner { display:flex; }
.document-page .header-actions { margin-left:auto; }
@media(max-width:767px){.document-page{--header-height:76px;}.document-page .header-inner{min-height:76px;padding-bottom:0;}.document-page .header-inner>.brand{min-height:70px;}.document-page .primary-nav{top:76px;}}
.noscript-languages{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:16px 24px 28px;background:var(--paper);font-family:"Nirmala UI",sans-serif;font-size:14px;}.noscript-languages a{text-decoration:underline;text-underline-offset:4px;}

/* Keep the conceptual screen's local-area label clear of the rounded home edge. */
.partner-launch .mini-route{height:70px;flex:0 0 70px;}
.partner-launch .mock-task>div{min-width:0;}
.partner-launch .mock-product{margin-top:10px;}

/* =========================================================
   PARTNER V2 — premium recruitment storytelling
   ========================================================= */
.delivery-world { position:relative; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); }
.delivery-world::before { content:""; position:absolute; width:560px; height:560px; right:-220px; top:-250px; border:1px solid rgba(8,36,66,.055); border-radius:50%; box-shadow:0 0 0 45px rgba(8,36,66,.018),0 0 0 95px rgba(8,36,66,.012); pointer-events:none; }
.delivery-world__head { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:end; margin-bottom:42px; }
.delivery-world__head h2 { max-width:690px; }
.delivery-world__head>p { max-width:460px; font-size:15px; line-height:1.9; }
.delivery-world__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.delivery-point-card { min-width:0; min-height:245px; padding:24px 22px; border:1px solid rgba(8,36,66,.09); border-radius:22px; background:rgba(255,255,255,.82); backdrop-filter:blur(12px); transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .35s; }
.delivery-point-card:hover { transform:translateY(-7px); border-color:rgba(52,122,183,.32); box-shadow:0 26px 55px -42px rgba(8,36,66,.55); }
.delivery-point-card__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:var(--paper); color:var(--navy); margin-bottom:42px; transition:transform .5s var(--ease),background .35s,color .35s; }
.delivery-point-card:hover .delivery-point-card__icon { transform:rotate(-4deg) translateY(-3px); background:var(--navy); color:var(--paper); }
.delivery-point-card__icon .icon { width:23px; height:23px; }
.delivery-point-card small { display:block; margin-bottom:7px; font-size:8px; letter-spacing:.13em; color:rgba(8,36,66,.53); font-weight:600; }
.delivery-point-card h3 { font-size:19px; line-height:1.4; font-weight:500; }
.delivery-point-card p { margin-top:9px; font-size:12px; line-height:1.75; }
.delivery-world__promise { display:grid; grid-template-columns:.88fr 1px 1.12fr; gap:34px; align-items:center; margin-top:18px; padding:26px 30px; border-radius:22px; background:var(--navy); color:var(--paper); overflow:hidden; position:relative; }
.delivery-world__promise::after { content:""; position:absolute; width:290px; height:290px; right:-115px; top:-130px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 62px rgba(255,255,255,.018); }
.promise-stat { display:flex; align-items:center; gap:18px; min-width:0; }
.promise-stat__icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.2); }
.promise-stat__icon .icon { width:22px; height:22px; }
.promise-stat strong { display:block; font-size:31px; line-height:1; font-weight:500; letter-spacing:-.04em; }
.promise-stat span:not(.promise-stat__icon) { display:block; margin-top:7px; font-size:11px; line-height:1.6; color:rgba(242,242,242,.72); }
.promise-divider { width:1px; height:52px; background:rgba(255,255,255,.14); }
.promise-copy { position:relative; z-index:2; }
.promise-copy__eyebrow { display:block; margin-bottom:8px; font-size:8px; font-weight:600; letter-spacing:.14em; opacity:.66; }
.promise-copy p { color:rgba(242,242,242,.84); font-size:13px; line-height:1.85; }
.promise-copy b { color:var(--paper); font-weight:600; }

/* Upgraded vehicle bento */
.vehicle-grid { align-items:stretch; }
.vehicle-card { min-height:500px !important; padding:28px 28px 24px; border-radius:28px; box-shadow:0 18px 50px -46px rgba(8,36,66,.45); }
.vehicle-card--two { background:linear-gradient(145deg,#f5f7f9 0%,#edf2f5 100%); }
.vehicle-card--three { background:linear-gradient(145deg,#0b3158 0%,#082442 74%); box-shadow:0 26px 60px -42px rgba(8,36,66,.75); }
.vehicle-card--four { background:linear-gradient(145deg,#f9fafb 0%,#eef1f4 100%); }
.vehicle-card:hover { transform:translateY(-8px); box-shadow:0 30px 64px -44px rgba(8,36,66,.55); }
.vehicle-class-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:7px; }
.vehicle-class-label span { font-size:8px; letter-spacing:.13em; font-weight:600; opacity:.5; }
.vehicle-class-label small { font-size:8px; letter-spacing:.06em; opacity:.58; }
.vehicle-card--three .vehicle-class-label { color:rgba(242,242,242,.78); }
.vehicle-illustration { aspect-ratio:1.78; margin:23px 0 14px; }
.vehicle-art { width:100%; max-height:210px; }
.vehicle-art .road-shadow { fill:rgba(8,36,66,.07); filter:blur(2px); }
.vehicle-art .ground { stroke:currentColor; opacity:.11; }
.vehicle-detail .outline,.vehicle-detail .detail-line,.vehicle-detail .mirror { fill:none; stroke:var(--navy); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.vehicle-detail .detail-line { stroke-width:1.35; opacity:.38; }
.vehicle-detail .body-fill,.vehicle-detail .cab-fill { fill:var(--navy); stroke:var(--navy); stroke-width:1.8; }
.vehicle-detail .cargo-shell { fill:#f4f7f9; stroke:var(--navy); stroke-width:1.8; }
.vehicle-detail .cargo-roof,.vehicle-detail .cargo-lid { fill:var(--navy); }
.vehicle-detail .cargo-box { fill:#eef3f6; stroke:var(--navy); stroke-width:1.8; }
.vehicle-detail .cross { fill:none; stroke:var(--blue); stroke-width:2.3; stroke-linecap:round; }
.vehicle-detail .seat-fill { fill:var(--navy); }
.vehicle-detail .window { fill:#dfe8ef; stroke:var(--navy); stroke-width:1.4; }
.vehicle-detail .bumper { fill:var(--navy); }
.vehicle-detail .light { fill:var(--blue); stroke:var(--navy); stroke-width:1.2; }
.vehicle-wheel .tyre { fill:var(--navy); stroke:none; }
.vehicle-wheel .rim { fill:#edf2f5; stroke:var(--navy); stroke-width:1.2; }
.vehicle-wheel .hub { fill:var(--navy); }
.vehicle-wheel .spokes { stroke:var(--navy); stroke-width:1; opacity:.75; transform-box:fill-box; transform-origin:center; }
.vehicle-card--three .vehicle-detail .outline,.vehicle-card--three .vehicle-detail .detail-line,.vehicle-card--three .vehicle-detail .mirror { stroke:var(--paper); }
.vehicle-card--three .vehicle-detail .body-fill,.vehicle-card--three .vehicle-detail .cab-fill { fill:#83a0b9; stroke:var(--paper); }
.vehicle-card--three .vehicle-detail .cargo-shell { fill:#f2f2f2; stroke:#f2f2f2; }
.vehicle-card--three .vehicle-detail .cargo-roof,.vehicle-card--three .vehicle-detail .cargo-lid { fill:#f2f2f2; }
.vehicle-card--three .vehicle-detail .window { fill:#6e879d; stroke:var(--paper); }
.vehicle-card--three .vehicle-detail .bumper { fill:#f2f2f2; }
.vehicle-card--three .vehicle-detail .light { fill:#347ab7; stroke:#f2f2f2; }
.vehicle-card--three .vehicle-wheel .tyre { fill:#f2f2f2; }
.vehicle-card--three .vehicle-wheel .rim { fill:#082442; stroke:#f2f2f2; }
.vehicle-card--three .vehicle-wheel .hub { fill:#f2f2f2; }
.vehicle-card--three .vehicle-wheel .spokes { stroke:#f2f2f2; }
.vehicle-micro { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.vehicle-micro span { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(8,36,66,.1); border-radius:999px; font-size:8.5px; line-height:1.2; color:rgba(8,36,66,.7); }
.vehicle-micro .icon { width:13px; height:13px; }
.vehicle-card--three .vehicle-micro span { border-color:rgba(242,242,242,.17); color:rgba(242,242,242,.75); }
html[data-motion="on"] .vehicle-art { animation:vehicle-float-v2 5.8s ease-in-out infinite; }
html[data-motion="on"] .vehicle-card:nth-child(2) .vehicle-art { animation-delay:-1.8s; }
html[data-motion="on"] .vehicle-card:nth-child(3) .vehicle-art { animation-delay:-3.5s; }
@keyframes vehicle-float-v2 { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }

.pay-highlights { flex-wrap:wrap; }
.pay-highlights>span { min-width:105px; }

@media(max-width:1199px){
 .delivery-world__head { gap:50px; }
 .delivery-world__grid { grid-template-columns:repeat(3,1fr); }
 .delivery-point-card:nth-child(4),.delivery-point-card:nth-child(5){ min-height:215px; }
}
@media(max-width:820px){
 .delivery-world__head { grid-template-columns:1fr; gap:20px; margin-bottom:30px; }
 .delivery-world__head>p { max-width:620px; }
 .delivery-world__grid { grid-template-columns:repeat(2,1fr); }
 .delivery-world__promise { grid-template-columns:1fr; gap:20px; }
 .promise-divider { width:100%; height:1px; }
 .vehicle-card { min-height:0!important; }
}
@media(max-width:520px){
 .delivery-world__grid { grid-template-columns:1fr; }
 .delivery-point-card { min-height:0; display:grid; grid-template-columns:48px 1fr; gap:16px; padding:18px; }
 .delivery-point-card__icon { margin:0; }
 .delivery-world__promise { padding:22px; }
 .promise-stat strong { font-size:27px; }
 .vehicle-card { padding:22px 20px 20px; border-radius:23px; }
 .vehicle-art { max-height:175px; }
 .vehicle-class-label { align-items:flex-start; }
}


/* CREATIVE V3 — pickup/drop icons, branded vehicles and multi-vehicle route network */
.delivery-point-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(248,251,253,.92));}
.delivery-point-card::after{content:"";position:absolute;z-index:-1;right:-34px;top:-38px;width:126px;height:126px;border-radius:50%;border:1px solid rgba(8,36,66,.045);box-shadow:0 0 0 24px rgba(52,122,183,.018),0 0 0 48px rgba(8,36,66,.012);transition:transform .7s var(--ease),opacity .5s;}
.delivery-point-card:hover::after{transform:scale(1.12) translate(-5px,5px);opacity:.9}
.delivery-point-card__icon{width:54px;height:54px;border-radius:17px;border:1px solid rgba(8,36,66,.07);box-shadow:0 14px 28px -24px rgba(8,36,66,.5);}
.delivery-point-card__icon .icon{width:27px;height:27px;stroke-width:1.55}
.delivery-point-card--surgical .delivery-point-card__icon{background:linear-gradient(145deg,#f4f7f9,#eaf0f4)}
.delivery-point-card--medical .delivery-point-card__icon{background:linear-gradient(145deg,#edf5fb,#e4eef5)}
.delivery-point-card--pharmacy .delivery-point-card__icon{background:linear-gradient(145deg,#f3f7f4,#e8f0ed)}
.delivery-point-card--hospital .delivery-point-card__icon{background:linear-gradient(145deg,#0f385f,#082442);color:#f2f2f2}
.delivery-point-card--home .delivery-point-card__icon{background:linear-gradient(145deg,#f5f5f5,#ececec)}
.delivery-point-card--hospital:hover .delivery-point-card__icon{background:#f2f2f2;color:var(--navy)}

.vehicle-card{border-color:rgba(8,36,66,.1);}
.vehicle-illustration{min-height:225px;display:grid;place-items:center;position:relative;margin:6px -4px 12px;}
.vehicle-art--v3{width:100%;max-height:224px;filter:drop-shadow(0 16px 20px rgba(8,36,66,.08));}
.vehicle-art--v3 .premium-panel{stroke-width:1.8}
.vehicle-art--v3 .brand-accent{fill:#347ab7;opacity:.12;stroke:none}
.vehicle-art--v3 .veh-brand-mark{overflow:visible}
.vehicle-art--v3 .cargo-rib,.vehicle-art--v3 .frame-line,.vehicle-art--v3 .fork-line,.vehicle-art--v3 .hood-line,.vehicle-art--v3 .rear-rack,.vehicle-art--v3 .front-fender,.vehicle-art--v3 .rear-fender,.vehicle-art--v3 .handle,.vehicle-art--v3 .step{fill:none;stroke:#082442;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vehicle-art--v3 .tank-fill{fill:#0d3156;stroke:#082442;stroke-width:1.8}
.vehicle-art--v3 .seat-fill{fill:#082442;stroke:#082442;stroke-width:1.5}
.vehicle-art--v3 .cargo-box{fill:#f2f2f2;stroke:#082442;stroke-width:1.8}
.vehicle-art--v3 .cargo-lid{fill:#082442;stroke:#082442}
.vehicle-art--v3 .medical-cross{fill:none;stroke:#347ab7;stroke-width:2.2}
.vehicle-art--v3 .headlamp{fill:#347ab7;stroke:#082442;stroke-width:1.6}
.vehicle-art--v3 .mirror,.vehicle-art--v3 .door-handle,.vehicle-art--v3 .window-split{fill:none;stroke:#082442;stroke-width:1.7;stroke-linecap:round}
.vehicle-art--v3 .rim-ring{fill:none;stroke:#347ab7;stroke-width:1.5;opacity:.9}
.vehicle-card--three .vehicle-art--v3 .cargo-shell{fill:#f2f2f2;stroke:#f2f2f2}
.vehicle-card--three .vehicle-art--v3 .brand-accent{fill:#347ab7;opacity:.18}
.vehicle-card--three .vehicle-art--v3 .cargo-rib{stroke:#8fa6ba;opacity:.65}
.vehicle-card--three .vehicle-art--v3 .cab-fill{fill:#7892a8;stroke:#f2f2f2}
.vehicle-card--three .vehicle-art--v3 .cab-nose{fill:#7892a8;stroke:#f2f2f2;stroke-width:1.8}
.vehicle-card--three .vehicle-art--v3 .window{fill:#496a86;stroke:#f2f2f2}
.vehicle-card--three .vehicle-art--v3 .door-line,.vehicle-card--three .vehicle-art--v3 .door-handle,.vehicle-card--three .vehicle-art--v3 .mirror,.vehicle-card--three .vehicle-art--v3 .step{stroke:#f2f2f2}
.vehicle-card--three .vehicle-art--v3 .light{fill:#347ab7;stroke:#f2f2f2}
.vehicle-card--three .vehicle-art--v3 .veh-brand-mark path{fill:#082442}
.vehicle-card--four .vehicle-art--v3 .cargo-shell{fill:#f6f7f8;stroke:#082442;stroke-width:1.8}
.vehicle-card--four .vehicle-art--v3 .cargo-rib{stroke:#8fa0ae;opacity:.7}
.vehicle-card--four .vehicle-art--v3 .cab-fill{fill:#0f355c;stroke:#082442}
.vehicle-card--four .vehicle-art--v3 .window{fill:#e8eef2;stroke:#082442}
.vehicle-class-label{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid rgba(8,36,66,.09);padding-bottom:12px;margin-bottom:4px}
.vehicle-card--three .vehicle-class-label{border-bottom-color:rgba(242,242,242,.15)}
.vehicle-class-label span{font-size:8px;letter-spacing:.13em;font-weight:650}.vehicle-class-label small{font-size:7px;letter-spacing:.09em;opacity:.56;text-align:right}
.vehicle-card:hover .vehicle-art--v3{filter:drop-shadow(0 20px 24px rgba(8,36,66,.13))}
.vehicle-card:hover .vehicle-art--v3 .brand-accent{opacity:.23}

.area-visual--network{aspect-ratio:1.08;min-height:420px;border-radius:36px;background:radial-gradient(circle at 48% 49%,rgba(52,122,183,.08),transparent 30%),linear-gradient(145deg,#fbfcfd,#f2f5f8);border:1px solid rgba(8,36,66,.08);box-shadow:0 34px 70px -58px rgba(8,36,66,.5);overflow:hidden}
.area-visual--network .area-grid{opacity:.34;background-image:linear-gradient(rgba(8,36,66,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,66,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000 20%,transparent 74%)}
.network-halo,.network-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.network-halo.halo-a{width:68%;height:68%;background:radial-gradient(circle,rgba(52,122,183,.08),rgba(52,122,183,.01) 55%,transparent 72%)}
.network-halo.halo-b{width:36%;height:36%;background:radial-gradient(circle,rgba(8,36,66,.05),transparent 70%)}
.network-orbit{border:1px dashed rgba(8,36,66,.12)}.orbit-a{width:72%;height:72%}.orbit-b{width:46%;height:46%;border-style:solid;border-color:rgba(52,122,183,.12)}
html[data-motion="on"] .orbit-a{animation:network-spin 24s linear infinite}html[data-motion="on"] .orbit-b{animation:network-spin-rev 18s linear infinite}
.network-paths{position:absolute;inset:4% 1% 6%;width:98%;height:90%;overflow:visible}.network-paths .route-base{stroke:rgba(8,36,66,.13);stroke-width:1.35;stroke-dasharray:2 7}.network-paths .area-route-beam{stroke:#347ab7;stroke-width:2.25;stroke-dasharray:.08 .92;stroke-linecap:round}.network-paths .route-two{stroke:#082442;opacity:.62}.network-paths .route-three{stroke:#347ab7;opacity:.8}
.network-vehicle{filter:drop-shadow(0 5px 5px rgba(8,36,66,.16))}.vehicle-chip-bg{fill:#fff;stroke:rgba(8,36,66,.13);stroke-width:1}.nv-wheel{fill:#082442}.nv-line{fill:none;stroke:#082442;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nv-box,.nv-fill{fill:#347ab7;stroke:#082442;stroke-width:1.2}
html[data-motion="off"] .network-vehicle{display:none}.network-vehicle--auto .vehicle-chip-bg{fill:#082442}.network-vehicle--auto .nv-wheel{fill:#f2f2f2}.network-vehicle--auto .nv-line{stroke:#f2f2f2}.network-vehicle--auto .nv-fill{fill:#7892a8;stroke:#f2f2f2}
.area-node{z-index:5;min-width:104px;position:absolute}.area-node .icon{position:relative;z-index:2}.area-node .node-pulse{position:absolute;left:21px;top:21px;width:12px;height:12px;border-radius:50%;background:rgba(52,122,183,.18);transform:translate(-50%,-50%);z-index:0}.area-node.node-pickup{left:0;top:43%}.area-node.node-drop-one{right:2%;top:10%}.area-node.node-drop-two{right:-1%;top:43%}.area-node.node-drop-three{right:3%;bottom:9%}
html[data-motion="on"] .area-node .node-pulse{animation:node-pulse 2.4s ease-out infinite}.node-drop-two .node-pulse{animation-delay:-.8s!important}.node-drop-three .node-pulse{animation-delay:-1.6s!important}
.network-legend{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);display:flex;gap:8px;padding:7px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(8,36,66,.08);backdrop-filter:blur(12px);box-shadow:0 12px 30px -24px rgba(8,36,66,.45);z-index:4}.network-legend span{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:650;letter-spacing:.08em;color:var(--navy)}.network-legend .icon{width:14px;height:14px}
@keyframes node-pulse{0%{box-shadow:0 0 0 0 rgba(52,122,183,.24)}75%,100%{box-shadow:0 0 0 20px rgba(52,122,183,0)}}@keyframes network-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes network-spin-rev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:767px){.area-visual--network{min-height:360px;border-radius:28px}.network-paths{inset:5% -3% 8%;width:106%;height:87%}.area-node{transform:scale(.88)}.area-node.node-pickup{left:-9px}.area-node.node-drop-one{right:-6px}.area-node.node-drop-two{right:-11px}.area-node.node-drop-three{right:-5px}.network-legend{bottom:49px}.vehicle-illustration{min-height:190px}.vehicle-art--v3{max-height:188px}}


/* LML Creative V4 refinements */
.delivery-point-card{box-shadow:0 10px 24px -20px rgba(8,36,66,.16)}
.delivery-point-card__icon{position:relative;overflow:hidden}
.delivery-point-card__icon::after{content:"";position:absolute;inset:auto -8px -10px auto;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(52,122,183,.2),rgba(52,122,183,0));pointer-events:none}
.delivery-point-card__icon .icon{width:28px;height:28px;stroke-width:1.7}
.delivery-point-card h3{font-size:20px;letter-spacing:-.02em}
.delivery-point-card p{font-size:12.5px;color:rgba(8,36,66,.72)}
.vehicle-art--v4{width:100%;max-height:228px;filter:drop-shadow(0 18px 22px rgba(8,36,66,.08))}
.vehicle-art--v4 .premium-panel,.vehicle-art--v4 .cargo-shell,.vehicle-art--v4 .cab-frame{fill:#f7f9fb;stroke:#082442;stroke-width:1.9;stroke-linejoin:round}.vehicle-art--v4 .cargo-lid,.vehicle-art--v4 .cargo-roof{fill:#082442;stroke:#082442;stroke-width:1.6}.vehicle-art--v4 .cargo-ribs,.vehicle-art--v4 .frame-line,.vehicle-art--v4 .under-frame,.vehicle-art--v4 .front-fender,.vehicle-art--v4 .rear-fender,.vehicle-art--v4 .fork-line,.vehicle-art--v4 .handle,.vehicle-art--v4 .step,.vehicle-art--v4 .door-line,.vehicle-art--v4 .carrier-line,.vehicle-art--v4 .bumper{fill:none;stroke:#082442;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.vehicle-art--v4 .cargo-ribs{stroke:#b3c1ce;stroke-width:1.35}.vehicle-art--v4 .cargo-wave{fill:none;stroke:#347ab7;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.vehicle-art--v4 .brand-word{font:600 11px/1 var(--font-head,Arial);letter-spacing:.16em;fill:#082442}.vehicle-card--three .vehicle-art--v4 .brand-word--light{fill:#082442}.vehicle-art--v4 .tank-fill,.vehicle-art--v4 .side-panel,.vehicle-art--v4 .seat-fill,.vehicle-art--v4 .cab-fill,.vehicle-art--v4 .cab-nose{fill:#0b2f54;stroke:#082442;stroke-width:1.8;stroke-linejoin:round}.vehicle-card--three .vehicle-art--v4 .cab-fill,.vehicle-card--three .vehicle-art--v4 .cab-nose{fill:#6e8ca6;stroke:#f2f2f2}.vehicle-card--four .vehicle-art--v4 .cab-fill{fill:#103860}.vehicle-art--v4 .window,.vehicle-art--v4 .windshield{fill:#e9eff3;stroke:#082442;stroke-width:1.6;stroke-linejoin:round}.vehicle-card--three .vehicle-art--v4 .window,.vehicle-card--three .vehicle-art--v4 .windshield{fill:#40617c;stroke:#f2f2f2}.vehicle-art--v4 .headlamp,.vehicle-art--v4 .light,.vehicle-art--v4 .tail-light{fill:#347ab7;stroke:#082442;stroke-width:1.4}.vehicle-card--three .vehicle-art--v4 .light{stroke:#f2f2f2}.vehicle-art--v4 .screen-glass{fill:url(#v4-bike-accent);stroke:#082442;stroke-width:1.5}.vehicle-art--v4 .medical-cross{fill:none;stroke:#347ab7;stroke-width:2.2;stroke-linecap:round}.vehicle-art--v4 .mirror,.vehicle-art--v4 .door-handle{fill:none;stroke:#082442;stroke-width:1.6;stroke-linecap:round}.vehicle-card--three .vehicle-art--v4 .mirror,.vehicle-card--three .vehicle-art--v4 .door-line,.vehicle-card--three .vehicle-art--v4 .door-handle,.vehicle-card--three .vehicle-art--v4 .step,.vehicle-card--three .vehicle-art--v4 .bumper{stroke:#f2f2f2}.vehicle-art--v4 .tyre{fill:#082442}.vehicle-art--v4 .rim{fill:#f2f2f2;stroke:#082442;stroke-width:1.8}.vehicle-art--v4 .hub{fill:#082442}.vehicle-art--v4 .rim-ring{fill:none;stroke:#347ab7;stroke-width:1.5}.vehicle-art--v4 .spokes{fill:none;stroke:#082442;stroke-width:1.2}.vehicle-card:hover .vehicle-art--v4{filter:drop-shadow(0 22px 28px rgba(8,36,66,.14))}.vehicle-card:hover .vehicle-art--v4 .cargo-wave{opacity:1}html[data-motion="on"] .vehicle-art--v4{animation:vehicle-float-v2 5.8s ease-in-out infinite}html[data-motion="on"] .vehicle-card:nth-child(2) .vehicle-art--v4{animation-delay:-1.8s}html[data-motion="on"] .vehicle-card:nth-child(3) .vehicle-art--v4{animation-delay:-3.5s}.network-paths .network-ring{stroke:rgba(8,36,66,.07);stroke-width:1.2}.network-paths .network-ring--inner{stroke:rgba(8,36,66,.09);stroke-dasharray:3 8}.network-paths .route-guide{stroke:rgba(8,36,66,.1);stroke-width:1.2;stroke-dasharray:4 10}.network-paths .route-guide--mid{stroke-dasharray:5 12}.network-vehicle{filter:drop-shadow(0 8px 8px rgba(8,36,66,.18))}.vehicle-chip-bg{fill:#fff;stroke:rgba(8,36,66,.12);stroke-width:1.1}.network-vehicle--auto .vehicle-chip-bg{fill:#082442}.network-vehicle--truck .vehicle-chip-bg{fill:#f7f9fb}.nv-wheel{fill:#082442}.network-vehicle--auto .nv-wheel{fill:#f2f2f2}.nv-line{fill:none;stroke:#082442;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.network-vehicle--auto .nv-line{stroke:#f2f2f2}.nv-fill,.nv-box{fill:#347ab7;stroke:#082442;stroke-width:1.15;stroke-linejoin:round}.network-vehicle--auto .nv-fill{fill:#6e8ca6;stroke:#f2f2f2}.network-vehicle--truck .nv-fill{fill:#edf2f6}.area-node{font-weight:500;letter-spacing:-.01em}.area-node>.icon{box-shadow:0 18px 24px -22px rgba(8,36,66,.45)}.network-legend{display:flex;gap:10px;align-items:center}.network-legend span{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(8,36,66,.08)}@media(max-width:767px){.vehicle-art--v4{max-height:194px}.network-legend span{padding:5px 8px;font-size:11px}.delivery-point-card h3{font-size:18px}}

/* refinements.css */
/* V5: fleet art direction, readable details and resilient responsive states. */
#vehicles .section-heading { max-width: 820px; }
#vehicles h2 { max-width: 24ch; margin-inline:auto; }
.vehicle-grid { gap:24px; }
.vehicle-card { padding:28px; min-width:0; }
.vehicle-card--four::before { opacity:.04; }
.vehicle-card__top h3 { font-size:clamp(22px,2vw,28px); }
.vehicle-class-label { justify-content:flex-start; padding-block:12px; margin:0; }
.vehicle-class-label span { font-size:12px; letter-spacing:.08em; opacity:.85; }
.vehicle-illustration { aspect-ratio:5/3; min-height:0; margin:18px -14px 16px; }
.fleet-art { width:100%; height:auto; display:block; max-height:none; transform-origin:50% 80%; transition:transform .5s var(--ease); }
.vehicle-card:hover .fleet-art { transform:translateY(-3px); }
.vehicle-card>p { font-size:15px; line-height:1.7; }
.vehicle-micro { gap:8px; }
.vehicle-micro>span { padding:8px 10px; font-size:11px; line-height:1.5; border-radius:8px; }
.vehicle-micro>span>span { padding:0; border:0; border-radius:0; font:inherit; color:inherit; }
.vehicle-card--three .vehicle-micro>span { color:#e1eaf0; border-color:#47637c; }
.vehicle-card .vehicle-pick { min-height:46px; }
.vehicle-card.is-selected { outline:2px solid var(--blue); outline-offset:4px; }
.delivery-point-card p { font-size:14px; line-height:1.75; }
.delivery-point-card__icon { width:56px; height:56px; flex-shrink:0; }
.delivery-point-card__icon .icon { display:block; width:28px; height:28px; }
.network-paths { overflow:visible; }
.network-vehicle { filter:drop-shadow(0 4px 3px #08244222); }
html[data-motion="off"] .network-vehicle { display:block; }
.area-node { max-width:42%; min-width:0; }
.area-node.node-pickup { left:3%; }
.area-node.node-drop-one,.area-node.node-drop-two,.area-node.node-drop-three { right:3%; }
.network-legend span { font-size:12px; }
.area-illustration-label { font-size:11px; }
.locale-status { position:relative; z-index:1; margin:0; padding:12px 24px; text-align:center; font:14px/1.6 Arial,sans-serif; background:#e9f1f7; color:var(--navy); }
html[dir="rtl"] .section-lead,html[dir="rtl"] .faq-answer { text-align:start; }
html[dir="rtl"] .hero-title { direction:rtl; }
html[dir="rtl"] .network-paths,html[dir="rtl"] .vehicle-illustration { direction:ltr; }
html[data-document-hidden="true"] *, html[data-document-hidden="true"] *::before,html[data-document-hidden="true"] *::after { animation-play-state:paused!important; }
@media(min-width:821px) and (max-width:1100px) {
 .vehicle-grid { gap:16px; }
 .vehicle-card { padding:20px; }
 .vehicle-card>p { font-size:14px; }
 .vehicle-micro { flex-direction:column; align-items:flex-start; }
}
@media(max-width:820px) {
 .vehicle-grid { grid-template-columns:1fr; max-width:540px; margin-inline:auto; }
 .vehicle-card { padding:26px; }
 .vehicle-illustration { max-height:280px; margin-block:8px 16px; }
 .fleet-art { max-height:280px; object-fit:contain; }
 .vehicle-class-label span { font-size:12px; }
 .vehicle-micro>span { font-size:12px; }
 .area-node { font-size:11px; }
}
@media(max-width:380px) {
 .vehicle-card { padding:22px 18px; }
 .vehicle-micro { gap:5px; }
 .vehicle-micro>span { font-size:11px; padding:7px; }
 .network-legend { gap:2px; }
 .network-legend span { padding:5px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
 .vehicle-card:hover .fleet-art { transform:none; }
}

/* pages.css */
/* Shared informational page styles · does not modify landing sections. */
.document-main { padding-bottom: clamp(64px,8vw,112px); }
.document-main .doc-hero { padding-block: 48px 46px; position: relative; overflow: clip; }
.doc-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; font-size: 12px; color: var(--muted); margin-bottom: 42px; }
.doc-breadcrumbs a { text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 5px; }
.doc-breadcrumbs .icon { width: 13px; height: 13px; }
.doc-heading-row { display: flex; gap: 32px; justify-content: space-between; align-items: center; }
.doc-heading { max-width: 860px; min-width: 0; }
.doc-heading h1 { font-size: clamp(40px,5.5vw,76px); line-height: 1.1; letter-spacing: -.055em; text-wrap: balance; }
.doc-heading > p:last-child { font-size: clamp(16px,1.6vw,19px); line-height: 1.7; margin-top: 20px; }
.doc-emblem { flex: 0 0 102px; width: 102px; height: 102px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--paper); border-radius: 29px; }
.doc-emblem .icon { width: 47px; height: 47px; stroke-width: 1.25; }
.doc-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; margin-top: 32px; font-size: 12px; color: var(--muted); }
.doc-status { color: var(--navy); background: rgba(8,36,66,.055); border: 1px solid var(--line); padding: 7px 12px; border-radius: 50px; display: inline-flex; align-items: center; gap: 7px; }
.doc-status .icon { width: 14px; height: 14px; }
.doc-switcher { display: flex; gap: 25px; border-bottom: 1px solid var(--line); margin-top: 40px; }
.doc-switcher a { position: relative; display: inline-flex; align-items: center; padding-block: 12px 17px; font-size: 14px; color: var(--muted); min-height: 48px; }
.doc-switcher a[aria-current="page"] { color: var(--navy); font-weight: 600; }
.doc-switcher a[aria-current="page"]::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--navy); }
.doc-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: clamp(42px,7vw,104px); align-items: start; }
.doc-sidebar { position: sticky; top: calc(var(--header-height) + 26px); }
.doc-sidebar details { max-height: calc(100vh - var(--header-height) - 54px); overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(8,36,66,.17) transparent; }
.doc-sidebar summary { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; list-style: none; padding: 0 0 17px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.doc-sidebar summary::-webkit-details-marker { display: none; }
.doc-sidebar summary .icon { width: 17px; height: 17px; rotate: 90deg; transition: rotate .3s; }
.doc-sidebar details:not([open]) summary .icon { rotate: 0deg; }
.doc-toc { display: grid; gap: 3px; padding-right: 5px; }
.doc-toc a { position: relative; display: flex; align-items: center; min-height: 42px; font-size: 13px; line-height: 1.6; padding: 8px 12px; border-left: 2px solid var(--line); color: var(--muted); transition: border-color .3s, background .3s, color .3s; }
.doc-toc a:hover, .doc-toc a[aria-current="location"] { color: var(--navy); border-color: var(--navy); background: rgba(8,36,66,.035); }
.doc-sidebar .doc-print { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; font-size: 12px; padding: 10px 0; margin-top: 22px; border: 0; border-bottom: 1px solid var(--line); background: none; }
.doc-print .icon { width: 17px; height: 17px; }
.doc-article { min-width: 0; }
.doc-review-banner { display: flex; align-items: flex-start; gap: 15px; padding: 23px 25px; background: var(--paper); border: 1px solid var(--line); border-radius: 17px; margin-bottom: 14px; }
.doc-review-banner > .icon { width: 22px; height: 22px; margin-top: 2px; }
.doc-review-banner strong { display: block; font-size: 14px; line-height: 1.6; margin-bottom: 5px; }
.doc-review-banner p { font-size: 13px; line-height: 1.85; }
.doc-section { padding-block: 31px; border-bottom: 1px solid var(--line); scroll-margin-top: 28px; }
.doc-section h2 { font-size: clamp(23px,2.15vw,29px); line-height: 1.3; letter-spacing: -.035em; margin-bottom: 17px; text-wrap: pretty; }
.doc-section h3 { font-size: 16px; margin-top: 24px; margin-bottom: 10px; }
.doc-section p, .doc-section li, .doc-section dd, .doc-section dt { font-size: 15px; line-height: 1.9; color: var(--muted); }
.doc-section p + p { margin-top: 15px; }
.doc-section p a, .doc-section dd a, .doc-review-banner a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(8,36,66,.3); color: var(--navy); overflow-wrap: anywhere; }
.doc-section ul { padding-left: 19px; margin: 16px 0 0; }
.doc-section li + li { margin-top: 8px; }
.doc-section strong { font-weight: 600; color: var(--navy); }
.doc-fields { margin: 20px 0 0; }
.doc-fields > div { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 22px; padding-block: 13px; border-bottom: 1px solid var(--line); }
.doc-fields dt { font-weight: 500; color: var(--navy); }
.doc-fields dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.doc-review-note { display: block; padding: 14px 16px; border-left: 2px solid rgba(8,36,66,.35); background: rgba(8,36,66,.025); margin-top: 19px !important; font-size: 13px !important; }
.doc-review-note b { font-weight: 600; color: var(--navy); }
.doc-data-list { margin-top: 19px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }
.doc-data-item { padding: 21px; background: white; }
.doc-data-item h3 { margin: 0 0 9px; font-size: 15px; }
.doc-data-item p { font-size: 13px; line-height: 1.85; }
.doc-end { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 22px; padding-top: 30px; }
.doc-end .text-link { font-size: 13px; }
.document-main + .site-footer--extended { border-top: 1px solid var(--line); padding-top: 47px; }
@media (max-width: 1023px) {
  .doc-layout { grid-template-columns: 200px minmax(0,1fr); gap: 34px; }
  .doc-toc a { font-size: 12px; }
  .doc-fields > div { grid-template-columns: 130px minmax(0,1fr); gap: 18px; }
  .doc-data-list { grid-template-columns: 1fr; }
  .doc-emblem { flex-basis: 80px; width: 80px; height: 80px; border-radius: 23px; }
}
@media (max-width: 767px) {
  .document-main .doc-hero { padding-top: 25px; padding-bottom: 29px; }
  .doc-breadcrumbs { margin-bottom: 28px; font-size: 11px; }
  .doc-heading-row { gap: 14px; }
  .doc-heading h1 { font-size: clamp(36px,8vw,56px); }
  .doc-heading .eyebrow { font-size: 9px; }
  .doc-emblem { display: none; }
  .doc-heading > p:last-child { margin-top: 17px; font-size: 16px; }
  .doc-meta { margin-top: 24px; gap: 12px 16px; font-size: 11px; }
  .doc-switcher { gap: 22px; margin-top: 26px; }
  .doc-switcher a { font-size: 13px; }
  .doc-layout { grid-template-columns: 1fr; gap: 25px; }
  .doc-sidebar { position: static; border: 1px solid var(--line); border-radius: 13px; padding: 18px; }
  .doc-sidebar details { max-height: none; }
  .doc-sidebar summary { padding-bottom: 0; min-height: 24px; }
  .doc-sidebar details[open] summary { padding-bottom: 14px; }
  .doc-toc { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 8px; }
  .doc-toc a { font-size: 12px; min-height: 44px; }
  .doc-sidebar .doc-print { margin-top: 12px; }
  .doc-review-banner { padding: 19px; gap: 12px; }
  .doc-review-banner p { font-size: 12px; }
  .doc-section { padding-block: 28px; }
  .doc-section h2 { font-size: 24px; }
  .doc-section p, .doc-section li, .doc-section dt, .doc-section dd { font-size: 14px; }
  .doc-fields > div { grid-template-columns: 1fr; gap: 3px; }
  .doc-data-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .doc-data-item { padding: 17px; }
  .document-main + .site-footer--extended { padding-top: 32px; }
}
@media (max-width: 479px) {
  .doc-heading h1 { font-size: 39px; }
  .doc-data-list { grid-template-columns: 1fr; }
  .doc-review-banner { gap: 10px; padding: 17px; }
  .doc-review-banner > .icon { width: 19px; }
  .doc-review-note { padding: 13px; }
  .doc-toc { grid-template-columns: 1fr; }
}
@media print {
  .document-main { padding: 0; }
  .doc-sidebar, .doc-breadcrumbs, .doc-emblem, .doc-switcher, .doc-end { display: none !important; }
  .document-main .doc-hero { padding-block: 0 20px; }
  .doc-heading h1 { font-size: 28pt; }
  .doc-layout { display: block; }
  .doc-review-banner { break-inside: avoid; }
  .doc-section h2 { break-after: avoid; font-size: 16pt; }
  .doc-section p, .doc-section li, .doc-section dd, .doc-section dt { font-size: 10pt; }
  .doc-section { padding-block: 15px; }
  .doc-data-list { display: block; }
  .doc-data-item { border-bottom: 1px solid #ccc; break-inside: avoid; }
}

/* V6: crisp icon and fleet details, resilient multilingual typography. */
.icon {stroke-linecap:round;stroke-linejoin:round;}
.fleet-art {filter:drop-shadow(0 12px 12px rgb(8 36 66 / .09));}
.vehicle-card:hover .fleet-art {transform:translateY(-4px);}
.fleet-art {transition:transform .3s ease,filter .3s ease;}
[data-i18n] {overflow-wrap:break-word;}
#locale-status:not([hidden]) {padding:12px 20px;background:#eaf2f8;color:#082442;border-block:1px solid #c9dbe9;font-size:13px;line-height:1.6;}
@media(prefers-reduced-motion:reduce){.fleet-art{transition:none}.vehicle-card:hover .fleet-art{transform:none}}

/* Prominent delivery target, stronger purpose-built icons and larger fleet art. */
.hero-delivery-target{display:flex;align-items:center;gap:18px;max-width:590px;margin:26px auto 22px;padding:16px 24px;background:#082442;color:#fff;border-radius:20px;text-align:start;box-shadow:0 12px 30px -22px #082442;}
.hero-delivery-target>.icon{width:46px;height:46px;flex:0 0 46px;color:#a9d5f5;}
.hero-target-number{display:flex;align-items:baseline;gap:7px;white-space:nowrap;flex:none;}
.hero-target-number strong{font-size:54px;line-height:1;letter-spacing:-.06em;font-weight:600;}
.hero-target-number span{font-size:16px;font-weight:500;}
.hero-target-label{font-size:13px;line-height:1.6;border-inline-start:1px solid #49637c;padding-inline-start:18px;}
.delivery-point-card__icon{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:18px!important;background:#e5eff7!important;color:#082442!important;border:1px solid #bed3e5!important;box-shadow:0 5px 12px -10px #082442;}
.delivery-point-card__icon .icon{width:36px!important;height:36px!important;}
.vehicle-chip{width:50px!important;height:50px!important;display:grid;place-items:center;border-color:currentColor!important;}
.vehicle-chip .icon{width:29px!important;height:29px!important;}
.vehicle-illustration{margin:14px -22px 12px!important;aspect-ratio:5/3;max-height:none!important;}
.fleet-art{max-height:none!important;filter:drop-shadow(0 15px 10px rgb(8 36 66 / .16));}
.vehicle-card{border-width:1.5px;}
.vehicle-card--three .fleet-art{filter:drop-shadow(0 16px 12px rgb(0 0 0 / .27));}
.vehicle-class-label{font-size:14px!important;font-weight:600!important;}
.delivery-world__promise{border:1px solid #b6cbdd;box-shadow:0 15px 35px -30px #082442;}
.promise-stat strong{font-size:clamp(44px,4.8vw,70px)!important;letter-spacing:-.055em;line-height:1.1;}
.faq-icon .icon{width:25px;height:25px;}
@media(max-width:767px){
 .hero-delivery-target{gap:12px;margin:20px auto;padding:15px 16px;border-radius:16px;flex-wrap:wrap;}
 .hero-delivery-target>.icon{width:34px;height:34px;flex-basis:34px;}
 .hero-target-number strong{font-size:46px;}
 .hero-target-number span{font-size:14px;}
 .hero-target-label{flex:1 1 120px;padding-inline-start:12px;font-size:12px;}
 .vehicle-illustration{margin:14px -18px 16px!important;}
 .delivery-point-card__icon{width:54px!important;height:54px!important;flex-basis:54px!important;}
 .delivery-point-card__icon .icon{width:30px!important;height:30px!important;}
}
@media(max-width:359px){.hero-target-label{flex-basis:100%;border-inline-start:0;border-top:1px solid #49637c;padding:9px 0 0;}}
html[dir=rtl] .hero-target-number{direction:rtl;}
/* Short hero, animated delivery target and a calmer street-map illustration. */
.hero-delivery-target{display:grid;grid-template-columns:98px minmax(0,1fr);gap:20px;max-width:560px;padding:16px 22px;background:#fff;color:#082442;border:1px solid #ccdce8;box-shadow:0 14px 35px -28px #082442;overflow:hidden;}
.target-dial{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:94px;padding:16px 6px;background:#082442;color:#fff;border-radius:22px;isolation:isolate;}
.target-dial:before{content:"";position:absolute;inset:5px;border:2px dashed #78b5e1;border-radius:17px;opacity:.55;pointer-events:none;}
.target-dial strong{font-size:44px;line-height:1;letter-spacing:-.06em;}
.target-dial span{font-size:11px;max-width:52px;overflow-wrap:anywhere;}
.target-content{min-width:0;}
.hero-target-label{display:block;padding:0;border:0;font-size:14px;font-weight:500;line-height:1.5;}
.target-journey{position:relative;height:32px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;}
.target-journey:before{content:"";position:absolute;left:13px;right:13px;top:50%;border-top:2px dashed #bed5e7;}
.target-stop{position:relative;width:25px;height:25px;display:grid;place-items:center;background:#eef5fa;border:1px solid #bdd2e3;border-radius:50%;z-index:1;}
.target-stop .icon{width:15px;height:15px;}
.target-runner{position:absolute;inset-inline-start:36%;top:1px;width:32px;height:30px;color:#347ab7;background:white;}
html[data-motion="on"] .target-runner{animation:target-drive 4.8s ease-in-out infinite;}
html[data-motion="on"] .target-dial:before{animation:target-breathe 3.2s ease-in-out infinite;}
@keyframes target-drive{0%,100%{inset-inline-start:14%;opacity:0}12%,80%{opacity:1}90%{inset-inline-start:74%;opacity:0}}
@keyframes target-breathe{50%{opacity:1;inset:3px}}
.hero-vehicle-types{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px auto 0;}
.hero-vehicle-types span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:7px 12px;border:1px solid #d8e2e9;border-radius:999px;background:rgb(255 255 255 / .8);}
.hero-vehicle-types .icon{width:20px;height:20px;color:#347ab7;}
.phone-delivery-time{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#e7f1f8;border:1px solid #c6dceb;border-radius:13px;padding:9px 10px;margin:8px 0;color:#082442;}
.phone-delivery-time strong{font-size:34px;font-weight:600;line-height:1;letter-spacing:-.045em;}
.phone-delivery-time .time-unit{font-size:11px;margin-inline-start:3px;}
.phone-delivery-time>.icon{width:27px;height:27px;flex-shrink:0;color:#347ab7;}
.phone-target-note{font-size:8px!important;line-height:1.5!important;margin:0!important;max-width:none!important;}
.hero-device-front .mock-title{font-size:21px!important;margin-bottom:7px!important;}
.hero-device-front .mini-route{height:53px!important;margin:5px 0!important;}
.hero-device-front .mock-task{padding-block:9px!important;}
.hero-device-front .mock-task small{display:none;}
.hero-device-front .mock-product{display:none;}
.hero-device-front .mock-bottom{font-size:8px!important;}
.area-visual--network{background:#f8fbfd!important;border:1px solid #c7d9e8!important;box-shadow:inset 0 0 55px #e7f0f7;}
.area-visual--network .network-halo,.area-visual--network .network-orbit,.area-visual--network .network-ring{display:none;}
.area-visual--network .network-grid{opacity:.18!important;}
.map-streets{stroke:#d9e5ee;stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.map-blocks{fill:#eaf1f6;stroke:#dce7ef;stroke-width:1;}
.network-paths .route-base{stroke:#fff!important;stroke-width:9!important;opacity:1!important;}
.network-paths .route-guide{stroke:#78a7ca!important;stroke-width:2!important;stroke-dasharray:5 7!important;opacity:.85!important;}
.network-paths .area-route-beam{stroke:#347ab7!important;stroke-width:3!important;}
.network-vehicle{filter:drop-shadow(0 5px 4px rgb(8 36 66 / .2));}
.area-node>.icon{border-color:#c3d8e8!important;background:#fff!important;box-shadow:0 8px 20px -14px #082442!important;}
.area-visual--network .radius-caption{font-size:11px!important;background:#fff;padding:8px 12px;border:1px solid #d8e5ee;border-radius:30px;max-width:85%;margin-inline:auto;}
.network-legend{background:#fff!important;box-shadow:0 7px 22px -17px #082442;border:1px solid #d2e0eb!important;}
.network-legend span{border:0!important;background:#eef5fa!important;}
@media(max-width:767px){
 .hero-delivery-target{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:13px 15px;}
 .target-dial{padding:22px 5px;border-radius:19px;}
 .target-dial strong{font-size:38px;}
 .target-dial span{font-size:10px;}
 .hero-target-label{font-size:12px;border:0;padding:0;}
 .hero-vehicle-types{gap:6px;margin-top:14px;}
 .hero-vehicle-types span{padding:6px 9px;font-size:11px;}
 .hero-vehicle-types .icon{width:17px;height:17px;}
 .area-visual--network .radius-caption{font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){.target-runner,.target-dial:before{animation:none!important;}.target-runner{inset-inline-start:45%;}}

/* Shared delivery screen and compact area callout. */
.has-delivery-time .mock-title{font-size:21px!important;margin-bottom:7px!important;}
.has-delivery-time .mini-route{height:50px!important;margin:5px 0!important;}
.has-delivery-time .mock-task{padding-block:9px!important;}
.has-delivery-time .mock-task small,.has-delivery-time .mock-product{display:none;}
.has-delivery-time .mock-bottom{display:none;}
.stage-label{max-width:220px!important;padding:16px 18px!important;border:1px solid #d4e1ec!important;box-shadow:0 15px 30px -25px #082442!important;}
.stage-label>div{display:flex;flex-direction:column;gap:5px;min-width:0;}
.stage-label [data-area-name]{display:block;font-weight:600;line-height:1.4;}
.stage-label [data-i18n="screen.service"]{display:block;font-size:11px;line-height:1.55;}
.stage-label>.icon{flex-shrink:0;width:25px;height:25px;}
/* An illustrated courier journey replaces the generic moving glyph. */
.hero-delivery-target{max-width:590px;border-radius:24px;padding:18px 24px;grid-template-columns:110px minmax(0,1fr);gap:24px;background:linear-gradient(110deg,#f3f8fc,#fff 60%);}
.target-dial{min-height:110px;border-radius:50%;box-shadow:0 0 0 5px #e3eef6;}
.target-dial:before{border-radius:50%;border-style:solid;border-color:#7ab2d8 #7ab2d8 transparent #7ab2d8;inset:6px;}
.target-dial strong{font-size:47px;}
.target-journey{height:48px;margin-top:12px;}
.target-journey:before{border-top:2px dashed #aecde3;}
.target-runner.target-courier{width:80px;height:48px;object-fit:contain;top:-5px;background:none;filter:drop-shadow(0 4px 3px #08244226);}
html[data-motion="on"] .target-courier{animation:courier-journey 6s ease-in-out infinite;}
html[data-motion="on"] .target-dial:before{animation:clock-orbit 12s linear infinite;}
@keyframes clock-orbit{to{transform:rotate(360deg)}}
@keyframes courier-journey{0%{inset-inline-start:4%;opacity:0;transform:translateY(2px)}12%{opacity:1}50%{transform:translateY(-4px)}84%{opacity:1}100%{inset-inline-start:66%;opacity:0;transform:translateY(2px)}}
/* Clear time hierarchy and three distinct partner advantages. */
.delivery-world__promise{display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:36px!important;padding:32px!important;background:#082442!important;border-radius:26px!important;align-items:center;}
.delivery-world__promise:before,.delivery-world__promise:after,.promise-divider{display:none!important;}
.promise-stat{gap:18px!important;align-items:center!important;}
.promise-stat__icon{width:56px!important;height:56px!important;flex:0 0 56px!important;background:#173b5b!important;border:1px solid #436481!important;}
.promise-stat__icon .icon{width:30px!important;height:30px!important;color:#aed9f5;}
.promise-stat>div{min-width:0;}
.promise-stat strong{display:flex!important;align-items:baseline;gap:10px;line-height:1!important;font-size:70px!important;}
.promise-stat strong>[data-i18n]{display:inline!important;font-size:18px!important;font-weight:500!important;line-height:1.4!important;margin:0!important;letter-spacing:0!important;max-width:100px;}
.promise-stat>div>span{display:block!important;font-size:12px!important;line-height:1.6!important;margin-top:12px!important;max-width:260px;}
.promise-copy{border-inline-start:1px solid #36516a;padding-inline-start:32px;min-width:0;}
.promise-copy__eyebrow{font-size:10px!important;letter-spacing:.12em!important;color:#bcd1e2!important;}
.advantage-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 12px;}
.advantage-tiles>div{display:flex;flex-direction:column-reverse;gap:12px;padding:17px 14px;border:1px solid #365772;background:#113351;border-radius:15px;}
.advantage-tiles dt{font-size:11px;line-height:1.5;color:#dce9f3;display:flex;align-items:center;gap:6px;}
.advantage-tiles dt .icon{width:19px;height:19px;flex-shrink:0;color:#92c6eb;}
.advantage-tiles dd{margin:0;font-size:32px;line-height:1;font-weight:600;letter-spacing:-.04em;color:#fff;}
.promise-copy .advantage-note{margin:0!important;font-size:11px!important;line-height:1.6;color:#c7d9e7;}
@media(max-width:767px){
 .hero-delivery-target{grid-template-columns:84px minmax(0,1fr);padding:16px;gap:18px;}
 .target-dial{min-height:84px;padding:12px 4px;}
 .target-dial strong{font-size:39px;}
 .target-runner.target-courier{width:65px;height:39px;top:0;}
 .delivery-world__promise{grid-template-columns:1fr;gap:22px!important;padding:24px 20px!important;}
 .promise-copy{border-inline-start:0;border-top:1px solid #36516a;padding-inline-start:0;padding-top:20px;}
 .promise-stat strong{font-size:58px!important;}
 .advantage-tiles>div{padding:14px 10px;}
 .advantage-tiles dt{flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;}
 .advantage-tiles dd{font-size:28px;}
 .stage-label{max-width:165px!important;padding:12px!important;}
}
@media(prefers-reduced-motion:reduce){.target-courier,.target-dial:before{animation:none!important;}.target-courier{opacity:1;inset-inline-start:35%;}}

/* English-only editorial and supplied photography refresh. */
.partner-launch .delivery-world__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.partner-launch .vehicle-illustration{height:270px;aspect-ratio:auto;margin:20px 0!important;position:relative;display:flex;align-items:center}.vehicle-fallback{width:100%;height:100%}.partner-launch .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.header-inner{gap:24px}.hero h1{font-size:clamp(38px,4.4vw,72px);line-height:1.13}.hero-intro{max-width:780px}.hero-heading{padding-bottom:35px}.timing-note{display:block;font-size:11px;line-height:1.5;color:#536b80;margin-top:9px}.hero-delivery-target{max-width:740px}.target-courier{width:88px;height:62px;object-fit:contain}.hero-layout{align-items:center}.hero-journey small{line-height:1.65}.hero-action h2{font-size:clamp(26px,2.5vw,38px)}
.real-app-screen{display:block;width:100%;height:100%;object-fit:contain;background:#f2f2f2}.hero-devices .device-camera,.hero-devices .device-home{display:none}.hero-devices .device{height:auto;aspect-ratio:414/900;padding:6px}.hero-devices .device-screen{height:100%;border-radius:32px;overflow:hidden}.hero-showcase .mockup-caption{font-size:11px;max-width:330px;left:50%;transform:translateX(-50%);width:90%;text-align:center}.supplied-vehicle{width:100%;height:260px!important;object-fit:contain!important;filter:drop-shadow(0 14px 12px #08244220)}.vehicle-card:last-child .supplied-vehicle{border-radius:20px;object-fit:cover!important}.vehicle-card{overflow:hidden}.delivery-destinations{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-app-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.live-app-copy h2{font-size:clamp(32px,3.7vw,54px);line-height:1.15;max-width:650px}.app-detail{margin:28px 0;padding-left:20px;border-left:3px solid #347ab7}.app-detail h3{font-size:18px;margin-bottom:9px}.app-detail p{color:#52677c;font-size:15px}.live-tabs{display:grid;gap:9px;margin:28px 0}.live-tabs button{display:flex;align-items:center;gap:16px;padding:17px 19px;text-align:left;background:transparent;color:#082442;border:1px solid #cfdae3;border-radius:16px;font:inherit;cursor:pointer;transition:background .2s,color .2s}.live-tabs button>span:nth-child(2){flex:1}.live-tabs b{display:block;font-size:17px}.live-tabs small{display:block;line-height:1.5;font-size:12px;margin-top:3px}.live-tabs button[aria-selected=true]{background:#082442;color:white;border-color:#082442}.step-number{font-size:12px;letter-spacing:.08em;opacity:.7}.live-app-view{text-align:center;position:relative;padding:35px 24px;border-radius:36px;background:radial-gradient(ellipse at 50% 35%,#dce8f0,transparent 64%),#f1f4f6}.real-phone{width:min(100%,280px);margin:auto;border:7px solid #082442;border-radius:37px;overflow:hidden;box-shadow:0 25px 45px -20px #08244260;background:#f2f2f2}.real-phone img{display:block;width:100%;height:auto}.live-screen-panels h3{font-size:18px;margin:25px 0 12px}.screen-disclaimer{max-width:360px;font-size:11px;line-height:1.7;margin:0 auto;color:#53677c}.live-screen-panels [role=tabpanel]:not([hidden]){animation:screen-enter .35s ease both}@keyframes screen-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
.legal-main{padding:150px 0 80px}.legal-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px}.legal-index{align-self:start;position:sticky;top:120px}.legal-index h1{font-size:38px;line-height:1.2;margin:0 0 28px}.legal-index nav{display:grid;gap:14px;margin-bottom:28px}.legal-index nav a{font-size:13px;color:#53677c}.legal-content{max-width:850px}.legal-content h2{font-size:24px;line-height:1.4;margin:42px 0 20px;scroll-margin-top:110px}.legal-content p{font-size:16px;line-height:1.85;margin-bottom:18px}.legal-content p:first-child{font-size:18px;color:#53677c}.hero-line-inner{opacity:1!important;transform:none!important}[hidden]{display:none!important}
@media(min-width:1024px){.hero-device-front{transform:rotate(5deg)}.hero-device-back{transform:rotate(-9deg)}.hero-showcase{min-height:590px}}
@media(max-width:1023px){.live-app-layout{gap:35px}.legal-layout{grid-template-columns:240px minmax(0,1fr);gap:35px}.hero h1{font-size:clamp(36px,5vw,60px)}}
@media(max-width:767px){.live-app-layout{grid-template-columns:1fr;gap:32px}.live-app-view{padding:28px 18px}.real-phone{width:255px}.legal-main{padding-top:110px}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-index{position:static}.legal-index nav{display:none}.hero h1{font-size:clamp(32px,7.8vw,50px)}.hero-delivery-target{gap:16px;padding:18px}.timing-note{font-size:10px}.supplied-vehicle{height:230px!important}.hero-devices .device{aspect-ratio:414/900}.steps-grid{grid-template-columns:1fr}.hero-showcase{padding-bottom:25px}.hero-title-line{overflow:visible}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1023px){.partner-launch .delivery-world__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-launch .vehicle-illustration{height:210px}.supplied-vehicle{height:210px!important}}
@media(max-width:767px){.partner-launch .steps-grid{grid-template-columns:1fr}.partner-launch .vehicle-illustration{height:250px}.supplied-vehicle{height:250px!important}}
@media(max-width:380px){.partner-launch .delivery-world__grid{grid-template-columns:1fr}}
.partner-launch .hero-showcase{height:auto;min-height:0;padding:42px 12px 24px;display:flex;flex-direction:column;justify-content:center;overflow:visible}.partner-launch .hero-devices{position:relative;inset:auto;width:100%;height:auto;transform:none;perspective:none}.hero-devices .device-depth{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:auto;transform:none}.partner-launch .hero-device-front,.partner-launch .hero-device-back{position:relative;inset:auto;width:44%;height:auto;margin:0;transform:rotate(5deg)}.partner-launch .hero-device-back{transform:rotate(-7deg)}.hero-devices .device{width:100%;height:auto;aspect-ratio:414/900}.hero-devices .device-screen{aspect-ratio:414/900}.hero-showcase .floating-parcel{display:none}.partner-launch .hero-showcase .mockup-caption{position:static;transform:none;max-width:350px;margin:30px auto 0;font-size:11px;line-height:1.6}.hero-showcase .hero-route{display:none}
@media(max-width:767px){.partner-launch .hero-showcase{padding:30px 4px 20px}.hero-devices .device-depth{gap:6px}.partner-launch .hero-showcase .mockup-caption{margin-top:24px;margin-bottom:16px}.hero-devices .device-screen{border-radius:21px}.hero-devices .device{border-radius:26px;padding:4px}.partner-launch .hero-device-front,.partner-launch .hero-device-back{width:44%}}
/* Content restored from the workbook's section and button references. */
.partner-launch .delivery-world__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.partner-launch .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.partner-phase-tabs{display:flex;gap:7px;padding:6px;border:1px solid #d2dde7;background:#f3f5f7;border-radius:16px;margin:24px 0 18px}.partner-phase-tabs button{flex:1;min-height:48px;border:0;border-radius:11px;font:600 14px var(--font);color:#082442;background:transparent;cursor:pointer}.partner-phase-tabs button[aria-selected=true]{background:#082442;color:white}.partner-phase-panel{min-height:154px}.partner-phase-panel h3{font-size:19px;margin-bottom:10px}.partner-phase-panel p{font-size:15px;line-height:1.7;color:#536b80}.live-tabs-label{font-size:10px;font-weight:600;letter-spacing:.12em;margin-top:24px}.live-tabs{margin-top:12px}
.city-form{margin:24px 0}.city-form label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.city-input-row{display:flex;flex-wrap:wrap;gap:10px}.city-input-row input{width:100%;min-height:50px;padding:12px 15px;border:1px solid #bacbd9;border-radius:12px;font:inherit;color:#082442;background:white}.city-selection{font-size:15px;font-weight:600;margin:20px 0 8px;overflow-wrap:anywhere}.city-form small{display:block;font-size:12px;line-height:1.7;color:#536b80;max-width:390px}
.partner-launch .signal-grid>span{font-size:16px;line-height:1.5;gap:15px;padding-block:20px}.partner-launch .signal-grid .icon{width:29px;height:29px;flex-shrink:0}
/* Right-side pickup, left-side drop: artwork and logos remain unmirrored. */
.partner-launch .hero-journey{animation:none!important;opacity:1!important;transform:none!important}
.target-journey{flex-direction:row-reverse}
@keyframes courier-journey{0%{inset-inline-start:66%;opacity:0;transform:translateY(2px)}12%{opacity:1}50%{transform:translateY(-4px)}84%{opacity:1}100%{inset-inline-start:4%;opacity:0;transform:translateY(2px)}}
.area-visual .node-pickup{left:auto!important;right:0!important}.area-visual .node-drop-one,.area-visual .node-drop-two,.area-visual .node-drop-three{right:auto!important;left:0!important}
.hero-journey ol{position:relative;isolation:isolate}.hero-journey li{position:relative}.hero-journey ol:after{content:"";position:absolute;z-index:-1;left:18px;top:20px;width:2px;height:calc(100% - 56px);background:#347ab7;transform-origin:top;animation:journey-progress 9s linear infinite}.hero-journey .journey-icon{position:relative;z-index:1;background:#f3f6f8;animation:journey-node 9s linear infinite}.hero-journey li:nth-child(2) .journey-icon{animation-delay:3s}.hero-journey li:nth-child(3) .journey-icon{animation-delay:6s}.hero-journey li:last-child .journey-icon{background:#082442;color:#fff}
@keyframes journey-progress{0%{transform:scaleY(0);opacity:.3}66%,90%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes journey-node{0%,28%{box-shadow:0 0 0 5px #347ab725;border-color:#347ab7}34%,100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:1100px){.partner-launch .signal-grid>span{font-size:14px;gap:10px}.partner-launch .signal-grid .icon{width:26px;height:26px}.partner-launch .delivery-world__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-launch .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.partner-launch .delivery-world__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-launch .signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.partner-launch .signal-grid>span{font-size:13px;padding:16px 8px;white-space:normal}.partner-launch .signal-grid .icon{width:25px;height:25px}.partner-launch .hero-journey{display:block;order:2;width:100%;max-width:none;margin-top:30px}.partner-launch .hero-journey ol{display:flex;flex-direction:column;gap:18px}.partner-launch .hero-journey li{display:flex;gap:16px}.partner-launch .hero-journey small{font-size:13px}.partner-launch .steps-grid{grid-template-columns:1fr}.partner-phase-tabs button{font-size:13px}}
@media(max-width:380px){.partner-launch .delivery-world__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-journey ol:after{transform:scaleY(1);opacity:.4}.hero-journey .journey-icon{box-shadow:none}}

/* V3: consistent timing, intentional motion and protected artwork spacing. */
.area-visual .area-node>.icon{box-sizing:border-box}.city-fields input,.city-fields select{box-sizing:border-box}
.target-journey{height:66px;margin:14px 0 6px;isolation:isolate}.target-journey:before{left:18px;right:18px;border-top-color:#c4dbea}.route-progress{position:absolute;left:20px;right:20px;top:50%;height:3px;background:linear-gradient(90deg,#347ab7,#98c3e1);transform-origin:right;animation:route-fill 7.2s cubic-bezier(.4,0,.2,1) infinite;z-index:-1;border-radius:5px}.courier-carrier{position:absolute;width:84px;height:56px;top:1px;inset-inline-start:66%;animation:delivery-drive 7.2s cubic-bezier(.4,0,.2,1) infinite;z-index:2}.courier-carrier .target-courier{position:static!important;width:84px!important;height:56px!important;animation:none!important;transform:none!important;opacity:1!important;display:block;filter:drop-shadow(0 7px 4px #08244225)}.courier-carrier:after{content:"";position:absolute;width:32px;height:12px;right:-22px;top:30px;border-block:2px solid #86b7da;opacity:.65;transform:skewX(-20deg);animation:speed-trail 7.2s ease infinite}.target-stop{z-index:3;background:#f5faff}.stop-pickup{animation:pickup-pulse 7.2s infinite}.stop-delivery{animation:delivery-pulse 7.2s infinite}
@keyframes delivery-drive{0%,12%{inset-inline-start:66%;opacity:1;transform:translateY(0)}70%,84%{inset-inline-start:5%;opacity:1;transform:translateY(0)}90%{inset-inline-start:5%;opacity:0}91%{inset-inline-start:66%;opacity:0}100%{inset-inline-start:66%;opacity:1}}
@keyframes route-fill{0%,12%{transform:scaleX(0);opacity:.8}70%,85%{transform:scaleX(1);opacity:1}90%,100%{transform:scaleX(1);opacity:0}}
@keyframes speed-trail{0%,15%,72%,100%{opacity:0;transform:scaleX(.3)}28%,58%{opacity:.6;transform:scaleX(1)}}
@keyframes pickup-pulse{0%,14%{box-shadow:0 0 0 5px #347ab71a}30%,100%{box-shadow:0 0 0 0 transparent}}
@keyframes delivery-pulse{0%,65%,100%{box-shadow:0 0 0 0 transparent}76%,86%{box-shadow:0 0 0 7px #347ab723;background:#dcecf8}}
.delivery-world__promise{padding:36px!important;border-radius:28px!important}.promise-stat{gap:25px!important}.promise-stat__icon{position:relative;width:72px!important;height:72px!important;flex-basis:72px!important;background:#163f60!important}.promise-stat__icon:after{content:"";position:absolute;inset:-7px;border:1px solid #96c6e333;border-top:2px solid #96c6e3;border-radius:50%;animation:clock-orbit 10s linear infinite}.promise-stat strong{font-size:76px!important;letter-spacing:-.055em;gap:12px!important}.promise-stat strong>span{font-size:20px!important;font-weight:500!important;display:inline!important;line-height:1!important;letter-spacing:0!important;margin:0!important;color:#d8e9f6!important}.promise-stat>div>span{font-size:13px!important;max-width:290px!important}.advantage-tiles>div{position:relative;overflow:hidden;transition:background .25s,transform .25s,border-color .25s}.advantage-tiles>div:hover{background:#1a4568;transform:translateY(-3px);border-color:#6a9dbf}.advantage-tiles>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#9ac9e9;transform-origin:left;animation:advantage-line 9s ease infinite}.advantage-tiles>div:nth-child(2):after{animation-delay:3s}.advantage-tiles>div:nth-child(3):after{animation-delay:6s}.promise-copy .advantage-note{font-size:12px!important;margin-top:15px!important;display:flex;align-items:center;gap:8px}.advantage-note:before{content:"";width:6px;height:6px;border-radius:50%;background:#96c6e3;flex-shrink:0}
@keyframes advantage-line{0%,30%{transform:scaleX(1);opacity:.8}38%,95%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:.8}}
.partner-launch .vehicle-illustration{overflow:hidden;isolation:isolate}.vehicle-fallback{position:relative;z-index:2}.vehicle-card .supplied-vehicle{transition:transform .45s cubic-bezier(.65,0,.35,1),opacity .3s!important;will-change:transform}.fleet-brand-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1;opacity:0;transform:scale(.88);transition:opacity .3s .14s,transform .45s .12s;pointer-events:none}.fleet-brand-reveal img{width:68%;height:auto;max-width:240px;object-fit:contain;background:#f8fafc;border-radius:20px;padding:20px 24px;box-sizing:border-box;box-shadow:0 12px 35px -20px #08244260}.fleet-brand-reveal span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:inherit}.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle{transform:translateX(-135%) skewX(4deg);opacity:0}.vehicle-card:is(:hover,:focus-within,.is-selected) .fleet-brand-reveal{opacity:1;transform:scale(1)}
.live-app-layout{gap:64px}.app-detail{margin-bottom:24px}.live-tabs-label{margin-top:22px}.live-tabs{margin-bottom:24px}
.city-fields{display:grid;gap:16px;margin-bottom:20px}.city-fields select,.city-fields input{width:100%;min-width:0;min-height:54px;padding:13px 15px;background:#fff;border:1px solid #baccda;border-radius:12px;color:#082442;font:inherit;font-size:14px}.city-fields input:disabled{background:#e9eef2;color:#63778a}.city-form small{margin-top:9px}.city-selection{font-size:14px;line-height:1.7}.area-visual--network{min-height:520px!important;overflow:hidden;border-radius:32px!important}.area-visual--network .radius-caption{top:18px;left:24px;right:24px;transform:none;width:auto;max-width:none;padding:9px 12px;font-size:11px!important}.area-visual .network-paths{inset:66px 30px 80px;width:calc(100% - 60px);height:calc(100% - 146px);overflow:visible}.area-visual .area-node{min-width:0;width:78px;transform:none;font-size:11px}.area-visual .area-node>.icon{width:54px!important;height:54px!important;padding:14px!important}.area-visual .node-pickup{right:18px!important;top:44%;left:auto!important}.area-visual .node-drop-one,.area-visual .node-drop-two,.area-visual .node-drop-three{left:18px!important;right:auto!important}.area-visual .node-drop-one{top:20%;bottom:auto}.area-visual .node-drop-two{top:44%;bottom:auto}.area-visual .node-drop-three{top:68%;bottom:auto}.area-visual .network-legend{bottom:39px;padding:5px;gap:3px}.area-illustration-label{bottom:14px!important}.area-visual .node-pulse{left:39px;top:27px}
@media(max-width:1023px){.delivery-world__promise{padding:28px!important}.live-app-layout{gap:34px}.promise-stat strong{font-size:64px!important}.promise-stat__icon{width:60px!important;height:60px!important;flex-basis:60px!important}}
@media(max-width:767px){.courier-carrier,.courier-carrier .target-courier{width:65px!important;height:46px!important}.courier-carrier{top:8px}.courier-carrier:after{width:20px;right:-12px;top:24px}.target-journey{height:62px}.delivery-world__promise{padding:27px 22px!important}.promise-stat{gap:22px!important}.promise-stat strong{font-size:62px!important}.promise-stat strong>span{font-size:18px!important}.promise-stat>div>span{font-size:12px!important}.area-visual--network{min-height:470px!important}.area-visual--network .radius-caption{left:16px;right:16px;font-size:9px!important}.area-visual .network-paths{inset:66px 20px 78px;width:calc(100% - 40px);height:calc(100% - 144px)}.area-visual .area-node{width:62px;font-size:9px}.area-visual .node-pickup{right:10px!important}.area-visual .node-drop-one,.area-visual .node-drop-two,.area-visual .node-drop-three{left:10px!important}.area-visual .area-node>.icon{width:46px!important;height:46px!important;padding:11px!important}.area-visual .node-pulse{left:31px;top:23px}.area-visual .network-legend span{font-size:10px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.courier-carrier{inset-inline-start:35%;opacity:1}.courier-carrier:after{display:none}.route-progress{transform:scaleX(.5);opacity:.5}.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle{transform:none!important;opacity:0}.fleet-brand-reveal{transform:none}.advantage-tiles>div:after{animation:none;opacity:.4}}


.vehicle-fallback{display:grid;place-items:center}.vehicle-card .supplied-vehicle,.vehicle-card:last-child .supplied-vehicle{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;object-position:center;border-radius:0;transform:none}.vehicle-card .fleet-brand-reveal{transition:opacity .28s .52s,transform .38s .48s}.vehicle-card .vehicle-fallback:after{content:"";position:absolute;right:7%;top:56%;width:42%;height:13px;border-block:1px solid currentColor;opacity:0;pointer-events:none}.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle{animation:vehicle-depart .72s cubic-bezier(.55,.02,.8,.55) both!important;transition:none!important}.vehicle-card:is(:hover,:focus-within,.is-selected) .vehicle-fallback:after{animation:departure-trail .7s ease both}
@keyframes vehicle-depart{0%{transform:translateX(0) rotate(0);opacity:1}20%{transform:translateX(-5%) translateY(-1px) rotate(-.6deg);opacity:1}55%{transform:translateX(-50%) translateY(1px) rotate(.4deg);opacity:1}100%{transform:translateX(-155%) rotate(0);opacity:0}}
@keyframes departure-trail{0%,18%{opacity:0;transform:scaleX(.2);transform-origin:left}35%,65%{opacity:.2;transform:scaleX(1)}100%{opacity:0;transform:translateX(-120%) scaleX(.4)}}
.receipt-route{isolation:isolate;padding-block:26px!important}.receipt-route>div{position:relative;gap:12px!important}.receipt-route>div>.icon{box-sizing:border-box;width:48px!important;height:48px!important;padding:10px;border:1px solid #cadbe7;border-radius:15px;background:#f4f8fb;animation:earnings-node 9s linear infinite}.receipt-route>div:nth-child(3)>.icon{animation-delay:3s}.receipt-route>div:nth-child(5)>.icon{animation-delay:6s}.receipt-route .payout-flow-line{height:3px;margin-top:23px!important;background:#dce5ec;border-radius:4px;overflow:visible}.receipt-route .payout-flow-line:after{inset:0;width:100%;border-radius:4px;background:#347ab7;transform-origin:left;animation:earnings-link 9s linear infinite!important}.receipt-route .payout-flow-line:nth-child(4):after{animation-delay:3s!important}.receipt-route .payout-flow-line:before{content:"";position:absolute;top:-2px;width:7px;height:7px;background:#347ab7;border-radius:50%;box-shadow:0 0 0 4px #347ab716;animation:earnings-dot 9s linear infinite}.receipt-route .payout-flow-line:nth-child(4):before{animation-delay:3s}.receipt-total{position:relative;overflow:hidden}.receipt-total:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #9fc8e4;border-radius:inherit;animation:earnings-total 9s linear infinite}
@keyframes earnings-node{0%,27%{background:#e1eff9;border-color:#78add2;box-shadow:0 0 0 5px #347ab714;transform:translateY(-2px)}34%,100%{background:#f4f8fb;border-color:#cadbe7;box-shadow:0 0 0 0 transparent;transform:none}}
@keyframes earnings-link{0%,8%{transform:scaleX(0);opacity:0}12%{opacity:1}30%,80%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes earnings-dot{0%,8%{left:0;opacity:0}12%{opacity:1}29%{left:100%;opacity:1}34%,100%{left:100%;opacity:0}}
@keyframes earnings-total{0%,66%,100%{opacity:0}73%,88%{opacity:.65}}
.network-paths .map-streets path{stroke:#d2e1eb;stroke-width:22;fill:none;stroke-linecap:round;stroke-linejoin:round}.network-paths .route-base{stroke:#f7fbfe!important;stroke-width:14!important;stroke-dasharray:none!important;stroke-linecap:round;stroke-linejoin:round}.network-paths .route-guide{stroke:#8cacc3!important;stroke-width:1.4!important;stroke-dasharray:4 8!important}.network-paths .area-route-beam{stroke-width:2!important;opacity:.7}.area-node.is-delivered>.icon{border-color:#347ab7!important;background:#e3f1fa!important;box-shadow:0 0 0 5px #347ab715!important}.area-node:after{content:"✓";position:absolute;top:-4px;right:4px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#082442;color:white;font-size:11px;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.area-node.is-delivered:after{opacity:1;transform:scale(1)}
@media(max-width:767px){.receipt-route>div>.icon{width:40px!important;height:40px!important;padding:9px}.receipt-route .payout-flow-line{margin-top:19px!important}.receipt-route>div>span{font-size:10px}.vehicle-card .supplied-vehicle{width:86%!important;max-width:86%!important}}
@media(prefers-reduced-motion:reduce){.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle{animation:none!important;transform:none!important;opacity:0}.receipt-route .payout-flow-line:after{animation:none!important;transform:scaleX(1);opacity:.5}.receipt-route .payout-flow-line:before,.receipt-total:after,.vehicle-fallback:after{display:none}.receipt-route>div>.icon{animation:none!important}.fleet-brand-reveal{transition:none!important}}

/* Equal rhythm, with deliberate icon-to-label spacing at every width. */
.network-paths .delivery-trail{stroke:#347ab7;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:0 1;opacity:.65}.network-paths .area-route-beam{display:none}
.area-visual--network{height:auto!important;aspect-ratio:auto!important}.area-visual--network .radius-caption{order:0}.delivery-map-stage{order:1;flex:none}.map-journey-caption{order:2}.area-visual--network .network-legend{order:3}.area-visual--network .area-illustration-label{order:4}
.partner-launch .signal-grid{display:grid;grid-template-columns:1.15fr .85fr 1.15fr .85fr;gap:0;align-items:stretch;padding-block:20px}.partner-launch .signal-grid>span{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 22px!important;font-size:15px;line-height:1.45;min-width:0;white-space:normal;border:0;border-right:1px solid #dbe3eb}.partner-launch .signal-grid>span:last-child{border:0}.signal-grid>span>span{max-width:220px}.partner-launch .signal-grid .icon{width:28px;height:28px;flex:0 0 28px}
.courier-carrier{left:var(--drive-start,calc(100% - 55px));inset-inline-start:auto;animation:precise-drive 7.2s cubic-bezier(.42,0,.2,1) infinite}.target-stop{position:relative}.target-journey{margin-top:18px;margin-bottom:14px}.target-journey:before{left:16px;right:16px}.route-progress{left:16px;right:16px}.target-stop:after{position:absolute;top:calc(100% + 7px);font-size:9px;color:#536d83;white-space:nowrap;line-height:1;letter-spacing:.03em}.stop-pickup:after{content:'PICKUP';right:0}.stop-delivery:after{content:'DELIVERED';left:0}.timing-note{margin-top:23px}
@keyframes precise-drive{0%,12%{left:var(--drive-start);opacity:0;transform:translateY(0)}17%{opacity:1}70%{left:var(--drive-end);opacity:1;transform:translateY(0)}78%,89%{left:var(--drive-end);opacity:0}90%,100%{left:var(--drive-start);opacity:0}}
.area-visual--network{display:flex;flex-direction:column;align-items:stretch;min-height:0!important;padding:22px 16px 18px!important;gap:12px;background:linear-gradient(150deg,#f6fbff,#edf4f8)!important;box-sizing:border-box}.area-visual--network .radius-caption{position:relative;top:auto;left:auto;right:auto;width:auto;margin:0 8px!important;transform:none}.delivery-map-stage{position:relative;width:100%;aspect-ratio:600/500;margin-top:6px;isolation:isolate}.area-visual .delivery-map-stage .network-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.area-visual .delivery-map-stage .area-node{width:70px;left:auto!important;right:auto!important;top:auto;bottom:auto;transform:translate(-50%,-50%);gap:7px;font-size:10px}.area-visual .delivery-map-stage .node-pickup{left:86.6667%!important;top:50%}.area-visual .delivery-map-stage .node-drop-one{left:13.3333%!important;top:20%}.area-visual .delivery-map-stage .node-drop-two{left:13.3333%!important;top:50%}.area-visual .delivery-map-stage .node-drop-three{left:13.3333%!important;top:80%}.area-visual .delivery-map-stage .area-node>.icon{width:48px!important;height:48px!important;padding:12px!important;box-shadow:0 8px 20px -13px #08244250!important}.area-visual .delivery-map-stage .area-node>span:last-child{position:absolute;top:calc(100% + 5px);white-space:nowrap;left:50%;transform:translateX(-50%);font-size:10px}.area-visual .delivery-map-stage .node-pulse{left:35px;top:24px}.area-node.is-delivered:after{right:4px;top:-5px}.area-visual .network-legend{position:relative;inset:auto;transform:none;align-self:center;margin:0;gap:6px;box-shadow:none;background:white}.area-visual .area-illustration-label{position:static;transform:none;text-align:center;margin-top:0;font-size:10px}.map-journey-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.03em;color:#536d83;margin-top:0}.map-journey-caption>span{width:6px;height:6px;border-radius:50%;background:#347ab7}.network-paths .map-blocks rect{fill:#e5eef4;stroke:#d7e5ef;stroke-width:1}.network-paths .map-streets path{stroke:#c7dce9;stroke-width:25}.network-paths .route-base{stroke:#fff!important;stroke-width:18!important}.network-paths .route-guide{stroke:#8dafc6!important;stroke-dasharray:3 10!important}.area-grid{opacity:.35;pointer-events:none}
@media(max-width:1100px){.partner-launch .signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.partner-launch .signal-grid>span{justify-content:flex-start;padding:12px 24px!important}.partner-launch .signal-grid>span:nth-child(2){border:0}.partner-launch .signal-grid>span>span{max-width:none}}
@media(max-width:767px){.partner-launch .signal-grid{padding-block:12px;row-gap:0}.partner-launch .signal-grid>span{padding:13px 10px!important;font-size:12px;gap:10px}.partner-launch .signal-grid .icon{width:24px;height:24px;flex-basis:24px}.area-visual--network{padding:16px 8px!important;gap:12px}.area-visual--network .radius-caption{margin-inline:4px!important;padding:9px 7px;font-size:8px!important}.area-visual .delivery-map-stage .area-node{width:46px}.area-visual .delivery-map-stage .area-node>.icon{width:36px!important;height:36px!important;padding:8px!important}.area-visual .delivery-map-stage .area-node>span:last-child{font-size:8px}.area-visual .delivery-map-stage .node-pulse{left:23px;top:18px}.area-node:after{width:15px;height:15px;font-size:9px;right:0}.map-journey-caption{font-size:10px;margin-top:8px}.target-stop:after{font-size:8px}.target-journey{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.courier-carrier{left:calc(50% - 35px);inset-inline-start:auto;opacity:1;animation:none!important}}

.hero-delivery-target.delivery-story{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 27px;max-width:820px;padding:25px 29px 18px;overflow:hidden;text-align:left;background:linear-gradient(130deg,#f5faff,#fff 70%);border:1px solid #c7deed;border-radius:26px}.story-dial{grid-row:1/3;position:relative;align-self:center;aspect-ratio:1;color:#fff;background:#082442;border-radius:50%;box-shadow:0 0 0 6px #e4eff6}.story-dial>svg{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg)}.story-dial circle{fill:none;stroke-width:2}.dial-track{stroke:#547791}.dial-progress{stroke:#b1defa;stroke-width:3!important;stroke-dasharray:var(--story-progress,0) 1}.story-dial>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.story-dial strong{font-size:54px;line-height:1.1;letter-spacing:-.05em}.story-dial span{font-size:11px;margin-top:4px}.story-eyebrow{display:block;font-size:9px;letter-spacing:.14em;color:#617c92;font-weight:600;margin-bottom:7px}.delivery-story .story-heading h2{font-size:21px;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.02em}.story-heading h2 br{display:none}.story-status{display:flex;align-items:center;gap:7px;color:#347ab7;font-size:12px;line-height:1.5;margin-top:10px;min-height:20px}.story-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.story-scene{position:relative;height:140px;grid-column:2;isolation:isolate}.story-skyline{position:absolute;left:30px;bottom:37px;width:calc(100% - 60px);height:84px;opacity:.75}.story-road{position:absolute;left:20px;right:20px;bottom:35px;height:3px;border-top:2px dashed #b3cddd}.story-road>span{position:absolute;inset:-2px 0 0;height:2px;background:#347ab7;transform-origin:right;transform:scaleX(var(--story-progress,0))}.story-stop{position:absolute;bottom:21px;width:30px;height:30px;display:grid;place-items:center;background:#f8fcff;border:1px solid #b6d3e7;border-radius:50%;color:#082442;z-index:3}.story-stop>.icon{width:17px;height:17px}.story-pickup{right:4px}.story-drop{left:4px}.story-stop>span{position:absolute;top:36px;font-size:8px;letter-spacing:.07em;white-space:nowrap}.story-check{position:absolute;right:-4px;top:-6px;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;background:#082442;color:#fff;font-size:10px;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}.story-vehicle{position:absolute;left:calc(100% - 120px);bottom:34px;width:88px;height:66px;transform:translateX(-50%);z-index:2;will-change:left}.story-vehicle img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 5px 3px #08244225)}.story-vehicle i{position:absolute;width:22px;height:9px;border-block:1px solid #79a9cc;right:-13px;top:42px;opacity:0}.delivery-story[data-phase=transit] .story-vehicle i{opacity:.55}.story-arrival{position:absolute;left:45px;top:3px;display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid #bfd9ea;border-radius:12px;background:#fff;box-shadow:0 8px 18px -14px #08244260;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;z-index:4}.story-arrival>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#082442;color:#fff;font-size:14px}.story-arrival b{font-size:11px;font-weight:500;line-height:1.45}.story-arrival strong{font-size:14px}.delivery-story[data-phase=done] .story-arrival{opacity:1;transform:none}.delivery-story[data-phase=done] .story-check{opacity:1;transform:scale(1)}.delivery-story[data-phase=done] .story-drop{background:#e2f0fa;box-shadow:0 0 0 5px #347ab712}.story-bottom{grid-column:1/-1;display:flex;align-items:center;gap:15px;border-top:1px solid #e0eaf2;padding-top:11px;margin-top:3px}.story-bottom p{font-size:10px;color:#637b91;line-height:1.6;margin:0;flex:1}.story-toggle{font:inherit;font-size:10px;color:#345c7b;background:transparent;border:1px solid #d0e0ec;border-radius:20px;padding:7px 10px;min-height:32px;cursor:pointer;white-space:nowrap}.story-toggle:hover{background:#eaf3fa}
@media(max-width:767px){.hero-delivery-target.delivery-story{grid-template-columns:72px minmax(0,1fr);gap:14px 18px;padding:22px 18px 15px}.story-dial{grid-row:1}.story-dial strong{font-size:38px}.story-dial span{font-size:9px}.delivery-story .story-heading h2{font-size:16px}.story-heading h2 br{display:block}.story-eyebrow{font-size:7px;letter-spacing:.09em}.story-status{font-size:10px;gap:5px;margin-top:7px}.story-scene{grid-column:1/-1;height:142px}.story-vehicle{width:76px;height:57px}.story-vehicle i{top:35px}.story-bottom{align-items:flex-start;gap:8px}.story-bottom p{font-size:9px}.story-toggle{font-size:9px;white-space:normal;max-width:76px}.story-arrival{left:40px;top:0}.story-arrival b{font-size:10px}.story-arrival strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-arrival,.story-check{transition:none}.story-vehicle i{display:none}}
/* Compact, open hero illustration. */
.hero-delivery-target.delivery-story{display:block;max-width:720px;padding:0;margin:18px auto 12px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.delivery-story .story-scene{height:158px;width:100%}
.story-time{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;color:#345c7b;white-space:nowrap}
.delivery-story[data-phase=done] .story-time{visibility:hidden}
.story-vehicle img[hidden]{display:none}
.story-arrival{top:0}
@media(max-width:767px){.hero-delivery-target.delivery-story{padding:0;margin:14px auto 10px}.delivery-story .story-scene{height:148px}.story-time{font-size:11px}.story-arrival{left:40px}}
/* One shared clock drives the pickup, delivery and weekly settlement flow. */
.hero-journey ol:after,.hero-journey li:not(:last-child):after{display:none!important}
.hero-journey ol{isolation:isolate}
.hero-journey .journey-icon{animation:none!important;transition:background .35s,color .35s,border-color .35s,box-shadow .35s;background:#f3f7fa!important;color:#082442!important;box-shadow:none!important}
.hero-journey li.flow-active .journey-icon{background:#082442!important;color:#fff!important;border-color:#082442;box-shadow:0 0 0 5px #347ab718!important}
.hero-journey li.flow-complete .journey-icon{background:#e7f2fa!important;border-color:#a2c6e1}
.hero-journey .journey-icon:after{content:'✓';position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#347ab7;color:#fff;font-size:10px;border:2px solid #fff;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}
.hero-journey li.flow-complete .journey-icon:after{opacity:1;transform:scale(1)}
.journey-connector{position:absolute;width:2px;background:#dce7ef;z-index:-1;pointer-events:none}
.journey-connector:before{content:'';position:absolute;inset:0;background:#347ab7;transform:scaleY(var(--flow,0));transform-origin:top}
.journey-connector:after{content:'';position:absolute;left:-2px;top:calc(var(--flow,0)*100%);width:6px;height:6px;border-radius:50%;background:#347ab7;box-shadow:0 0 0 3px #347ab714;opacity:var(--dot,0)}
@media(prefers-reduced-motion:reduce){.hero-journey .journey-icon,.hero-journey .journey-icon:after{transition:none}.journey-connector:after{display:none}}
/* Fast departure with a clean logo hand-off and reversible hover motion. */
.vehicle-card .supplied-vehicle{animation:none!important;transform:translate3d(0,0,0);opacity:1;transition:transform .48s cubic-bezier(.4,0,.18,1) .06s,opacity .2s ease .08s!important;backface-visibility:hidden;will-change:transform,opacity}
.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle{animation:none!important;transform:translate3d(-160%,0,0);opacity:0;transition:transform .46s cubic-bezier(.55,.06,.85,.45),opacity .12s linear .32s!important}
.vehicle-card .fleet-brand-reveal{opacity:0;transform:translate3d(10px,0,0) scale(.96);transition:opacity .13s ease,transform .2s ease;will-change:transform,opacity}
.vehicle-card:is(:hover,:focus-within,.is-selected) .fleet-brand-reveal{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .2s ease .34s,transform .28s cubic-bezier(.2,.7,.2,1) .32s}
.vehicle-card:is(:hover,:focus-within,.is-selected) .vehicle-fallback:after{animation:departure-trail .44s ease both}
@media(prefers-reduced-motion:reduce){.vehicle-card .supplied-vehicle,.vehicle-card:is(:hover,:focus-within,.is-selected) .supplied-vehicle,.vehicle-card .fleet-brand-reveal,.vehicle-card:is(:hover,:focus-within,.is-selected) .fleet-brand-reveal{transition:none!important;transform:none!important;animation:none!important}.vehicle-card .vehicle-fallback:after{display:none}}
.live-tabs [data-live-tab]{position:relative;overflow:hidden}
.live-tabs [data-live-tab]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#8ac7f1;transform:scaleX(0);transform-origin:left}
.live-tabs [aria-selected=true]:after{transform:scaleX(var(--screen-progress,0));transition:transform .08s linear}
.app-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px 0 24px;color:#536d83;font-size:11px}
.app-playback button{font:inherit;color:#082442;border:1px solid #cbdce9;border-radius:18px;padding:8px 12px;background:transparent;cursor:pointer;white-space:nowrap}
.app-playback button:hover{background:#edf5fb}
@media(max-width:480px){.app-playback{font-size:10px;gap:8px}.app-playback>span{max-width:170px}}
@media(prefers-reduced-motion:reduce){.live-screen-panels [role=tabpanel]:not([hidden]){animation:none}.live-tabs [aria-selected=true]:after{transition:none}}
/* A detailed local street map with one highlighted journey at a time. */
.area-visual--network{background:linear-gradient(145deg,#f5f9fc,#eaf2f7)!important}
.area-grid{display:none}.delivery-map-stage{border-radius:26px;background:radial-gradient(ellipse at 50% 60%,#fff9,transparent 75%);overflow:visible}
.city-park{fill:#e6f0eb;stroke:#d6e5dd;stroke-width:1}.city-water{fill:none;stroke:#d6e8f2;stroke-width:19;stroke-linecap:round}
.city-side-streets{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.building-shadow{fill:#d7e2e9}.building-roof{fill:#edf2f6;stroke:#ccdae4;stroke-width:1}.building-detail{stroke:white;stroke-width:2}
.network-paths .map-streets path{stroke:#c6d8e5;stroke-width:20;fill:none}.network-paths .route-base{stroke-width:15!important}.network-paths .route-guide{stroke-width:1.3!important;stroke:#a7bdce!important;stroke-dasharray:3 8!important;fill:none;opacity:.7}
.network-paths .delivery-trail{fill:none;stroke:#347ab7;stroke-width:4;opacity:1;stroke-linecap:round;filter:drop-shadow(0 2px 2px #347ab733)}
.network-paths .network-vehicle{animation:none!important;filter:drop-shadow(0 5px 3px #08244228)}
.area-visual .delivery-map-stage .node-drop-one{left:15.8333%!important;top:14.4%}.area-visual .delivery-map-stage .node-drop-two{left:15.8333%!important;top:50%}.area-visual .delivery-map-stage .node-drop-three{left:15.8333%!important;top:86%}
.area-visual .delivery-map-stage .node-pulse{display:none}
.area-node>.icon{transition:background .3s,box-shadow .3s,border-color .3s}.area-node.is-current>.icon{background:#fff!important;border-color:#6eacd6!important;box-shadow:0 0 0 5px #347ab712!important}.area-node.is-delivered>.icon{background:#e5f2f8!important}
.area-visual .network-legend{gap:5px;padding:5px;background:#fff;border:1px solid #d8e5ee;border-radius:28px}
.network-legend button{display:flex;align-items:center;gap:7px;border:0;border-radius:22px;padding:9px 12px;background:#edf4f9;color:#082442;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.network-legend button .icon{width:18px;height:18px}.network-legend button[aria-pressed=true]{background:#082442;color:#fff}.network-legend button:focus-visible{outline:2px solid #347ab7;outline-offset:3px}
.map-journey-caption{margin-top:10px;min-height:18px}.map-journey-caption b{font-weight:500;font-size:11px}
@media(max-width:767px){.network-legend button{padding:8px 10px;font-size:11px}.area-visual .delivery-map-stage .area-node>.icon{width:32px!important;height:32px!important;padding:7px!important}.map-journey-caption{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.area-node>.icon{transition:none}}
.network-paths .delivery-trail{stroke:none;filter:none}
.network-paths .delivery-route-progress{fill:none;stroke:#347ab7;stroke-width:4;stroke-linecap:round;stroke-dasharray:0 1;filter:drop-shadow(0 2px 2px #347ab733)}

/* Responsive finishing pass. Existing desktop composition remains the baseline. */
:root{--tap-size:44px}
html{scroll-padding-top:calc(var(--header-height,84px) + 20px)}
main section[id]{scroll-margin-top:calc(var(--header-height,84px) + 20px)}
.live-app-layout>*,.vehicle-grid>*,.payout-layout>*,.area-panel>*,.footer-main>*{min-width:0}
.vehicle-card .vehicle-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.vehicle-card .supplied-vehicle,.vehicle-card:last-child .supplied-vehicle{position:absolute;inset:6%;width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;min-height:0;min-width:0}
.partner-launch .vehicle-illustration{flex-shrink:0;max-width:none}
.vehicle-pick,[data-map-trip],.header-cta,#menu-toggle{min-height:var(--tap-size)!important;min-width:var(--tap-size)}
.network-legend{gap:8px!important}
:where(button,a,input,select,summary):focus-visible{outline:2px solid #347ab7;outline-offset:4px}
.site-footer a{overflow-wrap:anywhere}
.legal-content{overflow-wrap:anywhere}
.live-screen-panels h3{min-height:2.7em;display:flex;align-items:center;justify-content:center}
@media(min-width:600px) and (max-width:1023px){
 .partner-launch .vehicle-grid{display:grid;grid-template-columns:1fr;max-width:800px;margin-inline:auto;gap:22px}
 .partner-launch .vehicle-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;gap:12px 24px;padding:26px;min-height:0}
 .vehicle-top{grid-column:1;grid-row:1;gap:12px}.vehicle-top h3{font-size:24px}.vehicle-top .vehicle-chip{width:40px;height:40px;flex-basis:40px}.vehicle-top .icon{width:24px;height:24px}
 .vehicle-class-label{grid-column:1;grid-row:2;padding-bottom:12px;margin:0}
 .partner-launch .vehicle-card .vehicle-illustration{grid-column:2;grid-row:1/5;height:100%;min-height:220px;max-height:330px!important;align-self:center;margin:0!important;width:100%}
 .vehicle-card>p{grid-column:1;grid-row:3;margin:0;font-size:14px;line-height:1.75}
 .vehicle-micro{grid-column:1;grid-row:4;align-self:start;margin:0;gap:8px}
 .vehicle-card .vehicle-pick{grid-column:1/-1;grid-row:5;margin-top:4px;padding-top:12px}
 .vehicle-card .fleet-brand-reveal img{width:88%;padding:16px}.fleet-brand-reveal span{font-size:9px;text-align:center}
 .partner-launch .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
 .partner-launch .hero-showcase{grid-column:2;grid-row:1/3;padding-top:30px}
 .partner-launch .hero-journey{display:block;grid-column:1;grid-row:1;max-width:none;margin:0}
 .partner-launch .hero-action{grid-column:1;grid-row:2;align-self:start;margin-top:22px}
 .partner-launch .hero-store-links .store-links{flex-direction:row;flex-wrap:wrap;gap:10px}
 .partner-launch .hero-action .official-store img{height:38px}
}
@media(max-width:1023px){
 .has-js .primary-nav{max-height:calc(100dvh - var(--header-height) - 12px);overflow-y:auto;overscroll-behavior:contain}
 .partner-launch .primary-nav>a{min-height:48px}
 .city-form input,.city-form select{font-size:16px!important;max-width:100%;min-width:0}
 .legal-index{top:100px}
}
@media(max-width:767px){
 :root{--header-height:76px}
 .partner-launch .header-inner{min-height:76px;padding-block:0;grid-template-rows:auto}
 .partner-launch .header-inner>.brand{min-height:76px}
 .partner-launch .primary-nav{top:76px}
 .partner-launch .hero-heading{padding-bottom:8px}
 .partner-launch .hero-layout{margin-top:16px}
 .partner-launch .hero-action{order:0;margin:0 0 18px}
 .partner-launch .hero-showcase{order:1;padding:26px 4px 16px;max-width:430px}
 .partner-launch .hero-journey{order:2;margin-top:16px;padding:24px 22px 0}
 .partner-launch .hero-journey ol{gap:0}.partner-launch .hero-journey li{padding-bottom:24px}.partner-launch .hero-journey b{font-size:14px}
 .partner-launch .hero-journey small{font-size:13px}
 .partner-launch .hero-intro{font-size:15px;line-height:1.8}
 .hero-promises{gap:12px 16px}.hero-promises i{display:none}
 .partner-launch .hero-action .official-store img{height:44px}
 .partner-launch .hero-vehicle-types{flex-wrap:wrap;gap:7px}.hero-vehicle-types b{font-size:11px}
 .live-app-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .live-app-copy{display:contents}
 .live-app-copy>.eyebrow{order:0}.live-app-copy>h2{order:1;margin-top:0}
 .live-app-copy>.section-lead{order:2}.live-app-copy>.app-detail{order:3}
 .live-app-copy>.live-tabs-label{order:4;margin:8px 0 14px}
 .live-app-view{order:5;padding:22px 16px;border-radius:26px}
 .live-tabs{order:6;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 18px}
 .live-app-copy>.text-link{order:7;align-self:flex-start;min-height:44px}
 .live-tabs button{align-items:flex-start;gap:8px;padding:14px 12px;border-radius:15px}
 .live-tabs b{font-size:15px;line-height:1.4}.live-tabs small{font-size:12px;line-height:1.55;margin-top:7px}
 .live-tabs .step-number{font-size:10px;padding-top:3px}.live-tabs button>span:last-child{display:none}
 .real-phone{width:min(100%,220px)}
 .live-screen-panels h3{font-size:17px;margin:18px 0 8px;min-height:2.7em}
 .screen-disclaimer{font-size:11px;max-width:310px}
 .partner-launch .section-lead{font-size:15px;line-height:1.8}
 .partner-launch .delivery-point-card{padding:22px 18px}.partner-launch .delivery-point-card p{font-size:13px;line-height:1.7}
 .partner-launch .pay-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .payment-receipt{padding:24px 18px}
 .receipt-header{gap:12px}.receipt-header h3{font-size:20px;line-height:1.35}
 .receipt-route{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:4px}
 .receipt-route>div>span{font-size:11px!important}
 .receipt-total{padding:20px 16px;gap:12px}.receipt-total strong{font-size:16px;line-height:1.5}
 .receipt-items>div{gap:12px}.receipt-items>div>*{min-width:0}
 .area-panel{padding:26px 18px;gap:26px}.area-visual--network{width:100%;max-width:500px}
 .area-copy .city-form small,.area-note{font-size:12px}
 .partner-launch .faq-answer p{font-size:14px;line-height:1.8}.partner-launch .faq-answer{padding-left:18px}
 .partner-launch .download-card{padding:30px 24px 0;border-radius:26px}
 .partner-launch .download-copy .store-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}
 .partner-launch .download-card .official-store img{height:40px}
 .partner-launch .download-note{font-size:12px;line-height:1.7}
 .partner-launch .footer-brand>p,.partner-launch .footer-contact>a{font-size:13px}
 .site-footer--extended .footer-column>a{min-height:44px;display:flex;align-items:center;line-height:1.5}
 .legal-content p{font-size:15px;line-height:1.85}.legal-index h1{font-size:32px}
}
@media(max-width:379px){
 .live-tabs{gap:8px}.live-tabs button{padding:12px 10px;gap:6px}.live-tabs b{font-size:14px}.live-tabs small{font-size:11px}
 .partner-launch .hero-vehicle-types>span{padding:7px 8px;gap:5px}.hero-vehicle-types b{font-size:10px}
 .partner-launch .hero-action .official-store img{height:40px}
 .partner-launch .download-card{padding-inline:20px}
}
@media(max-height:500px) and (orientation:landscape){
 :root{--header-height:64px}.partner-launch .header-inner,.partner-launch .header-inner>.brand{min-height:64px}.partner-launch .primary-nav{top:64px}
}

@media(max-width:767px){
 .partner-launch .download-copy{padding:0}
 .pay-highlights>span{padding:0 8px!important;min-width:0;border-left:1px solid #dbe3eb}
 .pay-highlights>span:first-child{padding-left:0!important;border-left:0}
 .pay-highlights strong{font-size:32px!important}.pay-highlights>span>span{font-size:11px!important}
}
@media(hover:none){
 .vehicle-card:hover:not(.is-selected):not(:focus-within) .supplied-vehicle{transform:none;opacity:1;animation:none!important}
 .vehicle-card:hover:not(.is-selected):not(:focus-within) .fleet-brand-reveal{opacity:0}
}
@media(max-width:599px){
 .partner-launch .delivery-world__grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .partner-launch .delivery-point-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;min-height:0;padding:22px 20px}
 .delivery-point-card__icon{margin:0}.delivery-point-card>div{min-width:0}
 .partner-launch .delivery-point-card h3{font-size:18px;line-height:1.4;overflow-wrap:normal}
 .partner-launch .delivery-point-card small{font-size:9px}
 .partner-launch .delivery-point-card p{font-size:13px;line-height:1.7}
}
@media(max-width:359px){.advantage-tiles{gap:7px}.advantage-tiles>div{padding:14px 6px}.advantage-tiles dt{font-size:10px}}
/* Synchronised, connected earnings stages. */
.payment-receipt .receipt-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.payment-receipt .receipt-route>div{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;z-index:1}
.payment-receipt .receipt-route>div>.icon{animation:none!important;transform:none!important;transition:background .24s,border-color .24s,box-shadow .24s,color .24s;background:#f4f8fb;color:#082442}
.payment-receipt .receipt-route>div.is-active>.icon{background:#082442;color:#fff;border-color:#082442;box-shadow:0 0 0 5px #347ab714}
.payment-receipt .receipt-route>div.is-complete>.icon{background:#e3f0f9;border-color:#9fc5df;box-shadow:none}
.receipt-route>div:after{content:'✓';position:absolute;left:calc(50% + 12px);top:-5px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:#347ab7;color:white;font-size:10px;opacity:0;transform:scale(.65);transition:opacity .2s,transform .25s}
.receipt-route>div.is-complete:after{opacity:1;transform:scale(1)}
.payment-receipt .receipt-route .payout-flow-line{position:absolute;right:auto;height:2px;margin:0!important;z-index:0;background:#dce7ef;border-radius:4px}
.payment-receipt .receipt-route .payout-flow-line:after{animation:none!important;inset:0;width:100%;height:2px;opacity:1;transform-origin:left;transform:scaleX(var(--receipt-progress,0));background:#347ab7}
.payment-receipt .receipt-route .payout-flow-line:before{animation:none!important;left:calc(var(--receipt-progress,0)*100%);top:-2px;transform:translateX(-50%);width:6px;height:6px;opacity:var(--receipt-dot,0)}
.payment-receipt .receipt-total:after{animation:none!important;opacity:0;transition:opacity .3s;border:1px solid #8cc3e8}
.payment-receipt.is-settled .receipt-total:after{opacity:1}
.story-vehicle{will-change:transform,opacity}
.story-arrival{transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.receipt-route>div:after,.payment-receipt .receipt-total:after{transition:none}.payment-receipt .receipt-route .payout-flow-line:before{display:none}}
/* Supplied October app captures are 720 × 1280. Preserve every screen edge. */
.hero-devices .device{aspect-ratio:auto!important}
.hero-devices .device-screen{height:auto;aspect-ratio:9/16!important}
.hero-devices .real-app-screen{width:100%;height:100%;object-fit:contain}
.real-phone img{aspect-ratio:9/16;object-fit:contain}
/* Compact onboarding cards: icon and title share the first row. */
.partner-launch .step-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr;gap:14px 12px;min-height:0;padding:24px 22px;align-content:start}
.partner-launch .step-card__top{grid-column:1;grid-row:1;margin:0;align-self:center}
.partner-launch .step-icon{width:44px;height:44px;border-radius:13px}
.partner-launch .step-icon .icon{width:23px;height:23px}
.partner-launch .step-card h3{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:18px;line-height:1.4;min-height:44px;display:flex;align-items:center}
.partner-launch .step-card p{grid-column:1/-1;grid-row:2;margin:0;font-size:14px;line-height:1.75}
@media(max-width:767px){.partner-launch .step-card{padding:21px 20px;gap:12px}.partner-launch .step-card h3{font-size:17px}.partner-launch .step-card p{font-size:13px;line-height:1.7}}
/* A typographic hero, with a short route drawn beneath Every Mile. */
.partner-launch .hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.2;letter-spacing:-.045em;font-weight:600}
.hero-title-opening{font-size:.94em;font-weight:500}
.hero-title-purpose{margin-top:.08em}
.hero-speed{color:#347ab7;white-space:nowrap}
.hero-mile{position:relative;display:inline-block;white-space:nowrap}
.hero-mile>svg{position:absolute;left:0;bottom:-.15em;width:100%;height:.29em;overflow:visible;fill:#fff;stroke:#347ab7;stroke-width:1.5;pointer-events:none}
.hero-mile .mile-road{fill:none;stroke:#c5dbe9;stroke-width:2}
.hero-mile .mile-trace{fill:none;stroke:#347ab7;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;animation:hero-mile-draw 1.1s cubic-bezier(.2,.65,.3,1) .25s both}
.hero-mile circle{animation:hero-mile-pin .4s ease .65s both}
.partner-launch .hero-vehicle-types{margin-top:26px}
@keyframes hero-mile-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hero-mile-pin{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.partner-launch .hero h1{font-size:clamp(29px,7.65vw,46px);line-height:1.23}.hero-title-opening .hero-speed{display:block}.hero-title-purpose{margin-top:.22em}.partner-launch .hero-vehicle-types{margin-top:24px}}
/* Official store badges stay in a single balanced row at every width. */
.partner-launch .hero-store-links .store-links,.partner-launch .download-copy .store-links{display:grid;grid-template-columns:minmax(0,150fr) minmax(0,168fr);gap:10px;align-items:center;width:100%;max-width:328px;flex-wrap:nowrap}
.partner-launch .hero-store-links .official-store,.partner-launch .download-copy .official-store{min-height:44px;min-width:0;max-width:100%;width:100%;justify-content:center}
.partner-launch .hero-store-links .official-store img,.partner-launch .download-copy .official-store img{width:100%;height:auto!important;max-width:100%;max-height:50px;object-fit:contain}
@media(max-width:767px){.partner-launch .hero-store-links .store-links{margin-inline:auto}}
/* Map endpoints follow each journey; labels change at collection and handover. */
.area-visual .delivery-map-stage .node-pickup{top:var(--pickup-y,28%)}
.area-visual .delivery-map-stage .area-node>.map-stop-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:100px;white-space:nowrap;text-align:center;line-height:1.4;pointer-events:none}
.map-stop-label b{display:block;font-size:10px;font-weight:500}
.map-stop-label small{display:block;min-height:15px;font-size:9px;font-weight:600;color:#347ab7;margin-top:2px}
.area-node .map-stop-check{position:absolute;top:50%;left:50%;width:23px;height:23px;transform:translate(-50%,-50%) scale(.6);opacity:0;color:white;z-index:3;transition:opacity .2s,transform .3s cubic-bezier(.2,.9,.3,1);pointer-events:none}
.area-node.is-delivered:after{display:none}
.area-node.is-delivered>.icon{color:transparent!important;background:#082442!important;border-color:#082442!important;box-shadow:0 0 0 5px #347ab71a!important}
.area-node.is-delivered .map-stop-check{opacity:1;transform:translate(-50%,-50%) scale(1)}
.area-node.is-collected>.icon{background:#e5f0f8!important;border-color:#b6d1e5!important}
.area-node.is-delivered .map-stop-label small{color:#082442}
.area-node.is-delivered:before{content:'';position:absolute;inset:-5px 6px;border:1px solid #347ab7;border-radius:20px;pointer-events:none;animation:map-handover .7s ease-out both}
.area-visual[data-phase=done] .delivery-route-progress{stroke:#082442;transition:stroke .3s}
.area-visual[data-phase=done] .map-journey-caption>span{box-shadow:0 0 0 4px #347ab718}
@keyframes map-handover{from{transform:scale(.9);opacity:.6}to{transform:scale(1.45);opacity:0}}
@media(max-width:767px){.area-visual .delivery-map-stage .area-node>.map-stop-label{width:72px;top:calc(100% + 6px)}.map-stop-label b{font-size:8px}.map-stop-label small{font-size:8px;min-height:12px}.area-node .map-stop-check{width:18px;height:18px}.area-node.is-delivered:before{inset:-4px 3px;border-radius:14px}}
/* The vehicle parks on the destination; its status appears alongside, after arrival. */
.area-visual .delivery-map-stage [data-map-stop]{left:calc(15.8333% + var(--map-car-half,32px) + 8px)!important;display:flex;flex-direction:row;align-items:center;gap:8px;width:max-content;max-width:none;padding:10px 12px;border:1px solid #bfd9eb;border-radius:13px;background:#fff;box-shadow:0 7px 18px -10px #08244240;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(-50% - var(--map-car-rise,35px)/2 + 6px)) scale(.94);transform-origin:left center;transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}
.area-visual .delivery-map-stage [data-map-stop]:is(.is-arrived,.is-pickup-active){opacity:var(--map-stop-opacity,1);visibility:visible;transform:translateY(calc(-50% - var(--map-car-rise,35px)/2)) scale(1)}
.area-visual .delivery-map-stage [data-map-stop]:before,.area-visual .delivery-map-stage [data-map-stop]:after{display:none}
.area-visual .delivery-map-stage .area-node[data-map-stop]>.map-stop-label{position:static;transform:none;width:auto;text-align:left;white-space:nowrap}
[data-map-stop] .map-stop-label b{font-size:10px;line-height:1.35}
[data-map-stop] .map-stop-label small{font-size:11px;line-height:1.35;min-height:15px;margin-top:2px}
.map-arrival-icon{flex:none;box-sizing:content-box;width:19px;height:19px;padding:5px;border-radius:50%;color:#347ab7;background:#e8f2f9;transition:color .25s,background .25s}
.map-arrival-tick{opacity:0;transform:scale(.65);transform-origin:center;transition:opacity .2s,transform .25s}
.map-arrival-pin{transition:opacity .2s}
:is(.is-delivered,.is-collected) .map-arrival-icon{color:white;background:#082442}
:is(.is-delivered,.is-collected) .map-arrival-pin{opacity:0}
:is(.is-delivered,.is-collected) .map-arrival-tick{opacity:1;transform:scale(1)}
.network-paths .map-arrival-ring{fill:#edf6fc;stroke:#347ab7;stroke-width:1.5;opacity:0;transition:opacity .25s}
.network-paths .map-arrival-ring.is-arrived{opacity:var(--map-stop-opacity,1)}
@media(max-width:767px){.area-visual .delivery-map-stage [data-map-stop]{padding:8px;gap:6px;border-radius:10px}.map-arrival-icon{width:16px;height:16px;padding:4px}[data-map-stop] .map-stop-label b{font-size:9px}[data-map-stop] .map-stop-label small{font-size:10px;min-height:14px}}
.area-visual .delivery-map-stage .node-pickup[data-map-stop]{left:calc(86.6667% - var(--map-car-half,32px) - 8px)!important;transform:translate(-100%,calc(-50% - var(--map-car-rise,35px)/2 + 6px)) scale(.94);transform-origin:right center;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .2s}
.area-visual .delivery-map-stage .node-pickup[data-map-stop].is-pickup-active{transform:translate(-100%,calc(-50% - var(--map-car-rise,35px)/2)) scale(1);transition-delay:0s}
.is-collected .map-stop-label small{color:#082442}
.network-paths .map-pickup-ring{fill:#edf6fc;stroke:#347ab7;stroke-width:1.5;opacity:0;transition:opacity .2s}
.network-paths .map-pickup-ring.is-current{opacity:var(--map-stop-opacity,1)}
/* Vehicle badges keep their circular frame when the adjacent title wraps. */
.partner-launch .vehicle-top{--vehicle-badge-size:50px;--vehicle-symbol-size:29px}
.partner-launch .vehicle-top h3{min-width:0;flex:1 1 0}
.partner-launch .vehicle-top .vehicle-chip{display:grid;place-items:center;box-sizing:border-box;flex:0 0 var(--vehicle-badge-size);width:var(--vehicle-badge-size)!important;height:var(--vehicle-badge-size)!important;min-width:var(--vehicle-badge-size);min-height:var(--vehicle-badge-size);max-width:var(--vehicle-badge-size);max-height:var(--vehicle-badge-size);aspect-ratio:1;border-radius:50%;padding:0;line-height:1}
.partner-launch .vehicle-top .vehicle-chip>.icon{display:block;flex:none;width:var(--vehicle-symbol-size)!important;height:var(--vehicle-symbol-size)!important;aspect-ratio:1;max-width:none;max-height:none}
@media(max-width:1023px){.partner-launch .vehicle-top{--vehicle-badge-size:44px;--vehicle-symbol-size:26px}}
@media(max-width:359px){.partner-launch .vehicle-top{--vehicle-badge-size:42px;--vehicle-symbol-size:24px}}
/* Give the primary partner benefits a clear, readable hierarchy. */
.partner-launch .hero-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;max-width:1000px;margin:32px auto 0;line-height:1.35}
.partner-launch .hero-promises>i{display:none}
.partner-launch .hero-promises>span{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;font-size:22px;font-weight:500;min-width:0}
.partner-launch .hero-promises>span~span{border-left:1px solid #c4d5e2}
.partner-launch .hero-promises b{font-size:44px;line-height:1;font-weight:600;white-space:nowrap}
.partner-launch .hero-promises .icon{width:36px;height:36px;flex:0 0 36px}
.partner-launch .hero-promises>span:last-child>span{font-size:24px;font-weight:600}
.partner-launch .how-footnote{max-width:820px;margin:28px auto 0;padding-top:8px;gap:14px;align-items:center;font-size:18px;font-weight:500;line-height:1.6;color:#e4edf5}
.partner-launch .how-footnote .icon{width:30px;height:30px;flex:0 0 30px;margin:0}
.partner-launch .how-footnote>span{min-width:0}
.partner-launch .hero-journey .journey-footer{justify-content:flex-start;align-items:center;gap:12px;padding-block:18px;font-size:17px;font-weight:500;line-height:1.45;text-align:left}
.partner-launch .hero-journey .journey-footer .icon{width:30px;height:30px;flex:0 0 30px}
.partner-launch .hero-journey .journey-footer>span{min-width:0;flex:1}
.partner-launch .payment-receipt .receipt-fine{font-size:14px;line-height:1.65;margin-top:18px}
.partner-launch .receipt-total>span{flex:none}
.partner-launch .receipt-total>span>.icon{display:block;width:40px;height:40px;flex:none}
.partner-launch .receipt-total>div{min-width:0}
.partner-launch .receipt-total small{font-size:13px;line-height:1.5}
.partner-launch .receipt-total strong{font-size:22px;line-height:1.4;margin-top:6px}
.partner-launch .promise-copy .advantage-note{font-size:16px!important;line-height:1.65;gap:10px}
.partner-launch .promise-copy .advantage-note:before{width:8px;height:8px}
@media(min-width:768px) and (max-width:1023px){
 .partner-launch .hero-promises>span{flex-direction:column;gap:10px;font-size:18px;text-align:center}
 .partner-launch .hero-promises b{font-size:40px}
 .partner-launch .hero-promises .icon{margin-block:2px}
 .partner-launch .hero-promises>span:last-child>span{font-size:20px}
}
@media(max-width:767px){
 .partner-launch .hero-promises{margin-top:24px}
 .partner-launch .hero-promises>span{flex-direction:column;justify-content:flex-start;gap:10px;padding:8px 6px;font-size:15px;text-align:center}
 .partner-launch .hero-promises b{font-size:38px;min-height:38px}
 .partner-launch .hero-promises .icon{width:34px;height:34px;flex-basis:34px;margin-block:2px}
 .partner-launch .hero-promises>span:last-child>span{font-size:17px;line-height:1.3}
 .partner-launch .how-footnote{gap:12px;font-size:15px;text-align:left;padding-top:4px;margin-top:24px}
 .partner-launch .how-footnote .icon{width:26px;height:26px;flex-basis:26px}
 .partner-launch .hero-journey .journey-footer{font-size:17px}
 .partner-launch .receipt-total strong{font-size:20px}
 .partner-launch .receipt-total>span>.icon{width:36px;height:36px}
}
@media(max-width:359px){.partner-launch .hero-promises>span{padding-inline:4px;font-size:13.5px}.partner-launch .hero-promises>span:last-child>span{font-size:15px}.partner-launch .hero-promises b{font-size:36px}}

/* Keep the journey footer on one line, sized to its own card. */
.partner-launch .hero-journey .journey-footer{container-type:inline-size;gap:8px;margin-inline:-8px}
.partner-launch .hero-journey .journey-footer>span{font-size:clamp(13px,6.4cqi,17px);white-space:nowrap;line-height:1.5}
.partner-launch .hero-journey .journey-footer .icon{width:clamp(24px,10.5cqi,30px);height:clamp(24px,10.5cqi,30px);flex:0 0 auto}

/* The phone rises with the scroll while the rings move more slowly behind it. */
.partner-launch .download-visual{--download-phone-scale:1;--download-phone-y:0px;--download-ring-y:0px}
.partner-launch .download-brand-phone{top:52px;transform:translateX(-50%) scale(var(--download-phone-scale));transform-origin:50% 0;translate:0 var(--download-phone-y);will-change:translate}
.partner-launch .download-visual__pattern{width:min(480px,140%);height:auto;aspect-ratio:1;left:50%;top:53%;transform:translate(-50%,-50%);translate:0 var(--download-ring-y);border-color:#b5d6ec26;pointer-events:none}
.partner-launch .download-visual .download-visual__pattern::before{inset:10%;border-color:#b5d6ec24;border-top-color:#b5d6ec80;animation:download-ring-orbit 24s linear infinite;animation-play-state:paused}
.partner-launch .download-visual .download-visual__pattern::after{inset:21%;border-color:#b5d6ec24;border-bottom-color:#b5d6ec66;animation:download-ring-orbit 19s linear infinite reverse;animation-play-state:paused}
.partner-launch .download-visual.is-motion-active .download-visual__pattern::before,.partner-launch .download-visual.is-motion-active .download-visual__pattern::after{animation-play-state:running}
@keyframes download-ring-orbit{from{transform:rotate(0turn) scale(.98)}50%{transform:rotate(.5turn) scale(1.02)}to{transform:rotate(1turn) scale(.98)}}
@media(max-width:1023px){.partner-launch .download-visual{--download-phone-scale:.87}}
@media(max-width:767px){.partner-launch .download-visual{--download-phone-scale:.83}.partner-launch .download-brand-phone{top:32px}}
@media(max-width:379px){.partner-launch .download-visual{--download-phone-scale:.78}}
@media(prefers-reduced-motion:reduce){
 .partner-launch .download-brand-phone,.partner-launch .download-visual__pattern{translate:0 0;will-change:auto}
 .partner-launch .download-visual .download-visual__pattern::before,.partner-launch .download-visual .download-visual__pattern::after{animation:none!important}
}


/* Legal pages: saved-copy notice and last-updated line (runtime legal loader) */
.legal-index .legal-notice,.legal-index [data-legal-updated]{display:block;font-size:13px;line-height:1.6;color:#53677c;margin:0 0 20px}
.legal-index [data-legal-updated]:empty{display:none}