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

.seo-blocks *,
.seo-blocks *::before,
.seo-blocks *::after {
  box-sizing: border-box;
}

.seo-blocks__head {
  max-width: 62rem;
  margin: 0 auto 1.2rem;
  text-align: center;
}

.seo-blocks__title {
  margin: 0 0 0.45rem;
  font-size: clamp(1.3rem, 3.1vw, 2rem);
  font-weight: 800;
}

.seo-blocks__sub {
  margin: 0;
  font-size: clamp(0.9rem, 2vw, 1.02rem);
  opacity: 0.88;
}