.seo-shell {
  width: min(980px, calc(100vw - 2rem));
  margin: 0 auto;
  padding: 2.4rem 0 4rem;
}

.seo-hero {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.seo-hero h1 {
  font-size: clamp(2rem, 5vw, 3.8rem);
}

.seo-hero p {
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
}

.seo-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.seo-section {
  display: grid;
  gap: 1rem;
  margin-top: 1.2rem;
  padding: 1.5rem;
  border: 1px solid rgba(95, 167, 255, 0.2);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.76);
}

.seo-list {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding-left: 1.2rem;
  color: #415875;
  line-height: 1.7;
}