:root{--bg:#080b10;--panel:#10151d;--line:#262d38;--ink:#f2f3f5;--muted:#979fab;--orange:#ff6534;--green:#b5db93;color-scheme:dark;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit;background:none;border:0}code,pre,.eyebrow,.step-index,.hero-foot,.system-heading,.demo-disclosure,.benchmark-top,.setup-footer,footer{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}button:disabled{cursor:wait}::selection{color:var(--bg);background:var(--orange)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;padding:12px;background:var(--orange);z-index:20}.skip:focus{top:8px}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 50px;gap:30px}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand svg{width:29px;height:29px;fill:var(--orange)}.brand>span{color:var(--orange);margin-left:-7px}.brand:hover{opacity:.8}nav{display:flex;gap:30px;font-size:13px;color:#aeb4be}.header-actions{display:flex;gap:24px;align-items:center;font-size:12px}#language{padding:10px 0;color:var(--muted);min-width:68px}.small-button{border:1px solid #525b67;border-radius:3px;padding:11px 15px}.small-button:hover,.secondary:hover{background:#202630}nav a:hover,.text-link:hover{color:var(--orange)}.hero{min-height:770px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:73px 70px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.3px;font-weight:500}.pill{color:var(--orange);border:1px solid #ff653459;border-radius:100px;padding:6px 9px;font-size:9px;letter-spacing:.6px}.hero h1{font-size:clamp(64px,6.6vw,96px);line-height:.99;font-weight:700;letter-spacing:-6px;margin:27px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-description{font-size:17px;line-height:1.7;max-width:440px;color:#a4adba;margin-bottom:31px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;padding:17px 21px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:#0b0d10;background:var(--orange)}.primary:hover{background:#ff8057}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:10px}.play{font-size:23px}.hero-foot{display:flex;gap:14px;align-items:center;font-size:9px;color:#86909f;margin-top:21px;letter-spacing:.2px}.hero-foot i{font-style:normal;color:#4c535f}.hero-system{position:relative;max-width:560px;margin-top:30px}.system-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#909ba9;padding-bottom:15px}.system-heading>span{display:flex;gap:8px;align-items:center}.system-heading i{width:5px;height:5px;border-radius:100%;background:var(--orange);box-shadow:0 0 10px #ff653477}.system-heading code{font-size:8px;color:#5f6c7e}.browser-window{background:#f1efe8;color:#20221d;border-radius:7px;border:1px solid #fff3;overflow:hidden;box-shadow:0 20px 90px #0008;position:relative;z-index:2}.browser-top{height:34px;background:#dcdcd7;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;color:#787c73}.window-dots{font-size:15px;letter-spacing:3px;color:#92978c}.address{border:1px solid #c4c8be;border-radius:4px;flex:1;padding:3px;text-align:center;max-width:310px;font-family:monospace}.travel-demo{padding:22px 27px 25px}.demo-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.demo-nav b{font-size:12px}.demo-nav>span{letter-spacing:1px;font-size:7px}.travel-demo h2{font-family:Georgia,"Songti SC",serif;font-size:29px;font-weight:400;max-width:270px;line-height:1.1;letter-spacing:-.8px;margin:30px 0 28px}.demo-fields{display:grid;grid-template-columns:1fr 110px;gap:9px}.demo-field{border:1px solid #ced1c7;position:relative;padding:12px 13px;min-height:61px;transition:border-color .2s,background .2s}.demo-field small{display:block;font-size:8px;color:#74796e;margin-bottom:7px}.demo-field strong{font-size:12px;font-weight:500}.ref-tag{position:absolute;top:-7px;right:6px;font-family:monospace;font-weight:400;font-size:8px;background:#e5e8dd;color:#616b48;padding:2px 4px;border:1px solid #c5cdb6;border-radius:2px}.demo-field.active,.demo-search.active{border-color:#f16436;background:#ffe6d9}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.demo-checkbox{position:relative;display:flex;align-items:center;gap:6px;font-size:8px}.demo-checkbox i{width:10px;height:10px;border:1px solid #b0b69f;display:grid;place-items:center;font-style:normal;font-size:8px}.demo-checkbox.checked i{background:#637646;color:#fff}.demo-checkbox .ref-tag{right:-23px;top:-6px}.demo-search{position:relative;background:#263023;color:#e9ece3;font-size:9px;padding:12px 17px;border:1px solid transparent;transition:background .2s}.demo-search.active{color:#20221d}.demo-result{display:flex;align-items:center;gap:12px;background:#e1e6d8;padding:14px;margin-top:15px;border:1px solid #c8d1bb}.demo-result b{font-size:11px}.demo-result small{display:block;font-size:8px;margin-top:5px}.result-icon{font-size:24px;color:#7d8c6b}.result-check{margin-left:auto;color:#607646}.trace-panel{margin:0 16px;background:#111720;border:1px solid #303944;border-top:0;position:relative;padding:18px 21px 12px;border-radius:0 0 7px 7px;box-shadow:0 20px 65px #0006}.trace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trace-head code{font-size:11px;color:var(--orange)}.trace-head>span{font-size:8px;color:#8994a6}.trace-row{display:flex;gap:20px;align-items:center;min-height:29px;color:#778296;font-size:10px}.trace-row>span{font-size:8px;color:#465062}.trace-row code{flex:1}.trace-row em{font-style:normal;color:#ca8f76}.trace-row b{font-weight:400;color:#9fae94}.trace-row>i{font-style:normal}.trace-row.running{color:var(--ink)}.trace-row.done>i{color:var(--green)}.trace-row.running>i{color:var(--orange)}.trace-footer{border-top:1px solid #26303e;margin-top:13px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#738196}.trace-footer button{font-size:9px;color:#c9d1dc}.demo-disclosure{text-align:center;font-size:8px;line-height:1.6;color:#5e6b7f;margin:13px 22px}.vertical-caption{position:absolute;writing-mode:vertical-rl;right:-29px;top:90px;color:#4b5668;font-size:8px;font-family:monospace;letter-spacing:4px}.compatibility{border-block:1px solid var(--line);background:#0c1017}.compatibility>.wrap{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-block:30px}.compatibility .wrap>span{font-size:11px;line-height:1.6;color:#919baa;min-width:150px}.wordmarks{display:flex;align-items:center;justify-content:space-evenly;gap:46px;flex:1}.wordmarks b{font-size:21px;letter-spacing:-.8px;color:#d2d6dc}.wordmarks b:nth-child(2){font-family:Georgia,serif;font-weight:500}.wordmarks code{font-size:17px;color:#a9b2c0}.compatibility small{font-family:monospace;font-size:8px;color:#58667a}.section{padding-block:105px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.orange{color:var(--orange)}h2{font-size:48px;letter-spacing:-2px;line-height:1.08;margin:20px 0 0}h2>span{color:#788390}.section-intro>p{max-width:340px;color:#909baa;font-size:14px;line-height:1.8;margin:0 0 5px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.steps-grid article{padding:29px;border-right:1px solid var(--line);background:linear-gradient(160deg,#121922,#0b1017 65%)}.steps-grid article:last-child{border:0}.step-index{display:flex;justify-content:space-between;color:var(--orange);font-size:11px;letter-spacing:1px;margin:0 0 35px}.step-index span{color:#6f7d90;font-size:9px}.steps-grid article>div{height:100px;margin-bottom:37px}.mini-observe code{font-size:9px;display:block;margin:8px 0;color:#8994a5}.mini-observe i{font-style:normal;color:var(--orange);padding:3px 5px;background:#3f241b;border-radius:2px;margin-right:8px}.mini-observe b{font-weight:400;color:#c7ced7}.mini-observe small{display:block;color:#495c71;font-family:monospace;font-size:8px;margin:13px 0 0 2px}.mini-act{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;padding-bottom:10px}.mini-act>span{font:10px monospace;border:1px solid #3a4553;padding:10px;color:#d7dee7;border-radius:3px}.mini-act>i{font-style:normal;color:#a5593f}.mini-act>span:last-of-type{color:var(--orange);border-color:#b151344d;background:#3b251c33}.mini-act small{font:8px monospace;color:#55667b;position:absolute;bottom:0}.mini-verify{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.mini-verify>span{color:#a9be93;font:9px monospace;padding:10px 6px;background:#28342730;border:1px solid #3c503b55;border-radius:3px}h3{font-size:19px;letter-spacing:-.6px;line-height:1.3;font-weight:500;margin:0 0 14px}.steps-grid article>p:not(.step-index){font-size:12px;line-height:1.9;color:#8592a4;min-height:94px;margin-bottom:30px}.code-label{font-size:9px;color:#67798e}.boundary-note{display:flex;gap:12px;margin:24px 0 0;font-size:10px;line-height:1.6;color:#677789}.boundary-note>span:first-child{color:var(--orange)}.architecture-band{background:var(--orange);color:#181a19}.architecture{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;padding-block:63px;align-items:center}.architecture .eyebrow{font-size:9px}.architecture h2{font-size:38px;letter-spacing:-1.8px;margin:18px 0}.architecture p:last-child{font-size:13px;line-height:1.8;max-width:460px;color:#542c20}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #592d2044;border-left:1px solid #592d2044}.tool-grid code{padding:16px 20px;border-right:1px solid #592d2044;border-bottom:1px solid #592d2044;font-size:12px}.benchmark-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:9px;color:#6c7b8e}.benchmark-top>span{color:#99ac89;font-size:8px}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:35px;border-bottom:1px solid var(--line)}.benchmark-grid>div{border-right:1px solid var(--line);padding-left:30px}.benchmark-grid>div:first-child{padding-left:0}.benchmark-grid>div:last-child{border:0}.benchmark-grid span{font-size:11px;color:#a7b0bd}.benchmark-grid strong{font-size:49px;letter-spacing:-2px;font-weight:400;display:block;margin-block:22px 10px;white-space:nowrap}.benchmark-grid strong>em{font-size:18px;letter-spacing:0;font-style:normal;color:#6b7c8f;margin-left:5px}.benchmark-grid small{font-size:9px;color:#66778b}.benchmark-bottom{display:flex;align-items:center;justify-content:space-between;gap:70px;margin:17px 0 28px}.benchmark-bottom p{max-width:760px;font-size:10px;line-height:1.8;color:#68798d}.benchmark-bottom a{white-space:nowrap;font-size:10px;color:#b8c1cd}.command-line{background:#111720;border:1px solid var(--line);border-radius:4px;padding:16px 18px;display:flex;align-items:center;gap:15px;font-size:11px}.command-line>span{color:var(--orange)}.command-line>code{flex:1}.copy{color:#8c9cb1;font-size:10px;white-space:nowrap}.copy:hover{color:var(--orange)}.start-section{background:#0e141d;border-block:1px solid var(--line)}.start-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.start-copy h2{font-size:43px}.start-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#8797aa;max-width:350px;margin-block:25px}.secondary{border:1px solid #3f4d5e;font-size:11px;margin-bottom:17px}.start-copy>small{display:block;font-size:9px;color:#64758b;max-width:340px;line-height:1.7}.setup-panel{border:1px solid #344152;border-radius:5px;overflow:hidden;background:#080d15;box-shadow:0 20px 70px #0003}.setup-tabs{display:flex;border-bottom:1px solid #293648;background:#121c29;padding-inline:15px;gap:8px}.setup-tabs button{font-size:11px;color:#7b8ca3;padding:16px 12px;border-bottom:2px solid transparent}.setup-tabs button[aria-selected=true]{color:var(--orange);border-color:var(--orange)}.code-window{min-height:230px;padding:25px;position:relative;overflow:auto}.code-window p{font:9px monospace;color:#4e6682;margin:0 0 21px}.code-window pre{font-size:11px;line-height:1.9;color:#bccbdd;margin:0 0 25px;white-space:pre;max-width:100%;overflow:auto}.code-window>.copy{position:absolute;right:18px;bottom:17px}.setup-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #1b293b;padding:13px 17px;font-size:8px;color:#4f6683}.setup-footer a{color:#899bb3}.questions{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.questions h2{font-size:43px}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list details:first-child{padding-top:8px}.faq-list summary{font-size:14px;cursor:pointer;list-style:none;position:relative;padding-right:30px;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;color:#7e90a8;font-size:19px;font-weight:300;top:-3px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;line-height:1.9;color:#7d8ea5;margin:18px 30px 0 0}.closing{position:relative;padding-block:76px 90px;text-align:center;border-block:1px solid var(--line);overflow:hidden}.closing-mark{position:absolute;font-size:360px;line-height:1;right:8px;top:-20px;color:#121d29;z-index:-1}.closing>p{font:9px monospace;letter-spacing:2px;color:#6e8097}.closing h2{font-size:62px;letter-spacing:-3px;margin:24px 0 32px}.closing .button{font-size:12px;min-width:165px}footer{padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-family:Arial,sans-serif;font-size:23px}footer>span{font-size:8px;color:#657992}footer>code{font-size:8px;color:#405671;letter-spacing:.6px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:12px 18px;font-size:12px;border-radius:4px;transition:opacity .2s,transform .2s;box-shadow:0 5px 25px #0005;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}html[lang=zh-CN] .hero h1{font-size:clamp(61px,5.9vw,85px);letter-spacing:-3px;line-height:1.15}html[lang=zh-CN] h2{line-height:1.3;font-weight:600;letter-spacing:-1.5px}html[lang=zh-CN] .hero-description{font-size:16px}html[lang=zh-CN] .travel-demo h2{font-size:28px;font-weight:400;max-width:300px;letter-spacing:0;line-height:1.2}html[lang=zh-CN] .steps-grid article>p:not(.step-index){font-size:12px;line-height:2}
@media(min-width:1500px){.hero{min-height:820px;gap:100px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}header{padding:0 32px}nav{gap:20px}.hero{gap:40px}.hero h1{font-size:73px;letter-spacing:-4px}.hero-actions{gap:18px}.hero-description{font-size:15px}.system-heading code{display:none}.wordmarks{gap:25px}.compatibility small{display:none}.steps-grid article{padding:23px}.mini-act>span{padding:8px;font-size:9px}.mini-observe code{font-size:8px}.architecture{gap:55px}.start-grid{gap:50px}.benchmark-grid strong{font-size:40px}.benchmark-grid>div{padding-left:20px}.section-intro>p{max-width:300px}.questions{gap:50px}.code-window{padding:22px 18px}.code-window pre{font-size:10px}}
@media(max-width:900px){header{height:77px}.hero{gap:35px;min-height:670px}.hero h1{font-size:61px;letter-spacing:-3.4px}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-foot{font-size:7px;gap:8px}.eyebrow{gap:8px;font-size:8px;letter-spacing:.5px}.pill{font-size:8px}.travel-demo{padding:20px}.travel-demo h2{font-size:25px}.demo-fields{grid-template-columns:1fr 80px}.demo-search{padding:10px;font-size:8px}.demo-checkbox{font-size:7px}.demo-checkbox .ref-tag{display:none}.system-heading{font-size:8px}.trace-panel{padding:16px;margin:0 9px}.vertical-caption{right:-21px}.demo-disclosure{font-size:7px;margin-inline:5px}.section{padding-block:80px}h2{font-size:40px}.section-intro>p{font-size:12px;max-width:280px}.steps-grid article{padding:20px}.mini-observe b{display:block;margin:8px 0 0 34px}.mini-observe code:last-of-type{display:none}.mini-act{gap:4px}.mini-act>span{padding:7px;font-size:8px}.mini-verify{grid-template-columns:1fr;gap:3px}.mini-verify>span{font-size:8px;padding:5px}.mini-verify>span:last-child{display:none}h3{font-size:17px}.steps-grid article>p:not(.step-index){font-size:11px;min-height:140px}.architecture{gap:35px}.architecture h2{font-size:31px}.tool-grid code{font-size:10px;padding:13px}.start-grid{gap:30px}.start-copy h2{font-size:36px}.setup-tabs{gap:0}.setup-tabs button{padding-inline:10px;font-size:10px}.setup-footer{font-size:7px}.benchmark-grid strong{font-size:34px}.benchmark-grid strong>em{font-size:12px}.benchmark-grid span{font-size:9px}.benchmark-grid small{font-size:8px}nav{display:none}html[lang=zh-CN] .hero h1{font-size:56px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}header{padding:0 20px;height:70px;gap:15px}.brand{font-size:26px}.brand svg{width:25px}.header-actions{gap:14px}.small-button{font-size:10px;padding:9px 10px}#language{font-size:11px;min-width:55px}.hero{grid-template-columns:1fr;padding-block:43px 45px;gap:29px}.hero h1{font-size:clamp(66px,15vw,88px);letter-spacing:-4.5px;margin-block:25px}.hero-description{font-size:15px;max-width:410px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:23px}.button{font-size:12px;padding:15px 17px}.hero-foot{font-size:8px;margin-top:20px;gap:10px}.eyebrow{font-size:8px;letter-spacing:.8px;gap:12px}.hero-system{width:100%;max-width:480px;margin:10px auto 0}.system-heading{font-size:8px}.system-heading code{display:block}.travel-demo{padding:22px}.travel-demo h2{font-size:30px;margin-block:26px}.demo-fields{grid-template-columns:1fr 100px}.demo-field strong{font-size:12px}.demo-field small{font-size:9px}.demo-bottom{margin-top:20px}.demo-checkbox{font-size:9px}.demo-search{font-size:10px;padding:12px 16px}.demo-checkbox .ref-tag{display:block}.trace-panel{padding:19px;margin:0 13px}.trace-row{font-size:10px;min-height:29px}.demo-disclosure{font-size:7px}.vertical-caption{display:none}.compatibility>.wrap{padding-block:24px;flex-direction:column;align-items:flex-start;gap:20px}.compatibility .wrap>span{font-size:10px}.compatibility .wrap>span br{display:none}.wordmarks{width:100%;gap:12px;justify-content:space-between}.wordmarks b{font-size:17px}.wordmarks code{font-size:13px}.section{padding-block:66px}.section-intro{display:block;margin-bottom:35px}h2{font-size:39px;letter-spacing:-1.8px}.section-intro>p{margin-top:25px;max-width:360px;font-size:13px}.steps-grid{grid-template-columns:1fr}.steps-grid article{padding:27px;border-right:0;border-bottom:1px solid var(--line)}.steps-grid article>div{max-width:320px;height:90px;margin-block:18px 25px}.step-index{margin-bottom:22px}.mini-observe code{font-size:11px}.mini-observe b{display:inline;margin:0}.mini-observe code:last-of-type{display:block}.mini-act{gap:12px;justify-content:flex-start}.mini-act>span{padding:11px 16px;font-size:11px}.mini-act small{left:0;font-size:9px}.mini-verify{grid-template-columns:1fr 1fr;gap:9px}.mini-verify>span{padding:12px;font-size:10px}.mini-verify>span:last-child{display:block}h3{font-size:21px}.steps-grid article>p:not(.step-index){font-size:13px;min-height:0;max-width:400px;margin-bottom:24px}.code-label{font-size:10px}.boundary-note{font-size:9px}.architecture{grid-template-columns:1fr;gap:28px;padding-block:44px}.architecture h2{font-size:33px}.architecture p:last-child{font-size:13px}.tool-grid code{font-size:12px;padding:15px}.benchmark-top{flex-direction:column;gap:10px;font-size:8px}.benchmark-grid{grid-template-columns:repeat(2,1fr);gap:30px 0;padding-block:28px}.benchmark-grid>div{padding:0 15px}.benchmark-grid>div:nth-child(odd){padding-left:0}.benchmark-grid>div:nth-child(even){border:0}.benchmark-grid strong{font-size:39px;margin-block:16px 8px}.benchmark-grid span{font-size:10px}.benchmark-grid small{font-size:8px}.benchmark-bottom{display:block;margin-bottom:25px}.benchmark-bottom p{font-size:10px}.benchmark-bottom a{margin-top:7px}.start-grid{grid-template-columns:1fr;gap:35px}.start-copy h2{font-size:39px}.start-copy>p:not(.eyebrow){max-width:100%}.code-window pre{font-size:10px}.setup-tabs button{font-size:10px;padding:16px 10px}.setup-footer{font-size:7px}.questions{grid-template-columns:1fr;gap:32px}.questions h2{font-size:39px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.closing{padding-block:60px 65px}.closing h2{font-size:43px;letter-spacing:-2px;line-height:1.1}.closing>p{font-size:7px}.closing-mark{font-size:250px;right:-30px;top:10px}footer{flex-wrap:wrap;padding-block:28px;gap:20px}footer>span{font-size:8px;max-width:210px;line-height:1.7}footer>code{width:100%;font-size:7px}html[lang=zh-CN] .hero h1{font-size:clamp(62px,14vw,82px);line-height:1.12;letter-spacing:-3px}html[lang=zh-CN] .travel-demo h2{font-size:27px}html[lang=zh-CN] .closing h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

.source-links{display:flex;flex-direction:column;gap:12px;margin:2px 0 22px;color:#b4c0d0}.source-links a{font-size:10px}
.comparison-card{border:1px solid var(--line);padding:28px;margin-top:24px;background:#0b1017}.comparison-card h3{font-size:23px;margin:0 0 16px}.comparison-card p{font-size:15px;line-height:1.8;color:#a7b5c8;max-width:1000px}.comparison-card .comparison-note{font-size:13px}.comparison>.comparison-note{font-size:14px;line-height:1.8;color:#a7b5c8}.comparison>.comparison-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.report-table{overflow-x:auto;margin:22px 0}.report-table table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px}.report-table th,.report-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}.report-table th{color:#c8d4e4;font-weight:500}.report-table td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}.comparison .boundary-note{line-height:1.8;align-items:flex-start}.report-table:focus-visible{outline:2px solid #ff6534;outline-offset:4px}@media(max-width:680px){.comparison-card{padding:18px}.comparison-card h3{font-size:20px}.comparison-card p{font-size:14px}.report-table table{min-width:0;table-layout:fixed;font-size:12px}.report-table th,.report-table td{padding:11px 6px;overflow-wrap:anywhere}.report-table td:not(:first-child){white-space:normal}}
@media(max-width:680px){.variants-table table{min-width:740px;table-layout:auto}.variants-table th,.variants-table td{padding-inline:12px;overflow-wrap:normal}.variants-table td:not(:first-child){white-space:nowrap}}
.table-scroll-hint{display:none}@media(max-width:680px){.variants-table{margin-bottom:4px}.table-scroll-hint{display:block!important;font-size:11px!important;color:#8694a7!important;margin:0 0 18px!important}}

/* Readable content and controls at desktop and phone sizes. */
nav{font-size:14px}.header-actions{font-size:13px}.small-button{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.5px}.pill{font-size:11px}.hero-description{font-size:17px}.hero-foot{font-size:12px;gap:12px;flex-wrap:wrap}.button,.text-link{font-size:14px}.system-heading{font-size:12px}.system-heading code{font-size:10px}.trace-head code,.trace-row,.trace-footer,.trace-footer button{font-size:12px}.trace-head>span,.trace-row>span{font-size:11px}.trace-row{gap:14px}.demo-disclosure{font-size:11px}.compatibility .wrap>span{font-size:14px}.compatibility small{font-size:11px}.section-intro>p,.steps-grid article>p:not(.step-index),.start-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.steps-grid article>p:not(.step-index){min-height:0}.step-index{font-size:13px}.step-index span{font-size:12px}.code-label,.boundary-note{font-size:12px}.architecture .eyebrow{font-size:12px}.architecture p:last-child{font-size:16px}.tool-grid code{font-size:14px}.benchmark-top,.benchmark-top>span{font-size:12px}.benchmark-grid span{font-size:14px;line-height:1.5;display:block}.benchmark-grid small{font-size:12px}.benchmark-bottom p{font-size:14px}.benchmark-bottom a,.command-line,.copy{font-size:13px}.start-copy>small{font-size:12px}.setup-tabs button{font-size:14px}.code-window p{font-size:12px}.code-window pre{font-size:12px;line-height:1.8}.setup-footer{font-size:10px;line-height:1.6}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px}.closing>p{font-size:12px}footer>span,footer>code{font-size:12px;line-height:1.5}.source-links a{font-size:13px}.real-demo{padding-top:0}#real-demo-video{width:100%;display:block;aspect-ratio:8/5;background:#0b1320;border:1px solid var(--line);border-radius:6px}.recording-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:20px}.recording-note p{font-size:13px;color:#8b9eb5;max-width:870px;line-height:1.8;margin:0}.recording-note a{font-size:12px;white-space:nowrap}html[lang=zh-CN] .steps-grid article>p:not(.step-index){font-size:16px;line-height:1.8}
@media(max-width:1150px){.hero-actions{gap:15px}.hero-actions .button{font-size:13px;padding-inline:16px}.hero-actions .text-link{font-size:12px}.benchmark-bottom{gap:25px}.setup-footer{flex-direction:column;gap:4px}}
@media(max-width:900px){.hero-foot{font-size:11px}.system-heading{font-size:11px}.section-intro>p{font-size:15px}.steps-grid article>p:not(.step-index),html[lang=zh-CN] .steps-grid article>p:not(.step-index){font-size:14px}.tool-grid code{font-size:12px}.benchmark-grid span{font-size:12px}.benchmark-grid small{font-size:11px}.benchmark-top{font-size:11px}.setup-tabs{padding-inline:8px}.setup-tabs button{font-size:12px}.recording-note{display:block}.recording-note a{margin-top:13px}footer{flex-wrap:wrap}footer>code{font-size:11px}}
@media(max-width:680px){.hero-actions{flex-wrap:wrap;gap:20px}.header-actions .small-button{font-size:12px}.hero-actions .button,.hero-actions .text-link{font-size:13px}.hero-foot{font-size:11px}.eyebrow{font-size:11px}.pill{font-size:10px}.demo-disclosure{font-size:10px}.compatibility .wrap>span{font-size:13px}.section-intro>p,.steps-grid article>p:not(.step-index),html[lang=zh-CN] .steps-grid article>p:not(.step-index){font-size:16px}.start-copy h2{font-size:36px}.architecture .eyebrow{font-size:11px}.tool-grid code{font-size:13px}.benchmark-grid span{font-size:13px}.benchmark-grid small{font-size:11px}.benchmark-bottom p{font-size:13px}.setup-tabs button{font-size:13px}.code-window pre{font-size:11px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.closing>p{font-size:10px}footer>span{max-width:none;font-size:11px;width:100%}footer>code{font-size:10px}.recording-note p{font-size:12px}.real-demo .section-intro{margin-bottom:27px}}

/* The complete recording is the first section after the hero. */
.real-demo{padding-block:94px 86px}
.demo-intro{max-width:880px;margin:0 auto 38px;text-align:center}
.demo-intro .eyebrow{justify-content:center;font-size:12px;letter-spacing:1.2px}
.demo-intro h2{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-2.7px;margin:21px 0 23px}
.demo-intro h2 span{color:#a4adba}
.demo-intro>p:last-child{max-width:770px;margin:0 auto;color:#aab3c1;font-size:17px;line-height:1.8}
.demo-cinema{overflow:hidden;border:1px solid #37404d;border-radius:12px;background:#080c12;box-shadow:0 28px 80px #0008,0 -1px 0 #ff653424}
.demo-player-heading{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #29313d;color:#91a0b4;font:11px/1.5 "SFMono-Regular",Consolas,monospace;letter-spacing:.7px}
.demo-recording-mark{display:flex;align-items:center;gap:9px;color:#e0e6ef}
.demo-recording-mark i{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px #ff65344d}
.demo-player{position:relative;background:#06090f}
#real-demo-video{width:100%;display:block;aspect-ratio:8/5;object-fit:contain;border:0;border-radius:0;background:#06090f}
#real-demo-video:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:11px;min-width:240px;padding:24px 30px;border:1px solid #f5f7fa2e;border-radius:14px;background:#080d15e8;box-shadow:0 15px 60px #0009;backdrop-filter:blur(12px);font-size:18px;font-weight:700}
.demo-play-icon{width:76px;height:76px;display:grid;place-items:center;padding-left:5px;border-radius:50%;background:var(--orange);color:#0a0d12;font-size:27px;box-shadow:0 0 0 8px #ff653415;transition:background .2s,box-shadow .2s}
.demo-play:hover .demo-play-icon{background:#ff8d64;box-shadow:0 0 0 12px #ff653419}
.demo-play small{font-size:12px;font-weight:400;color:#b2bdcb}
.demo-play:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.demo-chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 13px;border-top:1px solid #29313d}
.demo-chapter-heading>span:first-child{font:11px/1.5 "SFMono-Regular",Consolas,monospace;color:#d1d9e6;letter-spacing:.6px}
#demo-chapter-status{font-size:12px;line-height:1.5;color:#94a1b3;text-align:right}
.demo-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 16px 17px}
.demo-chapters button{display:grid;grid-template-columns:1fr auto;align-content:start;gap:8px;text-align:left;min-height:92px;padding:13px 11px;border:1px solid #29313d;border-radius:5px;background:#111822;transition:border-color .2s,background .2s}
.chapter-index{font:11px/1.4 "SFMono-Regular",Consolas,monospace;color:#8090a6}
.chapter-title{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.4;color:#d2dbe8;overflow-wrap:anywhere}
.chapter-time{grid-column:2;grid-row:1;font:11px/1.4 "SFMono-Regular",Consolas,monospace;color:#a0aec0;font-variant-numeric:tabular-nums}
.demo-chapters button:hover:not(:disabled){border-color:#9b5c45;background:#1e222a}
.demo-chapters button[aria-current=true]{border-color:#ff653480;background:#2b1d19}
.demo-chapters button[aria-current=true] .chapter-index,.demo-chapters button[aria-current=true] .chapter-time{color:#ff9b78}
.demo-chapters button:disabled{opacity:.5;cursor:default}
.demo-chapters button:focus-visible{outline-offset:2px}
.demo-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border:1px solid var(--line);border-radius:8px;background:#0c1118}
.demo-benefits article{padding:25px 23px;border-right:1px solid var(--line)}
.demo-benefits article:last-child{border:0}
.demo-benefit-number{font:11px/1.5 "SFMono-Regular",Consolas,monospace;letter-spacing:.4px;color:#ff9b78}
.demo-benefits h3{font-size:18px;line-height:1.4;letter-spacing:-.35px;margin:13px 0 9px}
.demo-benefits p{font-size:14px;line-height:1.75;color:#a3afc0;margin:0}
.real-demo .recording-note{align-items:flex-start;gap:35px;margin-top:23px}
.real-demo .recording-note p{max-width:870px;font-size:12px;line-height:1.8;color:#8797ac}
.demo-evidence-links{display:flex;flex-direction:column;gap:10px;flex-shrink:0;padding-top:2px}
.demo-evidence-links a{font-size:12px}
#workflow{border-top:1px solid var(--line)}
@media(max-width:1000px){.demo-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-chapters button{min-height:83px}.demo-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-benefits article:nth-child(2){border-right:0}.demo-benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)}.demo-benefits article:last-child{border:0}}
@media(max-width:680px){.real-demo{padding-block:59px}.demo-intro{margin-bottom:27px;text-align:left}.demo-intro .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.5px}.demo-intro h2{font-size:38px;letter-spacing:-1.9px;line-height:1.12;margin-block:19px}.demo-intro>p:last-child{font-size:15px;line-height:1.8}.demo-player-heading{min-height:42px;padding:11px 13px;font-size:9px;gap:8px}.demo-player-heading>span:last-child{font-size:8px;letter-spacing:0}.demo-play{min-width:180px;padding:14px 20px;gap:9px;border-radius:10px;font-size:14px}.demo-play-icon{width:48px;height:48px;font-size:19px;box-shadow:0 0 0 5px #ff653415}.demo-play small{font-size:10px}.demo-cinema{border-radius:8px}.demo-chapter-heading{display:block;padding:16px 13px 11px}.demo-chapter-heading>span:first-child{font-size:10px}#demo-chapter-status{display:block;text-align:left;margin-top:5px;font-size:11px}.demo-chapters{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 11px 12px;gap:6px}.demo-chapters button{min-height:68px;gap:5px;padding:10px 11px}.chapter-title{font-size:12px}.demo-benefits{margin-top:21px}.demo-benefits article{padding:20px 15px}.demo-benefit-number{font-size:10px}.demo-benefits h3{font-size:16px;letter-spacing:-.2px;margin-top:11px}.demo-benefits p{font-size:13px;line-height:1.7}.real-demo .recording-note{display:block;margin-top:19px}.real-demo .recording-note p{font-size:12px}.demo-evidence-links{flex-direction:row;flex-wrap:wrap;gap:11px 22px;margin-top:15px}.real-demo .recording-note a{margin:0}html[lang=zh-CN] .demo-intro h2{letter-spacing:-1px}}

/* Keep the offscreen skip link hidden in tall element captures; show it on focus. */
.skip:not(:focus){clip-path:inset(50%)}

#demo-sound{color:#d7e6db;border:1px solid #49614e;padding:7px 12px;border-radius:5px;font:inherit;cursor:pointer}#demo-sound[aria-pressed=false]{color:#ffc8b5;border-color:#805342}#demo-sound:focus-visible{outline:2px solid var(--orange);outline-offset:3px}