
.seo-guide-strip{padding:clamp(3rem,5vw,5rem) 0;background:linear-gradient(145deg,#100d1f,#1a1830 58%,#0a0a13);color:#f5f1ff}
.seo-guide-strip-head{max-width:52rem;margin-bottom:1.5rem}
.seo-guide-strip-head h2{margin:.4rem 0;font-size:clamp(1.7rem,3.1vw,2.55rem);line-height:1.4;color:#fff}
.seo-guide-strip-head p{margin:.35rem 0;color:#c8c3dc;line-height:1.9}
.seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.seo-guide-grid a{display:flex;flex-direction:column;min-width:0;min-height:14rem;padding:1.35rem;border:1px solid rgba(255,255,255,.15);border-radius:1.2rem;background:rgba(255,255,255,.055);color:#f6f2ff;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.seo-guide-grid a:hover,.seo-guide-grid a:focus-visible{transform:translateY(-3px);border-color:#d0aa72;background:rgba(255,255,255,.09)}
.seo-guide-grid span{color:#cba771;font-size:.84rem}
.seo-guide-grid strong{margin:.7rem 0 .2rem;font-size:1.35rem;line-height:1.45;color:#fff}
.seo-guide-grid p{margin:.3rem 0 1rem;color:#ccc7db;line-height:1.8}
.seo-guide-grid b{margin-top:auto;color:#e9be80}
.seo-page .article-header h1{max-width:52rem}
.seo-page .article-content{line-height:2}
.seo-page .article-content h2{margin:2.15rem 0 .65rem}
.seo-summary{padding:1.25rem 1.45rem;border:1px solid #d9c6a4;border-radius:1rem;background:#fff8ee}
.seo-summary strong{display:block;margin-bottom:.4rem;color:#815526;font-size:1.1rem}
.seo-summary p{margin:0}
.seo-steps{padding-right:1.4rem}
.seo-steps li{padding:.35rem .2rem;line-height:1.9}
.seo-cta{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:2.2rem 0;padding:1.4rem;border-radius:1.15rem;border:1px solid #d9c6a4;background:#fff8ef}
.seo-cta div{flex:1 1 18rem}
.seo-cta strong{font-size:1.15rem;color:#563719}
.seo-cta p{margin:.3rem 0 0}
.seo-cta .button{white-space:normal;text-align:center}
.seo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.seo-related a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid #e6daca;border-radius:.9rem;text-decoration:none}
.seo-related strong{color:#6d431b}
.seo-related span{font-size:.88rem;line-height:1.7}
@media(max-width:760px){.seo-guide-grid,.seo-related{grid-template-columns:1fr}.seo-guide-grid a{min-height:0}.seo-cta{align-items:stretch}.seo-cta .button{width:100%}.seo-page .article-header h1{font-size:clamp(1.55rem,7vw,2.2rem)}}
