.offline-journey{--signal-on:var(--brand);--signal-off:color-mix(in srgb,var(--ink-primary) 28%,transparent);background:var(--paper);color:var(--ink-secondary);padding-block:36px 72px;scroll-margin-top:72px;overflow:clip}.offline-journey__heading{padding-top:24px;padding-bottom:40px}.offline-journey__heading h2{margin:0;color:var(--ink-primary)}.offline-journey__steps{--phone-width:300px;--lift-width:calc(min(var(--phone-width), 100cqi * 1.05 / 3.05 - 56px) * 1.267);container-type:inline-size;display:grid;grid-template-columns:1fr minmax(0,1.05fr) 1fr;grid-template-rows:auto auto 1fr;margin-block:0;list-style:none}.offline-journey__step{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0}.offline-journey__signal{display:flex;align-items:center;gap:8px;padding-top:18px;color:var(--signal-on);position:relative}.offline-journey__signal:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--signal-on)}.offline-journey__step:first-child .offline-journey__signal:before{border-radius:3px 0 0 3px}.offline-journey__step:last-child .offline-journey__signal:before{border-radius:0 3px 3px 0}[data-signal=off] .offline-journey__signal{justify-content:center;color:var(--ink-secondary)}[data-signal=off] .offline-journey__signal:before{inset-inline:6px;background:repeating-linear-gradient(90deg,var(--signal-off) 0 10px,transparent 10px 18px)}.offline-journey__step:last-child .offline-journey__signal{justify-content:flex-end}.offline-journey__copy{display:flex;gap:14px;padding:28px 28px 36px}.offline-journey__step:first-child .offline-journey__copy{padding-left:0}.offline-journey__step:last-child .offline-journey__copy{padding-right:0}.offline-journey__number{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;margin-top:-2px;border-radius:50%;background:var(--signal-on);color:var(--white);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}[data-signal=off] .offline-journey__number{background:var(--ink-primary)}.offline-journey__copy h3{margin:0;color:var(--ink-primary)}.offline-journey__copy p{margin:10px 0 0;max-width:34ch;color:var(--ink-secondary)}.offline-journey__visual{display:grid;align-content:center;min-width:0;padding-inline:28px}.offline-journey__step:first-child .offline-journey__visual{padding-left:0}.offline-journey__step:last-child .offline-journey__visual{padding-right:0}.offline-journey__step:first-child .offline-journey__visual{align-content:start}.offline-journey__step:last-child .offline-journey__visual{align-content:start;padding-top:24px}.offline-journey__handset{position:relative;justify-self:center;width:min(100%,var(--phone-width))}.offline-journey__phone{width:100%}.offline-journey__lift.screenshot-detail{position:absolute;top:10.8%;left:50%;width:var(--lift-width);transform:translateX(-50%)}.offline-journey__detail:after{content:"";position:absolute;top:50%;border-top:2px dashed color-mix(in srgb,var(--ink-primary) 30%,transparent);pointer-events:none}.offline-journey__step:first-child .offline-journey__detail:after{left:100%;width:calc(63px + max(0px, (100cqi * 1.05 / 3.05 - 56px - var(--phone-width)) / 2))}.offline-journey__lift:after{left:100%;width:calc(63px + (100cqi * 1.05 / 3.05 - 56px - var(--lift-width)) / 2)}.offline-journey__step:last-child .offline-journey__detail:after{content:none}.offline-journey__detail.screenshot-detail{aspect-ratio:auto;justify-self:stretch}.offline-journey__detail .screenshot-detail__crop{position:relative;display:grid}.offline-journey__detail img{display:block;width:100%;height:auto}@media (max-width:960px){.offline-journey__steps{grid-template-columns:minmax(0,1fr);grid-template-rows:none;max-width:560px}.offline-journey__step{grid-row:auto;grid-template-rows:none;position:relative;padding:0 0 40px 30px}.offline-journey__step:last-child{padding-bottom:8px}.offline-journey__signal:before{inset:0 auto 0 0;width:6px;height:auto}.offline-journey__step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--signal-on)}.offline-journey__step:first-child:before{border-radius:3px 3px 0 0}.offline-journey__step:last-child:before{border-radius:0 0 3px 3px}.offline-journey__step[data-signal=off]:before{top:6px;bottom:6px;background:repeating-linear-gradient(180deg,var(--signal-off) 0 10px,transparent 10px 18px)}.offline-journey__signal,.offline-journey__step:last-child .offline-journey__signal,[data-signal=off] .offline-journey__signal{justify-content:flex-start;padding-top:2px}.offline-journey__signal:before{content:none}.offline-journey__copy,.offline-journey__step:first-child .offline-journey__copy,.offline-journey__step:last-child .offline-journey__copy{padding:14px 0 22px}.offline-journey__step:first-child .offline-journey__visual,.offline-journey__step:last-child .offline-journey__visual,.offline-journey__visual{padding:0;align-content:start}.offline-journey__steps{--phone-width:230px}.offline-journey__handset{justify-self:center}.offline-journey__lift.screenshot-detail{width:126.7%}.offline-journey__detail:after{content:none}}