.seo-demo{font:400 13px/1.55 Geist,Arial,sans-serif;color:#797482;overflow-anchor:none}
.seo-demo-request{display:flex;align-items:center;gap:8px;border:1px solid #eeecf1;border-radius:12px;background:#faf9fb;padding:12px;color:#77717f;font-size:11px}
.seo-demo-request span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-demo-request>.bi:last-child{color:#8b2fc9}
.seo-demo-status{display:flex;align-items:center;gap:10px;margin:22px 0 14px;min-height:34px;color:#302837}
.seo-demo-status strong{font-weight:500;font-size:13px}
.seo-demo-orbit{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f1e8f9;color:#8b2fc9;font-size:21px;flex-shrink:0}
.seo-demo.is-running .seo-demo-orbit{animation:seo-breathe 1.5s ease-in-out infinite}
.seo-demo-keywords{display:flex;gap:6px;flex-wrap:wrap;min-height:28px;margin-bottom:18px;opacity:.25;transition:opacity .4s}
.seo-demo-keywords span{font-size:10px;padding:4px 9px;border-radius:20px;background:#f5effa;color:#8250a3}
.seo-demo.has-keywords .seo-demo-keywords{opacity:1}
.seo-demo-result{padding:18px;border:1px solid #eee9f2;border-radius:14px;background:#fff;min-height:195px}
.seo-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:9px;letter-spacing:.7px;color:#9a92a1}
.seo-demo-caption span:last-child{letter-spacing:0;color:#8b2fc9}
.seo-demo-result>small{font-size:9px;color:#8d8792}
.seo-demo-result h3{font-size:18px;line-height:1.35;font-weight:500;color:#6245a3;min-height:49px;margin:9px 0 7px}
.seo-demo-result p{font-size:12px;line-height:1.6;min-height:58px;margin:0;color:#797482}
.seo-demo-checks{display:flex;flex-wrap:wrap;gap:9px 16px;padding:18px 0;font-size:10px}
.seo-demo-checks span{transition:color .35s}.seo-demo-checks i{margin-right:5px}
.seo-demo-checks .is-done{color:#28866d}
.seo-demo-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0edf3;padding-top:12px;font-size:10px;min-height:30px}
.seo-demo-bottom small{font-size:9px;color:#aaa2af;white-space:nowrap}
@keyframes seo-breathe{50%{transform:scale(.9);opacity:.55}}
@media(max-width:767.98px){.seo-demo-result{padding:12px;min-height:182px}.seo-demo-status{margin:14px 0 10px}.seo-demo-keywords{margin-bottom:12px}.seo-demo-result h3{font-size:16px;min-height:44px}.seo-demo-checks{gap:8px;padding:12px 0}.seo-demo-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.seo-demo *{animation:none!important;transition:none!important}}
