/* HostingJet Glass Header v2.2.0 — refined mobile geometry and premium sizing */
.hjgh-header,
.hjgh-header *,
.hjgh-header *::before,
.hjgh-header *::after {
    box-sizing: border-box;
}

.hjgh-header {
    position: fixed !important;
    top: calc(var(--hjgh-top-offset, 0px) + var(--hjgh-adminbar-offset, 0px));
    right: 0;
    left: 0;
    z-index: var(--hjgh-z, 99990);
    height: var(--hjgh-height, 88px);
    margin: 0 !important;
    padding: 0;
    color: var(--hjgh-transparent-text, #fff);
    background: transparent;
    border: 0;
    font-family: inherit;
    line-height: 1;
    isolation: isolate;
    transform: none;
    transition:
        height var(--hjgh-speed, 420ms) cubic-bezier(.22,.8,.22,1),
        color calc(var(--hjgh-speed, 420ms) * .8) ease,
        top var(--hjgh-speed, 420ms) cubic-bezier(.22,.8,.22,1),
        transform var(--hjgh-speed, 420ms) cubic-bezier(.22,.8,.22,1);
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.hjgh-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border: 1px solid var(--hjgh-transparent-border, transparent);
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
    background: var(--hjgh-transparent-bg, transparent);
    -webkit-backdrop-filter: blur(var(--hjgh-transparent-blur, 0px));
    backdrop-filter: blur(var(--hjgh-transparent-blur, 0px));
    box-shadow: none;
    transition:
        inset var(--hjgh-speed, 420ms) cubic-bezier(.22,.8,.22,1),
        border-color var(--hjgh-speed, 420ms) ease,
        border-radius var(--hjgh-speed, 420ms) cubic-bezier(.22,.8,.22,1),
        background-color var(--hjgh-speed, 420ms) ease,
        box-shadow var(--hjgh-speed, 420ms) ease,
        -webkit-backdrop-filter var(--hjgh-speed, 420ms) ease;
}

.hjgh-header.is-sticky {
    top: calc(var(--hjgh-sticky-top-offset, 0px) + var(--hjgh-adminbar-offset, 0px));
    height: var(--hjgh-sticky-height, 76px);
    color: var(--hjgh-sticky-text, #fff);
}

.hjgh-header.is-sticky::before {
    inset: var(--hjgh-sticky-inset, 0px);
    border: 1px solid var(--hjgh-sticky-border, rgba(255,255,255,.08));
    border-radius: var(--hjgh-sticky-radius, 0px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,0)),
        var(--hjgh-sticky-bg, rgba(14,14,13,.72));
    -webkit-backdrop-filter: blur(var(--hjgh-sticky-blur, 24px)) saturate(var(--hjgh-sticky-saturation, 155%));
    backdrop-filter: blur(var(--hjgh-sticky-blur, 24px)) saturate(var(--hjgh-sticky-saturation, 155%));
    box-shadow: var(--hjgh-sticky-shadow, 0 18px 60px rgba(0,0,0,.16));
}

.hjgh-header.is-hidden {
    transform: translate3d(0, calc(-100% - var(--hjgh-sticky-inset, 0px) - 18px), 0);
}

.hjgh-shell {
    position: relative;
    width: min(100%, calc(var(--hjgh-content-width, 1440px) + (var(--hjgh-side-padding, 32px) * 2)));
    height: 100%;
    margin: 0 auto;
    padding: 0 var(--hjgh-side-padding, 32px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--hjgh-section-gap, 18px);
}

.hjgh-glass-pill {
    justify-self: start;
    min-width: 0;
    height: var(--hjgh-pill-height, 44px);
    padding: var(--hjgh-pill-padding, 7px);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--hjgh-pill-border, rgba(255,255,255,.08));
    border-radius: var(--hjgh-pill-radius, 999px);
    background: var(--hjgh-pill-bg, rgba(15,15,13,.34));
    color: var(--hjgh-nav-text, currentColor);
    -webkit-backdrop-filter: blur(var(--hjgh-pill-blur, 15px)) saturate(135%);
    backdrop-filter: blur(var(--hjgh-pill-blur, 15px)) saturate(135%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        var(--hjgh-pill-shadow, 0 10px 30px rgba(0,0,0,.08));
    animation: hjgh-enter-left .72s cubic-bezier(.2,.8,.2,1) both;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.hjgh-header.is-sticky .hjgh-glass-pill {
    background: color-mix(in srgb, var(--hjgh-pill-bg, rgba(15,15,13,.34)) 82%, transparent);
}

.hjgh-menu-list {
    display: flex;
    align-items: center;
    gap: var(--hjgh-nav-gap, 1px);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.hjgh-menu-list > li {
    position: relative;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.hjgh-menu-list > li > a {
    position: relative;
    min-height: calc(var(--hjgh-pill-height, 44px) - (var(--hjgh-pill-padding, 7px) * 2));
    padding: 0 var(--hjgh-nav-padding, 13px) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0 !important;
    border-radius: 999px;
    background: transparent;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: var(--hjgh-nav-size, 13px) !important;
    font-style: normal !important;
    font-weight: var(--hjgh-nav-weight, 500) !important;
    line-height: 1 !important;
    letter-spacing: -.018em;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap;
    opacity: .92;
    outline: 0;
    transition:
        background-color .24s ease,
        opacity .24s ease,
        transform .24s cubic-bezier(.2,.8,.2,1);
}

.hjgh-menu-list > li > a:hover,
.hjgh-menu-list > li > a:focus-visible,
.hjgh-menu-list > li.current-menu-item > a,
.hjgh-menu-list > li.current-menu-ancestor > a {
    background: var(--hjgh-nav-hover-bg, rgba(255,255,255,.09));
    opacity: 1;
    transform: translateY(-1px);
}

.hjgh-menu-list > li.menu-item-has-children > a::after {
    content: "";
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-right: 1.4px solid currentColor;
    border-bottom: 1.4px solid currentColor;
    transform: rotate(45deg);
    opacity: .62;
    transition: transform .22s ease;
}

.hjgh-menu-list > li.menu-item-has-children:hover > a::after,
.hjgh-menu-list > li.menu-item-has-children:focus-within > a::after {
    transform: translateY(2px) rotate(225deg);
}

.hjgh-menu-list .sub-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    z-index: 20;
    width: var(--hjgh-dropdown-width, 230px);
    min-width: var(--hjgh-dropdown-width, 230px);
    margin: 0 !important;
    padding: 8px !important;
    display: grid;
    gap: 2px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--hjgh-dropdown-radius, 18px);
    background:
        radial-gradient(circle at 100% 0%, rgba(255,255,255,.07), transparent 34%),
        var(--hjgh-dropdown-bg, rgba(18,18,17,.92));
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
    box-shadow: 0 24px 70px rgba(0,0,0,.28);
    list-style: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(9px) scale(.985);
    transform-origin: top left;
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .25s cubic-bezier(.2,.8,.2,1);
}

.hjgh-menu-list li:hover > .sub-menu,
.hjgh-menu-list li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.hjgh-menu-list .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.hjgh-menu-list .sub-menu a {
    min-height: 39px;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center;
    border: 0 !important;
    border-radius: 11px;
    background: transparent;
    box-shadow: none !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: -.012em;
    text-decoration: none !important;
    transition: background-color .2s ease, transform .2s ease;
}

.hjgh-menu-list .sub-menu a:hover,
.hjgh-menu-list .sub-menu a:focus-visible {
    background: rgba(255,255,255,.075);
    transform: translateX(2px);
}

.hjgh-menu-list .sub-menu .sub-menu {
    top: -8px;
    left: calc(100% + 10px);
}

.hjgh-brand {
    grid-column: 2;
    justify-self: center;
    position: relative;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: currentColor !important;
    text-decoration: none !important;
    outline: 0;
    animation: hjgh-enter-center .78s .03s cubic-bezier(.2,.8,.2,1) both;
    transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
}

.hjgh-brand:hover,
.hjgh-brand:focus-visible {
    transform: translateY(-1px) scale(1.02);
}

.hjgh-brand-layer {
    grid-area: 1 / 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity .28s ease, transform .34s cubic-bezier(.2,.8,.2,1);
}

.hjgh-brand-main {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.hjgh-brand-sticky,
.hjgh-brand-mobile {
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px) scale(.97);
}

.hjgh-header.is-sticky .hjgh-brand-main {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px) scale(.97);
}

.hjgh-header.is-sticky .hjgh-brand-sticky {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.hjgh-logo-image {
    display: block !important;
    width: var(--hjgh-logo-width, 160px);
    max-width: none !important;
    height: auto !important;
    max-height: var(--hjgh-logo-max-height, 68px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain;
    object-position: center;
    box-shadow: none !important;
}

.hjgh-logo-sticky {
    width: var(--hjgh-sticky-logo-width, 144px);
    max-height: var(--hjgh-sticky-logo-max-height, 60px) !important;
}

.hjgh-logo-mobile {
    width: var(--hjgh-mobile-logo-width, 88px);
    max-height: var(--hjgh-mobile-logo-max-height, 42px) !important;
}

.hjgh-logo-text {
    display: block;
    color: currentColor;
    font-family: inherit;
    font-size: 20px;
    font-weight: 720;
    line-height: 1;
    letter-spacing: -.048em;
    white-space: nowrap;
}

.hjgh-actions {
    grid-column: 3;
    justify-self: end;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--hjgh-action-gap, 7px);
    animation: hjgh-enter-right .72s .06s cubic-bezier(.2,.8,.2,1) both;
}

.hjgh-login-link,
.hjgh-signup-button {
    min-height: var(--hjgh-action-height, 42px);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-family: inherit !important;
    font-size: var(--hjgh-action-size, 13px) !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
    outline: 0;
}

.hjgh-login-link {
    padding: 0 var(--hjgh-login-padding, 14px) !important;
    border: 1px solid transparent !important;
    background: transparent;
    box-shadow: none !important;
    color: currentColor !important;
    font-weight: 500 !important;
    letter-spacing: -.015em;
    transition: background-color .24s ease, transform .24s cubic-bezier(.2,.8,.2,1), opacity .24s ease;
}

.hjgh-login-link:hover,
.hjgh-login-link:focus-visible {
    background: var(--hjgh-login-hover-bg, rgba(255,255,255,.08));
    transform: translateY(-1px);
}

.hjgh-signup-button {
    position: relative;
    overflow: hidden;
    padding: 0 var(--hjgh-signup-padding, 18px) !important;
    border: 1px solid var(--hjgh-signup-border, rgba(255,255,255,.55)) !important;
    border-radius: var(--hjgh-signup-radius, 999px);
    background: var(--hjgh-signup-bg, #fff) !important;
    box-shadow:
        var(--hjgh-signup-shadow, 0 8px 24px rgba(0,0,0,.12)),
        inset 0 1px 0 rgba(255,255,255,.68) !important;
    color: var(--hjgh-signup-text, #171715) !important;
    font-weight: 620 !important;
    letter-spacing: -.018em;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, filter .28s ease;
}

.hjgh-signup-button::after {
    content: "";
    position: absolute;
    inset: -75% -45%;
    background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.68) 50%, transparent 62%);
    transform: translateX(-70%) rotate(8deg);
    transition: transform .72s cubic-bezier(.2,.8,.2,1);
}

.hjgh-signup-button span {
    position: relative;
    z-index: 1;
}

.hjgh-signup-button:hover,
.hjgh-signup-button:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.02);
    box-shadow:
        0 13px 30px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.74) !important;
}

.hjgh-signup-button:hover::after,
.hjgh-signup-button:focus-visible::after {
    transform: translateX(70%) rotate(8deg);
}

.hjgh-menu-toggle {
    width: var(--hjgh-menu-button-size, 43px) !important;
    min-width: var(--hjgh-menu-button-size, 43px) !important;
    height: var(--hjgh-menu-button-size, 43px) !important;
    min-height: var(--hjgh-menu-button-size, 43px) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 1px solid var(--hjgh-menu-button-border, rgba(255,255,255,.06)) !important;
    border-radius: 999px !important;
    background: var(--hjgh-menu-button-bg, rgba(7,7,7,.28)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    color: currentColor !important;
    font: inherit !important;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    -webkit-backdrop-filter: blur(12px) saturate(130%);
    backdrop-filter: blur(12px) saturate(130%);
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        background-color .24s ease,
        border-color .24s ease;
}

.hjgh-menu-toggle:hover,
.hjgh-menu-toggle:focus-visible {
    transform: translateY(-1px) rotate(3deg);
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.hjgh-menu-toggle span {
    display: block;
    width: 14px;
    height: 1.5px;
    margin: 0;
    border-radius: 4px;
    background: currentColor;
    transform-origin: center;
    transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .2s ease, width .25s ease;
}

.hjgh-menu-toggle span:nth-child(2) {
    width: 10px;
    margin-left: 4px;
}

.hjgh-menu-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(5.5px) rotate(45deg);
}

.hjgh-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    width: 0;
    opacity: 0;
}

.hjgh-menu-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-5.5px) rotate(-45deg);
}

.hjgh-mobile-panel {
    position: fixed;
    inset: 0;
    z-index: calc(var(--hjgh-z, 99990) + 2);
    visibility: hidden;
    pointer-events: none;
}

.hjgh-mobile-panel.is-open {
    visibility: visible;
    pointer-events: auto;
}

.hjgh-panel-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--hjgh-drawer-overlay, rgba(5,5,5,.48)) !important;
    box-shadow: none !important;
    cursor: default;
    opacity: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: opacity .34s ease;
}

.hjgh-mobile-panel.is-open .hjgh-panel-backdrop {
    opacity: 1;
}

.hjgh-panel-card {
    position: absolute;
    top: 14px;
    right: 14px;
    width: min(var(--hjgh-drawer-width, 420px), calc(100vw - 28px));
    max-height: calc(100dvh - 28px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px;
    border: 1px solid var(--hjgh-drawer-border, rgba(255,255,255,.12));
    border-radius: var(--hjgh-drawer-radius, 28px);
    background:
        radial-gradient(circle at 94% 0%, rgba(255,255,255,.085), transparent 31%),
        var(--hjgh-drawer-bg, rgba(18,18,17,.93));
    color: #fff;
    -webkit-backdrop-filter: blur(var(--hjgh-drawer-blur, 30px)) saturate(150%);
    backdrop-filter: blur(var(--hjgh-drawer-blur, 30px)) saturate(150%);
    box-shadow: 0 32px 100px rgba(0,0,0,.42);
    opacity: 0;
    transform: translate3d(18px, -10px, 0) scale(.97);
    transform-origin: top right;
    outline: 0;
    transition:
        opacity .28s ease,
        transform .4s cubic-bezier(.18,.86,.24,1);
}

.hjgh-mobile-panel.is-open .hjgh-panel-card {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.hjgh-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.hjgh-panel-kicker {
    color: rgba(255,255,255,.48);
    font-size: 10px;
    font-weight: 680;
    line-height: 1;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.hjgh-panel-close {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    transition: transform .24s ease, background-color .24s ease;
}

.hjgh-panel-close:hover,
.hjgh-panel-close:focus-visible {
    transform: rotate(4deg);
    background: rgba(255,255,255,.1) !important;
}

.hjgh-panel-close span {
    grid-area: 1 / 1;
    width: 14px;
    height: 1.5px;
    border-radius: 3px;
    background: currentColor;
}

.hjgh-panel-close span:first-child { transform: rotate(45deg); }
.hjgh-panel-close span:last-child { transform: rotate(-45deg); }

.hjgh-mobile-nav .hjgh-menu-list {
    display: grid;
    gap: 3px;
}

.hjgh-mobile-nav .hjgh-menu-list > li {
    width: 100%;
}

.hjgh-mobile-nav .hjgh-menu-list > li > a {
    width: 100%;
    min-height: 51px;
    padding: 0 14px !important;
    justify-content: space-between;
    border-radius: 14px;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 540 !important;
    letter-spacing: -.025em;
}

.hjgh-mobile-nav .hjgh-menu-list > li > a:hover,
.hjgh-mobile-nav .hjgh-menu-list > li > a:focus-visible,
.hjgh-mobile-nav .hjgh-menu-list > li.current-menu-item > a {
    background: rgba(255,255,255,.07);
    transform: none;
}

.hjgh-mobile-nav .hjgh-menu-list .sub-menu {
    position: static;
    width: auto;
    min-width: 0;
    margin: 2px 0 8px 15px !important;
    padding: 4px 0 4px 10px !important;
    display: grid;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.12);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.hjgh-mobile-nav .hjgh-menu-list .sub-menu a {
    min-height: 38px;
    padding: 0 11px !important;
    font-size: 13px !important;
    color: rgba(255,255,255,.72) !important;
}

.hjgh-panel-actions {
    margin-top: 18px;
    padding-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,.09);
}

.hjgh-panel-login,
.hjgh-panel-signup {
    min-height: 46px;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .24s ease, background-color .24s ease;
}

.hjgh-panel-login {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.055);
    color: #fff !important;
}

.hjgh-panel-signup {
    border: 1px solid rgba(255,255,255,.75);
    background: #fff;
    color: #171715 !important;
}

.hjgh-panel-login:hover,
.hjgh-panel-signup:hover,
.hjgh-panel-login:focus-visible,
.hjgh-panel-signup:focus-visible {
    transform: translateY(-1px);
}

body.hjgh-menu-open {
    overflow: hidden !important;
    touch-action: none;
}

.hjgh-header a:focus-visible,
.hjgh-header button:focus-visible {
    outline: 2px solid rgba(255,255,255,.75) !important;
    outline-offset: 3px !important;
}

@keyframes hjgh-enter-left {
    from { opacity: 0; transform: translate3d(-12px, 5px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes hjgh-enter-center {
    from { opacity: 0; transform: translate3d(0, 7px, 0) scale(.97); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes hjgh-enter-right {
    from { opacity: 0; transform: translate3d(12px, 5px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 600px) {
    .hjgh-panel-card {
        top: 8px;
        right: 8px;
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        padding: 15px;
        border-radius: min(var(--hjgh-drawer-radius, 28px), 24px);
    }

    .hjgh-panel-actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hjgh-header,
    .hjgh-header *,
    .hjgh-header *::before,
    .hjgh-header *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .hjgh-header.is-sticky::before { background: rgba(14,14,13,.94); }
    .hjgh-glass-pill { background: rgba(15,15,13,.72); }
    .hjgh-panel-card { background: rgba(18,18,17,.98); }
}


/* v1.6 root-cause positioning fix */
html.hjgh-adminbar-hidden {
    margin-top: 0 !important;
}

html.hjgh-scroll-locked,
html.hjgh-scroll-locked body {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* v1.3 mobile precision layer */
.hjgh-brand,
.hjgh-actions,
.hjgh-menu-toggle,
.hjgh-login-link,
.hjgh-signup-button {
    -webkit-tap-highlight-color: transparent;
}

.hjgh-panel-card {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.hjgh-panel-card::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body.hjgh-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

@media (max-width: 900px) {
    .hjgh-brand {
        overflow: hidden;
    }

    .hjgh-brand:hover,
    .hjgh-brand:focus-visible {
        transform: none;
    }

    .hjgh-actions {
        max-width: 68vw;
    }

    .hjgh-login-link,
    .hjgh-signup-button,
    .hjgh-menu-toggle {
        touch-action: manipulation;
    }

    .hjgh-panel-card {
        top: max(8px, env(safe-area-inset-top));
        right: max(8px, env(safe-area-inset-right));
        width: min(
            var(--hjgh-drawer-width, 420px),
            calc(100vw - max(8px, env(safe-area-inset-left)) - max(8px, env(safe-area-inset-right)))
        );
        max-height: calc(100svh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));
        max-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));
        padding-bottom: max(15px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 600px) {
    .hjgh-panel-card {
        left: max(8px, env(safe-area-inset-left));
        right: max(8px, env(safe-area-inset-right));
        width: auto;
    }
}

@media (max-width: 900px) and (orientation: landscape) and (max-height: 520px) {
    .hjgh-panel-card {
        top: max(6px, env(safe-area-inset-top));
        right: max(6px, env(safe-area-inset-right));
        bottom: max(6px, env(safe-area-inset-bottom));
        max-height: none;
        padding: 14px;
    }

    .hjgh-panel-top {
        margin-bottom: 8px;
    }

    .hjgh-mobile-nav .hjgh-menu-list > li > a {
        min-height: 42px;
    }
}

/* v2.2.0 premium geometry and safe mobile layer */
.hjgh-header.hjgh-premium-v16 {
    text-rendering: optimizeLegibility;
}

.hjgh-header.hjgh-premium-v16 .hjgh-glass-pill,
.hjgh-header.hjgh-premium-v16 .hjgh-brand,
.hjgh-header.hjgh-premium-v16 .hjgh-actions {
    animation: none !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-glass-pill {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 8px 24px rgba(0,0,0,.07);
}

.hjgh-header.hjgh-premium-v16 .hjgh-brand:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-brand:focus-visible {
    transform: none;
}

.hjgh-header.hjgh-premium-v16 .hjgh-logo-main {
    transform: translate3d(var(--hjgh-logo-offset-x, 0px), var(--hjgh-logo-offset-y, 0px), 0) scale(var(--hjgh-logo-scale, 1));
    transform-origin: center;
}

.hjgh-header.hjgh-premium-v16 .hjgh-logo-sticky {
    transform: translate3d(var(--hjgh-sticky-logo-offset-x, 0px), var(--hjgh-sticky-logo-offset-y, 0px), 0) scale(var(--hjgh-sticky-logo-scale, 1));
    transform-origin: center;
}

.hjgh-header.hjgh-premium-v16 .hjgh-signup-button::after {
    display: none !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-signup-button {
    box-shadow:
        var(--hjgh-signup-shadow, 0 8px 24px rgba(0,0,0,.12)),
        inset 0 1px 0 rgba(255,255,255,.58) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hjgh-header.hjgh-premium-v16 .hjgh-signup-button:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-signup-button:focus-visible {
    transform: translateY(-1px);
    box-shadow:
        0 10px 24px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.66) !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle:focus-visible {
    transform: none;
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle span,
.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle span:nth-child(2) {
    width: 14px;
    margin-left: 0;
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle span:nth-child(2) {
    width: 10px;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile {
    position: fixed !important;
    top: calc(var(--hjgh-mobile-top-offset, 0px) + var(--hjgh-adminbar-offset, 0px)) !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform-origin: top center;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.is-sticky {
    top: calc(var(--hjgh-mobile-sticky-top-offset, 0px) + var(--hjgh-adminbar-offset, 0px)) !important;
    height: var(--hjgh-mobile-sticky-height, 62px);
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile,
.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.is-sticky {
    height: var(--hjgh-mobile-height, 68px);
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile::before {
    inset: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.is-sticky::before {
    inset:
        var(--hjgh-mobile-sticky-top-inset, 0px)
        var(--hjgh-mobile-sticky-inset, 6px)
        var(--hjgh-mobile-sticky-bottom-inset, 4px);
    border: 1px solid var(--hjgh-sticky-border, rgba(255,255,255,.08));
    border-radius: var(--hjgh-mobile-sticky-radius, 18px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 44%),
        var(--hjgh-sticky-bg, rgba(39,39,39,.84));
    box-shadow: 0 12px 34px rgba(0,0,0,.18);
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.hjgh-mobile-flush-top.is-sticky::before {
    top: 0;
    border-top-color: transparent;
    border-radius: var(--hjgh-mobile-sticky-radius, 22px);
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-shell {
    width: 100%;
    height: 100%;
    padding-left: max(var(--hjgh-mobile-side-padding, 14px), env(safe-area-inset-left));
    padding-right: max(var(--hjgh-mobile-side-padding, 14px), env(safe-area-inset-right));
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
    column-gap: var(--hjgh-mobile-action-gap, 7px);
    align-items: center;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-brand {
    grid-column: 1;
    justify-self: start;
    width: auto;
    min-width: 0;
    min-height: 38px;
    max-width: 42vw;
    overflow: visible;
    place-items: center start;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-brand-layer {
    justify-content: flex-start;
    overflow: visible;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-logo-mobile {
    width: min(var(--hjgh-mobile-logo-width, 132px), 42vw);
    max-height: var(--hjgh-mobile-logo-max-height, 37px) !important;
    transform: translate3d(var(--hjgh-mobile-logo-offset-x, 0px), var(--hjgh-mobile-logo-offset-y, 0px), 0) scale(var(--hjgh-mobile-logo-scale, 1));
    transform-origin: left center;
    object-position: left center;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.hjgh-mobile-logo-center .hjgh-brand-layer {
    justify-content: center;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.hjgh-mobile-logo-center .hjgh-logo-mobile {
    transform-origin: center;
    object-position: center;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-actions {
    grid-column: 3;
    justify-self: end;
    max-width: none;
    gap: var(--hjgh-mobile-action-gap, 6px);
    flex-wrap: nowrap;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-login-link,
.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button {
    min-height: var(--hjgh-mobile-action-height, 38px);
    height: var(--hjgh-mobile-action-height, 38px);
    font-size: var(--hjgh-mobile-action-size, 13px) !important;
    letter-spacing: -.02em;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button {
    padding-inline: var(--hjgh-mobile-signup-padding, 17px) !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-menu-toggle {
    width: var(--hjgh-mobile-menu-button-size, 38px) !important;
    min-width: var(--hjgh-mobile-menu-button-size, 38px) !important;
    height: var(--hjgh-mobile-menu-button-size, 38px) !important;
    min-height: var(--hjgh-mobile-menu-button-size, 38px) !important;
    gap: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button,
.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-menu-toggle {
    position: relative;
    top: 0;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button {
    font-weight: 620 !important;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-menu-toggle span {
    width: 14px;
    height: 1.6px;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-menu-toggle span:nth-child(2) {
    width: 10px;
}

@media (max-width: 420px) {
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-shell {
        padding-left: max(8px, env(safe-area-inset-left));
        padding-right: max(8px, env(safe-area-inset-right));
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-logo-mobile {
        width: min(var(--hjgh-mobile-logo-width, 132px), 40vw);
    }
}

@media (max-width: 350px) {
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-shell {
        column-gap: 3px;
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-logo-mobile {
        width: min(var(--hjgh-mobile-logo-width, 132px), 34vw);
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button {
        padding-inline: 12px !important;
        font-size: 12px !important;
    }
}


/* v1.6 final mobile safeguards */
@media (max-width: 900px) {
    .hjgh-header,
    .hjgh-header .hjgh-shell {
        max-width: 100vw !important;
    }

    .hjgh-header .hjgh-shell {
        overflow: visible;
    }

    .hjgh-header .hjgh-brand {
        max-width: calc(100vw - 150px);
    }

    .hjgh-header .hjgh-logo-mobile {
        display: block !important;
        max-width: 100% !important;
    }

    .hjgh-header .hjgh-actions {
        min-width: max-content;
    }

    .hjgh-mobile-panel,
    .hjgh-panel-backdrop {
        width: 100vw;
        max-width: 100vw;
    }
}

@media (max-width: 380px) {
    .hjgh-header .hjgh-brand {
        max-width: calc(100vw - 132px);
    }
}


/* v2.2.0 restraint pass — remove vibe-coded feel */
.hjgh-header.hjgh-premium-v16 .hjgh-glass-pill,
.hjgh-header.hjgh-premium-v16 .hjgh-brand,
.hjgh-header.hjgh-premium-v16 .hjgh-actions {
    animation: none !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-glass-pill {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), var(--hjgh-pill-shadow, 0 8px 22px rgba(0,0,0,.08));
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-list > li > a:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-menu-list > li > a:focus-visible,
.hjgh-header.hjgh-premium-v16 .hjgh-menu-list > li.current-menu-item > a,
.hjgh-header.hjgh-premium-v16 .hjgh-menu-list > li.current-menu-ancestor > a {
    transform: none;
    background: var(--hjgh-nav-hover-bg, rgba(255,255,255,.07));
}

.hjgh-header.hjgh-premium-v16 .hjgh-login-link:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-login-link:focus-visible {
    transform: none;
    background: rgba(255,255,255,.06);
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-list .sub-menu {
    background: var(--hjgh-dropdown-bg, rgba(22,22,22,.94));
    box-shadow: 0 18px 44px rgba(0,0,0,.18);
}

.hjgh-header.hjgh-premium-v16 .hjgh-signup-button {
    filter: none !important;
    box-shadow: var(--hjgh-signup-shadow, 0 6px 18px rgba(0,0,0,.10)), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-signup-button:hover,
.hjgh-header.hjgh-premium-v16 .hjgh-signup-button:focus-visible {
    transform: none;
    filter: none;
    box-shadow: 0 8px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.66) !important;
}

.hjgh-header.hjgh-premium-v16 .hjgh-menu-toggle {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.hjgh-header.hjgh-premium-v16.hjgh-is-mobile::before,
.hjgh-header.hjgh-premium-v16.hjgh-is-mobile.is-sticky::before {
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
}


/* v2.2.0 authoritative mobile hero + sticky states */
@media (max-width: 900px) {
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile:not(.is-sticky)::before,
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile.hjgh-mobile-flush-top:not(.is-sticky)::before {
        inset: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile.is-sticky::before,
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile.hjgh-mobile-flush-top.is-sticky::before {
        inset: var(--hjgh-mobile-sticky-top-inset, 6px)
               var(--hjgh-mobile-sticky-inset, 6px)
               var(--hjgh-mobile-sticky-bottom-inset, 4px) !important;
        border-radius: var(--hjgh-mobile-sticky-radius, 18px) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 48%),
            var(--hjgh-sticky-bg, rgba(31,31,31,.86)) !important;
        border: 1px solid var(--hjgh-sticky-border, rgba(255,255,255,.08)) !important;
        -webkit-backdrop-filter: blur(var(--hjgh-sticky-blur, 22px)) saturate(var(--hjgh-sticky-saturation, 145%));
        backdrop-filter: blur(var(--hjgh-sticky-blur, 22px)) saturate(var(--hjgh-sticky-saturation, 145%));
        box-shadow: var(--hjgh-sticky-shadow, 0 8px 26px rgba(0,0,0,.14)) !important;
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-shell {
        padding-left: max(var(--hjgh-mobile-side-padding, 14px), env(safe-area-inset-left));
        padding-right: max(var(--hjgh-mobile-side-padding, 14px), env(safe-area-inset-right));
        column-gap: var(--hjgh-mobile-action-gap, 7px);
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-brand,
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-actions {
        align-self: center;
    }

    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-signup-button,
    .hjgh-header.hjgh-premium-v16.hjgh-is-mobile .hjgh-menu-toggle {
        flex: 0 0 auto;
    }
}