:root{--ink:#111;--muted:#747474;--line:#e7e5e0;--paper:#fbfaf7;--blue:#1688ee;--orange:#ff6538;--shell:min(1120px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC",sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.shell{width:var(--shell);margin:auto}.announcement{height:30px;background:#151310;color:#e9e4dc;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.announcement b{color:#ff996d}.announcement-close{position:absolute;right:14px;color:#aaa;font-size:16px;line-height:1}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800}.brand-mark{font-size:20px}.nav-links{display:flex;gap:25px;font-size:12px;color:#555}.nav-links a.active,.nav-links a:hover{color:var(--orange)}.nav-actions{display:flex;gap:17px;align-items:center}.lang{font-size:19px}.nav-cta{font-size:12px;background:#161616;color:#fff;padding:11px 18px}.menu{display:none;font-size:20px}.hero{height:590px;position:relative;overflow:hidden;background:linear-gradient(113deg,#ffe9de 0%,#fff9f1 34%,#ffbaa2 58%,#ff8359 72%,#c9e6ff 100%)}.hero:before{content:"";position:absolute;inset:-25% -10%;background:radial-gradient(ellipse at 45% 62%,#ff5a25 0%,#ff8b62 22%,transparent 51%),radial-gradient(ellipse at 90% 56%,#c2e5ff 0%,transparent 34%),radial-gradient(ellipse at 12% 68%,#ffb39c 0%,transparent 40%);filter:blur(36px);opacity:.9}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.38) 1px,transparent 1px);background-size:5px 5px;opacity:.13}.hero-inner{position:relative;z-index:1;text-align:center;padding-top:38px}.hero-kicker{display:inline-block;background:#fff9;border:1px solid #dcd8d0;padding:3px 10px;border-radius:3px;font-size:10px;color:#777}.hero h1{font-size:41px;line-height:1.08;letter-spacing:-1.5px;margin:20px 0 24px;font-weight:900}.hero h1 span{color:#188df0}.hero-buttons{display:flex;justify-content:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1a1a1a;padding:11px 19px;font-size:13px;min-height:43px}.btn.primary{background:#171717;color:#fff}.btn.ghost{background:#fff8}.btn small{font-size:9px;margin-left:5px;color:#777}.endpoint{margin:16px auto 0;display:flex;width:350px;background:#fff9;border:1px solid #ddd7cf;font-family:"DM Mono",monospace;font-size:10px;color:#777}.endpoint span{padding:7px 10px;border-right:1px solid #e4dfd7}.endpoint code{padding:7px 8px;flex:1;text-align:left}.endpoint .copy{padding:0 8px;color:#999}.route-graphic{width:min(760px,90%);height:210px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;position:relative}.route-label{position:absolute;top:50%;font:9px "DM Mono",monospace;color:#727272}.route-label.left{left:0}.route-label.right{right:0}.route-line{position:absolute;left:10%;right:10%;height:74px;top:51%;transform:translateY(-50%);overflow:hidden}.route-line:before,.route-line:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.7);top:37px}.route-line i{position:absolute;display:block;border-top:1px solid rgba(255,255,255,.65);border-radius:50%;width:48%;height:65px;top:4px}.route-line i:nth-child(1){left:5%;transform:rotate(-9deg)}.route-line i:nth-child(2){right:5%;transform:rotate(9deg)}.route-line i:nth-child(3){left:25%;width:50%;height:105px;top:-15px;transform:rotate(0);border-color:rgba(255,255,255,.48)}.agent-cloud{display:flex;justify-content:center;gap:6px;position:absolute;bottom:48px;left:0;right:0}.agent-cloud span{background:#fff7;border:1px solid #efc7b4;padding:4px 10px;font-size:10px;color:#666}.social-proof{position:absolute;bottom:13px;left:0;right:0;color:#666;font-size:10px}.faces{color:#1688ee;font-size:15px;margin-right:4px}.section{padding:92px 0}.center{text-align:center}.section-head h2{font-size:30px;line-height:1.15;margin:0 0 10px;letter-spacing:-.6px}.section-head h2 em,.pay h2 em,.buy-cta h2 em{font-style:normal;color:var(--blue)}.section-head p{color:#777;font-size:12px;margin:0}.section-head a{color:var(--orange)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px dashed #ddd8d0;margin:38px auto 25px;max-width:900px}.price-card{padding:17px 16px;border-right:1px dashed #ddd8d0;border-bottom:1px dashed #ddd8d0;min-height:150px}.price-card:nth-child(3n){border-right:0}.price-card:nth-last-child(-n+3){border-bottom:0}.price-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.price-title span:first-child{display:flex;align-items:center;gap:6px}.provider-dot{width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;background:#edf3f6;font-size:8px}.discount{font-size:10px;background:#171717;color:#fff;padding:3px 6px}.price-sub{font-size:10px;color:#999;margin:4px 0 17px}.price-values{display:flex;justify-content:space-between}.price-values small{font-size:9px;color:#999;display:block}.price-values b{font-size:16px}.fast{font-size:9px;color:#f07c4e;border:1px solid #f1c6b2;padding:2px 5px;margin-left:4px}.quick-btn{width:100%;border:1px dashed #cfc8bd;padding:5px;margin-top:13px;font-size:10px}.outline-btn{display:block;margin:auto;border:1px solid #111;padding:10px 16px;font-size:12px;background:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin:48px auto 0;border-top:1px dashed #ddd8d0;border-bottom:1px dashed #ddd8d0}.stats div{padding:18px 20px;border-right:1px dashed #ddd8d0}.stats div:last-child{border:0}.stats strong{display:block;font-size:23px}.stats small{font-size:10px;color:#999}.pay{padding-top:80px;padding-bottom:110px}.narrow{max-width:670px}.pay p,.buy-cta p{color:#888;font-size:12px;margin:8px 0 18px}.pay-actions{display:flex;justify-content:center;gap:9px}.pay small,.buy-cta small{display:block;color:#999;font-size:10px;margin-top:14px}.quickstart{padding-top:80px}.quick-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;margin-top:42px;align-items:start}.quick-aside>p{font-size:11px;color:#888;margin:0 0 19px}.aside-card{display:grid;grid-template-columns:30px 1fr 20px;grid-template-rows:auto auto;gap:2px;padding:13px 12px;border:1px solid #e6e3de;margin-bottom:10px;background:#fff}.aside-card span{grid-row:1/3;font-size:18px;color:#666}.aside-card b{font-size:12px}.aside-card small{font-size:10px;color:#999}.aside-card i{grid-column:3;grid-row:1/3;align-self:center;color:#888}.code-panel{border:1px solid #e4e0da;background:#fff}.tabs{display:flex;border-bottom:1px solid #e5e1db;overflow:auto}.tab{padding:11px 14px;font-size:11px;color:#888;white-space:nowrap}.tab.active{color:#111;border-bottom:2px solid #ef6d48}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid #ebe8e3}.language-tabs{display:flex;gap:14px;overflow:auto}.language-tabs button{font-size:10px;color:#999;white-space:nowrap}.language-tabs button.active{color:#111}.doc-link{font-size:10px;color:#666;white-space:nowrap}.code-window{margin:12px;border:1px solid #e5e0d8;background:#fcfcfa}.window-top{display:flex;align-items:center;gap:10px;height:32px;padding:0 9px;border-bottom:1px solid #e8e3da;font-size:9px;color:#888}.traffic{display:flex;gap:4px}.traffic i{display:block;width:7px;height:7px;border-radius:50%;background:#f08b63}.traffic i:nth-child(2){background:#e3c34f}.traffic i:nth-child(3){background:#74ba7c}.model-select{margin-left:auto;border:1px solid #ddd8cf;padding:4px 7px;color:#555}.code-copy{font-size:9px;padding:3px 8px;border:1px solid #ddd8cf}.code-window pre{margin:0;padding:14px 13px;font:11px/1.75 "DM Mono",monospace;color:#4d4b47;white-space:pre-wrap}.code-window pre span{display:inline-block;width:23px;color:#bab5ac}.code-window pre b{color:#d05f3a;font-weight:500}.code-window pre i{color:#8f8a81;font-style:normal}.code-note{font-size:10px;color:#999;margin:10px 13px}.capabilities{background:#f4f3ef}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:34px}.cap-grid article{height:230px;padding:17px;background:linear-gradient(135deg,#e8f4f7,#fff5e8 70%,#ffe3d7);border:1px solid #f2eee8;display:flex;flex-direction:column;justify-content:space-between}.cap-grid span{font:10px "DM Mono",monospace;color:#777}.cap-grid p{font-size:11px;color:#666;margin:0}.reasons{padding-top:108px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.reason-grid h3,.routing h3{font-size:22px;margin:0 0 6px}.lead{font-size:11px;color:#888;margin:0 0 16px}.reason-list article{display:grid;grid-template-columns:155px 1fr;gap:10px;border:1px solid #e6e2dc;background:#fff;padding:12px 14px;margin-bottom:7px;font-size:11px}.reason-list b{font-size:11px}.reason-list span{color:#888}.routing{padding-top:40px}.routing-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px}.routing-blank{height:250px;background:#f2f0eb;border:1px solid #efebe4}.routing-copy p{font-size:11px;color:#777}.routing dl{margin-top:20px}.routing dl div{display:grid;grid-template-columns:55px 1fr;border-bottom:1px dashed #dfdbd4;padding:8px 0;font-size:10px}.routing dt{color:#888}.routing dd{margin:0}.routing-diagram{border:1px solid #e4e0d9;background:#fff;margin-top:42px;min-height:300px}.diagram-tabs{display:flex;gap:20px;padding:10px;border-bottom:1px solid #eee9e2;font-size:11px}.diagram-tabs .active{font-weight:700}.diagram-body{height:255px;position:relative;background-image:radial-gradient(#eee 1px,transparent 1px);background-size:14px 14px}.app-card{position:absolute;left:6%;top:86px;width:165px;height:110px;border:1px solid #ddd9d2;padding:14px;color:#ddd;background:#faf9f6}.app-card b{font-size:18px;display:block;margin-bottom:13px}.app-card i{display:block;background:#e9e7e3;height:8px;width:75%;margin:7px 0}.question{position:absolute;left:34%;top:125px;border:1px solid #bbb6ac;background:#fff;padding:9px 13px;font-size:10px}.branch{position:absolute;right:7%;width:230px;border:1px solid #bbb6ac;padding:9px 11px;background:#fff;font-size:10px}.branch span{position:absolute;left:-47px;top:11px;font-size:9px;color:#888}.branch b{display:block}.branch small{color:#777}.branch.old{top:74px;border-style:dashed}.branch.new{top:157px}.branch.new small{color:#4da87d}.realtime{padding-top:120px}.discount-panel{margin-top:33px;border:1px solid #e2ddd5;background:#fff}.filters{padding:11px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e9e5df}.provider-tabs{display:flex;gap:4px;flex-wrap:wrap}.provider-tabs button{border:1px solid #e2ddd5;padding:5px 9px;font-size:10px;color:#888}.provider-tabs button.active{background:#171717;color:#fff;border-color:#171717}.filters input{width:190px;border:1px solid #ddd8d0;padding:6px 9px;font-size:10px}.discount-content{display:grid;grid-template-columns:165px 1fr;min-height:310px}.model-list{border-right:1px solid #e8e3db;padding:12px 0;font-size:10px;color:#888}.model-list>b{display:block;padding:0 12px 8px;color:#444}.model-list span{display:flex;justify-content:space-between;padding:6px 12px}.model-list span.selected{background:#1c1c1c;color:#fff}.model-list em{font-style:normal;color:#ee7048}.chart{padding:16px}.chart-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.chart-metrics small{font-size:9px;color:#999;display:block}.chart-metrics strong{font-size:17px}.chart-metrics strong:first-letter{color:#ea6c45}.chart-metrics sup{font-size:9px;font-weight:400}.chart-area{height:180px;margin-top:18px;position:relative;border-bottom:1px solid #dedbd3;border-left:1px solid #dedbd3;background:repeating-linear-gradient(to bottom,transparent 0 43px,#efebe4 44px 45px)}.chart-area>span{position:relative;display:block;color:#e36b47;font-size:9px;top:4px;left:-25px;margin-bottom:26px}.chart-line{position:absolute;left:4%;right:3%;bottom:34px;height:60px;border-top:2px solid #f08a45;border-radius:50%;transform:skewY(-2deg);background:linear-gradient(to bottom,rgba(255,177,102,.35),transparent)}.chart-caption{display:block;text-align:center;color:#999;font-size:9px;margin-top:8px}.ranking{padding-top:108px}.rank-card{max-width:900px;margin:30px auto 0;border:1px solid #e4e0d9;background:#fff}.usage-head{display:flex;justify-content:space-between;padding:20px 22px 10px}.usage-head h3,.rank-cols h3{font-size:13px;margin:0}.usage-head p,.rank-cols p{font-size:9px;color:#999;margin:3px 0}.usage-total{font-size:21px;font-weight:700;text-align:right}.usage-total small{display:block;color:#5aaf8a;font-size:9px;font-weight:400}.usage-chart{height:185px;margin:0 23px;position:relative;padding-left:37px;background:repeating-linear-gradient(to bottom,transparent 0 44px,#ece8e1 45px 46px)}.usage-chart>span{display:block;color:#999;font-size:9px;height:45px;position:relative;left:-37px}.bars{position:absolute;left:50px;right:8px;bottom:0;height:175px;display:flex;align-items:flex-end;gap:13px}.bars i{display:block;flex:1;background:linear-gradient(to top,#ff9a61,#ffd2a8);border:1px solid #f4b27e}.rank-cols{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6e1d9}.rank-cols>div{padding:17px 21px}.rank-cols>div+div{border-left:1px solid #e6e1d9}.rank-cols ol{padding:0;margin:12px 0 0;list-style:none;counter-reset:item}.rank-cols li{counter-increment:item;display:grid;grid-template-columns:20px 1fr 70px;grid-template-rows:auto auto;border-top:1px dashed #e4dfd7;padding:8px 0;font-size:10px}.rank-cols li:before{content:counter(item) ".";grid-row:1/3;color:#aaa}.rank-cols li b{font-size:10px}.rank-cols li small{font-size:9px;color:#999}.rank-cols li em{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;color:#999;text-align:right}.updated{display:block;padding:10px 21px;color:#aaa;font-size:9px}.buy-cta{padding:120px 0 100px}.buy-cta .btn{background:#191919;color:#fff}.faq{padding-top:40px;padding-bottom:95px}.faq-list{margin-top:28px;border-top:1px dashed #dcd8d0}.faq details{border-bottom:1px dashed #dcd8d0}.faq summary{list-style:none;padding:13px 0;font-size:12px;font-weight:600;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#999}.faq details p{font-size:11px;color:#777;margin:0 0 14px;max-width:90%}.footer{position:relative;padding:0 0 25px}.footer-grid{display:grid;grid-template-columns:280px 1fr;gap:45px}.footer-brand{background:linear-gradient(145deg,#283b4b,#6d95b9);color:#fff;padding:24px 22px;min-height:190px}.brand.light{color:#fff}.footer-brand p{font-size:11px;line-height:1.7;margin:45px 0 10px;color:#d4dfeb}.footer-brand small{font-size:10px;color:#d4dfeb}.socials{display:flex;gap:8px;margin-top:11px}.socials a{display:grid;place-items:center;width:25px;height:25px;background:#ffffff27;border:1px solid #ffffff34;font-size:11px}.footer-links{background:#f1f0eb;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 26px;min-height:190px}.footer-links div{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#777}.footer-links b{font-size:10px;color:#aaa;margin-bottom:3px}.footer-pattern{height:55px;margin-top:0;background:radial-gradient(#ffcba5 1px,transparent 1px),radial-gradient(#c9dded 1px,transparent 1px);background-size:7px 7px,9px 9px;background-position:0 0,3px 3px;opacity:.8}.copyright{text-align:center;color:#aaa;font-size:10px;padding-top:13px}.wechat{position:fixed;right:18px;bottom:55px;width:86px;padding:8px 7px 5px;background:#fff;border-radius:7px;box-shadow:0 4px 18px #0002;z-index:4}.wechat button{position:absolute;right:4px;top:2px;color:#777}.wechat img{display:block;width:72px;height:72px;object-fit:cover;margin:auto}.wechat p{font-size:8px;text-align:center;color:#666;margin:4px 0 0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#222;color:#fff;font-size:11px;padding:8px 14px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){:root{--shell:min(100% - 32px,680px)}.nav-links{display:none}.menu{display:block}.hero{height:560px}.hero h1{font-size:35px}.route-graphic{height:185px}.price-grid{grid-template-columns:repeat(2,1fr)}.price-card:nth-child(3n){border-right:1px dashed #ddd8d0}.price-card:nth-child(2n){border-right:0}.price-card:nth-last-child(-n+3){border-bottom:1px dashed #ddd8d0}.price-card:nth-last-child(-n+2){border-bottom:0}.quick-layout,.reason-grid,.routing-copy{grid-template-columns:1fr}.routing-blank{height:150px}.cap-grid{grid-template-columns:1fr}.cap-grid article{height:170px}.chart-metrics{grid-template-columns:repeat(3,1fr);row-gap:12px}.discount-content{grid-template-columns:125px 1fr}.filters{flex-direction:column}.filters input{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{min-height:160px}.footer-brand p{margin-top:25px}}@media(max-width:520px){.announcement{font-size:9px}.nav{height:64px}.hero{height:520px}.hero h1{font-size:31px}.hero-buttons{flex-direction:column;width:210px;margin:auto}.endpoint{width:100%;font-size:9px}.route-line{left:18%;right:18%}.agent-cloud{gap:3px;flex-wrap:wrap;padding:0 20px;bottom:43px}.agent-cloud span{font-size:8px;padding:3px 6px}.section{padding:68px 0}.section-head h2{font-size:26px}.price-grid{grid-template-columns:1fr}.price-card,.price-card:nth-child(3n),.price-card:nth-child(2n){border-right:0;border-bottom:1px dashed #ddd8d0!important}.price-card:last-child{border-bottom:0!important}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px dashed #ddd8d0}.reason-list article{grid-template-columns:1fr}.reason-list article span{display:block}.routing-diagram{overflow:hidden}.question{left:29%;font-size:8px;white-space:nowrap}.app-card{left:2%;width:100px}.branch{right:2%;width:160px}.branch span{left:-38px}.discount-content{grid-template-columns:1fr}.model-list{display:none}.rank-cols{grid-template-columns:1fr}.rank-cols>div+div{border-left:0;border-top:1px solid #e6e1d9}.usage-chart{margin:0 14px}.bars{gap:6px}.wechat{right:10px;bottom:12px}.footer-links{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:850px){:root{--shell:calc(100% - 32px)}.quick-layout,.reason-grid,.routing-copy{grid-template-columns:minmax(0,1fr)}.quick-layout>* ,.reason-grid>* ,.routing-copy>*{min-width:0}.code-panel{min-width:0;overflow:hidden}.language-tabs{min-width:0}}
.nav-links.mobile-open{display:flex;position:absolute;z-index:8;top:104px;left:16px;right:16px;flex-direction:column;gap:0;padding:8px 14px;background:#fff;border:1px solid #e5e1da;box-shadow:0 8px 20px #0001}.nav-links.mobile-open a{padding:9px 0;border-bottom:1px dashed #e8e3dc}.nav-links.mobile-open a:last-child{border-bottom:0}
:root{--shell:min(1200px,calc(100% - 48px))}.hero{height:835px}.route-graphic{width:min(1200px,100%);height:470px;margin-top:10px}.route-label{top:20px;font-size:11px}.route-label.left{left:9%}.route-label.right{right:9%}.route-line{left:13%;right:13%;top:51%;height:220px;overflow:visible}.route-line:before{top:110px;background:rgba(255,255,255,.9)}.route-line:after{display:none}.route-line i{width:42%;height:150px;top:36px;border-top:1px solid rgba(255,255,255,.72)}.route-line i:nth-child(1){left:0;transform:rotate(12deg)}.route-line i:nth-child(2){left:0;top:37px;transform:rotate(0);border-color:rgba(255,255,255,.9)}.route-line i:nth-child(3){left:0;top:43px;transform:rotate(-13deg);border-color:rgba(208,227,255,.95)}.route-line i:nth-child(4){right:0;top:5px;transform:rotate(-12deg);border-color:rgba(255,233,190,.85)}.route-line i:nth-child(5){right:0;top:43px;transform:rotate(12deg);border-color:rgba(255,255,255,.72)}.route-nodes{position:absolute;z-index:2;display:flex;flex-direction:column}.route-nodes span{display:flex;align-items:center;gap:9px;height:43px;min-width:116px;padding:0 12px;border:1px solid rgba(255,255,255,.9);border-radius:4px;background:rgba(255,252,248,.86);font-size:15px;font-weight:700;box-shadow:0 2px 6px rgba(170,90,50,.08)}.route-nodes.providers{left:2%;top:145px;gap:48px}.route-nodes.clients{right:2%;top:126px;gap:27px}.node-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-style:normal}.node-icon.claude{color:#f1744e}.node-icon.gpt{color:#242424}.node-icon.gemini{color:#438eff}.node-icon.claudecode{color:#ef7853}.node-icon.codex{color:#516ef4}.node-icon.ccswitch{color:#ef7d55}.node-icon.openclaw{color:#d32b2b}.route-center{position:absolute;z-index:3;left:50%;top:51%;transform:translate(-50%,-50%);width:80px;height:80px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,247,238,.72);display:grid;place-items:center;box-shadow:0 3px 14px rgba(175,91,45,.17)}.route-center b{font-size:29px}.route-center small{position:absolute;top:94px;white-space:nowrap;font-size:12px;color:#333}.route-center small:first-letter{color:#ff8b47}.client-note{position:absolute;right:2%;top:395px;font-size:11px;color:#666}.agent-cloud{bottom:46px}.social-proof{bottom:12px}@media(max-width:850px){:root{--shell:calc(100% - 32px)}.hero{height:560px}.route-graphic{height:235px}.route-label{font-size:8px;top:8px}.route-label.left{left:0}.route-label.right{right:0}.route-line{left:12%;right:12%;top:53%;height:120px}.route-line:before{top:60px}.route-line i{height:90px;top:15px}.route-line i:nth-child(1){top:18px}.route-line i:nth-child(2){top:18px}.route-line i:nth-child(3){top:21px}.route-line i:nth-child(4){top:4px}.route-line i:nth-child(5){top:21px}.route-nodes span{height:28px;min-width:83px;padding:0 6px;gap:4px;font-size:9px}.node-icon{width:14px;height:14px;font-size:11px}.route-nodes.providers{left:0;top:62px;gap:19px}.route-nodes.clients{right:0;top:51px;gap:8px}.route-center{width:48px;height:48px}.route-center b{font-size:18px}.route-center small{top:56px;font-size:8px}.client-note{right:0;top:193px;font-size:8px}.agent-cloud{bottom:32px}.social-proof{bottom:8px}}
@media(max-width:520px){.hero{height:520px}.route-graphic{height:205px}.client-note{top:174px}.agent-cloud{bottom:28px}}

/* final desktop geometry overrides */
@media(min-width:851px){
  .announcement{height:36px;font-size:12px}
  .nav{height:76px;padding:0 56px}
  .nav-links{gap:26px;font-size:14.5px;font-weight:500}
  .nav-actions{gap:18px}
  .nav-cta{font-size:14px;padding:0 18px;height:36px;display:flex;align-items:center}
  .hero{height:823px}
  .hero-inner{padding-top:51px}
  .hero-kicker{font-size:12.5px;line-height:18.75px;height:28px;padding:4px 13px}
  .hero h1{font-size:56px;line-height:66.08px;font-weight:600;letter-spacing:0;margin:26px 0 42px}
  .hero-buttons{height:52px;gap:12px}
  .hero-buttons .btn{height:52px;min-height:52px;font-size:19px;line-height:28.5px;padding-top:0;padding-bottom:0;white-space:nowrap}
  .hero-buttons .btn.primary{width:208px;padding:0;justify-content:flex-start;gap:10px}
  .hero-buttons .btn.primary>span{width:52px;height:50px;flex:0 0 52px;font-size:22px}
  .hero-buttons .btn.ghost{width:145px;padding:0 24px;justify-content:flex-start}
  .hero-buttons .btn.ghost .download-icon{display:inline !important;width:auto;height:auto;font-size:20px;margin-right:4px}
  .endpoint{width:383px;height:40px;margin-top:26px;font-size:13.5px;line-height:20.25px}
  .endpoint span,.endpoint code{padding-top:9px;padding-bottom:9px}
  .route-graphic{height:392px;margin-top:30px}
  .hero-inner>.route-graphic{width:100vw;max-width:none;margin-left:calc((1200px - 100vw)/2);margin-right:calc((1200px - 100vw)/2)}
  .route-label{top:20px;font-size:11px}.route-label.left{left:24%}.route-label.right{right:24%}
  .route-line{left:24%;right:24%;top:52%;height:180px}.route-line:before{top:90px}.route-line i{height:120px;top:28px}
  .route-nodes.providers{left:19.7%;top:64px;gap:41px}.route-nodes.clients{right:20.5%;top:42px;gap:27px}
  .route-center{top:52%;width:80px;height:80px}.client-note{right:20.5%;top:318px}
  .hero-inner>.agent-cloud,.hero-inner>.social-proof{display:none}
  .capstrip{height:164px;position:relative;background:transparent}
  .capstrip .agent-cloud{bottom:58px}.capstrip .social-proof{bottom:25px}
}
@media(max-width:850px){.capstrip{display:none}}
@media(min-width:851px){
  .route-nodes.providers{left:20.2%;top:98px;gap:41px}
  .route-nodes.clients{right:19.8%;top:81px;gap:27px;align-items:flex-end}
  .route-center{top:46%}
  .capstrip .agent-cloud{bottom:110px}
  .capstrip .social-proof{bottom:41px}
}

/* Desktop geometry tuned against the reference landing page. */
@media(min-width:851px){
  .announcement{height:36px;font-size:12px}
  .nav{height:76px;padding:0 56px}
  .nav-links{gap:26px;font-size:14.5px;font-weight:500}
  .nav-actions{gap:18px}
  .nav-cta{font-size:14px;padding:0 18px;height:36px;display:flex;align-items:center}
  .hero{height:823px}
  .hero-inner{padding-top:51px}
  .hero-kicker{font-size:12.5px;line-height:18.75px;height:28px;padding:4px 13px}
  .hero h1{font-family:Inter,"Noto Sans SC",sans-serif;font-size:56px;line-height:66.08px;font-weight:600;letter-spacing:0;margin:26px 0 42px}
  .hero-buttons{height:52px;gap:12px}
  .hero-buttons .btn{height:52px;min-height:52px;font-size:19px;line-height:28.5px;padding-top:0;padding-bottom:0;white-space:nowrap}
  .hero-buttons .btn.primary{width:208px;padding:0;justify-content:flex-start;gap:10px}
  .hero-buttons .btn.primary>span{width:52px;height:50px;flex:0 0 52px;font-size:22px}
  .hero-buttons .btn.ghost{width:145px;padding:0 24px;justify-content:flex-start}
  .hero-buttons .btn.ghost .download-icon{display:inline !important;width:auto;height:auto;font-size:20px;margin-right:4px}
  .hero-buttons .btn.ghost small{right:-8px;top:-10px}
  .endpoint{width:383px;height:40px;margin-top:26px;font-size:13.5px;line-height:20.25px}
  .endpoint span,.endpoint code{padding-top:9px;padding-bottom:9px}
  .route-graphic{height:392px;margin-top:30px}
  .hero-inner>.route-graphic{width:100vw;max-width:none;margin-left:calc((1200px - 100vw)/2);margin-right:calc((1200px - 100vw)/2)}
  .route-label{top:20px;font-size:11px}
  .route-label.left{left:24%}.route-label.right{right:24%}
  .route-line{left:24%;right:24%;top:52%;height:180px}
  .route-line:before{top:90px}
  .route-line i{height:120px;top:28px}
  .route-nodes.providers{left:19.7%;top:64px;gap:41px}
  .route-nodes.clients{right:20.5%;top:42px;gap:27px}
  .route-center{top:52%;width:80px;height:80px}
  .client-note{right:20.5%;top:318px}
  .hero-inner>.agent-cloud,.hero-inner>.social-proof{display:none}
  .capstrip{height:164px;position:relative;background:transparent}
  .capstrip .agent-cloud{bottom:58px}
  .capstrip .social-proof{bottom:25px}
}
@media(max-width:850px){
  .capstrip{display:none}
}
@media(min-width:851px){
  .nav{width:min(1320px,calc(100% - 48px))}
  .hero{background:#fff url('./assets/hero-art-bg.webp') center top/cover no-repeat}
  .hero:before{background:none;filter:none;opacity:0}
  .hero:after{opacity:0}
  .hero h1{font-size:56px;line-height:1.18;font-weight:700;letter-spacing:-1px;margin:36px 0 34px}
  .route-nodes{align-items:flex-start}
  .route-nodes.providers span:nth-child(2){min-width:95px}
  .route-nodes.providers span:nth-child(3){min-width:118px}
  .route-nodes.clients span{min-width:0}
  .route-nodes.providers{top:71px;transform:translateY(-30px)}
  .route-nodes.clients{top:54px;transform:translateY(-30px)}
  .route-center{top:38%;transform:translate(-50%,-50%) translateY(-30px)}
  .agent-cloud{bottom:9px;transform:translateY(34px)}
  .social-proof{transform:translateY(34px)}
}
.route-nodes span{background:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.52))!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:4px;padding:8px 16px 8px 11px;height:42px;min-width:0;font:650 16px/24px Inter,"Noto Sans SC",sans-serif;color:#34291f}.route-nodes .node-icon{width:24px;height:24px;font-size:18px}.route-nodes.providers span{min-width:116px}.route-nodes.clients span{min-width:112px}.route-nodes.clients span:first-child{min-width:162px}.route-nodes.clients span:nth-child(3),.route-nodes.clients span:nth-child(4){min-width:142px}
.brand-svg{width:15px;height:16px;display:block;flex:0 0 auto}.hub-svg{width:25px;height:27px;display:block;fill:currentColor}.route-center b{display:none}.route-center small{top:94px;font-size:14.5px;font-weight:500;color:rgba(18,18,18,.72)}
.route-nodes span{background:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.85);border-radius:4px;padding:8px 16px 8px 11px;height:42px;min-width:0;font:650 16px/24px Inter,"Noto Sans SC",sans-serif;color:#34291f}.route-nodes .node-icon{width:24px;height:24px;font-size:18px}.route-nodes.providers span{min-width:116px}.route-nodes.clients span{min-width:112px}.route-nodes.clients span:first-child{min-width:162px}.route-nodes.clients span:nth-child(3),.route-nodes.clients span:nth-child(4){min-width:142px}
.hero-buttons .btn.primary{padding-left:0;gap:10px}.hero-buttons .btn.primary>span{width:48px;height:51px;display:grid;place-items:center;background:#fff;color:#222;font-size:25px;border-right:1px solid #222}.hero-buttons .btn.ghost{position:relative}.hero-buttons .btn.ghost small{position:absolute;right:-8px;top:-10px;background:#171717;color:#fff;padding:3px 7px;font-size:9px;line-height:1}
@media(min-width:851px){.route-nodes.providers{top:71px}.route-nodes.clients{top:54px}.route-center{top:38%}.client-note{top:316px}.agent-cloud{bottom:9px}}
@media(min-width:851px){.hero{height:1060px}.hero-inner{padding-top:60px}.hero h1{font-size:60px;line-height:1.06;margin:28px 0 38px}.hero-buttons .btn{font-size:17px;min-height:53px;padding:12px 22px}.hero-buttons .btn small{font-size:10px}.endpoint{width:380px;margin-top:26px;font-size:12px}.endpoint span,.endpoint code{padding-top:9px;padding-bottom:9px}.route-graphic{margin-top:37px;height:470px}.agent-cloud{bottom:46px}.social-proof{bottom:12px}}
:root{--shell:min(1200px,calc(100% - 48px))}.hero{height:835px}.route-graphic{width:min(1200px,100%);height:470px;margin-top:10px}.route-label{top:20px;font-size:11px}.route-label.left{left:9%}.route-label.right{right:9%}.route-line{left:13%;right:13%;top:51%;height:220px;overflow:visible}.route-line:before{top:110px;background:rgba(255,255,255,.9)}.route-line:after{display:none}.route-line i{width:42%;height:150px;top:36px;border-top:1px solid rgba(255,255,255,.72)}.route-line i:nth-child(1){left:0;transform:rotate(12deg)}.route-line i:nth-child(2){left:0;top:37px;transform:rotate(0);border-color:rgba(255,255,255,.9)}.route-line i:nth-child(3){left:0;top:43px;transform:rotate(-13deg);border-color:rgba(208,227,255,.95)}.route-line i:nth-child(4){right:0;top:5px;transform:rotate(-12deg);border-color:rgba(255,233,190,.85)}.route-line i:nth-child(5){right:0;top:43px;transform:rotate(12deg);border-color:rgba(255,255,255,.72)}.route-nodes{position:absolute;z-index:2;display:flex;flex-direction:column}.route-nodes span{display:flex;align-items:center;gap:9px;height:43px;min-width:116px;padding:0 12px;border:1px solid rgba(255,255,255,.9);border-radius:4px;background:rgba(255,252,248,.86);font-size:15px;font-weight:700;box-shadow:0 2px 6px rgba(170,90,50,.08)}.route-nodes.providers{left:2%;top:145px;gap:48px}.route-nodes.clients{right:2%;top:126px;gap:27px}.node-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-style:normal}.node-icon.claude{color:#f1744e}.node-icon.gpt{color:#242424}.node-icon.gemini{color:#438eff}.node-icon.claudecode{color:#ef7853}.node-icon.codex{color:#516ef4}.node-icon.ccswitch{color:#ef7d55}.node-icon.openclaw{color:#d32b2b}.route-center{position:absolute;z-index:3;left:50%;top:51%;transform:translate(-50%,-50%);width:80px;height:80px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,247,238,.72);display:grid;place-items:center;box-shadow:0 3px 14px rgba(175,91,45,.17)}.route-center b{font-size:29px}.route-center small{position:absolute;top:94px;white-space:nowrap;font-size:12px;color:#333}.route-center small:first-letter{color:#ff8b47}.client-note{position:absolute;right:2%;top:395px;font-size:11px;color:#666}.agent-cloud{bottom:46px}.social-proof{bottom:12px}@media(max-width:850px){:root{--shell:calc(100% - 32px)}.hero{height:560px}.route-graphic{height:235px}.route-label{font-size:8px;top:8px}.route-label.left{left:0}.route-label.right{right:0}.route-line{left:12%;right:12%;top:53%;height:120px}.route-line:before{top:60px}.route-line i{height:90px;top:15px}.route-line i:nth-child(1){top:18px}.route-line i:nth-child(2){top:18px}.route-line i:nth-child(3){top:21px}.route-line i:nth-child(4){top:4px}.route-line i:nth-child(5){top:21px}.route-nodes span{height:28px;min-width:83px;padding:0 6px;gap:4px;font-size:9px}.node-icon{width:14px;height:14px;font-size:11px}.route-nodes.providers{left:0;top:62px;gap:19px}.route-nodes.clients{right:0;top:51px;gap:8px}.route-center{width:48px;height:48px}.route-center b{font-size:18px}.route-center small{top:56px;font-size:8px}.client-note{right:0;top:193px;font-size:8px}.agent-cloud{bottom:32px}.social-proof{bottom:8px}}
@media(max-width:520px){.hero{height:520px}.route-graphic{height:205px}.client-note{top:174px}.agent-cloud{bottom:28px}}
@media(min-width:851px){.hero{height:1060px}.hero-inner{padding-top:60px}.hero h1{font-size:60px;line-height:1.06;margin:28px 0 38px}.hero-buttons .btn{font-size:17px;min-height:53px;padding:12px 22px}.hero-buttons .btn small{font-size:10px}.endpoint{width:380px;margin-top:26px;font-size:12px}.endpoint span,.endpoint code{padding-top:9px;padding-bottom:9px}.route-graphic{margin-top:37px;height:470px}.route-label{top:50px}.route-nodes.providers{top:105px}.route-nodes.clients{top:88px}.route-center{top:45%}.client-note{top:350px}.agent-cloud{bottom:46px}.social-proof{bottom:12px}}
@media(max-width:850px){.hero{height:560px}.route-graphic{height:235px}.route-label{top:8px}.route-nodes.providers{top:62px}.route-nodes.clients{top:51px}.route-center{top:53%}.client-note{top:193px}.agent-cloud{bottom:32px}.social-proof{bottom:8px}}
@media(max-width:520px){.hero{height:520px}.route-graphic{height:205px}.client-note{top:174px}.agent-cloud{bottom:28px}}
@media(min-width:851px){
  .announcement{height:36px;font-size:12px}.nav{height:76px;padding:0 56px}.nav-links{gap:26px;font-size:14.5px;font-weight:500}.nav-actions{gap:18px}.nav-cta{font-size:14px;padding:0 18px;height:36px;display:flex;align-items:center}
  .hero{height:823px}.hero-inner{padding-top:51px}.hero-kicker{font-size:12.5px;line-height:18.75px;height:28px;padding:4px 13px}.hero h1{font-size:56px;line-height:66.08px;font-weight:600;letter-spacing:0;margin:26px 0 42px}
  .hero-buttons{height:52px;gap:12px}.hero-buttons .btn{height:52px;min-height:52px;font-size:19px;line-height:28.5px;padding-top:0;padding-bottom:0;white-space:nowrap}.hero-buttons .btn.primary{width:208px;padding:0;justify-content:flex-start;gap:10px}.hero-buttons .btn.primary>span{width:52px;height:50px;flex:0 0 52px;font-size:22px}.hero-buttons .btn.ghost{width:145px;padding:0 24px;justify-content:flex-start}.hero-buttons .btn.ghost .download-icon{display:inline !important;width:auto;height:auto;font-size:20px;margin-right:4px}.hero-buttons .btn.ghost small{right:-8px;top:-10px}
  .endpoint{width:383px;height:40px;margin-top:26px;font-size:13.5px;line-height:20.25px}.endpoint span,.endpoint code{padding-top:9px;padding-bottom:9px}
  .route-graphic{height:392px;margin-top:30px}.hero-inner>.route-graphic{width:100vw;max-width:none;margin-left:calc((1200px - 100vw)/2);margin-right:calc((1200px - 100vw)/2)}.route-label{top:20px;font-size:11px}.route-label.left{left:24%}.route-label.right{right:24%}.route-line{left:24%;right:24%;top:52%;height:180px}.route-line:before{top:90px}.route-line i{height:120px;top:28px}.route-nodes.providers{left:19.7%;top:64px;gap:41px}.route-nodes.clients{right:20.5%;top:42px;gap:27px}.route-center{top:52%;width:80px;height:80px}.client-note{right:20.5%;top:318px}.hero-inner>.agent-cloud,.hero-inner>.social-proof{display:none}
  .capstrip{height:164px;position:relative;background:transparent}.capstrip .agent-cloud{bottom:58px}.capstrip .social-proof{bottom:25px}
}
@media(max-width:850px){.capstrip{display:none}}