body.bbs-seo { background:#101110; color:#f4f3ef; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:0; padding-top:84px; }
.bbs-seo .navbar { min-height:84px; }
.bbs-seo .navbar-topbar { display:none; }
.bbs-seo .navbar-main { min-height:84px; padding:0 4.5%; max-width:1600px; margin:auto; }
.seo-page { max-width:1440px; margin:auto; padding:0 4.5% 50px; }
.seo-page, .seo-page * { box-sizing:border-box; }
.seo-page a { text-decoration:none; }
.seo-intro { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:70px; align-items:center; padding:70px 0 55px; }
.seo-page .seo-eyebrow { display:block; color:#a7aaa4; font-size:10px; letter-spacing:.16em; text-transform:uppercase; line-height:1.7; margin:0 0 24px; }
.seo-intro h1 { font-size:clamp(40px,4.8vw,68px); font-weight:500; line-height:1.08; letter-spacing:-.055em; color:#f4f3ef; margin:0 0 28px; }
.seo-intro h1 span { color:#ff9c35; }
.seo-lead, .seo-visit p, .seo-info p, .seo-help p:not(.seo-eyebrow) { color:#a7aaa4; font-size:15px; line-height:1.85; margin:0; }
.seo-lead { max-width:600px; }
.seo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
.seo-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; background:#ff9c35; color:#101110; border-radius:5px; padding:16px 22px; min-height:50px; font-size:14px; }
.seo-primary svg { width:22px; height:22px; stroke:currentColor; stroke-width:1.5; fill:none; }
.seo-text-link { color:#f4f3ef; font-size:13px; padding:12px 0; }
.seo-visit { background:#171917; border:1px solid #ffffff24; border-radius:7px; padding:30px; }
.seo-visit > span { font-size:10px; color:#ffb463; letter-spacing:.1em; text-transform:uppercase; }
.seo-visit h2 { font-size:30px; font-weight:500; letter-spacing:-.04em; line-height:1.2; color:#f4f3ef; margin:28px 0 18px; }
.seo-visit a { display:block; color:#ffb463; font-size:24px; margin-top:28px; }
.seo-info { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid #ffffff24; padding-top:32px; }
.seo-info article { background:#171917; border:1px solid #ffffff24; padding:28px; border-radius:7px; }
.seo-info h2 { color:#f4f3ef; font-size:25px; font-weight:500; letter-spacing:-.035em; margin:0 0 18px; }
.seo-info a { display:inline-block; color:#ffb463; margin-top:20px; font-size:13px; padding:8px 0; }
.seo-help { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:50px 0; }
.seo-help h2 { color:#f4f3ef; font-size:36px; font-weight:500; letter-spacing:-.04em; margin:0 0 16px; }
.seo-related { display:grid; grid-template-columns:1fr 1fr; gap:40px; border-top:1px solid #ffffff24; padding-top:30px; }
.seo-related h2 { color:#d8dad4; font-size:14px; font-weight:500; margin:0 0 18px; }
.seo-related ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px 20px; }
.seo-related a { display:inline-block; padding:10px 0; color:#a7aaa4; font-size:12px; }
.seo-related a:hover, .seo-text-link:hover { color:#ffb463; }
.seo-page a:focus-visible { outline:2px solid #ff9c35; outline-offset:4px; }
.bbs-seo .footer { background:#101110; border-top:1px solid #ffffff24; border-radius:0; box-shadow:none; margin:0; padding:24px 4.5%; }
.bbs-seo .footer .legal-links a, .bbs-seo .footer .copyright { color:#a7aaa4; font-size:10px; }
@media(max-width:800px) { .seo-intro { grid-template-columns:1fr; gap:30px; } }
@media(max-width:600px) {
 body.bbs-seo { padding-top:72px; }
 .bbs-seo .navbar, .bbs-seo .navbar-main { min-height:72px; }
 .seo-page { padding:0 22px 36px; }
 .seo-intro { padding:42px 0 30px; }
 .seo-intro h1 { font-size:38px; }
 .seo-visit, .seo-info article { padding:24px; }
 .seo-info, .seo-related { grid-template-columns:1fr; gap:20px; }
 .seo-help { flex-direction:column; align-items:flex-start; padding:36px 0; }
 .seo-help .seo-primary { width:100%; }
}