/* Product introduction: clear hierarchy and code-drawn, legible interface examples. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg,#11151d);color:var(--text,#edf2fa);font:15px/1.65 "Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.product-intro svg{width:22px;height:22px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.product-intro :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.p-shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.p-progress{position:fixed;inset:0 auto auto 0;height:2px;background:var(--accent);z-index:90}.p-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:50;background:var(--chrome);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.p-brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.8px;flex:none}.p-brand svg{width:28px;height:28px;color:var(--accent)}.p-nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}.p-nav a:hover{color:var(--text)}.p-controls{display:flex;gap:7px;align-items:center}.p-controls>button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.p-controls>button svg{width:18px;height:18px}.p-controls>button:hover{color:var(--text);background:var(--surface)}.p-controls>button[aria-pressed=false]{opacity:.6}.p-controls .classic-switch{margin-left:6px}.p-hero{display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;gap:64px;padding-block:110px 100px}.p-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--muted);margin-bottom:18px}.p-hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.2;letter-spacing:-2px;font-weight:650;margin:0 0 26px;white-space:pre-line}.p-lead{color:var(--muted);font-size:16px;line-height:1.95;max-width:39ch;margin:0}.p-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}.p-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 20px;border-radius:9px;font-size:13px;font-weight:600;border:1px solid var(--line);transition:transform .2s,background .2s}.p-button svg{width:17px;height:17px}.p-button:hover{transform:translateY(-2px)}.p-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.p-secondary{background:transparent;color:var(--text)}.p-proof{display:flex;gap:22px;color:var(--muted);font-size:11px;margin-top:24px}.p-proof>span{display:flex;align-items:center;gap:7px}.p-proof svg{height:14px;width:14px;color:var(--mint)}.p-app{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 32px 60px #0002;overflow:hidden;min-width:0}.p-app-bar{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);font-size:11px}.p-app-bar>span:first-child{display:flex;align-items:center;gap:7px}.p-app-bar svg{width:17px;height:17px;color:var(--accent)}.p-demo-tag{font-size:10px;line-height:1.4;letter-spacing:.5px;color:var(--muted)}.p-window-dots{display:flex;gap:5px}.p-window-dots i{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.4}.p-app-content{display:grid;grid-template-columns:52px minmax(0,1fr)}.p-app-sidebar{border-right:1px solid var(--line);padding:20px 0;display:flex;align-items:center;flex-direction:column;gap:28px;color:var(--muted)}.p-app-sidebar svg{width:18px;height:18px}.p-app-sidebar svg:first-child{color:var(--accent)}.p-app-sidebar svg:last-child{margin-top:auto}.p-app-main{padding:22px 24px 16px;min-width:0}.p-app-greeting{display:flex;justify-content:space-between;align-items:center;gap:14px}.p-app-greeting strong{font-size:13px;font-weight:600}.p-app-greeting small{font-size:8px;letter-spacing:.8px;color:var(--muted)}.p-app-landscape{height:240px;position:relative;margin:4px -20px -4px}.product-intro .p-app-landscape>svg{width:100%;height:100%;stroke:none;overflow:visible;fill:none}.p-app-landscape .island-float{animation:productFloat 7s ease-in-out infinite;transform-origin:center}.p-app-landscape .world-cloud{animation:productCloud 14s ease-in-out infinite}.p-app-landscape .cloud-b{animation-delay:-5s}.p-app-landscape .water-lines{animation:productWater 1.8s ease-in-out infinite}.p-app-instance{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid var(--line)}.p-app-instance strong{display:block;font-size:13px;font-weight:600}.p-app-instance small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.p-app-instance button{display:flex;align-items:center;gap:7px;border:0;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 14px;white-space:nowrap;font-size:12px;font-weight:600}.p-app-instance button svg{width:15px;height:15px}.p-app-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin-top:16px}.p-app-bottom>span:first-child{display:flex;align-items:center;gap:6px}.p-app-bottom svg{width:12px;height:12px;color:var(--mint)}.p-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.p-summary>span{margin-right:auto;color:var(--text)}.p-summary>a{padding-left:28px}.p-section{padding-block:100px;border-bottom:1px solid var(--line)}.p-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.p-copy h2,.p-section-title h2,.p-api h2,.p-final h2{font-size:38px;font-weight:600;line-height:1.35;letter-spacing:-1.3px;margin:0 0 20px;white-space:pre-line}.p-copy>p,.p-section-title>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0;max-width:48ch}.p-checks{display:grid;gap:14px;padding:0;list-style:none;margin:26px 0 0;font-size:13px}.p-checks li{display:flex;gap:10px;align-items:center}.p-checks svg{width:16px;height:16px;color:var(--mint)}.p-flow{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}.p-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:13px}.p-panel-head>span:first-child{display:flex;gap:9px;align-items:center}.p-panel-head svg{width:18px;height:18px;color:var(--accent)}.p-steps{list-style:none;margin:8px 0 20px;padding:0}.p-steps li{display:flex;align-items:center;gap:14px;padding:20px 0}.p-step-number{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:10px;font:11px ui-monospace,monospace;color:var(--muted)}.p-steps li>div{flex:1}.p-steps strong{font-size:13px;font-weight:500;display:block}.p-steps small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.p-steps li>svg{width:17px;height:17px;color:var(--mint);opacity:.2}.p-flow[data-phase="0"] li:first-child .p-step-number,.p-flow[data-phase="1"] li:nth-child(2) .p-step-number,.p-flow[data-phase="2"] li:nth-child(3) .p-step-number{background:var(--accent);color:var(--accent-ink);border-color:transparent}.p-flow[data-phase="1"] li:first-child>svg,.p-flow[data-phase="2"] li>svg{opacity:1}.p-flow-progress{height:3px;border-radius:3px;background:var(--line);overflow:hidden}.p-flow-progress i{display:block;width:33%;height:100%;background:var(--accent);transition:width .6s}.p-flow[data-phase="1"] .p-flow-progress i{width:66%}.p-flow[data-phase="2"] .p-flow-progress i{width:100%}.p-flow-footer{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:var(--muted)}.p-flow-footer button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--text);padding:4px;font-size:11px}.p-flow-footer svg{width:13px;height:13px}.p-footnote{font-size:10px;line-height:1.7;color:var(--muted);margin:16px 0 0}.p-section-title{max-width:740px;margin-bottom:40px}.p-section-title>p{max-width:60ch}.p-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.p-feature{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:32px}.p-feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:var(--accent);margin-bottom:22px}.p-feature h3,.p-tools h3{font-size:23px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin:0 0 12px}.p-feature>p,.p-tools article>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.p-collection{display:grid;gap:10px;margin-top:28px}.p-collection>div{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.p-collection>div>svg{margin-left:auto;width:15px;height:15px;color:var(--muted)}.p-collection-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--surface-raised);border-radius:9px;color:var(--mint)}.p-collection-icon.tone-1{color:var(--violet)}.p-collection-icon.tone-2{color:var(--accent)}.p-collection-icon svg{width:19px;height:19px}.p-collection strong{font-size:12px;font-weight:500;display:block}.p-collection small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.p-provider{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.p-provider>span{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:18px 12px;font-size:12px}.p-provider svg{width:21px;height:21px;color:var(--mint)}.p-filter-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.p-filter-tags span{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:9px;color:var(--muted);letter-spacing:.5px}.p-content-lines{display:grid;gap:13px;margin-top:24px;padding:20px;border-radius:10px;background:var(--surface-soft)}.p-content-lines i{height:7px;background:var(--line);border-radius:3px;width:90%}.p-content-lines i:nth-child(2){width:70%}.p-content-lines i:last-child{width:45%}.p-tools{display:grid;grid-template-columns:1fr 1fr;gap:60px}.p-console,.p-chat{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:24px;margin-top:28px;min-height:215px}.p-console>div{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;color:var(--muted);margin-bottom:24px}.p-console i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.p-console p{font:11px/1.8 ui-monospace,monospace;margin:8px 0}.p-console p span{color:var(--muted);margin-right:10px}.p-cursor{display:inline-block;width:5px;height:11px;background:var(--accent);margin-left:6px;animation:productBlink 1.2s steps(2,end) infinite}.p-chat>div{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.8}.p-chat>div svg{color:var(--violet);width:18px;height:18px}.p-chat p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-block:18px 24px}.p-chat p svg{width:13px;height:13px;color:var(--mint)}.p-answer-line{display:block;width:80%;height:6px;background:var(--line);margin-top:10px;border-radius:3px;animation:productAnswer 5s ease-in-out infinite;transform-origin:left}.p-answer-line.short{width:55%;animation-delay:.3s}.p-api{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;margin-block:90px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.p-api-mark{width:64px;height:64px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.p-api-mark svg{width:32px;height:32px}.p-api h2{font-size:27px;margin-bottom:12px;letter-spacing:-.7px}.p-api .p-eyebrow{margin-bottom:10px}.p-api p{font-size:13px;color:var(--muted);margin:0;max-width:50ch}.p-api-actions{display:grid;gap:10px}.p-api-actions .p-button{min-height:42px;font-size:12px}.p-final{text-align:center;padding:40px 0 100px}.p-final h2{font-size:42px}.p-final>p{font-size:15px;color:var(--muted);margin-bottom:28px}.p-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.p-footer>span{font-size:10px;color:var(--muted)}.p-footer>a:last-child{display:flex;align-items:center;gap:9px;font-size:11px}.p-footer>a:last-child svg{width:14px;height:14px;transform:rotate(-90deg)}.p-demo-toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);width:min(520px,calc(100% - 32px));padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 16px 50px #0004;font-size:13px;line-height:1.8}.p-demo-toast>a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);margin-top:10px}.p-demo-toast svg{height:15px;width:15px}.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .5s,transform .5s}.motion-ready .reveal.waiting{opacity:0;transform:translateY(12px)}.no-anim .reveal{opacity:1!important;transform:none!important}
@keyframes productFloat{50%{transform:translateY(-7px)}}@keyframes productCloud{50%{transform:translateX(12px)}}@keyframes productWater{50%{opacity:.25}}@keyframes productBlink{50%{opacity:0}}@keyframes productAnswer{0%,100%{transform:scaleX(.8)}50%{transform:scaleX(1)}}
@media(max-width:1100px){.p-nav{display:none}.p-hero{gap:32px;padding-block:80px}.p-shell{width:calc(100% - 56px)}.p-hero h1{font-size:48px}.p-lead{font-size:14px}.p-app-main{padding:20px 18px 16px}.p-app-greeting small{display:none}.p-app-landscape{height:210px}.p-split{gap:45px}.p-copy h2,.p-section-title h2{font-size:34px}.p-tools{gap:30px}.p-api{grid-template-columns:1fr auto}.p-api-mark{display:none}.p-feature{padding:26px}.p-provider{grid-template-columns:1fr}.p-provider>span{padding:12px}.p-content-lines{padding:17px}.p-feature h3{font-size:22px}.p-summary>a{padding-left:12px}}
@media(max-width:760px){html{scroll-padding-top:130px}.p-header{height:auto;min-height:76px;padding:16px 22px;flex-wrap:wrap;gap:12px}.p-controls{margin-left:auto}.p-hero{grid-template-columns:1fr;padding-block:60px;gap:38px}.p-hero-copy{max-width:520px}.p-hero h1{font-size:52px}.p-lead{font-size:15px;max-width:44ch}.p-app{width:100%;max-width:570px;justify-self:center}.p-app-landscape{height:250px}.p-app-greeting small{display:inline}.p-summary{flex-wrap:wrap;gap:18px;font-size:11px}.p-summary>span{width:100%}.p-summary>a{padding:0;flex:1}.p-section{padding-block:65px}.p-split{grid-template-columns:1fr;gap:32px}.p-copy>p{max-width:55ch}.p-feature-grid,.p-tools{grid-template-columns:1fr;gap:24px}.p-feature{padding:28px}.p-section-title{margin-bottom:30px}.p-provider{grid-template-columns:1fr 1fr}.p-provider>span{padding:16px}.p-tools{gap:40px}.p-console,.p-chat{min-height:0}.p-api{grid-template-columns:1fr;padding:28px;gap:24px;margin-block:60px}.p-api-actions{display:flex;flex-wrap:wrap}.p-final{padding:20px 0 70px}.p-final h2{font-size:34px}.p-footer{flex-wrap:wrap}.p-footer>span{order:3;width:100%}.p-footer>a:last-child{margin-left:auto}}
@media(max-width:480px){.p-shell{width:calc(100% - 36px)}.p-header{padding:12px 18px;gap:10px}.p-brand{font-size:21px}.p-controls{display:contents}.p-controls .classic-switch{order:1;margin-left:auto;font-size:10px;padding-inline:9px;height:34px}.p-controls>button{order:2;width:32px;height:32px}.p-controls>button:first-child{margin-left:calc(100% - 116px)}.p-hero{padding-block:42px;gap:32px}.p-hero h1{font-size:42px;letter-spacing:-1.8px}.p-lead{font-size:14px}.p-actions{gap:10px;margin-top:26px}.p-button{min-height:44px;padding-inline:15px;font-size:12px;gap:10px}.p-proof{font-size:10px;gap:18px}.p-app-bar{padding-inline:12px;height:42px}.p-app-content{grid-template-columns:39px 1fr}.p-app-sidebar{gap:24px}.p-app-sidebar svg{width:16px;height:16px}.p-app-main{padding:16px 14px 14px}.p-app-greeting strong{font-size:12px}.p-app-greeting small{display:none}.p-app-landscape{height:190px;margin-inline:-12px}.p-app-instance{gap:8px}.p-app-instance strong{font-size:11px}.p-app-instance small{font-size:9px}.p-app-instance button{font-size:10px;padding:9px;gap:5px}.p-app-instance button svg{width:13px;height:13px}.p-app-bottom{font-size:8px}.p-section{padding-block:52px}.p-copy h2,.p-section-title h2{font-size:30px;letter-spacing:-1px}.p-copy>p,.p-section-title>p{font-size:14px}.p-checks{font-size:12px}.p-flow{padding:20px}.p-steps li{gap:11px;padding-block:18px}.p-steps strong{font-size:12px}.p-steps small{font-size:10px}.p-step-number{width:30px;height:30px;font-size:10px}.p-panel-head{font-size:12px}.p-flow-footer{font-size:10px}.p-footnote{font-size:9px}.p-feature{padding:23px}.p-feature h3,.p-tools h3{font-size:22px}.p-feature>p,.p-tools article>p{font-size:13px}.p-provider>span{font-size:11px;padding:13px 9px;gap:7px}.p-provider svg{width:18px;height:18px}.p-api{padding:24px}.p-api h2{font-size:25px}.p-final h2{font-size:30px}.p-final>p{font-size:13px}.p-footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

.p-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.p-capability{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.p-capability summary{list-style:none;display:flex;align-items:center;gap:14px;padding:22px;cursor:pointer}.p-capability summary::-webkit-details-marker{display:none}.p-capability summary strong{font-size:14px;font-weight:500;flex:1}.p-capability-number{font:11px ui-monospace,monospace;color:var(--muted)}.p-capability-plus{position:relative;width:16px;height:16px;flex:none;transition:transform .25s}.p-capability-plus:before,.p-capability-plus:after{content:"";position:absolute;background:var(--muted);border-radius:1px}.p-capability-plus:before{width:12px;height:1px;top:7px;left:2px}.p-capability-plus:after{height:12px;width:1px;left:7px;top:2px}.p-capability[open] .p-capability-plus{transform:rotate(45deg)}.p-capability>p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 22px 22px 50px;margin:0;animation:capabilityOpen .3s ease}.p-feature-icon{transition:transform .25s,background .25s}.p-feature:hover .p-feature-icon,.p-tools article:hover .p-feature-icon{transform:translateY(-3px);background:var(--surface-raised)}.p-app{animation:appArrive .8s ease both}.p-app-bar svg{animation:productFloat 5s ease-in-out infinite}@keyframes capabilityOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes appArrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:760px){.p-capabilities{grid-template-columns:1fr}}.no-anim *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}