.seo-landing { background: linear-gradient(180deg,#07071c,#090a1b); color: #fff; padding: 4.5rem 0; border-top: 1px solid rgba(199,125,255,.16); }
.seo-landing .seo-container { width: min(100% - 2.5rem, 1140px); margin: 0 auto; }
.seo-landing .seo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.seo-landing .seo-spacing { margin-top: 3rem; }
.seo-landing .seo-card { height: 100%; padding: 1.5rem; border: 1px solid rgba(199,125,255,.25); border-radius: 1rem; background: rgba(255,255,255,.035); }
.seo-landing h2, .seo-landing h3, .seo-landing h4, .seo-landing h5, .seo-landing h6 { color: #f2dfff; line-height: 1.3; }
.seo-landing h2 { font-size: clamp(1.65rem, 3vw, 2.2rem); }
.seo-landing h3 { font-size: 1.35rem; }
.seo-landing h4, .seo-landing h5 { font-size: 1.2rem; }
.seo-landing h6 { font-size: 1.05rem; }
.seo-landing p, .seo-landing li { color: #cfd4e0; line-height: 1.75; }
.seo-landing .seo-kicker { color: #c77dff; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.seo-landing .seo-image-label { display: inline-block; padding: .4rem .75rem; border-radius: 99px; background: rgba(199,125,255,.13); color: #e9d5ff; font-size: .9rem; }
.seo-landing .faq-item { margin-bottom: .8rem; padding: 1rem 1.15rem; border: 1px solid rgba(255,255,255,.1); border-radius: .75rem; background: rgba(255,255,255,.035); }
.seo-landing summary { cursor: pointer; color: #f2dfff; font-weight: 700; }
.seo-landing .faq-item p { margin: .8rem 0 0; }
@media (max-width: 768px) {
  .seo-landing { padding: 3rem 0; }
  .seo-landing .seo-container { width: min(100% - 2rem, 1140px); }
  .seo-landing .seo-grid { grid-template-columns: 1fr; gap: 1rem; }
  .seo-landing .seo-card { padding: 1.25rem; }
  .seo-landing .seo-spacing { margin-top: 2.25rem; }
}
