/* A choreographed product walkthrough, built from interface elements. */
.header,.header.scrolled{height:58px;transition:background .35s,border-color .35s}.header.scrolled{background:#090a0df2;border-bottom-color:#ffffff16}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
.dot-demo{position:relative;isolation:isolate;background:#15181e;border-radius:24px;overflow:hidden;padding:32px 20px 20px;min-height:610px;color:#e9eaee}.demo-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;background:linear-gradient(115deg,#101c2b,#17171c 40%,#1c1317)}.demo-atmosphere i{position:absolute;inset:-25%;filter:blur(60px);opacity:.6;animation:demoAtmosphere 18s ease-in-out infinite alternate;background:radial-gradient(ellipse at 65% 15%,#993544 0,transparent 32%),radial-gradient(ellipse at 15% 15%,#4a7898 0,transparent 27%)}.demo-atmosphere i:nth-child(2){background:radial-gradient(ellipse at 75% 85%,#84333a,transparent 36%),radial-gradient(ellipse at 15% 75%,#5c655d,transparent 35%);animation-delay:-8s;animation-duration:22s}.demo-atmosphere i:last-child{inset:0;background:linear-gradient(transparent,#0005);filter:none;animation:none}
.demo-window{position:relative;width:min(820px,100%);margin:auto;background:#0b1014ed;border:1px solid #ffffff15;border-radius:23px;padding:9px;box-shadow:0 30px 80px #0005}.demo-topbar{height:43px;display:flex;align-items:center;gap:10px;padding:0 4px 8px;font-size:11px;color:#bec1ca}.demo-topbar>img{object-fit:contain}.demo-slash{color:#454951;font-size:16px}.demo-breadcrumb,.demo-pair-chip{display:flex;align-items:center;gap:9px;background:#ffffff06;border-radius:24px;padding:7px 12px}.demo-breadcrumb b{font-size:10px;font-weight:500;color:#ff8a8f;background:#ed1c2425;border-radius:5px;padding:3px 6px}.demo-pair-chip{font:10px var(--mono);max-width:210px;overflow:hidden;white-space:nowrap}.demo-pair-chip img{border-radius:50%}.demo-layout{display:flex;gap:10px;min-height:446px}.demo-sidebar{width:188px;flex-shrink:0;background:#20262d8c;border:1px solid #ffffff0a;border-radius:16px;padding:10px;position:relative}.demo-search{height:35px;display:flex;gap:7px;align-items:center;padding:0 9px;background:#ffffff05;border-radius:8px;color:#828a98;font-size:11px;margin-bottom:16px}.demo-search svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5}.demo-search kbd{margin-left:auto;background:#ffffff0b;padding:0 5px;border-radius:3px}.demo-sidebar>small{display:block;font-size:10px;color:#7b8492;margin:17px 3px 7px}.demo-nav,.demo-side-link{width:100%;display:flex;gap:10px;align-items:center;border:0;background:transparent;color:#8c95a5;padding:9px 10px;border-radius:7px;text-align:left;font-size:12px;transition:background .35s,color .35s}.demo-nav>span,.demo-side-link>span{width:14px;display:grid;place-items:center;font-size:16px}.demo-nav.is-active{background:#ffffff0a;color:#f0f1f4}.demo-nav:hover,.demo-side-link:hover{background:#ffffff06;color:white}.demo-network{position:absolute;bottom:16px;left:20px;font-size:10px;color:#a3a9b4}.demo-network img{vertical-align:middle;margin-right:5px}.demo-network>span{display:block;margin:7px 0 0 22px;font-size:8px;color:#626c79}.demo-main{min-width:0;flex:1;padding:20px;background:#080d10c9;border:1px solid #ffffff08;border-radius:16px;position:relative;overflow:hidden}.demo-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.demo-heading h3{font-size:23px;font-weight:630;letter-spacing:-.9px;line-height:1.2}.demo-heading p{font-size:12px;color:#8991a0;margin-top:7px}.demo-preview-badge{font-size:9px;color:#8f97a6;border:1px solid #ffffff12;border-radius:20px;padding:5px 8px;white-space:nowrap;margin-top:2px}.demo-view{min-height:305px}.demo-view[hidden]{display:none!important}.demo-view.is-active{animation:demoPaneIn .5s cubic-bezier(.2,.7,.2,1) both}.demo-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:10px}.demo-filter{display:flex;gap:7px;align-items:center;background:#ffffff07;border-radius:20px;padding:7px 11px;color:#d8dce3}.demo-filter>i{width:5px;height:5px;border-radius:50%;background:var(--red)}.demo-count{color:#76818e;font-size:10px}.demo-count b{color:#cdd4dc;font-weight:500}.demo-market-table{border:1px solid #ffffff0b;border-radius:12px;padding:0 12px;background:#ffffff02}.demo-table-head,.demo-market-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 60px;align-items:center;gap:10px;font-size:11px}.demo-table-head{color:#7d8794;font-size:9px;padding:12px 0}.demo-market-row{width:100%;color:#cfd4db;background:none;border:0;border-top:1px solid #ffffff08;padding:13px 0;text-align:left;transition:background .3s}.demo-market-row.selected{background:#ed1c2410}.demo-market-row>span:first-child{display:flex;align-items:center;gap:10px;overflow:hidden}.demo-market-row strong{font-size:11px;font-weight:500;white-space:nowrap}.demo-market-row small{display:block;font-size:9px;color:#737d8c;margin-top:4px}.demo-market-row img,.demo-token-placeholder{width:27px;height:27px;border-radius:50%;object-fit:cover;flex-shrink:0}.demo-token-placeholder{display:grid;place-items:center;background:#292329;color:#eaa6ad}.demo-market-row .negative{color:#ff8389}.demo-market-row .positive{color:#a7cfbc}.demo-market-row>span:last-child{text-align:right}.demo-tip{display:flex;gap:11px;align-items:center;margin-top:20px}.demo-tip>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff0e;border-radius:8px;color:#e68a91}.demo-tip strong{font-size:11px;font-weight:500;color:#bec5ce}.demo-tip p{font-size:10px;color:#727d8c;margin-top:5px;line-height:1.5}.demo-loading{font-size:12px;line-height:1.7;color:#8e97a3;padding:35px 5px}.demo-status{font-size:9px;color:#da9197;background:#ed1c2410;padding:6px 9px;border-radius:20px}.demo-evidence{display:grid;gap:7px}.demo-check{display:flex;align-items:center;gap:10px;border:1px solid #ffffff0a;border-radius:11px;padding:10px;background:#ffffff04;transition:background .5s,border-color .5s}.demo-check-icon{width:29px;height:29px;display:grid;place-items:center;background:#070a0d;border:1px solid #ffffff08;border-radius:9px;color:#7f8c99;flex-shrink:0}.demo-check strong{font-size:11px;font-weight:550}.demo-check p{font-size:9px;color:#818b9a;margin-top:4px}.demo-check>b{margin-left:auto;font:9px var(--mono);max-width:150px;text-align:right;opacity:.24;transition:opacity .45s}.demo-check.checked{border-color:#ed1c242a;background:#faffff06}.demo-check.checked>b{opacity:1}.demo-check.checked .demo-check-icon{color:#ff8b92;border-color:#ed1c2440;background:#ed1c240d}.demo-evidence-footer{margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-source-stamp{font:8px var(--mono);line-height:1.7;color:#697584}.demo-inline-button{background:#ffffff07;border:1px solid #ffffff18;border-radius:7px;font-size:10px;padding:8px 10px;white-space:nowrap}.demo-inline-button:hover{background:#ed1c241a;border-color:#ed1c2460}.demo-conversation{height:252px}.demo-question{margin:0 0 20px auto;width:fit-content;max-width:88%;padding:11px 14px;background:#242a31;border:1px solid #ffffff06;border-radius:13px 13px 3px 13px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.demo-question.sent{opacity:1;transform:none}.demo-response{display:flex;gap:9px}.demo-response>img{width:31px;height:31px;object-fit:contain;flex-shrink:0;opacity:0;transition:opacity .3s}.demo-response-body{flex:1;min-width:0}.demo-typing{display:flex;gap:4px;height:22px;align-items:center;opacity:0}.demo-typing i{width:4px;height:4px;background:#ff747c;border-radius:50%;animation:demoThinking .9s ease-in-out infinite}.demo-typing i:nth-child(2){animation-delay:.15s}.demo-typing i:nth-child(3){animation-delay:.3s}.demo-response.thinking>img,.demo-response.answered>img,.demo-response.thinking .demo-typing{opacity:1}.demo-response.answered .demo-typing{display:none}#demo-answer-content{opacity:0;transform:translateY(7px);transition:opacity .65s,transform .65s}.demo-response.answered #demo-answer-content{opacity:1;transform:none}#demo-answer-content>strong{font-size:12px;font-weight:550}#demo-answer-content>p{font-size:11px;color:#a0a8b4;line-height:1.7;margin:8px 0}.demo-answer-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.demo-answer-tags span{font-size:8px;border:1px solid #ffffff12;color:#bdc6ce;padding:4px 6px;border-radius:5px}.demo-composer{display:flex;align-items:center;position:relative;border:1px solid #ffffff14;background:#ffffff03;border-radius:9px;height:43px;padding:10px 12px;font-size:11px;color:#d8dce3}.demo-input-placeholder{color:#606b7a}.demo-composer.has-text .demo-input-placeholder{display:none}.demo-send{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ed1c24;color:#fff;font-size:15px}.demo-watch-card{border:1px solid #ffffff0d;border-radius:12px;padding:16px;background:#ffffff03}.demo-watch-title{display:flex;align-items:center;gap:10px;padding-bottom:18px}.demo-watch-title img{border-radius:50%}.demo-watch-title strong{font-size:13px}.demo-watch-title div>span{display:block;color:#7e8997;font-size:9px;margin-top:5px}.demo-watch-star{margin-left:auto;color:#f36b76;font-size:20px}.demo-watch-line{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 0;border-top:1px solid #ffffff0a;font-size:10px;color:#939daa}.demo-watch-line strong{font-weight:450;font-size:10px;color:#d5dce3}.demo-threshold{background:#ffffff06;color:#a8b2bf;border:1px solid #ffffff0e;border-radius:6px;padding:6px 9px;font-size:9px}.demo-watch-note{color:#788492;font-size:10px;line-height:1.7;margin:16px 0 13px}.demo-open-workspace{font-size:11px;color:#e7c5ca;border-bottom:1px solid #88434a;padding-bottom:4px}.demo-toast{position:absolute;left:50%;bottom:68px;transform:translate(-50%,12px);opacity:0;white-space:nowrap;font-size:10px;color:#e9edef;background:#283033;border:1px solid #65756c55;border-radius:9px;padding:12px 16px;box-shadow:0 8px 30px #0007;transition:opacity .4s,transform .4s;pointer-events:none}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.demo-toast>span{color:#a8d0bd;margin-right:6px}.demo-cursor{position:absolute;left:0;top:0;width:23px;height:29px;z-index:10;pointer-events:none;transform:translate(690px,400px);transition:transform .85s cubic-bezier(.22,.75,.23,1),opacity .2s;filter:drop-shadow(0 2px 3px #0005);opacity:0}.demo-cursor.visible{opacity:1}.demo-cursor svg{width:100%;height:100%;position:relative;z-index:2}.demo-cursor i{position:absolute;top:2px;left:2px;width:30px;height:30px;border:1px solid #ff9097;background:#ff636b33;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.demo-cursor.clicking i{animation:demoClick .6s ease-out}.demo-window-footer{display:flex;justify-content:space-between;gap:15px;padding:10px 8px 1px;font-size:8px;color:#6f7a87}.demo-controls{display:flex;align-items:center;gap:13px;width:min(820px,100%);margin:19px auto 0;font-size:10px;color:#c1bbc0}.demo-chapters{display:flex;gap:5px;flex-shrink:0}.demo-chapters button{width:7px;height:5px;padding:0;border:0;border-radius:5px;background:#ffffff35;transition:width .4s,background .4s}.demo-chapters button.is-active{width:23px;background:#ff777f}.demo-controls>p{margin:0;line-height:1.5;font-size:10px}.demo-controls>button{border:0;background:transparent;color:#b0a9b0;font-size:10px;padding:5px}.demo-controls #demo-replay{margin-left:auto}.demo-controls #demo-playback{border:1px solid #ffffff22;width:25px;height:25px;border-radius:50%;font-size:10px;padding:0}.demo-paused .demo-atmosphere i,.demo-paused .demo-typing i{animation-play-state:paused}
@keyframes demoAtmosphere{0%{transform:translate(-3%,-2%) rotate(-3deg) scale(1)}100%{transform:translate(4%,3%) rotate(4deg) scale(1.12)}}@keyframes demoPaneIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes demoThinking{50%{opacity:.3;transform:translateY(-2px)}}@keyframes demoClick{0%{opacity:.8;scale:.4}100%{opacity:0;scale:1.6}}
@media(max-width:1000px){.demo-sidebar{width:170px}.demo-main{padding:18px 16px}.demo-preview-badge{font-size:8px;padding:5px 6px}.demo-heading h3{font-size:21px}}
@media(max-width:760px){.header,.header.scrolled{height:60px}.dot-demo{padding:17px 12px 16px;min-height:550px;border-radius:18px}.demo-window{padding:7px;border-radius:17px}.demo-topbar{gap:7px;font-size:8px;height:40px;padding-bottom:7px}.demo-topbar>img{width:26px;height:26px}.demo-breadcrumb{padding:5px 7px;gap:5px}.demo-breadcrumb b{font-size:8px;padding:3px 4px}.demo-pair-chip{font-size:8px;padding:6px;max-width:125px}.demo-layout{flex-direction:column;gap:7px;min-height:0}.demo-sidebar{width:100%;display:flex;padding:5px;gap:2px;border-radius:10px;overflow:hidden}.demo-sidebar>small,.demo-search,.demo-network,.demo-side-link{display:none}.demo-nav{flex:1;min-width:0;width:auto;justify-content:center;gap:4px;font-size:8px;padding:8px 3px;white-space:nowrap}.demo-nav>span{font-size:11px;width:auto}.demo-main{padding:16px 12px;min-height:368px;border-radius:12px}.demo-heading{margin-bottom:17px;gap:4px}.demo-heading h3{font-size:19px;letter-spacing:-.6px}.demo-heading p{font-size:10px;line-height:1.5}.demo-preview-badge{display:none}.demo-view{min-height:267px}.demo-view-toolbar{margin-bottom:12px}.demo-filter{font-size:8px;padding:5px 7px}.demo-count,.demo-status{font-size:8px}.demo-table-head,.demo-market-row{grid-template-columns:minmax(0,1fr) 52px 40px;gap:6px;font-size:9px}.demo-market-row{padding:11px 0}.demo-market-row strong{font-size:9px}.demo-market-row small{font-size:7px}.demo-market-row img,.demo-token-placeholder{width:22px;height:22px}.demo-market-row>span:first-child{gap:6px}.demo-tip{margin-top:15px}.demo-tip strong{font-size:10px}.demo-tip p{font-size:9px}.demo-check{padding:8px;gap:6px}.demo-check strong{font-size:9px}.demo-check p{font-size:8px}.demo-check>b{font-size:7px;max-width:92px}.demo-check-icon{width:24px;height:24px}.demo-evidence-footer{flex-wrap:wrap;gap:7px}.demo-inline-button{font-size:9px;padding:7px 9px}.demo-conversation{height:235px}.demo-question{font-size:10px;margin-bottom:13px}.demo-response{gap:6px}.demo-response>img{width:24px;height:24px}.demo-response-body>div>strong{font-size:10px!important}.demo-response-body>div>p{font-size:10px!important;line-height:1.6!important}.demo-answer-tags span{font-size:7px}.demo-answer-tags{margin:8px 0}.demo-composer{height:38px;font-size:9px}.demo-window-footer{padding:8px 3px 0}.demo-window-footer>span:last-child{display:none}.demo-source-stamp{font-size:7px}.demo-controls{gap:9px;margin-top:13px}.demo-controls>p{font-size:8px;max-width:170px}.demo-controls>button{font-size:8px}.demo-toast{font-size:8px;padding:10px;max-width:95%;white-space:normal;text-align:center}.demo-watch-card{padding:12px}.demo-watch-line{font-size:9px}.demo-watch-line strong{font-size:9px}.demo-threshold{font-size:8px}.demo-watch-title strong{font-size:11px}.demo-watch-note{font-size:9px}.demo-open-workspace{font-size:10px}.demo-cursor{width:19px;height:24px}}
@media(prefers-reduced-motion:reduce){.demo-atmosphere i,.demo-view,.demo-typing i{animation:none!important}.demo-cursor{display:none}.demo-question,.demo-response>img,#demo-answer-content,.demo-check>b{opacity:1;transform:none}.demo-typing{display:none}.demo-controls #demo-playback{display:none}}

@media(max-width:400px){.demo-conversation{height:auto;min-height:270px;padding-bottom:16px}.demo-topbar{gap:4px}.demo-slash{display:none}.demo-breadcrumb{padding:5px}.demo-pair-chip{max-width:98px}.demo-preview-badge{display:none}}