/* Service landing pages share the established site typography and colors. */
.seo-services {padding-top: clamp(3rem, 6vw, 6rem);}
.seo-services > h2 {max-width: 18ch; margin: .6rem 0 2rem; font-size: clamp(2rem, 4vw, 3.8rem); line-height: 1.08;}
.seo-service-grid {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem;}
.seo-service-card {display: flex; flex-direction: column; gap: 1.1rem; padding: clamp(1.5rem,3vw,2.5rem); border: 1px solid currentColor; border-color: rgba(60,45,45,.2); color: inherit; text-decoration: none; min-height: 220px; transition: background-color .2s ease, transform .2s ease;}
.seo-service-card h3 {font-size: clamp(1.4rem,2.3vw,2.1rem); line-height: 1.15; margin: 0;}
.seo-service-card .text-link {margin-top: auto;}
.seo-service-card:hover, .seo-service-card:focus-visible {background: rgba(60,45,45,.06); transform: translateY(-2px);}
.seo-service-next {max-width: 850px;}
.seo-service-next h2 {font-size: clamp(2rem,3.5vw,3.5rem);}
.seo-service-next p {max-width: 62ch; margin-bottom: 1.5rem;}
@media(max-width:700px) {.seo-service-grid{grid-template-columns:1fr}.seo-service-card{min-height:180px}}
@media(prefers-reduced-motion:reduce){.seo-service-card{transition:none}.seo-service-card:hover{transform:none}}