.hfh,.hfm{--bg:#0b0c0e;--bg2:#111215;--card:#15171a;--card2:#1a1c20;--fg:#f4f4f2;--mut:#8d9096;--lime:#d1fe17;--ink:#0b0c0e;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--r:14px;--rm:6px;--font:Manrope,ui-sans-serif,system-ui,sans-serif;--disp:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
/* ---------- header: floating glass bar ---------- */
.hfh{position:sticky;top:0;z-index:50;padding:0;font-family:var(--font);pointer-events:none}
.hfh *{box-sizing:border-box}
.hfh a{text-decoration:none;color:inherit}
.hfh__in{pointer-events:auto;display:flex;align-items:center;gap:10px;height:60px;padding:0 10px 0 18px;max-width:none;margin:0;background:rgba(17,18,21,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line2);border-radius:0;box-shadow:0 10px 40px -20px rgba(0,0,0,.8)}
.hfh__logo{display:inline-flex;align-items:center;min-height:44px;flex:none;padding-right:8px}
.hfh__logo img{width:92px;height:24px;display:block}
.hfh__nav{position:relative;min-width:0;flex:1 1 auto}
.hfh__nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hfh__nav ul::-webkit-scrollbar{display:none}
.hfh__nav ul>li{display:flex;align-items:stretch;min-height:58px}
.hfh__nav ul>li>a{display:inline-flex;align-items:center;gap:5px;min-height:44px;align-self:stretch;padding:0 10px;font-size:14px;font-weight:600;color:#c3c5c9;white-space:nowrap;position:relative;transition:color .15s}
.hfh__nav ul>li>a::after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.hfh__nav ul>li>a:hover,.hfh__nav ul>li>a.on{color:var(--fg)}
.hfh__nav ul>li>a:hover::after,.hfh__nav ul>li>a.on::after,li.is-open>a::after{transform:scaleX(1)}
.hfh__nav ul>li>a b,.hfh__menu li b{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);border:1px solid var(--lime);padding:1px 5px;border-radius:999px;line-height:1.3}
.hfh__car{width:12px;height:12px;opacity:.6}
.hfh__r{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
.hfh__ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--fg)}
.hfh__ic svg{width:18px;height:18px}
.hfh__ic:hover{background:rgba(255,255,255,.06)}
.hfh__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;color:var(--fg)!important;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,filter .15s;border:1px solid transparent}
.hfh__pill:hover{background:rgba(255,255,255,.06)}
.hfh__price span{margin-left:8px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);border:1px solid var(--lime);padding:1px 6px;border-radius:999px}
.hfh__login{border-color:var(--line2)}
.hfh__login:hover{border-color:var(--lime);color:var(--lime)!important;background:transparent}
.hfh__signup,.hfh__menubtns .hfh__signup{background:var(--lime);color:var(--ink) !important;border-color:var(--lime)}
.hfh__signup:hover{filter:brightness(1.06)}
/* H01/F02: force pill contrast + signup fill over captured-page link rules */
.hfh a.hfh__pill,.hfh a.hfh__pill:link,.hfh a.hfh__pill:visited{color:var(--fg)!important}
.hfh a.hfh__login,.hfh a.hfh__login:visited{color:var(--fg)!important}
.hfh a.hfh__signup,.hfh a.hfh__signup:link,.hfh a.hfh__signup:visited{color:var(--ink)!important;background:var(--lime)!important;border-color:var(--lime)!important}
.hfh a.hfh__signup:hover{background:var(--lime)!important;color:var(--ink)!important;border-color:var(--lime)!important;filter:brightness(1.06)}
.hfh__burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--fg);align-items:center;justify-content:center;cursor:pointer}
.hfh__burger svg{width:22px;height:22px}
.hfh__menu{pointer-events:auto;max-width:none;margin:0;border:1px solid var(--line2);border-radius:0;padding:8px 16px 92px;background:rgba(17,18,21,.96);backdrop-filter:blur(16px);max-height:calc(100vh - 100px);overflow:auto}
.hfh__menu[hidden]{display:none}
.hfh__menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.hfh__menu a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:8px;font-size:15px;font-weight:600;color:#d4d5d6}
.hfh__menu a:hover{background:rgba(255,255,255,.05);color:#fff}
.hfh__menubtns{display:flex;gap:8px;margin-top:14px}
.hfh__menubtns .hfh__pill{flex:1}
.hfh__menu details{border-bottom:1px solid var(--line)}
.hfh__menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:15px;font-weight:700;color:var(--fg);padding:0 4px}
.hfh__menu summary::-webkit-details-marker{display:none}
.hfh__menu summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin-right:6px;transition:transform .2s}
.hfh__menu details[open] summary::after{transform:rotate(-135deg)}
.hfh__menu details p{margin:6px 4px 0;font-family:var(--mono);font-size:11px;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.hfh__menu details ul{grid-template-columns:1fr 1fr;padding-bottom:10px}
.hfh__menu details a{font-size:14px;font-weight:500;min-height:44px}
.hfh__plain{margin-top:8px}
/* ---------- mega menus: squared panels, lime rail, no icon tiles ---------- */
.hfm{position:absolute;left:0;top:100%;z-index:60;pointer-events:none}
.hfm__panel{pointer-events:auto;width:min(880px,calc(100vw - 48px));max-height:min(800px,calc(100vh - 130px));overflow:auto;background:rgba(17,18,21,.97);backdrop-filter:blur(16px);border:1px solid var(--line2);border-top:2px solid var(--lime);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);padding:8px;margin-top:6px;scrollbar-width:none}
.hfm__panel::-webkit-scrollbar{display:none}
.hfm__panel[hidden]{display:none}
.hfm__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hfm__col{padding:10px 6px 6px;min-width:0}
.hfm__col+.hfm__col{border-left:1px solid var(--line)}
.hfm__col>p{margin:0 0 6px;padding:0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.hfm__item{position:relative;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;min-height:52px;color:var(--fg);transition:background .15s}
.hfm__item:hover{background:rgba(255,255,255,.05)}
.hfm__item i{width:22px;height:22px;display:grid;place-items:center;color:var(--mut)}
.hfm__item:hover i{color:var(--lime)}
.hfm__item i svg{width:18px;height:18px}
.hfm__item span{display:grid;gap:1px;min-width:0}
.hfm__item strong{font-family:var(--font);font-weight:700;font-size:14px;line-height:18px;color:var(--fg)}
.hfm__item small{font-size:12px;line-height:16px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hfm__b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--lime);color:var(--ink);line-height:1.4}
.hfm__b--new{background:transparent;color:var(--lime);border:1px solid var(--lime)}
li.is-open>a .hfh__car{transform:rotate(180deg)}
@media(max-width:1180px){.hfh__ic,.hfh__price span{display:none}}
@media(max-width:991px){.hfh__nav,.hfh__price,.hfh__r>.hfh__pill:not(.hfh__signup){display:none}.hfh__burger{display:inline-flex}.hfh{padding:0}.hfh__in{height:56px;padding:0 6px 0 14px}}
@media(min-width:992px){.hfh__menu{display:none !important}}
@media(hover:hover){.hfh__nav:has(li[data-menu="image"]:hover) [data-panel="image"],.hfh__nav:has(li[data-menu="video"]:hover) [data-panel="video"],.hfh__nav:has(li[data-menu="audio"]:hover) [data-panel="audio"],.hfh__nav:has(li[data-menu="api"]:hover) [data-panel="api"],.hfh__nav:has(li[data-menu="convert"]:hover) [data-panel="convert"],.hfh__nav:has(li[data-menu="vfx"]:hover) [data-panel="vfx"],.hfm__panel:hover{display:block}}
.hfh{position:fixed !important;left:0;right:0}body{--hfh-on:1}
html[data-pxz-auth="in"]:not([data-pxz-auth-ready]) .hfh__login,html[data-pxz-auth="in"]:not([data-pxz-auth-ready]) .hfh__signup{visibility:hidden}