.support-navigation {
  --sn-bg: #0f172a;
  --sn-text: #ffffff;
  --sn-accent: #22d3ee;
  --sn-card: #111c31;
  background: var(--sn-bg);
  color: var(--sn-text);
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 4vw, 2rem);
  box-sizing: border-box;
}

.support-navigation *,
.support-navigation *::before,
.support-navigation *::after { box-sizing: border-box; }

.support-navigation__head { max-width: 62rem; margin: 0 auto 1.2rem; text-align: center; }
.support-navigation__title { margin: 0 0 .45rem; font-size: clamp(1.3rem, 3.1vw, 2rem); font-weight: 800; }
.support-navigation__sub { margin: 0; opacity: .88; font-size: clamp(.9rem, 2vw, 1.02rem); }