/* One complete route, followed by six readable stages. Homepage only. */
.import-journey{display:block;background:#0b0b0b;border-top:1px solid var(--line);color:var(--ink);padding-block:76px}
.import-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.import-heading h2{font-size:clamp(38px,3.1vw,50px);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.import-heading>p{margin-top:20px;color:var(--muted);font-size:15px}
.import-route{margin:0;min-width:0;color:var(--ink)}
.import-route svg{display:block;width:100%;height:auto;overflow:visible}
.import-route path,.import-route circle{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.import-route .import-route-track{stroke:var(--line)}
.import-route .import-route-progress{stroke:var(--muted)}
.import-route circle{fill:#0b0b0b}
.import-route figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}
.import-route figcaption span{flex:1}
.import-route figcaption span:nth-child(2){text-align:center}
.import-route figcaption span:last-child{text-align:right}
.import-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 42px;list-style:none;padding:0;margin:42px 0 0}
.import-steps li{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:14px;align-content:start;padding-top:20px;border-top:1px solid var(--line)}
.import-step-number{grid-column:1;grid-row:1/3;padding-top:5px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.import-steps h3{grid-column:2;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.025em}
.import-steps p{grid-column:2;max-width:43ch;margin-top:10px;color:var(--muted);font-size:14px;line-height:1.7}
.import-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.import-terms{max-width:76ch;min-width:0}
.import-scope{font-size:12px;line-height:1.75;color:var(--muted)}
.import-agreement{margin-top:13px}
.import-agreement summary{display:flex;align-items:center;gap:14px;width:fit-content;min-height:44px;font-size:12px;line-height:1.5;cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:5px}
.import-agreement summary::-webkit-details-marker{display:none}
.import-agreement summary svg{flex:none;width:14px;height:14px;transition:transform 180ms var(--ease)}
.import-agreement[open] summary svg{transform:rotate(45deg)}
.import-agreement>p{margin-top:9px;font-size:14px;line-height:1.8;color:var(--muted)}
.import-enquire{flex-shrink:0;margin-top:0;min-height:44px;align-items:center;padding-bottom:0;white-space:nowrap}
.import-agreement summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(min-width:801px){.import-steps li:nth-child(3n+2){--import-delay:100ms}.import-steps li:nth-child(3n){--import-delay:200ms}}
@media(max-width:1000px) and (min-width:601px){.import-intro{gap:6%}.import-steps{gap:32px 28px}}
@media(max-width:800px){.import-intro{grid-template-columns:1fr;gap:28px}.import-route{max-width:560px}.import-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;margin-top:38px}.import-steps li{--import-delay:0ms}.import-steps li:nth-child(even){--import-delay:100ms}.import-footer{gap:28px}.import-heading h2{font-size:38px}}
@media(max-width:600px){.import-journey{padding-block:58px}.import-heading h2{font-size:38px}.import-heading>p{font-size:14px;margin-top:16px}.import-intro{gap:24px}.import-route{margin-top:3px}.import-route figcaption{font-size:12px;margin-top:2px}.import-steps{grid-template-columns:1fr;gap:0;margin-top:30px}.import-steps li{column-gap:18px;padding:21px 0 23px;--import-delay:0ms!important}.import-steps h3{font-size:22px}.import-steps p{margin-top:8px;max-width:none}.import-footer{display:block;margin-top:0;padding-top:23px}.import-enquire{margin-top:22px}}
/* The route travels once when visible. Copy never waits for an animation. */
@media(prefers-reduced-motion:no-preference){
  .import-journey.is-travelling .import-route-progress{stroke-dasharray:1;animation:import-route-draw 4400ms linear both}
  .import-journey.is-travelling .import-ship{animation:import-by-sea 4400ms linear both}
  .import-journey.is-travelling .import-carrier{animation:import-by-road 4400ms linear both}
  .import-journey.is-travelling .import-steps li::before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:var(--muted);transform-origin:left;animation:import-stage-line 700ms var(--ease) var(--import-delay,0ms) both}
}
@keyframes import-route-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes import-by-sea{0%{transform:translate(20px,15px);opacity:0}8%{opacity:1}45%{transform:translate(285px,15px);opacity:1}51%,100%{transform:translate(300px,15px);opacity:0}}
@keyframes import-by-road{0%,45%{transform:translate(315px,15px);opacity:0}54%{opacity:1}100%{transform:translate(580px,15px);opacity:1}}
@keyframes import-stage-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.import-agreement summary svg{transition:none}}