/* LISTOOL AI V108 — Programmatic SEO */

.seo-hero {
    padding: 140px 0 80px;
    text-align: center;
    background:
        radial-gradient(circle at top left, rgba(124,92,255,.18), transparent 32%),
        radial-gradient(circle at top right, rgba(0,212,255,.12), transparent 30%);
}

.seo-badge {
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
}

.seo-hero h1 {
    margin:22px auto 16px;
    max-width:900px;
    font-size:clamp(42px,7vw,84px);
    line-height:.95;
    letter-spacing:-.06em;
    color:#fff;
}

.seo-hero p {
    max-width:760px;
    margin:0 auto;
    color:rgba(255,255,255,.72);
    line-height:1.7;
}

.seo-tools-grid,
.seo-links-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    width:min(1180px,calc(100% - 32px));
    margin:40px auto;
}

.seo-tool-card,
.seo-faq-item,
.seo-related-links {
    border:1px solid rgba(255,255,255,.1);
    border-radius:28px;
    padding:28px;
    background:rgba(255,255,255,.04);
    color:#fff;
}

.seo-faq {
    width:min(980px,calc(100% - 32px));
    margin:40px auto 100px;
}

.seo-faq h2,
.seo-related-links h2 {
    color:#fff;
}

.seo-links-grid a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:72px;
    border-radius:20px;
    background:rgba(255,255,255,.05);
    color:#fff;
    text-decoration:none;
}

@media(max-width:980px){
    .seo-tools-grid,
    .seo-links-grid{
        grid-template-columns:1fr;
    }
}