/* Wisppilot AZ home — promo video inside #features (homepromo.php). Fixed 16:9 box → no layout shift. */
.hpv{max-width:960px;margin:-8px auto 48px}
.hpv-box{position:relative;aspect-ratio:16/9;width:100%;border-radius:var(--radius,18px);overflow:hidden;background:#1d2024;box-shadow:var(--shadow2,0 18px 50px rgba(20,22,26,.14));border:1px solid var(--line,#e7e7e4)}
@supports not (aspect-ratio:1/1){.hpv-box{height:0;padding-top:56.25%}}
.hpv-v{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:transparent}
.hpv-ctl{position:absolute;inset-inline-end:14px;inset-block-end:14px;z-index:2;display:flex;gap:8px;align-items:center}
.hpv-snd,.hpv-pp{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:999px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.hpv-snd{padding:10px 18px;background:var(--brand2,#ffc83d);color:var(--brand-ink,#1d1d1f);font:700 16px/1 var(--fhead,inherit)}
.hpv-snd:hover{background:var(--brand,#f5b200)}
.hpv-pp{width:44px;padding:0;background:rgba(29,32,36,.72);color:#fff}
.hpv-pp:hover{background:rgba(29,32,36,.9)}
.hpv-i{display:block;width:12px;height:14px;border-inline:4px solid #fff;box-sizing:border-box}
.hpv-pp.is-paused .hpv-i{width:0;height:0;border-block:8px solid transparent;border-inline-start:13px solid #fff;border-inline-end:0;margin-inline-start:3px}
.hpv-snd:focus-visible,.hpv-pp:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--brand,#f5b200)}
.hpv-snd[hidden],.hpv-pp[hidden]{display:none}
@media (max-width:640px){.hpv{margin:-12px auto 32px}.hpv-box{border-radius:14px}.hpv-ctl{inset-inline-end:8px;inset-block-end:8px;gap:6px}.hpv-snd{min-height:38px;padding:6px 12px;font-size:14px}.hpv-pp{width:38px;min-height:38px}}