/* October 2026 additions: marker jump keys, intro video section */
.demo-key.demo-mark{font-size:11px;color:#fff}.demo-key.demo-mark b{color:#ff4ead;font-size:10px;font-weight:900}
@media(max-width:950px) and (min-width:701px){.demo-key.demo-mark{font-size:9px}.demo-key.demo-mark b{font-size:8px}}
.intro-video-section .video-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:48px;align-items:center}
.intro-video-section .video-frame{margin:0;justify-self:center;width:100%;max-width:360px}
.intro-video-section video{display:block;width:100%;aspect-ratio:9/16;height:auto;border-radius:22px;background:#020817;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.intro-video-section figcaption{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.45;text-align:center}
.intro-video-section figcaption a{color:var(--muted)}
.intro-video-section .video-points{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.intro-video-section .video-points li{padding-left:22px;position:relative;color:var(--muted)}
.intro-video-section .video-points li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.intro-video-section .video-points strong{color:var(--text)}
.new-tag{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--pink);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;vertical-align:2px}
.teach-line{margin-top:18px;font-size:19px;font-weight:750;color:var(--text)}
@media(max-width:800px){.intro-video-section .video-layout{grid-template-columns:1fr;gap:28px}}
/* Movement tracker illustration: points are drawn into the photo itself */
.tracker-visual{margin:42px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.tracker-visual img{display:block;width:100%;height:auto}
.tracker-visual figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:11px 14px;color:var(--muted);font-size:13px}
.trk-key{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-weight:700}
.trk-key i{width:11px;height:11px;border-radius:50%;border:2px solid #fff;display:inline-block}
.trk-note{margin-left:auto;font-size:12px}
.trk-phone{display:none}
@media(max-width:700px){.trk-phone{display:inline-flex}.tracker-visual figcaption{font-size:12px}.trk-note{margin-left:0;width:100%}}