.seo-landing { color: #202734; background: #fff; }
.seo-hero { padding: 190px 0 90px; background: linear-gradient(135deg, #f7f9fc 0%, #fff 58%, #eef5fb 100%); }
.seo-breadcrumb { display: flex; gap: 9px; margin-bottom: 35px; color: #687386; font-size: .9rem; }
.seo-breadcrumb a { color: #194f89; }
.seo-eyebrow { margin-bottom: 12px; color: #194f89; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.seo-hero h1 { max-width: 780px; margin-bottom: 24px; color: #172235; font-size: clamp(2.35rem, 5vw, 4.5rem); font-weight: 750; line-height: 1.05; }
.seo-lead { max-width: 740px; margin-bottom: 30px; color: #4e5b6d; font-size: 1.2rem; line-height: 1.75; }
.seo-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.seo-secondary-link { color: #194f89; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.seo-hero-image { width: 100%; max-height: 440px; object-fit: cover; border-radius: 24px; box-shadow: 0 22px 55px rgba(23,34,53,.18); }
.seo-section { padding: 90px 0; }
.seo-section-alt { background: #f7f9fc; }
.seo-section-heading { max-width: 720px; margin: 0 auto 45px; text-align: center; }
.seo-section h2, .seo-cta h2, .seo-related h2 { color: #172235; font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 700; line-height: 1.2; }
.seo-card { height: calc(100% - 30px); margin-bottom: 30px; padding: 28px 24px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(23,34,53,.06); }
.seo-card i { margin-bottom: 20px; color: #194f89; font-size: 1.7rem; }
.seo-card h3 { margin: 0; color: #263349; font-size: 1.05rem; line-height: 1.55; }
.seo-copy { color: #4e5b6d; font-size: 1.1rem; line-height: 1.9; }
.seo-step { height: calc(100% - 30px); margin-bottom: 30px; padding: 30px; border-left: 3px solid #194f89; background: #fff; }
.seo-step span { display: inline-grid; width: 38px; height: 38px; margin-bottom: 18px; place-items: center; color: #fff; border-radius: 50%; background: #194f89; font-weight: 800; }
.seo-step h3 { color: #172235; font-size: 1.25rem; }
.seo-step p { margin: 0; color: #5c6878; line-height: 1.7; }
.seo-faq { max-width: 850px; margin: 0 auto 14px; padding: 20px 24px; border: 1px solid #dce3ec; border-radius: 12px; background: #fff; }
.seo-faq summary { color: #172235; cursor: pointer; font-size: 1.08rem; font-weight: 700; }
.seo-faq p { margin: 16px 0 0; color: #556173; line-height: 1.75; }
.seo-cta { padding: 85px 0; color: #fff; background: #172235; }
.seo-cta h2 { color: #fff; }
.seo-cta p { margin: 15px auto 28px; font-size: 1.1rem; }
.seo-related { padding: 55px 0; }
.seo-related h2 { margin-bottom: 25px; font-size: 1.5rem; }
.seo-related-links { display: flex; flex-wrap: wrap; gap: 12px; }
.seo-related-links a { padding: 10px 15px; color: #194f89; border: 1px solid #d6e0ec; border-radius: 999px; background: #f8fafc; font-weight: 650; }
@media (max-width: 991px) { .seo-hero { padding-top: 145px; } .seo-hero-image { margin-top: 45px; } }
@media (max-width: 575px) { .seo-hero { padding: 125px 0 65px; } .seo-section { padding: 65px 0; } .seo-actions { align-items: flex-start; flex-direction: column; } }