.hp-node{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:.85rem;color:var(--text-dim);border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:7px 12px;margin-bottom:22px}
.hp-node:hover{border-color:var(--text-faint);color:var(--text)}
.hp-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none}
.hp-dot.ok{background:var(--success)}
.hp-sep{color:var(--text-faint)}

.ps{margin-top:0;padding-top:56px;padding-bottom:0}
.hero:has(+ .ps){padding-bottom:0}
.ps + #services{padding-top:56px}
.ps-title{text-align:center;margin-bottom:18px}
.ps-frame{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:16/9;background:#0b0e14;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.ps-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#0b0e14}
.ps-cover{position:absolute;inset:0;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer}
.ps-cover[hidden]{display:none}
.ps-watch{position:absolute;left:13px;bottom:13px;z-index:1;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 26px);box-sizing:border-box;white-space:nowrap;padding:7px 12px 7px 10px;border-radius:8px;
  background:rgba(11,14,20,.88);border:1px solid rgba(255,255,255,.14);color:#fff;font:600 .85rem/1.2 var(--font-body)}
.ps-watch svg{flex:none}
.ps-watch small{font-size:inherit;font-weight:500;color:#c9d2e3}
.ps-cover:hover .ps-watch{background:rgba(11,14,20,.92)}
.ps-cover:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}
@media (max-width:640px){
  .ps{padding-top:48px}
  .ps + #services{padding-top:48px}
  .ps-title{margin-bottom:14px}
  .ps-frame{border-radius:var(--radius-sm)}
  .ps-watch{left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 10px 6px 8px;font-size:.8rem}
}