.seo-article { width: min(100% - 40px, 1120px); margin-inline: auto; }
.seo-hero { max-width: 900px; padding: clamp(72px, 11vw, 132px) 0 clamp(54px, 8vw, 92px); }
.seo-hero h1 { max-width: 17ch; margin: 18px 0 24px; color: var(--ink); font-size: clamp(48px, 8vw, 94px); line-height: .94; letter-spacing: -.065em; }
.seo-deck { max-width: 66ch; margin: 0; color: var(--ink-soft); font-size: clamp(19px, 2.5vw, 26px); line-height: 1.5; }
.seo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 34px; }
.seo-actions span { color: var(--ink-faint); font: 700 12px/1.3 var(--utility); }
.seo-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: clamp(48px, 8vw, 100px); align-items: start; padding: 72px 0; border-top: 1px solid var(--line); }
.seo-body { display: grid; gap: 64px; }
.seo-body section { max-width: 700px; }
.seo-body h2, .seo-proof h2 { max-width: 19ch; margin: 0 0 20px; color: var(--ink); font-size: clamp(32px, 4.5vw, 52px); line-height: 1; letter-spacing: -.045em; }
.seo-body p, .seo-proof > p:not(.eyebrow) { margin: 0 0 16px; color: var(--ink-soft); font-size: 18px; line-height: 1.75; }
.seo-body strong { color: var(--ink); }
.seo-aside { position: sticky; top: 96px; padding: 26px; border-top: 5px solid var(--signal); background: var(--sheet-soft); }
.seo-aside ol { display: grid; gap: 20px; margin: 22px 0 26px; padding: 0; list-style: none; }
.seo-aside li { display: grid; gap: 4px; }
.seo-aside b { color: var(--ink); font-size: 18px; }
.seo-aside span { color: var(--ink-soft); font-size: 14px; line-height: 1.5; }
.seo-aside > a { color: var(--signal); font-weight: 800; text-decoration: none; }
.seo-proof { margin: 20px 0 72px; padding: clamp(30px, 6vw, 64px); color: var(--paper); background: var(--ink); }
.seo-proof h2 { color: var(--paper); }
.seo-proof > p:not(.eyebrow) { max-width: 68ch; color: #c9ced6; }
.seo-proof .button { margin-top: 16px; }
.seo-related { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 18px; padding: 30px 0 80px; border-top: 1px solid var(--line); }
.seo-related p { margin: 0; color: var(--ink-faint); font: 750 11px/1.4 var(--utility); text-transform: uppercase; letter-spacing: .08em; }
.seo-related a { color: var(--ink); font-weight: 750; line-height: 1.35; text-decoration: none; }
.seo-related a:hover { color: var(--signal); }
@media (max-width: 850px) { .seo-layout { grid-template-columns: 1fr; }.seo-aside { position: static; }.seo-related { grid-template-columns: repeat(2, 1fr); }.seo-related p { grid-column: 1/-1; } }
@media (max-width: 560px) { .seo-article { width: min(100% - 28px, 1120px); }.seo-hero { padding-top: 58px; }.seo-hero h1 { font-size: clamp(43px, 14vw, 66px); }.seo-layout { padding: 54px 0; }.seo-body { gap: 48px; }.seo-related { grid-template-columns: 1fr; }.seo-related p { grid-column: auto; } }