.hero-demo[data-v-1ba9e41b]{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;overflow:hidden}.demo-header[data-v-1ba9e41b]{align-items:center;background:var(--gray-1);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.demo-dots[data-v-1ba9e41b]{display:flex;gap:5px}.demo-dot[data-v-1ba9e41b]{border-radius:50%;height:10px;width:10px}.demo-dot.r[data-v-1ba9e41b]{background:#ff5f57}.demo-dot.y[data-v-1ba9e41b]{background:#febc2e}.demo-dot.g[data-v-1ba9e41b]{background:#28c840}.demo-file-name[data-v-1ba9e41b]{color:var(--text-light);font-family:var(--mono);font-size:11px;line-height:1;margin-left:8px}.demo-tab-row[data-v-1ba9e41b]{background:var(--gray-1);border-bottom:1px solid var(--border);display:flex;gap:0}.demo-tab[data-v-1ba9e41b]{border-bottom:2px solid transparent;color:var(--text-light);cursor:pointer;font-family:var(--mono);font-size:11px;line-height:1.6;padding:8px 16px;transition:all .15s}.demo-tab.active[data-v-1ba9e41b]{background:#fff;border-bottom-color:var(--green);color:var(--green)}.demo-body[data-v-1ba9e41b]{padding:20px}pre.code[data-v-1ba9e41b]{background:transparent;color:#3a4540;font-family:var(--mono);font-size:12.5px;line-height:1.7;margin:0;overflow-x:auto;white-space:pre}pre.code .kw[data-v-1ba9e41b]{color:#16a085}pre.code .str[data-v-1ba9e41b]{color:#c0392b}pre.code .key[data-v-1ba9e41b]{color:#2980b9}pre.code .num[data-v-1ba9e41b]{color:#8e44ad}pre.code .cmt[data-v-1ba9e41b]{color:#95a5a6}.demo-response[data-v-1ba9e41b]{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.resp-label[data-v-1ba9e41b]{align-items:center;color:var(--green);display:flex;font-family:var(--mono);font-size:10px;gap:6px;letter-spacing:.1em;line-height:1.6;margin-bottom:10px;text-transform:uppercase}.resp-label[data-v-1ba9e41b]:before{animation:blink-1ba9e41b 1.5s ease-in-out infinite;background:var(--green);border-radius:50%;content:"";height:6px;width:6px}@keyframes blink-1ba9e41b{0%,to{opacity:1}50%{opacity:.3}}.resp-item[data-v-1ba9e41b]{align-items:center;background:var(--gray-1);border:1px solid var(--border-light);border-radius:7px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.resp-title[data-v-1ba9e41b]{color:var(--text);font-size:12.5px;font-weight:500;line-height:1.35}.resp-url[data-v-1ba9e41b]{color:var(--text-light);font-size:10px;margin-top:1px}.resp-rank[data-v-1ba9e41b],.resp-url[data-v-1ba9e41b]{font-family:var(--mono);line-height:1.45}.resp-rank[data-v-1ba9e41b]{background:var(--green-bg);border-radius:5px;color:var(--green);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.localized-panel[data-v-29c732f3]{border-radius:var(--radius-lg);box-shadow:0 2px 16px #0000000f;overflow:hidden;padding:0}.panel-toolbar[data-v-29c732f3]{align-items:center;background:var(--gray-1);border-bottom:1px solid var(--border);display:flex;gap:6px;padding:11px 16px}.panel-toolbar span[data-v-29c732f3]{border-radius:50%;height:10px;width:10px}.panel-toolbar span[data-v-29c732f3]:first-child{background:#ff5f57}.panel-toolbar span[data-v-29c732f3]:nth-child(2){background:#febc2e}.panel-toolbar span[data-v-29c732f3]:nth-child(3){background:#28c840}.panel-toolbar b[data-v-29c732f3]{color:var(--text-light);font-family:var(--mono);font-size:11px;font-weight:500;margin-left:8px}.visual-toolbar[data-v-29c732f3]{border-bottom-color:var(--border-light)}.mock-body[data-v-29c732f3]{padding:20px}.market-label[data-v-29c732f3]{color:var(--text-light);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;margin-bottom:8px;text-transform:uppercase}.serp-bar[data-v-29c732f3]{align-items:center;background:var(--gray-1);border:1px solid var(--border);border-radius:24px;display:flex;gap:10px;margin-bottom:16px;padding:9px 16px}.serp-bar input[data-v-29c732f3]{background:transparent;border:0;color:var(--text);flex:1;font-family:var(--sans);font-size:13px;min-width:0;outline:0}.geo-pill[data-v-29c732f3]{background:var(--green-bg);border-radius:10px;color:var(--green);flex:none;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.serp-entry[data-v-29c732f3]{border-bottom:1px solid var(--border-light);padding:12px 0}.serp-entry[data-v-29c732f3]:last-child{border-bottom:none}.serp-entry-head[data-v-29c732f3]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.serp-u[data-v-29c732f3]{color:var(--green);font-size:11px;line-height:1.45;margin-bottom:3px}.serp-t[data-v-29c732f3]{color:#1a0dab;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:4px}.serp-s[data-v-29c732f3]{color:var(--text-muted);font-size:12px;line-height:1.45}.serp-num[data-v-29c732f3]{background:var(--gray-2);border-radius:4px;color:var(--text-light);flex:none;font-family:var(--mono);font-size:11px;font-weight:600;margin-top:2px;padding:1px 6px}.keyword-panel[data-v-23360293]{border-radius:var(--radius-lg);box-shadow:0 2px 16px #0000000f;overflow:hidden;padding:0 0 20px}.panel-toolbar[data-v-23360293]{align-items:center;background:var(--gray-1);border-bottom:1px solid var(--border);display:flex;gap:6px;padding:11px 16px}.panel-toolbar span[data-v-23360293]{border-radius:50%;height:10px;width:10px}.panel-toolbar span[data-v-23360293]:first-child{background:#ff5f57}.panel-toolbar span[data-v-23360293]:nth-child(2){background:#febc2e}.panel-toolbar span[data-v-23360293]:nth-child(3){background:#28c840}.panel-toolbar b[data-v-23360293]{color:var(--text-light);font-family:var(--mono);font-size:11px;font-weight:500;margin-left:8px}.visual-toolbar[data-v-23360293]{border-bottom-color:var(--border-light)}.mock-body[data-v-23360293]{padding:20px}.competitor-list[data-v-23360293],.keyword-block[data-v-23360293]{background:var(--gray-1);border:1px solid var(--border);border-radius:8px;margin:0 0 10px;padding:14px}.competitor-list small[data-v-23360293],.keyword-block small[data-v-23360293]{color:var(--text-light);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.keyword-block p[data-v-23360293]{background:#fff;border:1px solid var(--border);border-radius:5px;color:#1a0dab;font-size:13px;font-weight:400;margin:6px 0 0;padding:7px 10px}.keyword-block.compact[data-v-23360293]{padding-bottom:14px}.keyword-cloud[data-v-23360293]{display:flex;flex-wrap:wrap;gap:6px}.keyword-cloud span[data-v-23360293]{background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-size:12px;font-weight:400;padding:4px 10px}.competitor-list[data-v-23360293]{margin-bottom:0}.competitor-list .competitor-row[data-v-23360293]{align-items:center;color:var(--text);display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-top:8px}.competitor-domain[data-v-23360293]{flex:none}.competitor-score[data-v-23360293]{align-items:center;display:flex;gap:8px}.competitor-meter[data-v-23360293]{background:var(--border);border-radius:3px;display:block;height:5px;overflow:hidden;width:100px}.competitor-meter i[data-v-23360293]{display:block;height:100%}.competitor-score b[data-v-23360293]{font-family:var(--mono);font-size:11px;font-weight:600;min-width:18px;text-align:right}
