/* Cinematic horizontal chapters: generous product canvases beside concise copy. */
.showcase{background:#0C0F13;border-block:1px solid #24303A;--showcase-progress:0}
.showcase-stage{height:100svh;min-height:0;padding:100px 0 22px;overflow:clip;display:flex;flex-direction:column}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;flex:none}
.showcase-heading h2{font-size:clamp(32px,2.7vw,42px);line-height:1.17;letter-spacing:-.045em;font-weight:520}
.showcase-heading h2 span{color:#95A3B1}
.showcase-controls{display:flex;align-items:center;gap:9px;flex:none}
.showcase-hint{font-size:12px;line-height:1.8;color:#9DAAB8;margin-right:20px;max-width:270px}
.showcase-controls button{width:44px;height:44px;border:1px solid #3B4955;border-radius:50%;color:#DCE5ED;background:#111820;font-size:22px;line-height:1}
.showcase-controls button:hover:not(:disabled){border-color:#00C8BD;color:#00D4C8;background:#122521}
.showcase-controls button:disabled{opacity:.3}
.showcase-window{width:100%;flex:1;overflow:clip;min-width:0;min-height:0;outline-offset:-4px!important}
.showcase-rail{position:relative;display:flex;width:max-content;height:100%;gap:64px;padding-inline:max(48px,calc((100vw - 1240px)/2));align-items:stretch}
.showcase-card{flex:0 0 min(78vw,1080px);width:min(78vw,1080px);min-width:0;margin:0;padding:22px 44px 14px 0;border:0;border-right:1px solid #303B46;border-radius:0;background:none;display:grid;grid-template-columns:.65fr 1fr;grid-template-rows:minmax(0,1fr) auto;column-gap:40px;scroll-snap-align:center;outline-offset:-3px!important}
.showcase-card:last-child{border-right:0}
.showcase-card-copy{min-width:0;align-self:center}
.showcase-kicker{display:block;color:#49C9C1;font-size:10px;letter-spacing:.09em;line-height:1.5;margin-bottom:24px}
.showcase-card h3{font-size:clamp(30px,2.6vw,40px);line-height:1.16;letter-spacing:-.04em;font-weight:520;max-width:390px}
.showcase-card-copy>p{font-size:14px;line-height:1.85;color:#A6B3C0;margin-top:24px;max-width:350px}
.showcase-visual{width:100%;height:clamp(380px,calc(100svh - 330px),560px);max-height:100%;min-width:0;margin:0;align-self:center;border-radius:12px;overflow:hidden;container-type:size}
.showcase-visual>p{padding:28px;color:#A8B7C5;border:1px solid #30404C;font-size:14px;height:100%;margin:0}
.showcase-note{grid-column:1/-1;font-size:10px;line-height:1.7;color:#9BAAB8;margin-top:20px;min-height:18px;align-self:end}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px;flex:none}
.showcase-footer p{font-size:11px;color:#A1AFBC}
.showcase-footer .text-link{font-size:12px}
.showcase-progress{height:2px;width:min(1240px,calc(100% - 96px));margin:17px auto 0;background:#23313A;flex:none}
.showcase-progress>span{display:block;width:100%;height:100%;background:#00BEB5;transform:scaleX(var(--showcase-progress));transform-origin:left}
.showcase-replay{border:1px solid #314049;background:#07090B}
.showcase-replay>a{display:block;position:relative;width:100%;height:100%;overflow:hidden}
/* Frame the native chart and transport; the linked source retains the full sidebar. */
.showcase-replay img{width:calc(100% * 1280 / 880);max-width:none;height:100%;display:block;object-fit:contain;object-position:left center}
.showcase-image-link{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:12px;background:#081213F0;border:1px solid #37545C;border-radius:4px;padding:7px 11px;color:#BDEAE5;font-size:11px;line-height:1.5}
@media(min-width:761px) and (max-height:870px){
 .showcase-stage{padding-block:88px 16px}.showcase-heading{margin-bottom:20px}.showcase-heading h2{font-size:32px}.showcase-card{padding-top:12px;column-gap:30px}.showcase-card h3{font-size:31px}.showcase-card-copy>p{font-size:12px;margin-top:20px}.showcase-kicker{margin-bottom:20px}.showcase-footer{padding-top:18px}.showcase-progress{margin-top:12px}
}
@media(max-width:1100px){.showcase-hint{display:none}.showcase-card{flex-basis:calc(100vw - 96px);width:calc(100vw - 96px);column-gap:28px;padding-right:28px}.showcase-card h3{font-size:32px}.showcase-card-copy>p{font-size:13px}}
@media(max-width:760px),(max-height:780px),(prefers-reduced-motion:reduce){
 .showcase{height:auto!important}
 .showcase-stage{position:relative!important;top:auto!important;height:auto;overflow:visible;padding-block:64px 38px}
 .showcase-heading{margin-bottom:32px;gap:18px}
 .showcase-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;flex:none}
 .showcase-window::-webkit-scrollbar{display:none}
 .showcase-rail{transform:none!important;will-change:auto;padding-inline:max(28px,calc((100vw - 1240px)/2));gap:48px;height:auto}
 .showcase-card{grid-template-rows:460px auto;padding-top:10px}
 .showcase-visual{height:440px;max-height:100%}
 .showcase-footer{padding-top:25px}
 .showcase-progress{margin-top:15px}
}
@media(max-width:760px){
 .showcase-stage{padding-block:50px 34px}
 .showcase-heading{gap:12px;align-items:end;margin-bottom:29px}
 .showcase-heading h2{font-size:clamp(26px,4.6vw,34px);max-width:440px}
 .showcase-controls{gap:5px}.showcase-controls button{width:36px;height:44px;font-size:21px;border-radius:7px}
 .showcase-rail{padding-inline:20px;gap:28px}
 .showcase-card{flex-basis:calc(100vw - 40px);width:calc(100vw - 40px);grid-template-columns:1fr;grid-template-rows:170px 390px auto;padding:0;border-right:0;row-gap:18px}
 .showcase-card-copy{align-self:start;padding-inline:2px}
 .showcase-kicker{font-size:10px;margin-bottom:13px}
 .showcase-card h3{font-size:32px;max-width:440px}
 .showcase-card-copy>p{font-size:13px;line-height:1.8;margin-top:14px;max-width:470px}
 .showcase-visual{height:390px;border-radius:11px;align-self:start}
 .showcase-note{font-size:10px;line-height:1.7;margin-top:0;min-height:34px}
 .showcase-footer{align-items:start;gap:18px}.showcase-footer p{font-size:10px;line-height:1.7;max-width:260px}.showcase-footer .text-link{font-size:10px;gap:10px;max-width:160px;line-height:1.6}
 .showcase-progress{width:calc(100% - 40px)}
}
@media(max-width:480px){
 .showcase-heading{align-items:end}.showcase-heading h2{font-size:27px;max-width:250px}.showcase-heading h2 br{display:none}.showcase-controls{flex-direction:column;gap:6px}.showcase-controls button{height:38px;width:38px}
 .showcase-rail{padding-inline:16px;gap:24px}
 .showcase-card{flex-basis:calc(100vw - 32px);width:calc(100vw - 32px);grid-template-rows:240px 340px auto;row-gap:18px}
 .showcase-card h3{font-size:30px;line-height:1.16}.showcase-card-copy>p{font-size:13px}
 .showcase-visual{height:340px}
 .showcase-image-link{font-size:10px;padding:6px 8px;right:8px;bottom:8px}
 .showcase-footer p{max-width:190px}
}
@media(prefers-reduced-motion:reduce){.showcase-window{scroll-behavior:auto}}
html:not(.js) .showcase{height:auto!important}
html:not(.js) .showcase-stage{height:auto;position:relative;padding-block:58px 35px}
html:not(.js) .showcase-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}
html:not(.js) .showcase-rail{transform:none!important;height:auto}
html:not(.js) .showcase-card{min-height:530px}
html:not(.js) .showcase-progress{display:none}