.seo-guide{background:#f8fafc;color:#0f2b43}
.seo-guide .guide-hero{background:#f8fafc;padding:28px 0 42px}
.seo-guide .breadcrumbs{margin-bottom:22px}
.seo-guide .hero-photo{width:100%;height:auto;display:block;aspect-ratio:2.55;object-fit:cover;border-radius:19px;border:1px solid #d9e6ee}
.seo-guide .hero-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:42px}
.seo-guide .hero-split .hero-photo{aspect-ratio:1.2;border-radius:19px}
.seo-guide .hero-split.integrated{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);align-items:start}
.seo-guide .hero-split.integrated .hero-photo{aspect-ratio:1.13}
.seo-guide .integrated-copy .hero-cta{margin-top:26px;max-width:560px}
.seo-guide .integrated-copy .hero-cta h2{font-size:26px}
.seo-guide .hero-image-first{margin:0 0 27px}
.seo-guide .hero-title-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:48px;align-items:center}
.seo-guide .hero-title-row h1,.seo-guide .hero-split h1{font-size:clamp(36px,4.3vw,62px);line-height:1.065;letter-spacing:-.055em;margin:13px 0 19px;color:#0d2b45}
.seo-guide .hero-title-row p,.seo-guide .hero-split p{font-size:17px;color:#5e7485;line-height:1.68;max-width:700px;margin:0}
.seo-guide .guide-meta{gap:9px;margin-top:23px}
.seo-guide .guide-meta span{background:#fff;border:1px solid #e1e9ef;padding:8px 12px;border-radius:100px;font-size:11px;color:#60788a}
.seo-guide .hero-cta{background:linear-gradient(140deg,#10304b,#0b253d);color:#fff;border-radius:23px;padding:25px;box-shadow:0 22px 45px #1639551e}
.seo-guide .hero-cta .eyebrow,.seo-guide .wide-cta .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#b4d9f0}
.seo-guide .hero-cta h2{font-size:clamp(24px,2.3vw,33px);line-height:1.14;color:#fff;letter-spacing:-.04em;margin:9px 0 12px}
.seo-guide .hero-cta p{color:#d6e6f0;font-size:13px;line-height:1.6;margin-bottom:17px}
.seo-guide .hero-cta a,.seo-guide .wide-cta a{display:block;background:#1689d1;color:#fff;border-radius:11px;text-align:center;padding:14px 16px;font-weight:800;text-decoration:none;transition:background-color .2s,box-shadow .2s}
.seo-guide .hero-cta a:hover,.seo-guide .hero-cta a:focus-visible,.seo-guide .wide-cta a:hover,.seo-guide .wide-cta a:focus-visible{background:#0969aa;color:#fff;box-shadow:0 0 0 3px #8fd0ff}
.seo-guide .hero-cta small,.seo-guide .wide-cta small{display:block;text-align:center;font-size:10px;color:#b7d0e0;margin-top:12px}
.seo-guide .wide-cta{background:linear-gradient(120deg,#10304b,#0b253d);border-radius:22px;color:#fff;margin-top:25px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:36px;align-items:center;padding:25px 29px;box-shadow:0 20px 42px #12334d16}
.seo-guide .wide-cta h2{color:#fff;font-size:28px;letter-spacing:-.045em;line-height:1.12;margin:8px 0}
.seo-guide .wide-cta p{color:#d6e6f0;margin:0;font-size:13px;line-height:1.65}
.seo-guide .guide-body{padding:25px 0 100px}
.seo-guide .article-shell{max-width:1100px;margin:0 auto}
.seo-guide .guide-layout{grid-template-columns:minmax(0,1fr) 280px;gap:48px}
.seo-guide .guide-article{max-width:none;color:#4e6679;line-height:1.85}
.seo-guide .guide-article h2{margin-top:40px;font-size:clamp(25px,2.8vw,34px)}
.seo-guide .guide-article .intro-note{background:#eaf4fb;border:1px solid #cce4f2;border-radius:15px;padding:20px 23px;margin:0 0 32px;color:#315b79}
.seo-guide .cost-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0 22px}
.seo-guide .cost-card{background:#fff;border:1px solid #dfebf3;border-radius:16px;padding:18px;text-align:center}
.seo-guide .cost-card.preferred{background:#e7f4fd;border-color:#b5def5}
.seo-guide .cost-card span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800;color:#637f93}
.seo-guide .cost-card strong{display:block;font-size:clamp(19px,2.4vw,27px);color:#103c60;letter-spacing:-.04em;margin:7px 0 0}
.seo-guide .cost-footnote{font-size:12px;color:#708394;line-height:1.65;margin:13px 0 26px}
.seo-guide .fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0 29px}
.seo-guide .fact-grid>div{background:#fff;border:1px solid #dfe9f0;border-radius:15px;padding:21px}
.seo-guide .fact-grid strong{display:block;color:#123b58;font-size:16px;line-height:1.3;margin-bottom:7px}
.seo-guide .fact-grid p{font-size:14px;line-height:1.7;margin:0}
.seo-guide .steps{counter-reset:step;list-style:none;padding:0;margin:23px 0}
.seo-guide .steps li{counter-increment:step;background:#fff;border:1px solid #e1eaf0;border-radius:13px;padding:14px 17px 14px 58px;position:relative;margin:10px 0}
.seo-guide .steps li:before{content:counter(step);position:absolute;left:17px;top:15px;background:#d9eefb;color:#135a86;font-weight:900;border-radius:50%;height:29px;width:29px;display:grid;place-items:center}
.seo-guide .guide-aside{background:#fff;top:20px}
.seo-guide .related-wrap{margin-top:52px;border-top:1px solid #dce8ef;padding-top:12px}
.seo-guide .guide-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-guide .guide-link{box-shadow:0 8px 23px #0c2b4108}
.seo-guide .guide-link div{padding:17px}
.seo-guide .guide-link strong{font-size:15px}
.seo-guide .guide-citation{font-size:12px;color:#698395}
.seo-guide .example-label{font-size:13px;color:#5e7890;margin:0 0 18px}
.seo-guide .example-label strong{color:#153f5d}
.seo-guide .hero-split figure{margin:0}
.seo-guide .guide-article .guide-cta-inline .btn:hover,.seo-guide .guide-article .guide-cta-inline .btn:focus-visible{background:#cdeeff;color:#072d4c}
.guide-index .hub-section{margin:54px 0 60px}
.guide-index .hub-section>h2{font-size:clamp(27px,3vw,35px);letter-spacing:-.045em;color:#0d2f49;margin-bottom:10px}
.guide-index .hub-section>p{color:#617a8c;font-size:15px;margin:0 0 23px}
.guide-index .hub-section .guide-link span{line-height:1.65}
.seo-guide .hero-split.image-left>figure{order:-1}
.seo-guide .guide-metric{border:1px solid #cfe4f3;background:#fff;box-shadow:0 10px 25px #0c2b4107;padding:18px 23px;border-radius:17px;margin:0 0 29px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 22px;align-items:center}
.seo-guide .guide-metric>span{font-size:12px;color:#47708b;text-transform:uppercase;font-weight:800;letter-spacing:.065em}
.seo-guide .guide-metric>strong{font-size:clamp(20px,2.5vw,30px);line-height:1.2;color:#123b58;letter-spacing:-.035em;grid-column:2;grid-row:1 / span 2}
.seo-guide .guide-metric>p{font-size:12px;line-height:1.55;color:#698295;margin:0;grid-column:1}
.seo-guide .more-specific-links{margin-top:35px;border:1px solid #ddeaf2;background:#fff;border-radius:18px;padding:22px}
.seo-guide .more-specific-links>h2{margin-top:0;font-size:25px}
.seo-guide .more-specific-links .guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.seo-guide .guide-layout{grid-template-columns:1fr}.seo-guide .guide-aside{max-width:none}.seo-guide .hero-title-row{gap:23px}.seo-guide .hero-split{gap:23px}.seo-guide .guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.seo-guide .hero-split,.seo-guide .hero-split.integrated,.seo-guide .hero-title-row{grid-template-columns:1fr}.seo-guide .hero-split figure{order:-1}.seo-guide .hero-split .hero-photo,.seo-guide .hero-split.integrated .hero-photo{aspect-ratio:1.7}.seo-guide .integrated-copy .hero-cta{max-width:none}}
@media(max-width:690px){.seo-guide .guide-hero{padding:18px 0 30px}.seo-guide .hero-split,.seo-guide .hero-split.integrated,.seo-guide .hero-title-row{grid-template-columns:1fr;gap:20px}.seo-guide .hero-split figure{order:-1}.seo-guide .hero-photo{aspect-ratio:1.65}.seo-guide .hero-split .hero-photo,.seo-guide .hero-split.integrated .hero-photo{aspect-ratio:1.55}.seo-guide .hero-title-row h1,.seo-guide .hero-split h1{font-size:clamp(34px,9vw,45px)}.seo-guide .hero-title-row p,.seo-guide .hero-split p{font-size:16px}.seo-guide .wide-cta{grid-template-columns:1fr;gap:18px;padding:23px}.seo-guide .cost-cards{gap:7px}.seo-guide .cost-card{padding:12px 7px}.seo-guide .cost-card strong{font-size:18px}.seo-guide .cost-card span{font-size:8px}.seo-guide .fact-grid,.seo-guide .guide-links{grid-template-columns:1fr}.seo-guide .guide-body{padding-top:13px}.seo-guide .hero-cta{padding:23px}}
@media(max-width:690px){.seo-guide .guide-metric{grid-template-columns:1fr;padding:17px 19px;gap:6px}.seo-guide .guide-metric>strong,.seo-guide .guide-metric>p{grid-column:1;grid-row:auto}.seo-guide .more-specific-links .guide-links{grid-template-columns:1fr}.seo-guide .more-specific-links{padding:17px}}
