/* Shared public header: brand, grouped navigation, and account controls. */
.marketing .m-header {border-bottom:1px solid var(--border-default);box-shadow:0 8px 24px -24px var(--shadow-color)}
.marketing .m-header-inner {gap:28px}
.marketing .m-header .m-brand {gap:12px;font-size:22px;letter-spacing:-.045em;flex-shrink:0}
.marketing .m-header .m-brand b {color:var(--text-secondary);font-weight:400}
.marketing .m-header .brand-symbol {width:36px;height:38px;font-size:28px}
.marketing .m-nav {flex:1;min-width:0;gap:24px}
.marketing .m-nav-links {display:flex;align-items:center;justify-content:center;gap:4px;margin-inline:auto;padding:4px;border:1px solid var(--border-subtle);border-radius:6px;background:color-mix(in srgb,var(--surface-panel) 65%,transparent)}
.marketing .m-nav-links>a {display:flex;align-items:center;justify-content:center;position:relative;min-height:38px;padding:8px 14px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.5;color:var(--text-secondary);transition:background .2s,color .2s}
.marketing .m-nav-links>a:hover {color:var(--text-primary);background:var(--surface-raised)}
.marketing .m-nav-links>a[aria-current] {color:var(--accent-text);background:var(--accent-soft)}
.marketing .m-nav-account {flex-shrink:0;gap:18px;margin:0;padding:0;border:0}
.marketing .m-nav-account .m-login {font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;padding:12px 0}
.marketing .m-nav-account .m-login:hover {color:var(--accent-text)}
.marketing .m-nav-account .m-primary {min-height:44px;padding:11px 20px;font-size:12px;line-height:1.5;border-radius:4px;box-shadow:0 4px 16px -10px var(--accent-primary)}
.marketing .m-header-actions {display:none;gap:10px;border-left:1px solid var(--border-default);padding-left:20px}
.marketing .m-header a:focus-visible,.marketing .m-header button:focus-visible,.marketing .m-header summary:focus-visible {outline:2px solid var(--accent-primary);outline-offset:4px}
.marketing .m-public-account {display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 8px;border:1px solid transparent;border-radius:4px;max-width:190px;color:var(--text-primary)}
.marketing .m-public-account[hidden] {display:none}
.marketing .m-public-account:hover {background:var(--accent-soft);border-color:var(--accent-border)}
.marketing .m-public-avatar {display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:50%;color:var(--accent-text);font-size:13px;font-weight:600}
.marketing .m-public-account-name {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.6}
.marketing .m-public-account-role {display:block;color:var(--text-muted);font-size:9px;font-weight:400}

.marketing.m-signed-in .m-header-actions {display:flex}

@media(max-width:1250px) {
 .marketing .m-public-account-name {display:none}
 .marketing .m-public-account {width:44px;justify-content:center;padding:5px}
 .marketing.m-signed-in .m-header-actions {padding-left:12px;gap:6px}
}

@media(max-width:1100px) and (min-width:951px) {
 .marketing .m-header-inner {gap:18px}
 .marketing .m-header .m-brand {font-size:20px;gap:10px}
 .marketing .m-nav {gap:18px}
 .marketing .m-nav-links {gap:0}
 .marketing .m-nav-links>a {padding-inline:10px}
 .marketing .m-nav-account {gap:14px}
 .marketing .m-nav-account .m-primary {padding-inline:16px}
 .marketing .m-header-actions {padding-left:14px}
}
@media(max-width:950px) {
 .marketing .m-header-inner {gap:16px}
 .marketing .m-header .m-brand {font-size:21px}
 .marketing .m-header-actions {display:flex;margin-left:auto;padding-left:0;border:0;gap:8px}
 .marketing.m-signed-in .m-header-actions {padding-left:0}
 .marketing .m-public-account {border-color:var(--border-default);background:var(--surface-panel)}
 .marketing .m-menu-toggle {display:grid;place-items:center;width:44px;height:44px;padding:12px;background:var(--surface-panel);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px}
 .marketing .m-menu-toggle:hover,.marketing .m-menu-toggle[aria-expanded=true] {background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
 .marketing .m-nav {display:none;top:100%;padding:20px 27px 24px;gap:0;background:var(--surface-base);border-bottom:1px solid var(--border-strong);box-shadow:0 24px 40px -30px var(--shadow-color);max-height:calc(100dvh - 90px)}
 .marketing .m-nav.m-open {display:flex}
 .marketing .m-nav-links {display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0;padding:0;border:0;background:transparent;gap:8px}
 .marketing .m-nav-links>a {min-height:48px;justify-content:flex-start;padding:14px 16px;font-size:14px;background:var(--surface-panel);border:1px solid var(--border-subtle)}
 .marketing .m-nav-links>a[aria-current] {border-color:var(--accent-border)}
 .marketing .m-nav-account {justify-content:space-between;gap:18px;border-top:1px solid var(--border-default);margin-top:20px;padding-top:20px}
 .marketing .m-nav-account .m-login {font-size:13px;padding:12px 4px}
 .marketing .m-nav-account .m-primary {min-height:46px;padding:12px 20px;font-size:12px}
}
@media(max-width:400px) {
 .marketing.m-signed-in .m-header-inner {gap:8px}
 .marketing.m-signed-in .m-header .m-brand {font-size:17px;gap:7px}
 .marketing.m-signed-in .m-header .brand-symbol {width:28px;height:30px;font-size:23px}
 .marketing.m-signed-in .m-header-actions {gap:4px}
}
@media(max-width:760px) {
 .marketing .m-header .m-brand {font-size:20px;gap:10px}
 .marketing .m-header .brand-symbol {width:32px;height:34px;font-size:25px}
 .marketing .m-nav {padding:18px 20px 22px;max-height:calc(100dvh - 71px)}
}
@media(max-width:360px) {
 .marketing .m-header-inner {gap:10px}
 .marketing .m-header .m-brand {font-size:18px;gap:8px}
 .marketing .m-header-actions {gap:6px}
 .marketing .m-nav {padding-inline:15px}
 .marketing .m-nav-links>a {font-size:13px;padding-inline:12px}
}