:root { color-scheme: dark; font-family: Inter,system-ui,sans-serif; --bg:#0b0d12; --panel:#151821; --line:#2b3040; --text:#f7f8fb; --muted:#aab1c1; --brand:#da2149; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);line-height:1.55} a{color:inherit}.seo-header,.seo-footer{padding:18px max(20px,5vw);border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.seo-footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.seo-nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.seo-main{width:min(1080px,100%);margin:auto;padding:56px 24px}.seo-hero{padding:42px 0 30px}.seo-hero h1{font-size:clamp(34px,6vw,62px);line-height:1.03;max-width:850px;margin:0 0 20px}.seo-hero p{font-size:19px;color:var(--muted);max-width:760px}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:28px 0}.seo-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.seo-card h2{font-size:20px;margin:0 0 8px}.seo-card p,.seo-note{color:var(--muted);margin:0}.seo-cta{display:inline-block;margin:12px 10px 0 0;padding:12px 16px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700}.seo-cta.secondary{background:transparent;border:1px solid var(--line)}.seo-list{padding-left:20px;color:var(--muted)}.seo-kicker{color:#ff7090;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.12em}@media(max-width:640px){.seo-main{padding:34px 18px}.seo-header,.seo-footer{padding:14px 18px}}