.demo-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}html:not(.js) .demo-tabs{display:none}.demo-tab{position:relative;overflow:hidden;border-radius:.5rem;padding:.45rem .8rem;font-size:.8125rem;color:#f4f1ea99;transition:color .2s,background .2s}.demo-tab:hover{color:#f4f1eae6}.demo-tab[aria-selected=true]{color:#f4f1ea;background:#ffffff14}.demo-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:#a6f4c5}.demo-tab.is-active .demo-progress{animation:demo-progress var(--dwell, 4s) linear both}.demo.is-held .demo-tab.is-active .demo-progress{animation:none;width:100%;opacity:.5}@keyframes demo-progress{to{width:100%}}.demo-stage,.demo-group{display:grid}.demo-group{grid-area:1 / 1;pointer-events:none}.demo-panel.is-active{pointer-events:auto}.demo-panel{grid-area:1 / 1;display:flex;flex-direction:column;border-radius:.875rem;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.demo-panel.is-active{visibility:visible;opacity:1;transition:opacity .25s ease,visibility 0s}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;font-size:14px}.app-name{display:inline-flex;align-items:center;gap:.45rem}.app-mark{width:18px;height:18px;flex:none}.app-body{flex:1;padding:.4rem 1.1rem 1rem}.app-composer{margin:0 .9rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:14px;padding:.55rem .55rem .55rem 1rem}.app-composer:focus-within{outline:2px solid #2D3BFF;outline-offset:2px}.app-composer input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:#1a1a1a;outline:none}.app-composer input::-moz-placeholder{color:inherit;opacity:1}.app-composer input::placeholder{color:inherit;opacity:1}.app-composer button{flex:none;cursor:pointer}.msg-user{margin-left:auto;width:-moz-fit-content;width:fit-content;max-width:85%;font-size:14px;padding:.55rem .95rem}.demo-panel.is-active .step{animation:demo-step .3s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.1s + var(--s, 0) * .14s)}@keyframes demo-step{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.app-chatgpt{background:#fff;color:#0d0d0d}.app-chatgpt .msg-user{background:#f4f4f4;border-radius:1.4rem}.gpt-place{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #ececec;font-size:14px}.gpt-rating{color:#5d5d5d;white-space:nowrap;font-size:13px}.gpt-pill{background:#f4f4f4;color:#5d5d5d;border-radius:999px;padding:.2rem .6rem;font-size:12px}.gpt-composer{border:1px solid #e5e5e5;border-radius:1.6rem;color:#8f8f8f;box-shadow:0 1px 4px #0000000a}.gpt-send{width:1.9rem;height:1.9rem;border-radius:999px;background:#0d0d0d;color:#fff;display:grid;place-items:center;font-size:14px}.app-claude{background:#faf9f5;color:#141413}.app-claude .msg-user{background:#f0eee6;border-radius:.8rem}.claude-cite{background:#f0eee6;color:#73726c;border-radius:.4rem;padding:.2rem .5rem;font-size:12px}.claude-composer{background:#fff;border:1px solid #e8e6dc;border-radius:1rem;color:#8b8a83}.claude-send{width:1.9rem;height:1.9rem;border-radius:.5rem;background:#c96442;color:#fff;display:grid;place-items:center;font-size:14px}.app-gemini{background:#fff;color:#1f1f1f}.app-gemini .msg-user{background:#e9eef6;border-radius:1.4rem .3rem 1.4rem 1.4rem}.gemini-word{font-size:16px;font-weight:600}.gemini-text{background:linear-gradient(90deg,#4285f4,#9b72cb 55%,#d96570);-webkit-background-clip:text;background-clip:text;color:transparent}.gemini-item{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.gemini-src{font-size:12px;color:#444746;background:#f0f4f9;border-radius:999px;padding:.1rem .55rem;white-space:nowrap}.gemini-composer{background:#f0f4f9;border-radius:999px;color:#5f6368;padding:.8rem 1.2rem}.app-perplexity{background:#fcfcf9;color:#13343b}.pplx-source{display:flex;flex-direction:column;justify-content:space-between;gap:.35rem;min-height:3.2rem;background:#f3f3ee;border-radius:.5rem;padding:.4rem .5rem;font-size:11.5px;line-height:1.25}.pplx-n{width:1rem;height:1rem;border-radius:999px;background:#e3e3dc;color:#64645f;font-size:10px;display:grid;place-items:center}.pplx-cite{display:inline-grid;place-items:center;width:1rem;height:1rem;margin-left:.15rem;border-radius:999px;background:#e3e3dc;color:#64645f;font-size:9.5px;vertical-align:.35em}.pplx-composer{background:#fff;border:1px solid #e3e3dc;border-radius:999px;color:#8a8a85}.pplx-send{width:1.9rem;height:1.9rem;border-radius:999px;background:#20808d;color:#fff;display:grid;place-items:center;font-size:14px}.demo-captions{display:grid;color:#f4f1eab3;font-size:.875rem}.demo-caption{grid-area:1 / 1;opacity:0;transition:opacity .35s}.demo-caption.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.demo-panel.is-active .step{animation:none}.demo-panel,.demo-caption{transition:none}.demo-tab.is-active .demo-progress{animation:none}}.hero-title{font-size:2.1rem}@supports (width: 1cqi){.hero-fit{container-type:inline-size}.hero-title{font-size:min(4.25rem,calc(100cqi / var(--fit, 12.4)))}.hero-title>span{white-space:nowrap}}