.seo-landing-body{
  background:
    radial-gradient(560px 260px at 8% 0%, rgba(20,184,166,.14), transparent 64%),
    radial-gradient(520px 300px at 92% 8%, rgba(56,189,248,.10), transparent 66%),
    linear-gradient(180deg, #081120 0%, #0b1220 48%, #07101d 100%);
  color:#e6edf7;
}

.seo-landing-shell{
  padding:24px 0 36px;
  display:grid;
  gap:14px;
}

.seo-landing-hero,
.seo-landing-card{
  border:1px solid rgba(148,163,184,.18);
  background:
    radial-gradient(420px 190px at 0% 0%, rgba(20,184,166,.12), transparent 66%),
    linear-gradient(180deg, rgba(17,24,39,.96), rgba(10,17,31,.98));
  box-shadow:0 20px 56px rgba(2,6,23,.28);
}

.seo-landing-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:16px;
  align-items:stretch;
  padding:22px;
}

.seo-landing-eyebrow,
.seo-landing-card__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(45,212,191,.26);
  background:rgba(15,23,42,.68);
  color:#a7f3d0;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.seo-landing-title{
  max-width:18ch;
  margin:14px 0 8px;
  font-size:clamp(28px,4.5vw,42px);
  line-height:1.05;
  letter-spacing:-.03em;
}

.seo-landing-lead{
  max-width:66ch;
  margin:0;
  color:#aebed3;
  line-height:1.65;
}

.seo-landing-actions,
.seo-landing-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.seo-landing-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.76);
  color:#cbd5e1;
  font-size:12px;
}

.seo-landing-facts{
  display:grid;
  gap:10px;
}

.seo-landing-fact{
  padding:14px;
  border-radius:12px;
  border:1px dashed rgba(148,163,184,.22);
  background:rgba(15,23,42,.62);
}

.seo-landing-fact strong{
  display:block;
  color:#f8fafc;
  font-size:20px;
  line-height:1.1;
}

.seo-landing-fact span{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:12px;
  line-height:1.5;
}

.seo-landing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.seo-landing-card{
  padding:18px;
}

.seo-landing-card h2{
  margin:0 0 12px;
  font-size:20px;
  line-height:1.2;
}

.seo-landing-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.seo-landing-list{
  margin:0;
  padding-left:18px;
  color:#cbd5e1;
  line-height:1.65;
}

.seo-landing-list li+li{
  margin-top:7px;
}

.seo-landing-faq{
  display:grid;
  gap:8px;
}

.seo-landing-faq__item,
.seo-landing-related__item{
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(15,23,42,.58);
}

.seo-landing-faq__item summary{
  cursor:pointer;
  padding:12px 14px;
  color:#f8fafc;
  font-weight:700;
}

.seo-landing-faq__item p{
  margin:0;
  padding:0 14px 14px;
  color:#aebed3;
  line-height:1.6;
}

.seo-landing-related{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.seo-landing-related__item{
  display:grid;
  gap:5px;
  padding:13px 14px;
  text-decoration:none;
  color:#e6edf7;
}

.seo-landing-related__item span{
  color:#94a3b8;
  line-height:1.5;
}

@media (max-width: 820px){
  .seo-landing-hero,
  .seo-landing-grid,
  .seo-landing-related{
    grid-template-columns:1fr;
  }
}