.header{z-index:1000;-webkit-backdrop-filter:blur(12px);width:100%;transition:transform var(--transition-base),background var(--transition-base);background:#000000d9;border-bottom:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;top:0;left:0}.header--hidden{transform:translateY(-100%)}.header--transparent{-webkit-backdrop-filter:none;background:0 0;border-bottom:1px solid #0000}.nav{height:var(--header-height);width:100%;max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav__logo{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;z-index:1001;font-size:16px;font-weight:700;position:relative}.nav__logo-img{height:auto;max-height:var(--branding-logo-height-cap,28px);object-fit:contain;width:auto;max-width:160px;transition:opacity var(--transition-base);display:block}@media (min-width:768px){.nav__logo-img{max-height:var(--branding-logo-height-cap,36px);max-width:200px}}.nav__logo:hover .nav__logo-img{opacity:.8}.nav__logo-text{color:var(--text-primary,#fff);transition:opacity var(--transition-base);display:block}.nav__logo:hover .nav__logo-text{opacity:.8}.nav__menu{align-items:center;gap:40px;display:flex}.nav__list{gap:32px;display:flex}.nav__link{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition-fast);font-size:12px;font-weight:500;position:relative}.nav__link:hover{color:var(--white)}.nav__cta{font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--cta-text);border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.nav__cta:hover{background:var(--cta-hover);transform:translateY(-1px);box-shadow:0 4px 20px #ffffff1a}.btn{font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--cta-bg);color:var(--cta-text)}.btn--primary:hover{background:var(--cta-hover);transform:translateY(-1px);box-shadow:0 4px 20px #ffffff1a}.btn--outline{color:var(--white);background:0 0;border:1px solid #fff3}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.announcement-banner{-webkit-backdrop-filter:blur(12px);color:var(--white);white-space:nowrap;background:linear-gradient(90deg,#ffffff08 0%,#ffffff0f 50%,#ffffff08 100%);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:10px;width:100%;padding:6px 16px;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.announcement-banner{gap:6px;padding:6px 10px}.announcement-banner__badge{letter-spacing:1.5px;padding:2px 5px 2px 3px;font-size:7px}.announcement-banner__icon{width:10px;height:10px}.announcement-banner__text{letter-spacing:1px;font-size:8px}}.announcement-banner__badge{font-family:var(--font-mono);letter-spacing:2.5px;text-transform:uppercase;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px 2px 5px;font-size:9px;font-weight:700;display:inline-flex}.announcement-banner__icon{flex-shrink:0;width:12px;height:12px}.announcement-banner__divider{background:#ffffff26;flex-shrink:0;width:1px;height:12px}.announcement-banner__text{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:500}.announcement-banner__pulse{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);width:100%;height:100%;animation:4s ease-in-out infinite bannerShimmer;position:absolute;top:0;left:-100%}@keyframes bannerShimmer{0%{left:-100%}50%,to{left:100%}}@media (max-width:768px){.nav{justify-content:center;position:relative}.nav__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav__menu{display:none}.nav .stage-menu-button{position:absolute;top:50%;right:18px;transform:translateY(-50%)}.nav .stage-menu-button:active{transform:translateY(-50%)scale(.96)}}
