@charset "UTF-8";
:root{--paper:#fff;--ink:#000;--surface:#f6f6f6;--line:#e6e6e6;--secondary:#626262;--font:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:#000;color:#fff}h1,h2,h3,p{margin:0}button{border:0}svg{display:block}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.container{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.section-space{padding-block:100px}.skip-link{position:fixed;top:-80px;left:20px;padding:14px 24px;background:#000;color:#fff;z-index:100}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:30px;line-height:1;letter-spacing:-1.4px;font-weight:760;white-space:nowrap}.brand-symbol{display:grid;width:30px;height:30px;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-9deg)}.brand-symbol i{background:currentColor;border-radius:0 9px 0 9px}.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(3){border-radius:9px 0 9px 0}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:60px;font-size:13px;color:#4a4a4a}.desktop-nav a{display:flex;align-items:center;gap:6px}.desktop-nav a:hover{color:#000}.tiny-spark{font-size:18px;color:#000}.header-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:0 23px;border-radius:8px;font-size:14px;font-weight:550;line-height:1.2;white-space:nowrap;border:1px solid transparent;transition:background .2s,box-shadow .2s,transform .2s}.button:active{transform:translateY(1px)}.button-dark{background:#000;color:#fff}.button-dark:hover{background:#292929;box-shadow:0 4px 0 #00000013}.button-light{background:#fff;border-color:#ddd;color:#222}.button-light:hover{background:#f3f3f3;border-color:#bbb}.button-small{min-height:40px;padding:0 16px;font-size:12px;border-radius:6px;gap:12px}.button-small .icon{width:16px;height:16px}.menu-button{display:none;background:none;width:32px;height:40px;padding:8px 2px}.menu-button span{display:block;width:23px;height:1.5px;background:#000;margin:6px 0;transition:transform .2s}.mobile-nav{border-top:1px solid var(--line);padding:14px 24px 24px;background:#fff}.mobile-nav a{display:block;padding:12px 0}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:628px;padding-block:64px 68px}.hero-copy{position:relative;z-index:2;padding-bottom:5px}.hero-note{display:inline-flex;align-items:center;gap:9px;font-size:12px;border:1px solid #e6e6e6;border-radius:30px;padding:6px 11px 6px 10px;margin-bottom:29px;background:#fff}.hero-note .icon{width:14px;height:14px;margin-left:6px}.note-dot{height:6px;width:6px;border-radius:50%;background:#000;box-shadow:0 0 0 3px #efefef;margin-right:2px}h1{font-size:clamp(51px,5.35vw,73px);letter-spacing:-4px;line-height:1.24;font-weight:750;margin-left:-4px}.hero-description{font-size:15px;color:var(--secondary);line-height:1.95;margin-top:23px;letter-spacing:.05px}.hero-buttons{display:flex;gap:12px;margin-top:30px}.hero-benefits{display:flex;gap:22px;margin-top:23px;color:#717171;font-size:11px}.hero-benefits span{display:inline-flex;align-items:center;gap:5px}.hero-benefits .icon{width:13px;height:13px;stroke-width:1.8}.hero-visual{position:relative;height:492px;width:100%;min-width:0;align-self:center}.hero-visual canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.orb-grid{position:absolute;inset:26px 9px 39px;background-image:radial-gradient(#c6c6c6 .7px,transparent .7px);background-size:25px 25px;opacity:.32;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%)}.orbit-coordinate{position:absolute;z-index:2;font-family:var(--mono);font-size:10px;color:#868686;letter-spacing:.1px}.coordinate-top{top:39px;right:64px}.orb-caption{position:absolute;z-index:2;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 18px 12px 13px;background:rgba(255,255,255,.88);backdrop-filter:blur(9px);border:1px solid #eaeaea;border-radius:9px;box-shadow:0 6px 24px #00000005;white-space:nowrap;font-size:12px}.orb-caption small{display:block;font-size:10px;color:#838383;margin-top:1px;letter-spacing:.05px}.orb-caption-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#f5f5f5;border-radius:6px}.orb-caption-icon .icon{width:19px;height:19px}.motion-control{position:absolute;z-index:3;right:5px;bottom:27px;display:grid;place-items:center;width:30px;height:30px;background:#fff;color:#888;border:1px solid #e9e9e9;border-radius:50%}.motion-control:hover{color:#000}.pause-symbol{width:7px;height:9px;border-left:2px solid;border-right:2px solid}.motion-control[aria-pressed=true] .pause-symbol{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;border-right:0;margin-left:2px}
.model-partners{padding:18px 0 44px;border-top:1px solid var(--line)}.model-partners>p{font-size:11px;color:#777;display:flex;align-items:center;gap:8px}.model-partners>p>span{font-size:9px;border:1px solid #ddd;border-radius:3px;line-height:1.5;padding:0 4px}.partner-list{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:29px}.partner{display:inline-flex;align-items:center;gap:7px;filter:grayscale(1);color:#454545;font-size:25px;font-weight:650;line-height:1.2;white-space:nowrap;letter-spacing:-1.2px}.partner-deepseek svg{width:37px;height:27px}.partner-deepseek{font-size:25px}.partner-qwen{gap:6px}.qwen-symbol{font-size:36px;line-height:.7}.partner-chinese{font-size:10px;letter-spacing:.5px;font-weight:500;max-width:26px;white-space:normal;line-height:1.2;margin-left:1px}.partner-zhipu{font-size:22px;font-weight:700;gap:5px}.zhipu-symbol{font-style:italic;font-size:26px;font-weight:900;display:inline-block;transform:skew(-15deg);margin-right:2px}.partner-light{font-weight:450;letter-spacing:-1px}.partner-moonshot{font-size:24px;letter-spacing:-1.4px}.moonshot-mark{font-size:31px;font-weight:400;margin-left:-5px}.partner-minimax{font-size:25px;letter-spacing:-1px}.minimax-symbol{font-size:30px}
.models-section{background:var(--surface);border-block:1px solid #eee;padding-block:80px 68px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section-kicker{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin-bottom:15px;color:#666}.small-cross{font-size:20px;color:#000;line-height:1}h2{font-size:36px;letter-spacing:-1.5px;font-weight:700;line-height:1.4}.section-heading p{font-size:13px;color:#777;margin-top:12px}.text-link{display:flex;align-items:center;gap:15px;font-size:12px;white-space:nowrap;padding-bottom:5px}.text-link .icon{width:15px;height:15px}.model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.filter-group{display:flex;gap:5px;align-items:center}.filter-button{background:transparent;font-size:12px;color:#757575;padding:8px 15px;border-radius:5px;min-height:37px;white-space:nowrap}.filter-button:hover{background:#eaeaea}.filter-button.active{background:#000;color:#fff}.filter-button span{font-size:10px;margin-left:7px;opacity:.7}.planning-label{font-size:10px;color:#888}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.model-card{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:23px 23px 0;min-width:0;position:relative}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:37px;margin-bottom:23px}.model-logo{width:40px;height:35px;display:flex;align-items:center;line-height:1}.deepseek-logo svg{width:39px;height:30px}.qwen-logo{font-size:48px}.glm-logo{font-weight:850;font-size:40px;font-style:italic;letter-spacing:-5px}.glm-logo span{font-style:normal;position:relative;top:2px;font-size:42px}.kimi-logo{font-size:41px;font-weight:850;letter-spacing:-3px}.kimi-logo span{font-size:19px;align-self:flex-start;line-height:1;margin-top:3px;margin-left:1px}.model-badge{font-size:9px;color:#666;border:1px solid #eaeaea;line-height:1.5;padding:3px 6px;border-radius:4px;white-space:nowrap}.model-card h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;font-weight:650}.model-subtitle{font-size:11px;color:#929292;margin-top:5px}.model-description{font-size:12px;color:#676767;line-height:1.85;margin:18px 0 17px}.model-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.model-tags span{background:#f5f5f5;color:#696969;font-size:10px;border-radius:4px;padding:3px 7px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;min-height:61px;font-size:11px;font-weight:550}.planned-text{color:#888;font-size:9px;margin-left:7px;font-weight:400}.model-try{display:grid;place-items:center;background:#f6f6f6;width:31px;height:31px;border-radius:50%;transition:background .15s,color .15s}.model-try:hover{background:#000;color:#fff}.model-try .icon{width:16px;height:16px}.model-footnote{font-size:10px;color:#888;text-align:center;margin-top:22px}
.integration-section{padding-block:90px}.integration-panel{background:#000;color:#fff;border-radius:17px;padding:49px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;overflow:hidden}.integration-copy .section-kicker{color:#b6b6b6;font-size:11px;margin-bottom:17px}.integration-copy .section-kicker .icon{width:16px;height:16px}.integration-copy h2{font-size:35px;line-height:1.45;letter-spacing:-1.5px}.integration-copy>p{font-size:12px;color:#a4a4a4;line-height:1.9;margin-top:15px}.integration-steps{list-style:none;padding:0;margin:29px 0;display:flex;flex-direction:column;gap:20px}.integration-steps li{display:flex;align-items:center;gap:13px;font-size:12px}.integration-steps li>span{width:24px;height:24px;border:1px solid #454545;border-radius:50%;display:grid;place-items:center;font-size:10px;position:relative}.integration-steps li:not(:last-child)>span:after{content:"";position:absolute;top:30px;left:11px;height:21px;border-left:1px solid #353535}.integration-steps small{display:block;font-size:10px;color:#8c8c8c;margin-top:2px}.integration-help{background:none;color:#eaeaea;display:flex;align-items:center;gap:17px;font-size:11px;padding:0}.integration-help .icon{width:15px;height:15px}.code-window{min-width:0;align-self:center;background:#151515;border:1px solid #343434;border-radius:10px;overflow:hidden;font-family:var(--mono)}.code-window-top{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2d2d;padding:0 17px;font-size:10px;color:#858585}.window-dots{display:flex;gap:5px;width:40px}.window-dots i{width:7px;height:7px;background:#474747;border-radius:50%}.window-dots i:nth-child(2){background:#666}.window-dots i:nth-child(3){background:#888}.code-format{font:9px var(--font);color:#aaa;border:1px solid #454545;border-radius:3px;padding:2px 5px}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #282828;height:46px}.code-tabs{display:flex;align-items:stretch;height:100%;gap:21px}.code-tab{font-size:11px;color:#858585;background:none;padding:0 1px;border-bottom:1px solid transparent}.code-tab.active{color:#fff;border-color:#fff}.code-copy{display:flex;align-items:center;gap:5px;background:none;color:#aaa;font-size:10px;padding:5px}.code-copy .icon{width:13px;height:13px}pre{margin:0;padding:22px 20px;min-height:319px;font:11px/1.95 var(--mono);color:#d7d7d7;overflow-x:auto;tab-size:2}pre code{font:inherit}.code-line{display:block;min-height:1.95em;padding-left:30px;position:relative}.code-line:before{content:attr(data-line);position:absolute;left:0;color:#555;text-align:right;width:12px;font-size:9px;user-select:none}.token-comment{color:#777}.token-string{color:#b9b9b9}.token-keyword{color:#fff;font-weight:650}.code-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2d2d2d;padding:11px 15px;font:9px var(--font);color:#969696}.code-bottom>span{display:flex;align-items:center;gap:6px}.code-status-dot{width:5px;height:5px;background:#bbb;border-radius:50%}.code-bottom button{display:flex;align-items:center;gap:5px;background:#303030;color:#ddd;border:1px solid #474747;border-radius:4px;padding:6px 8px;font-size:9px}.code-bottom button .icon{width:10px;height:10px}.code-result{border-top:1px solid #333;padding:15px 18px;font-family:var(--font);font-size:12px;line-height:1.8}.result-label{font-size:9px;color:#888}.code-result p{margin-top:7px}.integration-note{text-align:center;font-size:10px;color:#888;margin-top:18px}
.about-section{padding-block:16px 70px}.about-heading{text-align:center}.about-symbol{font-size:49px;font-family:Arial;line-height:1;margin-bottom:25px}.about-heading h2{font-size:35px;line-height:1.45}.about-heading p{color:#777;font-size:13px;line-height:1.9;margin-top:19px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;text-align:center}.principle-grid article{padding:0 20px}.principle-grid article+article{border-left:1px solid var(--line)}.principle-icon{width:25px;height:25px;margin:0 auto 17px;stroke-width:1.3}.principle-grid h3{font-size:17px;font-weight:550;letter-spacing:-.2px}.principle-grid p{font-size:12px;color:#777;line-height:1.9;margin-top:11px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-block:77px 95px}.faq-heading .section-kicker{font-size:11px;margin-bottom:17px}.faq-heading h2{font-size:34px}.faq-heading>p{color:#888;font-size:12px;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:15px;height:15px;color:#777;transition:transform .2s}.faq-list details:first-child summary{padding-top:2px}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details>p{color:#777;font-size:12px;line-height:1.95;padding:0 24px 22px 0;max-width:75ch}.closing-section{background:#f5f5f5;border-block:1px solid #ebebeb;overflow:hidden}.closing-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:60px}.closing-note{font-size:11px;color:#777;display:block;margin-bottom:16px}.closing-inner h2{font-size:34px;line-height:1.5;position:relative;z-index:1}.closing-action{display:flex;flex-direction:column;gap:15px;align-items:center;margin-right:56px;position:relative;z-index:1}.closing-action>span{font-size:10px;color:#858585}.closing-decoration{position:absolute;right:-70px;top:-130px;font-size:400px;color:#ebebeb;line-height:1;font-family:Arial;transform:rotate(12deg);pointer-events:none}.site-footer{padding-block:40px 25px}.footer-main{display:flex;align-items:center;gap:27px;padding-bottom:29px}.site-footer .brand{font-size:25px;gap:8px}.site-footer .brand-symbol{width:25px;height:25px}.footer-slogan{font-size:11px;color:#888}.footer-links{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:11px;color:#666}.footer-links button{background:none;padding:0;font-size:inherit}.footer-links a:hover,.footer-links button:hover{color:#000}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#8b8b8b}.prototype-label{display:flex;align-items:center;gap:6px}.prototype-label>span{height:5px;width:5px;border-radius:50%;background:#888}
.app-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #ddd;padding:28px;border-radius:16px;background:#fff;color:#000;overflow:auto;box-shadow:0 25px 100px #0000001f;overscroll-behavior:contain}.app-dialog::backdrop{background:#0006;backdrop-filter:blur(6px)}.app-dialog[open]{animation:dialog-in .2s ease-out}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dialog-eyebrow{font-size:11px;color:#777}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:#f4f4f4;border-radius:50%;flex-shrink:0}.icon-button .icon{height:16px;width:16px}.icon-button:hover{background:#e7e7e7}.app-dialog h2{font-size:26px;line-height:1.4;letter-spacing:-.8px}.dialog-description{color:#777;font-size:12px;line-height:1.9;margin-top:13px;max-width:62ch}.demo-notice{display:flex;align-items:center;gap:8px;font-size:11px;padding:12px;margin:20px 0;background:#f6f6f6;border:1px solid #eee;border-radius:6px}.demo-notice .icon{width:16px;height:16px}.key-panel{border:1px solid #ddd;padding:18px;border-radius:9px}.key-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.subtle-label{font-size:9px;color:#888}.key-value{background:#f7f7f7;padding:14px 12px;border-radius:5px;margin:15px 0;font-family:var(--mono);font-size:11px;color:#777;word-break:break-all;border:1px dashed #ddd}.key-value.has-key{color:#000}.key-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key-actions .button{font-size:10px;min-height:36px;padding-inline:11px;gap:8px}.revoke-key{background:transparent;font-size:11px;color:#666;margin-left:auto;text-decoration:underline}.console-next{display:flex;align-items:center;gap:12px;padding-top:23px}.console-next-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e5e5e5;border-radius:7px;flex-shrink:0}.console-next strong{font-size:12px;font-weight:550}.console-next p{font-size:10px;color:#888;margin-top:2px}.console-next .icon-button{margin-left:auto}.dialog-footnote{margin-top:22px;font-size:10px;color:#999;text-align:center}.form-label{display:block;font-size:12px;margin:20px 0 8px}select,textarea{width:100%;border:1px solid #d9d9d9;border-radius:6px;background:#fff;padding:12px;color:#222;font-size:12px}textarea{resize:vertical;min-height:100px;max-height:220px;line-height:1.8}.playground-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.playground-actions>span{font-size:10px;color:#888}.playground-actions .button{font-size:11px}.playground-response{margin-top:22px;border:1px solid #e3e3e3;border-radius:8px;background:#f7f7f7;padding:18px}.response-heading{font-size:10px;color:#666}.playground-response p{font-size:12px;white-space:pre-wrap;line-height:1.9;margin-top:10px;overflow-wrap:anywhere}.streaming:after{content:"▍";display:inline-block;animation:cursor-blink .8s step-end infinite}.info-content{font-size:13px;line-height:1.9;color:#666;margin-top:22px}.info-content h3{font-size:14px;color:#000;margin:23px 0 6px}.info-content h3:first-child{margin-top:0}.info-content code{background:#f3f3f3;border-radius:4px;padding:3px 5px;color:#222;font:11px var(--mono);overflow-wrap:anywhere}.info-content p+p{margin-top:10px}.toast{position:fixed;bottom:28px;left:50%;z-index:100;transform:translate(-50%,15px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;background:#000;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 6px 30px #0002;font-size:12px;transition:transform .2s,opacity .2s;max-width:calc(100vw - 32px);width:max-content}.toast.visible{transform:translate(-50%,0);opacity:1}.toast .icon{width:16px;height:16px}.hero-copy{animation:hero-in .7s cubic-bezier(.16,1,.3,1) both}.hero-visual{animation:visual-in 1s ease-out both}@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes visual-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes cursor-blink{50%{opacity:0}}
@media(min-width:1600px){.hero{min-height:676px}.hero-visual{height:525px}}
@media(max-width:1150px){.container{width:calc(100% - 80px)}.hero{min-height:584px;gap:10px}.hero-visual{height:448px}h1{font-size:59px}.hero-buttons{gap:9px}.hero-buttons .button{padding-inline:17px;font-size:12px;gap:10px}.hero-benefits{gap:15px}.partner{font-size:22px}.partner svg{width:31px}.partner-zhipu{font-size:20px}.partner-moonshot{font-size:21px}.partner-minimax{font-size:21px}.model-card{padding:20px 17px 0}.model-grid{gap:12px}.model-badge{font-size:8px}.integration-panel{padding:35px;gap:33px;grid-template-columns:.85fr 1.15fr}.integration-copy h2{font-size:30px}pre{font-size:10px;padding:20px 12px}.code-tabs{gap:16px}.faq-section{gap:65px}.footer-links{gap:17px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.desktop-nav{margin-left:10px;gap:22px}.hero{min-height:555px;padding-block:55px;grid-template-columns:1.1fr .9fr}.hero-note{font-size:10px;margin-bottom:25px}h1{font-size:51px;letter-spacing:-3px}.hero-description{font-size:12px}.hero-buttons{flex-wrap:wrap;gap:9px}.hero-buttons .button{min-height:45px;font-size:11px;padding-inline:14px;gap:10px}.hero-benefits{gap:12px;font-size:9px}.hero-visual{height:370px}.orb-caption{font-size:10px;padding:9px;gap:7px;bottom:9px}.orb-caption small{font-size:8px}.orb-caption-icon{height:27px;width:27px}.coordinate-top{top:25px;right:22px;font-size:8px}.motion-control{bottom:65px;right:0;width:24px;height:24px}.partner-list{gap:20px;flex-wrap:wrap;justify-content:center}.partner{font-size:23px}.partner-list .partner-chinese{font-size:9px}.model-partners>p{justify-content:center}.section-heading h2{font-size:31px}.section-heading p{font-size:12px}.text-link{font-size:10px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.model-card{padding:23px 24px 0}.model-badge{font-size:10px}.model-description br{display:none}.model-card .card-top{margin-bottom:21px}.planning-label{font-size:9px}.integration-panel{grid-template-columns:1fr;gap:35px;padding:38px}.integration-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.integration-copy .section-kicker{grid-column:1 / -1}.integration-copy h2{grid-column:1;grid-row:2;font-size:30px}.integration-copy>p{grid-column:1;grid-row:3;margin-top:12px}.integration-steps{grid-column:2;grid-row:2 / span 3;margin:0;gap:16px;align-self:center}.integration-help{grid-column:1;grid-row:4;margin-top:22px}.code-window{width:100%}pre{font-size:12px;min-height:330px;padding:22px}.integration-note{max-width:65ch;margin-inline:auto;line-height:1.8}.faq-section{gap:40px;grid-template-columns:.7fr 1.3fr}.faq-heading .section-kicker{font-size:10px}.faq-list summary{font-size:12px}.closing-inner h2{font-size:30px}.closing-action{margin-right:0}.footer-main{flex-wrap:wrap;gap:16px}.footer-links{gap:17px}.footer-slogan{display:none}.footer-bottom{font-size:9px;gap:15px}}
@media(max-width:640px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.header-inner{height:72px}.brand{font-size:27px}.brand-symbol{width:27px;height:27px}.desktop-nav{display:none}.header-actions{gap:16px}.header-actions>.button{min-height:35px;font-size:10px;padding:0 12px;gap:6px}.header-actions>.button .icon{width:13px;height:13px}.menu-button{display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;gap:0;padding-block:43px 22px;min-height:0}.hero-copy{padding-bottom:0}.hero-note{font-size:10px;padding:5px 9px;margin-bottom:23px}.hero-note .icon{width:12px;height:12px}h1{font-size:clamp(46px,11.9vw,67px);line-height:1.23;letter-spacing:-2.8px;margin-left:-2px}.hero-description{font-size:12px;line-height:1.95;margin-top:21px}.hero-buttons{margin-top:26px;gap:10px;flex-wrap:nowrap}.hero-buttons .button{min-height:46px;padding-inline:15px;gap:9px;font-size:11px}.hero-buttons .icon{height:16px;width:16px}.hero-benefits{font-size:9px;gap:19px;margin-top:19px}.hero-visual{height:340px;margin-top:11px;max-width:420px;justify-self:center}.coordinate-top{top:18px;right:40px}.orb-caption{bottom:5px;padding:10px 13px;font-size:11px;gap:10px}.orb-caption small{font-size:9px}.orb-caption-icon{width:29px;height:29px}.motion-control{bottom:17px;right:7px}.model-partners{padding:17px 0 30px}.model-partners>p{font-size:10px}.partner-list{padding-top:22px;gap:20px 28px}.partner{font-size:22px}.partner-deepseek{font-size:23px}.partner-zhipu{font-size:20px}.partner-moonshot{font-size:22px}.partner-minimax{font-size:22px}.models-section{padding-block:49px 41px}.section-heading{margin-bottom:24px;display:block}.section-kicker{font-size:11px;margin-bottom:13px}.section-heading h2{font-size:28px;letter-spacing:-1px}.section-heading p{font-size:11px;line-height:1.85;margin-top:12px}.section-heading .text-link{display:none}.model-toolbar{display:block;margin-bottom:18px}.filter-group{gap:2px;justify-content:space-between}.filter-button{font-size:10px;padding:7px 10px;min-height:34px}.filter-button span{font-size:9px;margin-left:4px}.planning-label{display:block;font-size:9px;margin-top:14px}.model-grid{gap:12px}.model-card{padding:16px 14px 0;border-radius:8px}.card-top{gap:7px;min-height:30px}.model-card .card-top{margin-bottom:17px}.model-logo{width:30px;height:30px}.deepseek-logo svg{height:25px;width:30px}.qwen-logo{font-size:37px}.glm-logo{font-size:33px}.glm-logo span{font-size:36px}.kimi-logo{font-size:33px}.kimi-logo span{font-size:15px}.model-badge{font-size:8px;padding:2px 4px}.model-card h3{font-size:21px;letter-spacing:-.5px}.model-subtitle{font-size:10px}.model-description{font-size:10px;line-height:1.85;margin-top:14px;margin-bottom:14px;min-height:37px}.model-tags{gap:4px;margin-bottom:17px}.model-tags span{font-size:8px;padding:3px 5px}.card-bottom{font-size:9px;min-height:52px}.planned-text{font-size:8px;margin-left:5px}.model-try{width:28px;height:28px;flex-shrink:0}.model-try .icon{width:14px;height:14px}.model-footnote{font-size:9px;line-height:1.8;margin-top:19px}.integration-section{padding-block:51px}.integration-panel{padding:27px 20px;gap:28px;border-radius:12px}.integration-copy{display:block}.integration-copy h2{font-size:31px}.integration-copy .section-kicker{font-size:10px}.integration-copy>p{font-size:11px;margin-top:16px}.integration-steps{margin-block:26px;gap:19px}.integration-steps li{font-size:11px}.integration-steps small{font-size:9px}.integration-help{font-size:10px;margin-top:0}.code-window{border-radius:7px}.code-window-top{height:36px;padding-inline:12px;font-size:9px}.window-dots i{width:6px;height:6px}.window-dots{gap:4px}.code-toolbar{height:42px;padding-inline:10px;gap:12px}.code-tabs{gap:17px}.code-tab{font-size:10px}.code-copy{padding:3px}.code-copy span{display:none}pre{font-size:9px;line-height:1.95;padding:19px 11px;min-height:285px}.code-line{padding-left:23px}.code-line:before{font-size:8px;width:10px}.code-bottom{font-size:8px;padding:10px}.code-bottom button{font-size:8px;padding:5px}.code-bottom>span{gap:4px}.integration-note{font-size:9px;padding-inline:12px}.about-section{padding-block:10px 45px}.about-symbol{font-size:40px;margin-bottom:22px}.about-heading h2{font-size:28px;letter-spacing:-1px}.about-heading p{font-size:11px;margin-top:16px}.principle-grid{grid-template-columns:1fr;margin-top:36px;gap:28px;text-align:left;padding-inline:10px}.principle-grid article{position:relative;padding:0 0 25px 47px}.principle-grid article+article{border-left:0}.principle-grid article:not(:last-child){border-bottom:1px solid #eee}.principle-icon{position:absolute;left:0;top:1px;height:23px;width:23px;margin:0}.principle-grid h3{font-size:16px}.principle-grid p{font-size:11px;margin-top:8px}.faq-section{display:block;padding-block:40px 47px}.faq-heading{margin-bottom:28px}.faq-heading .section-kicker{font-size:10px}.faq-heading h2{font-size:29px}.faq-heading>p{margin-top:10px;font-size:11px}.faq-list summary{font-size:12px;padding-block:19px}.faq-list details>p{font-size:11px;padding-right:12px}.closing-inner{display:block;padding-block:41px}.closing-note{font-size:10px;margin-bottom:13px}.closing-inner h2{font-size:28px;letter-spacing:-1px}.closing-action{align-items:flex-start;margin-top:26px;gap:12px}.closing-action .button{min-height:45px;font-size:12px;padding-inline:19px}.closing-action>span{font-size:9px}.closing-decoration{font-size:280px;right:-110px;top:90px}.site-footer{padding-top:30px}.footer-main{row-gap:23px;padding-bottom:24px}.site-footer .brand{font-size:25px}.footer-slogan{display:block;font-size:10px;margin-left:auto}.footer-links{margin-left:0;width:100%;justify-content:space-between;font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-top:19px;font-size:9px}.app-dialog{padding:21px;max-height:calc(100dvh - 30px);border-radius:12px}.dialog-header{margin-bottom:18px}.app-dialog h2{font-size:22px}.dialog-description{font-size:11px}.demo-notice{font-size:10px;margin-block:17px;padding:10px}.key-panel{padding:14px}.key-panel-heading{font-size:11px;flex-wrap:wrap;gap:5px}.key-value{font-size:10px}.key-actions .button{font-size:9px;padding-inline:9px;gap:6px}.key-actions .icon{height:13px;width:13px}.console-next{gap:9px}.console-next strong{font-size:10px}.console-next p{font-size:9px}.console-next-icon{height:31px;width:31px}.console-next-icon .icon{height:17px;width:17px}.dialog-footnote{font-size:9px}.playground-actions .button{font-size:10px;gap:8px;padding-inline:12px}.playground-actions>span{font-size:9px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}h1{font-size:44px}.hero-buttons .button{padding-inline:11px;font-size:10px;gap:7px}.hero-benefits{gap:15px}.hero-visual{height:308px}.model-card{padding-inline:11px}.model-badge{font-size:7px}.filter-button{padding-inline:8px}.integration-panel{padding-inline:16px}.code-tabs{gap:12px}.code-bottom>span{font-size:7px}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.streaming:after{display:none}}
/* Keep secondary text legible on light surfaces. */
.hero-benefits,.model-subtitle,.planning-label,.model-footnote,.integration-note,.model-description,.planned-text,.model-tags span,.section-heading p,.about-heading p,.principle-grid p,.faq-heading>p,.faq-list details>p,.footer-bottom,.footer-slogan,.closing-note,.closing-action>span{color:#6c6c6c}
.token-comment{color:#999}
@media(max-width:640px){.hero-description{font-size:13px}.hero-benefits{font-size:10px}.model-description{font-size:11px}.section-heading p{font-size:12px}.model-tags span{font-size:9px}.model-subtitle{font-size:11px}.about-heading p,.principle-grid p{font-size:12px}.faq-list details>p{font-size:12px}pre{font-size:10px}}

/* Interactive walkthrough: all motion stays inside this terminal. */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.integration-studio{align-self:stretch;display:flex;flex-direction:column;min-width:0;background:#151515}
.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #303030;min-height:46px;font-family:var(--font)}
.studio-tabs{display:flex;gap:22px;align-self:stretch}.studio-tab{display:flex;align-items:center;gap:6px;background:none;color:#999;font-size:11px;padding:12px 0;border-bottom:1px solid transparent;white-space:nowrap}.studio-tab .icon{width:13px;height:13px}.studio-tab.active{color:#fff;border-bottom-color:#fff}.studio-tab:hover{color:#fff}.studio-context{color:#888;font-size:9px;white-space:nowrap}
#source-panel{flex:1;min-width:0}#source-panel .code-toolbar{background:#191919}#source-panel pre{min-height:425px}#demo-panel{min-width:0;flex:1}
.demo-stage{position:relative;padding:22px 23px 15px;min-height:448px;overflow:hidden;font-family:var(--font);isolation:isolate}
.demo-session{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.demo-session-caption{font-size:10px;color:#b0b0b0}.demo-model{font:9px var(--mono);border:1px solid #454545;padding:3px 6px;border-radius:4px;color:#bbb;white-space:nowrap}
.demo-terminal{display:flex;align-items:center;gap:10px;min-height:43px;background:#080808;border:1px solid #343434;border-radius:6px;padding:10px 12px;font:12px/1.5 var(--mono);transition:border-color .2s,box-shadow .2s}.demo-terminal.is-focused{border-color:#929292;box-shadow:0 0 0 2px #ffffff06}.demo-shell-sign{color:#8f8f8f}.demo-command-line{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.demo-placeholder{color:#777;font-family:var(--font);font-size:11px}.demo-enter{color:#bbb;font-size:15px;line-height:1;border:1px solid #444;border-radius:4px;padding:1px 5px;opacity:0}
.demo-caret{display:none;width:1.5px;height:1.15em;background:#f3f3f3;vertical-align:-.15em;margin-left:2px}.demo-connection{display:flex;align-items:center;gap:6px;min-height:30px;font-size:9px;color:#ababab;opacity:0}.demo-connection .icon{width:11px;height:11px}
.demo-question{padding:13px 14px 10px;border:1px solid #383838;border-radius:7px;background:#1c1c1c;transition:border-color .2s}.demo-question.is-focused{border-color:#999}.demo-message-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eee;font-size:10px;font-weight:500}.demo-input-hint{font-size:9px;color:#858585;font-weight:400}.demo-input{min-height:48px;font-size:12px;line-height:1.8;padding-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.demo-question-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.demo-input-note{font-size:9px;color:#888}.demo-send{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;background:#ededed;color:#000;font-size:10px;border-radius:4px;min-height:25px;transition:background .15s,transform .15s}.demo-send .icon{width:12px;height:12px}.demo-send.is-pressed{transform:scale(.94);background:#aaa}.demo-send.is-sent{background:#303030;color:#bcbcbc}
.demo-answer{padding-top:18px;opacity:0}.demo-answer-heading{display:flex;align-items:center;gap:7px;font-size:12px;color:#eee;font-weight:550;min-height:19px}.demo-ai-symbol{font-size:18px;line-height:1}.demo-thinking,.demo-answer-state{font-size:9px;font-weight:400;color:#999;margin-left:auto}.demo-thinking{display:flex;gap:3px}.demo-answer-text{font-size:11px;line-height:1.9;color:#c4c4c4;margin-top:10px;min-height:21px}.demo-answer-code{border:1px solid #353535;background:#101010;border-radius:5px;margin-top:10px;overflow:hidden;opacity:0}.demo-code-label{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;font:9px var(--mono);color:#a8a8a8;background:#1c1c1c;border-bottom:1px solid #2c2c2c}.demo-code-label>span{font:8px var(--font);color:#8f8f8f}.demo-answer-code pre{min-height:133px;padding:10px 12px;font:10px/1.65 var(--mono);color:#d8d8d8;white-space:pre;tab-size:2}.demo-answer-code .demo-caret{height:11px;margin-left:1px}
.demo-cursor{position:absolute;left:0;top:0;z-index:4;pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 3px #0008);opacity:0;transform:translate(85%,25%)}.demo-cursor>svg{width:25px;height:29px;position:relative;z-index:2}.demo-click-ring{position:absolute;left:2px;top:2px;width:25px;height:25px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.demo-timeline{border-top:1px solid #303030}.demo-progress{height:2px;background:#262626;overflow:hidden}.demo-progress>span{display:block;width:100%;height:100%;background:#ddd;transform-origin:left;transform:scaleX(0);will-change:transform}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;font-family:var(--font)}.demo-step{color:#bcbcbc;font-size:10px}.demo-playback{display:flex;gap:15px;align-items:center}.demo-playback button{display:flex;align-items:center;gap:5px;background:none;color:#bdbdbd;padding:4px 0;font-size:10px}.demo-playback button:hover{color:#fff}.demo-control-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo-disclaimer{font:9px/1.7 var(--font);color:#949494;background:#101010;border-top:1px solid #292929;padding:8px 17px;text-align:center}.integration-studio.is-paused .demo-terminal,.integration-studio.is-paused .demo-question,.integration-studio.is-paused .demo-send{transition:none}
@media(max-width:1150px){.demo-stage{padding:19px 18px 14px}.demo-session-caption{font-size:9px}.demo-input{font-size:11px}.demo-answer-code pre{font-size:9px;min-height:123px}.demo-answer-text{font-size:10px}.studio-context{display:none}.studio-tabs{gap:24px}.demo-controls{padding-inline:14px}.demo-step{font-size:9px}.demo-disclaimer{font-size:8px}}
@media(max-width:900px){.demo-stage{padding:23px 25px 18px;min-height:445px}.demo-session-caption{font-size:10px}.demo-input{font-size:13px;min-height:46px}.demo-answer-text{font-size:12px}.demo-answer-code pre{font-size:11px;min-height:145px}.studio-context{display:block}.demo-controls{padding-inline:20px}.demo-step{font-size:10px}.demo-disclaimer{font-size:9px}.demo-code-label>span{font-size:9px}}
@media(max-width:640px){.studio-nav{padding-inline:12px;min-height:43px}.studio-tabs{gap:23px}.studio-tab{font-size:10px;gap:5px}.studio-context{display:none}.demo-stage{padding:17px 13px 14px;min-height:473px}.demo-session{margin-bottom:13px;gap:7px}.demo-session-caption{font-size:9px;max-width:15em}.demo-model{font-size:8px;padding:2px 4px}.demo-terminal{font-size:11px;gap:8px;min-height:41px;padding:9px 10px}.demo-placeholder{font-size:10px}.demo-connection{font-size:8px;min-height:29px;gap:4px}.demo-question{padding:11px 11px 9px}.demo-message-label{font-size:10px}.demo-input-hint{font-size:8px}.demo-input{font-size:11px;min-height:56px;line-height:1.85;padding-top:9px}.demo-question-bottom{margin-top:5px}.demo-input-note{font-size:8px}.demo-send{font-size:9px;padding:5px 8px;gap:6px}.demo-answer{padding-top:17px}.demo-answer-heading{font-size:11px}.demo-answer-text{font-size:10px;min-height:37px;line-height:1.9;margin-top:9px}.demo-answer-code pre{font-size:9px;line-height:1.7;min-height:136px;padding:10px 9px}.demo-code-label{font-size:8px;padding:6px 8px}.demo-code-label>span{font-size:7px}.demo-controls{padding:10px 11px;gap:7px}.demo-step{font-size:9px}.demo-playback{gap:11px}.demo-playback button{font-size:9px;gap:4px}.demo-disclaimer{font-size:8px;padding:7px 10px}.demo-cursor>svg{width:23px;height:27px}#source-panel pre{min-height:390px}}
@media(max-width:370px){.demo-stage{padding-inline:10px;min-height:480px}.demo-session-caption{font-size:8px}.demo-terminal{font-size:10px}.demo-question{padding-inline:9px}.demo-input-hint{display:none}.demo-input{font-size:10px}.demo-input-note{font-size:7px}.demo-answer-code pre{font-size:8px;padding-inline:7px}.demo-answer-text{font-size:9px}.demo-code-label>span{font-size:7px}.demo-step{font-size:8px}.demo-playback{gap:9px}.demo-disclaimer{font-size:7px}}

/* Brand SVGs share the existing monochrome palette and retain their geometry. */
.provider-icon{display:block;fill:currentColor;flex-shrink:0}
.partner .provider-icon{width:28px;height:28px}
.partner-deepseek .provider-icon{width:34px;height:30px}
.partner-moonshot .provider-icon{width:27px;height:27px}
.model-logo .provider-icon{width:100%;height:100%}
@media(max-width:640px){.partner .provider-icon{width:25px;height:25px}.partner-deepseek .provider-icon{width:29px;height:27px}}