.seo-guide-main { position: relative; overflow: hidden; background: #09080f; }
.seo-guide-main::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 0, rgba(124,58,237,.17), transparent 34rem), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: auto, 40px 40px, 40px 40px; }
.seo-guide-wrap { position: relative; width: min(70rem, calc(100% - 2.5rem)); margin: 0 auto; }
.seo-guide-hero { padding: 9rem 0 6rem; }
.seo-guide-hero nav { display: flex; gap: .65rem; align-items: center; color: #817b8d; font-size: .875rem; }
.seo-guide-hero nav a { color: inherit; text-decoration: none; }
.seo-guide-hero nav a:hover { color: #c4b5fd; }
.seo-guide-eyebrow { margin: 2.5rem 0 0; color: #9b72f5; font-size: .75rem; font-weight: 650; letter-spacing: .19em; }
.seo-guide-hero h1 { max-width: 58rem; margin: 1rem 0 0; color: #f7f5fb; font-size: clamp(3rem, 7vw, 6.5rem); line-height: .98; letter-spacing: -.055em; }
.seo-guide-lead { max-width: 50rem; margin: 2rem 0 0; color: #aaa5b5; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.65; }
.seo-guide-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.seo-guide-actions a { padding: .85rem 1.15rem; border: 1px solid #35303f; border-radius: .8rem; color: #f5f3ff; text-decoration: none; background: rgba(20,17,29,.75); }
.seo-guide-actions .seo-guide-primary { border-color: #7c3aed; background: #7c3aed; }
.seo-guide-section { padding: 4.5rem 0; border-top: 1px solid rgba(255,255,255,.07); }
.seo-guide-section .seo-guide-eyebrow { margin-top: 0; }
.seo-guide-section h2 { margin: .8rem 0 0; color: #f5f3ff; font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.035em; }
.seo-guide-points { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; margin-top: 2.25rem; }
.seo-guide-points article, .seo-guide-fact { border: 1px solid #2c2835; border-radius: 1.25rem; background: linear-gradient(145deg, rgba(27,20,42,.82), rgba(10,9,16,.92) 58%); }
.seo-guide-points article { min-height: 13rem; padding: 1.5rem; }
.seo-guide-points article span { color: #9b72f5; font-size: .75rem; letter-spacing: .16em; }
.seo-guide-points article p { margin: 3rem 0 0; color: #c0bbc9; line-height: 1.65; }
.seo-guide-fact { padding: clamp(1.5rem,4vw,3.25rem); }
.seo-guide-fact p:not(.seo-guide-eyebrow) { max-width: 55rem; margin: 1.25rem 0 0; color: #aaa5b5; font-size: 1rem; line-height: 1.75; }
.seo-guide-fact a { display: inline-flex; margin-top: 1.5rem; color: #a78bfa; font-weight: 650; text-decoration: none; }
.seo-guide-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin-top: 2rem; }
.seo-guide-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border: 1px solid #2c2835; border-radius: .85rem; color: #c7c2cf; text-decoration: none; background: rgba(15,13,22,.72); }
.seo-guide-links a:hover { border-color: rgba(167,139,250,.6); color: #f5f3ff; }
.seo-guide-links span { color: #9b72f5; }
@media (max-width: 760px) { .seo-guide-hero { padding-top: 7.5rem; } .seo-guide-points, .seo-guide-links { grid-template-columns: 1fr; } .seo-guide-points article { min-height: 10rem; } }