.hero-seo { padding-bottom: 40px; }
.hero-content-center { max-width: 820px; margin: 0 auto; text-align: center; }
.hero-content-center .hero-cta,
.hero-content-center .hero-badges { justify-content: center; }

.container-narrow { max-width: 820px; }

.seo-content { padding: 20px 0 70px; }
.seo-block { margin-bottom: 28px; }
.seo-block h2 { font-size: 1.5rem; margin-bottom: 10px; color: #1e293b; }
.seo-block p { color: #475569; line-height: 1.7; }

.seo-cta-box {
    background: linear-gradient(135deg, #2563eb, #1e40af);
    color: #fff;
    border-radius: 14px;
    padding: 36px 28px;
    text-align: center;
    margin: 40px 0;
}
.seo-cta-box h2 { color: #fff; font-size: 1.5rem; margin-bottom: 8px; }
.seo-cta-box p { color: #dbeafe; margin-bottom: 20px; }
.seo-cta-box .btn-primary { background: #fff; color: #1e40af; }

.seo-faq { margin: 40px 0; }
.seo-faq h2 { font-size: 1.6rem; margin-bottom: 16px; }
.faq-item {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 12px;
    background: #fff;
}
.faq-item summary {
    font-weight: 600;
    cursor: pointer;
    color: #1e293b;
    list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; float: right; color: #2563eb; font-weight: 700; }
.faq-item[open] summary::after { content: '\2212'; }
.faq-item p { margin-top: 12px; color: #475569; line-height: 1.6; }

.seo-related { margin-top: 48px; }
.seo-related h2 { font-size: 1.4rem; margin-bottom: 14px; }
.seo-related-list {
    list-style: none; padding: 0; margin: 0;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px;
}
.seo-related-list a {
    display: block; padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 8px;
    color: #2563eb; text-decoration: none; background: #f8fafc; font-weight: 500;
    transition: background .15s, border-color .15s;
}
.seo-related-list a:hover { background: #eff6ff; border-color: #93c5fd; }