.header{position:relative;width:calc(100% - 2 * var(--space-lg));max-width:1440px;margin-inline:auto;background:var(--color-bg);color:var(--color-text-primary);border-bottom:1px solid var(--color-card-border);border-left:1px solid var(--color-card-border);border-right:1px solid var(--color-card-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.header .logo img{height:32px;filter:invert(1)}[data-theme=dark] .header .logo img{filter:invert(0)}.header nav{display:flex}.header nav a{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-medium);transition:color .2s ease}.header .badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-foreground);font-size:var(--size-small)}.header .cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:calc(var(--space-sm) + 2px) var(--space-md);background:var(--color-accent);color:var(--color-accent-foreground);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);text-decoration:none;font-weight:var(--weight-medium)}.header .cta img{height:18px}.mobile-menu-trigger{display:none;background:var(--color-accent);color:var(--color-accent-foreground);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);font-weight:var(--weight-medium);cursor:pointer}.mobile-menu-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:none;align-items:start;justify-content:center;padding:90px var(--space-lg)}.mobile-menu-overlay.active{display:flex}.mobile-menu{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;padding:0;position:relative}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md)}.mobile-menu-header h2{font-size:var(--size-h3);font-weight:var(--weight-medium);color:var(--color-text-primary)}.mobile-menu-close{background:none;border:none;font-size:2rem;color:var(--color-text-primary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex;flex-direction:column}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);text-decoration:none;color:var(--color-text-primary);font-weight:var(--weight-medium);text-transform:uppercase;transition:background-color .2s ease}.mobile-nav-item.active{background:var(--color-accent);color:var(--color-accent-foreground)}.mobile-nav-item:not(.active):hover{background:var(--color-surface)}.mobile-nav-item:not(.active):active{background:var(--color-surface)}.mobile-theme-switcher{display:flex;justify-content:center;margin-bottom:var(--space-md)}.mobile-cta-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:90%;padding:var(--space-md);margin-inline:auto;margin-bottom:var(--space-md);background:var(--color-accent);color:var(--color-accent-foreground);border-radius:var(--radius-pill);text-decoration:none;font-weight:var(--weight-medium)}.mobile-cta-button img{height:18px}@media (max-width: 1023px){.header .inner{justify-content:flex-start}.header .inner>nav{display:none}.desktop-actions{display:flex;margin-left:auto;align-items:center;gap:var(--space-sm)}.desktop-actions .cta{display:none}.mobile-menu-trigger{display:block;margin-left:var(--space-sm)}}@media (min-width: 1024px){.header nav{gap:var(--space-lg)}.header nav a:hover{color:var(--color-text-primary)}.mobile-menu-trigger{display:none}.header .inner>nav,.desktop-actions{display:flex}}.point-s-line{pointer-events:none;display:flex;align-items:center;justify-content:space-between;position:absolute;left:-.18rem;right:-.18rem;z-index:2;height:.3125rem;border-radius:2rem;top:50%}.point-s-line .point{width:.3125rem;height:.3125rem;border-radius:var(--radius-pill);background-color:var(--color-card-border);flex:none}
