:root{
  --ht-p-master:#F28C28;
  --ht-p-auth:#6D5EF5; --ht-p-home:#FFB84D; --ht-p-aihummer:#F28C28;
  --ht-p-life:#38D7C4; --ht-p-solo:#F5B642; --ht-p-team:#5B8CFF;
  --ht-p-business:#8A6CFF; --ht-p-enterprise:#23B3C5; --ht-p-portal:#FF7F66;
  --ht-p-sales:#27C28A; --ht-p-service:#37A5FF; --ht-p-finance:#21C6A8;
  --ht-p-people:#FF6FAE; --ht-p-store:#A2D94B; --ht-p-fabric:#7D8A99;
  
  --p:var(--em-accent);
  --p-soft:color-mix(in oklab, var(--p) 14%, transparent);
  --p-edge:color-mix(in oklab, var(--p) 46%, transparent);
  --p-ink:color-mix(in oklab, var(--p) 82%, #fff 18%);
}
[data-theme="light"]{ --p-ink:color-mix(in oklab, var(--p) 74%, #1A130D 26%); }


.pbht{display:inline-flex;align-items:center;gap:9px;border-radius:var(--em-radius-full);border:1px solid var(--em-line-strong);background:var(--em-surface);padding:7px 14px 7px 10px;color:var(--em-text);text-decoration:none;line-height:1.15;min-width:120px;transition:border-color var(--em-dur-normal) var(--em-ease),background var(--em-dur-normal) var(--em-ease)}
.pbht:hover{border-color:var(--em-accent-edge);background:var(--em-surface-2)}
.pbht svg{flex:none;display:block}
.pbht .pbht-t{display:flex;flex-direction:column;gap:1px}
.pbht .pbht-t i{font-style:normal;font-family:var(--em-font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--em-text-muted)}
.pbht .pbht-t b{font-family:var(--em-font-display);font-size:13px;font-weight:700;letter-spacing:-.02em}

.pbht--compact{min-width:72px;padding:5px 11px 5px 8px;gap:7px}
.pbht--compact .pbht-t i{display:none}
.pbht--compact .pbht-t b{font-size:12px}

.pbht--dark{background:#241A13;border-color:#614634;color:#F4ECE2;--fg:#F4ECE2;--core:#F0632E}
.pbht--dark .pbht-t i{color:#8A8178}
.pbht--light{background:#fff;border-color:#D9CCBB;color:#1A130D;--fg:#1A130D;--core:#E4551F}
.pbht--light .pbht-t i{color:#8B7E6F}
.pbht--mono{background:transparent;border-color:currentColor;opacity:.72;--fg:currentColor;--core:currentColor}
.pbht--mono:hover{opacity:1;background:transparent}


.pbht--footer{border-color:var(--em-line);background:transparent}
.pbht--hero{background:color-mix(in oklab,var(--em-surface) 70%,transparent);backdrop-filter:blur(6px)}
.pbht--splash{min-width:0;padding:0;border:0;background:transparent;flex-direction:column;gap:12px;text-align:center}
.pbht--splash svg{width:24px;height:24px;margin:0 auto}
.pbht--login{width:100%;justify-content:center}
.pbht--mobile{padding:5px 10px 5px 7px;min-width:72px}
.pbht--mobile .pbht-t i{display:none}
.pbht--wl{border-style:dashed;opacity:.9}


.js-anim .pbht--animated .pbht-n{opacity:0;transform:scale(.6);transform-origin:center}
.js-anim .pbht--animated .pbht-l{stroke-dasharray:14;stroke-dashoffset:14}
.pbht--animated.is-in .pbht-n{animation:pbht-node 260ms var(--em-ease) forwards}
.pbht--animated.is-in .pbht-n:nth-of-type(2){animation-delay:110ms}
.pbht--animated.is-in .pbht-n:nth-of-type(3){animation-delay:220ms}
.pbht--animated.is-in .pbht-l{animation:pbht-link 460ms var(--em-ease) 160ms forwards}
@keyframes pbht-node{to{opacity:1;transform:scale(1)}}
@keyframes pbht-link{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
  .pbht--animated .pbht-n{opacity:1;transform:none;animation:none}
  .pbht--animated .pbht-l{stroke-dashoffset:0;animation:none}
}


.ht-endorse{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;border:1px solid var(--em-line);border-radius:var(--em-radius-xl);background:var(--em-surface);padding:18px 20px}
.ht-endorse .he-t{font-family:var(--em-font-display);font-size:19px;font-weight:800;letter-spacing:-.03em}
.ht-endorse .he-s{color:var(--em-text-dim);font-size:13.5px;margin-top:2px}