.seo-page { background:#f7f9fc; color:#172033; }
.seo-main { max-width:1120px; margin:0 auto; padding:88px 22px 72px; }
.seo-hero { display:grid; gap:18px; padding:54px 0 34px; border-bottom:1px solid #d8e0ec; }
.seo-hero h1 { margin:0; font-size:clamp(34px,6vw,62px); line-height:1.06; letter-spacing:0; }
.seo-hero p { max-width:820px; margin:0; color:#526071; font-size:18px; line-height:1.75; }
.seo-nav { display:flex; gap:12px; flex-wrap:wrap; margin-top:10px; }
.seo-nav a, .seo-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 16px; border-radius:8px; text-decoration:none; font-weight:700; }
.seo-nav a { color:#0f62fe; background:#eaf2ff; }
.seo-button { color:white; background:#0f62fe; }
.seo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:34px 0; }
.seo-card { background:white; border:1px solid #dbe4ef; border-radius:8px; padding:22px; box-shadow:0 10px 24px rgba(16,32,51,.06); }
.seo-card h2, .seo-card h3 { margin:0 0 10px; letter-spacing:0; }
.seo-card p, .seo-card li { color:#526071; line-height:1.75; }
.seo-section { margin:42px 0; }
.seo-section h2 { font-size:28px; margin:0 0 14px; }
.seo-list { display:grid; gap:12px; padding-left:20px; }
.seo-footer { padding:28px 22px; text-align:center; color:#66758a; }
@media (max-width: 820px) { .seo-grid { grid-template-columns:1fr; } .seo-main { padding-top:68px; } }