/* Production integration. Sign in became a link (it opened a prototype dialog);
   a button centres its label, a link does not, so centre it the same way. */
.nav-actions a.quiet{display:inline-flex;align-items:center}
/* Home hero: the Q mark above the headline, and room for the one-line description.
   q-mask.png (q.png made solid inside, edges kept soft) is a stencil so the mark stays sharp. #8a2a88 is the
   logo as the app renders it (q.png's magenta over the app's dark background), not the UI plum. */
.home-page .hero-mark{display:block;width:45px;height:48px;margin:0 auto var(--space-5);background:#8a2a88;-webkit-mask:url(q-mask.png?v=2) center/contain no-repeat;mask:url(q-mask.png?v=2) center/contain no-repeat}
.home-page .opening-copy>p{max-width:44ch;margin-inline:auto}
/* Contact: team context is always shown under a plain title, not tucked in a disclosure. */
.contact-form .team-details-title{font-size:var(--body);font-weight:600;color:var(--white);margin-block-end:var(--space-3)}