@property --fly{syntax:"<number>";inherits:true;initial-value:0}.cargo-line{--k:1;--swell-t:2.4s;--heave:.8px;--runway:4px;--lift:15.5px;--roll:.04;--climb:.3;--descent:.4;--fly:var(--at);--swell-anchor:calc(var(--at,.5) * (100cqw - var(--w,46px)));height:44px;color:var(--color-warp-green);align-items:center;display:flex}.cargo-line .dot{background:currentColor;border-radius:50%;flex:none;align-self:flex-end;width:7px;height:7px;margin-bottom:4px}.cargo-line .dot.hollow{background:0 0;box-shadow:inset 0 0 0 1.5px}.cargo-line .stage{animation:.7s cubic-bezier(.2,.7,.2,1) both cargo-reveal;animation-delay:calc(var(--i,0) * .12s + .1s);border-radius:6px;flex:1;align-self:stretch;margin:0 5px;position:relative;overflow:hidden;container-type:inline-size}.cargo-line.ocean .stage{background:linear-gradient(180deg, transparent 50%, var(--color-warp-green-glow))}.cargo-line .slot{top:0;bottom:0;left:0;right:var(--w,46px);position:absolute}.cargo-line .pos{left:calc(var(--fly) * 100%);width:var(--w,46px);animation:1.5s cubic-bezier(.45,0,.25,1) both cargo-launch;animation-delay:calc(var(--i,0) * .12s + .4s);position:absolute}.cargo-line.docked .pos{animation:none}.cargo-line .swell{background-color:var(--color-warp-green);position:absolute;bottom:0;left:0;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.cargo-line .swell.back{height:16px;animation:5.2s linear infinite cargo-swell-back;right:-74px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='12' viewBox='0 0 56 12'%3E%3Cpath d='M0 7C7 4 21 4 28 7S49 10 56 7V12H0Z' fill-opacity='.14'/%3E%3Cpath d='M0 7C7 4 21 4 28 7S49 10 56 7' fill='none' stroke='%23000' stroke-opacity='.45'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='12' viewBox='0 0 56 12'%3E%3Cpath d='M0 7C7 4 21 4 28 7S49 10 56 7V12H0Z' fill-opacity='.14'/%3E%3Cpath d='M0 7C7 4 21 4 28 7S49 10 56 7' fill='none' stroke='%23000' stroke-opacity='.45'/%3E%3C/svg%3E");-webkit-mask-size:74px 16px;mask-size:74px 16px}.cargo-line .swell.front{right:calc(-52px * var(--k));height:calc(12px * var(--k));-webkit-mask-size:calc(52px * var(--k)) calc(12px * var(--k));-webkit-mask-size:calc(52px * var(--k)) calc(12px * var(--k));mask-size:calc(52px * var(--k)) calc(12px * var(--k));-webkit-mask-position:var(--swell-anchor) bottom;-webkit-mask-position:var(--swell-anchor) bottom;mask-position:var(--swell-anchor) bottom;animation:cargo-swell-front var(--swell-t) linear infinite;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='9' viewBox='0 0 40 9'%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5V9H0Z' fill-opacity='.22'/%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='9' viewBox='0 0 40 9'%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5V9H0Z' fill-opacity='.22'/%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E")}.cargo-line.ocean .pos{bottom:calc(1.1px * var(--k));height:calc(22.5px * var(--k))}.cargo-line .vessel{width:var(--w,46px);height:calc(22.5px * var(--k));transform-origin:52% 78.3%}.cargo-line .vessel svg{width:100%;height:100%;display:block}.cargo-line.moving .vessel{animation:cargo-heave calc(var(--swell-t) / 2) cubic-bezier(.37, 0, .63, 1) calc(var(--swell-t) * -.708) infinite alternate, cargo-pitch calc(var(--swell-t) / 2) cubic-bezier(.37, 0, .63, 1) calc(var(--swell-t) * -.958) infinite alternate}.cargo-line.docked .vessel{--heave:.3px;animation:1.6s cubic-bezier(.37,0,.63,1) infinite alternate cargo-heave,2.3s cubic-bezier(.37,0,.63,1) infinite alternate cargo-moored}.cargo-line.docked .swell.front{animation:3.2s cubic-bezier(.37,0,.63,1) infinite alternate cargo-lap}.cargo-line.docked .swell.back{animation:4.6s cubic-bezier(.37,0,.63,1) -1.3s infinite alternate cargo-lap}.cargo-line .ship-art .box.g{fill:var(--color-warp-green)}.cargo-line .ship-art .box.b{fill:var(--color-text-secondary)}.cargo-line .ship-art .box.s{fill:var(--color-text-dim)}.cargo-line .ship-art .box.l{fill:var(--color-text-muted)}.cargo-line .ship-art .bridge{fill:var(--color-text-primary)}.cargo-line :is(.ship-art,.plane-art,.truck-art) .glass{fill:var(--color-surface-0)}.cargo-line .ship-art .funnel{fill:var(--color-text-muted)}.cargo-line .ship-art .hull{fill:var(--color-text-secondary)}.cargo-line .ship-art .boot{fill:var(--color-surface-4)}.cargo-line .ship-art .under{fill:var(--color-surface-4);opacity:.8}.cargo-line .foam{height:calc(12px * var(--k));-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 calc(28px * var(--k)), #000 calc(38px * var(--k)), transparent calc(41px * var(--k)), transparent calc(74px * var(--k)), #000 calc(77px * var(--k)), #00000080 calc(80px * var(--k)), transparent calc(84px * var(--k)));-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 calc(28px * var(--k)), #000 calc(38px * var(--k)), transparent calc(41px * var(--k)), transparent calc(74px * var(--k)), #000 calc(77px * var(--k)), #00000080 calc(80px * var(--k)), transparent calc(84px * var(--k)));mask-image:linear-gradient(90deg, transparent 0, #000 calc(28px * var(--k)), #000 calc(38px * var(--k)), transparent calc(41px * var(--k)), transparent calc(74px * var(--k)), #000 calc(77px * var(--k)), #00000080 calc(80px * var(--k)), transparent calc(84px * var(--k)));-webkit-mask-size:calc(84px * var(--k)) 100%;-webkit-mask-size:calc(84px * var(--k)) 100%;mask-size:calc(84px * var(--k)) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(var(--fly) * (100cqw - var(--w,46px)) - 34px * var(--k)) 0;-webkit-mask-position:calc(var(--fly) * (100cqw - var(--w,46px)) - 34px * var(--k)) 0;mask-position:calc(var(--fly) * (100cqw - var(--w,46px)) - 34px * var(--k)) 0;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cargo-line.moving .foam{animation:.9s both cargo-fade-in;animation-delay:calc(var(--i,0) * .12s + 1.7s);display:block}.cargo-line .foam>span{top:0;bottom:0;left:0;right:calc(-52px * var(--k));background-color:var(--color-text-primary);opacity:.65;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='9' viewBox='0 0 40 9'%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, #000 0 calc(4px * var(--k)), transparent calc(4px * var(--k)) calc(6.5px * var(--k)));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='9' viewBox='0 0 40 9'%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, #000 0 calc(4px * var(--k)), transparent calc(4px * var(--k)) calc(6.5px * var(--k)));mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='9' viewBox='0 0 40 9'%3E%3Cpath d='M0 4.5C5 1.5 15 1.5 20 4.5S35 7.5 40 4.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, #000 0 calc(4px * var(--k)), transparent calc(4px * var(--k)) calc(6.5px * var(--k)));-webkit-mask-size:calc(52px * var(--k)) calc(12px * var(--k)), auto;-webkit-mask-size:calc(52px * var(--k)) calc(12px * var(--k)), auto;mask-size:calc(52px * var(--k)) calc(12px * var(--k)), auto;-webkit-mask-repeat:repeat-x,repeat;mask-repeat:repeat-x,repeat;-webkit-mask-position:var(--swell-anchor) bottom, 0 0;-webkit-mask-position:var(--swell-anchor) bottom, 0 0;mask-position:var(--swell-anchor) bottom, 0 0;-webkit-mask-composite:source-in;animation:cargo-swell-front var(--swell-t) linear infinite;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.cargo-line.air{--x:clamp(0, min((var(--fly) - var(--roll)) / var(--climb), (1 - var(--roll) - var(--fly)) / var(--descent)), 1);--alt:calc(var(--x) * var(--x) * (3 - 2 * var(--x)));--climbing:clamp(0, ((1 - var(--roll) - var(--fly)) / var(--descent) - (var(--fly) - var(--roll)) / var(--climb)) * 100000, 1);--rise:calc(6 * var(--x) * (1 - var(--x)) * (var(--climbing) / var(--climb) - (1 - var(--climbing)) / var(--descent)));--vapor:clamp(0, (var(--alt) - .9) * 10, 1);--ceiling:min(var(--lift), (100cqw - var(--w,40px)) * .08)}.cargo-line.air.moving{animation:2s cubic-bezier(.45,0,.25,1) both cargo-takeoff;animation-delay:calc(var(--i,0) * .12s + .4s)}.cargo-line.air .pos{top:calc(100% - var(--runway) - 14.5px * var(--k) - var(--alt) * var(--ceiling));height:calc(16px * var(--k));transform-origin:10% 60%;rotate:min(atan2(calc(var(--rise) * var(--ceiling) * -1), calc(100cqw - var(--w,40px))), atan2(calc(var(--alt) * var(--ceiling) * .8), calc(27px * var(--k))));animation:none}.cargo-line .plane{width:var(--w,40px);height:calc(16px * var(--k))}.cargo-line .plane svg{width:100%;height:100%;display:block;overflow:visible}.cargo-line.air.moving .plane{animation:3.1s cubic-bezier(.37,0,.63,1) infinite alternate cargo-air,4.3s cubic-bezier(.37,0,.63,1) -1.2s infinite alternate cargo-air-yaw}.cargo-line .plane-art .far{fill:var(--color-text-dim)}.cargo-line .plane-art .body{fill:var(--color-text-primary)}.cargo-line .plane-art .fin{fill:var(--color-text-muted)}.cargo-line .plane-art .window{fill:var(--color-surface-4)}.cargo-line .plane-art .strut{fill:var(--color-text-muted)}.cargo-line .plane-art .wheel{fill:var(--color-text-dim)}.cargo-line .plane-art .gear{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(clamp(0, (.3 - var(--alt,0)) / .2, 1))}.cargo-line.air .pos:before{content:"";right:90%;top:calc(60% - 1px * var(--k));width:calc(30px * var(--k));height:calc(2px * var(--k));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text-primary) 60%, transparent));opacity:var(--vapor);border-radius:2px;position:absolute}.cargo-line .track{left:0;top:calc(100% - var(--runway) - 4.9px * var(--k) - var(--ceiling) - 2px);height:calc(var(--ceiling) + 4px);width:calc(var(--fly) * 100% + 4px * var(--k) - 30px * var(--k) * var(--vapor));position:absolute;overflow:hidden}.cargo-line .track svg{left:calc(4px * var(--k));width:calc(100cqw - var(--w,40px));height:var(--ceiling);position:absolute;top:2px;overflow:visible}.cargo-line .track path{fill:none;stroke:var(--color-warp-green);stroke-width:calc(1.5px * var(--k));stroke-dasharray:calc(6px * var(--k)) calc(5px * var(--k));vector-effect:non-scaling-stroke;opacity:.7}.cargo-line .clouds{background-color:var(--color-text-primary);position:absolute;left:0;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.cargo-line .clouds.far{top:calc(2px * var(--k));height:calc(14px * var(--k));right:calc(-120px * var(--k));-webkit-mask-size:calc(120px * var(--k)) 100%;-webkit-mask-size:calc(120px * var(--k)) 100%;mask-size:calc(120px * var(--k)) 100%;animation:18s linear infinite cargo-clouds-far;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath transform='translate(7.6 -10.6) scale(.8)' d='M8 22a3 3 0 0 1 2.6-3 4.5 4.5 0 0 1 8.4-1.6A3.4 3.4 0 0 1 24 20.6 2 2 0 0 1 23.6 24.5H9.6A2.6 2.6 0 0 1 8 22Z' fill-opacity='.07'/%3E%3Cpath transform='translate(42 .5) scale(.9)' d='M40 11a2.2 2.2 0 0 1 2-2.2 3.4 3.4 0 0 1 6.2-1.1A2.5 2.5 0 0 1 52 9.9a1.5 1.5 0 0 1-.3 2.9H41.2A1.9 1.9 0 0 1 40 11Z' fill-opacity='.05'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath transform='translate(7.6 -10.6) scale(.8)' d='M8 22a3 3 0 0 1 2.6-3 4.5 4.5 0 0 1 8.4-1.6A3.4 3.4 0 0 1 24 20.6 2 2 0 0 1 23.6 24.5H9.6A2.6 2.6 0 0 1 8 22Z' fill-opacity='.07'/%3E%3Cpath transform='translate(42 .5) scale(.9)' d='M40 11a2.2 2.2 0 0 1 2-2.2 3.4 3.4 0 0 1 6.2-1.1A2.5 2.5 0 0 1 52 9.9a1.5 1.5 0 0 1-.3 2.9H41.2A1.9 1.9 0 0 1 40 11Z' fill-opacity='.05'/%3E%3C/svg%3E")}.cargo-line .clouds.near{bottom:calc(var(--runway) + var(--lift) * .3);height:calc(var(--lift) * .6);right:calc(var(--lift) * -3.6);animation:6.4s linear infinite cargo-clouds-near;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='16' viewBox='0 0 96 16'%3E%3Cpath transform='translate(-6.8 -23.7) scale(1.6)' d='M8 22a3 3 0 0 1 2.6-3 4.5 4.5 0 0 1 8.4-1.6A3.4 3.4 0 0 1 24 20.6 2 2 0 0 1 23.6 24.5H9.6A2.6 2.6 0 0 1 8 22Z' fill-opacity='.1'/%3E%3Cpath transform='translate(14 -3.1) scale(1.1)' d='M40 11a2.2 2.2 0 0 1 2-2.2 3.4 3.4 0 0 1 6.2-1.1A2.5 2.5 0 0 1 52 9.9a1.5 1.5 0 0 1-.3 2.9H41.2A1.9 1.9 0 0 1 40 11Z' fill-opacity='.07'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='16' viewBox='0 0 96 16'%3E%3Cpath transform='translate(-6.8 -23.7) scale(1.6)' d='M8 22a3 3 0 0 1 2.6-3 4.5 4.5 0 0 1 8.4-1.6A3.4 3.4 0 0 1 24 20.6 2 2 0 0 1 23.6 24.5H9.6A2.6 2.6 0 0 1 8 22Z' fill-opacity='.1'/%3E%3Cpath transform='translate(14 -3.1) scale(1.1)' d='M40 11a2.2 2.2 0 0 1 2-2.2 3.4 3.4 0 0 1 6.2-1.1A2.5 2.5 0 0 1 52 9.9a1.5 1.5 0 0 1-.3 2.9H41.2A1.9 1.9 0 0 1 40 11Z' fill-opacity='.07'/%3E%3C/svg%3E");-webkit-mask-size:auto 100%;mask-size:auto 100%}.cargo-line.air.docked .clouds.far{animation-duration:90s}.cargo-line.air.docked .clouds.near{animation-duration:32s}.cargo-line:is(.air,.road) .stage:after{content:"";background:var(--color-border-strong);height:1px;position:absolute;bottom:3px;left:0;right:0}.cargo-line.road .pos{height:21px;bottom:3px}.cargo-line .rig{width:var(--w,52px);height:21px;animation:.7s ease-in-out infinite cargo-rumble}.cargo-line .rig svg{width:100%;height:100%;display:block}.cargo-line .truck-art .box.g{fill:var(--color-warp-green)}.cargo-line .truck-art .rib{fill:var(--color-surface-0);opacity:.22}.cargo-line .truck-art .rail,.cargo-line .truck-art .stack{fill:var(--color-text-muted)}.cargo-line .truck-art .cab{fill:var(--color-text-secondary)}.cargo-line .truck-art .tire{fill:var(--color-text-dim)}.cargo-line .truck-art .hub{fill:var(--color-surface-1)}.cargo-line .markers{background:repeating-linear-gradient(90deg, var(--color-text-dim) 0 7px, transparent 7px 14px);opacity:.55;height:2px;animation:.45s linear infinite cargo-markers;position:absolute;bottom:0;left:0;right:-14px}.cargo-line.road.docked .rig{animation:none}.cargo-line.road.docked .markers{animation-play-state:paused}.cargo-line.tall{--lift:22px;height:56px}.cargo-line.hero{--k:2;--swell-t:3.4s;--runway:6.5px;--lift:31px;height:104px}.cargo-line.hero .stage{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}.cargo-line.hero .dot{width:9px;height:9px;margin-bottom:6px}.cargo-line.hero .swell.back{height:32px;animation-name:cargo-swell-back-2x;animation-duration:7s;right:-148px;-webkit-mask-size:148px 32px;mask-size:148px 32px}.cargo-line.hero .clouds.far{animation-duration:25s}.cargo-line.hero .clouds.near{animation-duration:9s}.cargo-line.hero.road .pos{height:42px;bottom:6px}.cargo-line.hero .rig{height:42px}.cargo-line.hero .markers{background:repeating-linear-gradient(90deg, var(--color-text-dim) 0 14px, transparent 14px 28px);height:3px;animation-name:cargo-markers-2x;animation-duration:.6s;right:-28px}.cargo-line.hero:is(.road,.air) .stage:after{height:1.5px;bottom:5px}@keyframes cargo-swell-back-2x{to{transform:translate(-148px)}}@keyframes cargo-markers-2x{to{transform:translate(-28px)}}@keyframes cargo-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cargo-launch{0%{left:0}}@keyframes cargo-takeoff{0%{--fly:0}}@keyframes cargo-fade-in{0%{opacity:0}}@keyframes cargo-swell-back{to{transform:translate(-74px)}}@keyframes cargo-swell-front{to{transform:translateX(calc(-52px * var(--k)))}}@keyframes cargo-lap{to{transform:translateX(calc(-5px * var(--k)))}}@keyframes cargo-clouds-far{to{transform:translateX(calc(-120px * var(--k)))}}@keyframes cargo-clouds-near{to{transform:translateX(calc(var(--lift) * -3.6))}}@keyframes cargo-markers{to{transform:translate(-14px)}}@keyframes cargo-heave{0%{translate:0 calc(var(--heave) * var(--k))}to{translate:0 calc(var(--heave) * var(--k) * -1)}}@keyframes cargo-pitch{0%{rotate:3deg}to{rotate:-3deg}}@keyframes cargo-moored{0%{rotate:.4deg}to{rotate:-.4deg}}@keyframes cargo-air{0%{translate:0 calc(var(--alt) * -.5px * var(--k))}to{translate:0 calc(var(--alt) * .5px * var(--k))}}@keyframes cargo-air-yaw{0%{rotate:calc(var(--alt) * .3deg)}to{rotate:calc(var(--alt) * -.3deg)}}@keyframes cargo-rumble{0%,to{transform:translateY(0)}50%{transform:translateY(-.5px)}}.cargo-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,translate .22s cubic-bezier(.22,1,.36,1),box-shadow .24s}.cargo-card.wants{border-color:color-mix(in srgb, var(--color-warp-green) 35%, var(--color-border));box-shadow:inset 3px 0 0 var(--color-warp-green)}.cargo-door{color:inherit;outline:none;flex-direction:column;gap:10px;padding:14px 16px 16px;text-decoration:none;display:flex}.cargo-door:hover{border-color:color-mix(in srgb, var(--color-warp-green) 45%, var(--color-border));box-shadow:0 12px 30px color-mix(in srgb, var(--color-warp-green) 10%, transparent);translate:0 -2px}.cargo-door:active{transition-duration:90ms;translate:0}.cargo-door:focus-visible{box-shadow:0 0 0 2px var(--color-surface-0), 0 0 0 4px var(--color-warp-green)}.cargo-door .go{transition:translate .22s cubic-bezier(.22,1,.36,1)}.cargo-door:hover .go{translate:3px}.cargo-pill{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:550;line-height:16px;display:inline-flex}.cargo-pill.go{border-color:color-mix(in srgb, var(--color-warp-green) 45%, transparent);color:var(--color-warp-green-ink);background:var(--color-warp-green-soft)}.cargo-pill.warn{border-color:color-mix(in srgb, var(--color-status-warning-fill) 50%, transparent);color:var(--color-status-warning);background:color-mix(in srgb, var(--color-status-warning-fill) 10%, transparent)}.cargo-pill.dim{color:var(--color-text-dim)}.cargo-pill .pip{background:currentColor;border-radius:50%;width:6px;height:6px}.cargo-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-surface-1) 0%, var(--color-surface-2) 50%, var(--color-surface-1) 100%);border:1px solid var(--color-border-subtle);background-size:200% 100%;animation:1.4s ease-in-out infinite cargo-shimmer}@keyframes cargo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.cargo-rise{animation:.42s cubic-bezier(.22,1,.36,1) both cargo-rise;animation-delay:calc(var(--i,0) * 70ms)}@keyframes cargo-rise{0%{opacity:0;translate:0 6px}}.cargo-arrow{transition:translate .22s cubic-bezier(.22,1,.36,1)}:is(a,button):hover>.cargo-arrow,:is(a,button):hover .cargo-arrow{translate:3px}@media (prefers-reduced-motion:reduce){.cargo-line,.cargo-line *{animation:none!important}.cargo-skeleton,.cargo-rise{animation:none}.cargo-door,.cargo-door .go,.cargo-arrow{transition:none}}.cargo-ticket{grid-template-columns:minmax(0,1fr);grid-template-areas:"id""cross""act";gap:14px;display:grid}.cargo-ticket .t-id{grid-area:id}.cargo-ticket .t-cross{grid-area:cross}.cargo-ticket .t-act{grid-area:act}@media (min-width:1024px){.cargo-ticket{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"id cross""act cross";gap:10px 32px}.cargo-ticket .t-id{align-self:end}.cargo-ticket .t-act{align-self:start}.cargo-ticket .t-cross{align-self:center}}.cargo-places{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:2px 8px;display:grid}.cargo-places .from,.cargo-places .to{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cargo-places .mid{white-space:nowrap}@media (max-width:520px){.cargo-places{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cargo-places .from{grid-area:1/1}.cargo-places .to{grid-area:1/2}.cargo-places .mid{text-align:center;grid-area:2/1/auto/-1}}.cargo-door.hero{gap:12px;padding:18px 22px 22px}.cargo-quote{border-color:color-mix(in srgb, var(--color-warp-green) 28%, var(--color-border));box-shadow:0 18px 50px color-mix(in srgb, var(--color-warp-green) 7%, transparent)}.cargo-tabs{background:var(--color-surface-0);border:1px solid var(--color-border);border-radius:9999px;gap:4px;padding:4px;display:inline-flex}.cargo-tabs button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.cargo-tabs button:hover{color:var(--color-text-primary)}.cargo-tabs button.on{background:var(--color-warp-green);color:var(--color-warp-green-on);box-shadow:0 4px 14px color-mix(in srgb, var(--color-warp-green) 35%, transparent)}.cargo-tabs button:focus-visible{outline:2px solid var(--color-warp-green);outline-offset:2px}.cargo-quote-fields{grid-template-columns:minmax(0,1fr);grid-template-areas:"from""to""load""size""go";align-items:end;gap:12px;display:grid}.cargo-quote-fields .f-from{grid-area:from}.cargo-quote-fields .f-to{grid-area:to}.cargo-quote-fields .f-load{grid-area:load}.cargo-quote-fields .f-size{grid-area:size}.cargo-quote-fields .f-go{grid-area:go}@media (min-width:1024px){.cargo-quote-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) auto auto minmax(200px,.9fr);grid-template-areas:"from to load size go"}}@media (max-width:1023px){.cargo-quote-fields .f-go{z-index:3;background:var(--color-surface-1);margin:-12px -16px;padding:12px 16px;position:sticky;bottom:0}.cargo-quote-fields .f-go[data-docked]{box-shadow:0 -1px 0 var(--color-border), 0 -12px 20px -14px #00000059}}@media (min-width:768px) and (max-width:1023px){.cargo-quote-fields .f-go{margin-inline:-20px;padding-inline:20px}}.cargo-seg{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-0);gap:3px;padding:3px;display:inline-flex}.cargo-seg button{white-space:nowrap;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:550;transition:background-color .15s,color .15s}.cargo-seg button:hover{color:var(--color-text-primary)}.cargo-seg button.on{background:var(--color-surface-3);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warp-green) 45%, transparent)}html[data-theme=light] .cargo-seg{background:var(--color-surface-1);border-color:var(--color-border-strong)}html[data-theme=light] .cargo-seg button.on{background:var(--color-warp-green-soft);color:var(--color-warp-green-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warp-green) 70%, transparent)}.cargo-suggest{z-index:30;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 40px #00000059}.cargo-suggest button{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.cargo-suggest button.on,.cargo-suggest button:hover{background:var(--color-surface-3)}.cargo-suggest-empty{z-index:30;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);margin-top:4px;padding:10px 12px;font-size:12.5px;position:absolute;top:100%;left:0;right:0}.cargo-board{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);overflow:hidden}.cargo-board-row{color:inherit;border-top:1px solid var(--color-border-subtle);grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:background-color .18s;display:grid}.cargo-board-row:first-child{border-top:0}.cargo-board-row:hover{background:var(--color-surface-2)}.cargo-board-row:focus-visible{outline:2px solid var(--color-warp-green);outline-offset:-2px}.cargo-board-row .glyph{color:var(--color-warp-green-ink);display:inline-flex}.cargo-board-row .lane{gap:2px;min-width:0;display:grid}.cargo-board-row .lane b{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.cargo-board-row .lane b i{color:var(--color-text-dim);margin:0 4px;font-style:normal}.cargo-board-row .lane b .end{white-space:nowrap;font-size:inherit;color:inherit;overflow:visible}.cargo-board-row .lane span{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cargo-board-row .when{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.cargo-board-row .go{min-width:8.5rem;color:var(--color-warp-green-ink);white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.cargo-board-row:hover .go .cargo-arrow{translate:3px}.cargo-board-row .cargo-price{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--color-text-primary);white-space:nowrap;font-size:16px;font-weight:700}@media (prefers-reduced-motion:no-preference){.cargo-board-row .cargo-price{animation:.42s cubic-bezier(.22,1,.36,1) backwards cargo-price-in;animation-delay:calc(var(--d,0) * 70ms + .15s)}}@keyframes cargo-price-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width:767px){.cargo-board-row{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"g lane price""g when go";row-gap:6px}.cargo-board-row .glyph{grid-area:g;align-self:start;padding-top:2px}.cargo-board-row .lane{grid-area:lane}.cargo-board-row .when{grid-area:when}.cargo-board-row .cargo-price{grid-area:price;justify-self:end}.cargo-board-row .go{grid-area:go;justify-self:end}}@media (prefers-reduced-motion:reduce){.cargo-tabs button,.cargo-seg button,.cargo-board-row{transition:none}}.cargo-quote .cargo-line.hero{height:78px}.cargo-seg button{padding:7px 12px;line-height:20px}@media (max-width:339px){.cargo-quote .cargo-tabs button svg{display:none}}@media (max-width:359px){.cargo-quote:lang(zh) .cargo-tabs button svg{display:none}}@media (max-width:374px){.cargo-quote:lang(es) .cargo-tabs button svg{display:none}}@media (max-width:1023px){.cargo-quote:lang(es) .cargo-seg{max-width:100%}.cargo-quote:lang(es) .cargo-seg button{white-space:normal;text-wrap:balance}}.cargo-board-row .lane b,.cargo-board-row .lane span{white-space:normal;text-overflow:clip;text-wrap:balance;overflow:visible}.cargo-hint{color:var(--color-status-warning);margin-top:5px;font-size:12px;font-weight:550;display:block}.btn-premium-cta.is-waiting{filter:saturate(.55);box-shadow:none}html[data-theme=light] .btn-premium-cta.is-waiting{filter:none}.cargo-spin{border:2px solid color-mix(in srgb, var(--color-warp-green-on) 30%, transparent);border-top-color:var(--color-warp-green-on);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite cargo-spin}@keyframes cargo-spin{to{transform:rotate(360deg)}}.cargo-anchor{color:var(--color-warp-green-ink);align-items:center;gap:7px;margin-top:12px;font-size:13px;font-weight:600;display:flex}.cargo-prefill{color:var(--color-text-muted);margin-top:12px;font-size:12.5px}.cargo-chips{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.cargo-chips span{margin-right:2px}.cargo-chips button{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:9999px;padding:4px 10px;font-size:12.5px;font-weight:550;transition:border-color .15s,color .15s,background-color .15s}.cargo-chips button:hover{border-color:color-mix(in srgb, var(--color-warp-green) 55%, transparent);color:var(--color-text-primary);background:var(--color-warp-green-soft)}@media (prefers-reduced-motion:reduce){.cargo-spin{animation-duration:2s}.cargo-chips button{transition:none}}.cargo-resume{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);overflow:hidden}.cargo-resume-row{border-top:1px solid var(--color-border-subtle);grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 18px;transition:background-color .18s;display:grid;position:relative}.cargo-resume-row:first-child{border-top:0}.cargo-resume-row:has(.cover):hover{background:var(--color-surface-2)}.cargo-resume-row:has(.cover:focus-visible){outline:2px solid var(--color-warp-green);outline-offset:-2px}.cargo-resume-row .glyph{color:var(--color-warp-green-ink);display:inline-flex}.cargo-resume-row .lane{gap:3px;min-width:0;display:grid}.cargo-resume-row .cover{color:inherit;outline:none;text-decoration:none}.cargo-resume-row .cover:after{content:"";position:absolute;inset:0}.cargo-resume-row .facts{color:var(--color-text-muted);font-size:12px}.cargo-resume-row .note{color:var(--color-text-secondary);font-size:12px}.cargo-resume-row .price{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cargo-resume-row .price .label{color:var(--color-text-muted);font-size:11px}.cargo-resume-row:not(.is-hot) .price{flex-direction:row;align-items:baseline;gap:5px}.cargo-resume-row .act{z-index:1;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex;position:relative}.cargo-resume-row .again{min-width:8.5rem;color:var(--color-warp-green-ink);white-space:nowrap;pointer-events:none;justify-content:flex-end;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.cargo-resume-row:hover .again .cargo-arrow{translate:3px}.cargo-resume-row.is-hot{background:color-mix(in srgb, var(--color-warp-green) 5%, var(--color-surface-1));box-shadow:inset 3px 0 0 var(--color-warp-green);padding-block:16px}.cargo-resume-row.is-hot .act .btn-premium-cta{min-width:8.5rem}@media (max-width:767px){.cargo-resume-row{grid-template-columns:24px auto minmax(0,1fr);grid-template-areas:"g lane lane""g price act";gap:12px;padding:14px}.cargo-resume-row .glyph{grid-area:g;align-self:start;padding-top:3px}.cargo-resume-row .lane{grid-area:lane}.cargo-resume-row .price{grid-area:price;align-items:flex-start}.cargo-resume-row .act{grid-area:act}.cargo-resume-row .again,.cargo-resume-row.is-hot .act .btn-premium-cta{min-width:0}}@media (prefers-reduced-motion:reduce){.cargo-resume-row{transition:none}}.cargo-board-more{border-top:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:12.5px;font-weight:600;transition:background-color .18s,color .18s;display:flex}.cargo-board-more:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.cargo-board-more:focus-visible{outline:2px solid var(--color-warp-green);outline-offset:-2px}.cargo-steps{gap:8px;max-width:560px;margin-top:6px;display:grid}.cargo-steps .cap{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12px;display:flex}.cargo-steps .cap b{color:var(--color-warp-green-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.cargo-steps .cap .next{color:var(--color-text-primary);font-weight:600}.cargo-steps ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.cargo-steps li{gap:6px;min-width:0;display:grid}.cargo-steps .bar{background:color-mix(in srgb, var(--color-text-muted) 22%, transparent);border-radius:9999px;height:5px;position:relative;overflow:hidden}.cargo-steps .bar:after{content:"";border-radius:inherit;background:var(--color-warp-green);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cargo-steps li.done .bar:after{transform:scaleX(1)}.cargo-steps li.next .bar{background:color-mix(in srgb, var(--color-warp-green) 22%, transparent)}.cargo-steps .name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:11px;font-weight:550;display:inline-flex;overflow:hidden}.cargo-steps li.done .name{color:var(--color-text-secondary)}.cargo-steps li.done .name svg{color:var(--color-warp-green-ink);flex-shrink:0}.cargo-steps li.next .name{color:var(--color-warp-green-ink);font-weight:650}@media (prefers-reduced-motion:no-preference){.cargo-steps li.done .bar:after{animation:.38s cubic-bezier(.22,1,.36,1) backwards cargo-step-fill;animation-delay:calc(.26s + var(--k,0) * .11s)}.cargo-steps li.next .bar:after{background:var(--color-warp-green);animation:2.4s ease-in-out 1s infinite cargo-step-breathe}}@keyframes cargo-step-fill{0%{transform:scaleX(0)}}@keyframes cargo-step-breathe{0%,to{opacity:.55;transform:scaleX(.08)}50%{opacity:1;transform:scaleX(.42)}}@media (max-width:767px){.cargo-steps .name{display:none}.cargo-steps .cap .calm{flex-basis:100%}}