.seo-page{background:var(--paper);color:var(--ink)}
.seo-hero{padding:clamp(72px,10vw,132px) 0 clamp(48px,7vw,84px);border-bottom:1px solid var(--mist);background:linear-gradient(145deg,#f6f5f1 55%,#eef7c9)}
.seo-eyebrow,.seo-aside-label{font:700 11px/1.2 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:18px}
.seo-hero h1{max-width:900px;font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.seo-lede{max-width:760px;font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--slate);margin-top:28px}
.seo-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--mist);border:1px solid var(--mist);margin-top:48px}
.seo-facts>div{background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:5px}
.seo-facts strong{font:700 clamp(20px,2.4vw,30px)/1 'Space Grotesk',sans-serif}
.seo-facts span{font-size:13px;line-height:1.4;color:var(--slate)}
.seo-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,340px);gap:clamp(48px,8vw,110px);align-items:start;padding-top:clamp(56px,8vw,100px);padding-bottom:clamp(64px,9vw,120px)}
.seo-section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--mist)}
.seo-section:last-child{border-bottom:0;margin-bottom:0}
.seo-section h2{font-size:clamp(28px,3.5vw,43px);line-height:1.08;letter-spacing:-.035em;margin-bottom:22px;text-wrap:balance}
.seo-section p,.seo-section li{font-size:17px;line-height:1.75;color:var(--slate)}
.seo-section p+p{margin-top:18px}.seo-section ul{padding-left:22px}.seo-section li+li{margin-top:10px}
.seo-section a,.seo-aside a:not(.btn){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--lime-deep);text-decoration-thickness:2px;text-underline-offset:3px;border-radius:3px}.seo-section a:hover,.seo-aside a:not(.btn):hover{background:var(--lime);text-decoration-color:var(--ink)}
.seo-aside{position:sticky;top:110px;background:var(--ink);color:var(--cream);padding:28px;border-radius:18px;box-shadow:0 25px 70px -50px #000}
.seo-aside-label{color:var(--lime)}.seo-aside p{font-size:14px;line-height:1.55;color:#d7d7da;padding:11px 0;border-bottom:1px solid #303136}.seo-aside strong{color:#fff}.seo-aside .btn{display:flex;margin-top:24px;background:var(--lime);color:var(--ink)}
.seo-related{background:#fff;border-top:1px solid var(--mist);padding:clamp(50px,7vw,84px) 0}.seo-related h2{font-size:clamp(28px,4vw,44px);margin-bottom:28px}.seo-related .wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-related a{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--mist);border-radius:12px;font-weight:700}.seo-related a:hover{border-color:var(--ink);background:var(--lime)}
@media(max-width:820px){.seo-facts{grid-template-columns:repeat(2,1fr)}.seo-layout{grid-template-columns:1fr}.seo-aside{position:static}.seo-related .wrap>div{grid-template-columns:1fr}}
@media(max-width:480px){.seo-facts{grid-template-columns:1fr}.seo-hero h1{font-size:42px}.seo-section p,.seo-section li{font-size:16px}}