.seo-hero { padding: clamp(72px, 10vw, 124px) 0; background: #F7F3EA; }
.seo-hero-inner { max-width: 820px; text-align: center; }
.seo-eyebrow { margin: 0 0 10px; color: #2563EB; font-weight: 800; }
.seo-hero h1 { margin: 0; color: #1F2937; font-size: clamp(38px, 7vw, 68px); line-height: 1.2; letter-spacing: -.045em; }
.seo-lead { max-width: 720px; margin: 22px auto 28px; color: #7C756B; font-size: clamp(16px, 2vw, 19px); line-height: 2; }
.seo-cta { min-height: 52px; border-radius: 16px; }
.seo-section { padding: 0 0 72px; }
.seo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.seo-card { padding: 26px; }
.seo-card h2, .seo-about h2 { margin: 0 0 10px; color: #1F2937; font-size: 21px; }
.seo-card p, .seo-about p { margin: 0; color: #7C756B; line-height: 1.95; }
.seo-about { padding: 58px 0; background: #EFE7D8; text-align: center; }
.seo-about .container { max-width: 760px; }
.seo-about a { display: inline-block; margin-top: 18px; color: #2563EB; font-weight: 800; }
.seo-footer { flex-wrap: wrap; gap: 10px 22px; background: #FFFDF8; }
@media (max-width: 820px) { .seo-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .seo-hero { padding: 54px 0 64px; } .seo-hero h1 { font-size: 38px; } .seo-section { padding-bottom: 50px; } .seo-card { padding: 22px; } .seo-footer { align-items: center; flex-direction: column; } }