/* Brand, 13 Oct 2026: the Flush dot logo and one blue (#0062fe) for the logo, buttons and accents. */
:root { --blue: #0062fe; --blue-deep: #0042b2; }

.mark .mark__logo { display: block; width: auto; height: 24px; }
.mark .mark__dots { display: none; width: 30px; height: 30px; }
@media (width <= 419px) {
  .mark .mark__logo { display: none; }
  .mark .mark__dots { display: block; }
}

/* The old "Talk to us" contact dot (created by the layout script) is retired on the landing page. */
.trail { display: none !important; }

/* Text for screen readers only (e.g. the /contact/ page's h1, which the "Talk to us." block stands in for). */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }