.timeline-stage .timeline-scroll-window{position:absolute;z-index:3;left:.5%;top:11%;width:78.5%;height:89%;overflow:hidden;pointer-events:none;isolation:isolate;background:#e8eef6}
.timeline-stage .timeline-scroll-window[hidden]{display:none}
.timeline-scroll-main,.timeline-scroll-trail,.timeline-scroll-strip{position:absolute;inset:0}
.timeline-scroll-strip{top:7.865169%;bottom:auto;height:75.280899%;animation:timeline-inertial-scroll 6s linear infinite;animation-play-state:paused}
.timeline-scroll-tile{position:absolute;left:0;width:100%;height:100%;background-size:127.388535% 149.253731%;background-position:2.325581% 54.545455%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 .8%,#000 99.2%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 .8%,#000 99.2%,transparent)}
.timeline-scroll-trail{opacity:0;transform:translateY(5px);animation:timeline-speed-trail 6s linear infinite;animation-play-state:paused}
.timeline-scroll-window.is-playing .timeline-scroll-strip,.timeline-scroll-window.is-playing .timeline-scroll-trail{animation-play-state:running}
@keyframes timeline-inertial-scroll{0%,16%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(.55,0,1,.7)}35.5%{transform:translate3d(0,-18%,0);animation-timing-function:linear}50.5%{transform:translate3d(0,-105%,0);animation-timing-function:cubic-bezier(.08,.35,.18,1)}83.5%,100%{transform:translate3d(0,-200%,0)}}
@keyframes timeline-speed-trail{0%,25%{opacity:0}38.5%{opacity:.2}50.5%{opacity:.28}70%{opacity:.08}80.5%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.timeline-stage .timeline-scroll-window{display:none}.timeline-scroll-strip,.timeline-scroll-trail{animation:none}}

.timeline-stage .device-screen-slot{clip-path:inset(0 round 15% / 7.25%);-webkit-mask-image:linear-gradient(#fff,#fff)}
.timeline-glass-bar{position:absolute;z-index:4;left:4.8%;right:21%;top:91%;bottom:2.1%;display:flex;gap:1%;padding:1.1%;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(231,236,242,.58);-webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2);box-shadow:inset 0 1px 1px #fff8,0 2px 7px #26344a15;pointer-events:none;color:#17191c}
.timeline-glass-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;border-radius:999px;font-size:clamp(5px,.65vw,9px);line-height:1.2}
.timeline-glass-item.is-selected{background:rgba(255,255,255,.28)}
.timeline-glass-item svg{display:block;height:48%;width:auto;fill:currentColor}
.timeline-glass-bar[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.timeline-glass-bar{display:none}}

.timeline-period-bar{position:absolute;z-index:4;left:5.6%;width:67.8%;top:11.3%;height:5%;display:flex;gap:1%;padding:.7%;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:rgba(231,236,242,.58);-webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2);box-shadow:inset 0 1px 1px #fff8,0 2px 7px #26344a15;pointer-events:none}
.timeline-period-bar span{flex:1;display:grid;place-items:center;border-radius:9px;color:#737780;font-size:clamp(7px,.85vw,12px);font-weight:600}
.timeline-period-bar .is-selected{background:rgba(255,255,255,.72);color:#17191c;box-shadow:0 1px 3px #26344a0c}
.timeline-glass-search{position:absolute;z-index:4;left:81%;width:16%;top:91%;bottom:2.1%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(231,236,242,.58);-webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2);box-shadow:inset 0 1px 1px #fff8,0 2px 7px #26344a15;pointer-events:none;color:#17191c}
.timeline-glass-search svg{width:49%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.timeline-period-bar[hidden],.timeline-glass-search[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.timeline-period-bar,.timeline-glass-search{display:none}}

.timeline-scroll-floor{position:absolute;z-index:3;inset:89.8% 0 0;pointer-events:none;background:#e8eef6}
.timeline-scroll-floor[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.timeline-scroll-floor{display:none}}