/* Crawlable community introduction; preserve the existing poster composition. */
.seo-intro { padding:64px max(24px, calc((100vw - 1100px)/2)); background:#111015; color:#F7F3F5; border-top:1px solid #2C2233; }
.seo-intro h2 { margin:0 0 20px; font-size:clamp(28px,3.4vw,44px); line-height:1.3; text-wrap:balance; }
.seo-intro > p { max-width:78ch; margin:0; font-size:16px; line-height:1.8; color:#D6CCD9; }
.seo-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:28px 0; }
.seo-categories > a { display:block; padding:22px; border:1px solid #59465E; border-radius:12px; color:#F7F3F5; transition:border-color .15s; }
.seo-categories > a:hover { color:#F7F3F5; border-color:#FF5C96; }
.seo-categories h3 { margin:0 0 12px; font-size:20px; line-height:1.4; }
.seo-categories p { margin:0; font-size:15px; line-height:1.7; color:#D6CCD9; }
.seo-actions { display:flex; flex-wrap:wrap; gap:12px 24px; margin:0 0 20px; }
.seo-actions a { display:inline-flex; align-items:center; min-height:44px; color:#FF85B0; text-decoration:underline; text-underline-offset:5px; }
.seo-intro > .seo-note { font-size:14px; color:#B0A2B4; }
.seo-intro a:focus-visible { outline:2px solid #F7F3F5; outline-offset:4px; }
/* The oversized decorative wordmark must not intercept footer link clicks. */
.landing footer > span[aria-hidden="true"] { pointer-events:none; }
@media(max-width:1023px) { .seo-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .seo-intro { padding:44px 20px; } .seo-categories { grid-template-columns:1fr; gap:12px; } .seo-categories > a { padding:18px; } }