/* SEO topic navigation on the home page */
.seo-topics{max-width:var(--max);margin:auto;padding:70px 30px 135px}
.seo-topics-head{display:grid;grid-template-columns:.36fr 1fr .58fr;gap:38px;align-items:start;margin-bottom:48px}
.seo-topics-head h2{font-size:clamp(40px,4.6vw,70px);line-height:.99;letter-spacing:-.055em;margin:0}
.seo-topics-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 30px rgba(0,217,255,.12)}
.seo-topics-head>p:last-child{color:var(--muted);font-size:15px;line-height:1.72;padding-top:10px}
.seo-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.seo-topic-grid a{min-height:225px;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(15,23,32,.82),rgba(6,10,15,.9));color:var(--text);text-decoration:none;display:flex;flex-direction:column;transition:.22s}
.seo-topic-grid a:hover{background:#0a151e;transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.seo-topic-grid small{color:var(--cyan);font:800 10px/1.4 monospace;letter-spacing:.13em}
.seo-topic-grid strong{font-size:22px;line-height:1.08;letter-spacing:-.035em;margin:34px 0 18px}
.seo-topic-grid span{color:#8599a5;font-size:12px;line-height:1.6;margin-top:auto}

/* Standalone SEO landing pages */
.seo-page-body{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(0,217,255,.10),transparent 29%),var(--bg)}
.seo-page-body .site-header{position:fixed}
.seo-page-body .site-header nav{gap:22px}
.seo-page-body .site-header nav a{font-size:12px}
.seo-page-main{padding-top:82px}
.seo-hero{max-width:var(--max);margin:auto;padding:105px 30px 85px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.55fr);gap:70px;align-items:end;border-bottom:1px solid var(--line)}
.seo-breadcrumbs{font:11px monospace;letter-spacing:.08em;color:#708591;margin-bottom:28px}
.seo-breadcrumbs a{color:var(--cyan);text-decoration:none}.seo-breadcrumbs span{margin:0 9px;color:#40535f}
.seo-hero h1{font-size:clamp(48px,6.3vw,92px);line-height:.91;margin:0 0 30px;letter-spacing:-.065em}
.seo-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan)}
.seo-hero .lead{max-width:850px}
.seo-hero-aside{border:1px solid var(--line);background:rgba(8,13,18,.8);padding:28px}
.seo-hero-aside b{display:block;color:var(--cyan);font:11px monospace;letter-spacing:.12em;margin-bottom:16px}
.seo-hero-aside ul{list-style:none;padding:0;margin:0}.seo-hero-aside li{padding:11px 0;border-top:1px solid var(--line);font-size:13px;color:#a7b7c0}.seo-hero-aside li:before{content:'+';color:var(--cyan);margin-right:10px}
.seo-content{max-width:1080px;margin:auto;padding:85px 30px 120px}
.seo-content section{margin-bottom:78px}.seo-content h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.02;margin-bottom:24px}.seo-content h3{font-size:24px;letter-spacing:-.025em;margin:34px 0 12px}.seo-content p,.seo-content li{color:#a1b1ba;font-size:16px;line-height:1.78}.seo-content strong{color:#eaf6fa}.seo-content ul{padding-left:20px}.seo-content a:not(.button){color:var(--cyan)}
.seo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0}
.seo-feature-grid article{background:#080d13;padding:28px;min-height:190px}.seo-feature-grid small{color:var(--cyan);font:10px monospace;letter-spacing:.13em}.seo-feature-grid h3{margin:28px 0 10px}.seo-feature-grid p{font-size:14px;margin:0}
.seo-cta{border:1px solid #21404d;background:linear-gradient(125deg,rgba(0,217,255,.10),rgba(6,10,15,.9) 65%);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.seo-cta h2{font-size:34px;margin:0 0 8px}.seo-cta p{margin:0}.seo-related{max-width:var(--max);margin:auto;padding:0 30px 100px}.seo-related h2{font-size:32px}.seo-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.seo-related-grid a{background:#080d13;color:#dbe9ef;text-decoration:none;padding:25px;min-height:120px;font-weight:800}.seo-related-grid a span{display:block;color:#718793;font-size:12px;font-weight:400;margin-top:9px;line-height:1.5}.seo-page-footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:45px 30px 70px;display:flex;justify-content:space-between;gap:30px;color:#6f838f;font-size:12px}.seo-page-footer a{color:#9cb0ba;text-decoration:none}.seo-page-footer a:hover{color:var(--cyan)}
@media(max-width:1120px){.seo-topic-grid{grid-template-columns:repeat(2,1fr)}.seo-topic-grid a:last-child{grid-column:1/-1}.seo-page-body .site-header nav{display:none}.seo-hero{grid-template-columns:1fr;gap:35px}.seo-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.seo-topics{padding:45px 15px 85px}.seo-topics-head{grid-template-columns:1fr;gap:10px}.seo-topic-grid{grid-template-columns:1fr}.seo-topic-grid a:last-child{grid-column:auto}.seo-topic-grid a{min-height:170px}.seo-topic-grid strong{margin-top:22px}.seo-hero{padding:70px 20px 60px}.seo-hero h1{font-size:52px}.seo-content{padding:60px 20px 85px}.seo-feature-grid{grid-template-columns:1fr}.seo-cta{align-items:flex-start;flex-direction:column}.seo-related{padding:0 20px 70px}.seo-related-grid{grid-template-columns:1fr}.seo-page-footer{padding:35px 20px 55px;flex-direction:column}}