.search-demo{padding-top:72px;background:radial-gradient(ellipse at 80% 40%,rgba(244,123,32,.1),transparent 60%),#0b0b0e;border-top:1px solid rgba(244,123,32,.15)}
.demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.demo-grid>*{min-width:0}.demo-intro .section-lead{margin:25px 0}.demo-legend{display:grid;gap:16px;margin:28px 0 34px}.demo-legend>div{display:flex;gap:15px;align-items:center}.demo-legend b{font:700 11px Consolas,monospace;letter-spacing:.08em;color:var(--orange);border:1px solid rgba(244,123,32,.35);border-radius:8px;min-width:52px;text-align:center;padding:10px}.demo-legend span{color:#b8b6bf;font-size:14px}
.demo-console{border:1px solid rgba(244,123,32,.35);border-radius:22px;background:linear-gradient(145deg,#191519,#101014 60%);box-shadow:0 25px 65px rgba(0,0,0,.35),0 0 55px rgba(244,123,32,.07);overflow:hidden}.demo-toolbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);font:9px Consolas,monospace;letter-spacing:.08em;color:var(--muted)}.demo-window-dots{display:flex;gap:5px}.demo-window-dots i{width:6px;height:6px;border-radius:50%;background:#55515a}.demo-window-dots i:first-child{background:var(--orange)}.demo-example-label{margin-left:auto;color:var(--orange2);letter-spacing:0}.demo-options{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px 0}.demo-options button{font:700 11px Arial;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:99px;padding:8px 12px;cursor:pointer;transition:.2s}.demo-options button:hover,.demo-options button.active{color:var(--orange);border-color:var(--orange);background:rgba(244,123,32,.09)}.demo-question{margin:18px 20px 0;padding:17px 42px 17px 17px;border:1px solid var(--line);border-radius:13px;background:#202024;position:relative;min-height:116px}.demo-speaker{font:9px Consolas,monospace;letter-spacing:.1em;color:var(--muted)}.demo-question p{font-size:16px;font-weight:700;line-height:1.4;margin:9px 0 0}.demo-search-icon{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--orange);color:white}.demo-question.is-typing p:after{content:"";display:inline-block;width:2px;height:1em;background:var(--orange);vertical-align:middle;margin-left:3px;animation:demoBlink .7s steps(1) infinite}
.demo-answer{padding:22px 20px 0;min-height:286px;transition:opacity .35s,transform .35s}.demo-answer-label{display:flex;align-items:center;gap:9px;font:9px Consolas,monospace;color:var(--muted);letter-spacing:.03em}.demo-ai-icon{color:var(--orange);font-size:20px}.demo-state{margin-left:auto;color:var(--orange2)}.demo-answer>p{font-size:14px;line-height:1.55;color:#c5c3cd;margin:13px 0 17px}.demo-brand{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(244,123,32,.45);border-radius:12px;padding:16px;background:linear-gradient(135deg,rgba(244,123,32,.13),rgba(244,123,32,.035));box-shadow:0 0 24px rgba(244,123,32,.08)}.demo-brand-icon{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--orange);color:white;font-size:19px}.demo-brand b{font-size:15px}.demo-brand p{font-size:13px;color:#bab7c2;margin:5px 0 0;line-height:1.5}.demo-citation{font:10px Consolas,monospace;color:var(--orange2)}.demo-source{margin-top:12px;color:#9f9ba8;font-size:11px}.demo-source summary{display:flex;justify-content:space-between;cursor:pointer;padding:7px 0;gap:10px;list-style:none}.demo-source summary::-webkit-details-marker{display:none}.demo-source summary span:last-child{color:var(--orange2)}.demo-source>div{padding:12px;border:1px solid var(--line);border-radius:9px;margin-top:5px}.demo-source p{margin:6px 0 10px}.demo-source>div>span{color:#888591;font:10px Consolas,monospace}
.demo-ad{margin:18px 20px 0;padding:15px;border:1px solid var(--line);border-radius:12px;transition:opacity .35s,transform .35s}.demo-ad-label{display:block;color:var(--muted);font:9px Consolas,monospace;letter-spacing:.1em;margin-bottom:8px}.demo-ad b{font-size:14px;display:block}.demo-ad p{font-size:12px;color:#aba7b4;margin:7px 0 10px;line-height:1.5}.demo-ad-cta{font-size:11px;color:var(--orange2);font-weight:700}.demo-bottom{display:flex;align-items:center;gap:12px;padding:17px 20px}.demo-bottom>span{font-size:9px;line-height:1.5;color:#807c89;max-width:340px}.demo-replay{margin-left:auto;white-space:nowrap;border:0;background:none;color:var(--orange2);font:11px Arial;cursor:pointer;padding:8px}.demo-console.is-running .demo-answer,.demo-console.is-running .demo-ad{opacity:.16;transform:translateY(6px)}@keyframes demoBlink{50%{opacity:0}}
@media(max-width:900px){.demo-grid{grid-template-columns:1fr;gap:36px}.demo-console{max-width:620px;width:100%;margin:auto}.demo-intro .section-lead{max-width:620px}}@media(max-width:560px){.search-demo{padding-top:54px}.demo-toolbar{padding:15px 14px;gap:8px;font-size:8px}.demo-options{padding:16px 14px 0}.demo-question{margin:16px 14px 0;min-height:135px;padding-left:14px}.demo-question p{font-size:15px}.demo-answer{padding:20px 14px 0;min-height:315px}.demo-answer-label{font-size:8px;gap:6px}.demo-brand{padding:13px;gap:9px}.demo-brand p{font-size:12px}.demo-ad{margin:16px 14px 0}.demo-bottom{padding:14px;gap:8px}.demo-bottom>span{font-size:9px}.demo-legend span{font-size:13px}}@media(prefers-reduced-motion:reduce){.demo-answer,.demo-ad,.demo-options button{transition:none}.demo-question.is-typing p:after{animation:none}}