.cs-header{position:sticky;top:0;z-index:40;background:rgba(15,23,42,0.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,64,175,0.7)}.cs-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1rem}.cs-header__brand{display:inline-flex;align-items:center;gap:0.75rem}.cs-header__logo-mark{width:32px;height:32px;border-radius:12px;background:conic-gradient(from 150deg,var(--color-accent-magenta),var(--color-primary),var(--color-accent-yellow),var(--color-accent-magenta));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(15,23,42,0.9)}.cs-header__logo-mark-inner{width:20px;height:20px;border-radius:8px;background:#020617;box-shadow:0 0 0 1px rgba(15,23,42,0.9),0 0 0 2px rgba(148,163,184,0.5)}.cs-header__brand-text{display:flex;flex-direction:column;gap:2px}.cs-header__brand-name{font-family:var(--font-display);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;font-size:0.9rem;color:var(--gray-50)}.cs-header__brand-tagline{font-size:0.75rem;color:var(--color-text-muted)}.cs-header__nav{display:flex;align-items:center}.cs-header__nav-list{display:flex;align-items:center;gap:1.75rem}.cs-header__nav-link{position:relative;font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-muted);padding-block:0.25rem}.cs-header__nav-link::after{content:"";position:absolute;left:0;bottom:-0.35rem;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent-magenta),var(--color-primary));transition:width var(--transition-base)}.cs-header__nav-link:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:4px}.cs-header__nav-link:hover{color:var(--gray-50)}.cs-header__nav-link:hover::after{width:100%}.cs-header__nav-item--cta{margin-left:0.5rem}.cs-header__nav-cta{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.9rem;border-radius:999px;font-size:0.75rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--color-accent-yellow),#facc15);color:#020617;border:1px solid rgba(234,179,8,0.9);box-shadow:0 14px 32px rgba(250,204,21,0.5);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.cs-header__nav-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px rgba(236,72,153,0.7);background:linear-gradient(135deg,#facc15,var(--color-accent-magenta));color:#020617}.cs-header__nav-cta:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:4px}.cs-header__nav-cta-icon{display:inline-flex;align-items:center;justify-content:center}.cs-header__toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(51,65,85,0.9);background:rgba(15,23,42,0.96);color:var(--gray-50);padding:0.4rem;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.cs-header__toggle-bar{width:18px;height:2px;border-radius:999px;background:var(--gray-100);transition:transform var(--transition-base),opacity var(--transition-base),width var(--transition-base),background var(--transition-base)}.cs-header__toggle:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:3px}.cs-header__toggle--active{background:rgba(15,23,42,1);border-color:var(--color-primary)}.cs-header__toggle--active .cs-header__toggle-bar:nth-child(1){transform:translateY(3px) rotate(45deg);width:18px}.cs-header__toggle--active .cs-header__toggle-bar:nth-child(2){transform:translateY(-3px) rotate(-45deg);width:18px}.cs-header__nav--open{display:block}@media (max-width:768px){.cs-header__nav{position:absolute;inset-inline:0;top:100%;background:#020617;border-bottom:1px solid rgba(30,64,175,0.7);box-shadow:0 18px 40px rgba(15,23,42,0.9);display:none}.cs-header__nav-list{flex-direction:column;align-items:flex-start;padding:0.75rem 1.5rem 1.25rem;gap:0.75rem}.cs-header__nav-link{font-size:0.8rem}.cs-header__nav-item--cta{width:100%;margin-left:0}.cs-header__nav-cta{width:100%;justify-content:center}.cs-header__toggle{display:flex}}

/* visual-fix: mobile drawer + toggle contrast */
.cs-header {
  --nav-height: 4.75rem;
}

.cs-header__toggle {
  flex-direction: column;
  gap: 6px;
  border: 1.5px solid rgba(203, 213, 225, 0.95);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.55);
}

.cs-header__toggle--active {
  border-color: rgba(248, 250, 252, 0.98);
  background: rgba(30, 41, 59, 1);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.45);
}

.cs-header__toggle--active .cs-header__toggle-bar:nth-child(1) {
  transform: translateY(4px) rotate(45deg);
}

.cs-header__toggle--active .cs-header__toggle-bar:nth-child(2) {
  transform: translateY(-4px) rotate(-45deg);
}

@media (max-width: 768px) {
  .cs-header__nav.cs-header__nav--open {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: var(--nav-height);
    z-index: 45;
    width: 100%;
    max-height: calc(100vh - var(--nav-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #020617;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid rgba(30, 64, 175, 0.7);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9);
  }

  .cs-header__nav.cs-header__nav--open .cs-header__nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0;
    padding: 0.75rem 1.5rem 1.25rem;
  }

  .cs-header__nav.cs-header__nav--open .cs-header__nav-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: var(--gray-50);
  }

  .cs-header__nav.cs-header__nav--open .cs-header__nav-item {
    width: 100%;
  }

  .cs-header__nav.cs-header__nav--open .cs-header__nav-item--cta {
    margin-top: 0.35rem;
  }
}