/* Shared desktop navigation. Mobile headers and bottom navigation stay unchanged. */
.sgh-desktop-header { display:none; }
.sgh-desktop-contact { display:none; }
@media (min-width:1024px) {
  .sgh-mobile-back, .sgh-support-back { display:none; }
  .sgh-desktop-header { display:block; position:sticky; top:0; z-index:50; padding:14px 24px 0; }
  .sgh-desktop-shell {
    box-sizing:border-box; width:100%; max-width:1152px; min-height:70px;
    margin-inline:auto; padding:10px 20px; border-radius:999px;
    display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center; gap:16px; border:1px solid rgba(255,255,255,.13);
    background:rgba(18,10,32,.42); box-shadow:0 8px 28px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(20px) saturate(145%); -webkit-backdrop-filter:blur(20px) saturate(145%);
  }
  html[data-theme=light] .sgh-desktop-shell {
    background:rgba(255,255,255,.68); border-color:rgba(88,28,135,.14);
    box-shadow:0 8px 28px rgba(57,37,89,.08),inset 0 1px rgba(255,255,255,.6);
  }
  .sgh-desktop-brand { display:inline-flex; align-items:center; gap:10px; justify-self:start; min-width:0; text-decoration:none; color:inherit; }
  .sgh-desktop-brand img { width:36px; height:36px; border-radius:12px; object-fit:contain; }
  .sgh-desktop-brand-copy { display:block; line-height:1; }
  .sgh-desktop-brand-name { display:block; font-family:Outfit,Inter,system-ui,sans-serif; font-size:15px; font-weight:700; letter-spacing:-.03em; }
  .sgh-desktop-brand-sub { display:block; margin-top:4px; color:#a855f7; font-size:9px; font-weight:600; letter-spacing:.14em; }
  .sgh-desktop-links { position:relative; isolation:isolate; display:flex; align-items:center; gap:4px; }
  .sgh-desktop-links a {
    position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding:0 16px; border-radius:999px; color:rgba(255,255,255,.62);
    font-family:Inter,system-ui,sans-serif; font-size:13px; font-weight:500; line-height:1;
    white-space:nowrap; text-decoration:none;
    transition:color .18s ease, transform .18s ease;
  }
  .sgh-desktop-links a:hover, .sgh-desktop-links a:focus-visible, .sgh-desktop-links a[aria-current=page] { color:#fff; }
  .sgh-desktop-links a:active { transform:scale(.97); }
  .sgh-desktop-links a[aria-current=page] { font-weight:600; }
  .sgh-desktop-links a:hover, .sgh-desktop-links a[aria-current=page] { background:transparent; }
  .sgh-desktop-links:not([data-ready]) a[aria-current=page] { background:rgba(255,255,255,.1); }
  .sgh-nav-indicator {
    position:absolute; z-index:0; top:0; bottom:0;
    left:var(--sgh-pill-x,0px); width:var(--sgh-pill-w,0px);
    border-radius:999px; pointer-events:none; opacity:0;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px rgba(255,255,255,.08);
    transition:left .2s cubic-bezier(.22,.7,.25,1),width .2s cubic-bezier(.22,.7,.25,1),opacity .12s ease;
  }
  .sgh-desktop-links[data-ready] .sgh-nav-indicator { opacity:1; view-transition-name:sgh-nav-pill; }
  html[data-theme=light] .sgh-desktop-links a { color:rgba(26,16,37,.6); }
  html[data-theme=light] .sgh-desktop-links a:hover,
  html[data-theme=light] .sgh-desktop-links a:focus-visible,
  html[data-theme=light] .sgh-desktop-links a[aria-current=page] { color:#211936; }
  html[data-theme=light] .sgh-nav-indicator,
  html[data-theme=light] .sgh-desktop-links:not([data-ready]) a[aria-current=page] {
    background:rgba(112,76,148,.1); border-color:rgba(112,76,148,.08);
  }
  .sgh-desktop-actions { display:flex; align-items:center; justify-self:end; gap:8px; }
  .sgh-desktop-theme {
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; padding:0; border:0; border-radius:50%;
    background:transparent; color:rgba(255,255,255,.7); cursor:pointer;
    transition:background .18s ease,color .18s ease;
  }
  .sgh-desktop-theme:hover { background:rgba(255,255,255,.08); color:#fff; }
  html[data-theme=light] .sgh-desktop-theme { color:#554269; }
  html[data-theme=light] .sgh-desktop-theme:hover { background:rgba(112,76,148,.08); color:#211936; }
  .sgh-desktop-theme .material-symbols-outlined { font-size:22px; line-height:1; }
  .sgh-desktop-contact {
    display:inline-flex; align-items:center; justify-content:center; min-height:40px;
    padding:0 20px; border-radius:999px; background:linear-gradient(135deg,#a855f7,#7c3aed);
    color:#fff!important; font-family:Inter,system-ui,sans-serif; font-size:13px; font-weight:600;
    text-decoration:none; box-shadow:0 4px 16px rgba(124,58,237,.22);
    transition:filter .18s ease,transform .18s ease;
  }
  .sgh-desktop-contact:hover { filter:brightness(1.06); }
  .sgh-desktop-contact:active { transform:scale(.97); }
  .sgh-desktop-links a:focus-visible, .sgh-desktop-theme:focus-visible,
  .sgh-desktop-contact:focus-visible, .sgh-desktop-brand:focus-visible { outline:2px solid #a78bda; outline-offset:3px; }
}
@view-transition { navigation:auto; }
@media (max-width:1023px) { @view-transition { navigation:none; } }
::view-transition-old(root), ::view-transition-new(root) { animation:none; }
::view-transition-old(sgh-nav-pill), ::view-transition-new(sgh-nav-pill) {
  animation-duration:.2s; animation-timing-function:cubic-bezier(.22,.7,.25,1);
}
@media (prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  .sgh-nav-indicator, .sgh-desktop-links a { transition:none!important; }
}
@media (prefers-reduced-transparency:reduce) {
  .sgh-desktop-shell { backdrop-filter:none; -webkit-backdrop-filter:none; }
  html[data-theme=dark] .sgh-desktop-shell { background:#160f22; }
  html[data-theme=light] .sgh-desktop-shell { background:#fff; }
}