/* Cinematic chapters and tactile example rail */
#overview{position:relative}.chapter-next{display:flex;align-items:center;justify-content:space-between;padding:28px 0;margin:54px 0 0;border-top:1px solid #ffffff20;color:#aab6cf;text-decoration:none}.chapter-next strong{font-size:24px;color:#f1f4ff}.chapter-next .next-arrow{font-size:36px;transition:transform .4s}.chapter-next:hover .next-arrow{transform:translate(12px,4px)}
#demo-grid{display:flex!important;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;padding:24px 2px 36px;scrollbar-width:thin;scrollbar-color:#7186e8 #151a2b;overscroll-behavior-x:contain}#demo-grid .demo-card{flex:0 0 min(410px,82vw);scroll-snap-align:center;transition:transform .4s,border-color .4s;opacity:1;transform:none}#demo-grid .demo-card:hover{transform:translateY(-8px);border-color:#9ea5ff}#demo-grid .demo-card[hidden]{display:none!important}#demo-grid .demo-art{height:255px;background:radial-gradient(ellipse at 70% 20%,#5b4d8b66,transparent 65%),linear-gradient(135deg,#172737,#151426)!important}#demo-grid .demo-art svg{stroke:#aabfff;width:68%;height:80%;filter:drop-shadow(0 10px 24px #6978ff40)}.rail-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.rail-controls button,.stage-play{border:1px solid #ffffff30;background:#151e31;color:#e9edff;border-radius:30px;padding:12px 20px;cursor:pointer}.rail-controls button:hover,.stage-play:hover{background:#293452}.rail-count{margin-right:auto;color:#aeb9d5;font:12px monospace}.stage-play{margin-top:12px}.stage-meter{height:2px;background:#ffffff18;margin:20px 0}.stage-meter i{display:block;height:100%;background:linear-gradient(90deg,#7dbffb,#bb9fff);width:0}.spotlight{transition:box-shadow .7s}.spotlight[data-phase="1"]{box-shadow:0 0 80px #648bff20}.spotlight[data-phase="2"]{box-shadow:0 0 80px #b290ff28}.scene-caption{transition:background .4s}.chapter-indicator{position:fixed;right:22px;bottom:28px;z-index:20;background:#121929db;backdrop-filter:blur(15px);border:1px solid #ffffff20;padding:10px 17px;border-radius:30px;color:#d1d8f0;font:12px monospace;pointer-events:none}.chapter-indicator span{color:#a79eff}.demo-card video{width:100%;height:100%;object-fit:cover}.demo-preview{position:absolute;inset:0}.demo-art{position:relative}.demo-art>span,.demo-art>.art-number{z-index:2;position:relative}@media(max-width:650px){.chapter-indicator{display:none}.chapter-next strong{font-size:18px}#demo-grid .demo-art{height:210px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#demo-grid .demo-card,.chapter-next .next-arrow{transition:none}}