/* Site masthead shared by the marketing landing and the feedback page. */
.mast { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.mast-in { max-width: 1080px; margin: 0 auto; display: flex; align-items: center; gap: 10px; padding: 12px 28px; }
.mast-logo { min-width: 0; flex-wrap: wrap; display: flex; align-items: center; gap: 9px; color: var(--accent); text-decoration: none; }
.mast-logo b { font-family: var(--display); font-size: 19px; font-weight: 900; line-height: 1.2; color: var(--ink); }
.mast-nav { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.mast-nav a { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); text-decoration: none; }
.mast-nav a:hover { color: var(--accent-deep); }