.dynamic-logistics{
--dlm-green:var(--color-green,#056839);
--dlm-blue:var(--color-blue,#262364);
--dlm-ink:var(--color-charcoal,#111);
--dlm-muted:var(--color-muted,#62645f);
--dlm-line:var(--color-line,#deded5);
--dlm-ivory:var(--color-off-white,#fafaf5);
--dlm-shadow:var(--shadow,0 18px 55px rgba(17,17,17,.08));
padding-top:1rem;
overflow:hidden
}
.dynamic-logistics [hidden]{display:none!important}
.dlm-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.dlm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dlm-direction-toggle{display:flex;width:max-content;margin:0 0 1.4rem auto;padding:0;border:1px solid var(--dlm-line);border-radius:999px;background:rgba(255,255,255,.68);overflow:hidden;box-shadow:0 8px 25px rgba(17,17,17,.04)}
.dlm-direction-option{min-height:48px;padding:.72rem 1.2rem;border:0;border-left:1px solid transparent;background:transparent;display:flex;align-items:center;gap:.55rem;cursor:pointer;white-space:nowrap;color:var(--dlm-ink)}
.dlm-direction-option+.dlm-direction-option{border-left-color:var(--dlm-line)}
.dlm-direction-option.is-active{background:#fff;font-weight:700}
.dlm-direction-dot{width:13px;height:13px;border:3px solid var(--dlm-green);border-radius:50%;box-shadow:0 0 0 2px #fff inset}
.dlm-reverse-icon{color:var(--dlm-blue);font-size:1.2rem}
.dlm-direction-option:focus-visible,.dlm-stage-button:focus-visible,.dlm-stage-node:focus-visible,.dlm-motion-toggle:focus-visible,.dlm-close-card:focus-visible{outline:3px solid rgba(170,30,34,.65);outline-offset:3px}
.dlm-experience{position:relative}
.dlm-desktop-diagram{position:relative;height:270px;isolation:isolate}
.dlm-map-layer{position:absolute;inset:0;z-index:-1}
.dlm-map-layer svg{width:100%;height:100%;overflow:visible}
.dlm-highres-map{opacity:.7;image-rendering:auto;transform-box:fill-box;transform-origin:center}
.dlm-experience[data-direction="eu-br"] .dlm-highres-map{transform:scaleX(-1)}
.dlm-route{fill:none;stroke-linecap:round;stroke-width:1.6;stroke-dasharray:4 5;opacity:.32;transition:opacity .35s ease,stroke-width .35s ease}
.dlm-route-origin,.dlm-route-feeder,.dlm-route-ocean{stroke:var(--dlm-green)}
.dlm-feeder-4{display:none}
.dlm-experience[data-direction="eu-br"] .dlm-feeder-4{display:block}
.dlm-route-ocean{stroke-width:2}
.dlm-route-europe,.dlm-route-branch{stroke:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-route-origin,.dlm-experience[data-direction="eu-br"] .dlm-route-feeder,.dlm-experience[data-direction="eu-br"] .dlm-route-ocean{stroke:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-route-europe,.dlm-experience[data-direction="eu-br"] .dlm-route-branch{stroke:var(--dlm-green)}
.dlm-experience[data-active-stage="1"] .dlm-segment-1,.dlm-experience[data-active-stage="1"] .dlm-route-feeder,.dlm-experience[data-active-stage="2"] .dlm-segment-2,.dlm-experience[data-active-stage="3"] .dlm-segment-3,.dlm-experience[data-active-stage="4"] .dlm-segment-4,.dlm-experience[data-active-stage="5"] .dlm-segment-5,.dlm-experience[data-active-stage="6"] .dlm-segment-6,.dlm-experience[data-active-stage="7"] .dlm-segment-7,.dlm-experience[data-active-stage="7"] .dlm-route-branch{opacity:1;stroke-width:2.4}
.dlm-route-arrow path{fill:var(--dlm-green);transition:fill .25s ease}
.dlm-experience[data-direction="eu-br"] .dlm-route-arrow path{fill:var(--dlm-blue)}
.dlm-origin-stack,.dlm-destination-stack{position:absolute;top:35px;display:grid;gap:8px;width:150px}
.dlm-origin-stack{left:0}.dlm-destination-stack{right:0;width:160px}
.dlm-endpoint-card,.dlm-more-card{min-height:50px;border:1px solid #d8d8d0;border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(17,17,17,.035);display:flex;align-items:center;gap:.65rem;padding:.58rem .7rem;font-size:.76rem;line-height:1.25}
.dlm-endpoint-card svg{width:26px;height:26px;flex:0 0 auto;color:var(--dlm-green)}
.dlm-destination-stack .dlm-endpoint-card svg{color:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-origin-stack .dlm-endpoint-card svg{color:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-destination-stack .dlm-endpoint-card svg{color:var(--dlm-green)}
.dlm-endpoint-card strong,.dlm-endpoint-card small{display:block}.dlm-endpoint-card small{margin-top:.18rem;color:#3f403d;font-size:.68rem}
.dlm-more-card{min-height:34px;justify-content:center;background:transparent;font-size:.7rem}
.dlm-stage-nodes{position:absolute;inset:0}
.dlm-stage-node{--dlm-stage-tone:var(--dlm-green);position:absolute;top:128px;width:58px;min-height:86px;transform:translateX(-50%);border:0;background:none;padding:0;color:var(--dlm-stage-tone);cursor:pointer;text-align:center}
.dlm-stage-node:nth-child(n+5){--dlm-stage-tone:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-stage-node{--dlm-stage-tone:var(--dlm-blue)}
.dlm-experience[data-direction="eu-br"] .dlm-stage-node:nth-child(n+5){--dlm-stage-tone:var(--dlm-green)}
.dlm-stage-node-ring{width:54px;height:54px;margin:auto;border:1.7px solid currentColor;border-radius:50%;background:rgba(255,255,255,.93);display:grid;place-items:center;box-shadow:0 5px 16px rgba(17,17,17,.045);transition:transform .2s ease,background .2s ease}
.dlm-stage-node svg{width:25px;height:25px}.dlm-stage-node-number{position:absolute;top:41px;right:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--dlm-stage-tone);color:#fff;font-size:.65rem;font-weight:800}
.dlm-stage-node.is-active .dlm-stage-node-ring{transform:scale(1.12);background:#fff;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 10%,transparent)}
.dlm-stage-card{position:absolute;z-index:5;left:50%;top:188px;width:260px;min-height:105px;padding:.75rem .9rem;border:1px solid #d9d9d1;border-radius:.55rem;background:#fff;box-shadow:var(--dlm-shadow);transform:translateX(-50%)}
.dlm-stage-card::before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-left:1px solid #d9d9d1;border-top:1px solid #d9d9d1;background:#fff;transform:translateX(-50%) rotate(45deg)}
.dlm-stage-card-heading{display:flex;align-items:center;gap:.55rem;color:var(--dlm-stage-color,var(--dlm-green))}.dlm-stage-card-heading svg{width:23px;height:23px}.dlm-stage-card-heading strong{color:var(--dlm-ink);font-size:.84rem}
.dlm-stage-card p{margin:.65rem 0 .55rem;font-size:.75rem;line-height:1.42;color:#383936}.dlm-stage-card small{color:var(--dlm-stage-color,var(--dlm-green));font-size:.69rem;font-weight:700}
.dlm-close-card{position:absolute;right:.25rem;top:.15rem;width:44px;height:44px;border:0;background:none;cursor:pointer;font-size:1rem}
.dlm-motion-status{display:flex;align-items:center;gap:.55rem;margin:.1rem .5rem 1.4rem;color:#6b6d69;font-size:.72rem}.dlm-motion-toggle{border:0;background:none;color:var(--dlm-green);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dlm-stage-strip{border:1px solid var(--dlm-line);border-radius:.75rem;background:rgba(255,255,255,.68);box-shadow:0 10px 30px rgba(17,17,17,.04);overflow-x:auto;scrollbar-width:thin}.dlm-stage-strip-track{min-width:1000px;display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));padding:.7rem}
.dlm-stage-button{--dlm-stage-tone:var(--dlm-green);position:relative;min-height:64px;padding:.45rem .75rem;border:0;border-right:1px solid var(--dlm-line);background:transparent;display:grid;grid-template-columns:28px 1fr;gap:.55rem;align-items:center;text-align:left;cursor:pointer;border-radius:.45rem;color:var(--dlm-stage-tone)}
.dlm-stage-button:nth-child(n+5){--dlm-stage-tone:var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-stage-button{--dlm-stage-tone:var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-stage-button:nth-child(n+5){--dlm-stage-tone:var(--dlm-green)}
.dlm-stage-button:last-child{border-right:0}.dlm-stage-button.is-active{background:color-mix(in srgb,currentColor 10%,white);box-shadow:inset 0 0 0 1px currentColor}.dlm-stage-button-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--dlm-stage-tone);color:#fff;font-weight:800;font-size:.72rem}.dlm-stage-button-label{font-size:.72rem;font-weight:700;line-height:1.3;color:var(--dlm-ink)}
.dlm-estimate-note{margin:.9rem .75rem 0;color:#696b67;font-size:.7rem}.dlm-mobile-flow{display:none}
@media(min-width:1200px){.dlm-experience[data-direction="eu-br"] .dlm-desktop-diagram{height:330px}}
@media(max-width:1199px){.dlm-desktop-diagram{height:390px}.dlm-origin-stack{width:136px}.dlm-destination-stack{width:146px}.dlm-stage-card{top:292px}}
@media(max-width:1023px){.dlm-desktop-diagram{height:410px}.dlm-origin-stack,.dlm-destination-stack{top:105px}.dlm-stage-node{top:205px}.dlm-stage-card{top:286px;width:235px}.dlm-map-layer svg{transform:scaleY(.92)}}
@media(max-width:767px){.dynamic-logistics{padding-top:0}.dlm-direction-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:.75rem}.dlm-direction-option{min-height:52px;padding:.6rem .55rem;justify-content:center;font-size:.76rem;white-space:normal;text-align:center}.dlm-desktop-diagram{display:none}.dlm-mobile-flow{display:grid;margin-top:1.6rem}.dlm-mobile-endpoint{border:1px solid var(--dlm-line);border-radius:.7rem;background:rgba(255,255,255,.75);padding:1rem;display:grid;gap:.55rem}.section .dlm-mobile-endpoint h2{max-width:none;margin:0;font:700 1.35rem/1.15 Georgia,'Times New Roman',serif;letter-spacing:0}.dlm-mobile-endpoint p{margin:0;color:var(--dlm-muted);font-size:.82rem}.dlm-mobile-endpoint.dlm-origin{border-left:4px solid var(--dlm-green)}.dlm-mobile-endpoint.dlm-destination{border-left:4px solid var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-mobile-endpoint.dlm-origin{border-left-color:var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-mobile-endpoint.dlm-destination{border-left-color:var(--dlm-green)}.dlm-mobile-stage{position:relative;display:grid;grid-template-columns:54px 1fr;gap:.8rem;align-items:center;min-height:88px;border:0;background:none;text-align:left;padding:.6rem 0;cursor:pointer;color:var(--dlm-green)}.dlm-mobile-stage:nth-of-type(n+5){color:var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-mobile-stage{color:var(--dlm-blue)}.dlm-experience[data-direction="eu-br"] .dlm-mobile-stage:nth-of-type(n+5){color:var(--dlm-green)}.dlm-mobile-stage:not(:last-of-type)::after{content:"";position:absolute;left:26px;top:69px;bottom:-18px;border-left:1px dashed currentColor;opacity:.55}.dlm-mobile-stage-icon{width:52px;height:52px;border:1.5px solid currentColor;border-radius:50%;background:#fff;display:grid;place-items:center}.dlm-mobile-stage-icon svg{width:25px;height:25px}.dlm-mobile-stage.is-active .dlm-mobile-stage-icon{box-shadow:0 0 0 6px color-mix(in srgb,currentColor 10%,transparent)}.dlm-mobile-stage strong{display:block;color:var(--dlm-ink);font-size:.93rem}.dlm-mobile-stage small{display:block;margin-top:.22rem;color:var(--dlm-muted);font-size:.76rem;line-height:1.35}.dlm-mobile-stage-detail{grid-column:1/-1;margin:-.15rem 0 .5rem 66px;padding:.75rem .85rem;border-left:2px solid currentColor;background:#fff;color:var(--dlm-ink);font-size:.78rem;line-height:1.45;box-shadow:0 6px 22px rgba(17,17,17,.04)}.dlm-motion-status{margin-top:1rem}.dlm-stage-strip{margin-inline:-.15rem}.dlm-stage-strip-track{min-width:970px}}
@media(max-width:360px){.dlm-direction-option{font-size:.7rem}.dlm-direction-dot{width:11px;height:11px}.dlm-mobile-stage{grid-template-columns:48px 1fr}.dlm-mobile-stage-icon{width:46px;height:46px}.dlm-mobile-stage:not(:last-of-type)::after{left:23px}.dlm-mobile-stage-detail{margin-left:59px}}
@media(prefers-reduced-motion:reduce){.dynamic-logistics *,.dynamic-logistics *::before,.dynamic-logistics *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dlm-route{opacity:.8}}