html { scroll-behavior: smooth; }
body { height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto; }
.brand-home { color: inherit; text-decoration: none; }
.brand-title { margin: 0; }
.seo-content { background: #fff; border-top: 4px solid #02a89e; color: #302d36; padding: 72px 24px 56px; }
.seo-container { margin: 0 auto; max-width: 1120px; }
.seo-kicker { color: #087a73; font-size: 13px; font-weight: 800; letter-spacing: .08em; margin: 0 0 10px; text-transform: uppercase; }
.seo-content h2 { color: #5f2864; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; line-height: 1.08; margin: 0 0 18px; }
.seo-lead { color: #55515a; font-size: 18px; line-height: 1.65; margin: 0 0 36px; max-width: 850px; }
.seo-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seo-grid article, .seo-faq { background: #f5f7f7; border: 1px solid #dce8e6; border-radius: 14px; padding: 24px; }
.seo-grid h3 { color: #302d36; font-size: 20px; margin: 0 0 14px; }
.seo-grid p, .seo-grid li, .seo-faq p { color: #5e5a63; line-height: 1.6; }
.seo-grid ol, .seo-grid ul { margin: 0; padding-left: 22px; }
.seo-grid li + li { margin-top: 7px; }
.seo-cta { background: #fdb143; border-radius: 8px; color: #352914; display: inline-flex; font-weight: 800; margin-top: 8px; padding: 12px 16px; text-decoration: none; }
.seo-faq { margin-top: 18px; }
.seo-faq h2 { font-size: 28px; margin-bottom: 14px; }
.seo-faq details { border-top: 1px solid #d5e1df; padding: 15px 0; }
.seo-faq summary { cursor: pointer; font-weight: 800; }
.seo-faq p { margin: 10px 0 0; }
.seo-back { margin: 26px 0 0; }
.seo-back a { color: #5f2864; font-weight: 800; }
@media (max-width: 860px) { .seo-content { padding: 52px 18px 44px; } .seo-grid { grid-template-columns: 1fr; } }