.demo_player__bm7ta{display:flex;flex-direction:column;gap:14px}.demo_screen__XhsuD{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.demo_screen__XhsuD iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.demo_poster__GA_9z{position:absolute;inset:0;padding:0;border:0;cursor:pointer;background:#000}.demo_poster__GA_9z img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:.85;transition:opacity .2s}.demo_poster__GA_9z:hover img{opacity:1}.demo_playBtn__jyfrv{position:absolute;left:50%;top:50%;translate:-50% -50%;width:84px;height:84px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:transform .2s var(--ease-out)}.demo_poster__GA_9z:hover .demo_playBtn__jyfrv{transform:scale(1.06)}.demo_playBtn__jyfrv svg{width:34px;height:34px}.demo_len__1_Atn{position:absolute;right:16px;bottom:14px;font-family:var(--mono);font-size:13px;padding:4px 8px;background:rgba(11,10,13,.8);color:var(--ink)}.demo_rail__YQoxC{display:flex;gap:3px;height:6px}.demo_rail__YQoxC i{background:rgba(239,234,226,.12);transition:background .3s}.demo_rail__YQoxC i.demo_railOn__23bxh{background:var(--accent)}.demo_chapters__6sLDv{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:16px;align-items:start}.demo_list__YF_Dt{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.demo_list__YF_Dt button{font:inherit;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:11px 14px;border:0;cursor:pointer;background:transparent;color:var(--muted);text-align:left}.demo_list__YF_Dt button span{font-family:var(--mono);font-size:13px}.demo_list__YF_Dt button b{font-weight:500;font-size:15.5px}.demo_list__YF_Dt button.demo_on__CAxJS,.demo_list__YF_Dt button:hover{color:var(--ink);background:var(--surface)}.demo_list__YF_Dt button.demo_on__CAxJS{box-shadow:inset 3px 0 0 var(--accent)}.demo_detail__nVMja{background:var(--surface);padding:22px;display:flex;flex-direction:column;gap:10px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.demo_detail__nVMja span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.demo_detail__nVMja h3{margin:0;font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.03em;line-height:1.1}.demo_detail__nVMja p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}.demo_steps__wQPgw{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(239,234,226,.14)}.demo_steps__wQPgw li{padding:24px 24px 0 0;display:flex;flex-direction:column;gap:10px}.demo_steps__wQPgw li span{font-family:var(--mono);font-size:13px;color:var(--accent)}.demo_steps__wQPgw li h3{margin:0;font-family:var(--display);font-weight:500;font-size:26px;letter-spacing:-.03em;line-height:1.1}.demo_steps__wQPgw li p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}.demo_steps__wQPgw li a{margin-top:4px;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(239,234,226,.3)}@media (max-width:1000px){.demo_chapters__6sLDv,.demo_steps__wQPgw{grid-template-columns:1fr}}@media (max-width:640px){.demo_playBtn__jyfrv{width:64px;height:64px}}