.preview-switch button{position:relative;overflow:hidden}.preview-progress{position:absolute;inset:auto 18px 5px;height:2px;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:left}.preview-progress[data-playing=true]{animation:preview-progress 7s linear both}.preview-demo{display:flex;width:100%;min-width:0;aspect-ratio:16 / 9;min-height:440px;overflow:hidden;border-radius:5px;background:var(--white);text-align:left}.demo-sidebar{width:200px;flex-shrink:0;padding:24px 16px;background:#f6f6f6}.demo-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:16px;letter-spacing:-.5px}.demo-tag{display:inline-block;margin-top:18px;color:var(--secondary);font-size:13px}.demo-navigation{display:flex;flex-direction:column;gap:4px;margin-top:28px}.demo-navigation button{background:transparent;border:0;padding:12px;border-radius:5px;text-align:left;color:var(--secondary);font-size:14px}.demo-navigation button[aria-pressed=true]{background:#e8e8e8;color:var(--ink)}.demo-sidebar-label{display:block;margin:36px 12px 12px;font-size:13px;color:var(--secondary)}.demo-project{display:block;margin-left:12px;font-size:14px;font-weight:550}.demo-sidebar>p{margin:24px 12px 0;font-size:13px;color:var(--secondary)}.demo-workspace{display:flex;flex-direction:column;flex:1;min-width:0}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 20px;border-bottom:1px solid #ececec;font-size:14px}.demo-toolbar strong{font-weight:550}.demo-layout{display:flex;gap:4px}.demo-layout button,.demo-platforms button{font-size:13px;border:0;padding:8px 12px;border-radius:5px;background:transparent;color:var(--secondary)}.demo-layout button[aria-pressed=true],.demo-platforms button[aria-pressed=true]{background:#ededed;color:var(--ink)}.demo-panes{display:grid;flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.demo-panes[data-layout="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.demo-panes[data-layout="2"]{grid-template-rows:1fr}.demo-pane{display:flex;flex-direction:column;min-width:0;border-right:1px solid #ececec;border-bottom:1px solid #ececec;padding:16px}.demo-pane-heading{display:flex;justify-content:space-between;gap:8px;font-size:13px}.demo-pane-heading span:last-child{color:var(--secondary)}.demo-pane-body{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding-block:14px}.demo-pane-body strong{font-size:14px;font-weight:550}.demo-pane-body p{font-size:13px;color:var(--secondary);margin-top:8px}.demo-pane-composer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px;background:#f4f4f4;border-radius:8px;font-size:13px}.demo-pane-composer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-pane-composer select{min-width:0;max-width:55%;border:1px solid #ddd;background:var(--white);padding:6px 4px;border-radius:4px;font:inherit;color:var(--ink)}.demo-agent-view{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px 32px}.demo-agent-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;font-size:22px}.demo-agent-heading img{object-fit:contain}.demo-agent-heading strong{font-weight:550;text-align:center}.demo-agent-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.demo-agent-options button{display:flex;align-items:center;gap:8px;border:1px solid #e7e7e7;border-radius:6px;background:var(--white);color:var(--secondary);padding:9px 12px;font-size:13px}.demo-agent-options button[aria-pressed=true]{border-color:var(--ink);background:#f4f4f4;color:var(--ink)}.demo-agent-options img{width:22px;height:22px;object-fit:contain}.demo-composer{width:min(100%,620px);background:#f5f5f5;border:1px solid #e6e6e6;border-radius:12px;padding:16px}.demo-composer textarea{resize:none;display:block;width:100%;min-height:76px;border:0;background:transparent;font:inherit;font-size:14px;line-height:1.7;color:var(--ink)}.demo-composer>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;font-size:13px}.demo-composer>div>span{color:var(--secondary)}.demo-composer a{background:var(--ink);color:var(--white);padding:10px 14px;border-radius:24px}.demo-note{font-size:13px;color:var(--secondary);text-align:center}.demo-im-view{flex:1;padding:24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.demo-platforms{display:flex;gap:8px}.demo-platforms button{min-width:80px;font-size:14px;padding:10px 20px}.demo-im-intro{text-align:center}.demo-im-intro>strong{font-size:22px;font-weight:550}.demo-im-intro p{font-size:14px;margin-top:8px;color:var(--secondary)}.demo-im-steps{width:min(100%,520px);display:flex;flex-direction:column;gap:14px;margin:0;padding-left:24px}.demo-im-steps li{padding-left:8px;font-size:14px}.demo-im-steps strong{font-size:14px;font-weight:550}.demo-im-steps p{font-size:13px;color:var(--secondary)}.demo-guide{display:inline-flex;padding:10px 18px;border-radius:24px;background:var(--ink);color:var(--white);font-size:13px}.preview-footer{display:flex;align-items:baseline;justify-content:center;gap:24px;margin-top:20px}.preview-footer .preview-caption{margin-top:0}.preview-playback{flex-shrink:0;border:0;background:transparent;padding:8px 0;color:var(--secondary);font-size:13px;text-decoration:underline;text-underline-offset:4px}.preview-playback:disabled{cursor:default;text-decoration:none}.demo-navigation button:hover,.demo-layout button:hover,.demo-platforms button:hover{background:#e8e8e8}.demo-agent-options button:hover{border-color:#999}.demo-composer a:hover,.demo-guide:hover{background:#424242}.preview-demo select:focus-visible,.preview-demo textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@keyframes preview-progress{to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){.demo-workspace{animation:preview-appear .35s ease-out both}@keyframes preview-appear{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1000px){.demo-sidebar{width:160px;padding:20px 12px}.demo-brand{font-size:14px}.demo-agent-view{padding:24px 20px;gap:20px}.demo-im-view{padding:20px}.demo-pane{padding:12px}}@media(max-width:640px){.preview-demo{min-height:520px;aspect-ratio:auto}.demo-sidebar{display:none}.demo-toolbar{padding:12px;gap:8px;flex-wrap:wrap;min-height:64px}.demo-layout{gap:0}.demo-layout button{padding:10px 8px}.demo-pane{padding:12px 8px}.demo-pane-body p{display:none}.demo-pane-body strong{font-size:13px}.demo-pane-composer{flex-direction:column;align-items:stretch;font-size:13px}.demo-pane-composer select{max-width:100%;width:100%;min-height:36px}.demo-pane-composer>span{font-size:13px;text-align:center}.demo-agent-view{padding:24px 14px;gap:22px}.demo-agent-heading{font-size:18px;gap:10px}.demo-agent-heading img{width:28px;height:28px}.demo-agent-options{gap:6px}.demo-agent-options button{padding:9px 10px;min-height:44px}.demo-composer{padding:12px}.demo-composer textarea{min-height:90px}.demo-composer>div{justify-content:center}.demo-im-view{padding:20px 14px;gap:24px}.demo-im-intro>strong{font-size:18px}.demo-im-steps{gap:18px}.preview-footer{flex-direction:column;align-items:center;gap:6px;margin-top:16px}.preview-footer .preview-caption{min-height:50px}}:root{--focus-ring: #8aa4bd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202020;background:#fafafa;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink: #202020;--secondary: #505050;--ground: #fafafa;--surface: #f0f0f0;--white: #fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;isolation:isolate}.ambient-background{--pointer-x: 0px;--pointer-y: 0px;--scroll-y: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-shape{position:absolute;width:clamp(320px,38vw,580px);aspect-ratio:1.1}.ambient-shape span{display:block;width:100%;height:100%;border-radius:42% 58% 67% 33%/56% 32% 68% 44%;background:#e8edf6;opacity:.8}.ambient-shape:nth-child(1){left:-14%;top:6%;transform:translate3d(calc(var(--pointer-x) * .8),calc(var(--pointer-y) * .8 - var(--scroll-y) * .65),0)}.ambient-shape:nth-child(2){right:-13%;top:30%;width:clamp(300px,33vw,500px);transform:translate3d(calc(var(--pointer-x) * -.65),calc(var(--pointer-y) * -.65 + var(--scroll-y) * .45),0)}.ambient-shape:nth-child(2) span{background:#e7efe9;border-radius:64% 36% 32% 68%/42% 62% 38% 58%}.ambient-shape:nth-child(3){left:27%;bottom:-32%;width:clamp(340px,40vw,620px);transform:translate3d(calc(var(--pointer-x) * .45),calc(var(--pointer-y) * -.45 - var(--scroll-y) * .8),0)}.ambient-shape:nth-child(3) span{background:#eeeaf3;border-radius:35% 65% 56% 44%/65% 40% 60% 35%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p{font-size:16px;line-height:1.8;text-wrap:pretty}h1,h2,h3{font-weight:550;text-wrap:balance}.page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;padding:12px 20px;z-index:10;background:var(--ink);color:var(--white)}.skip-link:focus{top:16px}.header-inner{min-height:96px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:22px;letter-spacing:-.7px;font-weight:650}.site-header nav{display:flex;gap:32px;align-items:center;margin-left:auto;font-size:14px}.site-header nav a,.text-link,.site-footer>a,.start-notes a{transition:opacity .18s}.site-header nav a:hover,.text-link:hover,.site-footer>a:hover,.start-notes a:hover{opacity:.55}.header-action{display:flex;align-items:center;gap:16px;font-size:14px;background:var(--surface);padding:11px 18px;border-radius:30px;transition:background .18s}.header-action:hover{background:#e4e4e4}.hero{padding-top:78px;text-align:center}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.3;letter-spacing:-2.4px}.hero-description{margin-top:28px;font-size:16px;color:var(--secondary)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:32px}.button{background:var(--ink);color:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 25px;border-radius:40px;font-size:14px;transition:background .18s,transform .18s}.button:hover{background:#424242;transform:translateY(-2px)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px}.product-preview{margin-top:66px}.preview-switch{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.preview-switch button,.install-switch button{border:0;color:var(--secondary);background:transparent;padding:11px 20px;font-size:14px;border-radius:30px;transition:background .18s,color .18s}.preview-switch button[aria-pressed=true],.install-switch button[aria-pressed=true]{background:var(--ink);color:var(--white)}.preview-switch button:hover:not([aria-pressed=true]),.install-switch button:hover:not([aria-pressed=true]){background:#e4e4e4;color:var(--ink)}.preview-stage{background:var(--surface);padding:24px;border-radius:12px}.preview-caption{color:var(--secondary);font-size:14px;line-height:1.8;margin-top:20px;min-height:26px}.agent-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;padding:0;margin:32px 0 22px;gap:32px}.agent-list li{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:500}.agent-list img{width:27px;height:27px;object-fit:contain}.feature-section{padding-top:148px}h2{font-size:clamp(30px,3vw,42px);line-height:1.4;letter-spacing:-1.3px}.section-heading,.start-heading{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;margin-bottom:54px}.section-heading>p,.start-heading>p{width:min(100%,640px);color:var(--secondary)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-showcase{display:flex;flex-direction:column;min-width:0;gap:28px;background:var(--surface);padding:28px;border-radius:12px}.feature-image{width:100%;aspect-ratio:8 / 5;background:var(--white);overflow:hidden;border-radius:4px}.feature-image img{width:100%;height:100%;object-fit:contain}.feature-copy{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.feature-copy h3{font-size:22px;letter-spacing:-.5px;line-height:1.5;margin-bottom:20px}.feature-copy p{color:var(--secondary);margin-bottom:16px}.feature-copy .text-link{margin-top:auto;padding-top:12px}.feature-agents{margin-top:36px;text-align:center}.feature-agents>p{color:var(--secondary);font-size:14px}.download-section{padding-top:148px;text-align:center}.desktop-downloads{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 48px;list-style:none;padding:0;margin:0}.desktop-downloads li{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:16px}.desktop-downloads button{min-width:180px;padding:14px 24px;border:0;border-radius:28px;background:var(--surface);color:var(--secondary);font-size:14px;cursor:not-allowed}.desktop-downloads a{display:inline-flex;justify-content:center;min-width:180px;padding:14px 24px;border-radius:28px;background:var(--ink);color:var(--white);font-size:14px;transition:background .18s}.desktop-downloads a:hover{background:#424242}.download-note{color:var(--secondary);margin-top:28px;margin-bottom:16px}.start-section{padding-top:148px}.start-heading{margin-bottom:36px}.start-heading p{color:var(--secondary)}.install-panel{background:var(--surface);padding:28px 36px 32px;border-radius:12px}.install-switch{display:flex;gap:8px;margin-bottom:22px}.command-row{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--white);padding:26px 28px;border-radius:5px}pre{margin:0;overflow-x:auto;font-size:22px;line-height:1.7}code{font-family:SFMono-Regular,Consolas,monospace}.copy-button{flex-shrink:0;background:var(--surface);border:0;border-radius:24px;padding:12px 20px;color:var(--ink);font-size:14px;transition:background .18s}.copy-button:hover{background:#dedede}.install-description{font-size:14px;color:var(--secondary);margin-top:18px}.start-notes{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px;color:var(--secondary);font-size:14px}.start-notes a{margin-left:auto;color:var(--ink)}.faq-section{padding-top:148px}.faq-section h2{text-align:center;margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:10px;max-width:820px;margin-inline:auto}details{background:var(--surface);padding:0 22px;border-radius:5px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:14px;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300;transition:transform .18s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--secondary);padding-bottom:24px;font-size:16px;max-width:60ch}.closing{padding-top:138px;padding-bottom:112px;text-align:center}.closing h2{margin-bottom:32px}.closing .text-link{margin-left:28px}.site-footer{display:flex;align-items:center;gap:30px;padding-block:32px}.site-footer .brand{font-size:16px}.site-footer .brand img{width:28px}.site-footer p{font-size:14px;color:var(--secondary)}.site-footer>a:last-child{margin-left:auto;font-size:14px}@media(prefers-reduced-motion:no-preference){.ambient-shape{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.ambient-shape span{animation:shape-float 18s ease-in-out infinite alternate,shape-morph 28s ease-in-out infinite alternate}.ambient-shape:nth-child(2) span{animation-delay:-7s,-12s;animation-duration:22s,32s}.ambient-shape:nth-child(3) span{animation-delay:-12s,-18s;animation-duration:25s,35s}@keyframes shape-float{0%{transform:translate3d(-12px,-18px,0) rotate(-8deg)}to{transform:translate3d(24px,30px,0) rotate(10deg)}}@keyframes shape-morph{to{border-radius:65% 35% 38% 62%/37% 58% 42% 63%}}.reveal-section{transition:opacity .6s ease-out,transform .6s ease-out}.reveal-pending{opacity:0;transform:translateY(20px)}.hero h1{animation:enter .7s ease-out both}.hero-description,.hero-actions{animation:enter .7s .1s ease-out both}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1600px){.page-width{width:min(1280px,calc(100% - 128px))}}@media(max-width:1000px){.page-width{width:calc(100% - 64px)}.header-inner{gap:28px}.site-header nav{gap:22px}.hero{padding-top:58px}.feature-showcase{gap:24px;padding:20px}.section-heading{gap:24px}}@media(max-width:640px){.ambient-shape{width:280px}.ambient-shape:nth-child(1){left:-48%;top:10%}.ambient-shape:nth-child(2){right:-48%;top:44%;width:280px}.ambient-shape:nth-child(3){left:8%;bottom:-30%;width:340px}.page-width{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:12px;flex-wrap:wrap;padding-block:17px}.brand{font-size:16px;gap:8px}.brand img{width:30px}.header-action{margin-left:auto;font-size:14px;padding:10px 14px;gap:10px}.site-header nav{order:3;width:100%;justify-content:center;margin-top:10px;font-size:14px;gap:26px}.hero{padding-top:42px}h1{font-size:clamp(29px,8.4vw,45px);letter-spacing:-1.4px;line-height:1.4}.hero-description{font-size:16px;margin-top:24px;max-width:320px;margin-inline:auto}.hero-actions{flex-wrap:wrap;gap:22px;margin-top:26px}.button{padding:14px 22px;gap:24px;font-size:14px}.text-link{font-size:14px;gap:8px}.product-preview{margin-top:42px}.preview-switch{gap:2px;margin-bottom:16px}.preview-switch button{font-size:14px;padding:10px 14px}.preview-stage{padding:9px;border-radius:7px}.preview-caption{font-size:14px;margin-top:14px}.agent-list{gap:24px 20px;margin-top:28px}.agent-list li{font-size:14px;gap:7px}.agent-list img{width:23px;height:23px}.feature-section,.download-section,.start-section,.faq-section{padding-top:88px}h2{font-size:28px;letter-spacing:-.8px}.section-heading,.start-heading{gap:22px;margin-bottom:30px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-showcase{gap:24px;padding:18px;border-radius:7px}.feature-copy h3{font-size:22px}.feature-agents{margin-top:28px}.install-panel{padding:18px 14px 22px;border-radius:7px}.install-switch{margin-bottom:18px}.command-row{align-items:flex-start;flex-direction:column;gap:20px;padding:20px 16px}pre{font-size:14px;max-width:100%}.copy-button{padding:10px 16px;min-height:44px}.install-description{margin-inline:4px;font-size:14px}.start-notes{gap:12px 22px;font-size:14px}.start-notes a{margin-left:0}.faq-section{display:block}.faq-section h2{font-size:28px;max-width:none;margin-bottom:30px}details{padding-inline:18px}summary{font-size:14px;padding-block:18px}.closing{padding-top:88px;padding-bottom:68px}.closing h2{font-size:28px}.closing .text-link{margin-left:20px}.site-footer{flex-wrap:wrap;gap:18px;padding-block:28px}.site-footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-shape{transform:none!important}*,*:before,*:after{transition:none!important;animation:none!important}}.demo-section{padding-top:88px;scroll-margin-top:32px}.demo-section video{display:block;width:100%;aspect-ratio:16 / 10;background:var(--ink)}.tutorial-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.tutorial-links a{padding-block:16px}.tutorial-links h3{font-size:20px;margin-bottom:12px}.tutorial-links p{color:var(--secondary)}.tutorial-links a:hover h3{text-decoration:underline}@media(max-width:640px){.tutorial-links{grid-template-columns:1fr;gap:8px}}
