.subhero { padding: 125px 6vw; color: white; min-height: 600px; display: flex; align-items: center; }
.subhero > div { max-width: 950px; }
.subhero h1 { font-size: clamp(52px, 6vw, 88px); line-height: 1; letter-spacing: -3.5px; margin: 24px 0; }
.subhero p { max-width: 760px; color: #b6c6d4; font-size: 20px; line-height: 1.65; margin: 0 0 34px; }
.content-section { padding: 110px 6vw; }
.seo-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.seo-grid article { min-height: 240px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.seo-grid h3 { font-size: 20px; line-height: 1.35; margin: 10px 0 17px; }
.seo-grid p { color: var(--muted); line-height: 1.65; }
.subcta { padding: 100px 6vw; color: white; text-align: center; }
.subcta h2 { font-size: clamp(38px, 4vw, 60px); letter-spacing: -2px; margin: 0 auto 20px; max-width: 900px; }
.subcta p { color: #b6c6d4; font-size: 18px; }
.subcta .btn { margin-top: 20px; }
@media (max-width: 880px) { .seo-grid { grid-template-columns: 1fr 1fr; } .subhero { padding: 90px 24px; } }
@media (max-width: 560px) { .seo-grid { grid-template-columns: 1fr; } .subhero h1 { font-size: 48px; letter-spacing: -2px; } .content-section { padding: 78px 24px; } }