.site-header{position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:12px;gap:16px}
.header-brand{display:flex;align-items:center;min-width:0}
.brand-link{display:flex;align-items:center;gap:12px}
.brand-mark{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-mint),var(--accent-blue));color:var(--color-text);font-family:var(--font-serif);font-weight:600;font-size:1.25rem;box-shadow:var(--shadow-soft)}
.brand-text{display:flex;flex-direction:column}
.brand-name{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;letter-spacing:0.04em}
.brand-tagline{font-size:0.75rem;color:var(--color-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-nav{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;gap:8px}
.nav-item{position:relative}
.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:0.4rem 0.9rem;border-radius:999px;font-size:0.875rem;color:var(--color-text-soft);transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}
.nav-link:hover{background-color:rgba(255,255,255,0.9);color:var(--color-text);box-shadow:var(--shadow-soft)}
.nav-link:focus-visible{outline:none;box-shadow:var(--shadow-outline)}
.nav-item.nav-cta .btn-header{font-size:0.8rem;padding-inline:1.4rem}
.nav-toggle{display:none;position:relative;width:42px;height:42px;border-radius:999px;border:1px solid rgba(0,0,0,0.06);background-color:rgba(255,255,255,0.9);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-soft);transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}
.nav-toggle-bar{width:18px;height:2px;border-radius:999px;background-color:var(--color-text);transition:transform var(--transition-base),opacity var(--transition-base),translate var(--transition-base)}
.nav-toggle-bar+.nav-toggle-bar{margin-top:4px}
.nav-toggle:focus-visible{outline:none;box-shadow:var(--shadow-outline),var(--shadow-soft)}
.nav-toggle.is-active{background-color:var(--color-primary-soft)}
.nav-toggle.is-active .nav-toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-active .nav-toggle-bar:nth-child(2){opacity:0}
.nav-toggle.is-active .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:767px){.site-nav{position:fixed;inset-inline:0;top:64px;z-index:40;pointer-events:none}
.nav-list{flex-direction:column;align-items:flex-start;background:rgba(255,255,255,0.98);margin:0.75rem auto 0;max-width:min(100% - 32px,480px);padding:12px 12px 14px;border-radius:18px;box-shadow:var(--shadow-soft-lg);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);pointer-events:auto}
.nav-item{width:100%}
.nav-link{width:100%;justify-content:flex-start}
.nav-item.nav-cta{width:100%;margin-top:4px}
.nav-item.nav-cta .btn-header{width:100%;justify-content:center}
.nav-toggle{display:inline-flex; flex-direction: column;}
.site-header.menu-open .site-nav .nav-list{opacity:1;visibility:visible;transform:translateY(0)}
body.menu-open{overflow:hidden}}
@media (min-width:768px){.nav-toggle{display:none}
.site-nav{position:static}
.nav-list{background:transparent;box-shadow:none;padding:0}
.brand-name{font-size:1.25rem}
.brand-mark{width:40px;height:40px;font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){.nav-toggle,.nav-link,.nav-list{transition:none}}