.ss-header{position:sticky;top:0;z-index:1000}
.ss-header__bar{border-bottom:1px solid var(--color-border)}
.ss-header__inner{height:72px}

.ss-brand{display:flex;align-items:center;gap:12px;min-width:0}
.ss-brand__mark{height:44px;width:auto}
.ss-brand__text{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-neutral-light)}

.ss-nav{display:block}
.ss-nav__list{display:flex;gap:24px;align-items:center;margin:0;padding:0}
.ss-nav__list li{margin:0}
.ss-nav a{color:var(--color-neutral-medium);font-size:0.95rem}
.ss-nav a:hover{color:var(--color-neutral-light)}
.ss-nav__cta a{padding:10px 18px}

.ss-toggle{display:none;flex-direction:column;gap:4px;width:40px;height:40px;align-items:center;justify-content:center}
.ss-toggle span{display:block;width:20px;height:2px;background:var(--color-neutral-light)}

@media (max-width:900px){
  .ss-nav{position:fixed;inset:0;background:var(--color-surface-glass);backdrop-filter:blur(18px);transform:translateY(-100%);transition:transform var(--transition-medium);display:flex;align-items:center;justify-content:center}
  .ss-nav.open{transform:translateY(0);height:100vh}
  .ss-nav__list{flex-direction:column;gap:32px}
  .ss-toggle{display:flex;z-index:1001}
}