/* Scoped component styles keep the same header inside every visual system. */
.xinix-header {
  --xh-bg:#f5f4ef; --xh-ink:#202a22; --xh-muted:#677168; --xh-line:#dddfd5; --xh-green:#244b3b;
  position:sticky; top:0; z-index:50; display:block; isolation:isolate; width:100%; height:86px; margin:0; padding:0; border:0; border-bottom:1px solid var(--xh-line); border-radius:0; box-shadow:none; backdrop-filter:none; background:var(--xh-bg); color:var(--xh-ink); font:12px/1.4 Manrope,'Segoe UI',sans-serif; letter-spacing:normal; text-transform:none; flex-shrink:0;
}
html[data-theme=dark] .xinix-header { --xh-bg:#121a16; --xh-ink:#eef1e7; --xh-muted:#adb9ac; --xh-line:#344238; --xh-green:#bad59f; }
.xinix-header *, .xinix-header *::before,.xinix-header *::after { box-sizing:border-box; }
.xinix-header .lp-shell { width:min(1280px,calc(100% - 80px)); height:100%; margin:auto; }
.xinix-header .lp-header-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.xinix-header .lp-header-inner button { font:inherit; letter-spacing:normal; appearance:none; box-shadow:none; }
.xinix-header .lp-brand { display:inline-flex; align-items:center; flex-shrink:0; gap:12px; margin:0; color:var(--xh-ink); font-size:26px; font-weight:800; letter-spacing:-.065em; text-decoration:none; }
.xinix-header .lp-mark { display:block; width:39px; height:39px; padding:0; transform:none; background:none; }
.xinix-header .lp-mark svg { display:block; width:100%; height:100%; color:var(--xh-green); transition:transform .5s; }
.xinix-header .lp-brand:hover svg { transform:rotate(-8deg); }
.xinix-header .lp-nav { display:flex; align-items:center; justify-content:flex-end; gap:20px; margin:0; padding:0; position:static; border:0; background:none; }
.xinix-header .lp-nav > a,.xinix-header .xh-text-control { position:relative; display:inline-flex; align-items:center; gap:14px; margin:0; padding:8px 0; border:0; border-radius:0; color:var(--xh-muted); background:none; text-decoration:none; font:500 11px Manrope,'Segoe UI',sans-serif; white-space:nowrap; cursor:pointer; }
.xinix-header .lp-nav > a:not(.lp-button)::after { content:''; position:absolute; inset:auto 0 0; height:1px; background:var(--xh-green); transform:scaleX(0); transform-origin:left; transition:transform .4s; }
.xinix-header .lp-nav > a:hover::after,.xinix-header .lp-nav > a.is-current::after { transform:scaleX(1); }
.xinix-header .lp-nav > .lp-button { min-height:42px; padding:0 17px; border-radius:var(--radius-control,12px); background:var(--xh-green); color:var(--xh-bg) !important; font-weight:700; }
.xinix-header .lp-nav > .lp-button { justify-content:center; box-shadow:0 4px 0 color-mix(in srgb,var(--xh-green) 10%,transparent); transition:transform .4s,background-color .4s; }
.xinix-header .lp-nav > .lp-button > span { font-size:16px; line-height:1; transition:transform .4s; }
.xinix-header .lp-nav > .lp-button:hover > span { transform:translate(3px,-3px); }
.xinix-header .lp-nav > .lp-button:hover { background:color-mix(in srgb,var(--xh-green) 90%,var(--xh-ink)); }
.xinix-header .lp-nav > a:not(.lp-button):hover { color:var(--xh-green); }
.xinix-header .lp-nav > a:not(.lp-button)::after { left:0; right:0; bottom:0; width:auto; }
.xinix-header .lp-nav { color:var(--xh-ink); }
.xinix-header .lp-nav[data-dynamics] { position:relative; }
.xinix-header .lp-nav[data-dynamics] > a:not(.lp-button)::after { display:none; }
.xinix-header .nav-motion-cursor { position:absolute; bottom:1px; left:0; height:1px; background:var(--xh-green); transform-origin:left center; pointer-events:none; }
.xinix-header .nav-motion-cursor[hidden] { display:none; }
.xinix-header .lp-nav > a { line-height:1.4; }
.xinix-header .lp-motion-toggle,.xinix-header .lp-theme-toggle { position:static; display:grid; flex-shrink:0; place-items:center; width:36px; height:36px; padding:8px; border:1px solid var(--xh-line); border-radius:50%; background:none; color:var(--xh-ink); cursor:pointer; }
.xinix-header .lp-motion-toggle[aria-pressed=true] { background:color-mix(in srgb,var(--xh-green) 10%,transparent); color:var(--xh-green); }
.xinix-header .lp-theme-toggle svg,.xinix-header .lp-motion-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.xinix-header .lp-theme-toggle .lp-moon { display:none; }html[data-theme=dark] .xinix-header .lp-theme-toggle .lp-sun { display:none; }html[data-theme=dark] .xinix-header .lp-theme-toggle .lp-moon { display:block; }
.xinix-header .lp-menu-toggle { display:none; }
.xinix-header .lp-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.xinix-header :focus-visible { outline:2px solid var(--xh-green); outline-offset:4px; }
html:has(.xinix-header) { scroll-padding-top:100px; }
.account-home-link { display:inline-flex; gap:10px; margin-bottom:24px; border:0; padding:0; background:none; color:var(--green); font:600 11px var(--sans); cursor:pointer; }
.xinix-header .lp-nav > .xh-profile { gap:10px; max-width:180px; padding:5px 10px 5px 5px; border:1px solid var(--xh-line); border-radius:28px; color:var(--xh-ink); }
.xinix-header .xh-avatar { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border-radius:50%; background:var(--xh-green); color:var(--xh-bg); font-size:11px; font-weight:700; }
.xinix-header .xh-profile-name { overflow:hidden; text-overflow:ellipsis; }
.xinix-header .xh-profile svg { flex-shrink:0; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.xinix-header .xh-session-placeholder { display:flex; align-items:center; gap:16px; width:190px; height:42px; }
.xinix-header .xh-session-placeholder i { display:block; height:10px; width:65px; border-radius:8px; background:color-mix(in srgb,var(--xh-ink) 7%,transparent); }
.xinix-header .xh-session-placeholder i:last-child { width:95px; height:34px; border-radius:20px; }
.xinix-account-surface { position:relative; overflow-x:clip; }
@media(max-width:1100px) { .xinix-header .lp-shell { width:calc(100% - 48px); }.xinix-header .lp-nav { gap:14px; } }
@media(max-width:1100px) {
  .xinix-header { height:72px; }
  .xinix-header .lp-shell { width:calc(100% - 36px); }
  .xinix-header .lp-brand { font-size:24px; }.xinix-header .lp-mark { width:35px; height:35px; }
  .xinix-header .lp-menu-toggle { display:grid; place-items:center; margin-left:auto; margin-right:90px; width:36px; height:36px; padding:0; border:1px solid var(--xh-line); border-radius:50%; background:none; color:var(--xh-ink); cursor:pointer; }
  .xinix-header .lp-menu-icon,.xinix-header .lp-menu-icon::before,.xinix-header .lp-menu-icon::after { position:relative; display:block; width:14px; height:1px; background:var(--xh-ink); }
  .xinix-header .lp-menu-icon::before,.xinix-header .lp-menu-icon::after { position:absolute; content:''; left:0; transition:transform .4s; }
  .xinix-header .lp-menu-icon::before { top:-5px; }.xinix-header .lp-menu-icon::after { top:5px; }
  .xinix-header .lp-menu-toggle[aria-expanded=true] .lp-menu-icon { background:none; }.xinix-header .lp-menu-toggle[aria-expanded=true] .lp-menu-icon::before { top:0; transform:rotate(45deg); }.xinix-header .lp-menu-toggle[aria-expanded=true] .lp-menu-icon::after { top:0; transform:rotate(-45deg); }
  .xinix-header .lp-nav { position:absolute; inset:72px 0 auto; display:block; padding:12px 18px 20px; border-bottom:1px solid var(--xh-line); background:var(--xh-bg); visibility:hidden; pointer-events:none; }
  .xinix-header .lp-nav[data-dynamics] { position:absolute; }
  .xinix-header .nav-motion-cursor { display:none; }
  .xinix-header .lp-nav.is-open { visibility:visible; pointer-events:auto; }
  .xinix-header .lp-nav > a,.xinix-header .xh-text-control { display:flex; width:100%; padding:14px 3px; font-size:12px; }
  .xinix-header .lp-nav > .lp-button { justify-content:center; padding:14px; margin-top:8px; }
  .xinix-header .lp-nav > .xh-profile { max-width:none; width:100%; margin-top:8px; padding:7px; gap:12px; }
  .xinix-header .xh-session-placeholder { margin-top:10px; }
  .xinix-header .lp-motion-toggle,.xinix-header .lp-theme-toggle { position:fixed; top:18px; visibility:visible; pointer-events:auto; }
  .xinix-header .lp-theme-toggle { right:18px; }.xinix-header .lp-motion-toggle { right:62px; }
}