/* Kontuly's look over the shared help.css, matching kontuly.com (read from
   its site.css and header embed, 2026-11-02): the same dark stage and type,
   the beta blue as the one accent, and its logo. */
:root {
  --text-muted: #A9A3B2;
  --border-light: #34313C;
  --surface-raised: #17151F;
  /* help.css uses --green as the default accent and the button colour. */
  --green: #6F9BFF;
}

a:hover { color: #8AAEFF; }
.nav { background: rgba(11,10,15,0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.nav-cta, .btn { border-radius: 999px; }
.nav-cta:hover, .btn:hover { background: #8AAEFF; color: var(--black); }
.btn-ghost:hover { background: transparent; border-color: var(--text-muted); color: var(--text); }

/* kontuly.com's logo sizes (34px header, 40px footer) and its badge. */
.nav-logo { gap: 10px; }
.nav-logo img { height: 34px; }
.foot .nav-logo img { height: 40px; }
@media (max-width: 720px) { .nav-logo img { height: 30px; } }
.badge { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.14em; color: var(--green); border: 1px solid var(--green); border-radius: 999px; padding: 2px 8px; line-height: 1.4; }
@media (max-width: 420px) { .nav .badge { display: none; } }

.legal { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }
.legal p { margin: 4px 0; }