/* ===== premium demo video (custom facade, no YouTube chrome until play) ===== */
.pn-video{width:100%;max-width:760px;margin:0 auto}
.pnv-frame{position:relative;background:#fff;border:1px solid var(--line,#EDEBE8);border-radius:16px;overflow:hidden;box-shadow:0 34px 80px -38px rgba(24,24,27,.34),0 2px 6px rgba(24,24,27,.05)}
.pnv-frame::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,#C77DFF,#8D12E8 55%,#7A0FCB);opacity:.92}
.pnv-bar{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid var(--line,#EDEBE8);background:linear-gradient(180deg,#FFFFFF,#FBFAFE)}
.pnv-bar .d{width:9px;height:9px;border-radius:50%}
.pnv-bar .d.r{background:#F5A9A0}
.pnv-bar .d.y{background:#F5D08C}
.pnv-bar .d.g{background:#9FD8B4}
.pnv-ttl{margin-left:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.02em;color:#8A8A93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnv-live{margin-left:auto;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:#7A0FCB;background:#F7EDFE;border:1px solid #ECD9FB;border-radius:999px;padding:3px 9px;flex:0 0 auto}
.pnv-media{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#efeafc,#f6f3fe) center/cover no-repeat;overflow:hidden}
.pnv-stage{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;padding:0;margin:0;background:center/cover no-repeat;cursor:pointer;overflow:hidden}
.pnv-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,40,.04),rgba(20,16,40,.16) 55%,rgba(20,16,40,.56));z-index:1}
.pnv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#C77DFF,#8D12E8 60%,#7A0FCB);box-shadow:0 14px 36px -8px rgba(141,18,232,.7),0 0 0 10px rgba(255,255,255,.14);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .25s}
.pnv-play svg{width:26px;height:26px;margin-left:4px;fill:#fff}
.pnv-stage:hover .pnv-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 18px 44px -8px rgba(141,18,232,.8),0 0 0 12px rgba(255,255,255,.2)}
.pnv-cap{position:absolute;left:18px;bottom:15px;z-index:2;display:flex;align-items:center;gap:8px;color:#fff;font-size:13.5px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.pnv-cap::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ED598;box-shadow:0 0 0 3px rgba(62,213,152,.25)}
.pnv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

@media(max-width:560px){.pnv-play{width:60px;height:60px}.pnv-play svg{width:20px;height:20px}}
/* custom YouTube player overlay (hides YT chrome, purple bar) */
.pnv-media iframe,.pnv-media .pnv-yt{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
.pnv-ctrl{position:absolute;inset:0;z-index:2;cursor:pointer}
.pnv-track{position:absolute;left:0;right:0;bottom:0;height:7px;background:rgba(255,255,255,.16);z-index:3;cursor:pointer}
.pnv-track:hover{height:9px}
.pnv-fill{height:100%;width:0;background:linear-gradient(90deg,#C77DFF,#8D12E8);box-shadow:0 0 10px rgba(141,18,232,.65)}
.pnv-fill::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#8D12E8;box-shadow:0 0 0 3px rgba(255,255,255,.65);opacity:0;transition:opacity .15s}
.pnv-track{position:relative}
.pnv-track:hover .pnv-fill::after{opacity:1}
.pnv-scrim{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;background:rgba(20,16,40,.5);backdrop-filter:blur(2px)}
.pnv-ctrl.paused .pnv-scrim{display:flex}
.pnv-big{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#C77DFF,#8D12E8 60%,#7A0FCB);box-shadow:0 14px 36px -8px rgba(141,18,232,.7),0 0 0 10px rgba(255,255,255,.14);transition:transform .2s}
.pnv-big:hover{transform:scale(1.07)}
.pnv-big svg{width:26px;height:26px;margin-left:4px;fill:#fff}
.pnv-intro{position:absolute;inset:0;z-index:4;background:#1a1430 center/cover no-repeat;transition:opacity .55s ease}
.pnv-intro.fade{opacity:0;pointer-events:none}
.pnv-fs{position:absolute;right:12px;bottom:15px;z-index:5;width:34px;height:34px;border-radius:9px;border:0;cursor:pointer;background:rgba(20,16,40,.42);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .15s,transform .15s}
.pnv-fs:hover{opacity:1;transform:scale(1.06)}
.pnv-fs svg{width:17px;height:17px}
.pnv-media:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;background:#000}
.pnv-media:fullscreen .pnv-yt,.pnv-media:fullscreen iframe{width:100%;height:100%}
/* guide pages: figure wrapper */
.pn-video-fig{margin:24px 0 30px}.pn-video-fig .pn-video{max-width:100%}.pn-video-fig figcaption{margin-top:10px;font-size:13.5px;color:#6b6876;text-align:center}