/* Shared marketing landing pages for search-intent topics */
.seo-page { max-width: 920px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.seo-page h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); line-height: 1.25; margin: 0 0 0.75rem; }
.seo-page .lead { font-size: 1.1rem; color: #c8f5dc; margin-bottom: 1.5rem; }
.seo-page h2 { margin: 2rem 0 0.7rem; font-size: 1.35rem; color: #7dffc4; }
.seo-page p, .seo-page li { color: #d8ffe8; }
.seo-page ul { padding-inline-start: 1.3rem; margin: 0.4rem 0 1rem; }
.seo-page li { margin: 0.35rem 0; }
.seo-page .cta-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.5rem 0; }
.seo-page .btn {
  display: inline-block; text-decoration: none; border-radius: 999px;
  padding: 0.75rem 1.3rem; font-weight: 700;
}
.seo-page .btn-primary { color: #fff; background: linear-gradient(135deg, #1db95f, #5df08f); }
.seo-page .btn-outline { color: #ecfff3; border: 1px solid rgba(122, 247, 177, 0.45); }
.seo-page .related { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(122, 247, 177, 0.25); }
.seo-page a { color: #7dffc4; }
body.seo-body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #e8fff2;
  background:
    radial-gradient(circle at 12% 12%, rgba(54, 224, 123, 0.22), transparent 45%),
    #04130d;
  line-height: 1.75;
}