:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#0a0d10; color:#f3f6f8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 20% 0%,#173044 0,transparent 34rem),#0a0d10; }
.seo-shell { width:min(860px,calc(100% - 36px)); margin:0 auto; padding:72px 0; }
.seo-brand { display:inline-block; color:#f3f6f8; text-decoration:none; font-size:25px; font-weight:780; letter-spacing:-.04em; }
.seo-brand span,.seo-kicker { color:#61d6c5; }
.seo-kicker { margin:70px 0 12px; font-size:12px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.seo-shell h1 { max-width:760px; margin:0; font-size:clamp(38px,7vw,72px); line-height:1.02; letter-spacing:-.055em; }
.seo-shell p:not(.seo-kicker) { max-width:670px; color:#b9c5cc; font-size:clamp(17px,2.4vw,21px); line-height:1.65; }
.seo-shell nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.seo-shell nav a { padding:12px 16px; border:1px solid #36515b; border-radius:999px; color:#dffbf6; text-decoration:none; background:#102027; }
@media (max-width:600px) { .seo-shell { padding-top:30px; } .seo-kicker { margin-top:48px; } }