.warehouse-transform{position:relative;max-width:1840px;margin:72px auto;padding:0 32px;color:#232323;font-family:Montserrat,Arial,sans-serif}
.warehouse-transform>h2{font-size:clamp(30px,3.2vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 32px}
.warehouse-transform__stage{position:relative;background:#101518;aspect-ratio:16/9;border-radius:24px;overflow:hidden;isolation:isolate}
.warehouse-transform__images{position:absolute;inset:0}
.warehouse-transform__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;opacity:0;transition:opacity .9s ease;pointer-events:none}
.warehouse-transform__image.is-current{opacity:1}
.warehouse-transform__panel{position:absolute;z-index:1;left:32px;bottom:32px;width:min(430px,calc(100% - 64px));padding:30px;border-radius:18px;background:#f7f7f3;box-shadow:0 10px 34px #0002}
.warehouse-transform .warehouse-transform__title{font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.04em;line-height:1.12;margin:0;min-height:2.24em;color:#232323}
.warehouse-transform .warehouse-transform__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 22px}
.warehouse-transform .warehouse-transform__step{position:relative;appearance:none;display:block;width:100%;min-width:0;border:0;padding:0 0 8px;margin:0;background:none!important;color:#797d79;text-align:left;font:inherit;font-size:11px;font-weight:500;line-height:1.3;cursor:pointer;min-height:44px}
.warehouse-transform__track{position:relative;display:block;height:4px;background:#d6d9d1;border-radius:3px;overflow:hidden;margin-bottom:12px}
.warehouse-transform__fill{display:block;transform:scaleX(0);transform-origin:left;height:100%;background:#f66b21}
.warehouse-transform .warehouse-transform__step.is-complete .warehouse-transform__fill{transform:scaleX(1)}
.warehouse-transform .warehouse-transform__step.is-current{color:#232323}
.warehouse-transform .warehouse-transform__step.is-current .warehouse-transform__fill{animation:warehouse-fill var(--stage-duration) linear both;animation-play-state:paused}
.warehouse-transform[data-running=true] .warehouse-transform__step.is-current .warehouse-transform__fill{animation-play-state:running}
.warehouse-transform[data-mode=manual] .warehouse-transform__step.is-current .warehouse-transform__fill{animation:none;transform:scaleX(1)}
.warehouse-transform .warehouse-transform__step:focus-visible,.warehouse-transform .warehouse-transform__cta:focus-visible{outline:3px solid #f66b21;outline-offset:5px}
.warehouse-transform .warehouse-transform__cta{appearance:none;display:flex;justify-content:center;align-items:center;min-height:56px;width:100%;padding:16px 20px;border:0;border-radius:12px;background:#f66b21;color:#fff!important;text-align:center;text-decoration:none;font:inherit;font-size:15px;line-height:1.3;font-weight:600;cursor:pointer}
.warehouse-transform .warehouse-transform__cta:hover,.warehouse-transform .warehouse-transform__cta:focus-visible{background:#e85d17;color:#fff!important}
@keyframes warehouse-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){.warehouse-transform{padding:0 24px;margin:48px auto}.warehouse-transform__panel{position:relative;left:auto;bottom:auto;width:auto;max-width:none;margin:0;padding:26px;border-radius:0;box-shadow:none}.warehouse-transform__stage{aspect-ratio:auto}.warehouse-transform__images{position:relative;aspect-ratio:16/9}.warehouse-transform .warehouse-transform__title{font-size:27px;min-height:2.24em}.warehouse-transform .warehouse-transform__steps{max-width:520px}.warehouse-transform .warehouse-transform__cta{width:auto;min-width:250px}.warehouse-transform .warehouse-transform__step{font-size:12px}}
@media(max-width:600px){.warehouse-transform{padding:0 16px;margin:36px auto}.warehouse-transform>h2{font-size:30px;margin-bottom:22px}.warehouse-transform__stage{border-radius:18px}.warehouse-transform__panel{padding:24px 22px}.warehouse-transform .warehouse-transform__title{font-size:25px;min-height:2.24em}.warehouse-transform .warehouse-transform__steps{margin:16px 0 18px;gap:10px}.warehouse-transform .warehouse-transform__step{font-size:10px}.warehouse-transform .warehouse-transform__cta{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.warehouse-transform__image{transition:none}.warehouse-transform .warehouse-transform__step.is-current .warehouse-transform__fill{animation:none;transform:scaleX(1)}}